diff --git a/.gitignore b/.gitignore index 29f83bed..e6ab385b 100644 --- a/.gitignore +++ b/.gitignore @@ -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/ diff --git a/assets/css/_footer-adv-rtl.min.css b/assets/css/_footer-adv-rtl.min.css new file mode 100644 index 00000000..a6ecdc9f --- /dev/null +++ b/assets/css/_footer-adv-rtl.min.css @@ -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; +} diff --git a/assets/css/_footer-adv.min.css b/assets/css/_footer-adv.min.css new file mode 100644 index 00000000..a6ecdc9f --- /dev/null +++ b/assets/css/_footer-adv.min.css @@ -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; +} diff --git a/assets/css/abandonment.css b/assets/css/abandonment.css new file mode 100644 index 00000000..202c2e22 --- /dev/null +++ b/assets/css/abandonment.css @@ -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; +} diff --git a/assets/css/above-header-style-rtl.css b/assets/css/above-header-style-rtl.css new file mode 100644 index 00000000..ec76a9e1 --- /dev/null +++ b/assets/css/above-header-style-rtl.css @@ -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; +} diff --git a/assets/css/above-header-style-rtl.min.css b/assets/css/above-header-style-rtl.min.css new file mode 100644 index 00000000..682a35ef --- /dev/null +++ b/assets/css/above-header-style-rtl.min.css @@ -0,0 +1,85 @@ +.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 .2s linear}.ast-above-header-menu .menu-item{position:relative;transition:all .2s linear}.ast-above-header-menu .menu-item.focus>.sub-menu,.ast-above-header-menu .menu-item:hover>.sub-menu{right:0;left:auto}.ast-above-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-above-header-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0;right:auto}@media (min-width:769px){.ast-above-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-above-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}.ast-above-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.ast-above-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.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:#fff;right:-999em;position:absolute;top:100%;z-index:99999}@media (min-width:769px){.ast-above-header-menu .sub-menu .menu-item.focus>.sub-menu,.ast-above-header-menu .sub-menu .menu-item:hover>.sub-menu{right:100%;left:auto}.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: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:hover>.sub-menu{right:-100%}}.ast-above-header-menu .sub-menu .menu-link{padding:.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:.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:0 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 .907em;font-size:inherit;font-weight:400;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.focus>.sub-menu,.ast-header-break-point .ast-above-header-menu .sub-menu .ast-left-align-sub-menu:hover>.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.focus>.sub-menu,.ast-header-break-point .ast-above-header-menu .ast-sub-menu-goes-outside:hover>.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,.1)}.ast-desktop .ast-above-header-menu .astra-full-megamenu-wrapper{box-shadow:0 4px 10px -2px rgba(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}.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 #close,.ast-above-header-wrap .ast-search-box.header-cover button.button{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 a,.ast-above-header-section .widget p{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 .2s linear}.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:#fff}.ast-above-header .slide-search .search-field:focus{background-color:#fff}.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}.ast-above-header-custom-menu-items,.ast-above-header-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 .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:0}.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 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-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-custom-menu-items,.ast-header-break-point .toggle-on .ast-above-header-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}.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:.5em}}.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:after,.ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:before{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; +} diff --git a/assets/css/above-header-style.css b/assets/css/above-header-style.css new file mode 100644 index 00000000..4c05027b --- /dev/null +++ b/assets/css/above-header-style.css @@ -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; +} diff --git a/assets/css/above-header-style.min.css b/assets/css/above-header-style.min.css new file mode 100644 index 00000000..a7d86328 --- /dev/null +++ b/assets/css/above-header-style.min.css @@ -0,0 +1,85 @@ +.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 .2s linear}.ast-above-header-menu .menu-item{position:relative;transition:all .2s linear}.ast-above-header-menu .menu-item.focus>.sub-menu,.ast-above-header-menu .menu-item:hover>.sub-menu{left:0;right:auto}.ast-above-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-above-header-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0;left:auto}@media (min-width:769px){.ast-above-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-above-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}.ast-above-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.ast-above-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.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:#fff;left:-999em;position:absolute;top:100%;z-index:99999}@media (min-width:769px){.ast-above-header-menu .sub-menu .menu-item.focus>.sub-menu,.ast-above-header-menu .sub-menu .menu-item:hover>.sub-menu{left:100%;right:auto}.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: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:hover>.sub-menu{left:-100%}}.ast-above-header-menu .sub-menu .menu-link{padding:.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:.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:0 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 .907em;font-size:inherit;font-weight:400;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.focus>.sub-menu,.ast-header-break-point .ast-above-header-menu .sub-menu .ast-left-align-sub-menu:hover>.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.focus>.sub-menu,.ast-header-break-point .ast-above-header-menu .ast-sub-menu-goes-outside:hover>.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,.1)}.ast-desktop .ast-above-header-menu .astra-full-megamenu-wrapper{box-shadow:0 4px 10px -2px rgba(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}.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 #close,.ast-above-header-wrap .ast-search-box.header-cover button.button{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 a,.ast-above-header-section .widget p{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 .2s linear}.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:#fff}.ast-above-header .slide-search .search-field:focus{background-color:#fff}.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}.ast-above-header-custom-menu-items,.ast-above-header-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 .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:0}.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 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-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-custom-menu-items,.ast-header-break-point .toggle-on .ast-above-header-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}.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:.5em}}.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:after,.ast-above-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:before{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; +} diff --git a/assets/css/above-menu-flyout-rtl.css b/assets/css/above-menu-flyout-rtl.css new file mode 100644 index 00000000..aca2e120 --- /dev/null +++ b/assets/css/above-menu-flyout-rtl.css @@ -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; +} diff --git a/assets/css/above-menu-flyout-rtl.min.css b/assets/css/above-menu-flyout-rtl.min.css new file mode 100644 index 00000000..f61dab35 --- /dev/null +++ b/assets/css/above-menu-flyout-rtl.min.css @@ -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; +} diff --git a/assets/css/above-menu-flyout.css b/assets/css/above-menu-flyout.css new file mode 100644 index 00000000..904b5cd4 --- /dev/null +++ b/assets/css/above-menu-flyout.css @@ -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; +} diff --git a/assets/css/above-menu-flyout.min.css b/assets/css/above-menu-flyout.min.css new file mode 100644 index 00000000..ce767dde --- /dev/null +++ b/assets/css/above-menu-flyout.min.css @@ -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; +} diff --git a/assets/css/above-menu-fullscreen-rtl.css b/assets/css/above-menu-fullscreen-rtl.css new file mode 100644 index 00000000..807c532b --- /dev/null +++ b/assets/css/above-menu-fullscreen-rtl.css @@ -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; +} diff --git a/assets/css/above-menu-fullscreen-rtl.min.css b/assets/css/above-menu-fullscreen-rtl.min.css new file mode 100644 index 00000000..eceb88a7 --- /dev/null +++ b/assets/css/above-menu-fullscreen-rtl.min.css @@ -0,0 +1,85 @@ +.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:0 0}.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{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{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{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{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 .2s,visibility linear .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:0 0!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:0 0!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_price_filter .price_slider_amount .button,.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.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-above-header-menu-items,.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-below-header-menu-items,.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-header-sections-navigation{background:0 0}.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; +} diff --git a/assets/css/above-menu-fullscreen.css b/assets/css/above-menu-fullscreen.css new file mode 100644 index 00000000..519f9a22 --- /dev/null +++ b/assets/css/above-menu-fullscreen.css @@ -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; +} diff --git a/assets/css/above-menu-fullscreen.min.css b/assets/css/above-menu-fullscreen.min.css new file mode 100644 index 00000000..144b8c79 --- /dev/null +++ b/assets/css/above-menu-fullscreen.min.css @@ -0,0 +1,85 @@ +.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:0 0}.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{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{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{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{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 .2s,visibility linear .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:0 0!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:0 0!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_price_filter .price_slider_amount .button,.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.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-above-header-menu-items,.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-below-header-menu-items,.ast-fullscreen-above-menu-overlay .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-header-sections-navigation{background:0 0}.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; +} diff --git a/assets/css/above-menu-no-toggle-rtl.css b/assets/css/above-menu-no-toggle-rtl.css new file mode 100644 index 00000000..b34329a8 --- /dev/null +++ b/assets/css/above-menu-no-toggle-rtl.css @@ -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; +} diff --git a/assets/css/above-menu-no-toggle-rtl.min.css b/assets/css/above-menu-no-toggle-rtl.min.css new file mode 100644 index 00000000..375ff191 --- /dev/null +++ b/assets/css/above-menu-no-toggle-rtl.min.css @@ -0,0 +1,85 @@ +.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-menu-items .menu-item,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation li{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 .ast-above-header-menu>.menu-item-has-children>.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{padding-left:0}.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .menu-item-has-children>.ast-menu-toggle{left:0;position:relative;top:0;transition:all .2s linear;border-radius:0}.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,.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{font-size:.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.focus>.sub-menu,.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 .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.focus>.sub-menu,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside:hover>.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-menu-items .sub-menu .menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item-has-children>.ast-menu-toggle{position:absolute;background:0 0}.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,.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-link:before,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .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-menu-items .sub-menu>.menu-item:first-child,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation ul li,.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-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{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 .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; +} diff --git a/assets/css/above-menu-no-toggle.css b/assets/css/above-menu-no-toggle.css new file mode 100644 index 00000000..de4679b1 --- /dev/null +++ b/assets/css/above-menu-no-toggle.css @@ -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; +} diff --git a/assets/css/above-menu-no-toggle.min.css b/assets/css/above-menu-no-toggle.min.css new file mode 100644 index 00000000..a65f9814 --- /dev/null +++ b/assets/css/above-menu-no-toggle.min.css @@ -0,0 +1,85 @@ +.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-menu-items .menu-item,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation li{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 .ast-above-header-menu>.menu-item-has-children>.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{padding-right:0}.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu-items .menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .menu-item-has-children>.ast-menu-toggle{right:0;position:relative;top:0;transition:all .2s linear;border-radius:0}.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,.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{font-size:.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.focus>.sub-menu,.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 .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.focus>.sub-menu,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-menu .menu-item.ast-sub-menu-goes-outside:hover>.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-menu-items .sub-menu .menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .menu-item-has-children>.ast-menu-toggle{position:absolute;background:0 0}.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,.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-link:before,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation .sub-menu .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-menu-items .sub-menu>.menu-item:first-child,.ast-header-break-point.ast-no-toggle-above-menu-enable .ast-above-header-navigation ul li,.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-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{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 .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; +} diff --git a/assets/css/admin-bar.css b/assets/css/admin-bar.css new file mode 100644 index 00000000..be2c1de4 --- /dev/null +++ b/assets/css/admin-bar.css @@ -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; +} diff --git a/assets/css/admin-bar.min.css b/assets/css/admin-bar.min.css new file mode 100644 index 00000000..7a2ca9ea --- /dev/null +++ b/assets/css/admin-bar.min.css @@ -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; +} diff --git a/assets/css/admin-custom-rtl.css b/assets/css/admin-custom-rtl.css new file mode 100644 index 00000000..9a160ee4 --- /dev/null +++ b/assets/css/admin-custom-rtl.css @@ -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; +} diff --git a/assets/css/admin-custom.css b/assets/css/admin-custom.css new file mode 100644 index 00000000..dc3ba362 --- /dev/null +++ b/assets/css/admin-custom.css @@ -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; +} diff --git a/assets/css/admin-dashboard.css b/assets/css/admin-dashboard.css new file mode 100644 index 00000000..8a7a8c45 --- /dev/null +++ b/assets/css/admin-dashboard.css @@ -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; +} diff --git a/assets/css/admin-form-templates.css b/assets/css/admin-form-templates.css new file mode 100644 index 00000000..5ed8a793 --- /dev/null +++ b/assets/css/admin-form-templates.css @@ -0,0 +1,1097 @@ +.wpforms-admin-page .wpforms-btn { + border-width: 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; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-in; +} + +.wpforms-admin-page .wpforms-btn.inactive { + background-color: #d7d7d7; + border-color: #cccccc; + color: #444444; + cursor: no-drop; +} + +.wpforms-admin-page .wpforms-btn .wpforms-button-icon, +.wpforms-admin-page .wpforms-btn i { + margin-inline-end: 10px !important; +} + +.wpforms-admin-page .wpforms-btn-block { + display: block; + width: 100%; +} + +.wpforms-admin-page .wpforms-btn-sm { + font-size: 14px; + font-weight: 500; + padding: 0 10px; + height: 32px; + line-height: 30px; +} + +.wpforms-admin-page .wpforms-btn-md { + font-size: 14px; + font-weight: 600; + line-height: 17px; + padding: 10px 15px; +} + +.wpforms-admin-page .wpforms-btn-lg { + font-size: 16px; + font-weight: 600; + padding: 16px 28px; +} + +.wpforms-admin-page .wpforms-btn-orange { + background-color: #e27730; + border-color: #e27730; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-orange:hover { + background-color: #cd6622; + border-color: #cd6622; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-blue { + background-color: #036aab; + border-color: #036aab; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-blue:hover { + background-color: #215d8f; + border-color: #215d8f; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes { + font-weight: 400; + margin-right: 8px; +} + +.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes .wpforms-loading-spinner { + margin-left: 0; + margin-right: 5px; +} + +.wpforms-admin-page .wpforms-btn-grey { + background-color: #eeeeee; + border-color: #cccccc; + color: #777777; +} + +.wpforms-admin-page .wpforms-btn-grey:hover { + background-color: #d7d7d7; + border-color: #cccccc; + color: #444444; +} + +.wpforms-admin-page .wpforms-btn-light-grey { + background-color: #f8f8f8; + border-color: #cccccc; + color: #777777; +} + +.wpforms-admin-page .wpforms-btn-light-grey:hover { + background-color: #eeeeee; + border-color: #cccccc; + color: #444444; +} + +.wpforms-admin-page .wpforms-btn-light-grey-blue-borders { + background-color: #f8f8f8; + border-color: currentColor; + color: #036aab; + font-weight: 400; +} + +.wpforms-admin-page .wpforms-btn-light-grey-blue-borders:hover { + background-color: #eeeeee; + color: #215d8f; +} + +.wpforms-admin-page .wpforms-btn-purple { + background-color: #faf5fe; + border-color: #7a30e2; + color: #7a30e2; +} + +.wpforms-admin-page .wpforms-btn-purple:hover, .wpforms-admin-page .wpforms-btn-purple:focus { + background-color: #f5e9ff; + border-color: #5c24a9; + color: #5c24a9; +} + +.wpforms-admin-page .wpforms-btn-purple.wpforms-help-tooltip { + color: #7a30e2; +} + +.wpforms-admin-page .wpforms-btn-purple-dark { + background-color: #7a30e2; + border-color: #7a30e2; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-purple-dark:hover, .wpforms-admin-page .wpforms-btn-purple-dark:focus { + background-color: #5c24a9; + border-color: #5c24a9; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-dismiss-button { + background: none; + border: none; + color: #bbbbbb; + cursor: pointer; + padding: 3px; +} + +.wpforms-admin-page .wpforms-dismiss-button:hover { + color: #777777; +} + +.wpforms-admin-page .wpforms-dismiss-button:before { + background: 0 0; + content: "\f153"; + display: block; + font: normal 16px/16px dashicons, sans-serif; + height: 16px; + speak: none; + text-align: center; + width: 16px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.wpforms-admin-page .wpforms-disabled { + cursor: default; + opacity: .5; + pointer-events: none; +} + +.wpforms-admin-page .wpforms-inactive { + cursor: default; + opacity: .5; +} + +.wpforms-admin-page .wpforms-inactive:hover { + pointer-events: none; +} + +.wpforms-admin-empty-state-container { + color: #50575e; + font-style: normal; + padding: 30px; + text-align: center; +} + +.wpforms-admin-empty-state-container .waving-hand-emoji { + background-image: url(../images/empty-states/waving-hand-emoji.png); + background-position: 0 0; + background-repeat: no-repeat; + background-size: 24px 24px; + display: inline-block; + padding-left: 34px; +} + +.wpforms-admin-empty-state-container h2 { + color: #1d2327; + font-family: inherit; + font-size: 24px; + font-weight: 600; + line-height: 29px; + margin: 0 0 10px; +} + +.wpforms-admin-empty-state-container h4 { + color: #32373c; + font-family: inherit; + font-size: 16px; + font-weight: 600; + line-height: 1.5; + margin-block: 0; +} + +.wpforms-admin-empty-state-container img { + max-width: 428px; + width: 100%; + margin: 30px auto; +} + +.wpforms-admin-empty-state-container p { + font-family: inherit; + font-size: 16px; + line-height: 24px; + margin-block: 0; + text-align: center; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms p:first-of-type { + font-weight: 600; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active { + border: none; + border-radius: 3px; + font-family: inherit; + font-weight: 600; + font-size: 16px; + line-height: 1.5; + text-align: center; + color: #ffffff; + padding: 15px 30px; + margin: 0; + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:hover, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:hover { + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:focus, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:focus { + outline: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-admin-no-forms-footer { + margin-top: 30px; + font-size: 14px; + line-height: 16px; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms { + font-family: 'Helvetica Neue', sans-serif; + background: rgba(255, 255, 255, 0.5); + border: 1px solid #71d7d7; + box-sizing: border-box; + padding: 20px; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms img { + max-width: 240px; + width: 100%; + margin: 0 auto; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms p { + font-family: inherit; + font-weight: normal; + font-size: 14px; + line-height: 18px; + text-align: center; + color: #495157; + max-width: 450px; + margin: 20px auto 0; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a { + color: inherit; + text-decoration: underline; + position: relative; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a:hover { + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn { + background: #525962; + border: none; + border-radius: 3px; + font-family: inherit; + font-weight: 600; + font-size: 12px; + line-height: 1.5; + text-align: center; + text-transform: uppercase; + color: #ffffff; + padding: 7px 17px; + margin: 20px 0 0; + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:hover { + text-decoration: none; + background: #2b2c31; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:focus { + outline: none; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-admin-no-forms-footer { + font-size: 12px; + line-height: 1.5; + color: #6d7882; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-entries img { + max-width: 413px; + display: block; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments { + max-width: 600px; + margin: 0 auto; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments img { + display: block; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-btn-lg { + border-radius: 4px; + padding: 14px 20px; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]) { + color: #056aab; + text-decoration: underline; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]):hover { + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-admin-no-forms-footer { + margin-top: 30px; + font-size: 14px; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h2, .wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h4 { + font-weight: 500; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p { + font-size: 14px; + color: #777777; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p.wpforms-admin-no-forms-footer { + color: #50575e; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates img { + max-width: 560px; + border-radius: 4px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); +} + +#wpforms-panel-setup .wpforms-panel-content { + align-items: stretch; + display: flex; + flex-direction: column; + justify-content: flex-start; + padding: 0; +} + +#wpforms-setup-form-name { + align-items: center; + background-color: #f8f8f8; + border-bottom: 1px solid #dddddd; + display: flex; + justify-content: space-between; + overflow: hidden; + padding: 30px; +} + +#wpforms-setup-form-name label { + display: inline-block; + font-size: 20px; + font-weight: 600; + min-width: 200px; + padding: 0; +} + +#wpforms-setup-name { + display: inline-block; + font-size: 20px; + height: 50px; + margin-inline-start: 30px; + padding: 13px 10px; + width: calc( 100% - 290px); +} + +.wpforms-setup-title { + font-size: 20px; + font-weight: 600; + margin: 30px 30px 0 30px; + color: #444444; +} + +.wpforms-setup-title .count { + color: #bbbbbb; +} + +.wpforms-setup-desc { + margin: 10px 30px 30px 30px; + color: #777777; +} + +.wpforms-setup-desc a { + color: #777777; +} + +.wpforms-setup-desc a:hover { + color: #444444; +} + +.wpforms-setup-templates { + align-items: stretch; + border-top: 1px solid #dddddd; + display: flex; + flex-grow: 2; + justify-content: space-between; + margin: 0 30px; + padding: 0 0 30px 0; +} + +.wpforms-setup-templates-sidebar { + border-inline-end: 1px solid #dddddd; + padding-inline-end: 30px; + padding-top: 30px; + width: 224px; + box-sizing: content-box; +} + +#wpforms-setup-template-search { + font-size: 16px; + font-weight: 400; + height: 40px; + line-height: 20px; + padding-inline-start: 35px; + width: 100%; + color: #444444; + border: 1px solid #cccccc; + border-radius: 4px; + box-shadow: none; +} + +#wpforms-setup-template-search::placeholder { + color: #bbbbbb; + font-weight: 400; +} + +#wpforms-setup-template-search:focus { + border-color: #036aab; + box-shadow: 0 0 0 1px #036aab; +} + +.wpforms-setup-templates-search-wrap { + position: relative; +} + +.wpforms-setup-templates-search-wrap i.fa { + color: #bbbbbb; + display: block; + font-size: 16px; + inset-inline-start: 10px; + position: absolute; + top: 12px; + width: 16px; +} + +.wpforms-setup-templates-categories { + margin-top: 30px; + width: 224px; + box-sizing: content-box; +} + +.wpforms-setup-templates-categories > li { + color: #444444; + cursor: pointer; + font-size: 14px; + font-weight: 600; + line-height: 16px; + margin: 0; +} + +.wpforms-setup-templates-categories > li div { + border-radius: 4px; + padding: 10px; +} + +.wpforms-setup-templates-categories > li div:hover { + color: #444444; + text-decoration: underline; +} + +.wpforms-setup-templates-categories > li div > span { + float: inline-end; + color: #777777; + opacity: 0.5; + font-weight: 400; +} + +.wpforms-setup-templates-categories > li.divider { + border-bottom: 1px solid #dddddd; + margin: 30px 0; + padding: 0; +} + +.wpforms-setup-templates-categories > li.active div { + background: #ebf3fc; + color: #0399ed; + position: relative; +} + +.wpforms-setup-templates-categories > li.active div span { + color: #0399ed; + opacity: 1; + font-weight: 600; +} + +.wpforms-setup-templates-categories > li.active div:hover { + text-decoration: none; +} + +.wpforms-setup-templates-categories > li.active.opened .wpforms-setup-templates-subcategories { + display: block; +} + +.wpforms-setup-templates-categories > li.active .chevron { + color: #0399ed; +} + +.wpforms-setup-templates-categories > li i.chevron { + display: none; +} + +.wpforms-setup-templates-categories > li:has(ul) i.chevron { + display: inline-block; + position: relative; + top: -1px; + padding: 0 5px; + font-size: 12px; + color: #777777; +} + +.wpforms-setup-templates-categories > li.opened i.chevron { + transform: rotate(180deg); +} + +.wpforms-setup-templates-categories > li.opened ul.wpforms-setup-templates-subcategories { + display: block; +} + +.wpforms-setup-templates-subcategories { + display: none; +} + +.wpforms-setup-templates-subcategories li { + display: flex; + justify-content: space-between; + color: #777777; + cursor: pointer; + font-size: 14px; + font-weight: 400; + line-height: 18px; + margin: 0; + padding-block: 5px; + padding-inline-end: 10px; + padding-inline-start: 20px; + position: relative; +} + +.wpforms-setup-templates-subcategories li:hover span:first-child { + text-decoration: underline; +} + +.wpforms-setup-templates-subcategories li.active { + color: #0399ed; + font-weight: 400; +} + +.wpforms-setup-templates-subcategories li.active span:last-child { + color: #0399ed; + font-weight: 400; + opacity: 1; +} + +.wpforms-setup-templates-subcategories li i { + color: #999999; + position: absolute; + top: 50%; + transform: translateY(-50%); + inset-inline-start: 10px; +} + +.wpforms-setup-templates-subcategories li span:first-child { + flex-grow: 1; + padding-inline-end: 5px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.wpforms-setup-templates-subcategories li span:last-child { + min-width: 32px; + color: #777777; + opacity: 0.5; + font-weight: 400; + text-align: end; +} + +#wpforms-setup-templates-list { + padding-top: 30px; + width: calc( 100% - 250px); +} + +#wpforms-setup-templates-list .wpforms-admin-empty-state-container .waving-hand-emoji { + background-image: url(../../images/empty-states/waving-hand-emoji.png); +} + +#wpforms-setup-templates-list .list { + display: grid; + grid-gap: 30px; + grid-template-columns: repeat(auto-fill, minmax(Max(200px, 260px), 1fr)); + padding-inline-start: 30px; +} + +#wpforms-setup-templates-list .wpforms-template { + border-radius: 6px; + height: 100%; + overflow: hidden; + padding: 0 0 15px; + position: relative; + box-shadow: 0 0 0 1px #cccccc; + transition: box-shadow 0.15s ease-in-out; +} + +#wpforms-setup-templates-list .wpforms-template:hover, #wpforms-setup-templates-list .wpforms-template.active { + box-shadow: 0 0 0 2px #777777, 0 3px 4px rgba(0, 0, 0, 0.15); + outline: none; +} + +#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-buttons, +#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-favorite, +#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-remove, #wpforms-setup-templates-list .wpforms-template.active .wpforms-template-buttons, +#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-favorite, +#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-remove { + opacity: 1; +} + +#wpforms-setup-templates-list .wpforms-template:hover .wpforms-badge, #wpforms-setup-templates-list .wpforms-template.active .wpforms-badge { + opacity: 0; +} + +#wpforms-setup-templates-list .wpforms-template.badge h3 { + padding-inline-end: 45px; +} + +#wpforms-setup-templates-list .wpforms-template.selected { + box-shadow: 0 0 0 2px #e27730, 0 3px 4px rgba(0, 0, 0, 0.15); +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail { + background-color: #F5F9FD; + border-bottom: 1px solid #EBEEF1; + overflow: hidden; + padding: 20px 54px 0; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail > img { + border-radius: 2px 2px 0 0; + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); + display: block; + margin: 0 auto; + max-width: 100%; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail .wpforms-template-thumbnail-placeholder { + align-items: center; + aspect-ratio: 1; + background: #fff; + border-radius: 2px 2px 0 0; + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); + display: flex; + justify-content: center; + margin: 0 auto; + max-width: 350px; + min-height: 100%; + width: 100%; +} + +#wpforms-setup-templates-list .wpforms-template h3 { + font-size: 16px; + font-weight: 600; + line-height: 18px; + padding: 20px 20px 2px; + margin: 0; + overflow: hidden; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + color: #444444; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite, +#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove { + display: block; + position: absolute; + inset-inline-end: 10px; + top: 10px; + font-size: 18px; + line-height: 18px; + opacity: 0; + color: #aaaaaa; + transition-property: all; + transition-duration: 0.15s; + transition-timing-function: ease-out; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite:hover, +#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove:hover { + color: #d63637; + cursor: pointer; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-out; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite .fa-heart, +#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove .fa-heart { + color: #d63638; +} + +#wpforms-setup-templates-list .wpforms-template.selected h3 { + padding-inline-end: 60px; +} + +#wpforms-setup-templates-list .wpforms-template.pro h3 { + padding-inline-end: 40px; +} + +#wpforms-setup-templates-list .wpforms-template p { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; + color: #777777; + font-size: 14px; + line-height: 18px; + margin: 10px 0 0; + max-height: 55px; + min-height: 45px; + padding: 0 20px; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner { + background: rgba(226, 119, 48, 0.08); + border-radius: 6px; + display: flex; + flex-direction: row; + grid-column: 1 / -1; + justify-content: space-between; + align-items: center; + padding-inline-end: 20px; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content { + padding: 20px; + width: 80%; + color: #444444; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content h3 { + font-weight: 600; + font-size: 16px; + line-height: 18px; + margin-top: 0; + margin-bottom: 5px; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content p { + font-weight: 400; + font-size: 14px; + line-height: 18px; + margin: 0; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button { + width: 20%; + text-align: end; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button a { + min-height: 13px; +} + +@media screen and (max-width: 1279px) { + #wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button a { + box-sizing: border-box; + width: 100%; + } +} + +#wpforms-setup-templates-list .wpforms-templates-no-results { + display: none; + margin-inline-start: 30px; +} + +#wpforms-setup-templates-list .wpforms-templates-no-results p { + font-size: 16px; + line-height: 40px; + margin: 0; + color: #444444; +} + +.rtl #wpforms-setup-templates-list .wpforms-badge { + border-radius: 0 0 3px 0; + left: 0; + right: auto; +} + +.wpforms-template-buttons { + background-color: #ffffff; + border-radius: 6px; + display: flex; + opacity: 0; + padding: 15px 15px 0; + width: 100%; + align-items: flex-start; + gap: 10px; + position: absolute; + bottom: 15px; + transition-property: all; + transition-duration: 0.15s; + transition-timing-function: ease-out; +} + +.wpforms-template-buttons .wpforms-btn { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 600; + font-size: 13px; + line-height: 16px; + padding: 11px 10px; +} + +.wpforms-template-buttons .visible { + opacity: 1; +} + +@media (max-width: 1439px) { + #wpforms-setup-name { + width: calc( 100% - 250px); + } +} + +@media (max-width: 1369px) { + #wpforms-setup-templates-list .list { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 1279px) { + #wpforms-setup-templates-list .list { + grid-template-columns: 1fr; + } + #wpforms-setup-templates-list .list .wpforms-template .wpforms-template-buttons { + position: relative; + bottom: 0; + margin: 10px 0 0 0; + opacity: 1; + padding: 0 20px; + } + #wpforms-setup-templates-list .list .wpforms-template p { + min-height: auto; + } + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner { + flex-direction: column; + padding: 20px; + } + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-content, + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button { + width: 100%; + } + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-content { + padding: 0; + } + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button { + text-align: center; + margin-top: 20px; + } +} + +#wpforms-form-templates { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +#wpforms-form-templates h1.page-title { + font-size: 22px; + font-weight: 400; + line-height: 26px; + color: #3c434a; +} + +#wpforms-form-templates .wpforms-setup-title { + line-height: 28px; +} + +#wpforms-form-templates .wpforms-setup-desc { + font-weight: 400; + font-size: 15px; + line-height: 22px; + margin-top: 3px; +} + +#wpforms-form-templates .wpforms-form-setup-content { + align-items: stretch; + display: flex; + flex-direction: column; + justify-content: flex-start; + padding: 0; + margin: 20px; + background-color: #ffffff; + min-height: 100%; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); + border-radius: 7px; +} + +#wpforms-form-templates .wpforms-form-setup-content #wpforms-setup-templates-list .wpforms-template { + box-sizing: border-box; +} + +#wpforms-form-templates .wpforms-form-setup-content #wpforms-setup-templates-list .wpforms-template .wpforms-template-buttons { + box-sizing: border-box; +} + +#wpforms-form-templates .wpforms-form-setup-content #wpforms-setup-templates-list .wpforms-template .wpforms-template-buttons .wpforms-btn { + min-height: 16px; +} + +@media (max-width: 1279px) { + #wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-desc br { + display: none; + } +} + +@media screen and (max-width: 750px) { + #wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-desc br { + display: none; + } + #wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates { + flex-direction: column; + } + #wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates .wpforms-setup-templates-sidebar { + width: 100%; + } + #wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates .wpforms-setup-templates-categories { + width: 100%; + margin-bottom: 30px; + } + #wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates #wpforms-setup-templates-list { + width: 100%; + padding-top: 0; + } + #wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates #wpforms-setup-templates-list .list { + padding: 0; + } + #wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates #wpforms-setup-templates-list .wpforms-template-upgrade-banner { + margin-left: 0; + } +} + +.wpforms-admin-empty-state-container .waving-hand-emoji { + background-image: url("../../images/empty-states/waving-hand-emoji.png"); +} + + +/* 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; +} diff --git a/assets/css/admin-form-templates.min.css b/assets/css/admin-form-templates.min.css new file mode 100644 index 00000000..e86981ca --- /dev/null +++ b/assets/css/admin-form-templates.min.css @@ -0,0 +1,86 @@ +.wpforms-admin-page .wpforms-btn{border-width: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;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-in}.wpforms-admin-page .wpforms-btn.inactive{background-color:#d7d7d7;border-color:#cccccc;color:#444444;cursor:no-drop}.wpforms-admin-page .wpforms-btn .wpforms-button-icon,.wpforms-admin-page .wpforms-btn i{margin-inline-end:10px !important}.wpforms-admin-page .wpforms-btn-block{display:block;width:100%}.wpforms-admin-page .wpforms-btn-sm{font-size:14px;font-weight:500;padding:0 10px;height:32px;line-height:30px}.wpforms-admin-page .wpforms-btn-md{font-size:14px;font-weight:600;line-height:17px;padding:10px 15px}.wpforms-admin-page .wpforms-btn-lg{font-size:16px;font-weight:600;padding:16px 28px}.wpforms-admin-page .wpforms-btn-orange{background-color:#e27730;border-color:#e27730;color:#ffffff}.wpforms-admin-page .wpforms-btn-orange:hover{background-color:#cd6622;border-color:#cd6622;color:#ffffff}.wpforms-admin-page .wpforms-btn-blue{background-color:#036aab;border-color:#036aab;color:#ffffff}.wpforms-admin-page .wpforms-btn-blue:hover{background-color:#215d8f;border-color:#215d8f;color:#ffffff}.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes{font-weight:400;margin-right:8px}.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes .wpforms-loading-spinner{margin-left:0;margin-right:5px}.wpforms-admin-page .wpforms-btn-grey{background-color:#eeeeee;border-color:#cccccc;color:#777777}.wpforms-admin-page .wpforms-btn-grey:hover{background-color:#d7d7d7;border-color:#cccccc;color:#444444}.wpforms-admin-page .wpforms-btn-light-grey{background-color:#f8f8f8;border-color:#cccccc;color:#777777}.wpforms-admin-page .wpforms-btn-light-grey:hover{background-color:#eeeeee;border-color:#cccccc;color:#444444}.wpforms-admin-page .wpforms-btn-light-grey-blue-borders{background-color:#f8f8f8;border-color:currentColor;color:#036aab;font-weight:400}.wpforms-admin-page .wpforms-btn-light-grey-blue-borders:hover{background-color:#eeeeee;color:#215d8f}.wpforms-admin-page .wpforms-btn-purple{background-color:#faf5fe;border-color:#7a30e2;color:#7a30e2}.wpforms-admin-page .wpforms-btn-purple:hover,.wpforms-admin-page .wpforms-btn-purple:focus{background-color:#f5e9ff;border-color:#5c24a9;color:#5c24a9}.wpforms-admin-page .wpforms-btn-purple.wpforms-help-tooltip{color:#7a30e2}.wpforms-admin-page .wpforms-btn-purple-dark{background-color:#7a30e2;border-color:#7a30e2;color:#ffffff}.wpforms-admin-page .wpforms-btn-purple-dark:hover,.wpforms-admin-page .wpforms-btn-purple-dark:focus{background-color:#5c24a9;border-color:#5c24a9;color:#ffffff}.wpforms-admin-page .wpforms-dismiss-button{background:none;border:none;color:#bbbbbb;cursor:pointer;padding:3px}.wpforms-admin-page .wpforms-dismiss-button:hover{color:#777777}.wpforms-admin-page .wpforms-dismiss-button:before{background:0 0;content:"\f153";display:block;font:normal 16px/16px dashicons, sans-serif;height:16px;speak:none;text-align:center;width:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wpforms-admin-page .wpforms-disabled{cursor:default;opacity:.5;pointer-events:none}.wpforms-admin-page .wpforms-inactive{cursor:default;opacity:.5}.wpforms-admin-page .wpforms-inactive:hover{pointer-events:none}.wpforms-admin-empty-state-container{color:#50575e;font-style:normal;padding:30px;text-align:center}.wpforms-admin-empty-state-container .waving-hand-emoji{background-image:url(../images/empty-states/waving-hand-emoji.png);background-position:0 0;background-repeat:no-repeat;background-size:24px 24px;display:inline-block;padding-left:34px}.wpforms-admin-empty-state-container h2{color:#1d2327;font-family:inherit;font-size:24px;font-weight:600;line-height:29px;margin:0 0 10px}.wpforms-admin-empty-state-container h4{color:#32373c;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;margin-block:0}.wpforms-admin-empty-state-container img{max-width:428px;width:100%;margin:30px auto}.wpforms-admin-empty-state-container p{font-family:inherit;font-size:16px;line-height:24px;margin-block:0;text-align:center}.wpforms-admin-empty-state-container.wpforms-admin-no-forms p:first-of-type{font-weight:600}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active{border:none;border-radius:3px;font-family:inherit;font-weight:600;font-size:16px;line-height:1.5;text-align:center;color:#ffffff;padding:15px 30px;margin:0;text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:hover,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:focus,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:focus{outline:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-admin-no-forms-footer{margin-top:30px;font-size:14px;line-height:16px}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms{font-family:'Helvetica Neue', sans-serif;background:rgba(255,255,255,0.5);border:1px solid #71d7d7;box-sizing:border-box;padding:20px}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms img{max-width:240px;width:100%;margin:0 auto}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms p{font-family:inherit;font-weight:normal;font-size:14px;line-height:18px;text-align:center;color:#495157;max-width:450px;margin:20px auto 0}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a{color:inherit;text-decoration:underline;position:relative}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a:hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn{background:#525962;border:none;border-radius:3px;font-family:inherit;font-weight:600;font-size:12px;line-height:1.5;text-align:center;text-transform:uppercase;color:#ffffff;padding:7px 17px;margin:20px 0 0;text-decoration:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:hover{text-decoration:none;background:#2b2c31}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:focus{outline:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-admin-no-forms-footer{font-size:12px;line-height:1.5;color:#6d7882}.wpforms-admin-empty-state-container.wpforms-admin-no-entries img{max-width:413px;display:block}.wpforms-admin-empty-state-container.wpforms-admin-no-payments{max-width:600px;margin:0 auto}.wpforms-admin-empty-state-container.wpforms-admin-no-payments img{display:block}.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-btn-lg{border-radius:4px;padding:14px 20px}.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]){color:#056aab;text-decoration:underline}.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]):hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-admin-no-forms-footer{margin-top:30px;font-size:14px}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h2,.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h4{font-weight:500}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p{font-size:14px;color:#777777}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p.wpforms-admin-no-forms-footer{color:#50575e}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates img{max-width:560px;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,0.15)}#wpforms-panel-setup .wpforms-panel-content{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding:0}#wpforms-setup-form-name{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #dddddd;display:flex;justify-content:space-between;overflow:hidden;padding:30px}#wpforms-setup-form-name label{display:inline-block;font-size:20px;font-weight:600;min-width:200px;padding:0}#wpforms-setup-name{display:inline-block;font-size:20px;height:50px;margin-inline-start:30px;padding:13px 10px;width:calc( 100% - 290px)}.wpforms-setup-title{font-size:20px;font-weight:600;margin:30px 30px 0 30px;color:#444444}.wpforms-setup-title .count{color:#bbbbbb}.wpforms-setup-desc{margin:10px 30px 30px 30px;color:#777777}.wpforms-setup-desc a{color:#777777}.wpforms-setup-desc a:hover{color:#444444}.wpforms-setup-templates{align-items:stretch;border-top:1px solid #dddddd;display:flex;flex-grow:2;justify-content:space-between;margin:0 30px;padding:0 0 30px 0}.wpforms-setup-templates-sidebar{border-inline-end:1px solid #dddddd;padding-inline-end:30px;padding-top:30px;width:224px;box-sizing:content-box}#wpforms-setup-template-search{font-size:16px;font-weight:400;height:40px;line-height:20px;padding-inline-start:35px;width:100%;color:#444444;border:1px solid #cccccc;border-radius:4px;box-shadow:none}#wpforms-setup-template-search::placeholder{color:#bbbbbb;font-weight:400}#wpforms-setup-template-search:focus{border-color:#036aab;box-shadow:0 0 0 1px #036aab}.wpforms-setup-templates-search-wrap{position:relative}.wpforms-setup-templates-search-wrap i.fa{color:#bbbbbb;display:block;font-size:16px;inset-inline-start:10px;position:absolute;top:12px;width:16px}.wpforms-setup-templates-categories{margin-top:30px;width:224px;box-sizing:content-box}.wpforms-setup-templates-categories>li{color:#444444;cursor:pointer;font-size:14px;font-weight:600;line-height:16px;margin:0}.wpforms-setup-templates-categories>li div{border-radius:4px;padding:10px}.wpforms-setup-templates-categories>li div:hover{color:#444444;text-decoration:underline}.wpforms-setup-templates-categories>li div>span{float:inline-end;color:#777777;opacity:0.5;font-weight:400}.wpforms-setup-templates-categories>li.divider{border-bottom:1px solid #dddddd;margin:30px 0;padding:0}.wpforms-setup-templates-categories>li.active div{background:#ebf3fc;color:#0399ed;position:relative}.wpforms-setup-templates-categories>li.active div span{color:#0399ed;opacity:1;font-weight:600}.wpforms-setup-templates-categories>li.active div:hover{text-decoration:none}.wpforms-setup-templates-categories>li.active.opened .wpforms-setup-templates-subcategories{display:block}.wpforms-setup-templates-categories>li.active .chevron{color:#0399ed}.wpforms-setup-templates-categories>li i.chevron{display:none}.wpforms-setup-templates-categories>li:has(ul) i.chevron{display:inline-block;position:relative;top:-1px;padding:0 5px;font-size:12px;color:#777777}.wpforms-setup-templates-categories>li.opened i.chevron{transform:rotate(180deg)}.wpforms-setup-templates-categories>li.opened ul.wpforms-setup-templates-subcategories{display:block}.wpforms-setup-templates-subcategories{display:none}.wpforms-setup-templates-subcategories li{display:flex;justify-content:space-between;color:#777777;cursor:pointer;font-size:14px;font-weight:400;line-height:18px;margin:0;padding-block:5px;padding-inline-end:10px;padding-inline-start:20px;position:relative}.wpforms-setup-templates-subcategories li:hover span:first-child{text-decoration:underline}.wpforms-setup-templates-subcategories li.active{color:#0399ed;font-weight:400}.wpforms-setup-templates-subcategories li.active span:last-child{color:#0399ed;font-weight:400;opacity:1}.wpforms-setup-templates-subcategories li i{color:#999999;position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:10px}.wpforms-setup-templates-subcategories li span:first-child{flex-grow:1;padding-inline-end:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpforms-setup-templates-subcategories li span:last-child{min-width:32px;color:#777777;opacity:0.5;font-weight:400;text-align:end}#wpforms-setup-templates-list{padding-top:30px;width:calc( 100% - 250px)}#wpforms-setup-templates-list .wpforms-admin-empty-state-container .waving-hand-emoji{background-image:url(../../images/empty-states/waving-hand-emoji.png)}#wpforms-setup-templates-list .list{display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fill, minmax(Max(200px, 260px), 1fr));padding-inline-start:30px}#wpforms-setup-templates-list .wpforms-template{border-radius:6px;height:100%;overflow:hidden;padding:0 0 15px;position:relative;box-shadow:0 0 0 1px #cccccc;transition:box-shadow 0.15s ease-in-out}#wpforms-setup-templates-list .wpforms-template:hover,#wpforms-setup-templates-list .wpforms-template.active{box-shadow:0 0 0 2px #777,0 3px 4px rgba(0,0,0,0.15);outline:none}#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-buttons,#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-favorite,#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-remove,#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-buttons,#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-favorite,#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-remove{opacity:1}#wpforms-setup-templates-list .wpforms-template:hover .wpforms-badge,#wpforms-setup-templates-list .wpforms-template.active .wpforms-badge{opacity:0}#wpforms-setup-templates-list .wpforms-template.badge h3{padding-inline-end:45px}#wpforms-setup-templates-list .wpforms-template.selected{box-shadow:0 0 0 2px #e27730,0 3px 4px rgba(0,0,0,0.15)}#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail{background-color:#F5F9FD;border-bottom:1px solid #EBEEF1;overflow:hidden;padding:20px 54px 0}#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail>img{border-radius:2px 2px 0 0;box-shadow:0px 1px 4px rgba(0,0,0,0.1);display:block;margin:0 auto;max-width:100%}#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail .wpforms-template-thumbnail-placeholder{align-items:center;aspect-ratio:1;background:#fff;border-radius:2px 2px 0 0;box-shadow:0px 1px 4px rgba(0,0,0,0.1);display:flex;justify-content:center;margin:0 auto;max-width:350px;min-height:100%;width:100%}#wpforms-setup-templates-list .wpforms-template h3{font-size:16px;font-weight:600;line-height:18px;padding:20px 20px 2px;margin:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;color:#444444}#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite,#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove{display:block;position:absolute;inset-inline-end:10px;top:10px;font-size:18px;line-height:18px;opacity:0;color:#aaaaaa;transition-property:all;transition-duration:0.15s;transition-timing-function:ease-out}#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite:hover,#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove:hover{color:#d63637;cursor:pointer;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-out}#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite .fa-heart,#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove .fa-heart{color:#d63638}#wpforms-setup-templates-list .wpforms-template.selected h3{padding-inline-end:60px}#wpforms-setup-templates-list .wpforms-template.pro h3{padding-inline-end:40px}#wpforms-setup-templates-list .wpforms-template p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#777777;font-size:14px;line-height:18px;margin:10px 0 0;max-height:55px;min-height:45px;padding:0 20px}#wpforms-setup-templates-list .wpforms-template-upgrade-banner{background:rgba(226,119,48,0.08);border-radius:6px;display:flex;flex-direction:row;grid-column:1 / -1;justify-content:space-between;align-items:center;padding-inline-end:20px}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content{padding:20px;width:80%;color:#444444}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content h3{font-weight:600;font-size:16px;line-height:18px;margin-top:0;margin-bottom:5px}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content p{font-weight:400;font-size:14px;line-height:18px;margin:0}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button{width:20%;text-align:end}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button a{min-height:13px}@media screen and (max-width: 1279px){#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button a{box-sizing:border-box;width:100%}}#wpforms-setup-templates-list .wpforms-templates-no-results{display:none;margin-inline-start:30px}#wpforms-setup-templates-list .wpforms-templates-no-results p{font-size:16px;line-height:40px;margin:0;color:#444444}.rtl #wpforms-setup-templates-list .wpforms-badge{border-radius:0 0 3px 0;left:0;right:auto}.wpforms-template-buttons{background-color:#ffffff;border-radius:6px;display:flex;opacity:0;padding:15px 15px 0;width:100%;align-items:flex-start;gap:10px;position:absolute;bottom:15px;transition-property:all;transition-duration:0.15s;transition-timing-function:ease-out}.wpforms-template-buttons .wpforms-btn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px;line-height:16px;padding:11px 10px}.wpforms-template-buttons .visible{opacity:1}@media (max-width: 1439px){#wpforms-setup-name{width:calc( 100% - 250px)}}@media (max-width: 1369px){#wpforms-setup-templates-list .list{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 1279px){#wpforms-setup-templates-list .list{grid-template-columns:1fr}#wpforms-setup-templates-list .list .wpforms-template .wpforms-template-buttons{position:relative;bottom:0;margin:10px 0 0 0;opacity:1;padding:0 20px}#wpforms-setup-templates-list .list .wpforms-template p{min-height:auto}#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner{flex-direction:column;padding:20px}#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-content,#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button{width:100%}#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-content{padding:0}#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button{text-align:center;margin-top:20px}}#wpforms-form-templates{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif}#wpforms-form-templates h1.page-title{font-size:22px;font-weight:400;line-height:26px;color:#3c434a}#wpforms-form-templates .wpforms-setup-title{line-height:28px}#wpforms-form-templates .wpforms-setup-desc{font-weight:400;font-size:15px;line-height:22px;margin-top:3px}#wpforms-form-templates .wpforms-form-setup-content{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding:0;margin:20px;background-color:#ffffff;min-height:100%;box-shadow:0 2px 4px rgba(0,0,0,0.05);border-radius:7px}#wpforms-form-templates .wpforms-form-setup-content #wpforms-setup-templates-list .wpforms-template{box-sizing:border-box}#wpforms-form-templates .wpforms-form-setup-content #wpforms-setup-templates-list .wpforms-template .wpforms-template-buttons{box-sizing:border-box}#wpforms-form-templates .wpforms-form-setup-content #wpforms-setup-templates-list .wpforms-template .wpforms-template-buttons .wpforms-btn{min-height:16px}@media (max-width: 1279px){#wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-desc br{display:none}}@media screen and (max-width: 750px){#wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-desc br{display:none}#wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates{flex-direction:column}#wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates .wpforms-setup-templates-sidebar{width:100%}#wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates .wpforms-setup-templates-categories{width:100%;margin-bottom:30px}#wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates #wpforms-setup-templates-list{width:100%;padding-top:0}#wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates #wpforms-setup-templates-list .list{padding:0}#wpforms-form-templates .wpforms-form-setup-content .wpforms-setup-templates #wpforms-setup-templates-list .wpforms-template-upgrade-banner{margin-left:0}}.wpforms-admin-empty-state-container .waving-hand-emoji{background-image:url("../../images/empty-states/waving-hand-emoji.png")} + + +/* 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; +} diff --git a/assets/css/admin-integrations.css b/assets/css/admin-integrations.css new file mode 100644 index 00000000..b7e4216d --- /dev/null +++ b/assets/css/admin-integrations.css @@ -0,0 +1,2405 @@ +/* Styles needed for integrations with third-party plugins. */ +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box { + display: grid; + grid-template-columns: repeat(2, 1fr); + justify-items: center; + animation: none; + background: #ffffff; + border-radius: 6px; + border-top-style: solid; + border-top-width: 4px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); + padding-top: 34px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c, +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane, +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c, +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane, +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons { + grid-column: 1 / -1; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default { + border-top-width: 0; + padding-top: 25px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c { + margin-bottom: 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c { + font-size: 44px; + margin-bottom: -6px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm { + background-color: #e27730; + border-color: #e27730; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover { + background-color: #cd6622; + border-color: #cd6622; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red { + border-top-color: #d63638 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c { + color: #d63638 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm { + background-color: #d63638; + border-color: #d63638; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover { + background-color: #b32d2e; + border-color: #b32d2e; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange { + border-top-color: #e27730 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c { + color: #e27730 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm { + background-color: #e27730; + border-color: #e27730; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover { + background-color: #cd6622; + border-color: #cd6622; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow { + border-top-color: #ffb900 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c { + color: #ffb900 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm { + background-color: #ffb900; + border-color: #ffb900; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover { + background-color: #ffaa00; + border-color: #ffaa00; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue { + border-top-color: #0399ed !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c { + color: #0399ed !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm { + background-color: #0399ed; + border-color: #0399ed; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover { + background-color: #036aab; + border-color: #036aab; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green { + border-top-color: #00a32a !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c { + color: #00a32a !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm { + background-color: #00a32a; + border-color: #00a32a; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover { + background-color: #008a20; + border-color: #008a20; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple { + border-top-color: #7a30e2 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c { + color: #7a30e2 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm { + background-color: #7a30e2; + border-color: #7a30e2; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover { + background-color: #5c24a9; + border-color: #5c24a9; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon { + color: transparent; + font-family: FontAwesome; + height: 14px; + opacity: 1; + inset-inline-end: 10px; + top: 10px; + width: 14px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after { + color: #bbbbbb; + content: "\f00d"; + font-size: 16px; + inset-inline-start: 0; + position: absolute; + top: 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after { + color: #777777 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c { + margin: 0 0 20px 0; + padding: 0; + font-weight: 600; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { + font-size: 47px; + margin: 0; + -ms-transform: none !important; + -webkit-transform: none !important; + transform: none !important; + -webkit-transition: none !important; + transition: none !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c + .jconfirm-title, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c + .jconfirm-title { + margin-top: 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title { + color: #444444; + display: block; + line-height: 30px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane { + display: block; + margin-bottom: 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content { + color: #444444; + font-size: 16px; + line-height: 24px; + margin-bottom: 0; + overflow: inherit; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p { + color: #777777; + font-size: 18px; + padding: 0 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p { + font-size: inherit; + line-height: inherit; + margin: 0 0 16px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type { + margin: 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large { + font-size: 18px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small { + font-size: 14px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.bold, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.bold { + font-weight: 600; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong { + font-weight: 600; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea, +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea, +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select { + margin: 10px 2px; + width: calc( 100% - 4px); +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content .error, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content .error { + color: #d63638; + font-size: 14px; + font-weight: 600; + line-height: 1.4; + margin-top: 10px; + display: none; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased { + display: block; + grid-row: 5; + grid-column: 1 / -1; + color: #bbbbbb; + font-size: 14px; + margin-top: 15px; + text-decoration: underline; + text-align: center; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover { + color: #777777; + text-decoration: underline; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note { + grid-row: 4; + grid-column: 1 / -1; + margin: 25px 0 0 0; + text-align: center; + width: 100%; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p { + background-color: #fcf9e8; + color: #777777; + font-size: 16px; + margin: 0 -30px; + padding: 22px 52px 12px 52px; + position: relative; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after { + background-color: #ffffff; + border-radius: 50%; + color: #00a32a; + content: "\f058"; + display: inline-block; + font: normal normal normal 14px FontAwesome; + font-size: 26px; + margin-inline-end: -18px; + padding: 5px 6px; + position: absolute; + inset-inline-end: 50%; + text-rendering: auto; + top: -16px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note span, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note span { + color: #00a32a; + font-weight: 700; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note a, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note a { + color: #777777; + display: block; + margin-top: 12px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .feature-video, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .feature-video { + margin: 30px 0 0 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video { + margin: 15px 0 10px 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input), .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input) { + display: block; + margin-top: 10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box #wpforms-edu-modal-license-key, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box #wpforms-edu-modal-license-key { + margin-top: 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons { + margin-top: -10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button { + background: #f8f8f8; + border: 1px solid #cccccc; + border-radius: 4px; + color: #777777; + font-size: 16px; + font-weight: 600; + line-height: 20px; + outline: none; + padding: 11px 17px; + text-transform: none; + margin: 10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover { + background: #eeeeee; + border-color: #cccccc; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button { + min-width: 83px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled], .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled] { + cursor: no-drop; + pointer-events: none; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm { + color: #ffffff; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai { + background-color: #faf5fe; + border-color: #7a30e2; + color: #7a30e2; + padding: 10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:hover, .wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:focus, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:focus { + background-color: #f5e9ff; + border-color: #5c24a9; + color: #5c24a9; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai::before, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai::before { + content: ''; + display: inline-block; + vertical-align: middle; + width: 16px; + height: 16px; + background-image: url(../../images/integrations/ai/ai-feature.svg); + background-size: 16px 16px; + margin-inline-end: 8px; + opacity: .85; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden + button, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden + button { + margin-left: 0; + margin-right: 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block { + display: block; + margin: 0 0 10px 0 !important; + text-align: center; + width: 100%; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case { + text-transform: none !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i { + margin-inline-end: 10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-providers-account-add-modal .jconfirm-content .description, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-providers-account-add-modal .jconfirm-content .description { + font-size: 13px; + line-height: 1.4; + margin-top: 15px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-content-pane, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-content-pane { + max-height: calc( 100vh - 333px); + transition-property: max-height; + transition-duration: 0.25s; + transition-timing-function: ease-out; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-title-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-title-c { + margin-bottom: 15px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-columns, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-columns { + margin: 30px 0 0 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column { + border: 1px solid #cccccc; + border-radius: 4px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li { + border-bottom: 1px solid #dddddd; + font-size: 14px; + line-height: 30px; + margin: 0; + padding: 8px 10px; + text-align: start; + display: flex; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li:last-child, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li:last-child { + border-bottom: none; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span { + margin-inline-start: auto; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span i, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span i { + background-color: #ebf3fc; + border-radius: 4px; + color: #036aab; + display: inline-block; + font-style: normal; + line-height: 16px; + margin-inline-start: 5px; + min-width: 30px; + padding: 5px 10px; + text-transform: capitalize; +} + +.wpforms_page_wpforms-builder .jconfirm.jconfirm-wpforms-education .jconfirm-content-pane, .block-editor-page .jconfirm.jconfirm-wpforms-education .jconfirm-content-pane { + height: auto !important; + min-height: fit-content; +} + +.wpforms_page_wpforms-builder .choices, .block-editor-page .choices { + font-size: 16px; + text-align: start; +} + +.wpforms_page_wpforms-builder .choices input[type=text].choices__input:not(.wpforms-hidden), .block-editor-page .choices input[type=text].choices__input:not(.wpforms-hidden) { + display: inline-block !important; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-box, .block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-box { + padding-bottom: 0; + padding-top: 30px; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .already-purchased, .block-editor-page .jconfirm.has-video .jconfirm-box-container .already-purchased { + grid-row: 4; + grid-column: 1 / 2; + display: block; + margin-top: 0; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .already-purchased:hover, .block-editor-page .jconfirm.has-video .jconfirm-box-container .already-purchased:hover { + color: #777777; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note, .block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note { + grid-row: 5; + margin: 20px 0 0; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note p, .block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note p { + margin: 0 -30px; + padding: 20px 52px; + border-radius: 0 0 6px 6px; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note p:after, .block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note p:after { + display: none; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .feature-video, .wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .pro-feature-video, .block-editor-page .jconfirm.has-video .jconfirm-box-container .feature-video, .block-editor-page .jconfirm.has-video .jconfirm-box-container .pro-feature-video { + grid-row: 1 / span 4; + grid-column-start: 2; + margin-top: 0; + margin-inline-start: 15px; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-title-c, +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-content-pane, +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-buttons, .block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-title-c, +.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-content-pane, +.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-buttons { + grid-column: 1 / 2; +} + +.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box, .block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box { + padding-bottom: 30px; +} + +.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .pro-feature-video, .block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .pro-feature-video { + margin-bottom: 0; +} + +.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .jconfirm-buttons, .block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .jconfirm-buttons { + padding-bottom: 0; +} + +.wpforms_page_wpforms-builder.rtl .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon, .block-editor-page.rtl .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon { + left: 10px; + right: auto; +} + +@media screen and (max-width: 1023px) { + .wpforms_page_wpforms-builder .jconfirm { + display: none; + } +} + +.wpforms-admin-empty-state-container { + color: #50575e; + font-style: normal; + padding: 30px; + text-align: center; +} + +.wpforms-admin-empty-state-container .waving-hand-emoji { + background-image: url(../images/empty-states/waving-hand-emoji.png); + background-position: 0 0; + background-repeat: no-repeat; + background-size: 24px 24px; + display: inline-block; + padding-left: 34px; +} + +.wpforms-admin-empty-state-container h2 { + color: #1d2327; + font-family: inherit; + font-size: 24px; + font-weight: 600; + line-height: 29px; + margin: 0 0 10px; +} + +.wpforms-admin-empty-state-container h4 { + color: #32373c; + font-family: inherit; + font-size: 16px; + font-weight: 600; + line-height: 1.5; + margin-block: 0; +} + +.wpforms-admin-empty-state-container img { + max-width: 428px; + width: 100%; + margin: 30px auto; +} + +.wpforms-admin-empty-state-container p { + font-family: inherit; + font-size: 16px; + line-height: 24px; + margin-block: 0; + text-align: center; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms p:first-of-type { + font-weight: 600; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active { + border: none; + border-radius: 3px; + font-family: inherit; + font-weight: 600; + font-size: 16px; + line-height: 1.5; + text-align: center; + color: #ffffff; + padding: 15px 30px; + margin: 0; + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:hover, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:hover { + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:focus, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:focus { + outline: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-admin-no-forms-footer { + margin-top: 30px; + font-size: 14px; + line-height: 16px; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms { + font-family: 'Helvetica Neue', sans-serif; + background: rgba(255, 255, 255, 0.5); + border: 1px solid #71d7d7; + box-sizing: border-box; + padding: 20px; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms img { + max-width: 240px; + width: 100%; + margin: 0 auto; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms p { + font-family: inherit; + font-weight: normal; + font-size: 14px; + line-height: 18px; + text-align: center; + color: #495157; + max-width: 450px; + margin: 20px auto 0; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a { + color: inherit; + text-decoration: underline; + position: relative; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a:hover { + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn { + background: #525962; + border: none; + border-radius: 3px; + font-family: inherit; + font-weight: 600; + font-size: 12px; + line-height: 1.5; + text-align: center; + text-transform: uppercase; + color: #ffffff; + padding: 7px 17px; + margin: 20px 0 0; + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:hover { + text-decoration: none; + background: #2b2c31; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:focus { + outline: none; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-admin-no-forms-footer { + font-size: 12px; + line-height: 1.5; + color: #6d7882; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-entries img { + max-width: 413px; + display: block; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments { + max-width: 600px; + margin: 0 auto; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments img { + display: block; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-btn-lg { + border-radius: 4px; + padding: 14px 20px; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]) { + color: #056aab; + text-decoration: underline; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]):hover { + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-admin-no-forms-footer { + margin-top: 30px; + font-size: 14px; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h2, .wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h4 { + font-weight: 500; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p { + font-size: 14px; + color: #777777; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p.wpforms-admin-no-forms-footer { + color: #50575e; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates img { + max-width: 560px; + border-radius: 4px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); +} + +#wpforms-builder-elementor-popup { + position: fixed; + width: 100vw; + height: 100vh; + padding: 30px; + z-index: 10000; + background: rgba(0, 0, 0, 0.75); + left: 0; + top: 0; +} + +#wpforms-builder-elementor-popup iframe { + width: 100%; + height: 100%; + background-color: #ffffff; +} + +.wpforms-elementor-form-selector { + background: rgba(255, 255, 255, 0.5); + border: 1px solid #71d7f7; + box-sizing: border-box; + text-align: center; + font-family: "Helvetica Neue", sans-serif; + font-style: normal; + padding: 40px; +} + +.wpforms-elementor-form-selector img { + width: 220px; + margin: 0 auto 20px auto; +} + +.wpforms-elementor-form-selector .select-wrapper { + position: relative; + padding: 0; + width: 100%; + max-width: 266px; + margin: 0 auto; + line-height: 0; +} + +.wpforms-elementor-form-selector .select-wrapper:after { + font-family: eicons; + content: "\e8ad"; + font-size: 12px; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + right: 5px; + pointer-events: none; + opacity: 0.55; +} + +.wpforms-elementor-form-selector select { + font-family: inherit; + font-style: inherit; + font-weight: normal; + font-size: 12px; + line-height: 12px; + color: #6d7882; + padding: 0 20px 0 5px; + width: 100%; + height: 27px; + text-overflow: ellipsis; + margin: 0; + background: #ffffff; + border: 1px solid #d5dadf; + box-sizing: border-box; + border-radius: 3px; + cursor: pointer; + appearance: none; + -webkit-appearance: none; +} + +.wpforms-elementor-form-selector select:focus { + outline: none; +} + +@font-face { + font-family: 'Icon WPForms'; + src: url("../images/integrations/elementor/font/icon-wpforms.eot"); + src: url("../images/integrations/elementor/font/icon-wpforms.eot#iefix") format("embedded-opentype"), url("../images/integrations/elementor/font/icon-wpforms.woff2") format("woff2"), url("../images/integrations/elementor/font/icon-wpforms.woff") format("woff"), url("../images/integrations/elementor/font/icon-wpforms.ttf") format("truetype"), url("../images/integrations/elementor/font/icon-wpforms.svg") format("svg"); +} + +#elementor-editor-wrapper .wpforms-field-repeater-display-rows-buttons, .elementor-edit-area .wpforms-field-repeater-display-rows-buttons { + display: flex !important; + bottom: 0; +} + +#elementor-editor-wrapper .icon-wpforms, .elementor-edit-area .icon-wpforms { + display: inline-block; + width: 28px; +} + +#elementor-editor-wrapper .icon-wpforms:before, .elementor-edit-area .icon-wpforms:before { + content: '\e800'; + font-family: "Icon WPForms"; + font-style: normal; + font-weight: normal; + speak: never; +} + +#elementor-editor-wrapper .elementor-widget-empty-icon.icon-wpforms, .elementor-edit-area .elementor-widget-empty-icon.icon-wpforms { + width: 22px; + line-height: 22px; + padding: 0; + font-size: 22px; + text-align: center; +} + +#elementor-editor-wrapper .elementor-navigator__item .icon-wpforms, .elementor-edit-area .elementor-navigator__item .icon-wpforms { + width: 11px; + height: 11px; +} + +#elementor-editor-wrapper .elementor-control.elementor-control-edit_form, .elementor-edit-area .elementor-control.elementor-control-edit_form { + padding: 0 20px 10px 20px; + font-style: italic; + font-weight: normal; + font-size: 11px; + line-height: 13px; + color: #a4afb7; +} + +#elementor-editor-wrapper .elementor-control.elementor-control-edit_form a, .elementor-edit-area .elementor-control.elementor-control-edit_form a { + cursor: pointer; +} + +#elementor-editor-wrapper .elementor-control.elementor-control-test_form_notice .elementor-panel-alert-info, +#elementor-editor-wrapper .elementor-control.elementor-control-add_form_notice .elementor-panel-alert-info, .elementor-edit-area .elementor-control.elementor-control-test_form_notice .elementor-panel-alert-info, +.elementor-edit-area .elementor-control.elementor-control-add_form_notice .elementor-panel-alert-info { + font-style: normal; +} + +#elementor-editor-wrapper .elementor-control.elementor-control-test_form_notice a, +#elementor-editor-wrapper .elementor-control.elementor-control-add_form_notice a, .elementor-edit-area .elementor-control.elementor-control-test_form_notice a, +.elementor-edit-area .elementor-control.elementor-control-add_form_notice a { + color: inherit; + font-weight: 700; + border-bottom: 2px dotted var(--e-a-color-info); + display: inline-block; +} + +#elementor-editor-wrapper .elementor-control.elementor-control-add_form_btn .elementor-button, .elementor-edit-area .elementor-control.elementor-control-add_form_btn .elementor-button { + padding: 7px 16px; + background: #525962; +} + +#elementor-editor-wrapper .elementor-control.elementor-control-add_form_btn .elementor-button:hover, .elementor-edit-area .elementor-control.elementor-control-add_form_btn .elementor-button:hover { + background: #2b2c31; +} + +#elementor-editor-wrapper .elementor-control.elementor-control-add_form_btn .elementor-button b, .elementor-edit-area .elementor-control.elementor-control-add_form_btn .elementor-button b { + margin: 0 10px 0 0; + font-size: 13px; + font-weight: 400; + line-height: 12px; +} + +#elementor-editor-wrapper .elementor-control.elementor-control-add_form_btn.elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper, .elementor-edit-area .elementor-control.elementor-control-add_form_btn.elementor-label-inline > .elementor-control-content > .elementor-control-field > .elementor-control-input-wrapper { + margin-right: auto; +} + +#elementor-editor-wrapper .wpforms-icon-choices li, .elementor-edit-area .wpforms-icon-choices li { + cursor: pointer; +} + +#elementor-editor-wrapper .wpforms-icon-choices li label, .elementor-edit-area .wpforms-icon-choices li label { + pointer-events: none; +} + +#elementor-editor-wrapper .wpforms-reset-style-settings, .elementor-edit-area .wpforms-reset-style-settings { + display: flex; +} + +#elementor-editor-wrapper .wpforms-reset-style-settings button, .elementor-edit-area .wpforms-reset-style-settings button { + background-color: #dc3232; + border-radius: 3px; +} + +#elementor-panel-page-editor .wpforms-elementor-disabled .elementor-control:not(.wpforms-elementor-lead-forms-notice) { + pointer-events: none; + opacity: 0.5; +} + +#elementor-panel-page-editor .wpforms-elementor-disabled .elementor-control:not(.wpforms-elementor-lead-forms-notice) ::selection { + background: transparent; +} + +.wpforms-elementor-lead-forms-notice { + display: none; +} + +.wpforms-elementor-lead-forms-notice .elementor-panel-alert { + font-style: normal; +} + +.wpforms-elementor-lead-forms-notice strong { + display: block; + margin-bottom: 5px; +} + +.elementor-edit-area .wpforms-form { + pointer-events: none; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext.wpforms-field-small .wp-editor-area { + height: calc(var(--wpforms-field-size-input-height) * 1.9) !important; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext.wpforms-field-medium .wp-editor-area { + height: calc(var(--wpforms-field-size-input-height) * 2.79) !important; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext.wpforms-field-large .wp-editor-area { + height: calc(var(--wpforms-field-size-input-height) * 5.12) !important; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .mce-tinymce.mce-container.mce-panel { + display: none !important; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .wp-editor-tabs { + padding-right: 0; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .wp-editor-container { + border: none; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .quicktags-toolbar { + border-top-left-radius: var(--wpforms-field-border-radius); + border-top-color: var(--wpforms-field-border-color); + border-right-color: var(--wpforms-field-border-color); + border-left-color: var(--wpforms-field-border-color); +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .wp-editor-area { + display: block !important; + border-color: var(--wpforms-field-border-color); + border-bottom-left-radius: var(--wpforms-field-border-radius); + border-bottom-right-radius: var(--wpforms-field-border-radius); +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form button[type=submit]:disabled, .elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form button[data-page]:disabled { + cursor: default; + opacity: 1 !important; + color: var(--wpforms-button-text-color); + background-color: var(--wpforms-button-background-color); +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-one"]:after, +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-multiple"]:after { + border-width: 0; + width: 10px; + height: 10px; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input { + opacity: 1; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-multiple"] .choices__item { + grid-template-columns: 1fr !important; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-multiple"] .choices__item button { + display: none !important; +} + +.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-payment-quantity .choices__item button { + display: none !important; +} + +.elementor-panel .elementor-panel-alert.elementor-panel-alert-info.wpforms-elementor-no-forms-notice { + background-color: #f0f7ff; + border-color: #2362e9; + color: #525962; + font-size: 12px; + font-style: italic; + font-weight: 500; + line-height: 18px; +} + +.wpforms-divi-form-placeholder, +.et-db #et-boc .et-l .wpforms-divi-form-placeholder { + padding: 25px 15px; + text-align: center; + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.wpforms-divi-form-placeholder img, +.et-db #et-boc .et-l .wpforms-divi-form-placeholder img { + width: 220px; + display: block; +} + +.wpforms-divi-empty-block, +.et-db #et-boc .et-l .wpforms-divi-empty-block { + padding: 20px; + text-align: center; +} + +.wpforms-divi-empty-block img, +.et-db #et-boc .et-l .wpforms-divi-empty-block img { + max-width: 240px; +} + +.wpforms-divi-empty-block p, +.et-db #et-boc .et-l .wpforms-divi-empty-block p { + font-size: 14px; + line-height: 18px; + text-align: center; + color: #495157 !important; + max-width: 450px; + margin: 20px auto 0; + padding: 0; +} + +.wpforms-divi-empty-block button, +.et-db #et-boc .et-l .wpforms-divi-empty-block button { + background: #525962; + border: none; + border-radius: 3px; + font-weight: 600; + font-size: 12px; + line-height: 1.5; + text-align: center; + text-transform: uppercase; + color: #ffffff; + padding: 7px 17px; + margin: 20px 0 0; + text-decoration: none; + cursor: pointer; + transition: background .2s ease-in-out; +} + +.wpforms-divi-empty-block button:hover, +.et-db #et-boc .et-l .wpforms-divi-empty-block button:hover { + background: #2b2c31; +} + +.wpforms-divi-empty-block .wpforms-admin-no-forms-footer, +.et-db #et-boc .et-l .wpforms-divi-empty-block .wpforms-admin-no-forms-footer { + font-size: 12px; + line-height: 1.5; + color: #6d7882; +} + +.wpforms-divi-empty-block .wpforms-admin-no-forms-footer a, +.et-db #et-boc .et-l .wpforms-divi-empty-block .wpforms-admin-no-forms-footer a { + color: inherit; + text-decoration: underline !important; +} + +.wpforms-divi-empty-block .wpforms-admin-no-forms-footer a:hover, +.et-db #et-boc .et-l .wpforms-divi-empty-block .wpforms-admin-no-forms-footer a:hover { + text-decoration: none !important; +} + +.wpforms-divi-form-preview.loading, +.et-db #et-boc .et-l .wpforms-divi-form-preview.loading { + opacity: .7; +} + +.wpforms-divi-form-preview .wpforms-field-repeater-display-rows-buttons, +.et-db #et-boc .et-l .wpforms-divi-form-preview .wpforms-field-repeater-display-rows-buttons { + display: flex !important; + bottom: 0; +} + +.wpforms-divi-form-preview select, +.et-db #et-boc .et-l .wpforms-divi-form-preview select { + opacity: 1; +} + +.et-db #et-boc .et-l .et-fb-modules-list ul > li.wpforms_selector::before { + content: ''; + background-image: url("../images/integrations/divi/wpforms-icon.svg"); + height: 16px; + font-variant: normal; + background-position: center center; + background-repeat: no-repeat; +} + +/* Gutenberg Block +----------------------------------------------------------------------------- */ +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap, +.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap { + align-items: center; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap.components-placeholder, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap.components-placeholder, +.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap.components-placeholder { + filter: none; + background: #f0f0f0; + box-shadow: none; + background-clip: content-box, padding-box; + padding: 15px; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap img, +.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap img { + filter: none; + width: initial; + margin-bottom: 25px; + max-width: 200px; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap .components-base-control, +.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap .components-base-control { + width: 100%; + padding: 0 15px; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-placeholder__fieldset, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap .components-placeholder__fieldset, +.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap .components-placeholder__fieldset { + justify-content: center; + align-self: center; + max-width: 400px; + flex-direction: row !important; + margin: 25px 0 17px; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-select-control__input, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap .components-select-control__input, +.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap .components-select-control__input { + padding: 0 10px; + height: auto; +} + +.edit-post-visual-editor [data-type="wpforms/form-selector"] .components-placeholder:not(.wpforms-gutenberg-form-selector-wrap), +.edit-widgets-block-editor [data-type="wpforms/form-selector"] .components-placeholder:not(.wpforms-gutenberg-form-selector-wrap), +.editor-styles-wrapper [data-type="wpforms/form-selector"] .components-placeholder:not(.wpforms-gutenberg-form-selector-wrap) { + opacity: 0; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form :disabled, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form :disabled, +.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form :disabled { + pointer-events: none; + cursor: default; + opacity: 1 !important; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input, +.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input { + background-color: unset; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item, +.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item { + grid-template-columns: 1fr !important; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item button, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item button, +.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item button { + display: none !important; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form .wpforms-payment-quantity .choices__item button, +.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form .wpforms-payment-quantity .choices__item button, +.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form .wpforms-payment-quantity .choices__item button { + display: none !important; +} + +.edit-post-visual-editor .wpforms-no-form-preview, +.edit-widgets-block-editor .wpforms-no-form-preview, +.editor-styles-wrapper .wpforms-no-form-preview { + text-align: center; + background: #f0f0f0; + padding: 15px; + background-clip: content-box, padding-box; +} + +.edit-post-visual-editor .wpforms-no-form-preview img, +.edit-widgets-block-editor .wpforms-no-form-preview img, +.editor-styles-wrapper .wpforms-no-form-preview img { + width: 60%; + margin: 20px 0 -10px; + max-width: 240px; +} + +.edit-post-visual-editor .wpforms-no-form-preview p, +.edit-widgets-block-editor .wpforms-no-form-preview p, +.editor-styles-wrapper .wpforms-no-form-preview p { + font-size: 14px; + color: #000000; + width: 77%; + text-align: center; + margin: 20px auto; +} + +.edit-post-visual-editor .wpforms-no-form-preview p.empty-desc, +.edit-widgets-block-editor .wpforms-no-form-preview p.empty-desc, +.editor-styles-wrapper .wpforms-no-form-preview p.empty-desc { + font-size: 12px; +} + +.edit-post-visual-editor .wpforms-no-form-preview p a, +.edit-widgets-block-editor .wpforms-no-form-preview p a, +.editor-styles-wrapper .wpforms-no-form-preview p a { + color: #000000; + text-decoration: underline; + position: relative; +} + +.edit-post-visual-editor .wpforms-no-form-preview p a:hover, +.edit-widgets-block-editor .wpforms-no-form-preview p a:hover, +.editor-styles-wrapper .wpforms-no-form-preview p a:hover { + text-decoration: none; +} + +.edit-post-sidebar .wpforms-gutenberg-panel-notice, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice { + background-color: #f0f6fc; + border-left: solid 4px #017cba; + color: #1e1e1e; + padding: 12px 12px 12px 16px; + margin-bottom: 0; +} + +.edit-post-sidebar .wpforms-gutenberg-panel-notice strong, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice strong { + display: block; +} + +.edit-post-sidebar .wpforms-gutenberg-panel-notice a, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice a { + display: block; +} + +.edit-post-sidebar .wpforms-gutenberg-panel-notice.wpforms-warning, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice.wpforms-warning { + background-color: #fef8ee; + border-left-color: #efb84a; + margin-bottom: 12px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel-notice.wpforms-use-modern-notice, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice.wpforms-use-modern-notice { + margin-bottom: 12px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-actions, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-actions { + margin-top: -14px; + margin-bottom: 24px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-actions a, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-actions a { + text-decoration: none; +} + +.edit-post-sidebar .wpforms-gutenberg-panel label.components-input-control__label, .edit-post-sidebar .wpforms-gutenberg-panel label.components-base-control__label, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel label.components-input-control__label, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel label.components-base-control__label { + color: #1e1e1e; + font-size: 13px; + text-transform: none; + font-weight: normal; +} + +.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel { + margin-top: 8px; + margin-bottom: 0; + padding: 0; + border-top: 0; +} + +.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled { + background-color: #f0f0f0; + pointer-events: none; +} + +.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *, +.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *:hover, +.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *:focus, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *, +.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *:hover, +.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *:focus { + background-color: #f0f0f0; + color: rgba(0, 0, 0, 0.2) !important; + cursor: auto; +} + +.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled > :nth-child(2), .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled > :nth-child(2) { + background-color: #f0f0f0; + pointer-events: none; +} + +.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled > :nth-child(2) *, +.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled > :nth-child(2) *:hover, +.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled > :nth-child(2) *:focus, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled > :nth-child(2) *, +.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled > :nth-child(2) *:hover, +.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled > :nth-child(2) *:focus { + background-color: #f0f0f0; + color: rgba(0, 0, 0, 0.2) !important; + cursor: auto; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview { + width: 100%; + height: 100px; + background-color: #ffffffff; + background-repeat: no-repeat; + background-position: top center; + background-size: 100% 100%; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-themes, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-themes { + background-image: url("../images/gutenberg/panel-themes.png"); + height: 390px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-field, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-field { + background-image: url("../images/gutenberg/panel-field.png"); + height: 310px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-label, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-label { + background-image: url("../images/gutenberg/panel-label.png"); + height: 220px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-button, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-button { + background-image: url("../images/gutenberg/panel-button.png"); + height: 340px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-container, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-container { + background-image: url("../images/gutenberg/panel-container.png"); + height: 290px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-background, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-background { + background-image: url("../images/gutenberg/panel-background.png"); + height: 140px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-image-url, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-image-url { + display: none; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-flex, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-flex { + margin-bottom: 16px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview-image, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview-image { + width: 100%; + height: 116px; + border-radius: 4px; + border: 1px solid #c2c1c1; + background-image: var(--wpforms-background-url); + background-size: cover; + background-position: center; + margin-bottom: 16px; + cursor: pointer; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview-image:focus, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview-image:focus { + border-color: var(--wp-admin-theme-color, #3858e9); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #3858e9); +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview button.is-destructive, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview button.is-destructive { + width: 100%; + display: block; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend { + margin-top: -16px; + margin-bottom: 24px; + color: #757575; + line-height: 1.5; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend a, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend a { + color: inherit; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend.wpforms-button-color-notice, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend.wpforms-button-color-notice { + margin-top: 8px; + margin-bottom: 0; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-colors-help, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-colors-help { + margin-top: 8px; + margin-bottom: 16px; + color: #757575; + line-height: 1.5; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-media-library-button, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-media-library-button { + width: 100%; + display: block; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group { + width: 100%; + max-height: 234px; + overflow-y: auto; + border: 1px solid #dddddd; + border-radius: 2px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button { + display: flex; + width: 100%; + margin: 0; + padding: 12px; + height: 42px; + gap: 12px; + border-top: none; + border-right: none; + border-bottom: 1px solid #dddddd; + border-left: none; + box-shadow: inset 0 0 0 8px #ffffff; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:last-child, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:last-child { + border-bottom: none; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:hover, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:hover { + box-shadow: inset 0 0 0 8px #ffffff; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:hover div, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:hover div { + color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .wpforms-gutenberg-form-selector-themes-indicators, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .wpforms-gutenberg-form-selector-themes-indicators { + min-width: 80px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator { + min-width: 20px; + height: 20px; + width: 20px; + margin-inline-end: -5px; + position: relative; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="0"], .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="0"] { + z-index: 5; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="1"], .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="1"] { + z-index: 4; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="2"], .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="2"] { + z-index: 3; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="3"], .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="3"] { + z-index: 2; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="4"], .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="4"] { + z-index: 1; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator:last-child, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator:last-child { + margin-inline-end: 0; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button.is-primary, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button.is-primary { + box-shadow: inset 0 0 0 3px #ffffff; + background-color: #eeeeee; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-theme-name, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-theme-name { + margin-top: 24px; + margin-bottom: 8px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-delete, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-delete { + color: #D63638; + text-decoration: underline; + line-height: 18px; + padding: 0; + box-shadow: none; + height: auto; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-delete:hover, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-delete:hover { + box-shadow: none; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-custom-css textarea, .edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-copy-paste-settings textarea, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-custom-css textarea, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-copy-paste-settings textarea { + font-family: monospace; +} + +.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar { + background: transparent; + width: 5px; + height: 5px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-track, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-track { + background: transparent; +} + +.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-thumb, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.1); + background: transparent; + border-radius: 5px; + border: solid -1px transparent; +} + +.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-resizer, .edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-button, .edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-corner, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-resizer, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-button, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-corner { + display: none; +} + +@-moz-document url-prefix() { + .edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group { + scrollbar-color: rgba(0, 0, 0, 0.1) transparent; + scrollbar-gutter: initial !important; + scrollbar-width: thin; + } +} + +.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar { + background: transparent; + width: 5px; + height: 5px; +} + +.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-track, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-track { + background: transparent; +} + +.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-thumb, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.4); + background: transparent; + border-radius: 5px; + border: solid -1px transparent; +} + +.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-resizer, .edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-button, .edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-corner, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-resizer, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-button, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-corner { + display: none; +} + +@-moz-document url-prefix() { + .edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover { + scrollbar-color: rgba(0, 0, 0, 0.4) transparent; + scrollbar-gutter: initial !important; + scrollbar-width: thin; + } +} + +.edit-post-sidebar .wpforms-gutenberg-panel .block-editor-tools-panel-color-gradient-settings__item.first, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .block-editor-tools-panel-color-gradient-settings__item.first { + margin-top: 0; +} + +.edit-post-sidebar .wpforms-gutenberg-panel.disabled_panel > :not(.wpforms-gutenberg-panel-notice):not(h2), .edit-post-sidebar .wpforms-gutenberg-panel.wpforms-lead-forms-enabled > :not(.wpforms-gutenberg-panel-notice):not(h2), .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel.disabled_panel > :not(.wpforms-gutenberg-panel-notice):not(h2), .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel.wpforms-lead-forms-enabled > :not(.wpforms-gutenberg-panel-notice):not(h2) { + opacity: 0.5; + pointer-events: none; +} + +.edit-post-sidebar .wpforms-gutenberg-panel.disabled_panel > :not(.wpforms-gutenberg-panel-notice):not(h2) ::selection, .edit-post-sidebar .wpforms-gutenberg-panel.wpforms-lead-forms-enabled > :not(.wpforms-gutenberg-panel-notice):not(h2) ::selection, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel.disabled_panel > :not(.wpforms-gutenberg-panel-notice):not(h2) ::selection, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel.wpforms-lead-forms-enabled > :not(.wpforms-gutenberg-panel-notice):not(h2) ::selection { + background-color: transparent; +} + +.edit-post-sidebar .wpforms-gutenberg-panel:not(.disabled_panel):not(.wpforms-gutenberg-panel-form-settings) .wpforms-gutenberg-panel-notice, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.disabled_panel):not(.wpforms-gutenberg-panel-form-settings) .wpforms-gutenberg-panel-notice { + display: none; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-icon-choices li, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-icon-choices li { + cursor: pointer; +} + +.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-icon-choices li label, .interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-icon-choices li label { + pointer-events: none; +} + +.edit-post-sidebar .wpforms-icon-choices li, .interface-interface-skeleton__sidebar .wpforms-icon-choices li { + cursor: pointer; +} + +.edit-post-sidebar .wpforms-icon-choices li label, .interface-interface-skeleton__sidebar .wpforms-icon-choices li label { + pointer-events: none; +} + +.components-modal__screen-overlay .wpforms-gutenberg-modal { + max-width: 450px; +} + +#wpforms-gutenberg-popup { + position: fixed; + width: 100vw; + height: 100vh; + padding: 30px; + z-index: 10000; + background: rgba(0, 0, 0, 0.75); + left: 0; + top: 0; + display: none; + box-sizing: border-box; +} + +#wpforms-gutenberg-popup iframe { + width: 100%; + height: 100%; + background-color: #ffffff; + border: 0px; +} + +.wpforms-loading-spinner { + background-image: url("../images/spinner.svg"); + background-repeat: no-repeat; + background-size: 15px 15px; + background-position: center; + display: block; + height: 15px; + margin: 0 10px 0 0; + vertical-align: -2px; + width: 15px; + -webkit-animation: wpforms-spinner-rotation 0.8s linear infinite; + -moz-animation: wpforms-spinner-rotation 0.8s linear infinite; + -ms-animation: wpforms-spinner-rotation 0.8s linear infinite; + -o-animation: wpforms-spinner-rotation 0.8s linear infinite; + animation: wpforms-spinner-rotation 0.8s linear infinite; +} + +.wpforms-loading-spinner.wpforms-loading-white { + background-image: url("../images/spinner-white.svg"); +} + +.wpforms-loading-spinner.wpforms-loading-blue { + background-image: url("../images/spinner-blue.svg"); + background-size: 14px 15px; +} + +.wpforms-loading-spinner.wpforms-loading-md { + background-size: 24px 24px; + height: 24px; + width: 24px; +} + +.wpforms-loading-spinner.wpforms-loading-inline { + display: inline-block; + margin: auto; +} + +@keyframes wpforms-spinner-rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +.wpforms-gutenberg-form-selector-themes-radio { + flex-grow: 1; + text-align: left; + color: #1e1e1e; + overflow: hidden; +} + +.wpforms-gutenberg-form-selector-themes-radio-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.wpforms-gutenberg-form-selector-themes-radio-disabled { + position: relative; + padding-right: 40px; +} + +.wpforms-gutenberg-form-selector-themes-radio-disabled::after { + content: 'pro'; + position: absolute; + text-transform: uppercase; + background-color: #ededed; + padding: 6px 8px; + border-radius: 3px; + font-size: 8px; + line-height: 10px; + font-weight: 700; + color: #999999; + right: 0; + top: -3px; +} + +.wpforms-gutenberg-panel-disabled h2 button::after { + content: 'pro'; + position: absolute; + text-transform: uppercase; + background-color: #ededed; + padding: 6px 8px; + border-radius: 3px; + font-size: 8px; + line-height: 10px; + font-weight: 700; + color: #999999; + right: 48px; + top: unset; +} + +.wpforms-gutenberg-panel-disabled h2 button:hover::after { + background-color: #fff; +} + +.wpforms-gutenberg-panel-disabled > .wpforms-gutenberg-form-selector-panel-body > div { + pointer-events: none; +} + +.wpforms-gutenberg-panel-disabled > div { + opacity: 0.5; +} + +.wpforms-gutenberg-panel-disabled > div *, +.wpforms-gutenberg-panel-disabled > div *:hover, +.wpforms-gutenberg-panel-disabled > div *:focus { + cursor: auto; +} + +.wpforms-gutenberg-panel-restricted { + display: none; +} + +.jconfirm-modern .jconfirm-box-container .wpforms-exclamation-circle { + display: block; + width: 48px; + height: 48px; + mask-image: url("../images/exclamation-circle.svg"); + mask-size: 48px 48px; + margin: 0 auto; +} + +.jconfirm-modern .jconfirm-box-container .jconfirm-type-orange .wpforms-exclamation-circle { + background-color: #e27730; +} + +.jconfirm-modern .jconfirm-box-container .jconfirm-type-red .wpforms-exclamation-circle { + background-color: #d63638; +} + +.jconfirm-modern .jconfirm-box-container button[disabled] { + opacity: .75 !important; +} + +.jconfirm-modern .jconfirm-box-container .wpforms-theme-delete-text { + margin: 0 auto 10px auto !important; +} + +div.wpforms-container .wpforms-form .choices { + position: relative; + margin-bottom: 24px; +} + +div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder { + color: #999999; +} + +div.wpforms-container .wpforms-form .choices ::-moz-placeholder { + color: #999999; + opacity: 1; +} + +div.wpforms-container .wpforms-form .choices ::placeholder { + color: #999999; +} + +div.wpforms-container .wpforms-form .choices:focus { + outline: none; +} + +div.wpforms-container .wpforms-form .choices:last-child { + margin-bottom: 0; +} + +div.wpforms-container .wpforms-form .choices.is-disabled .choices__inner, +div.wpforms-container .wpforms-form .choices.is-disabled .choices__input { + background-color: #bbbbbb; + cursor: not-allowed; + user-select: none; +} + +div.wpforms-container .wpforms-form .choices [hidden] { + display: none !important; +} + +div.wpforms-container .wpforms-form .choices * { + box-sizing: border-box; +} + +div.wpforms-container .wpforms-form .choices.is-open .choices__inner { + border-radius: 4px 4px 0 0; +} + +div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner { + border-radius: 0 0 4px 4px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] { + cursor: pointer; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__inner { + display: flex; + flex-wrap: wrap; + align-items: center; + padding-top: 0 !important; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input { + display: block; + width: calc(100% - 20px) !important; + margin: 10px !important; + padding: 7px 12px !important; + box-sizing: border-box !important; + border: 1px solid #8c8f94 !important; + border-radius: 4px !important; + background-color: #fff; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus { + border: 1px solid #056aab !important; + box-shadow: 0 0 0 1px #056aab !important; + outline: none !important; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button { + background-image: url("../images/cross-inverse.svg"); + padding: 0; + background-size: 8px; + position: absolute; + top: 50%; + right: 0; + margin-top: -10px; + margin-right: 25px; + height: 20px; + width: 20px; + border-radius: 10em; + opacity: .5; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:hover, div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus { + opacity: 1; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus { + box-shadow: 0 0 0 2px #036aab; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button { + display: none; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after { + content: ""; + height: 0; + width: 0; + border-style: solid; + border-color: currentColor transparent transparent transparent; + border-width: 5px; + position: absolute; + inset-inline-end: 11.5px; + top: 50%; + margin-top: -2.5px; + pointer-events: none; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after { + border-color: transparent transparent currentColor transparent; + margin-top: -7.5px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"]:after { + left: 11.5px; + right: auto; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"] .choices__button { + right: auto; + left: 0; + margin-left: 25px; + margin-right: 0; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner { + padding-right: 24px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input { + padding: 0 4px !important; + max-width: 100%; + background-color: transparent; + line-height: 22px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"]:after { + content: ""; + height: 0; + width: 0; + border-style: solid; + border-color: currentColor transparent transparent transparent; + border-width: 5px; + position: absolute; + inset-inline-end: 11.5px; + top: 50%; + margin-top: -1.5px; + pointer-events: none; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"].is-open:after { + border-color: transparent transparent currentColor transparent; + margin-top: -7.5px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner, +div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__inner { + cursor: text; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button, +div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button { + position: absolute; + display: inline-block; + vertical-align: baseline; + margin-top: 0; + margin-bottom: 0; + margin-inline-start: 5px; + padding: 0; + background-color: transparent; + background-image: url("../images/cross.svg"); + background-size: 12px; + background-position: center center; + background-repeat: no-repeat; + width: 12px; + height: 12px; + line-height: 1; + opacity: .75; + border-radius: 0; + inset-inline-end: 4px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:hover, div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:focus, +div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:hover, +div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:focus { + opacity: 1; +} + +div.wpforms-container .wpforms-form .choices__inner { + width: 100%; + background-color: #ffffff; + padding: 4px 6px 0; + border: 1px solid #8c8f94; + overflow: hidden; + border-radius: 4px; +} + +div.wpforms-container .wpforms-form .choices__list { + margin: 0; + padding-left: 0; + list-style: none; +} + +div.wpforms-container .wpforms-form .choices__list--single { + display: inline-block; + vertical-align: baseline; + width: 100%; + padding: 0 16px 0 4px; + font-size: 0.875em; +} + +div.wpforms-container .wpforms-form .choices__list--single .choices__item { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + padding-right: 20px; + white-space: nowrap; + color: #2c3338; +} + +div.wpforms-container .wpforms-form .choices__list--single .choices__item[data-value=''] { + padding-right: 0; +} + +div.wpforms-container .wpforms-form .choices__list--multiple { + display: inline; + height: auto; + overflow: auto; +} + +div.wpforms-container .wpforms-form .choices__list--multiple .choices__item { + display: inline-block; + vertical-align: middle; + position: relative; + align-items: center; + border-radius: 2px; + padding-block: 4px; + padding-inline: 7px 20px; + font-size: .75em; + line-height: 1; + font-weight: 400; + margin: 0 6px 4px 0; + background-color: #036aab; + border: 1px solid #036aab; + color: #ffffff; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(100% - 10px); +} + +div.wpforms-container .wpforms-form .choices__list--multiple .choices__item.is-highlighted { + background-color: #036aab; +} + +div.wpforms-container .wpforms-form .is-disabled .choices__list--multiple .choices__item { + background-color: #bbbbbb; + border: 1px solid #bbbbbb; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown { + display: none; + z-index: 101; + position: absolute; + width: 100%; + background-color: #ffffff; + border: 1px solid #8c8f94; + top: 100%; + margin-top: -1px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + overflow: hidden; + overflow-wrap: break-word; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown.is-active { + display: block; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list { + position: relative; + max-height: 300px; + overflow: auto; + -webkit-overflow-scrolling: touch; + will-change: scroll-position; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item { + position: relative; + vertical-align: top; + padding: 10px; + font-size: .875em; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted { + background-color: #f6f6f6; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted:after { + opacity: .5; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__placeholder { + display: none; +} + +div.wpforms-container .wpforms-form .is-flipped .choices__list--dropdown { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: -1px; + border-radius: 4px 4px 0 0; +} + +div.wpforms-container .wpforms-form .choices__item { + cursor: default; +} + +div.wpforms-container .wpforms-form .choices__item--selectable { + cursor: pointer; +} + +div.wpforms-container .wpforms-form .choices__item--disabled { + cursor: not-allowed; + user-select: none; + opacity: .5; +} + +div.wpforms-container .wpforms-form .choices__heading { + font-weight: 600; + font-size: .75em; + text-transform: uppercase; + padding: 10px; + border-top: 1px solid #b4b6b9; + border-bottom: 1px solid #b4b6b9; + color: #a6a6a6; +} + +.choices__group[data-value="hidden"] > div.wpforms-container .wpforms-form .choices__heading { + display: none; +} + +div.wpforms-container .wpforms-form .choices__button { + text-indent: -9999px; + -webkit-appearance: none; + appearance: none; + border: 0; + background-color: transparent; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; +} + +div.wpforms-container .wpforms-form .choices__button:focus { + outline: none; +} + +div.wpforms-container .wpforms-form .choices__input { + display: inline-block; + background-color: transparent; + margin: 0 0 2px 0 !important; + border: 0 !important; + border-radius: 0 !important; + min-height: 20px !important; + padding: 2px 4px !important; + height: auto !important; + min-width: 1ch; + width: 1ch; + vertical-align: middle; +} + +div.wpforms-container .wpforms-form .choices__input::-webkit-search-cancel-button { + display: none; +} + +div.wpforms-container .wpforms-form .choices__input--hidden { + clip: rect(1px, 1px, 1px, 1px) !important; + clip-path: inset(50%) !important; + height: 1px !important; + margin: -1px !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: 1px !important; + min-width: auto !important; + word-wrap: normal !important; +} + +div.wpforms-container .wpforms-form .choices .choices__inner input.choices__input:focus { + outline: none !important; + box-shadow: none !important; + border: none !important; +} + +div.wpforms-container .wpforms-form .choices__placeholder { + opacity: .5; +} + +div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner { + border-radius: 4px 4px 0 0; +} + +div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown { + border-radius: inherit; +} + +div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after { + border: none; + background: #ffffff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center; + background-size: 16px 16px; + cursor: pointer; + width: 16px; + height: 16px; + top: 13px; + right: 8px; + margin-top: 0; +} + +div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after { + transform: rotate(180deg); +} + +div.wpforms-container .wpforms-form .choices__list--dropdown { + min-width: 250px; +} + +div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="select-multiple"] .choices__button, div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="text"] .choices__button { + border-left: 1px solid rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} + +div.wpforms-container .wpforms-form .choices ::placeholder, +div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder { + opacity: 1; +} + +div.wpforms-container .wpforms-form .choices { + margin-bottom: 0; +} + +body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner { + padding-right: 4px; + padding-left: 24px; +} + +body.rtl div.wpforms-container .wpforms-form .choices__list--single { + padding-right: 4px; + padding-left: 16px; +} + +body.rtl div.wpforms-container .wpforms-form .choices__list--multiple .choices__item { + margin-right: 0; + margin-left: 3.75px; +} + +body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item { + text-align: right; +} + +body.rtl div.wpforms-container .wpforms-form .choices__input { + padding-right: 2px !important; + padding-left: 0 !important; +} + +body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button, body.rtl div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button { + margin-inline-end: 0; + border-left: none; +} + +@media (min-width: 640px) { + body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable { + text-align: right; + padding-left: 100px; + padding-right: 10px; + } + body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable:after { + right: auto; + left: 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; +} diff --git a/assets/css/admin-integrations.min.css b/assets/css/admin-integrations.min.css new file mode 100644 index 00000000..02b0b36c --- /dev/null +++ b/assets/css/admin-integrations.min.css @@ -0,0 +1,86 @@ +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box{display:grid;grid-template-columns:repeat(2, 1fr);justify-items:center;animation:none;background:#ffffff;border-radius:6px;border-top-style:solid;border-top-width:4px;box-shadow:0 3px 6px rgba(0,0,0,0.15);padding-top:34px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c,.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane,.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons{grid-column:1 / -1}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default{border-top-width:0;padding-top:25px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c{margin-bottom:20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c{font-size:44px;margin-bottom:-6px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm{background-color:#e27730;border-color:#e27730}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover{background-color:#cd6622;border-color:#cd6622}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red{border-top-color:#d63638 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#d63638 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm{background-color:#d63638;border-color:#d63638}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover{background-color:#b32d2e;border-color:#b32d2e}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange{border-top-color:#e27730 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#e27730 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm{background-color:#e27730;border-color:#e27730}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover{background-color:#cd6622;border-color:#cd6622}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow{border-top-color:#ffb900 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c{color:#ffb900 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm{background-color:#ffb900;border-color:#ffb900}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover{background-color:#ffaa00;border-color:#ffaa00}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue{border-top-color:#0399ed !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#0399ed !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm{background-color:#0399ed;border-color:#0399ed}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover{background-color:#036aab;border-color:#036aab}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green{border-top-color:#00a32a !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#00a32a !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm{background-color:#00a32a;border-color:#00a32a}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover{background-color:#008a20;border-color:#008a20}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple{border-top-color:#7a30e2 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#7a30e2 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm{background-color:#7a30e2;border-color:#7a30e2}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover{background-color:#5c24a9;border-color:#5c24a9}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon{color:transparent;font-family:FontAwesome;height:14px;opacity:1;inset-inline-end:10px;top:10px;width:14px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after{color:#bbbbbb;content:"\f00d";font-size:16px;inset-inline-start:0;position:absolute;top:0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after{color:#777777 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c{margin:0 0 20px 0;padding:0;font-weight:600}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{font-size:47px;margin:0;-ms-transform:none !important;-webkit-transform:none !important;transform:none !important;-webkit-transition:none !important;transition:none !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c+.jconfirm-title,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c+.jconfirm-title{margin-top:20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title{color:#444444;display:block;line-height:30px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane{display:block;margin-bottom:20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content{color:#444444;font-size:16px;line-height:24px;margin-bottom:0;overflow:inherit}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p{color:#777777;font-size:18px;padding:0 20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p{font-size:inherit;line-height:inherit;margin:0 0 16px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type{margin:0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large{font-size:18px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small{font-size:14px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.bold,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.bold{font-weight:600}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong{font-weight:600}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea,.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select{margin:10px 2px;width:calc( 100% - 4px)}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content .error,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content .error{color:#d63638;font-size:14px;font-weight:600;line-height:1.4;margin-top:10px;display:none}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased{display:block;grid-row:5;grid-column:1 / -1;color:#bbbbbb;font-size:14px;margin-top:15px;text-decoration:underline;text-align:center}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover{color:#777777;text-decoration:underline}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note{grid-row:4;grid-column:1 / -1;margin:25px 0 0 0;text-align:center;width:100%}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p{background-color:#fcf9e8;color:#777777;font-size:16px;margin:0 -30px;padding:22px 52px 12px 52px;position:relative}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after{background-color:#ffffff;border-radius:50%;color:#00a32a;content:"\f058";display:inline-block;font:normal normal normal 14px FontAwesome;font-size:26px;margin-inline-end:-18px;padding:5px 6px;position:absolute;inset-inline-end:50%;text-rendering:auto;top:-16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note span,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note span{color:#00a32a;font-weight:700}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note a,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note a{color:#777777;display:block;margin-top:12px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .feature-video,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .feature-video{margin:30px 0 0 0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video{margin:15px 0 10px 0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input),.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input){display:block;margin-top:10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box #wpforms-edu-modal-license-key,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box #wpforms-edu-modal-license-key{margin-top:20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons{margin-top:-10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button{background:#f8f8f8;border:1px solid #cccccc;border-radius:4px;color:#777777;font-size:16px;font-weight:600;line-height:20px;outline:none;padding:11px 17px;text-transform:none;margin:10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover{background:#eeeeee;border-color:#cccccc}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button{min-width:83px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled]{cursor:no-drop;pointer-events:none}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm{color:#ffffff}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai{background-color:#faf5fe;border-color:#7a30e2;color:#7a30e2;padding:10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:hover,.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:focus,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:focus{background-color:#f5e9ff;border-color:#5c24a9;color:#5c24a9}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai::before,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai::before{content:'';display:inline-block;vertical-align:middle;width:16px;height:16px;background-image:url(../../images/integrations/ai/ai-feature.svg);background-size:16px 16px;margin-inline-end:8px;opacity:.85}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden+button,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden+button{margin-left:0;margin-right:0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block{display:block;margin:0 0 10px 0 !important;text-align:center;width:100%}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case{text-transform:none !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i{margin-inline-end:10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-providers-account-add-modal .jconfirm-content .description,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-providers-account-add-modal .jconfirm-content .description{font-size:13px;line-height:1.4;margin-top:15px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-content-pane,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-content-pane{max-height:calc( 100vh - 333px);transition-property:max-height;transition-duration:0.25s;transition-timing-function:ease-out}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-title-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-title-c{margin-bottom:15px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-columns,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-columns{margin:30px 0 0 0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column{border:1px solid #cccccc;border-radius:4px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li{border-bottom:1px solid #dddddd;font-size:14px;line-height:30px;margin:0;padding:8px 10px;text-align:start;display:flex}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li:last-child,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li:last-child{border-bottom:none}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span{margin-inline-start:auto}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span i,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span i{background-color:#ebf3fc;border-radius:4px;color:#036aab;display:inline-block;font-style:normal;line-height:16px;margin-inline-start:5px;min-width:30px;padding:5px 10px;text-transform:capitalize}.wpforms_page_wpforms-builder .jconfirm.jconfirm-wpforms-education .jconfirm-content-pane,.block-editor-page .jconfirm.jconfirm-wpforms-education .jconfirm-content-pane{height:auto !important;min-height:fit-content}.wpforms_page_wpforms-builder .choices,.block-editor-page .choices{font-size:16px;text-align:start}.wpforms_page_wpforms-builder .choices input[type=text].choices__input:not(.wpforms-hidden),.block-editor-page .choices input[type=text].choices__input:not(.wpforms-hidden){display:inline-block !important}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-box,.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-box{padding-bottom:0;padding-top:30px}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .already-purchased,.block-editor-page .jconfirm.has-video .jconfirm-box-container .already-purchased{grid-row:4;grid-column:1 / 2;display:block;margin-top:0}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .already-purchased:hover,.block-editor-page .jconfirm.has-video .jconfirm-box-container .already-purchased:hover{color:#777777}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note,.block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note{grid-row:5;margin:20px 0 0}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note p,.block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note p{margin:0 -30px;padding:20px 52px;border-radius:0 0 6px 6px}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note p:after,.block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note p:after{display:none}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .feature-video,.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .pro-feature-video,.block-editor-page .jconfirm.has-video .jconfirm-box-container .feature-video,.block-editor-page .jconfirm.has-video .jconfirm-box-container .pro-feature-video{grid-row:1 / span 4;grid-column-start:2;margin-top:0;margin-inline-start:15px}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-title-c,.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-content-pane,.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-buttons,.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-title-c,.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-content-pane,.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-buttons{grid-column:1 / 2}.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box,.block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box{padding-bottom:30px}.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .pro-feature-video,.block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .pro-feature-video{margin-bottom:0}.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .jconfirm-buttons,.block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .jconfirm-buttons{padding-bottom:0}.wpforms_page_wpforms-builder.rtl .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon,.block-editor-page.rtl .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon{left:10px;right:auto}@media screen and (max-width: 1023px){.wpforms_page_wpforms-builder .jconfirm{display:none}}.wpforms-admin-empty-state-container{color:#50575e;font-style:normal;padding:30px;text-align:center}.wpforms-admin-empty-state-container .waving-hand-emoji{background-image:url(../images/empty-states/waving-hand-emoji.png);background-position:0 0;background-repeat:no-repeat;background-size:24px 24px;display:inline-block;padding-left:34px}.wpforms-admin-empty-state-container h2{color:#1d2327;font-family:inherit;font-size:24px;font-weight:600;line-height:29px;margin:0 0 10px}.wpforms-admin-empty-state-container h4{color:#32373c;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;margin-block:0}.wpforms-admin-empty-state-container img{max-width:428px;width:100%;margin:30px auto}.wpforms-admin-empty-state-container p{font-family:inherit;font-size:16px;line-height:24px;margin-block:0;text-align:center}.wpforms-admin-empty-state-container.wpforms-admin-no-forms p:first-of-type{font-weight:600}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active{border:none;border-radius:3px;font-family:inherit;font-weight:600;font-size:16px;line-height:1.5;text-align:center;color:#ffffff;padding:15px 30px;margin:0;text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:hover,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:focus,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:focus{outline:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-admin-no-forms-footer{margin-top:30px;font-size:14px;line-height:16px}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms{font-family:'Helvetica Neue', sans-serif;background:rgba(255,255,255,0.5);border:1px solid #71d7d7;box-sizing:border-box;padding:20px}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms img{max-width:240px;width:100%;margin:0 auto}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms p{font-family:inherit;font-weight:normal;font-size:14px;line-height:18px;text-align:center;color:#495157;max-width:450px;margin:20px auto 0}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a{color:inherit;text-decoration:underline;position:relative}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a:hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn{background:#525962;border:none;border-radius:3px;font-family:inherit;font-weight:600;font-size:12px;line-height:1.5;text-align:center;text-transform:uppercase;color:#ffffff;padding:7px 17px;margin:20px 0 0;text-decoration:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:hover{text-decoration:none;background:#2b2c31}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:focus{outline:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-admin-no-forms-footer{font-size:12px;line-height:1.5;color:#6d7882}.wpforms-admin-empty-state-container.wpforms-admin-no-entries img{max-width:413px;display:block}.wpforms-admin-empty-state-container.wpforms-admin-no-payments{max-width:600px;margin:0 auto}.wpforms-admin-empty-state-container.wpforms-admin-no-payments img{display:block}.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-btn-lg{border-radius:4px;padding:14px 20px}.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]){color:#056aab;text-decoration:underline}.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]):hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-admin-no-forms-footer{margin-top:30px;font-size:14px}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h2,.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h4{font-weight:500}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p{font-size:14px;color:#777777}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p.wpforms-admin-no-forms-footer{color:#50575e}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates img{max-width:560px;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,0.15)}#wpforms-builder-elementor-popup{position:fixed;width:100vw;height:100vh;padding:30px;z-index:10000;background:rgba(0,0,0,0.75);left:0;top:0}#wpforms-builder-elementor-popup iframe{width:100%;height:100%;background-color:#ffffff}.wpforms-elementor-form-selector{background:rgba(255,255,255,0.5);border:1px solid #71d7f7;box-sizing:border-box;text-align:center;font-family:"Helvetica Neue", sans-serif;font-style:normal;padding:40px}.wpforms-elementor-form-selector img{width:220px;margin:0 auto 20px auto}.wpforms-elementor-form-selector .select-wrapper{position:relative;padding:0;width:100%;max-width:266px;margin:0 auto;line-height:0}.wpforms-elementor-form-selector .select-wrapper:after{font-family:eicons;content:"\e8ad";font-size:12px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:5px;pointer-events:none;opacity:0.55}.wpforms-elementor-form-selector select{font-family:inherit;font-style:inherit;font-weight:normal;font-size:12px;line-height:12px;color:#6d7882;padding:0 20px 0 5px;width:100%;height:27px;text-overflow:ellipsis;margin:0;background:#ffffff;border:1px solid #d5dadf;box-sizing:border-box;border-radius:3px;cursor:pointer;appearance:none;-webkit-appearance:none}.wpforms-elementor-form-selector select:focus{outline:none}@font-face{font-family:'Icon WPForms';src:url("../images/integrations/elementor/font/icon-wpforms.eot");src:url("../images/integrations/elementor/font/icon-wpforms.eot#iefix") format("embedded-opentype"),url("../images/integrations/elementor/font/icon-wpforms.woff2") format("woff2"),url("../images/integrations/elementor/font/icon-wpforms.woff") format("woff"),url("../images/integrations/elementor/font/icon-wpforms.ttf") format("truetype"),url("../images/integrations/elementor/font/icon-wpforms.svg") format("svg")}#elementor-editor-wrapper .wpforms-field-repeater-display-rows-buttons,.elementor-edit-area .wpforms-field-repeater-display-rows-buttons{display:flex !important;bottom:0}#elementor-editor-wrapper .icon-wpforms,.elementor-edit-area .icon-wpforms{display:inline-block;width:28px}#elementor-editor-wrapper .icon-wpforms:before,.elementor-edit-area .icon-wpforms:before{content:'\e800';font-family:"Icon WPForms";font-style:normal;font-weight:normal;speak:never}#elementor-editor-wrapper .elementor-widget-empty-icon.icon-wpforms,.elementor-edit-area .elementor-widget-empty-icon.icon-wpforms{width:22px;line-height:22px;padding:0;font-size:22px;text-align:center}#elementor-editor-wrapper .elementor-navigator__item .icon-wpforms,.elementor-edit-area .elementor-navigator__item .icon-wpforms{width:11px;height:11px}#elementor-editor-wrapper .elementor-control.elementor-control-edit_form,.elementor-edit-area .elementor-control.elementor-control-edit_form{padding:0 20px 10px 20px;font-style:italic;font-weight:normal;font-size:11px;line-height:13px;color:#a4afb7}#elementor-editor-wrapper .elementor-control.elementor-control-edit_form a,.elementor-edit-area .elementor-control.elementor-control-edit_form a{cursor:pointer}#elementor-editor-wrapper .elementor-control.elementor-control-test_form_notice .elementor-panel-alert-info,#elementor-editor-wrapper .elementor-control.elementor-control-add_form_notice .elementor-panel-alert-info,.elementor-edit-area .elementor-control.elementor-control-test_form_notice .elementor-panel-alert-info,.elementor-edit-area .elementor-control.elementor-control-add_form_notice .elementor-panel-alert-info{font-style:normal}#elementor-editor-wrapper .elementor-control.elementor-control-test_form_notice a,#elementor-editor-wrapper .elementor-control.elementor-control-add_form_notice a,.elementor-edit-area .elementor-control.elementor-control-test_form_notice a,.elementor-edit-area .elementor-control.elementor-control-add_form_notice a{color:inherit;font-weight:700;border-bottom:2px dotted var(--e-a-color-info);display:inline-block}#elementor-editor-wrapper .elementor-control.elementor-control-add_form_btn .elementor-button,.elementor-edit-area .elementor-control.elementor-control-add_form_btn .elementor-button{padding:7px 16px;background:#525962}#elementor-editor-wrapper .elementor-control.elementor-control-add_form_btn .elementor-button:hover,.elementor-edit-area .elementor-control.elementor-control-add_form_btn .elementor-button:hover{background:#2b2c31}#elementor-editor-wrapper .elementor-control.elementor-control-add_form_btn .elementor-button b,.elementor-edit-area .elementor-control.elementor-control-add_form_btn .elementor-button b{margin:0 10px 0 0;font-size:13px;font-weight:400;line-height:12px}#elementor-editor-wrapper .elementor-control.elementor-control-add_form_btn.elementor-label-inline>.elementor-control-content>.elementor-control-field>.elementor-control-input-wrapper,.elementor-edit-area .elementor-control.elementor-control-add_form_btn.elementor-label-inline>.elementor-control-content>.elementor-control-field>.elementor-control-input-wrapper{margin-right:auto}#elementor-editor-wrapper .wpforms-icon-choices li,.elementor-edit-area .wpforms-icon-choices li{cursor:pointer}#elementor-editor-wrapper .wpforms-icon-choices li label,.elementor-edit-area .wpforms-icon-choices li label{pointer-events:none}#elementor-editor-wrapper .wpforms-reset-style-settings,.elementor-edit-area .wpforms-reset-style-settings{display:flex}#elementor-editor-wrapper .wpforms-reset-style-settings button,.elementor-edit-area .wpforms-reset-style-settings button{background-color:#dc3232;border-radius:3px}#elementor-panel-page-editor .wpforms-elementor-disabled .elementor-control:not(.wpforms-elementor-lead-forms-notice){pointer-events:none;opacity:0.5}#elementor-panel-page-editor .wpforms-elementor-disabled .elementor-control:not(.wpforms-elementor-lead-forms-notice) ::selection{background:transparent}.wpforms-elementor-lead-forms-notice{display:none}.wpforms-elementor-lead-forms-notice .elementor-panel-alert{font-style:normal}.wpforms-elementor-lead-forms-notice strong{display:block;margin-bottom:5px}.elementor-edit-area .wpforms-form{pointer-events:none}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext.wpforms-field-small .wp-editor-area{height:calc(var(--wpforms-field-size-input-height) * 1.9) !important}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext.wpforms-field-medium .wp-editor-area{height:calc(var(--wpforms-field-size-input-height) * 2.79) !important}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext.wpforms-field-large .wp-editor-area{height:calc(var(--wpforms-field-size-input-height) * 5.12) !important}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .mce-tinymce.mce-container.mce-panel{display:none !important}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .wp-editor-tabs{padding-right:0}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .wp-editor-container{border:none}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .quicktags-toolbar{border-top-left-radius:var(--wpforms-field-border-radius);border-top-color:var(--wpforms-field-border-color);border-right-color:var(--wpforms-field-border-color);border-left-color:var(--wpforms-field-border-color)}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form div.wpforms-field-richtext .wp-editor-wrap .wp-editor-area{display:block !important;border-color:var(--wpforms-field-border-color);border-bottom-left-radius:var(--wpforms-field-border-radius);border-bottom-right-radius:var(--wpforms-field-border-radius)}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form button[type=submit]:disabled,.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form button[data-page]:disabled{cursor:default;opacity:1 !important;color:var(--wpforms-button-text-color);background-color:var(--wpforms-button-background-color)}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-one"]:after,.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-multiple"]:after{border-width:0;width:10px;height:10px}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input{opacity:1}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-multiple"] .choices__item{grid-template-columns:1fr !important}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .choices[data-type*="select-multiple"] .choices__item button{display:none !important}.elementor-edit-area .wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-payment-quantity .choices__item button{display:none !important}.elementor-panel .elementor-panel-alert.elementor-panel-alert-info.wpforms-elementor-no-forms-notice{background-color:#f0f7ff;border-color:#2362e9;color:#525962;font-size:12px;font-style:italic;font-weight:500;line-height:18px}.wpforms-divi-form-placeholder,.et-db #et-boc .et-l .wpforms-divi-form-placeholder{padding:25px 15px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}.wpforms-divi-form-placeholder img,.et-db #et-boc .et-l .wpforms-divi-form-placeholder img{width:220px;display:block}.wpforms-divi-empty-block,.et-db #et-boc .et-l .wpforms-divi-empty-block{padding:20px;text-align:center}.wpforms-divi-empty-block img,.et-db #et-boc .et-l .wpforms-divi-empty-block img{max-width:240px}.wpforms-divi-empty-block p,.et-db #et-boc .et-l .wpforms-divi-empty-block p{font-size:14px;line-height:18px;text-align:center;color:#495157 !important;max-width:450px;margin:20px auto 0;padding:0}.wpforms-divi-empty-block button,.et-db #et-boc .et-l .wpforms-divi-empty-block button{background:#525962;border:none;border-radius:3px;font-weight:600;font-size:12px;line-height:1.5;text-align:center;text-transform:uppercase;color:#ffffff;padding:7px 17px;margin:20px 0 0;text-decoration:none;cursor:pointer;transition:background .2s ease-in-out}.wpforms-divi-empty-block button:hover,.et-db #et-boc .et-l .wpforms-divi-empty-block button:hover{background:#2b2c31}.wpforms-divi-empty-block .wpforms-admin-no-forms-footer,.et-db #et-boc .et-l .wpforms-divi-empty-block .wpforms-admin-no-forms-footer{font-size:12px;line-height:1.5;color:#6d7882}.wpforms-divi-empty-block .wpforms-admin-no-forms-footer a,.et-db #et-boc .et-l .wpforms-divi-empty-block .wpforms-admin-no-forms-footer a{color:inherit;text-decoration:underline !important}.wpforms-divi-empty-block .wpforms-admin-no-forms-footer a:hover,.et-db #et-boc .et-l .wpforms-divi-empty-block .wpforms-admin-no-forms-footer a:hover{text-decoration:none !important}.wpforms-divi-form-preview.loading,.et-db #et-boc .et-l .wpforms-divi-form-preview.loading{opacity:.7}.wpforms-divi-form-preview .wpforms-field-repeater-display-rows-buttons,.et-db #et-boc .et-l .wpforms-divi-form-preview .wpforms-field-repeater-display-rows-buttons{display:flex !important;bottom:0}.wpforms-divi-form-preview select,.et-db #et-boc .et-l .wpforms-divi-form-preview select{opacity:1}.et-db #et-boc .et-l .et-fb-modules-list ul>li.wpforms_selector::before{content:'';background-image:url("../images/integrations/divi/wpforms-icon.svg");height:16px;font-variant:normal;background-position:center center;background-repeat:no-repeat}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap,.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap,.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap{align-items:center}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap.components-placeholder,.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap.components-placeholder,.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap.components-placeholder{filter:none;background:#f0f0f0;box-shadow:none;background-clip:content-box, padding-box;padding:15px}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img,.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap img,.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap img{filter:none;width:initial;margin-bottom:25px;max-width:200px}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control,.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap .components-base-control,.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap .components-base-control{width:100%;padding:0 15px}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-placeholder__fieldset,.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap .components-placeholder__fieldset,.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap .components-placeholder__fieldset{justify-content:center;align-self:center;max-width:400px;flex-direction:row !important;margin:25px 0 17px}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-select-control__input,.edit-widgets-block-editor .wpforms-gutenberg-form-selector-wrap .components-select-control__input,.editor-styles-wrapper .wpforms-gutenberg-form-selector-wrap .components-select-control__input{padding:0 10px;height:auto}.edit-post-visual-editor [data-type="wpforms/form-selector"] .components-placeholder:not(.wpforms-gutenberg-form-selector-wrap),.edit-widgets-block-editor [data-type="wpforms/form-selector"] .components-placeholder:not(.wpforms-gutenberg-form-selector-wrap),.editor-styles-wrapper [data-type="wpforms/form-selector"] .components-placeholder:not(.wpforms-gutenberg-form-selector-wrap){opacity:0}.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form :disabled,.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form :disabled,.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form :disabled{pointer-events:none;cursor:default;opacity:1 !important}.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input,.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input,.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input{background-color:unset}.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item,.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item,.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item{grid-template-columns:1fr !important}.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item button,.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item button,.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form .choices[data-type*="select-multiple"] .choices__item button{display:none !important}.edit-post-visual-editor .wpforms-gutenberg-form-selector .wpforms-form .wpforms-payment-quantity .choices__item button,.edit-widgets-block-editor .wpforms-gutenberg-form-selector .wpforms-form .wpforms-payment-quantity .choices__item button,.editor-styles-wrapper .wpforms-gutenberg-form-selector .wpforms-form .wpforms-payment-quantity .choices__item button{display:none !important}.edit-post-visual-editor .wpforms-no-form-preview,.edit-widgets-block-editor .wpforms-no-form-preview,.editor-styles-wrapper .wpforms-no-form-preview{text-align:center;background:#f0f0f0;padding:15px;background-clip:content-box, padding-box}.edit-post-visual-editor .wpforms-no-form-preview img,.edit-widgets-block-editor .wpforms-no-form-preview img,.editor-styles-wrapper .wpforms-no-form-preview img{width:60%;margin:20px 0 -10px;max-width:240px}.edit-post-visual-editor .wpforms-no-form-preview p,.edit-widgets-block-editor .wpforms-no-form-preview p,.editor-styles-wrapper .wpforms-no-form-preview p{font-size:14px;color:#000000;width:77%;text-align:center;margin:20px auto}.edit-post-visual-editor .wpforms-no-form-preview p.empty-desc,.edit-widgets-block-editor .wpforms-no-form-preview p.empty-desc,.editor-styles-wrapper .wpforms-no-form-preview p.empty-desc{font-size:12px}.edit-post-visual-editor .wpforms-no-form-preview p a,.edit-widgets-block-editor .wpforms-no-form-preview p a,.editor-styles-wrapper .wpforms-no-form-preview p a{color:#000000;text-decoration:underline;position:relative}.edit-post-visual-editor .wpforms-no-form-preview p a:hover,.edit-widgets-block-editor .wpforms-no-form-preview p a:hover,.editor-styles-wrapper .wpforms-no-form-preview p a:hover{text-decoration:none}.edit-post-sidebar .wpforms-gutenberg-panel-notice,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice{background-color:#f0f6fc;border-left:solid 4px #017cba;color:#1e1e1e;padding:12px 12px 12px 16px;margin-bottom:0}.edit-post-sidebar .wpforms-gutenberg-panel-notice strong,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice strong{display:block}.edit-post-sidebar .wpforms-gutenberg-panel-notice a,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice a{display:block}.edit-post-sidebar .wpforms-gutenberg-panel-notice.wpforms-warning,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice.wpforms-warning{background-color:#fef8ee;border-left-color:#efb84a;margin-bottom:12px}.edit-post-sidebar .wpforms-gutenberg-panel-notice.wpforms-use-modern-notice,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel-notice.wpforms-use-modern-notice{margin-bottom:12px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-actions,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-actions{margin-top:-14px;margin-bottom:24px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-actions a,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-actions a{text-decoration:none}.edit-post-sidebar .wpforms-gutenberg-panel label.components-input-control__label,.edit-post-sidebar .wpforms-gutenberg-panel label.components-base-control__label,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel label.components-input-control__label,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel label.components-base-control__label{color:#1e1e1e;font-size:13px;text-transform:none;font-weight:normal}.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel{margin-top:8px;margin-bottom:0;padding:0;border-top:0}.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled{background-color:#f0f0f0;pointer-events:none}.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *,.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *:hover,.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *:focus,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *:hover,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-color-panel-disabled *:focus{background-color:#f0f0f0;color:rgba(0,0,0,0.2) !important;cursor:auto}.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled>:nth-child(2),.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled>:nth-child(2){background-color:#f0f0f0;pointer-events:none}.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled>:nth-child(2) *,.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled>:nth-child(2) *:hover,.edit-post-sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled>:nth-child(2) *:focus,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled>:nth-child(2) *,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled>:nth-child(2) *:hover,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel div.wpforms-gutenberg-form-selector-color-panel.wpforms-gutenberg-form-selector-border-color-disabled>:nth-child(2) *:focus{background-color:#f0f0f0;color:rgba(0,0,0,0.2) !important;cursor:auto}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview{width:100%;height:100px;background-color:#ffffffff;background-repeat:no-repeat;background-position:top center;background-size:100% 100%}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-themes,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-themes{background-image:url("../images/gutenberg/panel-themes.png");height:390px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-field,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-field{background-image:url("../images/gutenberg/panel-field.png");height:310px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-label,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-label{background-image:url("../images/gutenberg/panel-label.png");height:220px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-button,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-button{background-image:url("../images/gutenberg/panel-button.png");height:340px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-container,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-container{background-image:url("../images/gutenberg/panel-container.png");height:290px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-background,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-panel-preview-background{background-image:url("../images/gutenberg/panel-background.png");height:140px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-image-url,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-image-url{display:none}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-flex,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-flex{margin-bottom:16px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview-image,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview-image{width:100%;height:116px;border-radius:4px;border:1px solid #c2c1c1;background-image:var(--wpforms-background-url);background-size:cover;background-position:center;margin-bottom:16px;cursor:pointer}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview-image:focus,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview-image:focus{border-color:var(--wp-admin-theme-color, #3858e9);box-shadow:0 0 0 1px var(--wp-admin-theme-color, #3858e9)}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview button.is-destructive,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-background-preview button.is-destructive{width:100%;display:block}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend{margin-top:-16px;margin-bottom:24px;color:#757575;line-height:1.5}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend a,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend a{color:inherit}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend.wpforms-button-color-notice,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-legend.wpforms-button-color-notice{margin-top:8px;margin-bottom:0}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-colors-help,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-colors-help{margin-top:8px;margin-bottom:16px;color:#757575;line-height:1.5}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-media-library-button,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-media-library-button{width:100%;display:block}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group{width:100%;max-height:234px;overflow-y:auto;border:1px solid #dddddd;border-radius:2px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button{display:flex;width:100%;margin:0;padding:12px;height:42px;gap:12px;border-top:none;border-right:none;border-bottom:1px solid #dddddd;border-left:none;box-shadow:inset 0 0 0 8px #ffffff}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:last-child,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:last-child{border-bottom:none}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:hover,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:hover{box-shadow:inset 0 0 0 8px #ffffff}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:hover div,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button:hover div{color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .wpforms-gutenberg-form-selector-themes-indicators,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .wpforms-gutenberg-form-selector-themes-indicators{min-width:80px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator{min-width:20px;height:20px;width:20px;margin-inline-end:-5px;position:relative}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="0"],.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="0"]{z-index:5}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="1"],.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="1"]{z-index:4}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="2"],.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="2"]{z-index:3}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="3"],.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="3"]{z-index:2}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="4"],.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator[data-index="4"]{z-index:1}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator:last-child,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button .component-color-indicator:last-child{margin-inline-end:0}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button.is-primary,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-radio-group button.is-primary{box-shadow:inset 0 0 0 3px #ffffff;background-color:#eeeeee}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-theme-name,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-theme-name{margin-top:24px;margin-bottom:8px}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-delete,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-delete{color:#D63638;text-decoration:underline;line-height:18px;padding:0;box-shadow:none;height:auto}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-delete:hover,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-themes-delete:hover{box-shadow:none}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-custom-css textarea,.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-copy-paste-settings textarea,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-custom-css textarea,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-gutenberg-form-selector-copy-paste-settings textarea{font-family:monospace}.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar{background:transparent;width:5px;height:5px}.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-track,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-track{background:transparent}.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-thumb,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.1);background:transparent;border-radius:5px;border:solid -1px transparent}.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-resizer,.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-button,.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-corner,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-resizer,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-button,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group::-webkit-scrollbar-corner{display:none}@-moz-document url-prefix(){.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group{scrollbar-color:rgba(0,0,0,0.1) transparent;scrollbar-gutter:initial !important;scrollbar-width:thin}}.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar{background:transparent;width:5px;height:5px}.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-track,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-track{background:transparent}.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-thumb,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.4);background:transparent;border-radius:5px;border:solid -1px transparent}.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-resizer,.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-button,.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-corner,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-resizer,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-button,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover::-webkit-scrollbar-corner{display:none}@-moz-document url-prefix(){.edit-post-sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.wpforms-is-mac) .wpforms-gutenberg-form-selector-themes-radio-group:hover{scrollbar-color:rgba(0,0,0,0.4) transparent;scrollbar-gutter:initial !important;scrollbar-width:thin}}.edit-post-sidebar .wpforms-gutenberg-panel .block-editor-tools-panel-color-gradient-settings__item.first,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .block-editor-tools-panel-color-gradient-settings__item.first{margin-top:0}.edit-post-sidebar .wpforms-gutenberg-panel.disabled_panel>:not(.wpforms-gutenberg-panel-notice):not(h2),.edit-post-sidebar .wpforms-gutenberg-panel.wpforms-lead-forms-enabled>:not(.wpforms-gutenberg-panel-notice):not(h2),.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel.disabled_panel>:not(.wpforms-gutenberg-panel-notice):not(h2),.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel.wpforms-lead-forms-enabled>:not(.wpforms-gutenberg-panel-notice):not(h2){opacity:0.5;pointer-events:none}.edit-post-sidebar .wpforms-gutenberg-panel.disabled_panel>:not(.wpforms-gutenberg-panel-notice):not(h2) ::selection,.edit-post-sidebar .wpforms-gutenberg-panel.wpforms-lead-forms-enabled>:not(.wpforms-gutenberg-panel-notice):not(h2) ::selection,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel.disabled_panel>:not(.wpforms-gutenberg-panel-notice):not(h2) ::selection,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel.wpforms-lead-forms-enabled>:not(.wpforms-gutenberg-panel-notice):not(h2) ::selection{background-color:transparent}.edit-post-sidebar .wpforms-gutenberg-panel:not(.disabled_panel):not(.wpforms-gutenberg-panel-form-settings) .wpforms-gutenberg-panel-notice,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel:not(.disabled_panel):not(.wpforms-gutenberg-panel-form-settings) .wpforms-gutenberg-panel-notice{display:none}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-icon-choices li,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-icon-choices li{cursor:pointer}.edit-post-sidebar .wpforms-gutenberg-panel .wpforms-icon-choices li label,.interface-interface-skeleton__sidebar .wpforms-gutenberg-panel .wpforms-icon-choices li label{pointer-events:none}.edit-post-sidebar .wpforms-icon-choices li,.interface-interface-skeleton__sidebar .wpforms-icon-choices li{cursor:pointer}.edit-post-sidebar .wpforms-icon-choices li label,.interface-interface-skeleton__sidebar .wpforms-icon-choices li label{pointer-events:none}.components-modal__screen-overlay .wpforms-gutenberg-modal{max-width:450px}#wpforms-gutenberg-popup{position:fixed;width:100vw;height:100vh;padding:30px;z-index:10000;background:rgba(0,0,0,0.75);left:0;top:0;display:none;box-sizing:border-box}#wpforms-gutenberg-popup iframe{width:100%;height:100%;background-color:#ffffff;border:0px}.wpforms-loading-spinner{background-image:url("../images/spinner.svg");background-repeat:no-repeat;background-size:15px 15px;background-position:center;display:block;height:15px;margin:0 10px 0 0;vertical-align:-2px;width:15px;-webkit-animation:wpforms-spinner-rotation 0.8s linear infinite;-moz-animation:wpforms-spinner-rotation 0.8s linear infinite;-ms-animation:wpforms-spinner-rotation 0.8s linear infinite;-o-animation:wpforms-spinner-rotation 0.8s linear infinite;animation:wpforms-spinner-rotation 0.8s linear infinite}.wpforms-loading-spinner.wpforms-loading-white{background-image:url("../images/spinner-white.svg")}.wpforms-loading-spinner.wpforms-loading-blue{background-image:url("../images/spinner-blue.svg");background-size:14px 15px}.wpforms-loading-spinner.wpforms-loading-md{background-size:24px 24px;height:24px;width:24px}.wpforms-loading-spinner.wpforms-loading-inline{display:inline-block;margin:auto}@keyframes wpforms-spinner-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.wpforms-gutenberg-form-selector-themes-radio{flex-grow:1;text-align:left;color:#1e1e1e;overflow:hidden}.wpforms-gutenberg-form-selector-themes-radio-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpforms-gutenberg-form-selector-themes-radio-disabled{position:relative;padding-right:40px}.wpforms-gutenberg-form-selector-themes-radio-disabled::after{content:'pro';position:absolute;text-transform:uppercase;background-color:#ededed;padding:6px 8px;border-radius:3px;font-size:8px;line-height:10px;font-weight:700;color:#999999;right:0;top:-3px}.wpforms-gutenberg-panel-disabled h2 button::after{content:'pro';position:absolute;text-transform:uppercase;background-color:#ededed;padding:6px 8px;border-radius:3px;font-size:8px;line-height:10px;font-weight:700;color:#999999;right:48px;top:unset}.wpforms-gutenberg-panel-disabled h2 button:hover::after{background-color:#fff}.wpforms-gutenberg-panel-disabled>.wpforms-gutenberg-form-selector-panel-body>div{pointer-events:none}.wpforms-gutenberg-panel-disabled>div{opacity:0.5}.wpforms-gutenberg-panel-disabled>div *,.wpforms-gutenberg-panel-disabled>div *:hover,.wpforms-gutenberg-panel-disabled>div *:focus{cursor:auto}.wpforms-gutenberg-panel-restricted{display:none}.jconfirm-modern .jconfirm-box-container .wpforms-exclamation-circle{display:block;width:48px;height:48px;mask-image:url("../images/exclamation-circle.svg");mask-size:48px 48px;margin:0 auto}.jconfirm-modern .jconfirm-box-container .jconfirm-type-orange .wpforms-exclamation-circle{background-color:#e27730}.jconfirm-modern .jconfirm-box-container .jconfirm-type-red .wpforms-exclamation-circle{background-color:#d63638}.jconfirm-modern .jconfirm-box-container button[disabled]{opacity:.75 !important}.jconfirm-modern .jconfirm-box-container .wpforms-theme-delete-text{margin:0 auto 10px auto !important}div.wpforms-container .wpforms-form .choices{position:relative;margin-bottom:24px}div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder{color:#999999}div.wpforms-container .wpforms-form .choices ::-moz-placeholder{color:#999999;opacity:1}div.wpforms-container .wpforms-form .choices ::placeholder{color:#999999}div.wpforms-container .wpforms-form .choices:focus{outline:none}div.wpforms-container .wpforms-form .choices:last-child{margin-bottom:0}div.wpforms-container .wpforms-form .choices.is-disabled .choices__inner,div.wpforms-container .wpforms-form .choices.is-disabled .choices__input{background-color:#bbbbbb;cursor:not-allowed;user-select:none}div.wpforms-container .wpforms-form .choices [hidden]{display:none !important}div.wpforms-container .wpforms-form .choices *{box-sizing:border-box}div.wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:4px 4px 0 0}div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner{border-radius:0 0 4px 4px}div.wpforms-container .wpforms-form .choices[data-type*="select-one"]{cursor:pointer}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__inner{display:flex;flex-wrap:wrap;align-items:center;padding-top:0 !important}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input{display:block;width:calc(100% - 20px) !important;margin:10px !important;padding:7px 12px !important;box-sizing:border-box !important;border:1px solid #8c8f94 !important;border-radius:4px !important;background-color:#fff}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus{border:1px solid #056aab !important;box-shadow:0 0 0 1px #056aab !important;outline:none !important}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button{background-image:url("../images/cross-inverse.svg");padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:hover,div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus{opacity:1}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus{box-shadow:0 0 0 2px #036aab}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button{display:none}div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"]:after{left:11.5px;right:auto}div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner{padding-right:24px}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input{padding:0 4px !important;max-width:100%;background-color:transparent;line-height:22px}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-1.5px;pointer-events:none}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner,div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__inner{cursor:text}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button{position:absolute;display:inline-block;vertical-align:baseline;margin-top:0;margin-bottom:0;margin-inline-start:5px;padding:0;background-color:transparent;background-image:url("../images/cross.svg");background-size:12px;background-position:center center;background-repeat:no-repeat;width:12px;height:12px;line-height:1;opacity:.75;border-radius:0;inset-inline-end:4px}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:hover,div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:focus,div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:hover,div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:focus{opacity:1}div.wpforms-container .wpforms-form .choices__inner{width:100%;background-color:#ffffff;padding:4px 6px 0;border:1px solid #8c8f94;overflow:hidden;border-radius:4px}div.wpforms-container .wpforms-form .choices__list{margin:0;padding-left:0;list-style:none}div.wpforms-container .wpforms-form .choices__list--single{display:inline-block;vertical-align:baseline;width:100%;padding:0 16px 0 4px;font-size:0.875em}div.wpforms-container .wpforms-form .choices__list--single .choices__item{width:100%;overflow:hidden;text-overflow:ellipsis;padding-right:20px;white-space:nowrap;color:#2c3338}div.wpforms-container .wpforms-form .choices__list--single .choices__item[data-value='']{padding-right:0}div.wpforms-container .wpforms-form .choices__list--multiple{display:inline;height:auto;overflow:auto}div.wpforms-container .wpforms-form .choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;position:relative;align-items:center;border-radius:2px;padding-block:4px;padding-inline:7px 20px;font-size:.75em;line-height:1;font-weight:400;margin:0 6px 4px 0;background-color:#036aab;border:1px solid #036aab;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 10px)}div.wpforms-container .wpforms-form .choices__list--multiple .choices__item.is-highlighted{background-color:#036aab}div.wpforms-container .wpforms-form .is-disabled .choices__list--multiple .choices__item{background-color:#bbbbbb;border:1px solid #bbbbbb}div.wpforms-container .wpforms-form .choices__list--dropdown{display:none;z-index:101;position:absolute;width:100%;background-color:#ffffff;border:1px solid #8c8f94;top:100%;margin-top:-1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;overflow-wrap:break-word}div.wpforms-container .wpforms-form .choices__list--dropdown.is-active{display:block}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{position:relative;vertical-align:top;padding:10px;font-size:.875em}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f6f6f6}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__placeholder{display:none}div.wpforms-container .wpforms-form .is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:4px 4px 0 0}div.wpforms-container .wpforms-form .choices__item{cursor:default}div.wpforms-container .wpforms-form .choices__item--selectable{cursor:pointer}div.wpforms-container .wpforms-form .choices__item--disabled{cursor:not-allowed;user-select:none;opacity:.5}div.wpforms-container .wpforms-form .choices__heading{font-weight:600;font-size:.75em;text-transform:uppercase;padding:10px;border-top:1px solid #b4b6b9;border-bottom:1px solid #b4b6b9;color:#a6a6a6}.choices__group[data-value="hidden"]>div.wpforms-container .wpforms-form .choices__heading{display:none}div.wpforms-container .wpforms-form .choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}div.wpforms-container .wpforms-form .choices__button:focus{outline:none}div.wpforms-container .wpforms-form .choices__input{display:inline-block;background-color:transparent;margin:0 0 2px 0 !important;border:0 !important;border-radius:0 !important;min-height:20px !important;padding:2px 4px !important;height:auto !important;min-width:1ch;width:1ch;vertical-align:middle}div.wpforms-container .wpforms-form .choices__input::-webkit-search-cancel-button{display:none}div.wpforms-container .wpforms-form .choices__input--hidden{clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;min-width:auto !important;word-wrap:normal !important}div.wpforms-container .wpforms-form .choices .choices__inner input.choices__input:focus{outline:none !important;box-shadow:none !important;border:none !important}div.wpforms-container .wpforms-form .choices__placeholder{opacity:.5}div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner{border-radius:4px 4px 0 0}div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown{border-radius:inherit}div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after{border:none;background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center;background-size:16px 16px;cursor:pointer;width:16px;height:16px;top:13px;right:8px;margin-top:0}div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after{transform:rotate(180deg)}div.wpforms-container .wpforms-form .choices__list--dropdown{min-width:250px}div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="select-multiple"] .choices__button,div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="text"] .choices__button{border-left:1px solid rgba(0,0,0,0.25);cursor:not-allowed}div.wpforms-container .wpforms-form .choices ::placeholder,div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder{opacity:1}div.wpforms-container .wpforms-form .choices{margin-bottom:0}body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner{padding-right:4px;padding-left:24px}body.rtl div.wpforms-container .wpforms-form .choices__list--single{padding-right:4px;padding-left:16px}body.rtl div.wpforms-container .wpforms-form .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{text-align:right}body.rtl div.wpforms-container .wpforms-form .choices__input{padding-right:2px !important;padding-left:0 !important}body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,body.rtl div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button{margin-inline-end:0;border-left:none}@media (min-width: 640px){body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable:after{right:auto;left: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; +} diff --git a/assets/css/admin-list-table-ext.css b/assets/css/admin-list-table-ext.css new file mode 100644 index 00000000..113ef44e --- /dev/null +++ b/assets/css/admin-list-table-ext.css @@ -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; +} diff --git a/assets/css/admin-list-table-ext.min.css b/assets/css/admin-list-table-ext.min.css new file mode 100644 index 00000000..77cc8fae --- /dev/null +++ b/assets/css/admin-list-table-ext.min.css @@ -0,0 +1,86 @@ +.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; +} diff --git a/assets/css/admin-notifications.css b/assets/css/admin-notifications.css new file mode 100644 index 00000000..81d1fbed --- /dev/null +++ b/assets/css/admin-notifications.css @@ -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; +} diff --git a/assets/css/admin-notifications.min.css b/assets/css/admin-notifications.min.css new file mode 100644 index 00000000..5cad009e --- /dev/null +++ b/assets/css/admin-notifications.min.css @@ -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; +} diff --git a/assets/css/admin-rtl.css b/assets/css/admin-rtl.css new file mode 100644 index 00000000..555c0c69 --- /dev/null +++ b/assets/css/admin-rtl.css @@ -0,0 +1,3221 @@ +@font-face { + font-family: "icomoon"; + src: url( "../fonts/astra-sites.eot?9i8jex" ); + src: url( "../fonts/astra-sites.eot?9i8jex#iefix" ) format( "embedded-opentype" ), url( "../fonts/astra-sites.ttf?9i8jex" ) format( "truetype" ), url( "../fonts/astra-sites.woff?9i8jex" ) format( "woff" ), url( "../fonts/astra-sites.svg?9i8jex#icomoon" ) format( "svg" ); + font-weight: normal; + font-style: normal; +} + +[class^="ast-icon-"], +[class*=" ast-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: "icomoon" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ast-icon-search:before { + content: "\e900"; +} +.ast-icon-heart:before { + content: "\e901"; +} +.ast-icon-refresh:before { + content: "\e902"; +} +.ast-icon-chevron-left:before { + content: "\e904"; +} +.ast-icon-file:before { + content: "\e903"; +} +.ast-icon-layers:before { + content: "\e905"; +} + +.favorite-filters-wrap a { + font-size: 1rem; +} + +.wrap .status, +.wrap .site-type { + position: absolute; + z-index: 1; + text-transform: uppercase; + color: #fff; + top: 15px; + left: 16px; + font-size: 10px; + letter-spacing: 0.7px; + font-weight: 500; + padding: 0.2em 0.7em; + border-radius: 4px; +} + +.astra-sites-autocomplete-result { + position: absolute; + top: 46px !important; + right: 0; + left: 0; + bottom: 0; +} + +.astra-sites-autocomplete-result .ui-autocomplete { + text-align: right; + right: 0 !important; + left: 0 !important; + width: calc( 100% - 2px ) !important; + z-index: 999999; + top: 0 !important; +} + +.ast-white-label-flag { + opacity: 0; + visibility: hidden; +} + +.single-site-footer .dashicons-editor-help { + cursor: pointer; + display: inline-block; +} + +.preview-page-from-search-result .astra-sites-import-plugins .dashicons, +.astra-sites-page-import-popup .astra-sites-import-plugins .dashicons { + display: none; +} +.ast-sites-ps-msg { + bottom: 10px; + position: absolute; + color: #777; + margin-left: 1em; +} +#astra-sites__category-filter { + display: inline-block; +} +#astra-sites__category-filter .astra-sites__category-filter-anchor { + height: 44px; + position: relative; + cursor: pointer; + display: flex; + padding: 0 12px 0 12px; + border: 0; + width: 135px; + justify-content: space-between; + align-items: center; + font-weight: 500; + border-radius: 0 6px 6px 0; +} +#astra-sites__category-filter .astra-sites__category-filter-anchor:after { + position: absolute; + content: ""; + border-right: 2px solid #555; + border-top: 2px solid #555; + padding: 3px; + left: 14px; + top: 38%; + -moz-transform: rotate( 135deg ); + -ms-transform: rotate( 135deg ); + -o-transform: rotate( 135deg ); + -webkit-transform: rotate( 135deg ); + transform: rotate( 135deg ); +} +#astra-sites__category-filter .ast-sites__filter-wrap-checkbox.first-wrap { + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #eee; +} +#astra-sites__category-filter ul.astra-sites__category-filter-items { + display: none; + margin: 0; + position: absolute; + width: 98px; + top: 40px; + box-sizing: content-box; + border: 1px solid #e4e4e4; + margin-top: 10px; + min-width: 135px; + background-color: #fff; + border-radius: 6px; + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.1 ); + padding: 15px; + -webkit-transform-origin: 50% 0; + transform-origin: 50% 0; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; +} +#astra-sites__category-filter li.ast-sites__filter-wrap.category-active:before { + content: "✓"; + color: #1e8cbe; + position: absolute; + right: -15px; + font-size: 15px; +} + +.astra-sites__category-filter-items label { + vertical-align: top; +} +#astra-sites__category-filter ul.astra-sites__category-filter-items li { + list-style: none; + margin-bottom: 8px; + margin-right: 14px; + cursor: pointer; + position: relative; + font-weight: 500; +} +#astra-sites__category-filter ul.astra-sites__category-filter-items li.ast-sites__filter-wrap-checkbox { + margin-right: 0; +} +#astra-sites .astra-theme:hover .inner { + transform: translate( 0, -1px ); + box-shadow: 0 6px 14px 0 rgba( 0, 0, 0, 0.12 ); +} +#astra-sites .astra-theme .inner { + position: relative; + border-radius: 2px; + overflow: initial; + border: 1px solid #ddd; + transition: all 0.4s; +} +#single-pages .inner { + border: 1px solid #e2e2e2; + transition: all 250ms cubic-bezier( 0.02, 0.01, 0.47, 1 ); +} +#single-pages .current_page .inner, +#single-pages .inner:hover { + box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.14 ); +} +#astra-sites-admin.wrap .status, +#astra-sites-admin.wrap .site-type.premium { + background: #0073aa; + border: 2px solid #ffffff; + top: 17px; + left: 18px; +} +#astra-sites-admin .filter-links .current { + border-bottom: none; + color: #23282d; +} +#wp-filter-search-input { + font-weight: 400; + width: 100%; + opacity: 1; + height: 46px; + background: #fff; + line-height: 32px; + border-radius: 6px 0 0 6px; + font-size: 13px; + padding: 5px 20px; + border: 1px solid #dddddd; + border-right: 1px solid #dddddd; + box-shadow: none; +} + +#astra-sites-filters .ui-widget.ui-widget-content { + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border: 1px solid rgba( 32, 33, 36, 0.18 ); + border-top: none; + overflow: hidden; + box-shadow: 0 3px 4px 0 rgba( 32, 33, 36, 0.18 ); + background: transparent; + padding-top: 10px; + padding-bottom: 10px; + background: #fff; +} + +#astra-sites-filters .ui-autocomplete li, +#astra-sites-filters .ui-autocomplete li:focus, +#astra-sites-filters .ui-autocomplete li:hover { + outline: none; +} +#astra-sites-filters .ui-autocomplete li { + padding: 3px 20px; + text-transform: capitalize; +} +#astra-sites-filters .ui-autocomplete li:hover { + background-color: #eeeeee; +} +.appearance_page_starter-templates .wp-filter .search-form.searching #astra-sites__category-filter { + border-bottom-right-radius: 0; +} +.searching #wp-filter-search-input { + border-bottom-left-radius: 0; +} + +#wp-filter-search-input.has-input + .search-icon { + display: none; +} +.appearance_page_starter-templates .search-icon { + position: absolute; + top: 0; + left: 0; + color: #c3c3c3; + padding: 15px 12px 12px 19px; +} +.appearance_page_starter-templates .search-icon:before { + vertical-align: middle; +} +#astra-sites-admin .filter-links li > a { + border-bottom: none; + font-size: 12px; + padding: 2px 0; + text-transform: uppercase; + letter-spacing: 0.3px; + font-weight: 500; +} +#astra-sites-admin .filter-links li > a:focus { + box-shadow: none; +} +#astra-sites-admin .theme-actions { + box-shadow: none; + right: 0; + border-right: none; + background: #fafafa; + padding: 0; + margin-left: 20%; +} +.searching .pages-count, +.searching .page-title { + display: block; +} +.searching .no-pages .theme-name { + min-height: 36px; +} +#astra-sites-admin .theme-browser .theme .theme-name { + height: auto; + width: 90%; + align-self: center; + box-shadow: none; + background: none; + padding: 14px 15px; + font-size: 14px; + font-weight: 600; + display: flex; + align-items: center; + justify-content: space-between; +} +#astra-sites-admin .theme-id-container { + background: #fff; + border: none; + display: flex; + align-items: center; + justify-content: center; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-top: 1px solid #eeeeee; +} +#astra-sites-admin .sites-page-count { + color: #888; + font-size: 12px; + display: block; + margin-top: 5px; +} +#astra-sites-admin .theme-action-wrap { + width: 100%; + padding: 8px 15px; +} +.filters-wrap-page-categories { + margin-left: 10px; +} +#astra-sites-admin .favorite-filters-wrap .filter-links a { + border: none; +} +.favorite-filters-wrap .current .dashicons { + color: #c34444; +} +.favorite-filters-wrap .dashicons { + color: #71777c; + font-size: 18px; + line-height: 18px; + width: 17px; + height: 17px; +} +.theme-browser .theme:hover, +.theme-browser .theme:focus { + cursor: initial; +} +.theme-browser .theme .inner:hover, +.theme-browser .theme .inner:focus { + cursor: pointer; +} + +.searching .theme-browser .theme .inner:hover .type { + opacity: 1; + visibility: visible; +} + +.astra-sites-sync-library-button.updating-message { + animation: rotation 2s infinite linear; +} + +.astra-sites-sync-library, +.favorite-filters-title { + width: 10%; + padding: 15px 5px; + align-self: center; + justify-content: center; + text-align: center; + margin-right: 5px; +} +.astra-sites-sync-library a, +.favorite-filters-title a { + color: #666; + cursor: pointer; +} + +.favorite-action-wrap { + padding-left: 15px; + padding-right: 10px; +} + +.favorite-action-wrap i { + color: #666666; + height: 18px; + width: 18px; + font-size: 16px; + line-height: 1.5; + transition-property: border, background, color; + transition-duration: 0.05s; + transition-timing-function: ease-in-out; +} +.theme-id-container .ast-icon-star { + padding: 0 0 0 15px; +} +.wrap .status { + right: -0.5em; +} +.wrap .status.publish, +.wrap .site-type.free { + display: none; +} + +.astra-sites-activate-license .astra-sites-import-content, +.astra-sites-get-agency-bundle .astra-sites-import-content { + height: auto; +} +.astra-sites-import-content { + display: block; + padding: 10px 35px 20px 35px; + background: #f1f3f5; + height: 200px; + overflow: auto; + position: relative; +} + +.astra-sites-activate-license .astra-sites-import-content { + padding: 20px 35px 30px 35px; +} + +#astra-sites-skip-and-import-notice-update-available ul { + list-style-type: disc; + margin-right: 15px; +} + +.astra-sites-import-content .install-theme-info { + display: block; + padding: 0; +} + +.install-theme-info .site-type { + display: none; +} + +.theme { + position: relative; +} +.wrap .astra-sites-preview .site-type.premium { + display: block; + display: none; + position: relative; + margin: 0.5em 0em 1em 0em; + top: 0; + right: 0; + text-align: center; +} + +.theme-details-read-more.open { + margin: 0.5em 0 0 0; +} + +.astra-sites-preview .theme-screenshot { + width: 100%; +} + +.install-theme-info .site-type.premium { + display: none; +} + +/** + * Required Plugins + */ +.required-plugins.loading { + text-align: center; +} +.required-plugins button { + float: left; +} +.required-plugins .plugin-card { + float: none; + width: 100%; + border: none; + margin: 0 0 0.8em 0; + display: flex; + justify-content: space-between; + align-items: center; + transition: background ease 0.8s; +} +.required-plugins .plugin-card.plugin-card-update-failed { + flex-wrap: wrap; +} +.required-plugins .spinner { + float: none; + margin: 0; +} + +.expanded .wp-full-overlay-footer { + height: 111px; +} + +.wp-full-overlay-footer .view-site, +.wp-full-overlay-footer .go-pro, +.wp-full-overlay-footer .astra-demo-import { + width: 100%; + text-align: center; +} + +.wp-core-ui .wp-full-overlay-footer .button.button-hero, +.wp-core-ui .wp-full-overlay-footer .button-group.button-hero .button { + padding: 0 10px 1px; +} + +.wp-full-overlay-footer .installing:before { + vertical-align: text-bottom; +} + +.astra-sites-advanced-options-wrap h4 { + margin: 1em 0 0.5em 0; + padding: 0.5em 0; + transition: all ease 0.3s; +} + +/** + * Read more link + */ +.wp-core-ui .theme-details-read-more:focus, +.wp-core-ui .theme-details-read-more:hover { + outline: none; + box-shadow: none; +} +.wp-core-ui .theme-details-read-more { + margin: 10px 0; + display: none; + text-decoration: none; +} + +/** + * Go pro. + */ +.wp-core-ui .go-pro.button[disabled] { + background-color: #fcb92c !important; + color: white !important; + box-shadow: -1px 0 #eab23a !important; + text-shadow: -1px 0 #6b4e13 !important; + border-color: #e2a932 !important; + cursor: pointer; +} +.wp-core-ui .view-site .dashicons, +.wp-core-ui .go-pro .dashicons { + font-size: 1rem; + vertical-align: middle; +} + +/** + * Errors + */ +.plugin-card-update-failed .notice { + margin-top: 1.5em; +} + +.no-themes { + margin-top: 40px; +} + +.no-themes p { + font-size: 15px; +} + +.no-themes .left-margin { + margin-right: 30px; +} + +/** + * + */ +.astra-sites-preview .wp-full-overlay-sidebar-content { + bottom: 100px; +} + +.footer-import-button-wrap { + padding: 10px 20px; +} + +.footer-import-button-wrap .button { + margin: 0; +} + +.astra-sites-preview.expanded .wp-full-overlay-footer { + right: initial; +} + +/** + * Menu Page + */ +.astra-sites-title { + float: right; + font-size: 20px; + font-weight: 400; + margin: 0; + padding: 0; + color: #444; +} + +#astra-sites-admin #single-pages .site-single .theme-name { + font-weight: 500; + font-size: 13px; + padding: 8px 14px; + background: #fff; +} + +.astra-sites-logo-wrap { + width: 42px; + height: 42px; +} + +.astra-sites-logo-wrap a, +.astra-sites-logo-wrap img { + width: inherit; + height: inherit; + display: inline-block; +} + +/** + * API Error + */ +.astra-api-error { + margin: 0 0 0.5em 0; +} + +/** + * Grid + */ +.appearance_page_starter-templates .wp-filter .search-form { + margin-right: 1em; + position: relative; + display: flex; + border-bottom: 1px solid #ccc; +} +.appearance_page_starter-templates .wp-filter .search-form #astra-sites__category-filter { + border: 1px solid #dddddd; + border-left: 0; + border-radius: 0 6px 6px 0; +} +.appearance_page_starter-templates .wp-filter .search-form input[type="search"] { + width: 20px; + font-size: 13px; + padding: 5px 10px; + opacity: 0; + -webkit-transition: width ease 0.3s; + -moz-transition: width ease 0.3s; + transition: width ease 0.3s; +} +.filter-count { + min-width: 3em; + margin-left: 14px; +} +.astra-site-preview-on { + overflow: hidden; +} + +.filters-wrap { + display: inline-block; +} +.spinner-wrap { + text-align: center; +} +.spinner-wrap .spinner { + float: none; +} +.hide-me { + display: none !important; +} +#site-pages { + z-index: 10; +} + +.install-theme-info > .notice { + margin: 5px 0 10px 0; +} + +.astra-sites-suggestions:before { + border: 5px dashed #ccc; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0px; +} + +.astra-sites-suggestions { + min-height: 390px; + border: none !important; +} + +.astra-sites-suggestions a { + border: none; + outline: none; +} + +.astra-sites-suggestions .inner { + border: 6px solid #ffffff !important; + background: #f1f1f1; + color: #63676b; + padding: 58% 10% 80% 10%; + text-align: center; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + cursor: auto; +} + +.astra-sites-suggestions .inner a { + color: #00b9eb; +} + +.astra-sites-suggestions p { + font-size: 1rem; + margin: 0; +} + +.astra-notice { + margin: 2em 0em 0em 2em; +} + +.no-themes .description { + display: block; +} + +/** + * Responsive Button UI + */ +.astra-sites-preview .wp-full-overlay-footer .devices button.active:before, +.astra-sites-preview .wp-full-overlay-footer .devices button:hover:before { + color: #0073aa; +} +.astra-sites-preview .wp-full-overlay-footer .devices button:before { + color: #c1c1c1; +} +.astra-sites-preview .wp-full-overlay-footer .devices button:hover { + background-color: transparent; +} +.astra-sites-preview .wp-full-overlay-footer .devices button { + border: none; +} +.astra-sites-preview .wp-full-overlay-footer .devices button:focus, +.astra-sites-preview .wp-full-overlay-footer .devices button.active:hover { + border-bottom-color: transparent; + background-color: transparent; +} +.not-click-able { + pointer-events: none !important; +} +body.page-builder-selected .select-page-builder, +body.loading-content .select-page-builder { + display: none; +} +.select-page-builder .up-arrow { + -webkit-transform: rotate( -90deg ); + -moz-transform: rotate( -90deg ); + -ms-transform: rotate( -90deg ); + transform: rotate( -90deg ); + display: inline-block; + font-size: 1.5em; + color: #797979; + vertical-align: middle; + margin-left: 10px; + -webkit-transition: all linear 0.6s; + -moz-transition: all linear 0.6s; + -ms-transition: all linear 0.6s; + transition: all linear 0.6s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + animation-name: bounce; + -moz-animation-name: bounce; +} +.select-page-builder { + margin-right: 6em; +} + +.select-page-builder img { + max-width: 100%; +} + +.select-page-builder .note-wrap { + position: absolute; + padding: 40px 0; + margin-right: 170px; + left: 0; + right: 0; +} + +.select-page-builder h3 { + margin: 0; + font-size: 2em; +} +.select-page-builder { + margin: -20px -5px 0 0; + position: absolute; +} +.select-page-builder .note { + margin-right: 1.5em; +} + +@keyframes bounce { + 0%, + 100%, + 20%, + 50%, + 80% { + -webkit-transform: translateY( -0px ) rotate( -90deg ); + -moz-transform: translateY( -0px ) rotate( -90deg ); + -ms-transform: translateY( -0px ) rotate( -90deg ); + transform: translateY( -0px ) rotate( -90deg ); + } + 40% { + -webkit-transform: translateY( -2px ) rotate( -90deg ); + -moz-transform: translateY( -2px ) rotate( -90deg ); + -ms-transform: translateY( -2px ) rotate( -90deg ); + transform: translateY( -2px ) rotate( -90deg ); + } + 60% { + -webkit-transform: translateY( -1px ) rotate( -90deg ); + -moz-transform: translateY( -1px ) rotate( -90deg ); + -ms-transform: translateY( -1px ) rotate( -90deg ); + transform: translateY( -1px ) rotate( -90deg ); + } +} + +/** + * Processing Animation + */ +.astra-demo-import.disabled { + pointer-events: none; +} +.astra-demo-import.button.updating-message:before, +.astra-demo-import.button.installing:before { + -webkit-animation: cssAnimation 0.72s ease infinite; + -moz-animation: cssAnimation 0.72s ease infinite; + -o-animation: cssAnimation 0.72s ease infinite; + -ms-animation: cssAnimation 0.72s ease infinite; + animation: cssAnimation 0.72s ease infinite; +} + +@-webkit-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( -360deg ); + -moz-transform: rotate( -360deg ); + -o-transform: rotate( -360deg ); + -ms-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} +@-moz-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( -360deg ); + -moz-transform: rotate( -360deg ); + -o-transform: rotate( -360deg ); + -ms-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} +@-o-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( -360deg ); + -moz-transform: rotate( -360deg ); + -o-transform: rotate( -360deg ); + -ms-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} + +#astra-sites-filters .wp-filter { + display: flex; + justify-content: space-between; + align-items: center; +} + +.astra-pages-title { + color: #9e9e9e; + text-decoration: none; + font-weight: 500; + position: relative; +} +.single-site-pages-header .count { + opacity: 0.7; +} + +.single-site-pages-header .astra-site-title { + font-size: 22px; +} +.astra-site-down { + padding: 1em 2em; + margin-top: 1em; +} + +#astra-sites-menu-page .menu { + padding: 0; +} + +.astra-sites-nav-items a:hover, +.astra-sites-nav-items a:focus { + outline: none; + border: none; + box-shadow: none; +} + +.astra-sites-nav-items a { + background: #f1f1f1; + color: #4e555d; + font-size: 14px; + text-decoration: none; + padding: 21px 43px 24px 20px; + font-weight: 500; +} + +.astra-sites-nav-items a:before { + content: "\f105"; +} + +#astra-sites-filters .search-form { + font-weight: normal; + border: none; + margin: 0; + border-radius: 6px; + display: flex; + align-items: center; + height: 46px; +} + +.astra-sites-nav-items a:before { + font-family: dashicons; + display: inline-block; + line-height: 1; + font-weight: 400; + font-style: normal; + speak: none; + text-decoration: inherit; + text-transform: none; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 17px; + vertical-align: top; + text-align: center; + transition: color 0.1s ease-in; + position: absolute; + margin-right: -22px; + font-weight: normal; +} +.nav-tab-wrapper .button { + height: 30px; +} +.back-to-layout:before { + background: #fff; + color: #777; + padding: 3px; + border-radius: 100%; + font-size: 13px; + border: 1px solid #777; +} + +.back-to-layout:hover:before { + background: #f7f7f7; + border-color: #0073aa; + color: #0073aa; +} + +.back-to-layout { + border-left: 1px solid #eeeeee; + padding: 20px 14px; + text-align: center; + cursor: pointer; + visibility: hidden; + opacity: 0; + font-size: 24px; + line-height: normal; +} + +.back-to-layout:hover { + background-color: #f7f7f7; +} + +.astra-sites-no-search-result .back-to-layout, +.astra-sites-showing-favorites .back-to-layout, +.astra-previewing-single-pages .back-to-layout { + visibility: visible; + opacity: 1; +} +.logo { + cursor: pointer; +} +#astra-sites-menu-page .nav-tab-wrapper .logo { + border-left: 1px solid #dddddd; + padding: 13px 20px 14px 20px; +} +#astra-sites-menu-page .nav-tab-wrapper .logo, +#astra-sites-menu-page .form { + display: flex; + align-items: center; +} + +#astra-sites-menu-page .nav-tab-wrapper { + display: flex; + justify-content: space-between; + border: none; + background: #fff; + padding: 0; + align-items: center; + box-shadow: -25px 0 30px rgba( 28, 39, 60, 0.09 ); + border-bottom: 1px solid #dddddd; + z-index: 88; +} +.theme-name .title, +.theme-name .type { + transition: all 0.4s linear; +} +.searching .theme-name .type { + padding: 4px 8px; +} +.theme-name .type { + font-size: 12px; + opacity: 0; + visibility: hidden; + color: #555; + border: 1px solid #cccccc; + background: #f7f7f7; + vertical-align: top; + border-radius: 2px; + font-weight: normal; +} +.theme-name .type .dashicons { + font-size: 16px; +} +.favorite-filters-wrap { + border-left: 1px solid #dddddd; + padding: 10px; +} + +.header-actions a { + text-decoration: none; + font-size: 18px; + line-height: 1; + height: 15px; + width: 18px; +} +.header-actions .filter-links li > a:hover, +.header-actions .filter-links li > a:focus { + outline: none; +} +.filter-links li > .astra-sites-show-favorite-button.current:hover, +.filter-links li > .astra-sites-show-favorite-button.current, +.filter-links li > .astra-sites-show-favorite-button:hover, +.filter-links li > .astra-sites-show-favorite-button:focus, +.astra-sites-show-favorite-button.active { + color: transparent; +} +.filter-links li > .astra-sites-show-favorite-button.current:hover .ast-icon-heart, +.filter-links li > .astra-sites-show-favorite-button.current .ast-icon-heart, +.filter-links li > .astra-sites-show-favorite-button:hover .ast-icon-heart, +.astra-sites-show-favorite-button.active .ast-icon-heart { + color: #c34444; +} + +.ast-icon-heart { + color: #666; +} +.header-actions a:focus { + box-shadow: none; +} +#astra-sites-filters { + flex: 1; +} + +#astra-sites-filters .wp-filter { + margin-top: 0; + justify-content: center; + box-shadow: none; + border: none; + margin-bottom: 0; + background: transparent; + padding: 0; +} + +.is-favorite .favorite-action-wrap i { + color: #c34444; +} + +.astra-sites-no-sites, +.astra-sites-no-favorites { + padding: 7em 0; +} + +.astra-sites-no-sites h3, +.astra-sites-no-favorites h3 { + font-size: 1.3rem; + font-weight: normal; + margin-top: 0; + text-align: center; + margin-bottom: 3em; + color: #666; +} + +.astra-sites-no-sites .back-to-layout-button { + margin-top: 25px; +} + +.back-to-layout-button { + margin-top: 15px; +} + +.empty-collection-part { + width: 220px; +} + +.astra-sites-no-sites .arrow-img, +.astra-sites-no-favorites .arrow-img { + width: 56px; + margin-bottom: 1em; + transform: rotate( 18deg ); +} + +.astra-sites-no-sites .content, +.astra-sites-no-favorites .content { + display: flex; + align-items: center; +} + +.astra-sites-no-sites .description, +.astra-sites-no-favorites .description { + margin-right: 3em; +} + +.astra-sites-no-sites .inner, +.astra-sites-no-favorites .inner { + margin: 0 auto; + width: 610px; +} + +/** + * Welcome Screen + */ +.astra-sites-welcome { + position: relative; + max-height: 100vh; + height: calc( 100vh - 32px ); +} +.appearance_page_starter-templates.astra-sites-change-page-builder #wpbody-content { + padding: 0; +} +.astra-sites-welcome a { + text-decoration: none; +} +.astra-sites-welcome a:focus, +.astra-sites-welcome a { + outline: none; + box-shadow: none; +} +.astra-sites-welcome .header img { + width: 30px; +} +.astra-sites-welcome .logo { + display: flex; + align-items: center; + cursor: default; +} +.astra-sites-welcome .close { + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 20px; + text-align: center; + padding: 15px; + cursor: pointer; + border-right: 1px solid #eee; + color: #aaa; +} + +.astra-sites-welcome .close:hover { + color: #0073aa; +} + +.astra-sites-welcome .close .dashicons { + height: auto; + width: auto; + vertical-align: middle; + font-size: 22px; +} + +.astra-sites-welcome .header { + text-align: right; + padding: 10px 15px; + display: flex; + align-items: center; + border-bottom: 1px solid #e5e5e5; + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + justify-content: space-between; + position: relative; +} +.astra-sites-welcome .header .title { + margin: 0 10px 0 0; + font-size: 13px; + text-transform: uppercase; +} +.ast-importing-wrap { + display: none; +} +.astra-sites-welcome .inner-wrap { + position: absolute; + right: 50%; + top: 40%; + transform: translate( 50%, -40% ); + border-radius: 2px; + box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.04 ); + border: 1px solid #e5e5e5; + overflow: hidden; +} +.astra-sites-welcome .inner { + vertical-align: middle; + margin: 0 auto; + display: inline-block; + width: 750px; + background: #fff; + text-align: center; +} + +.astra-sites-welcome h1 { + margin-top: 0; + font-size: 2em; + margin-bottom: 1em; +} + +.astra-sites-welcome p { + font-size: 14px; +} + +#astra-sites-welcome-form { + padding: 6em 4em 2em 4em; +} + +.astra-sites-welcome select { + padding: 5px; + height: 100%; +} + +.astra-sites-welcome .submit { + text-align: center; + margin: 0; + padding: 0; + margin-right: 0.5em; +} + +.astra-sites-welcome .disabled { + pointer-events: none; +} + +.astra-site-page-builder { + opacity: 0; + visibility: hidden; +} + +.required-plugins-list, +.astra-sites-third-party-required-plugins { + margin-right: 16px; + margin-top: 0.5em; + margin-bottom: 0.5em; + list-style-type: disc; +} + +.astra-sites-tooltip-message { + margin-right: 24px; +} + +.astra-sites-third-party-required-plugins .plugin-card, +.required-plugins-list .plugin-card { + background: transparent; + border: none; + margin: 0; + line-height: 2; + float: none; + width: 100%; +} + +.required-plugins-list .spinner { + float: none; + margin: 0; +} + +.astra-site-import-process-wrap { + display: flex; + align-items: center; + margin-top: -2px; + z-index: 999999; + position: relative; + overflow: hidden; +} + +.astra-sites-result-preview .astra-site-import-process-wrap progress { + background: #eeeeee; +} + +.astra-sites-result-preview .astra-site-import-process-wrap progress::-webkit-progress-value { + background: #0185ba; +} + +.astra-site-import-process-wrap progress { + padding: 0px; + border: 0 none; + background: #0085bd; + border-radius: 5px; + height: 4px; + flex: 1; +} + +.astra-sites-result-preview .dashicons { + font-size: 1rem; + height: auto; + vertical-align: middle; +} + +.astra-site-import-process-wrap progress::-webkit-progress-value { + background: #00679b; +} + +.astra-site-import-process-wrap progress::-webkit-progress-bar { + background: transparent; +} + +.theme-browser .theme .theme-screenshot { + filter: blur( 0 ); + transition: filter 400ms linear; +} +.theme-browser .theme .site-preview > .theme-screenshot { + background-position: center top; + background-size: 100%; + background-repeat: no-repeat; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + overflow: hidden; + background-color: #e5e5e5; +} + +.astra-sites-tooltip-icon { + cursor: pointer; +} + +.astra-sites-preview .disabled { + pointer-events: none; +} + +.astra-sites-preview input[type="checkbox"].disabled { + background: #eeeeee; + opacity: 1; + color: #fff; + box-shadow: none; + border-color: #b4b9be; +} + +.astra-sites-tooltip-icon .dashicons { + color: #757575; + font-size: 15px; + vertical-align: middle; + height: auto; +} +#astra-sites-admin { + margin-left: 25px; + margin-right: 25px; + margin-top: 45px; +} +.astra-previewing-single-pages #wpfooter { + display: none; +} + +.astra-previewing-single-pages #astra-sites-admin { + margin-top: 58px; +} + +#astra-sites-welcome-form-inline select { + text-align-last: left; +} + +#astra-sites-welcome-form-inline option { + direction: ltr; +} +#astra-sites-admin .filter-links li > a:first-child { + margin-right: 0; +} +#astra-sites-welcome-form-inline { + margin-right: 0; + border-radius: 3px; + padding: 0px 5px 2px 5px; + outline: 2px solid transparent; + outline-offset: 0; + background: #ffffff; + color: #72777c; + font-weight: normal; + font-size: 13px; + line-height: 26px; + height: 28px; + cursor: pointer; +} + +#astra-sites-welcome-form-inline select, +#astra-sites-welcome-form-inline select:focus { + border: none; + outline: none; + box-shadow: none; + color: #72777c; +} + +#astra-sites-menu-page .wp-full-overlay-main:before { + content: ""; + display: none; +} + +.theme-screenshot-wrap { + overflow: hidden; + max-height: 300px; + margin: 15px 0; + border: 1px solid #ccc; +} + +.astra-sites-preview .install-theme-info .theme-screenshot { + width: 100%; + border: none; + margin: 0; +} + +#astra-sites-welcome-form .title { + font-size: 14px; + font-weight: 500; + margin-top: 5px; +} + +#astra-sites-welcome-form #submit { + padding: 0em 4rem; +} + +.page-builders { + margin: 35px 0; +} + +.page-builders li { + cursor: pointer; + display: inline-block; + padding: 1.2em; +} + +.page-builders [type="radio"] { + position: absolute; + opacity: 0; + width: 0; + height: 0; +} + +.page-builders [type="radio"] + img.active, +.page-builders [type="radio"] + img:hover { + transform: translateY( -1px ); + box-shadow: 0 2px 6px rgba( 0, 115, 170, 0.18 ); + border-color: #0073aa; +} + +.page-builders [type="radio"] + img { + cursor: pointer; + border: 1px solid #dcdcdc; + border-radius: 4px; + transition: all linear 0.2s; + height: 100px; + padding: 6px; +} + +.astra-demo-import.button.updating-message:before, +.astra-demo-import.button.installing:before { + vertical-align: text-top; + margin: 0 0 0 5px; +} + +.current-importing-status-wrap hr { + border-color: #f1f1f1; +} + +.astra-sites-result-preview { + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + background: transparent; + overflow-y: auto; +} + +.astra-sites-result-preview .button { + margin-top: 1em; +} + +.preview-page-from-search-result #astra-sites-tooltip-plugins-settings, +.astra-sites-page-import-popup #astra-sites-tooltip-plugins-settings { + display: block !important; +} + +.astra-sites-result-preview h3 { + font-size: 1.3em; + margin: 0; +} +.astra-sites-result-preview .heading { + background: #ffffff; + padding: 16px 35px; + margin-top: 0; + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + margin-bottom: 10px; + display: flex; + justify-content: space-between; +} +.astra-sites-result-preview .close { + position: absolute; + left: 0; + top: 0; + bottom: 0; + height: 53px; + line-height: 53px; + width: 53px; + cursor: pointer; + border-right: 1px solid #eee; + color: #aaa; + font-size: 22px; + opacity: 1; + visibility: visible; +} +.astra-sites-result-preview .close:hover { + color: #0073aa; +} +.astra-sites-result-preview .overlay { + background: rgba( 0, 0, 0, 0.7 ); + filter: alpha( opacity=70 ); + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 100050; +} +.astra-sites-result-preview .inner { + margin: 0 auto; + width: 660px; + max-height: 420px; + -webkit-transform: translate( 50%, -50% ); + -ms-transform: translate( 50%, -50% ); + transform: translate( 50%, -50% ); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: fixed; + background-color: #f1f3f5; + z-index: 100059; + text-align: right; + top: 50%; + right: 50%; + -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + border-radius: 2px; +} +.astra-sites-result-preview .button { + line-height: 40px; +} + +#single-pages .astra-theme { + padding: 0; +} + +.astra-sites-import-content > p:first-child, +.ast-importing-wrap > p:first-child { + margin-top: 0; +} + +.current-importing-status { + background: #fff; + padding: 1.3em; +} + +.current-importing-status ul { + list-style-type: disc; + margin: 1em 2em 0em 0em; +} + +.appearance_page_starter-templates .rotating { + height: auto; + animation: rotation 2s infinite linear; + width: auto; + color: #c1c1c1; +} + +.agency-ribbons { + color: #000; + text-align: center; + display: flex; + align-items: center; + position: absolute; + z-index: 9; + top: -7px; + text-transform: uppercase; + font-weight: 600; + font-size: 9.5px; + letter-spacing: 0.2px; + left: -7px; + border-radius: 2px; + line-height: 15px; + padding: 4px 7px; + background-color: #fcaf2a; + cursor: default; +} + +.premium-crown-icon { + height: auto; + width: 17px; + margin-left: 5px; +} + +.theme-browser .theme:hover .theme-actions, +.theme-browser .theme.focus .theme-actions, +.theme-browser .theme:focus .theme-actions { + opacity: 0; +} + +.theme-browser .theme .theme-screenshot:after { + padding-top: 118%; +} + +@-webkit-keyframes rotation { + from { + -webkit-transform: rotate( 0deg ); + } + to { + -webkit-transform: rotate( -359deg ); + } +} +.import-time { + display: inline-block; + background: #0185ba; + color: #fff; + padding: 2px 10px; + border-radius: 3px; + animation: astra-scale 0.5s alternate infinite ease-in; +} + +.theme-browser .theme:hover .theme-actions, +.theme-browser .theme.focus .theme-actions, +.theme-browser .theme:focus .theme-actions { + opacity: 0; +} +@keyframes astra-scale { + 0% { + transform: scale( 1 ); + } + 100% { + transform: scale( 1.03 ); + } +} + +.current-importing-status p { + margin: 0; +} + +a.astra-sites-plugins-go-pro { + color: #dd4f93; + text-shadow: -1px 1px 1px #eee; + font-weight: bold; +} + +@media ( min-width: 960px ) and ( max-width: 1020px ) { + #astra-sites-admin .theme-action-wrap { + padding: 5px; + width: 100%; + } +} + +@media ( min-width: 781px ) and ( max-width: 920px ) { + #astra-sites-admin .theme-action-wrap { + padding: 5px; + width: 100%; + } + .theme-browser .theme .theme-actions button:first-child { + margin-bottom: 5px; + } +} + +.theme-browser .theme .site-preview > .theme-screenshot.two:hover, +.theme-browser .theme .site-preview > .theme-screenshot.three:hover { + background-position: center top; +} + +.theme-browser .theme .theme-screenshot.two, +.theme-browser .theme .theme-screenshot.three { + position: absolute; + top: 0; + left: 0; + right: 0px; +} + +.theme-browser .theme .theme-screenshot.two { + width: calc( 100% - 10px ); + opacity: 0.8; + right: 0px; + transform: translate( -5px, -5px ); +} + +.theme-browser .theme .theme-screenshot.three { + width: calc( 100% - 20px ); + opacity: 0.4; + transform: translate( -10px, -10px ); +} + +.theme-browser .theme { + box-shadow: 0 1px 7px 0 rgba( 0, 0, 0, 0.08 ); + margin: 0 0 3.6% 3%; + border: none; +} + +.single-site { + display: flex; +} + +.single-site-pages { + overflow-y: auto; + height: 100vh; + max-height: calc( 100vh - 280px ); +} + +.single-site-pages::-webkit-scrollbar { + width: 5px; + background-color: #f1f1f1; +} + +.single-site-pages::-webkit-scrollbar-thumb { + border-radius: 0; + background-color: #d8d8d8; +} + +.single-site-pages::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba( 0, 0, 0, 0.3 ); + width: 20px; +} + +.astra-sites-import-content::-webkit-scrollbar, +.single-site-preview::-webkit-scrollbar { + width: 5px; + background-color: #f1f1f1; +} + +.astra-sites-import-content::-webkit-scrollbar-thumb, +.single-site-preview::-webkit-scrollbar-thumb { + border-radius: 0; + background-color: #d8d8d8; +} + +.astra-sites-import-content::-webkit-scrollbar-track, +.single-site-preview::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba( 0, 0, 0, 0.3 ); + width: 20px; +} + +.single-site-preview { + margin-left: 4em; + max-height: calc( 100vh - 280px ); + height: 100vh; + overflow-y: auto; + border-radius: 2px; + box-shadow: 0 0 16px 0 rgba( 0, 0, 0, 0.12 ); +} + +.single-site-preview img { + width: 100%; + vertical-align: middle; +} + +#astra-sites-menu-page .nav-tab-wrapper.stick { + position: fixed; + right: 0; + left: 0; +} + +.single-site-footer { + position: fixed; + padding: 15px 35px 15px 50px; + bottom: 0; + background: #fff; + left: 0; + right: 0; + z-index: 88; + box-shadow: 0 -2px 8px rgb( 0 0 0 / 5% ); +} + +.site-action-buttons-wrap { + display: flex; + justify-content: center; +} + +.site-action-buttons-wrap .site-preview-button { + margin-left: 5px; +} + +.single-site-pages-header { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 0 32px 0; +} + +.astra-site-title { + margin: 0; +} + +.astra-pages-title-wrap { + margin: 0 0 30px 0; + display: flex; + justify-content: space-between; +} + +.single-site-preview-wrap { + width: 55%; +} + +.single-site-pages-wrap { + width: 45%; +} + +@media only screen and ( min-width: 768px ) { + #site-pages { + padding: 0 24px 0 0; + } +} + +/** + * 3 Grid for Pages + */ +@media only screen and ( min-width: 1640px ) { + .theme-browser #site-pages .theme { + width: 31.06%; + margin: 0 0 3% 3%; + } +} + +@media only screen and ( min-width: 1640px ) { + .theme-browser #site-pages .theme:nth-child( 3n ) { + margin-left: 0; + } +} +#single-pages .astra-theme { + border: none; +} + +#single-pages .current_page .inner { + border-color: #5b9dd9; + border-radius: 2px; +} +.theme-browser #site-pages .theme { + margin: 0 0 3.4% 3.4%; + border-radius: 2px; + border: none; + box-shadow: none; +} +.theme-browser #single-pages .site-single .theme-screenshot:after { + padding-top: 100%; +} + +.site-action-buttons-wrap .dashicons { + vertical-align: middle; + font-size: 1rem; + margin-right: 0.2em; +} + +.single-site-footer .dashicons-editor-help { + font-size: 20px; + color: #555d66; + margin-right: 10px; +} +.site-action-buttons-right { + display: flex; + align-items: center; +} +.astra-sites-result-preview.astra-sites-import-complete .inner { + overflow: hidden; + height: auto; +} + +.site-action-buttons-wrap .button.button-primary.button-hero { + box-shadow: none; +} +.wp-core-ui .astra-sites-result-preview .button.button-hero, +.wp-core-ui .astra-sites-result-preview .button.button-hero:focus, +.site-action-buttons-wrap .button.button-hero, +.site-action-buttons-wrap .button.button-hero:focus { + font-size: 13px; + height: 34px; + min-height: 34px; + line-height: 33px; + padding: 0 20px; + box-shadow: none; +} + +.astra-hide-site { + display: none; +} + +.astra-sites-no-sites .button.astra-sites-back, +.astra-sites-no-favorites .button.astra-sites-back { + box-shadow: none; + height: 30px; +} + +.astra-sites-no-sites h3 { + font-size: 1.3rem; + font-weight: normal; + color: #666; + margin-top: 0; +} + +.astra-sites-import-plugins .disabled { + pointer-events: none; +} +.theme-browser .theme .site-preview > .theme-screenshot.loading, +.theme-browser .theme .theme-screenshot.loading { + animation-duration: 2s; + animation-fill-mode: forwards; + animation-iteration-count: infinite; + animation-name: image-placeholder; + animation-timing-function: linear; + background: #f6f7f8; + background: linear-gradient( to left, #fafafa 8%, #f4f4f4 38%, #fafafa 54% ); + position: relative; +} +@keyframes image-placeholder { + 0% { + background-position: -150px 0; + } + 100% { + background-position: 150px 0; + } +} +.searching .theme-browser .theme .theme-screenshot.loading { + opacity: 0.5; +} +.searching .theme-browser .theme .theme-screenshot { + filter: blur( 0 ); +} +.inner { + overflow: hidden; +} +.site-import-layout-button.disabled { + pointer-events: none; +} + +.theme-browser .themes { + clear: both; + margin: -1%; +} + +@media only screen and ( min-width: 768px ) { + .theme-browser .theme { + width: 25%; + padding: 1.1%; + margin: 0 0em 1em 0; + box-shadow: none; + } +} + +@media only screen and ( min-width: 1640px ) { + .theme-browser .theme:nth-child( 3n ) { + margin-left: 0; + } + .theme-browser .theme:nth-child( 4n ) { + margin-left: 0; + } +} + +#astra-sites-filters .search-form { + position: relative; +} + +.filters-wrap-page-categories { + position: absolute; + background: #fff; + padding: 10px; + z-index: 999; + border: 1px solid #ccc; + border-top: none; + left: 0; + right: 0; + margin: 0; + visibility: hidden; + opacity: 0; +} + +.filters-wrap-page-categories.show { + visibility: visible; + opacity: 1; +} + +.filters-wrap-page-categories .filter-links li { + display: list-item; +} + +#astra-sites-admin .filter-links .current { + border: none; +} + +.filters-wrap-page-categories .filter-links { + display: block; +} + +.filters-wrap-page-categories .filter-links li > a { + display: block; + margin: 0 5px 5px 0; +} + +.page-builder-icon .page-builders { + position: absolute; + top: 100%; + background: #fff; + z-index: 10; + margin: 0; + border: 1px solid #ddd; + opacity: 0; + visibility: hidden; + box-shadow: 0px 9px 21px 0px rgba( 0, 0, 0, 0.2 ); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + right: -1px; + left: 0px; +} +.page-builder-icon.active .page-builders { + opacity: 1; + visibility: visible; +} +.page-builder-icon .page-builders img { + height: 17px; + width: 17px; + border-radius: 50%; + margin-left: 10px; +} + +.page-builder-icon .page-builders li { + display: flex; + padding: 10px 15px; + margin: 0; +} + +.page-builder-icon { + display: inline-block; + font-size: 12px; + padding: 23px 10px; + width: 164px; + position: relative; + cursor: pointer; +} + +.page-builder-icon img { + height: auto; + width: 22px; + border-radius: 50%; + margin-left: 8px; +} + +.selected-page-builder { + display: flex; + justify-content: center; + align-items: center; +} + +.selected-page-builder .dashicons { + margin-right: 2px; +} + +.page-builder-icon .page-builders .active, +.page-builder-icon .page-builders li:hover { + background-color: #f7f7f7; +} + +.appearance_page_starter-templates .astra-sites-sync-library-message { + margin-right: 25px; + margin-left: 25px; +} + +.astra-sites-sync-library-message.notice .notice-dismiss:before { + font-size: 14px; +} + +.astra-loading-wrap { + position: absolute; + right: 50%; + top: 50%; + transform: translate( 60%, -60% ); +} + +.ast-retry-text { + position: absolute; + right: 50%; + top: 60%; + transform: translate( 50%, -50% ); +} + +.astra-previewing-single-pages #wpbody-content { + position: fixed; +} + +.appearance_page_starter-templates div#setting-error-tgmpa, +.appearance_page_starter-templates .update-nag, +.appearance_page_starter-templates .notice, +.appearance_page_starter-templates div.error { + display: none; +} + +.appearance_page_starter-templates .astra-sites-notice { + display: block; + top: 20px; + position: relative; +} + +.astra-previewing-single-pages .astra-sites-menu-page-wrapper > .notice.astra-sites-sync-library-message.success, +.astra-previewing-single-pages .astra-sites-menu-page-wrapper > .notice.astra-sites-sync-library-message.notice-success { + display: none !important; +} + +.astra-previewing-single-pages .astra-sites-menu-page-wrapper > .notice.astra-sites-sync-library-message { + width: calc( 100% - 250px ); +} + +.astra-previewing-single-pages.folded #wpbody-content > .notice.astra-sites-sync-library-message { + width: calc( 100% - 150px ); +} + +.appearance_page_starter-templates.astra-previewing-single-pages #wpbody-content { + padding-top: 0; +} + +.astra-previewing-single-pages #wpbody-content > .notice.astra-sites-sync-library-message, +.astra-previewing-single-pages #wpbody-content > .notice.astra-sites-sync-library-start-message { + display: inline-block !important; + top: 90px; + left: 0; + width: calc( 100% - 260px ) !important; +} + +.folded.astra-previewing-single-pages #wpbody-content > .notice.astra-sites-sync-library-message, +.folded.astra-previewing-single-pages #wpbody-content > .notice.astra-sites-sync-library-start-message { + width: calc( 100% - 140px ) !important; +} + +.appearance_page_starter-templates #wpcontent { + padding-right: 0; +} + +.appearance_page_starter-templates.auto-fold #wpcontent { + padding-right: 0; +} + +.pages-count, +.page-title { + font-weight: 300; + font-size: 13px; + display: none; +} + +.site-pages-not-import-notice { + clear: both; +} + +.astra-loading-icon, +.astra-loading-icon:after { + border-radius: 50%; + width: 20px; + height: 20px; +} +.astra-loading-icon { + border-top: 3px solid rgb( 192, 192, 192 ); + border-left: 3px solid rgb( 192, 192, 192 ); + border-bottom: 3px solid rgb( 192, 192, 192 ); + border-right: 3px solid #0185ba; + -webkit-transform: translateZ( 0 ); + -ms-transform: translateZ( 0 ); + transform: translateZ( 0 ); + -webkit-animation: load8 1.1s infinite linear; + animation: load8 1.1s infinite linear; +} +@-webkit-keyframes load8 { + 0% { + -webkit-transform: rotate( 0deg ); + transform: rotate( 0deg ); + } + 100% { + -webkit-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} +@keyframes load8 { + 0% { + -webkit-transform: rotate( 0deg ); + transform: rotate( 0deg ); + } + 100% { + -webkit-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} + +.preparing .install-theme-info { + display: none !important; +} + +#astra-sites.temp .placeholder-site .theme-id-container .title { + background: #f1f1f1; +} + +#astra-sites.temp .placeholder-site .theme-id-container .site-title { + color: transparent; +} + +.ast-sites__filter-wrap-checkbox input[type="radio"].active:before { + content: ""; + border-radius: 50%; + width: 0.5rem; + height: 0.5rem; + margin: 0.1875rem; + background-color: #1e8cbe; + line-height: 1.14285714; + float: right; + display: inline-block; + vertical-align: middle; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media screen and ( min-width: 783px and max-width: 1180px ) { + #astra-sites-filters .search-form { + width: 100%; + } + #astra-sites .theme { + width: 50%; + } + + #astra-sites .theme:nth-child( odd ) { + margin: 0; + } + .theme-browser #site-pages .theme { + width: 46%; + } +} +@media screen and ( max-width: 782px ) { + .ast-sites__filter-wrap-checkbox input[type="radio"] { + height: 1rem; + width: 1rem; + } + .ast-sites__filter-wrap-checkbox input[type="radio"]:checked:before { + margin: 0.25rem; + height: 0.4rem; + width: 0.4rem; + } + + .page-builder-title { + display: none; + } + + .page-builder-icon { + width: 100px; + } + + .page-builder-icon .page-builders { + width: 140px; + margin-right: -20px; + } + .single-site-footer { + margin-right: 0; + } +} +@media only screen and ( max-width: 768px ) { + .astra-previewing-single-pages #wpbody-content > .notice.astra-sites-sync-library-message, + .astra-previewing-single-pages #wpbody-content > .notice.astra-sites-sync-library-start-message { + top: 0; + width: auto !important; + } +} +@media only screen and ( max-width: 767px ) { + .appearance_page_starter-templates #wpbody-content { + padding-top: 0; + } + + #astra-sites-menu-page .nav-tab-wrapper .logo { + padding: 10px; + } + + .back-to-layout { + padding: 20px 5px; + } +} +@media only screen and ( max-width: 1120px ) { + .theme-browser .theme:nth-child( odd ) { + margin-left: 0; + } +} +@media only screen and ( min-width: 780px ) and ( max-width: 1200px ) { + .theme-browser .theme:nth-child( odd ) { + margin-left: 0; + } + .theme-browser .theme { + width: 33.33%; + } +} + +@media only screen and ( min-width: 1200px ) { + #astra-sites-filters .search-form { + width: 600px; + margin: 0 auto; + } +} +@media only screen and ( min-width: 1000px ) and ( max-width: 1200px ) { + .theme-browser #site-pages .theme:nth-child( 3n ) { + margin-left: 0; + } + + .theme-browser #site-pages .theme { + width: 30.33%; + } +} + +@media only screen and ( min-width: 780px ) and ( max-width: 999px ) { + .theme-browser #site-pages .theme:nth-child( 2n ) { + margin-left: 0; + } + + .theme-browser #site-pages .theme { + width: 48%; + } +} + +@media only screen and ( max-width: 960px ) { + #site-pages { + position: relative; + margin: 0 0 0 70px; + } +} +@media only screen and ( max-width: 1200px ) { + .back-to-layout { + margin-left: 20px; + } +} +@media screen and ( max-width: 600px ) { + #astra-sites-filters .search-form { + width: auto; + } +} +@media screen and ( max-width: 782px ) { + #site-pages { + margin: 0; + } + .theme-browser #site-pages .theme { + width: 46%; + } + .single-site-footer { + padding: 10px 20px; + } + .single-site { + flex-direction: column; + } + + .single-site-preview-wrap { + width: 100%; + } + + .single-site-preview { + margin: 0; + height: 40vh; + } + + .single-site-pages-wrap { + width: 100%; + margin-top: 3em; + } +} + +.astra-sites__category-filter-items { + z-index: 99; +} + +@media screen and ( min-width: 481px ) { + .hide-on-desktop { + display: none; + } + .astra-sites__category-filter-items { + z-index: 99; + } +} +@media screen and ( max-width: 480px ) { + #astra-sites-admin .astra-sites-popup .inner, + .astra-sites-result-preview .inner { + width: 95%; + } + .single-site-footer .button { + text-align: center; + width: 100%; + } + .single-site-pages { + overflow: initial; + } + + #astra-sites-filters.hide-on-desktop { + box-shadow: -25px 0 30px rgba( 28, 39, 60, 0.09 ); + border-bottom: 1px solid #dddddd; + background: #fff; + padding: 10px; + } + + #astra-sites-menu-page .form { + flex: 1; + } + + .favorite-filters-wrap { + flex: 1; + text-align: left; + padding: 5px 10px; + } + + .back-to-layout { + padding: 13px 10px; + } + + .page-builder-icon { + padding: 18px 15px 18px 8px; + } + + #astra-sites-menu-page .nav-tab-wrapper .logo { + padding: 14px 10px; + } + + #astra-sites__category-filter .astra-sites__category-filter-anchor { + width: 90px; + } + + .header-actions li > a { + margin: 0 7px; + } + + .astra-previewing-single-pages #wpbody-content { + position: relative; + } + + .astra-sites-no-sites .content, + .astra-sites-no-favorites .content { + flex-direction: column; + } + + .astra-sites-no-sites .inner, + .astra-sites-no-favorites .inner { + width: auto; + } + + .site-action-buttons-right { + flex-direction: column; + align-items: flex-start; + } + + .site-import-layout-button { + margin-right: 0 !important; + } + + .astra-sites-no-sites .content, + .astra-sites-no-favorites .content { + flex-direction: column; + } + + .astra-sites-no-sites .inner, + .astra-sites-no-favorites .inner { + width: auto; + } + + .hide-on-mobile { + display: none; + } + .astra-sites-logo-wrap { + width: 30px; + height: 30px; + } + + .header-actions li > a { + margin: 0 5px; + } + + .page-builder-icon { + width: auto; + } + + .page-builder-icon .page-builders { + margin-right: -95%; + } + + .theme-browser .theme:nth-child( odd ) { + margin-left: 0; + } + + #astra-sites-admin { + margin-top: 30px; + margin-right: 20px; + margin-left: 20px; + } + .appearance_page_starter-templates.auto-fold #wpcontent { + padding-right: 0; + } + + .back-to-layout { + margin-left: 10px; + } + + .single-site-footer { + position: relative; + } + + #wpbody-content { + padding-bottom: 30px; + } + + .site-action-buttons-wrap { + flex-direction: column; + } + + .site-action-buttons-wrap > .button:first-child { + margin-bottom: 5px; + } + + .appearance_page_starter-templates .astra-sites-sync-library-message { + margin: 10px; + } +} + +#astra-sites-filters .section-left { + flex: 1; +} + +#astra-sites-filters .search-form { + float: none; +} + +/** + * Popup + */ + +.ast-actioms-wrap { + padding: 13px 35px 13px 35px; + z-index: 30; + box-sizing: border-box; + border-top: 1px solid #dcdcdc; +} +.wp-core-ui .ast-actioms-wrap .button, +.wp-core-ui .ast-actioms-wrap .button:focus { + font-size: 13px; + height: 36px; + min-height: 36px; + line-height: 34px; + padding: 0 20px; + box-shadow: none; +} +.ast-actioms-wrap .button { + margin: 0; +} +.ast-actioms-wrap .button { + margin-left: 0.5em; +} +.astra-site-contents > li { + margin-bottom: 12px; +} + +.astra-sites-popup { + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + background: #fff; + overflow-y: auto; +} + +.astra-sites-popup .dashicons { + vertical-align: middle; + font-size: 1rem; +} +.astra-sites-popup .button { + margin-top: 1em; +} + +.astra-sites-popup h3 { + font-size: 1.4em; + margin: 0; +} +.astra-sites-popup .heading { + background: #ffffff; + padding: 16px 35px; + margin-top: 0; + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + margin-bottom: 10px; + display: flex; + justify-content: space-between; +} +.astra-sites-popup .close { + position: absolute; + left: 0; + top: 0; + bottom: 0; + height: 53px; + line-height: 53px; + width: 53px; + cursor: pointer; + border-right: 1px solid #eee; + color: #aaa; + font-size: 21px; +} +.astra-sites-popup .close:hover { + color: #444; +} +.astra-sites-popup .overlay { + background: rgba( 0, 0, 0, 0.7 ); + filter: alpha( opacity=70 ); + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 100050; +} +.astra-sites-popup .inner { + margin: 0 auto; + width: 660px; + max-height: 420px; + -webkit-transform: translate( 50%, -50% ); + -ms-transform: translate( 50%, -50% ); + transform: translate( 50%, -50% ); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: fixed; + background-color: #f3f3f3; + z-index: 100059; + text-align: right; + top: 50%; + right: 50%; + -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + border-radius: 2px; +} +.astra-sites-popup .button { + line-height: 40px; +} + +.ast-sites__search-title { + padding: 0 1.1%; + font-size: 18px; + margin-bottom: 10px; +} + +.ast-sites__search-wrap { + display: flex; + flex-wrap: wrap; +} + +/** + * License Form + */ +#astra-pro-sites-license-form p:first-child { + margin-top: 0; +} + +#astra-pro-sites-license-form p { + margin: 0.3em 0; +} + +#astra-pro-sites-license-form .bsf-license-key-registration { + margin-top: 1em; +} + +#astra-pro-sites-license-form .inner { + position: relative; + box-shadow: none; + height: auto; + width: auto; + min-height: auto; + transition: none; + top: 0; + right: 0; + transform: none; +} + +#astra-pro-sites-license-form h3 { + display: none; +} + +#astra-pro-sites-license-form .astra-product-license { + line-height: normal; + margin-top: 0; + margin-right: 0.5em; + padding: 0.45em; +} + +#astra-pro-sites-license-form .license-form-field { + float: right; + width: 100%; + width: calc( 100% - 140px ); +} + +#astra-pro-sites-license-form .regular-text { + width: 100%; +} + +#astra-pro-sites-license-form .submit-button-wrap p { + margin-top: 1em; +} + +.appearance_page_starter-templates.astra-sites-change-page-builder .astra-sites-notice { + display: none; +} + +.astra-sites-log p:first-child { + margin-top: 0; +} + +.astra-sites-log p:last-child { + margin-bottom: 0; +} + +.astra-sites-log .batch-log { + background: #fff; + padding: 2em; + margin-bottom: 1em; +} + +.astra-sites-log table td { + vertical-align: top; + padding: 15px; + text-align: right; +} + +.white-label-enabled .astra-sites-logo-wrap { + width: auto; + display: flex; + align-items: center; + font-size: 1.2rem; + font-weight: 500; +} + +.appearance_page_starter-templates .notice.astra-sites-must-notices { + display: block; +} + +.astra-previewing-single-pages.appearance_page_starter-templates .notice.astra-sites-must-notices { + display: none; +} + +#astra-pro-sites-license-form .astra-pro-sites-fail-message { + color: #f44336; +} + +#astra-pro-sites-license-form .bsf-current-license-success-astra-pro-sites, +#astra-pro-sites-license-form .bsf-current-license-error-astra-pro-sites { + display: none; +} + +.bsf-current-license-error-astra-pro-sites, +.bsf-current-license-success-astra-pro-sites { + display: block; + margin-bottom: 0.5em; +} + +.astra-pro-sites-license-form-status-success .astra-product-license { + display: none; +} + +#astra-pro-sites-license-form.astra-pro-sites-license-form-status-success .license-form-field { + width: calc( 100% - 2px ); +} + +#astra-pro-sites-license-form .astra-pro-sites-success-message { + color: #008000; +} + +.bsf-current-license-error-astra-pro-sites { + color: #f44336; +} + +.skip-and-import .astra-site-contents { + list-style-type: circle; + margin-right: 1.7em; +} + +.astra-site-contents .astra-theme-module { + margin-right: 2em; +} + +.dont-use-astra-theme .plugin-card-astra-addon, +.required-plugins-count-1.dont-use-astra-theme .astra-sites-import-plugins { + display: none; +} + +.subscription-popup { + display: none; +} + +.subscription-form { + margin-top: 2em; +} + +.subscription-field select, +.subscription-field input[type="text"], +.subscription-field input[type="email"] { + width: 100%; + border-radius: 3px; + border: 1px solid #8b959d; + font-size: 13px; + height: 40px; + padding: 0 10px; +} + +.subscription-fields .subscription-field { + margin-bottom: 1.4em; +} + +.subscription-wp-user-type .label { + margin-left: 1em; + margin-right: 2px; +} + +.button-subscription-skip:focus { + box-shadow: none; +} + +.button-subscription-skip { + margin-top: 0.8em; + display: inline-block; +} + +.import-page #astra-sites-subscription-form-two .subscription-field-wrap { + margin-bottom: 5px; +} + +#astra-sites-subscription-form-two .subscription-field-wrap { + margin-bottom: 0.8em; +} + +.subscription-actions { + display: flex; + align-items: center; +} + +.subscription-wp-user-type { + display: flex; + margin-bottom: 2em; +} + +.subscription-field .subscription-input .error { + border-color: red; +} + +.subscription-input input[type="email"] { + width: 100%; +} + +.subscription-popup .astra-sites-import-content { + height: 250px; + padding: 20px 35px 20px 35px; +} + +.subscription-actions .submitting .dashicons, +.subscription-actions .submitted .dashicons { + opacity: 1; + visibility: visible; +} + +.subscription-actions .dashicons { + opacity: 0; + visibility: hidden; +} + +.subscription-actions .submitting .dashicons { + animation: rotation 2s infinite linear; +} + +.wp-core-ui .subscription-field select { + background-position: left 7px top 55%; +} + +.wp-core-ui .astra-sites-result-preview .subscription-actions .button.button-hero { + margin: 0; + box-shadow: none; + font-size: 14px; + min-height: 44px; + padding: 0 18px; + width: 100%; +} + +.wp-core-ui .subscription-wp-user-type select:focus, +.subscription-field input[type="text"]:focus, +.subscription-field input[type="email"]:focus, +.wp-core-ui .subscription-wp-user-type select:hover, +.subscription-field input[type="text"]:hover, +.subscription-field input[type="email"]:hover { + border-color: #444c53; +} + +.subscription-input input[type="email"], +.subscription-input input[type="text"] { + color: #444; +} + +.wp-core-ui .subscription-wp-user-type select:focus, +.subscription-field input[type="text"]:focus, +.subscription-field input[type="email"]:focus { + box-shadow: none; +} + +.wp-core-ui .subscription-wp-user-type select, +.subscription-wp-user-type .subscription-input { + width: 100%; + color: #72777c; +} + +.subscription-actions + p { + margin: 30px 0 0 0; +} + +.subscription-footer { + margin-top: 0.8em; + text-align: center; +} + +.subscription-footer p { + margin: 0; +} + +.subscription-fields .subscription-input:focus { + outline: none; + box-shadow: none; +} + +.subscription-fields .subscription-input { + width: 100%; + max-width: 100%; + border-radius: 3px; + border: 1px solid #585f66; + padding: 0 10px; + padding: 14px 14px; + box-shadow: none; + padding: 6px 12px; + min-height: 44px; + font-size: 14px; + font-weight: 400; + outline: none; + background-color: transparent; + background-position: left 10px top 55%; + margin: 0; +} + +.subscription-label { + color: #585f66; + margin: 12px 10px; + position: absolute; + top: 0; + font-weight: 400; + padding: 0 5px; + font-size: 14px; + right: 0; + -webkit-transition: all 0.25s ease; + transition: all 0.25s ease; + pointer-events: none; +} + +.subscription-field-wrap { + position: relative; +} + +.subscription-fields .subscription-field-wrap:not( .subscription-success, .subscription-error ) .subscription-input:hover { + border-color: #2271b1; +} + +.subscription-fields .subscription-input:hover, +.subscription-fields .subscription-input:focus { + color: #2c3338; +} + +.subscription-anim .subscription-label { + background-color: #f1f3f5; + font-size: 12px; + line-height: 12px; + margin-top: 0; + padding: 0 4px; + top: -5px; + transition: all 0.125s ease; + -webkit-transition: all 0.125s ease; + color: #2271b1; +} + +.subscription-error .subscription-input, +.subscription-error .subscription-input:focus { + border-color: red; +} + +.subscription-error .subscription-desc { + color: red; +} + +.subscription-anim.subscription-error .subscription-label { + color: red; +} + +.subscription-field-wrap .subscription-desc { + padding-right: 2px; + opacity: 0; + visibility: hidden; +} + +.subscription-success .subscription-input, +.subscription-success .subscription-input:focus { + border-color: #66a700; +} + +.subscription-anim.subscription-success .subscription-label { + color: #66a700; +} + +.subscription-field-wrap { + margin-bottom: 1em; +} + +.subscription-field-wrap.subscription-error .subscription-desc { + opacity: 1; + visibility: visible; +} + +.subscription-fields { + display: flex; +} + +.subscription-fields .subscription-field-wrap { + flex: 1; +} + +.subscription-enabled .astra-sites-advanced-options { + display: none; +} + +.astra-sites-advanced-options-heading { + display: none; +} + +.subscription-enabled .astra-sites-advanced-options-heading { + display: inline-block; + margin: 0; + cursor: pointer; + font-size: 15px; +} + +.subscription-enabled .astra-sites-subscription-form-one { + display: block; +} + +.astra-sites-subscription-form-one { + display: none; +} + +.astra-sites-advanced-options-heading .dashicons { + opacity: 1; + visibility: visible; +} + +.astra-sites-subscription-form-one { + margin-top: 1.8em; + max-width: 580px; +} + +.import-page .subscription-field-wrap { + margin-bottom: 0.5em; +} + +.import-page .subscription-popup .astra-sites-import-content { + height: 285px; +} + +.highlighted-note { + font-size: 14px; + font-weight: 500; +} + +@media screen and ( max-width: 768px ) { + .wp-core-ui .astra-sites-result-preview .subscription-actions .button.button-hero { + height: auto; + word-break: break-word; + white-space: initial; + line-height: 1.5; + padding: 5px 18px; + } + .astra-sites-result-preview input[type="checkbox"] { + height: 1rem; + width: 1rem; + } + .astra-sites-result-preview input[type="checkbox"]:checked:before { + height: 1.2rem; + width: 1.2rem; + margin: -0.1rem -0.2rem; + } + .subscription-popup .astra-sites-import-content { + padding: 20px; + } + #astra-sites-subscription-form-one .subscription-field-wrap { + margin-bottom: 0.8em; + } + .subscription-fields { + flex-direction: column; + } +} + +@media screen and ( min-width: 768px ) { + .subscription-fields .subscription-field-wrap:first-child { + padding-left: 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; +} diff --git a/assets/css/admin-settings-stripe.css b/assets/css/admin-settings-stripe.css new file mode 100644 index 00000000..53c96b8a --- /dev/null +++ b/assets/css/admin-settings-stripe.css @@ -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; +} diff --git a/assets/css/admin-settings-stripe.min.css b/assets/css/admin-settings-stripe.min.css new file mode 100644 index 00000000..054f7b4c --- /dev/null +++ b/assets/css/admin-settings-stripe.min.css @@ -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; +} diff --git a/assets/css/admin-site-health.min.css b/assets/css/admin-site-health.min.css new file mode 100644 index 00000000..8f3ea4d7 --- /dev/null +++ b/assets/css/admin-site-health.min.css @@ -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; +} diff --git a/assets/css/admin-splash-modal.css b/assets/css/admin-splash-modal.css new file mode 100644 index 00000000..53ecd9b6 --- /dev/null +++ b/assets/css/admin-splash-modal.css @@ -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; +} diff --git a/assets/css/admin-splash-modal.min.css b/assets/css/admin-splash-modal.min.css new file mode 100644 index 00000000..843f6784 --- /dev/null +++ b/assets/css/admin-splash-modal.min.css @@ -0,0 +1,86 @@ +#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%, #fff 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; +} diff --git a/assets/css/admin-wp5.7-colors.css b/assets/css/admin-wp5.7-colors.css new file mode 100644 index 00000000..9c77c35c --- /dev/null +++ b/assets/css/admin-wp5.7-colors.css @@ -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; +} diff --git a/assets/css/admin-wp5.7-colors.min.css b/assets/css/admin-wp5.7-colors.min.css new file mode 100644 index 00000000..3d90f78e --- /dev/null +++ b/assets/css/admin-wp5.7-colors.min.css @@ -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; +} diff --git a/assets/css/admin.css b/assets/css/admin.css new file mode 100644 index 00000000..b8a3624b --- /dev/null +++ b/assets/css/admin.css @@ -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; +} diff --git a/assets/css/admin.min.css b/assets/css/admin.min.css new file mode 100644 index 00000000..b76b0e92 --- /dev/null +++ b/assets/css/admin.min.css @@ -0,0 +1,86 @@ +.tooltipster-base.tooltipster-sidetip .tooltipster-content{font-size:14px;padding:8px 16px}.tooltipster-base.tooltipster-sidetip .tooltipster-arrow-border{display:none}.tooltipster-base.tooltipster-sidetip .tooltipster-arrow-background{border-width:6px;border-color:transparent}.tooltipster-base.tooltipster-sidetip .tooltipster-box{background:rgba(34,34,34,0.95);border:none}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background,.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{top:0}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-content,.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-content{text-align:center}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow,.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background,.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{left:0}.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow,.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:12px;margin-top:-6px;width:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:rgba(34,34,34,0.95)}.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:rgba(34,34,34,0.95)}.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:rgba(34,34,34,0.95)}.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:rgba(34,34,34,0.95)}.choices{position:relative;margin-bottom:24px}.choices ::-webkit-input-placeholder{color:#999999}.choices ::-moz-placeholder{color:#999999;opacity:1}.choices ::placeholder{color:#999999}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#bbbbbb;cursor:not-allowed;user-select:none}.choices [hidden]{display:none !important}.choices *{box-sizing:border-box}.choices.is-open .choices__inner{border-radius:4px 4px 0 0}.choices.is-open.is-flipped .choices__inner{border-radius:0 0 4px 4px}.choices[data-type*="select-one"]{cursor:pointer}.choices[data-type*="select-one"] .choices__inner{display:flex;flex-wrap:wrap;align-items:center;padding-top:0 !important}.choices[data-type*="select-one"] input.choices__input{display:block;width:calc(100% - 20px) !important;margin:10px !important;padding:7px 12px !important;box-sizing:border-box !important;border:1px solid #8c8f94 !important;border-radius:4px !important;background-color:#fff}.choices[data-type*="select-one"] input.choices__input:focus{border:1px solid #056aab !important;box-shadow:0 0 0 1px #056aab !important;outline:none !important}.choices[data-type*="select-one"] .choices__button{background-image:url("../images/cross-inverse.svg");padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.choices[data-type*="select-one"] .choices__button:hover,.choices[data-type*="select-one"] .choices__button:focus{opacity:1}.choices[data-type*="select-one"] .choices__button:focus{box-shadow:0 0 0 2px #036aab}.choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button{display:none}.choices[data-type*="select-one"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*="select-one"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}.choices[data-type*="select-one"][dir="rtl"]:after{left:11.5px;right:auto}.choices[data-type*="select-one"][dir="rtl"] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*="select-multiple"] .choices__inner{padding-right:24px}.choices[data-type*="select-multiple"] .choices__inner .choices__input{padding:0 4px !important;max-width:100%;background-color:transparent;line-height:22px}.choices[data-type*="select-multiple"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-1.5px;pointer-events:none}.choices[data-type*="select-multiple"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}.choices[data-type*="select-multiple"] .choices__inner,.choices[data-type*="text"] .choices__inner{cursor:text}.choices[data-type*="select-multiple"] .choices__button,.choices[data-type*="text"] .choices__button{position:absolute;display:inline-block;vertical-align:baseline;margin-top:0;margin-bottom:0;margin-inline-start:5px;padding:0;background-color:transparent;background-image:url("../images/cross.svg");background-size:12px;background-position:center center;background-repeat:no-repeat;width:12px;height:12px;line-height:1;opacity:.75;border-radius:0;inset-inline-end:4px}.choices[data-type*="select-multiple"] .choices__button:hover,.choices[data-type*="select-multiple"] .choices__button:focus,.choices[data-type*="text"] .choices__button:hover,.choices[data-type*="text"] .choices__button:focus{opacity:1}.choices__inner{width:100%;background-color:#ffffff;padding:4px 6px 0;border:1px solid #8c8f94;overflow:hidden;border-radius:4px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;vertical-align:baseline;width:100%;padding:0 16px 0 4px;font-size:0.875em}.choices__list--single .choices__item{width:100%;overflow:hidden;text-overflow:ellipsis;padding-right:20px;white-space:nowrap;color:#2c3338}.choices__list--single .choices__item[data-value='']{padding-right:0}.choices__list--multiple{display:inline;height:auto;overflow:auto}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;position:relative;align-items:center;border-radius:2px;padding-block:4px;padding-inline:7px 20px;font-size:.75em;line-height:1;font-weight:400;margin:0 6px 4px 0;background-color:#036aab;border:1px solid #036aab;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 10px)}.choices__list--multiple .choices__item.is-highlighted{background-color:#036aab}.is-disabled .choices__list--multiple .choices__item{background-color:#bbbbbb;border:1px solid #bbbbbb}.choices__list--dropdown{display:none;z-index:101;position:absolute;width:100%;background-color:#ffffff;border:1px solid #8c8f94;top:100%;margin-top:-1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;overflow-wrap:break-word}.choices__list--dropdown.is-active{display:block}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;vertical-align:top;padding:10px;font-size:.875em}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f6f6f6}.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__list--dropdown .choices__placeholder{display:none}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:4px 4px 0 0}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:.75em;text-transform:uppercase;padding:10px;border-top:1px solid #b4b6b9;border-bottom:1px solid #b4b6b9;color:#a6a6a6}.choices__group[data-value="hidden"]>.choices__heading{display:none}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;background-color:transparent;margin:0 0 2px 0 !important;border:0 !important;border-radius:0 !important;min-height:20px !important;padding:2px 4px !important;height:auto !important;min-width:1ch;width:1ch;vertical-align:middle}.choices__input::-webkit-search-cancel-button{display:none}.choices__input--hidden{clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;min-width:auto !important;word-wrap:normal !important}.choices .choices__inner input.choices__input:focus{outline:none !important;box-shadow:none !important;border:none !important}.choices__placeholder{opacity:.5}#wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner{border-radius:4px 4px 0 0}#wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown{border-radius:inherit}#wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after{border:none;background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center;background-size:16px 16px;cursor:pointer;width:16px;height:16px;top:13px;right:8px;margin-top:0}#wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after{transform:rotate(180deg)}body.rtl .choices[data-type*="select-multiple"] .choices__inner{padding-right:4px;padding-left:24px}body.rtl .choices__list--single{padding-right:4px;padding-left:16px}body.rtl .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}body.rtl .choices__list--dropdown .choices__item{text-align:right}body.rtl .choices__input{padding-right:2px !important;padding-left:0 !important}body.rtl .choices[data-type*="select-multiple"] .choices__button,body.rtl .choices[data-type*="text"] .choices__button{margin-inline-end:0;border-left:none}@media (min-width: 640px){body.rtl .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}body.rtl .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.wpforms-admin-page .choices:after{content:"\f347";position:absolute;top:calc( 50% - 6px);inset-inline-end:6px;font-family:dashicons, sans-serif;color:#50575e;border:none;width:16px;height:16px;line-height:1;z-index:2}.wpforms-admin-page .choices.is-open:after{margin-top:-1px;transform:rotate(180deg)}.wpforms-admin-page .choices[data-type*="select-multiple"] .choices__inner{cursor:pointer}.wpforms-admin-page .is-focused .choices__inner,.wpforms-admin-page .is-open .choices__inner{border-color:#056aab;box-shadow:0 0 0 1px #056aab;outline:none}.wpforms-admin-page .is-flipped.is-open .choices__inner{border-color:#056aab;box-shadow:0 0 0 1px #056aab;outline:none}.wpforms-admin-page .is-open .choices__list--dropdown{border-color:#056aab;border-top-color:#72757b;border-bottom:0;box-shadow:0 1px 0 1px #056aab}.wpforms-admin-page .is-open.is-flipped .choices__list--dropdown{border-top:0;border-bottom:1px solid #72757b;box-shadow:0 -1px 0 1px #056aab}.choices__inner{min-height:36px;padding-top:6px;line-height:1}div.wpforms-container.wpforms-edit-entry-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1}.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner{max-height:36px}.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner .choices__list{overflow:hidden;display:block;max-height:24px}.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"][aria-expanded="false"].choices__show-more:before{position:absolute;content:'\f11c';font-family:dashicons, sans-serif;top:7px;height:22px;line-height:22px;inset-inline-end:28px;text-align:center;font-size:14px;color:#a7aaad;box-sizing:border-box;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"] .choices__inner{padding-inline-end:40px}.wpforms-admin-page#wpforms-builder .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner{max-height:32px}.wpforms-admin-page#wpforms-builder .choices[data-type*="select-multiple"][aria-expanded="false"].choices__show-more:before{top:5px}.wpforms-admin-page .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;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-in-out}.wpforms-admin-page .wpforms-btn.inactive{cursor:no-drop;pointer-events:none;box-shadow:none;opacity:0.5}.wpforms-admin-page .wpforms-btn-block{display:block;width:100%}.wpforms-admin-page .wpforms-btn-sm{font-size:13px;font-weight:500;padding:4px 10px;min-height:30px}.wpforms-admin-page .wpforms-btn-md{font-size:14px;font-weight:600;padding:7px 15px;min-height:36px}.wpforms-admin-page .wpforms-btn-lg{font-size:16px;font-weight:600;padding:16px 28px}.wpforms-admin-page .wpforms-btn-orange{background-color:#e27730;border-color:#e27730;color:#ffffff}.wpforms-admin-page .wpforms-btn-orange:hover,.wpforms-admin-page .wpforms-btn-orange:active,.wpforms-admin-page .wpforms-btn-orange:focus{background-color:#cd6622;border-color:#cd6622;color:#ffffff}.wpforms-admin-page .wpforms-btn-orange:focus{box-shadow:0 0 0 2px #cd6622;border-color:#ffffff;outline:0}.wpforms-admin-page .wpforms-btn-red{background-color:#d63638;border-color:#d63638;color:#fff}.wpforms-admin-page .wpforms-btn-red:hover,.wpforms-admin-page .wpforms-btn-red:focus{background-color:#b32d2e;border-color:#b32d2e;color:#fff}.wpforms-admin-page .wpforms-btn-red:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px #b32d2e;outline:0}.wpforms-admin-page .wpforms-btn-blue{background-color:#056aab;border-color:#056aab;color:#ffffff}.wpforms-admin-page .wpforms-btn-blue:hover,.wpforms-admin-page .wpforms-btn-blue:focus{background-color:#04558a;border-color:#04558a;color:#ffffff}.wpforms-admin-page .wpforms-btn-blue:focus{box-shadow:0 0 0 2px #04558a;border-color:#ffffff;outline:0}.wpforms-admin-page .wpforms-btn-grey{background-color:#eee;border-color:#ccc;color:#666}.wpforms-admin-page .wpforms-btn-grey:hover{background-color:#d7d7d7;border-color:#ccc;color:#444}.wpforms-admin-page .wpforms-btn-bordered{background-color:transparent;border:1px solid #8c8f94;color:#50575e}.wpforms-admin-page .wpforms-btn-bordered:hover,.wpforms-admin-page .wpforms-btn-bordered:focus{background-color:#f0f0f1;border-color:#50575e;color:#2c3338}.wpforms-admin-page .wpforms-btn-light-grey{background-color:#f6f7f7;color:#50575e;border-color:#8c8f94}.wpforms-admin-page .wpforms-btn-light-grey:hover,.wpforms-admin-page .wpforms-btn-light-grey:focus{color:#2c3338;border-color:#50575e}.wpforms-admin-page .wpforms-btn-light-grey:focus{background-color:#f0f0f1;box-shadow:0 0 0 1px #50575e;outline:0}.wpforms-admin-page .wpforms-btn-trans-green{background-color:transparent;border:none;color:#2a9b39}.wpforms-admin-page .wpforms-btn-trans-green:hover{background-color:#2a9b39;color:#fff}.wpforms-admin-page .wpforms-btn-trans-green .underline{position:relative}.wpforms-admin-page .wpforms-btn-trans-green .underline:after{content:" ";border-bottom:1px dashed #2a9b39;position:absolute;bottom:-5px;left:0;width:100%}.wpforms-admin-page .wpforms-btn-trans-green .dashicons{height:18px}.wpforms-admin-page .wpforms-btn-green{background-color:#008a20;color:#ffffff;border-color:#008a20}.wpforms-admin-page .wpforms-btn-green:hover,.wpforms-admin-page .wpforms-btn-green:focus{background-color:#00a32a;color:#ffffff}body div.jconfirm *,body div.jconfirm *::before,body div.jconfirm *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body div.jconfirm .jconfirm-box-container .jconfirm-box{display:grid;grid-template-columns:repeat(2, 1fr);justify-items:center;animation:none;background:#ffffff;border-radius:6px;border-top-style:solid;border-top-width:4px;box-shadow:0 3px 6px rgba(0,0,0,0.15);padding-top:34px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c,body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane,body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons{grid-column:1 / -1}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default{border-top-width:0;padding-top:25px}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c{margin-bottom:20px}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c{font-size:44px;margin-bottom:-6px}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm{background-color:#e27730;border-color:#e27730}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover{background-color:#cd6622;border-color:#cd6622}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red{border-top-color:#d63638 !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#d63638 !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm{background-color:#d63638;border-color:#d63638}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover{background-color:#b32d2e;border-color:#b32d2e}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange{border-top-color:#e27730 !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#e27730 !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm{background-color:#e27730;border-color:#e27730}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover{background-color:#cd6622;border-color:#cd6622}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow{border-top-color:#ffb900 !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c{color:#ffb900 !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm{background-color:#ffb900;border-color:#ffb900}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover{background-color:#ffaa00;border-color:#ffaa00}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue{border-top-color:#0399ed !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#0399ed !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm{background-color:#0399ed;border-color:#0399ed}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover{background-color:#036aab;border-color:#036aab}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green{border-top-color:#00a32a !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#00a32a !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm{background-color:#00a32a;border-color:#00a32a}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover{background-color:#008a20;border-color:#008a20}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple{border-top-color:#7a30e2 !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#7a30e2 !important}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm{background-color:#7a30e2;border-color:#7a30e2}body div.jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover{background-color:#5c24a9;border-color:#5c24a9}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon{color:transparent;font-family:FontAwesome;height:14px;opacity:1;right:10px;top:10px;width:14px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after{color:#bbbbbb;content:"\f00d";font-size:16px;left:0;position:absolute;top:0}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after{color:#777777 !important}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c{margin:0 0 20px 0;padding:0;font-weight:600}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{font-size:47px;margin:0;-ms-transform:none !important;transform:none !important;-webkit-transition:none !important;transition:none !important}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c+.jconfirm-title{margin-top:20px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title{color:#444444;display:block;line-height:30px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane{display:block;margin-bottom:20px}body 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 div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p{color:#777777;font-size:18px;padding:0 20px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p{font-size:inherit;line-height:inherit;margin:0 0 16px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type{margin:0}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large{font-size:18px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small{font-size:14px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text],body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number],body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email],body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url],body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password],body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search],body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel],body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea,body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select{margin:10px 2px;width:calc(100% - 4px)}body div.jconfirm .jconfirm-box-container .jconfirm-box .already-purchased{display:block;grid-row:5;grid-column:1 / -1;color:#bbbbbb;font-size:14px;margin-top:15px;text-decoration:underline;text-align:center}body div.jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover{color:#777777;text-decoration:underline}body div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note{grid-row:4;grid-column:1 / -1;margin:25px 0 0 0;text-align:center}body div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note p{background-color:#fcf9e8;color:#777777;font-size:16px;margin:0 -30px;padding:22px 52px 12px 52px;position:relative}body div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after{top:-16px;background-color:#ffffff;border-radius:50%;color:#00a32a;content:"\f058";display:inline-block;font:normal normal normal 14px FontAwesome;font-size:26px;margin-right:-18px;padding:5px 6px;position:absolute;right:50%;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note span{color:#00a32a;font-weight:700}body div.jconfirm .jconfirm-box-container .jconfirm-box .discount-note a{color:#777777;display:block;margin-top:12px}body div.jconfirm .jconfirm-box-container .jconfirm-box .feature-video{margin:30px 0 0 0}body div.jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video{margin:15px 0 10px 0}body div.jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input){display:block;width:99%;border:1px solid #d6d6d6;padding:10px !important;box-shadow:none;margin:10px 1px 1px 1px !important;line-height:1 !important;outline:0}body div.jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input):focus{border-color:#007cba;box-shadow:0 0 0 1px #007cba}body div.jconfirm .jconfirm-box-container .jconfirm-box #wpforms-edu-modal-license-key{margin-top:20px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons{margin-top:-10px}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button{min-width:83px;background:#f8f8f8;border:1px solid #cccccc;border-radius:4px;color:#777777;font-size:16px;font-weight:600;line-height:20px;outline:none;padding:11px 17px;text-transform:none;margin:10px;transition-property:all;transition-duration:0.15s;transition-timing-function:ease-out}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover{background:#eeeeee;border-color:#cccccc}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled]{cursor:no-drop;pointer-events:none;opacity:.25}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm{color:#ffffff}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden+button{margin-left:0;margin-right:0}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block{display:block;margin:0 0 10px 0 !important;text-align:center;width:100%}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case{text-transform:none !important}body div.jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i{margin:0 10px 0 0}body div.jconfirm .jconfirm-box-container .jconfirm-box .error{color:#d63638;display:none}body div.jconfirm .jconfirm-box-container .jconfirm-box.wpforms-providers-account-add-modal .jconfirm-content .description{font-size:13px;line-height:1.4;margin-top:15px}body div.jconfirm .jconfirm-box-container .jconfirm-box #wpforms-embed-shortcode{margin:20px 0;text-align:center;font-size:24px;padding:8px 5px}body div.jconfirm .jconfirm-box-container .jconfirm-box #wpforms-embed-shortcode:disabled{color:#333333}body div.jconfirm .jconfirm-box-container .jconfirm-box button[disabled]{cursor:no-drop}body div.jconfirm.jconfirm-wpforms-education .jconfirm-content-pane{height:auto !important;min-height:fit-content}.choices{font-size:16px;text-align:start}.choices input[type=text].choices__input:not(.wpforms-hidden){display:inline-block !important}body .jconfirm.has-video div.jconfirm-box-container .jconfirm-box{padding-bottom:0;padding-top:30px}body .jconfirm.has-video div.jconfirm-box-container .already-purchased{display:block;grid-row:4;grid-column:1 / 2;margin-top:0}body .jconfirm.has-video div.jconfirm-box-container .already-purchased:hover{color:#777777}body .jconfirm.has-video div.jconfirm-box-container .discount-note{grid-row:5;margin:20px 0 0}body .jconfirm.has-video div.jconfirm-box-container .discount-note p{margin:0 -30px;padding:20px 52px;border-radius:0 0 6px 6px}body .jconfirm.has-video div.jconfirm-box-container .discount-note p:after{display:none}body .jconfirm.has-video div.jconfirm-box-container .feature-video,body .jconfirm.has-video div.jconfirm-box-container .pro-feature-video{grid-row:1 / span 4;grid-column-start:2;margin-top:0;margin-left:15px}body .jconfirm.has-video div.jconfirm-box-container .jconfirm-title-c,body .jconfirm.has-video div.jconfirm-box-container .jconfirm-content-pane,body .jconfirm.has-video div.jconfirm-box-container .jconfirm-buttons{grid-column:1 / 2}body .jconfirm.upgrade-modal .jconfirm-box-container div.jconfirm-box{padding-bottom:30px}body .jconfirm.upgrade-modal .jconfirm-box-container div.jconfirm-box .pro-feature-video{margin-bottom:0}body .jconfirm.upgrade-modal .jconfirm-box-container div.jconfirm-box .jconfirm-buttons{padding-bottom:0}@media screen and (max-width: 1023px){body .jconfirm.has-video div.jconfirm-box{grid-template-columns:repeat(1, 1fr)}body .jconfirm.has-video .feature-video,body .jconfirm.has-video .pro-feature-video{display:none}}.wpforms-admin-page .wpforms-alert{padding:16px;margin-bottom:18px;border:1px solid transparent}.wpforms-admin-page .wpforms-alert h4{margin-top:0;color:inherit}.wpforms-admin-page .wpforms-alert p{margin:0 0 15px 0}.wpforms-admin-page .wpforms-alert p:last-of-type{margin:0}.wpforms-admin-page .wpforms-alert.wpforms-alert-nomargin{margin:0}.wpforms-admin-page .wpforms-alert.wpforms-alert-small{font-size:12px}.wpforms-admin-page .wpforms-alert.wpforms-alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.wpforms-admin-page .wpforms-alert.wpforms-alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.wpforms-admin-page .wpforms-alert.wpforms-alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.wpforms-admin-page .wpforms-alert.wpforms-alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.wpforms-badge{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;text-transform:uppercase;font-weight:700;text-align:center;line-height:6px;user-select:none;transition-property:all;transition-duration:0.15s;transition-timing-function:ease-out}.wpforms-badge i{margin-right:5px}.wpforms-badge-lg{font-size:10px;letter-spacing:0.5px;padding:8px 10px}.wpforms-badge-sm{font-size:8px;letter-spacing:0.4px;padding:6px 8px}.wpforms-badge-inline{display:inline-block}.wpforms-badge-corner{position:absolute;right:0;top:0}.wpforms-badge-block{display:block;width:fit-content}.wpforms-badge-rounded{border-radius:3px}.wpforms-badge-rounded-bl{border-radius:0 0 0 3px}.wpforms-badge-square{border-radius:0}.wpforms-badge-silver,.wpforms-badge-platinum{color:#999999;background-color:#ededed}.wpforms-badge-titanium{color:#8c8f94;background-color:#e5e5e6}.wpforms-badge-steel{color:#9ba4af;background-color:#e7ecf2}.wpforms-badge-slate{color:#9ba4af;background-color:#dbe4ee}.wpforms-badge-stone{color:#999999;background-color:#444444}.wpforms-badge-orange{color:#e79055;background-color:#fdf2eb}.wpforms-badge-blue{color:#30abf0;background-color:#e6f4fe}.wpforms-badge-green{color:#30b450;background-color:#e5f6e9}.wpforms-badge-red{color:#dd595b;background-color:#fae6e7}.wpforms-badge-purple{color:#9b64e8;background-color:#faf5fe}#wpcontent{padding-left:0 !important;position:relative}@media (max-width: 600px){#wpcontent{padding-top:46px}}@media (max-width: 600px){#wpbody{padding-top:0}}.wpforms-admin-page a{color:#056aab}.wpforms-admin-page a:hover{color:#04558a}.wpforms-admin-page .row-actions .trash a,.wpforms-admin-page .row-actions .delete a{color:#d63638}.wpforms-admin-page .row-actions .trash a:hover,.wpforms-admin-page .row-actions .delete a:hover{color:#b32d2e}.wpforms-admin-page .button{color:#056aab;border-color:#056aab}.wpforms-admin-page .button[disabled]{color:#056aab !important;border-color:#056aab !important}.wpforms-admin-page .button:hover{color:#04558a;border-color:#04558a}.wpforms-admin-page .button:focus{color:#056aab;border-color:#056aab;box-shadow:0 0 0 1px #056aab}.wpforms-admin-page .button.button-primary{background-color:#056aab;border-color:#056aab;color:#ffffff}.wpforms-admin-page .button.button-primary:hover,.wpforms-admin-page .button.button-primary:focus{background-color:#04558a;border-color:#04558a;color:#ffffff}.wpforms-admin-page .button.button-primary:focus{border-color:#ffffff;box-shadow:0 0 0 2px #04558a}.wpforms-admin-page #screen-meta-links,.wpforms-admin-page #screen-meta{display:none}.wpforms-admin-page .video-container{position:relative;padding-bottom:56.1%;height:0;overflow:hidden}.wpforms-admin-page .video-container iframe,.wpforms-admin-page .video-container object,.wpforms-admin-page .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.wpforms-admin-page .wpforms-file-upload input[type=file]{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.wpforms-admin-page .wpforms-file-upload label{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;padding:0;outline:none}.wpforms-admin-page .wpforms-file-upload input[type=file]:focus+label .fld,.wpforms-admin-page .wpforms-file-upload input[type=file].has-focus+label .fld{border:1px solid #2271b1;box-shadow:0 0 0 1px #2271b1;outline:none}.wpforms-admin-page .wpforms-file-upload .fld{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:none;color:#333;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:400px;min-height:35px}.wpforms-admin-page .wpforms-file-upload .fld .placeholder{opacity:.5}.wpforms-admin-page .wpforms-file-upload strong .fa{margin-inline-end:8px}.wpforms-admin-page .wpforms-hide{display:none}.wpforms-admin-page .wpforms-hidden{display:none !important}.wpforms-admin-page .wpforms-h1-placeholder{display:none}.wpforms-admin-page .notice{display:none}.wpforms-admin-page .lity{z-index:999999999;padding:20px}.wpforms-admin-page .lity-close{margin:10px}.wpforms-admin-page .lity-content{max-width:80vw;max-height:80vh}.wpforms-admin-page .lity-content img{max-height:80vh !important;max-width:80vw !important}.wpforms-admin-page input.choices__input{line-height:normal;box-shadow:none}.wpforms-admin-page input:focus,.wpforms-admin-page select:focus,.wpforms-admin-page textarea:focus{border:1px solid #016AAB !important;box-shadow:0 0 0 1px #016AAB !important;outline:none !important}.wpforms-admin-page a:focus{box-shadow:0 0 2px 1px #016AABCC}.wpforms-admin-page #poststuff #post-body.columns-2{margin-right:320px}.wpforms-admin-page #poststuff #post-body.columns-2 .postbox-container{margin-right:-320px;width:300px}.wpforms-admin-page .postbox{background:#ffffff;border:1px solid #c3c4c7;box-shadow:0 1px 1px rgba(0,0,0,0.05);border-radius:4px}.wpforms-admin-page .postbox .hndle{cursor:default !important;border-color:#c3c4c7}.wpforms-admin-page .postbox #major-publishing-actions,.wpforms-admin-page .postbox .overlay{border-radius:0 0 4px 4px}.wpforms-admin-page .postbox #major-publishing-actions{border-top:1px solid #c3c4c7}.wpforms-admin-wrap{margin:0}.wpforms-admin-wrap .notice{margin-left:20px !important;margin-right:20px !important}.wpforms-admin-wrap .notice.wpforms-notice-spam{margin-bottom:10px}.wpforms-tools-tab-action-scheduler .error,.wpforms-tools-tab-action-scheduler .updated{margin-left:20px !important;margin-right:20px !important}.wpforms-admin-content{padding-left:20px;padding-right:20px}.wpforms-admin-content:before{content:" ";display:table}.wpforms-admin-content:after{clear:both;content:" ";display:table}.wpforms-admin-content hr{border:none;border-top:1px solid #e4e4e4;margin:20px 0;background:none}.wpforms-clear:before{content:" ";display:table}.wpforms-clear:after{clear:both;content:" ";display:table}.wpforms-admin-columns>div[class*="-column-"]{float:left}.wpforms-admin-columns .wpforms-admin-column-20{width:20%}.wpforms-admin-columns .wpforms-admin-column-33{width:33.33333%}.wpforms-admin-columns .wpforms-admin-column-40{width:40%}.wpforms-admin-columns .wpforms-admin-column-50{width:50%}.wpforms-admin-columns .wpforms-admin-column-60{width:60%}.wpforms-admin-columns .wpforms-admin-column-80{width:80%}.wpforms-admin-columns .wpforms-admin-column-last{float:right !important}.wpforms-admin-columns:after{content:"";display:table;clear:both}.lity-active,.lity-active body.wpforms-admin-page{overflow:scroll}@media screen and (max-width: 782px){.wpforms-admin-wrap .notice{margin:5px 10px 10px 10px !important}.wpforms-tools-tab-action-scheduler .error,.wpforms-tools-tab-action-scheduler .updated{margin:5px 10px 10px 10px !important}}.flatpickr-calendar select.flatpickr-monthDropdown-months,.flatpickr-calendar input.numInput{min-height:auto;padding:0}.flatpickr-calendar select.flatpickr-monthDropdown-months:focus,.flatpickr-calendar select.flatpickr-monthDropdown-months:hover,.flatpickr-calendar select.flatpickr-monthDropdown-months:active,.flatpickr-calendar input.numInput:focus,.flatpickr-calendar input.numInput:hover,.flatpickr-calendar input.numInput:active{border:none !important;box-shadow:none !important;outline:none !important;background:transparent !important}@media (max-width: 599px){.flatpickr-calendar .flatpickr-current-month .numInputWrapper{width:calc(6ch - 14px)}.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp,.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown{display:none}}.rtl.wpforms-admin-page #wpcontent{padding-right:0 !important;padding-left:0 !important}.rtl.wpforms-admin-page #poststuff #post-body.columns-2{margin-right:0;margin-left:320px}.rtl.wpforms-admin-page #poststuff #post-body.columns-2 .postbox-container{margin-left:-320px;margin-right:unset;width:300px}#wpforms-header-temp{margin:0;position:absolute;top:-1px;left:20px;right:0;z-index:99}@media (max-width: 599px){#wpforms-header-temp{padding-top:50px}}#wpforms-header{border-top:3px solid #e27730;padding:22px 20px;box-sizing:border-box;height:111px}@media (max-width: 782px){#wpforms-header{height:101px}}#wpforms-header img{display:block;margin:0;max-width:235px}@media (max-width: 782px){#wpforms-header img{max-width:200px}}@media screen and (min-width: 1024px){#wpforms-notice-bar+#wpforms-header-temp{top:34px}}#wpforms-payments h1.page-title .wpforms-payments-overview-help{font-size:14px;font-weight:600;line-height:18px;margin-inline-start:auto}#wpforms-payments h1.page-title .wpforms-payments-overview-help a{align-items:center;color:#999999;display:flex;gap:6px;text-decoration:none}#wpforms-payments h1.page-title .wpforms-payments-overview-help a:is(:active,:focus,:hover){box-shadow:none;color:#777777;outline:none}#wpforms-payments h1.page-title .wpforms-payments-overview-help a i{font-size:16px}body.wpforms-admin-page #wpbody-content{padding-bottom:200px}@media (max-width: 782px){body.wpforms-admin-page #wpbody-content{padding-bottom:0 !important}}body.wpforms-admin-page.wpforms_page_wpforms-entries #wpbody-content{padding-bottom:185px}body.wpforms-admin-page.wpforms_page_wpforms-entries #wpbody-content #wpforms-entries-single{margin-bottom:10px}body.wpforms-admin-page.wpforms_page_wpforms-entries #wpbody-content #wpforms_reports_widget_pro,body.wpforms-admin-page.wpforms_page_wpforms-entries #wpbody-content .wpforms-entries-list-upgrade{margin-bottom:50px}body.wpforms-admin-page.wpforms_page_wpforms-templates #wpbody-content{padding-bottom:215px}body.wpforms-admin-page.wpforms_page_wpforms-settings #wpbody-content{padding-bottom:150px}body.wpforms-admin-page.wpforms_page_wpforms-settings #wpbody-content .settings-lite-cta{margin-bottom:80px}body.wpforms-admin-page.wpforms_page_wpforms-settings #wpbody-content .wpforms-admin-settings-integrations{margin-bottom:80px}body.wpforms-admin-page.wpforms_page_wpforms-settings #wpbody-content .wpforms-admin-settings-integrations .settings-lite-cta{margin-bottom:0}body.wpforms-admin-page.wpforms_page_wpforms-tools #wpbody-content{padding-bottom:0}body.wpforms-admin-page.wpforms_page_wpforms-tools #wpbody-content #wpforms-tools{padding-bottom:230px}@media (max-width: 782px){body.wpforms-admin-page.wpforms_page_wpforms-tools #wpbody-content #wpforms-tools{padding-bottom:20px !important}}body.wpforms-admin-page.wpforms_page_wpforms-tools #wpbody-content #wpforms-tools.wpforms-tools-tab-action-scheduler,body.wpforms-admin-page.wpforms_page_wpforms-tools #wpbody-content #wpforms-tools.wpforms-tools-tab-logs{padding-bottom:185px}body.wpforms-admin-page.wpforms_page_wpforms-addons #wpbody-content,body.wpforms-admin-page.wpforms_page_wpforms-analytics #wpbody-content,body.wpforms-admin-page.wpforms_page_wpforms-smtp #wpbody-content,body.wpforms-admin-page.wpforms_page_wpforms-about #wpbody-content{padding-bottom:210px}body.wpforms-admin-page.wpforms_page_wpforms-addons #wpbody-content .wpforms-admin-about-section:last-child,body.wpforms-admin-page.wpforms_page_wpforms-analytics #wpbody-content .wpforms-admin-about-section:last-child,body.wpforms-admin-page.wpforms_page_wpforms-smtp #wpbody-content .wpforms-admin-about-section:last-child,body.wpforms-admin-page.wpforms_page_wpforms-about #wpbody-content .wpforms-admin-about-section:last-child{margin-bottom:20px}body.wpforms-admin-page.wpforms_page_wpforms-community #wpbody-content{padding-bottom:190px}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion{text-align:center;font-weight:400;font-size:13px;line-height:normal;color:#646970;padding:30px 0;margin-bottom:20px}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion p{font-weight:600}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-links,body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-social{display:flex;justify-content:center;align-items:center}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-links{margin:10px 0;color:#646970}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-links a{color:#056aab}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-links a:hover{color:#04558a}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-links span{color:#c3c4c7;padding:0 7px}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-social{gap:10px;margin:0}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-social li{margin-bottom:0}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-social li path{color:#646970}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-social li:hover path{fill:#50575e}body.wpforms-admin-page #wpfooter .wpforms-footer-promotion-social a{display:block;height:16px}body.wpforms-admin-page #wpfooter #footer-left{color:#50575e;font-size:13px;font-style:normal;font-weight:400;line-height:normal}body.wpforms-admin-page #wpfooter #footer-left strong{font-weight:600}.wpforms-admin-wrap .page-title{display:flex !important;align-items:center;gap:20px;margin:0 0 20px 0;padding:15px 20px;color:#101517;background-color:#ffffff;font-size:22px;font-weight:400;line-height:30px}.wpforms-admin-wrap .page-title-action{transition-property:color, background-color, border-color, box-shadow;border-radius:4px !important}.wpforms-admin-wrap .page-title-action,.wpforms-admin-wrap .page-title-action:active{position:initial;display:inline-flex !important;align-items:center;gap:7px;margin:0;padding:6px 10px;font-size:13px;font-weight:600;line-height:normal}.wpforms-admin-wrap .page-title-action-icon{width:auto;height:12px;fill:#ffffff;opacity:0.75}.wpforms-payments-wrap .page-title{font-size:22px;line-height:30px}.wpforms-payments-wrap.wpforms-payments-wrap-payments .page-title{align-items:center;display:flex !important;gap:20px}.wpforms-payments-wrap .wpforms-payments-overview-help{font-size:14px;font-weight:600;line-height:18px;margin-inline-start:auto}.wpforms-payments-wrap .wpforms-payments-overview-help a{align-items:center;color:#999999;display:flex;gap:6px;text-decoration:none}.wpforms-payments-wrap .wpforms-payments-overview-help a:is(:active,:focus,:hover){box-shadow:none;color:#777777;outline:none}.wpforms-payments-wrap .wpforms-payments-overview-help a i{font-size:16px}.wpforms-admin-tabs{display:flex;flex-wrap:wrap;gap:0 30px;margin:0 0 20px 0;padding:0 20px;background-color:#ffffff;list-style:none;font-size:14px;font-weight:400}@media (max-width: 767px){.wpforms-admin-tabs{flex-wrap:nowrap;overflow-x:scroll;padding:0 30px 0 20px;white-space:nowrap}.wpforms-admin-tabs::after{content:"\f11c";font-family:dashicons;position:absolute;top:0;inset-inline-end:0;bottom:0;background-color:#ffffff;width:36px;height:60px;box-shadow:0 0 20px -5px #00000030;clip-path:inset(0 0 0 -20px);color:#a7aaad;display:flex;justify-content:center;flex-direction:column;align-items:center;opacity:0;transition-property:opacity;transition-duration:0.15s;transition-timing-function:ease-out}.wpforms-admin-tabs.wpforms-admin-tabs--scrollable::after{opacity:1}}.wpforms-admin-tabs li{margin:0;padding:0}.wpforms-admin-tabs li a{display:block;padding:15px 0 12px 0;line-height:30px;border-bottom:3px solid #ffffff;box-shadow:none;color:#2c3338;text-decoration:none}.wpforms-admin-tabs li a:hover,.wpforms-admin-tabs li a:focus,.wpforms-admin-tabs li a.active:focus{color:#2c3338;border-color:#c3c4c7}.wpforms-admin-tabs li a.active{border-color:#e27730}.wpforms-admin-tabs li a:focus{box-shadow:none}.rtl .wpforms-admin-wrap .page-title-action,.rtl .wpforms-admin-wrap .page-title-action:active{flex-direction:row-reverse}#wpforms-flyout{position:fixed;z-index:99999;transition:all 0.2s ease-in-out;inset-inline-end:40px;bottom:40px;opacity:1}@media (max-width: 959px){#wpforms-flyout{display:none}}#wpforms-flyout .wpforms-flyout-head{display:block}#wpforms-flyout .wpforms-flyout-head img{width:54px;height:54px;display:block;border-radius:50%;border:3px solid #E1772F;overflow:hidden;box-shadow:0 3px 20px rgba(0,0,0,0.2);transition:all 0.2s ease-in-out}#wpforms-flyout .wpforms-flyout-head:hover img{box-shadow:0 3px 30px rgba(0,0,0,0.25)}#wpforms-flyout .wpforms-flyout-head .wpforms-flyout-label{opacity:0;transform:translateY(-50%) scale(0);margin-inline-end:-50px}#wpforms-flyout .wpforms-flyout-head:hover .wpforms-flyout-label{opacity:1;transform:translateY(-50%) scale(1);margin-inline-end:0}#wpforms-flyout .wpforms-flyout-head:focus{box-shadow:none}#wpforms-flyout .wpforms-flyout-head .wpforms-flyout-label{inset-inline-end:calc(100% + 15px)}#wpforms-flyout .wpforms-flyout-label{position:absolute;display:block;top:50%;inset-inline-end:calc(100% + 25px);transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#fff;background:#5F5E5E 0 0 no-repeat padding-box;font-size:12px;white-space:nowrap;padding:5px 10px;height:auto !important;line-height:initial;transition:all 0.2s ease-out;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#wpforms-flyout .wpforms-flyout-item{position:absolute;inset-inline-start:10px;width:40px;height:40px;opacity:0;visibility:hidden;transition:all 0.2s ease-in-out;transform:scale(0);border-radius:50%;box-shadow:0 3px 20px rgba(0,0,0,0.2);background:#036AAB 0 0 no-repeat padding-box;text-align:center;vertical-align:middle}#wpforms-flyout .wpforms-flyout-item i{color:#ffffff;font-size:20px;line-height:40px;vertical-align:middle}#wpforms-flyout .wpforms-flyout-item.wpforms-flyout-item-0{bottom:75px}#wpforms-flyout .wpforms-flyout-item.wpforms-flyout-item-1{bottom:130px}#wpforms-flyout .wpforms-flyout-item.wpforms-flyout-item-2{bottom:185px}#wpforms-flyout .wpforms-flyout-item.wpforms-flyout-item-3{bottom:240px}#wpforms-flyout .wpforms-flyout-item.wpforms-flyout-item-4{bottom:295px}#wpforms-flyout .wpforms-flyout-item:hover{box-shadow:0 3px 30px rgba(0,0,0,0.25);background:#0096F0 0 0 no-repeat padding-box}#wpforms-flyout .wpforms-flyout-item:hover .wpforms-flyout-label{background:#444444 0 0 no-repeat padding-box}#wpforms-flyout.opened .wpforms-flyout-item{opacity:1;visibility:visible;transform:scale(1)}#wpforms-flyout.opened .wpforms-flyout-head .wpforms-flyout-label{display:none}#wpforms-flyout.opened .wpforms-flyout-item-0{transition:transform 0.2s 0ms, background-color 0.2s}#wpforms-flyout.opened .wpforms-flyout-item-1{transition:transform 0.2s 35ms, background-color 0.2s}#wpforms-flyout.opened .wpforms-flyout-item-2{transition:transform 0.2s 70ms, background-color 0.2s}#wpforms-flyout.opened .wpforms-flyout-item-3{transition:transform 0.2s 105ms, background-color 0.2s}#wpforms-flyout.opened .wpforms-flyout-item-4{transition:transform 0.2s 140ms, background-color 0.2s}#wpforms-flyout.out{opacity:0;visibility:hidden}.wpforms-admin-empty-state-container{color:#50575e;font-style:normal;padding:30px;text-align:center}.wpforms-admin-empty-state-container .waving-hand-emoji{background-image:url(../images/empty-states/waving-hand-emoji.png);background-position:0 0;background-repeat:no-repeat;background-size:24px 24px;display:inline-block;padding-left:34px}.wpforms-admin-empty-state-container h2{color:#1d2327;font-family:inherit;font-size:24px;font-weight:600;line-height:29px;margin:0 0 10px}.wpforms-admin-empty-state-container h4{color:#32373c;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;margin-block:0}.wpforms-admin-empty-state-container img{max-width:428px;width:100%;margin:30px auto}.wpforms-admin-empty-state-container p{font-family:inherit;font-size:16px;line-height:24px;margin-block:0;text-align:center}.wpforms-admin-empty-state-container.wpforms-admin-no-forms p:first-of-type{font-weight:600}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active{border:none;border-radius:3px;font-family:inherit;font-weight:600;font-size:16px;line-height:1.5;text-align:center;color:#ffffff;padding:15px 30px;margin:0;text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:hover,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:focus,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:focus{outline:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-admin-no-forms-footer{margin-top:30px;font-size:14px;line-height:16px}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms{font-family:'Helvetica Neue', sans-serif;background:rgba(255,255,255,0.5);border:1px solid #71d7d7;box-sizing:border-box;padding:20px}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms img{max-width:240px;width:100%;margin:0 auto}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms p{font-family:inherit;font-weight:normal;font-size:14px;line-height:18px;text-align:center;color:#495157;max-width:450px;margin:20px auto 0}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a{color:inherit;text-decoration:underline;position:relative}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a:hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn{background:#525962;border:none;border-radius:3px;font-family:inherit;font-weight:600;font-size:12px;line-height:1.5;text-align:center;text-transform:uppercase;color:#ffffff;padding:7px 17px;margin:20px 0 0;text-decoration:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:hover{text-decoration:none;background:#2b2c31}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:focus{outline:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-admin-no-forms-footer{font-size:12px;line-height:1.5;color:#6d7882}.wpforms-admin-empty-state-container.wpforms-admin-no-entries img{max-width:413px;display:block}.wpforms-admin-empty-state-container.wpforms-admin-no-payments{max-width:600px;margin:0 auto}.wpforms-admin-empty-state-container.wpforms-admin-no-payments img{display:block}.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-btn-lg{border-radius:4px;padding:14px 20px}.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]){color:#056aab;text-decoration:underline}.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]):hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-admin-no-forms-footer{margin-top:30px;font-size:14px}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h2,.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h4{font-weight:500}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p{font-size:14px;color:#777777}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p.wpforms-admin-no-forms-footer{color:#50575e}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates img{max-width:560px;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,0.15)}#wpforms-reset-filter{clear:both;margin:20px 0;padding:10px;font-size:15px;text-align:center;background:#ffffff;border:1px solid #ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,0.04)}#wpforms-reset-filter .reset{cursor:pointer;color:#a7aaad;margin-left:3px}#wpforms-reset-filter .reset:focus,#wpforms-reset-filter .reset:hover{color:#dc3232}@media (max-width: 782px){#wpforms-reset-filter{margin-bottom:10px}}.wpforms-toggle-control{display:flex;align-items:center;margin:0 1px;line-height:1;color:#50575e;font-weight:500}.wpforms-toggle-control input[type=checkbox]{position:absolute;overflow:hidden;height:0;width:0;border:none !important;box-shadow:none !important;margin:0;min-width:0}.wpforms-toggle-control input[type=checkbox]:hover,.wpforms-toggle-control input[type=checkbox]:focus{border:none !important;box-shadow:none !important}.wpforms-toggle-control input[type=checkbox]:hover+label.wpforms-toggle-control-icon{background-color:#646970}.wpforms-toggle-control input[type=checkbox]:focus+label.wpforms-toggle-control-icon{background-color:#646970;box-shadow:0 0 0 1px #ffffff, 0 0 0 2px #8c8f94}.wpforms-toggle-control input[type=checkbox]:checked+label.wpforms-toggle-control-icon{background-color:#056aab}.wpforms-toggle-control input[type=checkbox]:checked+label.wpforms-toggle-control-icon:after{left:calc( 100% - 2px);transform:translateX(-100%)}.wpforms-toggle-control input[type=checkbox]:checked:hover+label.wpforms-toggle-control-icon{background-color:#04558a}.wpforms-toggle-control input[type=checkbox]:checked:focus+label.wpforms-toggle-control-icon{box-shadow:0 0 0 1px #ffffff, 0 0 0 2px #04558a}.wpforms-toggle-control input[type=checkbox]:disabled+label.wpforms-toggle-control-icon{opacity:0.5}.wpforms-toggle-control input[type=checkbox]:disabled:hover+label.wpforms-toggle-control-icon,.wpforms-toggle-control input[type=checkbox]:disabled:focus+label.wpforms-toggle-control-icon{box-shadow:none}.wpforms-toggle-control span,.wpforms-toggle-control label{display:inline-block;margin-bottom:0}.wpforms-toggle-control .wpforms-toggle-control-label{padding:0 10px;max-width:calc( 100% - 65px)}.wpforms-toggle-control .wpforms-toggle-control-status{color:#50575e;font-size:12px;line-height:17px;padding:0 10px}.wpforms-toggle-control .wpforms-toggle-control-icon{background-color:#8c8f94;border-radius:8.5px;cursor:pointer;display:inline-block;height:17px;position:relative;text-indent:-9999px;width:27px}.wpforms-toggle-control .wpforms-toggle-control-icon:after{background:#ffffff;border-radius:50%;content:"";height:13px;left:2px;position:absolute;top:2px;width:13px;transition:all 0.25s ease-out}.wpforms-toggle-control:hover input:checked+label.wpforms-toggle-control-icon{background-color:#215d8f}.wpforms-toggle-control:hover .wpforms-toggle-control-icon{background-color:#8c8f94}.wpforms-toggle-control.wpforms-important .wpforms-toggle-control-icon{background-color:#d63638}.wpforms-admin-settings .wpforms-setting-row .wpforms-toggle-desc{margin:8px 0 0}#wpforms-payments .wpforms-admin-content .wpforms-education-container-page .wpforms-setting-field,#wpforms-settings .wpforms-admin-content .wpforms-education-container-page .wpforms-setting-field{margin:0;max-width:none}#wpforms-payments .wpforms-admin-content .wpforms-education-page .wpforms-setting-field,#wpforms-settings .wpforms-admin-content .wpforms-education-page .wpforms-setting-field{margin:0;max-width:1000px}#wpforms-payments .wpforms-admin-content .wpforms-education-page,#wpforms-settings .wpforms-admin-content .wpforms-education-page{max-width:1000px;margin-bottom:30px;padding:0}#wpforms-payments .wpforms-admin-content .wpforms-education-page.wpforms-setting-row,#wpforms-settings .wpforms-admin-content .wpforms-education-page.wpforms-setting-row{padding:0}#wpforms-payments .wpforms-admin-content .wpforms-education-page .fa,#wpforms-settings .wpforms-admin-content .wpforms-education-page .fa{font-family:FontAwesome}#wpforms-payments .wpforms-admin-content .wpforms-education-page-heading h4,#wpforms-settings .wpforms-admin-content .wpforms-education-page-heading h4{margin-bottom:10px;display:flex;align-items:center;gap:10px}#wpforms-payments .wpforms-admin-content .wpforms-education-page-heading p,#wpforms-settings .wpforms-admin-content .wpforms-education-page-heading p{font-weight:400;font-size:14px;line-height:20px;color:#444444;margin-top:0}#wpforms-payments .wpforms-admin-content .wpforms-education-page-images,#wpforms-settings .wpforms-admin-content .wpforms-education-page-images{display:flex;gap:25px;margin:25px 0}#wpforms-payments .wpforms-admin-content .wpforms-education-page-images figure,#wpforms-settings .wpforms-admin-content .wpforms-education-page-images figure{margin:0}#wpforms-payments .wpforms-admin-content .wpforms-education-page-images figcaption,#wpforms-settings .wpforms-admin-content .wpforms-education-page-images figcaption{font-style:normal;font-weight:400;font-size:14px;line-height:17px;text-align:center;color:#777777;margin-top:10px}#wpforms-payments .wpforms-admin-content .wpforms-education-page-images-image,#wpforms-settings .wpforms-admin-content .wpforms-education-page-images-image{display:inline-block;position:relative;padding:5px;background-color:#ffffff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05);border-radius:3px}#wpforms-payments .wpforms-admin-content .wpforms-education-page-images-image img,#wpforms-settings .wpforms-admin-content .wpforms-education-page-images-image img{max-width:100%;display:block}#wpforms-payments .wpforms-admin-content .wpforms-education-page-images-image .hover,#wpforms-settings .wpforms-admin-content .wpforms-education-page-images-image .hover{position:absolute;opacity:0;height:calc(100% - 10px);width:calc(100% - 10px);top:0;left:0;border:5px solid #ffffff;background-color:rgba(0,0,0,0.15);background-image:url("../images/zoom.svg");background-repeat:no-repeat;background-position:center;background-size:50px;transition:all 0.3s;box-sizing:initial}#wpforms-payments .wpforms-admin-content .wpforms-education-page-images-image:hover .hover,#wpforms-settings .wpforms-admin-content .wpforms-education-page-images-image:hover .hover{opacity:1;transition:all 0.3s}#wpforms-payments .wpforms-admin-content .wpforms-education-page-caps,#wpforms-settings .wpforms-admin-content .wpforms-education-page-caps{max-width:986px;box-sizing:content-box;background:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,0.05);border-radius:6px;padding:20px;overflow:auto}#wpforms-payments .wpforms-admin-content .wpforms-education-page-caps p,#wpforms-settings .wpforms-admin-content .wpforms-education-page-caps p{font-weight:600;font-size:16px;line-height:16px;color:#32373c;margin-bottom:20px;margin-top:0}#wpforms-payments .wpforms-admin-content .wpforms-education-page-caps ul,#wpforms-settings .wpforms-admin-content .wpforms-education-page-caps ul{margin:0;margin-bottom:-20px}@media (min-width: 783px){#wpforms-payments .wpforms-admin-content .wpforms-education-page-caps ul,#wpforms-settings .wpforms-admin-content .wpforms-education-page-caps ul{display:flex;flex-wrap:wrap}}#wpforms-payments .wpforms-admin-content .wpforms-education-page-caps ul li,#wpforms-settings .wpforms-admin-content .wpforms-education-page-caps ul li{font-weight:400;font-size:14px;line-height:20px;color:#50575e;margin-bottom:20px}@media (min-width: 783px){#wpforms-payments .wpforms-admin-content .wpforms-education-page-caps ul li,#wpforms-settings .wpforms-admin-content .wpforms-education-page-caps ul li{flex:0 0 33.3333%}}#wpforms-payments .wpforms-admin-content .wpforms-education-page-caps ul li i,#wpforms-settings .wpforms-admin-content .wpforms-education-page-caps ul li i{color:#008a20;margin-right:10px}#wpforms-payments .wpforms-admin-content .wpforms-education-page-button,#wpforms-settings .wpforms-admin-content .wpforms-education-page-button{margin-top:25px}#wpforms-payments .wpforms-admin-content .wpforms-education-page .msg,#wpforms-settings .wpforms-admin-content .wpforms-education-page .msg{background:#ffffff;line-height:1.5em;font-size:14px;color:#444444;margin:20px 0 0 0;padding:10px;border:0}#wpforms-payments .wpforms-admin-content .wpforms-education-page .msg.error,#wpforms-settings .wpforms-admin-content .wpforms-education-page .msg.error{border-left:4px solid #dc3232}#wpforms-payments .wpforms-admin-content .wpforms-education-page .msg.info,#wpforms-settings .wpforms-admin-content .wpforms-education-page .msg.info{border-left:4px solid #22a0d0}@media screen and (max-width: 1023px){.wpforms-dyk{display:none !important}}.wpforms-dyk td{background-color:#ffffff;border-left:4px solid #056aab;border-top:1px solid #c3c4c7;padding:10px}.wpforms-dyk .wpforms-dyk-fbox{align-items:center;align-content:stretch;justify-content:flex-start;display:flex;opacity:1;transition:all .3s}.wpforms-dyk .wpforms-dyk-fbox.out{opacity:0;transform:scaleY(0)}.wpforms-dyk .wpforms-dyk-icon{width:41px;height:41px;margin-right:10px}.wpforms-dyk .wpforms-dyk-icon>svg,.wpforms-dyk .wpforms-dyk-bulb{width:25px;height:25px;margin-right:10px;border-radius:50%;fill:#ffffff;background-color:#056aab;padding:8px}.wpforms-dyk .wpforms-dyk-message{font-size:13px;font-weight:400;color:#50575e}.wpforms-dyk .wpforms-dyk-message strong{font-weight:600;color:#2c3338}.wpforms-dyk .wpforms-dyk-buttons{margin-left:auto;vertical-align:middle;min-width:280px;text-align:right}.wpforms-dyk .wpforms-dyk-buttons>a,.wpforms-dyk .wpforms-dyk-buttons>button{vertical-align:middle;margin-left:10px}.wpforms-dyk .wpforms-dyk-buttons .wpforms-dismiss-button{border:none;padding:0;background:0 0;color:#a7aaad;cursor:pointer;margin-left:6px}.wpforms-dyk .wpforms-dyk-buttons .wpforms-dismiss-button:before{background:0 0;content:"\f057";display:block;font:normal 16px/16px FontAwesome, sans-serif;speak:none;height:16px;text-align:center;width:16px;-webkit-font-smoothing:antialiased}.wpforms-dyk .wpforms-dyk-buttons .wpforms-dismiss-button:hover{color:#dc3232}.wpforms-dyk .wpforms-dyk-buttons .wpforms-dismiss-button:focus{outline:none}.wpforms-dyk .wpforms-dyk-buttons .learn-more{text-decoration:underline}.wpforms-dyk .wpforms-dyk-buttons .wpforms-btn-md{min-height:auto;font-size:14px}#wpforms-setting-row-email-heading .wpforms-setting-field{max-width:100%}.wpforms-smtp-education-notice{background:#ffffff;border-radius:3px;margin:30px 0 0;padding:18px 20px 18px 78px;position:relative}.wpforms-smtp-education-notice:before{content:'';display:block;width:38px;height:48px;position:absolute;left:20px;top:15px;background-image:url("../images/smtp/pattie.svg");background-size:100%}.wpforms-smtp-education-notice-title{font-weight:600;font-size:16px;line-height:20px}.wpforms-smtp-education-notice-description{font-weight:400;font-size:14px;line-height:17px;color:#646970;margin-top:5px}.wpforms-smtp-education-notice-description a{color:#e27730;font-weight:600}.wpforms-smtp-education-notice-description a:hover{color:#cd6622}.wpforms-smtp-education-notice-dismiss-button{position:absolute;right:0;top:0;padding:5px;color:#a7aaad;cursor:pointer}.wpforms-smtp-education-notice-dismiss-button:hover{color:#787c82}.wpforms-loading-spinner{background-image:url("../images/spinner.svg");background-repeat:no-repeat;background-size:15px 15px;background-position:center;display:block;height:15px;margin:0 10px 0 0;vertical-align:-2px;width:15px;-webkit-animation:wpforms-spinner-rotation 0.8s linear infinite;-moz-animation:wpforms-spinner-rotation 0.8s linear infinite;-ms-animation:wpforms-spinner-rotation 0.8s linear infinite;-o-animation:wpforms-spinner-rotation 0.8s linear infinite;animation:wpforms-spinner-rotation 0.8s linear infinite}.wpforms-loading-spinner.wpforms-loading-white{background-image:url("../images/spinner-white.svg")}.wpforms-loading-spinner.wpforms-loading-blue{background-image:url("../images/spinner-blue.svg");background-size:14px 15px}.wpforms-loading-spinner.wpforms-loading-md{background-size:24px 24px;height:24px;width:24px}.wpforms-loading-spinner.wpforms-loading-inline{display:inline-block;margin:auto}@keyframes wpforms-spinner-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.wpforms-datepicker-popover-content .wpforms-datepicker-choices [type="radio"],.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .form-control{border:none;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}#wpforms-datepicker-popover-button{background:#ffffff;border-color:#8c8f94;color:#3c434a;display:flex;align-items:center;font-size:14px;gap:16px}#wpforms-datepicker-popover-button:hover{color:#056aab}#wpforms-datepicker-popover-button:focus-within,#wpforms-datepicker-popover-button:focus{color:#056aab;border-color:#056aab;box-shadow:0 0 0 1px #056aab}#wpforms-datepicker-popover-button::after{content:"";display:inline-block;height:5px;width:5px;border-style:solid;border-width:1.5px;border-color:transparent #787c82 #787c82 transparent;transform:rotate(45deg);margin-top:-5px}.wpforms-datepicker-popover{background:#ffffff;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,0.15);display:none;margin-top:9px;position:absolute;z-index:30;right:0;width:416px;max-width:80vw}.wpforms-datepicker-popover-content{display:flex;flex-wrap:wrap}.wpforms-datepicker-popover-content .wpforms-datepicker-choices{flex-grow:1;padding:20px;margin:0;font-size:14px;line-height:14px;display:flex;flex-direction:column;justify-content:space-between;gap:15px}@media (min-width: 601px){.wpforms-datepicker-popover-content .wpforms-datepicker-choices{border-right:1px solid #ccd0d4;margin-right:4px}}@media (max-width: 600px){.wpforms-datepicker-popover-content .wpforms-datepicker-choices{border-bottom:1px solid #ccd0d4}}.wpforms-datepicker-popover-content .wpforms-datepicker-choices li{margin-bottom:0}.wpforms-datepicker-popover-content .wpforms-datepicker-choices label{display:block}.wpforms-datepicker-popover-content .wpforms-datepicker-choices label:not(.is-selected):hover{color:#1d2327}.wpforms-datepicker-popover-content .wpforms-datepicker-choices .is-selected{font-weight:600;color:#e27730}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar{padding:10px}@media (min-width: 601px){.wpforms-datepicker-popover-content .wpforms-datepicker-calendar{width:245px}}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar{box-shadow:none;width:100%}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar.inline{top:0}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar *{box-sizing:border-box}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-months{position:relative}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month{height:24px;width:24px;line-height:17px;padding:5px}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg{width:12px;height:12px;stroke:#2c3338;stroke-width:1.5px}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-month{height:24px}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month{font-size:14px;height:24px;padding:0}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .cur-year,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months{font-weight:400;min-height:24px;box-shadow:none}@media (max-width: 782px){#wpbody .wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .cur-year,#wpbody .wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months{font-size:inherit;height:auto}}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .cur-year:hover,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:hover{background-color:#ffffff;color:#2c3338}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .cur-year:focus,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:focus{border-width:0 !important;box-shadow:none !important;color:inherit}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .numInputWrapper span{right:-4px}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-current-month .numInputWrapper:hover{background-color:#ffffff}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-weekdays{height:32px}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-weekday{color:#787c82;font-weight:600;font-size:11px}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-rContainer,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-days,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .dayContainer{width:100%}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .dayContainer{max-width:100%;min-width:100%}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .today:is(:hover,:focus){color:inherit}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-day{display:flex;align-items:center;height:auto;line-height:30px;margin:0;aspect-ratio:1;box-shadow:none;max-width:none;border-style:hidden}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-day.inRange,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-day:focus,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-day:hover{background:#f0f0f1}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-day.selected,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-day.startRange,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-day.endRange{background:#056aab;color:#ffffff}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-day.startRange+.endRange{box-shadow:none}.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .flatpickr-disabled,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .prevMonthDay,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .nextMonthDay,.wpforms-datepicker-popover-content .wpforms-datepicker-calendar .flatpickr-calendar .notAllowed{color:#c3c4c7}.wpforms-datepicker-popover-content .wpforms-datepicker-action{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%;border-top:1px solid #ccd0d4;padding:15px 20px}.wpforms-datepicker-popover-content .wpforms-datepicker-action button{box-shadow:none}.wpforms-datepicker-popover-content .wpforms-datepicker-action .button-secondary{border-style:hidden;background-color:#ffffff;color:#056aab}.wpforms-datepicker-popover-content .wpforms-datepicker-action .button-secondary:focus,.wpforms-datepicker-popover-content .wpforms-datepicker-action .button-secondary:hover{background-color:#ffffff;box-shadow:none;color:#04558a}.rtl .wpforms-datepicker-popover{left:0;right:auto}.wpforms-card-image-overlay{aspect-ratio:31/36;background-position:center;background-size:contain;border:1px solid #c3c4c7;border-radius:6px;display:flex;flex-direction:column;gap:10px;justify-content:center;order:-1;position:relative;transition:box-shadow .15s ease-in-out, border .15s ease-in-out;width:100%;padding:12px}.wpforms-card-image-overlay:before{background-color:#ffffff;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;border-radius:inherit;transition:opacity .15s ease-in-out}.wpforms-card-image-overlay .wpforms-btn{opacity:0;transition:all .05s ease-in-out, opacity .15s ease-in-out;width:100%;z-index:2}.wpforms-card-image-group .wpforms-setting-field label{align-items:center;color:#50575e;display:flex;font-size:14px;flex-wrap:wrap;gap:12px 10px;justify-content:center;text-align:center}.wpforms-card-image-group .wpforms-setting-field label:hover .wpforms-card-image-overlay{border:2px solid #ffffff;box-shadow:0 0 0 2px #50575e,0 2px 4px 2px rgba(0,0,0,0.07)}.wpforms-card-image-group .wpforms-setting-field label:hover .wpforms-card-image-overlay:before{opacity:.7}.wpforms-card-image-group .wpforms-setting-field label:hover .wpforms-card-image-overlay .wpforms-btn{opacity:1}.wpforms-card-image-group .wpforms-setting-field input[type=radio]{display:none}.wpforms-card-image-group .wpforms-setting-field input[type=radio]:checked+label{font-weight:500;color:#2c3338}.wpforms-card-image-group .wpforms-setting-field input[type=radio]:checked+label .wpforms-card-image-overlay{border:2px solid #ffffff;box-shadow:0 0 0 2px #e27730,0 2px 4px 2px rgba(0,0,0,0.07)}.wpforms-admin-single-navigation{display:flex;gap:20px;align-items:center;color:#50575e;font-size:14px;margin-inline-start:auto}@media (max-width: 600px){.wpforms-admin-single-navigation{display:none}}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-text{margin-right:-5px;color:#a7aaad}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons{display:flex;align-items:center;border:1px solid #8c8f94;border-radius:4px;overflow:hidden}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-admin-single-navigation-current{color:#32373c;flex:1;min-height:30px;min-width:30px;padding-inline:5px;border:1px solid #8c8f94;border-top:none;border-bottom:none}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-btn-grey{min-height:30px;width:30px;background-color:#f0f0f1;border:none;text-decoration:none}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-btn-grey:hover,.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-btn-grey:focus{background:#dcdcde}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-btn-grey.inactive{background:rgba(240,240,241,0.25);opacity:1;pointer-events:none}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-btn-grey.inactive .dashicons{opacity:0.25}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-btn-grey .dashicons{width:16px;font-size:16px;height:16px;color:#50575e}@media (max-width: 782px){.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-btn-grey{font-size:13px}}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons #wpforms-admin-single-navigation-prev-link,.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons #wpforms-admin-single-navigation-next-link,.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-admin-single-navigation-current{display:flex;flex-direction:row;justify-content:center;align-items:center}.wpforms-admin-single-navigation .wpforms-admin-single-navigation-buttons .wpforms-admin-single-navigation-current{width:100%;min-width:30px;padding:0 10px;text-decoration:none;background:#ffffff;font-size:14px;color:#50575e;box-sizing:border-box;z-index:1}.wpforms-overview-chart{background-color:#ffffff;border:1px solid #ccd0d4;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.05);margin-bottom:20px;position:relative;overflow:hidden}.wpforms-overview-chart .spinner{background-color:#ffffff;background-position:center calc(50% - 12px);background-repeat:no-repeat;bottom:0;height:320px;left:0;margin:0;opacity:1;position:absolute;visibility:visible;width:100%;z-index:30}.wpforms-overview-chart-notice{background:radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,0) 0, #fff 100%);bottom:0;height:320px;left:0;position:absolute;width:100%;z-index:20}.wpforms-overview-chart-notice-content{background:#ffffff;border-radius:6px;box-sizing:border-box;box-shadow:0 5px 25px rgba(0,0,0,0.15);left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);width:Min(365px, 90%)}.wpforms-overview-chart-notice-content h2{font-size:20px;font-weight:600;line-height:1.3;margin-top:0;margin-bottom:10px}.wpforms-overview-chart-notice-content p{color:#787c82;font-size:14px;line-height:18px;margin:0}.wpforms-overview-chart-heading{background-color:#f6f6f6;border-bottom:1px solid #eeeeee;color:#3c434a;font-size:14px;font-weight:600;line-height:17px;margin-block:0;padding:13px}.wpforms-overview-chart-canvas{background-color:#ffffff;box-sizing:border-box;height:324px;position:relative}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-button{background:#f6f7f7;border-color:#8c8f94;color:#50575e;padding:5px;width:32px}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-button:hover{color:#2c3338;border-color:#50575e;background:#f6f7f7}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-button:focus-within,.wpforms-overview-chart-settings .wpforms-dash-widget-settings-button:focus{color:#2c3338;border-color:#50575e;box-shadow:0 0 0 1px #50575e}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-button .dashicons{font-size:19px;line-height:17px;height:17px;width:17px}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-container{position:relative}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-menu{background:#ffffff;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,0.15);display:none;margin-top:9px;width:140px;position:absolute;z-index:30;right:0;padding:10px}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-menu h4{font-size:11px;font-weight:600;line-height:13px;margin:0 0 8px;text-transform:uppercase}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-menu [type="radio"]{margin-top:0}@media (max-width: 782px){.wpforms-overview-chart-settings .wpforms-dash-widget-settings-menu [type="radio"]{height:16px;width:16px}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-menu [type="radio"]:checked::before{margin:2.5px}}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-menu-wrap{border-bottom:1px solid #dcdcde;margin-bottom:10px;padding-bottom:10px}.wpforms-overview-chart-settings .wpforms-dash-widget-settings-menu-item:nth-child(n+2){margin-top:5px}.rtl .wpforms-overview-chart-settings .wpforms-dash-widget-settings-button{margin-left:5px;margin-right:0}.rtl .wpforms-overview-chart-settings .wpforms-dash-widget-settings-menu{left:0;right:auto}.wpforms-overview-top-bar{align-items:center;display:flex;gap:30px;justify-content:space-between;margin-bottom:20px}@media (max-width: 782px){.wpforms-overview-top-bar{flex-wrap:wrap}}.wpforms-overview-top-bar .button{line-height:17px;min-height:30px}.wpforms-overview-top-bar-heading{align-items:center;display:flex;gap:8px}.wpforms-overview-top-bar-heading h2{color:#3c434a;font-size:18px;font-weight:600;margin:0}.wpforms-overview-top-bar-heading .dashicons{cursor:pointer;padding:0}.wpforms-overview-top-bar-filter-form{position:relative}.wpforms-overview-top-bar-filters{display:flex;gap:10px;margin-inline-start:auto}.wpforms-overview-top-bar-filters .button{box-shadow:none}.wpforms-overview-top-bar-filters .wpforms-toggle-control{align-items:center;color:#50575e;display:flex;gap:10px;padding-inline-end:10px;margin:0}.wpforms-overview-top-bar-filters .wpforms-toggle-control .wpforms-toggle-control-icon::after{transition:none}.wpforms-overview-top-bar-filters .wpforms-toggle-control [type=checkbox]:checked+.wpforms-toggle-control-icon{background-color:#e27730}.wpforms-admin-wrap p.search-box{display:inline-flex;flex-wrap:wrap;gap:6px;height:auto;margin-bottom:7px;position:relative}.wpforms-admin-wrap p.search-box input,.wpforms-admin-wrap p.search-box select{margin:0}@media (max-width: 600px){.wpforms-admin-wrap p.search-box input,.wpforms-admin-wrap p.search-box select{min-width:100%}}.wpforms-admin-wrap p.search-box input[name="s"]{flex-grow:1;width:180px}.wpforms-admin-wrap p.search-box [type="submit"]{font-size:14px;line-height:17px}@media (max-width: 782px){.wpforms-admin-wrap p.search-box{width:100%}}.wpforms-admin-wrap .tablenav{color:#444444;padding-top:3px}.wpforms-admin-wrap .tablenav .displaying-num{margin-inline-end:6px}.wpforms-admin-wrap .tablenav .paging-input{align-items:center;display:inline-flex;gap:4px}.wpforms-admin-wrap .tablenav .button{box-shadow:none}.wpforms-admin-wrap .tablenav .total-pages,.wpforms-admin-wrap .tablenav #table-paging{margin:0}.wpforms-admin-wrap .tablenav-pages .pagination-links{align-items:center;display:inline-flex;gap:4px}.wpforms-admin-wrap .tablenav-pages .current-page{border-radius:3px;width:38px;margin:0}.wpforms-admin-wrap .tablenav-pages .tablenav-paging-text{max-width:80px;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpforms-admin-wrap.wpforms-entries-spam-empty .tablenav{display:none}.wpforms-admin-wrap.wpforms-entries-spam-empty .subsubsub{margin-bottom:18px}.rtl .wpforms-admin-wrap .tablenav-pages .current-page{order:1}table.wpforms-table-list{border-color:#ccd0d4;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.05)}table.wpforms-table-list td{line-height:16px;vertical-align:middle}table.wpforms-table-list td.column-name{font-weight:600;min-height:25px}table.wpforms-table-list td[data-colname]::before{box-sizing:border-box;padding-inline-end:10px}table.wpforms-table-list th{line-height:17px;text-transform:capitalize}table.wpforms-table-list tfoot th,table.wpforms-table-list thead th{border-color:#ccd0d4;color:#32373c;padding:9px 12px}table.wpforms-table-list tfoot td.check-column,table.wpforms-table-list thead td.check-column{border-color:#ccd0d4;padding-block:10px;width:1%}table.wpforms-table-list tbody td{padding:12px}table.wpforms-table-list tbody th.check-column{padding-block:14px;vertical-align:middle;width:1%}table.wpforms-table-list .check-column .label-covers-full-cell:hover+input[type="checkbox"]{box-shadow:none}table.wpforms-table-list button{cursor:pointer}table.wpforms-table-list .column-date span[title]{text-decoration:none}table.wpforms-table-list.striped>tbody>:nth-child(odd){background-color:#f6f6f6}table.wpforms-table-list.striped>tbody>tr.is-selected{background-color:rgba(34,113,177,0.12)}table.wpforms-table-list .sorted a,table.wpforms-table-list .sortable a{display:flex;padding:9px 17px 9px 12px}table.wpforms-table-list .sorting-indicator{inset-inline-start:15px;margin-inline-start:-10px;position:relative}table.wpforms-table-list .toggle-row{height:100%;top:0}table.wpforms-table-list .toggle-row::before{inset-inline-start:auto;inset-inline-end:4px;top:calc(50% - 11px)}@media (max-width: 1024px){table.wpforms-table-list.has-many-columns .check-column,table.wpforms-table-list.has-few-columns .check-column{vertical-align:top}table.wpforms-table-list.has-many-columns th.column-primary ~ th,table.wpforms-table-list.has-few-columns th.column-primary ~ th{display:none}table.wpforms-table-list.has-many-columns td.column-primary,table.wpforms-table-list.has-few-columns td.column-primary{display:block;position:relative;padding-inline-end:50px}table.wpforms-table-list.has-many-columns td.column-primary ~ td,table.wpforms-table-list.has-few-columns td.column-primary ~ td{display:none;padding:3px 8px 3px 35%}table.wpforms-table-list.has-many-columns td.column-primary .toggle-row,table.wpforms-table-list.has-few-columns td.column-primary .toggle-row{display:block}table.wpforms-table-list.has-many-columns td.column-primary>*,table.wpforms-table-list.has-few-columns td.column-primary>*{vertical-align:sub}table.wpforms-table-list.has-many-columns .is-expanded td:not(.column-primary):not(.hidden),table.wpforms-table-list.has-few-columns .is-expanded td:not(.column-primary):not(.hidden){display:block;position:relative;text-align:right}table.wpforms-table-list.has-many-columns .is-expanded td:not(.column-primary):nth-child(n+2),table.wpforms-table-list.has-few-columns .is-expanded td:not(.column-primary):nth-child(n+2){margin-bottom:10px}table.wpforms-table-list.has-many-columns .is-expanded td:not(.column-primary)[data-colname]::before,table.wpforms-table-list.has-few-columns .is-expanded td:not(.column-primary)[data-colname]::before{content:attr(data-colname);display:block;inset-inline-start:10px;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:32%;text-align:left}}@media (max-width: 782px){table.wpforms-table-list tr .check-column:is(th,td){vertical-align:top}table.wpforms-table-list tr .check-column:is(th,td) [type="checkbox"]{height:16px;margin-bottom:0;width:16px}table.wpforms-table-list tr .check-column:is(th,td) [type="checkbox"]::before{height:20px;margin:-2px 0 0px -4px;width:20px}table.wpforms-table-list td.column-primary{display:block}table.wpforms-table-list td.column-primary>*{vertical-align:sub}table.wpforms-table-list .is-expanded td:not(.column-primary):nth-child(n+2){margin-bottom:10px}table.wpforms-table-list .is-expanded td:not(.column-primary)::before{margin-inline-start:2px}}table.forms .check-column .label-covers-full-cell:hover+input[type="checkbox"],table.action-scheduler .check-column .label-covers-full-cell:hover+input[type="checkbox"]{box-shadow:none}.wpforms-tabs-wrapper{padding:0 20px;margin-bottom:20px}.wpforms-tabs-wrapper .nav-tab-wrapper{padding-top:0}#wpforms-payments .nav-tab-wrapper .nav-tab{background:rgba(220,220,222,0.5);border:1px solid #c3c4c7;border-bottom:none;border-radius:3px 3px 0 0;padding:10px 12px;font-weight:600;font-size:13px;line-height:16px;color:#2d2d2d}#wpforms-payments .nav-tab-wrapper .nav-tab:hover,#wpforms-payments .nav-tab-wrapper .nav-tab:focus{background-color:#ffffff;box-shadow:none}#wpforms-payments .nav-tab-wrapper .nav-tab.nav-tab-active{background:#f0f0f1;border-bottom:1px solid #f0f0f1}@media (max-width: 781px){#wpforms-payments .nav-tab-wrapper{border-bottom:1px solid #c3c4c7}#wpforms-payments .nav-tab-wrapper .nav-tab{margin-bottom:-1px}}#wpforms-admin-about *,#wpforms-admin-about *::before,#wpforms-admin-about *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#wpforms-admin-about .wpforms-admin-about-section{margin:0 20px 20px;padding:30px;background:#ffffff;border:1px solid #dddddd;line-height:2}#wpforms-admin-about .wpforms-admin-about-section h1,#wpforms-admin-about .wpforms-admin-about-section h2,#wpforms-admin-about .wpforms-admin-about-section h3,#wpforms-admin-about .wpforms-admin-about-section h4,#wpforms-admin-about .wpforms-admin-about-section h5{margin-top:0;padding-top:0;line-height:1.6}#wpforms-admin-about .wpforms-admin-about-section h2{font-size:24px}#wpforms-admin-about .wpforms-admin-about-section h3{font-size:18px;margin-bottom:30px;color:#23282c}#wpforms-admin-about .wpforms-admin-about-section ul,#wpforms-admin-about .wpforms-admin-about-section p{font-size:16px}#wpforms-admin-about .wpforms-admin-about-section p{margin-bottom:20px}#wpforms-admin-about .wpforms-admin-about-section p.bigger{font-size:18px}#wpforms-admin-about .wpforms-admin-about-section p.smaller{font-size:14px}#wpforms-admin-about .wpforms-admin-about-section p:last-child{margin-bottom:0}#wpforms-admin-about .wpforms-admin-about-section hr{margin:30px 0}#wpforms-admin-about .wpforms-admin-about-section figure{margin:0}#wpforms-admin-about .wpforms-admin-about-section figure img{width:100%}#wpforms-admin-about .wpforms-admin-about-section figure figcaption{font-size:14px;color:#888888;margin-top:5px;text-align:center;line-height:initial}#wpforms-admin-about .wpforms-admin-about-section .wpforms-admin-column-40{padding-left:15px}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section .wpforms-admin-column-40{width:100%;padding-left:0;padding-top:20px}}#wpforms-admin-about .wpforms-admin-about-section .wpforms-admin-column-60{padding-right:15px}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section .wpforms-admin-column-60{width:100%;padding-right:0}}#wpforms-admin-about .wpforms-admin-about-section ul.list-plain{margin-top:0;margin-bottom:0}#wpforms-admin-about .wpforms-admin-about-section ul.list-plain li{margin-bottom:0}#wpforms-admin-about .wpforms-admin-about-section ul.list-features li .fa{color:#2a9b39;margin:0 8px 0 0}#wpforms-admin-about .wpforms-admin-about-section .fa-star{color:gold}#wpforms-admin-about .wpforms-admin-about-section .no-margin{margin:0 !important}#wpforms-admin-about .wpforms-admin-about-section .no-padding{padding:0 !important}#wpforms-admin-about .wpforms-admin-about-section .centered{text-align:center !important}#wpforms-admin-about .wpforms-admin-about-section-first-form{display:flex}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section-first-form{display:block !important}}#wpforms-admin-about .wpforms-admin-about-section-first-form .wpforms-admin-about-section-first-form-text{flex:1;padding-right:30px}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section-first-form .wpforms-admin-about-section-first-form-text{flex:none}}#wpforms-admin-about .wpforms-admin-about-section-first-form .wpforms-admin-about-section-first-form-video iframe{border:1px solid #dddddd}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section-first-form .wpforms-admin-about-section-first-form-video iframe{max-width:100%}}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section-first-form .wpforms-admin-about-section-first-form-video{padding-top:20px}}#wpforms-admin-about .wpforms-admin-about-section-hero{padding:0}#wpforms-admin-about .wpforms-admin-about-section-hero .wpforms-admin-about-section-hero-main,#wpforms-admin-about .wpforms-admin-about-section-hero .wpforms-admin-about-section-hero-extra{padding:30px}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section-hero .wpforms-admin-about-section-hero-extra .wpforms-admin-column-50{float:none;width:100%}}#wpforms-admin-about .wpforms-admin-about-section-hero .wpforms-admin-about-section-hero-main{border-bottom:1px solid #dddddd}#wpforms-admin-about .wpforms-admin-about-section-hero .wpforms-admin-about-section-hero-main.no-border{border-bottom:0}#wpforms-admin-about .wpforms-admin-about-section-hero .wpforms-admin-about-section-hero-main p{color:#666}#wpforms-admin-about .wpforms-admin-about-section-hero h3.call-to-action{margin-bottom:-10px}#wpforms-admin-about .wpforms-admin-about-section-hero span.price-20-off{color:#6ab255}#wpforms-admin-about .wpforms-admin-about-section-squashed{margin-bottom:0}#wpforms-admin-about .wpforms-admin-about-section-squashed:not(:last-of-type){border-bottom:0}#wpforms-admin-about .wpforms-admin-about-section-post h2{margin-bottom:-10px}#wpforms-admin-about .wpforms-admin-about-section-post h3{margin-bottom:15px}#wpforms-admin-about .wpforms-admin-about-section-post p:last-of-type{margin-bottom:30px}#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-column-20{padding-right:20px;width:auto}#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-column-20 img{width:270px}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-column-20{width:20%}#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-column-20 img{width:auto;max-width:100%}}#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-column-80{padding-left:20px;width:calc(100% - 20px - 270px)}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-column-80{width:80%}}#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-about-section-post-link{padding:10px 15px;background-color:#df7739;color:#fff;border-radius:3px;text-decoration:none;margin-top:15px;font-size:14px}#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-about-section-post-link:hover,#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-about-section-post-link:focus{background-color:#b85a1b;color:#fff}#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-about-section-post-link:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px #b85a1b;outline:0}#wpforms-admin-about .wpforms-admin-about-section-post .wpforms-admin-about-section-post-link .fa{color:#edba9e;vertical-align:middle;margin-left:8px}#wpforms-admin-about .wpforms-admin-about-section-table{background-color:#fafafa;overflow-x:auto}#wpforms-admin-about .wpforms-admin-about-section-table table{background-color:#ffffff;border-top:1px solid #dddddd;border-collapse:collapse}#wpforms-admin-about .wpforms-admin-about-section-table table tr td{border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;padding:30px;vertical-align:top}@media (max-width: 767px){#wpforms-admin-about .wpforms-admin-about-section-table table tr td{padding:15px}}#wpforms-admin-about .wpforms-admin-about-section-table table tr td:last-of-type{border-right:0}#wpforms-admin-about .wpforms-admin-about-section-table table tr:last-child td{border-bottom:none}#wpforms-admin-about .wpforms-admin-about-section-table table p{background-repeat:no-repeat;background-size:15px auto;background-position:0 6px;margin:0}#wpforms-admin-about .wpforms-admin-about-section-table table p.features-full{padding-left:30px;background-image:url(../images/about/icon-full.svg)}#wpforms-admin-about .wpforms-admin-about-section-table table p.features-none{padding-left:30px;background-image:url(../images/about/icon-none.svg)}#wpforms-admin-about .wpforms-admin-about-section-table table p.features-partial{padding-left:30px;background-position:-3px 0;background-size:23px auto;background-image:url(../images/about/icon-partial.svg)}#wpforms-admin-about .wpforms-admin-about-section-table .wpforms-admin-about-section-hero-main{padding:0}#wpforms-admin-about .wpforms-admin-about-section-table .wpforms-admin-about-section-hero-main h3{padding:30px 30px 30px 60px}#wpforms-admin-about .wpforms-admin-about-section-table .wpforms-admin-about-section-hero-main .wpforms-admin-column-33:first-child h3{padding:30px}#wpforms-admin-about #wpforms-admin-addons{padding:0 30px}#wpforms-admin-about #wpforms-admin-addons .addon-container{padding:0 10px}#wpforms-admin-about #wpforms-admin-addons .addon-item .details{padding:20px}#wpforms-admin-about #wpforms-admin-addons .addon-item h5{margin-bottom:10px}#wpforms-admin-about #wpforms-admin-addons .addon-item img{padding:10px}#wpforms-admin-about #wpforms-admin-addons .addon-item img[src*="-mi"]{padding:13px}#wpforms-admin-about #wpforms-admin-addons .addon-item .action-button .button.disabled,#wpforms-admin-about #wpforms-admin-addons .addon-item .action-button .button.loading{cursor:default}.wpforms-addons-header{padding:15px 20px !important;background:#ffffff;margin-bottom:20px !important;display:flex !important;align-items:center;justify-content:space-between}@media (max-width: 599px){.wpforms-addons-header{flex-direction:column;align-items:flex-start}}.wpforms-addons-header-title{font-size:22px;font-weight:400;color:#101517;display:flex;gap:20px;align-items:center}@media (max-width: 599px){.wpforms-addons-header-title{margin-bottom:20px}}.wpforms-addons-header-search{position:relative}@media (max-width: 599px){.wpforms-addons-header-search{width:100%}}.wpforms-addons-header-search:before{font-family:FontAwesome, sans-serif;content:"\f002";color:#a7aaad;font-size:16px;text-align:center;position:absolute;left:10px;top:50%;transform:translateY(-50%)}.wpforms-addons-header-search #wpforms-addons-search{width:250px;height:36px;padding:10px 10px 10px 30px;font-size:14px;font-weight:400}.wpforms-addons-header-search #wpforms-addons-search::placeholder{color:#a7aaad}@media (max-width: 599px){.wpforms-addons-header-search #wpforms-addons-search{width:100%}}.wpforms-addons-list-section:first-child{margin-bottom:20px}.wpforms-addons-list-section-title{font-size:16px;font-weight:500;color:#101517;margin-bottom:20px;margin-top:0}.wpforms-addons-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));grid-gap:20px}@media (max-width: 782px){.wpforms-addons-list{grid-template-columns:1fr}}.wpforms-addons-list-item{margin:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;align-items:flex-start;border-radius:6px;border:1px solid #c3c4c7;background:#ffffff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.07)}.wpforms-addons-list-item-header{padding:20px;display:flex;gap:20px}.wpforms-addons-list-item-header img{width:80px;height:80px;max-width:80px !important;border:1px solid rgba(195,196,199,0.5);border-radius:6px}.wpforms-addons-list-item-header-meta-title{margin-bottom:5px;display:flex;align-items:center;gap:10px}@media (max-width: 600px){.wpforms-addons-list-item-header-meta-title{align-items:flex-start;flex-direction:column}}.wpforms-addons-list-item-header-meta-title a{color:#2c3338;font-size:16px;font-weight:500;line-height:22px;text-decoration-line:underline;text-underline-offset:2px}.wpforms-addons-list-item-header-meta-excerpt{color:#646970;font-size:14px;font-weight:400;line-height:18px}.wpforms-addons-list-item-error-msg{color:#b32d2e;font-weight:500}.wpforms-addons-list-item-footer{padding:20px;display:flex;background:#f6f6f6;width:100%;justify-content:space-between;box-sizing:border-box;align-items:center;min-height:70px}.wpforms-addons-list-item-footer-missing .wpforms-toggle-control{display:none}.wpforms-addons-list-item-footer-active .wpforms-addons-list-item-footer-settings-link{display:block}.wpforms-addons-list-item-footer-with-error .wpforms-addons-list-item-footer-actions{display:none}.wpforms-addons-list-item-footer-settings-link{display:none}.wpforms-addons-list-item-footer-error{width:100%;color:#646970}.wpforms-addons-list-item-footer-error p{margin:0}.wpforms-addons #wpforms-addons-list-section-all .wpforms-addons-list .wpforms-addons-list-item.has-badge{border:2px solid #8c8f94;box-shadow:0 2px 4px 0 rgba(0,0,0,0.15)}.wpforms-addons .wpforms-notice.notice-info{padding:20px;border:none;margin-bottom:20px;border-radius:6px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.07)}.wpforms-addons .wpforms-notice.notice-info strong{color:#1d2327;font-size:20px;font-weight:500;line-height:18px}.wpforms-addons .wpforms-notice.notice-info p{margin-top:0;font-size:15px;font-weight:400;line-height:20px;color:rgba(44,51,56,0.8)}.wpforms-addons .wpforms-notice.notice-info p:last-child{margin-bottom:0}.wpforms-addons .wpforms-notice.notice-info p.notice-title{margin-bottom:0;color:#1d2327}.wpforms-addons .wpforms-notice.notice-info .notice-buttons{display:flex;gap:10px}@media (max-width: 782px){.wpforms-addons .wpforms-notice{margin:20px !important}}.wpforms-addons .wpforms-notice .wpforms-btn{box-sizing:border-box}.wpforms-addons #wpforms-addons-no-results{display:none;font-size:14px}.wpforms-addons .wpforms-addons-link{color:#a7aaad;text-align:center;font-size:13px;font-weight:400;line-height:20px;text-decoration-line:underline}.wpforms-addons .wpforms-addons-link:hover{color:#2c3338}#wpforms-admin-addons *,#wpforms-admin-addons *::before,#wpforms-admin-addons *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#wpforms-admin-addons #wpforms-admin-addons-list .list{display:flex;flex-wrap:wrap;align-items:stretch;margin-left:-20px;margin-right:-20px}#wpforms-admin-addons #wpforms-admin-addons-list .list .action-button button{background:none;border:1px solid #ddd;border-radius:3px;box-shadow:none;font-weight:600;width:140px;text-align:center;padding:8px 5px}#wpforms-admin-addons #wpforms-admin-addons-list .list .action-button button:hover,#wpforms-admin-addons #wpforms-admin-addons-list .list .action-button button:focus,#wpforms-admin-addons #wpforms-admin-addons-list .list .action-button button.loading{background-color:#e9e9e9}#wpforms-admin-addons #wpforms-admin-addons-list .list .action-button button:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:none}#wpforms-admin-addons .addons-container{display:flex;flex-wrap:wrap;align-items:stretch;margin-left:-20px;margin-right:-20px}#wpforms-admin-addons .unlock-msg{padding:0;margin-top:-20px;clear:both}#wpforms-admin-addons .unlock-msg h4{margin:1.5em 0 8px}#wpforms-admin-addons .unlock-msg p{margin:0 0 1.5em}#wpforms-admin-addons #wpforms-admin-addons-search{background-color:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:none;color:#333;vertical-align:middle;padding:2px 12px;margin:-2px 10px 0 0;width:200px;min-height:30px;margin-inline-start:auto}#wpforms-admin-addons #wpforms-admin-addons-search:focus{border-color:#bbb}#wpforms-admin-addons .addon-container{padding:0 20px;width:33.333333%;margin-bottom:20px}@media (max-width: 1249px){#wpforms-admin-addons .addon-container{width:50%}}@media (max-width: 767px){#wpforms-admin-addons .addon-container{width:100%}}#wpforms-admin-addons h4{font-size:17px;font-weight:700}#wpforms-admin-addons .addon-item{background-color:#fff;border:1px solid #ddd;border-radius:6px;margin:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}#wpforms-admin-addons .addon-item img{border:1px solid #eee;float:left;max-width:75px}#wpforms-admin-addons .addon-item h5{margin:0 0 0 100px;font-size:16px}#wpforms-admin-addons .addon-item h5 a{color:#444;display:inline-block;margin:0 10px 10px 0}#wpforms-admin-addons .addon-item h5 a:hover{color:#006799}#wpforms-admin-addons .addon-item p{margin:0 0 0 100px}#wpforms-admin-addons .addon-item .details{padding:30px 20px}#wpforms-admin-addons .addon-item .actions{display:flex;align-items:center;background-color:#f7f7f7;border-top:1px solid #ddd;padding:20px;min-height:75px;position:relative}#wpforms-admin-addons .addon-item .actions .msg{background-color:#f7f7f7;border:none;position:absolute;text-align:center;font-weight:600;top:0;left:0;height:100%;width:100%;margin:0;z-index:99;padding:20px;display:flex;align-items:center;justify-content:center}#wpforms-admin-addons .addon-item .actions .msg.success{color:#008a20}#wpforms-admin-addons .addon-item .actions .msg.error{color:red}#wpforms-admin-addons .addon-item .actions .msg p{margin:0}#wpforms-admin-addons .addon-item .actions .msg a,#wpforms-admin-addons .addon-item .actions .msg a:hover{color:inherit}#wpforms-admin-addons .addon-item .status{flex-grow:1}#wpforms-admin-addons .addon-item .status .status-missing,#wpforms-admin-addons .addon-item .status .status-go-to-url{color:#666}#wpforms-admin-addons .addon-item .status .status-installed{color:red}#wpforms-admin-addons .addon-item .status .status-active{color:#008a20}#wpforms-admin-addons .addon-item .upgrade-button{text-align:center}#wpforms-admin-addons .addon-item .upgrade-button a{font-weight:600;width:140px;text-align:center;padding:8px 5px}#wpforms-admin-addons .addon-item .action-button button{width:140px}#wpforms-admin-addons .addon-item .wpforms-addon-recommended{background-color:#00a32a;border-radius:4px;color:#ffffff;font-size:10px;font-weight:700;line-height:1;padding:4px 5px;margin-bottom:5px;display:inline-block;position:relative;top:-2px;text-transform:uppercase;cursor:default}#wpforms-admin-addons .addon-item .wpforms-addon-recommended i{opacity:0.8}.addon-item .status{flex-grow:1}.addon-item .status .status-inactive{color:red}.addon-item .status .status-active{color:#008a20}.addon-item .upgrade-button{text-align:center}.addon-item .upgrade-button a{font-weight:600;width:140px;text-align:center;padding:8px 5px}.addon-item .action-button button{cursor:pointer}.addon-item .action-button button .fa{margin-right:8px}.addon-item .action-button button .fa.fa-spinner{margin-right:0}.addon-item .action-button button.status-active .fa{color:#008a20}.addon-item .action-button button.status-inactive .fa{color:red}.addon-item .action-button button.status-missing .fa{color:#999}.addon-item .action-button button.disabled{cursor:default;pointer-events:none}.addon-item .action-button button.loading{cursor:default}.addon-item .action-button button.loading .fa{color:#666}.addon-item .action-button a{text-decoration:none}@media (min-width: 1250px){#wpforms-admin-community .item{width:calc(33.3333333% - 13.3333333px)}}@media (max-width: 1249px){#wpforms-admin-community .item{width:calc(50% - 10px)}}@media (max-width: 767px){#wpforms-admin-community .item{width:100%}}#wpforms-admin-community *,#wpforms-admin-community *::before,#wpforms-admin-community *::after{box-sizing:border-box}#wpforms-admin-community .items{display:flex;flex-wrap:wrap;gap:20px;padding:0 20px 20px 20px}#wpforms-admin-community .item{border:1px solid #DDDDDD;background-color:#ffffff;position:relative}#wpforms-admin-community .item-cover{width:100%;height:223px;position:relative;display:block}#wpforms-admin-community .item-img{width:auto;height:auto;max-width:100px;max-height:100px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#wpforms-admin-community .item-title{margin:17px 20px 10px 20px;font-size:16px}#wpforms-admin-community .item-description{margin:0 20px 98px 20px;font-size:14px}#wpforms-admin-community .item-footer{position:absolute;width:100%;bottom:0;padding:20px;border-top:1px solid #dddddd;background-color:#F7F7F7}.wpforms-constant-contact-wrap{font-size:16px;line-height:1.5;color:#444444}.wpforms-constant-contact-wrap .wpforms-admin-content{max-width:1000px}.wpforms-constant-contact-wrap .notice{display:none !important}.wpforms-constant-contact-wrap h2{font-size:20px;font-weight:700;line-height:1.2;margin:10px 0 20px}.wpforms-constant-contact-wrap p{font-size:inherit;line-height:inherit;margin:25px 0}.wpforms-constant-contact-wrap ul,.wpforms-constant-contact-wrap ol{margin-left:20px}.wpforms-constant-contact-wrap ul li,.wpforms-constant-contact-wrap ol li{margin-bottom:25px}.wpforms-constant-contact-wrap ul{list-style-type:disc}.wpforms-constant-contact-wrap hr{margin:25px 0}.wpforms-constant-contact-wrap a{color:#1856ed;transition:0.3s ease}.wpforms-constant-contact-wrap a:hover,.wpforms-constant-contact-wrap a:focus{color:#0f3592}.wpforms-constant-contact-wrap .logo-link{display:block;float:right;width:auto;margin-left:50px;border-radius:6px;overflow:hidden;margin-bottom:25px;max-width:100%}.wpforms-constant-contact-wrap .logo-link .logo{display:block;max-width:100%}.wpforms-constant-contact-wrap .button{background-color:#1856ed;border:0;border-radius:4px;color:#ffffff;font-size:16px;line-height:1.25;font-weight:600;padding:14px 30px;text-align:center;transition:0.3s ease;height:auto}.wpforms-constant-contact-wrap .button:hover,.wpforms-constant-contact-wrap .button:focus{background-color:#0f3592;color:#ffffff}.wpforms-constant-contact-wrap .dashicons{color:#19be19;font-size:26px;position:relative;top:-1px}.wpforms-constant-contact-wrap .bold-marker::marker{font-weight:bold}.wpforms-constant-contact-wrap .steps{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;margin-bottom:-25px;color:#777777;font-size:14px;line-height:1.14285714;text-align:center}.wpforms-constant-contact-wrap .step{box-sizing:border-box;width:50%;padding:0 15px;margin:0 0 25px}.wpforms-constant-contact-wrap .step-image-wrapper{position:relative;border:5px solid #ffffff;border-radius:4px;overflow:hidden}.wpforms-constant-contact-wrap .step-image-wrapper .hover{position:absolute;display:block;top:0;left:0;right:0;bottom:0;opacity:0;background-color:rgba(0,0,0,0.15);background-image:url(../images/zoom.svg);background-repeat:no-repeat;background-position:center;background-size:50px;transition:all 0.3s}.wpforms-constant-contact-wrap .step-image-wrapper .hover:hover{opacity:1}.wpforms-constant-contact-wrap .step img{max-width:100%;height:auto;display:block;box-sizing:border-box}.wpforms-constant-contact-wrap .step figcaption{margin-top:10px}@media only screen and (max-width: 767px){.wpforms-constant-contact-wrap .button{font-size:13px;padding:11px 15px}.wpforms-constant-contact-wrap .logo-link{float:none;margin-left:0;margin-right:0}.wpforms-constant-contact-wrap .logo-link .logo{margin:0 auto}.wpforms-constant-contact-wrap .steps .step{width:100%}}#wpforms-entries-list .form-details{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;gap:8px;padding-bottom:15px;margin-bottom:10px}#wpforms-entries-list .form-details .form-details-sub{color:#999;font-size:10px;text-transform:uppercase;width:100%}#wpforms-entries-list .form-details .form-details-title{display:flex;font-size:18px;font-weight:400;margin-block:0;margin-inline:0 auto}#wpforms-entries-list .form-details .form-details-title span{color:#646970;margin-inline-start:8px}#wpforms-entries-list .form-details .form-selector{position:relative}#wpforms-entries-list .form-details .form-selector .toggle{margin-inline-start:5px;border-radius:50%;color:#a7aaad;font-size:16px;box-shadow:none}#wpforms-entries-list .form-details .form-selector .toggle:hover,#wpforms-entries-list .form-details .form-selector .toggle.active{background-color:#e3e3e3;outline:none}#wpforms-entries-list .form-details .form-selector .toggle:before{vertical-align:middle}#wpforms-entries-list .form-details .form-selector .form-list{display:none;background:#fff;border-radius:3px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);position:absolute;top:30px;left:-103px;width:230px;padding:10px 0;z-index:9991}#wpforms-entries-list .form-details .form-selector .form-list:before{content:" ";position:absolute;top:-10px;left:110px;width:0;height:0;border-style:solid;border-width:0 8px 10px 8px;border-color:transparent transparent #fff transparent}#wpforms-entries-list .form-details .form-selector ul{max-height:196px;overflow-x:hidden;padding:0;margin:0}#wpforms-entries-list .form-details .form-selector ul li{list-style:none;margin:0;font-size:13px}#wpforms-entries-list .form-details .form-selector ul li a{display:block;text-decoration:none;padding:5px 15px;color:#444}#wpforms-entries-list .form-details .form-selector ul li a:hover{background-color:#f7f7f7}#wpforms-entries-list .form-details .form-details-actions{display:flex;flex-wrap:wrap;gap:12px}#wpforms-entries-list .form-details .form-details-actions a{text-decoration:none}#wpforms-entries-list .form-details .form-details-actions a .dashicons{width:1em;height:1em;font-size:16px}#wpforms-entries-list .search-box .wpforms-form-search-box-field{max-width:180px;vertical-align:top;margin:0 5px 0 0}#wpforms-entries-list .search-box .wpforms-form-search-box-comparison{max-width:95px;vertical-align:top;margin:0 5px 0 0}#wpforms-entries-list .search-box .wpforms-form-search-box-term{min-height:30px;line-height:normal;margin:0 5px 0 0}#wpforms-entries-list .wpforms-filter-date .wpforms-filter-date-selector{min-height:30px;background-color:#fff;vertical-align:middle;max-width:210px;line-height:normal}#wpforms-entries-list .wpforms-filter-date button{margin:1px 8px 0 0;vertical-align:top}#wpforms-entries-list .tablenav.bottom .actions input{margin:0}#wpforms-entries-list .tablenav .actions{padding:0 10px 0 0}#wpforms-entries-list .wp-list-table .new-entries-notification td{padding:0;text-align:center}#wpforms-entries-list .wp-list-table .new-entries-notification td a{display:none;padding:10px;background-color:#d9edf7}#wpforms-entries-list .wp-list-table .wpforms-no-entries-found{position:sticky;left:10px;width:200px}#wpforms-entries-list .wp-list-table tbody td{padding:9px 10px 8px 10px}#wpforms-entries-list .wp-list-table .manage-column{min-width:120px;max-width:20vw}#wpforms-entries-list .wp-list-table .manage-column.check-column{width:35px;min-width:35px;max-width:35px}#wpforms-entries-list .wp-list-table .manage-column.column-graph{text-align:center}#wpforms-entries-list .wp-list-table .column-indicators{width:50px;min-width:50px;line-height:14px;text-align:center;white-space:nowrap;padding:9px 8px 8px 4px}#wpforms-entries-list .wp-list-table .column-indicators .dashicons{width:14px;height:14px;font-size:14px}#wpforms-entries-list .wp-list-table .indicator-star{box-shadow:none;color:#c3c4c7;display:inline-block;line-height:14px;margin-inline-end:10px;vertical-align:middle}#wpforms-entries-list .wp-list-table .indicator-star:hover,#wpforms-entries-list .wp-list-table .indicator-star.unstar{color:#ffb900}#wpforms-entries-list .wp-list-table .indicator-read{border-radius:14px;box-shadow:inset 0 0 0 2.5px #a2c5dc;display:inline-block;height:14px;line-height:14px;transition:box-shadow 0.1s ease-in;vertical-align:middle;width:14px}#wpforms-entries-list .wp-list-table .indicator-read:hover,#wpforms-entries-list .wp-list-table .indicator-read.unread{box-shadow:inset 0 0 0 1.5px #c3c4c7}#wpforms-entries-list .wp-list-table .column-entry_id{min-width:110px}#wpforms-entries-list .wp-list-table .column-date{min-width:210px;text-wrap:balance}#wpforms-entries-list .wp-list-table td.column-date span{display:inline-block}#wpforms-entries-list .wp-list-table .column-type{width:120px}#wpforms-entries-list .wp-list-table .column-notes_count{min-width:125px}#wpforms-entries-list .wp-list-table .column-payment{width:100px;min-width:100px}#wpforms-entries-list .wp-list-table .column-payment>span{color:#a7aaad}#wpforms-entries-list .wp-list-table .column-payment [class*="payment-status-"]{align-items:center;display:grid;gap:10px;grid-template-columns:14px 1fr;white-space:nowrap}#wpforms-entries-list .wp-list-table .column-payment [class*="payment-status-"]:before{background-image:url(../images/payments/status/icon-n-a.svg);background-size:contain;background-position:center;background-repeat:no-repeat;content:'';display:inline-block;height:14px;width:14px}#wpforms-entries-list .wp-list-table .column-payment .payment-status-completed::before{background-image:url(../images/payments/status/icon-completed.svg)}#wpforms-entries-list .wp-list-table .column-payment .payment-status-pending::before{background-image:url(../images/payments/status/icon-pending.svg)}#wpforms-entries-list .wp-list-table .column-payment .payment-status-failed::before{background-image:url(../images/payments/status/icon-failed.svg)}#wpforms-entries-list .wp-list-table .column-payment .payment-status-refunded::before{background-image:url(../images/payments/status/icon-refunded.svg)}#wpforms-entries-list .wp-list-table .column-payment .payment-status-partrefund::before{background-image:url(../images/payments/status/icon-partrefund.svg)}#wpforms-entries-list .wp-list-table .column-payment .payment-status-cancelled::before{background-image:url(../images/payments/status/icon-cancelled.svg)}#wpforms-entries-list .wp-list-table .column-payment .payment-status-active::before{background-image:url(../images/payments/status/icon-active.svg)}#wpforms-entries-list .wp-list-table .column-payment .payment-status-processed::before{background-image:url(../images/payments/status/icon-processed.svg)}#wpforms-entries-list .wp-list-table .column-payment .payment-status-not-synced::before{background-image:url(../images/payments/status/icon-not-synced.svg)}#wpforms-entries-list .wp-list-table .column-actions{width:130px;min-width:130px;position:relative;white-space:nowrap}#wpforms-entries-list .wp-list-table.wpforms-entries-table-spam .column-actions{width:155px}#wpforms-entries-list .wp-list-table .sep{color:#ddd}#wpforms-entries-list .wp-list-table .delete:hover,#wpforms-entries-list .wp-list-table .trash:hover{color:red}#wpforms-entries-list #wpforms-list-table-ext-edit-columns-cog{top:9px}@media (max-width: 782px){#wpforms-entries-list .wpforms-entries-overview-table .wp-list-table tbody td.column-primary{padding-right:50px;line-height:25px}#wpforms-entries-list .wpforms-entries-overview-table .wp-list-table tbody td.column-primary>a{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}#wpforms-entries-list .wpforms-dash-widget-chart-block{padding:12px 12px 0 8px;background-color:#ffffff;border:1px solid #e5e5e5;margin-top:20px;box-shadow:0 1px 1px rgba(0,0,0,0.04)}#wpforms-entries-list .wpforms-dash-widget-chart-block .wpforms-error-no-data-chart{border:none}#wpforms-entries-list #wpforms-dash-widget-chart-title{display:inline-block;margin-left:0;font-size:18px}#wpforms-entries-list .wpforms-dash-widget-block:first-child{margin-top:0}#wpforms-entries-list .wpforms-dash-widget-reset-chart{color:#d83638;opacity:1;vertical-align:text-bottom;margin:0 0 -1px 0}#wpforms-entries-list .wpforms-dash-widget-reset-chart:hover{color:#ad2b2c}#wpforms-entries-list .wpforms-dash-widget-reset-chart .dashicons{font-size:20px;height:1em;width:1em}#wpforms-entries-list #wpforms-dash-widget-timespan{margin:5px -12px 0 0}#wpforms-entries-list #wpforms-dash-widget-forms-list-block{overflow:visible}#wpforms-entries-list #wpforms-dash-widget-forms-list-table{border:1px solid #e5e5e5;box-shadow:0 1px 1px rgba(0,0,0,0.04)}#wpforms-entries-list #wpforms-dash-widget-forms-list-table .wpforms-dash-widget-forms-list-columns td{padding:12px 20px;border-bottom:1px solid #e1e1e1}#wpforms-entries-list #wpforms-dash-widget-forms-list-table tbody{border-top:0}#wpforms-entries-list #wpforms-dash-widget-forms-list-table tr{border-bottom:0}#wpforms-entries-list #wpforms-dash-widget-forms-list-table tr:first-child{border-top:0}#wpforms-entries-list #wpforms-dash-widget-forms-list-table tr:first-child td{border-top:0}#wpforms-entries-list #wpforms-dash-widget-forms-list-table tr:nth-child(even) td{background-color:#f9f9f9}#wpforms-entries-list #wpforms-dash-widget-forms-list-table td{text-align:left;padding:20px 20px;font-size:14px;border:none;color:#555;background-color:#fff}#wpforms-entries-list #wpforms-dash-widget-forms-list-table tr>td:nth-child(2){width:180px}#wpforms-entries-list #wpforms-dash-widget-forms-list-table tr>td:nth-child(3){width:60px;text-align:center}#wpforms-entries-list #wpforms-dash-widget-forms-list-table tr>td:nth-child(4){width:90px;text-align:center}#wpforms-entries-list #wpforms-dash-widget-forms-list-table tr>td:nth-child(5){width:60px;text-align:center;padding-top:0;padding-bottom:0}#wpforms-entries-list #wpforms-dash-widget-forms-list-table .wpforms-dash-widget-form-active td:first-child{border-left:3px solid #0073aa;padding-left:17px}#wpforms-entries-list #wpforms-dash-widget-forms-list-table .wpforms-dash-widget-form-active .wpforms-dash-widget-single-chart-btn{display:none !important}#wpforms-entries-list #wpforms-dash-widget-forms-list-table .wpforms-dash-widget-form-active .wpforms-dash-widget-reset-chart{display:inline-block !important;border:none;background:none;margin:0}#wpforms-entries-list #wpforms-dash-widget-forms-list-table .wpforms-dash-widget-forms-list-columns{background-color:#ffffff;border-bottom:1px solid #ddd}#wpforms-entries-list #wpforms-dash-widget-forms-list-table a{text-decoration:none}#wpforms-entries-list #wpforms-dash-widget-forms-list-table a:hover{text-decoration:none}#wpforms-entries-list #wpforms-dash-widget-forms-list-table .wpforms-dash-widget-form-title a{font-weight:600}@media screen and (max-width: 1024px){#wpforms-entries-list .column-indicators,#wpforms-entries-list .wp-list-table.entries td.column-indicators{display:none !important}}@media screen and (max-width: 782px){.wpforms_page_wpforms-entries .wpforms-admin-content{padding-left:10px;padding-right:10px}#wpforms-entries-list .wp-list-table{margin:0;width:100%;table-layout:auto}#wpforms-entries-list .wp-list-table tr:not(.inline-edit-row):not(.no-items) .indicators{display:none}#wpforms-entries-list .wp-list-table tr:not(.inline-edit-row):not(.no-items) .indicators+td:not(.column-primary){margin-top:0}#wpforms-entries-list .wp-list-table th.check-column,#wpforms-entries-list .wp-list-table td.check-column{height:45px}#wpforms-entries-list .wp-list-table th.column-actions,#wpforms-entries-list .wp-list-table td.column-actions{width:auto}#wpforms-entries-list .wp-list-table .column-date{text-wrap:normal}#wpforms-entries-list .wp-list-table.entries #the-list tr.no-items:last-child{position:relative}#wpforms-entries-list .wp-list-table.entries #the-list tr.no-items:last-child td{border-top:1px solid #ccd0d4;border-bottom:1px solid #ccd0d4 !important;position:absolute;min-height:80px;width:100%;box-sizing:border-box;margin-top:-40px;padding:30px;background-color:#ffffff;font-size:16px}#wpforms-entries-list .form-details-actions{margin-top:15px}#wpforms-entries-list .form-details-actions a{margin-bottom:10px !important;font-size:16px}#wpforms-entries-list p.search-box{margin:0;width:auto}#wpforms-entries-list p.search-box select,#wpforms-entries-list p.search-box input,#wpforms-entries-list p.search-box button{max-width:24% !important;min-height:40px !important;margin-bottom:5px !important}}#wpforms-entries-table .tablenav .actions select{margin-right:5px}#wpforms-entries-table .tablenav .actions #doaction{margin-right:0}#wpforms-entries-table .wpforms-filter-date .wpforms-filter-date-selector{float:left;margin-right:5px}#wpforms-entries-table .wpforms-filter-date button{margin:0}#wpforms-entries-table .search-box .wpforms-form-search-box-field,#wpforms-entries-table .search-box .wpforms-form-search-box-comparison,#wpforms-entries-table .search-box .wpforms-form-search-box-term,#wpforms-entries-table .search-box button{float:left}@media (max-width: 782px){#wpforms-entries-table .search-box{position:relative;bottom:auto;width:100%;height:auto;clear:both}#wpforms-entries-table .search-box .wpforms-form-search-box-term,#wpforms-entries-table .wpforms-filter-date .wpforms-filter-date-selector{padding:3px 10px;min-height:40px}#wpforms-entries-table .tablenav.top{margin-bottom:10px}#wpforms-entries-table .tablenav .actions,#wpforms-entries-table .tablenav .wpforms-filter-date{display:block;margin-bottom:10px}}@media screen and (max-width: 400px){#wpforms-entries-table .tablenav.bottom .bulkactions{width:100%}}#wpforms-entries-table .wpforms-table-container{border:1px solid #ccd0d4;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.05);width:100%;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}#wpforms-entries-table .wpforms-table-container .wpforms-table-list{border:none;box-shadow:none;border-radius:inherit;position:relative}@media (max-width: 782px){#wpforms-entries-table .wpforms-table-container table.wp-list-table td.column-primary{height:auto !important;padding-top:13px;padding-right:50px}#wpforms-entries-table .wpforms-table-container table.wp-list-table td.column-primary .toggle-row:before{top:0}#wpforms-entries-table .wpforms-table-container table.wp-list-table td.column-primary+td{margin-top:50px}#wpforms-entries-table .wpforms-table-container table.wp-list-table td.column-primary>div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}body.rtl #wpforms-entries-list .wp-list-table div[data-field-type="phone"]{direction:ltr;unicode-bidi:embed;text-align:right}body.rtl #wpforms-entries-list .wp-list-table.has-many-columns .is-expanded td:not(.column-primary)[data-colname]::before,body.rtl #wpforms-entries-list .wp-list-table.has-few-columns .is-expanded td:not(.column-primary)[data-colname]::before{text-align:right}body.rtl #wpforms-entries-list .wp-list-table.has-many-columns .is-expanded td:not(.column-primary):not(.hidden),body.rtl #wpforms-entries-list .wp-list-table.has-few-columns .is-expanded td:not(.column-primary):not(.hidden){text-align:left}#wpforms-overview #wpforms-reset-filter{margin-top:0}#wpforms-overview .search-box input{max-width:165px}#wpforms-overview .search-box .button{margin-left:1px;font-size:14px;line-height:2}#wpforms-overview .subsubsub{margin:10px 0 -4px 0}#wpforms-overview .tablenav.top{margin-top:0;padding-top:8px}#wpforms-overview .tablenav>div,#wpforms-overview .tablenav>button{margin-bottom:10px}#wpforms-overview .wpforms-table-container{border:none}#wpforms-overview .wp-list-table{table-layout:auto;width:100%;max-width:100%;border:1px solid #ccd0d4}#wpforms-overview .wp-list-table.striped tbody>:nth-child(odd){background-color:#ffffff}#wpforms-overview .wp-list-table.striped tbody>:nth-child(even){background-color:#f6f6f6}#wpforms-overview .wp-list-table .manage-column{position:relative}#wpforms-overview .wp-list-table .manage-column>a{padding-right:0}#wpforms-overview .wp-list-table .column-name{width:auto}#wpforms-overview .wp-list-table .column-name>span>strong,#wpforms-overview .wp-list-table .column-name>a>strong{font-weight:600}#wpforms-overview .wp-list-table tbody .column-name>a{max-height:120px;overflow:hidden}#wpforms-overview .wp-list-table tbody .column-name .post-state{font-weight:500}#wpforms-overview .wp-list-table .column-id{width:65px}#wpforms-overview .wp-list-table .column-tags{width:300px}#wpforms-overview .wp-list-table .column-tags:before{content:'';display:block;width:300px}#wpforms-overview .wp-list-table .column-author{width:130px}#wpforms-overview .wp-list-table .column-shortcode{width:150px}#wpforms-overview .wp-list-table .column-created{width:220px}#wpforms-overview .wp-list-table .column-locations{width:55px}#wpforms-overview .wp-list-table .column-cog{z-index:revert}#wpforms-overview .wp-list-table .column-entries{width:80px}#wpforms-overview .wp-list-table .column-entries .wpforms-lite-connect-entries-count a{align-items:center;display:inline-flex;position:relative;gap:6px}#wpforms-overview .wp-list-table .column-entries .wpforms-lite-connect-entries-count a svg{color:#8c8f94;width:16px;height:12px;transition-property:color;transition-duration:0.15s;transition-timing-function:ease-out}#wpforms-overview .wp-list-table .column-entries .wpforms-lite-connect-entries-count a path{fill:currentColor}#wpforms-overview .wp-list-table .column-entries .wpforms-lite-connect-entries-count a:hover{text-decoration:underline}#wpforms-overview .wp-list-table .column-entries .wpforms-lite-connect-entries-count a:hover svg{color:#50575e}#wpforms-overview .wp-list-table .column-entries .wpforms-lite-connect-entries-count a[data-title]::after{background-color:rgba(30,30,30,0.9);border-radius:2px;bottom:100%;box-sizing:border-box;content:attr(data-title);color:#fff;font-size:11px;left:calc( 50% - 88.5px);letter-spacing:-.3px;line-height:16px;opacity:0;padding:5px 8px;position:absolute;text-align:left;visibility:hidden;width:177px;transition-property:opacity;transition-duration:0.4s;transition-timing-function:ease-out}#wpforms-overview .wp-list-table .column-entries .wpforms-lite-connect-entries-count a[data-title]:hover::after{opacity:1;visibility:visible}#wpforms-overview .wp-list-table span.wpforms-locations-column-title{display:none}#wpforms-overview .wp-list-table span.wpforms-locations-column-icon{display:block;width:12px;height:16px;background-image:url("../images/file-code.svg")}#wpforms-overview .wp-list-table .locations .locations-list{display:none}#wpforms-overview .wp-list-table .wpforms-locations-pane td{padding:8px 11px 11px}#wpforms-overview .wp-list-table .wpforms-locations-pane td:before{content:'';display:block;width:100%;height:1px;background:#dcdcde;transform:translateY(-8px)}#wpforms-overview .wp-list-table .wpforms-locations-pane .wpforms-locations-pane-title{display:block;margin-bottom:0.3em;text-transform:uppercase;color:#50575e;font-size:12px;font-weight:600}#wpforms-overview .wp-list-table .wpforms-locations-pane .wpforms-locations-list-item{display:block;margin-bottom:0.3em}#wpforms-overview .wp-list-table .wpforms-locations-pane a.wpforms-locations-link{color:#a7aaad;font-style:italic;font-weight:normal;margin-left:2px}#wpforms-overview .wp-list-table .wpforms-locations-pane a.wpforms-locations-link i{margin-left:5px}#wpforms-overview .wp-list-table .wpforms-locations-pane a.wpforms-locations-link:hover{color:#50575e}#wpforms-overview .wp-list-table .wpforms-locations-pane .wpforms-locations-close{margin-top:0.4em}#wpforms-overview .choices:not(.is-focused) .choices__inner,#wpforms-overview .choices:not(.is-open) .choices__inner{border-color:#8c8f94}#wpforms-overview .choices__inner{min-height:30px;padding:1px !important;padding-inline-end:45px !important;align-items:center}#wpforms-overview .choices__inner .choices__item{margin:2px}#wpforms-overview .choices__inner .choices__input{margin:0 !important;background-image:none !important;cursor:text;line-height:26px}#wpforms-overview .choices__inner .choices__button{flex-shrink:0}#wpforms-overview .choices__inner .choices__arrow{position:absolute;z-index:2;width:24px;height:24px;inset-inline-end:1px;top:calc( 50% - 12px);background:#ffffff}#wpforms-overview .choices__list--dropdown .choices__item{padding:10px 12px}#wpforms-overview .wpforms-tags-filter{display:inline-flex;flex-wrap:nowrap;min-width:300px;margin-right:12px}#wpforms-overview .wpforms-tags-filter .choices{margin:0;flex-grow:10;max-width:25vw}#wpforms-overview .wpforms-tags-filter .choices:after{z-index:9}#wpforms-overview .wpforms-tags-filter .choices[aria-expanded="true"] .choices__inner{max-height:max-content;position:relative;z-index:9}#wpforms-overview .wpforms-tags-filter .choices[aria-expanded="true"] .choices__inner .choices__list{white-space:initial}#wpforms-overview .wpforms-tags-filter .choices[data-type*="select-multiple"][aria-expanded="false"].choices__show-more:before{top:4px !important;inset-inline-end:28px !important}#wpforms-overview .wpforms-tags-filter .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner{height:30px}#wpforms-overview .wpforms-tags-filter .choices__inner{max-height:30px;padding:2px 24px 2px 2px}#wpforms-overview .wpforms-tags-filter .choices__inner .choices__list{height:auto !important}#wpforms-overview .wpforms-tags-filter .choices__inner .choices__input{margin-left:4px !important}#wpforms-overview .wpforms-tags-filter select{width:calc( 100% - 50px);visibility:hidden}#wpforms-overview .wpforms-tags-filter input::placeholder{color:#32373c}#wpforms-overview .wpforms-tags-filter .button{margin-bottom:0;margin-inline-start:6px;height:30px}#wpforms-overview .wpforms-column-tags-links .wpforms-column-tags-edit{visibility:hidden;width:300px}#wpforms-overview .wpforms-column-tags-links .wpforms-column-tags-links-list{margin-bottom:2px}#wpforms-overview .wpforms-column-tags-form{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}#wpforms-overview .wpforms-column-tags-form .choices{margin:0;flex-grow:10;width:250px}#wpforms-overview .wpforms-column-tags-form .choices.choices__show-more:before{top:4px !important;right:28px !important}#wpforms-overview .wpforms-column-tags-form .choices[aria-expanded="false"] .choices__inner{max-height:30px !important}#wpforms-overview .wpforms-column-tags-form i.dashicons{margin-left:8px;width:16px;height:16px;font-size:15px;cursor:pointer}#wpforms-overview .wpforms-column-tags-form i.dashicons.wpforms-column-tags-edit-cancel{color:#787c82}#wpforms-overview .wpforms-column-tags-form i.dashicons.wpforms-column-tags-edit-cancel:hover{color:#d63638}#wpforms-overview .wpforms-column-tags-form i.dashicons.wpforms-column-tags-edit-save{margin-left:6px;color:#00a32a}#wpforms-overview .wpforms-column-tags-form i.dashicons.wpforms-column-tags-edit-save:hover{color:#007017}#wpforms-overview .wpforms-column-tags-form i.wpforms-spinner{margin:-2px 0 0 6px;width:16px;min-width:16px;height:16px;background-size:14px 14px;background-position:center;visibility:visible}#wpforms-overview .wpforms-bulk-edit-tags{background:#ffffff}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-fbox{display:flex;justify-content:flex-start;align-items:flex-start}@media (max-width: 600px){#wpforms-overview .wpforms-bulk-edit-tags .wpforms-fbox{flex-wrap:wrap}}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-tags{margin-left:10px;width:310px}@media (max-width: 600px){#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-tags{width:100%;margin:0}}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms{width:calc( 90% - 720px)}@media (max-width: 600px){#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms{width:100% !important;margin-bottom:10px}}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .is-open .choices__list--dropdown{display:none}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .is-open .choices__inner{border-radius:4px}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .choices__inner{cursor:default;min-height:140px;max-height:200px;align-items:start;overflow-y:auto;padding:5px 1px}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .choices[data-type*="select-multiple"]:after{display:none}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .choices__input{display:none !important}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .choices__list--multiple{display:block !important}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .choices__list--multiple .choices__item{display:flex;flex-direction:row-reverse;width:fit-content;cursor:default;padding:3px 7px;background:none;color:#50575e;border:none;word-break:break-word}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .choices__list--multiple .choices__item button{float:left;margin:0 7px 0 0;background:none;opacity:1}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .choices__list--multiple .choices__item button:hover:before{color:#d63638}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-edit-forms .choices__list--multiple .choices__item button:before{font-family:dashicons, sans-serif;content:"\f153";width:13px;height:13px;font-size:14px;color:#787c82;text-indent:0;position:absolute;left:0;top:0}#wpforms-overview .wpforms-bulk-edit-tags.wpforms-row-form td{padding:10px}#wpforms-overview .wpforms-bulk-edit-tags.wpforms-row-buttons td{padding:10px}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-bulk-edit-tags-save{float:right}#wpforms-overview .wpforms-bulk-edit-tags .wpforms-bulk-edit-tags-save i{margin:0 4px 0 0}#wpforms-overview .wpforms-bulk-edit-tags.wpforms-row-message td{padding:0}#wpforms-overview .wpforms-bulk-edit-tags.wpforms-row-message .wpforms-message{padding:20px;text-align:center;border-top:1px solid #ccd0d4;border-bottom:1px solid #ccd0d4}#wpforms-overview .wpforms-manage-tags{margin-right:6px}@media (max-width: 430px){#wpforms-overview #doaction2{margin-right:35px}}body.toplevel_page_wpforms-overview [id^="__lpform_input"]{display:none !important}body.wpforms-manage-tags-modal{overflow:hidden;height:100vh}body.wpforms-manage-tags-modal .jconfirm .jconfirm-cell{overflow-y:auto;max-height:100vh;height:100vh;display:flex;justify-content:center;align-items:center}body.wpforms-manage-tags-modal .jconfirm .jconfirm-box-container .jconfirm-box{width:calc( 100% - 40px) !important;max-width:550px}body.wpforms-manage-tags-modal .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane{height:auto !important;min-height:fit-content;max-height:fit-content !important}body.wpforms-manage-tags-modal .wpforms-manage-tags-items{margin-top:25px;display:flex;justify-content:center;flex-wrap:wrap;overflow-wrap:anywhere}body.wpforms-manage-tags-modal .wpforms-manage-tags-items input{display:none}body.wpforms-manage-tags-modal .wpforms-manage-tags-items input+label{background:#f8f8f8 url("../images/trash.svg") no-repeat right 10px center;background-size:12px 14px;border:1px solid #f8f8f8;border-radius:3px;font-weight:400;font-size:14px;line-height:22px;padding:7px 30px 7px 10px;margin:0 10px 10px 0;transition-property:all;transition-duration:0.15s;transition-timing-function:ease-out}body.wpforms-manage-tags-modal .wpforms-manage-tags-items input+label:hover{border-color:#a7aaad}body.wpforms-manage-tags-modal .wpforms-manage-tags-items input+label span{color:#777777}body.wpforms-manage-tags-modal .wpforms-manage-tags-items input:checked+label{background:#fff url("../images/trash-red.svg") no-repeat right 10px center;background-size:12px 14px;border-color:#d63638}body.wpforms-manage-tags-modal .wpforms-manage-tags-notice{background:#FCF9E8;border-radius:3px;font-size:14px;line-height:22px;text-align:center;color:#444444;padding:7px;margin:20px 0 10px 0}tr:hover .wpforms-column-tags-links .wpforms-column-tags-edit,.mobile .wpforms-column-tags-links .wpforms-column-tags-edit{visibility:visible !important}.branch-4-9 #wpforms-overview .search-box input{vertical-align:top;margin:0;height:28px}.branch-4-9 #wpforms-overview .search-box .button{font-size:13px}.branch-5-2 #wpforms-overview .actions{padding-top:0}.branch-5-2 #wpforms-overview .delete-all{margin-top:1px}.branch-5-2 #wpforms-overview .choices:not(.is-focused) .choices__inner,.branch-5-2 #wpforms-overview .choices:not(.is-open) .choices__inner{border-color:#dddddd}.branch-5-2 #wpforms-overview .wpforms-tags-filter .choices__inner{max-height:28px;min-height:28px}.branch-5-2 #wpforms-overview .wpforms-tags-filter .choices__list--multiple .choices__item{padding:3px 6px}@media screen and (max-width: 1280px){#wpforms-overview .wpforms-tags-filter{min-width:200px}#wpforms-overview .wp-list-table tr th:nth-child(5) ~ th:not(.column-entries):not(.column-created):not(.column-cog){display:none}#wpforms-overview .wp-list-table tr td:nth-child(5) ~ td:not(.column-entries):not(.column-created):not(.column-cog){display:none}}@media screen and (max-width: 960px){#wpforms-overview .choices__list--dropdown .choices__item--selectable.is-highlighted:after{display:none !important}#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) th,#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) td{display:none}#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) th.check-column,#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) th.column-name,#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) th.column-created,#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) th.column-entries,#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) td.check-column,#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) td.column-name,#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) td.column-created,#wpforms-overview .wp-list-table tr:not(.wpforms-bulk-edit-tags) td.column-entries{display:table-cell}}@media screen and (max-width: 782px){.toplevel_page_wpforms-overview .wpforms-admin-content{padding-left:10px;padding-right:10px}#wpforms-overview{margin-bottom:24px}#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-name>a{display:block;max-height:40px;overflow:hidden}#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-name .row-actions{overflow:hidden;height:30px;gap:0}#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-name .row-actions a{padding:4px}#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items).is-expanded td:not(.hidden){overflow:visible !important}#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items).is-expanded td:not(.check-column):not(.column-primary):first-of-type{margin-top:0 !important}#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items).is-expanded td.column-name .row-actions{overflow:visible}#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-created,#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-entries,#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items) th.column-created,#wpforms-overview .wp-list-table tr:not(.inline-edit-row):not(.no-items) th.column-entries{display:none}#wpforms-overview .wp-list-table tr.wpforms-locations-pane{display:none}#wpforms-overview .wp-list-table tr.is-expanded ~ tr.wpforms-locations-pane{display:table-row}#wpforms-overview .search-box{width:calc( 100% - 20px)}#wpforms-overview .search-box #wpforms-overview-search-term{width:100%;height:auto;max-width:100%;margin-bottom:10px}.branch-4-9 #wpforms-overview .search-box .button{margin-left:0;font-size:14px;line-height:normal}#wpforms-overview .tablenav.top{display:none}#wpforms-overview .tablenav.bottom .bulkactions{margin-bottom:10px}#wpforms-overview .tablenav.bottom .delete-all{margin-left:1px;margin-right:60px}#wpforms-overview .tablenav.bottom .displaying-num{top:16px}#wpforms-overview .tablenav-pages.one-page{margin-bottom:0;float:none}#wpforms-overview .tablenav-pages.one-page .displaying-num{top:12px}#wpforms-overview .subsubsub{margin:0 0 10px 0}#wpforms-overview .wpforms-tags-filter{vertical-align:top}#wpforms-overview .wpforms-tags-filter .choices{max-width:40vw;min-width:40vw}#wpforms-overview .wpforms-tags-filter .choices__inner{min-height:40px;max-height:40px}#wpforms-overview .wpforms-manage-tags{vertical-align:top;margin-right:80px}.branch-5-2 #wpforms-overview .wpforms-tags-filter .choices__inner{min-height:32px;max-height:32px}.branch-5-2 #wpforms-overview .bulkactions select,.branch-5-2 #wpforms-overview .bulkactions input{height:32px;margin-top:0;margin-bottom:0}.branch-5-2 #wpforms-overview .search-box .button{line-height:normal}}@media screen and (max-width: 600px){.tablenav.bottom .displaying-num{position:absolute}#wpforms-overview .wpforms-tags-filter{margin-right:3px}#wpforms-overview .wpforms-tags-filter .choices{min-width:52vw}#wpforms-overview .wpforms-manage-tags{margin-right:0}}#wpforms-payments.wpforms-payments-wrap-payment a{text-decoration:none}#wpforms-payments.wpforms-payments-wrap-payment .page-title{padding:14px 20px}#wpforms-payments.wpforms-payments-wrap-payment .hndle{color:#32373c}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-single-payment-tooltip{background-image:url(../images/payments/single/info-circle.svg);background-size:contain;height:14px;margin-top:2px;width:14px}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-single-payment-tooltip-content{display:none}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions{align-items:center;background:#f6f6f6;border-top:1px solid #c3c4c7;display:flex;padding:10px 12px;min-height:30px}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .status{display:inline-flex;align-items:center;gap:5px;width:50%;font-size:14px;line-height:17px;color:#50575e;font-weight:400;padding-left:3px}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .status .processed{color:#008a20}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .status .completed{color:#008a20}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .status .active{color:#008a20}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .status .cancelled{color:#50575e}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .status .not-synced{color:#50575e}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .status .failed{color:#d63638}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .status .pending{color:#bd8600}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .status .refunded{color:#50575e}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .wpforms-payment-action-status-value{font-weight:600;text-transform:capitalize}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .wpforms-payment-action-status-value.partrefund span{white-space:nowrap}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .actions{align-items:center;justify-content:end;display:flex;width:50%}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .actions .link{margin-right:10px;font-weight:400;font-size:13px;line-height:16px;text-decoration:none}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .actions .link:focus{outline:none;box-shadow:none}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions .actions .button{box-shadow:none}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info h2.hndle,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details h2.hndle,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields h2.hndle,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info h2.hndle{flex-wrap:wrap;gap:5px;justify-content:flex-start;padding:12px 15px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info h2.hndle span:first-child,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details h2.hndle span:first-child,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields h2.hndle span:first-child,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info h2.hndle span:first-child{font-size:16px;font-weight:600;line-height:20px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info h2.hndle span:nth-child(n+2)::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details h2.hndle span:nth-child(n+2)::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields h2.hndle span:nth-child(n+2)::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info h2.hndle span:nth-child(n+2)::before{content:"/";color:#a7aaad;margin-inline-end:5px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info h2.hndle .dashicons,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details h2.hndle .dashicons,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields h2.hndle .dashicons,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info h2.hndle .dashicons{font-size:16px;height:16px;width:16px;margin:4px 4px 0 0;color:#e27730}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info h2.hndle .wpforms-payment-entry-id,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info h2.hndle .wpforms-payment-id,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details h2.hndle .wpforms-payment-entry-id,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details h2.hndle .wpforms-payment-id,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields h2.hndle .wpforms-payment-entry-id,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields h2.hndle .wpforms-payment-id,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info h2.hndle .wpforms-payment-entry-id,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info h2.hndle .wpforms-payment-id{color:#50575e;font-size:14px;font-weight:400;line-height:17px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info .inside{padding:0;margin:0}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside p,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside p,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside p,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info .inside p{padding:0;margin:0}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list{background-color:#dcdcde;display:flex;flex-wrap:wrap;gap:1px;margin:0}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card{flex-grow:1;margin:0;width:24%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .is-amount .statcard-value,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .is-amount .statcard-value{word-break:break-all}@media (max-width: 1367px) and (min-width: 601px){#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card{width:49%}}@media (max-width: 600px){#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card{width:100%}}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card button,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card button{align-items:center;background-color:#ffffff;border-width:0;box-shadow:none;column-gap:15px;display:grid;justify-items:start;grid-template-columns:48px 1fr;grid-template-rows:repeat(2, auto);grid-template-areas:"image label" "image value";height:100%;outline:0;padding:15px;text-align:left;width:100%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card button::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card button::before{background-size:contain;background-position:center;background-repeat:no-repeat;content:"";grid-area:image;height:48px;width:48px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .coupon::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .coupon::before{background-image:url(../images/payments/single/icon-coupon.svg)}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .cycle::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .cycle::before{background-image:url(../images/payments/single/icon-cycle.svg)}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .date::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .date::before{background-image:url(../images/payments/single/icon-date.svg)}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .lifetime-total::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .lifetime-total::before{background-image:url(../images/payments/single/icon-lifetime-total.svg)}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .total::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .total::before{background-image:url(../images/payments/single/icon-total.svg)}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .method::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .method::before{background-image:url(../images/payments/single/icon-method.svg)}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .one-time::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .one-time::before{background-image:url(../images/payments/single/icon-one-time.svg)}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .subscription::before,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .subscription::before{background-image:url(../images/payments/single/icon-subscription.svg)}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .stat-card-label,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .stat-card-label{color:#787c82;font-size:14px;grid-area:label;line-height:17px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .stat-card-value,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .stat-card-value{display:flex;align-items:center;gap:5px;color:#50575e;font-weight:600;font-size:20px;grid-area:value;line-height:24px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .stat-card-value span,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .stat-card-value span{word-break:break-word}@media (max-width: 600px){#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-info .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .stat-card-value,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-subscription-details .inside .wpforms-payments-details-list .wpforms-payments-details-stat-card .stat-card-value{font-size:18px}}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info .inside .wpforms-payment-advanced-item{display:flex;flex-direction:row;background:#f6f6f6;padding:8px 12px 8px 15px}@media (max-width: 781px){#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info .inside .wpforms-payment-advanced-item{flex-direction:column}}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info .inside .wpforms-payment-advanced-item:nth-child(2n){background:#ffffff}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info .inside .wpforms-payment-advanced-item:last-child{border-radius:4px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info .inside .wpforms-payment-advanced-item .wpforms-payment-advanced-item-label{font-weight:600;width:20%}@media (max-width: 781px){#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info .inside .wpforms-payment-advanced-item .wpforms-payment-advanced-item-label{width:100%}}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-advanced-info .inside .wpforms-payment-advanced-item .wpforms-payment-advanced-item-value{width:80%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside{line-height:16px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .no-fields{padding:12px;margin:0}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-field-name{background:#f6f6f6;color:#32373c;font-weight:600;line-height:inherit;padding:10px 15px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-field-value{background:#fff;color:#50575e;padding:10px 15px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-field-value:last-child{border-radius:4px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .empty .wpforms-payment-entry-field-value{font-style:italic;color:#999}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload p.file-entry{padding-left:12px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload .wpforms-help-tooltip{line-height:16px;font-size:14px;margin-left:10px;color:#a6a6a6}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload .wpforms-help-tooltip:hover{color:#444}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload .file-icon{padding-right:10px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload .file-icon img{vertical-align:middle}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload .button-link-delete{text-decoration:none}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload .wpforms-trash-icon{width:16px;height:16px;font-size:16px;color:#a00;margin-left:8px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload .wpforms-trash-icon:hover{color:#dc3232}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload a{cursor:pointer}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-field-file-upload a.disabled{opacity:0.5}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block>.wpforms-payment-entry-field-name,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block>.wpforms-payment-entry-field-name{border-bottom:1px solid #dcdcde}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-repeater-row,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-layout-row,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-repeater-row,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-layout-row{display:flex;flex-wrap:nowrap;justify-content:space-between}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-25,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-25,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-25,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-25{width:25%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-33,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-33,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-33,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-33{width:33.3333%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-50,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-50,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-50,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-50{width:50%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-67,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-67,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-67,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-67{width:66.6666%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-75,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-75,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-75,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-75{width:75%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-100,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-100,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-column-100,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-column-100{width:100%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-field .wpforms-payment-entry-field-name,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-field .wpforms-payment-entry-field-name,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-field .wpforms-payment-entry-field-name,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-field .wpforms-payment-entry-field-name{display:none}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-field:first-child .wpforms-payment-entry-field-name,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-repeater-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-field:first-child .wpforms-payment-entry-field-name,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-repeater-row .wpforms-payment-entry-field:first-child .wpforms-payment-entry-field-name,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .inside .wpforms-payment-entry-layout-block .wpforms-payment-entry-layout-row .wpforms-payment-entry-field:first-child .wpforms-payment-entry-field-name{display:block}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .wpforms-empty-field-toggle{float:right;text-decoration:none;padding:2px 0 0;font-size:12px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .wpforms-field-richtext .wpforms-payment-entry-field-value{max-width:100%;overflow:auto}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .wpforms-field-richtext .wpforms-payment-entry-field-value-richtext{width:calc(100% + 24px);height:0;margin:-8px -12px -11px -12px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-entry-fields .wpforms-field-richtext img{max-width:100%}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-details .inside,#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-actions .inside{margin:0;padding:0}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-details .button-delete{color:#d63638;border-color:#d63638}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-details .button-delete:hover{text-decoration:none}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-details-meta .dashicons,#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions-meta .dashicons{color:#8c8f94;font-size:22px;height:22px;inset-inline-start:12px;position:absolute;text-decoration:none;top:5px;width:22px}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-details-meta .dashicons.dashicons-marker,#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions-meta .dashicons.dashicons-marker{color:#ffb900}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-details-meta{padding:5px 0}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-details-meta p{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:6px 12px 6.5px 42px;position:relative}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-details-meta strong{font-weight:600}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-details-meta .dashicons-wpforms{background-color:#8c8f94;-webkit-mask-image:url(../images/brand.svg);mask-image:url(../images/brand.svg)}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions-meta{padding:0}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions-meta p{border-bottom:1px solid #eee;padding:10px}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions-meta p:last-of-type{border-bottom:0}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions-meta strong{font-weight:600}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-actions-meta .dashicons{margin-right:3px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-logs .inside{margin-top:12px;padding-bottom:0}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-logs .inside .wpforms-payment-no-logs{display:flex;flex-direction:column;line-height:18px;padding-bottom:12px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-logs .inside .wpforms-payment-log-item{display:flex;flex-direction:column;background:#f6f6f6;border-radius:3px;padding:10px 12px;margin-bottom:12px}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-logs .inside .wpforms-payment-log-item .wpforms-payment-log-item-value{color:#50575e;font-size:13px;line-height:18px;word-wrap:break-word}#wpforms-payments.wpforms-payments-wrap-payment #wpforms-payment-logs .inside .wpforms-payment-log-item .wpforms-payment-log-item-date{color:#a7aaad;font-size:12px;line-height:18px}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice{background:#fef8f5;border-radius:3px;border:1px solid rgba(226,119,48,0.5);box-shadow:0 1px 1px rgba(0,0,0,0.05);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:15px;gap:5px}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice-title{font-weight:600;font-size:15px;line-height:18px}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice-description{align-items:center;font-weight:400;font-size:14px;line-height:17px;color:#32373c}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice-description a{color:#e27730;font-weight:600;text-decoration:none}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice-description a:hover{color:#cd6622}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice .wpforms-payment-single-education-notice-dismiss-button{z-index:2;position:absolute;right:0;top:0;padding:11px;color:#efb58f;cursor:pointer}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice .wpforms-payment-single-education-notice-dismiss-button:hover{color:#e27730}#wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice .wpforms-payment-single-education-notice-dismiss-button .dashicons{width:16px;height:16px;font-size:16px}#post-body-content .postbox{overflow:hidden}#post-body-content h2.hndle{flex-wrap:wrap;gap:5px;justify-content:flex-start;padding:12px 15px}#post-body-content h2.hndle span:first-child{font-size:16px;font-weight:500;line-height:20px}#post-body-content h2.hndle span:nth-child(n+2)::before{content:"/";color:#a7aaad;margin-inline-end:5px}#post-body-content h2.hndle .dashicons{font-size:16px;height:16px;width:16px;margin:4px 4px 0 0;color:#e27730}#post-body-content h2.hndle .wpforms-payment-entry-id,#post-body-content h2.hndle .wpforms-payment-id{color:#50575e;font-size:14px;font-weight:400;line-height:17px}#post-body-content .inside{padding:0;margin:0}#post-body-content .inside p{padding:0;margin:0}.wpforms-subscription-payment-history{border-collapse:collapse;line-height:18px;text-transform:capitalize;width:100%}.wpforms-subscription-payment-history th,.wpforms-subscription-payment-history td{padding:10px}@media (min-width: 782px){.wpforms-subscription-payment-history th:first-of-type,.wpforms-subscription-payment-history td:first-of-type{padding-inline-start:15px}.wpforms-subscription-payment-history th:last-of-type,.wpforms-subscription-payment-history td:last-of-type{padding-inline-end:15px}}@media (max-width: 781px){.wpforms-subscription-payment-history th,.wpforms-subscription-payment-history td{padding:5px 15px}.wpforms-subscription-payment-history th:first-of-type,.wpforms-subscription-payment-history td:first-of-type{padding-block-start:15px}.wpforms-subscription-payment-history th:last-of-type,.wpforms-subscription-payment-history td:last-of-type{padding-block-end:15px}}.wpforms-subscription-payment-history th{color:#32373c;font-weight:600;text-align:start}.wpforms-subscription-payment-history thead{text-align:left;background:#f6f6f6}@media (max-width: 781px){.wpforms-subscription-payment-history thead{display:none}}.wpforms-subscription-payment-history tbody{color:#50575e}.wpforms-subscription-payment-history tbody tr.current{background:#e6f0f7;font-weight:500}.wpforms-subscription-payment-history tbody tr:nth-child(even):not(.current){background:#f6f6f6}.wpforms-subscription-payment-history tbody td:first-of-type a{color:#056aab;display:inline-flex}.wpforms-subscription-payment-history tbody td:first-of-type a::before{content:"#"}@media (max-width: 781px){.wpforms-subscription-payment-history tbody td{display:block}.wpforms-subscription-payment-history tbody td::before{content:attr(data-title) ": ";font-weight:500}}.rtl #wpforms-payments.wpforms-payments-wrap-payment .actions .link{margin-right:0;margin-left:10px}.rtl #wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-details-meta p{padding:6px 42px 6.5px 12px}.rtl #wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice .wpforms-payment-single-education-notice-dismiss-button{left:0;right:auto}.wpforms-payments-overview-stats{border:1px solid #c3c4c7;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.05);margin-bottom:20px;overflow:hidden}.wpforms-payments-overview-stats .wpforms-overview-chart{box-shadow:none;border-width:0;border-radius:0;margin-bottom:0}.wpforms-payments-overview-stats .wpforms-overview-chart-canvas{height:329px}.wpforms-payments-overview-reports.doing-ajax{pointer-events:none}.wpforms-payments-overview-reports-legend{background-color:#dcdcde;display:flex;flex-wrap:wrap;gap:1px;margin:0;padding-top:1px}.wpforms-payments-overview-reports-statcard{flex-grow:1;margin:0;width:32%}@media (max-width: 1280px) and (min-width: 769px){.wpforms-payments-overview-reports-statcard{width:49%}}@media (max-width: 768px){.wpforms-payments-overview-reports-statcard{width:100%}}@media (min-width: 1368px){.wpforms-payments-overview-reports-statcard:nth-child(1):nth-last-child(4){width:24%}}@media (max-width: 1367px) and (min-width: 1281px){.wpforms-payments-overview-reports-statcard:nth-child(1):nth-last-child(4){width:49%}}@media (min-width: 1368px){.wpforms-payments-overview-reports-statcard:nth-child(2):nth-last-child(3){width:24%}}@media (max-width: 1367px) and (min-width: 1281px){.wpforms-payments-overview-reports-statcard:nth-child(2):nth-last-child(3){width:49%}}@media (min-width: 1368px){.wpforms-payments-overview-reports-statcard:nth-child(3):nth-last-child(2){width:24%}}@media (max-width: 1367px) and (min-width: 1281px){.wpforms-payments-overview-reports-statcard:nth-child(3):nth-last-child(2){width:49%}}@media (min-width: 1368px){.wpforms-payments-overview-reports-statcard:nth-child(4):nth-last-child(1){width:24%}}@media (max-width: 1367px) and (min-width: 1281px){.wpforms-payments-overview-reports-statcard:nth-child(4):nth-last-child(1){width:49%}}.wpforms-payments-overview-reports-statcard button{align-content:center;background-color:#fafafa;border-width:0;box-shadow:none;column-gap:15px;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:repeat(2, auto);grid-template-areas:"image label delta" "image value delta";height:100%;outline:0;padding:21px 20px;text-align:start;width:100%}.wpforms-payments-overview-reports-statcard button:not(.disabled){cursor:pointer}.wpforms-payments-overview-reports-statcard button:not(.disabled).is-selected,.wpforms-payments-overview-reports-statcard button:not(.disabled):hover{background-color:#ffffff}.wpforms-payments-overview-reports-statcard button::before{align-self:center;background-size:contain;background-position:center;background-repeat:no-repeat;content:"";grid-area:image;height:48px;width:48px}.wpforms-payments-overview-reports-statcard .total-payments::before{background-image:url(../images/payments/icon-total-payments.svg)}.is-ready .wpforms-payments-overview-reports-statcard .total-payments.is-selected{border-color:#056aab;box-shadow:inset 0 3px 0 #056aab}.wpforms-payments-overview-reports-statcard .total-sales::before{background-image:url(../images/payments/icon-total-sales.svg)}.is-ready .wpforms-payments-overview-reports-statcard .total-sales.is-selected{border-color:#389547;box-shadow:inset 0 3px 0 #389547}.wpforms-payments-overview-reports-statcard .total-refunded::before{background-image:url(../images/payments/icon-total-refunded.svg)}.is-ready .wpforms-payments-overview-reports-statcard .total-refunded.is-selected{border-color:#50575e;box-shadow:inset 0 3px 0 #50575e}.wpforms-payments-overview-reports-statcard .total-subscription::before{background-image:url(../images/payments/icon-total-subscription.svg)}.is-ready .wpforms-payments-overview-reports-statcard .total-subscription.is-selected{border-color:#e27730;box-shadow:inset 0 3px 0 #e27730}.wpforms-payments-overview-reports-statcard .total-renewal-subscription::before{background-image:url(../images/payments/icon-total-subscription.svg)}.is-ready .wpforms-payments-overview-reports-statcard .total-renewal-subscription.is-selected{border-color:#e27730;box-shadow:inset 0 3px 0 #e27730}.wpforms-payments-overview-reports-statcard .total-coupons::before{background-image:url(../images/payments/icon-total-coupons.svg)}.is-ready .wpforms-payments-overview-reports-statcard .total-coupons.is-selected{border-color:#e27730;box-shadow:inset 0 3px 0 #e27730}.wpforms-payments-overview-reports-statcard .statcard-label{color:#787c82;font-size:14px;grid-area:label;line-height:17px}.wpforms-payments-overview-reports-statcard .statcard-value{color:#50575e;font-weight:600;font-size:22px;grid-area:value;line-height:27px}.wpforms-payments-overview-reports-statcard .statcard-value span{color:#a7aaad;font-weight:400}@media (max-width: 600px){.wpforms-payments-overview-reports-statcard .statcard-value{font-size:18px}}.wpforms-payments-overview-reports-statcard .statcard-delta{align-self:center;background-color:#eaeaeb;border-radius:2px;color:#50575e;font-weight:600;font-size:11px;grid-area:delta;line-height:13px}.wpforms-payments-overview-reports-statcard .statcard-delta.is-calculated{padding:5px 7px}.wpforms-payments-overview-reports-statcard .statcard-delta.is-calculated::after{content:"%"}.wpforms-payments-overview-reports-statcard .statcard-delta:is(.is-upward,.is-downward)::before{background-image:url(../images/payments/chevron.svg);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:11px;margin-inline-end:5px;vertical-align:middle;width:11px}.wpforms-payments-overview-reports-statcard .statcard-delta.is-downward::before{transform:rotate(180deg)}.wpforms-payments-overview-reports-statcard .is-amount .statcard-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpforms-payments-overview-reports-statcard .upsell .statcard-delta{background-image:url(../images/payments/star.svg);background-repeat:no-repeat;background-size:contain;width:25px;height:25px}.wpforms-payments-wrap-payments ul.subsubsub{margin:0;line-height:30px}.wpforms-payments-wrap-payments #wpforms-reset-filter{border-color:#c3c4c7;border-radius:4px;margin-top:0}.wpforms-payments-wrap-payments #wpforms-reset-filter .reset{text-decoration:none;margin-inline:3px}@media (max-width: 1279px) and (min-width: 783px){.wpforms-payments-wrap-payments .search-box{justify-content:flex-start;margin-block:10px;width:100%}.wpforms-payments-wrap-payments .search-box #wpforms-payments-search-input{flex-grow:unset}}@media (max-width: 782px){.wpforms-payments-wrap-payments .search-box{margin-top:10px}}.wpforms-payments-wrap-payments .tablenav .actions .button,.wpforms-payments-wrap-payments .tablenav .wpforms-tablenav-filters .button{font-size:14px;line-height:1.67}@media (max-width: 1279px) and (min-width: 783px){.wpforms-payments-wrap-payments .tablenav{display:flex;flex-wrap:wrap;gap:3px;height:auto}}@media (max-width: 1279px) and (min-width: 783px){.wpforms-payments-wrap-payments .tablenav-pages{margin-left:auto}}@media (max-width: 782px){.wpforms-payments-wrap-payments .tablenav-pages{margin-top:10px}}.wpforms-payments-wrap-payments .wpforms-tablenav-filters{display:inline-flex;flex-wrap:wrap;float:left;gap:6px;margin:0 0 9px}@media (max-width: 1279px) and (min-width: 783px){.wpforms-payments-wrap-payments .wpforms-tablenav-filters{order:-1;width:100%}}@media (max-width: 782px){.wpforms-payments-wrap-payments .wpforms-tablenav-filters{width:100%}.wpforms-payments-wrap-payments .wpforms-tablenav-filters .button{margin-bottom:0}}@media (max-width: 600px){.wpforms-payments-wrap-payments .wpforms-tablenav-filters>*{width:100%}}.wpforms-table-list-payments .payment-placeholder-text-none{color:#a7aaad}.wpforms-table-list-payments td.column-title{word-break:break-word}.wpforms-table-list-payments td.column-status{padding:10px 11px;width:1%}.wpforms-table-list-payments td.column-status .wpforms-help-tooltip{background-image:url(../images/payments/icon-info.svg);background-repeat:no-repeat;background-size:contain;width:11px;height:11px}@media (max-width: 1100px) and (min-width: 1025px){.wpforms-table-list-payments.has-many-columns td.column-form{max-width:7ch}}@media (max-width: 1024px) and (min-width: 783px){.wpforms-table-list-payments.has-many-columns .column-form{max-width:100%}}@media (min-width: 783px){.wpforms-table-list-payments tbody tr{height:44px}.wpforms-table-list-payments .column-form{max-width:240px}}.wpforms-payment-status{align-items:center;border-radius:2px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;line-height:15px;padding:4px 8px;white-space:nowrap}.wpforms-payment-status.status-active{background-color:#dbf2df;color:#008a20}.wpforms-payment-status.status-cancelled{background-color:#ededee;color:#50575e}.wpforms-payment-status.status-completed{background-color:#dbf2df;color:#008a20}.wpforms-payment-status.status-failed{background-color:#f7d6d6;color:#d63638}.wpforms-payment-status.status-pending{background-color:#faf2d5;color:#bd8600}.wpforms-payment-status.status-processed{background-color:#ededee;color:#50575e}.wpforms-payment-status.status-not-synced{background-color:#ededee;color:#50575e}.wpforms-payment-status.status-refunded{background-color:#ededee;color:#50575e}.wpforms-payment-status.status-partrefund{background-color:#ededee;color:#50575e}.column-subscription .wpforms-subscription-status,.column-subscription .payment-placeholder-text-none{white-space:nowrap}.column-subscription .wpforms-subscription-status::before,.column-subscription .payment-placeholder-text-none::before{align-self:center;background-size:contain;background-position:center;background-repeat:no-repeat;display:inline-block;content:"";height:14px;width:14px;margin-inline-end:10px;position:relative;top:3px;background-image:url(../images/payments/status/icon-n-a.svg)}.column-subscription .wpforms-subscription-status.status-active::before,.column-subscription .payment-placeholder-text-none.status-active::before{background-image:url(../images/payments/status/icon-active.svg)}.column-subscription .wpforms-subscription-status.status-cancelled::before,.column-subscription .payment-placeholder-text-none.status-cancelled::before{background-image:url(../images/payments/status/icon-cancelled.svg)}.column-subscription .wpforms-subscription-status.status-completed::before,.column-subscription .payment-placeholder-text-none.status-completed::before{background-image:url(../images/payments/status/icon-completed.svg)}.column-subscription .wpforms-subscription-status.status-failed::before,.column-subscription .payment-placeholder-text-none.status-failed::before{background-image:url(../images/payments/status/icon-failed.svg)}.column-subscription .wpforms-subscription-status.status-pending::before,.column-subscription .payment-placeholder-text-none.status-pending::before{background-image:url(../images/payments/status/icon-pending.svg)}.column-subscription .wpforms-subscription-status.status-processed::before,.column-subscription .payment-placeholder-text-none.status-processed::before{background-image:url(../images/payments/status/icon-processed.svg)}.column-subscription .wpforms-subscription-status.status-not-synced::before,.column-subscription .payment-placeholder-text-none.status-not-synced::before{background-image:url(../images/payments/status/icon-not-synced.svg)}.column-subscription .wpforms-subscription-status.status-refunded::before,.column-subscription .payment-placeholder-text-none.status-refunded::before{background-image:url(../images/payments/status/icon-refunded.svg)}.column-subscription .wpforms-subscription-status.status-partrefund::before,.column-subscription .payment-placeholder-text-none.status-partrefund::before{background-image:url(../images/payments/status/icon-partrefund.svg)}.wpforms-payments-viewing-test-mode{background-color:#fef5f0;border:1px solid rgba(226,119,48,0.5);border-radius:4px;box-shadow:0px 1px 1px rgba(0,0,0,0.05);color:#e27730;display:flex;font-weight:600;gap:6px;justify-content:center;margin-bottom:20px;padding:10px}.wpforms-payments-viewing-test-mode::before{background-image:url(../images/payments/icon-exclamation.svg);background-size:contain;content:'';height:16px;margin-top:1px;width:16px}.wpforms-payments-viewing-test-mode p{margin-block:0;line-height:17px}@media (max-width: 782px){body.wpforms_page_wpforms-payments #wpbody-content{padding-bottom:0}}body.rtl .wpforms-tablenav-filters{float:right}#wpforms-admin-analytics{width:700px;margin:0 auto}#wpforms-admin-analytics *,#wpforms-admin-analytics *::before,#wpforms-admin-analytics *::after{box-sizing:border-box}#wpforms-admin-analytics section{margin:50px 0;text-align:left;clear:both}#wpforms-admin-analytics p{font-size:15px}#wpforms-admin-analytics .top{text-align:center}#wpforms-admin-analytics .top img{margin-bottom:38px}#wpforms-admin-analytics .top h1{font-size:26px;font-weight:600;margin-bottom:0;padding:0}#wpforms-admin-analytics .top p{font-size:17px;color:#777777;margin-top:.5em}#wpforms-admin-analytics .top .updated{display:none}#wpforms-admin-analytics .screenshot>*{vertical-align:middle}#wpforms-admin-analytics .screenshot .cont{display:inline-block;position:relative;width:315px;padding:5px;background-color:#ffffff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05);border-radius:3px}#wpforms-admin-analytics .screenshot .cont img{max-width:100%}#wpforms-admin-analytics .screenshot .cont .hover{position:absolute;opacity:0;height:100%;width:100%;top:0;left:0;border:5px solid #ffffff;background-color:rgba(0,0,0,0.15);background-image:url("../images/zoom.svg");background-repeat:no-repeat;background-position:center;background-size:50px;transition:all 0.3s}#wpforms-admin-analytics .screenshot .cont:hover .hover{opacity:1;transition:all 0.3s}#wpforms-admin-analytics .screenshot ul{display:inline-block;margin-left:30px;list-style-type:none;max-width:calc(100% - 350px)}#wpforms-admin-analytics .screenshot li{margin:16px 0;padding:0 0 0 24px;font-size:15px;background-image:url("../images/analytics/arrow-right.svg");background-position:left center;background-repeat:no-repeat;background-size:14px;color:#777777}#wpforms-admin-analytics .step{background-color:#f9f9f9;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05);border:1px solid #e5e5e5;margin:0 0 25px 0}#wpforms-admin-analytics .step>*{vertical-align:middle}#wpforms-admin-analytics .step .num{display:inline-block;position:relative;width:100px;height:50px;text-align:center}#wpforms-admin-analytics .step .loader{margin-top:-54px;transition:all .3s;opacity:1}#wpforms-admin-analytics .step div{display:inline-block;width:calc(100% - 104px);background-color:#ffffff;padding:30px;border-left:1px solid #eeeeee}#wpforms-admin-analytics .step h2{font-size:24px;line-height:1.2;margin-top:-5px;margin-bottom:-5px}#wpforms-admin-analytics .step p{font-size:16px;color:#777777}#wpforms-admin-analytics .step .error{font-size:14px;color:#b97474;margin-bottom:0}#wpforms-admin-analytics .step .button{font-weight:600;padding:10px 12px;min-width:180px;height:auto;line-height:1.2;text-align:center;font-size:15px;transition:all .3s}#wpforms-admin-analytics .step .button.grey{background:#f6f6f6;border:1px solid #dddddd;box-shadow:none;text-shadow:none;color:#9fa5aa}#wpforms-admin-analytics .step .button.disabled{cursor:default}#wpforms-admin-analytics .step .link{text-decoration:none}#wpforms-admin-analytics .step .hidden{opacity:0;transition:all .3s}#wpforms-admin-analytics .grey{opacity:0.5}@media (max-width: 767px){#wpforms-admin-analytics{width:auto;margin:0 20px}#wpforms-admin-analytics .screenshot .cont{width:auto}#wpforms-admin-analytics .screenshot ul{margin:20px 0 0 15px;max-width:100%}#wpforms-admin-analytics .button{white-space:normal}}@media (max-width: 540px){#wpforms-admin-analytics .step .num{display:block;width:100%;height:auto;padding:20px 30px;text-align:left}#wpforms-admin-analytics .step .loader{margin-left:0}#wpforms-admin-analytics .step div{display:block;width:100%;border-left:none}}.wpforms-admin-plugin-landing .notice{display:none !important}.wpforms-admin-plugin-landing .loader{margin:0 auto;position:relative;text-indent:-9999em;border-top:4px solid #969696;border-right:4px solid #969696;border-bottom:4px solid #969696;border-left:4px solid #404040;transform:translateZ(0);animation:load8 1.1s infinite linear;background-color:transparent}.wpforms-admin-plugin-landing .loader,.wpforms-admin-plugin-landing .loader:after{display:block;border-radius:50%;width:50px;height:50px}@-webkit-keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#wpforms-admin-smtp{width:700px;margin:0 auto}#wpforms-admin-smtp *,#wpforms-admin-smtp *::before,#wpforms-admin-smtp *::after{box-sizing:border-box}#wpforms-admin-smtp section{margin:50px 0;text-align:left;clear:both}#wpforms-admin-smtp p{font-size:15px}#wpforms-admin-smtp .top{text-align:center}#wpforms-admin-smtp .top img{margin-bottom:38px}#wpforms-admin-smtp .top h1{font-size:26px;font-weight:600;margin-bottom:0;padding:0}#wpforms-admin-smtp .top p{font-size:17px;color:#777777;margin-top:.5em}#wpforms-admin-smtp .top .updated{display:none}#wpforms-admin-smtp .screenshot>*{vertical-align:middle}#wpforms-admin-smtp .screenshot .cont{display:inline-block;position:relative;width:315px;padding:5px;background-color:#ffffff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05);border-radius:3px}#wpforms-admin-smtp .screenshot .cont img{max-width:100%;display:block}#wpforms-admin-smtp .screenshot .cont .hover{position:absolute;opacity:0;height:100%;width:100%;top:0;left:0;border:5px solid #ffffff;background-color:rgba(0,0,0,0.15);background-image:url("../images/zoom.svg");background-repeat:no-repeat;background-position:center;background-size:50px;transition:all 0.3s}#wpforms-admin-smtp .screenshot .cont:hover .hover{opacity:1;transition:all 0.3s}#wpforms-admin-smtp .screenshot ul{display:inline-block;margin:0 0 0 30px;list-style-type:none;max-width:calc(100% - 350px)}#wpforms-admin-smtp .screenshot li{margin:16px 0;padding:0 0 0 24px;font-size:15px;background-image:url("../images/smtp/arrow-right.svg");background-position:left 3px;background-repeat:no-repeat;background-size:14px;color:#777777}#wpforms-admin-smtp .step{background-color:#f9f9f9;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05);border:1px solid #e5e5e5;margin:0 0 25px 0}#wpforms-admin-smtp .step>*{vertical-align:middle}#wpforms-admin-smtp .step .num{display:inline-block;position:relative;width:100px;height:50px;text-align:center}#wpforms-admin-smtp .step .loader{margin-top:-54px;transition:all .3s;opacity:1}#wpforms-admin-smtp .step div{display:inline-block;width:calc(100% - 104px);background-color:#ffffff;padding:30px;border-left:1px solid #eeeeee}#wpforms-admin-smtp .step h2{font-size:24px;line-height:1.2;margin-top:-5px;margin-bottom:-5px}#wpforms-admin-smtp .step p{font-size:16px;color:#777777}#wpforms-admin-smtp .step .error{font-size:14px;color:#b97474;margin-bottom:0}#wpforms-admin-smtp .step .link{text-decoration:none}#wpforms-admin-smtp .step .button{font-weight:600;box-shadow:none;padding:10px 12px;min-width:180px;height:auto;line-height:1.2;text-align:center;font-size:15px;transition:all .3s}#wpforms-admin-smtp .step .button.grey{background:#f6f6f6;border:1px solid #dddddd;text-shadow:none;color:#9fa5aa}#wpforms-admin-smtp .step .button.disabled{cursor:default}#wpforms-admin-smtp .step .hidden{opacity:0;transition:all .3s}#wpforms-admin-smtp .grey{opacity:0.5}@media (max-width: 767px){#wpforms-admin-smtp{width:auto;margin:0 20px}#wpforms-admin-smtp .screenshot .cont{width:auto}#wpforms-admin-smtp .screenshot ul{margin:20px 0 0 15px;max-width:100%}#wpforms-admin-smtp .button{white-space:normal}}@media (max-width: 540px){#wpforms-admin-smtp .step .num{display:block;width:100%;height:auto;padding:20px 30px;text-align:left}#wpforms-admin-smtp .step .loader{margin-left:0}#wpforms-admin-smtp .step div{display:block;width:100%;border-left:none}}.wpforms-success-icon,.wpforms-warning-icon,.wpforms-error-icon{display:inline-block;vertical-align:middle;background-size:contain;background-position:center;background-repeat:no-repeat;height:17px;width:17px;margin-right:10px;margin-top:-1.5px}.wpforms-success-icon{background-image:url(../images/check-circle.svg)}.wpforms-warning-icon{background-image:url(../images/exclamation-triangle-orange.svg);height:15px}.wpforms-error-icon{background-image:url(../images/exclamation-circle.svg)}#wpforms-settings .wpforms-specific-note-wrap{background-color:#fcf9e8;border-radius:6px;padding:15px;box-shadow:0 0 0 1px #c3c4c7,0 2px 4px 0 rgba(0,0,0,0.07);margin-right:60px}#wpforms-settings .wpforms-specific-note-wrap .wpforms-specific-note-lightbulb{float:left;width:14px;padding-top:1px}#wpforms-settings .wpforms-specific-note-wrap .wpforms-specific-note-lightbulb svg path{fill:#f0c33c}#wpforms-settings .wpforms-specific-note-wrap .wpforms-specific-note-content{margin-inline-start:25px;color:#2c3338;font-size:15px;line-height:22px}#wpforms-settings .wpforms-specific-note-wrap .wpforms-specific-note-content p{margin-top:0}#wpforms-settings .wpforms-specific-note-wrap .wpforms-specific-note-content>p{margin-bottom:1em}#wpforms-settings .wpforms-specific-note-wrap .wpforms-specific-note-content>p:last-child{margin-bottom:0}#wpforms-settings .wpforms-specific-note-wrap .wpforms-specific-note-content .wpforms-strong{font-weight:500}#wpforms-settings .wpforms-admin-settings-form .wpforms-btn[type="submit"]{position:relative;z-index:2}#wpforms-settings .wpforms-toggle-control-status{text-transform:uppercase}#wpforms-settings .wpforms-learn-more{display:inline-block}#wpforms-settings .wpforms-learn-more:after{content:'';display:inline-block;width:14px;height:15px;background-image:url(../images/dashicons-arrow-right-alt.svg);background-size:13px 13px;background-position:center;background-repeat:no-repeat;margin-left:4px;position:relative;top:3px}@media (max-width: 463px){#wpforms-settings #wpforms-settings-connect-btn{margin-top:10px}}.rtl #wpforms-settings .wpforms-specific-note-wrap .wpforms-specific-note-lightbulb{float:right}.rtl .wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field .wpforms-settings-field-radio-wrapper{margin-right:0;margin-left:20px}.rtl .wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field .wpforms-settings-field-radio-wrapper input[type=radio]{margin:1px 0 0 10px}.wpforms-admin-settings *,.wpforms-admin-settings *::before,.wpforms-admin-settings *::after{box-sizing:border-box}.wpforms-admin-settings .wpforms-setting-row{padding:0 0 30px 0;font-size:14px;line-height:1.3}.wpforms-admin-settings .wpforms-setting-row input[type=password]:disabled{background:#ffffff;opacity:0.5;border:1px solid #8c8f94}.wpforms-admin-settings .wpforms-setting-row:first-of-type{padding-top:5px !important}.wpforms-admin-settings .wpforms-setting-row:last-of-type{padding-bottom:30px}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-row{padding:0 0 15px 0}}.wpforms-admin-settings .wpforms-setting-row.section-heading{padding:30px 0;border-top:1px solid #dcdcde}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-row.section-heading{padding:25px 0 15px 0}}.wpforms-admin-settings .wpforms-setting-row.section-heading.specific-note{border-top:none;padding:0 0 30px 0}.wpforms-admin-settings .wpforms-setting-row.section-heading:first-of-type{border:none}.wpforms-admin-settings .wpforms-setting-row.section-heading.no-desc h4{margin:0}.wpforms-admin-settings .wpforms-setting-row.section-heading .wpforms-setting-field{margin:0;max-width:1000px}.wpforms-admin-settings .wpforms-setting-row.section-heading .wpforms-setting-field p{line-height:20px}.wpforms-admin-settings .wpforms-setting-row.tools textarea{margin-top:22px}.wpforms-admin-settings .wpforms-setting-row.tools .wpforms-toggle-control-status{text-transform:uppercase}.wpforms-admin-settings .wpforms-setting-row.tools .choices{margin-bottom:0}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-checkbox input[type=checkbox]{float:left;margin:1px 0 0 0}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-checkbox input[type=checkbox]:disabled{background:#FFFFFF;opacity:0.5;border:1px solid #8C8F94;border-radius:3px;cursor:not-allowed}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-checkbox .desc,.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-checkbox .disabled-desc{margin:0 0 0 30px}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-checkbox .disabled-desc{margin-top:15px}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license{line-height:17px}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license strong{color:#3c4349;font-weight:600}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper{display:inline-block;position:relative}@media (max-width: 447px){.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper{width:100%}}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper i::after{background-repeat:no-repeat;background-size:contain;background-position:center;content:'';height:15.5px;position:absolute;pointer-events:none;right:10px;top:calc(50% - 7.75px);width:15.5px}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper input:not([value=""]){padding-right:35px}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper input:not([value=""]).wpforms-setting-license-is-valid+i::after{background-image:url(../images/check-circle.svg)}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper input:not([value=""]).wpforms-setting-license-is-invalid{border-color:#d63638;color:#d63638}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper input:not([value=""]).wpforms-setting-license-is-invalid+i::after{background-image:url(../images/exclamation-circle.svg)}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper.wpforms-setting-license-block-ui{pointer-events:none}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper.wpforms-setting-license-block-ui input{background-color:rgba(255,255,255,0.5)}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper.wpforms-setting-license-block-ui input[disabled]{color:rgba(51,51,51,0.5)}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-license-wrapper.wpforms-setting-license-block-ui input:not([value=""]):not([disabled]){color:rgba(214,54,56,0.5)}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-field{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-field p{line-height:20px;width:100%}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-field p:nth-child(n+2){margin-top:0}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license .wpforms-setting-field hr{margin:10px 0;width:100%}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license #wpforms-setting-license-key{margin-right:0}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license #wpforms-setting-license-key[disabled]{pointer-events:none}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license p.type{color:#646970}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-license p.type strong{text-transform:capitalize;color:#50575e}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field input[type=radio]{margin:1px 10px 0 0}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field input[type=radio]:focus{border-color:#8c8f94 !important}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field input[type=radio]:focus:checked{border-color:#056aab !important}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field input[type=radio]:checked{border-color:#056aab}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field input[type=radio]:disabled{opacity:0.5;border:1px solid #8c8f94}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field label{display:inline-block;text-align:center}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field label{margin-top:5px}}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field .wpforms-settings-field-radio-wrapper{align-items:flex-start;display:inline-flex;margin-right:20px}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field .wpforms-settings-field-radio-wrapper:hover input[type=radio]{border:1px solid #056aab}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field .wpforms-settings-field-radio-wrapper:hover input[type=radio]:checked{border-color:#056aab;box-shadow:0 0 0 1px #056aab}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field .wpforms-settings-field-radio-wrapper:hover input[type=radio]:disabled{box-shadow:none}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field .wpforms-settings-field-radio-wrapper input[type=radio]{flex-shrink:0}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio .wpforms-setting-field{display:flex;flex-direction:column;flex-wrap:wrap;gap:5px}}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-geolocation-field-provider .wpforms-setting-field,.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-captcha-provider .wpforms-setting-field{display:flex;gap:20px;flex-wrap:wrap}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-geolocation-field-provider .wpforms-setting-field,.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-captcha-provider .wpforms-setting-field{gap:15px;flex-direction:row}}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-geolocation-field-provider .wpforms-setting-field .wpforms-settings-field-radio-wrapper,.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-captcha-provider .wpforms-setting-field .wpforms-settings-field-radio-wrapper{flex:0 0 166px;margin-right:0}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-geolocation-field-provider .wpforms-setting-field label,.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-captcha-provider .wpforms-setting-field label{margin-top:0}}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-geolocation-field-provider .wpforms-setting-field .desc,.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-captcha-provider .wpforms-setting-field .desc{flex:0 0 100%;margin-top:10px}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-geolocation-field-provider .wpforms-setting-field .desc,.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-radio#wpforms-setting-row-captcha-provider .wpforms-setting-field .desc{margin-top:5px}}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-render-engine .wpforms-setting-field label:before{content:" ";display:block;width:155px;height:180px;margin:0 0 12px 0;border:1px solid #c3c4c7;border-radius:6px}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-render-engine .wpforms-setting-field input[type=radio]{display:none}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-render-engine .wpforms-setting-field input[type=radio]:checked+label:before{box-shadow:0 0 0 2px #e27730;border:2px solid #ffffff}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-render-engine .wpforms-setting-field .option-classic:before{background:url(../images/settings-email-plaintext.png) center center}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-render-engine .wpforms-setting-field .option-modern:before{background:url(../images/settings-email-html.png) center center}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field{margin-left:0}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field input[type=radio]{display:none}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field input[type=radio]:checked+label{box-shadow:0 0 0 2px #e27730,0 2px 4px 0 rgba(0,0,0,0.15)}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field label{width:166px;height:180px;padding:30px;text-align:center;color:#2c3338;font-size:16px;font-weight:600;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px #c3c4c7;transition:box-shadow 0.05s}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field label:hover,.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field label:focus{box-shadow:0 0 0 2px #50575e}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field label:before{content:"";display:block;width:100%;height:80px;margin:0 0 20px 0;background-position:center center;background-repeat:no-repeat;background-size:auto 80px}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field .option-hcaptcha:before{background-image:url(../images/settings-captcha-hcaptcha.svg)}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field .option-recaptcha:before{background-image:url(../images/settings-captcha-recaptcha.svg)}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field .option-turnstile:before{background-image:url(../images/settings-captcha-cloudflare.svg)}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field .option-none:before{background-image:url(../images/settings-captcha-none.svg)}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field .desc{margin-top:30px}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field{gap:30px 0;flex-direction:row}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-captcha-provider .wpforms-setting-field label{margin-top:0}}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-stripe-webhooks-endpoint-set .wpforms-stripe-webhook-endpoint-url a.wpforms-copy-to-clipboard{border:1px solid #8c8f94;color:#50575e;height:35px;width:36px;display:inline-flex;align-content:center;flex-wrap:wrap;text-align:center}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-stripe-webhooks-endpoint-set .wpforms-stripe-webhook-endpoint-url a.wpforms-copy-to-clipboard span{text-align:center;font-size:17px;margin:3px 0 0 -1px}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-stripe-webhooks-endpoint-set .wpforms-stripe-webhook-endpoint-url a.wpforms-copy-to-clipboard span.dashicons-yes-alt{color:#008a20}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-stripe-webhooks-endpoint-set .wpforms-stripe-webhook-endpoint-url input[type=text]:disabled{cursor:copy;background:#ffffff;opacity:0.5;border:1px solid #8c8f94}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-stripe-webhooks-endpoint-set .wpforms-stripe-webhook-endpoint-url p{margin:10px 0 10px 0}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-stripe-webhooks-endpoint-set .wpforms-stripe-webhook-endpoint-url p:first-of-type{margin-top:0}.wpforms-admin-settings .wpforms-setting-row#wpforms-setting-row-recaptcha-type .wpforms-setting-field{padding-top:10px}.wpforms-admin-settings .wpforms-setting-row .wpforms-captcha-preview .wpforms-captcha-turnstile iframe{display:block !important;position:relative !important;visibility:inherit !important}.wpforms-admin-settings .wpforms-setting-row .wpforms-captcha-container iframe{margin:0 0 8px}.wpforms-admin-settings .wpforms-setting-row .wpforms-captcha-preview .desc,.wpforms-admin-settings .wpforms-setting-row .wpforms-captcha-placeholder .desc{margin:0}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-image .wpforms-setting-field img{display:block;margin:0 0 20px 0;width:Min(400px, 100%)}.wpforms-admin-settings .wpforms-setting-row .wpforms-setting-field .wpforms-color-picker{padding-inline-start:35px;padding-inline-end:8px;color:#50575e;letter-spacing:-.5px;font-size:13px;margin:0}.wpforms-admin-settings .wpforms-setting-row .wpforms-setting-field .minicolors-input-swatch{top:9px;inset-inline-start:10px;height:18px;width:18px;border-radius:2px;overflow:hidden;border-width:0;background:#ffffff}.wpforms-admin-settings .wpforms-setting-row .wpforms-setting-field .minicolors-swatch-color{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15)}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-columns{display:flex;flex-wrap:wrap}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-columns .wpforms-setting-label{float:none;align-self:stretch;flex:0 0 200px;color:#2c3338}@media (max-width: 767px){.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-columns .wpforms-setting-label{flex:0 0 100%}}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-columns .wpforms-setting-field{margin:0;flex:1}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-columns .wpforms-setting-columns{margin:0;display:flex;gap:20px;flex-wrap:wrap}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-columns .wpforms-setting-column{flex-basis:400px}@media (max-width: 767px){.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-columns .wpforms-setting-column{flex-basis:100%}}.wpforms-admin-settings .wpforms-setting-row.wpforms-setting-row-columns .wpforms-setting-column>*{width:100%}.wpforms-admin-settings .wpforms-setting-row.submit,.wpforms-admin-settings .wpforms-setting-row.upgrade_to_pro{margin:0;padding:25px 0;border-bottom:none}.wpforms-admin-settings .wpforms-setting-row h5{margin:0 0 20px 0;font-size:16px;font-weight:600}.wpforms-admin-settings .wpforms-setting-row h4{margin:0;font-size:18px;font-weight:600;line-height:normal;color:#1d2327}.wpforms-admin-settings .wpforms-setting-row h3{margin:0 0 20px 0;font-size:24px;font-weight:600}.wpforms-admin-settings .wpforms-setting-row p{margin:10px 0 0;font-size:14px;line-height:20px;color:#2c3338}.wpforms-admin-settings .wpforms-setting-row p.desc{color:#646970;line-height:20px}.wpforms-admin-settings .wpforms-setting-row p.desc.wpforms-captcha-preview-desc{margin:8px 0 0 0}.wpforms-admin-settings .wpforms-setting-row p.discount-note{font-style:italic;color:#646970}.wpforms-admin-settings .wpforms-setting-row p.discount-note strong{color:green}.wpforms-admin-settings .wpforms-setting-row span.wpforms-settings-warning{display:block;color:#d63638;font-weight:600;line-height:20px;margin-top:5px}.wpforms-admin-settings .wpforms-setting-row input[type=text],.wpforms-admin-settings .wpforms-setting-row input[type=password],.wpforms-admin-settings .wpforms-setting-row input[type=number],.wpforms-admin-settings .wpforms-setting-row select{background-color:#ffffff;border:1px solid #8c8f94;border-radius:4px;box-shadow:none;color:#2c3338;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:400px;min-height:36px;line-height:1.3}.wpforms-admin-settings .wpforms-setting-row input[type=text]:focus,.wpforms-admin-settings .wpforms-setting-row input[type=password]:focus,.wpforms-admin-settings .wpforms-setting-row input[type=number]:focus,.wpforms-admin-settings .wpforms-setting-row select:focus{border-color:#056aab !important}@media (max-width: 959px){.wpforms-admin-settings .wpforms-setting-row input[type=text],.wpforms-admin-settings .wpforms-setting-row input[type=password],.wpforms-admin-settings .wpforms-setting-row input[type=number],.wpforms-admin-settings .wpforms-setting-row select{width:300px}}@media (max-width: 447px){.wpforms-admin-settings .wpforms-setting-row input[type=text],.wpforms-admin-settings .wpforms-setting-row input[type=password],.wpforms-admin-settings .wpforms-setting-row input[type=number],.wpforms-admin-settings .wpforms-setting-row select{max-width:300px;width:100%}}.wpforms-admin-settings .wpforms-setting-row select{padding:7px 24px 7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpforms-admin-settings .wpforms-setting-row input[type=number]{width:100px}.wpforms-admin-settings .wpforms-setting-row button{margin-inline-end:10px}.wpforms-admin-settings .wpforms-setting-row button.choices__button{margin-right:0}.wpforms-admin-settings .wpforms-setting-row .choicesjs-select-wrap{display:block;max-width:400px;color:#333}.wpforms-admin-settings .wpforms-setting-row .choicesjs-select-wrap .choicesjs-select[multiple] option{padding:1.5px 0 0 0}.wpforms-admin-settings .wpforms-setting-row .choicesjs-select-wrap select{max-width:400px}@media (max-width: 959px){.wpforms-admin-settings .wpforms-setting-row .choicesjs-select-wrap{max-width:100%;width:100%}.wpforms-admin-settings .wpforms-setting-row .choicesjs-select-wrap select{max-width:100%}}.wpforms-admin-settings .wpforms-setting-row .progress-bar{background:#fff;border:1px solid #e27730;height:30px;width:100%;position:relative;border-radius:3px;margin:0 0 16px 0}.wpforms-admin-settings .wpforms-setting-row .progress-bar.complete{border:1px solid #008a20}.wpforms-admin-settings .wpforms-setting-row .progress-bar.complete .bar{background-color:#008a20}.wpforms-admin-settings .wpforms-setting-row .progress-bar.complete .bar:after{content:none;display:none}.wpforms-admin-settings .wpforms-setting-row .progress-bar .bar{display:block;background:#e27730;height:100%;left:0;position:absolute;-webkit-transition:width 0.5s ease-in-out;-moz-transition:width 0.5s ease-in-out;-o-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out}@-webkit-keyframes progress{to{background-position:60px 0}}@-moz-keyframes progress{to{background-position:60px 0}}@keyframes progress{to{background-position:60px 0}}.wpforms-admin-settings .wpforms-setting-row .progress-bar .bar:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-animation:progress 1s linear infinite;-moz-animation:progress 1s linear infinite;animation:progress 1s linear infinite;background-repeat:repeat-x;background-size:60px 60px;background-image:-webkit-linear-gradient(-45deg, transparent 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, transparent 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.wpforms-admin-settings .wpforms-setting-label{display:block;float:left;width:200px;padding:0 10px 0 0}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-label{float:none;width:100%;padding-bottom:15px}}.wpforms-admin-settings .wpforms-setting-label label{color:#2c3338;display:flex;font-weight:600;gap:10px;line-height:20px;margin-top:8px}.wpforms-admin-settings .wpforms-setting-row-toggle .wpforms-toggle-control{height:25px;padding-top:8px}.wpforms-admin-settings .wpforms-settings-row-system-information{padding-bottom:30px;border-bottom:1px solid #dddddd;margin-bottom:30px}.wpforms-admin-settings .wpforms-settings-row-test-ssl,.wpforms-admin-settings .wpforms-settings-row-recreate-tables{padding-bottom:0 !important;margin:30px 0}.wpforms-admin-settings .wpforms-settings-row-test-ssl .notice,.wpforms-admin-settings .wpforms-settings-row-recreate-tables .notice{display:block;margin:20px 0 0 0;padding:12px 15px 12px 20px}.wpforms-admin-settings .wpforms-settings-row-test-ssl .pre-error,.wpforms-admin-settings .wpforms-settings-row-recreate-tables .pre-error{margin:20px 0 0 0}.wpforms-admin-settings .wpforms-settings-row-test-ssl #wpforms-ssl-verify,.wpforms-admin-settings .wpforms-settings-row-test-ssl #wpforms-recreate-tables,.wpforms-admin-settings .wpforms-settings-row-recreate-tables #wpforms-ssl-verify,.wpforms-admin-settings .wpforms-settings-row-recreate-tables #wpforms-recreate-tables{margin-top:20px}.wpforms-admin-settings .wpforms-setting-field{display:block;margin:0 0 0 200px;max-width:820px;line-height:20px}@media (max-width: 781px){.wpforms-admin-settings .wpforms-setting-field{margin:0;clear:both}}.wpforms-admin-settings #wpforms-settings-providers{margin-bottom:30px}.wpforms-admin-settings p.submit{margin:0;padding:30px 0 20px 0;border-top:1px solid #e4e4e4}.wpforms-admin-settings .wpforms-notice{display:block;margin:20px 0 -15px;margin-left:0 !important;margin-right:0 !important;background:#fff;border:1px solid #c3c4c7;border-left-width:4px;box-shadow:0 1px 1px rgba(0,0,0,0.04);padding:1px 12px}.wpforms-admin-settings .wpforms-notice.wpforms-error{border-left-color:#dc3232}.wpforms-admin-settings .wpforms-notice.notice-success{border-left-color:#00a32a}.wpforms-admin-settings .wpforms-notice p{margin:0.5em 0 !important;padding:2px;color:#3c434a}.wpforms-admin-settings .info-area,.wpforms-admin-settings .pre-error{display:block;width:100%;max-width:1000px;height:450px;padding:20px;border-radius:4px;border:1px solid #8c8f94;box-shadow:none;background:#ffffff;font-family:Menlo, Monaco, monospace;font-size:12px;color:#2c3338;white-space:pre;overflow:auto}.wpforms-admin-settings .info-area{margin:20px 0}.wpforms-admin-settings .pre-error{height:auto;max-height:250px;margin-bottom:20px}.wpforms-admin-settings .checkbox-multiselect-columns{max-width:600px;position:relative}.wpforms-admin-settings .checkbox-multiselect-columns:after{content:".";display:block;height:0;line-height:0;font-size:0;clear:both;min-height:0;visibility:hidden}.wpforms-admin-settings .checkbox-multiselect-columns:before{content:"\f0ec";color:#999;font:normal normal normal 20px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:130px;left:50%;margin:0 0 0 -10px}.wpforms-admin-settings .checkbox-multiselect-columns .header{font-weight:600;font-size:13px;margin:0;padding:0 0 5px 0;text-align:center}.wpforms-admin-settings .checkbox-multiselect-columns .first-column,.wpforms-admin-settings .checkbox-multiselect-columns .second-column{width:45%;float:left}.wpforms-admin-settings .checkbox-multiselect-columns .second-column{float:right}.wpforms-admin-settings .checkbox-multiselect-columns .second-column ul li{padding:10px}.wpforms-admin-settings .checkbox-multiselect-columns ul{background-color:#fff;border:1px solid #ddd;border-radius:3px;position:relative;height:250px;padding:0;overflow-y:auto;margin:0;list-style-type:none}.wpforms-admin-settings .checkbox-multiselect-columns ul li{border-bottom:1px #eee solid;margin:0;font-size:14px}.wpforms-admin-settings .checkbox-multiselect-columns ul li label{display:block;padding:10px 10px 10px 32px;position:relative;vertical-align:baseline}.wpforms-admin-settings .checkbox-multiselect-columns ul li label:hover{background-color:#e27730;color:#fff}.wpforms-admin-settings .checkbox-multiselect-columns ul li label:before{content:"\f0c8";color:#ddd;font:normal normal normal 16px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:11px;left:10px}.wpforms-admin-settings .checkbox-multiselect-columns ul li label.checked{opacity:0.6}.wpforms-admin-settings .checkbox-multiselect-columns ul li label.checked:before{content:"\f14a";color:#008a20}.wpforms-admin-settings .checkbox-multiselect-columns ul li input{display:none}.wpforms-admin-settings .checkbox-multiselect-columns .all{color:#999;display:inline-block;font-size:13px;margin:10px 0 0}.wpforms-admin-settings .wpforms-file-upload label{display:flex;gap:10px;flex-wrap:wrap}.wpforms-admin-settings .wpforms-file-upload label .fld{margin-right:0;border:1px solid #8c8f94;line-height:20px}@media (max-width: 781px){.wpforms-admin-settings .wpforms-file-upload label .fld{max-width:300px}}.wpforms-admin-settings #wpforms-importer-forms .wpforms-setting-row{padding:0 !important}.wpforms-admin-settings #wpforms-importer-forms .wpforms-setting-row p:first-child{margin:0 0 30px 0}.wpforms-admin-settings #wpforms-importer-forms .wpforms-setting-row .checkbox-multiselect-columns{margin-bottom:30px}.wpforms-admin-settings #wpforms-importer-forms .wpforms-setting-row .checkbox-multiselect-columns label.checked:before{color:#056aab}.wpforms-admin-settings #wpforms-importer-analyze{display:none}.wpforms-admin-settings #wpforms-importer-analyze .process-count,.wpforms-admin-settings #wpforms-importer-analyze p{font-size:14px}.wpforms-admin-settings #wpforms-importer-analyze .upgrade{display:none;font-size:14px}.wpforms-admin-settings #wpforms-importer-analyze .upgrade h5{font-size:18px;font-weight:600;padding:0;margin:30px 0 20px 0}.wpforms-admin-settings #wpforms-importer-analyze .upgrade hr{border:none;border-bottom:1px solid #e4e4e4;margin:40px 0}.wpforms-admin-settings #wpforms-importer-analyze .upgrade .wpforms-btn{margin-right:10px}.wpforms-admin-settings #wpforms-importer-analyze .upgrade ul li{list-style-type:disc;margin-left:14px}.wpforms-admin-settings #wpforms-importer-analyze .upgrade ul li.form{list-style-type:none;margin-left:0;font-weight:700}.wpforms-admin-settings #wpforms-tools-entries-export h5{clear:both;margin:20px 0 10px 0}.wpforms-admin-settings #wpforms-tools-entries-export label{clear:both;float:left;margin:3px 0 3px 0}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-toggle-all{margin-bottom:10px}.wpforms-admin-settings #wpforms-tools-entries-export .choicesjs-select-wrap{position:relative}.wpforms-admin-settings #wpforms-tools-entries-export .choicesjs-select-wrap .choices{margin-bottom:0}.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-selectform-spinner{position:absolute;top:6px;right:-30px}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-tools-export-date-selector-container{position:relative;max-width:400px;width:100%}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-tools-export-date-selector-container .wpforms-date-selector{cursor:pointer}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-tools-export-date-selector-container .wpforms-clear-datetime-field{position:absolute;right:11px;bottom:10.5px;padding:0;border:none;background-color:transparent;margin:0;color:#a7aaad;cursor:pointer}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-tools-export-date-selector-container .wpforms-clear-datetime-field:hover{color:#d63638}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-tools-export-date-selector-container .wpforms-clear-datetime-field i{font-size:16px}.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-options-search .wpforms-search-box-field{width:200px}.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-options-search .wpforms-search-box-comparison{width:140px}.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-options-search .wpforms-search-box-term{width:300px}@media (max-width: 782px){.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-options-search .wpforms-search-box-field,.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-options-search .wpforms-search-box-comparison,.wpforms-admin-settings #wpforms-tools-entries-export #wpforms-tools-entries-export-options-search .wpforms-search-box-term{display:block;width:300px;margin-bottom:10px}}.wpforms-admin-settings #wpforms-tools-entries-export section{margin-top:20px}.wpforms-admin-settings #wpforms-tools-entries-export iframe{width:0;height:0;visibility:hidden}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-btn-text{opacity:1;transition:all .5s}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-btn-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:0;transition:all .5s}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-btn-spinner-on{cursor:default;opacity:0.75;position:relative}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-btn-spinner-on .wpforms-btn-text{opacity:0 !important;transition:all .5s}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-btn-spinner-on .wpforms-btn-spinner{opacity:1 !important;transition:all .5s}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-btn-spinner-on:hover{background-color:#e27730;border-color:#e27730}.wpforms-admin-settings #wpforms-tools-entries-export .wpforms-tools-entries-export-notice-warning{background:#ffffff;border-style:solid;border-color:#f0c33c;border-width:0 0 0 4px;box-shadow:0 1px 1px rgba(0,0,0,0.04);line-height:1.5em;margin:10px 0 0 0;padding:10px}.wpforms-admin-settings #wpforms-importer-process{display:none}.wpforms-admin-settings #wpforms-importer-process .process-count,.wpforms-admin-settings #wpforms-importer-process .process-completed{font-size:14px;margin-top:0}.wpforms-admin-settings #wpforms-importer-process .process-completed{display:none}.wpforms-admin-settings #wpforms-importer-process .status{margin:20px 0 30px;background-color:#fff;border-radius:3px;border:1px solid #ddd;max-height:800px;overflow-y:scroll;display:none}.wpforms-admin-settings #wpforms-importer-process .status .item{border-bottom:1px solid #ddd;padding:20px}.wpforms-admin-settings #wpforms-importer-process .status .item:last-of-type{border:none}.wpforms-admin-settings #wpforms-importer-process .status .item p{font-size:13px;margin:12px 0 0}.wpforms-admin-settings #wpforms-importer-process .status .item ul{font-size:13px;margin:12px 0 0 16px}.wpforms-admin-settings #wpforms-importer-process .status .item ul li{list-style:disc}.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon{display:inline-block;margin:0 10px 0 0}.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon.fa-info-circle{color:#00a0d2}.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon.fa-check{color:#46b450}.wpforms-admin-settings #wpforms-importer-process .status .item .status-icon.fa-exclamation-triangle{color:#ffb900}.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:#dc3232}.wpforms-admin-settings #wpforms-importer-process .status .item .name{font-size:14px;float:left}.wpforms-admin-settings #wpforms-importer-process .status .item .actions{font-size:14px;float:right}.wpforms-admin-settings #wpforms-importer-process .status .item .actions .sep{color:#ddd}.wpforms-admin-settings .settings-lite-cta{background-color:#ffffff;border:1px solid #dcdcde;padding:25px 20px;margin:10px 0 0 0;position:relative}.wpforms-admin-settings .settings-lite-cta .dismiss{position:absolute;top:10px;right:10px;color:#a7aaad;font-size:16px}.wpforms-admin-settings .settings-lite-cta .dismiss:hover{color:#d63638}.wpforms-admin-settings .settings-lite-cta h5{margin:0 0 16px;font-size:18px;font-weight:700;color:#1d2327}.wpforms-admin-settings .settings-lite-cta h6{font-weight:700;font-size:14px;margin:0 0 16px}.wpforms-admin-settings .settings-lite-cta p{font-size:14px;margin:0 0 16px;color:#2c3338}.wpforms-admin-settings .settings-lite-cta p:last-of-type{margin:0}.wpforms-admin-settings .settings-lite-cta p a{color:#e27730}.wpforms-admin-settings .settings-lite-cta p a:hover{color:#b85a1b}.wpforms-admin-settings .settings-lite-cta ul{margin:0;padding:0;width:50%;float:left}@media (max-width: 600px){.wpforms-admin-settings .settings-lite-cta ul{width:100%;float:none}}.wpforms-admin-settings .settings-lite-cta ul li{margin:0;padding:0 0 2px 16px;color:#555;font-size:14px;position:relative}.wpforms-admin-settings .settings-lite-cta ul li:before{content:'+';position:absolute;top:-1px;left:0}.wpforms-admin-settings .settings-lite-cta .list{margin:0 0 16px 0;overflow:auto;max-width:900px}.wpforms-admin-settings .settings-lite-cta .green{color:#218900;font-weight:700}.wpforms-admin-settings .settings-lite-cta .fa-star{color:#ff982d}.wpforms-admin-settings .tablenav .tablenav-pages a,.wpforms-admin-settings .tablenav-pages-navspan{min-width:28px;height:auto}.rtl .wpforms-admin-settings .wpforms-setting-field{margin:0 200px 0 0}@media (max-width: 781px){.rtl .wpforms-admin-settings .wpforms-setting-field{margin:0;clear:both}}.rtl .wpforms-admin-settings .wpforms-setting-label{float:right}.rtl .wpforms-admin-settings #wpforms-tools-entries-export label{float:right}.wpforms-admin-wrap .wpforms-admin-settings .notice{margin-left:0 !important;margin-right:0 !important}#wpforms-tools.wpforms-tools-tab-import .wpforms-setting-row p:last-of-type,#wpforms-tools.wpforms-tools-tab-export .wpforms-setting-row p:last-of-type{margin-bottom:20px}#wpforms-tools.wpforms-tools-tab-import .wpforms-setting-row #wpforms-import,#wpforms-tools.wpforms-tools-tab-import .wpforms-setting-row #wpforms-import-other,#wpforms-tools.wpforms-tools-tab-import .wpforms-setting-row #wpforms-export-form,#wpforms-tools.wpforms-tools-tab-import .wpforms-setting-row #wpforms-export-template,#wpforms-tools.wpforms-tools-tab-export .wpforms-setting-row #wpforms-import,#wpforms-tools.wpforms-tools-tab-export .wpforms-setting-row #wpforms-import-other,#wpforms-tools.wpforms-tools-tab-export .wpforms-setting-row #wpforms-export-form,#wpforms-tools.wpforms-tools-tab-export .wpforms-setting-row #wpforms-export-template{margin-top:20px}#wpforms-tools.wpforms-tools-tab-import .wpforms-setting-row:last-of-type,#wpforms-tools.wpforms-tools-tab-export .wpforms-setting-row:last-of-type{padding-bottom:0}#wpforms-tools.wpforms-tools-tab-import .wpforms-settings-row-divider,#wpforms-tools.wpforms-tools-tab-export .wpforms-settings-row-divider{padding-bottom:30px;border-bottom:1px solid #dddddd;margin-bottom:30px}#wpforms-tools.wpforms-tools-tab-import .wpforms-btn[aria-disabled="true"],#wpforms-tools.wpforms-tools-tab-export .wpforms-btn[aria-disabled="true"]{opacity:.5;pointer-events:none}#wpforms-tools.wpforms-tools-tab-action-scheduler .wpforms-admin-content h1{margin:0;padding:5px 0 0 0;font-size:18px;font-weight:600;line-height:normal;color:#101517}#wpforms-tools.wpforms-tools-tab-action-scheduler .wpforms-admin-content p{margin:10px 0 0 0;font-size:14px;font-weight:400;font-style:normal;line-height:20px;color:#2c3338}#wpforms-tools.wpforms-tools-tab-action-scheduler .wpforms-admin-content .search-box{margin:0 0 11px 0}#wpforms-tools.wpforms-tools-tab-action-scheduler .wpforms-admin-content .tablenav.top{padding:0;margin:11px 0}#wpforms-tools.wpforms-tools-tab-action-scheduler .wpforms-admin-content .tablenav.top .tablenav-pages{margin:0}#wpforms-tools.wpforms-tools-tab-action-scheduler .wpforms-admin-content .wrap,#wpforms-tools.wpforms-tools-tab-action-scheduler .wpforms-admin-content .subsubsub{margin:0}@media screen and (max-width: 782px){#wpforms-tools.wpforms-tools-tab-action-scheduler .search-box{position:relative;bottom:auto;width:100%;height:auto;clear:both}}#wpforms-tools .wp-list-table{border-radius:4px;border-color:#ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,0.05)}#wpforms-tools .wp-list-table.striped tbody>:nth-child(odd){background-color:#f6f6f6}#wpforms-tools .wp-list-table .column-primary a strong{font-weight:600}@media (max-width: 781px){#wpforms-tools.wpforms-tools-tab-logs table.wp-list-table td.column-primary.hidden,#wpforms-tools.wpforms-tools-tab-action-scheduler table.wp-list-table td.column-primary.hidden{display:block}#wpforms-tools.wpforms-tools-tab-logs table.wp-list-table th.column-primary.hidden,#wpforms-tools.wpforms-tools-tab-action-scheduler table.wp-list-table th.column-primary.hidden{display:table-cell}}@media (max-width: 781px){#wpforms-tools.wpforms-tools-tab-logs .tablenav .tablenav-pages a,#wpforms-tools.wpforms-tools-tab-logs .tablenav-pages-navspan,#wpforms-tools.wpforms-tools-tab-action-scheduler .tablenav .tablenav-pages a,#wpforms-tools.wpforms-tools-tab-action-scheduler .tablenav-pages-navspan{min-width:44px;padding:12px 8px;font-size:18px;line-height:1}}.wpforms-admin-settings-access .choices[aria-expanded="false"] .choices__inner{max-height:36px}#wpforms-settings-providers .wpforms-settings-provider{border-bottom:1px solid #ddd;padding:30px 0}#wpforms-settings-providers .wpforms-settings-provider.focus-out{opacity:0.4}#wpforms-settings-providers .wpforms-settings-provider-header{cursor:pointer;max-width:1000px}#wpforms-settings-providers .wpforms-settings-provider-logo{float:left;position:relative}#wpforms-settings-providers .wpforms-settings-provider-logo .fa{position:absolute;top:50%;margin:-9px 0 0 0;left:10px;color:#666;font-size:18px}#wpforms-settings-providers .wpforms-settings-provider-logo img{background:#fff;border:1px solid #ddd;max-width:90px;display:block;margin:0 0 0 40px}#wpforms-settings-providers .wpforms-settings-provider-info{margin:0 0 0 160px;position:relative;padding:20px 0 0}#wpforms-settings-providers .wpforms-settings-provider-info h3{margin:0 0 10px 0;font-size:20px;font-weight:600}#wpforms-settings-providers .wpforms-settings-provider-info p{margin:0;font-size:14px}#wpforms-settings-providers .wpforms-settings-provider-info .connected-indicator{color:#83c11f;width:135px;height:36px;border:1px solid #83c11f;border-radius:4px;font-size:16px;position:absolute;top:28px;right:0;gap:10px;align-items:center;justify-content:center;display:none}#wpforms-settings-providers .connected .wpforms-settings-provider-info .connected-indicator{display:flex}#wpforms-settings-providers .wpforms-settings-provider-accounts{margin:0 0 0 160px;display:none;max-width:840px}#wpforms-settings-providers .focus-in .wpforms-settings-provider-accounts{display:block}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul{padding:0;margin:0}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul li{border-bottom:1px solid #ddd;margin:0;padding:10px 0;font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul li .wpforms-alert{flex-basis:100%}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul li .wpforms-alert .wpforms-alert-buttons-constant-contact-v3 .wpforms-constant-contact-v3-auth i{padding-inline-end:5px}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul li:first-of-type{border-top:1px solid #ddd}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul li:last-of-type{margin-bottom:16px}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.label,#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.date,#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.remove{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:initial;overflow:hidden;text-overflow:ellipsis}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.label{flex:40%;padding-inline-end:10px}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.date{color:#999;flex:40%}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.remove{flex:20%;padding-inline-start:10px;text-align:right}#wpforms-settings-providers .wpforms-settings-provider-accounts-connect{display:none;padding:20px;background-color:#ebf3fb;border:1px solid #2271b1}#wpforms-settings-providers .wpforms-settings-provider-accounts-connect input[type=text]{background-color:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:none;color:#333;display:block;padding:7px 12px;margin:5px 0;width:400px;min-height:35px;line-height:1.3}#wpforms-settings-providers .focus-in .wpforms-settings-provider-accounts-connect{display:block}#wpforms-settings-providers .wpforms-settings-provider-accounts-connect .fa{display:none}#wpforms-settings-providers .wpforms-settings-provider-accounts-connect p,#wpforms-settings-providers .wpforms-settings-provider-accounts-connect-fields,#wpforms-settings-providers .wpforms-settings-provider-accounts p{margin:0 0 15px 0;font-size:14px}#wpforms-settings-providers .wpforms-settings-provider-accounts-connect p .wpforms-btn i,#wpforms-settings-providers .wpforms-settings-provider-accounts-connect-fields .wpforms-btn i,#wpforms-settings-providers .wpforms-settings-provider-accounts p .wpforms-btn i{padding-inline-end:5px}#wpforms-settings-providers .wpforms-settings-provider-accounts-connect form .wpforms-settings-provider-accounts-connect-general-description{margin-bottom:10px;font-weight:600}@media (max-width: 640px){#wpforms-settings-providers .wpforms-settings-provider-info h3{margin-inline-end:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:initial;overflow:hidden;text-overflow:ellipsis;line-height:24px;margin-block-end:6px}#wpforms-settings-providers .wpforms-settings-provider-accounts{margin-left:40px;margin-top:15px}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul .wpforms-clear:before,#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul .wpforms-clear:after{content:none}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.label,#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.date,#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.remove{width:auto}#wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#wpforms-settings-providers .wpforms-settings-provider-accounts-connect input[type=text]{width:100%;max-width:400px}#wpforms-settings-providers .connected .wpforms-settings-provider-info .connected-indicator{width:26px;height:26px;top:16px}#wpforms-settings-providers .connected .wpforms-settings-provider-info .connected-indicator span{display:none}}.rtl #wpforms-settings-providers .wpforms-settings-provider-logo{float:right}.rtl #wpforms-settings-providers .wpforms-settings-provider-logo .fa{right:10px;left:auto}.rtl #wpforms-settings-providers .wpforms-settings-provider-logo img{margin:0 40px 0 0}.rtl #wpforms-settings-providers .wpforms-settings-provider-info{margin:0 160px 0 0}.rtl #wpforms-settings-providers .wpforms-settings-provider-info .connected-indicator{right:auto;left:0}.rtl #wpforms-settings-providers .wpforms-settings-provider-accounts{margin:0 160px 0 0}.rtl #wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.label{float:right}.rtl #wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.date{float:right}.rtl #wpforms-settings-providers .wpforms-settings-provider-accounts-list ul span.remove{float:left}.wpforms-card-image-group .wpforms-setting-field{display:grid;gap:20px;grid-template-columns:repeat(auto-fit, 155px);max-width:100%}.option-default .wpforms-card-image-overlay{background-image:url(../images/email/template-classic.svg)}.option-classic .wpforms-card-image-overlay{background-image:url(../images/email/template-classic.svg)}.option-compact .wpforms-card-image-overlay{background-image:url(../images/email/template-compact.svg)}.option-modern .wpforms-card-image-overlay{background-image:url(../images/email/template-modern.svg)}.option-elegant .wpforms-card-image-overlay{background-image:url(../images/email/template-elegant.svg)}.option-tech .wpforms-card-image-overlay{background-image:url(../images/email/template-tech.svg)}.option-none .wpforms-card-image-overlay{background-image:url(../images/email/template-plaintext.svg)}.wpforms-admin-settings-email .wpforms-email-header-image .wpforms-setting-field{display:grid;gap:10px;justify-content:start;justify-items:start}@media (min-width: 601px){.wpforms-admin-settings-email .wpforms-email-header-image .wpforms-setting-field :where(.desc,img){grid-column:1/4 span}}.wpforms-admin-settings-email .wpforms-email-header-image .wpforms-setting-field .desc{margin:0}.wpforms-admin-settings-email .wpforms-email-header-image .wpforms-setting-field .wpforms-btn{white-space:normal}.wpforms-admin-settings-email .wpforms-email-header-image.wpforms-setting-row .wpforms-setting-field img{margin-bottom:10px;width:auto}.wpforms-admin-settings-email .wpforms-email-header-image input[type="text"]{margin:0}@media (min-width: 601px){.wpforms-admin-settings-email .wpforms-email-header-image input[type="text"]{padding-inline-end:0;width:242px}}@media (max-width: 600px){.wpforms-admin-settings-email .wpforms-email-header-image input[type="text"]{max-width:300px}}.wpforms-admin-settings-email .wpforms-email-header-image .choices{margin-bottom:0;width:100%}@media (min-width: 601px){.wpforms-admin-settings-email .wpforms-email-header-image .choices{grid-column:1;grid-row:2}}@media (min-width: 961px){.wpforms-admin-settings-email .wpforms-email-header-image .choices{min-width:200px}}@media (max-width: 600px){.wpforms-admin-settings-email .wpforms-email-header-image .choices{max-width:300px}}.wpforms-admin-settings-email .wpforms-email-header-image .wpforms-setting-remove-image{background-color:#f6f7f7;color:#d63638;margin:0}.wpforms-admin-settings-email .wpforms-email-header-image .wpforms-setting-remove-image:hover{background-color:#d63638;border-color:#d63638;color:#ffffff}.wpforms-admin-settings-email .wpforms-email-header-image .wpforms-setting-remove-image:is(:focus-visible,:focus){box-shadow:0 0 0 1px #b32d2e;outline:0}.wpforms-admin-settings-email .wpforms-email-header-image .choices,.wpforms-admin-settings-email .wpforms-email-header-image .wpforms-setting-field input,.wpforms-admin-settings-email .wpforms-email-header-image .wpforms-setting-remove-image,.wpforms-admin-settings-email .wpforms-email-header-image [name="email-header-image-size"]{display:none}.wpforms-admin-settings-email .wpforms-email-header-image.has-external-image-url input[value]:not([value=""]){display:block}.wpforms-admin-settings-email .wpforms-email-header-image img+input+.choices{display:block}.wpforms-admin-settings-email .wpforms-email-header-image img+input+.choices+.wpforms-setting-remove-image{display:block}.wpforms-admin-settings-email .wpforms-email-header-image img+input+.choices+.wpforms-setting-remove-image+.wpforms-setting-upload-image{display:none}.wpforms-admin-settings-email .wpforms-email-header-image img+input+.wpforms-setting-remove-image{display:block}.wpforms-admin-settings-email .wpforms-email-header-image img+input+.wpforms-setting-remove-image+.wpforms-setting-upload-image{display:none}@media (max-width: 1280px) and (min-width: 601px){.wpforms-admin-settings-email .wpforms-email-header-image.has-external-image-url .wpforms-setting-remove-image{grid-column:1/4 span;grid-row:3}}.wpforms-admin-settings-email .wpforms-email-header-image:not([class*="has-image-size"]) img{height:0}.wpforms-admin-settings-email .wpforms-email-header-image.has-image-size-small img{max-height:120px;max-width:Min(280px, 100%)}.wpforms-admin-settings-email .wpforms-email-header-image.has-image-size-small img[style*="background-color"]{padding:20px;border-radius:4px}.wpforms-admin-settings-email .wpforms-email-header-image.has-image-size-medium img{max-height:180px;max-width:Min(410px, 100%)}.wpforms-admin-settings-email .wpforms-email-header-image.has-image-size-medium img[style*="background-color"]{padding:30px;border-radius:4px}.wpforms-admin-settings-email .wpforms-email-header-image.has-image-size-large img{max-height:240px;max-width:Min(580px, 100%)}.wpforms-admin-settings-email .wpforms-email-header-image.has-image-size-large img[style*="background-color"]{padding:40px;border-radius:4px}.wpforms-admin-settings-email .wpforms-setting-row [class^="notice-"]{background-color:#ffffff;border:1px solid #c3c4c7;border-left-width:4px;box-shadow:0 1px 1px rgba(0,0,0,0.04);padding:11px 15px}.wpforms-admin-settings-email .wpforms-setting-row [class^="notice-"] p{margin:0;line-height:18px}.wpforms-admin-settings-email .wpforms-setting-row .notice-info{border-left-color:#056aab}.wpforms-admin-settings-email .wpforms-setting-row .notice-warning{border-left-color:#dba617}.wpforms-admin-settings-email .email-appearance-mode-toggle .wpforms-setting-field{padding-top:8px}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme.legacy-template .notice-warning,.wpforms-admin-settings-email .wpforms-setting-row-color_scheme.education-modal .notice-warning{display:none}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .notice-warning{margin-top:20px;max-width:820px}@media (min-width: 783px){.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .notice-warning{margin-left:200px}}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field{display:grid;max-width:400px;row-gap:10px}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field label{color:#646970}@media (min-width: 601px){.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field label{grid-row:2}}@media (max-width: 600px){.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field label:not(:last-child){padding-bottom:10px}}@media (min-width: 601px){.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field{grid-template-columns:repeat(4, 1fr)}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field .wpforms-color-picker{border-color:transparent;width:100%}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field .minicolors{border:1px solid #8c8f94}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field .minicolors:first-of-type{border-end-start-radius:3px;border-start-start-radius:3px}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field .minicolors:last-of-type{border-end-end-radius:3px;border-start-end-radius:3px}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field .minicolors:not(:first-of-type){border-inline-start-width:0}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field .minicolors:not(:first-of-type) .wpforms-color-picker{border-end-start-radius:0;border-start-start-radius:0}.wpforms-admin-settings-email .wpforms-setting-row-color_scheme .wpforms-setting-field .minicolors:not(:last-of-type) .wpforms-color-picker{border-end-end-radius:0;border-start-end-radius:0}}.wpforms-admin-settings-email .wpforms-setting-row.legacy-template,.wpforms-admin-settings-email .wpforms-setting-row.education-modal{width:max-content}.wpforms-admin-settings-email .wpforms-setting-row.legacy-template .minicolors,.wpforms-admin-settings-email .wpforms-setting-row.legacy-template .choicesjs-select-wrap,.wpforms-admin-settings-email .wpforms-setting-row.legacy-template.email-appearance-mode-toggle .wpforms-settings-field-radio-wrapper,.wpforms-admin-settings-email .wpforms-setting-row.education-modal .minicolors,.wpforms-admin-settings-email .wpforms-setting-row.education-modal .choicesjs-select-wrap,.wpforms-admin-settings-email .wpforms-setting-row.education-modal.email-appearance-mode-toggle .wpforms-settings-field-radio-wrapper{opacity:.5;pointer-events:none}.wpforms-admin-settings-email .wpforms-setting-row.legacy-template label{pointer-events:none}.wpforms-admin-settings-email .email-light-mode.wpforms-hide,.wpforms-admin-settings-email .email-dark-mode.wpforms-hide{display:none !important}.wpforms-admin-settings-payments .wpforms-admin-settings-form #wpforms-setting-row-currency .choices.is-open.is-flipped .choices__list--dropdown .choices__list{max-height:200px}.wpforms-admin-settings-payments .wpforms-setting-row:last-of-type{border-bottom:none}.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-stripe-webhooks-communication .wpforms-setting-field,.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-stripe-api-version .wpforms-setting-field,.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-authorize_net-connection-status-live .wpforms-setting-field,.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-authorize_net-connection-status-test .wpforms-setting-field{margin-top:8px}.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-square-connection-status-sandbox .wpforms-square-connected,.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-square-connection-status-production .wpforms-square-connected{margin-top:8px}.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-paypal-commerce-connection-status-live p:not(.desc),.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-paypal-commerce-connection-status-sandbox p:not(.desc){margin-top:0}.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-paypal-commerce-connection-status-live .wpforms-paypal-commerce-connected,.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-paypal-commerce-connection-status-sandbox .wpforms-paypal-commerce-connected{display:block;margin-top:8px}.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-paypal-commerce-connection-status-live .wpforms-paypal-commerce-connected p,.wpforms-admin-settings-payments .wpforms-setting-row#wpforms-setting-row-paypal-commerce-connection-status-sandbox .wpforms-paypal-commerce-connected p{margin-top:10px}.wpforms-admin-settings-payments p.submit{border-top:1px solid #e4e4e4}.wpforms-admin-settings-payments .wpforms-status{display:flex;align-items:center;gap:10px}.wpforms-admin-settings-payments .wpforms-status:before{background-size:contain;background-position:center;background-repeat:no-repeat;content:"";height:17px;width:17px}.wpforms-admin-settings-payments .wpforms-status.wpforms-connected:before{background-image:url(../images/check-circle.svg)}.wpforms-admin-settings-payments .wpforms-status.wpforms-disconnected:before{background-image:url(../images/exclamation-circle.svg)}.wpforms-admin-settings-payments .wpforms-status.wpforms-warning:before{background-image:url(../images/exclamation-triangle.svg)}.wpforms-admin-settings-payments .wpforms-setting-row-toggle[id$="-sandbox-mode"] input[type=checkbox]:checked+label.wpforms-toggle-control-icon,.wpforms-admin-settings-payments .wpforms-setting-row-toggle[id$="-test-mode"] input[type=checkbox]:checked+label.wpforms-toggle-control-icon{background-color:#d63638}.wpforms-admin-settings-payments .wpforms-setting-row-toggle[id$="-sandbox-mode"] input[type=checkbox]:checked+label.wpforms-toggle-control-icon:hover,.wpforms-admin-settings-payments .wpforms-setting-row-toggle[id$="-test-mode"] input[type=checkbox]:checked+label.wpforms-toggle-control-icon:hover{background-color:#b32d2e}.wpforms-admin-settings-payments .wpforms-setting-row-toggle[id$="-sandbox-mode"] input[type=checkbox]:checked:focus+label.wpforms-toggle-control-icon,.wpforms-admin-settings-payments .wpforms-setting-row-toggle[id$="-test-mode"] input[type=checkbox]:checked:focus+label.wpforms-toggle-control-icon{box-shadow:0 0 0 1px #ffffff, 0 0 0 2px #d63638}#wpforms-welcome{border-top:3px solid #e27730;color:#555;padding-top:110px}@media (max-width: 767px){#wpforms-welcome{padding-top:64px}}#wpforms-welcome *,#wpforms-welcome *::before,#wpforms-welcome *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#wpforms-welcome .container{margin:0 auto;max-width:720px;padding:0}#wpforms-welcome .wpforms-btn{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#wpforms-welcome .block{padding:40px}@media (max-width: 767px){#wpforms-welcome .block{padding:20px}}#wpforms-welcome img{max-width:100%;height:auto}#wpforms-welcome h1{color:#222;font-size:24px;text-align:center;margin:0 0 16px 0}#wpforms-welcome h5{color:#222;font-size:16px;margin:0 0 8px 0}#wpforms-welcome h6{font-size:16px;font-weight:400;line-height:1.6;text-align:center;margin:0}#wpforms-welcome p{font-size:14px;margin:0 0 20px 0}#wpforms-welcome .button-wrap{max-width:590px;margin:0 auto 0 auto}#wpforms-welcome .button-wrap .left{float:left;width:50%;padding-right:20px}@media (max-width: 767px){#wpforms-welcome .button-wrap .left{float:none;width:100%;padding:0;margin-bottom:20px}}#wpforms-welcome .button-wrap .right{float:right;width:50%;padding-left:20px}@media (max-width: 767px){#wpforms-welcome .button-wrap .right{float:none;width:100%;padding:0}}#wpforms-welcome .intro{background-color:#fff;border:2px solid #e1e1e1;border-radius:2px;margin-bottom:30px;position:relative;padding-top:40px}#wpforms-welcome .intro .sullie{background-color:#fff;border:2px solid #e1e1e1;border-radius:50%;height:110px;width:110px;padding:18px 14px 0 14px;position:absolute;top:-58px;left:50%;margin-left:-55px}#wpforms-welcome .intro .video-thumbnail{display:block;margin:0 auto}#wpforms-welcome .intro .button-wrap{margin-top:25px}#wpforms-welcome .features{background-color:#fff;border:2px solid #e1e1e1;border-bottom:0;border-radius:2px 2px 0 0;position:relative;padding-top:20px;padding-bottom:20px}#wpforms-welcome .features .feature-list{margin-top:60px}#wpforms-welcome .features .feature-block{float:left;width:50%;padding-bottom:35px;overflow:auto}@media (max-width: 767px){#wpforms-welcome .features .feature-block{float:none;width:100%}}#wpforms-welcome .features .feature-block.first{padding-right:20px;clear:both}@media (max-width: 767px){#wpforms-welcome .features .feature-block.first{padding-right:0}}#wpforms-welcome .features .feature-block.last{padding-left:20px}@media (max-width: 767px){#wpforms-welcome .features .feature-block.last{padding-left:0}}#wpforms-welcome .features .feature-block img{float:left;max-width:46px}#wpforms-welcome .features .feature-block h5{margin-left:68px}#wpforms-welcome .features .feature-block p{margin:0;margin-left:68px}#wpforms-welcome .features .button-wrap{margin-top:25px;text-align:center}#wpforms-welcome .upgrade-cta{background-color:#000;border:2px solid #e1e1e1;border-top:0;border-bottom:0;color:#fff}#wpforms-welcome .upgrade-cta h2{color:#fff;font-size:20px;margin:0 0 30px 0}#wpforms-welcome .upgrade-cta ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:15px;margin:0;padding:0}#wpforms-welcome .upgrade-cta ul li{display:flex;width:50%;margin:0 0 8px 0;padding:0;gap:5px}#wpforms-welcome .upgrade-cta ul li .dashicons{color:#008a20}#wpforms-welcome .upgrade-cta .left{float:left;width:66.666666%;padding-right:20px}@media (max-width: 767px){#wpforms-welcome .upgrade-cta .left{float:none;width:100%;padding-right:0;margin-bottom:20px}}#wpforms-welcome .upgrade-cta .right{float:right;width:33.333333%;padding:20px 0 0 20px;text-align:center}@media (max-width: 767px){#wpforms-welcome .upgrade-cta .right{float:none;width:100%;padding-left:0}}#wpforms-welcome .upgrade-cta .right h2{text-align:center;margin:0}#wpforms-welcome .upgrade-cta .right h2 span{display:inline-block;border-bottom:1px solid #555;padding:0 15px 12px}#wpforms-welcome .upgrade-cta .right .price{padding:26px 0}#wpforms-welcome .upgrade-cta .right .price .amount{font-size:48px;font-weight:600;position:relative;display:inline-block}#wpforms-welcome .upgrade-cta .right .price .amount:before{content:'$';position:absolute;top:-8px;left:-16px;font-size:18px}#wpforms-welcome .upgrade-cta .right .price .term{font-size:12px;display:inline-block}#wpforms-welcome .testimonials{background-color:#fff;border:2px solid #e1e1e1;border-top:0;padding:20px 0}#wpforms-welcome .testimonials .testimonial-block{margin:50px 0 0 0}#wpforms-welcome .testimonials .testimonial-block img{border-radius:50%;float:left;max-width:100px;box-shadow:0 0 18px rgba(0,0,0,0.2)}@media (max-width: 767px){#wpforms-welcome .testimonials .testimonial-block img{width:65px}}#wpforms-welcome .testimonials .testimonial-block p{font-size:14px;margin:0 0 12px 140px}@media (max-width: 767px){#wpforms-welcome .testimonials .testimonial-block p{margin-left:100px}}#wpforms-welcome .testimonials .testimonial-block p:last-of-type{margin-bottom:0}#wpforms-welcome .footer{background-color:#f1f1f1;border:2px solid #e1e1e1;border-top:0;border-radius:0 0 2px 2px}#wpforms-welcome.pro .features{border:2px solid #e1e1e1;margin-bottom:30px}#wpforms-welcome.pro .upgrade,#wpforms-welcome.pro .footer{display:none}#wpforms-welcome.pro .testimonials{border:2px solid #e1e1e1}.dashboard_page_wpforms-getting-started .video-container{border:2px solid #e1e1e1}.dashboard_page_wpforms-getting-started #wpfooter,.dashboard_page_wpforms-getting-started div.notice{display:none !important}.wpforms-wpcode{display:grid;grid-template-columns:1fr}.wpforms-wpcode .wpforms-wpcode-container{position:relative}.wpforms-wpcode .wpforms-wpcode-blur{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}@media (max-width: 782px) and (min-width: 651px){.wpforms-wpcode .wpforms-wpcode-blur #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet{display:none}.wpforms-wpcode .wpforms-wpcode-blur #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet:nth-child(-n+4){display:flex}}@media (max-width: 650px){.wpforms-wpcode .wpforms-wpcode-blur #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet{display:none}.wpforms-wpcode .wpforms-wpcode-blur #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet:nth-child(-n+2){display:flex}}.wpforms-wpcode .wpforms-wpcode-popup{z-index:100;justify-self:center;align-self:start;margin:80px 0 0 0;height:fit-content;width:90%;max-width:730px;display:flex;padding:40px;flex-direction:column;align-items:center;border-radius:6px;background:#ffffff;box-shadow:0 5px 60px 0 rgba(0,0,0,0.2)}.wpforms-wpcode .wpforms-wpcode-popup .wpforms-wpcode-popup-title{color:#1d2327;text-align:center;width:100%;font-size:22px;font-weight:500;line-height:24px;margin-bottom:15px}.wpforms-wpcode .wpforms-wpcode-popup .wpforms-wpcode-popup-description{text-align:center;width:100%;color:#50575e;font-size:16px;font-weight:400;line-height:24px;margin-bottom:30px}.wpforms-wpcode .wpforms-wpcode-popup .wpforms-wpcode-popup-button{margin-bottom:15px}.wpforms-wpcode .wpforms-wpcode-popup .wpforms-wpcode-popup-link{color:#646970;text-align:center;font-size:14px;font-weight:400;line-height:20px;text-decoration-line:underline}.wpforms-wpcode .wpforms-wpcode-popup .wpforms-wpcode-popup-link:hover{color:#2c3338}.wpforms-wpcode .wpforms-wpcode-blur,.wpforms-wpcode .wpforms-wpcode-popup{grid-row:1;grid-column:1}.wpforms-wpcode .wpforms-wpcode-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #dcdcde}@media (max-width: 599px){.wpforms-wpcode .wpforms-wpcode-header{flex-direction:column;align-items:flex-start}}.wpforms-wpcode .wpforms-wpcode-header .wpforms-wpcode-header-search{position:relative;margin-left:30px}.wpforms-wpcode .wpforms-wpcode-header .wpforms-wpcode-header-search:before{font:normal normal normal 14px/1 FontAwesome;content:"\f002";color:#a7aaad;padding:12px;font-size:16px;left:0;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width: 599px){.wpforms-wpcode .wpforms-wpcode-header .wpforms-wpcode-header-search{width:100%;margin-top:20px;margin-left:0}}.wpforms-wpcode .wpforms-wpcode-header #wpforms-wpcode-snippet-search{width:250px;height:36px;padding-left:30px}@media (max-width: 599px){.wpforms-wpcode .wpforms-wpcode-header #wpforms-wpcode-snippet-search{width:100%}}.wpforms-wpcode #wpforms-wpcode-snippets-list .list{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));grid-gap:20px}@media (max-width: 599px){.wpforms-wpcode #wpforms-wpcode-snippets-list .list{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}}.wpforms-wpcode #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet{margin:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;align-items:flex-start;border-radius:6px;border:1px solid #c3c4c7;background:#ffffff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.07)}.wpforms-wpcode #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet .wpforms-wpcode-snippet-header{width:100%;padding:20px}.wpforms-wpcode #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet .wpforms-wpcode-snippet-title{margin:0;padding-bottom:5px;color:#2c3338;font-size:16px;font-style:normal;font-weight:500;line-height:22px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.wpforms-wpcode #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet .wpforms-wpcode-snippet-note{color:#646970;font-size:14px;font-weight:400;line-height:18px}.wpforms-wpcode #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet .wpforms-wpcode-snippet-footer{width:100%;display:flex;justify-content:space-between;align-items:center;background:#f6f6f6;padding:20px}.wpforms-wpcode #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet .wpforms-wpcode-snippet-badge{color:#008a20;font-size:10px;font-weight:700;line-height:10px;letter-spacing:0.5px;text-transform:uppercase}.wpforms-wpcode #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet .wpforms-wpcode-snippet-badge.wpforms-wpcode-installing-in-progress{color:#a7aaad}.wpforms-wpcode #wpforms-wpcode-snippets-list .list .wpforms-wpcode-snippet .wpforms-wpcode-snippet-button{text-align:center}.wpforms-wpcode #wpforms-wpcode-no-results{display:none;font-size:14px} + + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/advanced-headers-layout-1-rtl.css b/assets/css/advanced-headers-layout-1-rtl.css new file mode 100644 index 00000000..3666b7a3 --- /dev/null +++ b/assets/css/advanced-headers-layout-1-rtl.css @@ -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; +} diff --git a/assets/css/advanced-headers-layout-1-rtl.min.css b/assets/css/advanced-headers-layout-1-rtl.min.css new file mode 100644 index 00000000..ce735f1c --- /dev/null +++ b/assets/css/advanced-headers-layout-1-rtl.min.css @@ -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; +} diff --git a/assets/css/advanced-headers-layout-1.css b/assets/css/advanced-headers-layout-1.css new file mode 100644 index 00000000..0fe51ff0 --- /dev/null +++ b/assets/css/advanced-headers-layout-1.css @@ -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; +} diff --git a/assets/css/advanced-headers-layout-1.min.css b/assets/css/advanced-headers-layout-1.min.css new file mode 100644 index 00000000..69635e13 --- /dev/null +++ b/assets/css/advanced-headers-layout-1.min.css @@ -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; +} diff --git a/assets/css/advanced-headers-layout-2-rtl.css b/assets/css/advanced-headers-layout-2-rtl.css new file mode 100644 index 00000000..a8d9398e --- /dev/null +++ b/assets/css/advanced-headers-layout-2-rtl.css @@ -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; +} diff --git a/assets/css/advanced-headers-layout-2-rtl.min.css b/assets/css/advanced-headers-layout-2-rtl.min.css new file mode 100644 index 00000000..44a50720 --- /dev/null +++ b/assets/css/advanced-headers-layout-2-rtl.min.css @@ -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; +} diff --git a/assets/css/advanced-headers-layout-2.css b/assets/css/advanced-headers-layout-2.css new file mode 100644 index 00000000..62031ff6 --- /dev/null +++ b/assets/css/advanced-headers-layout-2.css @@ -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; +} diff --git a/assets/css/advanced-headers-layout-2.min.css b/assets/css/advanced-headers-layout-2.min.css new file mode 100644 index 00000000..316cb7e1 --- /dev/null +++ b/assets/css/advanced-headers-layout-2.min.css @@ -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; +} diff --git a/assets/css/advanced-heading.css b/assets/css/advanced-heading.css new file mode 100644 index 00000000..cfbd4727 --- /dev/null +++ b/assets/css/advanced-heading.css @@ -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; +} diff --git a/assets/css/advanced-search-shortcode-rtl.css b/assets/css/advanced-search-shortcode-rtl.css new file mode 100644 index 00000000..d5d8a3fe --- /dev/null +++ b/assets/css/advanced-search-shortcode-rtl.css @@ -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; +} diff --git a/assets/css/advanced-search-shortcode-rtl.min.css b/assets/css/advanced-search-shortcode-rtl.min.css new file mode 100644 index 00000000..bac4ee45 --- /dev/null +++ b/assets/css/advanced-search-shortcode-rtl.min.css @@ -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; +} diff --git a/assets/css/advanced-search-shortcode.css b/assets/css/advanced-search-shortcode.css new file mode 100644 index 00000000..f03cd45e --- /dev/null +++ b/assets/css/advanced-search-shortcode.css @@ -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; +} diff --git a/assets/css/advanced-search-shortcode.min.css b/assets/css/advanced-search-shortcode.min.css new file mode 100644 index 00000000..37dd9dcf --- /dev/null +++ b/assets/css/advanced-search-shortcode.min.css @@ -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; +} diff --git a/assets/css/ai-forms.css b/assets/css/ai-forms.css new file mode 100644 index 00000000..1e213e8a --- /dev/null +++ b/assets/css/ai-forms.css @@ -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; +} diff --git a/assets/css/ai-forms.min.css b/assets/css/ai-forms.min.css new file mode 100644 index 00000000..ca9e13f9 --- /dev/null +++ b/assets/css/ai-forms.min.css @@ -0,0 +1,86 @@ +#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; +} diff --git a/assets/css/alignment-rtl.css b/assets/css/alignment-rtl.css new file mode 100644 index 00000000..c1596375 --- /dev/null +++ b/assets/css/alignment-rtl.css @@ -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; +} diff --git a/assets/css/alignment.css b/assets/css/alignment.css new file mode 100644 index 00000000..53d72f91 --- /dev/null +++ b/assets/css/alignment.css @@ -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; +} diff --git a/assets/css/animate.min.css b/assets/css/animate.min.css new file mode 100644 index 00000000..d6b5d6c0 --- /dev/null +++ b/assets/css/animate.min.css @@ -0,0 +1,92 @@ + +/*! + * animate.css - https://animate.style/ + * Version - 4.1.1 + * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev + * + * Copyright (c) 2022 Animate.css + */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.eb__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.eb__animated.eb__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.eb__animated.eb__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.eb__animated.eb__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.eb__animated.eb__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.eb__animated.eb__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.eb__animated.eb__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.eb__animated.eb__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.eb__animated.eb__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.eb__animated.eb__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.eb__animated.eb__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.eb__animated.eb__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.eb__animated.eb__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.eb__animated.eb__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.eb__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.eb__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.eb__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.eb__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.eb__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.eb__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.eb__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.eb__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.eb__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.eb__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.eb__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.eb__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.eb__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.eb__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.eb__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.eb__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.eb__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.eb__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.eb__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.eb__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.eb__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.eb__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.eb__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.eb__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.eb__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.eb__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.eb__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.eb__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.eb__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.eb__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.eb__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.eb__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.eb__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.eb__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.eb__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.eb__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.eb__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.eb__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.eb__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.eb__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.eb__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.eb__animated.eb__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.eb__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.eb__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.eb__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.eb__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.eb__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.eb__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.eb__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.eb__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.eb__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.eb__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.eb__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.eb__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.eb__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.eb__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.eb__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.eb__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.eb__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.eb__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.eb__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.eb__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.eb__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.eb__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.eb__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.eb__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.eb__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.eb__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.eb__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.eb__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.eb__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} + +/* 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; +} diff --git a/assets/css/aos.css b/assets/css/aos.css new file mode 100644 index 00000000..2bab4cd6 --- /dev/null +++ b/assets/css/aos.css @@ -0,0 +1,85 @@ +[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="100"],[data-aos][data-aos][data-aos-delay="1000"],[data-aos][data-aos][data-aos-delay="1050"],[data-aos][data-aos][data-aos-delay="1100"],[data-aos][data-aos][data-aos-delay="1150"],[data-aos][data-aos][data-aos-delay="1200"],[data-aos][data-aos][data-aos-delay="1250"],[data-aos][data-aos][data-aos-delay="1300"],[data-aos][data-aos][data-aos-delay="1350"],[data-aos][data-aos][data-aos-delay="1400"],[data-aos][data-aos][data-aos-delay="1450"],[data-aos][data-aos][data-aos-delay="150"],[data-aos][data-aos][data-aos-delay="1500"],[data-aos][data-aos][data-aos-delay="1550"],[data-aos][data-aos][data-aos-delay="1600"],[data-aos][data-aos][data-aos-delay="1650"],[data-aos][data-aos][data-aos-delay="1700"],[data-aos][data-aos][data-aos-delay="1750"],[data-aos][data-aos][data-aos-delay="1800"],[data-aos][data-aos][data-aos-delay="1850"],[data-aos][data-aos][data-aos-delay="1900"],[data-aos][data-aos][data-aos-delay="1950"],[data-aos][data-aos][data-aos-delay="200"],[data-aos][data-aos][data-aos-delay="2000"],[data-aos][data-aos][data-aos-delay="2050"],[data-aos][data-aos][data-aos-delay="2100"],[data-aos][data-aos][data-aos-delay="2150"],[data-aos][data-aos][data-aos-delay="2200"],[data-aos][data-aos][data-aos-delay="2250"],[data-aos][data-aos][data-aos-delay="2300"],[data-aos][data-aos][data-aos-delay="2350"],[data-aos][data-aos][data-aos-delay="2400"],[data-aos][data-aos][data-aos-delay="2450"],[data-aos][data-aos][data-aos-delay="250"],[data-aos][data-aos][data-aos-delay="2500"],[data-aos][data-aos][data-aos-delay="2550"],[data-aos][data-aos][data-aos-delay="2600"],[data-aos][data-aos][data-aos-delay="2650"],[data-aos][data-aos][data-aos-delay="2700"],[data-aos][data-aos][data-aos-delay="2750"],[data-aos][data-aos][data-aos-delay="2800"],[data-aos][data-aos][data-aos-delay="2850"],[data-aos][data-aos][data-aos-delay="2900"],[data-aos][data-aos][data-aos-delay="2950"],[data-aos][data-aos][data-aos-delay="300"],[data-aos][data-aos][data-aos-delay="3000"],[data-aos][data-aos][data-aos-delay="350"],[data-aos][data-aos][data-aos-delay="400"],[data-aos][data-aos][data-aos-delay="450"],[data-aos][data-aos][data-aos-delay="50"],[data-aos][data-aos][data-aos-delay="500"],[data-aos][data-aos][data-aos-delay="550"],[data-aos][data-aos][data-aos-delay="600"],[data-aos][data-aos][data-aos-delay="650"],[data-aos][data-aos][data-aos-delay="700"],[data-aos][data-aos][data-aos-delay="750"],[data-aos][data-aos][data-aos-delay="800"],[data-aos][data-aos][data-aos-delay="850"],[data-aos][data-aos][data-aos-delay="900"],[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="100"] [data-aos],body[data-aos-delay="1000"] [data-aos],body[data-aos-delay="1050"] [data-aos],body[data-aos-delay="1100"] [data-aos],body[data-aos-delay="1150"] [data-aos],body[data-aos-delay="1200"] [data-aos],body[data-aos-delay="1250"] [data-aos],body[data-aos-delay="1300"] [data-aos],body[data-aos-delay="1350"] [data-aos],body[data-aos-delay="1400"] [data-aos],body[data-aos-delay="1450"] [data-aos],body[data-aos-delay="150"] [data-aos],body[data-aos-delay="1500"] [data-aos],body[data-aos-delay="1550"] [data-aos],body[data-aos-delay="1600"] [data-aos],body[data-aos-delay="1650"] [data-aos],body[data-aos-delay="1700"] [data-aos],body[data-aos-delay="1750"] [data-aos],body[data-aos-delay="1800"] [data-aos],body[data-aos-delay="1850"] [data-aos],body[data-aos-delay="1900"] [data-aos],body[data-aos-delay="1950"] [data-aos],body[data-aos-delay="200"] [data-aos],body[data-aos-delay="2000"] [data-aos],body[data-aos-delay="2050"] [data-aos],body[data-aos-delay="2100"] [data-aos],body[data-aos-delay="2150"] [data-aos],body[data-aos-delay="2200"] [data-aos],body[data-aos-delay="2250"] [data-aos],body[data-aos-delay="2300"] [data-aos],body[data-aos-delay="2350"] [data-aos],body[data-aos-delay="2400"] [data-aos],body[data-aos-delay="2450"] [data-aos],body[data-aos-delay="250"] [data-aos],body[data-aos-delay="2500"] [data-aos],body[data-aos-delay="2550"] [data-aos],body[data-aos-delay="2600"] [data-aos],body[data-aos-delay="2650"] [data-aos],body[data-aos-delay="2700"] [data-aos],body[data-aos-delay="2750"] [data-aos],body[data-aos-delay="2800"] [data-aos],body[data-aos-delay="2850"] [data-aos],body[data-aos-delay="2900"] [data-aos],body[data-aos-delay="2950"] [data-aos],body[data-aos-delay="300"] [data-aos],body[data-aos-delay="3000"] [data-aos],body[data-aos-delay="350"] [data-aos],body[data-aos-delay="400"] [data-aos],body[data-aos-delay="450"] [data-aos],body[data-aos-delay="50"] [data-aos],body[data-aos-delay="500"] [data-aos],body[data-aos-delay="550"] [data-aos],body[data-aos-delay="600"] [data-aos],body[data-aos-delay="650"] [data-aos],body[data-aos-delay="700"] [data-aos],body[data-aos-delay="750"] [data-aos],body[data-aos-delay="800"] [data-aos],body[data-aos-delay="850"] [data-aos],body[data-aos-delay="900"] [data-aos],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:0.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:0.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:0.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:0.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:0.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:0.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:0.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:0.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:0.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:0.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:0.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:0.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:0.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:0.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:0.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:0.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:0.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:0.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(0.25,0.25,0.75,0.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos^=fade][data-aos^=fade],[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate,[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-down].aos-animate,[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)} + +/* 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; +} diff --git a/assets/css/aos.min.css b/assets/css/aos.min.css new file mode 100644 index 00000000..2bab4cd6 --- /dev/null +++ b/assets/css/aos.min.css @@ -0,0 +1,85 @@ +[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="100"],[data-aos][data-aos][data-aos-delay="1000"],[data-aos][data-aos][data-aos-delay="1050"],[data-aos][data-aos][data-aos-delay="1100"],[data-aos][data-aos][data-aos-delay="1150"],[data-aos][data-aos][data-aos-delay="1200"],[data-aos][data-aos][data-aos-delay="1250"],[data-aos][data-aos][data-aos-delay="1300"],[data-aos][data-aos][data-aos-delay="1350"],[data-aos][data-aos][data-aos-delay="1400"],[data-aos][data-aos][data-aos-delay="1450"],[data-aos][data-aos][data-aos-delay="150"],[data-aos][data-aos][data-aos-delay="1500"],[data-aos][data-aos][data-aos-delay="1550"],[data-aos][data-aos][data-aos-delay="1600"],[data-aos][data-aos][data-aos-delay="1650"],[data-aos][data-aos][data-aos-delay="1700"],[data-aos][data-aos][data-aos-delay="1750"],[data-aos][data-aos][data-aos-delay="1800"],[data-aos][data-aos][data-aos-delay="1850"],[data-aos][data-aos][data-aos-delay="1900"],[data-aos][data-aos][data-aos-delay="1950"],[data-aos][data-aos][data-aos-delay="200"],[data-aos][data-aos][data-aos-delay="2000"],[data-aos][data-aos][data-aos-delay="2050"],[data-aos][data-aos][data-aos-delay="2100"],[data-aos][data-aos][data-aos-delay="2150"],[data-aos][data-aos][data-aos-delay="2200"],[data-aos][data-aos][data-aos-delay="2250"],[data-aos][data-aos][data-aos-delay="2300"],[data-aos][data-aos][data-aos-delay="2350"],[data-aos][data-aos][data-aos-delay="2400"],[data-aos][data-aos][data-aos-delay="2450"],[data-aos][data-aos][data-aos-delay="250"],[data-aos][data-aos][data-aos-delay="2500"],[data-aos][data-aos][data-aos-delay="2550"],[data-aos][data-aos][data-aos-delay="2600"],[data-aos][data-aos][data-aos-delay="2650"],[data-aos][data-aos][data-aos-delay="2700"],[data-aos][data-aos][data-aos-delay="2750"],[data-aos][data-aos][data-aos-delay="2800"],[data-aos][data-aos][data-aos-delay="2850"],[data-aos][data-aos][data-aos-delay="2900"],[data-aos][data-aos][data-aos-delay="2950"],[data-aos][data-aos][data-aos-delay="300"],[data-aos][data-aos][data-aos-delay="3000"],[data-aos][data-aos][data-aos-delay="350"],[data-aos][data-aos][data-aos-delay="400"],[data-aos][data-aos][data-aos-delay="450"],[data-aos][data-aos][data-aos-delay="50"],[data-aos][data-aos][data-aos-delay="500"],[data-aos][data-aos][data-aos-delay="550"],[data-aos][data-aos][data-aos-delay="600"],[data-aos][data-aos][data-aos-delay="650"],[data-aos][data-aos][data-aos-delay="700"],[data-aos][data-aos][data-aos-delay="750"],[data-aos][data-aos][data-aos-delay="800"],[data-aos][data-aos][data-aos-delay="850"],[data-aos][data-aos][data-aos-delay="900"],[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="100"] [data-aos],body[data-aos-delay="1000"] [data-aos],body[data-aos-delay="1050"] [data-aos],body[data-aos-delay="1100"] [data-aos],body[data-aos-delay="1150"] [data-aos],body[data-aos-delay="1200"] [data-aos],body[data-aos-delay="1250"] [data-aos],body[data-aos-delay="1300"] [data-aos],body[data-aos-delay="1350"] [data-aos],body[data-aos-delay="1400"] [data-aos],body[data-aos-delay="1450"] [data-aos],body[data-aos-delay="150"] [data-aos],body[data-aos-delay="1500"] [data-aos],body[data-aos-delay="1550"] [data-aos],body[data-aos-delay="1600"] [data-aos],body[data-aos-delay="1650"] [data-aos],body[data-aos-delay="1700"] [data-aos],body[data-aos-delay="1750"] [data-aos],body[data-aos-delay="1800"] [data-aos],body[data-aos-delay="1850"] [data-aos],body[data-aos-delay="1900"] [data-aos],body[data-aos-delay="1950"] [data-aos],body[data-aos-delay="200"] [data-aos],body[data-aos-delay="2000"] [data-aos],body[data-aos-delay="2050"] [data-aos],body[data-aos-delay="2100"] [data-aos],body[data-aos-delay="2150"] [data-aos],body[data-aos-delay="2200"] [data-aos],body[data-aos-delay="2250"] [data-aos],body[data-aos-delay="2300"] [data-aos],body[data-aos-delay="2350"] [data-aos],body[data-aos-delay="2400"] [data-aos],body[data-aos-delay="2450"] [data-aos],body[data-aos-delay="250"] [data-aos],body[data-aos-delay="2500"] [data-aos],body[data-aos-delay="2550"] [data-aos],body[data-aos-delay="2600"] [data-aos],body[data-aos-delay="2650"] [data-aos],body[data-aos-delay="2700"] [data-aos],body[data-aos-delay="2750"] [data-aos],body[data-aos-delay="2800"] [data-aos],body[data-aos-delay="2850"] [data-aos],body[data-aos-delay="2900"] [data-aos],body[data-aos-delay="2950"] [data-aos],body[data-aos-delay="300"] [data-aos],body[data-aos-delay="3000"] [data-aos],body[data-aos-delay="350"] [data-aos],body[data-aos-delay="400"] [data-aos],body[data-aos-delay="450"] [data-aos],body[data-aos-delay="50"] [data-aos],body[data-aos-delay="500"] [data-aos],body[data-aos-delay="550"] [data-aos],body[data-aos-delay="600"] [data-aos],body[data-aos-delay="650"] [data-aos],body[data-aos-delay="700"] [data-aos],body[data-aos-delay="750"] [data-aos],body[data-aos-delay="800"] [data-aos],body[data-aos-delay="850"] [data-aos],body[data-aos-delay="900"] [data-aos],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:0.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:0.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:0.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:0.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:0.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:0.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:0.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:0.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:0.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:0.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:0.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:0.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:0.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:0.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:0.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:0.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:0.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:0.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(0.25,0.25,0.75,0.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos^=fade][data-aos^=fade],[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate,[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-down].aos-animate,[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)} + +/* 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; +} diff --git a/assets/css/ast-builder-customizer-rtl.css b/assets/css/ast-builder-customizer-rtl.css new file mode 100644 index 00000000..076639df --- /dev/null +++ b/assets/css/ast-builder-customizer-rtl.css @@ -0,0 +1,2370 @@ +.ahfb-builder-is-active .preview-desktop #customize-preview, .ahfb-builder-is-active .preview-tablet #customize-preview { + height: auto; +} + +.ahfb-grid-disabled { + pointer-events: none; + opacity: 0.4; +} + +.ahfb-dragging-dropzones .ahfb-builder-add-item { + display: none; +} + +.customize-control-ast-builder-header-control .ahfb-builder-tab-toggle, .customize-control-ast-builder-header-control .ahfb-builder-section-shortcut { + font-size: 13px; + font-weight: 600; + z-index: 10; + color: #555D65; + background: #eeeeee; + vertical-align: top; + border: none; + padding: 8px 12px; + border-radius: 0; +} + +#customize-control-astra-settings-builder-header, #customize-control-astra-settings-builder-footer { + background: #eee; + backface-visibility: hidden; + z-index: 10; + height: 45px; + border-top: 1px solid #ddd; +} + +.ahfb-builder-hide #customize-control-astra-settings-builder-header, .ahfb-builder-hide #customize-control-astra-settings-builder-footer { + transform: translateY(-628%); + overflow: visible; +} + +#customize-control-astra-settings-builder-header .ast-customize-control-description, #customize-control-astra-settings-builder-footer .ast-customize-control-description { + margin: 0px; + text-align: left; +} + +.button.ahfb-builder-hide-button.ahfb-builder-tab-toggle { + width: auto; + padding-left: 20px; + text-align: center; +} + +.customize-control-ast-builder-header-control .ahfb-builder-tab-toggle:hover, .customize-control-ast-builder-header-control .ahfb-builder-section-shortcut:hover { + background: #eeeeee; + color: #0073aa; + border-color: #dddddd; + border-bottom: unset; +} + +.ahfb-header-builder-active.ahfb-builder-hide .ast-builder-show-action, .ahfb-footer-builder-active.ahfb-builder-hide .ast-builder-show-action { + display: block; +} + +.ahfb-header-builder-active .ast-builder-show-action, .ahfb-header-builder-active.ahfb-builder-hide .ast-builder-hide-action, .ahfb-footer-builder-active .ast-builder-show-action, .ahfb-footer-builder-active.ahfb-builder-hide .ast-builder-hide-action { + display: none; +} + +.customize-control-ast-builder-header-control .ahfb-builder-tab-toggle span.dashicons, .customize-control-ast-builder-header-control .ahfb-builder-section-shortcut span.dashicons { + font-size: 13px; + vertical-align: text-top; + line-height: 20px; + font-weight: bold; +} + +.customize-control-ast-builder-header-control .ahfb-builder-show-button.ahfb-builder-tab-toggle { + visibility: hidden; + margin-bottom: 20px; + opacity: 0; + bottom: 100%; + top: auto; +} + +#customize-control-astra-settings-builder-header, +#customize-control-astra-settings-builder-footer { + display: flex !important; + justify-content: space-between; +} + +#customize-control-astra-settings-builder-header .ast-customize-control-title, +#customize-control-astra-settings-builder-footer .ast-customize-control-title { + padding: 0 25px; + text-align: center; + color: #888; +} + +#customize-control-astra-settings-builder-header .ast-customize-control-title .dashicons, +#customize-control-astra-settings-builder-footer .ast-customize-control-title .dashicons { + margin-left: 10px; +} + +#customize-theme-controls #sub-accordion-section-section-header-builder .customize-control, #customize-theme-controls #sub-accordion-section-section-footer-builder .customize-control { + margin: 0; + padding: 0; +} + +#customize-theme-controls #sub-accordion-section-section-header-builder .customize-control .description { + padding: 0 20px; +} + +.ahfb-compontent-tabs { + display: -webkit-box; + display: flex; + margin-top: -15px; + margin-right: -24px; + margin-left: -24px; + padding: 0; + margin-bottom: 0; + border: 1px solid var(--ast-customizer-color-7); + background: var(--ast-customizer-color-9); + margin-bottom: 0; +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button { + -webkit-box-flex: 1; + flex: 1 1 0; + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: center; + justify-content: center; + font-size: 12px; + font-weight: 500; + letter-spacing: 2px; + font-style: normal; + text-transform: uppercase; + height: 40px; + margin: 0; + box-sizing: content-box; + padding: 0 10px; + cursor: pointer; + border: 0; + background: transparent; + border-bottom: 3px solid transparent; + border-radius: 0; + color: var(--ast-customizer-color-6); +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button:not(:first-child) { + margin-right: 0px; +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button:hover { + box-shadow: none !important; +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button:not(.nav-tab-active):hover { + background: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-8); +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button.nav-tab-active { + border-bottom-color: var(--ast-customizer-color-1); + color: var(--ast-customizer-color-8); +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button.nav-tab-active:focus { + outline: 0; + box-shadow: none; +} + +/*Preview*/ + +.primary-menu-container .customize-partial-edit-shortcut, .secondary-menu-container .customize-partial-edit-shortcut, .footer-menu-container .customize-partial-edit-shortcut, span.customize-partial-edit-shortcut.customize-partial-edit-shortcut-header-desktop-items, .site-branding .site-title .customize-partial-edit-shortcut, .site-branding .site-description .customize-partial-edit-shortcut, .menu-toggle-open .customize-partial-edit-shortcut, .mobile-menu-container .customize-partial-edit-shortcut { + display: none; +} + +.site-header-focus-item { + outline: 2px solid transparent; + position: relative; + transition: all 0.3s; + box-shadow: 0 2px 1px rgba(46, 68, 83, 0); +} + +.site-header-focus-item .customize-partial-edit-shortcut { + opacity: 0; + right: 0; + transition: all 0.3s; +} + +.site-header-focus-item .customize-partial-edit-shortcut button { + border-radius: 0; + border: 0; + box-shadow: none; +} + +.site-header-focus-item:hover { + outline: 2px solid #0085ba !important; + box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15); +} + +.site-header-focus-item:hover > * > .customize-partial-edit-shortcut { + opacity: 1; +} + +.site-footer-focus-item { + outline: 2px solid transparent; + position: relative; + transition: all 0.3s; + box-shadow: 0 2px 1px rgba(46, 68, 83, 0); +} + +.site-footer-focus-item .customize-partial-edit-shortcut { + opacity: 0; + right: 0; + transition: all 0.3s; +} + +.site-footer-focus-item .customize-partial-edit-shortcut button { + border-radius: 0; + border: 0; + box-shadow: none; +} + +.site-footer-focus-item:hover { + outline: 2px solid #0085ba !important; + box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15); +} + +.site-footer-focus-item:hover > * > .customize-partial-edit-shortcut, .site-footer-focus-item:hover > * > *:first-child > .customize-partial-edit-shortcut { + opacity: 1; +} + +.customize-partial-edit-shortcut button { + right: 0; +} + +.ast-builder-grid-row-layout-contained > .customize-partial-edit-shortcut button { + right: calc(-30px + -1.5rem); +} + +/*------------------------------------------------------------------------------------------------------------------*/ + +#customize-control-astra-settings-header-sticky-link + #customize-control-astra-settings-header-transparant-link, +#customize-control-astra-settings-header-transparant-link + #customize-control-astra-settings-header-sticky-link { + margin-top: 0; +} + +/*controls.css*/ +.customize-control-astra_builder_control { + border: 0 !important; +} + +.ahfb-builder-items { + padding: 25px; +} + +.ahfb-builder-sortable-panel { + min-height: 46px; + display: flex; + flex: 1; + padding: 0 10px; + align-items: center; + background-color: #ffffff; +} + +.active-builder-row .ahfb-builder-sortable-panel, .ahfb-builder-group-horizontal:hover .ahfb-builder-sortable-panel { + background-color: #ffffff; +} + +.ahfb-builder-item { + line-height: 32px; + font-size: 12px; + display: inline-flex; + align-items: center; + justify-content: space-between; + height: auto; + min-width: 90px; + background: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-5); + position: relative; + white-space: nowrap; + cursor: grab; + margin: 0 4px; + padding: 0 14px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 4px; + transition: all 0.2s; +} + +.ahfb-builder-item.item-has-controls:hover { + border-top-right-radius: 0; +} + +.ahfb-builder-item:hover, .ahfb-builder-item.active-builder-item { + background: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-4); + border: 1px solid var(--ast-customizer-color-1); +} + +.ahfb-builder-area .ahfb-builder-drop:nth-last-child(2) .ahfb-builder-item:last-child { + margin-left: 0; +} + +.ahfb-builder-area .ahfb-builder-drop:first-child .ahfb-builder-item:first-child { + margin-right: 0; +} + +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-row-actions, +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-row-actions { + position: inherit; + height: 30px; + width: 100%; + border-bottom: none; + border-radius: 2px 2px 0 0; +} + +.customize-control-ast-builder .popup-vertical-group .ahfb-builder-item { + margin: 4px; +} + +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-item:first-child, +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-item:first-child { + margin-top: 8px; +} +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-item:last-child, +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-item:last-child { + margin-bottom: 8px; +} +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-item, +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-item { + margin: 4px; +} + +.ahfb-builder-item > .ahfb-builder-item-icon { + display: flex; + align-items: center; + justify-content: center; + left: 0; + cursor: pointer; + margin-left: -10px; + width: 28px; + height: 28px; + color: #718096; + background: transparent; + border: 0; + padding: 0; + margin-right: 8px; +} + +.ahfb-builder-item-icon svg { + width: 16px; + height: 16px; +} + +.ahfb-builder-item-icon .dashicons-no-alt { + width: 17px; + height: 17px; + line-height: 16px; + align-self: center; + color: #777777; +} + +.active-builder-item .ahfb-builder-item-icon .dashicons-no-alt, .ahfb-builder-item-icon:hover .dashicons-no-alt, .ahfb-builder-item:hover .ahfb-builder-item-icon .dashicons-no-alt, .ahfb-builder-item:hover .ahfb-builder-item-icon .dashicons-admin-settings,.ahfb-builder-item:hover .ahfb-builder-item-icon .dashicons-admin-generic { + color: #111111; +} + +.ahfb-builder-item.sortable-ghost { + opacity: 0.4; + box-shadow: none; + opacity: 0.6; + font-size: 0; + background: #e8e8e8; +} + +.ahfb-builder-item.sortable-ghost .ahfb-builder-item-icon { + display: none; +} + +.ahfb-builder-item.sortable-drag { + z-index: 999999 !important; +} + +.ahfb-builder-item.sortable-drag .ahfb-builder-item-icon:not(.ahfb-move-icon) { + display: none; +} + +.ahfb-builder-item-start { + margin-bottom: 16px; + min-height: 34px; + display: flex; +} + +.ahfb-builder-item-start .ahfb-builder-item { + flex: 1; + display: flex; + width: 100%; + box-sizing: border-box; +} + +.ahfb-builder-item-start .ahfb-builder-item.sortable-drag { + width: auto; +} + +#accordion-section-section-header-builder, #accordion-section-section-footer-builder { + display: none !important; +} + +.ahfb-build-tabs { + border-top: 1px solid #dddddd; + padding-top: 0; + border-bottom: 0; +} + +.ahfb-build-tabs .nav-tab { + font-size: 13px; + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; + font-style: normal; + height: 37px; + transition: 0.5s; + margin: 0; + border-top: unset; + border-right: unset; + background: transparent; + border-bottom: 4px solid transparent; + border-left: 1px solid #dddddd; + padding: 4px 20px 0; + cursor: pointer; + box-sizing: content-box; +} + +.ahfb-build-tabs-button span { + padding-bottom: 4px; +} + +.ahfb-build-tabs .nav-tab .dashicons.dashicons-desktop { + font-size: 14px; + height: auto; +} + +.ahfb-build-tabs .nav-tab:hover { + box-shadow: none !important; +} + +.ahfb-build-tabs .nav-tab.nav-tab-active { + color: #191e23; + box-shadow: none; + border-bottom: 4px solid #191e23; +} + +.ahfb-build-tabs .nav-tab:hover, .ahfb-build-tabs .nav-tab:focus { + background: #ffffff; + color: #0073aa; +} + +.ahfb-build-tabs-button.nav-tab-active:hover { + border-bottom-color: #0073aa; +} + +#customize-theme-controls #sub-accordion-section-section-header-builder, #customize-theme-controls #sub-accordion-section-section-footer-builder { + position: fixed !important; + top: auto; + right: 300px; + left: 0; + background: unset; + border-top: unset; + bottom: 0; + visibility: visible; + height: auto; + width: auto; + padding: 0; + max-height: 60%; + overflow: auto; + transition: all 0.2s; + transform: translateY(100%); + backface-visibility: hidden; +} +@media (min-width: 1660px) { + #customize-theme-controls #sub-accordion-section-section-header-builder, #customize-theme-controls #sub-accordion-section-section-footer-builder { + right: 18%; + } +} + +.ahfb-header-builder-is-active #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active, +.ahfb-footer-builder-is-active #customize-theme-controls #sub-accordion-section-section-footer-builder.ahfb-footer-builder-active { + transform: translateY(0%); + visibility: visible; + overflow: hidden; +} + +.ahfb-header-builder-active > li.customize-section-description-container, .ahfb-footer-builder-active > li.customize-section-description-container { + display: none !important; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal { + display: flex; + height: 52px; + margin-bottom: 0; + background: #eeeeee; + border: 1px dashed var(--ast-customizer-color-7); + border-right: none; + border-radius: 4px 0 0 4px; + transition: all 0.15s; + transform: translate(0, -2px); +} + +.ahfb-builder-area .ahfb-builder-drop-left, .ahfb-builder-area .ahfb-builder-drop-left + .ahfb-builder-add-item .ahfb-builder-item-add-icon { + border-radius: 2px 0 0 2px; +} + +.ahfb-builder-area .ahfb-builder-drop-right, .ahfb-builder-area .ahfb-builder-drop-right + .ahfb-builder-add-item .ahfb-builder-item-add-icon { + border-radius: 4px 0 0 4px; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal:hover, .active-builder-row .ahfb-builder-group-horizontal, .ahfb-builder-areas:hover .ahfb-row-actions { + border: 1px solid #dddddd; + border-right: none; + box-shadow: -5px 3px 10px rgb(0 39 36 / 7%); +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-group-horizontal:hover, +.active-builder-row.popup-vertical-group .ahfb-builder-group-horizontal { + box-shadow: 3px 3px 10px rgb(0 39 36 / 7%); +} + +.ahfb-builder-areas:hover .ahfb-row-actions, .active-builder-row .ahfb-row-actions:hover { + border: 1px solid #ddd; + box-shadow: 3px 3px 10px rgb(0 39 36 / 7%); +} + +.ahfb-builder-group-horizontal:hover .components-button.ahfb-row-actions { + color: #007cba; +} + +.ahfb-builder-row-items .ahfb-builder-areas:nth-child(2) .ahfb-builder-group-horizontal { + margin-top: 15px; + margin-bottom: 15px; +} + +.ahfb-builder-row-items .ahfb-builder-areas:nth-child(3) .ahfb-builder-group-horizontal { + margin-top: 9px; +} + +.customize-control-ast-builder .ahfb-builder-items { + padding-right: 30px; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area { + display: flex; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-left, .ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-right { + flex: 1 1 0%; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-right .ahfb-builder-drop-right, .ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-left_center { + justify-content: flex-end; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-left_center, .ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-right_center { + width: 0px; + flex: 0; + overflow: hidden; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-center { + min-width: 134px; + border-right: 1px dashed var(--ast-customizer-color-7); + border-left: 1px dashed var(--ast-customizer-color-7); +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-center.ahfb-dragging-dropzones, .ahfb-builder-areas.has-center-items .ahfb-builder-area-center { + min-width: 120px; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-center .ahfb-builder-sortable-panel { + justify-content: center; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-drop-left_center, .ahfb-builder-areas.has-center-items .ahfb-builder-drop-right_center { + width: auto; + flex: 1; + overflow: visible; +} + +.ahfb-builder-areas.has-center-items .ahfb-dragging-dropzones .ahfb-builder-drop-left_center { + min-width: 100px; +} + +.ahfb-builder-areas.has-center-items .ahfb-dragging-dropzones .ahfb-builder-drop-right_center { + min-width: 100px; +} + +.ahfb-builder-areas.popup-vertical-group { + width: 200px; + padding-left: 20px; + padding-right: 0; +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-group { + height: auto; + min-height: 160px; + margin-bottom: 0; +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-area { + flex: auto; + flex-direction: column; +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-area .ahfb-builder-sortable-panel { + min-height: 160px; + align-items: center; + flex-direction: column; + flex-wrap: wrap; + padding: 0; +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-area .ahfb-builder-sortable-panel .ahfb-builder-item { + width: 90%; + margin-top: 4px; + margin-bottom: 4px; + box-sizing: border-box; +} + +.ahfb-builder-mode-footer .ahfb-builder-group.ahfb-builder-group-horizontal { + display: grid; +} + +.ahfb-builder-mode-footer .ahfb-builder-area:not(:first-child) { + border-right: 1px solid #e5e5e5; +} + +.ahfb-builder-mode-footer .ahfb-builder-area:first-child { + border-right: 0; +} + +.ahfb-builder-item-start button.ahfb-builder-item { + border: 1px dashed var(--ast-customizer-color-7); + background: var(--ast-customizer-color-11); + cursor: pointer; + box-shadow: none !important; + line-height: 42px; + font-size: 14px; +} + +.ahfb-builder-item:hover .dashicons, .ahfb-builder-item.active-builder-item .dashicons { + color: var(--ast-customizer-color-4); +} + +.ast-builder-elements-section .ast-builder-elements-notice { + border: 1px dashed #b4b9be; + background: transparent; + padding: 10px; + font-size: 12px; + display: inline-flex; + align-items: center; + justify-content: space-between; +} + +.ahfb-footer-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-footer-builder-layout, .ahfb-header-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-header-builder-layout { + transform: none; + height: 100%; + visibility: visible; + overflow: visible; + top: 75px; +} + +.ahfb-footer-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-footer-builder-layout .customize-section-description-container.section-meta, .ahfb-header-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-header-builder-layout .customize-section-description-container.section-meta, .ahfb-footer-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-section-section-footer-builder-layout .customize-section-description-container, .ahfb-header-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-header-builder-layout .customize-section-description-container, .ahfb-footer-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-panel-panel-footer-builder-group .accordion-section.control-section, .ahfb-header-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-panel-panel-header-builder-group .accordion-section.control-section { + display: none !important; +} + +.ahfb-footer-builder-is-active .preview-desktop #customize-preview, .ahfb-footer-builder-is-active .preview-tablet #customize-preview, .ahfb-header-builder-is-active .preview-desktop #customize-preview, .ahfb-header-builder-is-active .preview-tablet #customize-preview { + height: auto; + margin-bottom: -1px; + bottom: 46px; +} + +.customize-control-ast-builder .ahfb-builder-items { + display: flex; +} + +.customize-control-ast-builder .ahfb-builder-row-items { + flex: 1; + z-index: 9; +} + +.ahfb-builder-areas .components-button.ahfb-row-actions { + background: var(--ast-customizer-color-13); + color: var(--ast-customizer-color-6); + text-transform: uppercase; + font-size: 8px; + font-weight: 500; + text-align: center; + position: absolute; + top: -2px; + right: 0; + width: 30px; + transition: all 0.2s; + border-radius: 0 4px 4px 0; + border: 1px dashed var(--ast-customizer-color-7); + height: 100%; + padding: 0; + overflow: visible; +} + +.ahfb-builder-areas.ahfb-builder-mode-header.popup-vertical-group .ahfb-row-actions { + height: 50px; + align-self: center; +} + +.customize-control-ast-builder .popup-vertical-group .ahfb-row-actions { + font-size: 10px; +} + +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-row-actions .dashicon, +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-row-actions .dashicon { + margin-right: 10px; + margin-left: 5px; +} + +.ahfb-builder-mode-header[data-row="above"] .ahfb-row-actions, .ahfb-builder-mode-header[data-row="below"] .ahfb-row-actions, +.ahfb-builder-mode-footer[data-row="above"] .ahfb-row-actions, .ahfb-builder-mode-footer[data-row="primary"] .ahfb-row-actions { + cursor: default; +} + +.active-builder-row .components-button.ahfb-row-actions { + background: #007cba; + border-color: #007cba; + color: white; + box-shadow: 9px 3px 10px rgb(0 39 36 / 7%); +} + +.active-builder-row .ahfb-builder-group.ahfb-builder-group-horizontal .ahfb-row-actions { + color: #ffffff; +} + +.ahfb-builder-areas .components-button.ahfb-row-actions .dashicon { + font-size: 13px; + line-height: 20px; + transition: 0s; + margin: 0 auto; +} + +.ahfb-row-actions svg { + width: 12px; + height: 12px; + margin: 0 auto; +} + +.ahfb-builder-areas .components-button.ahfb-row-actions:hover, .ahfb-builder-areas .components-button.ahfb-row-actions:focus { + background: var(--ast-customizer-color-1) !important; + color: white !important; + border-color: var(--ast-customizer-color-1); +} + +.ahfb-builder-areas .components-button.ahfb-row-actions:hover { + background: white; + color: var(--ast-customizer-color-1); + border: 1px solid var(--ast-customizer-color-1); + border-left: 1px dashed var(--ast-customizer-color-7); +} + +.ahfb-builder-areas:hover .components-button.ahfb-row-actions { + background: white; +} +.ahfb-builder-areas.active-builder-row:hover .components-button.ahfb-row-actions { + color: var(--ast-customizer-color-6); +} + +.ahfb-builder-areas .components-button.ahfb-row-actions:hover ~ .ahfb-builder-group-horizontal { + border: 1px solid var(--ast-customizer-color-1); + border-right: none; + box-shadow: -5px 3px 10px rgb(0 39 36 / 7%); + background-color: white; +} + +.ahfb-builder-areas .components-button.ahfb-row-actions:hover ~ .ahfb-builder-group-horizontal .ahfb-builder-item-add-icon { + background-color: white; +} + + +.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + box-shadow: none; +} + +.ahfb-builder-item-add-icon.dashicons-plus-alt2:before { + content: "\f543"; + display: inline-block; + opacity: 0; + transition: 0.2s; + -webkit-font-smoothing: antialiased; + font: normal 20px/1 'dashicons'; + font-size: 16px; +} + +.ahfb-builder-item-add-icon:hover:before { + opacity: 1; + color: #777777; +} + +.ahfb-builder-areas { + position: relative; + padding-right: 30px; + z-index: 10; +} + +.ahfb-builder-group.ahfb-builder-group-horizontal[data-setting="bottom"] { + margin-bottom: 0 +} + +.footer-row-columns-2.footer-row-layout-left-golden .ahfb-builder-area-1 { + flex: 0 1 66.67%; +} + +.footer-row-columns-2.footer-row-layout-left-golden .ahfb-builder-area-2 { + flex: 0 1 33.33%; +} + +.footer-row-columns-2.footer-row-layout-right-golden .ahfb-builder-area-1 { + flex: 0 1 33.33%; +} + +.footer-row-columns-2.footer-row-layout-right-golden .ahfb-builder-area-2 { + flex: 0 1 66.67%; +} + +.footer-row-columns-3.footer-row-layout-left-half .ahfb-builder-area, .footer-row-columns-3.footer-row-layout-right-half .ahfb-builder-area, .footer-row-columns-3.footer-row-layout-center-half .ahfb-builder-area { + flex: 0 1 25%; +} + +.footer-row-columns-3.footer-row-layout-left-half .ahfb-builder-area-1, .footer-row-columns-3.footer-row-layout-right-half .ahfb-builder-area-3,.footer-row-columns-3.footer-row-layout-center-half .ahfb-builder-area-2 { + flex: 0 1 50%; +} + +.footer-row-columns-3.footer-row-layout-center-wide .ahfb-builder-area { + flex: 0 1 20%; +} + +.footer-row-columns-3.footer-row-layout-center-wide .ahfb-builder-area-2 { + flex: 0 1 60%; +} + +.footer-row-columns-3.footer-row-layout-center-exwide .ahfb-builder-area { + flex: 0 1 15%; +} + +.footer-row-columns-3.footer-row-layout-center-exwide .ahfb-builder-area-2 { + flex: 0 1 70%; +} + +.footer-row-columns-4.footer-row-layout-left-forty .ahfb-builder-area, .footer-row-columns-4.footer-row-layout-right-forty .ahfb-builder-area { + flex: 1; +} + +.footer-row-columns-4.footer-row-layout-left-forty .ahfb-builder-area-1, .footer-row-columns-4.footer-row-layout-right-forty .ahfb-builder-area-4 { + flex: 2; +} + +.ahfb-builder-areas.footer-row-direction-column .ahfb-builder-group-horizontal .ahfb-builder-area .ahfb-builder-drop { + flex-direction: column; + align-items: normal; +} + +.ahfb-builder-areas.footer-row-direction-column .ahfb-builder-group-horizontal .ahfb-builder-area .ahfb-builder-drop .ahfb-builder-item { + margin: 4px; +} + +.ahfb-builder-item-start button.ahfb-builder-item:hover { + background: var(--ast-customizer-color-9); + border-style: solid; +} + +.ahfb-builder-item > .ahfb-builder-item-icon.ahfb-move-icon { + margin-right: -10px; + transform: rotate(-90deg); + margin-left: 0; + cursor: grab; + width: 18px; + opacity: 0.7; +} + +.ahfb-builder-item-text { + flex-grow: 1; +} + +.ahfb-builder-item-start.ahfb-move-item .ahfb-builder-item { + justify-content: flex-start; +} + +.ahfb-availbile-items-title { + padding: 10px 0; +} + +.ahfb-builder-item > .ahfb-builder-item-icon.ahfb-builder-item-focus-icon svg { + width: 14px; +} + +.ahfb-builder-area .ahfb-builder-add-item { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} + +.ahfb-popover-builder-list .ahfb-all-coponents-used { + width: inherit; + text-align: center; + font-weight: 400; +} + +.ahfb-builder-area { + position: relative; +} + +.ahfb-builder-area .ahfb-builder-item { + z-index: 10; +} + +.ahfb-builder-mode-footer .ahfb-builder-drop { + justify-content: center; +} + +.ahfb-builder-area .ahfb-builder-item-add-icon { + display: block; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + border-radius: 0; + background: var(--ast-customizer-color-13); + border: 0; + height: auto; + width: auto; + padding: 0; + min-width: 100%; + z-index: 1; + transition: all .2s ease-in-out; + color: #808285; +} + +.ahfb-builder-area .ahfb-builder-item-add-icon:hover, .ahfb-builder-area .ahfb-builder-item-add-icon:focus { + color: #191e23; + background: #ffffff; + box-shadow: unset; + outline: none; +} + +.ahfb-builder-group:hover .ahfb-builder-item-add-icon, .ahfb-builder-group:focus .ahfb-builder-item-add-icon, .active-builder-row .ahfb-builder-area .ahfb-builder-item-add-icon { + background: #ffffff; +} + +.active-builder-section.ahfb-builder-section-shortcut { + color: #0073aa; +} + +.ast-customize-control-title span.dashicons.dashicons-external { + margin-right: 10px; +} + +.ahfb-header-builder-is-active #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active.ahfb-builder-hide, +.ahfb-header-builder-is-active .preview-only.collapsed #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active.ahfb-builder-hide, .ahfb-footer-builder-is-active .in-sub-panel #customize-theme-controls #sub-accordion-section-section-footer-builder.ahfb-footer-builder-active.ahfb-builder-hide { + transform: translateY(100%); + overflow: visible; +} + +li#customize-control-astra-settings-header-desktop-items, li#customize-control-astra-settings-header-mobile-items, li#customize-control-astra-settings-footer-desktop-items { + transition: all 0.3s; + background: #eeeeee; + border-top: 1px solid #dddddd; +} + +.components-popover__content .ahfb-popover-builder-list .ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-gap: 4px; + width: 420px; + max-height: 340px; + overflow: auto; +} + +.components-popover__content { + box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 0px -2px, rgba(50, 50, 93, 0.25) 0px 3px 7px -3px; +} + +.ahfb-popover-builder-list .ahfb-radio-container-control .components-button.is-tertiary { + font-size: 12px; + margin: 0; + display: grid; + text-transform: capitalize; + border: 1px solid transparent; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-add-item.center-on-right { + left: 50%; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-add-item.center-on-left { + right: 50%; +} + +.ahfb-builder-area .ahfb-builder-add-item.left-center-on-left, .ahfb-builder-area .ahfb-builder-add-item.right-center-on-right { + display: none; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-add-item.left-center-on-left { + display: block; + left: 50%; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-add-item.right-center-on-right { + display: block; + right: 50%; +} + +.ahfb-builder-area-right .left-center-on-left, .ahfb-builder-area-left .right-center-on-right, .ahfb-builder-area-center .ahfb-builder-add-item, .ahfb-builder-area-right .ahfb-builder-add-item { + border-right: unset; +} + +.preview-only.collapsed #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active, .preview-only.collapsed #customize-theme-controls #sub-accordion-section-section-footer-builder.ahfb-footer-builder-active { + transform: translateY(0%); + right: 0; +} + +.preview-only.collapsed #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active .ahfb-build-tabs { + padding-right: 40px; +} + +.ahfb-range-control .ahfb-responsive-controls-content { + display: flex; +} + +.ahfb-range-control .components-button { + height: 28px; +} + +.ahfb-control-field.radio-btn-width-50 .ahfb-radio-container-control { + flex-wrap: wrap; +} + +.ahfb-control-field.radio-btn-width-50 .ahfb-radio-container-control .components-button.is-tertiary { + min-width: 45%; + margin: 4px; +} + +.ahfb-responsive-control-bar { + display: flex; + position: relative; + margin-bottom: 10px; +} + +.ahfb-responsive-control-bar .floating-controls { + padding-right: 5px; +} + +.ahfb-responsive-control-bar .floating-controls .components-button.is-tertiary:not(.active-device) { + color: #A0AEC0; +} + +.ahfb-responsive-control-bar .floating-controls .components-button.is-tertiary:not(.active-device):hover, .ahfb-responsive-control-bar .floating-controls .components-button.is-tertiary:hover:not(:disabled) { + color: #718096; + box-shadow: none; +} + +.ahfb-responsive-control-bar .floating-controls .components-button.active-device.is-tertiary:not(.active-device):hover { + box-shadow: none; +} + +.ahfb-responsive-control-bar .floating-controls .components-button { + height: 18px; + padding-top: 0; + padding-bottom: 0; + box-shadow: none; +} + +.ahfb-responsive-control-bar .floating-controls .components-button svg { + height: 13px; + width: 16px; + fill: none; +} + +.ahfb-responsive-control-bar .floating-controls .components-button:focus:not(:disabled) { + color: #007cba; + box-shadow: none +} + +.ahfb-responsive-control-bar .floating-controls .components-button-group { + display: flex; + border: 0; +} + +.ahfb-sorter-drop-social_item_group .components-button-group { + border: 1px solid #dddddd; +} + +.ahfb-control-field { + position: relative; +} + +.ahfb-control-field .customize-control-title { + font-size: 14px; + font-weight: 600; + margin-bottom: 0; + display: flex; + align-items: center; + letter-spacing: 0.1px; + line-height: 18px; +} + +.ahfb-sorter-drop-social_item_group .ahfb-radio-container-control { + display: block; + padding: 10px; + background: #f9f9f9; + background-image: linear-gradient(-45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), linear-gradient(-45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd); + background-size: 16px 16px; + background-position: 100% 0, 8px 8px; + background-color: #f6f6f6; + border: 0; +} +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-content .components-base-control { + margin-bottom: 15px; +} +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-content .components-base-control .components-base-control__label { + margin-bottom: 4px; +} + +.ahfb-radio-container-control .components-button.is-tertiary { + align-items: stretch; + font-size: 13px; + font-weight: 400; + font-style: normal; + text-transform: uppercase; + height: auto; + line-height: normal; + margin: 0; + padding: 13px 20px; + border-radius: 4px; + background: transparent; + color: #32373c; + white-space: normal; + box-shadow: none; +} + +.components-button.builder-add-btn svg { + min-width: 20px; + min-height: 20px; + max-width: 20px; + max-height: 24px; +} + +.components-button.builder-add-btn .add-btn-icon { + padding-bottom: 7px; +} + +.ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover, .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):active { + color: #191e23; + box-shadow: 0px 8px 48px -8px #00000029; + border-color: #E5E7EB; + background: transparent; + border-radius: 6px; +} + +.ahfb-radio-container-control .components-button.pro-feature.is-tertiary:not(:disabled):not([aria-disabled=true]):hover, .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):active { + color: #191e23; + box-shadow: none; + border: 1px solid #E5E7EB; + background: transparent; + border-radius: 6px; +} + +.ahfb-radio-container-control .components-button.is-tertiary.active-radio { + background: #007cba; + color: #ffffff; +} + +.ahfb-radio-container-control .components-button.is-tertiary.active-radio:not(:disabled):not([aria-disabled=true]):hover { + color: #32373c; + border-color: #007cba; +} + +.ahfb-social-type .ahfb-radio-container-control button:not(:first-child) { + margin-right: 15px; +} + +.ahfb-radio-container-control .components-button.is-tertiary .ahfb-icon-set { + display: flex; +} + +.ahfb-radio-container-control.ahfb-icon-set-container-control { + margin-top: 10px; +} + +.ahfb-radio-container-control.ahfb-icon-set-container-control .components-button.is-tertiary { + padding: 5px; + height: 50px; +} + +.ahfb-radio-container-control.ahfb-icon-set-container-control .components-button.is-tertiary svg { + width: 100%; + height: auto; + max-height: 100%; +} + +.ahfb-control-field.ahfb-color-control { + display: flex; +} + +.ahfb-control-field.ahfb-color-control .customize-control-title { + flex-grow: 2; +} + +.components-popover.ahfb-popover-color .components-popover__content { + padding: 15px 15px 0px; + box-sizing: initial; + background: #ffffff; + border-radius: 4px; + box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs { + display: flex; + border-bottom: 1px solid #dadada; + margin-top: -5px; + margin-bottom: 15px; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs .components-button { + display: flex; + flex: 1; + justify-content: center; + font-size: 11px; + font-weight: 600; + font-style: normal; + height: 36px; + text-transform: uppercase; + border: 0; + border-bottom: 4px solid transparent; + border-radius: 0; + margin-bottom: -1px; + opacity: 0.6; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs .components-button:focus { + outline: 0; + box-shadow: none; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs .components-button:hover { + box-shadow: none !important; + opacity: 1; + border-bottom: 4px solid #dadada; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs .components-button.active-tab { + border-bottom-color: #007cba; + opacity: 1; +} + +.components-popover__content .ahfb-radio-container-control { + padding: 10px 5px; + background: white; +} + +.ahfb-control-field .ahfb-background-tabs .customize-control-title { + padding-top: 10px; + font-size: 12px; + display: block; +} + +.ahfb-control-field.ahfb-background-control .ahfb-responsive-control-bar .floating-controls { + display: flex; + align-items: center; + margin-right: 0px; +} + +.ahfb-control-field.ahfb-background-control .ahfb-responsive-control-bar .customize-control-title { + flex-grow: 1; +} + +.ahfb-control-field.ahfb-background-control .ahfb-responsive-controls-content { + display: flex; + justify-content: flex-end; +} + +.ahfb-control-field.ahfb-palette-control.ahfb-color-control { + display: block; +} + +.ahfb-palette-header { + display: flex; + align-items: center; +} + +.ahfb-palette-colors { + display: flex; + padding: 20px 0 0; + justify-content: space-between; +} + +.ahfb-palette-header .components-button-group .components-button.is-tertiary { + color: #A0AEC0; + border: 1px solid #A0AEC0; + height: 30px; + font-size: 12px; + padding: 0 4px; + box-shadow: none; +} + +@media (max-width: 1800px) { + .ahfb-palette-header .components-button-group .components-button.is-tertiary { + font-size: 10px; + padding: 0 2px; + } +} + +@media (max-width: 1400px) { + .ahfb-control-field .customize-control-title { + font-size: 13px; + } +} + +.ahfb-palette-header .components-button-group .components-button.is-tertiary.active-palette { + color: #ffffff; + border: 1px solid #007cba; + background: #007cba; +} + +.ahfb-border-control .ahfb-responsive-controls-content { + display: flex; + justify-content: flex-end; +} + +.ahfb-border-control .ahfb-responsive-controls-content input.components-text-control__input { + border: 1px solid #e2e4e7; + width: 60px; +} + +.ahfb-border-control .ahfb-responsive-controls-content .color-button-wrap { + display: inline-flex; +} + +.ahfb-select-units select.components-select-control__input { + width: 100%; + margin: 0 0 2px 0; + border: 1px solid #e2e4e7; +} + +.ahfb-control-field.ahfb-title-control { + background: #f9f9f9; + margin-bottom: -13px; + margin-top: -17px; + margin-right: -24px; + margin-left: -24px; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + padding: 12px 20px; +} + +.ahfb-control-field.ahfb-title-control .customize-control-title { + font-size: 16px; + font-weight: 700; + letter-spacing: .3px; +} + +.ahfb-locked .components-button.is-single { + border: 1px solid #e2e4e7; + background-color: #ffffff; + display: flex; + height: 30px; +} + +.ahfb-locked .components-button svg { + width: 16px; +} + +.ahfb-radio-container-control .components-button.is-tertiary svg { + width: 100%; + height: 100%; + max-height: 100%; +} + +/* .ahfb-row-layout-control .ahfb-responsive-controls-content .components-button svg, .ahfb-icon-set-control .ahfb-radio-container-control .components-button svg { + width: 75px; + height: 50px; +} */ + +#customize-control-astra-settings-header-trigger-icon .components-button.is-tertiary.active-radio svg, #customize-control-astra-settings-header-trigger-icon .components-button.is-tertiary svg, +#customize-control-astra-settings-header-trigger-icon svg { + width: 52px; + height: 50px; + margin-left: 10px; +} + +#customize-control-astra-settings-header-trigger-icon .components-button-group { + display: inline-flex; +} + +.ahfb-radio-container-control .components-button .ahfb-icon-set { + width: 100%; + height: 100%; +} + +#customize-control-page_layout .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +#customize-control-page_layout .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-width: 25%; + padding: 10px; + margin: 0; + min-height: 80px; +} + +#customize-control-page_title_layout .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-height: 90px; + padding: 10px; +} + +#customize-control-page_title_layout .ahfb-radio-container-control .components-button.is-tertiary:not(:first-child) { + margin-right: 10px; +} + +.ahfb-radio-dashicon { + max-width: 20px; +} + +.ahfb-sorter-item-panel-header { + display: flex; + width: 100%; + cursor: pointer; + align-items: center; + border-bottom: 1px solid #dddddd; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-title { + flex-grow: 2; + padding: 0 5px; + color: #334155; + font-size: 14px; +} + +.customize-control-ast-language-selector span.ahfb-sorter-title { + padding-right: 15px; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-visiblity { + border-radius: 0; + height: 41px; + border-left: 1px solid #A0AEC0; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-item-expand, .ahfb-sorter-item-panel-header .ahfb-sorter-item-remove { + border-radius: 0; + position: relative; + height: 38px; + border-right: 0; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-item-expand, .ahfb-sorter-item-panel-header .ahfb-sorter-item-remove { + color: #4B5563 !important; + background: none !important; + box-shadow: none !important; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-item-expand:focus, .ahfb-sorter-item-panel-header .ahfb-sorter-item-remove:focus { + box-shadow: none; + outline: none; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-item-expand svg, .ahfb-sorter-item-panel-header .ahfb-sorter-item-remove svg { + color: #556068; + width: 18px; + height: 18px; +} + +.ahfb-sorter-drop .ahfb-sorter-item { + line-height: 28px; + height: auto; + background: white; + position: relative; + border: 1px solid #D1D5DB; + white-space: nowrap; + position: relative; + margin: 0 0 10px; + padding: 0px; + border-radius: 4px; +} + +.ahfb-sorter-item-panel-content { + padding: 10px; +} + +.ahfb-sorter-drop, .ahfb-sorter-item-panel-content .components-base-control__field { + display: flex; + flex-direction: column; +} + +.ahfb-sorter-item-panel-content .components-button.ahfb-sorter-item-remove { + color: #b52727; +} + +.sortable-style-tabs .components-tab-panel__tabs { + display: flex; + border-bottom: 1px solid #dadada; + margin-bottom: 15px; +} + +.sortable-style-tabs .components-tab-panel__tabs .components-button { + display: flex; + -webkit-box-flex: 1; + flex: 1; + justify-content: center; + font-size: 11px; + font-weight: 600; + font-style: normal; + height: 36px; + text-transform: uppercase; + border: 0; + border-bottom: 2px solid transparent; + border-radius: 0; + margin-bottom: -1px; + opacity: 0.6; + box-shadow: none; +} + +.sortable-style-tabs .components-tab-panel__tabs .components-button.active-tab { + opacity: 1; + border-bottom-color: #0071a1; + color: #0073aa; + background-image: linear-gradient(-180deg, #f3f5f6, #ffffff); +} + +.ahfb-social-add-area, .ahfb-language-selector-add-area { + display: flex; +} + +.ahfb-social-add-area .components-base-control, .ahfb-language-selector-add-area .components-base-control { + flex-grow: 1; + padding-left: 10px; +} + +.ahfb-social-add-area .components-select-control { + border-radius: 4px; +} + +.ahfb-social-add-area .ahfb-sorter-add-item, .ahfb-language-selector-add-area .ahfb-sorter-add-item { + height: 29px; + line-height: normal; + padding: 0 12px; +} + +.ahfb-sorter-item-panel-content .components-button.button-add-media { + display: block; + margin-bottom: 20px; + height: auto; +} + +.ahfb-sorter-item-panel-content .ahfb-radio-container-control .components-button.is-tertiary { + padding: 12px; +} + +.components-button.ahfb-sorter-item-expand.item-is-hidden:before { + opacity: 1; +} + +.components-button.ahfb-sorter-item-expand:before { + opacity: 0; + position: absolute; + content: ''; + width: 18px; + height: 2px; + right: 13px; + background: #656565; + border-radius: 5px; + transform: rotate(45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} +.ahfb-sorter-item-panel-content > * { + margin: 10px 0; +} +.ahfb-sorter-row .customize-control-description { + white-space: pre-wrap; +} + +button.components-button.ahfb-sorter-item-expand { + transition: 0.5s; + position: relative; + border-right: none; +} + +@media (max-width: 1660px) { + .ahfb-locked .components-button.is-single, .ahfb-range-control .components-button { + padding: 0 2px; + } + + .components-button.has-icon.has-text svg { + margin-left: 3px; + max-width: 20px; + } + + .ahfb-locked .components-button.is-single svg { + width: 14px; + } +} + +.ahfb-meta-sorter .ahfb-radio-container-control .components-button.is-tertiary svg { + max-width: 12px; + margin: 0 auto; +} + +.ahfb-sorter-item-panel-content .components-range-control .components-base-control__field { + flex-direction: row; +} + +.ahfb-sorter-item-panel-content .components-range-control .components-base-control__field input.components-range-control__number { + width: auto; +} + +.ahfb-sorter-item-panel-content .ahfb-radio-container-control { + margin-bottom: 10px; + text-align: center; +} + +.sorter-sub-option { + padding: 12px 12px 0px; + border: 1px solid #bbb; + margin-bottom: 12px; +} + +.meta-label-input-control { + display: flex; + margin-bottom: 6px; +} + +.ahfb-label-visiblity svg { + width: 14px; +} + +.components-button.ahfb-label-visiblity { + height: 30px; +} + +.label-is-hidden .components-text-control__input { + opacity: 0.2; + pointer-events: none; +} + +.ahfb-icon-set-control.ahfb-three-col .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +.ahfb-icon-set-control.ahfb-three-col .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-width: 25%; + padding: 10px; + margin: 0; + min-height: 90px; +} + +.ahfb-icon-set-control.ahfb-three-col .components-button-group.ahfb-radio-container-control .components-button.is-tertiary svg { + max-width: 70px; +} + +.ahfb-icon-set-control .components-button-group.ahfb-radio-container-control .components-button.btn-flex-col.is-tertiary { + flex-direction: column; + font-size: 10px; +} + +.ahfb-icon-set-control .components-button-group.ahfb-radio-container-control .components-button.btn-flex-col.is-tertiary .ahfb-icon-set { + margin-bottom: 3px; + display: block; +} + +.ahfb-radio-icon-control .components-button-group.ahfb-radio-container-control .components-button.is-tertiary, #customize-control-astra-settings-header-trigger-icon .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-width: 25%; + padding: 0; + margin-left: 12px; + min-height: 40px; +} + +.components-button-group.ahfb-radio-container-control .components-button.is-tertiary.active-radio { + background: unset; +} + +.active-radio .ahfb-icon-set svg { + background: #ffffff; + border-radius: 3px; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +#customize-control-astra-settings-header-trigger-icon .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover, #customize-control-astra-settings-header-trigger-icon .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):active, +.ahfb-radio-icon-control .components-button-group.ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover, +.ahfb-radio-icon-control .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):active { + border: none; + box-shadow: unset; +} + +.ahfb-icon-set svg, +#customize-control-astra-settings-header-trigger-icon span.ahfb-svg-iconset.svg-baseline svg path, span.ahfb-svg-iconset.svg-baseline svg circle { + fill: var(--ast-customizer-color-7); +} + +.active-radio .ahfb-icon-set svg, .active-radio .ahfb-icon-set svg, #customize-control-astra-settings-header-trigger-icon input:checked + .ast-radio-img-svg svg path, #customize-control-astra-settings-header-trigger-icon input:checked + .ast-radio-img-svg svg circle { + fill: var(--ast-customizer-color-10); +} + +#customize-control-astra-settings-header-trigger-icon input:checked + .ast-radio-img-svg svg > path { + fill: var(--ast-customizer-color-1); +} + +.ahfb-icon-set-control.ahfb-three-col-short .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +.ahfb-icon-set-control.ahfb-three-col-short .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-width: 25%; + padding: 0px; + margin: 0; + height: 30px; +} + +.ahfb-sorter-no-sorting .ahfb-sorter-item { + margin-bottom: 12px; +} + +.ahfb-sorter-no-sorting .ahfb-sorter-item-panel-header { + cursor: default; +} + +.components-button-group.ahfb-featured-image-ratio { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +.ahfb-sorter-item-panel-content .ahfb-featured-image-ratio .components-button.is-tertiary { + padding: 0; + height: 30px; + margin: 0; +} + +.ahfb-sorter-item-panel-content .ahfb-radio-container-control .components-button.is-tertiary svg { + max-width: 22px; + margin: 0 auto; +} + +#customize-theme-controls .accordion-section-content { + color: var(--ast-customizer-color-4); +} + +.ahfb-popover-social-list .components-button-group.ahfb-radio-container-control { + flex-wrap: wrap; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 5px; + padding-bottom: 15px; + padding-top: 5px; +} + +.ahfb-popover-social-list .components-button-group.ahfb-radio-container-control .components-button.social-radio-btn.is-tertiary { + min-width: 80px; + margin: 0; + padding: 0; + font-size: 10px; +} + +.radio-icon-padding .ahfb-radio-container-control .components-button.is-tertiary { + padding: 10px 0; +} + +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-header .ahfb-sorter-visiblity { + border: 0; +} + +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-header .ahfb-sorter-visiblity svg { + max-width: 12px; + fill: #4B5563; + width: 28px; + height: 28px; + vertical-align: middle; +} + +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-header .ahfb-sorter-visiblity.item-is-hidden { + opacity: 0.2; +} + +.ahfb-tiny-text .ahfb-radio-container-control .components-button.is-tertiary, #customize-control-logo_layout .ahfb-radio-container-control .components-button.is-tertiary { + font-size: 9px; +} + +.ahfb-builder-is-active .wp-full-overlay.collapsed #customize-preview, .ahfb-footer-builder-is-active .wp-full-overlay.collapsed #customize-preview { + bottom: 0 !important; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-left_center, +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-right_center { + display: none; +} + +.ahfb-builder-areas.ahfb-builder-mode-header.popup-vertical-group .ahfb-builder-group-horizontal { + border-right: 1px solid #e5e5e5; +} + +.ahfb-builder-areas.ahfb-builder-mode-header.popup-vertical-group .ahfb-builder-group-horizontal:hover, .active-builder-row.ahfb-builder-areas.ahfb-builder-mode-header.popup-vertical-group .ahfb-builder-group-horizontal { + border-right: 1px solid #ddd; + box-shadow: 3px 7px 10px rgb(0 39 36 / 7%); +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-drop-left_center, .ahfb-builder-areas.has-center-items .ahfb-builder-drop-right_center { + display: flex; +} + +.ahfb-icon-set-control.ahfb-two-forced .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + margin: 0; +} + +.ahfb-icon-set-control.ahfb-two-forced .ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-6-equal { + grid-template-columns: repeat( 6, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-5-equal { + grid-template-columns: repeat( 5, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-4-equal { + grid-template-columns: repeat( 4, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-4-lheavy { + grid-template-columns: 2fr 1fr 1fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-4-rheavy { + grid-template-columns: 1fr 1fr 1fr 2fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-equal { + grid-template-columns: repeat( 3, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-lheavy { + grid-template-columns: 2fr 1fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-rheavy { + grid-template-columns: 1fr 1fr 2fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-cheavy { + grid-template-columns: 1fr 2fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-cwide { + grid-template-columns: 1fr 3fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-2-equal { + grid-template-columns: repeat( 2, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-2-lheavy { + grid-template-columns: 2fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-2-rheavy { + grid-template-columns: 1fr 2fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-2-full { + grid-template-columns: 2fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-full { + grid-template-columns: 1fr; +} + +@media (max-width: 1700px) { + .ahfb-tiny-text .ahfb-radio-container-control .components-button.is-tertiary { + font-size: 7px; + } +} + +/** + * Adding new UI CSS for launching new HF Builder as requirement for test drive marketing. + */ +#accordion-panel-panel-header-builder-group h3 .ahfb-highlight, #accordion-panel-panel-footer-builder-group h3 .ahfb-highlight { + color: #fff; + background: linear-gradient(-90deg, rgba(73,44,221,1) 0%, rgba(173,56,226,1) 100%); + font-size: 0.7em; + font-weight: 600; + position: relative; + padding: 0.3em 0.6em 0.4em; + top: -2px; + right: 5px; + letter-spacing: 0.5px; + line-height: 1em; + text-transform: uppercase; + border-radius: 2px; +} + + +.ahfb-slide-up { + display: flex; + align-items: center; + position: absolute; + cursor: pointer; + transform: translateY(-100%); + opacity: 0; + visibility: hidden; + transition: color 0.15s ease, opacity 0.1s ease, visibility 0.1s ease; + top: 0; + right: -1px; + background-color: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-1); + border-radius: 4px 4px 0 0; + border-bottom: 0; +} + +.ahfb-slide-up span { + font-size: 14px; + line-height: 20px; + padding-right: 2px; +} + +.ahfb-builder-item:hover .ahfb-slide-up { + opacity: 1; + visibility: visible; + color: #444444; +} + +[data-tooltip] { + position: relative; +} + +[data-tooltip]:hover::before { + box-sizing: border-box; + position: absolute; + top: -11px; + right: -6px; + width: 4px; + height: 4px; + padding-top: 5px; + border: 6px solid transparent; + border-top-color: #1f1f1f; +} + +.ahfb-slide-up [data-tooltip]:hover::before { + right: -1px; +} + +[data-tooltip]::after { + content: attr(data-tooltip); + pointer-events: none; + display: inline-table; + position: absolute; + right: -20px; + font-size: 12px; + opacity: 0; + visibility: hidden; + line-height: 1; + background: #1f1f1f; + color: #fff; + border-radius: 3px; + font-family: system-ui; + padding: 5px 10px; + top: -30px; +} + +[data-tooltip]:hover::after { + opacity: 1; + visibility: visible; +} +.rtl #astra-reset.button { + margin-right: 45px; +} +.rtl .customize-control-ast-builder .components-popover[data-x-axis="right"] .components-popover__content { + left: unset; +} + +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-area-content .sortable-ghost[data-id="mobile-trigger"], +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-area-content .sortable-ghost[data-id^="menu-"], +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-area-content .sortable-ghost[data-id="mobile-trigger"], +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-area-content .sortable-ghost[data-id^="menu-"], +#customize-control-astra-settings-header-desktop-items .ahfb-builder-row-items .sortable-ghost[data-id="mobile-menu"], +#customize-control-astra-settings-header-mobile-items .ahfb-builder-row-items .sortable-ghost[data-id="mobile-menu"] { + background: #fff; +} +/* Box Shadow Control Style */ +.customize-control-ast-box-shadow .ast-link-box-shadow-inset-wrapper { + margin: 10px 0; +} + +.customize-control-ast-box-shadow .customize-control-title { + display: inline-block; +} + +.customize-control-ast-box-shadow .ast-box-shadow-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-box-shadow .ast-box-shadow-input-item { + margin-bottom: 0; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns { + display: block; + text-align: center; + line-height: 2; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px 0 0 3px; +} + +.ast-box-shadow-wrapper .ast-box-shadow-input-item:last-child .ast-box-shadow-input { + border-radius: 3px 0px 0px 3px; +} +.ast-box-shadow-wrapper .ast-box-shadow-input-item:not(:last-child) .ast-box-shadow-input { + border-radius: 0px; +} +.ast-box-shadow-wrapper .ast-box-shadow-input-item:first-child .ast-box-shadow-input { + border-radius: 0px 3px 3px 0px; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns > li.active { + display: inline-block; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns button[type="button"] > i { + font-size: 15px; + margin-top: 1px; + vertical-align: middle; +} + +.customize-control-ast-box-shadow .input-wrapper.ast-box-shadow-wrapper { + display: inline-flex; +} + +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper { + display: none; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper li input.ast-box-shadow-input { + text-align: center; + display: block; + font-size: 12px; + padding: 4px 0; + width: 100%; + height: 28px; + border: 1px solid #dddddd; + border-left-width: 0; + box-shadow: none; + padding-right: 11px; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper li:last-child input.ast-box-shadow-input { + border-left-width: 1px; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper.active { + display: flex; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper span.ast-box-shadow-title { + text-transform: uppercase; + font-size: 10px; + opacity: .75; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper .ast-box-shadow-input-item-link span { + width: 35px; + height: 26px; + line-height: 26px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 0 3px 3px 0; + border-left-width: 0; +} +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper { + margin-top: 15px; +} +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper .components-flex__item, +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper .components-select-control { + display: inline-block; +} +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper .components-select-control__input, +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper .components-input-control__container { + display: inline-flex; + flex-direction: column; + width: 60%; + float: left; +} +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper Select.components-select-control__input, +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper Select.components-input-control__container { + line-height: inherit; +} +.ast-box-shadow-inset-wrapper .components-base-control__label, +.ast-box-shadow-inset-wrapper .components-input-control__label { + font-weight: 600; +} + +.ahfb-builder-item-icon .dashicons-admin-settings, .ahfb-builder-item-icon .dashicons-admin-generic{ + width: 14px; + height: 14px; + font-size: 14px; + line-height: 14px; + color: #777777; +} + +.ahfb-builder-item > .ahfb-builder-item-icon.ahfb-setting-icon { + margin-left: -12px; +} + +/** + * Added CSS for hiding section from WP-Customizer panel. + */ +li#accordion-section-ast-single-post, li#accordion-section-ast-single-product, +li#accordion-section-ast-archive-post, li#accordion-section-ast-archive-product { + display: none !important; +} + + +#customize-control-astra-settings-shop-skin-section-link .ahfb-builder-item-start, +#customize-control-astra-settings-footer-create-menu-link .ahfb-builder-item-start, +#customize-control-astra-settings-header-mobile-menu-create-menu-link .ahfb-builder-item-start { + margin-bottom: 0; +} + +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item .ahfb-sorter-item-panel-header .dashicons, +.ahfb-sorter-drop-language_selector_group .ahfb-sorter-item .ahfb-sorter-item-panel-header .dashicons { + width: 16px; + height: 16px; + font-size: 16px; +} + +.ahfb-sorter-item-remove, .ahfb-sorter-item-visibility { + margin-right: -12px; +} +/** Site icon control specific CSS as divider attr can't accessible to core control. */ +li#customize-control-site_icon { + margin-bottom: 16px; +} +/* + * Hide customizer scrollbar during navigation. + */ + #customize-controls .wp-full-overlay-sidebar-content:has(.busy) { + overflow-y: hidden; +} + + + +.ahfb-popover-builder-list .hfb-widgets { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding: 10px; + margin-right: -4px; + margin-left: -4px; +} + +.components-button-group .builder-add-btn { + position: relative; +} + +.components-button-group .pro-feature .pro-icon { + position: absolute; + top: 2px; + left: 13px; + width: 10px; + height: 12px; + opacity: 1; +} + +/* For WebKit browsers (Chrome, Safari, Edge) */ +.components-button-group.ahfb-radio-container-control::-webkit-scrollbar { + width: 6px; + background-color: transparent; +} + +.components-button-group.ahfb-radio-container-control::-webkit-scrollbar-thumb { + background-color: #1615151a; +} + +/* For Firefox */ +.components-button-group.ahfb-radio-container-control { + scrollbar-width: thin; + scrollbar-color: #1212121A transparent; +} + +/* For IE/Edge legacy */ +.components-button-group.ahfb-radio-container-control { + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.ahfb-popover-builder-list .hfb-widgets .elements-title { + font-family: "Inter", sans-serif; + font-weight: 500; + font-size: 10px; + text-align: center; + color: #64748B; +} + +.ahfb-popover-builder-list .hfb-widgets .elements-utm { + color: #0084C7; + text-decoration: none; +} + +.react-tooltip-arrow { + top: 10px !important; +} + +.custom-tooltip { + opacity: 1 !important; +} + +.pro-feature .add-btn-icon .dashicon { + opacity: 0.2; +} + +.components-popover__content { + padding: 4px; + gap: 4px; + border-radius: 8px; +} + +.tooltip-button{ + color: #7DD3FC; +} + +.custom-tooltip::before { + content: ''; + position: absolute; + top: 0; + right: -8px; + width: 8px; + height: 100%; + pointer-events: auto; + } + + .ahfb-popover-builder-list .bottom-shadow { + box-shadow: rgba(18, 18, 0, 0.2) 0px 18px 22px -10px; + position: relative; + z-index:9999; + margin-left: -4px; + margin-right: -4px; +} + + +/* 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; +} diff --git a/assets/css/ast-builder-customizer.css b/assets/css/ast-builder-customizer.css new file mode 100644 index 00000000..66ed3d3e --- /dev/null +++ b/assets/css/ast-builder-customizer.css @@ -0,0 +1,2370 @@ +.ahfb-builder-is-active .preview-desktop #customize-preview, .ahfb-builder-is-active .preview-tablet #customize-preview { + height: auto; +} + +.ahfb-grid-disabled { + pointer-events: none; + opacity: 0.4; +} + +.ahfb-dragging-dropzones .ahfb-builder-add-item { + display: none; +} + +.customize-control-ast-builder-header-control .ahfb-builder-tab-toggle, .customize-control-ast-builder-header-control .ahfb-builder-section-shortcut { + font-size: 13px; + font-weight: 600; + z-index: 10; + color: #555D65; + background: #eeeeee; + vertical-align: top; + border: none; + padding: 8px 12px; + border-radius: 0; +} + +#customize-control-astra-settings-builder-header, #customize-control-astra-settings-builder-footer { + background: #eee; + backface-visibility: hidden; + z-index: 10; + height: 45px; + border-top: 1px solid #ddd; +} + +.ahfb-builder-hide #customize-control-astra-settings-builder-header, .ahfb-builder-hide #customize-control-astra-settings-builder-footer { + transform: translateY(-628%); + overflow: visible; +} + +#customize-control-astra-settings-builder-header .ast-customize-control-description, #customize-control-astra-settings-builder-footer .ast-customize-control-description { + margin: 0px; + text-align: right; +} + +.button.ahfb-builder-hide-button.ahfb-builder-tab-toggle { + width: auto; + padding-right: 20px; + text-align: center; +} + +.customize-control-ast-builder-header-control .ahfb-builder-tab-toggle:hover, .customize-control-ast-builder-header-control .ahfb-builder-section-shortcut:hover { + background: #eeeeee; + color: #0073aa; + border-color: #dddddd; + border-bottom: unset; +} + +.ahfb-header-builder-active.ahfb-builder-hide .ast-builder-show-action, .ahfb-footer-builder-active.ahfb-builder-hide .ast-builder-show-action { + display: block; +} + +.ahfb-header-builder-active .ast-builder-show-action, .ahfb-header-builder-active.ahfb-builder-hide .ast-builder-hide-action, .ahfb-footer-builder-active .ast-builder-show-action, .ahfb-footer-builder-active.ahfb-builder-hide .ast-builder-hide-action { + display: none; +} + +.customize-control-ast-builder-header-control .ahfb-builder-tab-toggle span.dashicons, .customize-control-ast-builder-header-control .ahfb-builder-section-shortcut span.dashicons { + font-size: 13px; + vertical-align: text-top; + line-height: 20px; + font-weight: bold; +} + +.customize-control-ast-builder-header-control .ahfb-builder-show-button.ahfb-builder-tab-toggle { + visibility: hidden; + margin-bottom: 20px; + opacity: 0; + bottom: 100%; + top: auto; +} + +#customize-control-astra-settings-builder-header, +#customize-control-astra-settings-builder-footer { + display: flex !important; + justify-content: space-between; +} + +#customize-control-astra-settings-builder-header .ast-customize-control-title, +#customize-control-astra-settings-builder-footer .ast-customize-control-title { + padding: 0 25px; + text-align: center; + color: #888; +} + +#customize-control-astra-settings-builder-header .ast-customize-control-title .dashicons, +#customize-control-astra-settings-builder-footer .ast-customize-control-title .dashicons { + margin-right: 10px; +} + +#customize-theme-controls #sub-accordion-section-section-header-builder .customize-control, #customize-theme-controls #sub-accordion-section-section-footer-builder .customize-control { + margin: 0; + padding: 0; +} + +#customize-theme-controls #sub-accordion-section-section-header-builder .customize-control .description { + padding: 0 20px; +} + +.ahfb-compontent-tabs { + display: -webkit-box; + display: flex; + margin-top: -15px; + margin-left: -24px; + margin-right: -24px; + padding: 0; + margin-bottom: 0; + border: 1px solid var(--ast-customizer-color-7); + background: var(--ast-customizer-color-9); + margin-bottom: 0; +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button { + -webkit-box-flex: 1; + flex: 1 1 0; + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: center; + justify-content: center; + font-size: 12px; + font-weight: 500; + letter-spacing: 2px; + font-style: normal; + text-transform: uppercase; + height: 40px; + margin: 0; + box-sizing: content-box; + padding: 0 10px; + cursor: pointer; + border: 0; + background: transparent; + border-bottom: 3px solid transparent; + border-radius: 0; + color: var(--ast-customizer-color-6); +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button:not(:first-child) { + margin-left: 0px; +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button:hover { + box-shadow: none !important; +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button:not(.nav-tab-active):hover { + background: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-8); +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button.nav-tab-active { + border-bottom-color: var(--ast-customizer-color-1); + color: var(--ast-customizer-color-8); +} + +.ahfb-compontent-tabs .ahfb-compontent-tabs-button.nav-tab-active:focus { + outline: 0; + box-shadow: none; +} + +/*Preview*/ + +.primary-menu-container .customize-partial-edit-shortcut, .secondary-menu-container .customize-partial-edit-shortcut, .footer-menu-container .customize-partial-edit-shortcut, span.customize-partial-edit-shortcut.customize-partial-edit-shortcut-header-desktop-items, .site-branding .site-title .customize-partial-edit-shortcut, .site-branding .site-description .customize-partial-edit-shortcut, .menu-toggle-open .customize-partial-edit-shortcut, .mobile-menu-container .customize-partial-edit-shortcut { + display: none; +} + +.site-header-focus-item { + outline: 2px solid transparent; + position: relative; + transition: all 0.3s; + box-shadow: 0 2px 1px rgba(46, 68, 83, 0); +} + +.site-header-focus-item .customize-partial-edit-shortcut { + opacity: 0; + left: 0; + transition: all 0.3s; +} + +.site-header-focus-item .customize-partial-edit-shortcut button { + border-radius: 0; + border: 0; + box-shadow: none; +} + +.site-header-focus-item:hover { + outline: 2px solid #0085ba !important; + box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15); +} + +.site-header-focus-item:hover > * > .customize-partial-edit-shortcut { + opacity: 1; +} + +.site-footer-focus-item { + outline: 2px solid transparent; + position: relative; + transition: all 0.3s; + box-shadow: 0 2px 1px rgba(46, 68, 83, 0); +} + +.site-footer-focus-item .customize-partial-edit-shortcut { + opacity: 0; + left: 0; + transition: all 0.3s; +} + +.site-footer-focus-item .customize-partial-edit-shortcut button { + border-radius: 0; + border: 0; + box-shadow: none; +} + +.site-footer-focus-item:hover { + outline: 2px solid #0085ba !important; + box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15); +} + +.site-footer-focus-item:hover > * > .customize-partial-edit-shortcut, .site-footer-focus-item:hover > * > *:first-child > .customize-partial-edit-shortcut { + opacity: 1; +} + +.customize-partial-edit-shortcut button { + left: 0; +} + +.ast-builder-grid-row-layout-contained > .customize-partial-edit-shortcut button { + left: calc(-30px + -1.5rem); +} + +/*------------------------------------------------------------------------------------------------------------------*/ + +#customize-control-astra-settings-header-sticky-link + #customize-control-astra-settings-header-transparant-link, +#customize-control-astra-settings-header-transparant-link + #customize-control-astra-settings-header-sticky-link { + margin-top: 0; +} + +/*controls.css*/ +.customize-control-astra_builder_control { + border: 0 !important; +} + +.ahfb-builder-items { + padding: 25px; +} + +.ahfb-builder-sortable-panel { + min-height: 46px; + display: flex; + flex: 1; + padding: 0 10px; + align-items: center; + background-color: #ffffff; +} + +.active-builder-row .ahfb-builder-sortable-panel, .ahfb-builder-group-horizontal:hover .ahfb-builder-sortable-panel { + background-color: #ffffff; +} + +.ahfb-builder-item { + line-height: 32px; + font-size: 12px; + display: inline-flex; + align-items: center; + justify-content: space-between; + height: auto; + min-width: 90px; + background: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-5); + position: relative; + white-space: nowrap; + cursor: grab; + margin: 0 4px; + padding: 0 14px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 4px; + transition: all 0.2s; +} + +.ahfb-builder-item.item-has-controls:hover { + border-top-left-radius: 0; +} + +.ahfb-builder-item:hover, .ahfb-builder-item.active-builder-item { + background: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-4); + border: 1px solid var(--ast-customizer-color-1); +} + +.ahfb-builder-area .ahfb-builder-drop:nth-last-child(2) .ahfb-builder-item:last-child { + margin-right: 0; +} + +.ahfb-builder-area .ahfb-builder-drop:first-child .ahfb-builder-item:first-child { + margin-left: 0; +} + +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-row-actions, +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-row-actions { + position: inherit; + height: 30px; + width: 100%; + border-bottom: none; + border-radius: 2px 2px 0 0; +} + +.customize-control-ast-builder .popup-vertical-group .ahfb-builder-item { + margin: 4px; +} + +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-item:first-child, +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-item:first-child { + margin-top: 8px; +} +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-item:last-child, +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-item:last-child { + margin-bottom: 8px; +} +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-item, +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-item { + margin: 4px; +} + +.ahfb-builder-item > .ahfb-builder-item-icon { + display: flex; + align-items: center; + justify-content: center; + right: 0; + cursor: pointer; + margin-right: -10px; + width: 28px; + height: 28px; + color: #718096; + background: transparent; + border: 0; + padding: 0; + margin-left: 8px; +} + +.ahfb-builder-item-icon svg { + width: 16px; + height: 16px; +} + +.ahfb-builder-item-icon .dashicons-no-alt { + width: 17px; + height: 17px; + line-height: 16px; + align-self: center; + color: #777777; +} + +.active-builder-item .ahfb-builder-item-icon .dashicons-no-alt, .ahfb-builder-item-icon:hover .dashicons-no-alt, .ahfb-builder-item:hover .ahfb-builder-item-icon .dashicons-no-alt, .ahfb-builder-item:hover .ahfb-builder-item-icon .dashicons-admin-settings,.ahfb-builder-item:hover .ahfb-builder-item-icon .dashicons-admin-generic { + color: #111111; +} + +.ahfb-builder-item.sortable-ghost { + opacity: 0.4; + box-shadow: none; + opacity: 0.6; + font-size: 0; + background: #e8e8e8; +} + +.ahfb-builder-item.sortable-ghost .ahfb-builder-item-icon { + display: none; +} + +.ahfb-builder-item.sortable-drag { + z-index: 999999 !important; +} + +.ahfb-builder-item.sortable-drag .ahfb-builder-item-icon:not(.ahfb-move-icon) { + display: none; +} + +.ahfb-builder-item-start { + margin-bottom: 16px; + min-height: 34px; + display: flex; +} + +.ahfb-builder-item-start .ahfb-builder-item { + flex: 1; + display: flex; + width: 100%; + box-sizing: border-box; +} + +.ahfb-builder-item-start .ahfb-builder-item.sortable-drag { + width: auto; +} + +#accordion-section-section-header-builder, #accordion-section-section-footer-builder { + display: none !important; +} + +.ahfb-build-tabs { + border-top: 1px solid #dddddd; + padding-top: 0; + border-bottom: 0; +} + +.ahfb-build-tabs .nav-tab { + font-size: 13px; + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; + font-style: normal; + height: 37px; + transition: 0.5s; + margin: 0; + border-top: unset; + border-left: unset; + background: transparent; + border-bottom: 4px solid transparent; + border-right: 1px solid #dddddd; + padding: 4px 20px 0; + cursor: pointer; + box-sizing: content-box; +} + +.ahfb-build-tabs-button span { + padding-bottom: 4px; +} + +.ahfb-build-tabs .nav-tab .dashicons.dashicons-desktop { + font-size: 14px; + height: auto; +} + +.ahfb-build-tabs .nav-tab:hover { + box-shadow: none !important; +} + +.ahfb-build-tabs .nav-tab.nav-tab-active { + color: #191e23; + box-shadow: none; + border-bottom: 4px solid #191e23; +} + +.ahfb-build-tabs .nav-tab:hover, .ahfb-build-tabs .nav-tab:focus { + background: #ffffff; + color: #0073aa; +} + +.ahfb-build-tabs-button.nav-tab-active:hover { + border-bottom-color: #0073aa; +} + +#customize-theme-controls #sub-accordion-section-section-header-builder, #customize-theme-controls #sub-accordion-section-section-footer-builder { + position: fixed !important; + top: auto; + left: 300px; + right: 0; + background: unset; + border-top: unset; + bottom: 0; + visibility: visible; + height: auto; + width: auto; + padding: 0; + max-height: 60%; + overflow: auto; + transition: all 0.2s; + transform: translateY(100%); + backface-visibility: hidden; +} +@media (min-width: 1660px) { + #customize-theme-controls #sub-accordion-section-section-header-builder, #customize-theme-controls #sub-accordion-section-section-footer-builder { + left: 18%; + } +} + +.ahfb-header-builder-is-active #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active, +.ahfb-footer-builder-is-active #customize-theme-controls #sub-accordion-section-section-footer-builder.ahfb-footer-builder-active { + transform: translateY(0%); + visibility: visible; + overflow: hidden; +} + +.ahfb-header-builder-active > li.customize-section-description-container, .ahfb-footer-builder-active > li.customize-section-description-container { + display: none !important; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal { + display: flex; + height: 52px; + margin-bottom: 0; + background: #eeeeee; + border: 1px dashed var(--ast-customizer-color-7); + border-left: none; + border-radius: 0 4px 4px 0; + transition: all 0.15s; + transform: translate(0, -2px); +} + +.ahfb-builder-area .ahfb-builder-drop-left, .ahfb-builder-area .ahfb-builder-drop-left + .ahfb-builder-add-item .ahfb-builder-item-add-icon { + border-radius: 0 2px 2px 0; +} + +.ahfb-builder-area .ahfb-builder-drop-right, .ahfb-builder-area .ahfb-builder-drop-right + .ahfb-builder-add-item .ahfb-builder-item-add-icon { + border-radius: 0 4px 4px 0; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal:hover, .active-builder-row .ahfb-builder-group-horizontal, .ahfb-builder-areas:hover .ahfb-row-actions { + border: 1px solid #dddddd; + border-left: none; + box-shadow: 5px 3px 10px rgb(0 39 36 / 7%); +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-group-horizontal:hover, +.active-builder-row.popup-vertical-group .ahfb-builder-group-horizontal { + box-shadow: -3px 3px 10px rgb(0 39 36 / 7%); +} + +.ahfb-builder-areas:hover .ahfb-row-actions, .active-builder-row .ahfb-row-actions:hover { + border: 1px solid #ddd; + box-shadow: -3px 3px 10px rgb(0 39 36 / 7%); +} + +.ahfb-builder-group-horizontal:hover .components-button.ahfb-row-actions { + color: #007cba; +} + +.ahfb-builder-row-items .ahfb-builder-areas:nth-child(2) .ahfb-builder-group-horizontal { + margin-top: 15px; + margin-bottom: 15px; +} + +.ahfb-builder-row-items .ahfb-builder-areas:nth-child(3) .ahfb-builder-group-horizontal { + margin-top: 9px; +} + +.customize-control-ast-builder .ahfb-builder-items { + padding-left: 30px; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area { + display: flex; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-left, .ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-right { + flex: 1 1 0%; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-right .ahfb-builder-drop-right, .ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-left_center { + justify-content: flex-end; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-left_center, .ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-right_center { + width: 0px; + flex: 0; + overflow: hidden; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-center { + min-width: 134px; + border-left: 1px dashed var(--ast-customizer-color-7); + border-right: 1px dashed var(--ast-customizer-color-7); +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-center.ahfb-dragging-dropzones, .ahfb-builder-areas.has-center-items .ahfb-builder-area-center { + min-width: 120px; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-area-center .ahfb-builder-sortable-panel { + justify-content: center; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-drop-left_center, .ahfb-builder-areas.has-center-items .ahfb-builder-drop-right_center { + width: auto; + flex: 1; + overflow: visible; +} + +.ahfb-builder-areas.has-center-items .ahfb-dragging-dropzones .ahfb-builder-drop-left_center { + min-width: 100px; +} + +.ahfb-builder-areas.has-center-items .ahfb-dragging-dropzones .ahfb-builder-drop-right_center { + min-width: 100px; +} + +.ahfb-builder-areas.popup-vertical-group { + width: 200px; + padding-right: 20px; + padding-left: 0; +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-group { + height: auto; + min-height: 160px; + margin-bottom: 0; +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-area { + flex: auto; + flex-direction: column; +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-area .ahfb-builder-sortable-panel { + min-height: 160px; + align-items: center; + flex-direction: column; + flex-wrap: wrap; + padding: 0; +} + +.ahfb-builder-areas.popup-vertical-group .ahfb-builder-area .ahfb-builder-sortable-panel .ahfb-builder-item { + width: 90%; + margin-top: 4px; + margin-bottom: 4px; + box-sizing: border-box; +} + +.ahfb-builder-mode-footer .ahfb-builder-group.ahfb-builder-group-horizontal { + display: grid; +} + +.ahfb-builder-mode-footer .ahfb-builder-area:not(:first-child) { + border-left: 1px solid #e5e5e5; +} + +.ahfb-builder-mode-footer .ahfb-builder-area:first-child { + border-left: 0; +} + +.ahfb-builder-item-start button.ahfb-builder-item { + border: 1px dashed var(--ast-customizer-color-7); + background: var(--ast-customizer-color-11); + cursor: pointer; + box-shadow: none !important; + line-height: 42px; + font-size: 14px; +} + +.ahfb-builder-item:hover .dashicons, .ahfb-builder-item.active-builder-item .dashicons { + color: var(--ast-customizer-color-4); +} + +.ast-builder-elements-section .ast-builder-elements-notice { + border: 1px dashed #b4b9be; + background: transparent; + padding: 10px; + font-size: 12px; + display: inline-flex; + align-items: center; + justify-content: space-between; +} + +.ahfb-footer-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-footer-builder-layout, .ahfb-header-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-header-builder-layout { + transform: none; + height: 100%; + visibility: visible; + overflow: visible; + top: 75px; +} + +.ahfb-footer-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-footer-builder-layout .customize-section-description-container.section-meta, .ahfb-header-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-header-builder-layout .customize-section-description-container.section-meta, .ahfb-footer-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-section-section-footer-builder-layout .customize-section-description-container, .ahfb-header-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-section-header-builder-layout .customize-section-description-container, .ahfb-footer-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-panel-panel-footer-builder-group .accordion-section.control-section, .ahfb-header-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-panel-panel-header-builder-group .accordion-section.control-section { + display: none !important; +} + +.ahfb-footer-builder-is-active .preview-desktop #customize-preview, .ahfb-footer-builder-is-active .preview-tablet #customize-preview, .ahfb-header-builder-is-active .preview-desktop #customize-preview, .ahfb-header-builder-is-active .preview-tablet #customize-preview { + height: auto; + margin-bottom: -1px; + bottom: 46px; +} + +.customize-control-ast-builder .ahfb-builder-items { + display: flex; +} + +.customize-control-ast-builder .ahfb-builder-row-items { + flex: 1; + z-index: 9; +} + +.ahfb-builder-areas .components-button.ahfb-row-actions { + background: var(--ast-customizer-color-13); + color: var(--ast-customizer-color-6); + text-transform: uppercase; + font-size: 8px; + font-weight: 500; + text-align: center; + position: absolute; + top: -2px; + left: 0; + width: 30px; + transition: all 0.2s; + border-radius: 4px 0 0 4px; + border: 1px dashed var(--ast-customizer-color-7); + height: 100%; + padding: 0; + overflow: visible; +} + +.ahfb-builder-areas.ahfb-builder-mode-header.popup-vertical-group .ahfb-row-actions { + height: 50px; + align-self: center; +} + +.customize-control-ast-builder .popup-vertical-group .ahfb-row-actions { + font-size: 10px; +} + +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-row-actions .dashicon, +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-row-actions .dashicon { + margin-left: 10px; + margin-right: 5px; +} + +.ahfb-builder-mode-header[data-row="above"] .ahfb-row-actions, .ahfb-builder-mode-header[data-row="below"] .ahfb-row-actions, +.ahfb-builder-mode-footer[data-row="above"] .ahfb-row-actions, .ahfb-builder-mode-footer[data-row="primary"] .ahfb-row-actions { + cursor: default; +} + +.active-builder-row .components-button.ahfb-row-actions { + background: #007cba; + border-color: #007cba; + color: white; + box-shadow: -9px 3px 10px rgb(0 39 36 / 7%); +} + +.active-builder-row .ahfb-builder-group.ahfb-builder-group-horizontal .ahfb-row-actions { + color: #ffffff; +} + +.ahfb-builder-areas .components-button.ahfb-row-actions .dashicon { + font-size: 13px; + line-height: 20px; + transition: 0s; + margin: 0 auto; +} + +.ahfb-row-actions svg { + width: 12px; + height: 12px; + margin: 0 auto; +} + +.ahfb-builder-areas .components-button.ahfb-row-actions:hover, .ahfb-builder-areas .components-button.ahfb-row-actions:focus { + background: var(--ast-customizer-color-1) !important; + color: white !important; + border-color: var(--ast-customizer-color-1); +} + +.ahfb-builder-areas .components-button.ahfb-row-actions:hover { + background: white; + color: var(--ast-customizer-color-1); + border: 1px solid var(--ast-customizer-color-1); + border-right: 1px dashed var(--ast-customizer-color-7); +} + +.ahfb-builder-areas:hover .components-button.ahfb-row-actions { + background: white; +} +.ahfb-builder-areas.active-builder-row:hover .components-button.ahfb-row-actions { + color: var(--ast-customizer-color-6); +} + +.ahfb-builder-areas .components-button.ahfb-row-actions:hover ~ .ahfb-builder-group-horizontal { + border: 1px solid var(--ast-customizer-color-1); + border-left: none; + box-shadow: 5px 3px 10px rgb(0 39 36 / 7%); + background-color: white; +} + +.ahfb-builder-areas .components-button.ahfb-row-actions:hover ~ .ahfb-builder-group-horizontal .ahfb-builder-item-add-icon { + background-color: white; +} + + +.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + box-shadow: none; +} + +.ahfb-builder-item-add-icon.dashicons-plus-alt2:before { + content: "\f543"; + display: inline-block; + opacity: 0; + transition: 0.2s; + -webkit-font-smoothing: antialiased; + font: normal 20px/1 'dashicons'; + font-size: 16px; +} + +.ahfb-builder-item-add-icon:hover:before { + opacity: 1; + color: #777777; +} + +.ahfb-builder-areas { + position: relative; + padding-left: 30px; + z-index: 10; +} + +.ahfb-builder-group.ahfb-builder-group-horizontal[data-setting="bottom"] { + margin-bottom: 0 +} + +.footer-row-columns-2.footer-row-layout-left-golden .ahfb-builder-area-1 { + flex: 0 1 66.67%; +} + +.footer-row-columns-2.footer-row-layout-left-golden .ahfb-builder-area-2 { + flex: 0 1 33.33%; +} + +.footer-row-columns-2.footer-row-layout-right-golden .ahfb-builder-area-1 { + flex: 0 1 33.33%; +} + +.footer-row-columns-2.footer-row-layout-right-golden .ahfb-builder-area-2 { + flex: 0 1 66.67%; +} + +.footer-row-columns-3.footer-row-layout-left-half .ahfb-builder-area, .footer-row-columns-3.footer-row-layout-right-half .ahfb-builder-area, .footer-row-columns-3.footer-row-layout-center-half .ahfb-builder-area { + flex: 0 1 25%; +} + +.footer-row-columns-3.footer-row-layout-left-half .ahfb-builder-area-1, .footer-row-columns-3.footer-row-layout-right-half .ahfb-builder-area-3,.footer-row-columns-3.footer-row-layout-center-half .ahfb-builder-area-2 { + flex: 0 1 50%; +} + +.footer-row-columns-3.footer-row-layout-center-wide .ahfb-builder-area { + flex: 0 1 20%; +} + +.footer-row-columns-3.footer-row-layout-center-wide .ahfb-builder-area-2 { + flex: 0 1 60%; +} + +.footer-row-columns-3.footer-row-layout-center-exwide .ahfb-builder-area { + flex: 0 1 15%; +} + +.footer-row-columns-3.footer-row-layout-center-exwide .ahfb-builder-area-2 { + flex: 0 1 70%; +} + +.footer-row-columns-4.footer-row-layout-left-forty .ahfb-builder-area, .footer-row-columns-4.footer-row-layout-right-forty .ahfb-builder-area { + flex: 1; +} + +.footer-row-columns-4.footer-row-layout-left-forty .ahfb-builder-area-1, .footer-row-columns-4.footer-row-layout-right-forty .ahfb-builder-area-4 { + flex: 2; +} + +.ahfb-builder-areas.footer-row-direction-column .ahfb-builder-group-horizontal .ahfb-builder-area .ahfb-builder-drop { + flex-direction: column; + align-items: normal; +} + +.ahfb-builder-areas.footer-row-direction-column .ahfb-builder-group-horizontal .ahfb-builder-area .ahfb-builder-drop .ahfb-builder-item { + margin: 4px; +} + +.ahfb-builder-item-start button.ahfb-builder-item:hover { + background: var(--ast-customizer-color-9); + border-style: solid; +} + +.ahfb-builder-item > .ahfb-builder-item-icon.ahfb-move-icon { + margin-left: -10px; + transform: rotate(90deg); + margin-right: 0; + cursor: grab; + width: 18px; + opacity: 0.7; +} + +.ahfb-builder-item-text { + flex-grow: 1; +} + +.ahfb-builder-item-start.ahfb-move-item .ahfb-builder-item { + justify-content: flex-start; +} + +.ahfb-availbile-items-title { + padding: 10px 0; +} + +.ahfb-builder-item > .ahfb-builder-item-icon.ahfb-builder-item-focus-icon svg { + width: 14px; +} + +.ahfb-builder-area .ahfb-builder-add-item { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.ahfb-popover-builder-list .ahfb-all-coponents-used { + width: inherit; + text-align: center; + font-weight: 400; +} + +.ahfb-builder-area { + position: relative; +} + +.ahfb-builder-area .ahfb-builder-item { + z-index: 10; +} + +.ahfb-builder-mode-footer .ahfb-builder-drop { + justify-content: center; +} + +.ahfb-builder-area .ahfb-builder-item-add-icon { + display: block; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + border-radius: 0; + background: var(--ast-customizer-color-13); + border: 0; + height: auto; + width: auto; + padding: 0; + min-width: 100%; + z-index: 1; + transition: all .2s ease-in-out; + color: #808285; +} + +.ahfb-builder-area .ahfb-builder-item-add-icon:hover, .ahfb-builder-area .ahfb-builder-item-add-icon:focus { + color: #191e23; + background: #ffffff; + box-shadow: unset; + outline: none; +} + +.ahfb-builder-group:hover .ahfb-builder-item-add-icon, .ahfb-builder-group:focus .ahfb-builder-item-add-icon, .active-builder-row .ahfb-builder-area .ahfb-builder-item-add-icon { + background: #ffffff; +} + +.active-builder-section.ahfb-builder-section-shortcut { + color: #0073aa; +} + +.ast-customize-control-title span.dashicons.dashicons-external { + margin-left: 10px; +} + +.ahfb-header-builder-is-active #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active.ahfb-builder-hide, +.ahfb-header-builder-is-active .preview-only.collapsed #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active.ahfb-builder-hide, .ahfb-footer-builder-is-active .in-sub-panel #customize-theme-controls #sub-accordion-section-section-footer-builder.ahfb-footer-builder-active.ahfb-builder-hide { + transform: translateY(100%); + overflow: visible; +} + +li#customize-control-astra-settings-header-desktop-items, li#customize-control-astra-settings-header-mobile-items, li#customize-control-astra-settings-footer-desktop-items { + transition: all 0.3s; + background: #eeeeee; + border-top: 1px solid #dddddd; +} + +.components-popover__content .ahfb-popover-builder-list .ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-gap: 4px; + width: 420px; + max-height: 340px; + overflow: auto; +} + +.components-popover__content { + box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 0px -2px, rgba(50, 50, 93, 0.25) 0px 3px 7px -3px; +} + +.ahfb-popover-builder-list .ahfb-radio-container-control .components-button.is-tertiary { + font-size: 12px; + margin: 0; + display: grid; + text-transform: capitalize; + border: 1px solid transparent; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-add-item.center-on-right { + right: 50%; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-add-item.center-on-left { + left: 50%; +} + +.ahfb-builder-area .ahfb-builder-add-item.left-center-on-left, .ahfb-builder-area .ahfb-builder-add-item.right-center-on-right { + display: none; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-add-item.left-center-on-left { + display: block; + right: 50%; +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-add-item.right-center-on-right { + display: block; + left: 50%; +} + +.ahfb-builder-area-right .left-center-on-left, .ahfb-builder-area-left .right-center-on-right, .ahfb-builder-area-center .ahfb-builder-add-item, .ahfb-builder-area-right .ahfb-builder-add-item { + border-left: unset; +} + +.preview-only.collapsed #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active, .preview-only.collapsed #customize-theme-controls #sub-accordion-section-section-footer-builder.ahfb-footer-builder-active { + transform: translateY(0%); + left: 0; +} + +.preview-only.collapsed #customize-theme-controls #sub-accordion-section-section-header-builder.ahfb-header-builder-active .ahfb-build-tabs { + padding-left: 40px; +} + +.ahfb-range-control .ahfb-responsive-controls-content { + display: flex; +} + +.ahfb-range-control .components-button { + height: 28px; +} + +.ahfb-control-field.radio-btn-width-50 .ahfb-radio-container-control { + flex-wrap: wrap; +} + +.ahfb-control-field.radio-btn-width-50 .ahfb-radio-container-control .components-button.is-tertiary { + min-width: 45%; + margin: 4px; +} + +.ahfb-responsive-control-bar { + display: flex; + position: relative; + margin-bottom: 10px; +} + +.ahfb-responsive-control-bar .floating-controls { + padding-left: 5px; +} + +.ahfb-responsive-control-bar .floating-controls .components-button.is-tertiary:not(.active-device) { + color: #A0AEC0; +} + +.ahfb-responsive-control-bar .floating-controls .components-button.is-tertiary:not(.active-device):hover, .ahfb-responsive-control-bar .floating-controls .components-button.is-tertiary:hover:not(:disabled) { + color: #718096; + box-shadow: none; +} + +.ahfb-responsive-control-bar .floating-controls .components-button.active-device.is-tertiary:not(.active-device):hover { + box-shadow: none; +} + +.ahfb-responsive-control-bar .floating-controls .components-button { + height: 18px; + padding-top: 0; + padding-bottom: 0; + box-shadow: none; +} + +.ahfb-responsive-control-bar .floating-controls .components-button svg { + height: 13px; + width: 16px; + fill: none; +} + +.ahfb-responsive-control-bar .floating-controls .components-button:focus:not(:disabled) { + color: #007cba; + box-shadow: none +} + +.ahfb-responsive-control-bar .floating-controls .components-button-group { + display: flex; + border: 0; +} + +.ahfb-sorter-drop-social_item_group .components-button-group { + border: 1px solid #dddddd; +} + +.ahfb-control-field { + position: relative; +} + +.ahfb-control-field .customize-control-title { + font-size: 14px; + font-weight: 600; + margin-bottom: 0; + display: flex; + align-items: center; + letter-spacing: 0.1px; + line-height: 18px; +} + +.ahfb-sorter-drop-social_item_group .ahfb-radio-container-control { + display: block; + padding: 10px; + background: #f9f9f9; + background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd); + background-size: 16px 16px; + background-position: 0 0, 8px 8px; + background-color: #f6f6f6; + border: 0; +} +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-content .components-base-control { + margin-bottom: 15px; +} +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-content .components-base-control .components-base-control__label { + margin-bottom: 4px; +} + +.ahfb-radio-container-control .components-button.is-tertiary { + align-items: stretch; + font-size: 13px; + font-weight: 400; + font-style: normal; + text-transform: uppercase; + height: auto; + line-height: normal; + margin: 0; + padding: 13px 20px; + border-radius: 4px; + background: transparent; + color: #32373c; + white-space: normal; + box-shadow: none; +} + +.components-button.builder-add-btn svg { + min-width: 20px; + min-height: 20px; + max-width: 20px; + max-height: 24px; +} + +.components-button.builder-add-btn .add-btn-icon { + padding-bottom: 7px; +} + +.ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover, .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):active { + color: #191e23; + box-shadow: 0px 8px 48px -8px #00000029; + border-color: #E5E7EB; + background: transparent; + border-radius: 6px; +} + +.ahfb-radio-container-control .components-button.pro-feature.is-tertiary:not(:disabled):not([aria-disabled=true]):hover, .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):active { + color: #191e23; + box-shadow: none; + border: 1px solid #E5E7EB; + background: transparent; + border-radius: 6px; +} + +.ahfb-radio-container-control .components-button.is-tertiary.active-radio { + background: #007cba; + color: #ffffff; +} + +.ahfb-radio-container-control .components-button.is-tertiary.active-radio:not(:disabled):not([aria-disabled=true]):hover { + color: #32373c; + border-color: #007cba; +} + +.ahfb-social-type .ahfb-radio-container-control button:not(:first-child) { + margin-left: 15px; +} + +.ahfb-radio-container-control .components-button.is-tertiary .ahfb-icon-set { + display: flex; +} + +.ahfb-radio-container-control.ahfb-icon-set-container-control { + margin-top: 10px; +} + +.ahfb-radio-container-control.ahfb-icon-set-container-control .components-button.is-tertiary { + padding: 5px; + height: 50px; +} + +.ahfb-radio-container-control.ahfb-icon-set-container-control .components-button.is-tertiary svg { + width: 100%; + height: auto; + max-height: 100%; +} + +.ahfb-control-field.ahfb-color-control { + display: flex; +} + +.ahfb-control-field.ahfb-color-control .customize-control-title { + flex-grow: 2; +} + +.components-popover.ahfb-popover-color .components-popover__content { + padding: 15px 15px 0px; + box-sizing: initial; + background: #ffffff; + border-radius: 4px; + box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs { + display: flex; + border-bottom: 1px solid #dadada; + margin-top: -5px; + margin-bottom: 15px; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs .components-button { + display: flex; + flex: 1; + justify-content: center; + font-size: 11px; + font-weight: 600; + font-style: normal; + height: 36px; + text-transform: uppercase; + border: 0; + border-bottom: 4px solid transparent; + border-radius: 0; + margin-bottom: -1px; + opacity: 0.6; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs .components-button:focus { + outline: 0; + box-shadow: none; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs .components-button:hover { + box-shadow: none !important; + opacity: 1; + border-bottom: 4px solid #dadada; +} + +.ahfb-popover-tabs.ahfb-background-tabs .components-tab-panel__tabs .components-button.active-tab { + border-bottom-color: #007cba; + opacity: 1; +} + +.components-popover__content .ahfb-radio-container-control { + padding: 10px 5px; + background: white; +} + +.ahfb-control-field .ahfb-background-tabs .customize-control-title { + padding-top: 10px; + font-size: 12px; + display: block; +} + +.ahfb-control-field.ahfb-background-control .ahfb-responsive-control-bar .floating-controls { + display: flex; + align-items: center; + margin-left: 0px; +} + +.ahfb-control-field.ahfb-background-control .ahfb-responsive-control-bar .customize-control-title { + flex-grow: 1; +} + +.ahfb-control-field.ahfb-background-control .ahfb-responsive-controls-content { + display: flex; + justify-content: flex-end; +} + +.ahfb-control-field.ahfb-palette-control.ahfb-color-control { + display: block; +} + +.ahfb-palette-header { + display: flex; + align-items: center; +} + +.ahfb-palette-colors { + display: flex; + padding: 20px 0 0; + justify-content: space-between; +} + +.ahfb-palette-header .components-button-group .components-button.is-tertiary { + color: #A0AEC0; + border: 1px solid #A0AEC0; + height: 30px; + font-size: 12px; + padding: 0 4px; + box-shadow: none; +} + +@media (max-width: 1800px) { + .ahfb-palette-header .components-button-group .components-button.is-tertiary { + font-size: 10px; + padding: 0 2px; + } +} + +@media (max-width: 1400px) { + .ahfb-control-field .customize-control-title { + font-size: 13px; + } +} + +.ahfb-palette-header .components-button-group .components-button.is-tertiary.active-palette { + color: #ffffff; + border: 1px solid #007cba; + background: #007cba; +} + +.ahfb-border-control .ahfb-responsive-controls-content { + display: flex; + justify-content: flex-end; +} + +.ahfb-border-control .ahfb-responsive-controls-content input.components-text-control__input { + border: 1px solid #e2e4e7; + width: 60px; +} + +.ahfb-border-control .ahfb-responsive-controls-content .color-button-wrap { + display: inline-flex; +} + +.ahfb-select-units select.components-select-control__input { + width: 100%; + margin: 0 0 2px 0; + border: 1px solid #e2e4e7; +} + +.ahfb-control-field.ahfb-title-control { + background: #f9f9f9; + margin-bottom: -13px; + margin-top: -17px; + margin-left: -24px; + margin-right: -24px; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + padding: 12px 20px; +} + +.ahfb-control-field.ahfb-title-control .customize-control-title { + font-size: 16px; + font-weight: 700; + letter-spacing: .3px; +} + +.ahfb-locked .components-button.is-single { + border: 1px solid #e2e4e7; + background-color: #ffffff; + display: flex; + height: 30px; +} + +.ahfb-locked .components-button svg { + width: 16px; +} + +.ahfb-radio-container-control .components-button.is-tertiary svg { + width: 100%; + height: 100%; + max-height: 100%; +} + +/* .ahfb-row-layout-control .ahfb-responsive-controls-content .components-button svg, .ahfb-icon-set-control .ahfb-radio-container-control .components-button svg { + width: 75px; + height: 50px; +} */ + +#customize-control-astra-settings-header-trigger-icon .components-button.is-tertiary.active-radio svg, #customize-control-astra-settings-header-trigger-icon .components-button.is-tertiary svg, +#customize-control-astra-settings-header-trigger-icon svg { + width: 52px; + height: 50px; + margin-right: 10px; +} + +#customize-control-astra-settings-header-trigger-icon .components-button-group { + display: inline-flex; +} + +.ahfb-radio-container-control .components-button .ahfb-icon-set { + width: 100%; + height: 100%; +} + +#customize-control-page_layout .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +#customize-control-page_layout .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-width: 25%; + padding: 10px; + margin: 0; + min-height: 80px; +} + +#customize-control-page_title_layout .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-height: 90px; + padding: 10px; +} + +#customize-control-page_title_layout .ahfb-radio-container-control .components-button.is-tertiary:not(:first-child) { + margin-left: 10px; +} + +.ahfb-radio-dashicon { + max-width: 20px; +} + +.ahfb-sorter-item-panel-header { + display: flex; + width: 100%; + cursor: pointer; + align-items: center; + border-bottom: 1px solid #dddddd; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-title { + flex-grow: 2; + padding: 0 5px; + color: #334155; + font-size: 14px; +} + +.customize-control-ast-language-selector span.ahfb-sorter-title { + padding-left: 15px; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-visiblity { + border-radius: 0; + height: 41px; + border-right: 1px solid #A0AEC0; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-item-expand, .ahfb-sorter-item-panel-header .ahfb-sorter-item-remove { + border-radius: 0; + position: relative; + height: 38px; + border-left: 0; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-item-expand, .ahfb-sorter-item-panel-header .ahfb-sorter-item-remove { + color: #4B5563 !important; + background: none !important; + box-shadow: none !important; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-item-expand:focus, .ahfb-sorter-item-panel-header .ahfb-sorter-item-remove:focus { + box-shadow: none; + outline: none; +} + +.ahfb-sorter-item-panel-header .ahfb-sorter-item-expand svg, .ahfb-sorter-item-panel-header .ahfb-sorter-item-remove svg { + color: #556068; + width: 18px; + height: 18px; +} + +.ahfb-sorter-drop .ahfb-sorter-item { + line-height: 28px; + height: auto; + background: white; + position: relative; + border: 1px solid #D1D5DB; + white-space: nowrap; + position: relative; + margin: 0 0 10px; + padding: 0px; + border-radius: 4px; +} + +.ahfb-sorter-item-panel-content { + padding: 10px; +} + +.ahfb-sorter-drop, .ahfb-sorter-item-panel-content .components-base-control__field { + display: flex; + flex-direction: column; +} + +.ahfb-sorter-item-panel-content .components-button.ahfb-sorter-item-remove { + color: #b52727; +} + +.sortable-style-tabs .components-tab-panel__tabs { + display: flex; + border-bottom: 1px solid #dadada; + margin-bottom: 15px; +} + +.sortable-style-tabs .components-tab-panel__tabs .components-button { + display: flex; + -webkit-box-flex: 1; + flex: 1; + justify-content: center; + font-size: 11px; + font-weight: 600; + font-style: normal; + height: 36px; + text-transform: uppercase; + border: 0; + border-bottom: 2px solid transparent; + border-radius: 0; + margin-bottom: -1px; + opacity: 0.6; + box-shadow: none; +} + +.sortable-style-tabs .components-tab-panel__tabs .components-button.active-tab { + opacity: 1; + border-bottom-color: #0071a1; + color: #0073aa; + background-image: linear-gradient(180deg, #f3f5f6, #ffffff); +} + +.ahfb-social-add-area, .ahfb-language-selector-add-area { + display: flex; +} + +.ahfb-social-add-area .components-base-control, .ahfb-language-selector-add-area .components-base-control { + flex-grow: 1; + padding-right: 10px; +} + +.ahfb-social-add-area .components-select-control { + border-radius: 4px; +} + +.ahfb-social-add-area .ahfb-sorter-add-item, .ahfb-language-selector-add-area .ahfb-sorter-add-item { + height: 29px; + line-height: normal; + padding: 0 12px; +} + +.ahfb-sorter-item-panel-content .components-button.button-add-media { + display: block; + margin-bottom: 20px; + height: auto; +} + +.ahfb-sorter-item-panel-content .ahfb-radio-container-control .components-button.is-tertiary { + padding: 12px; +} + +.components-button.ahfb-sorter-item-expand.item-is-hidden:before { + opacity: 1; +} + +.components-button.ahfb-sorter-item-expand:before { + opacity: 0; + position: absolute; + content: ''; + width: 18px; + height: 2px; + left: 13px; + background: #656565; + border-radius: 5px; + transform: rotate(-45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} +.ahfb-sorter-item-panel-content > * { + margin: 10px 0; +} +.ahfb-sorter-row .customize-control-description { + white-space: pre-wrap; +} + +button.components-button.ahfb-sorter-item-expand { + transition: 0.5s; + position: relative; + border-left: none; +} + +@media (max-width: 1660px) { + .ahfb-locked .components-button.is-single, .ahfb-range-control .components-button { + padding: 0 2px; + } + + .components-button.has-icon.has-text svg { + margin-right: 3px; + max-width: 20px; + } + + .ahfb-locked .components-button.is-single svg { + width: 14px; + } +} + +.ahfb-meta-sorter .ahfb-radio-container-control .components-button.is-tertiary svg { + max-width: 12px; + margin: 0 auto; +} + +.ahfb-sorter-item-panel-content .components-range-control .components-base-control__field { + flex-direction: row; +} + +.ahfb-sorter-item-panel-content .components-range-control .components-base-control__field input.components-range-control__number { + width: auto; +} + +.ahfb-sorter-item-panel-content .ahfb-radio-container-control { + margin-bottom: 10px; + text-align: center; +} + +.sorter-sub-option { + padding: 12px 12px 0px; + border: 1px solid #bbb; + margin-bottom: 12px; +} + +.meta-label-input-control { + display: flex; + margin-bottom: 6px; +} + +.ahfb-label-visiblity svg { + width: 14px; +} + +.components-button.ahfb-label-visiblity { + height: 30px; +} + +.label-is-hidden .components-text-control__input { + opacity: 0.2; + pointer-events: none; +} + +.ahfb-icon-set-control.ahfb-three-col .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +.ahfb-icon-set-control.ahfb-three-col .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-width: 25%; + padding: 10px; + margin: 0; + min-height: 90px; +} + +.ahfb-icon-set-control.ahfb-three-col .components-button-group.ahfb-radio-container-control .components-button.is-tertiary svg { + max-width: 70px; +} + +.ahfb-icon-set-control .components-button-group.ahfb-radio-container-control .components-button.btn-flex-col.is-tertiary { + flex-direction: column; + font-size: 10px; +} + +.ahfb-icon-set-control .components-button-group.ahfb-radio-container-control .components-button.btn-flex-col.is-tertiary .ahfb-icon-set { + margin-bottom: 3px; + display: block; +} + +.ahfb-radio-icon-control .components-button-group.ahfb-radio-container-control .components-button.is-tertiary, #customize-control-astra-settings-header-trigger-icon .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-width: 25%; + padding: 0; + margin-right: 12px; + min-height: 40px; +} + +.components-button-group.ahfb-radio-container-control .components-button.is-tertiary.active-radio { + background: unset; +} + +.active-radio .ahfb-icon-set svg { + background: #ffffff; + border-radius: 3px; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +#customize-control-astra-settings-header-trigger-icon .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover, #customize-control-astra-settings-header-trigger-icon .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):active, +.ahfb-radio-icon-control .components-button-group.ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover, +.ahfb-radio-icon-control .ahfb-radio-container-control .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):active { + border: none; + box-shadow: unset; +} + +.ahfb-icon-set svg, +#customize-control-astra-settings-header-trigger-icon span.ahfb-svg-iconset.svg-baseline svg path, span.ahfb-svg-iconset.svg-baseline svg circle { + fill: var(--ast-customizer-color-7); +} + +.active-radio .ahfb-icon-set svg, .active-radio .ahfb-icon-set svg, #customize-control-astra-settings-header-trigger-icon input:checked + .ast-radio-img-svg svg path, #customize-control-astra-settings-header-trigger-icon input:checked + .ast-radio-img-svg svg circle { + fill: var(--ast-customizer-color-10); +} + +#customize-control-astra-settings-header-trigger-icon input:checked + .ast-radio-img-svg svg > path { + fill: var(--ast-customizer-color-1); +} + +.ahfb-icon-set-control.ahfb-three-col-short .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +.ahfb-icon-set-control.ahfb-three-col-short .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + min-width: 25%; + padding: 0px; + margin: 0; + height: 30px; +} + +.ahfb-sorter-no-sorting .ahfb-sorter-item { + margin-bottom: 12px; +} + +.ahfb-sorter-no-sorting .ahfb-sorter-item-panel-header { + cursor: default; +} + +.components-button-group.ahfb-featured-image-ratio { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +.ahfb-sorter-item-panel-content .ahfb-featured-image-ratio .components-button.is-tertiary { + padding: 0; + height: 30px; + margin: 0; +} + +.ahfb-sorter-item-panel-content .ahfb-radio-container-control .components-button.is-tertiary svg { + max-width: 22px; + margin: 0 auto; +} + +#customize-theme-controls .accordion-section-content { + color: var(--ast-customizer-color-4); +} + +.ahfb-popover-social-list .components-button-group.ahfb-radio-container-control { + flex-wrap: wrap; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 5px; + padding-bottom: 15px; + padding-top: 5px; +} + +.ahfb-popover-social-list .components-button-group.ahfb-radio-container-control .components-button.social-radio-btn.is-tertiary { + min-width: 80px; + margin: 0; + padding: 0; + font-size: 10px; +} + +.radio-icon-padding .ahfb-radio-container-control .components-button.is-tertiary { + padding: 10px 0; +} + +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-header .ahfb-sorter-visiblity { + border: 0; +} + +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-header .ahfb-sorter-visiblity svg { + max-width: 12px; + fill: #4B5563; + width: 28px; + height: 28px; + vertical-align: middle; +} + +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item-panel-header .ahfb-sorter-visiblity.item-is-hidden { + opacity: 0.2; +} + +.ahfb-tiny-text .ahfb-radio-container-control .components-button.is-tertiary, #customize-control-logo_layout .ahfb-radio-container-control .components-button.is-tertiary { + font-size: 9px; +} + +.ahfb-builder-is-active .wp-full-overlay.collapsed #customize-preview, .ahfb-footer-builder-is-active .wp-full-overlay.collapsed #customize-preview { + bottom: 0 !important; +} + +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-left_center, +.ahfb-builder-areas .ahfb-builder-group-horizontal .ahfb-builder-drop-right_center { + display: none; +} + +.ahfb-builder-areas.ahfb-builder-mode-header.popup-vertical-group .ahfb-builder-group-horizontal { + border-left: 1px solid #e5e5e5; +} + +.ahfb-builder-areas.ahfb-builder-mode-header.popup-vertical-group .ahfb-builder-group-horizontal:hover, .active-builder-row.ahfb-builder-areas.ahfb-builder-mode-header.popup-vertical-group .ahfb-builder-group-horizontal { + border-left: 1px solid #ddd; + box-shadow: -3px 7px 10px rgb(0 39 36 / 7%); +} + +.ahfb-builder-areas.has-center-items .ahfb-builder-drop-left_center, .ahfb-builder-areas.has-center-items .ahfb-builder-drop-right_center { + display: flex; +} + +.ahfb-icon-set-control.ahfb-two-forced .components-button-group.ahfb-radio-container-control .components-button.is-tertiary { + margin: 0; +} + +.ahfb-icon-set-control.ahfb-two-forced .ahfb-radio-container-control { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 10px; + row-gap: 10px; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-6-equal { + grid-template-columns: repeat( 6, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-5-equal { + grid-template-columns: repeat( 5, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-4-equal { + grid-template-columns: repeat( 4, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-4-lheavy { + grid-template-columns: 2fr 1fr 1fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-4-rheavy { + grid-template-columns: 1fr 1fr 1fr 2fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-equal { + grid-template-columns: repeat( 3, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-lheavy { + grid-template-columns: 2fr 1fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-rheavy { + grid-template-columns: 1fr 1fr 2fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-cheavy { + grid-template-columns: 1fr 2fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-3-cwide { + grid-template-columns: 1fr 3fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-2-equal { + grid-template-columns: repeat( 2, 1fr ); +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-2-lheavy { + grid-template-columns: 2fr 1fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-2-rheavy { + grid-template-columns: 1fr 2fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-2-full { + grid-template-columns: 2fr; +} + +.ahfb-builder-mode-footer .ast-grid-row-layout-full { + grid-template-columns: 1fr; +} + +@media (max-width: 1700px) { + .ahfb-tiny-text .ahfb-radio-container-control .components-button.is-tertiary { + font-size: 7px; + } +} + +/** + * Adding new UI CSS for launching new HF Builder as requirement for test drive marketing. + */ +#accordion-panel-panel-header-builder-group h3 .ahfb-highlight, #accordion-panel-panel-footer-builder-group h3 .ahfb-highlight { + color: #fff; + background: linear-gradient(90deg, rgba(73,44,221,1) 0%, rgba(173,56,226,1) 100%); + font-size: 0.7em; + font-weight: 600; + position: relative; + padding: 0.3em 0.6em 0.4em; + top: -2px; + left: 5px; + letter-spacing: 0.5px; + line-height: 1em; + text-transform: uppercase; + border-radius: 2px; +} + + +.ahfb-slide-up { + display: flex; + align-items: center; + position: absolute; + cursor: pointer; + transform: translateY(-100%); + opacity: 0; + visibility: hidden; + transition: color 0.15s ease, opacity 0.1s ease, visibility 0.1s ease; + top: 0; + left: -1px; + background-color: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-1); + border-radius: 4px 4px 0 0; + border-bottom: 0; +} + +.ahfb-slide-up span { + font-size: 14px; + line-height: 20px; + padding-left: 2px; +} + +.ahfb-builder-item:hover .ahfb-slide-up { + opacity: 1; + visibility: visible; + color: #444444; +} + +[data-tooltip] { + position: relative; +} + +[data-tooltip]:hover::before { + box-sizing: border-box; + position: absolute; + top: -11px; + left: -6px; + width: 4px; + height: 4px; + padding-top: 5px; + border: 6px solid transparent; + border-top-color: #1f1f1f; +} + +.ahfb-slide-up [data-tooltip]:hover::before { + left: -1px; +} + +[data-tooltip]::after { + content: attr(data-tooltip); + pointer-events: none; + display: inline-table; + position: absolute; + left: -20px; + font-size: 12px; + opacity: 0; + visibility: hidden; + line-height: 1; + background: #1f1f1f; + color: #fff; + border-radius: 3px; + font-family: system-ui; + padding: 5px 10px; + top: -30px; +} + +[data-tooltip]:hover::after { + opacity: 1; + visibility: visible; +} +.rtl #astra-reset.button { + margin-left: 45px; +} +.rtl .customize-control-ast-builder .components-popover[data-x-axis="right"] .components-popover__content { + right: unset; +} + +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-area-content .sortable-ghost[data-id="mobile-trigger"], +#customize-control-astra-settings-header-desktop-items .popup-vertical-group .ahfb-builder-area-content .sortable-ghost[data-id^="menu-"], +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-area-content .sortable-ghost[data-id="mobile-trigger"], +#customize-control-astra-settings-header-mobile-items .popup-vertical-group .ahfb-builder-area-content .sortable-ghost[data-id^="menu-"], +#customize-control-astra-settings-header-desktop-items .ahfb-builder-row-items .sortable-ghost[data-id="mobile-menu"], +#customize-control-astra-settings-header-mobile-items .ahfb-builder-row-items .sortable-ghost[data-id="mobile-menu"] { + background: #fff; +} +/* Box Shadow Control Style */ +.customize-control-ast-box-shadow .ast-link-box-shadow-inset-wrapper { + margin: 10px 0; +} + +.customize-control-ast-box-shadow .customize-control-title { + display: inline-block; +} + +.customize-control-ast-box-shadow .ast-box-shadow-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-box-shadow .ast-box-shadow-input-item { + margin-bottom: 0; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns { + display: block; + text-align: center; + line-height: 2; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 0 3px 3px 0; +} + +.ast-box-shadow-wrapper .ast-box-shadow-input-item:last-child .ast-box-shadow-input { + border-radius: 0px 3px 3px 0px; +} +.ast-box-shadow-wrapper .ast-box-shadow-input-item:not(:last-child) .ast-box-shadow-input { + border-radius: 0px; +} +.ast-box-shadow-wrapper .ast-box-shadow-input-item:first-child .ast-box-shadow-input { + border-radius: 3px 0px 0px 3px; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns > li.active { + display: inline-block; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-box-shadow .ast-box-shadow-btns button[type="button"] > i { + font-size: 15px; + margin-top: 1px; + vertical-align: middle; +} + +.customize-control-ast-box-shadow .input-wrapper.ast-box-shadow-wrapper { + display: inline-flex; +} + +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper { + display: none; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper li input.ast-box-shadow-input { + text-align: center; + display: block; + font-size: 12px; + padding: 4px 0; + width: 100%; + height: 28px; + border: 1px solid #dddddd; + border-right-width: 0; + box-shadow: none; + padding-left: 11px; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper li:last-child input.ast-box-shadow-input { + border-right-width: 1px; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper.active { + display: flex; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper span.ast-box-shadow-title { + text-transform: uppercase; + font-size: 10px; + opacity: .75; +} +.customize-control-ast-box-shadow .input-wrapper .ast-box-shadow-wrapper .ast-box-shadow-input-item-link span { + width: 35px; + height: 26px; + line-height: 26px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px 0 0 3px; + border-right-width: 0; +} +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper { + margin-top: 15px; +} +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper .components-flex__item, +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper .components-select-control { + display: inline-block; +} +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper .components-select-control__input, +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper .components-input-control__container { + display: inline-flex; + flex-direction: column; + width: 60%; + float: right; +} +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper Select.components-select-control__input, +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper Select.components-input-control__container { + line-height: inherit; +} +.ast-box-shadow-inset-wrapper .components-base-control__label, +.ast-box-shadow-inset-wrapper .components-input-control__label { + font-weight: 600; +} + +.ahfb-builder-item-icon .dashicons-admin-settings, .ahfb-builder-item-icon .dashicons-admin-generic{ + width: 14px; + height: 14px; + font-size: 14px; + line-height: 14px; + color: #777777; +} + +.ahfb-builder-item > .ahfb-builder-item-icon.ahfb-setting-icon { + margin-right: -12px; +} + +/** + * Added CSS for hiding section from WP-Customizer panel. + */ +li#accordion-section-ast-single-post, li#accordion-section-ast-single-product, +li#accordion-section-ast-archive-post, li#accordion-section-ast-archive-product { + display: none !important; +} + + +#customize-control-astra-settings-shop-skin-section-link .ahfb-builder-item-start, +#customize-control-astra-settings-footer-create-menu-link .ahfb-builder-item-start, +#customize-control-astra-settings-header-mobile-menu-create-menu-link .ahfb-builder-item-start { + margin-bottom: 0; +} + +.ahfb-sorter-drop-social_item_group .ahfb-sorter-item .ahfb-sorter-item-panel-header .dashicons, +.ahfb-sorter-drop-language_selector_group .ahfb-sorter-item .ahfb-sorter-item-panel-header .dashicons { + width: 16px; + height: 16px; + font-size: 16px; +} + +.ahfb-sorter-item-remove, .ahfb-sorter-item-visibility { + margin-left: -12px; +} +/** Site icon control specific CSS as divider attr can't accessible to core control. */ +li#customize-control-site_icon { + margin-bottom: 16px; +} +/* + * Hide customizer scrollbar during navigation. + */ + #customize-controls .wp-full-overlay-sidebar-content:has(.busy) { + overflow-y: hidden; +} + + + +.ahfb-popover-builder-list .hfb-widgets { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding: 10px; + margin-left: -4px; + margin-right: -4px; +} + +.components-button-group .builder-add-btn { + position: relative; +} + +.components-button-group .pro-feature .pro-icon { + position: absolute; + top: 2px; + right: 13px; + width: 10px; + height: 12px; + opacity: 1; +} + +/* For WebKit browsers (Chrome, Safari, Edge) */ +.components-button-group.ahfb-radio-container-control::-webkit-scrollbar { + width: 6px; + background-color: transparent; +} + +.components-button-group.ahfb-radio-container-control::-webkit-scrollbar-thumb { + background-color: #1615151a; +} + +/* For Firefox */ +.components-button-group.ahfb-radio-container-control { + scrollbar-width: thin; + scrollbar-color: #1212121A transparent; +} + +/* For IE/Edge legacy */ +.components-button-group.ahfb-radio-container-control { + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.ahfb-popover-builder-list .hfb-widgets .elements-title { + font-family: "Inter", sans-serif; + font-weight: 500; + font-size: 10px; + text-align: center; + color: #64748B; +} + +.ahfb-popover-builder-list .hfb-widgets .elements-utm { + color: #0084C7; + text-decoration: none; +} + +.react-tooltip-arrow { + top: 10px !important; +} + +.custom-tooltip { + opacity: 1 !important; +} + +.pro-feature .add-btn-icon .dashicon { + opacity: 0.2; +} + +.components-popover__content { + padding: 4px; + gap: 4px; + border-radius: 8px; +} + +.tooltip-button{ + color: #7DD3FC; +} + +.custom-tooltip::before { + content: ''; + position: absolute; + top: 0; + left: -8px; + width: 8px; + height: 100%; + pointer-events: auto; + } + + .ahfb-popover-builder-list .bottom-shadow { + box-shadow: rgba(18, 18, 0, 0.2) 0px 18px 22px -10px; + position: relative; + z-index:9999; + margin-right: -4px; + margin-left: -4px; +} + + +/* 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; +} diff --git a/assets/css/ast-elementor-editor-dark-rtl.css b/assets/css/ast-elementor-editor-dark-rtl.css new file mode 100644 index 00000000..7edf2e3a --- /dev/null +++ b/assets/css/ast-elementor-editor-dark-rtl.css @@ -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; +} diff --git a/assets/css/ast-elementor-editor-dark.css b/assets/css/ast-elementor-editor-dark.css new file mode 100644 index 00000000..7edf2e3a --- /dev/null +++ b/assets/css/ast-elementor-editor-dark.css @@ -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; +} diff --git a/assets/css/ast-elementor-editor-rtl.css b/assets/css/ast-elementor-editor-rtl.css new file mode 100644 index 00000000..0b41513c --- /dev/null +++ b/assets/css/ast-elementor-editor-rtl.css @@ -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; +} diff --git a/assets/css/ast-elementor-editor.css b/assets/css/ast-elementor-editor.css new file mode 100644 index 00000000..0b41513c --- /dev/null +++ b/assets/css/ast-elementor-editor.css @@ -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; +} diff --git a/assets/css/astra-admin-menu-settings-rtl.css b/assets/css/astra-admin-menu-settings-rtl.css new file mode 100644 index 00000000..b1f400ef --- /dev/null +++ b/assets/css/astra-admin-menu-settings-rtl.css @@ -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; +} diff --git a/assets/css/astra-admin-menu-settings.css b/assets/css/astra-admin-menu-settings.css new file mode 100644 index 00000000..0358516d --- /dev/null +++ b/assets/css/astra-admin-menu-settings.css @@ -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; +} diff --git a/assets/css/astra-advanced-headers-admin-edit-rtl.css b/assets/css/astra-advanced-headers-admin-edit-rtl.css new file mode 100644 index 00000000..6afa0341 --- /dev/null +++ b/assets/css/astra-advanced-headers-admin-edit-rtl.css @@ -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; +} diff --git a/assets/css/astra-advanced-headers-admin-edit-rtl.min.css b/assets/css/astra-advanced-headers-admin-edit-rtl.min.css new file mode 100644 index 00000000..134ef44b --- /dev/null +++ b/assets/css/astra-advanced-headers-admin-edit-rtl.min.css @@ -0,0 +1,85 @@ +#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:0 0;border:0}.astra-advanced-headers-meta-box-wrap .inside{margin:0;padding:0}#astra_advanced_headers_settings .handlediv,.astra-advanced-headers-meta-box-wrap .postbox-header,.astra-advanced-headers-meta-box-wrap h2.ui-sortable-handle{display:none}#ast-advanced-haeders-design-bg-custom-size-bottom-padding,#ast-advanced-haeders-design-bg-custom-size-top-padding{margin-top:5px}.ast-advanced-header-layout-radio-button-wrap input[type=radio]{display:none}.ast-advanced-header-layout-radio-button-wrap label img:hover,.ast-advanced-header-layout-radio-button-wrap label[checked=checked] img{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}.ast-adv-headers-tabs-section{display:none}.ast-adv-headers-tabs-section.tab-active{display:block}.spinner.ast-advanced-headers-loading{visibility:visible;background-color:rgba(255,255,255,.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-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 0 2px 0 rgba(214,214,214,.5);color:#dedede;max-width:250px;text-align:center;padding:7px;text-rendering:optimizeLegibility;text-shadow:none;z-index:9999}.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 0 2px 0 rgba(214,214,214,.5);color:#dedede;max-width:175px;text-align:center;padding:7px;text-rendering:optimizeLegibility;text-shadow:none;z-index:9999}.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}.ast-advanced-headers-row td:after,.ast-advanced-headers-row td:before{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}.ast-advanced-headers-row-heading{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:700;padding:0;margin:0 0 3px;color:#333}.ast-advanced-headers-row-sub-heading{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:400;padding:0;margin:0 0 3px;color:#333}.ast-advanced-headers-heading-help{color:#b3b3b3;cursor:help;float:left;font-size:18px}.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}.ast-advanced-headers-row-content select{width:100%}#ast-advanced-headers-settings .inside{margin:0;padding:0}#ast-advanced-headers-buttons .inside{margin:0;padding:15px}#ast-advanced-headers-buttons .button{margin-left:5px}.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:.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%}.ast-advanced-headers-locations-form{display:none}.ast-advanced-headers-exclusion-rules{display:none}.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-core-ui .ast-advanced-headers-row .button.button-small{margin-right:4px;min-height:30px}.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; +} diff --git a/assets/css/astra-advanced-headers-admin-edit.css b/assets/css/astra-advanced-headers-admin-edit.css new file mode 100644 index 00000000..8a1577ca --- /dev/null +++ b/assets/css/astra-advanced-headers-admin-edit.css @@ -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; +} diff --git a/assets/css/astra-advanced-headers-admin-edit.min.css b/assets/css/astra-advanced-headers-admin-edit.min.css new file mode 100644 index 00000000..c5759412 --- /dev/null +++ b/assets/css/astra-advanced-headers-admin-edit.min.css @@ -0,0 +1,85 @@ +#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:0 0;border:0}.astra-advanced-headers-meta-box-wrap .inside{margin:0;padding:0}#astra_advanced_headers_settings .handlediv,.astra-advanced-headers-meta-box-wrap .postbox-header,.astra-advanced-headers-meta-box-wrap h2.ui-sortable-handle{display:none}#ast-advanced-haeders-design-bg-custom-size-bottom-padding,#ast-advanced-haeders-design-bg-custom-size-top-padding{margin-top:5px}.ast-advanced-header-layout-radio-button-wrap input[type=radio]{display:none}.ast-advanced-header-layout-radio-button-wrap label img:hover,.ast-advanced-header-layout-radio-button-wrap label[checked=checked] img{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}.ast-adv-headers-tabs-section{display:none}.ast-adv-headers-tabs-section.tab-active{display:block}.spinner.ast-advanced-headers-loading{visibility:visible;background-color:rgba(255,255,255,.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-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 0 2px 0 rgba(214,214,214,.5);color:#dedede;max-width:250px;text-align:center;padding:7px;text-rendering:optimizeLegibility;text-shadow:none;z-index:9999}.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 0 2px 0 rgba(214,214,214,.5);color:#dedede;max-width:175px;text-align:center;padding:7px;text-rendering:optimizeLegibility;text-shadow:none;z-index:9999}.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}.ast-advanced-headers-row td:after,.ast-advanced-headers-row td:before{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}.ast-advanced-headers-row-heading{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:700;padding:0;margin:0 0 3px;color:#333}.ast-advanced-headers-row-sub-heading{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:400;padding:0;margin:0 0 3px;color:#333}.ast-advanced-headers-heading-help{color:#b3b3b3;cursor:help;float:right;font-size:18px}.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}.ast-advanced-headers-row-content select{width:100%}#ast-advanced-headers-settings .inside{margin:0;padding:0}#ast-advanced-headers-buttons .inside{margin:0;padding:15px}#ast-advanced-headers-buttons .button{margin-right:5px}.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:.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%}.ast-advanced-headers-locations-form{display:none}.ast-advanced-headers-exclusion-rules{display:none}.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-core-ui .ast-advanced-headers-row .button.button-small{margin-left:4px;min-height:30px}.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; +} diff --git a/assets/css/astra-advanced-hooks-admin-edit-rtl.css b/assets/css/astra-advanced-hooks-admin-edit-rtl.css new file mode 100644 index 00000000..7f43906b --- /dev/null +++ b/assets/css/astra-advanced-hooks-admin-edit-rtl.css @@ -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; +} diff --git a/assets/css/astra-advanced-hooks-admin-edit-rtl.min.css b/assets/css/astra-advanced-hooks-admin-edit-rtl.min.css new file mode 100644 index 00000000..942f50b2 --- /dev/null +++ b/assets/css/astra-advanced-hooks-admin-edit-rtl.min.css @@ -0,0 +1,85 @@ +#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:0 0!important}.spinner.ast-advanced-hook-loading{visibility:visible;background-color:rgba(255,255,255,.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 0 2px 0 rgba(214,214,214,.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:400;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:.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-exclusion-rules,.ast-advanced-hook-locations-form,.astra-php-snippt-enabled #elementor-editor,.astra-php-snippt-enabled #elementor-switch-mode,.astra-php-snippt-enabled #postdivrich,.astra-php-snippt-enabled .composer-switch,.astra-php-snippt-enabled .fl-builder-admin,.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}.ast-advanced-date-time-input,input.readonly,input[readonly]{width:190px;background:#fff}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:0 10px 36px -10px rgba(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-cl-settings-content .ast-advanced-hook-row.is-active td,.ast-time-duration .ast-advanced-hook-row 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:0 0 2px 2px;background:#fff;z-index:9;box-shadow:0 -6px 8px -3px rgba(0,0,0,.05),0 -4px 6px -2px rgba(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:.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 0 0 0}.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:0 10px 36px -10px rgba(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}.ast-modal-no-animation,.components-modal__screen-overlay{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 0 0;box-shadow:0 6px 8px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(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:.3s}.template.ast-alignment-inner-wrap{border:1px solid #fff;transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.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:active,.ast-alignment-inner-wrap:hover{border:1px solid #fff;transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.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:0}.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-flex,.ast-reverse-toggle .components-toggle-control{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:last-child .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-custom-template-type-selection,select.components-select-control__input.ast-layout-hooks-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:#757575}@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:.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; +} diff --git a/assets/css/astra-advanced-hooks-admin-edit.css b/assets/css/astra-advanced-hooks-admin-edit.css new file mode 100644 index 00000000..eb027703 --- /dev/null +++ b/assets/css/astra-advanced-hooks-admin-edit.css @@ -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; +} diff --git a/assets/css/astra-advanced-hooks-admin-edit.min.css b/assets/css/astra-advanced-hooks-admin-edit.min.css new file mode 100644 index 00000000..dbc0c9c7 --- /dev/null +++ b/assets/css/astra-advanced-hooks-admin-edit.min.css @@ -0,0 +1,85 @@ +#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:0 0!important}.spinner.ast-advanced-hook-loading{visibility:visible;background-color:rgba(255,255,255,.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 0 2px 0 rgba(214,214,214,.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:400;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:.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-exclusion-rules,.ast-advanced-hook-locations-form,.astra-php-snippt-enabled #elementor-editor,.astra-php-snippt-enabled #elementor-switch-mode,.astra-php-snippt-enabled #postdivrich,.astra-php-snippt-enabled .composer-switch,.astra-php-snippt-enabled .fl-builder-admin,.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}.ast-advanced-date-time-input,input.readonly,input[readonly]{width:190px;background:#fff}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:0 10px 36px -10px rgba(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-cl-settings-content .ast-advanced-hook-row.is-active td,.ast-time-duration .ast-advanced-hook-row 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:0 0 2px 2px;background:#fff;z-index:9;box-shadow:0 -6px 8px -3px rgba(0,0,0,.05),0 -4px 6px -2px rgba(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:.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 0 0 0}.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:0 10px 36px -10px rgba(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}.ast-modal-no-animation,.components-modal__screen-overlay{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 0 0;box-shadow:0 6px 8px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(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:.3s}.template.ast-alignment-inner-wrap{border:1px solid #fff;transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.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:active,.ast-alignment-inner-wrap:hover{border:1px solid #fff;transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.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:0}.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-flex,.ast-reverse-toggle .components-toggle-control{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:last-child .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-custom-template-type-selection,select.components-select-control__input.ast-layout-hooks-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:#757575}@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:.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; +} diff --git a/assets/css/astra-advanced-hooks-admin-list-rtl.css b/assets/css/astra-advanced-hooks-admin-list-rtl.css new file mode 100644 index 00000000..4a8d8120 --- /dev/null +++ b/assets/css/astra-advanced-hooks-admin-list-rtl.css @@ -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; +} diff --git a/assets/css/astra-advanced-hooks-admin-list-rtl.min.css b/assets/css/astra-advanced-hooks-admin-list-rtl.min.css new file mode 100644 index 00000000..1f2d06af --- /dev/null +++ b/assets/css/astra-advanced-hooks-admin-list-rtl.min.css @@ -0,0 +1,85 @@ +.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:.7;transition:background .15s cubic-bezier(.4, 0, .2, 1),border-color .15s cubic-bezier(.4, 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(.8,.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 .15s cubic-bezier(.4, 0, .2, 1),transform .15s cubic-bezier(.4, 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%}.type-astra-advanced-hook .advanced_hook_shortcode,.type-astra-advanced-hook .column-enable_disable,td.advanced_hook_quick_view,th.column-advanced_hook_quick_view,th.column-advanced_hook_shortcode,th.column-enable_disable{text-align:center}td.enable_disable.column-enable_disable .ast-custom-layout-switch{margin:0 auto}#advanced_hook_quick_view,#enable_disable{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,.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:0 6px 8px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(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:0 -6px 8px -3px rgba(0,0,0,.05),0 -4px 6px -2px rgba(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 #ddd;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:last-child{margin-bottom:0}.ast-layout-preview-col.right{padding-right:32px;border-right:1px solid #ddd}.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:first-child{padding-right:0}.ast-advanced-hook-display-devices-wrap li:first-child::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:0}.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; +} diff --git a/assets/css/astra-advanced-hooks-admin-list.css b/assets/css/astra-advanced-hooks-admin-list.css new file mode 100644 index 00000000..899e6908 --- /dev/null +++ b/assets/css/astra-advanced-hooks-admin-list.css @@ -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; +} diff --git a/assets/css/astra-advanced-hooks-admin-list.min.css b/assets/css/astra-advanced-hooks-admin-list.min.css new file mode 100644 index 00000000..5bf874bc --- /dev/null +++ b/assets/css/astra-advanced-hooks-admin-list.min.css @@ -0,0 +1,85 @@ +.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:.7;transition:background .15s cubic-bezier(.4, 0, .2, 1),border-color .15s cubic-bezier(.4, 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(.8,.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 .15s cubic-bezier(.4, 0, .2, 1),transform .15s cubic-bezier(.4, 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%}.type-astra-advanced-hook .advanced_hook_shortcode,.type-astra-advanced-hook .column-enable_disable,td.advanced_hook_quick_view,th.column-advanced_hook_quick_view,th.column-advanced_hook_shortcode,th.column-enable_disable{text-align:center}td.enable_disable.column-enable_disable .ast-custom-layout-switch{margin:0 auto}#advanced_hook_quick_view,#enable_disable{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,.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:0 6px 8px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(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:0 -6px 8px -3px rgba(0,0,0,.05),0 -4px 6px -2px rgba(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 #ddd;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:last-child{margin-bottom:0}.ast-layout-preview-col.right{padding-left:32px;border-left:1px solid #ddd}.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:first-child{padding-left:0}.ast-advanced-hook-display-devices-wrap li:first-child::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:0}.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; +} diff --git a/assets/css/astra-hooks-sticky-header-footer-rtl.css b/assets/css/astra-hooks-sticky-header-footer-rtl.css new file mode 100644 index 00000000..bbb64d67 --- /dev/null +++ b/assets/css/astra-hooks-sticky-header-footer-rtl.css @@ -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; +} diff --git a/assets/css/astra-hooks-sticky-header-footer-rtl.min.css b/assets/css/astra-hooks-sticky-header-footer-rtl.min.css new file mode 100644 index 00000000..49d0a2a9 --- /dev/null +++ b/assets/css/astra-hooks-sticky-header-footer-rtl.min.css @@ -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; +} diff --git a/assets/css/astra-hooks-sticky-header-footer.css b/assets/css/astra-hooks-sticky-header-footer.css new file mode 100644 index 00000000..1835d2cb --- /dev/null +++ b/assets/css/astra-hooks-sticky-header-footer.css @@ -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; +} diff --git a/assets/css/astra-hooks-sticky-header-footer.min.css b/assets/css/astra-hooks-sticky-header-footer.min.css new file mode 100644 index 00000000..ceaa5372 --- /dev/null +++ b/assets/css/astra-hooks-sticky-header-footer.min.css @@ -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; +} diff --git a/assets/css/astra-hooks-sticky-header-rtl.css b/assets/css/astra-hooks-sticky-header-rtl.css new file mode 100644 index 00000000..b651f7db --- /dev/null +++ b/assets/css/astra-hooks-sticky-header-rtl.css @@ -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; +} diff --git a/assets/css/astra-hooks-sticky-header-rtl.min.css b/assets/css/astra-hooks-sticky-header-rtl.min.css new file mode 100644 index 00000000..65e661b9 --- /dev/null +++ b/assets/css/astra-hooks-sticky-header-rtl.min.css @@ -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; +} diff --git a/assets/css/astra-hooks-sticky-header.css b/assets/css/astra-hooks-sticky-header.css new file mode 100644 index 00000000..8fdaad4f --- /dev/null +++ b/assets/css/astra-hooks-sticky-header.css @@ -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; +} diff --git a/assets/css/astra-hooks-sticky-header.min.css b/assets/css/astra-hooks-sticky-header.min.css new file mode 100644 index 00000000..4a639388 --- /dev/null +++ b/assets/css/astra-hooks-sticky-header.min.css @@ -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; +} diff --git a/assets/css/astra-notices-rtl.css b/assets/css/astra-notices-rtl.css new file mode 100644 index 00000000..7a735762 --- /dev/null +++ b/assets/css/astra-notices-rtl.css @@ -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; +} diff --git a/assets/css/astra-notices.css b/assets/css/astra-notices.css new file mode 100644 index 00000000..95fdaeb5 --- /dev/null +++ b/assets/css/astra-notices.css @@ -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; +} diff --git a/assets/css/astra-rollback.css b/assets/css/astra-rollback.css new file mode 100644 index 00000000..369bafb1 --- /dev/null +++ b/assets/css/astra-rollback.css @@ -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; +} diff --git a/assets/css/background-rtl.css b/assets/css/background-rtl.css new file mode 100644 index 00000000..ff011efa --- /dev/null +++ b/assets/css/background-rtl.css @@ -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; +} diff --git a/assets/css/background.css b/assets/css/background.css new file mode 100644 index 00000000..37cfe9ad --- /dev/null +++ b/assets/css/background.css @@ -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; +} diff --git a/assets/css/bb-plugin.min-rtl.css b/assets/css/bb-plugin.min-rtl.css new file mode 100644 index 00000000..858540ba --- /dev/null +++ b/assets/css/bb-plugin.min-rtl.css @@ -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; +} diff --git a/assets/css/bb-plugin.min.css b/assets/css/bb-plugin.min.css new file mode 100644 index 00000000..f087eecb --- /dev/null +++ b/assets/css/bb-plugin.min.css @@ -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; +} diff --git a/assets/css/below-header-common-rtl.min.css b/assets/css/below-header-common-rtl.min.css new file mode 100644 index 00000000..c8246b64 --- /dev/null +++ b/assets/css/below-header-common-rtl.min.css @@ -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; +} diff --git a/assets/css/below-header-common.min.css b/assets/css/below-header-common.min.css new file mode 100644 index 00000000..349ffd43 --- /dev/null +++ b/assets/css/below-header-common.min.css @@ -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; +} diff --git a/assets/css/below-header-layout-1-rtl.css b/assets/css/below-header-layout-1-rtl.css new file mode 100644 index 00000000..cad5a48c --- /dev/null +++ b/assets/css/below-header-layout-1-rtl.css @@ -0,0 +1,195 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-below-header-1 .ast-justify-content-flex-end .user-select { + padding-right: 15px; +} + +.ast-below-header-1 .ast-justify-content-flex-start .user-select { + padding-left: 15px; +} + +.ast-below-header-1 .ast-below-header-navigation { + flex: 1; +} + +.ast-below-header-1 .below-header-user-select ~ .below-header-user-select { + flex: auto; +} + +.ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + margin-right: auto; +} + +.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu > .menu-item > .menu-link { + padding-right: 0; + padding-left: 2em; +} + +.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu > .menu-item > .sub-menu { + margin-right: -1em; +} + +.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu > .menu-item:last-child > .menu-link { + padding-left: 0; +} + +.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu > .menu-item.ast-left-align-sub-menu > .sub-menu { + margin-right: 0; + margin-left: -1em; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item > .menu-link { + padding-right: 2em; + padding-left: 0; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item > .sub-menu { + margin-right: 1em; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item:first-child > .menu-link { + padding-right: 0; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item:first-child > .sub-menu { + margin-right: -1em; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item.ast-left-align-sub-menu > .sub-menu { + margin-right: 0; + margin-left: -1em; +} + +.ast-header-break-point .ast-below-header-1 .user-select { + padding-right: 0; + padding-left: 0; +} + +.ast-header-break-point .ast-below-header-1 .below-header-user-select > .ast-flex { + justify-content: flex-start; + flex-direction: column; + align-items: flex-start; +} + +.ast-header-break-point .ast-below-header-1 .ast-below-header-navigation { + flex: auto; +} + +.ast-header-break-point .ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + margin-right: -20px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-link, +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item:first-child .menu-link { + padding: 0 20px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-link { + padding-right: 30px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-link { + padding-right: 45px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-link { + padding-right: 60px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-right: 75px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu > .menu-item > .sub-menu, +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu > .menu-item:first-child > .sub-menu, +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu > .menu-item.ast-left-align-sub-menu > .sub-menu { + margin-right: auto; + margin-left: auto; +} + + +/* 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; +} diff --git a/assets/css/below-header-layout-1-rtl.min.css b/assets/css/below-header-layout-1-rtl.min.css new file mode 100644 index 00000000..8fb4de86 --- /dev/null +++ b/assets/css/below-header-layout-1-rtl.min.css @@ -0,0 +1,85 @@ +.ast-below-header-1 .ast-justify-content-flex-end .user-select{padding-right:15px}.ast-below-header-1 .ast-justify-content-flex-start .user-select{padding-left:15px}.ast-below-header-1 .ast-below-header-navigation{flex:1}.ast-below-header-1 .below-header-user-select~.below-header-user-select{flex:auto}.ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{margin-right:auto}.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu>.menu-item>.menu-link{padding-right:0;padding-left:2em}.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu>.menu-item>.sub-menu{margin-right:-1em}.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu>.menu-item:last-child>.menu-link{padding-left:0}.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu>.menu-item.ast-left-align-sub-menu>.sub-menu{margin-right:0;margin-left:-1em}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item>.menu-link{padding-right:2em;padding-left:0}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item>.sub-menu{margin-right:1em}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item:first-child>.menu-link{padding-right:0}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item:first-child>.sub-menu{margin-right:-1em}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item.ast-left-align-sub-menu>.sub-menu{margin-right:0;margin-left:-1em}.ast-header-break-point .ast-below-header-1 .user-select{padding-right:0;padding-left:0}.ast-header-break-point .ast-below-header-1 .below-header-user-select>.ast-flex{justify-content:flex-start;flex-direction:column;align-items:flex-start}.ast-header-break-point .ast-below-header-1 .ast-below-header-navigation{flex:auto}.ast-header-break-point .ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{margin-right:-20px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-link,.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item:first-child .menu-link{padding:0 20px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-link{padding-right:30px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-link{padding-right:45px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-link{padding-right:60px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link{padding-right:75px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu>.menu-item.ast-left-align-sub-menu>.sub-menu,.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu>.menu-item:first-child>.sub-menu,.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu>.menu-item>.sub-menu{margin-right:auto;margin-left:auto} + +/* 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; +} diff --git a/assets/css/below-header-layout-1.css b/assets/css/below-header-layout-1.css new file mode 100644 index 00000000..d2997e06 --- /dev/null +++ b/assets/css/below-header-layout-1.css @@ -0,0 +1,195 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-below-header-1 .ast-justify-content-flex-end .user-select { + padding-left: 15px; +} + +.ast-below-header-1 .ast-justify-content-flex-start .user-select { + padding-right: 15px; +} + +.ast-below-header-1 .ast-below-header-navigation { + flex: 1; +} + +.ast-below-header-1 .below-header-user-select ~ .below-header-user-select { + flex: auto; +} + +.ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + margin-left: auto; +} + +.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu > .menu-item > .menu-link { + padding-left: 0; + padding-right: 2em; +} + +.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu > .menu-item > .sub-menu { + margin-left: -1em; +} + +.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu > .menu-item:last-child > .menu-link { + padding-right: 0; +} + +.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu > .menu-item.ast-left-align-sub-menu > .sub-menu { + margin-left: 0; + margin-right: -1em; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item > .menu-link { + padding-left: 2em; + padding-right: 0; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item > .sub-menu { + margin-left: 1em; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item:first-child > .menu-link { + padding-left: 0; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item:first-child > .sub-menu { + margin-left: -1em; +} + +.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu > .menu-item.ast-left-align-sub-menu > .sub-menu { + margin-left: 0; + margin-right: -1em; +} + +.ast-header-break-point .ast-below-header-1 .user-select { + padding-left: 0; + padding-right: 0; +} + +.ast-header-break-point .ast-below-header-1 .below-header-user-select > .ast-flex { + justify-content: flex-start; + flex-direction: column; + align-items: flex-start; +} + +.ast-header-break-point .ast-below-header-1 .ast-below-header-navigation { + flex: auto; +} + +.ast-header-break-point .ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + margin-left: -20px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-link, +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item:first-child .menu-link { + padding: 0 20px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-link { + padding-left: 30px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-link { + padding-left: 45px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-link { + padding-left: 60px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-left: 75px; +} + +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu > .menu-item > .sub-menu, +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu > .menu-item:first-child > .sub-menu, +.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu > .menu-item.ast-left-align-sub-menu > .sub-menu { + margin-left: auto; + margin-right: auto; +} + + +/* 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; +} diff --git a/assets/css/below-header-layout-1.min.css b/assets/css/below-header-layout-1.min.css new file mode 100644 index 00000000..525ef5a2 --- /dev/null +++ b/assets/css/below-header-layout-1.min.css @@ -0,0 +1,85 @@ +.ast-below-header-1 .ast-justify-content-flex-end .user-select{padding-left:15px}.ast-below-header-1 .ast-justify-content-flex-start .user-select{padding-right:15px}.ast-below-header-1 .ast-below-header-navigation{flex:1}.ast-below-header-1 .below-header-user-select~.below-header-user-select{flex:auto}.ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{margin-left:auto}.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu>.menu-item>.menu-link{padding-left:0;padding-right:2em}.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu>.menu-item>.sub-menu{margin-left:-1em}.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu>.menu-item:last-child>.menu-link{padding-right:0}.below-header-nav-padding-support .below-header-section-1 .ast-below-header-menu>.menu-item.ast-left-align-sub-menu>.sub-menu{margin-left:0;margin-right:-1em}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item>.menu-link{padding-left:2em;padding-right:0}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item>.sub-menu{margin-left:1em}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item:first-child>.menu-link{padding-left:0}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item:first-child>.sub-menu{margin-left:-1em}.below-header-nav-padding-support .below-header-section-2 .ast-below-header-menu>.menu-item.ast-left-align-sub-menu>.sub-menu{margin-left:0;margin-right:-1em}.ast-header-break-point .ast-below-header-1 .user-select{padding-left:0;padding-right:0}.ast-header-break-point .ast-below-header-1 .below-header-user-select>.ast-flex{justify-content:flex-start;flex-direction:column;align-items:flex-start}.ast-header-break-point .ast-below-header-1 .ast-below-header-navigation{flex:auto}.ast-header-break-point .ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{margin-left:-20px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-link,.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item:first-child .menu-link{padding:0 20px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-link{padding-left:30px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-link{padding-left:45px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-link{padding-left:60px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:75px}.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu>.menu-item.ast-left-align-sub-menu>.sub-menu,.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu>.menu-item:first-child>.sub-menu,.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu>.menu-item>.sub-menu{margin-left:auto;margin-right:auto} + +/* 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; +} diff --git a/assets/css/below-header-layout-2-rtl.css b/assets/css/below-header-layout-2-rtl.css new file mode 100644 index 00000000..627df4c9 --- /dev/null +++ b/assets/css/below-header-layout-2-rtl.css @@ -0,0 +1,102 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-below-header-2 .below-header-section-1 { + flex: auto; +} + +.ast-header-break-point .ast-below-header-2 .below-header-user-select .user-select { + padding-right: 0; +} + +.ast-header-break-point .ast-below-header-2 .below-header-user-select > .ast-flex { + justify-content: flex-start; + flex-direction: column; + align-items: flex-start; +} + + +/* 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; +} diff --git a/assets/css/below-header-layout-2-rtl.min.css b/assets/css/below-header-layout-2-rtl.min.css new file mode 100644 index 00000000..da112212 --- /dev/null +++ b/assets/css/below-header-layout-2-rtl.min.css @@ -0,0 +1,85 @@ +.ast-below-header-2 .below-header-section-1{flex:auto}.ast-header-break-point .ast-below-header-2 .below-header-user-select .user-select{padding-right:0}.ast-header-break-point .ast-below-header-2 .below-header-user-select>.ast-flex{justify-content:flex-start;flex-direction:column;align-items:flex-start} + +/* 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; +} diff --git a/assets/css/below-header-layout-2.css b/assets/css/below-header-layout-2.css new file mode 100644 index 00000000..2c7f0c04 --- /dev/null +++ b/assets/css/below-header-layout-2.css @@ -0,0 +1,102 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-below-header-2 .below-header-section-1 { + flex: auto; +} + +.ast-header-break-point .ast-below-header-2 .below-header-user-select .user-select { + padding-left: 0; +} + +.ast-header-break-point .ast-below-header-2 .below-header-user-select > .ast-flex { + justify-content: flex-start; + flex-direction: column; + align-items: flex-start; +} + + +/* 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; +} diff --git a/assets/css/below-header-layout-2.min.css b/assets/css/below-header-layout-2.min.css new file mode 100644 index 00000000..47c7d5dc --- /dev/null +++ b/assets/css/below-header-layout-2.min.css @@ -0,0 +1,85 @@ +.ast-below-header-2 .below-header-section-1{flex:auto}.ast-header-break-point .ast-below-header-2 .below-header-user-select .user-select{padding-left:0}.ast-header-break-point .ast-below-header-2 .below-header-user-select>.ast-flex{justify-content:flex-start;flex-direction:column;align-items:flex-start} + +/* 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; +} diff --git a/assets/css/below-header-nav-rtl.min.css b/assets/css/below-header-nav-rtl.min.css new file mode 100644 index 00000000..10e5d74e --- /dev/null +++ b/assets/css/below-header-nav-rtl.min.css @@ -0,0 +1,85 @@ +.below-header-menu .sub-menu{line-height:1.45}.below-header-menu a{text-decoration:none;padding:0 1em;display:inline-block;-webkit-transition:all .2s linear;transition:all .2s linear}.below-header-menu li{position:relative}.below-header-menu li.focus>ul,.below-header-menu li:hover>ul{right:0;left:auto}@media (min-width:769px){.below-header-menu li.ast-sub-menu-goes-outside.focus>ul,.below-header-menu li.ast-sub-menu-goes-outside:hover>ul{right:-100%}}.below-header-menu ul ul{top:0}.below-header-menu ul{width:240px;background:#fff;right:-999em;position:absolute;top:100%;z-index:99999}@media (min-width:769px){.below-header-menu ul li.focus>ul,.below-header-menu ul li:hover>ul{right:100%;left:auto}.below-header-menu ul li.ast-left-align-sub-menu.focus>ul,.below-header-menu ul li.ast-left-align-sub-menu:hover>ul{right:-100%}}.below-header-menu ul a{padding:.9em 1em;display:block;word-wrap:break-word}.below-header-menu ul li.menu-item-has-children>a:after{position:absolute;left:1em;top:50%;-webkit-transform:translate(0,-50%) rotate(-270deg);-ms-transform:translate(0,-50%) rotate(-270deg);transform:translate(0,-50%) rotate(-270deg)}.ast-below-header-navigation ul{list-style:none;margin:0;padding-right:0}.ast-below-header #ast-search-form.header-cover .search-field{font-size:1.7em}.ast-header-break-point .ast-button-wrap .menu-below-header-toggle .menu-toggle-icon:before{content:"\e8fe"}.ast-header-break-point .ast-below-header{line-height:3}.ast-header-break-point .ast-below-header .ast-search-icon{display:none}.ast-header-break-point .ast-below-header-navigation{display:block;width:100%}.ast-header-break-point .ast-below-header-navigation ul li a{padding:0 20px;display:inline-block;width:100%}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li a{padding-right:30px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li a:before{content:"-";margin-left:2px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li a{padding-right:40px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li a:before{content:"--";margin-left:2px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li li a{padding-right:50px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li li a:before{content:"---";margin-left:2px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li li li a{padding-right:60px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li li li a:before{content:"----";margin-left:2px}.ast-header-break-point .ast-below-header-navigation ul>li:first-child{border-top:0}.ast-header-break-point .ast-below-header-navigation ul ul{right:auto;left:auto}.ast-header-break-point .ast-below-header-navigation li{width:100%}.ast-header-break-point .ast-below-header-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-below-header-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;left:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:.494em .907em;font-weight:400;line-height:1.85714285714286}.ast-header-break-point .ast-below-header-navigation .menu-item-has-children>.ast-menu-toggle::before{content:"\e900";font-family:Astra;text-decoration:inherit;display:inline-block}.ast-header-break-point .ast-below-header-navigation .ast-submenu-expanded>.ast-menu-toggle::before{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.ast-header-break-point .below-header-menu .sub-menu{line-height:3}.ast-header-break-point .below-header-menu ul{position:relative;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .below-header-menu ul a{border: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; +} diff --git a/assets/css/below-header-nav.min.css b/assets/css/below-header-nav.min.css new file mode 100644 index 00000000..f9d3a479 --- /dev/null +++ b/assets/css/below-header-nav.min.css @@ -0,0 +1,85 @@ +.below-header-menu .sub-menu{line-height:1.45}.below-header-menu a{text-decoration:none;padding:0 1em;display:inline-block;-webkit-transition:all .2s linear;transition:all .2s linear}.below-header-menu li{position:relative}.below-header-menu li.focus>ul,.below-header-menu li:hover>ul{left:0;right:auto}@media (min-width:769px){.below-header-menu li.ast-sub-menu-goes-outside.focus>ul,.below-header-menu li.ast-sub-menu-goes-outside:hover>ul{left:-100%}}.below-header-menu ul ul{top:0}.below-header-menu ul{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999}@media (min-width:769px){.below-header-menu ul li.focus>ul,.below-header-menu ul li:hover>ul{left:100%;right:auto}.below-header-menu ul li.ast-left-align-sub-menu.focus>ul,.below-header-menu ul li.ast-left-align-sub-menu:hover>ul{left:-100%}}.below-header-menu ul a{padding:.9em 1em;display:block;word-wrap:break-word}.below-header-menu ul li.menu-item-has-children>a:after{position:absolute;right:1em;top:50%;-webkit-transform:translate(0,-50%) rotate(270deg);-ms-transform:translate(0,-50%) rotate(270deg);transform:translate(0,-50%) rotate(270deg)}.ast-below-header-navigation ul{list-style:none;margin:0;padding-left:0}.ast-below-header #ast-search-form.header-cover .search-field{font-size:1.7em}.ast-header-break-point .ast-button-wrap .menu-below-header-toggle .menu-toggle-icon:before{content:"\e8fe"}.ast-header-break-point .ast-below-header{line-height:3}.ast-header-break-point .ast-below-header .ast-search-icon{display:none}.ast-header-break-point .ast-below-header-navigation{display:block;width:100%}.ast-header-break-point .ast-below-header-navigation ul li a{padding:0 20px;display:inline-block;width:100%}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li a{padding-left:30px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li a:before{content:"-";margin-right:2px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li a{padding-left:40px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li a:before{content:"--";margin-right:2px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li li a{padding-left:50px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li li a:before{content:"---";margin-right:2px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li li li a{padding-left:60px}.ast-header-break-point .ast-below-header-navigation ul.sub-menu li li li li a:before{content:"----";margin-right:2px}.ast-header-break-point .ast-below-header-navigation ul>li:first-child{border-top:0}.ast-header-break-point .ast-below-header-navigation ul ul{left:auto;right:auto}.ast-header-break-point .ast-below-header-navigation li{width:100%}.ast-header-break-point .ast-below-header-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-below-header-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:.494em .907em;font-weight:400;line-height:1.85714285714286}.ast-header-break-point .ast-below-header-navigation .menu-item-has-children>.ast-menu-toggle::before{content:"\e900";font-family:Astra;text-decoration:inherit;display:inline-block}.ast-header-break-point .ast-below-header-navigation .ast-submenu-expanded>.ast-menu-toggle::before{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.ast-header-break-point .below-header-menu .sub-menu{line-height:3}.ast-header-break-point .below-header-menu ul{position:relative;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .below-header-menu ul a{border: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; +} diff --git a/assets/css/below-header-style-rtl.css b/assets/css/below-header-style-rtl.css new file mode 100644 index 00000000..001ec266 --- /dev/null +++ b/assets/css/below-header-style-rtl.css @@ -0,0 +1,598 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-below-header { + z-index: 3; +} + +.ast-below-header { + border-bottom: 1px solid #ffffff; + margin-right: auto; + margin-left: auto; + position: relative; + transition: all 0.2s linear; + /* Search widget. */ + /* Woocommerce Below Header cart*/ +} + +.ast-below-header .ast-button-wrap { + display: none; +} + +.ast-below-header .astra-search-icon { + -js-display: flex; + display: flex; +} + +.ast-below-header .user-select { + position: relative; +} + +.ast-below-header .ast-search-icon { + display: block; +} + +.ast-below-header .widget_search .search-field, +.ast-below-header .widget_search .search-field:focus { + width: 100%; + padding: .66666em 1em .66666em 3em; +} + +.ast-below-header .ast-addon-cart-wrap { + padding: 0 .6em; +} + +.below-header-section-1 .ast-search-menu-icon .search-form { + left: auto; + right: -1em; + padding-right: 3em; + padding-left: 0; +} + +.below-header-user-select { + padding-top: 0; + align-items: center; +} + +.below-header-user-select .widget { + margin: 0 .5em; + display: inline-block; + vertical-align: middle; +} + +.below-header-user-select .widget p, +.below-header-user-select .widget a { + 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-below-header .below-header-user-select { + text-align: center; +} + +.ast-below-header-wrap { + position: relative; +} + +/* Below Header menu li class */ +.ast-below-header-menu-items, +.ast-below-header-custom-menu-items { + display: none; +} + +/* Responsive Style */ +.ast-header-break-point { + /* Hide Below Header for mobile devices */ + /* Separate Header CSS */ + /* Merged Header CSS */ +} + +.ast-header-break-point.ast-below-header-hide-on-mobile .ast-below-header-wrap { + display: none; +} + +.ast-header-break-point .ast-below-header-section-separated .ast-below-header-wrap { + position: relative; +} + +.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav { + display: none; + background: #414042; + position: absolute; + padding: 0 20px; + bottom: 0; + transform: translateY(100%); + right: 0; + width: 100%; + overflow-y: auto; +} + +.ast-header-break-point .ast-below-header-section-separated .ast-below-header .ast-button-wrap { + display: inline-block; +} + +.ast-header-break-point .ast-below-header-section-separated .ast-below-header .ast-button-wrap .menu-below-header-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header .ast-container { + padding: 0; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1 { + z-index: 5; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header-section-wrap { + flex-direction: column; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header-navigation, +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-user-select { + width: 100%; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 { + padding: 1em 0 0 0; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack.ast-swap-below-header-sections .below-header-section-2 { + padding: 0 0 1em 0; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1, +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 { + justify-content: center; + text-align: right; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-below-header-merged-responsive .ast-mobile-menu-buttons { + display: block; +} + +.ast-header-break-point .ast-below-header-merged-responsive { + /* Below Header menu li class*/ +} + +.ast-header-break-point .ast-below-header-merged-responsive .ast-below-header { + display: none; +} + +.ast-header-break-point .ast-below-header-merged-responsive .toggle-on .ast-below-header-menu-items, +.ast-header-break-point .ast-below-header-merged-responsive .toggle-on .ast-below-header-custom-menu-items { + display: block; + width: 100%; +} + +.ast-header-break-point .ast-below-header-merged-responsive .below-header-section-2 { + padding-top: .66em; + padding-bottom: .66em; +} + +.ast-header-break-point .ast-below-header-menu-items .sub-menu { + list-style: none; + margin: 0; + padding-right: 0; + position: relative; +} + +.ast-header-break-point .ast-below-header-menu-items .menu-item { + list-style: none; + position: relative; +} + +.ast-header-break-point .ast-below-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-below-header-menu-items.main-header-menu { + border-top: 0; +} + +.ast-header-break-point .ast-below-header-section-wrap { + min-height: initial; +} + +.ast-header-break-point .ast-below-header { + border-bottom: none; +} + +.ast-header-break-point .ast-below-header-menu { + display: block; + margin: 0 -20px; + border-top-width: 1px; + border-style: solid; + border-color: var(--ast-border-color); +} + +.ast-header-break-point .ast-below-header-menu .sub-menu .sub-menu { + top: 0; +} + +.ast-header-break-point .menu-item-has-children > .menu-link:after { + display: none; +} + +.ast-header-break-point .below-header-user-select .ast-search-menu-icon .search-field { + max-height: initial; +} + +.ast-header-break-point .below-header-user-select .widget { + margin: .5em 0; + display: block; +} + +.ast-header-break-point .below-header-user-select .ast-addon-cart-wrap { + padding: 0 .6em; +} + +.ast-header-break-point .ast-below-header { + border-top: 1px solid var(--ast-border-color); +} + +.ast-header-break-point .menu-below-header-toggle { + padding: 0 .5em; + width: auto; +} + +.ast-header-break-point .header-main-layout-2 .menu-below-header-toggle { + margin-right: 0; +} + +/* EDD cart for Below Header Section 1 */ +.below-header-section-1 .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .below-header-section-1 .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + left: auto; + right: 0; +} + +.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget { + left: -999em; + right: auto; +} + +.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:before, .below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + right: 8px; + left: auto; +} + +.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-right: -2px; +} + +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-below-header-menu { + /** Fixed submenu dropdown position */ +} + +.ast-below-header-menu .sub-menu { + line-height: 1.45; +} + +.ast-below-header-menu .menu-link { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.ast-below-header-menu .menu-item { + position: relative; +} + +.ast-below-header-menu .menu-item:hover > .sub-menu, +.ast-below-header-menu .menu-item.focus > .sub-menu { + right: 0; + left: auto; +} + +.ast-below-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-below-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; + right: auto; +} + +@media (min-width: 769px) { + .ast-below-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .ast-below-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: -100%; + } + .ast-below-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .ast-below-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + right: -100%; + } +} + +.ast-below-header-menu .sub-menu .sub-menu { + top: 0; +} + +.ast-below-header-menu.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +.ast-below-header-menu .sub-menu { + width: 240px; + background: #ffffff; + right: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .ast-below-header-menu .sub-menu .menu-item:hover > .sub-menu, + .ast-below-header-menu .sub-menu .menu-item.focus > .sub-menu { + right: 100%; + left: auto; + } + .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .ast-below-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + right: -100%; + } +} + +.ast-below-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.ast-below-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-below-header-actual-nav ul { + list-style: none; + margin: 0; + padding-right: 0; +} + +.ast-below-header #ast-search-form.header-cover .search-field { + font-size: 1.7em; +} + +.ast-fullscreen-below-menu-overlay .ast-header-break-point .ast-below-header-menu .sub-menu { + top: 0; +} + +.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-header-break-point .ast-below-header { + line-height: 3; + padding: 1em 0; +} + +.ast-header-break-point .ast-below-header ul { + top: 0; +} + +.ast-header-break-point .ast-below-header-actual-nav ul .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-below-header-actual-nav ul .menu-item .menu-link { + padding-right: 30px; +} + +.ast-header-break-point .ast-below-header-actual-nav ul > .menu-item:first-child { + border-top: 0; +} + +.ast-header-break-point .ast-below-header-actual-nav ul ul { + right: auto; + left: auto; +} + +.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link { + padding-right: 40px; +} + +.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-right: 50px; +} + +.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-right: 60px; +} + +.ast-header-break-point .ast-below-header-actual-nav li { + width: 100%; +} + +.ast-header-break-point .ast-below-header-actual-nav .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .ast-below-header-actual-nav .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + 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-below-header-actual-nav .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .ast-below-header-menu .sub-menu { + line-height: 3; +} + +.ast-header-break-point .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .ast-below-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; +} + +.ast-header-break-point .ast-below-header-menu .sub-menu { + position: relative; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .ast-below-header-menu .sub-menu .menu-link { + border: 0; +} + +.ast-header-break-point .ast-below-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .ast-below-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + right: auto; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-link { + padding-right: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-link { + padding-right: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-link { + padding-right: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-right: 0; +} + +.ast-desktop .ast-below-header-menu .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-desktop .ast-below-header-menu .astra-full-megamenu-wrapper { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-desktop .ast-below-header-menu .astra-full-megamenu-wrapper .sub-menu { + box-shadow: none; +} + +.ast-desktop .ast-below-header-menu .astra-megamenu .sub-menu { + 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; +} diff --git a/assets/css/below-header-style-rtl.min.css b/assets/css/below-header-style-rtl.min.css new file mode 100644 index 00000000..86d613d4 --- /dev/null +++ b/assets/css/below-header-style-rtl.min.css @@ -0,0 +1,85 @@ +.ast-below-header{z-index:3}.ast-below-header{border-bottom:1px solid #fff;margin-right:auto;margin-left:auto;position:relative;transition:all .2s linear}.ast-below-header .ast-button-wrap{display:none}.ast-below-header .astra-search-icon{-js-display:flex;display:flex}.ast-below-header .user-select{position:relative}.ast-below-header .ast-search-icon{display:block}.ast-below-header .widget_search .search-field,.ast-below-header .widget_search .search-field:focus{width:100%;padding:.66666em 1em .66666em 3em}.ast-below-header .ast-addon-cart-wrap{padding:0 .6em}.below-header-section-1 .ast-search-menu-icon .search-form{left:auto;right:-1em;padding-right:3em;padding-left:0}.below-header-user-select{padding-top:0;align-items:center}.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-below-header .below-header-user-select{text-align:center}.ast-below-header-wrap{position:relative}.ast-below-header-custom-menu-items,.ast-below-header-menu-items{display:none}.ast-header-break-point.ast-below-header-hide-on-mobile .ast-below-header-wrap{display:none}.ast-header-break-point .ast-below-header-section-separated .ast-below-header-wrap{position:relative}.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav{display:none;background:#414042;position:absolute;padding:0 20px;bottom:0;transform:translateY(100%);right:0;width:100%;overflow-y:auto}.ast-header-break-point .ast-below-header-section-separated .ast-below-header .ast-button-wrap{display:inline-block}.ast-header-break-point .ast-below-header-section-separated .ast-below-header .ast-button-wrap .menu-below-header-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header .ast-container{padding:0}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1{z-index:5}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header-section-wrap{flex-direction:column}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header-navigation,.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-user-select{width:100%}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2{padding:1em 0 0 0}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack.ast-swap-below-header-sections .below-header-section-2{padding:0 0 1em 0}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1,.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2{justify-content:center;text-align:right}.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-below-header-merged-responsive .ast-mobile-menu-buttons{display:block}.ast-header-break-point .ast-below-header-merged-responsive .ast-below-header{display:none}.ast-header-break-point .ast-below-header-merged-responsive .toggle-on .ast-below-header-custom-menu-items,.ast-header-break-point .ast-below-header-merged-responsive .toggle-on .ast-below-header-menu-items{display:block;width:100%}.ast-header-break-point .ast-below-header-merged-responsive .below-header-section-2{padding-top:.66em;padding-bottom:.66em}.ast-header-break-point .ast-below-header-menu-items .sub-menu{list-style:none;margin:0;padding-right:0;position:relative}.ast-header-break-point .ast-below-header-menu-items .menu-item{list-style:none;position:relative}.ast-header-break-point .ast-below-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-below-header-menu-items.main-header-menu{border-top:0}.ast-header-break-point .ast-below-header-section-wrap{min-height:initial}.ast-header-break-point .ast-below-header{border-bottom:none}.ast-header-break-point .ast-below-header-menu{display:block;margin:0 -20px;border-top-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .ast-below-header-menu .sub-menu .sub-menu{top:0}.ast-header-break-point .menu-item-has-children>.menu-link:after{display:none}.ast-header-break-point .below-header-user-select .ast-search-menu-icon .search-field{max-height:initial}.ast-header-break-point .below-header-user-select .widget{margin:.5em 0;display:block}.ast-header-break-point .below-header-user-select .ast-addon-cart-wrap{padding:0 .6em}.ast-header-break-point .ast-below-header{border-top:1px solid var(--ast-border-color)}.ast-header-break-point .menu-below-header-toggle{padding:0 .5em;width:auto}.ast-header-break-point .header-main-layout-2 .menu-below-header-toggle{margin-right:0}.below-header-section-1 .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.below-header-section-1 .ast-edd-site-header-cart:hover .widget_edd_cart_widget{left:auto;right:0}.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget{left:-999em;right:auto}.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after,.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:before{right:8px;left:auto}.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-right:-2px}.ast-below-header-menu .sub-menu{line-height:1.45}.ast-below-header-menu .menu-link{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.ast-below-header-menu .menu-item{position:relative}.ast-below-header-menu .menu-item.focus>.sub-menu,.ast-below-header-menu .menu-item:hover>.sub-menu{right:0;left:auto}.ast-below-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-below-header-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0;right:auto}@media (min-width:769px){.ast-below-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-below-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}.ast-below-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.ast-below-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{right:-100%}}.ast-below-header-menu .sub-menu .sub-menu{top:0}.ast-below-header-menu.submenu-with-border .sub-menu .sub-menu{top:-1px}.ast-below-header-menu .sub-menu{width:240px;background:#fff;right:-999em;position:absolute;top:100%;z-index:99999}@media (min-width:769px){.ast-below-header-menu .sub-menu .menu-item.focus>.sub-menu,.ast-below-header-menu .sub-menu .menu-item:hover>.sub-menu{right:100%;left:auto}.ast-below-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-below-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:-100%}}.ast-below-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.ast-below-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-below-header-actual-nav ul{list-style:none;margin:0;padding-right:0}.ast-below-header #ast-search-form.header-cover .search-field{font-size:1.7em}.ast-fullscreen-below-menu-overlay .ast-header-break-point .ast-below-header-menu .sub-menu{top:0}.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-header-break-point .ast-below-header{line-height:3;padding:1em 0}.ast-header-break-point .ast-below-header ul{top:0}.ast-header-break-point .ast-below-header-actual-nav ul .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-below-header-actual-nav ul .menu-item .menu-link{padding-right:30px}.ast-header-break-point .ast-below-header-actual-nav ul>.menu-item:first-child{border-top:0}.ast-header-break-point .ast-below-header-actual-nav ul ul{right:auto;left:auto}.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link{padding-right:40px}.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-right:50px}.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-right:60px}.ast-header-break-point .ast-below-header-actual-nav li{width:100%}.ast-header-break-point .ast-below-header-actual-nav .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-below-header-actual-nav .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;left:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-size:inherit;font-weight:400;line-height:inherit}.ast-header-break-point .ast-below-header-actual-nav .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .ast-below-header-menu .sub-menu{line-height:3}.ast-header-break-point .ast-below-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0}.ast-header-break-point .ast-below-header-menu .sub-menu{position:relative;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .ast-below-header-menu .sub-menu .menu-link{border:0}.ast-header-break-point .ast-below-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .ast-below-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:auto}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-link{padding-right:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-link{padding-right:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-link{padding-right:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link{padding-right:0}.ast-desktop .ast-below-header-menu .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-desktop .ast-below-header-menu .astra-full-megamenu-wrapper{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-desktop .ast-below-header-menu .astra-full-megamenu-wrapper .sub-menu{box-shadow:none}.ast-desktop .ast-below-header-menu .astra-megamenu .sub-menu{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; +} diff --git a/assets/css/below-header-style.css b/assets/css/below-header-style.css new file mode 100644 index 00000000..d3a0e919 --- /dev/null +++ b/assets/css/below-header-style.css @@ -0,0 +1,598 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-below-header { + z-index: 3; +} + +.ast-below-header { + border-bottom: 1px solid #ffffff; + margin-left: auto; + margin-right: auto; + position: relative; + transition: all 0.2s linear; + /* Search widget. */ + /* Woocommerce Below Header cart*/ +} + +.ast-below-header .ast-button-wrap { + display: none; +} + +.ast-below-header .astra-search-icon { + -js-display: flex; + display: flex; +} + +.ast-below-header .user-select { + position: relative; +} + +.ast-below-header .ast-search-icon { + display: block; +} + +.ast-below-header .widget_search .search-field, +.ast-below-header .widget_search .search-field:focus { + width: 100%; + padding: .66666em 3em .66666em 1em; +} + +.ast-below-header .ast-addon-cart-wrap { + padding: 0 .6em; +} + +.below-header-section-1 .ast-search-menu-icon .search-form { + right: auto; + left: -1em; + padding-left: 3em; + padding-right: 0; +} + +.below-header-user-select { + padding-top: 0; + align-items: center; +} + +.below-header-user-select .widget { + margin: 0 .5em; + display: inline-block; + vertical-align: middle; +} + +.below-header-user-select .widget p, +.below-header-user-select .widget a { + 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-below-header .below-header-user-select { + text-align: center; +} + +.ast-below-header-wrap { + position: relative; +} + +/* Below Header menu li class */ +.ast-below-header-menu-items, +.ast-below-header-custom-menu-items { + display: none; +} + +/* Responsive Style */ +.ast-header-break-point { + /* Hide Below Header for mobile devices */ + /* Separate Header CSS */ + /* Merged Header CSS */ +} + +.ast-header-break-point.ast-below-header-hide-on-mobile .ast-below-header-wrap { + display: none; +} + +.ast-header-break-point .ast-below-header-section-separated .ast-below-header-wrap { + position: relative; +} + +.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav { + display: none; + background: #414042; + position: absolute; + padding: 0 20px; + bottom: 0; + transform: translateY(100%); + left: 0; + width: 100%; + overflow-y: auto; +} + +.ast-header-break-point .ast-below-header-section-separated .ast-below-header .ast-button-wrap { + display: inline-block; +} + +.ast-header-break-point .ast-below-header-section-separated .ast-below-header .ast-button-wrap .menu-below-header-toggle .mobile-menu { + font-size: 15px; + font-size: 1rem; + font-weight: 600; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header .ast-container { + padding: 0; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1 { + z-index: 5; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header-section-wrap { + flex-direction: column; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header-navigation, +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-user-select { + width: 100%; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 { + padding: 1em 0 0 0; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack.ast-swap-below-header-sections .below-header-section-2 { + padding: 0 0 1em 0; +} + +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1, +.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 { + justify-content: center; + text-align: left; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-below-header-merged-responsive .ast-mobile-menu-buttons { + display: block; +} + +.ast-header-break-point .ast-below-header-merged-responsive { + /* Below Header menu li class*/ +} + +.ast-header-break-point .ast-below-header-merged-responsive .ast-below-header { + display: none; +} + +.ast-header-break-point .ast-below-header-merged-responsive .toggle-on .ast-below-header-menu-items, +.ast-header-break-point .ast-below-header-merged-responsive .toggle-on .ast-below-header-custom-menu-items { + display: block; + width: 100%; +} + +.ast-header-break-point .ast-below-header-merged-responsive .below-header-section-2 { + padding-top: .66em; + padding-bottom: .66em; +} + +.ast-header-break-point .ast-below-header-menu-items .sub-menu { + list-style: none; + margin: 0; + padding-left: 0; + position: relative; +} + +.ast-header-break-point .ast-below-header-menu-items .menu-item { + list-style: none; + position: relative; +} + +.ast-header-break-point .ast-below-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-below-header-menu-items.main-header-menu { + border-top: 0; +} + +.ast-header-break-point .ast-below-header-section-wrap { + min-height: initial; +} + +.ast-header-break-point .ast-below-header { + border-bottom: none; +} + +.ast-header-break-point .ast-below-header-menu { + display: block; + margin: 0 -20px; + border-top-width: 1px; + border-style: solid; + border-color: var(--ast-border-color); +} + +.ast-header-break-point .ast-below-header-menu .sub-menu .sub-menu { + top: 0; +} + +.ast-header-break-point .menu-item-has-children > .menu-link:after { + display: none; +} + +.ast-header-break-point .below-header-user-select .ast-search-menu-icon .search-field { + max-height: initial; +} + +.ast-header-break-point .below-header-user-select .widget { + margin: .5em 0; + display: block; +} + +.ast-header-break-point .below-header-user-select .ast-addon-cart-wrap { + padding: 0 .6em; +} + +.ast-header-break-point .ast-below-header { + border-top: 1px solid var(--ast-border-color); +} + +.ast-header-break-point .menu-below-header-toggle { + padding: 0 .5em; + width: auto; +} + +.ast-header-break-point .header-main-layout-2 .menu-below-header-toggle { + margin-left: 0; +} + +/* EDD cart for Below Header Section 1 */ +.below-header-section-1 .ast-edd-site-header-cart:focus .widget_edd_cart_widget, .below-header-section-1 .ast-edd-site-header-cart:hover .widget_edd_cart_widget { + right: auto; + left: 0; +} + +.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget { + right: -999em; + left: auto; +} + +.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:before, .below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + left: 8px; + right: auto; +} + +.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after { + margin-left: -2px; +} + +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-below-header-menu { + /** Fixed submenu dropdown position */ +} + +.ast-below-header-menu .sub-menu { + line-height: 1.45; +} + +.ast-below-header-menu .menu-link { + text-decoration: none; + padding: 0 1em; + display: inline-block; + transition: all 0.2s linear; +} + +.ast-below-header-menu .menu-item { + position: relative; +} + +.ast-below-header-menu .menu-item:hover > .sub-menu, +.ast-below-header-menu .menu-item.focus > .sub-menu { + left: 0; + right: auto; +} + +.ast-below-header-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-below-header-menu .ast-left-align-sub-menu.focus > .sub-menu { + right: 0; + left: auto; +} + +@media (min-width: 769px) { + .ast-below-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, + .ast-below-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: -100%; + } + .ast-below-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover > .sub-menu, + .ast-below-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus > .sub-menu { + left: -100%; + } +} + +.ast-below-header-menu .sub-menu .sub-menu { + top: 0; +} + +.ast-below-header-menu.submenu-with-border .sub-menu .sub-menu { + top: -1px; +} + +.ast-below-header-menu .sub-menu { + width: 240px; + background: #ffffff; + left: -999em; + position: absolute; + top: 100%; + z-index: 99999; +} + +@media (min-width: 769px) { + .ast-below-header-menu .sub-menu .menu-item:hover > .sub-menu, + .ast-below-header-menu .sub-menu .menu-item.focus > .sub-menu { + left: 100%; + right: auto; + } + .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, + .ast-below-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu, + .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu, + .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu { + left: -100%; + } +} + +.ast-below-header-menu .sub-menu .menu-link { + padding: 0.9em 1em; + display: block; + word-wrap: break-word; +} + +.ast-below-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-below-header-actual-nav ul { + list-style: none; + margin: 0; + padding-left: 0; +} + +.ast-below-header #ast-search-form.header-cover .search-field { + font-size: 1.7em; +} + +.ast-fullscreen-below-menu-overlay .ast-header-break-point .ast-below-header-menu .sub-menu { + top: 0; +} + +.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before { + content: "\e5cd"; +} + +.ast-header-break-point .ast-below-header { + line-height: 3; + padding: 1em 0; +} + +.ast-header-break-point .ast-below-header ul { + top: 0; +} + +.ast-header-break-point .ast-below-header-actual-nav ul .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-below-header-actual-nav ul .menu-item .menu-link { + padding-left: 30px; +} + +.ast-header-break-point .ast-below-header-actual-nav ul > .menu-item:first-child { + border-top: 0; +} + +.ast-header-break-point .ast-below-header-actual-nav ul ul { + left: auto; + right: auto; +} + +.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link { + padding-left: 40px; +} + +.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link { + padding-left: 50px; +} + +.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-left: 60px; +} + +.ast-header-break-point .ast-below-header-actual-nav li { + width: 100%; +} + +.ast-header-break-point .ast-below-header-actual-nav .menu-item-has-children .sub-menu { + display: none; +} + +.ast-header-break-point .ast-below-header-actual-nav .menu-item-has-children > .ast-menu-toggle { + display: inline-block; + position: absolute; + 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-below-header-actual-nav .ast-submenu-expanded > .ast-menu-toggle::before { + transform: rotateX(180deg); +} + +.ast-header-break-point .ast-below-header-menu .sub-menu { + line-height: 3; +} + +.ast-header-break-point .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover > .sub-menu, +.ast-header-break-point .ast-below-header-menu .sub-menu .ast-left-align-sub-menu.focus > .sub-menu { + left: 0; +} + +.ast-header-break-point .ast-below-header-menu .sub-menu { + position: relative; + opacity: 1; + visibility: visible; + border: 0; + width: auto; +} + +.ast-header-break-point .ast-below-header-menu .sub-menu .menu-link { + border: 0; +} + +.ast-header-break-point .ast-below-header-menu .ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point .ast-below-header-menu .ast-sub-menu-goes-outside.focus > .sub-menu { + left: auto; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-link { + padding-left: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-link { + padding-left: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-link { + padding-left: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link { + padding-left: 0; +} + +.ast-desktop .ast-below-header-menu .sub-menu { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-desktop .ast-below-header-menu .astra-full-megamenu-wrapper { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-desktop .ast-below-header-menu .astra-full-megamenu-wrapper .sub-menu { + box-shadow: none; +} + +.ast-desktop .ast-below-header-menu .astra-megamenu .sub-menu { + 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; +} diff --git a/assets/css/below-header-style.min.css b/assets/css/below-header-style.min.css new file mode 100644 index 00000000..6cc21f6e --- /dev/null +++ b/assets/css/below-header-style.min.css @@ -0,0 +1,85 @@ +.ast-below-header{z-index:3}.ast-below-header{border-bottom:1px solid #fff;margin-left:auto;margin-right:auto;position:relative;transition:all .2s linear}.ast-below-header .ast-button-wrap{display:none}.ast-below-header .astra-search-icon{-js-display:flex;display:flex}.ast-below-header .user-select{position:relative}.ast-below-header .ast-search-icon{display:block}.ast-below-header .widget_search .search-field,.ast-below-header .widget_search .search-field:focus{width:100%;padding:.66666em 3em .66666em 1em}.ast-below-header .ast-addon-cart-wrap{padding:0 .6em}.below-header-section-1 .ast-search-menu-icon .search-form{right:auto;left:-1em;padding-left:3em;padding-right:0}.below-header-user-select{padding-top:0;align-items:center}.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-below-header .below-header-user-select{text-align:center}.ast-below-header-wrap{position:relative}.ast-below-header-custom-menu-items,.ast-below-header-menu-items{display:none}.ast-header-break-point.ast-below-header-hide-on-mobile .ast-below-header-wrap{display:none}.ast-header-break-point .ast-below-header-section-separated .ast-below-header-wrap{position:relative}.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav{display:none;background:#414042;position:absolute;padding:0 20px;bottom:0;transform:translateY(100%);left:0;width:100%;overflow-y:auto}.ast-header-break-point .ast-below-header-section-separated .ast-below-header .ast-button-wrap{display:inline-block}.ast-header-break-point .ast-below-header-section-separated .ast-below-header .ast-button-wrap .menu-below-header-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header .ast-container{padding:0}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1{z-index:5}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header-section-wrap{flex-direction:column}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .ast-below-header-navigation,.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-user-select{width:100%}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2{padding:1em 0 0 0}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack.ast-swap-below-header-sections .below-header-section-2{padding:0 0 1em 0}.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1,.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2{justify-content:center;text-align:left}.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-below-header-merged-responsive .ast-mobile-menu-buttons{display:block}.ast-header-break-point .ast-below-header-merged-responsive .ast-below-header{display:none}.ast-header-break-point .ast-below-header-merged-responsive .toggle-on .ast-below-header-custom-menu-items,.ast-header-break-point .ast-below-header-merged-responsive .toggle-on .ast-below-header-menu-items{display:block;width:100%}.ast-header-break-point .ast-below-header-merged-responsive .below-header-section-2{padding-top:.66em;padding-bottom:.66em}.ast-header-break-point .ast-below-header-menu-items .sub-menu{list-style:none;margin:0;padding-left:0;position:relative}.ast-header-break-point .ast-below-header-menu-items .menu-item{list-style:none;position:relative}.ast-header-break-point .ast-below-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-below-header-menu-items.main-header-menu{border-top:0}.ast-header-break-point .ast-below-header-section-wrap{min-height:initial}.ast-header-break-point .ast-below-header{border-bottom:none}.ast-header-break-point .ast-below-header-menu{display:block;margin:0 -20px;border-top-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .ast-below-header-menu .sub-menu .sub-menu{top:0}.ast-header-break-point .menu-item-has-children>.menu-link:after{display:none}.ast-header-break-point .below-header-user-select .ast-search-menu-icon .search-field{max-height:initial}.ast-header-break-point .below-header-user-select .widget{margin:.5em 0;display:block}.ast-header-break-point .below-header-user-select .ast-addon-cart-wrap{padding:0 .6em}.ast-header-break-point .ast-below-header{border-top:1px solid var(--ast-border-color)}.ast-header-break-point .menu-below-header-toggle{padding:0 .5em;width:auto}.ast-header-break-point .header-main-layout-2 .menu-below-header-toggle{margin-left:0}.below-header-section-1 .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.below-header-section-1 .ast-edd-site-header-cart:hover .widget_edd_cart_widget{right:auto;left:0}.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget{right:-999em;left:auto}.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after,.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:before{left:8px;right:auto}.below-header-section-1 .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-left:-2px}.ast-below-header-menu .sub-menu{line-height:1.45}.ast-below-header-menu .menu-link{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.ast-below-header-menu .menu-item{position:relative}.ast-below-header-menu .menu-item.focus>.sub-menu,.ast-below-header-menu .menu-item:hover>.sub-menu{left:0;right:auto}.ast-below-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-below-header-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0;left:auto}@media (min-width:769px){.ast-below-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-below-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}.ast-below-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.ast-below-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{left:-100%}}.ast-below-header-menu .sub-menu .sub-menu{top:0}.ast-below-header-menu.submenu-with-border .sub-menu .sub-menu{top:-1px}.ast-below-header-menu .sub-menu{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999}@media (min-width:769px){.ast-below-header-menu .sub-menu .menu-item.focus>.sub-menu,.ast-below-header-menu .sub-menu .menu-item:hover>.sub-menu{left:100%;right:auto}.ast-below-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-below-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:-100%}}.ast-below-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.ast-below-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-below-header-actual-nav ul{list-style:none;margin:0;padding-left:0}.ast-below-header #ast-search-form.header-cover .search-field{font-size:1.7em}.ast-fullscreen-below-menu-overlay .ast-header-break-point .ast-below-header-menu .sub-menu{top:0}.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-header-break-point .ast-below-header{line-height:3;padding:1em 0}.ast-header-break-point .ast-below-header ul{top:0}.ast-header-break-point .ast-below-header-actual-nav ul .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-below-header-actual-nav ul .menu-item .menu-link{padding-left:30px}.ast-header-break-point .ast-below-header-actual-nav ul>.menu-item:first-child{border-top:0}.ast-header-break-point .ast-below-header-actual-nav ul ul{left:auto;right:auto}.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link{padding-left:40px}.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-left:50px}.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:60px}.ast-header-break-point .ast-below-header-actual-nav li{width:100%}.ast-header-break-point .ast-below-header-actual-nav .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-below-header-actual-nav .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-size:inherit;font-weight:400;line-height:inherit}.ast-header-break-point .ast-below-header-actual-nav .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .ast-below-header-menu .sub-menu{line-height:3}.ast-header-break-point .ast-below-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .ast-below-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0}.ast-header-break-point .ast-below-header-menu .sub-menu{position:relative;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .ast-below-header-menu .sub-menu .menu-link{border:0}.ast-header-break-point .ast-below-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .ast-below-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:auto}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-link{padding-left:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-link{padding-left:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-link{padding-left:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation ul .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:0}.ast-desktop .ast-below-header-menu .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-desktop .ast-below-header-menu .astra-full-megamenu-wrapper{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-desktop .ast-below-header-menu .astra-full-megamenu-wrapper .sub-menu{box-shadow:none}.ast-desktop .ast-below-header-menu .astra-megamenu .sub-menu{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; +} diff --git a/assets/css/below-menu-flyout-rtl.css b/assets/css/below-menu-flyout-rtl.css new file mode 100644 index 00000000..e7260d21 --- /dev/null +++ b/assets/css/below-menu-flyout-rtl.css @@ -0,0 +1,227 @@ +/*---------- 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-below-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-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap { + right: 0; +} + +.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + right: -100%; +} + +.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap { + left: 0; +} + +.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + left: -100%; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-menu { + margin: 0; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav { + top: 0; + transform: none; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close { + position: absolute; + left: 8px; + top: 6px; + line-height: 1; + cursor: pointer; + z-index: 10; + opacity: 0.8; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close:hover { + opacity: 1; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + 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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + width: 70%; + } +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap div.ast-masthead-custom-menu-items { + text-align: initial; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before { + content: "\e5d2"; +} + +.ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .ast-below-header-navigation-wrap { + display: block !important; +} + +.ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-navigation-wrap { + display: none !important; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .site-header { + z-index: 100000; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active { + height: 100%; + z-index: 100000; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header, +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper { + z-index: 99; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + right: 0; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + left: 0; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + visibility: visible; + opacity: 1; + z-index: 5; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap div.ast-masthead-custom-menu-items { + padding-right: 20px; + padding-left: 20px; +} + +.ast-header-stick-slide-active .ast-flyout-below-menu-enable.ast-header-break-point #masthead .ast-below-header-actual-nav, +.ast-header-stick-scroll-active .ast-flyout-below-menu-enable.ast-header-break-point #masthead .ast-below-header-actual-nav { + display: none !important; +} + +.ast-header-stick-slide-active .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-actual-nav, +.ast-header-stick-scroll-active .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-actual-nav { + 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; +} diff --git a/assets/css/below-menu-flyout-rtl.min.css b/assets/css/below-menu-flyout-rtl.min.css new file mode 100644 index 00000000..75763c40 --- /dev/null +++ b/assets/css/below-menu-flyout-rtl.min.css @@ -0,0 +1,85 @@ +.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap{right:0}.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav{right:-100%}.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap{left:0}.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav{left:-100%}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-menu{margin:0}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav{top:0;transform:none}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close{position:absolute;left:8px;top:6px;line-height:1;cursor:pointer;z-index:10;opacity:.8}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close:hover{opacity:1}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-actual-nav{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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-actual-nav{width:70%}}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap div.ast-masthead-custom-menu-items{text-align:initial}.ast-flyout-below-menu-enable.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .ast-below-header-navigation-wrap{display:block!important}.ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-navigation-wrap{display:none!important}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .site-header{z-index:100000}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active{height:100%;z-index:100000}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header,.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper{z-index:99}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav{right:0}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav{left:0}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{visibility:visible;opacity:1;z-index:5}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap div.ast-masthead-custom-menu-items{padding-right:20px;padding-left:20px}.ast-header-stick-scroll-active .ast-flyout-below-menu-enable.ast-header-break-point #masthead .ast-below-header-actual-nav,.ast-header-stick-slide-active .ast-flyout-below-menu-enable.ast-header-break-point #masthead .ast-below-header-actual-nav{display:none!important}.ast-header-stick-scroll-active .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-actual-nav,.ast-header-stick-slide-active .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-actual-nav{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; +} diff --git a/assets/css/below-menu-flyout.css b/assets/css/below-menu-flyout.css new file mode 100644 index 00000000..0a56f4f4 --- /dev/null +++ b/assets/css/below-menu-flyout.css @@ -0,0 +1,227 @@ +/*---------- 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-below-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-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap { + left: 0; +} + +.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + left: -100%; +} + +.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap { + right: 0; +} + +.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + right: -100%; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-menu { + margin: 0; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav { + top: 0; + transform: none; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close { + position: absolute; + right: 8px; + top: 6px; + line-height: 1; + cursor: pointer; + z-index: 10; + opacity: 0.8; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close:hover { + opacity: 1; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + 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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + width: 70%; + } +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap div.ast-masthead-custom-menu-items { + text-align: initial; +} + +.ast-flyout-below-menu-enable.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before { + content: "\e5d2"; +} + +.ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .ast-below-header-navigation-wrap { + display: block !important; +} + +.ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-navigation-wrap { + display: none !important; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .site-header { + z-index: 100000; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active { + height: 100%; + z-index: 100000; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header, +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper { + z-index: 99; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + left: 0; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav { + right: 0; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + visibility: visible; + opacity: 1; + z-index: 5; +} + +.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap div.ast-masthead-custom-menu-items { + padding-left: 20px; + padding-right: 20px; +} + +.ast-header-stick-slide-active .ast-flyout-below-menu-enable.ast-header-break-point #masthead .ast-below-header-actual-nav, +.ast-header-stick-scroll-active .ast-flyout-below-menu-enable.ast-header-break-point #masthead .ast-below-header-actual-nav { + display: none !important; +} + +.ast-header-stick-slide-active .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-actual-nav, +.ast-header-stick-scroll-active .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-actual-nav { + 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; +} diff --git a/assets/css/below-menu-flyout.min.css b/assets/css/below-menu-flyout.min.css new file mode 100644 index 00000000..c88286f9 --- /dev/null +++ b/assets/css/below-menu-flyout.min.css @@ -0,0 +1,85 @@ +.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap{left:0}.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav{left:-100%}.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap{right:0}.ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav{right:-100%}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-menu{margin:0}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav{top:0;transform:none}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close{position:absolute;right:8px;top:6px;line-height:1;cursor:pointer;z-index:10;opacity:.8}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close:hover{opacity:1}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-actual-nav{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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-actual-nav{width:70%}}.ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap div.ast-masthead-custom-menu-items{text-align:initial}.ast-flyout-below-menu-enable.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .ast-below-header-navigation-wrap{display:block!important}.ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-navigation-wrap{display:none!important}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .site-header{z-index:100000}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active{height:100%;z-index:100000}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header,.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper{z-index:99}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-left-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav{left:0}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point.ast-flyout-below-right-side .ast-below-header-navigation-wrap .ast-below-header-actual-nav{right:0}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{visibility:visible;opacity:1;z-index:5}.ast-flyout-below-menu-overlay .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap div.ast-masthead-custom-menu-items{padding-left:20px;padding-right:20px}.ast-header-stick-scroll-active .ast-flyout-below-menu-enable.ast-header-break-point #masthead .ast-below-header-actual-nav,.ast-header-stick-slide-active .ast-flyout-below-menu-enable.ast-header-break-point #masthead .ast-below-header-actual-nav{display:none!important}.ast-header-stick-scroll-active .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-actual-nav,.ast-header-stick-slide-active .ast-flyout-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-actual-nav{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; +} diff --git a/assets/css/below-menu-fullscreen-rtl.css b/assets/css/below-menu-fullscreen-rtl.css new file mode 100644 index 00000000..66125dca --- /dev/null +++ b/assets/css/below-menu-fullscreen-rtl.css @@ -0,0 +1,342 @@ +/*---------- 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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + display: none; + background: #fff; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + display: block !important; + opacity: 0; + visibility: hidden; + transition: opacity linear 0.2s, visibility linear 0.2s, background linear 0.2s; + text-align: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu { + margin-bottom: 40px; + background: transparent !important; + border-width: 0; + border-style: solid; + border-color: var(--ast-border-color); +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu > .menu-item:first-child > .menu-link:before { + border: none; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close { + position: fixed; + display: none; + text-align: left; + height: 40px; + cursor: pointer; + z-index: 99; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close:hover { + opacity: 1; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a { + padding: 10px 15px; + font-weight: normal; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_price_filter .price_slider_amount .button { + padding: 10px 15px; + font-weight: normal; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap ul.product_list_widget li a { + margin-bottom: 4px; + line-height: 1.2; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .sub-menu { + text-align: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-menu { + text-align: center; + justify-content: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav { + bottom: 0; + transform: none; + right: auto; + -js-display: flex !important; + display: flex !important; + background: transparent; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu { + display: inherit; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav { + min-height: calc(100% - 40px); + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item .menu-link { + width: auto; + border: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item > div { + position: static; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .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-below-menu-enable.ast-header-break-point .ast-below-header { + text-align: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header .ast-below-header-navigation-wrap .menu-item-has-children > .ast-menu-toggle { + position: relative; + left: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before { + content: "\e5d2"; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item .menu-link { + border-bottom: none; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:first-child .menu-link { + border-bottom: none; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:last-child .menu-link { + border-bottom: none; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav { + min-height: calc(100% - 40px); +} + +@media screen and (max-width: 782px) { + .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav { + min-height: calc(100% - 86px); + } +} + +@media screen and (min-width: 480px) { + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu { + margin-right: 40px; + margin-left: 40px; + } + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + margin-right: 40px; + } +} + +@media screen and (max-width: 479px) { + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + margin-right: -20px; + } +} + +@media (max-width: 544px) { + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1 { + text-align: center; + } + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 { + text-align: center; + } +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu { + display: inherit; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close { + display: block; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + display: block; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap { + padding-top: 32px; +} + +@media screen and (max-width: 782px) { + .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap { + padding-top: 46px; + } +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide { + height: 100% !important; + max-height: 100% !important; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper { + z-index: 6; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header { + z-index: 6; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper, +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .main-header-bar, +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper, +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-above-header { + z-index: 5; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-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-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + top: 32px; +} + +@media screen and (max-width: 782px) { + .admin-bar.ast-admin-bar-visible .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + top: 46px; + } +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-navigation-wrap { + right: 0; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-header-sections-navigation, +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu-items { + background: transparent; +} + +.ast-header-stick-slide-active .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-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; +} diff --git a/assets/css/below-menu-fullscreen-rtl.min.css b/assets/css/below-menu-fullscreen-rtl.min.css new file mode 100644 index 00000000..a92ba051 --- /dev/null +++ b/assets/css/below-menu-fullscreen-rtl.min.css @@ -0,0 +1,85 @@ +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{display:none;background:#fff;position:fixed;right:0;left:0;top:0;bottom:0;display:block!important;opacity:0;visibility:hidden;transition:opacity linear .2s,visibility linear .2s,background linear .2s;text-align:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu{margin-bottom:40px;background:0 0!important;border-width:0;border-style:solid;border-color:var(--ast-border-color)}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu>.menu-item:first-child>.menu-link:before{border:none}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close{position:fixed;display:none;text-align:left;height:40px;cursor:pointer;z-index:99}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close:hover{opacity:1}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_price_filter .price_slider_amount .button{padding:10px 15px;font-weight:400}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap ul.product_list_widget li a{margin-bottom:4px;line-height:1.2}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .sub-menu{text-align:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-menu{text-align:center;justify-content:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav{bottom:0;transform:none;right:auto;-js-display:flex!important;display:flex!important;background:0 0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu{display:inherit}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav{min-height:calc(100% - 40px);-js-display:flex;display:flex;align-items:center;justify-content:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item .menu-link{width:auto;border:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item>div{position:static}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .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-below-menu-enable.ast-header-break-point .ast-below-header{text-align:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header .ast-below-header-navigation-wrap .menu-item-has-children>.ast-menu-toggle{position:relative;left:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item .menu-link{border-bottom:none}.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:first-child .menu-link{border-bottom:none}.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:last-child .menu-link{border-bottom:none}.ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav{min-height:calc(100% - 40px)}@media screen and (max-width:782px){.ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav{min-height:calc(100% - 86px)}}@media screen and (min-width:480px){.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu{margin-right:40px;margin-left:40px}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{margin-right:40px}}@media screen and (max-width:479px){.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{margin-right:-20px}}@media (max-width:544px){.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1{text-align:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2{text-align:center}}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu{display:inherit}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close{display:block}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{display:block}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap{padding-top:32px}@media screen and (max-width:782px){.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap{padding-top:46px}}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide{height:100%!important;max-height:100%!important}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper{z-index:6}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header{z-index:6}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-above-header,.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper,.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .main-header-bar{z-index:5}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-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-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{top:32px}@media screen and (max-width:782px){.admin-bar.ast-admin-bar-visible .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{top:46px}}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-navigation-wrap{right:0}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu-items,.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-header-sections-navigation{background:0 0}.ast-header-stick-slide-active .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-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; +} diff --git a/assets/css/below-menu-fullscreen.css b/assets/css/below-menu-fullscreen.css new file mode 100644 index 00000000..82de5515 --- /dev/null +++ b/assets/css/below-menu-fullscreen.css @@ -0,0 +1,342 @@ +/*---------- 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-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + display: none; + background: #fff; + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: block !important; + opacity: 0; + visibility: hidden; + transition: opacity linear 0.2s, visibility linear 0.2s, background linear 0.2s; + text-align: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu { + margin-bottom: 40px; + background: transparent !important; + border-width: 0; + border-style: solid; + border-color: var(--ast-border-color); +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu > .menu-item:first-child > .menu-link:before { + border: none; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close { + position: fixed; + display: none; + text-align: right; + height: 40px; + cursor: pointer; + z-index: 99; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close:hover { + opacity: 1; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a { + padding: 10px 15px; + font-weight: normal; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_price_filter .price_slider_amount .button { + padding: 10px 15px; + font-weight: normal; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap ul.product_list_widget li a { + margin-bottom: 4px; + line-height: 1.2; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .sub-menu { + text-align: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-menu { + text-align: center; + justify-content: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav { + bottom: 0; + transform: none; + left: auto; + -js-display: flex !important; + display: flex !important; + background: transparent; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu { + display: inherit; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav { + min-height: calc(100% - 40px); + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item .menu-link { + width: auto; + border: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item > div { + position: static; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .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-below-menu-enable.ast-header-break-point .ast-below-header { + text-align: center; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header .ast-below-header-navigation-wrap .menu-item-has-children > .ast-menu-toggle { + position: relative; + right: 0; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before { + content: "\e5d2"; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item .menu-link { + border-bottom: none; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:first-child .menu-link { + border-bottom: none; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:last-child .menu-link { + border-bottom: none; +} + +.ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav { + min-height: calc(100% - 40px); +} + +@media screen and (max-width: 782px) { + .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav { + min-height: calc(100% - 86px); + } +} + +@media screen and (min-width: 480px) { + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu { + margin-left: 40px; + margin-right: 40px; + } + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + margin-left: 40px; + } +} + +@media screen and (max-width: 479px) { + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + margin-left: -20px; + } +} + +@media (max-width: 544px) { + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1 { + text-align: center; + } + .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 { + text-align: center; + } +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu { + display: inherit; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close { + display: block; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + display: block; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap { + padding-top: 32px; +} + +@media screen and (max-width: 782px) { + .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap { + padding-top: 46px; + } +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide { + height: 100% !important; + max-height: 100% !important; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper { + z-index: 6; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header { + z-index: 6; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper, +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .main-header-bar, +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper, +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-above-header { + z-index: 5; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-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-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + top: 32px; +} + +@media screen and (max-width: 782px) { + .admin-bar.ast-admin-bar-visible .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { + top: 46px; + } +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-navigation-wrap { + left: 0; +} + +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-header-sections-navigation, +.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu-items { + background: transparent; +} + +.ast-header-stick-slide-active .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-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; +} diff --git a/assets/css/below-menu-fullscreen.min.css b/assets/css/below-menu-fullscreen.min.css new file mode 100644 index 00000000..820de3a0 --- /dev/null +++ b/assets/css/below-menu-fullscreen.min.css @@ -0,0 +1,85 @@ +.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{display:none;background:#fff;position:fixed;left:0;right:0;top:0;bottom:0;display:block!important;opacity:0;visibility:hidden;transition:opacity linear .2s,visibility linear .2s,background linear .2s;text-align:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu{margin-bottom:40px;background:0 0!important;border-width:0;border-style:solid;border-color:var(--ast-border-color)}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu>.menu-item:first-child>.menu-link:before{border:none}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close{position:fixed;display:none;text-align:right;height:40px;cursor:pointer;z-index:99}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close:hover{opacity:1}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_price_filter .price_slider_amount .button{padding:10px 15px;font-weight:400}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap ul.product_list_widget li a{margin-bottom:4px;line-height:1.2}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .sub-menu{text-align:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-menu{text-align:center;justify-content:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav{bottom:0;transform:none;left:auto;-js-display:flex!important;display:flex!important;background:0 0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu{display:inherit}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav{min-height:calc(100% - 40px);-js-display:flex;display:flex;align-items:center;justify-content:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item .menu-link{width:auto;border:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item>div{position:static}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .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-below-menu-enable.ast-header-break-point .ast-below-header{text-align:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header .ast-below-header-navigation-wrap .menu-item-has-children>.ast-menu-toggle{position:relative;right:0}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item .menu-link{border-bottom:none}.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:first-child .menu-link{border-bottom:none}.ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:last-child .menu-link{border-bottom:none}.ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav{min-height:calc(100% - 40px)}@media screen and (max-width:782px){.ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav{min-height:calc(100% - 86px)}}@media screen and (min-width:480px){.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu{margin-left:40px;margin-right:40px}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{margin-left:40px}}@media screen and (max-width:479px){.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{margin-left:-20px}}@media (max-width:544px){.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1{text-align:center}.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2{text-align:center}}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu{display:inherit}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close{display:block}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{display:block}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap{padding-top:32px}@media screen and (max-width:782px){.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap{padding-top:46px}}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide{height:100%!important;max-height:100%!important}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper{z-index:6}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header{z-index:6}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-above-header,.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper,.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .main-header-bar{z-index:5}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-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-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{top:32px}@media screen and (max-width:782px){.admin-bar.ast-admin-bar-visible .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap{top:46px}}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-navigation-wrap{left:0}.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu-items,.ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-header-sections-navigation{background:0 0}.ast-header-stick-slide-active .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-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; +} diff --git a/assets/css/below-menu-no-toggle-rtl.css b/assets/css/below-menu-no-toggle-rtl.css new file mode 100644 index 00000000..ec3812d1 --- /dev/null +++ b/assets/css/below-menu-no-toggle-rtl.css @@ -0,0 +1,252 @@ +/*---------- 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-below-menu-enable .ast-below-header-section-separated .ast-below-header-actual-nav { + display: block; + position: relative; + transform: none; + overflow: initial; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + padding-top: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav li, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items li { + display: inline-block; + width: auto; + float: right; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .menu-item-has-children > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-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-below-menu-enable .ast-below-header-actual-nav .ast-below-header-menu > .menu-item-has-children > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .ast-below-header-menu > .menu-item-has-children > .ast-menu-toggle { + font-size: 0.8em; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul li a, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item .menu-link { + width: auto; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item-has-children { + -js-display: inline-flex; + display: inline-flex; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item.ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item.ast-sub-menu-goes-outside.focus > .sub-menu, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu { + position: absolute; + right: 0; + left: 0; + width: 240px; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item { + position: relative; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 { + text-align: center; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1 .sub-menu, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 .sub-menu { + text-align: right; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu > .menu-item-has-children > .menu-link { + padding-left: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item { + width: 100%; + display: inline-block; + position: relative; + margin: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item .menu-link { + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item-has-children > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item-has-children > .ast-menu-toggle { + position: absolute; + background: transparent; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .sub-menu { + position: relative; + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before { + content: ""; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu > .menu-item-has-children > .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated .ast-below-header-menu, +.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item:first-child .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item:last-child .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-justify-content-flex-end .ast-below-header-menu > .menu-item-has-children > .menu-link { + border: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation > .ast-below-header-menu > .menu-item:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation > ul > li:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul > li:first-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu > .menu-item:first-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul li { + border-style: solid; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul ul ul li { + border-right: 0; + border-left: 0; + border-bottom: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header .ast-below-header-menu > .menu-item:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul > li:first-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu > .menu-item:first-child { + border-style: solid; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav > .ast-below-header-menu > li:first-child { + border-left: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item:last-child { + border-bottom: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item { + border-bottom: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu > .menu-item > .sub-menu .menu-item:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul ul li:last-child { + border-style: solid; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu > .menu-item > .sub-menu .sub-menu .menu-item:last-child { + border-bottom: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul ul li { + border-bottom: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before { + content: ""; +} + + +/* 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; +} diff --git a/assets/css/below-menu-no-toggle-rtl.min.css b/assets/css/below-menu-no-toggle-rtl.min.css new file mode 100644 index 00000000..31f13975 --- /dev/null +++ b/assets/css/below-menu-no-toggle-rtl.min.css @@ -0,0 +1,85 @@ +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated .ast-below-header-actual-nav{display:block;position:relative;transform:none;overflow:initial}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{padding-top:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav li,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items li{display:inline-block;width:auto;float:right}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .menu-item-has-children>.ast-menu-toggle{left:0;position:relative;top:0;transition:all .2s linear;border-radius:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .ast-below-header-menu>.menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .ast-below-header-menu>.menu-item-has-children>.ast-menu-toggle{font-size:.8em}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul li a,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item .menu-link{width:auto}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item-has-children{-js-display:inline-flex;display:inline-flex}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item.ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item.ast-sub-menu-goes-outside:hover>.sub-menu,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu{position:absolute;right:0;left:0;width:240px}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item{position:relative}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2{text-align:center}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1 .sub-menu,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 .sub-menu{text-align:right}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu>.menu-item-has-children>.menu-link{padding-left:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item{width:100%;display:inline-block;position:relative;margin:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item .menu-link{width:100%}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item-has-children>.ast-menu-toggle{position:absolute;background:0 0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .sub-menu{position:relative;width:100%}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before{content:""}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu>.menu-item-has-children>.menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated .ast-below-header-menu,.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item:first-child .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item:last-child .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-justify-content-flex-end .ast-below-header-menu>.menu-item-has-children>.menu-link{border:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu>.menu-item:first-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul li,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul>li:first-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation>.ast-below-header-menu>.menu-item:last-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation>ul>li:last-child{border-style:solid}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul ul ul li{border-right:0;border-left:0;border-bottom:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header .ast-below-header-menu>.menu-item:last-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul>li:first-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu>.menu-item:first-child{border-style:solid}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav>.ast-below-header-menu>li:first-child{border-left:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item:last-child{border-bottom:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item{border-bottom:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item:last-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul ul li:last-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu>.menu-item>.sub-menu .menu-item:last-child{border-style:solid}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu>.menu-item>.sub-menu .sub-menu .menu-item:last-child{border-bottom:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul ul li{border-bottom:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before{content:""} + +/* 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; +} diff --git a/assets/css/below-menu-no-toggle.css b/assets/css/below-menu-no-toggle.css new file mode 100644 index 00000000..c7de478a --- /dev/null +++ b/assets/css/below-menu-no-toggle.css @@ -0,0 +1,252 @@ +/*---------- 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-below-menu-enable .ast-below-header-section-separated .ast-below-header-actual-nav { + display: block; + position: relative; + transform: none; + overflow: initial; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { + padding-top: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav li, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items li { + display: inline-block; + width: auto; + float: left; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .menu-item-has-children > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-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-below-menu-enable .ast-below-header-actual-nav .ast-below-header-menu > .menu-item-has-children > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .ast-below-header-menu > .menu-item-has-children > .ast-menu-toggle { + font-size: 0.8em; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul li a, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item .menu-link { + width: auto; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item-has-children { + -js-display: inline-flex; + display: inline-flex; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item.ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item.ast-sub-menu-goes-outside.focus > .sub-menu, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu { + position: absolute; + left: 0; + right: 0; + width: 240px; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item { + position: relative; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 { + text-align: center; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1 .sub-menu, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 .sub-menu { + text-align: left; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu > .menu-item-has-children > .menu-link { + padding-right: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item { + width: 100%; + display: inline-block; + position: relative; + margin: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item .menu-link { + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item-has-children > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item-has-children > .ast-menu-toggle { + position: absolute; + background: transparent; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .sub-menu { + position: relative; + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before { + content: ""; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu > .menu-item-has-children > .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated .ast-below-header-menu, +.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item:first-child .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item:last-child .menu-link, +.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-justify-content-flex-end .ast-below-header-menu > .menu-item-has-children > .menu-link { + border: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation > .ast-below-header-menu > .menu-item:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation > ul > li:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul > li:first-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu > .menu-item:first-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul li { + border-style: solid; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul ul ul li { + border-left: 0; + border-right: 0; + border-bottom: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header .ast-below-header-menu > .menu-item:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul > li:first-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu > .menu-item:first-child { + border-style: solid; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav > .ast-below-header-menu > li:first-child { + border-right: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item:last-child { + border-bottom: 0; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item { + border-bottom: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu > .menu-item > .sub-menu .menu-item:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item:last-child, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul ul li:last-child { + border-style: solid; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu > .menu-item > .sub-menu .sub-menu .menu-item:last-child { + border-bottom: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul ul li { + border-bottom: none; +} + +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before { + content: ""; +} + + +/* 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; +} diff --git a/assets/css/below-menu-no-toggle.min.css b/assets/css/below-menu-no-toggle.min.css new file mode 100644 index 00000000..9f646844 --- /dev/null +++ b/assets/css/below-menu-no-toggle.min.css @@ -0,0 +1,85 @@ +.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated .ast-below-header-actual-nav{display:block;position:relative;transform:none;overflow:initial}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-1 .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child{padding-top:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav li,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items li{display:inline-block;width:auto;float:left}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .menu-item-has-children>.ast-menu-toggle{right:0;position:relative;top:0;transition:all .2s linear;border-radius:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .ast-below-header-menu>.menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .ast-below-header-menu>.menu-item-has-children>.ast-menu-toggle{font-size:.8em}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul li a,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item .menu-link{width:auto}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item-has-children{-js-display:inline-flex;display:inline-flex}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item.ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item.ast-sub-menu-goes-outside:hover>.sub-menu,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu{position:absolute;left:0;right:0;width:240px}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item{position:relative}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2{text-align:center}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1 .sub-menu,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 .sub-menu{text-align:left}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu>.menu-item-has-children>.menu-link{padding-right:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item{width:100%;display:inline-block;position:relative;margin:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item .menu-link{width:100%}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item-has-children>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu .menu-item-has-children>.ast-menu-toggle{position:absolute;background:0 0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .sub-menu{position:relative;width:100%}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before{content:""}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .menu-item .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu>.menu-item-has-children>.menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-section-separated .ast-below-header-menu,.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item:first-child .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-below-header-menu .menu-item:last-child .menu-link,.ast-header-break-point.ast-no-toggle-below-menu-enable.below-header-nav-padding-support .ast-justify-content-flex-end .ast-below-header-menu>.menu-item-has-children>.menu-link{border:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu>.menu-item:first-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul li,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul>li:first-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation>.ast-below-header-menu>.menu-item:last-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation>ul>li:last-child{border-style:solid}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-navigation ul ul ul li{border-left:0;border-right:0;border-bottom:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header .ast-below-header-menu>.menu-item:last-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul>li:first-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu-items .sub-menu>.menu-item:first-child{border-style:solid}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav>.ast-below-header-menu>li:first-child{border-right:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item:last-child{border-bottom:0}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu .sub-menu .menu-item{border-bottom:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item:last-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul ul li:last-child,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu>.menu-item>.sub-menu .menu-item:last-child{border-style:solid}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-menu>.menu-item>.sub-menu .sub-menu .menu-item:last-child{border-bottom:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav ul ul li{border-bottom:none}.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-below-menu-enable .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before{content:""} + +/* 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; +} diff --git a/assets/css/block-common.css b/assets/css/block-common.css new file mode 100644 index 00000000..a41cd681 --- /dev/null +++ b/assets/css/block-common.css @@ -0,0 +1,86 @@ +.eb-shape-divider{direction:ltr;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.eb-shape-divider-top{top:-1px}.eb-shape-divider-top:not([data-negative=false]) svg{z-index:-1}.eb-shape-divider-bottom{bottom:-1px}.eb-shape-divider-bottom:not([data-negative=false]) svg{z-index:-1}.eb-shape-divider[data-negative=false].eb-shape-divider-bottom,.eb-shape-divider[data-negative=true].eb-shape-divider-top{transform:rotate(180deg)}.eb-shape-divider svg{display:block;left:50%;position:relative;transform:translateX(-50%);width:calc(100% + 1.3px)}.eb-shape-divider .eb-shape-divider-fill{transform:rotateY(0deg);transform-origin: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; +} diff --git a/assets/css/block-editor-styles-rtl.css b/assets/css/block-editor-styles-rtl.css new file mode 100644 index 00000000..c0da72df --- /dev/null +++ b/assets/css/block-editor-styles-rtl.css @@ -0,0 +1,852 @@ +html { + font-size: 93.75%; +} + +/* Variables */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/* + * Button mixin- creates a button effect with correct + * highlights/shadows, based on a base color. + */ +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block { + transition: all 0.2s; +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted, .ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block:hover { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after { + box-shadow: none; +} + +.edit-post-visual-editor { + /* must have higher specificity than alternative color schemes inline styles */ +} + +.edit-post-visual-editor ::selection { + color: #fff; + background: royalblue; +} + +.edit-post-visual-editor body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.edit-post-visual-editor body:not(.logged-in) { + position: relative; +} + +.edit-post-visual-editor #page { + position: relative; +} + +.edit-post-visual-editor a, +.edit-post-visual-editor a:focus { + text-decoration: none; +} + +.edit-post-visual-editor a, +.edit-post-visual-editor .site-header a *, +.edit-post-visual-editor .site-footer a *, +.edit-post-visual-editor .secondary a * { + transition: all 0.2s linear; +} + +.edit-post-visual-editor .capitalize { + text-transform: uppercase; +} + +.edit-post-visual-editor img { + vertical-align: middle; +} + +.edit-post-visual-editor .entry-content h1, +.edit-post-visual-editor .entry-content h2, +.edit-post-visual-editor .entry-content h3, +.edit-post-visual-editor .entry-content h4, +.edit-post-visual-editor .entry-content h5, +.edit-post-visual-editor .entry-content h6 { + margin-bottom: 20px; +} + +.edit-post-visual-editor p { + margin-bottom: 1.75em; +} + +.edit-post-visual-editor blockquote { + margin: 1.5em 3em 1.5em 1em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.edit-post-visual-editor .ast-button, +.edit-post-visual-editor .button, +.edit-post-visual-editor input[type="button"], +.edit-post-visual-editor input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.edit-post-visual-editor .ast-button:hover, +.edit-post-visual-editor .button:hover, +.edit-post-visual-editor input[type="button"]:hover, +.edit-post-visual-editor input[type="submit"]:hover { + box-shadow: none; +} + +.edit-post-visual-editor .ast-button:active, .edit-post-visual-editor .ast-button:focus, +.edit-post-visual-editor .button:active, +.edit-post-visual-editor .button:focus, +.edit-post-visual-editor input[type="button"]:active, +.edit-post-visual-editor input[type="button"]:focus, +.edit-post-visual-editor input[type="submit"]:active, +.edit-post-visual-editor input[type="submit"]:focus { + box-shadow: none; +} + +.edit-post-visual-editor .site-title { + font-weight: normal; +} + +.edit-post-visual-editor .site-title, +.edit-post-visual-editor .site-description { + margin-bottom: 0; +} + +.edit-post-visual-editor .site-title a, +.edit-post-visual-editor .site-title:hover a, +.edit-post-visual-editor .site-title:focus a, +.edit-post-visual-editor .site-description a, +.edit-post-visual-editor .site-description:hover a, +.edit-post-visual-editor .site-description:focus a { + transition: all 0.2s linear; +} + +.edit-post-visual-editor .site-title a, +.edit-post-visual-editor .site-title a:focus, +.edit-post-visual-editor .site-title a:hover, +.edit-post-visual-editor .site-title a:visited { + color: #222; +} + +.edit-post-visual-editor .site-description a, +.edit-post-visual-editor .site-description a:focus, +.edit-post-visual-editor .site-description a:hover, +.edit-post-visual-editor .site-description a:visited { + color: #999; +} + +.edit-post-visual-editor .search-form .search-field { + outline: none; +} + +.edit-post-visual-editor .ast-search-menu-icon { + position: relative; + z-index: 3; +} + +.edit-post-visual-editor .site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + right: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.edit-post-visual-editor .site .skip-link:focus { + clip: auto; + height: auto; + right: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .edit-post-visual-editor .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +.edit-post-visual-editor h1, .edit-post-visual-editor h2, .edit-post-visual-editor h3, .edit-post-visual-editor h4, .edit-post-visual-editor h5, .edit-post-visual-editor h6 { + clear: both; +} + +.edit-post-visual-editor h1, +.edit-post-visual-editor .entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +.edit-post-visual-editor h2, +.edit-post-visual-editor .entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +.edit-post-visual-editor h3, +.edit-post-visual-editor .entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +.edit-post-visual-editor h4, +.edit-post-visual-editor .entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +.edit-post-visual-editor h5, +.edit-post-visual-editor .entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +.edit-post-visual-editor h6, +.edit-post-visual-editor .entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +.edit-post-visual-editor .wp-block-heading h1 { + line-height: 1.2; +} + +.edit-post-visual-editor .wp-block-heading h2 { + line-height: 1.3; +} + +.edit-post-visual-editor .wp-block-heading h3 { + line-height: 1.4; +} + +.edit-post-visual-editor .wp-block-heading h4 { + line-height: 1.5; +} + +.edit-post-visual-editor .wp-block-heading h5 { + line-height: 1.6; +} + +.edit-post-visual-editor .wp-block-heading h6 { + line-height: 1.7; +} + +.edit-post-visual-editor button.components-button { + color: inherit; +} + +#editor .edit-post-visual-editor.responsive-enabled { + background-color: #2f2f2f; +} + +.editor-styles-wrapper .block-editor-block-list__block h1 { + line-height: 1.2; +} + +.editor-styles-wrapper .block-editor-block-list__block h2 { + line-height: 1.3; +} + +.editor-styles-wrapper .block-editor-block-list__block h3 { + line-height: 1.4; +} + +.editor-styles-wrapper .block-editor-block-list__block h4 { + line-height: 1.5; +} + +.editor-styles-wrapper .block-editor-block-list__block h5 { + line-height: 1.6; +} + +.editor-styles-wrapper .block-editor-block-list__block h6 { + line-height: 1.7; +} + +.edit-post-visual-editor p, +.block-editor-block-list__block p, +.editor-default-block-appender textarea.editor-default-block-appender__content { + font-size: 15px; + font-size: 1rem; +} + +.editor-post-title__block .editor-post-title__input { + font-size: 30px; + font-size: 2rem; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; + font-weight: normal; +} + +@media (min-width: 600px) { + .edit-post-visual-editor .block-editor-block-list__block { + padding-right: 0; + padding-left: 0; + } +} + +.edit-post-visual-editor .block-editor-block-list__block .editor-block-list__block-edit { + margin-right: 0; + margin-left: 0; +} + +.edit-post-visual-editor .block-editor-block-list__block > .editor-block-mover { + right: -50px; + top: -5px; +} + +@media (min-width: 600px) { + .edit-post-visual-editor .block-editor-block-list__block.wp-block-quote { + padding: 1.2em; + } +} + +.block-editor-block-list__block[data-align=full] { + max-width: none; +} + +@media (min-width: 600px) { + .block-editor-block-list__block[data-align=full] .editor-block-list__block-edit { + padding-right: 0; + padding-left: 0; + } +} + +.block-editor-block-list__block[data-align=wide] { + max-width: 1400px; +} + +.editor-default-block-appender__content { + margin-top: 32px; +} + +.wp-block-latest-posts.is-grid { + list-style: none; +} + +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-gallery { + margin: 0; +} + +.wp-block-gallery.is-cropped .blocks-gallery-item img { + height: 100%; +} + +.edit-post-visual-editor .blocks-gallery-grid { + margin: 0; +} + +.wp-block-latest-posts { + margin-right: 0; +} + +.wp-block-latest-posts li { + list-style: none; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: inherit; +} + +.mce-widget i { + font-style: normal; +} + +#elementor-editor-button { + background: #0073aa; + border-color: #0073aa; + color: #fff; + font-size: 14px; + height: 46px; + line-height: 44px; + padding: 0 36px; + display: inline-block; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; + box-shadow: 0 2px 0 #006799; +} + +#elementor-editor-button:hover, #elementor-editor-button:focus { + background: #007db9; + border-color: #00699b; + color: #fff; +} + +#elementor-editor-button:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0073aa; +} + +#elementor-editor-button:active { + background: #006291; + border-color: #006291; + color: #fff; +} + +#elementor-editor-button.active, #elementor-editor-button.active:focus, #elementor-editor-button.active:hover { + background: #0073aa; + color: #fff; + border-color: #003f5e; + box-shadow: inset 0 2px 5px -3px black; +} + +#elementor-editor-button i { + font-style: normal; + color: white; +} + +.editor-media-placeholder button, +.fl-builder-layout-launch-view button { + margin: 2px; +} + +.fl-builder-layout-launch-view .is-primary.is-primary { + color: white; +} + +.ast-separate-container #wpwrap .edit-post-visual-editor { + background-color: #f5f5f5; +} + +/** + * Woocommerce Gutenberg Blocks Product Grid CSS Compatibility. + */ +.wc-block-grid .wc-block-grid__products .wc-block-grid__product { + text-align: right; + margin-bottom: 2.5em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a { + display: inline-block; + position: relative; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 .8em 0; + box-shadow: none; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; + line-height: 1.2; + font-weight: inherit; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating { + margin: 0 0 .5em auto; + backface-visibility: hidden; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del { + display: initial; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + font-size: 100%; + font-weight: 700; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added { + margin-bottom: 0; + transition: margin 0s; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + text-transform: capitalize; + position: absolute; + text-align: center; + border-radius: 100%; + z-index: 9; + top: 0; + left: 15px; + right: auto; + margin: -0.5em 0 0 -0.5em; +} + +.edit-post-visual-editor__post-title-wrapper { + position: relative; + max-width: var(--wp--custom--ast-content-width-size); + margin-right: auto !important; + margin-left: auto !important; + margin-bottom: 1.5em; +} + +.edit-post-visual-editor__post-title-wrapper.invisible { + opacity: 0.5; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility { + cursor: pointer; + font-size: 18px; + width: 36px; + height: 100%; + text-align: center; + color: var(--wp-admin-theme-color); + vertical-align: middle; + position: absolute; + right: -37px; + bottom: 0; + opacity: 0; + margin: 0 !important; + padding: 0 !important; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility:before { + width: 100%; + height: 100%; + display: inline-flex; + align-items: center; + justify-content: center; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility:after { + content: attr(data-tooltip); + white-space: nowrap; + border-radius: 2px; + pointer-events: none; + color: #fff; + background: #1e1e1e; + opacity: 0; + visibility: hidden; + width: max-content; + line-height: 26px; + margin-right: -1px; + display: flex; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + align-items: flex-start; + padding: 0 6px; + font-size: 12px; + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input { + padding: 10px 6px; + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input.is-selected { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input.is-selected + .title-visibility { + opacity: 1; + color: var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper .ast-show-visibility-icon { + opacity: 1; + color: var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper .ast-show-editor-title-outline { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.ast-page-builder-template .edit-post-visual-editor__post-title-wrapper, .ast-stacked-title-visibility .edit-post-visual-editor__post-title-wrapper { + max-width: none; + padding: 0 20px; +} + +.ast-page-builder-template .edit-post-visual-editor__post-title-wrapper .title-visibility, .ast-stacked-title-visibility .edit-post-visual-editor__post-title-wrapper .title-visibility { + right: unset; + top: -41px; + height: 40px; +} + +/** + * Gutenberg editor improving UI/UX. + */ +.edit-post-visual-editor ul.block-editor-block-list__block, +.edit-post-visual-editor ol.block-editor-block-list__block { + margin-right: 20px; +} + +.block-editor-block-list__block.wp-block.wp-social-link { + font-size: inherit; +} + +.edit-post-visual-editor .block-editor-block-list__block.wp-social-link { + padding: 0; +} + +.wp-block ol, .wp-block ul { + margin-right: 20px; + margin-left: 20px; +} + +.edit-post-visual-editor .wp-block.wp-block-shortcode { + padding: 20px; +} + +.wp-block-table td, .wp-block-table th { + padding: 0.5em; + border: 1px solid; + word-break: normal; +} + +.edit-post-visual-editor pre.wp-block, .edit-post-visual-editor .wp-block.wp-block-query-title { + padding-right: 20px; +} + +.block-editor-block-list__layout .block-editor-block-list__block.wp-block-button:not(:first-child) { + padding-right: 0; + padding-left: 0; +} + +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon { + margin: 6px 0 0 -2px; + border-radius: 0; +} + +.components-dropdown__content .components-popover__content { + min-width: 290px; +} + +.components-color-palette__custom-color-dropdown-content .components-popover__content { + min-width: auto; +} + +.wp-block-buttons > .wp-block.wp-block-button { + padding-left: 0; +} + +.wp-block .wp-block-categories__list { + padding-right: 0; +} + +.wp-block-latest-comments .wp-block-latest-comments { + margin-right: 0; +} + +.wp-block-quote.is-style-large cite { + text-align: right; +} + +.editor-styles-wrapper p { + line-height: 1.85714285714286; +} + +.wp-block-paragraph.has-background { + padding: 1.25em 2.375em; +} + +.ast-theme-block-color-name { + mix-blend-mode: difference; +} + +.components-color-palette__custom-color { + text-align: right; + padding-right: 5px; +} + +h1.wp-block.has-background, +h2.wp-block.has-background, +h3.wp-block.has-background, +h4.wp-block.has-background, +h5.wp-block.has-background, +h6.wp-block.has-background { + padding: 1.25em 2.375em; +} + +/** + * 6.3 Compatibility fixes in block editor. + */ +span.title-visibility svg { + position: absolute; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + width: 16px; + height: 40px; + fill: var(--wp-admin-theme-color); +} + +#astra_settings_meta_box .components-button.is-primary:hover:not(:disabled), +.ast-meta-settings-content .components-button.is-primary:hover:not(:disabled) { + background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)) !important; + color: var(--wp-components-color-accent-inverted, #fff) !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; +} diff --git a/assets/css/block-editor-styles.css b/assets/css/block-editor-styles.css new file mode 100644 index 00000000..075570c6 --- /dev/null +++ b/assets/css/block-editor-styles.css @@ -0,0 +1,852 @@ +html { + font-size: 93.75%; +} + +/* Variables */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/* + * Button mixin- creates a button effect with correct + * highlights/shadows, based on a base color. + */ +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block { + transition: all 0.2s; +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted, .ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block:hover { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after { + box-shadow: none; +} + +.edit-post-visual-editor { + /* must have higher specificity than alternative color schemes inline styles */ +} + +.edit-post-visual-editor ::selection { + color: #fff; + background: royalblue; +} + +.edit-post-visual-editor body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.edit-post-visual-editor body:not(.logged-in) { + position: relative; +} + +.edit-post-visual-editor #page { + position: relative; +} + +.edit-post-visual-editor a, +.edit-post-visual-editor a:focus { + text-decoration: none; +} + +.edit-post-visual-editor a, +.edit-post-visual-editor .site-header a *, +.edit-post-visual-editor .site-footer a *, +.edit-post-visual-editor .secondary a * { + transition: all 0.2s linear; +} + +.edit-post-visual-editor .capitalize { + text-transform: uppercase; +} + +.edit-post-visual-editor img { + vertical-align: middle; +} + +.edit-post-visual-editor .entry-content h1, +.edit-post-visual-editor .entry-content h2, +.edit-post-visual-editor .entry-content h3, +.edit-post-visual-editor .entry-content h4, +.edit-post-visual-editor .entry-content h5, +.edit-post-visual-editor .entry-content h6 { + margin-bottom: 20px; +} + +.edit-post-visual-editor p { + margin-bottom: 1.75em; +} + +.edit-post-visual-editor blockquote { + margin: 1.5em 1em 1.5em 3em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.edit-post-visual-editor .ast-button, +.edit-post-visual-editor .button, +.edit-post-visual-editor input[type="button"], +.edit-post-visual-editor input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.edit-post-visual-editor .ast-button:hover, +.edit-post-visual-editor .button:hover, +.edit-post-visual-editor input[type="button"]:hover, +.edit-post-visual-editor input[type="submit"]:hover { + box-shadow: none; +} + +.edit-post-visual-editor .ast-button:active, .edit-post-visual-editor .ast-button:focus, +.edit-post-visual-editor .button:active, +.edit-post-visual-editor .button:focus, +.edit-post-visual-editor input[type="button"]:active, +.edit-post-visual-editor input[type="button"]:focus, +.edit-post-visual-editor input[type="submit"]:active, +.edit-post-visual-editor input[type="submit"]:focus { + box-shadow: none; +} + +.edit-post-visual-editor .site-title { + font-weight: normal; +} + +.edit-post-visual-editor .site-title, +.edit-post-visual-editor .site-description { + margin-bottom: 0; +} + +.edit-post-visual-editor .site-title a, +.edit-post-visual-editor .site-title:hover a, +.edit-post-visual-editor .site-title:focus a, +.edit-post-visual-editor .site-description a, +.edit-post-visual-editor .site-description:hover a, +.edit-post-visual-editor .site-description:focus a { + transition: all 0.2s linear; +} + +.edit-post-visual-editor .site-title a, +.edit-post-visual-editor .site-title a:focus, +.edit-post-visual-editor .site-title a:hover, +.edit-post-visual-editor .site-title a:visited { + color: #222; +} + +.edit-post-visual-editor .site-description a, +.edit-post-visual-editor .site-description a:focus, +.edit-post-visual-editor .site-description a:hover, +.edit-post-visual-editor .site-description a:visited { + color: #999; +} + +.edit-post-visual-editor .search-form .search-field { + outline: none; +} + +.edit-post-visual-editor .ast-search-menu-icon { + position: relative; + z-index: 3; +} + +.edit-post-visual-editor .site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + left: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.edit-post-visual-editor .site .skip-link:focus { + clip: auto; + height: auto; + left: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .edit-post-visual-editor .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +.edit-post-visual-editor h1, .edit-post-visual-editor h2, .edit-post-visual-editor h3, .edit-post-visual-editor h4, .edit-post-visual-editor h5, .edit-post-visual-editor h6 { + clear: both; +} + +.edit-post-visual-editor h1, +.edit-post-visual-editor .entry-content h1 { + color: #808285; + font-size: 2em; + line-height: 1.2; +} + +.edit-post-visual-editor h2, +.edit-post-visual-editor .entry-content h2 { + color: #808285; + font-size: 1.7em; + line-height: 1.3; +} + +.edit-post-visual-editor h3, +.edit-post-visual-editor .entry-content h3 { + color: #808285; + font-size: 1.5em; + line-height: 1.4; +} + +.edit-post-visual-editor h4, +.edit-post-visual-editor .entry-content h4 { + color: #808285; + line-height: 1.5; + font-size: 1.3em; +} + +.edit-post-visual-editor h5, +.edit-post-visual-editor .entry-content h5 { + color: #808285; + line-height: 1.6; + font-size: 1.2em; +} + +.edit-post-visual-editor h6, +.edit-post-visual-editor .entry-content h6 { + color: #808285; + line-height: 1.7; + font-size: 1.1em; +} + +.edit-post-visual-editor .wp-block-heading h1 { + line-height: 1.2; +} + +.edit-post-visual-editor .wp-block-heading h2 { + line-height: 1.3; +} + +.edit-post-visual-editor .wp-block-heading h3 { + line-height: 1.4; +} + +.edit-post-visual-editor .wp-block-heading h4 { + line-height: 1.5; +} + +.edit-post-visual-editor .wp-block-heading h5 { + line-height: 1.6; +} + +.edit-post-visual-editor .wp-block-heading h6 { + line-height: 1.7; +} + +.edit-post-visual-editor button.components-button { + color: inherit; +} + +#editor .edit-post-visual-editor.responsive-enabled { + background-color: #2f2f2f; +} + +.editor-styles-wrapper .block-editor-block-list__block h1 { + line-height: 1.2; +} + +.editor-styles-wrapper .block-editor-block-list__block h2 { + line-height: 1.3; +} + +.editor-styles-wrapper .block-editor-block-list__block h3 { + line-height: 1.4; +} + +.editor-styles-wrapper .block-editor-block-list__block h4 { + line-height: 1.5; +} + +.editor-styles-wrapper .block-editor-block-list__block h5 { + line-height: 1.6; +} + +.editor-styles-wrapper .block-editor-block-list__block h6 { + line-height: 1.7; +} + +.edit-post-visual-editor p, +.block-editor-block-list__block p, +.editor-default-block-appender textarea.editor-default-block-appender__content { + font-size: 15px; + font-size: 1rem; +} + +.editor-post-title__block .editor-post-title__input { + font-size: 30px; + font-size: 2rem; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; + font-weight: normal; +} + +@media (min-width: 600px) { + .edit-post-visual-editor .block-editor-block-list__block { + padding-left: 0; + padding-right: 0; + } +} + +.edit-post-visual-editor .block-editor-block-list__block .editor-block-list__block-edit { + margin-left: 0; + margin-right: 0; +} + +.edit-post-visual-editor .block-editor-block-list__block > .editor-block-mover { + left: -50px; + top: -5px; +} + +@media (min-width: 600px) { + .edit-post-visual-editor .block-editor-block-list__block.wp-block-quote { + padding: 1.2em; + } +} + +.block-editor-block-list__block[data-align=full] { + max-width: none; +} + +@media (min-width: 600px) { + .block-editor-block-list__block[data-align=full] .editor-block-list__block-edit { + padding-left: 0; + padding-right: 0; + } +} + +.block-editor-block-list__block[data-align=wide] { + max-width: 1400px; +} + +.editor-default-block-appender__content { + margin-top: 32px; +} + +.wp-block-latest-posts.is-grid { + list-style: none; +} + +.blocks-gallery-grid { + margin: 0; +} + +.wp-block-gallery { + margin: 0; +} + +.wp-block-gallery.is-cropped .blocks-gallery-item img { + height: 100%; +} + +.edit-post-visual-editor .blocks-gallery-grid { + margin: 0; +} + +.wp-block-latest-posts { + margin-left: 0; +} + +.wp-block-latest-posts li { + list-style: none; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: inherit; +} + +.mce-widget i { + font-style: normal; +} + +#elementor-editor-button { + background: #0073aa; + border-color: #0073aa; + color: #fff; + font-size: 14px; + height: 46px; + line-height: 44px; + padding: 0 36px; + display: inline-block; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; + box-shadow: 0 2px 0 #006799; +} + +#elementor-editor-button:hover, #elementor-editor-button:focus { + background: #007db9; + border-color: #00699b; + color: #fff; +} + +#elementor-editor-button:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0073aa; +} + +#elementor-editor-button:active { + background: #006291; + border-color: #006291; + color: #fff; +} + +#elementor-editor-button.active, #elementor-editor-button.active:focus, #elementor-editor-button.active:hover { + background: #0073aa; + color: #fff; + border-color: #003f5e; + box-shadow: inset 0 2px 5px -3px black; +} + +#elementor-editor-button i { + font-style: normal; + color: white; +} + +.editor-media-placeholder button, +.fl-builder-layout-launch-view button { + margin: 2px; +} + +.fl-builder-layout-launch-view .is-primary.is-primary { + color: white; +} + +.ast-separate-container #wpwrap .edit-post-visual-editor { + background-color: #f5f5f5; +} + +/** + * Woocommerce Gutenberg Blocks Product Grid CSS Compatibility. + */ +.wc-block-grid .wc-block-grid__products .wc-block-grid__product { + text-align: left; + margin-bottom: 2.5em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a { + display: inline-block; + position: relative; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 .8em 0; + box-shadow: none; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; + line-height: 1.2; + font-weight: inherit; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating { + margin: 0 auto .5em 0; + backface-visibility: hidden; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price { + line-height: 1.3; + margin-bottom: 0; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del { + display: initial; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + font-size: 100%; + font-weight: 700; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added { + margin-bottom: 0; + transition: margin 0s; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + text-transform: capitalize; + position: absolute; + text-align: center; + border-radius: 100%; + z-index: 9; + top: 0; + right: 15px; + left: auto; + margin: -0.5em -0.5em 0 0; +} + +.edit-post-visual-editor__post-title-wrapper { + position: relative; + max-width: var(--wp--custom--ast-content-width-size); + margin-left: auto !important; + margin-right: auto !important; + margin-bottom: 1.5em; +} + +.edit-post-visual-editor__post-title-wrapper.invisible { + opacity: 0.5; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility { + cursor: pointer; + font-size: 18px; + width: 36px; + height: 100%; + text-align: center; + color: var(--wp-admin-theme-color); + vertical-align: middle; + position: absolute; + left: -37px; + bottom: 0; + opacity: 0; + margin: 0 !important; + padding: 0 !important; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility:before { + width: 100%; + height: 100%; + display: inline-flex; + align-items: center; + justify-content: center; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility:after { + content: attr(data-tooltip); + white-space: nowrap; + border-radius: 2px; + pointer-events: none; + color: #fff; + background: #1e1e1e; + opacity: 0; + visibility: hidden; + width: max-content; + line-height: 26px; + margin-left: -1px; + display: flex; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + align-items: flex-start; + padding: 0 6px; + font-size: 12px; + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input { + padding: 10px 6px; + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input.is-selected { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input.is-selected + .title-visibility { + opacity: 1; + color: var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper .ast-show-visibility-icon { + opacity: 1; + color: var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper .ast-show-editor-title-outline { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.ast-page-builder-template .edit-post-visual-editor__post-title-wrapper, .ast-stacked-title-visibility .edit-post-visual-editor__post-title-wrapper { + max-width: none; + padding: 0 20px; +} + +.ast-page-builder-template .edit-post-visual-editor__post-title-wrapper .title-visibility, .ast-stacked-title-visibility .edit-post-visual-editor__post-title-wrapper .title-visibility { + left: unset; + top: -41px; + height: 40px; +} + +/** + * Gutenberg editor improving UI/UX. + */ +.edit-post-visual-editor ul.block-editor-block-list__block, +.edit-post-visual-editor ol.block-editor-block-list__block { + margin-left: 20px; +} + +.block-editor-block-list__block.wp-block.wp-social-link { + font-size: inherit; +} + +.edit-post-visual-editor .block-editor-block-list__block.wp-social-link { + padding: 0; +} + +.wp-block ol, .wp-block ul { + margin-left: 20px; + margin-right: 20px; +} + +.edit-post-visual-editor .wp-block.wp-block-shortcode { + padding: 20px; +} + +.wp-block-table td, .wp-block-table th { + padding: 0.5em; + border: 1px solid; + word-break: normal; +} + +.edit-post-visual-editor pre.wp-block, .edit-post-visual-editor .wp-block.wp-block-query-title { + padding-left: 20px; +} + +.block-editor-block-list__layout .block-editor-block-list__block.wp-block-button:not(:first-child) { + padding-left: 0; + padding-right: 0; +} + +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon { + margin: 6px -2px 0 0; + border-radius: 0; +} + +.components-dropdown__content .components-popover__content { + min-width: 290px; +} + +.components-color-palette__custom-color-dropdown-content .components-popover__content { + min-width: auto; +} + +.wp-block-buttons > .wp-block.wp-block-button { + padding-right: 0; +} + +.wp-block .wp-block-categories__list { + padding-left: 0; +} + +.wp-block-latest-comments .wp-block-latest-comments { + margin-left: 0; +} + +.wp-block-quote.is-style-large cite { + text-align: left; +} + +.editor-styles-wrapper p { + line-height: 1.85714285714286; +} + +.wp-block-paragraph.has-background { + padding: 1.25em 2.375em; +} + +.ast-theme-block-color-name { + mix-blend-mode: difference; +} + +.components-color-palette__custom-color { + text-align: left; + padding-left: 5px; +} + +h1.wp-block.has-background, +h2.wp-block.has-background, +h3.wp-block.has-background, +h4.wp-block.has-background, +h5.wp-block.has-background, +h6.wp-block.has-background { + padding: 1.25em 2.375em; +} + +/** + * 6.3 Compatibility fixes in block editor. + */ +span.title-visibility svg { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 16px; + height: 40px; + fill: var(--wp-admin-theme-color); +} + +#astra_settings_meta_box .components-button.is-primary:hover:not(:disabled), +.ast-meta-settings-content .components-button.is-primary:hover:not(:disabled) { + background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)) !important; + color: var(--wp-components-color-accent-inverted, #fff) !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; +} diff --git a/assets/css/blockquote.css b/assets/css/blockquote.css new file mode 100644 index 00000000..2344d0cf --- /dev/null +++ b/assets/css/blockquote.css @@ -0,0 +1,86 @@ +.wp-block-uagb-blockquote{padding:0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.wp-block-uagb-blockquote .uagb-blockquote__content,.wp-block-uagb-blockquote cite.uagb-blockquote__author{display:block;font-style:normal}.wp-block-uagb-blockquote cite.uagb-blockquote__author,.wp-block-uagb-blockquote .uagb-blockquote__author{-ms-flex-item-align:center;align-self:center}.wp-block-uagb-blockquote .uagb-blockquote__skin-quotation blockquote.uagb-blockquote{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;quotes:none;border-left:0 none;border-right:0 none;border-top:0 none;border-bottom:0 none;font-style:normal}.wp-block-uagb-blockquote .uagb-blockquote__skin-quotation .uagb-blockquote__icon-wrap{display:inline-flex;float:unset}.wp-block-uagb-blockquote .uagb-blockquote__skin-quotation .uagb-blockquote__icon-wrap .uagb-blockquote__icon{padding:0;margin-right:0;margin-bottom:0}.wp-block-uagb-blockquote .uagb-blockquote__skin-quotation.uagb-blockquote__style-style_2 .uagb-blockquote__icon-wrap{display:inline-block;float:left}.wp-block-uagb-blockquote .uagb-blockquote__tweet-style-classic a.uagb-blockquote__tweet-button,.wp-block-uagb-blockquote .uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button{background-color:#1da1f2;border-radius:100em;color:#fff}.wp-block-uagb-blockquote .uagb-blockquote__tweet-icon_text a.uagb-blockquote__tweet-button,.wp-block-uagb-blockquote .uagb-blockquote__tweet-text a.uagb-blockquote__tweet-button{padding:10px 14px}.wp-block-uagb-blockquote .uagb-blockquote__with-tweet.uagb-blockquote__align-center .uagb-blockquote footer,.wp-block-uagb-blockquote .uagb-blockquote__align-center .uagb-blockquote footer{display:block;text-align:center}.wp-block-uagb-blockquote .uagb-blockquote__align-center .uagb-blockquote__author-wrap,.wp-block-uagb-blockquote .uagb-blockquote__align-center.uagb-blockquote__with-tweet .uagb-blockquote__author-wrap{justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center}.wp-block-uagb-blockquote .uagb-blockquote__align-center a.uagb-blockquote__tweet-button{display:block;text-align:center;margin:0 auto;-ms-flex-item-align:center;align-self:center}.wp-block-uagb-blockquote .uagb-blockquote__with-tweet .uagb-blockquote footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.wp-block-uagb-blockquote .uagb-blockquote__with-tweet .uagb-blockquote__author-wrap.uagb-blockquote__author-at-top{width:auto;align-items:center}.wp-block-uagb-blockquote .uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button::before{position:absolute;top:50%;left:-0.8em;border:solid 0.5em transparent;border-right-color:#1da1f2;transform:translateY(-50%) scale(1, 0.65);transition:0.2s;content:"";-webkit-transform:translateY(-50%) scale(1, 0.65);-ms-transform:translateY(-50%) scale(1, 0.65);-webkit-transition:0.2s;-o-transition:0.2s}.wp-block-uagb-blockquote.uagb-blockquote__skin-quotation blockquote.uagb-blockquote{vertical-align:baseline;padding:0;margin:0;background:transparent;border:0 none;outline:0;font-size:100%;font-style:normal;quotes:none}.wp-block-uagb-blockquote.uagb-blockquote__skin-quotation .uagb-blockquote__icon{position:relative;display:inline-block;z-index:1;padding:10px;margin-right:10px;border-radius:100%;float:left}.wp-block-uagb-blockquote.uagb-blockquote__skin-quotation .uagb-blockquote__icon svg{display:inherit;width:inherit;height:inherit}.wp-block-uagb-blockquote.uagb-blockquote__skin-quotation.uagb-blockquote__style-style_2.uagb-blockquote__align-right .uagb-blockquote__icon{display:inline-block;float:right}.wp-block-uagb-blockquote.uagb-blockquote__skin-quotation.uagb-blockquote__style-style_2 .uagb-blockquote__icon{display:inline-block;float:left}.wp-block-uagb-blockquote.uagb-blockquote__skin-quotation.uagb-blockquote__style-style_1 .uagb-blockquote__icon{display:inline-flex;float:unset}.wp-block-uagb-blockquote blockquote.uagb-blockquote{padding:0;margin:0}.wp-block-uagb-blockquote .uagb-blockquote__style-style_2 .uagb-blockquote__icon{display:inline-block;float:left;text-align:left}.wp-block-uagb-blockquote .uagb-blockquote__separator-parent{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;justify-content:flex-start;-js-display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start}.wp-block-uagb-blockquote.uagb-blockquote__with-tweet .uagb-blockquote footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify}.wp-block-uagb-blockquote .uagb-blockquote a{-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.wp-block-uagb-blockquote .uagb-blockquote a.uagb-blockquote__tweet-button{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-self:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0;background-color:transparent;color:#1da1f2;line-height:1;transition:0.2s;-webkit-transition:0.2s;-o-transition:0.2s;-webkit-align-self:flex-end;-ms-flex-item-align:center}.wp-block-uagb-blockquote a.uagb-blockquote__tweet-button svg{align-self:center;vertical-align:middle;width:15px;height:15px;fill:#fff}.wp-block-uagb-blockquote a.uagb-blockquote__tweet-button,.wp-block-uagb-blockquote a.uagb-blockquote__tweet-button svg{font-style:normal}.wp-block-uagb-blockquote.uagb-blockquote__tweet-icon a.uagb-blockquote__tweet-button svg{margin-right:0}.wp-block-uagb-blockquote.uagb-blockquote__tweet-icon a.uagb-blockquote__tweet-button{padding:8px}.wp-block-uagb-blockquote.uagb-blockquote__tweet-icon_text a.uagb-blockquote__tweet-button,.wp-block-uagb-blockquote.uagb-blockquote__tweet-text a.uagb-blockquote__tweet-button{padding:10px 14px}.wp-block-uagb-blockquote.uagb-blockquote__tweet-style-link a.uagb-blockquote__tweet-button{padding:10px 0}.wp-block-uagb-blockquote.uagb-blockquote__tweet-style-classic a.uagb-blockquote__tweet-button,.wp-block-uagb-blockquote.uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button{background-color:#1da1f2;border-radius:100em;color:#fff}.wp-block-uagb-blockquote.uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button::before{position:absolute;top:50%;left:-0.8em;border:solid 0.5em transparent;border-right-color:#1da1f2;transform:translateY(-50%) scale(1, 0.65);transition:0.2s;content:"";-webkit-transform:translateY(-50%) scale(1, 0.65);-ms-transform:translateY(-50%) scale(1, 0.65);-webkit-transition:0.2s;-o-transition:0.2s}.wp-block-uagb-blockquote.uagb-blockquote__align-right.uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button::before{right:-0.8em;left:auto;transform:translateY(-50%) scale(1, 0.65) rotate(180deg);-webkit-transform:translateY(-50%) scale(1, 0.65) rotate(180deg);-ms-transform:translateY(-50%) scale(1, 0.65) rotate(180deg)}.wp-block-uagb-blockquote.uagb-blockquote__align-center.uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button::before{top:-0.8em;right:auto;left:50%;transform:translate(-50%, 10%) scale(1, 0.85) rotate(90deg);-webkit-transform:translateX(-50%) scale(1, 0.85) rotate(90deg);-ms-transform:translateX(-50%) scale(1, 0.85) rotate(90deg)}.wp-block-uagb-blockquote.uagb-blockquote__with-tweet.uagb-blockquote__align-center .uagb-blockquote footer,.wp-block-uagb-blockquote.uagb-blockquote__align-center .uagb-blockquote footer{display:block;text-align:center}.wp-block-uagb-blockquote.uagb-blockquote__align-center .uagb-blockquote__author-wrap.uagb-blockquote__author-at-right,.wp-block-uagb-blockquote.uagb-blockquote__align-center.uagb-blockquote__with-tweet .uagb-blockquote__author-wrap{justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center}.wp-block-uagb-blockquote.uagb-blockquote__align-center a.uagb-blockquote__tweet-button{display:block;align-self:center;margin:0 auto;text-align:center;-ms-flex-item-align:center}.wp-block-uagb-blockquote.uagb-blockquote__with-tweet.uagb-blockquote__align-right .uagb-blockquote footer,.wp-block-uagb-blockquote.uagb-blockquote__align-right .uagb-blockquote footer{flex-direction:row-reverse}.wp-block-uagb-blockquote .uagb-blockquote__author-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;align-self:center;align-items:center}.wp-block-uagb-blockquote .uagb-blockquote__author-wrap img{width:50px;height:50px;border-radius:100%;object-fit:cover}.wp-block-uagb-blockquote.uagb-blockquote__align-right .uagb-blockquote__author-wrap,.wp-block-uagb-blockquote.uagb-blockquote__align-left .uagb-blockquote__author-wrap.uagb-blockquote__author-at-right{justify-content:flex-end;-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;-webkit-justify-content:flex-end;-moz-box-pack:flex-end}.wp-block-uagb-blockquote.uagb-blockquote__align-left .uagb-blockquote__author-wrap,.wp-block-uagb-blockquote.uagb-blockquote__align-right .uagb-blockquote__author-wrap.uagb-blockquote__author-at-right{justify-content:flex-start;-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;-moz-box-pack:flex-start}.wp-block-uagb-blockquote.uagb-blockquote__with-tweet .uagb-blockquote__author-wrap{justify-content:unset;-webkit-box-pack:unset;-ms-flex-pack:unset;-webkit-justify-content:unset;-moz-box-pack:unset}.wp-block-uagb-blockquote.uagb-blockquote__align-center .uagb-blockquote__author-wrap,.wp-block-uagb-blockquote.uagb-blockquote__align-center.uagb-blockquote__with-tweet .uagb-blockquote__author-wrap{justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center}.wp-block-uagb-blockquote .uagb-blockquote__author-wrap.uagb-blockquote__author-at-top{flex-direction:column;width:100%;-webkit-flex-direction:column;-ms-flex-direction:column;align-items:flex-start}.wp-block-uagb-blockquote .uagb-blockquote__author-wrap.uagb-blockquote__author-at-top .uagb-blockquote__author-wrap,.wp-block-uagb-blockquote .uagb-blockquote__author-wrap.uagb-blockquote__author-at-top .uagb-blockquote__author{width:inherit}.wp-block-uagb-blockquote.uagb-blockquote__with-tweet .uagb-blockquote__author-wrap.uagb-blockquote__author-at-top{width:auto}.wp-block-uagb-blockquote.uagb-blockquote__align-right .uagb-blockquote__author-wrap.uagb-blockquote__author-at-top{text-align:right;align-items:flex-end}.wp-block-uagb-blockquote.uagb-blockquote__align-center .uagb-blockquote__author-wrap.uagb-blockquote__author-at-top{text-align:center;align-items:center}.wp-block-uagb-blockquote .uagb-blockquote__author-wrap.uagb-blockquote__author-at-right{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;justify-content:flex-end}@media only screen and (max-width: 976px){.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet .uagb-blockquote__author{width:100%}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet .uagb-blockquote__author-wrap.uagb-blockquote__author-at-right,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet .uagb-blockquote__author-wrap.uagb-blockquote__author-at-left{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-items:flex-start}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet.uagb-blockquote__with-tweet .uagb-blockquote footer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-self:flex-start;-ms-flex-item-align:flex-start}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet .uagb-blockquote__author-wrap.uagb-blockquote__author-at-left,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet a.uagb-blockquote__tweet-button{-ms-flex-item-align:flex-start;align-self:flex-start}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet.uagb-blockquote__align-right.uagb-blockquote__with-tweet .uagb-blockquote footer,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet.uagb-blockquote__align-right .uagb-blockquote__author-wrap.uagb-blockquote__author-at-left,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet.uagb-blockquote__align-right a.uagb-blockquote__tweet-button{-ms-flex-item-align:flex-end;align-self:flex-end}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet.uagb-blockquote__align-right.uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button::before,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-tablet.uagb-blockquote__align-left.uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button::before{top:-0.8em;right:auto;left:50%;transform:translate(-50%, 10%) scale(1, 0.85) rotate(90deg);-webkit-transform:translateX(-50%) scale(1, 0.85) rotate(90deg);-ms-transform:translateX(-50%) scale(1, 0.85) rotate(90deg)}.wp-block-uagb-blockquote .uagb-blockquote__align-right.uagb-blockquote__stack-img-tablet .uagb-blockquote__author-wrap{-ms-flex-item-align:flex-end;align-self:flex-end}.wp-block-uagb-blockquote .uagb-blockquote__align-left.uagb-blockquote__stack-img-tablet .uagb-blockquote__author-wrap,.wp-block-uagb-blockquote .uagb-blockquote__align-left.uagb-blockquote__stack-img-tablet .uagb-blockquote__author{-ms-flex-item-align:flex-start;align-self:flex-start}}@media screen and (max-width: 767px){.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile .uagb-blockquote__author{width:100%}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile .uagb-blockquote__author-wrap.uagb-blockquote__author-at-right,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile .uagb-blockquote__author-wrap.uagb-blockquote__author-at-left{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-items:flex-start}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile.uagb-blockquote__with-tweet .uagb-blockquote footer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-self:flex-start;-ms-flex-item-align:flex-start}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile .uagb-blockquote__author-wrap.uagb-blockquote__author-at-left,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile a.uagb-blockquote__tweet-button{-ms-flex-item-align:flex-start;align-self:flex-start}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile.uagb-blockquote__align-right.uagb-blockquote__with-tweet .uagb-blockquote footer,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile.uagb-blockquote__align-right .uagb-blockquote__author-wrap.uagb-blockquote__author-at-left,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile.uagb-blockquote__align-right a.uagb-blockquote__tweet-button{-ms-flex-item-align:flex-end;align-self:flex-end}.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile.uagb-blockquote__align-right.uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button::before,.wp-block-uagb-blockquote.uagb-blockquote__stack-img-mobile.uagb-blockquote__align-left.uagb-blockquote__tweet-style-bubble a.uagb-blockquote__tweet-button::before{top:-0.8em;right:auto;left:50%;transform:translate(-50%, 10%) scale(1, 0.85) rotate(90deg);-webkit-transform:translateX(-50%) scale(1, 0.85) rotate(90deg);-ms-transform:translateX(-50%) scale(1, 0.85) rotate(90deg)}.wp-block-uagb-blockquote .uagb-blockquote__align-right.uagb-blockquote__stack-img-mobile .uagb-blockquote__author-wrap{-ms-flex-item-align:flex-end;align-self:flex-end}.wp-block-uagb-blockquote .uagb-blockquote__align-left.uagb-blockquote__stack-img-mobile .uagb-blockquote__author-wrap,.wp-block-uagb-blockquote .uagb-blockquote__align-left.uagb-blockquote__stack-img-tablet .uagb-blockquote__author{-ms-flex-item-align:flex-start;align-self:flex-start}} + + +/* 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; +} diff --git a/assets/css/blog-layout-1-rtl.css b/assets/css/blog-layout-1-rtl.css new file mode 100644 index 00000000..6453674d --- /dev/null +++ b/assets/css/blog-layout-1-rtl.css @@ -0,0 +1,278 @@ +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-1 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-1.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on { + margin-right: calc(-1 * var(--ast-container-default-xlg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on { + margin-right: calc(-1 * var(--ast-container-default-lg-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on { + margin-right: calc(-1 * var(--ast-container-default-slg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on { + margin-right: calc(-1 * var(--ast-container-default-xxs-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on { + margin-top: calc(-1 * var(--ast-container-default-md-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on { + margin-top: calc(-1 * var(--ast-container-default-sm-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on { + margin-top: calc(-1 * var(--ast-container-default-slg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on { + margin-top: calc(-1 * var(--ast-container-default-xs-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content { + margin-top: calc(-1 * var(--ast-container-default-md-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content { + margin-top: calc(-1 * var(--ast-container-default-sm-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content { + margin-right: calc(-1 * var(--ast-container-default-xlg-padding)); + margin-left: calc(-1 * var(--ast-container-default-xlg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content { + margin-right: calc(-1 * var(--ast-container-default-xs-padding)); + margin-left: calc(-1 * var(--ast-container-default-xs-padding)); + } +} + +.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child { + margin-top: calc(-1 * var(--ast-container-default-md-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child { + margin-top: calc(-1 * var(--ast-container-default-sm-padding)); + } +} + +.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content { + margin-right: calc(-1 * var(--ast-container-default-xlg-padding)); + margin-left: calc(-1 * var(--ast-container-default-xlg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content { + margin-right: calc(-1 * var(--ast-container-default-xs-padding)); + margin-left: calc(-1 * var(--ast-container-default-xs-padding)); + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on { + margin-right: -1.5em; + margin-left: -1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on { + margin-right: -1.5em; + margin-left: -1.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on { + margin-right: -0.5em; + margin-left: -0.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on { + margin-right: -0.5em; + margin-left: -0.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on { + margin-top: -1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on { + margin-top: -1.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on { + margin-top: -0.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on { + margin-top: -0.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content { + margin-top: -1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content { + margin-top: -1.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content { + margin-right: -1.5em; + margin-left: -1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content { + margin-right: -1.5em; + margin-left: -1.5em; + } +} + + +/* 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; +} diff --git a/assets/css/blog-layout-1-rtl.min.css b/assets/css/blog-layout-1-rtl.min.css new file mode 100644 index 00000000..36898484 --- /dev/null +++ b/assets/css/blog-layout-1-rtl.min.css @@ -0,0 +1,85 @@ +.blog-layout-1 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-1 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-1.ast-no-thumb .posted-on{position:relative;display:inline-block}.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on{margin-right:calc(-1 * var(--ast-container-default-xlg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on{margin-right:calc(-1 * var(--ast-container-default-lg-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on{margin-right:calc(-1 * var(--ast-container-default-slg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on{margin-right:calc(-1 * var(--ast-container-default-xxs-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on{margin-top:calc(-1 * var(--ast-container-default-md-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on{margin-top:calc(-1 * var(--ast-container-default-sm-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on{margin-top:calc(-1 * var(--ast-container-default-slg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on{margin-top:calc(-1 * var(--ast-container-default-xs-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content{margin-top:calc(-1 * var(--ast-container-default-md-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content{margin-top:calc(-1 * var(--ast-container-default-sm-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content{margin-right:calc(-1 * var(--ast-container-default-xlg-padding));margin-left:calc(-1 * var(--ast-container-default-xlg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content{margin-right:calc(-1 * var(--ast-container-default-xs-padding));margin-left:calc(-1 * var(--ast-container-default-xs-padding))}}.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child{margin-top:calc(-1 * var(--ast-container-default-md-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child{margin-top:calc(-1 * var(--ast-container-default-sm-padding))}}.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content{margin-right:calc(-1 * var(--ast-container-default-xlg-padding));margin-left:calc(-1 * var(--ast-container-default-xlg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content{margin-right:calc(-1 * var(--ast-container-default-xs-padding));margin-left:calc(-1 * var(--ast-container-default-xs-padding))}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on{margin-right:-1.5em;margin-left:-1.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on{margin-right:-1.5em;margin-left:-1.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on{margin-right:-.5em;margin-left:-.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on{margin-right:-.5em;margin-left:-.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on{margin-top:-1.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on{margin-top:-1.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on{margin-top:-.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on{margin-top:-.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content{margin-top:-1.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content{margin-top:-1.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content{margin-right:-1.5em;margin-left:-1.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content{margin-right:-1.5em;margin-left:-1.5em}} + +/* 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; +} diff --git a/assets/css/blog-layout-1.css b/assets/css/blog-layout-1.css new file mode 100644 index 00000000..d62e25e5 --- /dev/null +++ b/assets/css/blog-layout-1.css @@ -0,0 +1,278 @@ +.blog-layout-1 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-1 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-1 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-1.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on { + margin-left: calc(-1 * var(--ast-container-default-xlg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on { + margin-left: calc(-1 * var(--ast-container-default-lg-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on { + margin-left: calc(-1 * var(--ast-container-default-slg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on { + margin-left: calc(-1 * var(--ast-container-default-xxs-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on { + margin-top: calc(-1 * var(--ast-container-default-md-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on { + margin-top: calc(-1 * var(--ast-container-default-sm-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on { + margin-top: calc(-1 * var(--ast-container-default-slg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on { + margin-top: calc(-1 * var(--ast-container-default-xs-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content { + margin-top: calc(-1 * var(--ast-container-default-md-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content { + margin-top: calc(-1 * var(--ast-container-default-sm-padding)); + } +} + +.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content { + margin-left: calc(-1 * var(--ast-container-default-xlg-padding)); + margin-right: calc(-1 * var(--ast-container-default-xlg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content { + margin-left: calc(-1 * var(--ast-container-default-xs-padding)); + margin-right: calc(-1 * var(--ast-container-default-xs-padding)); + } +} + +.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child { + margin-top: calc(-1 * var(--ast-container-default-md-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child { + margin-top: calc(-1 * var(--ast-container-default-sm-padding)); + } +} + +.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content { + margin-left: calc(-1 * var(--ast-container-default-xlg-padding)); + margin-right: calc(-1 * var(--ast-container-default-xlg-padding)); +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content { + margin-left: calc(-1 * var(--ast-container-default-xs-padding)); + margin-right: calc(-1 * var(--ast-container-default-xs-padding)); + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on { + margin-left: -1.5em; + margin-right: -1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on { + margin-left: -1.5em; + margin-right: -1.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on { + margin-left: -0.5em; + margin-right: -0.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on { + margin-left: -0.5em; + margin-right: -0.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on { + margin-top: -1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on { + margin-top: -1.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on { + margin-top: -0.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on { + margin-top: -0.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content { + margin-top: -1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content { + margin-top: -1.5em; + } +} + +.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, +.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, +.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content { + margin-left: -1.5em; + margin-right: -1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, + .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, + .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content { + margin-left: -1.5em; + margin-right: -1.5em; + } +} + + +/* 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; +} diff --git a/assets/css/blog-layout-1.min.css b/assets/css/blog-layout-1.min.css new file mode 100644 index 00000000..0004a933 --- /dev/null +++ b/assets/css/blog-layout-1.min.css @@ -0,0 +1,85 @@ +.blog-layout-1 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-1 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-1.ast-no-thumb .posted-on{position:relative;display:inline-block}.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on{margin-left:calc(-1 * var(--ast-container-default-xlg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on{margin-left:calc(-1 * var(--ast-container-default-lg-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on{margin-left:calc(-1 * var(--ast-container-default-slg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on{margin-left:calc(-1 * var(--ast-container-default-xxs-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on{margin-top:calc(-1 * var(--ast-container-default-md-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on{margin-top:calc(-1 * var(--ast-container-default-sm-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on{margin-top:calc(-1 * var(--ast-container-default-slg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on{margin-top:calc(-1 * var(--ast-container-default-xs-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content{margin-top:calc(-1 * var(--ast-container-default-md-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content{margin-top:calc(-1 * var(--ast-container-default-sm-padding))}}.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content{margin-left:calc(-1 * var(--ast-container-default-xlg-padding));margin-right:calc(-1 * var(--ast-container-default-xlg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content{margin-left:calc(-1 * var(--ast-container-default-xs-padding));margin-right:calc(-1 * var(--ast-container-default-xs-padding))}}.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child{margin-top:calc(-1 * var(--ast-container-default-md-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child{margin-top:calc(-1 * var(--ast-container-default-sm-padding))}}.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content{margin-left:calc(-1 * var(--ast-container-default-xlg-padding));margin-right:calc(-1 * var(--ast-container-default-xlg-padding))}@media (max-width:1200px){.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content{margin-left:calc(-1 * var(--ast-container-default-xs-padding));margin-right:calc(-1 * var(--ast-container-default-xs-padding))}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on{margin-left:-1.5em;margin-right:-1.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on{margin-left:-1.5em;margin-right:-1.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on{margin-left:-.5em;margin-right:-.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on{margin-left:-.5em;margin-right:-.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on{margin-top:-1.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on{margin-top:-1.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on{margin-top:-.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on{margin-top:-.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content{margin-top:-1.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content{margin-top:-1.5em}}.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content{margin-left:-1.5em;margin-right:-1.5em}@media (max-width:1200px){.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content{margin-left:-1.5em;margin-right:-1.5em}} + +/* 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; +} diff --git a/assets/css/blog-layout-2-flex-rtl.css b/assets/css/blog-layout-2-flex-rtl.css new file mode 100644 index 00000000..18743579 --- /dev/null +++ b/assets/css/blog-layout-2-flex-rtl.css @@ -0,0 +1,143 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-2 { + -js-display: flex; + display: flex; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid var(--ast-border-color); +} + +@media (max-width: 768px) { + .blog-layout-2 .post-content, + .blog-layout-2 .ast-blog-featured-section { + width: 100%; + float: none; + } + .blog-layout-2 .ast-blog-featured-section .post-thumb { + text-align: right; + } +} + +.blog-layout-2 .posted-on { + left: 0; +} + +.blog-layout-2 .post-thumb { + text-align: left; +} + +.blog-layout-2 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-2 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-2 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-2.ast-no-thumb .post-thumb { + display: inline-block; +} + +.blog-layout-2.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.blog-layout-2.ast-no-thumb .post-thumb { + width: auto; +} + + +/* 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; +} diff --git a/assets/css/blog-layout-2-flex-rtl.min.css b/assets/css/blog-layout-2-flex-rtl.min.css new file mode 100644 index 00000000..57e4acbb --- /dev/null +++ b/assets/css/blog-layout-2-flex-rtl.min.css @@ -0,0 +1,85 @@ +.blog-layout-2{-js-display:flex;display:flex;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}@media (max-width:768px){.blog-layout-2 .ast-blog-featured-section,.blog-layout-2 .post-content{width:100%;float:none}.blog-layout-2 .ast-blog-featured-section .post-thumb{text-align:right}}.blog-layout-2 .posted-on{left:0}.blog-layout-2 .post-thumb{text-align:left}.blog-layout-2 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-2 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-2.ast-no-thumb .post-thumb{display:inline-block}.blog-layout-2.ast-no-thumb .posted-on{position:relative;display:inline-block}.blog-layout-2.ast-no-thumb .post-thumb{width:auto} + +/* 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; +} diff --git a/assets/css/blog-layout-2-flex.css b/assets/css/blog-layout-2-flex.css new file mode 100644 index 00000000..7e5f980b --- /dev/null +++ b/assets/css/blog-layout-2-flex.css @@ -0,0 +1,143 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-2 { + -js-display: flex; + display: flex; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid var(--ast-border-color); +} + +@media (max-width: 768px) { + .blog-layout-2 .post-content, + .blog-layout-2 .ast-blog-featured-section { + width: 100%; + float: none; + } + .blog-layout-2 .ast-blog-featured-section .post-thumb { + text-align: left; + } +} + +.blog-layout-2 .posted-on { + right: 0; +} + +.blog-layout-2 .post-thumb { + text-align: right; +} + +.blog-layout-2 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-2 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-2 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-2.ast-no-thumb .post-thumb { + display: inline-block; +} + +.blog-layout-2.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.blog-layout-2.ast-no-thumb .post-thumb { + width: auto; +} + + +/* 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; +} diff --git a/assets/css/blog-layout-2-flex.min.css b/assets/css/blog-layout-2-flex.min.css new file mode 100644 index 00000000..0478c497 --- /dev/null +++ b/assets/css/blog-layout-2-flex.min.css @@ -0,0 +1,85 @@ +.blog-layout-2{-js-display:flex;display:flex;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}@media (max-width:768px){.blog-layout-2 .ast-blog-featured-section,.blog-layout-2 .post-content{width:100%;float:none}.blog-layout-2 .ast-blog-featured-section .post-thumb{text-align:left}}.blog-layout-2 .posted-on{right:0}.blog-layout-2 .post-thumb{text-align:right}.blog-layout-2 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-2 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-2.ast-no-thumb .post-thumb{display:inline-block}.blog-layout-2.ast-no-thumb .posted-on{position:relative;display:inline-block}.blog-layout-2.ast-no-thumb .post-thumb{width:auto} + +/* 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; +} diff --git a/assets/css/blog-layout-2-rtl.css b/assets/css/blog-layout-2-rtl.css new file mode 100644 index 00000000..9c1e8b6e --- /dev/null +++ b/assets/css/blog-layout-2-rtl.css @@ -0,0 +1,154 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-2 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid var(--ast-border-color); +} + +@media (max-width: 768px) { + .blog-layout-2 .post-content, + .blog-layout-2 .ast-blog-featured-section { + width: 100%; + float: none; + } + .blog-layout-2 .ast-blog-featured-section .post-thumb { + text-align: right; + } +} + +.blog-layout-2 .posted-on { + left: 0; +} + +.blog-layout-2 .post-thumb { + text-align: left; +} + +.blog-layout-2 .post-content { + padding-right: 0; + padding-left: 0; +} + +.blog-layout-2 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-2 .post-thumb { + padding-right: 0; + padding-left: 0; + position: relative; +} + +.blog-layout-2 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-2 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-2.ast-no-thumb .post-thumb { + display: inline-block; +} + +.blog-layout-2.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.blog-layout-2.ast-no-thumb .post-thumb { + width: auto; +} + + +/* 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; +} diff --git a/assets/css/blog-layout-2-rtl.min.css b/assets/css/blog-layout-2-rtl.min.css new file mode 100644 index 00000000..4b482024 --- /dev/null +++ b/assets/css/blog-layout-2-rtl.min.css @@ -0,0 +1,85 @@ +.blog-layout-2{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}@media (max-width:768px){.blog-layout-2 .ast-blog-featured-section,.blog-layout-2 .post-content{width:100%;float:none}.blog-layout-2 .ast-blog-featured-section .post-thumb{text-align:right}}.blog-layout-2 .posted-on{left:0}.blog-layout-2 .post-thumb{text-align:left}.blog-layout-2 .post-content{padding-right:0;padding-left:0}.blog-layout-2 .post-thumb{padding-right:0;padding-left:0;position:relative}.blog-layout-2 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-2 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-2.ast-no-thumb .post-thumb{display:inline-block}.blog-layout-2.ast-no-thumb .posted-on{position:relative;display:inline-block}.blog-layout-2.ast-no-thumb .post-thumb{width:auto} + +/* 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; +} diff --git a/assets/css/blog-layout-2.css b/assets/css/blog-layout-2.css new file mode 100644 index 00000000..6fd52c08 --- /dev/null +++ b/assets/css/blog-layout-2.css @@ -0,0 +1,154 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-2 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid var(--ast-border-color); +} + +@media (max-width: 768px) { + .blog-layout-2 .post-content, + .blog-layout-2 .ast-blog-featured-section { + width: 100%; + float: none; + } + .blog-layout-2 .ast-blog-featured-section .post-thumb { + text-align: left; + } +} + +.blog-layout-2 .posted-on { + right: 0; +} + +.blog-layout-2 .post-thumb { + text-align: right; +} + +.blog-layout-2 .post-content { + padding-left: 0; + padding-right: 0; +} + +.blog-layout-2 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-2 .post-thumb { + padding-left: 0; + padding-right: 0; + position: relative; +} + +.blog-layout-2 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-2 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-2.ast-no-thumb .post-thumb { + display: inline-block; +} + +.blog-layout-2.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.blog-layout-2.ast-no-thumb .post-thumb { + width: auto; +} + + +/* 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; +} diff --git a/assets/css/blog-layout-2.min.css b/assets/css/blog-layout-2.min.css new file mode 100644 index 00000000..fefe24b4 --- /dev/null +++ b/assets/css/blog-layout-2.min.css @@ -0,0 +1,85 @@ +.blog-layout-2{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}@media (max-width:768px){.blog-layout-2 .ast-blog-featured-section,.blog-layout-2 .post-content{width:100%;float:none}.blog-layout-2 .ast-blog-featured-section .post-thumb{text-align:left}}.blog-layout-2 .posted-on{right:0}.blog-layout-2 .post-thumb{text-align:right}.blog-layout-2 .post-content{padding-left:0;padding-right:0}.blog-layout-2 .post-thumb{padding-left:0;padding-right:0;position:relative}.blog-layout-2 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-2 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-2.ast-no-thumb .post-thumb{display:inline-block}.blog-layout-2.ast-no-thumb .posted-on{position:relative;display:inline-block}.blog-layout-2.ast-no-thumb .post-thumb{width:auto} + +/* 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; +} diff --git a/assets/css/blog-layout-3-flex-rtl.css b/assets/css/blog-layout-3-flex-rtl.css new file mode 100644 index 00000000..132c19ce --- /dev/null +++ b/assets/css/blog-layout-3-flex-rtl.css @@ -0,0 +1,164 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-3 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-3 .post-thumb { + position: relative; +} + +.blog-layout-3 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-3 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-3.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.blog-layout-3 { + -js-display: flex; + display: flex; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid var(--ast-border-color); +} + +.blog-layout-3 .posted-on { + right: 0; +} + +@media (max-width: 768px) { + .blog-layout-3 .post-content, + .blog-layout-3 .ast-blog-featured-section { + width: 100%; + float: none; + } + .blog-layout-3 .ast-blog-featured-section .post-thumb { + text-align: right; + } +} + +.blog-layout-3 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-3 .post-thumb { + position: relative; +} + +.blog-layout-3 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-3 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-3.ast-no-thumb .post-thumb { + width: auto; + display: inline-block; +} + +.blog-layout-3.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + + +/* 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; +} diff --git a/assets/css/blog-layout-3-flex-rtl.min.css b/assets/css/blog-layout-3-flex-rtl.min.css new file mode 100644 index 00000000..db21e12b --- /dev/null +++ b/assets/css/blog-layout-3-flex-rtl.min.css @@ -0,0 +1,85 @@ +.blog-layout-3 .post-thumb{position:relative}.blog-layout-3 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-3 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-3.ast-no-thumb .posted-on{position:relative;display:inline-block}.blog-layout-3{-js-display:flex;display:flex;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-3 .posted-on{right:0}@media (max-width:768px){.blog-layout-3 .ast-blog-featured-section,.blog-layout-3 .post-content{width:100%;float:none}.blog-layout-3 .ast-blog-featured-section .post-thumb{text-align:right}}.blog-layout-3 .post-thumb{position:relative}.blog-layout-3 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-3 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-3.ast-no-thumb .post-thumb{width:auto;display:inline-block}.blog-layout-3.ast-no-thumb .posted-on{position:relative;display:inline-block} + +/* 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; +} diff --git a/assets/css/blog-layout-3-flex.css b/assets/css/blog-layout-3-flex.css new file mode 100644 index 00000000..e73386db --- /dev/null +++ b/assets/css/blog-layout-3-flex.css @@ -0,0 +1,164 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-3 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-3 .post-thumb { + position: relative; +} + +.blog-layout-3 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-3 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-3.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.blog-layout-3 { + -js-display: flex; + display: flex; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid var(--ast-border-color); +} + +.blog-layout-3 .posted-on { + left: 0; +} + +@media (max-width: 768px) { + .blog-layout-3 .post-content, + .blog-layout-3 .ast-blog-featured-section { + width: 100%; + float: none; + } + .blog-layout-3 .ast-blog-featured-section .post-thumb { + text-align: left; + } +} + +.blog-layout-3 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-3 .post-thumb { + position: relative; +} + +.blog-layout-3 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-3 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-3.ast-no-thumb .post-thumb { + width: auto; + display: inline-block; +} + +.blog-layout-3.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + + +/* 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; +} diff --git a/assets/css/blog-layout-3-flex.min.css b/assets/css/blog-layout-3-flex.min.css new file mode 100644 index 00000000..4484eb04 --- /dev/null +++ b/assets/css/blog-layout-3-flex.min.css @@ -0,0 +1,85 @@ +.blog-layout-3 .post-thumb{position:relative}.blog-layout-3 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-3 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-3.ast-no-thumb .posted-on{position:relative;display:inline-block}.blog-layout-3{-js-display:flex;display:flex;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-3 .posted-on{left:0}@media (max-width:768px){.blog-layout-3 .ast-blog-featured-section,.blog-layout-3 .post-content{width:100%;float:none}.blog-layout-3 .ast-blog-featured-section .post-thumb{text-align:left}}.blog-layout-3 .post-thumb{position:relative}.blog-layout-3 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-3 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-3.ast-no-thumb .post-thumb{width:auto;display:inline-block}.blog-layout-3.ast-no-thumb .posted-on{position:relative;display:inline-block} + +/* 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; +} diff --git a/assets/css/blog-layout-3-rtl.css b/assets/css/blog-layout-3-rtl.css new file mode 100644 index 00000000..317a42a5 --- /dev/null +++ b/assets/css/blog-layout-3-rtl.css @@ -0,0 +1,171 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-3 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-3 .post-thumb { + position: relative; +} + +.blog-layout-3 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-3 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-3.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.blog-layout-3 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid var(--ast-border-color); +} + +.blog-layout-3 .posted-on { + right: 0; +} + +.blog-layout-3 .post-content { + padding-right: 0; + padding-left: 0; +} + +@media (max-width: 768px) { + .blog-layout-3 .post-content, + .blog-layout-3 .ast-blog-featured-section { + width: 100%; + float: none; + } + .blog-layout-3 .ast-blog-featured-section .post-thumb { + text-align: right; + } +} + +.blog-layout-3 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-3 .post-thumb { + padding-right: 0; + padding-left: 0; + position: relative; +} + +.blog-layout-3 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-3 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-3.ast-no-thumb .post-thumb { + width: auto; + display: inline-block; +} + +.blog-layout-3.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + + +/* 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; +} diff --git a/assets/css/blog-layout-3-rtl.min.css b/assets/css/blog-layout-3-rtl.min.css new file mode 100644 index 00000000..1bbc951a --- /dev/null +++ b/assets/css/blog-layout-3-rtl.min.css @@ -0,0 +1,85 @@ +.blog-layout-3 .post-thumb{position:relative}.blog-layout-3 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-3 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-3.ast-no-thumb .posted-on{position:relative;display:inline-block}.blog-layout-3{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-3 .posted-on{right:0}.blog-layout-3 .post-content{padding-right:0;padding-left:0}@media (max-width:768px){.blog-layout-3 .ast-blog-featured-section,.blog-layout-3 .post-content{width:100%;float:none}.blog-layout-3 .ast-blog-featured-section .post-thumb{text-align:right}}.blog-layout-3 .post-thumb{padding-right:0;padding-left:0;position:relative}.blog-layout-3 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-3 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-3.ast-no-thumb .post-thumb{width:auto;display:inline-block}.blog-layout-3.ast-no-thumb .posted-on{position:relative;display:inline-block} + +/* 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; +} diff --git a/assets/css/blog-layout-3.css b/assets/css/blog-layout-3.css new file mode 100644 index 00000000..9da3ad70 --- /dev/null +++ b/assets/css/blog-layout-3.css @@ -0,0 +1,171 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.blog-layout-3 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-3 .post-thumb { + position: relative; +} + +.blog-layout-3 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-3 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-3.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + +.blog-layout-3 { + width: 100%; + display: inline-block; + padding-bottom: 2em; + vertical-align: middle; + border-bottom: 1px solid var(--ast-border-color); +} + +.blog-layout-3 .posted-on { + left: 0; +} + +.blog-layout-3 .post-content { + padding-left: 0; + padding-right: 0; +} + +@media (max-width: 768px) { + .blog-layout-3 .post-content, + .blog-layout-3 .ast-blog-featured-section { + width: 100%; + float: none; + } + .blog-layout-3 .ast-blog-featured-section .post-thumb { + text-align: left; + } +} + +.blog-layout-3 { + /* 2 - Blog Thumbnail Styles */ +} + +.blog-layout-3 .post-thumb { + padding-left: 0; + padding-right: 0; + position: relative; +} + +.blog-layout-3 .post-thumb .posted-on { + position: absolute; + top: 0; +} + +.blog-layout-3 .post-thumb .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.blog-layout-3.ast-no-thumb .post-thumb { + width: auto; + display: inline-block; +} + +.blog-layout-3.ast-no-thumb .posted-on { + position: relative; + display: inline-block; +} + + +/* 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; +} diff --git a/assets/css/blog-layout-3.min.css b/assets/css/blog-layout-3.min.css new file mode 100644 index 00000000..951b6ac0 --- /dev/null +++ b/assets/css/blog-layout-3.min.css @@ -0,0 +1,85 @@ +.blog-layout-3 .post-thumb{position:relative}.blog-layout-3 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-3 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-3.ast-no-thumb .posted-on{position:relative;display:inline-block}.blog-layout-3{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-3 .posted-on{left:0}.blog-layout-3 .post-content{padding-left:0;padding-right:0}@media (max-width:768px){.blog-layout-3 .ast-blog-featured-section,.blog-layout-3 .post-content{width:100%;float:none}.blog-layout-3 .ast-blog-featured-section .post-thumb{text-align:left}}.blog-layout-3 .post-thumb{padding-left:0;padding-right:0;position:relative}.blog-layout-3 .post-thumb .posted-on{position:absolute;top:0}.blog-layout-3 .post-thumb .posted-on .entry-date span{display:block;width:100%;text-align:center}.blog-layout-3.ast-no-thumb .post-thumb{width:auto;display:inline-block}.blog-layout-3.ast-no-thumb .posted-on{position:relative;display:inline-block} + +/* 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; +} diff --git a/assets/css/bne-flyout.min-rtl.css b/assets/css/bne-flyout.min-rtl.css new file mode 100644 index 00000000..56722fb3 --- /dev/null +++ b/assets/css/bne-flyout.min-rtl.css @@ -0,0 +1,85 @@ +html.flyout-lock{overflow-y:scroll!important;width:auto} + +/* 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; +} diff --git a/assets/css/bne-flyout.min.css b/assets/css/bne-flyout.min.css new file mode 100644 index 00000000..56722fb3 --- /dev/null +++ b/assets/css/bne-flyout.min.css @@ -0,0 +1,85 @@ +html.flyout-lock{overflow-y:scroll!important;width:auto} + +/* 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; +} diff --git a/assets/css/border-rtl.css b/assets/css/border-rtl.css new file mode 100644 index 00000000..3e677d68 --- /dev/null +++ b/assets/css/border-rtl.css @@ -0,0 +1,239 @@ +.customize-control-ast-border { + /* Unit Screen wrap */ +} + +.customize-control-ast-border .customize-control-title { + display: inline-block; +} + +.customize-control-ast-border .ast-border-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-border .ast-border-wrapper { + display: flex; +} + +.customize-control-ast-border .ast-border-btns { + display: block; + text-align: center; + line-height: 2; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px 0 0 3px; +} + +.customize-control-ast-border .ast-border-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; +} + +.customize-control-ast-border .ast-border-btns > li.active { + display: inline-block; +} + +.customize-control-ast-border .ast-border-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-border .ast-border-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; + margin-top: 1px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + margin: 0 2px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li:nth-child(1) { + margin-right: 0px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; + -moz-appearance: textfield; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li .ast-border-connected { + color: #ffffff; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li:last-child input.ast-border-input { + border-left-width: 1px; + border-radius: 3px 0 0 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper.active { + display: flex; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper span.ast-border-title { + text-transform: uppercase; + font-size: 10px; + color: var(--ast-customizer-color-6); +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-disconnected { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-connected { + display: block; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span { + width: 100%; + height: 26px; + line-height: 26px; + font-size: 14px; + background-color: transparent; + border-radius: 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span svg { + pointer-events: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link { + margin-top: 4px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:hover, .customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus { + border-color: var(--ast-customizer-color-2); +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus { + outline: none; +} +.customize-control-ast-border .input-wrapper.ast-border-wrapper { + margin-bottom: 8px; +} +.customize-control-ast-border .ast-range-unit { + position: absolute; + left: 0; + top: 0px; + padding-left: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-customizer-color-1); +} + + +/* 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; +} diff --git a/assets/css/border.css b/assets/css/border.css new file mode 100644 index 00000000..c2affc5c --- /dev/null +++ b/assets/css/border.css @@ -0,0 +1,239 @@ +.customize-control-ast-border { + /* Unit Screen wrap */ +} + +.customize-control-ast-border .customize-control-title { + display: inline-block; +} + +.customize-control-ast-border .ast-border-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-border .ast-border-wrapper { + display: flex; +} + +.customize-control-ast-border .ast-border-btns { + display: block; + text-align: center; + line-height: 2; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 0 3px 3px 0; +} + +.customize-control-ast-border .ast-border-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; +} + +.customize-control-ast-border .ast-border-btns > li.active { + display: inline-block; +} + +.customize-control-ast-border .ast-border-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-border .ast-border-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; + margin-top: 1px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + margin: 0 2px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li:nth-child(1) { + margin-left: 0px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; + -moz-appearance: textfield; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li .ast-border-connected { + color: #ffffff; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li:last-child input.ast-border-input { + border-right-width: 1px; + border-radius: 0 3px 3px 0; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper.active { + display: flex; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper span.ast-border-title { + text-transform: uppercase; + font-size: 10px; + color: var(--ast-customizer-color-6); +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-disconnected { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-connected { + display: block; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span { + width: 100%; + height: 26px; + line-height: 26px; + font-size: 14px; + background-color: transparent; + border-radius: 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span svg { + pointer-events: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link { + margin-top: 4px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:hover, .customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus { + border-color: var(--ast-customizer-color-2); +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus { + outline: none; +} +.customize-control-ast-border .input-wrapper.ast-border-wrapper { + margin-bottom: 8px; +} +.customize-control-ast-border .ast-range-unit { + position: absolute; + right: 0; + top: 0px; + padding-right: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-customizer-color-1); +} + + +/* 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; +} diff --git a/assets/css/breeze-admin-global.css b/assets/css/breeze-admin-global.css new file mode 100644 index 00000000..e3ebc066 --- /dev/null +++ b/assets/css/breeze-admin-global.css @@ -0,0 +1,125 @@ +#breeze-plugins-notice .button { + text-decoration: none; + line-height: 20px; + height: 18px; + transform: scale(0.9); +} +#breeze-plugins-notice .button:hover { + text-decoration: none; + line-height: 20px; + height: 18px; + transform: scale(0.9); +} +#breeze-plugins-notice li { + line-height: 18px; +} +#breeze-plugins-notice .text-error { + color: #dc3232; +} +#breeze-plugins-notice ul { + list-style: disc; + padding-left: 10px; +} + +#wp-admin-bar-breeze-topbar * { + cursor: pointer !important; +} + +#wp-admin-bar-breeze-topbar *:hover { + color: #00b9eb !important; +} + +.breeze-box *, ::after, ::before { + box-sizing: unset; +} + +@media screen and (max-width: 782px) { + #wpadminbar li#wp-admin-bar-breeze-topbar { + display: block; + position: static; + } +} + +/* 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; +} diff --git a/assets/css/breeze-admin.css b/assets/css/breeze-admin.css new file mode 100644 index 00000000..6bc56676 --- /dev/null +++ b/assets/css/breeze-admin.css @@ -0,0 +1,1570 @@ +@charset "UTF-8"; +/*! +Project: Breeze – WordPress Cache Plugin +Author: Cloudways +URL: https://wordpress.org/plugins/breeze/ +*/ +/* +Makes the image responsive ready +*/ +/* +Centers the object based on it's columns +*/ +/* +Rem is similar to the em value, but instead of being relative to the parent element it’s relative to the font-size set in the . +It has all the benefits of em but you don’t get issues with e.g (compounding) since rem is only relative to the html element. +The bad part is there’s no support for rem units in IE8 and below. But with this mixin we can create a fallback to pixels when rem isn’t supported. + +@include font-size(14px) +*/ +/* +@include keyframes(slide-down) { + 0% { opacity: 1; } + 90% { opacity: 0; } +} + +.element { + width: 100px; + height: 100px; + background: black; + @include animation('slide-down 5s 3'); +} + +*/ +/* +a { + color: gray; + @include transition(color .3s ease); + &:hover { + color: black; + } +} +*/ +/** +OLD checkbox + +.on-off-checkbox { + width: 160px; + height: 28px; + + &.settings-switcher { + width: 420px; + height: 40px; + font-weight: bold; + font-size: 14px; + text-transform: uppercase; + @include ssm-screen { + width: 97.5%; + font-size: 0.91em; + } + } + + input.br-box { + display: none; + + // Unchecked State + + label { + height: 100%; + width: 100%; + + > .status-switch { + cursor: pointer; + width: 100%; + height: 100%; + position: relative; + background-color: #42526E; + color: white; + font-weight: 600; + transition: all 0.5s ease; + padding: 0; + border-radius: 3px; + + &:before, + &:after { + border-radius: 3px; + height: calc(100% - 4px); + width: calc(50% - 3px); + display: flex; + align-items: center; + position: absolute; + justify-content: center; + transition: all 0.2s ease; + box-sizing: unset; + } + + &:before { + background-color: #42526E; + border-top: solid 2px #42526E; + border-bottom: solid 2px #42526E; + color: #FFFFFF; + left: 2px; + z-index: 10; + content: attr(data-unchecked); + + } + + &:after { + right: 2px; + content: attr(data-checked); + background-color: #FFFFFF; + color: #42526E; + border-top: solid 2px #42526E; + border-bottom: solid 2px #42526E; + //border-top-right-radius: 0; + //border-bottom-right-radius: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } + } + + // Checked state + &:checked + label > .status-switch { + background-color: #11ACDF; + + &:after { + left: 2px; + content: attr(data-unchecked); + color: #11ACDF; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-top: solid 2px #11ACDF; + border-bottom: solid 2px #11ACDF; + } + + &:before { + color: #ffffff; + background-color: #11ACDF; + left: 50%; + content: attr(data-checked); + border-top: solid 2px #11ACDF; + border-bottom: solid 2px #11ACDF; + } + } + + + &:disabled + label > .status-switch { + background-color: #42526E; + opacity: 0.6; + + &:after { + right: 2px; + content: attr(data-checked); + background-color: #FFFFFF; + color: #42526E; + border-top: solid 2px #42526E; + border-bottom: solid 2px #42526E; + } + + &:before { + border-top: solid 2px #42526E; + border-bottom: solid 2px #42526E; + background-color: #42526E; + color: #FFFFFF; + left: 2px; + z-index: 10; + content: attr(data-unchecked); + + } + } + } +} + */ +/** +NEW CHECKBOX + + +.br-toggle-chboxx { + position: relative; + width: 145px; + height: 74px; + margin: 0 auto; + border-radius: 40px; + input[type="checkbox"] { + width: 100%; + height: 100%; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + margin: 0px; + cursor: pointer; + opacity: 0; + z-index: 2; + } +} + + + + +.on-off-checkbox span { + display: block; + width: 145px; + height: 38px; + background-color: #c7c7c7; + border-radius: 20px; + transition: 0.5s ease background-color; +} + +.on-off-checkbox span:before { + content: ""; + position: absolute; + top: -16px; + width: 70px; + height: 70px; + background-color: #fff; + border-radius: 50%; + box-shadow: 2px 6px 25px #d7d7d7; + transform: translate(0px, 0px); + transition: 0.6s ease transform, 0.6s box-shadow; +} + +.on-off-checkbox span:after { + content: ""; + position: absolute; + top: 50%; + right: 0px; + left: 35px; + width: 0px; + height: 24px; + margin-top: -36px; + margin-left: -6px; + border: 6px solid #000; + border-radius: 20px; + transform: translate(0px, 0px); + transition: 0.4s ease width, 0.4s ease border-radius, 0.62s ease transform; +} + +.on-off-checkbox input[type="checkbox"]:checked + span:before { + box-shadow: 7px 6px 25px #e6e6e6; + transform: translate(75px, 0px); +} + +.on-off-checkbox input[type="checkbox"]:checked + span:after { + width: 24px; + border-radius: 50%; + transform: translate(64px, 0px); +} + +.on-off-checkbox input[type="checkbox"]:checked + span { + background-color: #000; +} + + + +New checkbox 2 + */ +.br-switcher { + position: relative; + display: inline-block; + cursor: pointer; + padding-left: 47px; + height: 20px; + line-height: 20px; + margin: 5px; + font-size: 15px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.breeze_disable_cursor { + cursor: default; +} + +.br-switcher input { + display: none; +} + +.br-see-state::after { + content: "¯"; + color: #DCDCDD; + position: absolute; + top: -1px; + left: 0; + height: 12px; + padding-top: 8px; + width: 20px; + font-size: 156%; + font-weight: 800; + text-align: center; + background-color: #BDBDBD; + border-radius: 50%; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + -webkit-animation-name: pulsein; + animation-name: pulsein; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; +} + +.br-see-state::before { + content: ""; + position: absolute; + top: 2px; + left: 0; + width: 47px; + height: 15px; + background-color: #DEDEDF; + border-radius: 10px; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} + +input:checked + .br-see-state::after { + content: "✔"; + background-color: #11ACDF; + color: white; + font-size: 86%; + height: 20px; + padding-top: 0; + -webkit-transform: translateX(25px); + transform: translateX(25px); + -webkit-animation-name: pulseout; + animation-name: pulseout; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; +} + +input:checked + .br-see-state::before { + background-color: #E0F2F9; +} + +@-webkit-keyframes pulsein { + 0%, 100% { + top: -1px; + height: 12px; + padding-top: 8px; + width: 20px; + } + 50% { + top: -2px; + height: 12px; + padding-top: 8px; + width: 20px; + } +} +@keyframes pulsein { + 0%, 100% { + top: -1px; + height: 12px; + padding-top: 8px; + width: 20px; + } + 50% { + top: -2px; + height: 12px; + padding-top: 8px; + width: 20px; + } +} +@-webkit-keyframes pulseout { + 0%, 100% { + top: -1px; + height: 20px; + width: 20px; + } + 50% { + top: -2px; + height: 20px; + width: 20px; + } +} +@keyframes pulseout { + 0%, 100% { + top: -1px; + height: 20px; + width: 20px; + } + 50% { + top: -2px; + height: 20px; + width: 20px; + } +} +.brilbr { + display: inline-block; +} + +/** +Radio button graphic. + */ +.br-radio { + margin: 0.5rem; +} +.br-radio input[type=radio] { + position: absolute; + opacity: 0; +} +.br-radio input[type=radio] + .radio-label { + font-size: 13px; + vertical-align: top; +} +.br-radio input[type=radio] + .radio-label:before { + content: ""; + background: #f4f4f4; + border-radius: 100%; + border: 1px solid #b4b4b4; + display: inline-block; + width: 1.4em; + height: 1.4em; + position: relative; + top: -0.2em; + margin-right: 1em; + vertical-align: top; + cursor: pointer; + text-align: center; + transition: all 250ms ease; +} +.br-radio input[type=radio]:checked + .radio-label:before { + background-color: #3197EE; + box-shadow: inset 0 0 0 4px #f4f4f4; +} +.br-radio input[type=radio]:focus + .radio-label:before { + outline: none; + border-color: #3197EE; +} +.br-radio input[type=radio]:disabled + .radio-label:before { + background: #f4f4f4; + content: ""; + border: 1px solid #b4b4b4; +} +.br-radio input[type=radio] + .radio-label:empty:before { + margin-right: 0; +} + +#refresh-api-token { + cursor: pointer; +} +#refresh-api-token .dashicons { + font-size: 30px; + padding-top: 5px; + color: #11ACDF; +} + +#breeze-api-token { + width: 301px; +} +@media only screen and (max-width: 480px) { + #breeze-api-token { + width: 80%; + } +} + +.br-loader-spinner { + display: inline-block; + position: relative; + width: 80px; + height: 50px; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; + padding-top: 10px; +} +@media only screen and (max-width: 632px) { + .br-loader-spinner { + top: 20px; + } +} + +.loading_tab:before { + content: "Loading Settings Tab..."; + width: 300px; + position: absolute; + left: -40px; +} + +.switch-to-settings:before { + content: "Switching Settings..."; + width: 300px; + position: absolute; + left: -100px; +} + +.saving_settings:before { + content: "Saving Settings and Clearing Cache..."; + width: 300px; + position: absolute; + left: -90px; +} + +.import_settings:before { + content: "Importing Settings..."; + width: 300px; + position: absolute; + left: -18px; +} + +.br-loader-spinner div { + position: absolute; + top: 33px; + width: 13px; + height: 13px; + border-radius: 50%; + background: #11ACDF; + animation-timing-function: cubic-bezier(0, 1, 1, 0); +} + +.br-loader-spinner div:nth-child(1) { + left: 8px; + animation: loader-spinner1 0.6s infinite; +} + +.br-loader-spinner div:nth-child(2) { + left: 8px; + animation: loader-spinner2 0.6s infinite; +} + +.br-loader-spinner div:nth-child(3) { + left: 32px; + animation: loader-spinner2 0.6s infinite; +} + +.br-loader-spinner div:nth-child(4) { + left: 56px; + animation: loader-spinner3 0.6s infinite; +} + +@keyframes loader-spinner1 { + 0% { + transform: scale(0); + } + 100% { + transform: scale(1); + } +} +@keyframes loader-spinner3 { + 0% { + transform: scale(1); + } + 100% { + transform: scale(0); + } +} +@keyframes loader-spinner2 { + 0% { + transform: translate(0, 0); + } + 100% { + transform: translate(24px, 0); + } +} +body { + background: #E5E5E5; +} + +.change-settings-use { + font-family: "Proxima Nova", "Helvetica", "Verdana", "Arial"; + -webkit-font-smoothing: antialiased; +} + +.breeze-box { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + width: 99%; + font-size: 16px; + font-size: 1rem; + -webkit-box-direction: normal; + -webkit-box-orient: horizontal; + -moz-box-direction: normal; + -moz-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + font-family: "Proxima Nova", "Helvetica", "Verdana", "Arial"; + -webkit-font-smoothing: antialiased; + /** + Menu CSS + */ + /** + Options CSS + */ +} +@media only screen and (max-width: 632px) { + .breeze-box { + -webkit-box-direction: normal; + -webkit-box-orient: vertical; + -moz-box-direction: normal; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 98%; + } +} +.breeze-box .br-menu { + width: 20%; + min-width: 20%; + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-direction: normal; + -webkit-box-orient: vertical; + -moz-box-direction: normal; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +@media only screen and (max-width: 1268px) { + .breeze-box .br-menu { + min-width: 240px; + } +} +@media only screen and (max-width: 632px) { + .breeze-box .br-menu { + min-width: 100%; + } +} +.breeze-box .br-menu > div:not(.br-mobile-menu) { + width: 100%; + display: -webkit-box; + display: -moz-box; + display: -ms-box; + display: box; +} +@media only screen and (max-width: 632px) { + .breeze-box .br-menu > div:not(.br-mobile-menu):not(.br-logo):not(.br-mobile-menu) { + display: none; + } +} +.breeze-box .br-logo { + background-image: url("../images/breez-logo200x46.png"); + height: 81px; + background-repeat: no-repeat; + background-position: center center; + margin-bottom: 20px; +} +@media only screen and (max-width: 1298px) { + .breeze-box .br-logo.subsite-logo { + height: 117px; + } +} +@media only screen and (max-width: 809px) { + .breeze-box .br-logo.subsite-logo { + height: 138px; + } +} +@media only screen and (max-width: 782px) { + .breeze-box .br-logo.subsite-logo { + height: 117px; + } +} +@media only screen and (max-width: 763px) { + .breeze-box .br-logo.subsite-logo { + height: 138px; + } +} +.breeze-box .br-link { + text-indent: 20px; + font-style: normal; + font-weight: bold; + font-size: 14px; + line-height: 62px; + /* identical to box height */ + text-transform: uppercase; + color: #091E42; + border-bottom: 1px solid #D8D8D8; + cursor: pointer; + position: relative; +} +.breeze-box .br-link.br-hide { + display: none !important; +} +.breeze-box .br-link:hover { + background-color: #f3f2f2; +} +.breeze-box .br-link a { + color: #091E42; + text-decoration: none; + width: 100%; + display: block; +} +.breeze-box .br-link a:focus { + box-shadow: none; +} +.breeze-box .br-link.br-active { + background-color: #FFFFFF; + color: #11ACDF; +} +.breeze-box .br-link.br-active a { + background-color: #FFFFFF; + color: #11ACDF; +} +.breeze-box .br-link img { + margin-right: 15px; + vertical-align: middle; + height: auto; + display: inline-block; + width: 20px; + max-width: 20px; +} +.breeze-box .br-network-only { + display: grid; + grid-template-columns: 60% 40%; + background-color: #e5e5e5; + padding-bottom: 10px; + margin-left: -26px; + margin-right: -26px; + min-height: 80px; +} +.breeze-box .br-network-only > div { + display: flex; +} +@media only screen and (max-width: 1530px) { + .breeze-box .br-network-only { + grid-template-columns: 60% 40%; + } +} +@media only screen and (max-width: 1298px) { + .breeze-box .br-network-only { + grid-template-columns: 100%; + } +} +.breeze-box .br-network-only .br-option-net { + justify-content: center; + align-items: flex-end; +} +@media only screen and (max-width: 1298px) { + .breeze-box .br-network-only .br-option-net { + justify-content: end; + } +} +.breeze-box .br-container { + position: relative; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex: 1; + flex-grow: 1; + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + background-color: #FFFFFF; + padding: 0 26px; + -webkit-box-direction: normal; + -webkit-box-orient: vertical; + -moz-box-direction: normal; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.breeze-box .br-options { + position: relative; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex: 1; + flex-grow: 1; + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + background-color: #FFFFFF; + padding: 0 26px; + -webkit-box-direction: normal; + -webkit-box-orient: vertical; + -moz-box-direction: normal; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.breeze-box .br-options section { + width: 100%; +} +.breeze-box .br-options section .br-section-title { + border-bottom: 1px solid #D8D8D8; + color: #091E42; + font-weight: 600; + font-size: 24px; + font-size: 1.5rem; + line-height: 90px; + width: 100%; +} +.breeze-box .br-options section .br-section-title img { + margin-right: 15px; + vertical-align: middle; + -webkit-filter: opacity(1) drop-shadow(0 0 0 #11ACDF); + -moz-filter: opacity(1) drop-shadow(0 0 0 #11ACDF); + filter: opacity(1) drop-shadow(0 0 0 #11ACDF); +} +.breeze-box .br-options section .br-option-item { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + margin: 22px 0; + border-bottom: 1px solid #D8D8D8; +} +@media only screen and (max-width: 900px) { + .breeze-box .br-options section .br-option-item { + -webkit-box-direction: normal; + -webkit-box-orient: vertical; + -moz-box-direction: normal; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } +} +.breeze-box .br-options section .br-option-item .br-label { + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-direction: normal; + -webkit-box-orient: horizontal; + -moz-box-direction: normal; + -moz-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + width: 200px; + min-width: 200px; + font-weight: 500; +} +@media only screen and (max-width: 1164px) { + .breeze-box .br-options section .br-option-item .br-label { + max-width: 110px; + min-width: 110px; + } +} +@media only screen and (max-width: 900px) { + .breeze-box .br-options section .br-option-item .br-label { + max-width: 100%; + min-width: 100%; + padding-bottom: 10px; + } +} +.breeze-box .br-options section .br-option-item .br-label .br-option-text { + font-style: normal; + font-weight: 600; + font-size: 16px; + line-height: 19px; + color: #091E42; + margin-top: 7px; +} +.breeze-box .br-options section .br-option-item .br-option { + -webkit-box-flex: 1; + -moz-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex: 1; + flex-grow: 1; + display: -webkit-inline-box; + display: -moz-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + padding-left: 40px; + -webkit-box-direction: normal; + -webkit-box-orient: vertical; + -moz-box-direction: normal; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding-right: 20px; +} +@media only screen and (max-width: 900px) { + .breeze-box .br-options section .br-option-item .br-option { + padding-left: 0; + } +} +.breeze-box .br-options section .br-option-item .br-option textarea { + border: solid 1px #D8D8D8; + width: 100%; +} +.breeze-box .br-options section .br-option-item .br-note { + display: block; + margin-top: 13px; +} +.breeze-box .br-options section .br-option-item .br-note-no-margin { + margin-top: 0; +} +.breeze-box .br-options section .br-option-item p:not(.br-important) { + color: #42526E; +} +.breeze-box .br-options section .br-option-item p { + font-size: 14px; +} +.breeze-box .br-options section .br-option-group { + margin-top: 20px; + padding: 20px 0; +} +.breeze-box .br-options section .br-option-group .section-title { + font-style: normal; + font-weight: 600; + font-size: 22px; + line-height: 27px; + /* identical to box height */ + color: #091E42; +} +.breeze-box .br-options section .br-option-group .br-option-item { + background-color: #FCFCFD; + margin: 0; + padding: 22px 0 22px 22px; + border-left: solid 1px #D8D8D8; + border-right: solid 1px #D8D8D8; +} +.breeze-box .br-options section .br-option-group .br-top { + border-top: solid 1px #D8D8D8; + margin-top: 10px; +} +.breeze-box .br-options .br-submit { + margin: 20px 0 40px 0; +} +.breeze-box .br-options .br-submit input { + width: 123px; + height: 35px; + background: #11ACDF; + border-radius: 4px; + border: 1px solid #11ACDF; + color: #FFFFFF; +} +.breeze-box .simple-btn { + width: 123px; + height: 35px; + line-height: 35px; + background: #11ACDF; + border-radius: 4px; + border: 1px solid #11ACDF; + color: #FFFFFF; + text-align: center; + text-decoration: none; + cursor: pointer; +} +.breeze-box .simple-btn[disabled] { + background: #97d7ed; + border: 1px solid #97d7ed; +} +.breeze-box .cta-cleanall { + margin-left: 10px; +} +.breeze-box .br-blue-button { + display: inline-block; + text-decoration: none; + font-size: 13px; + line-height: 2.7; + min-height: 30px; + margin: 0; + padding: 0 10px; + cursor: pointer; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; + background: #11ACDF; + border-color: #11ACDF; + color: #fff; + text-decoration: none; + text-shadow: none; + width: fit-content; +} +.breeze-box .br-blue-button[disabled] { + background: #97d7ed; + border: 1px solid #97d7ed; +} +.breeze-box .br-blue-button-reverse { + display: inline-block; + text-decoration: none; + font-size: 13px; + line-height: 2.7; + min-height: 30px; + margin: 0; + padding: 0 10px; + cursor: pointer; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; + background: #FCFCFD; + border-color: #11ACDF; + color: #11ACDF; + text-decoration: none; + text-shadow: none; + width: fit-content; + font-weight: 600; +} +.breeze-box #file-selected { + color: darkgreen; +} +.breeze-box #faq-content { + margin: 20px; + width: 100%; +} +.breeze-box .faq-block { + border-bottom: 1px solid; + border-color: #eee transparent; + padding-bottom: 10px; +} +.breeze-box .faq-question { + cursor: pointer; + margin: 0; + padding: 1em 0; +} +.breeze-box .faq-question:focus { + outline: none; +} +.breeze-box .faq-answer * { + font-size: 14px; +} +.breeze-box #breeze_import_settings { + color: transparent; + width: 120px; +} +.breeze-box #breeze_import_settings::-webkit-file-upload-button { + visibility: hidden; +} +.breeze-box .br-input-container { + display: flex; + width: 100%; +} +.breeze-box .br-input-item { + display: inline-block; + max-width: 140px; +} +.breeze-box #breeze_import_settings::before { + content: "Choose File"; + display: inline-block; + background: #FCFCFD; + border: 1px solid #11ACDF; + border-radius: 3px; + padding: 10px 20px; + outline: none; + white-space: nowrap; + -webkit-user-select: none; + cursor: pointer; + font-weight: 700; + font-size: 12px; + color: #11ACDF; + width: 64px; + height: 15px; +} +.breeze-box #breeze_import_settings { + display: none; +} +.breeze-box .br-label-for-file::before { + content: "Choose File"; + display: inline-block; + background: #FCFCFD; + border: 1px solid #11ACDF; + border-radius: 3px; + padding: 10px 20px; + outline: none; + white-space: nowrap; + -webkit-user-select: none; + cursor: pointer; + font-weight: 700; + font-size: 12px; + color: #11ACDF; + width: 64px; + height: 15px; +} +.breeze-box #breeze_import_settings::file-selector-button { + visibility: hidden; +} +.breeze-box .br-space { + clear: both; + height: 20px; + display: block; +} +.breeze-box .br-file-text { + display: inline-block; + max-width: 120px; + width: 120px; + margin-top: 12px; + font-size: 12px; + font-weight: 600; + color: #42526E; + margin-left: 30px; +} +.breeze-box #breeze_import_settings:hover::before { + border-color: black; +} +.breeze-box #breeze_import_settings:active { + outline: 0; +} +.breeze-box #breeze_import_settings:active::before { + background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); +} +.breeze-box .breeze-list-url .breeze-input-group { + white-space: nowrap; +} +.breeze-box .breeze-input-group .breeze-input-url { + width: 80%; + margin-bottom: 5px; +} +@media only screen and (max-width: 632px) { + .breeze-box .breeze-input-group .breeze-input-url { + width: 80%; + } +} +.breeze-box .breeze-input-group span { + vertical-align: sub; + cursor: pointer; + color: gray; +} +.breeze-box .breeze-input-group span.sort-handle { + cursor: move; +} +.breeze-box .breeze-input-group span.sort-handle span.moveUp:before, +.breeze-box .breeze-input-group span.sort-handle span.moveDown:before { + font-size: 30px; + margin-left: -7px; +} +.breeze-box .br-db-boxes { + display: grid; + margin-top: 40px; + margin-bottom: 50px; + grid-template-columns: repeat(auto-fill, minmax(33%, 1fr)); +} +@media only screen and (max-width: 1164px) { + .breeze-box .br-db-boxes { + grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); + } +} +@media only screen and (max-width: 720px) { + .breeze-box .br-db-boxes { + grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); + } +} +.breeze-box .br-db-boxes > * { + border: solid 2px #D8D8D8; + background-color: #F4F3F9; + border-radius: 5px; + padding: 15px; + margin: 10px; +} +.breeze-box span.br-has { + color: #FF5656; + font-weight: bold; +} +.breeze-box .br-db-item { + color: #091E42; + cursor: pointer; +} +.breeze-box .br-db-item h3 { + font-weight: 600; + margin-top: 8px; + margin-bottom: 8px; +} +@media only screen and (max-width: 1164px) { + .breeze-box .br-db-item h3 { + font-size: 100%; + } +} +.breeze-box .br-db-item a { + color: #11ACDF; + text-decoration: none; + font-size: 14px; + position: relative; + font-weight: 600; +} +.breeze-box .br-db-item a:after { + border-top: solid 1px #11ACDF; + position: absolute; + content: " "; + width: 100%; + left: 0; + top: 100%; +} +.breeze-box .br-db-item .opac { + opacity: 0.5; + filter: alpha(opacity=0.5); +} +.breeze-box .br-db-item img { + max-width: 40px; +} +.breeze-box .br-db-selected { + border: solid 2px #11ACDF; +} +.breeze-box #optimize-selected-services { + display: none; +} +.breeze-box .br-submit-save { + cursor: pointer; + pointer-events: all; +} +.breeze-box .ui-accordion-header:after { + font-family: dashicons; + content: "\f347"; + float: right; +} +.breeze-box .ui-accordion-header[aria-expanded=true]:after { + content: "\f343"; +} +.breeze-box .br-overlay-disable { + position: absolute; + background-color: #000000ad; + width: 100%; + height: auto; + z-index: 9999; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; + color: white; + vertical-align: middle; + font-size: 20px; + text-align: center; + padding-top: 25%; + font-weight: 600; + -webkit-font-smoothing: antialiased; +} +.breeze-box input[name=cache-ttl] { + width: 170px; +} +.breeze-box .br-notice { + color: #ff0000 !important; +} +.breeze-box p.br-important { + color: #ef6813; +} +.breeze-box .br-subtitle { + font-size: 16px; +} +.breeze-box .is-invalid-url { + border: solid 2px orangered; +} +.breeze-box input[type=text] { + width: 80%; + border: 1px solid rgba(119, 131, 151, 0.4); + box-sizing: border-box; + border-radius: 4px; + height: 40px; + color: #42526E; + font-size: 14px; + line-height: 17px; +} + +/* <--- END MAIN */ +span.br-important { + color: #ef6813; +} + +.br-global-text-settings { + font-size: 14px; +} + +.br-show { + display: inline-block; +} + +.br-hide { + display: none; +} + +.br-inherit-wait { + position: absolute; + background-color: #000000ad; + width: 100%; + height: auto; + z-index: 9999; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; + color: white; + vertical-align: middle; + font-size: 20px; + text-align: center; + padding-top: 25%; + font-weight: 600; + -webkit-font-smoothing: antialiased; +} + +.br-mobile-menu { + display: none; +} +@media only screen and (max-width: 632px) { + .br-mobile-menu { + display: block; + width: 97.5%; + font-size: 20px; + padding: 20px 0 20px 10px; + background-color: white; + border-bottom: solid 1px #D8D8D8; + margin-bottom: 10px; + } +} + +.br-apply-disable { + position: relative; +} +.br-apply-disable:after { + content: " "; + width: 100%; + height: 100%; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; + background-color: #fcfcfdb8; + position: absolute; +} + +/* Database Summary Table */ +#dbsummary-content .db-summary-count, +#dbsummary-content .db-summary-size { + margin: 0; +} +#dbsummary-content .db-summary-count.critical, +#dbsummary-content .db-summary-size.critical { + color: #ff2222; +} +@media only screen and (max-width: 782px) { + #dbsummary-content .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary::before { + position: absolute; + left: 10px; + display: block; + overflow: hidden; + width: 32%; + content: attr(data-colname); + white-space: nowrap; + text-overflow: ellipsis; + } +} +@media only screen and (max-width: 782px) { + #dbsummary-content .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary { + padding: 3px 8px 3px 35%; + } +} +@media only screen and (max-width: 500px) { + #dbsummary-content .wp-list-table thead th.column-primary { + display: none; + } +} +#dbsummary-content thead tr th#number { + position: relative; +} +@media only screen and (max-width: 500px) { + #dbsummary-content thead tr th#number:before { + position: absolute; + left: 20px; + display: block; + overflow: hidden; + width: 32%; + content: "Summary"; + white-space: nowrap; + text-overflow: ellipsis; + } +} +#dbsummary-content .wp-list-table { + width: 30%; + min-width: 350px; +} +@media only screen and (max-width: 500px) { + #dbsummary-content .wp-list-table { + width: 100%; + min-width: 100%; + } +} +#dbsummary-content .wp-list-table #table_size { + width: 80px; +} +#dbsummary-content .wp-list-table #number, +#dbsummary-content .wp-list-table td.number { + width: 16px; + text-align: center; +} +@media only screen and (max-width: 782px) { + #dbsummary-content .wp-list-table #number, +#dbsummary-content .wp-list-table td.number { + text-align: left; + } +} + +#breeze_loader_function { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + height: 100%; + background-color: #000000ad; + z-index: 9999; + margin: auto; + text-align: center; +} +#breeze_loader_function:after { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 40%; + margin: auto; + content: "Please Do Not Close The Window Until The Process Is Finished."; + color: white; + font-size: 24px; + text-align: center; +} + +#breeze_info { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 50%; + width: 100%; + height: 100%; + z-index: 10000; + color: white; + font-size: 24px; + text-align: center; +} + +.breeze-ajax-loader { + width: 28px; + height: 28px; + border: 3px solid #FFF; + border-radius: 50%; + display: inline-block; + position: relative; + box-sizing: border-box; + animation: breeze-rotation 1s linear infinite; + top: 5px; +} +.breeze-ajax-loader:after { + content: ""; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 36px; + height: 36px; + border-radius: 50%; + border: 3px solid; + border-color: #11ACDF transparent; +} + +@keyframes breeze-rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.br-rollback-option { + gap: 5px; +} +.br-rollback-option .breeze-version { + max-width: 170px; +} + +#breeze_rollback_form { + display: flex; + flex-direction: column; + gap: 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; +} diff --git a/assets/css/breeze-fonts.css b/assets/css/breeze-fonts.css new file mode 100644 index 00000000..51b30fba --- /dev/null +++ b/assets/css/breeze-fonts.css @@ -0,0 +1,138 @@ +@font-face { + font-family: "Proxima Nova"; + src: url("../fonts/proximanova-black-webfont.woff2") format("woff2"), url("../fonts/proximanova-black-webfont.woff") format("woff"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "Proxima Nova"; + src: url("../fonts/proximanova-bold-webfont.woff2") format("woff2"), url("../fonts/proximanova-bold-webfont.woff") format("woff"); + font-weight: bold; + font-style: normal; +} +@font-face { + font-family: "Proxima Nova"; + src: url("../fonts/proximanova-extrabold-webfont.woff2") format("woff2"), url("../fonts/proximanova-extrabold-webfont.woff") format("woff"); + font-weight: bolder; + font-style: normal; +} +@font-face { + font-family: "Proxima Nova"; + src: url("../fonts/proximanova-light-webfont.woff2") format("woff2"), url("../fonts/proximanova-light-webfont.woff") format("woff"); + font-weight: 200; + font-style: normal; +} +@font-face { + font-family: "Proxima Nova"; + src: url("../fonts/proximanova-lightitalic-webfont.woff2") format("woff2"), url("../fonts/proximanova-lightitalic-webfont.woff") format("woff"); + font-weight: 200; + font-style: italic; +} +@font-face { + font-family: "Proxima Nova"; + src: url("../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts/proximanova-regular-webfont.woff") format("woff"); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: "Proxima Nova"; + src: url("../fonts/proximanova-regularitalic-webfont.woff2") format("woff2"), url("../fonts/proximanova-regularitalic-webfont.woff") format("woff"); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: "Proxima Nova"; + src: url("../fonts/proximanova-semibold-webfont.woff2") format("woff2"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"); + font-weight: 700; + font-style: normal; +} +@font-face { + font-family: "Proxima Nova"; + src: url("../fonts/proximanova-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/proximanova-semibolditalic-webfont.woff") format("woff"); + font-weight: 700; + font-style: italic; +} + +/* 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; +} diff --git a/assets/css/builder-alerts.css b/assets/css/builder-alerts.css new file mode 100644 index 00000000..604f016a --- /dev/null +++ b/assets/css/builder-alerts.css @@ -0,0 +1,424 @@ +.wpforms-admin-page .wpforms-alert { + background-color: #ffffff; + border: none; + border-inline-start: 4px solid #dddddd; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); + color: #444444; + font-size: 14px; + font-weight: 400; + line-height: 18px; + margin-bottom: 20px; + padding: 10px; +} + +.wpforms-admin-page .wpforms-alert-dismissible { + align-content: stretch; + align-items: center; + display: flex; + justify-content: flex-start; + margin: 30px 15px 20px 15px; + max-height: 100px; + opacity: 1; + overflow: hidden; + transition-property: all; + transition-duration: 0.25s; + transition-timing-function: ease-out; +} + +.wpforms-admin-page .wpforms-alert-dismissible.out { + margin-bottom: 0; + margin-top: 0; + max-height: 0; + opacity: 0; + padding-bottom: 0; + padding-top: 0; +} + +.wpforms-admin-page .wpforms-alert-dismissible h4 { + margin: 0 0 2px 0; +} + +.wpforms-admin-page .wpforms-alert-dismissible p { + color: #444444; +} + +.wpforms-admin-page .wpforms-alert-buttons { + display: flex; + margin-inline-start: auto; + padding-inline-start: 10px; +} + +.wpforms-admin-page .wpforms-alert-buttons .wpforms-dismiss-button { + color: rgba(68, 68, 68, 0.35); + margin-inline-start: 7px; + margin-inline-end: -3px; +} + +.wpforms-admin-page .wpforms-alert-buttons .wpforms-dismiss-button:hover { + color: rgba(68, 68, 68, 0.75); +} + +.wpforms-admin-page .wpforms-alert h4 { + color: #444444; + font-size: 14px; + font-weight: 600; + line-height: 18px; + margin: 0 0 3px 0; +} + +.wpforms-admin-page .wpforms-alert p { + line-height: 18px; + margin: 0 0 10px 0; +} + +.wpforms-admin-page .wpforms-alert p:last-of-type { + margin: 0; +} + +.wpforms-admin-page .wpforms-alert p.wpforms-alert-heading { + font-size: 16px; + font-weight: 500; + margin-bottom: 3px !important; +} + +.wpforms-admin-page .wpforms-alert p.wpforms-alert-content { + font-size: 14px; + font-weight: 400; + margin-bottom: 0 !important; +} + +.wpforms-admin-page .wpforms-alert.wpforms-alert-nomargin { + margin: 0; +} + +.wpforms-admin-page .wpforms-alert.wpforms-alert-success { + border-inline-start-color: #00a32a; +} + +.wpforms-admin-page .wpforms-alert.wpforms-alert-info { + border-inline-start-color: #036aab; +} + +.wpforms-admin-page .wpforms-alert.wpforms-alert-warning { + border-inline-start-color: #ffb900; +} + +.wpforms-admin-page .wpforms-alert.wpforms-alert-danger { + border-inline-start-color: #d63638; +} + +.wpforms-admin-page .wpforms-alert.wpforms-alert-ai { + border-inline-start-color: #7a30e2; +} + +.wpforms-admin-page .wpforms-alert.wpforms-alert-field-requirements .wpforms-alert-buttons { + padding: 10px 0 0 0; +} + +.wpforms-admin-page .wpforms-alert .wpforms-aside-left { + float: left; +} + +.wpforms-admin-page .wpforms-alert .wpforms-aside-right { + float: right; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert { + box-shadow: none; + overflow: auto; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-success { + background-color: #edfaef; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-info { + background-color: #f1f6fa; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-warning { + background-color: #fcf9e8; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-danger { + background-color: #fcf0f1; +} + +.wpforms-fullscreen-notice { + background: #036aab; + cursor: default; + height: 100%; + min-width: 0; + padding: 0 20px; + overflow: scroll; + position: fixed; + z-index: 100110; + text-align: center; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.wpforms-fullscreen-notice img { + height: 130px; + width: 130px; +} + +.wpforms-fullscreen-notice img.sullie-icon { + background-color: #f1f1f1; + border: 5px solid #ffffff; + border-radius: 50%; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); +} + +.wpforms-fullscreen-notice h3 { + color: #ffffff; + font-weight: 700; + font-size: 18px; + line-height: 22px; + margin: 25px 0 5px 0; +} + +.wpforms-fullscreen-notice p { + color: #cce0ed; + font-size: 16px; + font-weight: 300; + line-height: 22px; + margin: 0; + max-width: 640px; +} + +.wpforms-fullscreen-notice a { + color: #cce0ed; +} + +.wpforms-fullscreen-notice a:hover { + color: #ffffff; +} + +.wpforms-fullscreen-notice .wpforms-fullscreen-notice-buttons { + display: flex; + flex-wrap: wrap; + gap: 25px; + /* Gap is unsupported in IE, but we have only one button on IE notice. */ + justify-content: center; + margin-top: 25px; +} + +.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button { + border-radius: 4px; + cursor: pointer; + font-weight: 500; + font-size: 16px; + line-height: 20px; + height: auto; + padding: 10px 20px; + text-decoration: none; + text-shadow: none; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-out; +} + +.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-primary { + background-color: #e27730; + border: 2px solid #e27730; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); + color: #ffffff; +} + +.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-primary:hover { + background-color: #cd6622; + border-color: #cd6622; +} + +.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-secondary { + background-color: transparent; + border: 2px solid #ffffff; + color: #ffffff; + opacity: .5; +} + +.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-secondary:hover { + opacity: 1; +} + +.wpforms-fullscreen-notice .close, +.wpforms-fullscreen-notice .dismiss { + background-color: transparent; + background-image: url("../../images/times-circle.svg"); + border: none; + color: #81b5d5; + cursor: pointer; + height: 31px; + opacity: .5; + overflow: hidden; + position: absolute; + inset-inline-end: 20px; + top: 20px; + width: 31px; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-out; +} + +.wpforms-fullscreen-notice .close:hover, +.wpforms-fullscreen-notice .dismiss:hover { + opacity: 1; +} + +.wpforms-fullscreen-notice .close:focus, +.wpforms-fullscreen-notice .dismiss:focus { + outline: none; +} + +.wpforms-fullscreen-notice-light { + background: #e8e8e8; +} + +.wpforms-fullscreen-notice-light h3 { + color: #444444; +} + +.wpforms-fullscreen-notice-light p { + color: #777777; +} + +.wpforms-fullscreen-notice img { + height: auto; + width: auto; + max-width: 120px; +} + +@supports (display: grid) { + #wpforms-builder-ie-notice { + display: none; + } +} + +#wpforms-builder-abort-message h3 { + font-size: 24px; + line-height: 24px; + margin-bottom: 20px; +} + +#wpforms-builder-abort-message img { + width: 400px; + height: auto; + margin: 30px 30px 0 30px; +} + +#wpforms-builder-abort-message .wpforms-fullscreen-notice-button { + text-transform: initial; +} + +#wpforms-builder-abort-message .waving-hand-emoji { + display: inline-block; + background-image: url("../../images/empty-states/waving-hand-emoji.png"); + background-repeat: no-repeat; + background-size: 24px 24px; + background-position: 0 0; + padding-left: 34px; +} + +@media (max-width: 640px) { + #wpforms-builder-abort-message img { + width: 250px; + } +} + +@media (min-width: 1024px) { + #wpforms-builder-mobile-notice { + 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; +} diff --git a/assets/css/builder-alerts.min.css b/assets/css/builder-alerts.min.css new file mode 100644 index 00000000..37b1f30b --- /dev/null +++ b/assets/css/builder-alerts.min.css @@ -0,0 +1,86 @@ +.wpforms-admin-page .wpforms-alert{background-color:#ffffff;border:none;border-inline-start:4px solid #dddddd;box-shadow:0 2px 2px rgba(0,0,0,0.05);color:#444444;font-size:14px;font-weight:400;line-height:18px;margin-bottom:20px;padding:10px}.wpforms-admin-page .wpforms-alert-dismissible{align-content:stretch;align-items:center;display:flex;justify-content:flex-start;margin:30px 15px 20px 15px;max-height:100px;opacity:1;overflow:hidden;transition-property:all;transition-duration:0.25s;transition-timing-function:ease-out}.wpforms-admin-page .wpforms-alert-dismissible.out{margin-bottom:0;margin-top:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.wpforms-admin-page .wpforms-alert-dismissible h4{margin:0 0 2px 0}.wpforms-admin-page .wpforms-alert-dismissible p{color:#444444}.wpforms-admin-page .wpforms-alert-buttons{display:flex;margin-inline-start:auto;padding-inline-start:10px}.wpforms-admin-page .wpforms-alert-buttons .wpforms-dismiss-button{color:rgba(68,68,68,0.35);margin-inline-start:7px;margin-inline-end:-3px}.wpforms-admin-page .wpforms-alert-buttons .wpforms-dismiss-button:hover{color:rgba(68,68,68,0.75)}.wpforms-admin-page .wpforms-alert h4{color:#444444;font-size:14px;font-weight:600;line-height:18px;margin:0 0 3px 0}.wpforms-admin-page .wpforms-alert p{line-height:18px;margin:0 0 10px 0}.wpforms-admin-page .wpforms-alert p:last-of-type{margin:0}.wpforms-admin-page .wpforms-alert p.wpforms-alert-heading{font-size:16px;font-weight:500;margin-bottom:3px !important}.wpforms-admin-page .wpforms-alert p.wpforms-alert-content{font-size:14px;font-weight:400;margin-bottom:0 !important}.wpforms-admin-page .wpforms-alert.wpforms-alert-nomargin{margin:0}.wpforms-admin-page .wpforms-alert.wpforms-alert-success{border-inline-start-color:#00a32a}.wpforms-admin-page .wpforms-alert.wpforms-alert-info{border-inline-start-color:#036aab}.wpforms-admin-page .wpforms-alert.wpforms-alert-warning{border-inline-start-color:#ffb900}.wpforms-admin-page .wpforms-alert.wpforms-alert-danger{border-inline-start-color:#d63638}.wpforms-admin-page .wpforms-alert.wpforms-alert-ai{border-inline-start-color:#7a30e2}.wpforms-admin-page .wpforms-alert.wpforms-alert-field-requirements .wpforms-alert-buttons{padding:10px 0 0 0}.wpforms-admin-page .wpforms-alert .wpforms-aside-left{float:left}.wpforms-admin-page .wpforms-alert .wpforms-aside-right{float:right}.wpforms-admin-page .wpforms-panel-content .wpforms-alert{box-shadow:none;overflow:auto}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-success{background-color:#edfaef}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-info{background-color:#f1f6fa}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-warning{background-color:#fcf9e8}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-danger{background-color:#fcf0f1}.wpforms-fullscreen-notice{background:#036aab;cursor:default;height:100%;min-width:0;padding:0 20px;overflow:scroll;position:fixed;z-index:100110;text-align:center;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.wpforms-fullscreen-notice img{height:130px;width:130px}.wpforms-fullscreen-notice img.sullie-icon{background-color:#f1f1f1;border:5px solid #ffffff;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,0.15)}.wpforms-fullscreen-notice h3{color:#ffffff;font-weight:700;font-size:18px;line-height:22px;margin:25px 0 5px 0}.wpforms-fullscreen-notice p{color:#cce0ed;font-size:16px;font-weight:300;line-height:22px;margin:0;max-width:640px}.wpforms-fullscreen-notice a{color:#cce0ed}.wpforms-fullscreen-notice a:hover{color:#ffffff}.wpforms-fullscreen-notice .wpforms-fullscreen-notice-buttons{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-top:25px}.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button{border-radius:4px;cursor:pointer;font-weight:500;font-size:16px;line-height:20px;height:auto;padding:10px 20px;text-decoration:none;text-shadow:none;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-out}.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-primary{background-color:#e27730;border:2px solid #e27730;box-shadow:0 2px 4px rgba(0,0,0,0.15);color:#ffffff}.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-primary:hover{background-color:#cd6622;border-color:#cd6622}.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-secondary{background-color:transparent;border:2px solid #ffffff;color:#ffffff;opacity:.5}.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-secondary:hover{opacity:1}.wpforms-fullscreen-notice .close,.wpforms-fullscreen-notice .dismiss{background-color:transparent;background-image:url("../../images/times-circle.svg");border:none;color:#81b5d5;cursor:pointer;height:31px;opacity:.5;overflow:hidden;position:absolute;inset-inline-end:20px;top:20px;width:31px;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-out}.wpforms-fullscreen-notice .close:hover,.wpforms-fullscreen-notice .dismiss:hover{opacity:1}.wpforms-fullscreen-notice .close:focus,.wpforms-fullscreen-notice .dismiss:focus{outline:none}.wpforms-fullscreen-notice-light{background:#e8e8e8}.wpforms-fullscreen-notice-light h3{color:#444444}.wpforms-fullscreen-notice-light p{color:#777777}.wpforms-fullscreen-notice img{height:auto;width:auto;max-width:120px}@supports (display: grid){#wpforms-builder-ie-notice{display:none}}#wpforms-builder-abort-message h3{font-size:24px;line-height:24px;margin-bottom:20px}#wpforms-builder-abort-message img{width:400px;height:auto;margin:30px 30px 0 30px}#wpforms-builder-abort-message .wpforms-fullscreen-notice-button{text-transform:initial}#wpforms-builder-abort-message .waving-hand-emoji{display:inline-block;background-image:url("../../images/empty-states/waving-hand-emoji.png");background-repeat:no-repeat;background-size:24px 24px;background-position:0 0;padding-left:34px}@media (max-width: 640px){#wpforms-builder-abort-message img{width:250px}}@media (min-width: 1024px){#wpforms-builder-mobile-notice{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; +} diff --git a/assets/css/builder-basic.css b/assets/css/builder-basic.css new file mode 100644 index 00000000..aa189896 --- /dev/null +++ b/assets/css/builder-basic.css @@ -0,0 +1,1323 @@ +/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ +/* +Document +======== +*/ +/** +Use a better box model (opinionated). +*/ +*, +::before, +::after { + box-sizing: border-box; +} + +/** +1. Correct the line height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size (opinionated). +*/ +html { + line-height: 1.15; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + tab-size: 4; + /* 3 */ +} + +/* +Sections +======== +*/ +/** +1. Remove the margin in all browsers. +2. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +*/ +body { + margin: 0; + /* 1 */ + font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; + /* 2 */ +} + +/* +Grouping content +================ +*/ +/** +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +*/ +hr { + height: 0; + /* 1 */ + color: inherit; + /* 2 */ +} + +/* +Text-level semantics +==================== +*/ +/** +Add the correct text decoration in Chrome, Edge, and Safari. +*/ +abbr[title] { + text-decoration: underline dotted; +} + +/** +Add the correct font weight in Edge and Safari. +*/ +b, +strong { + font-weight: 600; +} + +/** +1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +2. Correct the odd 'em' font sizing in all browsers. +*/ +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} + +/** +Add the correct font size in all browsers. +*/ +small { + font-size: 80%; +} + +/** +Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. +*/ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +Tabular data +============ +*/ +/** +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +*/ +table { + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ +} + +/* +Forms +===== +*/ +/** +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +*/ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + margin: 0; + /* 2 */ +} + +/** +Remove the inheritance of text transform in Edge and Firefox. +*/ +button, +select { + text-transform: none; +} + +/** +Correct the inability to style clickable types in iOS and Safari. +*/ +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; +} + +/** +Remove the inner border and padding in Firefox. +*/ +::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** +Restore the focus styles unset by the previous rule. +*/ +:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** +Remove the additional ':invalid' styles in Firefox. +See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 +*/ +:-moz-ui-invalid { + box-shadow: none; +} + +/** +Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. +*/ +legend { + padding: 0; +} + +/** +Add the correct vertical alignment in Chrome and Firefox. +*/ +progress { + vertical-align: baseline; +} + +/** +Correct the cursor style of increment and decrement buttons in Safari. +*/ +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/** +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ +[type='search'] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + +/** +Remove the inner padding in Chrome and Safari on macOS. +*/ +::-webkit-search-decoration { + appearance: none; + -webkit-appearance: none; +} + +/** +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to 'inherit' in Safari. +*/ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + +/* +Interactive +=========== +*/ +/* +Add the correct display in Chrome and Safari. +*/ +summary { + display: list-item; +} + +:root { + --wpforms-admin-bar-height: 0px; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 17px; + overflow: hidden !important; +} + +a { + color: #036aab; +} + +a:hover { + color: #0399ed; +} + +button { + font-size: 14px; +} + +a, +button { + transition-duration: 0.05s; + transition-property: border, background, color; + transition-timing-function: ease-in; +} + +a:focus, +button:focus { + box-shadow: none; + outline: none; +} + +h1, h2, h3 { + font-weight: 600; + margin-bottom: 10px; + padding: 0; +} + +h1 { + font-size: 24px; + margin-bottom: 0; +} + +h2 { + font-size: 18px; +} + +h3 { + font-size: 16px; +} + +p { + line-height: 24px; + margin: 0 0 10px 0; +} + +ul { + list-style: none; + margin-block-end: 0; + margin-block-start: 0; + margin-inline-end: 0; + margin-inline-start: 0; + padding: 0; +} + +li { + margin-bottom: 5px; +} + +#wpforms-builder { + background: #ffffff; + color: #444444; + cursor: default; + height: 100%; + margin: 0 !important; + min-width: 0; + overflow: hidden; + position: fixed; + z-index: 100099; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +#wpforms-builder .wpforms-clear:before { + content: ""; + display: table; +} + +#wpforms-builder .wpforms-clear:after { + clear: both; + content: ""; + display: table; +} + +#wpforms-builder .note { + color: #777777; + font-size: 13px; + line-height: 18px; +} + +#wpforms-builder .secondary-text { + color: #777777; + font-size: 14px; +} + +#wpforms-builder a.secondary-text:hover { + color: #444444; +} + +#wpforms-builder .hidden, +#wpforms-builder .wpforms-hidden { + display: none; +} + +#wpforms-builder .wpforms-hidden-strict { + display: none !important; +} + +#wpforms-builder .wpforms-not-available { + opacity: .6; +} + +#wpforms-builder .wpforms-one-half { + float: left; + width: calc( 50% - 10px); +} + +.rtl #wpforms-builder .wpforms-one-half { + float: right; +} + +#wpforms-builder .wpforms-one-half.last { + float: right; + margin-inline-end: 0; +} + +.rtl #wpforms-builder .wpforms-one-half.last { + float: left; +} + +#wpforms-builder .wpforms-one-half.wpforms-hide + .wpforms-one-half.last { + float: left; +} + +.rtl #wpforms-builder .wpforms-one-half.wpforms-hide + .wpforms-one-half.last { + float: right; +} + +#wpforms-builder .wpforms-one-third { + float: left; + margin-inline-end: 20px; + width: calc( 100%/3 - 13.33333px); +} + +.rtl #wpforms-builder .wpforms-one-third { + float: right; +} + +#wpforms-builder .wpforms-one-third.last { + float: right; + margin-inline-end: 0; +} + +.rtl #wpforms-builder .wpforms-one-third.last { + float: left; +} + +#wpforms-builder .wpforms-two-thirds { + float: left; + margin-inline-end: 20px; + width: calc( 66.66667% - 13.33333px); +} + +.rtl #wpforms-builder .wpforms-two-thirds { + float: right; +} + +#wpforms-builder .wpforms-help-tooltip:not(button) { + color: #bbbbbb; + font-size: 15px; + margin: 0 0 0 10px; +} + +#wpforms-builder .wpforms-help-tooltip:not(button):hover { + color: #777777; + cursor: help; +} + +#wpforms-builder .wpforms-help-tooltip:not(button):not(.wpforms-hidden) { + display: inline-block; +} + +#wpforms-builder .wpforms-panel-sidebar .wpforms-help-tooltip:not(button) { + color: #b0b6bd; +} + +#wpforms-builder .wpforms-panel-sidebar .wpforms-help-tooltip:not(button):hover { + color: #86919e; +} + +#wpforms-builder label span.required { + color: #d63638; +} + +.wpforms-columns { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + align-items: stretch; + align-content: flex-start; +} + +.wpforms-columns.wpforms-columns-2 .wpforms-column { + width: calc( 50% - 15px); +} + +.wpforms-columns.wpforms-columns-3 .wpforms-column { + width: calc( 100% / 3 - 20px); +} + +.wpforms-columns.wpforms-columns-4 .wpforms-column { + width: calc( 100% / 4 - 22.5px); +} + +.wpforms-loading-spinner { + background-image: url("../../images/spinner.svg"); + background-repeat: no-repeat; + background-size: 15px 15px; + background-position: center; + display: block; + height: 15px; + margin: 0 10px 0 0; + vertical-align: -2px; + width: 15px; + -webkit-animation: wpforms-spinner-rotation 0.8s linear infinite; + -moz-animation: wpforms-spinner-rotation 0.8s linear infinite; + -ms-animation: wpforms-spinner-rotation 0.8s linear infinite; + -o-animation: wpforms-spinner-rotation 0.8s linear infinite; + animation: wpforms-spinner-rotation 0.8s linear infinite; +} + +.wpforms-loading-spinner.wpforms-loading-white { + background-image: url("../../images/spinner-white.svg"); +} + +.wpforms-loading-spinner.wpforms-loading-blue { + background-image: url("../../images/spinner-blue.svg"); + background-size: 14px 15px; +} + +.wpforms-loading-spinner.wpforms-loading-md { + background-size: 24px 24px; + height: 24px; + width: 24px; +} + +.wpforms-loading-spinner.wpforms-loading-inline { + display: inline-block; + margin: auto; +} + +@keyframes wpforms-spinner-rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +.rtl #wpforms-builder .wpforms-help-tooltip { + margin: 0 10px 0 0; +} + +input[type=text], +input[type=number], +input[type=email], +input[type=url], +input[type=password], +input[type=search], +input[type=tel], +textarea, +select { + border: 1px solid #cccccc; + border-radius: 4px; + box-shadow: none; + color: #444444; + font-size: 14px; + height: 32px; + line-height: 18px; + margin: 0; + padding: 6px 10px; +} + +input[type=text].readonly, input[type=text][readonly], input[type=text].disabled, input[type=text]:disabled, +input[type=number].readonly, +input[type=number][readonly], +input[type=number].disabled, +input[type=number]:disabled, +input[type=email].readonly, +input[type=email][readonly], +input[type=email].disabled, +input[type=email]:disabled, +input[type=url].readonly, +input[type=url][readonly], +input[type=url].disabled, +input[type=url]:disabled, +input[type=password].readonly, +input[type=password][readonly], +input[type=password].disabled, +input[type=password]:disabled, +input[type=search].readonly, +input[type=search][readonly], +input[type=search].disabled, +input[type=search]:disabled, +input[type=tel].readonly, +input[type=tel][readonly], +input[type=tel].disabled, +input[type=tel]:disabled, +textarea.readonly, +textarea[readonly], +textarea.disabled, +textarea:disabled, +select.readonly, +select[readonly], +select.disabled, +select:disabled { + opacity: .5; + cursor: default; +} + +input[type=text].readonly:focus, input[type=text][readonly]:focus, input[type=text].disabled:focus, input[type=text]:disabled:focus, +input[type=number].readonly:focus, +input[type=number][readonly]:focus, +input[type=number].disabled:focus, +input[type=number]:disabled:focus, +input[type=email].readonly:focus, +input[type=email][readonly]:focus, +input[type=email].disabled:focus, +input[type=email]:disabled:focus, +input[type=url].readonly:focus, +input[type=url][readonly]:focus, +input[type=url].disabled:focus, +input[type=url]:disabled:focus, +input[type=password].readonly:focus, +input[type=password][readonly]:focus, +input[type=password].disabled:focus, +input[type=password]:disabled:focus, +input[type=search].readonly:focus, +input[type=search][readonly]:focus, +input[type=search].disabled:focus, +input[type=search]:disabled:focus, +input[type=tel].readonly:focus, +input[type=tel][readonly]:focus, +input[type=tel].disabled:focus, +input[type=tel]:disabled:focus, +textarea.readonly:focus, +textarea[readonly]:focus, +textarea.disabled:focus, +textarea:disabled:focus, +select.readonly:focus, +select[readonly]:focus, +select.disabled:focus, +select:disabled:focus { + box-shadow: none; + outline: none; + border: 1px solid #cccccc; +} + +textarea { + height: 120px; + resize: vertical; +} + +select { + background: #ffffff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%; + background-size: 16px 16px; + cursor: pointer; + min-height: 32px; + padding-inline-end: 24px; + vertical-align: middle; + appearance: none; + -webkit-appearance: none; +} + +select:hover { + color: #444444; +} + +select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #036aab; +} + +select::-ms-value { + background: 0 0; + color: #444444; +} + +select:hover::-ms-value { + color: #444444; +} + +select:focus::-ms-value { + color: #444444; +} + +select::-ms-expand { + display: none; +} + +.rtl select { + background-position: left 5px top 55%; +} + +select[multiple] { + background-image: none; +} + +select[multiple] option { + padding: 2px 0; +} + +input[type=checkbox], +input[type=radio] { + background: linear-gradient(180deg, #e8e8e8 0%, #ffffff 68.23%); + border: 1px solid #7e8993; + border-radius: 4px; + clear: none; + color: #444444; + cursor: pointer; + display: inline-block; + height: 16px; + line-height: 0; + margin-bottom: 1px; + margin-inline-end: 4px; + margin-inline-start: 1px; + margin-top: -4px; + min-width: 16px; + outline: 0; + padding: 0 !important; + text-align: center; + vertical-align: middle; + width: 16px; + appearance: none; + -webkit-appearance: none; + transition-property: border-color; + transition-duration: 0.05s; + transition-timing-function: ease-out; +} + +input[type=checkbox]:checked::before, +input[type=radio]:checked::before { + display: inline-block; + float: left; + speak: never; + vertical-align: middle; + width: 1rem; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +input[type=checkbox]:checked::before { + content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23215D8F%27%2F%3E%3C%2Fsvg%3E"); + height: 21px; + margin-top: -3px; + margin-inline-start: -4px; + width: 21px; +} + +input[type=checkbox]:checked::before svg path { + fill: #215d8f; +} + +input[type=radio] { + border-radius: 50%; + line-height: .7; + margin-inline-end: 4px; +} + +input[type=radio]:checked::before { + background-color: #036aab; + border-radius: 50%; + content: ""; + height: 8px; + line-height: 1.1; + margin: 3px; + width: 8px; +} + +input[type=number] { + width: 100px; +} + +input.wpforms-error, +textarea.wpforms-error, +select.wpforms-error { + border: 1px solid #d63638 !important; +} + +input.wpforms-error:focus, +textarea.wpforms-error:focus, +select.wpforms-error:focus { + box-shadow: 0 0 0 1px #d63638; + outline: none; +} + +input:focus, +textarea:focus, +select:focus { + border: 1px solid #036aab; + box-shadow: 0 0 0 1px #036aab; + outline: none; +} + +::-webkit-input-placeholder, +::-moz-placeholder, +:-ms-input-placeholder { + color: #bbbbbb; +} + +.wpforms_page_wpforms-builder .choices { + margin-bottom: 0; +} + +.wpforms_page_wpforms-builder .choices .choices__inner { + border: 1px solid #cccccc; + border-radius: 4px; + min-height: 32px; + padding-left: 5px; + padding-top: 4px; +} + +.wpforms_page_wpforms-builder .choices .choices__item.choices__placeholder { + color: #999999; + opacity: 1; +} + +.wpforms-panel-field-colorpicker .minicolors .minicolors-input { + height: 32px; + width: 210px; + border-radius: 4px; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 17px; + text-transform: lowercase; + padding-left: 35px; +} + +[dir="rtl"] .wpforms-panel-field-colorpicker .minicolors .minicolors-input { + padding-right: 35px; +} + +.wpforms-panel-field-colorpicker .minicolors .minicolors-swatch { + height: 22px; + width: 22px; + border-radius: 2px; + border: none; + overflow: hidden; + box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); +} + +.wpforms-panel-field-colorpicker .minicolors .minicolors-swatch .minicolors-swatch-color { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +.wpforms-admin-page .wpforms-btn { + border-width: 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; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-in; +} + +.wpforms-admin-page .wpforms-btn.inactive { + background-color: #d7d7d7; + border-color: #cccccc; + color: #444444; + cursor: no-drop; +} + +.wpforms-admin-page .wpforms-btn .wpforms-button-icon, +.wpforms-admin-page .wpforms-btn i { + margin-inline-end: 10px !important; +} + +.wpforms-admin-page .wpforms-btn-block { + display: block; + width: 100%; +} + +.wpforms-admin-page .wpforms-btn-sm { + font-size: 14px; + font-weight: 500; + padding: 0 10px; + height: 32px; + line-height: 30px; +} + +.wpforms-admin-page .wpforms-btn-md { + font-size: 14px; + font-weight: 600; + line-height: 17px; + padding: 10px 15px; +} + +.wpforms-admin-page .wpforms-btn-lg { + font-size: 16px; + font-weight: 600; + padding: 16px 28px; +} + +.wpforms-admin-page .wpforms-btn-orange { + background-color: #e27730; + border-color: #e27730; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-orange:hover { + background-color: #cd6622; + border-color: #cd6622; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-blue { + background-color: #036aab; + border-color: #036aab; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-blue:hover { + background-color: #215d8f; + border-color: #215d8f; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes { + font-weight: 400; + margin-right: 8px; +} + +.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes .wpforms-loading-spinner { + margin-left: 0; + margin-right: 5px; +} + +.wpforms-admin-page .wpforms-btn-grey { + background-color: #eeeeee; + border-color: #cccccc; + color: #777777; +} + +.wpforms-admin-page .wpforms-btn-grey:hover { + background-color: #d7d7d7; + border-color: #cccccc; + color: #444444; +} + +.wpforms-admin-page .wpforms-btn-light-grey { + background-color: #f8f8f8; + border-color: #cccccc; + color: #777777; +} + +.wpforms-admin-page .wpforms-btn-light-grey:hover { + background-color: #eeeeee; + border-color: #cccccc; + color: #444444; +} + +.wpforms-admin-page .wpforms-btn-light-grey-blue-borders { + background-color: #f8f8f8; + border-color: currentColor; + color: #036aab; + font-weight: 400; +} + +.wpforms-admin-page .wpforms-btn-light-grey-blue-borders:hover { + background-color: #eeeeee; + color: #215d8f; +} + +.wpforms-admin-page .wpforms-btn-purple { + background-color: #faf5fe; + border-color: #7a30e2; + color: #7a30e2; +} + +.wpforms-admin-page .wpforms-btn-purple:hover, .wpforms-admin-page .wpforms-btn-purple:focus { + background-color: #f5e9ff; + border-color: #5c24a9; + color: #5c24a9; +} + +.wpforms-admin-page .wpforms-btn-purple.wpforms-help-tooltip { + color: #7a30e2; +} + +.wpforms-admin-page .wpforms-btn-purple-dark { + background-color: #7a30e2; + border-color: #7a30e2; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-btn-purple-dark:hover, .wpforms-admin-page .wpforms-btn-purple-dark:focus { + background-color: #5c24a9; + border-color: #5c24a9; + color: #ffffff; +} + +.wpforms-admin-page .wpforms-dismiss-button { + background: none; + border: none; + color: #bbbbbb; + cursor: pointer; + padding: 3px; +} + +.wpforms-admin-page .wpforms-dismiss-button:hover { + color: #777777; +} + +.wpforms-admin-page .wpforms-dismiss-button:before { + background: 0 0; + content: "\f153"; + display: block; + font: normal 16px/16px dashicons, sans-serif; + height: 16px; + speak: none; + text-align: center; + width: 16px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.wpforms-admin-page .wpforms-disabled { + cursor: default; + opacity: .5; + pointer-events: none; +} + +.wpforms-admin-page .wpforms-inactive { + cursor: default; + opacity: .5; +} + +.wpforms-admin-page .wpforms-inactive:hover { + pointer-events: none; +} + +.wpforms-context-menu { + position: absolute; + z-index: 100000000; + display: none; +} + +.wpforms-context-menu-selective-left .wpforms-context-menu-list-item-has-child .wpforms-context-menu-list { + left: -195px; +} + +.wpforms-context-menu-list { + padding: 8px 0; + border-radius: 6px; + box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); + background-color: #2d2d2d; + width: 200px; +} + +.wpforms-context-menu-list.wpforms-context-menu-list-selective .wpforms-context-menu-list-item-icon { + visibility: hidden; +} + +.wpforms-context-menu-list.wpforms-context-menu-list-selective .wpforms-context-menu-list-item.wpforms-context-menu-list-item-active .wpforms-context-menu-list-item-icon { + visibility: visible; +} + +.wpforms-context-menu-list-divider { + margin: 8px 0; + border-top: 1px solid rgba(255, 255, 255, 0.1); +} + +.wpforms-context-menu-list-item { + padding: 8px 15px; + display: flex; + align-items: center; + color: #ffffff; + gap: 10px; + font-size: 13px; + font-weight: 400; + line-height: 17px; + cursor: pointer; + position: relative; + margin: 0; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-out; +} + +.wpforms-context-menu-list-item-inactive { + opacity: .5; + cursor: default; +} + +.wpforms-context-menu-list-item .wpforms-badge { + margin-inline-start: auto; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-out; +} + +.wpforms-context-menu-list-item-icon { + font-size: 14px; + line-height: 14px; + width: 14px; +} + +.wpforms-context-menu-list-item-icon i { + color: rgba(255, 255, 255, 0.75) !important; +} + +.wpforms-context-menu-list-item-has-child .wpforms-context-menu-list { + display: none; + position: absolute; + right: -195px; + top: -8px; +} + +.wpforms-context-menu-list-item-has-child:hover .wpforms-context-menu-list { + display: block; +} + +.wpforms-context-menu-list-item-has-child:after { + content: '\f105'; + color: rgba(255, 255, 255, 0.5); + font-family: FontAwesome; + font-size: 14px; + font-weight: 400; + position: absolute; + right: 15px; +} + +.wpforms-context-menu-list-item:not(.wpforms-context-menu-list-item-inactive):hover { + background-color: #036aab; +} + +.wpforms-context-menu-list-item:not(.wpforms-context-menu-list-item-inactive):hover .wpforms-badge { + color: #30abf0; + background-color: #e6f4fe; +} + +#wpforms-context-menu-container { + position: relative; +} + +#wpforms-context-menu-container .wpforms-context-menu-dropdown { + top: 36px; + right: -10px; +} + +.wpforms-badge { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + text-transform: uppercase; + font-weight: 700; + text-align: center; + line-height: 6px; + user-select: none; + transition-property: all; + transition-duration: 0.15s; + transition-timing-function: ease-out; +} + +.wpforms-badge i { + margin-right: 5px; +} + +.wpforms-badge-lg { + font-size: 10px; + letter-spacing: 0.5px; + padding: 8px 10px; +} + +.wpforms-badge-sm { + font-size: 8px; + letter-spacing: 0.4px; + padding: 6px 8px; +} + +.wpforms-badge-inline { + display: inline-block; +} + +.wpforms-badge-corner { + position: absolute; + right: 0; + top: 0; +} + +.wpforms-badge-block { + display: block; + width: fit-content; +} + +.wpforms-badge-rounded { + border-radius: 3px; +} + +.wpforms-badge-rounded-bl { + border-radius: 0 0 0 3px; +} + +.wpforms-badge-square { + border-radius: 0; +} + +.wpforms-badge-silver, .wpforms-badge-platinum { + color: #999999; + background-color: #ededed; +} + +.wpforms-badge-titanium { + color: #8c8f94; + background-color: #e5e5e6; +} + +.wpforms-badge-steel { + color: #9ba4af; + background-color: #e7ecf2; +} + +.wpforms-badge-slate { + color: #9ba4af; + background-color: #dbe4ee; +} + +.wpforms-badge-stone { + color: #999999; + background-color: #444444; +} + +.wpforms-badge-orange { + color: #e79055; + background-color: #fdf2eb; +} + +.wpforms-badge-blue { + color: #30abf0; + background-color: #e6f4fe; +} + +.wpforms-badge-green { + color: #30b450; + background-color: #e5f6e9; +} + +.wpforms-badge-red { + color: #dd595b; + background-color: #fae6e7; +} + +.wpforms-badge-purple { + color: #9b64e8; + background-color: #faf5fe; +} + + +/* 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; +} diff --git a/assets/css/builder-basic.min.css b/assets/css/builder-basic.min.css new file mode 100644 index 00000000..01aa7ae0 --- /dev/null +++ b/assets/css/builder-basic.min.css @@ -0,0 +1,86 @@ +/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:600}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;margin:0}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{appearance:none;-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--wpforms-admin-bar-height: 0px}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:17px;overflow:hidden !important}a{color:#036aab}a:hover{color:#0399ed}button{font-size:14px}a,button{transition-duration:0.05s;transition-property:border, background, color;transition-timing-function:ease-in}a:focus,button:focus{box-shadow:none;outline:none}h1,h2,h3{font-weight:600;margin-bottom:10px;padding:0}h1{font-size:24px;margin-bottom:0}h2{font-size:18px}h3{font-size:16px}p{line-height:24px;margin:0 0 10px 0}ul{list-style:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding:0}li{margin-bottom:5px}#wpforms-builder{background:#ffffff;color:#444444;cursor:default;height:100%;margin:0 !important;min-width:0;overflow:hidden;position:fixed;z-index:100099;top:0;right:0;bottom:0;left:0}#wpforms-builder .wpforms-clear:before{content:"";display:table}#wpforms-builder .wpforms-clear:after{clear:both;content:"";display:table}#wpforms-builder .note{color:#777777;font-size:13px;line-height:18px}#wpforms-builder .secondary-text{color:#777777;font-size:14px}#wpforms-builder a.secondary-text:hover{color:#444444}#wpforms-builder .hidden,#wpforms-builder .wpforms-hidden{display:none}#wpforms-builder .wpforms-hidden-strict{display:none !important}#wpforms-builder .wpforms-not-available{opacity:.6}#wpforms-builder .wpforms-one-half{float:left;width:calc( 50% - 10px)}.rtl #wpforms-builder .wpforms-one-half{float:right}#wpforms-builder .wpforms-one-half.last{float:right;margin-inline-end:0}.rtl #wpforms-builder .wpforms-one-half.last{float:left}#wpforms-builder .wpforms-one-half.wpforms-hide+.wpforms-one-half.last{float:left}.rtl #wpforms-builder .wpforms-one-half.wpforms-hide+.wpforms-one-half.last{float:right}#wpforms-builder .wpforms-one-third{float:left;margin-inline-end:20px;width:calc( 100%/3 - 13.33333px)}.rtl #wpforms-builder .wpforms-one-third{float:right}#wpforms-builder .wpforms-one-third.last{float:right;margin-inline-end:0}.rtl #wpforms-builder .wpforms-one-third.last{float:left}#wpforms-builder .wpforms-two-thirds{float:left;margin-inline-end:20px;width:calc( 66.66667% - 13.33333px)}.rtl #wpforms-builder .wpforms-two-thirds{float:right}#wpforms-builder .wpforms-help-tooltip:not(button){color:#bbbbbb;font-size:15px;margin:0 0 0 10px}#wpforms-builder .wpforms-help-tooltip:not(button):hover{color:#777777;cursor:help}#wpforms-builder .wpforms-help-tooltip:not(button):not(.wpforms-hidden){display:inline-block}#wpforms-builder .wpforms-panel-sidebar .wpforms-help-tooltip:not(button){color:#b0b6bd}#wpforms-builder .wpforms-panel-sidebar .wpforms-help-tooltip:not(button):hover{color:#86919e}#wpforms-builder label span.required{color:#d63638}.wpforms-columns{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:flex-start}.wpforms-columns.wpforms-columns-2 .wpforms-column{width:calc( 50% - 15px)}.wpforms-columns.wpforms-columns-3 .wpforms-column{width:calc( 100% / 3 - 20px)}.wpforms-columns.wpforms-columns-4 .wpforms-column{width:calc( 100% / 4 - 22.5px)}.wpforms-loading-spinner{background-image:url("../../images/spinner.svg");background-repeat:no-repeat;background-size:15px 15px;background-position:center;display:block;height:15px;margin:0 10px 0 0;vertical-align:-2px;width:15px;-webkit-animation:wpforms-spinner-rotation 0.8s linear infinite;-moz-animation:wpforms-spinner-rotation 0.8s linear infinite;-ms-animation:wpforms-spinner-rotation 0.8s linear infinite;-o-animation:wpforms-spinner-rotation 0.8s linear infinite;animation:wpforms-spinner-rotation 0.8s linear infinite}.wpforms-loading-spinner.wpforms-loading-white{background-image:url("../../images/spinner-white.svg")}.wpforms-loading-spinner.wpforms-loading-blue{background-image:url("../../images/spinner-blue.svg");background-size:14px 15px}.wpforms-loading-spinner.wpforms-loading-md{background-size:24px 24px;height:24px;width:24px}.wpforms-loading-spinner.wpforms-loading-inline{display:inline-block;margin:auto}@keyframes wpforms-spinner-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.rtl #wpforms-builder .wpforms-help-tooltip{margin:0 10px 0 0}input[type=text],input[type=number],input[type=email],input[type=url],input[type=password],input[type=search],input[type=tel],textarea,select{border:1px solid #cccccc;border-radius:4px;box-shadow:none;color:#444444;font-size:14px;height:32px;line-height:18px;margin:0;padding:6px 10px}input[type=text].readonly,input[type=text][readonly],input[type=text].disabled,input[type=text]:disabled,input[type=number].readonly,input[type=number][readonly],input[type=number].disabled,input[type=number]:disabled,input[type=email].readonly,input[type=email][readonly],input[type=email].disabled,input[type=email]:disabled,input[type=url].readonly,input[type=url][readonly],input[type=url].disabled,input[type=url]:disabled,input[type=password].readonly,input[type=password][readonly],input[type=password].disabled,input[type=password]:disabled,input[type=search].readonly,input[type=search][readonly],input[type=search].disabled,input[type=search]:disabled,input[type=tel].readonly,input[type=tel][readonly],input[type=tel].disabled,input[type=tel]:disabled,textarea.readonly,textarea[readonly],textarea.disabled,textarea:disabled,select.readonly,select[readonly],select.disabled,select:disabled{opacity:.5;cursor:default}input[type=text].readonly:focus,input[type=text][readonly]:focus,input[type=text].disabled:focus,input[type=text]:disabled:focus,input[type=number].readonly:focus,input[type=number][readonly]:focus,input[type=number].disabled:focus,input[type=number]:disabled:focus,input[type=email].readonly:focus,input[type=email][readonly]:focus,input[type=email].disabled:focus,input[type=email]:disabled:focus,input[type=url].readonly:focus,input[type=url][readonly]:focus,input[type=url].disabled:focus,input[type=url]:disabled:focus,input[type=password].readonly:focus,input[type=password][readonly]:focus,input[type=password].disabled:focus,input[type=password]:disabled:focus,input[type=search].readonly:focus,input[type=search][readonly]:focus,input[type=search].disabled:focus,input[type=search]:disabled:focus,input[type=tel].readonly:focus,input[type=tel][readonly]:focus,input[type=tel].disabled:focus,input[type=tel]:disabled:focus,textarea.readonly:focus,textarea[readonly]:focus,textarea.disabled:focus,textarea:disabled:focus,select.readonly:focus,select[readonly]:focus,select.disabled:focus,select:disabled:focus{box-shadow:none;outline:none;border:1px solid #cccccc}textarea{height:120px;resize:vertical}select{background:#fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;background-size:16px 16px;cursor:pointer;min-height:32px;padding-inline-end:24px;vertical-align:middle;appearance:none;-webkit-appearance:none}select:hover{color:#444444}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #036aab}select::-ms-value{background:0 0;color:#444444}select:hover::-ms-value{color:#444444}select:focus::-ms-value{color:#444444}select::-ms-expand{display:none}.rtl select{background-position:left 5px top 55%}select[multiple]{background-image:none}select[multiple] option{padding:2px 0}input[type=checkbox],input[type=radio]{background:linear-gradient(180deg, #e8e8e8 0%, #fff 68.23%);border:1px solid #7e8993;border-radius:4px;clear:none;color:#444444;cursor:pointer;display:inline-block;height:16px;line-height:0;margin-bottom:1px;margin-inline-end:4px;margin-inline-start:1px;margin-top:-4px;min-width:16px;outline:0;padding:0 !important;text-align:center;vertical-align:middle;width:16px;appearance:none;-webkit-appearance:none;transition-property:border-color;transition-duration:0.05s;transition-timing-function:ease-out}input[type=checkbox]:checked::before,input[type=radio]:checked::before{display:inline-block;float:left;speak:never;vertical-align:middle;width:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23215D8F%27%2F%3E%3C%2Fsvg%3E");height:21px;margin-top:-3px;margin-inline-start:-4px;width:21px}input[type=checkbox]:checked::before svg path{fill:#215d8f}input[type=radio]{border-radius:50%;line-height:.7;margin-inline-end:4px}input[type=radio]:checked::before{background-color:#036aab;border-radius:50%;content:"";height:8px;line-height:1.1;margin:3px;width:8px}input[type=number]{width:100px}input.wpforms-error,textarea.wpforms-error,select.wpforms-error{border:1px solid #d63638 !important}input.wpforms-error:focus,textarea.wpforms-error:focus,select.wpforms-error:focus{box-shadow:0 0 0 1px #d63638;outline:none}input:focus,textarea:focus,select:focus{border:1px solid #036aab;box-shadow:0 0 0 1px #036aab;outline:none}::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder{color:#bbbbbb}.wpforms_page_wpforms-builder .choices{margin-bottom:0}.wpforms_page_wpforms-builder .choices .choices__inner{border:1px solid #cccccc;border-radius:4px;min-height:32px;padding-left:5px;padding-top:4px}.wpforms_page_wpforms-builder .choices .choices__item.choices__placeholder{color:#999999;opacity:1}.wpforms-panel-field-colorpicker .minicolors .minicolors-input{height:32px;width:210px;border-radius:4px;font-style:normal;font-weight:400;font-size:14px;line-height:17px;text-transform:lowercase;padding-left:35px}[dir="rtl"] .wpforms-panel-field-colorpicker .minicolors .minicolors-input{padding-right:35px}.wpforms-panel-field-colorpicker .minicolors .minicolors-swatch{height:22px;width:22px;border-radius:2px;border:none;overflow:hidden;box-shadow:inset 0 0 1px rgba(0,0,0,0.1)}.wpforms-panel-field-colorpicker .minicolors .minicolors-swatch .minicolors-swatch-color{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15)}.wpforms-admin-page .wpforms-btn{border-width: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;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-in}.wpforms-admin-page .wpforms-btn.inactive{background-color:#d7d7d7;border-color:#cccccc;color:#444444;cursor:no-drop}.wpforms-admin-page .wpforms-btn .wpforms-button-icon,.wpforms-admin-page .wpforms-btn i{margin-inline-end:10px !important}.wpforms-admin-page .wpforms-btn-block{display:block;width:100%}.wpforms-admin-page .wpforms-btn-sm{font-size:14px;font-weight:500;padding:0 10px;height:32px;line-height:30px}.wpforms-admin-page .wpforms-btn-md{font-size:14px;font-weight:600;line-height:17px;padding:10px 15px}.wpforms-admin-page .wpforms-btn-lg{font-size:16px;font-weight:600;padding:16px 28px}.wpforms-admin-page .wpforms-btn-orange{background-color:#e27730;border-color:#e27730;color:#ffffff}.wpforms-admin-page .wpforms-btn-orange:hover{background-color:#cd6622;border-color:#cd6622;color:#ffffff}.wpforms-admin-page .wpforms-btn-blue{background-color:#036aab;border-color:#036aab;color:#ffffff}.wpforms-admin-page .wpforms-btn-blue:hover{background-color:#215d8f;border-color:#215d8f;color:#ffffff}.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes{font-weight:400;margin-right:8px}.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes .wpforms-loading-spinner{margin-left:0;margin-right:5px}.wpforms-admin-page .wpforms-btn-grey{background-color:#eeeeee;border-color:#cccccc;color:#777777}.wpforms-admin-page .wpforms-btn-grey:hover{background-color:#d7d7d7;border-color:#cccccc;color:#444444}.wpforms-admin-page .wpforms-btn-light-grey{background-color:#f8f8f8;border-color:#cccccc;color:#777777}.wpforms-admin-page .wpforms-btn-light-grey:hover{background-color:#eeeeee;border-color:#cccccc;color:#444444}.wpforms-admin-page .wpforms-btn-light-grey-blue-borders{background-color:#f8f8f8;border-color:currentColor;color:#036aab;font-weight:400}.wpforms-admin-page .wpforms-btn-light-grey-blue-borders:hover{background-color:#eeeeee;color:#215d8f}.wpforms-admin-page .wpforms-btn-purple{background-color:#faf5fe;border-color:#7a30e2;color:#7a30e2}.wpforms-admin-page .wpforms-btn-purple:hover,.wpforms-admin-page .wpforms-btn-purple:focus{background-color:#f5e9ff;border-color:#5c24a9;color:#5c24a9}.wpforms-admin-page .wpforms-btn-purple.wpforms-help-tooltip{color:#7a30e2}.wpforms-admin-page .wpforms-btn-purple-dark{background-color:#7a30e2;border-color:#7a30e2;color:#ffffff}.wpforms-admin-page .wpforms-btn-purple-dark:hover,.wpforms-admin-page .wpforms-btn-purple-dark:focus{background-color:#5c24a9;border-color:#5c24a9;color:#ffffff}.wpforms-admin-page .wpforms-dismiss-button{background:none;border:none;color:#bbbbbb;cursor:pointer;padding:3px}.wpforms-admin-page .wpforms-dismiss-button:hover{color:#777777}.wpforms-admin-page .wpforms-dismiss-button:before{background:0 0;content:"\f153";display:block;font:normal 16px/16px dashicons, sans-serif;height:16px;speak:none;text-align:center;width:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wpforms-admin-page .wpforms-disabled{cursor:default;opacity:.5;pointer-events:none}.wpforms-admin-page .wpforms-inactive{cursor:default;opacity:.5}.wpforms-admin-page .wpforms-inactive:hover{pointer-events:none}.wpforms-context-menu{position:absolute;z-index:100000000;display:none}.wpforms-context-menu-selective-left .wpforms-context-menu-list-item-has-child .wpforms-context-menu-list{left:-195px}.wpforms-context-menu-list{padding:8px 0;border-radius:6px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.2);background-color:#2d2d2d;width:200px}.wpforms-context-menu-list.wpforms-context-menu-list-selective .wpforms-context-menu-list-item-icon{visibility:hidden}.wpforms-context-menu-list.wpforms-context-menu-list-selective .wpforms-context-menu-list-item.wpforms-context-menu-list-item-active .wpforms-context-menu-list-item-icon{visibility:visible}.wpforms-context-menu-list-divider{margin:8px 0;border-top:1px solid rgba(255,255,255,0.1)}.wpforms-context-menu-list-item{padding:8px 15px;display:flex;align-items:center;color:#ffffff;gap:10px;font-size:13px;font-weight:400;line-height:17px;cursor:pointer;position:relative;margin:0;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-out}.wpforms-context-menu-list-item-inactive{opacity:.5;cursor:default}.wpforms-context-menu-list-item .wpforms-badge{margin-inline-start:auto;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-out}.wpforms-context-menu-list-item-icon{font-size:14px;line-height:14px;width:14px}.wpforms-context-menu-list-item-icon i{color:rgba(255,255,255,0.75) !important}.wpforms-context-menu-list-item-has-child .wpforms-context-menu-list{display:none;position:absolute;right:-195px;top:-8px}.wpforms-context-menu-list-item-has-child:hover .wpforms-context-menu-list{display:block}.wpforms-context-menu-list-item-has-child:after{content:'\f105';color:rgba(255,255,255,0.5);font-family:FontAwesome;font-size:14px;font-weight:400;position:absolute;right:15px}.wpforms-context-menu-list-item:not(.wpforms-context-menu-list-item-inactive):hover{background-color:#036aab}.wpforms-context-menu-list-item:not(.wpforms-context-menu-list-item-inactive):hover .wpforms-badge{color:#30abf0;background-color:#e6f4fe}#wpforms-context-menu-container{position:relative}#wpforms-context-menu-container .wpforms-context-menu-dropdown{top:36px;right:-10px}.wpforms-badge{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;text-transform:uppercase;font-weight:700;text-align:center;line-height:6px;user-select:none;transition-property:all;transition-duration:0.15s;transition-timing-function:ease-out}.wpforms-badge i{margin-right:5px}.wpforms-badge-lg{font-size:10px;letter-spacing:0.5px;padding:8px 10px}.wpforms-badge-sm{font-size:8px;letter-spacing:0.4px;padding:6px 8px}.wpforms-badge-inline{display:inline-block}.wpforms-badge-corner{position:absolute;right:0;top:0}.wpforms-badge-block{display:block;width:fit-content}.wpforms-badge-rounded{border-radius:3px}.wpforms-badge-rounded-bl{border-radius:0 0 0 3px}.wpforms-badge-square{border-radius:0}.wpforms-badge-silver,.wpforms-badge-platinum{color:#999999;background-color:#ededed}.wpforms-badge-titanium{color:#8c8f94;background-color:#e5e5e6}.wpforms-badge-steel{color:#9ba4af;background-color:#e7ecf2}.wpforms-badge-slate{color:#9ba4af;background-color:#dbe4ee}.wpforms-badge-stone{color:#999999;background-color:#444444}.wpforms-badge-orange{color:#e79055;background-color:#fdf2eb}.wpforms-badge-blue{color:#30abf0;background-color:#e6f4fe}.wpforms-badge-green{color:#30b450;background-color:#e5f6e9}.wpforms-badge-red{color:#dd595b;background-color:#fae6e7}.wpforms-badge-purple{color:#9b64e8;background-color:#faf5fe} + + +/* 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; +} diff --git a/assets/css/builder-fields-types.css b/assets/css/builder-fields-types.css new file mode 100644 index 00000000..bff8c78d --- /dev/null +++ b/assets/css/builder-fields-types.css @@ -0,0 +1,4436 @@ +.choices { + position: relative; + margin-bottom: 24px; +} + +.choices ::-webkit-input-placeholder { + color: #999999; +} + +.choices ::-moz-placeholder { + color: #999999; + opacity: 1; +} + +.choices ::placeholder { + color: #999999; +} + +.choices:focus { + outline: none; +} + +.choices:last-child { + margin-bottom: 0; +} + +.choices.is-disabled .choices__inner, +.choices.is-disabled .choices__input { + background-color: #bbbbbb; + cursor: not-allowed; + user-select: none; +} + +.choices [hidden] { + display: none !important; +} + +.choices * { + box-sizing: border-box; +} + +.choices.is-open .choices__inner { + border-radius: 4px 4px 0 0; +} + +.choices.is-open.is-flipped .choices__inner { + border-radius: 0 0 4px 4px; +} + +.choices[data-type*="select-one"] { + cursor: pointer; +} + +.choices[data-type*="select-one"] .choices__inner { + display: flex; + flex-wrap: wrap; + align-items: center; + padding-top: 0 !important; +} + +.choices[data-type*="select-one"] input.choices__input { + display: block; + width: calc(100% - 20px) !important; + margin: 10px !important; + padding: 7px 12px !important; + box-sizing: border-box !important; + border: 1px solid #8c8f94 !important; + border-radius: 4px !important; + background-color: #fff; +} + +.choices[data-type*="select-one"] input.choices__input:focus { + border: 1px solid #056aab !important; + box-shadow: 0 0 0 1px #056aab !important; + outline: none !important; +} + +.choices[data-type*="select-one"] .choices__button { + background-image: url("../../images/cross-inverse.svg"); + padding: 0; + background-size: 8px; + position: absolute; + top: 50%; + right: 0; + margin-top: -10px; + margin-right: 25px; + height: 20px; + width: 20px; + border-radius: 10em; + opacity: .5; +} + +.choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus { + opacity: 1; +} + +.choices[data-type*="select-one"] .choices__button:focus { + box-shadow: 0 0 0 2px #036aab; +} + +.choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button { + display: none; +} + +.choices[data-type*="select-one"]:after { + content: ""; + height: 0; + width: 0; + border-style: solid; + border-color: currentColor transparent transparent transparent; + border-width: 5px; + position: absolute; + inset-inline-end: 11.5px; + top: 50%; + margin-top: -2.5px; + pointer-events: none; +} + +.choices[data-type*="select-one"].is-open:after { + border-color: transparent transparent currentColor transparent; + margin-top: -7.5px; +} + +.choices[data-type*="select-one"][dir="rtl"]:after { + left: 11.5px; + right: auto; +} + +.choices[data-type*="select-one"][dir="rtl"] .choices__button { + right: auto; + left: 0; + margin-left: 25px; + margin-right: 0; +} + +.choices[data-type*="select-multiple"] .choices__inner { + padding-right: 24px; +} + +.choices[data-type*="select-multiple"] .choices__inner .choices__input { + padding: 0 4px !important; + max-width: 100%; + background-color: transparent; + line-height: 22px; +} + +.choices[data-type*="select-multiple"]:after { + content: ""; + height: 0; + width: 0; + border-style: solid; + border-color: currentColor transparent transparent transparent; + border-width: 5px; + position: absolute; + inset-inline-end: 11.5px; + top: 50%; + margin-top: -1.5px; + pointer-events: none; +} + +.choices[data-type*="select-multiple"].is-open:after { + border-color: transparent transparent currentColor transparent; + margin-top: -7.5px; +} + +.choices[data-type*="select-multiple"] .choices__inner, +.choices[data-type*="text"] .choices__inner { + cursor: text; +} + +.choices[data-type*="select-multiple"] .choices__button, +.choices[data-type*="text"] .choices__button { + position: absolute; + display: inline-block; + vertical-align: baseline; + margin-top: 0; + margin-bottom: 0; + margin-inline-start: 5px; + padding: 0; + background-color: transparent; + background-image: url("../../images/cross.svg"); + background-size: 12px; + background-position: center center; + background-repeat: no-repeat; + width: 12px; + height: 12px; + line-height: 1; + opacity: .75; + border-radius: 0; + inset-inline-end: 4px; +} + +.choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, +.choices[data-type*="text"] .choices__button:hover, +.choices[data-type*="text"] .choices__button:focus { + opacity: 1; +} + +.choices__inner { + width: 100%; + background-color: #ffffff; + padding: 4px 6px 0; + border: 1px solid #8c8f94; + overflow: hidden; + border-radius: 4px; +} + +.choices__list { + margin: 0; + padding-left: 0; + list-style: none; +} + +.choices__list--single { + display: inline-block; + vertical-align: baseline; + width: 100%; + padding: 0 16px 0 4px; + font-size: 0.875em; +} + +.choices__list--single .choices__item { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + padding-right: 20px; + white-space: nowrap; + color: #2c3338; +} + +.choices__list--single .choices__item[data-value=''] { + padding-right: 0; +} + +.choices__list--multiple { + display: inline; + height: auto; + overflow: auto; +} + +.choices__list--multiple .choices__item { + display: inline-block; + vertical-align: middle; + position: relative; + align-items: center; + border-radius: 2px; + padding-block: 4px; + padding-inline: 7px 20px; + font-size: .75em; + line-height: 1; + font-weight: 400; + margin: 0 6px 4px 0; + background-color: #036aab; + border: 1px solid #036aab; + color: #ffffff; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(100% - 10px); +} + +.choices__list--multiple .choices__item.is-highlighted { + background-color: #036aab; +} + +.is-disabled .choices__list--multiple .choices__item { + background-color: #bbbbbb; + border: 1px solid #bbbbbb; +} + +.choices__list--dropdown { + display: none; + z-index: 101; + position: absolute; + width: 100%; + background-color: #ffffff; + border: 1px solid #8c8f94; + top: 100%; + margin-top: -1px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + overflow: hidden; + overflow-wrap: break-word; +} + +.choices__list--dropdown.is-active { + display: block; +} + +.choices__list--dropdown .choices__list { + position: relative; + max-height: 300px; + overflow: auto; + -webkit-overflow-scrolling: touch; + will-change: scroll-position; +} + +.choices__list--dropdown .choices__item { + position: relative; + vertical-align: top; + padding: 10px; + font-size: .875em; +} + +.choices__list--dropdown .choices__item--selectable.is-highlighted { + background-color: #f6f6f6; +} + +.choices__list--dropdown .choices__item--selectable.is-highlighted:after { + opacity: .5; +} + +.choices__list--dropdown .choices__placeholder { + display: none; +} + +.is-flipped .choices__list--dropdown { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: -1px; + border-radius: 4px 4px 0 0; +} + +.choices__item { + cursor: default; +} + +.choices__item--selectable { + cursor: pointer; +} + +.choices__item--disabled { + cursor: not-allowed; + user-select: none; + opacity: .5; +} + +.choices__heading { + font-weight: 600; + font-size: .75em; + text-transform: uppercase; + padding: 10px; + border-top: 1px solid #b4b6b9; + border-bottom: 1px solid #b4b6b9; + color: #a6a6a6; +} + +.choices__group[data-value="hidden"] > .choices__heading { + display: none; +} + +.choices__button { + text-indent: -9999px; + -webkit-appearance: none; + appearance: none; + border: 0; + background-color: transparent; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; +} + +.choices__button:focus { + outline: none; +} + +.choices__input { + display: inline-block; + background-color: transparent; + margin: 0 0 2px 0 !important; + border: 0 !important; + border-radius: 0 !important; + min-height: 20px !important; + padding: 2px 4px !important; + height: auto !important; + min-width: 1ch; + width: 1ch; + vertical-align: middle; +} + +.choices__input::-webkit-search-cancel-button { + display: none; +} + +.choices__input--hidden { + clip: rect(1px, 1px, 1px, 1px) !important; + clip-path: inset(50%) !important; + height: 1px !important; + margin: -1px !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: 1px !important; + min-width: auto !important; + word-wrap: normal !important; +} + +.choices .choices__inner input.choices__input:focus { + outline: none !important; + box-shadow: none !important; + border: none !important; +} + +.choices__placeholder { + opacity: .5; +} + +#wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner { + border-radius: 4px 4px 0 0; +} + +#wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown { + border-radius: inherit; +} + +#wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after { + border: none; + background: #ffffff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center; + background-size: 16px 16px; + cursor: pointer; + width: 16px; + height: 16px; + top: 13px; + right: 8px; + margin-top: 0; +} + +#wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after { + transform: rotate(180deg); +} + +body.rtl .choices[data-type*="select-multiple"] .choices__inner { + padding-right: 4px; + padding-left: 24px; +} + +body.rtl .choices__list--single { + padding-right: 4px; + padding-left: 16px; +} + +body.rtl .choices__list--multiple .choices__item { + margin-right: 0; + margin-left: 3.75px; +} + +body.rtl .choices__list--dropdown .choices__item { + text-align: right; +} + +body.rtl .choices__input { + padding-right: 2px !important; + padding-left: 0 !important; +} + +body.rtl .choices[data-type*="select-multiple"] .choices__button, body.rtl .choices[data-type*="text"] .choices__button { + margin-inline-end: 0; + border-left: none; +} + +@media (min-width: 640px) { + body.rtl .choices__list--dropdown .choices__item--selectable { + text-align: right; + padding-left: 100px; + padding-right: 10px; + } + body.rtl .choices__list--dropdown .choices__item--selectable:after { + right: auto; + left: 10px; + } +} + +.wpforms-builder-provider .choices.is-flipped .choices__inner { + border-radius: 0 0 4px 4px !important; +} + +.wpforms-builder-provider .choices.is-flipped .choices__list--dropdown.is-active { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.wpforms-builder-provider .choices.is-open .choices__inner { + border: 1px solid #036aab; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + background: #ffffff url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEzIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi4wMDM0IDYuMDAxNzJDMTIuMDAzNCA2LjA5Nzk0IDExLjk1NTMgNi4yMDYxOSAxMS44ODMyIDYuMjc4MzVMMTEuMjgxOCA2Ljg3OTczQzExLjIwOTYgNi45NTE4OSAxMS4xMDE0IDcgMTEuMDA1MiA3QzEwLjkwODkgNyAxMC44MDA3IDYuOTUxODkgMTAuNzI4NSA2Ljg3OTczTDYuMDAxNzIgMi4xNTI5MkwxLjI3NDkxIDYuODc5NzNDMS4yMDI3NSA2Ljk1MTg5IDEuMDk0NSA3IDAuOTk4MjgyIDdDMC44OTAwMzQgNyAwLjc5MzgxNCA2Ljk1MTg5IDAuNzIxNjUgNi44Nzk3M0wwLjEyMDI3NSA2LjI3ODM1QzAuMDQ4MTA5OSA2LjIwNjE5IDAgNi4wOTc5NCAwIDYuMDAxNzJDMCA1LjkwNTUgMC4wNDgxMDk5IDUuNzk3MjUgMC4xMjAyNzUgNS43MjUwOUw1LjcyNTA5IDAuMTIwMjc1QzUuNzk3MjUgMC4wNDgxMDk1IDUuOTA1NSAwIDYuMDAxNzIgMEM2LjA5Nzk0IDAgNi4yMDYxOSAwLjA0ODEwOTUgNi4yNzgzNSAwLjEyMDI3NUwxMS44ODMyIDUuNzI1MDlDMTEuOTU1MyA1Ljc5NzI1IDEyLjAwMzQgNS45MDU1IDEyLjAwMzQgNi4wMDE3MloiIGZpbGw9IiM3Nzc3NzciLz4KPC9zdmc+Cg==") no-repeat right 5px top 55%; +} + +.wpforms-builder-provider .choices.is-focused .choices__inner { + border-color: #056aab; + box-shadow: 0 0 0 1px #056aab; +} + +.wpforms-builder-provider .choices .choices__inner { + background: #ffffff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%; + background-size: 16px 16px; +} + +.wpforms-builder-provider .choices .choices__inner .choices__list--multiple { + display: inline !important; +} + +.wpforms-builder-provider .choices .choices__inner:has(.wpforms-error) { + border: 1px solid #d63638; +} + +.wpforms-builder-provider .choices.is-open:has(.wpforms-error) .choices__inner, +.wpforms-builder-provider .choices.is-open:has(.wpforms-error) .choices__list--dropdown, .wpforms-builder-provider .choices.is-focused:has(.wpforms-error) .choices__inner, +.wpforms-builder-provider .choices.is-focused:has(.wpforms-error) .choices__list--dropdown { + border-color: #d63638; + box-shadow: 0 0 0 1px #d63638; +} + +.wpforms-builder-provider .choices.is-open:has(.wpforms-error) .choices__list--dropdown, .wpforms-builder-provider .choices.is-focused:has(.wpforms-error) .choices__list--dropdown { + box-shadow: 0 1px 0 1px #d63638; +} + +.wpforms-builder-provider .choices.is-open.is-flipped:has(.wpforms-error) .choices__list--dropdown, .wpforms-builder-provider .choices.is-focused.is-flipped:has(.wpforms-error) .choices__list--dropdown { + box-shadow: 0 -1px 0 1px #d63638; +} + +.wpforms-builder-provider .choices[data-type*="select-one"]:has(.wpforms-error) input.choices__input { + border: 1px solid #d63638 !important; +} + +.wpforms-builder-provider .choices[data-type*="select-one"]:has(.wpforms-error) input.choices__input:focus { + box-shadow: 0 0 0 1px #d63638 !important; +} + +.wpforms-builder-provider .choices .choices__list--dropdown { + transform: translate3d(0, 0, 0); +} + +.wpforms-builder-provider .choices .choices__list--dropdown .choices__item { + color: #777777; +} + +.wpforms-builder-provider .choices[data-type*="text"] .choices__button, +.wpforms-builder-provider .choices[data-type*="select-multiple"] .choices__button { + background-image: url("../../images/cross.svg"); + background-size: 12px; + width: 12px; + border: none; +} + +.wpforms-builder-provider .choices[data-type*="text"]:after, .wpforms-builder-provider .choices[data-type*="select-one"]:after, .wpforms-builder-provider .choices[data-type*="select-multiple"]:after { + content: none; +} + +.wpforms-builder-provider .choices[data-type*="select-one"] input.choices__input { + padding: 5px 12px !important; +} + +.wpforms-builder-provider .choices[data-type*="select-one"] .choices__inner .choices__item { + font-size: 14px; + margin-bottom: 0; + margin-top: 2px; +} + +.wpforms-panel-fields .choices[data-type*="select-multiple"]:after, +.wpforms-panel-fields .choices[data-type*="select-one"]:after { + content: none; +} + +.wpforms-panel-fields .choices__inner { + background: #ffffff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%; + background-size: 16px 16px; +} + +.rtl .wpforms-panel-fields .choices__inner { + background-position: left 5px top 55%; +} + +.wpforms-panel-fields .choices__list--single { + font-size: inherit; +} + +.wpforms-panel-fields .choices-list { + margin-bottom: 0; +} + +.wpforms-panel-fields .choices-list li { + border-bottom: 1px solid #ced7e0; + margin: 0; + padding: 10px 0; +} + +.wpforms-panel-fields .choices-list li:first-of-type { + padding-top: 1px; +} + +.wpforms-panel-fields .choices-list li:last-of-type { + border: 0; + padding-bottom: 1px; +} + +.wpforms-panel-fields .choices-list li i { + display: inline-block; + font-size: 16px; + margin-block: 0; + margin-inline-end: 0; + margin-inline-start: 10px; +} + +.wpforms-panel-fields .choices-list li input[type=text] { + display: inline-block; + margin-block: 0; + margin-inline-end: 0; + margin-inline-start: 10px; + width: calc(100% - 102px); +} + +.wpforms-panel-fields .choices-list li input[type=text].value { + display: none; + margin-inline-end: 48px; + margin-inline-start: 54px; + margin-top: 10px; +} + +.wpforms-panel-fields .choices-list .move i { + color: #86919e; + font-size: 20px; + position: relative; + top: 1px; +} + +.wpforms-panel-fields .choices-list .move:hover { + cursor: pointer; +} + +.wpforms-panel-fields .choices-list .add:hover { + color: #215d8f; +} + +.wpforms-panel-fields .choices-list .remove { + color: #d63638; +} + +.wpforms-panel-fields .choices-list .remove:hover { + color: #b32d2e; +} + +.wpforms-panel-fields .wpforms-field-option-row-choices .show-values li input[type=text].value { + display: block; +} + +.wpforms-panel-fields .wpforms-field-option-row-choices .wpforms-alert { + margin-bottom: 4px; +} + +.wpforms-panel-fields .wpforms-field-option-payment-multiple li input[type=text], +.wpforms-panel-fields .wpforms-field-option-payment-checkbox li input[type=text], +.wpforms-panel-fields .wpforms-field-option-payment-select li input[type=text] { + width: calc(100% - 185px); +} + +.wpforms-panel-fields .wpforms-field-option-payment-multiple li input[type=text].value, +.wpforms-panel-fields .wpforms-field-option-payment-checkbox li input[type=text].value, +.wpforms-panel-fields .wpforms-field-option-payment-select li input[type=text].value { + display: inline-block; + margin-block: 0; + margin-inline-end: 0; + margin-inline-start: 10px; + width: 73px; +} + +.wpforms-panel-fields ul.primary-input { + margin-bottom: 0; +} + +.wpforms-panel-fields .wpforms-list-2-columns ul, +.wpforms-panel-fields .wpforms-list-3-columns ul { + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + justify-content: flex-start; + margin-bottom: -15px; +} + +.wpforms-panel-fields .wpforms-list-2-columns ul li { + display: block; + margin-right: 15px; + margin-bottom: 15px; + width: calc( 50% - 7.5px); +} + +.wpforms-panel-fields .wpforms-list-2-columns ul li:nth-child(2n) { + margin-right: 0; + padding-right: 0; +} + +.wpforms-panel-fields .wpforms-list-3-columns ul li { + display: block; + margin-right: 15px; + margin-bottom: 15px; + width: calc( 100% / 3 - 10px); +} + +.wpforms-panel-fields .wpforms-list-3-columns ul li:nth-child(3n+3) { + margin-right: 0; + padding-right: 0; +} + +.wpforms-panel-fields .wpforms-list-inline ul { + margin-bottom: -15px; +} + +.wpforms-panel-fields .wpforms-list-inline ul li { + display: inline-block; + margin-right: 15px; + margin-bottom: 15px; + max-width: calc( 50% - 15px); +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-checkbox .primary-input li, .wpforms-panel-fields .wpforms-field.wpforms-field-radio .primary-input li, .wpforms-panel-fields .wpforms-field.wpforms-field-payment-checkbox .primary-input li, .wpforms-panel-fields .wpforms-field.wpforms-field-payment-multiple .primary-input li { + word-break: break-word; + line-height: 20px; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-select .choices[data-type*="select-multiple"] .choices__inner { + padding-top: 8px !important; + padding-bottom: 4px; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-select .choices[data-type*="select-multiple"] .choices__inner .choices__list--multiple:empty + .choices__input { + min-width: 100% !important; + text-overflow: ellipsis; + white-space: nowrap; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-select .choices.is-disabled .choices__list--multiple .choices__item { + grid-template-columns: initial; +} + +.wpforms-admin-page .choices:after { + content: "\f347"; + position: absolute; + top: calc( 50% - 6px); + inset-inline-end: 6px; + font-family: dashicons, sans-serif; + color: #50575e; + border: none; + width: 16px; + height: 16px; + line-height: 1; + z-index: 2; +} + +.wpforms-admin-page .choices.is-open:after { + margin-top: -1px; + transform: rotate(180deg); +} + +.wpforms-admin-page .choices[data-type*="select-multiple"] .choices__inner { + cursor: pointer; +} + +.wpforms-admin-page .is-focused .choices__inner, +.wpforms-admin-page .is-open .choices__inner { + border-color: #056aab; + box-shadow: 0 0 0 1px #056aab; + outline: none; +} + +.wpforms-admin-page .is-flipped.is-open .choices__inner { + border-color: #056aab; + box-shadow: 0 0 0 1px #056aab; + outline: none; +} + +.wpforms-admin-page .is-open .choices__list--dropdown { + border-color: #056aab; + border-top-color: #72757b; + border-bottom: 0; + box-shadow: 0 1px 0 1px #056aab; +} + +.wpforms-admin-page .is-open.is-flipped .choices__list--dropdown { + border-top: 0; + border-bottom: 1px solid #72757b; + box-shadow: 0 -1px 0 1px #056aab; +} + +.choices__inner { + min-height: 36px; + padding-top: 6px; + line-height: 1; +} + +div.wpforms-container.wpforms-edit-entry-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item { + line-height: 1; +} + +.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner { + max-height: 36px; +} + +.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner .choices__list { + overflow: hidden; + display: block; + max-height: 24px; +} + +.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"][aria-expanded="false"].choices__show-more:before { + position: absolute; + content: '\f11c'; + font-family: dashicons, sans-serif; + top: 7px; + height: 22px; + line-height: 22px; + inset-inline-end: 28px; + text-align: center; + font-size: 14px; + color: #a7aaad; + box-sizing: border-box; + pointer-events: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"] .choices__inner { + padding-inline-end: 40px; +} + +.wpforms-admin-page#wpforms-builder .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner { + max-height: 32px; +} + +.wpforms-admin-page#wpforms-builder .choices[data-type*="select-multiple"][aria-expanded="false"].choices__show-more:before { + top: 5px; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list.show-images .wpforms-image-upload { + display: block; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .wpforms-image-upload { + display: none; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload { + margin: 10px 48px 0 54px; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview { + background-color: #ffffff; + border-radius: 4px; + display: block; + padding: 10px; + position: relative; + width: 100%; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview:empty { + padding: 0; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview a { + color: #d63638; + display: block; + position: absolute; + right: 10px; + top: 10px; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview a:hover { + color: #b32d2e; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview a i { + margin: 0; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview img { + display: block; + margin: 0 auto; + max-height: 100px; + max-width: 100%; +} + +.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-inline .primary-input li, +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-inline .primary-input li, +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-inline .primary-input li, +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-inline .primary-input li { + vertical-align: top; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices { + font-size: 0; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices input, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices input, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices input, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices input { + display: none; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices img, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices img, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices img, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices img { + max-width: 250px; + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices .wpforms-image-choices-label { + font-size: 14px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices li, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices li, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices li, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices li { + margin-bottom: 15px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices li > label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices li > label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices li > label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices li > label { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern li.wpforms-selected label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern li.wpforms-selected label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern li.wpforms-selected label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern li.wpforms-selected label { + border-color: #ffffff; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-image:after, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-image:after, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-image:after, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-image:after { + opacity: 1; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-label { + font-weight: 600; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern img, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern img, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern img, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern img { + display: inline; + margin: 0 auto; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern label { + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 4px; + display: inline-block; + margin: 0 auto; + padding: 20px; + text-align: center; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-image, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern .wpforms-image-choices-image, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern .wpforms-image-choices-image, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-image:after, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern .wpforms-image-choices-image:after, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern .wpforms-image-choices-image:after, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-image:after { + background: url("../../images/builder/check-circle.svg") no-repeat; + background-size: 32px 32px; + border-radius: 50%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); + content: ""; + height: 32px; + left: 50%; + margin: -16px 0 0 -16px; + opacity: 0; + position: absolute; + top: 50%; + width: 32px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic li.wpforms-selected label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic li.wpforms-selected label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic li.wpforms-selected label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic li.wpforms-selected label { + border-color: #777777; + border-width: 2px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic img, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic img, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic img, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic img { + display: inline; + margin: 0 auto; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic label { + background-color: #ffffff; + border: 1px solid #ffffff; + display: inline-block; + margin: 0 auto; + padding: 10px; + text-align: center; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic label:hover, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic label:hover, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic label:hover, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic label:hover { + border-color: #777777; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic .wpforms-image-choices-image, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic .wpforms-image-choices-image, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic .wpforms-image-choices-image, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none img, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none img, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none img, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none img { + display: inline; + margin: 0; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none label { + display: inline; + line-height: 1; + margin: 0; + padding: 0; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none label input, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none label input, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none label input, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none label input { + display: inline-block !important; + margin-bottom: 5px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none .wpforms-image-choices-image, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none .wpforms-image-choices-image, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none .wpforms-image-choices-image, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none .wpforms-image-choices-image { + display: block; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none .wpforms-image-choices-label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none .wpforms-image-choices-label { + margin-top: 8px; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list.show-icons .wpforms-icon-select { + display: flex; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .wpforms-icon-select { + display: none; + flex-direction: column; + gap: 10px; + align-items: center; + position: relative; + margin: 10px 48px 0 54px; + padding: 10px; + border-radius: 4px; + background: #ffffff; + color: #0399ed; + font-size: 14px; + line-height: 14px; + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .wpforms-icon-select:hover .fa-edit { + color: #444444; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .wpforms-icon-select span { + color: #b0b6bd; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .fa-edit { + position: absolute; + top: 10px; + inset-inline-end: 10px; + border: none; + background: transparent; + color: #86919e; +} + +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .ic-fa-brands, +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .ic-fa-regular, +.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .ic-fa-solid { + margin-left: 0; + font-size: var(--wpforms-icon-choices-size-medium); + line-height: var(--wpforms-icon-choices-size-medium); + color: var(--wpforms-icon-choices-color); +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices { + margin-bottom: -15px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices li, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices li, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices li, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices li { + min-width: 120px; + max-width: 100%; + margin-bottom: 15px; + text-align: center; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices label { + cursor: pointer; + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices input, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices input, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices input, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices input { + display: none; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-label, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices .wpforms-icon-choices-label, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices .wpforms-icon-choices-label, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-label { + font-size: 14px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-icon, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices .wpforms-icon-choices-icon, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices .wpforms-icon-choices-icon, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; + margin-bottom: 15px; + color: #0399ed; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-icon i { + color: var(--wpforms-icon-choices-color); +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices-small .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices-small .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices-small .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices-small .wpforms-icon-choices-icon i { + font-size: var(--wpforms-icon-choices-size-small); + line-height: var(--wpforms-icon-choices-size-small); + width: calc( var(--wpforms-icon-choices-size-small) * 1.25); +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices-medium .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices-medium .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices-medium .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices-medium .wpforms-icon-choices-icon i { + font-size: var(--wpforms-icon-choices-size-medium); + line-height: var(--wpforms-icon-choices-size-medium); + width: calc( var(--wpforms-icon-choices-size-medium) * 1.25); +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices-large .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices-large .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices-large .wpforms-icon-choices-icon i, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices-large .wpforms-icon-choices-icon i { + font-size: var(--wpforms-icon-choices-size-large); + line-height: var(--wpforms-icon-choices-size-large); + width: calc( var(--wpforms-icon-choices-size-large) * 1.25); +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default, .wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-modern, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-modern, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern { + margin: 0 1px -16px 1px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-bottom: 17px; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon { + padding: 15px 20px 45px 20px; + background-color: #ffffff; + border-radius: 6px; + box-shadow: 0 0 0 1px #cccccc; + position: relative; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + border-radius: 6px; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + padding: 20px 20px 15px 20px; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + background-color: #ffffff; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-classic li, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-classic li, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-classic li, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-classic li { + padding: 20px 20px 15px 20px; + background-color: #ffffff; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-none li, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-none li, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-none li, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-none li { + text-align: initial; +} + +.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-none input, +.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-none input, +.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-none input, +.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-none input { + display: inline-block !important; +} + +.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n), +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n), +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n), +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 17px; + width: calc( 100% / 2 - 8.5px); +} + +.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n), +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n), +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n), +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 17px; + width: calc( 100% / 3 - 11.33333px); +} + +.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-inline ul.wpforms-icon-choices, +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-inline ul.wpforms-icon-choices, +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-inline ul.wpforms-icon-choices, +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-inline ul.wpforms-icon-choices { + display: flex; + flex-wrap: wrap; +} + +.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-radio.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 17px; +} + +.wpforms-panel-fields .wpforms-field-checkbox .description:not(:empty), +.wpforms-panel-fields .wpforms-field-radio .description:not(:empty), +.wpforms-panel-fields .wpforms-field-payment-multiple .description:not(:empty), +.wpforms-panel-fields .wpforms-field-payment-checkbox .description:not(:empty) { + margin-top: 15px; +} + +.wpforms-panel-fields .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-icon-choices-icon:after, +.wpforms-panel-fields .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + position: absolute; + bottom: 15px; + left: calc( 50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.wpforms-panel-fields .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-panel-fields .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-panel-fields .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-panel-fields .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before { + content: ""; + box-sizing: border-box; + position: absolute; + z-index: 1; + left: calc( 50% - 6px); + bottom: 23px; + display: block; + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.wpforms-panel-fields .wpforms-field-radio .wpforms-icon-choices-default .wpforms-icon-choices-icon:after, +.wpforms-panel-fields .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + position: absolute; + bottom: 15px; + left: calc( 50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.wpforms-panel-fields .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-panel-fields .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-panel-fields .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-panel-fields .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 1; + bottom: 19px; + left: calc( 50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.wpforms-panel-fields .wpforms-field .choices[data-type*="select-multiple"] .choices__input { + width: fit-content; + vertical-align: top; + font-size: 16px; +} + +.wpforms-panel-fields .wpforms-field .choices[data-type*="select-one"] .choices__inner { + display: block; +} + +.wpforms-panel-fields .wpforms-field .choices[data-type*="select-one"] .choices__list--single { + padding-left: 3px; +} + +.wpforms-panel-fields .wpforms-field .choices__inner { + min-height: 40px; + padding-left: 7px; + padding-top: 6px !important; +} + +.wpforms-panel-fields .wpforms-field .choices__inner input.choices__input { + height: auto; + padding-left: 3px !important; +} + +.wpforms-panel-fields .wpforms-field .choices__inner, +.wpforms-panel-fields .wpforms-field .choices__input { + background-color: #ffffff; + cursor: pointer; + user-select: none; +} + +.wpforms-panel-fields .wpforms-field .choices__list:not(.choices__list--multiple) .choices__item.choices__placeholder, .wpforms-panel-fields .wpforms-field .choices__list:not(.choices__list--multiple) .choices__item.choices__item--selectable { + line-height: 18px; + margin: 4px 0; + cursor: pointer; + color: #999999; +} + +.wpforms-panel-fields .wpforms-field-select.size-small .choices, +.wpforms-panel-fields .wpforms-field-payment-select.size-small .choices { + width: 25%; +} + +.wpforms-panel-fields .wpforms-field-select .choices, .wpforms-panel-fields .wpforms-field-select.size-medium .choices, +.wpforms-panel-fields .wpforms-field-payment-select .choices, +.wpforms-panel-fields .wpforms-field-payment-select.size-medium .choices { + min-width: 250px; + width: 60%; +} + +.wpforms-panel-fields .wpforms-field-select.size-large .choices, +.wpforms-panel-fields .wpforms-field-payment-select.size-large .choices { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled.size-small .primary-input, +.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled.size-small .choices { + width: calc( 25% - 85px) !important; + min-width: 165px; +} + +.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled.size-large .primary-input, +.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled.size-large .choices { + width: calc( 100% - 85px) !important; +} + +.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled .primary-input, +.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled .choices { + float: inline-start; + width: calc( 60% - 85px); + min-width: 180px; +} + +.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled .description { + padding-top: 5px; + margin: 0; +} + +@-moz-document url-prefix() { + .wpforms-panel-fields .choices__item.choices__placeholder, .wpforms-panel-fields .choices__item.choices__item--selectable { + margin-right: 6px; + } +} + +.wpforms-panel-fields .wpforms-field-option-name .format-selected-simple .wpforms-field-option-row-first, +.wpforms-panel-fields .wpforms-field-option-name .format-selected-simple .wpforms-field-option-row-middle, +.wpforms-panel-fields .wpforms-field-option-name .format-selected-simple .wpforms-field-option-row-last { + display: none; +} + +.wpforms-panel-fields .wpforms-field-option-name .format-selected-first-last .wpforms-field-option-row-simple, +.wpforms-panel-fields .wpforms-field-option-name .format-selected-first-last .wpforms-field-option-row-middle { + display: none; +} + +.wpforms-panel-fields .wpforms-field-option-name .format-selected-first-middle-last .wpforms-field-option-row-simple { + display: none; +} + +.wpforms-panel-fields .wpforms-field-name .format-selected input[type=text] { + width: 100%; + min-width: initial; +} + +.wpforms-panel-fields .wpforms-field-name.size-small .format-selected { + width: 25%; +} + +.wpforms-panel-fields .wpforms-field-name .format-selected, +.wpforms-panel-fields .wpforms-field-name.size-medium .format-selected { + width: 60%; + min-width: 250px; +} + +.wpforms-panel-fields .wpforms-field-name.size-large .format-selected { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-name .format-selected-first-last .wpforms-simple, +.wpforms-panel-fields .wpforms-field-name .format-selected-first-last .wpforms-middle-name, +.wpforms-panel-fields .wpforms-field-name .format-selected-first-middle-last .wpforms-simple, +.wpforms-panel-fields .wpforms-field-name .format-selected-simple .wpforms-first-name, +.wpforms-panel-fields .wpforms-field-name .format-selected-simple .wpforms-middle-name, +.wpforms-panel-fields .wpforms-field-name .format-selected-simple .wpforms-last-name { + display: none; +} + +.wpforms-panel-fields .wpforms-field-name .format-selected-first-last .wpforms-first-name { + float: left; + width: calc( 50% - 10px); +} + +.wpforms-panel-fields .wpforms-field-name .format-selected-first-last .wpforms-last-name { + float: right; + width: calc( 50% - 10px); +} + +.wpforms-panel-fields .wpforms-field-name .format-selected-first-middle-last .wpforms-first-name { + float: left; + margin-right: 20px; + width: calc( 40% - 20px); +} + +.wpforms-panel-fields .wpforms-field-name .format-selected-first-middle-last .wpforms-middle-name { + float: left; + width: 20%; +} + +.wpforms-panel-fields .wpforms-field-name .format-selected-first-middle-last .wpforms-last-name { + float: right; + width: calc( 40% - 20px); +} + +.wpforms-panel-fields .wpforms-field-option .wpforms-field-option-row-allowlist, +.wpforms-panel-fields .wpforms-field-option .wpforms-field-option-row-denylist { + display: none; +} + +.wpforms-panel-fields .wpforms-field-option.wpforms-filter-allowlist .wpforms-field-option-row-allowlist, +.wpforms-panel-fields .wpforms-field-option.wpforms-filter-denylist .wpforms-field-option-row-denylist { + display: block; + margin-top: -10px; +} + +.wpforms-panel-fields .wpforms-field .wpforms-confirm input[type=email], +.wpforms-panel-fields .wpforms-field .wpforms-confirm input[type=password] { + width: 100%; + min-width: initial; +} + +.wpforms-panel-fields .wpforms-field.size-large .wpforms-confirm { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field .wpforms-confirm, +.wpforms-panel-fields .wpforms-field.size-medium .wpforms-confirm { + width: 60%; + min-width: 250px; +} + +.wpforms-panel-fields .wpforms-field.size-small .wpforms-confirm { + width: 25%; +} + +.wpforms-panel-fields .wpforms-confirm-disabled .wpforms-confirm-confirmation, +.wpforms-panel-fields .wpforms-confirm-disabled .wpforms-confirm-primary .wpforms-sub-label { + display: none; +} + +.wpforms-panel-fields .wpforms-confirm-enabled .wpforms-confirm-primary { + float: left; + width: calc( 50% - 10px); +} + +.wpforms-panel-fields .wpforms-confirm-enabled .wpforms-confirm-confirmation { + float: right; + width: calc( 50% - 10px); +} + +.wpforms-panel-fields .wpforms-field-entry-preview .wpforms-entry-preview-notice { + padding: 20px; + background: #fef8ee; + border: 1px solid #f0b849; + border-radius: 4px; + word-break: break-word; +} + +.wpforms-panel-fields .wpforms-field-entry-preview .wpforms-field-duplicate { + display: none; +} + +.wpforms-panel-fields .wpforms-field-entry-preview .wpforms-alert { + margin-bottom: 0; +} + +#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .wpforms-help-tooltip, +#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .toggle-bulk-add-display, +#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .add, +#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .remove, +#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .move, +#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .default { + display: none; +} + +#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices li input[type=text] { + width: calc( 100% - 2px); + margin: 0; +} + +.wpforms-panel-fields .wpforms-field-recaptcha { + background-color: #f6f6f6; + border-start-start-radius: 25px; + border-end-start-radius: 25px; + display: none; + position: absolute; + inset-inline-end: 30px; + top: 49px; + padding-inline-start: 13px; + padding-inline-end: 30px; +} + +.wpforms-panel-fields .wpforms-field-recaptcha-wrap { + align-items: center; + display: flex; + height: 50px; +} + +.wpforms-panel-fields .wpforms-field-recaptcha-wrap-l { + margin-inline-end: 10px; + margin-top: 4px; +} + +.wpforms-panel-fields .wpforms-field-recaptcha-wrap-r { + flex-grow: 1; +} + +.wpforms-panel-fields .wpforms-field-hcaptcha-icon, +.wpforms-panel-fields .wpforms-field-recaptcha-icon, +.wpforms-panel-fields .wpforms-field-turnstile-icon { + width: 28px; + height: auto; +} + +.wpforms-panel-fields .wpforms-field-hcaptcha-title, +.wpforms-panel-fields .wpforms-field-recaptcha-title, +.wpforms-panel-fields .wpforms-field-turnstile-title { + font-weight: 600; + line-height: 1; + margin: 0; + font-size: 13px; +} + +.wpforms-panel-fields .wpforms-field-recaptcha-desc { + color: #777777; + line-height: 15px; + margin: 0; + overflow: hidden; + white-space: nowrap; +} + +.wpforms-panel-fields .wpforms-field-recaptcha-desc-txt, +.wpforms-panel-fields .wpforms-field-recaptcha-desc-icon { + vertical-align: middle; + font-size: 12px; +} + +.wpforms-panel-fields .wpforms-field-recaptcha-desc-icon { + color: #0399ed; + width: 14px; + margin-inline-start: 5px; +} + +.wpforms-panel-fields .wpforms-field-recaptcha-desc-icon path { + fill: currentColor; +} + +.wpforms-panel-fields .wpforms-field-recaptcha-icon, +.wpforms-panel-fields .wpforms-field-recaptcha-title, +.wpforms-panel-fields .wpforms-field-turnstile-icon, +.wpforms-panel-fields .wpforms-field-turnstile-title { + display: none; +} + +.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-hcaptcha-icon, +.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-hcaptcha-title, +.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-turnstile-icon, +.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-turnstile-title { + display: none; +} + +.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-recaptcha-icon, +.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-recaptcha-title { + display: block; +} + +.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-turnstile-icon, +.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-turnstile-title { + display: block; +} + +.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-turnstile-icon { + margin-bottom: 3px; +} + +.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-recaptcha-icon, +.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-recaptcha-title, +.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-hcaptcha-icon, +.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-hcaptcha-title { + display: none; +} + +.wpforms-panel-fields .wpforms-field-option-row-questions li input[type=text] { + display: inline-block; + width: 82%; + margin: 0 0 10px 0; +} + +.wpforms-panel-fields .wpforms-field-option-row-questions li input[type=text].value { + display: block; +} + +.wpforms-panel-fields .wpforms-field-option-row-questions li input[type=text]:last-of-type { + margin: 0; +} + +.wpforms-panel-fields .wpforms-field-captcha .format-selected-math input[type=text] { + display: inline-block; + width: 70px; +} + +.wpforms-panel-fields .wpforms-field-captcha .format-selected-qa .wpforms-question { + margin: 0 0 5px 0; +} + +.wpforms-panel-fields .wpforms-field-captcha .format-selected-math .wpforms-question, +.wpforms-panel-fields .wpforms-field-captcha .format-selected-qa .wpforms-equation { + display: none; +} + +.wpforms-panel-fields .wpforms-field-option-row-min_max .wpforms-input-row { + display: flex; +} + +.wpforms-panel-fields .wpforms-field-option-row-min_max .wpforms-input-row .minimum { + margin-right: 10px; + width: 50%; +} + +.wpforms-panel-fields .wpforms-field-option-row-min_max .wpforms-input-row .maximum { + width: 50%; +} + +.wpforms-panel-fields .wpforms-field-option-row-min_max .wpforms-input-row input { + width: calc( 100% - 2px); +} + +.wpforms-panel-fields .wpforms-field-option-row-default_value .wpforms-alert { + margin-top: 20px; +} + +.wpforms-panel-fields .wpforms-field-number-slider input[type=range] { + background: #ffffff; + border: 1px solid #cccccc; + border-radius: 2em; + height: 10px; + margin: 10px 0; + outline: none; + padding: 0; + appearance: none; + -webkit-appearance: none; +} + +.wpforms-panel-fields .wpforms-field-number-slider input[type=range]::-ms-track { + color: transparent; +} + +.wpforms-panel-fields .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + background: #999999; + border-radius: 100%; + height: 17px; + width: 17px; + appearance: none; + -webkit-appearance: none; +} + +.wpforms-panel-fields .wpforms-field-number-slider input[type=range]::-moz-range-thumb, .wpforms-panel-fields .wpforms-field-number-slider input[type=range]::-ms-thumb { + background: #999999; + border-radius: 100%; + height: 17px; + width: 17px; +} + +.wpforms-panel-fields .wpforms-field-number-slider .wpforms-number-slider-hint { + color: #777777; + display: block; + font-size: 14px; +} + +.wpforms-field-option-internal-information .wpforms-field-option-row-description textarea, +.wpforms-field-option-internal-information .wpforms-field-option-row-expanded-description textarea { + height: 160px; + vertical-align: top; +} + +.wpforms-field-option-internal-information .note { + margin-top: 10px; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-internal-information { + padding-bottom: 0; +} + +.wpforms-panel-fields .wpforms-field.internal-information-editable .internal-information-wrap { + margin-inline-end: 55px; + margin-bottom: 15px; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable:hover > .wpforms-field-duplicate { + display: none; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable { + border: none !important; + margin-bottom: 15px; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable * { + cursor: default; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable a { + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable a * { + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable.active { + background-color: #ffffff; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-helper { + display: none; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-delete { + top: 30px; + inset-inline-end: 30px; + color: #777777; + font-size: 24px; + width: 24px; + height: 24px; + opacity: 0.5; + text-decoration: none; + transition-duration: 0.05s; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-delete:hover { + color: inherit; + opacity: 1; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-delete i { + font-family: dashicons; + display: inline-block; + font-size: 1em; + line-height: 1; + font-weight: 400; + font-style: normal; + speak: none; + text-rendering: auto; + vertical-align: top; + text-align: center; + color: inherit; +} + +.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-delete i::before { + content: '\f335'; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap { + min-height: 62px; + background-color: #fdfaf2; + border: 1px solid rgba(0, 0, 0, 0.07); + border-radius: 6px; + padding-top: 20px; + padding-inline-end: 40px; + padding-inline-start: 20px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-lightbulb { + float: inline-start; + width: 14px; + padding-top: 1px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content { + margin-inline-start: 30px; + color: #444444; + font-size: 15px; + line-height: 22px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-heading .label-title { + font-size: 17px; + line-height: 22px; + margin-bottom: 10px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-description :last-child, +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description :last-child { + margin-bottom: 20px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-description .description, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description .expanded-description { + font-size: 15px; + line-height: 22px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-description .description p, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description .expanded-description p { + line-height: 22px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-description .description { + color: #444444; + clear: none; + margin-top: 0; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content hr { + border: none; + border-top: 1px solid #ebe9e1; + margin-top: 19px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description { + margin-top: 15px; + display: none; + border-top: 1px solid #ebe9e1; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description .expanded-description p { + margin-bottom: 0; + margin-top: 17px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description .wpforms-field-internal-information-checkbox-wrap, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description .wpforms-field-internal-information-checkbox-wrap { + clear: both; + margin-top: 17px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description .wpforms-field-internal-information-checkbox-wrap .wpforms-field-internal-information-checkbox-input, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description .wpforms-field-internal-information-checkbox-wrap .wpforms-field-internal-information-checkbox-input { + float: inline-start; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description .wpforms-field-internal-information-checkbox-wrap input[type=checkbox], .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description .wpforms-field-internal-information-checkbox-wrap input[type=checkbox] { + margin-bottom: 0; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description .wpforms-field-internal-information-checkbox-wrap .wpforms-field-internal-information-checkbox-label, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description .wpforms-field-internal-information-checkbox-wrap .wpforms-field-internal-information-checkbox-label { + margin-inline-start: 30px; + position: relative; + top: -2px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description a, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description a { + color: #444; + text-decoration: underline; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description a:hover, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description a:focus, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description a:hover, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description a:focus { + text-decoration: none; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description ol, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description ol { + list-style-type: revert; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description ul, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description ul { + list-style-type: revert; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description ul, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description ol, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description ul, .wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description ol { + margin-block: 1em; + margin-inline: 0; + padding-inline-start: 1em; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button { + clear: both; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button a { + display: inline-block; + background-color: #e6a700; + color: white; + padding: 9px 14px; + border-radius: 4px; + text-decoration: none; + font-weight: 600; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button a:hover { + background-color: #d79500; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-button { + margin-bottom: 19px; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-button.cta-expand-description { + padding-top: 20px; + border-top: 1px solid #ebe9e1; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-expand-description a .icon { + padding-inline-start: 8px; + position: relative; + top: -1px; + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-expand-description a .icon * { + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-expand-description.not-expanded span.icon.expanded, +.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-expand-description.expanded span.icon.not-expanded { + display: none; +} + +.internal-information-field-user-mode { + padding: 20px 20px 0 20px; +} + +.wpforms-field-internal-information .internal-information-lightbulb svg path { + fill: #e6a700; +} + +.wpforms-field-internal-information .wpforms-field-delete svg path { + fill: #777777; +} + +.wpforms-field-internal-information .cta-button .icon.expanded svg, +.wpforms-field-internal-information .cta-button .icon.not-expanded svg { + width: 10px; + height: 7px; +} + +.wpforms-field-internal-information .cta-button .icon.expanded svg path, +.wpforms-field-internal-information .cta-button .icon.not-expanded svg path { + fill: currentColor; +} + +.wpforms-panel-fields .wpforms-field-address.size-small .wpforms-address-scheme { + width: 25%; +} + +.wpforms-panel-fields .wpforms-field-address .wpforms-address-scheme, .wpforms-panel-fields .wpforms-field-address.size-medium .wpforms-address-scheme { + width: 60%; + min-width: 250px; +} + +.wpforms-panel-fields .wpforms-field-address.size-large .wpforms-address-scheme { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-address .wpforms-hide { + display: none; +} + +.wpforms-panel-fields .wpforms-field-address .wpforms-address-scheme input[type=text], +.wpforms-panel-fields .wpforms-field-address .wpforms-address-scheme select { + width: 100%; + min-width: initial; +} + +.wpforms-panel-sidebar .wpforms-field-options.wpforms-tab-content.wpforms-content-editor-expanded { + overflow: visible !important; +} + +.wpforms-panel-sidebar .wpforms-field-option.wpforms-field-has-tinymce.wpforms-content-editor-expanded .wpforms-expandable-editor { + width: 786px; + position: fixed; + z-index: 99; +} + +.wpforms-panel-sidebar .wpforms-field-option.wpforms-field-has-tinymce.wpforms-content-editor-expanded .wpforms-expandable-editor .wp-core-ui.wp-editor-wrap { + filter: drop-shadow(0px 2px 15px rgba(0, 0, 0, 0.07)); +} + +.rtl .wpforms-panel-sidebar .wp-media-buttons .button { + margin-right: 0; +} + +.wpforms-panel-sidebar .mce-rtl .mce-flow-layout .mce-flow-layout-item > div { + text-align: right; +} + +.wpforms-panel-sidebar-closed .wpforms-field-option.wpforms-content-editor-expanded .wpforms-expandable-editor { + display: none; +} + +.wpforms-field-has-tinymce .wpforms-field-option-group .wpforms-field-option-group-inner { + padding-bottom: 5px; +} + +.wpforms-field-has-tinymce .mce-toolbar-grp { + height: 40px; + overflow: hidden; + padding-left: 2px; +} + +.wpforms-field-has-tinymce .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { + border-radius: 2px; + border-color: #b0b6bd; +} + +.wpforms-field-has-tinymce .mce-toolbar .mce-widget.mce-btn { + margin-bottom: 5px; +} + +.wpforms-field-has-tinymce .mce-toolbar .mce-ico { + color: #777777; +} + +.wpforms-field-has-tinymce .wpforms-field-option-row-content { + margin-bottom: 10px; +} + +.wpforms-field-has-tinymce .wpforms-field-option-row-content .quicktags-toolbar { + border: 1px solid #b0b6bd; + border-bottom: none; + border-start-start-radius: 4px; + background-color: #f8f8f8; + height: 37px; + overflow: hidden; +} + +.wpforms-field-has-tinymce .wpforms-field-option-row-content textarea.wp-editor-area { + border: solid 1px #b0b6bd; + border-start-start-radius: 0; + border-start-end-radius: 0; + border-end-start-radius: 4px; + border-end-end-radius: 4px; + width: 100%; + margin-top: 0; +} + +.wpforms-field-has-tinymce .wpforms-field-option-row-content textarea.wp-editor-area:focus { + border-color: #b0b6bd; + box-shadow: none; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons { + display: flex; + justify-content: space-between; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons button { + height: 32px; + font-size: 14px; + line-height: 17px; + padding: 0 9px; + border-radius: 4px; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons button svg { + position: relative; + top: 2px; + margin-right: 4px; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons button .wpforms-expand-button-label { + padding-left: 4px; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .update-preview { + display: none; + background-color: #036aab; + color: #ffffff; + box-shadow: none; + border-color: #036aab; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .update-preview:hover { + background-color: #215d8f; + border-color: #215d8f; + color: #ffffff; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor { + margin-inline-start: auto; + color: #036aab; + box-shadow: none; + border-color: #036aab; + background: rgba(255, 255, 255, 0.5); +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor:hover { + color: #024068; + border-color: #024068; + background: rgba(255, 255, 255, 0.5); +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor svg { + width: 14px; + height: 14px; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor path { + fill: currentColor; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor svg.collapse { + display: none; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor svg.expand { + display: inline-block; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor.wpforms-content-editor-expanded svg.collapse { + display: inline-block; +} + +.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor.wpforms-content-editor-expanded svg.expand { + display: none; +} + +.wpforms-field-has-tinymce .wp-media-buttons { + padding-bottom: 6px; +} + +.wpforms-field-has-tinymce .wp-media-buttons button.insert-media { + color: #036aab; + border-color: currentColor; + border-radius: 4px; + background: rgba(255, 255, 255, 0.5); + vertical-align: top; + box-shadow: none; + min-height: 30px; + font-size: 14px; + padding: 6px 10px 4px 6px; + margin-bottom: 6px; + line-height: 17px; + height: unset; +} + +.wpforms-field-has-tinymce .wp-media-buttons button.insert-media:hover { + color: #024068; +} + +.wpforms-field-has-tinymce .wp-media-buttons button.insert-media span.wp-media-buttons-icon { + width: 20px; + height: 20px; + line-height: 1; + vertical-align: middle; +} + +.wpforms-field-has-tinymce .wp-media-buttons button:active { + position: initial; + margin-top: 0px; + margin-bottom: 6px; + top: 0px; +} + +.wpforms-field-has-tinymce .wp-media-buttons > *:not(.insert-media) { + display: none !important; +} + +.wpforms-field-has-tinymce .wp-editor-tabs button { + border-start-end-radius: 4px; + border-start-start-radius: 4px; + border-color: #b0b6bd; + border-bottom-color: #f8f8f8; + background: #f8f8f8; + color: #86919e; + position: relative; +} + +.wpforms-field-has-tinymce .wp-editor-tabs button:before, .wpforms-field-has-tinymce .wp-editor-tabs button:after { + content: ''; + position: absolute; + bottom: -1px; + display: block; + width: 1px; + height: 50%; + background-color: #b0b6bd; +} + +.wpforms-field-has-tinymce .wp-editor-tabs button:before { + left: -1px; +} + +.wpforms-field-has-tinymce .wp-editor-tabs button:after { + right: -1px; +} + +.wpforms-field-has-tinymce .tmce-active .wp-editor-tabs button.switch-html, .wpforms-field-has-tinymce .html-active .wp-editor-tabs button.switch-tmce { + border-bottom-color: #b0b6bd; + background-color: #eeeeee; +} + +.wpforms-field-has-tinymce .html-active .wp-editor-container { + border: none; +} + +.wpforms-field-has-tinymce .wp-editor-wrap.tmce-initialized > .wp-editor-container { + border-width: 0; +} + +.wpforms-field-has-tinymce .wp-editor-container, .wpforms-field-has-tinymce .mce-panel, .wpforms-field-has-tinymce .mce-container-body { + border-radius: 4px; + border-color: #b0b6bd; + background: #f8f8f8; +} + +.wpforms-field-has-tinymce .wp-editor-container.mce-statusbar, .wpforms-field-has-tinymce .mce-panel.mce-statusbar, .wpforms-field-has-tinymce .mce-container-body.mce-statusbar { + border-start-start-radius: 0; +} + +.wpforms-field-has-tinymce .wp-editor-container iframe, .wpforms-field-has-tinymce .mce-panel iframe, .wpforms-field-has-tinymce .mce-container-body iframe { + max-height: 57vh; +} + +.wpforms-field-has-tinymce .mce-first > .mce-container-body, .wpforms-field-has-tinymce .mce-first > .mce-container-body > .mce-toolbar-grp { + border-radius: 0; + border-start-end-radius: 4px; +} + +.wpforms-field-has-tinymce .mce-tinymce > .mce-container-body.mce-stack-layout { + border-radius: 4px; +} + +.wpforms-field-has-tinymce .wp-core-ui.wp-editor-wrap.tinymce-active > .mce-tinymce.mce-container.mce-panel > .mce-stack-layout { + border: solid 1px #b0b6bd; +} + +.wpforms-field-has-tinymce .mce-statusbar, .wpforms-field-has-tinymce .mce-statusbar div { + background-color: #ffffff; + border-start-end-radius: 0; + border-start-start-radius: 0; + border-end-end-radius: 4px; + border-end-start-radius: 4px; +} + +.wpforms-field-has-tinymce .mce-top-part::before { + box-shadow: 0 0 2px #b0b6bd !important; +} + +.wpforms-field-has-tinymce .wp-core-ui .ed_button.button { + box-shadow: none; +} + +.wpforms-field-has-tinymce .wp-core-ui .ed_button.button:hover { + border-color: #86919e; +} + +.wpforms-field-has-tinymce .wp-editor-tabs { + position: absolute; + bottom: 0; + inset-inline-end: 0; +} + +.wpforms-panel-sidebar:not(.wpforms-content-editor-expanded) .wpforms-expandable-editor .quicktags-toolbar .ed_button:nth-last-child(-n+3) { + display: none; +} + +.tmce-initialized .mce-top-part.mce-container.mce-stack-layout-item.mce-first { + border: 1px solid #b0b6bd !important; + border-radius: 0; + border-start-start-radius: 4px; + border-bottom-width: 1px !important; +} + +.tmce-initialized .mce-top-part.mce-container.mce-stack-layout-item.mce-first { + border-bottom: none !important; +} + +.tmce-initialized .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item { + border: 1px solid #b0b6bd !important; + border-top: none !important; + border-bottom: none !important; + border-radius: 0; +} + +.tmce-initialized .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last { + border: 1px solid #b0b6bd !important; + border-start-end-radius: 0; + border-start-start-radius: 0; + border-end-end-radius: 4px; + border-end-start-radius: 4px; + border-top: none; +} + +.media-modal p.description { + line-height: 1.5; +} + +.media-modal select { + appearance: revert; + background-color: white; + background-image: none; + padding: 5px; +} + +.media-modal fieldset { + border: none; + padding: 0; + margin: 0; +} + +.media-modal fieldset legend.legend-inline { + margin-left: -2%; +} + +.media-modal fieldset .setting.align .button-group { + margin-top: 3px !important; +} + +.media-modal .attachments-browser .media-toolbar-secondary > .media-button.media-button-backToLibrary { + margin-right: 10px; +} + +.wpforms_page_wpforms-builder .mce-colorbutton-grid .mce-colorbtn-trans div { + line-height: 14px; +} + +.wpforms_page_wpforms-builder #wp-link .query-results { + position: static; + margin: auto; +} + +.wpforms_page_wpforms-builder #wp-link .link-target { + margin-top: 5px; +} + +.wpforms-panel-fields .wpforms-field-option-date-time .format-selected-time .wpforms-field-option-row-date { + display: none; +} + +.wpforms-panel-fields .wpforms-field-option-date-time .format-selected-date .wpforms-field-option-row-time { + display: none; +} + +.wpforms-panel-fields .wpforms-field-option-date-time.wpforms-date-type-dropdown option.datepicker-only { + display: none; +} + +.wpforms-panel-fields .wpforms-field-option-date-time.wpforms-date-type-dropdown .wpforms-field-option-row-date .placeholder { + display: none; +} + +.wpforms-panel-fields .wpforms-field-date-time .format-selected input[type=text] { + width: 100% !important; + min-width: initial; +} + +.wpforms-panel-fields .wpforms-field-date-time.size-large .format-selected { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-date-time.size-medium .format-selected, +.wpforms-panel-fields .wpforms-field-date-time .format-selected { + width: 60%; + min-width: 250px; +} + +.wpforms-panel-fields .wpforms-field-date-time.size-small .format-selected { + width: 25%; + flex-direction: column; +} + +.wpforms-panel-fields .wpforms-field-date-time.size-small .format-selected.format-selected-date-time .wpforms-date-type-datepicker, +.wpforms-panel-fields .wpforms-field-date-time.size-small .format-selected.format-selected-date-time .wpforms-time { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-date-time.size-small .format-selected .wpforms-date-type-dropdown + .wpforms-time { + min-width: 100%; + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-date-time .format-selected-date .wpforms-time, +.wpforms-panel-fields .wpforms-field-date-time .format-selected-date .wpforms-sub-label { + display: none; +} + +.wpforms-panel-fields .wpforms-field-date-time .format-selected-time .wpforms-date, +.wpforms-panel-fields .wpforms-field-date-time .format-selected-time .wpforms-sub-label { + display: none; +} + +.wpforms-panel-fields .wpforms-field-date-time .format-selected-date-time { + display: flex; + flex-direction: row; + gap: 10px 20px; +} + +.wpforms-panel-fields .wpforms-field-date-time .format-selected-date-time .wpforms-date-type-datepicker { + width: 50%; +} + +.wpforms-panel-fields .wpforms-field-date-time .format-selected-date-time .wpforms-date-type-datepicker + .wpforms-time { + width: 50%; +} + +.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-dropdown { + align-items: center; + display: flex; + flex-wrap: wrap; + column-gap: 10px; + min-width: 60%; +} + +.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-dropdown select { + padding-inline: 6px; + width: calc( 100% / 3 - 20px / 3) !important; + min-width: initial !important; +} + +.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-type-dropdown { + flex-grow: 1; +} + +.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-date-datepicker { + display: none; +} + +.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-type-dropdown + .wpforms-time { + flex: 1; + max-width: calc( 40% - 20px); +} + +.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-type-datepicker .wpforms-date-dropdown { + display: none; +} + +@media screen and (max-width: 1140px) { + .wpforms-panel-fields .wpforms-field-date-time select { + padding-left: 10px; + padding-right: 10px; + color: transparent !important; + } +} + +.wpforms-panel-fields .wpforms-field-divider { + padding-top: 20px; + min-height: 82px; + margin-top: 40px; + /* Display top border over the divider. */ + /* Hide top border on the first divider and on hover. */ +} + +.wpforms-panel-fields .wpforms-field-divider:first-child { + margin-top: 0; +} + +.wpforms-panel-fields .wpforms-field-divider::before { + content: ''; + display: block; + height: 1px; + background-color: #dddddd; + position: absolute; + top: 0; + left: 15px; + right: 15px; +} + +.wpforms-panel-fields .wpforms-field-divider:hover::before, .wpforms-panel-fields .wpforms-field-divider:focus::before, .wpforms-panel-fields .wpforms-field-divider.active::before, .wpforms-panel-fields .wpforms-field-divider:first-child::before { + display: none; +} + +.wpforms-panel-fields .wpforms-field-divider label.label-title { + font-size: 18px; + margin-top: 10px; +} + +.wpforms-panel-fields .wpforms-field-divider .description { + font-size: 14px; +} + +.wpforms-panel-fields .wpforms-field-file-upload .wpforms-hide { + display: none !important; +} + +.wpforms-panel-fields .wpforms-field-file-upload .wpforms-file-upload-builder-modern { + background: #f8f8f8; + border: 1px dashed #cccccc; + border-radius: 4px; + color: #777777; + line-height: 1.5; + padding: 20px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.wpforms-panel-fields .wpforms-field-file-upload .wpforms-file-upload-builder-modern svg { + height: 40px; + margin-bottom: 10px; + opacity: .5; + width: 40px; +} + +.wpforms-panel-fields .wpforms-field-file-upload .wpforms-file-upload-builder-modern .modern-hint { + color: rgba(0, 0, 0, 0.35); +} + +.wpforms-panel-fields .wpforms-field-file-upload.active .wpforms-file-upload-builder-modern { + background: #ffffff; +} + +.wpforms-panel-fields .wpforms-field-file-upload .wpforms-file-upload-builder-classic input[type=file] { + font-size: 14px; + line-height: 16px; + padding-top: 8px; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password { + position: relative; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-password-clean { + position: absolute; + inset-inline-end: 0; + top: 7px; + padding: 0; + border: none; + background-color: transparent; + margin: 0; + color: #a7aaad; + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-password-clean:hover { + color: #d63638; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-password-clean i { + font-size: 16px; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_label { + margin-bottom: 5px; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-options-columns { + gap: 10px; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password, +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password_confirm { + width: 100%; + margin-bottom: 0; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password input, +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password_confirm input { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password input { + padding-inline-end: 30px; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-error { + color: #d63638; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-error-message { + position: absolute; + font-size: 12px; + margin: 2px 0 0 1px; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-user-roles-select + .choices__list .choices__item[data-value="administrator"] { + background-color: #86919e; + border-color: #86919e; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-user-roles-select + .choices__list .choices__item[data-value="administrator"] button, .wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-user-roles-select + .choices__list .choices__item[data-value="administrator"]:hover { + cursor: not-allowed; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-user-roles-select + .choices__list .choices__item[data-value="administrator"] button:hover { + opacity: .75; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-user_roles_restrictions .choices__inner .choices__input { + display: none; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .sub-label { + display: block; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-access_restrictions[post-submissions-disabled="1"] { + opacity: .5; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-access_restrictions[post-submissions-disabled="1"], .wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-access_restrictions[post-submissions-disabled="1"] * { + cursor: not-allowed; +} + +.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-access_restrictions[post-submissions-disabled="1"] i { + pointer-events: none; +} + +.wpforms-panel-fields .wpforms-field-html .label-title .text { + margin: 0 0 15px 0; +} + +.wpforms-panel-fields .wpforms-field-html .label-title .text:empty { + margin: 0; +} + +.wpforms-panel-fields .wpforms-field-html .label-title .grey { + color: #777777; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons { + overflow: hidden; + text-align: center; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-left { + text-align: left; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-left .wpforms-pagebreak-button { + margin: 0 20px 0 0; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-right { + text-align: right; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-right .wpforms-pagebreak-button { + margin: 0 0 0 20px; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-split .wpforms-pagebreak-prev { + float: left; + margin: 0; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-split .wpforms-pagebreak-next { + float: right; + margin: 0; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-button { + background: #999999; + border: none; + border-radius: 4px; + color: #ffffff; + cursor: pointer; + display: inline-block; + font-size: 17px; + font-weight: 600; + line-height: 21px; + margin: 0 10px; + min-width: 85px; + padding: 10px 15px; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-button.wpforms-hidden { + display: none; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-divider { + height: 30px; + position: relative; + text-align: center; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .line { + border-top: 1px dashed #cccccc; + display: block; + left: 0; + position: absolute; + top: 50%; + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.active .pagebreak-label { + background-color: #f8f8f8; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .pagebreak-label { + background-color: #ffffff; + display: inline-block; + font-size: 16px; + font-weight: 600; + padding: 5px 20px; + position: relative; + z-index: 10; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .pagebreak-label .wpforms-badge { + margin-inline-start: 15px; + vertical-align: top; + margin: -2px 0 0 10px; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-title { + color: #777777; + font-weight: 400; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-title:not(:empty):after { + content: ')'; +} + +.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-title:not(:empty):before { + content: '('; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal { + border: none; + margin: 0 -15px 20px -15px; + padding: 0; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-pagebreak-divider { + background-color: #626262; + height: 60px; + padding-top: 16px; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .pagebreak-label { + background-color: #626262; + color: #eeeeee; + font-weight: 400; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-pagebreak-title { + color: #d6d6d6; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-pagebreak-buttons { + border: 1px solid #ffffff; + border-radius: 6px; + margin: 0 15px 5px 15px; + padding: 15px; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal:hover, .wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active { + border: none; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal:hover .wpforms-pagebreak-divider, +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal:hover .pagebreak-label, .wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active .wpforms-pagebreak-divider, +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active .pagebreak-label { + background-color: #6d6d6d; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal:hover .wpforms-pagebreak-buttons { + border: 1px dashed #cccccc; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active { + background-color: #ffffff; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active .wpforms-pagebreak-buttons { + background-color: #f8f8f8; + border: 1px dashed #cccccc; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-field-delete { + inset-inline-end: 30px; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-field-helper { + bottom: 66px; + inset-inline-end: 16px; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-badge { + background-color: #444444; + color: #999999; +} + +.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-bottom .wpforms-pagebreak-buttons { + margin: 0; +} + +.wpforms-panel-fields .wpforms-field-phone-input-container { + position: relative; +} + +.wpforms-panel-fields .wpforms-field-phone-input-container[data-format="smart"] .wpforms-field-phone-country-container { + display: flex; +} + +.wpforms-panel-fields .wpforms-field-phone-input-container[data-format="smart"] input.primary-input { + padding-inline-start: 52px; +} + +.wpforms-panel-fields .wpforms-field-phone-country-container { + position: absolute; + height: 100%; + top: 0; + padding: 0 6px 0 8px; + align-items: center; + gap: 6px; + display: none; +} + +.wpforms-panel-fields .wpforms-field-phone-flag { + height: 11px; + width: 20px; + box-shadow: 0 0 1px 0 #888; + background: url("../../images/phone/us-flag.png") no-repeat; + background-size: 100%; +} + +.wpforms-panel-fields .wpforms-field-phone-arrow { + border-inline: calc( 5px / 2) solid transparent; + border-top: 4px solid #555; +} + +.wpforms-field.wpforms-field-content { + padding: 12px 15px; +} + +.wpforms-field-content-preview { + min-height: 16px; + width: 95%; + color: #444444; + word-break: break-word; + font-size: 16px; + line-height: 22px; +} + +.wpforms-field-content-preview .wpforms-field-content-preview-end { + clear: both; +} + +.wpforms-field-content-preview h1, .wpforms-field-content-preview h2, .wpforms-field-content-preview h3, .wpforms-field-content-preview h4, .wpforms-field-content-preview h5, .wpforms-field-content-preview h6 { + margin: 20px 0; + padding: 0; + clear: unset; +} + +.wpforms-field-content-preview h1:first-child, .wpforms-field-content-preview h2:first-child, .wpforms-field-content-preview h3:first-child, .wpforms-field-content-preview h4:first-child, .wpforms-field-content-preview h5:first-child, .wpforms-field-content-preview h6:first-child { + margin-top: 0; +} + +.wpforms-field-content-preview h1 { + font-size: 32px; + line-height: 40px; +} + +.wpforms-field-content-preview h2 { + font-size: 28px; + line-height: 36px; +} + +.wpforms-field-content-preview h3 { + font-size: 24px; + line-height: 32px; +} + +.wpforms-field-content-preview h4 { + font-size: 20px; + line-height: 28px; +} + +.wpforms-field-content-preview h5 { + font-size: 18px; + line-height: 26px; +} + +.wpforms-field-content-preview h6 { + font-size: 16px; + line-height: 24px; + text-transform: uppercase; +} + +.wpforms-field-content-preview p, .wpforms-field-content-preview blockquote, .wpforms-field-content-preview pre, .wpforms-field-content-preview table { + margin: 0 0 20px 0; +} + +.wpforms-field-content-preview li { + margin: 0 0 10px 0; +} + +.wpforms-field-content-preview a { + text-decoration: underline; +} + +.wpforms-field-content-preview a:hover { + text-decoration: none; +} + +.wpforms-field-content-preview code, .wpforms-field-content-preview pre { + font-family: monospace; + overflow: auto; +} + +.wpforms-field-content-preview del { + text-decoration: line-through; +} + +.wpforms-field-content-preview ins { + text-decoration: underline; +} + +.wpforms-field-content-preview small { + font-size: smaller; +} + +.wpforms-field-content-preview dt { + margin: 5px 0; +} + +.wpforms-field-content-preview dd { + margin-left: 25px; +} + +.wpforms-field-content-preview abbr, .wpforms-field-content-preview acronym { + text-decoration: underline dotted; +} + +.wpforms-field-content-preview ul { + list-style: disc outside none !important; + padding-inline-start: 29px !important; + margin-bottom: 20px !important; +} + +.wpforms-field-content-preview ul ul { + list-style-type: circle !important; + margin-top: 10px !important; + margin-bottom: 0 !important; +} + +.wpforms-field-content-preview ul ul ul { + list-style-type: square !important; +} + +.wpforms-field-content-preview ul ol { + margin-top: 10px; + margin-bottom: 0; +} + +.wpforms-field-content-preview ul li { + list-style: inherit !important; + margin-bottom: 10px !important; +} + +.wpforms-field-content-preview ol { + list-style: decimal outside none; + padding-inline-start: 29px; + margin-bottom: 20px; +} + +.wpforms-field-content-preview ol ol { + margin-top: 10px; + margin-bottom: 0; +} + +.wpforms-field-content-preview ol ul { + margin-top: 10px !important; + margin-bottom: 0 !important; +} + +.wpforms-field-content-preview ol li { + list-style: inherit; +} + +.wpforms-field-content-preview blockquote { + border-left: 4px solid rgba(0, 0, 0, 0.15); + padding-left: 20px; +} + +.wpforms-field-content-preview blockquote:before, .wpforms-field-content-preview blockquote:after { + display: none; +} + +.wpforms-field-content-preview table { + width: 100%; + border-collapse: collapse; + word-break: normal; +} + +.wpforms-field-content-preview table th, .wpforms-field-content-preview table td { + padding: 0.5em; + border: 1px solid; +} + +.wpforms-field-content-preview sup, .wpforms-field-content-preview sub { + font-size: smaller; + line-height: calc( 100% + 11px); +} + +.wpforms-field-content-preview sup { + vertical-align: super; +} + +.wpforms-field-content-preview sub { + vertical-align: sub; +} + +.wpforms-field-content-preview h1, .wpforms-field-content-preview h2, .wpforms-field-content-preview h3, .wpforms-field-content-preview h4, .wpforms-field-content-preview h5, .wpforms-field-content-preview h6 { + margin: 10px 0; + font-weight: 600; +} + +.wpforms-field-content-preview p { + line-height: inherit; +} + +.wpforms-field-content-preview img { + vertical-align: top; +} + +.wpforms-field-content-preview img { + max-width: 100%; + height: auto; +} + +.wpforms-field-content-preview .alignleft { + float: left; + margin: 0 30px 20px 0; +} + +.wpforms-field-content-preview .alignright { + float: right; + margin: 0 0 20px 30px; +} + +.wpforms-field-content-preview .aligncenter { + display: block; + clear: both; + text-align: center; + margin: 0 auto 20px; +} + +.wpforms-field-content-preview .alignnone { + display: block; + clear: both; + margin: 0 0 20px 0; +} + +.wpforms-field-content-preview .wp-caption-dt, +.wpforms-field-content-preview .wp-caption-dd { + margin: 0; +} + +.wpforms-field-content-preview .wp-caption { + position: relative; + left: auto; + right: auto; + transform: none; + max-width: 100%; +} + +.wpforms-field-content-preview .wp-caption .wp-caption-text, +.wpforms-field-content-preview .wp-caption .wp-caption-dd { + text-align: center; + font-size: 14px; + margin-top: 0.5em; +} + +.wpforms-field-content-preview > :nth-last-child(2) { + margin-bottom: 0; +} + +.size-medium .wpforms-field-content-preview, .wpforms-field-content-preview { + width: 60%; +} + +.size-small .wpforms-field-content-preview { + width: 25%; +} + +.size-large .wpforms-field-content-preview { + width: 95%; +} + +.wpforms-field .wpforms-layout-column .wpforms-field .wpforms-field-content-preview > *:first-child, +.wpforms-field.wpforms-field-drag-to-column .wpforms-field-content-preview > *:first-child { + padding-right: 60px; +} + +.wpforms-panel-fields .wpforms-field-credit-card .format-selected input[type=text], +.wpforms-panel-fields .wpforms-field-credit-card .format-selected select { + width: 100%; + min-width: initial; +} + +.wpforms-panel-fields .wpforms-field-credit-card.size-large .format-selected { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field-credit-card .format-selected, .wpforms-panel-fields .wpforms-field-credit-card.size-medium .format-selected { + width: 60%; + min-width: 250px; +} + +.wpforms-panel-fields .wpforms-field-credit-card.size-small .format-selected { + width: 25%; +} + +.wpforms-panel-fields .wpforms-field-credit-card .wpforms-sub-label { + margin: 0 0 5px 1px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardnumber { + margin-right: 115px; +} + +.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardcvc { + position: absolute; + right: 0; + top: 0; + width: 92px; +} + +.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardname { + margin-right: 172px; +} + +.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-expiration { + position: absolute; + right: 0; + top: 0; + width: 150px; +} + +.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-expiration span { + float: left; + padding-top: 8px; + text-align: center; + width: 16%; +} + +.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardmonth, +.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardyear { + display: block; + float: left; + width: 42%; +} + +.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled .format-selected-single { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled .format-selected-single p.item-price { + float: left; + line-height: 30px; + width: calc( 60% - 85px); +} + +.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled .format-selected-single select.quantity-input { + height: 30px; + min-height: 30px; + font-size: 14px; +} + +.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled .format-selected-single .description { + padding-top: 5px; + margin: 0; + flex-basis: 100%; +} + +.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled.size-small p.item-price { + width: calc( 25% - 85px); + min-width: 165px; +} + +.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled.size-large p.item-price { + width: calc( 100% - 85px); +} + +.wpforms-panel-fields .wpforms-field-payment-single .single-item-user-defined-block { + display: flex; +} + +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .primary-input, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .item-min-price, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .item-price-hidden, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .item-price-hidden-note, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .fa-exclamation-triangle { + display: none; +} + +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .primary-input, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .item-min-price, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .fa-exclamation-triangle { + display: none; +} + +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .item-price-hidden, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .item-price-hidden-note { + display: block; +} + +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .primary-input, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-min-price { + display: block; +} + +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-min-price { + clear: both; + color: #777777; + font-size: 14px; + margin: 5px 0 0 0; + display: block; +} + +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-price, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-price-hidden, +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-price-hidden-note { + display: none; +} + +.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .fa-exclamation-triangle { + font-size: 16px; + color: #ffb900; + padding-left: 20px; + line-height: 40px; +} + +.wpforms-panel-fields .wpforms-field-payment-single .item-price-hidden-note { + color: #999999; + font-size: 13px; + margin: 0; +} + +.wpforms-panel-fields .wpforms-field-payment-single .item-price { + margin-bottom: 0; +} + +.wpforms-panel-fields .wpforms-field-option-payment-single .wpforms-item-minimum-price-alert { + margin-top: 20px; +} + +.wpforms-panel-fields .wpforms-layout-column .min-price-warning .single-item-user-defined-block { + margin-right: 35px; +} + +.wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +table.wpforms-order-summary-preview { + border-radius: 4px; + border: 1px solid #e2e2e2; + border-collapse: separate; +} + +table.wpforms-order-summary-preview tr td { + border-top: 1px solid #e2e2e2; + border-bottom: none; + border-left: none; + border-right: none; +} + +table.wpforms-order-summary-preview tr th { + font-weight: 400; + border: none; +} + +table.wpforms-order-summary-preview tr td, table.wpforms-order-summary-preview tr th { + padding: 9px 0; + line-height: 20px; + background: none; +} + +table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-wrap: balance; + padding-left: 10px; +} + +.rtl table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + padding-right: 10px; + padding-left: 0; +} + +table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-right: 10px; +} + +.rtl table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-left: 10px; + padding-right: 0; +} + +table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-left: 10px; +} + +.rtl table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-right: 10px; + padding-left: 0; +} + +table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td { + font-weight: 700; +} + +.size-large > .wpforms-order-summary-container, +.wpforms-field-large > .wpforms-order-summary-container { + max-width: 100%; +} + +.size-medium > .wpforms-order-summary-container, +.wpforms-field-medium > .wpforms-order-summary-container { + max-width: 60%; +} + +.wpforms-field-payment-total .wpforms-order-summary-container { + display: none; +} + +.wpforms-field-payment-total.wpforms-summary-enabled .wpforms-order-summary-container { + display: block; +} + +.wpforms-field-payment-total.wpforms-summary-enabled .wpforms-total-amount { + display: none; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview { + border-color: #cccccc; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview tr th, .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + padding-top: 8px; + padding-bottom: 8px; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + color: #777777; + border-color: #cccccc; +} + +.wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td { + color: #444444; + font-weight: 600; +} + +.wpforms-field-option-richtext .wpforms-field-option-row-media_controls.wpforms-hide { + display: none; +} + +.wpforms-panel-fields .wpforms-field-richtext label.label-title { + min-height: 20px; +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap { + min-width: 250px; +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .wp-editor-container { + border-radius: 4px 0 4px 4px; + border-color: #cccccc; + overflow: hidden; +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .wp-switch-editor { + border-radius: 4px 4px 0 0; + margin: 0 0 0 5px; + border-color: #cccccc; + pointer-events: none; + color: rgba(80, 87, 94, 0.5); +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .wp-switch-editor.switch-tmce { + background-color: #f5f5f5; + border-bottom-color: transparent; +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap textarea { + width: 100%; + border: none; + padding: 0; + margin: 0; + resize: none; + cursor: pointer; + border-radius: 0; +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-statusbar { + border-radius: 0 0 4px 4px; + height: 21px; + background-color: #ffffff; + border-color: #cccccc; +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-statusbar .mce-i-resize { + float: right; +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-container-body { + background-color: #f5f5f5; +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-toolbar-grp { + height: 43px; + display: block; + background-image: url("../../images/richtext/tinymce-toolbar-full.png"); + background-repeat: no-repeat; + background-position: left center; + background-size: auto 38px; + border-color: #cccccc; + opacity: .5; +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-toolbar-grp.wpforms-field-richtext-media-enabled { + background-image: url("../../images/richtext/tinymce-toolbar-full-mb.png"); +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-toolbar-grp.wpforms-field-richtext-toolbar-basic { + background-image: url("../../images/richtext/tinymce-toolbar-basic.png"); +} + +.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-toolbar-grp.wpforms-field-richtext-toolbar-basic.wpforms-field-richtext-media-enabled { + background-image: url("../../images/richtext/tinymce-toolbar-basic-mb.png"); +} + +.wpforms-field-option-row-choices ul.wpforms-ai-choices li:last-of-type { + border-bottom: 1px solid #ced7e0; + padding-bottom: 10px; +} + +.wpforms-field-option-row-ai_modal_button { + margin-top: -10px; +} + +.wpforms-ai-modal-button { + padding: 6px 10px; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; +} + +.wpforms-ai-modal-button:before { + content: ''; + display: inline-block; + vertical-align: middle; + width: 16px; + height: 16px; + background-image: url("../../images/integrations/ai/ai-feature.svg"); + background-size: 16px 16px; + margin-inline-end: 8px; + opacity: .85; +} + +.wpforms-ai-modal-button:hover:before { + opacity: 1; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper { + position: relative; + display: flex; + max-width: 60%; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .fa-exclamation-triangle { + font-size: 16px; + color: #ffb900; + position: absolute; + top: calc( 50% - 8px); + inset-inline-end: -36px; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper input[type=text].wpforms-field-payment-coupon-input { + cursor: pointer; + width: auto; + flex: 1; + /* The layout field compatibility. */ + min-width: 80px !important; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button { + font-size: 15px; + line-height: 18px; + font-weight: 500; + cursor: pointer; + border: 0; + margin-inline-start: 20px; + background-color: #999; + color: #fff; + padding: 10px 15px; + border-radius: 4px; + white-space: nowrap; + max-width: 250px; + text-overflow: ellipsis; + overflow: hidden; +} + +#wpforms-add-fields-payment-coupon.wpforms-add-fields-button-disabled { + background-color: #036aab; + cursor: no-drop; +} + +.wpforms-field-option-row-allowed_coupons .wpforms-alert { + margin-top: 20px; +} + +.wpforms-field-option-row-allowed_coupons .choices:not(.is-focused) .choices__inner { + border: 1px solid #b0b6bd; +} + +.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper, +.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper { + max-width: calc(100% - 46px); + flex-wrap: wrap; + justify-content: flex-end; + margin-bottom: -15px; +} + +.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-input, +.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button, +.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-input, +.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button { + margin-bottom: 15px; +} + +@media screen and (max-width: 1280px) { + .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper, + .wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper { + max-width: calc(100% - 30px); + margin-bottom: -15px; + } + .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-input, + .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button, + .wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-input, + .wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button { + margin-bottom: 15px; + } + .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button, + .wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button { + margin-inline-start: 10px; + } + .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .fa-exclamation-triangle, + .wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .fa-exclamation-triangle { + inset-inline-end: -15px; + } + .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon input[type=text].wpforms-field-payment-coupon-input, + .wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column input[type=text].wpforms-field-payment-coupon-input { + min-width: 100% !important; + } +} + +.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column.wpforms-layout-column-100 .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper, +.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column.wpforms-layout-column-100 .wpforms-field-payment-coupon-wrapper { + max-width: 60%; +} + +@media screen and (max-width: 1280px) { + .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column.wpforms-layout-column-100 .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper, + .wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column.wpforms-layout-column-100 .wpforms-field-payment-coupon-wrapper { + max-width: 60%; + } +} + +.wpforms-field-layout .wpforms-field-layout-columns .wpforms-layout-column .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper input[type=text].wpforms-field-payment-coupon-input { + min-width: 80px !important; +} + +table.wpforms-order-summary-preview .wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #d63638; +} + +.wpforms-panel-fields .wpforms-field-signature.size-medium .wpforms-signature-wrap { + width: 60%; +} + +.wpforms-panel-fields .wpforms-field-signature.size-small .wpforms-signature-wrap { + width: 25%; +} + +.wpforms-panel-fields .wpforms-field-layout .wpforms-field-layout-columns .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .wpforms-signature-wrap, +.wpforms-panel-fields .wpforms-field-repeater .wpforms-field-layout-columns .wpforms-layout-column .wpforms-field .wpforms-signature-wrap, +.wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-repeater .wpforms-signature-wrap, +.wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-layout:not(.wpforms-field-drag-to-column-100) .wpforms-signature-wrap { + width: 100%; + min-width: 100%; +} + +.wpforms-panel-fields .wpforms-field .wpforms-signature-wrap { + border: 1px solid #cccccc; + border-radius: 4px; + position: relative; + height: 130px; + background-color: #ffffff; + min-width: 250px; +} + +.wpforms-panel-fields .wpforms-field .wpforms-signature-wrap:before { + content: ""; + left: 20px; + right: 20px; + bottom: 30px; + border-top: 1px dashed #cccccc; + position: absolute; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.single-row.modern tbody tr td:first-of-type { + border-radius: 0; + border-start-start-radius: 5px; + border-end-end-radius: 5px; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern th { + font-size: 14px; + font-weight: 400; + padding: 8px 5px; + text-align: center; + vertical-align: bottom; + white-space: normal; + word-break: break-word; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr:nth-child(odd) th, +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr:nth-child(odd) td { + background-color: #eeeeee; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr th { + font-size: 16px; + text-align: start; + vertical-align: middle; + padding-inline-start: 10px; + border-radius: 0; + border-start-start-radius: 5px; + border-end-start-radius: 5px; + line-height: 1.2; + word-break: break-word; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td { + padding: 10px 5px; + vertical-align: middle; + text-align: center; + position: relative; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td:last-child { + border-radius: 0; + border-end-end-radius: 5px; + border-start-end-radius: 5px; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td label { + display: block; + width: 100%; + height: 20px; + position: relative; + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td label:hover:after { + border: 1px solid #777777; + box-shadow: 0 0 0 1px #777777; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td label:after { + content: ""; + position: absolute; + top: 0; + left: 50%; + margin: 0 0 0 -10px; + width: 20px; + height: 20px; + background-color: #ffffff; + border: 1px solid #cccccc; + border-radius: 50%; + box-sizing: border-box; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=radio].wpforms-error + label:after, +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=checkbox].wpforms-error + label:after { + border: 1px solid red; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=radio]:checked + label:after, +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=checkbox]:checked + label:after { + background-color: green; + border: 0; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=radio]:checked + label:before, +.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=checkbox]:checked + label:before { + content: ""; + position: absolute; + top: 2px; + left: 50%; + margin: 0 0 0 -8px; + width: 16px; + height: 16px; + background-image: url("../images/check.svg"); + background-size: contain; + z-index: 1; + border: 0; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.classic { + border: 1px solid #cccccc; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.classic th { + background-color: #eeeeee; + font-size: 14px; + font-weight: 400; + padding: 10px 5px; + text-align: center; + vertical-align: bottom; + white-space: normal; + word-break: break-word; + border-inline-start: 1px solid #cccccc; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.classic th:first-of-type { + border-inline-start: 0; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.classic tbody tr:nth-child(odd) th, +.wpforms-panel-fields .wpforms-field-likert_scale table.classic tbody tr:nth-child(odd) td { + background-color: #f8f8f8; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.classic tbody tr th { + background-color: #ffffff; + font-size: 15px; + font-weight: 600; + text-align: start; + vertical-align: middle; + padding-inline-start: 10px; + border-top: 1px solid #cccccc; + position: relative; + line-height: 1.2; + word-break: break-word; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.classic tbody tr td { + background-color: #ffffff; + padding: 10px 5px; + vertical-align: middle; + text-align: center; + border: 1px solid #cccccc; + position: relative; +} + +.wpforms-likert-scale-mobile-label { + display: none; +} + +@media only screen and (max-width: 600px) { + form.wpforms-form .wpforms-field-likert_scale table { + display: block; + } + form.wpforms-form .wpforms-field-likert_scale table thead { + display: block; + } + form.wpforms-form .wpforms-field-likert_scale table thead tr { + display: none; + } + form.wpforms-form .wpforms-field-likert_scale table tbody { + display: block; + } + form.wpforms-form .wpforms-field-likert_scale table tbody tr { + display: block; + border: 1px solid #ccc !important; + } + form.wpforms-form .wpforms-field-likert_scale table tbody tr th { + display: block; + } + form.wpforms-form .wpforms-field-likert_scale table tbody tr td { + display: block; + border: none !important; + border-bottom: 1px solid #eee !important; + padding: 10px 20px !important; + } + form.wpforms-form .wpforms-field-likert_scale table tbody tr td:last-child { + border-radius: 0 !important; + border-bottom: none !important; + } + form.wpforms-form .wpforms-field-likert_scale table tbody tr td label { + display: none; + } + form.wpforms-form .wpforms-field-likert_scale table.classic .wpforms-likert-scale-option { + display: block; + } + form.wpforms-form .wpforms-field-likert_scale table.modern tbody tr th { + font-weight: bold; + border-radius: 0; + } + form.wpforms-form .wpforms-field-likert_scale table.modern tbody tr td label { + margin-inline-start: 20px; + width: 20px; + } + form.wpforms-form .wpforms-field-likert_scale .wpforms-likert-scale-mobile-flex { + display: flex; + justify-content: space-between; + align-items: center; + } + form.wpforms-form .wpforms-field-likert_scale .wpforms-likert-scale-mobile-label { + display: block; + text-align: start !important; + } +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern th { + font-size: 14px; + font-weight: 400; + padding: 10px 0; + text-align: center; + vertical-align: bottom; + -webkit-border-before: revert; + border-block-start: revert; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern th .not-likely { + float: left; + text-align: left; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern th .extremely-likely { + float: right; + text-align: right; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td { + background-color: #ffffff; + padding: 0; + vertical-align: middle; + text-align: center; + border: 1px solid #cccccc; + border-left: 0; + width: 9.090909091%; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td:last-child { + border-radius: 0 5px 5px 0; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td:first-of-type { + border-radius: 5px 0 0 5px; + border-left: 1px solid #cccccc; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td label { + display: block; + width: 100%; + height: 40px; + font-weight: 600; + font-size: 16px; + line-height: 40px; + position: relative; + cursor: pointer; + color: #444444; + border: 0; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td label:hover { + background-color: #f8f8f8; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td label:hover:after { + box-shadow: 0 0 0 2px #777777; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td label:after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td input[type=radio].wpforms-error + label:after { + box-shadow: 0 0 0 1px #cc0000; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td input[type=radio].wpforms-error + label:hover:after { + box-shadow: 0 0 0 2px #cc0000; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td input[type=radio]:checked + label { + background-color: green; + color: #ffffff; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td input[type=radio]:checked + label:after { + border: none; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic { + border: 1px solid #cccccc; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic th { + background-color: #eeeeee; + font-size: 14px; + font-weight: 400; + padding: 10px; + text-align: center; + vertical-align: bottom; + -webkit-border-before: revert; + border-block-start: revert; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic th .not-likely { + float: left; + text-align: left; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic th .extremely-likely { + float: right; + text-align: right; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td { + background-color: #ffffff; + padding: 10px 5px; + vertical-align: middle; + text-align: center; + border-top: 1px solid #cccccc; + position: relative; + width: 9.090909091%; + color: #444444; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td input[type=radio], +.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td label { + display: block; + margin: 0 auto; + text-align: center; +} + + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td label { + margin-top: 6px; +} + +.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.modern thead th .not-likely, .wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.modern thead th .not-likely, .rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.classic thead th .not-likely, .wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.classic thead th .not-likely { + float: right; + text-align: right; +} + +.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.modern thead th .extremely-likely, .wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.modern thead th .extremely-likely, .rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.classic thead th .extremely-likely, .wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.classic thead th .extremely-likely { + float: left; + text-align: left; +} + +.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td:first-of-type, .wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.modern tbody tr td:first-of-type, .rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td:first-of-type, .wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.classic tbody tr td:first-of-type { + border-radius: 0 5px 5px 0; + border-right: 1px solid #cccccc; + border-left: 0; +} + +.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td:last-child, .wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.modern tbody tr td:last-child, .rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td:last-child, .wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.classic tbody tr td:last-child { + border-radius: 5px 0 0 5px; + border-left: 1px solid #cccccc; +} + +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list, +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list { + margin-bottom: 0; +} + +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li, +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li { + border-bottom: 1px solid #ced7e0; + overflow: visible; + padding: 10px 0; + margin: 0; +} + +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li:first-of-type, +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li:first-of-type { + padding-top: 1px; +} + +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li:last-of-type, +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li:last-of-type { + padding-bottom: 1px; + border-bottom: 0; +} + +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li i, +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li i { + font-size: 16px; + display: inline-block; + margin-block: 0; + margin-inline-end: 0; + margin-inline-start: 10px; +} + +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li .move:hover, +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li .move:hover { + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li .move i, +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li .move i { + margin: 0; + font-size: 20px; +} + +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li .add i, +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li .add i { + margin-inline-start: 10px; +} + +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li input[type=text], +.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li input[type=text] { + display: inline-block; + width: calc( 100% - 75px); +} + +.wpforms-panel-fields .wpforms-field-likert_scale table { + width: 100%; + min-width: 250px; + border-collapse: collapse; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table *, +.wpforms-panel-fields .wpforms-field-likert_scale table *::before, +.wpforms-panel-fields .wpforms-field-likert_scale table *::after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern input { + display: none !important; +} + +.wpforms-panel-fields .wpforms-field-likert_scale table.modern label:hover:after { + border: 1px solid #cccccc !important; + box-shadow: none !important; +} + +.wpforms-panel-fields .wpforms-field-likert_scale.size-medium table { + max-width: 65%; +} + +.wpforms-panel-fields .wpforms-field-likert_scale.size-small table { + max-width: 25%; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table { + width: 100%; + min-width: 250px; + border-collapse: initial; + border-spacing: 0; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table *, +.wpforms-panel-fields .wpforms-field-net_promoter_score table *::before, +.wpforms-panel-fields .wpforms-field-net_promoter_score table *::after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern input { + display: none !important; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern label:hover { + background-color: initial !important; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern label:hover:after { + box-shadow: none !important; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score.size-medium table { + max-width: 65%; +} + +.wpforms-panel-fields .wpforms-field-net_promoter_score.size-small table { + max-width: 25%; +} + +.wpforms-panel-fields .wpforms-field-drag-to-column:not(.wpforms-layout-column-100).wpforms-field-net_promoter_score table, +.wpforms-panel-fields .wpforms-field-drag-to-column:not(.wpforms-layout-column-100).wpforms-field-likert_scale table, +.wpforms-panel-fields .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field-net_promoter_score table, +.wpforms-panel-fields .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field-likert_scale table { + 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; +} diff --git a/assets/css/builder-fields-types.min.css b/assets/css/builder-fields-types.min.css new file mode 100644 index 00000000..8632138b --- /dev/null +++ b/assets/css/builder-fields-types.min.css @@ -0,0 +1,86 @@ +.choices{position:relative;margin-bottom:24px}.choices ::-webkit-input-placeholder{color:#999999}.choices ::-moz-placeholder{color:#999999;opacity:1}.choices ::placeholder{color:#999999}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#bbbbbb;cursor:not-allowed;user-select:none}.choices [hidden]{display:none !important}.choices *{box-sizing:border-box}.choices.is-open .choices__inner{border-radius:4px 4px 0 0}.choices.is-open.is-flipped .choices__inner{border-radius:0 0 4px 4px}.choices[data-type*="select-one"]{cursor:pointer}.choices[data-type*="select-one"] .choices__inner{display:flex;flex-wrap:wrap;align-items:center;padding-top:0 !important}.choices[data-type*="select-one"] input.choices__input{display:block;width:calc(100% - 20px) !important;margin:10px !important;padding:7px 12px !important;box-sizing:border-box !important;border:1px solid #8c8f94 !important;border-radius:4px !important;background-color:#fff}.choices[data-type*="select-one"] input.choices__input:focus{border:1px solid #056aab !important;box-shadow:0 0 0 1px #056aab !important;outline:none !important}.choices[data-type*="select-one"] .choices__button{background-image:url("../../images/cross-inverse.svg");padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.choices[data-type*="select-one"] .choices__button:hover,.choices[data-type*="select-one"] .choices__button:focus{opacity:1}.choices[data-type*="select-one"] .choices__button:focus{box-shadow:0 0 0 2px #036aab}.choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button{display:none}.choices[data-type*="select-one"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*="select-one"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}.choices[data-type*="select-one"][dir="rtl"]:after{left:11.5px;right:auto}.choices[data-type*="select-one"][dir="rtl"] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*="select-multiple"] .choices__inner{padding-right:24px}.choices[data-type*="select-multiple"] .choices__inner .choices__input{padding:0 4px !important;max-width:100%;background-color:transparent;line-height:22px}.choices[data-type*="select-multiple"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-1.5px;pointer-events:none}.choices[data-type*="select-multiple"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}.choices[data-type*="select-multiple"] .choices__inner,.choices[data-type*="text"] .choices__inner{cursor:text}.choices[data-type*="select-multiple"] .choices__button,.choices[data-type*="text"] .choices__button{position:absolute;display:inline-block;vertical-align:baseline;margin-top:0;margin-bottom:0;margin-inline-start:5px;padding:0;background-color:transparent;background-image:url("../../images/cross.svg");background-size:12px;background-position:center center;background-repeat:no-repeat;width:12px;height:12px;line-height:1;opacity:.75;border-radius:0;inset-inline-end:4px}.choices[data-type*="select-multiple"] .choices__button:hover,.choices[data-type*="select-multiple"] .choices__button:focus,.choices[data-type*="text"] .choices__button:hover,.choices[data-type*="text"] .choices__button:focus{opacity:1}.choices__inner{width:100%;background-color:#ffffff;padding:4px 6px 0;border:1px solid #8c8f94;overflow:hidden;border-radius:4px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;vertical-align:baseline;width:100%;padding:0 16px 0 4px;font-size:0.875em}.choices__list--single .choices__item{width:100%;overflow:hidden;text-overflow:ellipsis;padding-right:20px;white-space:nowrap;color:#2c3338}.choices__list--single .choices__item[data-value='']{padding-right:0}.choices__list--multiple{display:inline;height:auto;overflow:auto}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;position:relative;align-items:center;border-radius:2px;padding-block:4px;padding-inline:7px 20px;font-size:.75em;line-height:1;font-weight:400;margin:0 6px 4px 0;background-color:#036aab;border:1px solid #036aab;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 10px)}.choices__list--multiple .choices__item.is-highlighted{background-color:#036aab}.is-disabled .choices__list--multiple .choices__item{background-color:#bbbbbb;border:1px solid #bbbbbb}.choices__list--dropdown{display:none;z-index:101;position:absolute;width:100%;background-color:#ffffff;border:1px solid #8c8f94;top:100%;margin-top:-1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;overflow-wrap:break-word}.choices__list--dropdown.is-active{display:block}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;vertical-align:top;padding:10px;font-size:.875em}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f6f6f6}.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__list--dropdown .choices__placeholder{display:none}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:4px 4px 0 0}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:.75em;text-transform:uppercase;padding:10px;border-top:1px solid #b4b6b9;border-bottom:1px solid #b4b6b9;color:#a6a6a6}.choices__group[data-value="hidden"]>.choices__heading{display:none}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;background-color:transparent;margin:0 0 2px 0 !important;border:0 !important;border-radius:0 !important;min-height:20px !important;padding:2px 4px !important;height:auto !important;min-width:1ch;width:1ch;vertical-align:middle}.choices__input::-webkit-search-cancel-button{display:none}.choices__input--hidden{clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;min-width:auto !important;word-wrap:normal !important}.choices .choices__inner input.choices__input:focus{outline:none !important;box-shadow:none !important;border:none !important}.choices__placeholder{opacity:.5}#wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner{border-radius:4px 4px 0 0}#wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown{border-radius:inherit}#wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after{border:none;background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center;background-size:16px 16px;cursor:pointer;width:16px;height:16px;top:13px;right:8px;margin-top:0}#wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after{transform:rotate(180deg)}body.rtl .choices[data-type*="select-multiple"] .choices__inner{padding-right:4px;padding-left:24px}body.rtl .choices__list--single{padding-right:4px;padding-left:16px}body.rtl .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}body.rtl .choices__list--dropdown .choices__item{text-align:right}body.rtl .choices__input{padding-right:2px !important;padding-left:0 !important}body.rtl .choices[data-type*="select-multiple"] .choices__button,body.rtl .choices[data-type*="text"] .choices__button{margin-inline-end:0;border-left:none}@media (min-width: 640px){body.rtl .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}body.rtl .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.wpforms-builder-provider .choices.is-flipped .choices__inner{border-radius:0 0 4px 4px !important}.wpforms-builder-provider .choices.is-flipped .choices__list--dropdown.is-active{border-bottom-left-radius:0;border-bottom-right-radius:0}.wpforms-builder-provider .choices.is-open .choices__inner{border:1px solid #036aab;border-bottom-left-radius:0;border-bottom-right-radius:0;background:#fff url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEzIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi4wMDM0IDYuMDAxNzJDMTIuMDAzNCA2LjA5Nzk0IDExLjk1NTMgNi4yMDYxOSAxMS44ODMyIDYuMjc4MzVMMTEuMjgxOCA2Ljg3OTczQzExLjIwOTYgNi45NTE4OSAxMS4xMDE0IDcgMTEuMDA1MiA3QzEwLjkwODkgNyAxMC44MDA3IDYuOTUxODkgMTAuNzI4NSA2Ljg3OTczTDYuMDAxNzIgMi4xNTI5MkwxLjI3NDkxIDYuODc5NzNDMS4yMDI3NSA2Ljk1MTg5IDEuMDk0NSA3IDAuOTk4MjgyIDdDMC44OTAwMzQgNyAwLjc5MzgxNCA2Ljk1MTg5IDAuNzIxNjUgNi44Nzk3M0wwLjEyMDI3NSA2LjI3ODM1QzAuMDQ4MTA5OSA2LjIwNjE5IDAgNi4wOTc5NCAwIDYuMDAxNzJDMCA1LjkwNTUgMC4wNDgxMDk5IDUuNzk3MjUgMC4xMjAyNzUgNS43MjUwOUw1LjcyNTA5IDAuMTIwMjc1QzUuNzk3MjUgMC4wNDgxMDk1IDUuOTA1NSAwIDYuMDAxNzIgMEM2LjA5Nzk0IDAgNi4yMDYxOSAwLjA0ODEwOTUgNi4yNzgzNSAwLjEyMDI3NUwxMS44ODMyIDUuNzI1MDlDMTEuOTU1MyA1Ljc5NzI1IDEyLjAwMzQgNS45MDU1IDEyLjAwMzQgNi4wMDE3MloiIGZpbGw9IiM3Nzc3NzciLz4KPC9zdmc+Cg==") no-repeat right 5px top 55%}.wpforms-builder-provider .choices.is-focused .choices__inner{border-color:#056aab;box-shadow:0 0 0 1px #056aab}.wpforms-builder-provider .choices .choices__inner{background:#fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;background-size:16px 16px}.wpforms-builder-provider .choices .choices__inner .choices__list--multiple{display:inline !important}.wpforms-builder-provider .choices .choices__inner:has(.wpforms-error){border:1px solid #d63638}.wpforms-builder-provider .choices.is-open:has(.wpforms-error) .choices__inner,.wpforms-builder-provider .choices.is-open:has(.wpforms-error) .choices__list--dropdown,.wpforms-builder-provider .choices.is-focused:has(.wpforms-error) .choices__inner,.wpforms-builder-provider .choices.is-focused:has(.wpforms-error) .choices__list--dropdown{border-color:#d63638;box-shadow:0 0 0 1px #d63638}.wpforms-builder-provider .choices.is-open:has(.wpforms-error) .choices__list--dropdown,.wpforms-builder-provider .choices.is-focused:has(.wpforms-error) .choices__list--dropdown{box-shadow:0 1px 0 1px #d63638}.wpforms-builder-provider .choices.is-open.is-flipped:has(.wpforms-error) .choices__list--dropdown,.wpforms-builder-provider .choices.is-focused.is-flipped:has(.wpforms-error) .choices__list--dropdown{box-shadow:0 -1px 0 1px #d63638}.wpforms-builder-provider .choices[data-type*="select-one"]:has(.wpforms-error) input.choices__input{border:1px solid #d63638 !important}.wpforms-builder-provider .choices[data-type*="select-one"]:has(.wpforms-error) input.choices__input:focus{box-shadow:0 0 0 1px #d63638 !important}.wpforms-builder-provider .choices .choices__list--dropdown{transform:translate3d(0, 0, 0)}.wpforms-builder-provider .choices .choices__list--dropdown .choices__item{color:#777777}.wpforms-builder-provider .choices[data-type*="text"] .choices__button,.wpforms-builder-provider .choices[data-type*="select-multiple"] .choices__button{background-image:url("../../images/cross.svg");background-size:12px;width:12px;border:none}.wpforms-builder-provider .choices[data-type*="text"]:after,.wpforms-builder-provider .choices[data-type*="select-one"]:after,.wpforms-builder-provider .choices[data-type*="select-multiple"]:after{content:none}.wpforms-builder-provider .choices[data-type*="select-one"] input.choices__input{padding:5px 12px !important}.wpforms-builder-provider .choices[data-type*="select-one"] .choices__inner .choices__item{font-size:14px;margin-bottom:0;margin-top:2px}.wpforms-panel-fields .choices[data-type*="select-multiple"]:after,.wpforms-panel-fields .choices[data-type*="select-one"]:after{content:none}.wpforms-panel-fields .choices__inner{background:#fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;background-size:16px 16px}.rtl .wpforms-panel-fields .choices__inner{background-position:left 5px top 55%}.wpforms-panel-fields .choices__list--single{font-size:inherit}.wpforms-panel-fields .choices-list{margin-bottom:0}.wpforms-panel-fields .choices-list li{border-bottom:1px solid #ced7e0;margin:0;padding:10px 0}.wpforms-panel-fields .choices-list li:first-of-type{padding-top:1px}.wpforms-panel-fields .choices-list li:last-of-type{border:0;padding-bottom:1px}.wpforms-panel-fields .choices-list li i{display:inline-block;font-size:16px;margin-block:0;margin-inline-end:0;margin-inline-start:10px}.wpforms-panel-fields .choices-list li input[type=text]{display:inline-block;margin-block:0;margin-inline-end:0;margin-inline-start:10px;width:calc(100% - 102px)}.wpforms-panel-fields .choices-list li input[type=text].value{display:none;margin-inline-end:48px;margin-inline-start:54px;margin-top:10px}.wpforms-panel-fields .choices-list .move i{color:#86919e;font-size:20px;position:relative;top:1px}.wpforms-panel-fields .choices-list .move:hover{cursor:pointer}.wpforms-panel-fields .choices-list .add:hover{color:#215d8f}.wpforms-panel-fields .choices-list .remove{color:#d63638}.wpforms-panel-fields .choices-list .remove:hover{color:#b32d2e}.wpforms-panel-fields .wpforms-field-option-row-choices .show-values li input[type=text].value{display:block}.wpforms-panel-fields .wpforms-field-option-row-choices .wpforms-alert{margin-bottom:4px}.wpforms-panel-fields .wpforms-field-option-payment-multiple li input[type=text],.wpforms-panel-fields .wpforms-field-option-payment-checkbox li input[type=text],.wpforms-panel-fields .wpforms-field-option-payment-select li input[type=text]{width:calc(100% - 185px)}.wpforms-panel-fields .wpforms-field-option-payment-multiple li input[type=text].value,.wpforms-panel-fields .wpforms-field-option-payment-checkbox li input[type=text].value,.wpforms-panel-fields .wpforms-field-option-payment-select li input[type=text].value{display:inline-block;margin-block:0;margin-inline-end:0;margin-inline-start:10px;width:73px}.wpforms-panel-fields ul.primary-input{margin-bottom:0}.wpforms-panel-fields .wpforms-list-2-columns ul,.wpforms-panel-fields .wpforms-list-3-columns ul{display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;margin-bottom:-15px}.wpforms-panel-fields .wpforms-list-2-columns ul li{display:block;margin-right:15px;margin-bottom:15px;width:calc( 50% - 7.5px)}.wpforms-panel-fields .wpforms-list-2-columns ul li:nth-child(2n){margin-right:0;padding-right:0}.wpforms-panel-fields .wpforms-list-3-columns ul li{display:block;margin-right:15px;margin-bottom:15px;width:calc( 100% / 3 - 10px)}.wpforms-panel-fields .wpforms-list-3-columns ul li:nth-child(3n+3){margin-right:0;padding-right:0}.wpforms-panel-fields .wpforms-list-inline ul{margin-bottom:-15px}.wpforms-panel-fields .wpforms-list-inline ul li{display:inline-block;margin-right:15px;margin-bottom:15px;max-width:calc( 50% - 15px)}.wpforms-panel-fields .wpforms-field.wpforms-field-checkbox .primary-input li,.wpforms-panel-fields .wpforms-field.wpforms-field-radio .primary-input li,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-checkbox .primary-input li,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-multiple .primary-input li{word-break:break-word;line-height:20px}.wpforms-panel-fields .wpforms-field.wpforms-field-select .choices[data-type*="select-multiple"] .choices__inner{padding-top:8px !important;padding-bottom:4px}.wpforms-panel-fields .wpforms-field.wpforms-field-select .choices[data-type*="select-multiple"] .choices__inner .choices__list--multiple:empty+.choices__input{min-width:100% !important;text-overflow:ellipsis;white-space:nowrap}.wpforms-panel-fields .wpforms-field.wpforms-field-select .choices.is-disabled .choices__list--multiple .choices__item{grid-template-columns:initial}.wpforms-admin-page .choices:after{content:"\f347";position:absolute;top:calc( 50% - 6px);inset-inline-end:6px;font-family:dashicons, sans-serif;color:#50575e;border:none;width:16px;height:16px;line-height:1;z-index:2}.wpforms-admin-page .choices.is-open:after{margin-top:-1px;transform:rotate(180deg)}.wpforms-admin-page .choices[data-type*="select-multiple"] .choices__inner{cursor:pointer}.wpforms-admin-page .is-focused .choices__inner,.wpforms-admin-page .is-open .choices__inner{border-color:#056aab;box-shadow:0 0 0 1px #056aab;outline:none}.wpforms-admin-page .is-flipped.is-open .choices__inner{border-color:#056aab;box-shadow:0 0 0 1px #056aab;outline:none}.wpforms-admin-page .is-open .choices__list--dropdown{border-color:#056aab;border-top-color:#72757b;border-bottom:0;box-shadow:0 1px 0 1px #056aab}.wpforms-admin-page .is-open.is-flipped .choices__list--dropdown{border-top:0;border-bottom:1px solid #72757b;box-shadow:0 -1px 0 1px #056aab}.choices__inner{min-height:36px;padding-top:6px;line-height:1}div.wpforms-container.wpforms-edit-entry-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1}.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner{max-height:36px}.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner .choices__list{overflow:hidden;display:block;max-height:24px}.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"][aria-expanded="false"].choices__show-more:before{position:absolute;content:'\f11c';font-family:dashicons, sans-serif;top:7px;height:22px;line-height:22px;inset-inline-end:28px;text-align:center;font-size:14px;color:#a7aaad;box-sizing:border-box;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wpforms-admin-page:not(.wpforms_page_wpforms-entries) .choices[data-type*="select-multiple"] .choices__inner{padding-inline-end:40px}.wpforms-admin-page#wpforms-builder .choices[data-type*="select-multiple"][aria-expanded="false"] .choices__inner{max-height:32px}.wpforms-admin-page#wpforms-builder .choices[data-type*="select-multiple"][aria-expanded="false"].choices__show-more:before{top:5px}.wpforms-panel-fields .wpforms-panel-sidebar .choices-list.show-images .wpforms-image-upload{display:block}.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .wpforms-image-upload{display:none}.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload{margin:10px 48px 0 54px}.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview{background-color:#ffffff;border-radius:4px;display:block;padding:10px;position:relative;width:100%}.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview:empty{padding:0}.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview a{color:#d63638;display:block;position:absolute;right:10px;top:10px}.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview a:hover{color:#b32d2e}.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview a i{margin:0}.wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-option-row-choices .wpforms-image-upload .preview img{display:block;margin:0 auto;max-height:100px;max-width:100%}.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-inline .primary-input li,.wpforms-panel-fields .wpforms-field-radio.wpforms-list-inline .primary-input li,.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-inline .primary-input li,.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-inline .primary-input li{vertical-align:top}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices{font-size:0}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices input,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices input,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices input,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices input{display:none}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices img,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices img,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices img,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices img{max-width:250px;width:100%}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices .wpforms-image-choices-label{font-size:14px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices li,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices li,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices li,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices li{margin-bottom:15px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices li>label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices li>label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices li>label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices li>label{width:100%}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern li.wpforms-selected label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern li.wpforms-selected label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern li.wpforms-selected label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern li.wpforms-selected label{border-color:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,0.15)}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-image:after,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-image:after,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-image:after,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-image:after{opacity:1}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern li.wpforms-selected .wpforms-image-choices-label{font-weight:600}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern img,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern img,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern img,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern img{display:inline;margin:0 auto}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern label{background-color:#ffffff;border:1px solid transparent;border-radius:4px;display:inline-block;margin:0 auto;padding:20px;text-align:center}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-image,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern .wpforms-image-choices-image,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern .wpforms-image-choices-image,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-image:after,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern .wpforms-image-choices-image:after,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern .wpforms-image-choices-image:after,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-image:after{background:url("../../images/builder/check-circle.svg") no-repeat;background-size:32px 32px;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.25);content:"";height:32px;left:50%;margin:-16px 0 0 -16px;opacity:0;position:absolute;top:50%;width:32px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-modern .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-modern .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:8px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic li.wpforms-selected label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic li.wpforms-selected label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic li.wpforms-selected label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic li.wpforms-selected label{border-color:#777777;border-width:2px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic img,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic img,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic img,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic img{display:inline;margin:0 auto}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic label{background-color:#ffffff;border:1px solid #ffffff;display:inline-block;margin:0 auto;padding:10px;text-align:center}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic label:hover,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic label:hover,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic label:hover,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic label:hover{border-color:#777777}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic .wpforms-image-choices-image,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic .wpforms-image-choices-image,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic .wpforms-image-choices-image,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-classic .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-classic .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-classic .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none img,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none img,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none img,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none img{display:inline;margin:0}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none label{display:inline;line-height:1;margin:0;padding:0}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none label input,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none label input,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none label input,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none label input{display:inline-block !important;margin-bottom:5px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none .wpforms-image-choices-image,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none .wpforms-image-choices-image,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none .wpforms-image-choices-image,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none .wpforms-image-choices-image{display:block}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-image-choices-none .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-image-choices-none .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-image-choices-none .wpforms-image-choices-label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-image-choices-none .wpforms-image-choices-label{margin-top:8px}.wpforms-panel-fields .wpforms-panel-sidebar .choices-list.show-icons .wpforms-icon-select{display:flex}.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .wpforms-icon-select{display:none;flex-direction:column;gap:10px;align-items:center;position:relative;margin:10px 48px 0 54px;padding:10px;border-radius:4px;background:#ffffff;color:#0399ed;font-size:14px;line-height:14px;cursor:pointer}.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .wpforms-icon-select:hover .fa-edit{color:#444444}.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .wpforms-icon-select span{color:#b0b6bd}.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .fa-edit{position:absolute;top:10px;inset-inline-end:10px;border:none;background:transparent;color:#86919e}.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .ic-fa-brands,.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .ic-fa-regular,.wpforms-panel-fields .wpforms-panel-sidebar .choices-list .ic-fa-solid{margin-left:0;font-size:var(--wpforms-icon-choices-size-medium);line-height:var(--wpforms-icon-choices-size-medium);color:var(--wpforms-icon-choices-color)}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices{margin-bottom:-15px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices li,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices li,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices li,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices li{min-width:120px;max-width:100%;margin-bottom:15px;text-align:center}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices label{cursor:pointer;width:100%}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices input,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices input,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices input,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices input{display:none}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-label,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices .wpforms-icon-choices-label,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices .wpforms-icon-choices-label,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-label{font-size:14px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-icon,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices .wpforms-icon-choices-icon,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices .wpforms-icon-choices-icon,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block;margin-bottom:15px;color:#0399ed}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices .wpforms-icon-choices-icon i{color:var(--wpforms-icon-choices-color)}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices-small .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices-small .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices-small .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices-small .wpforms-icon-choices-icon i{font-size:var(--wpforms-icon-choices-size-small);line-height:var(--wpforms-icon-choices-size-small);width:calc( var(--wpforms-icon-choices-size-small) * 1.25)}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices-medium .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices-medium .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices-medium .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices-medium .wpforms-icon-choices-icon i{font-size:var(--wpforms-icon-choices-size-medium);line-height:var(--wpforms-icon-choices-size-medium);width:calc( var(--wpforms-icon-choices-size-medium) * 1.25)}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices-large .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices-large .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices-large .wpforms-icon-choices-icon i,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices-large .wpforms-icon-choices-icon i{font-size:var(--wpforms-icon-choices-size-large);line-height:var(--wpforms-icon-choices-size-large);width:calc( var(--wpforms-icon-choices-size-large) * 1.25)}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default,.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-modern,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-modern,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern{margin:0 1px -16px 1px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-bottom:17px}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon{padding:15px 20px 45px 20px;background-color:#ffffff;border-radius:6px;box-shadow:0 0 0 1px #cccccc;position:relative}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg{display:block;position:absolute;border-radius:6px;top:0;right:0;bottom:0;left:0}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li{padding:20px 20px 15px 20px;box-shadow:0 0 0 1px #cccccc;border-radius:6px;background-color:#ffffff}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-classic li,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-classic li,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-classic li,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-classic li{padding:20px 20px 15px 20px;background-color:#ffffff}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-none li,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-none li,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-none li,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-none li{text-align:initial}.wpforms-panel-fields .wpforms-field-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-none input,.wpforms-panel-fields .wpforms-field-radio ul.wpforms-icon-choices.wpforms-icon-choices-none input,.wpforms-panel-fields .wpforms-field-payment-multiple ul.wpforms-icon-choices.wpforms-icon-choices-none input,.wpforms-panel-fields .wpforms-field-payment-checkbox ul.wpforms-icon-choices.wpforms-icon-choices-none input{display:inline-block !important}.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n),.wpforms-panel-fields .wpforms-field-radio.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n),.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n),.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-radio.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-radio.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:17px;width:calc( 100% / 2 - 8.5px)}.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n),.wpforms-panel-fields .wpforms-field-radio.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n),.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n),.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-radio.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-radio.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:17px;width:calc( 100% / 3 - 11.33333px)}.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-inline ul.wpforms-icon-choices,.wpforms-panel-fields .wpforms-field-radio.wpforms-list-inline ul.wpforms-icon-choices,.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-inline ul.wpforms-icon-choices,.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-inline ul.wpforms-icon-choices{display:flex;flex-wrap:wrap}.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-checkbox.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-radio.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-radio.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-payment-multiple.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-panel-fields .wpforms-field-payment-checkbox.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:17px}.wpforms-panel-fields .wpforms-field-checkbox .description:not(:empty),.wpforms-panel-fields .wpforms-field-radio .description:not(:empty),.wpforms-panel-fields .wpforms-field-payment-multiple .description:not(:empty),.wpforms-panel-fields .wpforms-field-payment-checkbox .description:not(:empty){margin-top:15px}.wpforms-panel-fields .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-icon-choices-icon:after,.wpforms-panel-fields .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;position:absolute;bottom:15px;left:calc( 50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.wpforms-panel-fields .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-panel-fields .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-panel-fields .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-panel-fields .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before{content:"";box-sizing:border-box;position:absolute;z-index:1;left:calc( 50% - 6px);bottom:23px;display:block;width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.wpforms-panel-fields .wpforms-field-radio .wpforms-icon-choices-default .wpforms-icon-choices-icon:after,.wpforms-panel-fields .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;position:absolute;bottom:15px;left:calc( 50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.wpforms-panel-fields .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-panel-fields .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-panel-fields .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-panel-fields .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:1;bottom:19px;left:calc( 50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.wpforms-panel-fields .wpforms-field .choices[data-type*="select-multiple"] .choices__input{width:fit-content;vertical-align:top;font-size:16px}.wpforms-panel-fields .wpforms-field .choices[data-type*="select-one"] .choices__inner{display:block}.wpforms-panel-fields .wpforms-field .choices[data-type*="select-one"] .choices__list--single{padding-left:3px}.wpforms-panel-fields .wpforms-field .choices__inner{min-height:40px;padding-left:7px;padding-top:6px !important}.wpforms-panel-fields .wpforms-field .choices__inner input.choices__input{height:auto;padding-left:3px !important}.wpforms-panel-fields .wpforms-field .choices__inner,.wpforms-panel-fields .wpforms-field .choices__input{background-color:#ffffff;cursor:pointer;user-select:none}.wpforms-panel-fields .wpforms-field .choices__list:not(.choices__list--multiple) .choices__item.choices__placeholder,.wpforms-panel-fields .wpforms-field .choices__list:not(.choices__list--multiple) .choices__item.choices__item--selectable{line-height:18px;margin:4px 0;cursor:pointer;color:#999999}.wpforms-panel-fields .wpforms-field-select.size-small .choices,.wpforms-panel-fields .wpforms-field-payment-select.size-small .choices{width:25%}.wpforms-panel-fields .wpforms-field-select .choices,.wpforms-panel-fields .wpforms-field-select.size-medium .choices,.wpforms-panel-fields .wpforms-field-payment-select .choices,.wpforms-panel-fields .wpforms-field-payment-select.size-medium .choices{min-width:250px;width:60%}.wpforms-panel-fields .wpforms-field-select.size-large .choices,.wpforms-panel-fields .wpforms-field-payment-select.size-large .choices{width:100%}.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled.size-small .primary-input,.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled.size-small .choices{width:calc( 25% - 85px) !important;min-width:165px}.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled.size-large .primary-input,.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled.size-large .choices{width:calc( 100% - 85px) !important}.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled .primary-input,.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled .choices{float:inline-start;width:calc( 60% - 85px);min-width:180px}.wpforms-panel-fields .wpforms-field-payment-select.payment-quantity-enabled .description{padding-top:5px;margin:0}@-moz-document url-prefix(){.wpforms-panel-fields .choices__item.choices__placeholder,.wpforms-panel-fields .choices__item.choices__item--selectable{margin-right:6px}}.wpforms-panel-fields .wpforms-field-option-name .format-selected-simple .wpforms-field-option-row-first,.wpforms-panel-fields .wpforms-field-option-name .format-selected-simple .wpforms-field-option-row-middle,.wpforms-panel-fields .wpforms-field-option-name .format-selected-simple .wpforms-field-option-row-last{display:none}.wpforms-panel-fields .wpforms-field-option-name .format-selected-first-last .wpforms-field-option-row-simple,.wpforms-panel-fields .wpforms-field-option-name .format-selected-first-last .wpforms-field-option-row-middle{display:none}.wpforms-panel-fields .wpforms-field-option-name .format-selected-first-middle-last .wpforms-field-option-row-simple{display:none}.wpforms-panel-fields .wpforms-field-name .format-selected input[type=text]{width:100%;min-width:initial}.wpforms-panel-fields .wpforms-field-name.size-small .format-selected{width:25%}.wpforms-panel-fields .wpforms-field-name .format-selected,.wpforms-panel-fields .wpforms-field-name.size-medium .format-selected{width:60%;min-width:250px}.wpforms-panel-fields .wpforms-field-name.size-large .format-selected{width:100%}.wpforms-panel-fields .wpforms-field-name .format-selected-first-last .wpforms-simple,.wpforms-panel-fields .wpforms-field-name .format-selected-first-last .wpforms-middle-name,.wpforms-panel-fields .wpforms-field-name .format-selected-first-middle-last .wpforms-simple,.wpforms-panel-fields .wpforms-field-name .format-selected-simple .wpforms-first-name,.wpforms-panel-fields .wpforms-field-name .format-selected-simple .wpforms-middle-name,.wpforms-panel-fields .wpforms-field-name .format-selected-simple .wpforms-last-name{display:none}.wpforms-panel-fields .wpforms-field-name .format-selected-first-last .wpforms-first-name{float:left;width:calc( 50% - 10px)}.wpforms-panel-fields .wpforms-field-name .format-selected-first-last .wpforms-last-name{float:right;width:calc( 50% - 10px)}.wpforms-panel-fields .wpforms-field-name .format-selected-first-middle-last .wpforms-first-name{float:left;margin-right:20px;width:calc( 40% - 20px)}.wpforms-panel-fields .wpforms-field-name .format-selected-first-middle-last .wpforms-middle-name{float:left;width:20%}.wpforms-panel-fields .wpforms-field-name .format-selected-first-middle-last .wpforms-last-name{float:right;width:calc( 40% - 20px)}.wpforms-panel-fields .wpforms-field-option .wpforms-field-option-row-allowlist,.wpforms-panel-fields .wpforms-field-option .wpforms-field-option-row-denylist{display:none}.wpforms-panel-fields .wpforms-field-option.wpforms-filter-allowlist .wpforms-field-option-row-allowlist,.wpforms-panel-fields .wpforms-field-option.wpforms-filter-denylist .wpforms-field-option-row-denylist{display:block;margin-top:-10px}.wpforms-panel-fields .wpforms-field .wpforms-confirm input[type=email],.wpforms-panel-fields .wpforms-field .wpforms-confirm input[type=password]{width:100%;min-width:initial}.wpforms-panel-fields .wpforms-field.size-large .wpforms-confirm{width:100%}.wpforms-panel-fields .wpforms-field .wpforms-confirm,.wpforms-panel-fields .wpforms-field.size-medium .wpforms-confirm{width:60%;min-width:250px}.wpforms-panel-fields .wpforms-field.size-small .wpforms-confirm{width:25%}.wpforms-panel-fields .wpforms-confirm-disabled .wpforms-confirm-confirmation,.wpforms-panel-fields .wpforms-confirm-disabled .wpforms-confirm-primary .wpforms-sub-label{display:none}.wpforms-panel-fields .wpforms-confirm-enabled .wpforms-confirm-primary{float:left;width:calc( 50% - 10px)}.wpforms-panel-fields .wpforms-confirm-enabled .wpforms-confirm-confirmation{float:right;width:calc( 50% - 10px)}.wpforms-panel-fields .wpforms-field-entry-preview .wpforms-entry-preview-notice{padding:20px;background:#fef8ee;border:1px solid #f0b849;border-radius:4px;word-break:break-word}.wpforms-panel-fields .wpforms-field-entry-preview .wpforms-field-duplicate{display:none}.wpforms-panel-fields .wpforms-field-entry-preview .wpforms-alert{margin-bottom:0}#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .wpforms-help-tooltip,#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .toggle-bulk-add-display,#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .add,#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .remove,#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .move,#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices .default{display:none}#wpforms-panel-fields .wpforms-field-option-gdpr-checkbox .wpforms-field-option-row-choices li input[type=text]{width:calc( 100% - 2px);margin:0}.wpforms-panel-fields .wpforms-field-recaptcha{background-color:#f6f6f6;border-start-start-radius:25px;border-end-start-radius:25px;display:none;position:absolute;inset-inline-end:30px;top:49px;padding-inline-start:13px;padding-inline-end:30px}.wpforms-panel-fields .wpforms-field-recaptcha-wrap{align-items:center;display:flex;height:50px}.wpforms-panel-fields .wpforms-field-recaptcha-wrap-l{margin-inline-end:10px;margin-top:4px}.wpforms-panel-fields .wpforms-field-recaptcha-wrap-r{flex-grow:1}.wpforms-panel-fields .wpforms-field-hcaptcha-icon,.wpforms-panel-fields .wpforms-field-recaptcha-icon,.wpforms-panel-fields .wpforms-field-turnstile-icon{width:28px;height:auto}.wpforms-panel-fields .wpforms-field-hcaptcha-title,.wpforms-panel-fields .wpforms-field-recaptcha-title,.wpforms-panel-fields .wpforms-field-turnstile-title{font-weight:600;line-height:1;margin:0;font-size:13px}.wpforms-panel-fields .wpforms-field-recaptcha-desc{color:#777777;line-height:15px;margin:0;overflow:hidden;white-space:nowrap}.wpforms-panel-fields .wpforms-field-recaptcha-desc-txt,.wpforms-panel-fields .wpforms-field-recaptcha-desc-icon{vertical-align:middle;font-size:12px}.wpforms-panel-fields .wpforms-field-recaptcha-desc-icon{color:#0399ed;width:14px;margin-inline-start:5px}.wpforms-panel-fields .wpforms-field-recaptcha-desc-icon path{fill:currentColor}.wpforms-panel-fields .wpforms-field-recaptcha-icon,.wpforms-panel-fields .wpforms-field-recaptcha-title,.wpforms-panel-fields .wpforms-field-turnstile-icon,.wpforms-panel-fields .wpforms-field-turnstile-title{display:none}.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-hcaptcha-icon,.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-hcaptcha-title,.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-turnstile-icon,.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-turnstile-title{display:none}.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-recaptcha-icon,.wpforms-panel-fields .wpforms-field-recaptcha.is-recaptcha .wpforms-field-recaptcha-title{display:block}.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-turnstile-icon,.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-turnstile-title{display:block}.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-turnstile-icon{margin-bottom:3px}.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-recaptcha-icon,.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-recaptcha-title,.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-hcaptcha-icon,.wpforms-panel-fields .wpforms-field-recaptcha.is-turnstile .wpforms-field-hcaptcha-title{display:none}.wpforms-panel-fields .wpforms-field-option-row-questions li input[type=text]{display:inline-block;width:82%;margin:0 0 10px 0}.wpforms-panel-fields .wpforms-field-option-row-questions li input[type=text].value{display:block}.wpforms-panel-fields .wpforms-field-option-row-questions li input[type=text]:last-of-type{margin:0}.wpforms-panel-fields .wpforms-field-captcha .format-selected-math input[type=text]{display:inline-block;width:70px}.wpforms-panel-fields .wpforms-field-captcha .format-selected-qa .wpforms-question{margin:0 0 5px 0}.wpforms-panel-fields .wpforms-field-captcha .format-selected-math .wpforms-question,.wpforms-panel-fields .wpforms-field-captcha .format-selected-qa .wpforms-equation{display:none}.wpforms-panel-fields .wpforms-field-option-row-min_max .wpforms-input-row{display:flex}.wpforms-panel-fields .wpforms-field-option-row-min_max .wpforms-input-row .minimum{margin-right:10px;width:50%}.wpforms-panel-fields .wpforms-field-option-row-min_max .wpforms-input-row .maximum{width:50%}.wpforms-panel-fields .wpforms-field-option-row-min_max .wpforms-input-row input{width:calc( 100% - 2px)}.wpforms-panel-fields .wpforms-field-option-row-default_value .wpforms-alert{margin-top:20px}.wpforms-panel-fields .wpforms-field-number-slider input[type=range]{background:#ffffff;border:1px solid #cccccc;border-radius:2em;height:10px;margin:10px 0;outline:none;padding:0;appearance:none;-webkit-appearance:none}.wpforms-panel-fields .wpforms-field-number-slider input[type=range]::-ms-track{color:transparent}.wpforms-panel-fields .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{background:#999999;border-radius:100%;height:17px;width:17px;appearance:none;-webkit-appearance:none}.wpforms-panel-fields .wpforms-field-number-slider input[type=range]::-moz-range-thumb,.wpforms-panel-fields .wpforms-field-number-slider input[type=range]::-ms-thumb{background:#999999;border-radius:100%;height:17px;width:17px}.wpforms-panel-fields .wpforms-field-number-slider .wpforms-number-slider-hint{color:#777777;display:block;font-size:14px}.wpforms-field-option-internal-information .wpforms-field-option-row-description textarea,.wpforms-field-option-internal-information .wpforms-field-option-row-expanded-description textarea{height:160px;vertical-align:top}.wpforms-field-option-internal-information .note{margin-top:10px}.wpforms-panel-fields .wpforms-field.wpforms-field-internal-information{padding-bottom:0}.wpforms-panel-fields .wpforms-field.internal-information-editable .internal-information-wrap{margin-inline-end:55px;margin-bottom:15px}.wpforms-panel-fields .wpforms-field.internal-information-not-editable:hover>.wpforms-field-duplicate{display:none}.wpforms-panel-fields .wpforms-field.internal-information-not-editable{border:none !important;margin-bottom:15px}.wpforms-panel-fields .wpforms-field.internal-information-not-editable *{cursor:default}.wpforms-panel-fields .wpforms-field.internal-information-not-editable a{cursor:pointer}.wpforms-panel-fields .wpforms-field.internal-information-not-editable a *{cursor:pointer}.wpforms-panel-fields .wpforms-field.internal-information-not-editable.active{background-color:#ffffff}.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-helper{display:none}.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-delete{top:30px;inset-inline-end:30px;color:#777777;font-size:24px;width:24px;height:24px;opacity:0.5;text-decoration:none;transition-duration:0.05s}.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-delete:hover{color:inherit;opacity:1}.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-delete i{font-family:dashicons;display:inline-block;font-size:1em;line-height:1;font-weight:400;font-style:normal;speak:none;text-rendering:auto;vertical-align:top;text-align:center;color:inherit}.wpforms-panel-fields .wpforms-field.internal-information-not-editable .wpforms-field-delete i::before{content:'\f335'}.wpforms-panel-fields .wpforms-field .internal-information-wrap{min-height:62px;background-color:#fdfaf2;border:1px solid rgba(0,0,0,0.07);border-radius:6px;padding-top:20px;padding-inline-end:40px;padding-inline-start:20px;box-shadow:0 1px 2px rgba(0,0,0,0.07)}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-lightbulb{float:inline-start;width:14px;padding-top:1px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content{margin-inline-start:30px;color:#444444;font-size:15px;line-height:22px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-heading .label-title{font-size:17px;line-height:22px;margin-bottom:10px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-description :last-child,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description :last-child{margin-bottom:20px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-description .description,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description .expanded-description{font-size:15px;line-height:22px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-description .description p,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description .expanded-description p{line-height:22px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-description .description{color:#444444;clear:none;margin-top:0}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content hr{border:none;border-top:1px solid #ebe9e1;margin-top:19px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description{margin-top:15px;display:none;border-top:1px solid #ebe9e1}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-expanded-description .expanded-description p{margin-bottom:0;margin-top:17px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description .wpforms-field-internal-information-checkbox-wrap,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description .wpforms-field-internal-information-checkbox-wrap{clear:both;margin-top:17px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description .wpforms-field-internal-information-checkbox-wrap .wpforms-field-internal-information-checkbox-input,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description .wpforms-field-internal-information-checkbox-wrap .wpforms-field-internal-information-checkbox-input{float:inline-start}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description .wpforms-field-internal-information-checkbox-wrap input[type=checkbox],.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description .wpforms-field-internal-information-checkbox-wrap input[type=checkbox]{margin-bottom:0}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description .wpforms-field-internal-information-checkbox-wrap .wpforms-field-internal-information-checkbox-label,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description .wpforms-field-internal-information-checkbox-wrap .wpforms-field-internal-information-checkbox-label{margin-inline-start:30px;position:relative;top:-2px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description a,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description a{color:#444;text-decoration:underline}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description a:hover,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description a:focus,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description a:hover,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description a:focus{text-decoration:none}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description ol,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description ol{list-style-type:revert}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description ul,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description ul{list-style-type:revert}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description ul,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .expanded-description ol,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description ul,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .description ol{margin-block:1em;margin-inline:0;padding-inline-start:1em}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button{clear:both}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button a{display:inline-block;background-color:#e6a700;color:white;padding:9px 14px;border-radius:4px;text-decoration:none;font-weight:600}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button a:hover{background-color:#d79500}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-button{margin-bottom:19px}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-button.cta-expand-description{padding-top:20px;border-top:1px solid #ebe9e1}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-expand-description a .icon{padding-inline-start:8px;position:relative;top:-1px;cursor:pointer}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-expand-description a .icon *{cursor:pointer}.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-expand-description.not-expanded span.icon.expanded,.wpforms-panel-fields .wpforms-field .internal-information-wrap .internal-information-content .wpforms-field-internal-information-row-cta-button .cta-expand-description.expanded span.icon.not-expanded{display:none}.internal-information-field-user-mode{padding:20px 20px 0 20px}.wpforms-field-internal-information .internal-information-lightbulb svg path{fill:#e6a700}.wpforms-field-internal-information .wpforms-field-delete svg path{fill:#777777}.wpforms-field-internal-information .cta-button .icon.expanded svg,.wpforms-field-internal-information .cta-button .icon.not-expanded svg{width:10px;height:7px}.wpforms-field-internal-information .cta-button .icon.expanded svg path,.wpforms-field-internal-information .cta-button .icon.not-expanded svg path{fill:currentColor}.wpforms-panel-fields .wpforms-field-address.size-small .wpforms-address-scheme{width:25%}.wpforms-panel-fields .wpforms-field-address .wpforms-address-scheme,.wpforms-panel-fields .wpforms-field-address.size-medium .wpforms-address-scheme{width:60%;min-width:250px}.wpforms-panel-fields .wpforms-field-address.size-large .wpforms-address-scheme{width:100%}.wpforms-panel-fields .wpforms-field-address .wpforms-hide{display:none}.wpforms-panel-fields .wpforms-field-address .wpforms-address-scheme input[type=text],.wpforms-panel-fields .wpforms-field-address .wpforms-address-scheme select{width:100%;min-width:initial}.wpforms-panel-sidebar .wpforms-field-options.wpforms-tab-content.wpforms-content-editor-expanded{overflow:visible !important}.wpforms-panel-sidebar .wpforms-field-option.wpforms-field-has-tinymce.wpforms-content-editor-expanded .wpforms-expandable-editor{width:786px;position:fixed;z-index:99}.wpforms-panel-sidebar .wpforms-field-option.wpforms-field-has-tinymce.wpforms-content-editor-expanded .wpforms-expandable-editor .wp-core-ui.wp-editor-wrap{filter:drop-shadow(0px 2px 15px rgba(0,0,0,0.07))}.rtl .wpforms-panel-sidebar .wp-media-buttons .button{margin-right:0}.wpforms-panel-sidebar .mce-rtl .mce-flow-layout .mce-flow-layout-item>div{text-align:right}.wpforms-panel-sidebar-closed .wpforms-field-option.wpforms-content-editor-expanded .wpforms-expandable-editor{display:none}.wpforms-field-has-tinymce .wpforms-field-option-group .wpforms-field-option-group-inner{padding-bottom:5px}.wpforms-field-has-tinymce .mce-toolbar-grp{height:40px;overflow:hidden;padding-left:2px}.wpforms-field-has-tinymce .mce-toolbar .mce-btn-group .mce-btn.mce-listbox{border-radius:2px;border-color:#b0b6bd}.wpforms-field-has-tinymce .mce-toolbar .mce-widget.mce-btn{margin-bottom:5px}.wpforms-field-has-tinymce .mce-toolbar .mce-ico{color:#777777}.wpforms-field-has-tinymce .wpforms-field-option-row-content{margin-bottom:10px}.wpforms-field-has-tinymce .wpforms-field-option-row-content .quicktags-toolbar{border:1px solid #b0b6bd;border-bottom:none;border-start-start-radius:4px;background-color:#f8f8f8;height:37px;overflow:hidden}.wpforms-field-has-tinymce .wpforms-field-option-row-content textarea.wp-editor-area{border:solid 1px #b0b6bd;border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:4px;border-end-end-radius:4px;width:100%;margin-top:0}.wpforms-field-has-tinymce .wpforms-field-option-row-content textarea.wp-editor-area:focus{border-color:#b0b6bd;box-shadow:none}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons{display:flex;justify-content:space-between}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons button{height:32px;font-size:14px;line-height:17px;padding:0 9px;border-radius:4px}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons button svg{position:relative;top:2px;margin-right:4px}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons button .wpforms-expand-button-label{padding-left:4px}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .update-preview{display:none;background-color:#036aab;color:#ffffff;box-shadow:none;border-color:#036aab}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .update-preview:hover{background-color:#215d8f;border-color:#215d8f;color:#ffffff}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor{margin-inline-start:auto;color:#036aab;box-shadow:none;border-color:#036aab;background:rgba(255,255,255,0.5)}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor:hover{color:#024068;border-color:#024068;background:rgba(255,255,255,0.5)}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor svg{width:14px;height:14px}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor path{fill:currentColor}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor svg.collapse{display:none}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor svg.expand{display:inline-block}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor.wpforms-content-editor-expanded svg.collapse{display:inline-block}.wpforms-field-has-tinymce .wpforms-field-content-action-buttons .expand-editor.wpforms-content-editor-expanded svg.expand{display:none}.wpforms-field-has-tinymce .wp-media-buttons{padding-bottom:6px}.wpforms-field-has-tinymce .wp-media-buttons button.insert-media{color:#036aab;border-color:currentColor;border-radius:4px;background:rgba(255,255,255,0.5);vertical-align:top;box-shadow:none;min-height:30px;font-size:14px;padding:6px 10px 4px 6px;margin-bottom:6px;line-height:17px;height:unset}.wpforms-field-has-tinymce .wp-media-buttons button.insert-media:hover{color:#024068}.wpforms-field-has-tinymce .wp-media-buttons button.insert-media span.wp-media-buttons-icon{width:20px;height:20px;line-height:1;vertical-align:middle}.wpforms-field-has-tinymce .wp-media-buttons button:active{position:initial;margin-top:0px;margin-bottom:6px;top:0px}.wpforms-field-has-tinymce .wp-media-buttons>*:not(.insert-media){display:none !important}.wpforms-field-has-tinymce .wp-editor-tabs button{border-start-end-radius:4px;border-start-start-radius:4px;border-color:#b0b6bd;border-bottom-color:#f8f8f8;background:#f8f8f8;color:#86919e;position:relative}.wpforms-field-has-tinymce .wp-editor-tabs button:before,.wpforms-field-has-tinymce .wp-editor-tabs button:after{content:'';position:absolute;bottom:-1px;display:block;width:1px;height:50%;background-color:#b0b6bd}.wpforms-field-has-tinymce .wp-editor-tabs button:before{left:-1px}.wpforms-field-has-tinymce .wp-editor-tabs button:after{right:-1px}.wpforms-field-has-tinymce .tmce-active .wp-editor-tabs button.switch-html,.wpforms-field-has-tinymce .html-active .wp-editor-tabs button.switch-tmce{border-bottom-color:#b0b6bd;background-color:#eeeeee}.wpforms-field-has-tinymce .html-active .wp-editor-container{border:none}.wpforms-field-has-tinymce .wp-editor-wrap.tmce-initialized>.wp-editor-container{border-width:0}.wpforms-field-has-tinymce .wp-editor-container,.wpforms-field-has-tinymce .mce-panel,.wpforms-field-has-tinymce .mce-container-body{border-radius:4px;border-color:#b0b6bd;background:#f8f8f8}.wpforms-field-has-tinymce .wp-editor-container.mce-statusbar,.wpforms-field-has-tinymce .mce-panel.mce-statusbar,.wpforms-field-has-tinymce .mce-container-body.mce-statusbar{border-start-start-radius:0}.wpforms-field-has-tinymce .wp-editor-container iframe,.wpforms-field-has-tinymce .mce-panel iframe,.wpforms-field-has-tinymce .mce-container-body iframe{max-height:57vh}.wpforms-field-has-tinymce .mce-first>.mce-container-body,.wpforms-field-has-tinymce .mce-first>.mce-container-body>.mce-toolbar-grp{border-radius:0;border-start-end-radius:4px}.wpforms-field-has-tinymce .mce-tinymce>.mce-container-body.mce-stack-layout{border-radius:4px}.wpforms-field-has-tinymce .wp-core-ui.wp-editor-wrap.tinymce-active>.mce-tinymce.mce-container.mce-panel>.mce-stack-layout{border:solid 1px #b0b6bd}.wpforms-field-has-tinymce .mce-statusbar,.wpforms-field-has-tinymce .mce-statusbar div{background-color:#ffffff;border-start-end-radius:0;border-start-start-radius:0;border-end-end-radius:4px;border-end-start-radius:4px}.wpforms-field-has-tinymce .mce-top-part::before{box-shadow:0 0 2px #b0b6bd !important}.wpforms-field-has-tinymce .wp-core-ui .ed_button.button{box-shadow:none}.wpforms-field-has-tinymce .wp-core-ui .ed_button.button:hover{border-color:#86919e}.wpforms-field-has-tinymce .wp-editor-tabs{position:absolute;bottom:0;inset-inline-end:0}.wpforms-panel-sidebar:not(.wpforms-content-editor-expanded) .wpforms-expandable-editor .quicktags-toolbar .ed_button:nth-last-child(-n+3){display:none}.tmce-initialized .mce-top-part.mce-container.mce-stack-layout-item.mce-first{border:1px solid #b0b6bd !important;border-radius:0;border-start-start-radius:4px;border-bottom-width:1px !important}.tmce-initialized .mce-top-part.mce-container.mce-stack-layout-item.mce-first{border-bottom:none !important}.tmce-initialized .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item{border:1px solid #b0b6bd !important;border-top:none !important;border-bottom:none !important;border-radius:0}.tmce-initialized .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last{border:1px solid #b0b6bd !important;border-start-end-radius:0;border-start-start-radius:0;border-end-end-radius:4px;border-end-start-radius:4px;border-top:none}.media-modal p.description{line-height:1.5}.media-modal select{appearance:revert;background-color:white;background-image:none;padding:5px}.media-modal fieldset{border:none;padding:0;margin:0}.media-modal fieldset legend.legend-inline{margin-left:-2%}.media-modal fieldset .setting.align .button-group{margin-top:3px !important}.media-modal .attachments-browser .media-toolbar-secondary>.media-button.media-button-backToLibrary{margin-right:10px}.wpforms_page_wpforms-builder .mce-colorbutton-grid .mce-colorbtn-trans div{line-height:14px}.wpforms_page_wpforms-builder #wp-link .query-results{position:static;margin:auto}.wpforms_page_wpforms-builder #wp-link .link-target{margin-top:5px}.wpforms-panel-fields .wpforms-field-option-date-time .format-selected-time .wpforms-field-option-row-date{display:none}.wpforms-panel-fields .wpforms-field-option-date-time .format-selected-date .wpforms-field-option-row-time{display:none}.wpforms-panel-fields .wpforms-field-option-date-time.wpforms-date-type-dropdown option.datepicker-only{display:none}.wpforms-panel-fields .wpforms-field-option-date-time.wpforms-date-type-dropdown .wpforms-field-option-row-date .placeholder{display:none}.wpforms-panel-fields .wpforms-field-date-time .format-selected input[type=text]{width:100% !important;min-width:initial}.wpforms-panel-fields .wpforms-field-date-time.size-large .format-selected{width:100%}.wpforms-panel-fields .wpforms-field-date-time.size-medium .format-selected,.wpforms-panel-fields .wpforms-field-date-time .format-selected{width:60%;min-width:250px}.wpforms-panel-fields .wpforms-field-date-time.size-small .format-selected{width:25%;flex-direction:column}.wpforms-panel-fields .wpforms-field-date-time.size-small .format-selected.format-selected-date-time .wpforms-date-type-datepicker,.wpforms-panel-fields .wpforms-field-date-time.size-small .format-selected.format-selected-date-time .wpforms-time{width:100%}.wpforms-panel-fields .wpforms-field-date-time.size-small .format-selected .wpforms-date-type-dropdown+.wpforms-time{min-width:100%;width:100%}.wpforms-panel-fields .wpforms-field-date-time .format-selected-date .wpforms-time,.wpforms-panel-fields .wpforms-field-date-time .format-selected-date .wpforms-sub-label{display:none}.wpforms-panel-fields .wpforms-field-date-time .format-selected-time .wpforms-date,.wpforms-panel-fields .wpforms-field-date-time .format-selected-time .wpforms-sub-label{display:none}.wpforms-panel-fields .wpforms-field-date-time .format-selected-date-time{display:flex;flex-direction:row;gap:10px 20px}.wpforms-panel-fields .wpforms-field-date-time .format-selected-date-time .wpforms-date-type-datepicker{width:50%}.wpforms-panel-fields .wpforms-field-date-time .format-selected-date-time .wpforms-date-type-datepicker+.wpforms-time{width:50%}.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-dropdown{align-items:center;display:flex;flex-wrap:wrap;column-gap:10px;min-width:60%}.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-dropdown select{padding-inline:6px;width:calc( 100% / 3 - 20px / 3) !important;min-width:initial !important}.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-type-dropdown{flex-grow:1}.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-date-datepicker{display:none}.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-type-dropdown+.wpforms-time{flex:1;max-width:calc( 40% - 20px)}.wpforms-panel-fields .wpforms-field-date-time .wpforms-date-type-datepicker .wpforms-date-dropdown{display:none}@media screen and (max-width: 1140px){.wpforms-panel-fields .wpforms-field-date-time select{padding-left:10px;padding-right:10px;color:transparent !important}}.wpforms-panel-fields .wpforms-field-divider{padding-top:20px;min-height:82px;margin-top:40px}.wpforms-panel-fields .wpforms-field-divider:first-child{margin-top:0}.wpforms-panel-fields .wpforms-field-divider::before{content:'';display:block;height:1px;background-color:#dddddd;position:absolute;top:0;left:15px;right:15px}.wpforms-panel-fields .wpforms-field-divider:hover::before,.wpforms-panel-fields .wpforms-field-divider:focus::before,.wpforms-panel-fields .wpforms-field-divider.active::before,.wpforms-panel-fields .wpforms-field-divider:first-child::before{display:none}.wpforms-panel-fields .wpforms-field-divider label.label-title{font-size:18px;margin-top:10px}.wpforms-panel-fields .wpforms-field-divider .description{font-size:14px}.wpforms-panel-fields .wpforms-field-file-upload .wpforms-hide{display:none !important}.wpforms-panel-fields .wpforms-field-file-upload .wpforms-file-upload-builder-modern{background:#f8f8f8;border:1px dashed #cccccc;border-radius:4px;color:#777777;line-height:1.5;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.wpforms-panel-fields .wpforms-field-file-upload .wpforms-file-upload-builder-modern svg{height:40px;margin-bottom:10px;opacity:.5;width:40px}.wpforms-panel-fields .wpforms-field-file-upload .wpforms-file-upload-builder-modern .modern-hint{color:rgba(0,0,0,0.35)}.wpforms-panel-fields .wpforms-field-file-upload.active .wpforms-file-upload-builder-modern{background:#ffffff}.wpforms-panel-fields .wpforms-field-file-upload .wpforms-file-upload-builder-classic input[type=file]{font-size:14px;line-height:16px;padding-top:8px}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password{position:relative}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-password-clean{position:absolute;inset-inline-end:0;top:7px;padding:0;border:none;background-color:transparent;margin:0;color:#a7aaad;cursor:pointer}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-password-clean:hover{color:#d63638}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-password-clean i{font-size:16px}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_label{margin-bottom:5px}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-options-columns{gap:10px}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password,.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password_confirm{width:100%;margin-bottom:0}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password input,.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password_confirm input{width:100%}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-protection_password_columns .wpforms-field-option-row-protection_password input{padding-inline-end:30px}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-error{color:#d63638}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-error-message{position:absolute;font-size:12px;margin:2px 0 0 1px}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-user-roles-select+.choices__list .choices__item[data-value="administrator"]{background-color:#86919e;border-color:#86919e}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-user-roles-select+.choices__list .choices__item[data-value="administrator"] button,.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-user-roles-select+.choices__list .choices__item[data-value="administrator"]:hover{cursor:not-allowed}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-file-upload-user-roles-select+.choices__list .choices__item[data-value="administrator"] button:hover{opacity:.75}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-user_roles_restrictions .choices__inner .choices__input{display:none}.wpforms-panel-fields .wpforms-field-option-file-upload .sub-label{display:block}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-access_restrictions[post-submissions-disabled="1"]{opacity:.5}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-access_restrictions[post-submissions-disabled="1"],.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-access_restrictions[post-submissions-disabled="1"] *{cursor:not-allowed}.wpforms-panel-fields .wpforms-field-option-file-upload .wpforms-field-option-row-access_restrictions[post-submissions-disabled="1"] i{pointer-events:none}.wpforms-panel-fields .wpforms-field-html .label-title .text{margin:0 0 15px 0}.wpforms-panel-fields .wpforms-field-html .label-title .text:empty{margin:0}.wpforms-panel-fields .wpforms-field-html .label-title .grey{color:#777777}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons{overflow:hidden;text-align:center}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-left{text-align:left}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-left .wpforms-pagebreak-button{margin:0 20px 0 0}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-right{text-align:right}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-right .wpforms-pagebreak-button{margin:0 0 0 20px}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-split .wpforms-pagebreak-prev{float:left;margin:0}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-buttons.wpforms-pagebreak-buttons-split .wpforms-pagebreak-next{float:right;margin:0}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-button{background:#999999;border:none;border-radius:4px;color:#ffffff;cursor:pointer;display:inline-block;font-size:17px;font-weight:600;line-height:21px;margin:0 10px;min-width:85px;padding:10px 15px}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-button.wpforms-hidden{display:none}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-divider{height:30px;position:relative;text-align:center}.wpforms-panel-fields .wpforms-field-pagebreak .line{border-top:1px dashed #cccccc;display:block;left:0;position:absolute;top:50%;width:100%}.wpforms-panel-fields .wpforms-field-pagebreak.active .pagebreak-label{background-color:#f8f8f8}.wpforms-panel-fields .wpforms-field-pagebreak .pagebreak-label{background-color:#ffffff;display:inline-block;font-size:16px;font-weight:600;padding:5px 20px;position:relative;z-index:10}.wpforms-panel-fields .wpforms-field-pagebreak .pagebreak-label .wpforms-badge{margin-inline-start:15px;vertical-align:top;margin:-2px 0 0 10px}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-title{color:#777777;font-weight:400}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-title:not(:empty):after{content:')'}.wpforms-panel-fields .wpforms-field-pagebreak .wpforms-pagebreak-title:not(:empty):before{content:'('}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal{border:none;margin:0 -15px 20px -15px;padding:0}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-pagebreak-divider{background-color:#626262;height:60px;padding-top:16px}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .pagebreak-label{background-color:#626262;color:#eeeeee;font-weight:400}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-pagebreak-title{color:#d6d6d6}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-pagebreak-buttons{border:1px solid #ffffff;border-radius:6px;margin:0 15px 5px 15px;padding:15px}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal:hover,.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active{border:none}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal:hover .wpforms-pagebreak-divider,.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal:hover .pagebreak-label,.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active .wpforms-pagebreak-divider,.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active .pagebreak-label{background-color:#6d6d6d}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal:hover .wpforms-pagebreak-buttons{border:1px dashed #cccccc}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active{background-color:#ffffff}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal.active .wpforms-pagebreak-buttons{background-color:#f8f8f8;border:1px dashed #cccccc}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-field-delete{inset-inline-end:30px}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-field-helper{bottom:66px;inset-inline-end:16px}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-normal .wpforms-badge{background-color:#444444;color:#999999}.wpforms-panel-fields .wpforms-field-pagebreak.wpforms-pagebreak-bottom .wpforms-pagebreak-buttons{margin:0}.wpforms-panel-fields .wpforms-field-phone-input-container{position:relative}.wpforms-panel-fields .wpforms-field-phone-input-container[data-format="smart"] .wpforms-field-phone-country-container{display:flex}.wpforms-panel-fields .wpforms-field-phone-input-container[data-format="smart"] input.primary-input{padding-inline-start:52px}.wpforms-panel-fields .wpforms-field-phone-country-container{position:absolute;height:100%;top:0;padding:0 6px 0 8px;align-items:center;gap:6px;display:none}.wpforms-panel-fields .wpforms-field-phone-flag{height:11px;width:20px;box-shadow:0 0 1px 0 #888;background:url("../../images/phone/us-flag.png") no-repeat;background-size:100%}.wpforms-panel-fields .wpforms-field-phone-arrow{border-inline:calc( 5px / 2) solid transparent;border-top:4px solid #555}.wpforms-field.wpforms-field-content{padding:12px 15px}.wpforms-field-content-preview{min-height:16px;width:95%;color:#444444;word-break:break-word;font-size:16px;line-height:22px}.wpforms-field-content-preview .wpforms-field-content-preview-end{clear:both}.wpforms-field-content-preview h1,.wpforms-field-content-preview h2,.wpforms-field-content-preview h3,.wpforms-field-content-preview h4,.wpforms-field-content-preview h5,.wpforms-field-content-preview h6{margin:20px 0;padding:0;clear:unset}.wpforms-field-content-preview h1:first-child,.wpforms-field-content-preview h2:first-child,.wpforms-field-content-preview h3:first-child,.wpforms-field-content-preview h4:first-child,.wpforms-field-content-preview h5:first-child,.wpforms-field-content-preview h6:first-child{margin-top:0}.wpforms-field-content-preview h1{font-size:32px;line-height:40px}.wpforms-field-content-preview h2{font-size:28px;line-height:36px}.wpforms-field-content-preview h3{font-size:24px;line-height:32px}.wpforms-field-content-preview h4{font-size:20px;line-height:28px}.wpforms-field-content-preview h5{font-size:18px;line-height:26px}.wpforms-field-content-preview h6{font-size:16px;line-height:24px;text-transform:uppercase}.wpforms-field-content-preview p,.wpforms-field-content-preview blockquote,.wpforms-field-content-preview pre,.wpforms-field-content-preview table{margin:0 0 20px 0}.wpforms-field-content-preview li{margin:0 0 10px 0}.wpforms-field-content-preview a{text-decoration:underline}.wpforms-field-content-preview a:hover{text-decoration:none}.wpforms-field-content-preview code,.wpforms-field-content-preview pre{font-family:monospace;overflow:auto}.wpforms-field-content-preview del{text-decoration:line-through}.wpforms-field-content-preview ins{text-decoration:underline}.wpforms-field-content-preview small{font-size:smaller}.wpforms-field-content-preview dt{margin:5px 0}.wpforms-field-content-preview dd{margin-left:25px}.wpforms-field-content-preview abbr,.wpforms-field-content-preview acronym{text-decoration:underline dotted}.wpforms-field-content-preview ul{list-style:disc outside none !important;padding-inline-start:29px !important;margin-bottom:20px !important}.wpforms-field-content-preview ul ul{list-style-type:circle !important;margin-top:10px !important;margin-bottom:0 !important}.wpforms-field-content-preview ul ul ul{list-style-type:square !important}.wpforms-field-content-preview ul ol{margin-top:10px;margin-bottom:0}.wpforms-field-content-preview ul li{list-style:inherit !important;margin-bottom:10px !important}.wpforms-field-content-preview ol{list-style:decimal outside none;padding-inline-start:29px;margin-bottom:20px}.wpforms-field-content-preview ol ol{margin-top:10px;margin-bottom:0}.wpforms-field-content-preview ol ul{margin-top:10px !important;margin-bottom:0 !important}.wpforms-field-content-preview ol li{list-style:inherit}.wpforms-field-content-preview blockquote{border-left:4px solid rgba(0,0,0,0.15);padding-left:20px}.wpforms-field-content-preview blockquote:before,.wpforms-field-content-preview blockquote:after{display:none}.wpforms-field-content-preview table{width:100%;border-collapse:collapse;word-break:normal}.wpforms-field-content-preview table th,.wpforms-field-content-preview table td{padding:0.5em;border:1px solid}.wpforms-field-content-preview sup,.wpforms-field-content-preview sub{font-size:smaller;line-height:calc( 100% + 11px)}.wpforms-field-content-preview sup{vertical-align:super}.wpforms-field-content-preview sub{vertical-align:sub}.wpforms-field-content-preview h1,.wpforms-field-content-preview h2,.wpforms-field-content-preview h3,.wpforms-field-content-preview h4,.wpforms-field-content-preview h5,.wpforms-field-content-preview h6{margin:10px 0;font-weight:600}.wpforms-field-content-preview p{line-height:inherit}.wpforms-field-content-preview img{vertical-align:top}.wpforms-field-content-preview img{max-width:100%;height:auto}.wpforms-field-content-preview .alignleft{float:left;margin:0 30px 20px 0}.wpforms-field-content-preview .alignright{float:right;margin:0 0 20px 30px}.wpforms-field-content-preview .aligncenter{display:block;clear:both;text-align:center;margin:0 auto 20px}.wpforms-field-content-preview .alignnone{display:block;clear:both;margin:0 0 20px 0}.wpforms-field-content-preview .wp-caption-dt,.wpforms-field-content-preview .wp-caption-dd{margin:0}.wpforms-field-content-preview .wp-caption{position:relative;left:auto;right:auto;transform:none;max-width:100%}.wpforms-field-content-preview .wp-caption .wp-caption-text,.wpforms-field-content-preview .wp-caption .wp-caption-dd{text-align:center;font-size:14px;margin-top:0.5em}.wpforms-field-content-preview>:nth-last-child(2){margin-bottom:0}.size-medium .wpforms-field-content-preview,.wpforms-field-content-preview{width:60%}.size-small .wpforms-field-content-preview{width:25%}.size-large .wpforms-field-content-preview{width:95%}.wpforms-field .wpforms-layout-column .wpforms-field .wpforms-field-content-preview>*:first-child,.wpforms-field.wpforms-field-drag-to-column .wpforms-field-content-preview>*:first-child{padding-right:60px}.wpforms-panel-fields .wpforms-field-credit-card .format-selected input[type=text],.wpforms-panel-fields .wpforms-field-credit-card .format-selected select{width:100%;min-width:initial}.wpforms-panel-fields .wpforms-field-credit-card.size-large .format-selected{width:100%}.wpforms-panel-fields .wpforms-field-credit-card .format-selected,.wpforms-panel-fields .wpforms-field-credit-card.size-medium .format-selected{width:60%;min-width:250px}.wpforms-panel-fields .wpforms-field-credit-card.size-small .format-selected{width:25%}.wpforms-panel-fields .wpforms-field-credit-card .wpforms-sub-label{margin:0 0 5px 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardnumber{margin-right:115px}.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardcvc{position:absolute;right:0;top:0;width:92px}.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardname{margin-right:172px}.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-expiration{position:absolute;right:0;top:0;width:150px}.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-expiration span{float:left;padding-top:8px;text-align:center;width:16%}.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardmonth,.wpforms-panel-fields .wpforms-field-credit-card .wpforms-credit-card-cardyear{display:block;float:left;width:42%}.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled .format-selected-single{display:flex;align-items:center;flex-wrap:wrap}.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled .format-selected-single p.item-price{float:left;line-height:30px;width:calc( 60% - 85px)}.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled .format-selected-single select.quantity-input{height:30px;min-height:30px;font-size:14px}.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled .format-selected-single .description{padding-top:5px;margin:0;flex-basis:100%}.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled.size-small p.item-price{width:calc( 25% - 85px);min-width:165px}.wpforms-panel-fields .wpforms-field-payment-single.payment-quantity-enabled.size-large p.item-price{width:calc( 100% - 85px)}.wpforms-panel-fields .wpforms-field-payment-single .single-item-user-defined-block{display:flex}.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .primary-input,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .item-min-price,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .item-price-hidden,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .item-price-hidden-note,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-single .fa-exclamation-triangle{display:none}.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .primary-input,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .item-min-price,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .fa-exclamation-triangle{display:none}.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .item-price-hidden,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-hidden .item-price-hidden-note{display:block}.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .primary-input,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-min-price{display:block}.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-min-price{clear:both;color:#777777;font-size:14px;margin:5px 0 0 0;display:block}.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-price,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-price-hidden,.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .item-price-hidden-note{display:none}.wpforms-panel-fields .wpforms-field-payment-single .format-selected-user .fa-exclamation-triangle{font-size:16px;color:#ffb900;padding-left:20px;line-height:40px}.wpforms-panel-fields .wpforms-field-payment-single .item-price-hidden-note{color:#999999;font-size:13px;margin:0}.wpforms-panel-fields .wpforms-field-payment-single .item-price{margin-bottom:0}.wpforms-panel-fields .wpforms-field-option-payment-single .wpforms-item-minimum-price-alert{margin-top:20px}.wpforms-panel-fields .wpforms-layout-column .min-price-warning .single-item-user-defined-block{margin-right:35px}.wpforms-order-summary-container{display:block;max-width:60%}.wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}table.wpforms-order-summary-preview{border-radius:4px;border:1px solid #e2e2e2;border-collapse:separate}table.wpforms-order-summary-preview tr td{border-top:1px solid #e2e2e2;border-bottom:none;border-left:none;border-right:none}table.wpforms-order-summary-preview tr th{font-weight:400;border:none}table.wpforms-order-summary-preview tr td,table.wpforms-order-summary-preview tr th{padding:9px 0;line-height:20px;background:none}table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-wrap:balance;padding-left:10px}.rtl table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{padding-right:10px;padding-left:0}table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-right:10px}.rtl table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-left:10px;padding-right:0}table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-left:10px}.rtl table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-right:10px;padding-left:0}table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td{font-weight:700}.size-large>.wpforms-order-summary-container,.wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.size-medium>.wpforms-order-summary-container,.wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.wpforms-field-payment-total .wpforms-order-summary-container{display:none}.wpforms-field-payment-total.wpforms-summary-enabled .wpforms-order-summary-container{display:block}.wpforms-field-payment-total.wpforms-summary-enabled .wpforms-total-amount{display:none}.wpforms-order-summary-container table.wpforms-order-summary-preview{border-color:#cccccc}.wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-order-summary-container table.wpforms-order-summary-preview tr td{padding-top:8px;padding-bottom:8px}.wpforms-order-summary-container table.wpforms-order-summary-preview tr td{color:#777777;border-color:#cccccc}.wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td{color:#444444;font-weight:600}.wpforms-field-option-richtext .wpforms-field-option-row-media_controls.wpforms-hide{display:none}.wpforms-panel-fields .wpforms-field-richtext label.label-title{min-height:20px}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap{min-width:250px}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .wp-editor-container{border-radius:4px 0 4px 4px;border-color:#cccccc;overflow:hidden}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .wp-switch-editor{border-radius:4px 4px 0 0;margin:0 0 0 5px;border-color:#cccccc;pointer-events:none;color:rgba(80,87,94,0.5)}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .wp-switch-editor.switch-tmce{background-color:#f5f5f5;border-bottom-color:transparent}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap textarea{width:100%;border:none;padding:0;margin:0;resize:none;cursor:pointer;border-radius:0}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-statusbar{border-radius:0 0 4px 4px;height:21px;background-color:#ffffff;border-color:#cccccc}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-statusbar .mce-i-resize{float:right}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-container-body{background-color:#f5f5f5}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-toolbar-grp{height:43px;display:block;background-image:url("../../images/richtext/tinymce-toolbar-full.png");background-repeat:no-repeat;background-position:left center;background-size:auto 38px;border-color:#cccccc;opacity:.5}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-toolbar-grp.wpforms-field-richtext-media-enabled{background-image:url("../../images/richtext/tinymce-toolbar-full-mb.png")}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-toolbar-grp.wpforms-field-richtext-toolbar-basic{background-image:url("../../images/richtext/tinymce-toolbar-basic.png")}.wpforms-panel-fields .wpforms-field-richtext .wpforms-richtext-wrap .mce-toolbar-grp.wpforms-field-richtext-toolbar-basic.wpforms-field-richtext-media-enabled{background-image:url("../../images/richtext/tinymce-toolbar-basic-mb.png")}.wpforms-field-option-row-choices ul.wpforms-ai-choices li:last-of-type{border-bottom:1px solid #ced7e0;padding-bottom:10px}.wpforms-field-option-row-ai_modal_button{margin-top:-10px}.wpforms-ai-modal-button{padding:6px 10px;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.wpforms-ai-modal-button:before{content:'';display:inline-block;vertical-align:middle;width:16px;height:16px;background-image:url("../../images/integrations/ai/ai-feature.svg");background-size:16px 16px;margin-inline-end:8px;opacity:.85}.wpforms-ai-modal-button:hover:before{opacity:1}.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper{position:relative;display:flex;max-width:60%}.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .fa-exclamation-triangle{font-size:16px;color:#ffb900;position:absolute;top:calc( 50% - 8px);inset-inline-end:-36px}.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper input[type=text].wpforms-field-payment-coupon-input{cursor:pointer;width:auto;flex:1;min-width:80px !important}.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button{font-size:15px;line-height:18px;font-weight:500;cursor:pointer;border:0;margin-inline-start:20px;background-color:#999;color:#fff;padding:10px 15px;border-radius:4px;white-space:nowrap;max-width:250px;text-overflow:ellipsis;overflow:hidden}#wpforms-add-fields-payment-coupon.wpforms-add-fields-button-disabled{background-color:#036aab;cursor:no-drop}.wpforms-field-option-row-allowed_coupons .wpforms-alert{margin-top:20px}.wpforms-field-option-row-allowed_coupons .choices:not(.is-focused) .choices__inner{border:1px solid #b0b6bd}.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper{max-width:calc(100% - 46px);flex-wrap:wrap;justify-content:flex-end;margin-bottom:-15px}.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-input,.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-input,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button{margin-bottom:15px}@media screen and (max-width: 1280px){.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper{max-width:calc(100% - 30px);margin-bottom:-15px}.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-input,.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-input,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button{margin-bottom:15px}.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .wpforms-field-payment-coupon-button{margin-inline-start:10px}.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper .fa-exclamation-triangle,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column .wpforms-field-payment-coupon-wrapper .fa-exclamation-triangle{inset-inline-end:-15px}.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column .wpforms-field-payment-coupon input[type=text].wpforms-field-payment-coupon-input,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column input[type=text].wpforms-field-payment-coupon-input{min-width:100% !important}}.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column.wpforms-layout-column-100 .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column.wpforms-layout-column-100 .wpforms-field-payment-coupon-wrapper{max-width:60%}@media screen and (max-width: 1280px){.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column.wpforms-layout-column-100 .wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-coupon.wpforms-field-drag-to-column.wpforms-layout-column-100 .wpforms-field-payment-coupon-wrapper{max-width:60%}}.wpforms-field-layout .wpforms-field-layout-columns .wpforms-layout-column .wpforms-field.wpforms-field-payment-coupon .wpforms-field-payment-coupon-wrapper input[type=text].wpforms-field-payment-coupon-input{min-width:80px !important}table.wpforms-order-summary-preview .wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#d63638}.wpforms-panel-fields .wpforms-field-signature.size-medium .wpforms-signature-wrap{width:60%}.wpforms-panel-fields .wpforms-field-signature.size-small .wpforms-signature-wrap{width:25%}.wpforms-panel-fields .wpforms-field-layout .wpforms-field-layout-columns .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .wpforms-signature-wrap,.wpforms-panel-fields .wpforms-field-repeater .wpforms-field-layout-columns .wpforms-layout-column .wpforms-field .wpforms-signature-wrap,.wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-repeater .wpforms-signature-wrap,.wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-layout:not(.wpforms-field-drag-to-column-100) .wpforms-signature-wrap{width:100%;min-width:100%}.wpforms-panel-fields .wpforms-field .wpforms-signature-wrap{border:1px solid #cccccc;border-radius:4px;position:relative;height:130px;background-color:#ffffff;min-width:250px}.wpforms-panel-fields .wpforms-field .wpforms-signature-wrap:before{content:"";left:20px;right:20px;bottom:30px;border-top:1px dashed #cccccc;position:absolute}.wpforms-panel-fields .wpforms-field-likert_scale table.single-row.modern tbody tr td:first-of-type{border-radius:0;border-start-start-radius:5px;border-end-end-radius:5px}.wpforms-panel-fields .wpforms-field-likert_scale table.modern th{font-size:14px;font-weight:400;padding:8px 5px;text-align:center;vertical-align:bottom;white-space:normal;word-break:break-word}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr:nth-child(odd) th,.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr:nth-child(odd) td{background-color:#eeeeee}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr th{font-size:16px;text-align:start;vertical-align:middle;padding-inline-start:10px;border-radius:0;border-start-start-radius:5px;border-end-start-radius:5px;line-height:1.2;word-break:break-word}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td{padding:10px 5px;vertical-align:middle;text-align:center;position:relative}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td:last-child{border-radius:0;border-end-end-radius:5px;border-start-end-radius:5px}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td label{display:block;width:100%;height:20px;position:relative;cursor:pointer}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td label:hover:after{border:1px solid #777777;box-shadow:0 0 0 1px #777777}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td label:after{content:"";position:absolute;top:0;left:50%;margin:0 0 0 -10px;width:20px;height:20px;background-color:#ffffff;border:1px solid #cccccc;border-radius:50%;box-sizing:border-box}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=radio].wpforms-error+label:after,.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=checkbox].wpforms-error+label:after{border:1px solid red}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=radio]:checked+label:after,.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=checkbox]:checked+label:after{background-color:green;border:0}.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=radio]:checked+label:before,.wpforms-panel-fields .wpforms-field-likert_scale table.modern tbody tr td input[type=checkbox]:checked+label:before{content:"";position:absolute;top:2px;left:50%;margin:0 0 0 -8px;width:16px;height:16px;background-image:url("../images/check.svg");background-size:contain;z-index:1;border:0}.wpforms-panel-fields .wpforms-field-likert_scale table.classic{border:1px solid #cccccc}.wpforms-panel-fields .wpforms-field-likert_scale table.classic th{background-color:#eeeeee;font-size:14px;font-weight:400;padding:10px 5px;text-align:center;vertical-align:bottom;white-space:normal;word-break:break-word;border-inline-start:1px solid #cccccc}.wpforms-panel-fields .wpforms-field-likert_scale table.classic th:first-of-type{border-inline-start:0}.wpforms-panel-fields .wpforms-field-likert_scale table.classic tbody tr:nth-child(odd) th,.wpforms-panel-fields .wpforms-field-likert_scale table.classic tbody tr:nth-child(odd) td{background-color:#f8f8f8}.wpforms-panel-fields .wpforms-field-likert_scale table.classic tbody tr th{background-color:#ffffff;font-size:15px;font-weight:600;text-align:start;vertical-align:middle;padding-inline-start:10px;border-top:1px solid #cccccc;position:relative;line-height:1.2;word-break:break-word}.wpforms-panel-fields .wpforms-field-likert_scale table.classic tbody tr td{background-color:#ffffff;padding:10px 5px;vertical-align:middle;text-align:center;border:1px solid #cccccc;position:relative}.wpforms-likert-scale-mobile-label{display:none}@media only screen and (max-width: 600px){form.wpforms-form .wpforms-field-likert_scale table{display:block}form.wpforms-form .wpforms-field-likert_scale table thead{display:block}form.wpforms-form .wpforms-field-likert_scale table thead tr{display:none}form.wpforms-form .wpforms-field-likert_scale table tbody{display:block}form.wpforms-form .wpforms-field-likert_scale table tbody tr{display:block;border:1px solid #ccc !important}form.wpforms-form .wpforms-field-likert_scale table tbody tr th{display:block}form.wpforms-form .wpforms-field-likert_scale table tbody tr td{display:block;border:none !important;border-bottom:1px solid #eee !important;padding:10px 20px !important}form.wpforms-form .wpforms-field-likert_scale table tbody tr td:last-child{border-radius:0 !important;border-bottom:none !important}form.wpforms-form .wpforms-field-likert_scale table tbody tr td label{display:none}form.wpforms-form .wpforms-field-likert_scale table.classic .wpforms-likert-scale-option{display:block}form.wpforms-form .wpforms-field-likert_scale table.modern tbody tr th{font-weight:bold;border-radius:0}form.wpforms-form .wpforms-field-likert_scale table.modern tbody tr td label{margin-inline-start:20px;width:20px}form.wpforms-form .wpforms-field-likert_scale .wpforms-likert-scale-mobile-flex{display:flex;justify-content:space-between;align-items:center}form.wpforms-form .wpforms-field-likert_scale .wpforms-likert-scale-mobile-label{display:block;text-align:start !important}}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern th{font-size:14px;font-weight:400;padding:10px 0;text-align:center;vertical-align:bottom;-webkit-border-before:revert;border-block-start:revert}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern th .not-likely{float:left;text-align:left}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern th .extremely-likely{float:right;text-align:right}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td{background-color:#ffffff;padding:0;vertical-align:middle;text-align:center;border:1px solid #cccccc;border-left:0;width:9.090909091%}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td:last-child{border-radius:0 5px 5px 0}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td:first-of-type{border-radius:5px 0 0 5px;border-left:1px solid #cccccc}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td label{display:block;width:100%;height:40px;font-weight:600;font-size:16px;line-height:40px;position:relative;cursor:pointer;color:#444444;border:0}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td label:hover{background-color:#f8f8f8}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td label:hover:after{box-shadow:0 0 0 2px #777777}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td label:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:0}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td input[type=radio].wpforms-error+label:after{box-shadow:0 0 0 1px #cc0000}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td input[type=radio].wpforms-error+label:hover:after{box-shadow:0 0 0 2px #cc0000}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td input[type=radio]:checked+label{background-color:green;color:#ffffff}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td input[type=radio]:checked+label:after{border:none}.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic{border:1px solid #cccccc}.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic th{background-color:#eeeeee;font-size:14px;font-weight:400;padding:10px;text-align:center;vertical-align:bottom;-webkit-border-before:revert;border-block-start:revert}.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic th .not-likely{float:left;text-align:left}.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic th .extremely-likely{float:right;text-align:right}.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td{background-color:#ffffff;padding:10px 5px;vertical-align:middle;text-align:center;border-top:1px solid #cccccc;position:relative;width:9.090909091%;color:#444444}.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td input[type=radio],.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td label{display:block;margin:0 auto;text-align:center}.wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td label{margin-top:6px}.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.modern thead th .not-likely,.wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.modern thead th .not-likely,.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.classic thead th .not-likely,.wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.classic thead th .not-likely{float:right;text-align:right}.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.modern thead th .extremely-likely,.wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.modern thead th .extremely-likely,.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.classic thead th .extremely-likely,.wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.classic thead th .extremely-likely{float:left;text-align:left}.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td:first-of-type,.wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.modern tbody tr td:first-of-type,.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td:first-of-type,.wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.classic tbody tr td:first-of-type{border-radius:0 5px 5px 0;border-right:1px solid #cccccc;border-left:0}.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.modern tbody tr td:last-child,.wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.modern tbody tr td:last-child,.rtl .wpforms-panel-fields .wpforms-field-net_promoter_score table.classic tbody tr td:last-child,.wpforms-panel-fields .wpforms-field-net_promoter_score .rtl table.classic tbody tr td:last-child{border-radius:5px 0 0 5px;border-left:1px solid #cccccc}.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list,.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list{margin-bottom:0}.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li,.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li{border-bottom:1px solid #ced7e0;overflow:visible;padding:10px 0;margin:0}.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li:first-of-type,.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li:first-of-type{padding-top:1px}.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li:last-of-type,.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li:last-of-type{padding-bottom:1px;border-bottom:0}.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li i,.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li i{font-size:16px;display:inline-block;margin-block:0;margin-inline-end:0;margin-inline-start:10px}.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li .move:hover,.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li .move:hover{cursor:pointer}.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li .move i,.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li .move i{margin:0;font-size:20px}.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li .add i,.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li .add i{margin-inline-start:10px}.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-columns .choices-list li input[type=text],.wpforms-panel-fields .wpforms-field-option-likert_scale .wpforms-field-option-row-rows .choices-list li input[type=text]{display:inline-block;width:calc( 100% - 75px)}.wpforms-panel-fields .wpforms-field-likert_scale table{width:100%;min-width:250px;border-collapse:collapse}.wpforms-panel-fields .wpforms-field-likert_scale table *,.wpforms-panel-fields .wpforms-field-likert_scale table *::before,.wpforms-panel-fields .wpforms-field-likert_scale table *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wpforms-panel-fields .wpforms-field-likert_scale table.modern input{display:none !important}.wpforms-panel-fields .wpforms-field-likert_scale table.modern label:hover:after{border:1px solid #cccccc !important;box-shadow:none !important}.wpforms-panel-fields .wpforms-field-likert_scale.size-medium table{max-width:65%}.wpforms-panel-fields .wpforms-field-likert_scale.size-small table{max-width:25%}.wpforms-panel-fields .wpforms-field-net_promoter_score table{width:100%;min-width:250px;border-collapse:initial;border-spacing:0}.wpforms-panel-fields .wpforms-field-net_promoter_score table *,.wpforms-panel-fields .wpforms-field-net_promoter_score table *::before,.wpforms-panel-fields .wpforms-field-net_promoter_score table *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern input{display:none !important}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern label:hover{background-color:initial !important}.wpforms-panel-fields .wpforms-field-net_promoter_score table.modern label:hover:after{box-shadow:none !important}.wpforms-panel-fields .wpforms-field-net_promoter_score.size-medium table{max-width:65%}.wpforms-panel-fields .wpforms-field-net_promoter_score.size-small table{max-width:25%}.wpforms-panel-fields .wpforms-field-drag-to-column:not(.wpforms-layout-column-100).wpforms-field-net_promoter_score table,.wpforms-panel-fields .wpforms-field-drag-to-column:not(.wpforms-layout-column-100).wpforms-field-likert_scale table,.wpforms-panel-fields .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field-net_promoter_score table,.wpforms-panel-fields .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field-likert_scale table{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; +} diff --git a/assets/css/builder-fields.css b/assets/css/builder-fields.css new file mode 100644 index 00000000..87ca8037 --- /dev/null +++ b/assets/css/builder-fields.css @@ -0,0 +1,1703 @@ +.wpforms-panel-fields { + width: 100vw; + height: 100vh; +} + +.wpforms-panel-fields .wpforms-field-row:before { + content: ""; + display: table; +} + +.wpforms-panel-fields .wpforms-field-row:after { + clear: both; + content: ""; + display: table; +} + +.wpforms-panel-fields #wpforms-hidden { + display: none; +} + +.wpforms-panel-fields .wpforms-field-dragging { + background-color: #f1f1f1; +} + +.wpforms-panel-fields .wpforms-field-drag-out, .wpforms-panel-fields .wpforms-field-drag-over { + background: #036aab; + border: none; + border-radius: 4px; + color: #ffffff; + display: block; + overflow: hidden; + padding: 12px 14px; + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + width: 172px; + max-width: 172px; + z-index: 10000; + box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.25); +} + +.wpforms-panel-fields .wpforms-field-drag-out i, .wpforms-panel-fields .wpforms-field-drag-over i { + color: rgba(255, 255, 255, 0.65); + margin: 0 5px 0 0; +} + +.wpforms-panel-fields .wpforms-field-drag-placeholder { + border: 1px dashed #036aab; + background-color: #EBF3FC80; + border-radius: 6px; + margin: 0 0 5px 0; + width: 100%; + height: 60px; +} + +.wpforms-panel-fields .wpforms-field-drag-placeholder.wpforms-field-drag-not-allowed { + border-color: #b32d2e; + background-color: #fcf0f1; +} + +.wpforms-panel-fields .wpforms-field-drag-not-allowed { + cursor: not-allowed !important; +} + +.wpforms-panel-fields .wpforms-field-drag-pending { + border: 1px dashed #036aab; + background-color: #EBF3FC80; + border-radius: 6px; + margin: 0 0 5px 0; + text-align: center; + width: 100%; + max-width: 100%; + color: rgba(0, 0, 0, 0.7); + box-shadow: none; +} + +.wpforms-panel-fields .wpforms-field-drag-pending i { + font-size: 18px; + line-height: 24px; + color: rgba(0, 0, 0, 0.7); +} + +.wpforms-panel-fields .wpforms-field-drag-pending .wpforms-loading-spinner { + margin-left: 15px; + width: 18px; + height: 18px; + vertical-align: -3px; + background-size: 18px 18px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar { + position: absolute; + top: calc( 124px + var( --wpforms-admin-bar-height )); + bottom: 0; + inset-inline-start: 95px; + overflow: hidden; + transition-property: top, width, inset-inline-start; + transition-duration: 0.25s, 0.15s, 0.15s; + transition-timing-function: ease-out, ease-out, ease-in-out; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .no-gap { + margin-bottom: 0; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .sub-label { + color: #86919e; + font-size: 12px; + line-height: 14px; + margin: 8px 0 0 1px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + margin-bottom: 20px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns + .wpforms-field-options-columns { + margin-top: -10px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns:last-child { + margin-bottom: 0; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns > .wpforms-field-options-column:first-child { + margin-left: 1px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns > .wpforms-field-options-column { + flex-grow: 1; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-2 > .wpforms-field-options-column { + max-width: calc( 100%/2 - 6px); +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-3 > .wpforms-field-options-column { + max-width: calc( 100%/3 - 9px); +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-4 > .wpforms-field-options-column { + max-width: calc( 100%/4 - 10px); +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-5 > .wpforms-field-options-column { + max-width: calc( 100%/5 - 10px); +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-6 > .wpforms-field-options-column { + max-width: calc( 100%/6 - 10px); +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-7 > .wpforms-field-options-column { + max-width: calc( 100%/7 - 11px); + text-align: center; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.checkboxes-row > label { + margin-top: 0; + max-width: 24px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.checkboxes-row > label input { + margin: 1px 0 5px 0; +} + +#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns select { + display: block; +} + +#wpforms-field-options:before { + background-color: #ebf3fc; + border-bottom: 1px solid #ced7e0; + content: ''; + display: block; + height: 40px; + inset-inline-start: 115px; + position: fixed; + top: calc( 125px + var( --wpforms-admin-bar-height )); + width: 360px; + z-index: 10; + transition-property: top, width, inset-inline-start; + transition-duration: 0.25s, 0.15s, 0.15s; + transition-timing-function: ease-out, ease-out, ease-in-out; +} + +.wpforms-panel-sidebar-closed #wpforms-field-options:before { + inset-inline-start: calc( 115px - 400px); +} + +.wpforms-panel-fields .no-fields-preview { + align-content: center; + min-height: calc( 100vh - 260px - var( --wpforms-admin-bar-height )); + padding-bottom: 40px; + padding-top: 40px; + position: relative; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.wpforms-panel-fields .no-fields-preview::before { + background-image: url("../../images/empty-states/no-fields.svg"); + background-position: center center; + background-repeat: no-repeat; + background-size: 371px 260px; + content: ""; + display: block; + height: 260px; + width: 100%; +} + +.wpforms-panel-fields .no-fields-preview::after { + background-image: url("../../images/builder/default-arrow.svg"); + background-repeat: no-repeat; + background-size: 97px 83px; + content: ""; + height: 83px; + inset-inline-start: 15px; + position: absolute; + top: 10px; + width: 97px; +} + +.rtl .wpforms-panel-fields .no-fields-preview::after { + transform: scale(-1, 1); +} + +.wpforms-panel-fields .no-fields-preview h4 { + color: #444444; + font-size: 24px; + font-weight: 600; + line-height: 29px; + margin: 30px 0 10px; +} + +.wpforms-panel-fields .no-fields-preview p { + color: #777777; + font-size: 16px; + font-weight: 400; + line-height: 19px; + margin: 0; +} + +.wpforms-panel-fields .wpforms-title-desc { + border-bottom: 1px solid #dddddd; + margin: 0 0 15px 0; +} + +.wpforms-panel-fields .wpforms-title-desc:hover { + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-title-desc .wpforms-form-name { + font-size: 28px; + font-weight: 600; + line-height: 28px; + margin: 0; + padding: 0; +} + +.wpforms-panel-fields .wpforms-title-desc .wpforms-form-desc { + color: #777777; + display: block; + font-size: 14px; + line-height: 18px; + margin: 15px 0 15px 0; +} + +.wpforms-panel-fields .wpforms-title-desc .wpforms-title-desc-inner { + padding-bottom: 15px; + padding-inline-end: 200px; +} + +.wpforms-panel-fields .wpforms-field-wrap { + margin: 0px -15px; + padding-top: 5px; + padding-bottom: 19px; +} + +.wpforms-panel-fields .wpforms-field { + border: 1px dashed transparent; + border-radius: 6px; + font-size: 14px; + margin: 0 0 5px 0; + padding: 15px; + position: relative; + transition-property: border-color; + transition-duration: 0.25s; + transition-timing-function: ease-in; +} + +.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered):hover { + border: 1px dashed #cccccc; + cursor: pointer; +} + +.wpforms-panel-fields .wpforms-field.active { + background-color: #f8f8f8; + border: 1px dashed #cccccc; +} + +.wpforms-panel-fields .wpforms-field .label-title { + cursor: pointer; + display: block; + font-size: 16px; + font-weight: 600; + line-height: 20px; + margin: 0 0 15px 0; + padding-inline-end: 60px; + text-align: start; + word-break: break-word; +} + +.wpforms-panel-fields .wpforms-field .label-title .required { + color: #d63638; + display: none; +} + +.wpforms-panel-fields .wpforms-field .label-title .hidden_text, +.wpforms-panel-fields .wpforms-field .label-title .empty_text { + display: none; +} + +.wpforms-panel-fields .wpforms-field .label-title .text { + display: inline-block; + margin-inline-end: 15px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; +} + +.wpforms-panel-fields .wpforms-field .label-title .text:has(~ .required ~ .wpforms-badge) { + max-width: calc( 100% - 75px); +} + +.wpforms-panel-fields .wpforms-field .label-title .grey .wpforms-badge { + margin-inline-start: 15px; +} + +.wpforms-panel-fields .wpforms-field .label-title .wpforms-badge { + vertical-align: top; + margin-top: -1px; +} + +.wpforms-panel-fields .wpforms-field.label_empty > .label-title { + color: #444444; +} + +.wpforms-panel-fields .wpforms-field.label_empty > .label-title .empty_text { + display: inline; + color: #ffb900; + line-height: 1; + padding-right: 5px; +} + +.wpforms-panel-fields .wpforms-field.label_empty > .label-title .hidden_text { + display: none !important; +} + +.wpforms-panel-fields .wpforms-field.label_hide.label_empty > .label-title .text { + color: #444444; +} + +.wpforms-panel-fields .wpforms-field.label_hide > .label-title { + color: #777777; +} + +.wpforms-panel-fields .wpforms-field.label_hide > .label-title .hidden_text { + display: inline; + color: #777777; + padding-inline-end: 5px; + vertical-align: top; +} + +.wpforms-panel-fields .wpforms-field.sublabel_hide .wpforms-sub-label { + display: none; +} + +.wpforms-panel-fields .wpforms-field.required .label-title .required { + display: inline-block; + font-weight: 300; + margin-inline-start: 5px; + margin-inline-end: 15px; + vertical-align: top; +} + +.wpforms-panel-fields .wpforms-field.required .label-title .text { + margin-inline-end: 0; +} + +.wpforms-panel-fields .wpforms-field.required .label-title .text:has(~ .required ~ .wpforms-badge) { + max-width: calc( 100% - 90px); +} + +.wpforms-panel-fields .wpforms-field .wpforms-sub-label { + color: #999999; + display: block; + font-size: 14px; + line-height: 17px; + margin-top: 5px; + margin-inline-start: 1px; + word-break: break-word; +} + +.wpforms-panel-fields .wpforms-field input[readonly], .wpforms-panel-fields .wpforms-field input[disabled], +.wpforms-panel-fields .wpforms-field textarea[readonly], +.wpforms-panel-fields .wpforms-field textarea[disabled], +.wpforms-panel-fields .wpforms-field select[readonly], +.wpforms-panel-fields .wpforms-field select[disabled] { + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: none; + color: #999999; + cursor: pointer; + opacity: 1; +} + +.wpforms-panel-fields .wpforms-field input[type=text], +.wpforms-panel-fields .wpforms-field input[type=range], +.wpforms-panel-fields .wpforms-field input[type=email], +.wpforms-panel-fields .wpforms-field input[type=url], +.wpforms-panel-fields .wpforms-field input[type=password], +.wpforms-panel-fields .wpforms-field input[type=file], +.wpforms-panel-fields .wpforms-field select, +.wpforms-panel-fields .wpforms-field textarea { + background-color: #ffffff; + border: 1px solid #cccccc; + border-radius: 4px; + box-shadow: none; + display: block; + font-size: 16px; + height: 40px; + max-width: none; + padding: 6px 10px; + width: 60%; + min-width: 250px; +} + +.wpforms-panel-fields .wpforms-field textarea { + height: 110px; + width: 100%; + min-width: 100%; +} + +.wpforms-panel-fields .wpforms-field textarea[readonly], .wpforms-panel-fields .wpforms-field textarea[disabled] { + resize: none; +} + +.wpforms-panel-fields .wpforms-field input[type=checkbox], +.wpforms-panel-fields .wpforms-field input[type=radio] { + margin-right: 10px; +} + +.wpforms-panel-fields .wpforms-field select[multiple] { + height: auto; +} + +.wpforms-panel-fields .wpforms-field select { + padding-inline-end: 24px; + overflow: hidden !important; + text-overflow: ellipsis; +} + +.wpforms-panel-fields .wpforms-field select > option { + color: inherit; + opacity: 1; +} + +.wpforms-panel-fields .wpforms-field.size-small input[type=text], +.wpforms-panel-fields .wpforms-field.size-small input[type=range], +.wpforms-panel-fields .wpforms-field.size-small input[type=email], +.wpforms-panel-fields .wpforms-field.size-small input[type=url], +.wpforms-panel-fields .wpforms-field.size-small input[type=password], +.wpforms-panel-fields .wpforms-field.size-small select { + width: 25%; +} + +.wpforms-panel-fields .wpforms-field.size-small textarea { + height: 60px; +} + +.wpforms-panel-fields .wpforms-field.size-large input[type=text], +.wpforms-panel-fields .wpforms-field.size-large input[type=range], +.wpforms-panel-fields .wpforms-field.size-large input[type=email], +.wpforms-panel-fields .wpforms-field.size-large input[type=url], +.wpforms-panel-fields .wpforms-field.size-large input[type=password], +.wpforms-panel-fields .wpforms-field.size-large select { + width: 100%; +} + +.wpforms-panel-fields .wpforms-field.size-large textarea { + height: 300px; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-row { + margin: 0 0 10px 0; + position: relative; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-row:last-of-type { + margin: 0; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-duplicate, +.wpforms-panel-fields .wpforms-field .wpforms-field-delete { + background-color: transparent; + color: #777777; + font-size: 16px; + height: 20px; + opacity: 0; + position: absolute; + inset-inline-end: 40px; + text-align: center; + top: 15px; + width: 20px; + z-index: 10; + transition-property: all; + transition-duration: 0.25s; + transition-timing-function: ease-in; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-duplicate:hover i, +.wpforms-panel-fields .wpforms-field .wpforms-field-delete:hover i { + color: #444444; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-delete { + color: #d63638; + inset-inline-end: 15px; + font-size: 18px; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-delete:hover i { + color: #b32d2e; +} + +.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered):hover > .wpforms-field-duplicate, +.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered):hover > .wpforms-field-delete, .wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered).active > .wpforms-field-duplicate, +.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered).active > .wpforms-field-delete { + opacity: 1; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-pagebreak .wpforms-field-duplicate { + display: none; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-helper { + background: #eeeeee; + border-inline-start: 1px dashed #cccccc; + border-end-end-radius: 6px; + border-start-start-radius: 6px; + border-top: 1px dashed #cccccc; + bottom: 0; + color: #999999; + font-size: 11px; + line-height: 14px; + font-weight: 500; + opacity: 0; + padding: 9px; + position: absolute; + inset-inline-end: 0; + z-index: 10; + display: flex; + justify-content: flex-end; + align-items: center; + transition-property: all; + transition-duration: 0.25s; + transition-timing-function: ease-in; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-helper-edit { + margin-inline-end: 5px; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-helper-drag { + position: relative; + padding-inline-start: 5px; + margin-inline-end: 5px; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-helper-drag:before { + content: ''; + position: absolute; + width: 1px; + height: calc( 100% - 6px); + background: #a6a6a6; + inset-inline-start: 0; + top: 3px; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-helper-hide { + color: #a6a6a6; + margin-inline-start: 5px; + font-size: 14px; + width: 14px; + height: 14px; + text-align: center; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-helper-hide:hover { + color: #777777; +} + +.wpforms-panel-fields .wpforms-field-not-draggable .wpforms-field-helper-drag { + display: none; +} + +.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered):hover > .wpforms-field-helper { + opacity: 1; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-radio .wpforms-alert-dynamic, .wpforms-panel-fields .wpforms-field.wpforms-field-checkbox .wpforms-alert-dynamic, .wpforms-panel-fields .wpforms-field.wpforms-field-payment-multiple .wpforms-alert-dynamic, .wpforms-panel-fields .wpforms-field.wpforms-field-payment-checkbox .wpforms-alert-dynamic { + margin: 15px 0 0 0; +} + +.wpforms-panel-fields .wpforms-field.wpforms-field-stick .wpforms-field-delete, +.wpforms-panel-fields .wpforms-field.wpforms-field-stick .wpforms-field-helper { + display: none !important; +} + +.wpforms-panel-fields .wpforms-field .description { + clear: both; + color: #777777; + font-size: 14px; + margin: 5px 0 0 0; + word-break: break-word; +} + +.wpforms-panel-fields .wpforms-field .description:empty { + margin: 0; +} + +.wpforms-panel-fields .wpforms-field .description.disclaimer { + background-color: #ffffff; + border: 1px solid #cccccc; + font-size: 12px; + height: 125px; + margin-top: 15px; + overflow-y: scroll; + padding: 10px 10px 0 10px; +} + +.wpforms-panel-fields .wpforms-field .description.disclaimer p { + font-size: inherit; + line-height: 17px; + margin: 0 0 15px 0; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-hide-remaining { + display: none !important; +} + +.wpforms-panel-fields .wpforms-field .wpforms-field-hide-remaining ~ * { + display: none !important; +} + +.wpforms-panel-fields .ui-sortable-disabled .wpforms-field .wpforms-field-duplicate, +.wpforms-panel-fields .ui-sortable-disabled .wpforms-field .wpforms-field-delete { + cursor: no-drop; +} + +.wpforms-panel-fields .wpforms-field-submit { + margin-bottom: 0; +} + +.wpforms-panel-fields .wpforms-field-submit input[type=submit] { + background: #999999; + border: none; + border-radius: 4px; + color: #ffffff; + cursor: pointer; + font-size: 17px; + font-weight: 600; + line-height: 21px; + padding: 10px 15px; +} + +.wpforms-panel-fields .wpforms-field-submit input[type=submit]:focus { + border: none; + box-shadow: none; +} + +.wpforms-panel-fields .wpforms-field select.quantity-input { + float: inline-start; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.wpforms-panel-fields .wpforms-field-payment-single .price, +.wpforms-panel-fields .wpforms-field-payment-single .wpforms-currency-symbol, +.wpforms-panel-fields .wpforms-field-payment-checkbox .price, +.wpforms-panel-fields .wpforms-field-payment-checkbox .wpforms-currency-symbol, +.wpforms-panel-fields .wpforms-field-payment-multiple .price, +.wpforms-panel-fields .wpforms-field-payment-multiple .wpforms-currency-symbol { + white-space: nowrap; +} + +#wpforms-panel-fields .wpforms-tabs { + background: #e0e8f0; + border-bottom: 1px solid #ced7e0; + display: flex; + flex-wrap: nowrap; + inset-inline-start: 95px; + margin: 0; + padding: 0; + position: fixed; + top: calc( 76px + var( --wpforms-admin-bar-height )); + width: 400px; + z-index: 11; + transition-property: top, width, inset-inline-start; + transition-duration: 0.25s, 0.15s, 0.15s; + transition-timing-function: ease-out; +} + +#wpforms-panel-fields .wpforms-tabs .active { + background: #ebf3fc; +} + +#wpforms-panel-fields .wpforms-tabs li { + margin: 0; + width: 50%; +} + +#wpforms-panel-fields .wpforms-tabs li:last-of-type { + border-inline-start: 1px solid #ced7e0; +} + +#wpforms-panel-fields .wpforms-tabs a { + color: #444444; + display: block; + font-size: 16px; + font-weight: 400; + line-height: 20px; + overflow: hidden; + padding: 14px; + text-align: center; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; +} + +#wpforms-panel-fields .wpforms-tabs a:hover { + color: #777777; + text-decoration: none; +} + +#wpforms-panel-fields .wpforms-tabs a:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +#wpforms-panel-fields .wpforms-tabs a i { + color: #86919e; + font-size: 16px; + margin-inline-end: 10px; +} + +#wpforms-panel-fields .wpforms-tabs a.active { + pointer-events: none; +} + +#wpforms-panel-fields .wpforms-tabs a.active, #wpforms-panel-fields .wpforms-tabs a.active:hover { + color: #444444; + font-weight: 600; + text-decoration: none; +} + +#wpforms-panel-fields .wpforms-tab-content { + display: none; + margin: 40px 0 0 0; + position: relative; + height: calc( 100% - 40px); + overflow-x: hidden; + overflow-y: auto; + scroll-behavior: smooth; +} + +#wpforms-panel-fields .wpforms-tab-content.wpforms-add-fields { + display: block; + margin-top: 0; + padding: 20px; + height: 100%; + scroll-behavior: smooth; +} + +#wpforms-panel-fields .wpforms-tab-content.wpforms-hide-options-groups { + margin-top: 0; + height: 100%; +} + +#wpforms-panel-fields .wpforms-tab-content.wpforms-hide-options-groups:before { + display: none !important; +} + +#wpforms-panel-fields .wpforms-tab-content.wpforms-hide-options-groups .wpforms-field-option-group-toggle { + display: none !important; +} + +.wpforms-add-fields-group { + border-bottom: 1px solid #ced7e0; +} + +.wpforms-add-fields-group:first-of-type { + margin-top: -20px; +} + +.wpforms-add-fields-group:last-of-type { + margin-bottom: 0; + padding-bottom: 0; +} + +.wpforms-add-fields-group a { + color: #444444; + display: block; + font-size: 16px; + font-weight: 600; + margin: 0; + outline: 0; + overflow: hidden; + padding: 20px 0; + text-decoration: none; +} + +.wpforms-add-fields-group a:hover { + text-decoration: none; +} + +.wpforms-add-fields-group a:active, .wpforms-add-fields-group a:focus { + outline: 0; +} + +.wpforms-add-fields-group a i { + color: #86919e; + float: right; + font-size: 20px; + margin: -2px 0 0 0; + transition-property: transform; + transition-duration: 0.4s; + transition-timing-function: ease-out; +} + +.wpforms-add-fields-group a i.wpforms-angle-right { + transform: rotate(-90deg); +} + +.wpforms-add-fields-group .wpforms-add-fields-buttons { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin-bottom: 20px; + overflow: hidden; +} + +.wpforms-add-fields-group button { + background-color: #036aab; + border: none; + border-radius: 4px; + color: #ffffff; + display: block; + margin: 16px 0 0 0; + width: calc( 50% - 8px); + overflow: hidden; + padding-block: 12px; + padding-inline-start: 14px; + padding-inline-end: 5px; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; +} + +.wpforms-add-fields-group button:hover { + background-color: #215d8f; + cursor: pointer; +} + +.wpforms-add-fields-group button:disabled:hover, .wpforms-add-fields-group button.ui-draggable-disabled:hover { + background-color: #036aab; + cursor: no-drop; +} + +.wpforms-add-fields-group button:nth-child(1), .wpforms-add-fields-group button:nth-child(2) { + margin-top: 0; +} + +.wpforms-add-fields-group button i { + color: rgba(255, 255, 255, 0.6); + display: inline-block; + margin-inline-end: 7px; +} + +.rtl .wpforms-add-fields-group a i { + float: left; +} + +.rtl .wpforms-add-fields-group a i.wpforms-angle-right { + transform: rotate(90deg); +} + +.wpforms-panel .wpforms-search-fields-wrapper { + position: relative; +} + +.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-no-results { + margin-top: 20px; + display: none; +} + +.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-list { + display: none; + margin-top: 20px; +} + +.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-list .wpforms-add-fields-group:first-of-type { + margin: 0; +} + +.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input { + font-size: 14px; + font-weight: 400; + height: 40px; + line-height: 18px; + padding-left: 35px; + padding-right: 35px; + width: 100%; + color: #444444; + border: 1px solid #b0b6bd; + border-radius: 4px; + box-shadow: none; +} + +.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input::placeholder { + color: #86919e; + font-weight: 400; +} + +.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input:focus { + border-color: #036aab; + box-shadow: 0 0 0 1px #036aab; +} + +.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input::-webkit-search-cancel-button { + display: none; +} + +.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input:hover::-webkit-search-cancel-button { + -webkit-text-fill-color: #86919e; +} + +.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper { + position: relative; +} + +.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper .wpforms-search-fields-input-close { + display: none; + color: #b0b6bd; + padding: 12px; + font-size: 16px; + inset-inline-end: 0; + position: absolute; + top: 50%; + transform: translateY(-50%); + cursor: pointer; + transition: 0.05s ease; +} + +.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper .wpforms-search-fields-input-close.active { + display: block; +} + +.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper .wpforms-search-fields-input-close:hover { + color: #86919e; +} + +.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper:before { + font: normal normal normal 14px/1 FontAwesome; + content: "\f002"; + color: #b0b6bd; + padding: 12px; + font-size: 16px; + inset-inline-start: 0; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +.wpforms-field-option-row { + margin-bottom: 20px; +} + +.wpforms-field-option-row-description p.note { + margin-top: -15px; +} + +.wpforms-field-option-row label { + display: flex; + font-size: 14px; + font-weight: 400; + line-height: 17px; + margin: 0 0 8px 1px; + vertical-align: text-top; +} + +.wpforms-field-option-row label.inline { + display: inline-block; + font-weight: 400; + margin: 0 0 0 10px; +} + +.wpforms-field-option-row label.sub-label { + display: block; +} + +.wpforms-field-option-row .after-label-description { + margin-left: auto; + color: #86919e; + font-size: 12px; + text-decoration: none; +} + +.wpforms-field-option-row .after-label-description:hover { + color: #777777; + text-decoration: underline; +} + +.wpforms-field-option-row input:not(:focus), +.wpforms-field-option-row textarea:not(:focus), +.wpforms-field-option-row select:not(:focus) { + border-color: #b0b6bd; +} + +.wpforms-field-option-row input[type=checkbox], +.wpforms-field-option-row input[type=radio] { + margin-inline-end: 0; +} + +.wpforms-field-option-row input[type=text], +.wpforms-field-option-row input[type=number], +.wpforms-field-option-row textarea, +.wpforms-field-option-row select { + width: calc( 100% - 2px); +} + +.wpforms-field-option-row input[type=text] + .wpforms-alert, +.wpforms-field-option-row input[type=number] + .wpforms-alert, +.wpforms-field-option-row textarea + .wpforms-alert, +.wpforms-field-option-row select + .wpforms-alert { + margin-top: 10px; +} + +.wpforms-field-option-row input[type=text].has-before { + float: right; + width: 95%; +} + +.wpforms-field-option-row .before-input { + float: left; + padding: 7px 0 0 0; + width: 4%; +} + +.wpforms-field-option-row p { + font-size: 14px; + margin: 0; +} + +.wpforms-field-option-row .meta { + font-weight: 400; +} + +.wpforms-field-option-row span.id { + color: #86919e; + font-size: 12px; +} + +.wpforms-field-option-row.wpforms-field-option-row-code textarea { + font-family: monospace; + font-size: 12px; + min-height: 120px; + direction: ltr; +} + +.wpforms-field-option-row.wpforms-field-option-row-limit_controls { + align-items: center; + display: flex; +} + +.wpforms-field-option-row.wpforms-field-option-row-limit_controls.wpforms-hide { + display: none; +} + +.wpforms-field-option-row.wpforms-field-option-row-limit_controls input { + margin-inline-end: 10px; +} + +.wpforms-field-option-row.wpforms-field-option-row-date_disable_todays_date.wpforms-hide { + display: none; +} + +.wpforms-field-option-row.color-picker-row { + overflow: visible; +} + +.wpforms-field-option-row.color-picker-row .minicolors { + width: 100%; +} + +.wpforms-field-option-row.color-picker-row .minicolors .minicolors-swatch { + height: 22px; + width: 22px; + border-radius: 2px; + border: none; + overflow: hidden; + box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); +} + +.wpforms-field-option-row.color-picker-row .minicolors .minicolors-swatch .minicolors-swatch-color { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); +} + +.wpforms-field-option-row.color-picker-row .wpforms-color-picker { + height: auto; + padding-inline-start: 35px !important; +} + +.wpforms-field-option-row .wpforms-confirm-disabled .wpforms-field-option-row-confirmation_placeholder, +.wpforms-field-option-row .wpforms-confirm-disabled .wpforms-field-option-row-sublabel_hide { + display: none; +} + +.wpforms-field-option-row .wpforms-field-options-quantity-columns { + display: flex; + gap: 10px; +} + +.wpforms-field-option-row .wpforms-field-options-quantity-columns .wpforms-field-options-quantity-column { + display: flex; + flex-direction: column; +} + +#wpforms-field-options .no-fields.wpforms-alert { + position: fixed; + z-index: 100; + margin-top: -20px; + margin-inline-start: 20px; + width: 360px; +} + +.wpforms-field-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 7px; +} + +.wpforms-field-header label { + margin: 0; +} + +.wpforms-field-header .wpforms-toggle-control { + gap: 2px; +} + +#wpforms-panel-fields .layout-selector-display .layouts { + background-color: #ffffff; + border: 1px solid #b0b6bd; + border-radius: 4px; + display: flex; + flex-wrap: wrap; + margin: 1px !important; + padding: 10px 5px 2px 5px; + width: 100% !important; +} + +#wpforms-panel-fields .layout-selector-display .layout-selector-display-layout { + cursor: pointer; + min-width: 25%; + padding: 0 5px 5px 5px; +} + +#wpforms-panel-fields .layout-selector-display span { + background-color: #b0b6bd; + border: 1px solid #ffffff; + display: inline-block; + height: 30px; + transition-property: background-color; + transition-duration: 0.25s; + transition-timing-function: ease-in; +} + +#wpforms-panel-fields .layout-selector-display span.one-half { + width: 50%; +} + +#wpforms-panel-fields .layout-selector-display span.one-third { + width: 33.33333%; +} + +#wpforms-panel-fields .layout-selector-display span.two-third { + width: 66.66667%; +} + +#wpforms-panel-fields .layout-selector-display span.one-fourth { + width: 25%; +} + +#wpforms-panel-fields .layout-selector-display span.two-fourth { + width: 50%; +} + +#wpforms-panel-fields .layout-selector-display .layout-selector-display-layout:hover span, +#wpforms-panel-fields .layout-selector-display .layout-selector-display-columns span:hover { + background-color: #036aab; +} + +#wpforms-panel-fields .layout-selector-display .layout-selector-display-columns { + min-width: 100%; + padding: 0 5px 5px 5px; +} + +#wpforms-panel-fields .layout-selector-display .layout-selector-display-columns span { + border: 2px solid #ffffff; + cursor: pointer; + height: 70px; +} + +.wpforms-icon-picker-jconfirm-box { + border-top: none !important; +} + +.wpforms-icon-picker-jconfirm-content-pane { + margin-bottom: 15px !important; + background-color: #f8f8f8; + border-radius: 6px; +} + +.wpforms-icon-picker-title .jconfirm-title { + margin-top: 0 !important; +} + +.wpforms-icon-picker-title .wpforms-icon-picker-description { + display: block; + margin: 15px 0 25px 0; + font-size: 16px; + line-height: 22px; + font-weight: normal; +} + +.wpforms-icon-picker-title input { + width: 100%; + margin: 10px auto; + border: none; + box-shadow: 0 0 0 1px #cccccc; + text-align: center; + height: 40px; + border-radius: 20px; + transition: box-shadow 0.25s ease-in-out; +} + +.wpforms-icon-picker-title input:focus { + box-shadow: 0 0 0 2px #036aab; +} + +.wpforms-icon-picker-title input::placeholder { + color: #bbbbbb; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-icons { + display: grid; + grid-template-columns: repeat(5, 1fr); + gap: 22px; + grid-auto-rows: min-content; + padding: 21px; + min-height: 368px; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-icons li { + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + display: flex; + gap: 10px; + flex-direction: column; + cursor: pointer; + padding: 10px; + margin: 0; + transition: box-shadow 0.05s ease-in-out; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-icons li:hover { + box-shadow: 0 0 0 2px #777777, 0 4px 4px rgba(0, 0, 0, 0.1); +} + +.wpforms-icon-picker-container .wpforms-icon-picker-icons li.selected { + box-shadow: 0 0 0 2px #e27730, 0 4px 4px rgba(0, 0, 0, 0.1); +} + +.wpforms-icon-picker-container .wpforms-icon-picker-icons li.selected .ic-fa-solid, +.wpforms-icon-picker-container .wpforms-icon-picker-icons li.selected .ic-fa-brands { + color: #e27730; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-icons li.selected span { + color: #777777; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-icons li .ic-fa-brands, +.wpforms-icon-picker-container .wpforms-icon-picker-icons li .ic-fa-regular, +.wpforms-icon-picker-container .wpforms-icon-picker-icons li .ic-fa-solid { + font-size: var(--wpforms-icon-choices-size-medium); + line-height: var(--wpforms-icon-choices-size-medium); + color: #777777; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-icons li span { + font-size: 13px; + line-height: 16px; + color: #bbbbbb; + font-weight: 400; + width: 102px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-pagination { + overflow: hidden; + height: 0; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-not-found { + display: flex; + align-items: center; + justify-content: center; + color: #777777; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-not-found.wpforms-hidden { + display: none; +} + +.wpforms-icon-picker-container .wpforms-icon-picker-not-found strong { + margin-left: 5px; +} + +.smart-tags-list, +.smart-tags-list-display { + background-color: #ffffff; + border: 1px solid #b0b6bd; + border-radius: 4px; + max-height: 175px; + overflow-x: hidden; + overflow-y: auto; + padding: 0; +} + +.smart-tags-list li.heading, +.smart-tags-list-display li.heading { + padding: 10px !important; +} + +.wpforms-panel-content .smart-tags-list, +.wpforms-panel-content .smart-tags-list-display { + border-color: #cccccc; +} + +.wpforms-toggle-control { + align-items: flex-start; + display: flex; + gap: 10px; +} + +.wpforms-toggle-control.wpforms-toggle-control-disabled { + pointer-events: none; + opacity: 50%; +} + +.wpforms-toggle-control input[type=checkbox] { + display: none; + height: 0; + width: 0; +} + +.wpforms-toggle-control input[type=checkbox]:checked + label.wpforms-toggle-control-icon { + background-color: #036aab; +} + +.wpforms-toggle-control input[type=checkbox]:checked + label.wpforms-toggle-control-icon:after { + inset-inline-start: calc( 100% - 13px - 2px); +} + +.wpforms-toggle-control span, +.wpforms-toggle-control label { + align-items: flex-start; + display: flex; + gap: 10px; + margin: 0; + vertical-align: unset; +} + +.wpforms-toggle-control .wpforms-toggle-control-label:hover { + cursor: pointer; +} + +.wpforms-toggle-control .wpforms-toggle-control-status { + color: #86919e; + font-size: 12px; + line-height: 14px; + margin: 2px 5px; +} + +.wpforms-toggle-control .wpforms-toggle-control-icon { + background-color: #bbbbbb; + border-radius: 8.5px; + cursor: pointer; + display: inline-block; + height: 17px; + margin: 0 1px; + position: relative; + text-indent: -9999px; + width: 27px; + flex: 0 0 auto; +} + +.wpforms-toggle-control .wpforms-toggle-control-icon:after { + background: #ffffff; + border-radius: 50%; + content: ""; + height: 13px; + inset-inline-start: 2px; + position: absolute; + top: 2px; + width: 13px; + transition-property: all; + transition-duration: 0.25s; + transition-timing-function: ease-out; +} + +.wpforms-toggle-control .wpforms-help-tooltip { + margin: 0 !important; + /* Override default margin set with ID in general.scss */ +} + +.wpforms-toggle-control:hover input:checked + label.wpforms-toggle-control-icon { + background-color: #215d8f; +} + +.wpforms-toggle-control:hover .wpforms-toggle-control-icon { + background-color: #777777; +} + +.wpforms-panel-sidebar .wpforms-toggle-control .wpforms-toggle-control-icon { + background-color: #b0b6bd; +} + +.wpforms-panel-sidebar .wpforms-toggle-control:hover .wpforms-toggle-control-icon { + background-color: #86919e; +} + +.wpforms-panel-sidebar .wpforms-toggle-control.wpforms-field-option-in-label-right .wpforms-toggle-control-label { + color: #86919e; + font-size: 12px; + line-height: 14px; + margin: 2px 5px; + max-width: initial; +} + +.wpforms-field-option-group-toggle { + color: #444444; + display: block; + font-size: 15px; + inset-inline-start: 190px; + margin: 0; + outline: 0; + overflow: hidden; + padding: 12px 12px 9px 12px; + position: fixed; + text-decoration: none; + text-overflow: ellipsis; + text-transform: capitalize; + top: calc( 124px + var( --wpforms-admin-bar-height )); + white-space: nowrap; + z-index: 11; + transition-property: top, width, inset-inline-start; + transition-duration: 0.25s, 0.15s; + transition-timing-function: ease-out; +} + +.wpforms-field-option-group-toggle:hover { + color: #86919e; +} + +.wpforms-field-option-group-toggle.education-modal { + opacity: .6; +} + +.wpforms-field-option-field-title { + color: #444444; + display: block; + font-size: 15px; + font-weight: 600; + line-height: 18px; + margin: 0 0 0 1px; + outline: 0; + padding: 20px 20px 0 20px; + text-decoration: none; +} + +.wpforms-field-option-field-title span { + color: #86919e; + font-weight: 400; +} + +.wpforms-field-option-field-title-notice { + padding: 20px 20px 0 20px; +} + +.wpforms-field-option-field-title-notice .wpforms-educational-alert.wpforms-alert { + margin: 0; + border-inline-start: none; + border-radius: 6px; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05); + padding: 15px; +} + +.wpforms-field-option-field-title-notice .wpforms-educational-alert.wpforms-alert h4 { + font-size: 15px; + line-height: 18px; +} + +.wpforms-field-option-field-title-notice .wpforms-educational-alert.wpforms-alert p { + color: #777777; +} + +.wpforms-field-option-field-title-notice .wpforms-educational-alert.wpforms-alert button { + margin-top: 10px; +} + +.wpforms-field-option-group-basic .wpforms-field-option-group-toggle { + inset-inline-start: 115px; + max-width: 83px; +} + +.wpforms-field-option-group-advanced .wpforms-field-option-group-toggle { + inset-inline-start: 192px; + max-width: 99px; +} + +.wpforms-field-option-group-conditionals .wpforms-field-option-group-toggle { + inset-inline-start: 281px; + max-width: 116px; +} + +.wpforms-panel-sidebar-closed .wpforms-field-option-group-basic .wpforms-field-option-group-toggle { + inset-inline-start: calc( 115px - 400px); + max-width: 83px; +} + +.wpforms-panel-sidebar-closed .wpforms-field-option-group-advanced .wpforms-field-option-group-toggle { + inset-inline-start: calc( 192px - 400px); + max-width: 99px; +} + +.wpforms-panel-sidebar-closed .wpforms-field-option-group-conditionals .wpforms-field-option-group-toggle { + inset-inline-start: calc( 281px - 400px); + max-width: 116px; +} + +.wpforms-field-option-group .wpforms-field-option-group-inner { + display: none; + padding: 20px; +} + +.wpforms-field-option-group.active .wpforms-field-option-group-toggle { + border-bottom: 3px solid #e27730; + font-weight: 600; +} + +.wpforms-field-option-group.active .wpforms-field-option-group-toggle:hover { + color: #444444; +} + +.wpforms-field-option-group.active .wpforms-field-option-group-inner { + display: block; +} + +.wpforms-field-is-pro .wpforms-field-option-group-inner { + cursor: default; + pointer-events: none; +} + +.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row input, +.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row select, +.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row textarea, +.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .wpforms-toggle-control-icon, +.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .choices, +.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .choices-list .add, +.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .choices-list .remove, +.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .minicolors-sprite { + opacity: .5; +} + +.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-expandable-editor { + opacity: .5; +} + + +/* 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; +} diff --git a/assets/css/builder-fields.min.css b/assets/css/builder-fields.min.css new file mode 100644 index 00000000..e7bbef70 --- /dev/null +++ b/assets/css/builder-fields.min.css @@ -0,0 +1,86 @@ +.wpforms-panel-fields{width:100vw;height:100vh}.wpforms-panel-fields .wpforms-field-row:before{content:"";display:table}.wpforms-panel-fields .wpforms-field-row:after{clear:both;content:"";display:table}.wpforms-panel-fields #wpforms-hidden{display:none}.wpforms-panel-fields .wpforms-field-dragging{background-color:#f1f1f1}.wpforms-panel-fields .wpforms-field-drag-out,.wpforms-panel-fields .wpforms-field-drag-over{background:#036aab;border:none;border-radius:4px;color:#ffffff;display:block;overflow:hidden;padding:12px 14px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:172px;max-width:172px;z-index:10000;box-shadow:0 8px 12px 0 rgba(0,0,0,0.25)}.wpforms-panel-fields .wpforms-field-drag-out i,.wpforms-panel-fields .wpforms-field-drag-over i{color:rgba(255,255,255,0.65);margin:0 5px 0 0}.wpforms-panel-fields .wpforms-field-drag-placeholder{border:1px dashed #036aab;background-color:#EBF3FC80;border-radius:6px;margin:0 0 5px 0;width:100%;height:60px}.wpforms-panel-fields .wpforms-field-drag-placeholder.wpforms-field-drag-not-allowed{border-color:#b32d2e;background-color:#fcf0f1}.wpforms-panel-fields .wpforms-field-drag-not-allowed{cursor:not-allowed !important}.wpforms-panel-fields .wpforms-field-drag-pending{border:1px dashed #036aab;background-color:#EBF3FC80;border-radius:6px;margin:0 0 5px 0;text-align:center;width:100%;max-width:100%;color:rgba(0,0,0,0.7);box-shadow:none}.wpforms-panel-fields .wpforms-field-drag-pending i{font-size:18px;line-height:24px;color:rgba(0,0,0,0.7)}.wpforms-panel-fields .wpforms-field-drag-pending .wpforms-loading-spinner{margin-left:15px;width:18px;height:18px;vertical-align:-3px;background-size:18px 18px}#wpforms-panel-fields .wpforms-panel-sidebar{position:absolute;top:calc( 124px + var( --wpforms-admin-bar-height ));bottom:0;inset-inline-start:95px;overflow:hidden;transition-property:top, width, inset-inline-start;transition-duration:0.25s, 0.15s, 0.15s;transition-timing-function:ease-out, ease-out, ease-in-out}#wpforms-panel-fields .wpforms-panel-sidebar .no-gap{margin-bottom:0}#wpforms-panel-fields .wpforms-panel-sidebar .sub-label{color:#86919e;font-size:12px;line-height:14px;margin:8px 0 0 1px}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:20px}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns+.wpforms-field-options-columns{margin-top:-10px}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns:last-child{margin-bottom:0}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns>.wpforms-field-options-column:first-child{margin-left:1px}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns>.wpforms-field-options-column{flex-grow:1}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-2>.wpforms-field-options-column{max-width:calc( 100%/2 - 6px)}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-3>.wpforms-field-options-column{max-width:calc( 100%/3 - 9px)}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-4>.wpforms-field-options-column{max-width:calc( 100%/4 - 10px)}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-5>.wpforms-field-options-column{max-width:calc( 100%/5 - 10px)}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-6>.wpforms-field-options-column{max-width:calc( 100%/6 - 10px)}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.wpforms-field-options-columns-7>.wpforms-field-options-column{max-width:calc( 100%/7 - 11px);text-align:center}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.checkboxes-row>label{margin-top:0;max-width:24px}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns.checkboxes-row>label input{margin:1px 0 5px 0}#wpforms-panel-fields .wpforms-panel-sidebar .wpforms-field-options-columns select{display:block}#wpforms-field-options:before{background-color:#ebf3fc;border-bottom:1px solid #ced7e0;content:'';display:block;height:40px;inset-inline-start:115px;position:fixed;top:calc( 125px + var( --wpforms-admin-bar-height ));width:360px;z-index:10;transition-property:top, width, inset-inline-start;transition-duration:0.25s, 0.15s, 0.15s;transition-timing-function:ease-out, ease-out, ease-in-out}.wpforms-panel-sidebar-closed #wpforms-field-options:before{inset-inline-start:calc( 115px - 400px)}.wpforms-panel-fields .no-fields-preview{align-content:center;min-height:calc( 100vh - 260px - var( --wpforms-admin-bar-height ));padding-bottom:40px;padding-top:40px;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.wpforms-panel-fields .no-fields-preview::before{background-image:url("../../images/empty-states/no-fields.svg");background-position:center center;background-repeat:no-repeat;background-size:371px 260px;content:"";display:block;height:260px;width:100%}.wpforms-panel-fields .no-fields-preview::after{background-image:url("../../images/builder/default-arrow.svg");background-repeat:no-repeat;background-size:97px 83px;content:"";height:83px;inset-inline-start:15px;position:absolute;top:10px;width:97px}.rtl .wpforms-panel-fields .no-fields-preview::after{transform:scale(-1, 1)}.wpforms-panel-fields .no-fields-preview h4{color:#444444;font-size:24px;font-weight:600;line-height:29px;margin:30px 0 10px}.wpforms-panel-fields .no-fields-preview p{color:#777777;font-size:16px;font-weight:400;line-height:19px;margin:0}.wpforms-panel-fields .wpforms-title-desc{border-bottom:1px solid #dddddd;margin:0 0 15px 0}.wpforms-panel-fields .wpforms-title-desc:hover{cursor:pointer}.wpforms-panel-fields .wpforms-title-desc .wpforms-form-name{font-size:28px;font-weight:600;line-height:28px;margin:0;padding:0}.wpforms-panel-fields .wpforms-title-desc .wpforms-form-desc{color:#777777;display:block;font-size:14px;line-height:18px;margin:15px 0 15px 0}.wpforms-panel-fields .wpforms-title-desc .wpforms-title-desc-inner{padding-bottom:15px;padding-inline-end:200px}.wpforms-panel-fields .wpforms-field-wrap{margin:0px -15px;padding-top:5px;padding-bottom:19px}.wpforms-panel-fields .wpforms-field{border:1px dashed transparent;border-radius:6px;font-size:14px;margin:0 0 5px 0;padding:15px;position:relative;transition-property:border-color;transition-duration:0.25s;transition-timing-function:ease-in}.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered):hover{border:1px dashed #cccccc;cursor:pointer}.wpforms-panel-fields .wpforms-field.active{background-color:#f8f8f8;border:1px dashed #cccccc}.wpforms-panel-fields .wpforms-field .label-title{cursor:pointer;display:block;font-size:16px;font-weight:600;line-height:20px;margin:0 0 15px 0;padding-inline-end:60px;text-align:start;word-break:break-word}.wpforms-panel-fields .wpforms-field .label-title .required{color:#d63638;display:none}.wpforms-panel-fields .wpforms-field .label-title .hidden_text,.wpforms-panel-fields .wpforms-field .label-title .empty_text{display:none}.wpforms-panel-fields .wpforms-field .label-title .text{display:inline-block;margin-inline-end:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wpforms-panel-fields .wpforms-field .label-title .text:has(~ .required ~ .wpforms-badge){max-width:calc( 100% - 75px)}.wpforms-panel-fields .wpforms-field .label-title .grey .wpforms-badge{margin-inline-start:15px}.wpforms-panel-fields .wpforms-field .label-title .wpforms-badge{vertical-align:top;margin-top:-1px}.wpforms-panel-fields .wpforms-field.label_empty>.label-title{color:#444444}.wpforms-panel-fields .wpforms-field.label_empty>.label-title .empty_text{display:inline;color:#ffb900;line-height:1;padding-right:5px}.wpforms-panel-fields .wpforms-field.label_empty>.label-title .hidden_text{display:none !important}.wpforms-panel-fields .wpforms-field.label_hide.label_empty>.label-title .text{color:#444444}.wpforms-panel-fields .wpforms-field.label_hide>.label-title{color:#777777}.wpforms-panel-fields .wpforms-field.label_hide>.label-title .hidden_text{display:inline;color:#777777;padding-inline-end:5px;vertical-align:top}.wpforms-panel-fields .wpforms-field.sublabel_hide .wpforms-sub-label{display:none}.wpforms-panel-fields .wpforms-field.required .label-title .required{display:inline-block;font-weight:300;margin-inline-start:5px;margin-inline-end:15px;vertical-align:top}.wpforms-panel-fields .wpforms-field.required .label-title .text{margin-inline-end:0}.wpforms-panel-fields .wpforms-field.required .label-title .text:has(~ .required ~ .wpforms-badge){max-width:calc( 100% - 90px)}.wpforms-panel-fields .wpforms-field .wpforms-sub-label{color:#999999;display:block;font-size:14px;line-height:17px;margin-top:5px;margin-inline-start:1px;word-break:break-word}.wpforms-panel-fields .wpforms-field input[readonly],.wpforms-panel-fields .wpforms-field input[disabled],.wpforms-panel-fields .wpforms-field textarea[readonly],.wpforms-panel-fields .wpforms-field textarea[disabled],.wpforms-panel-fields .wpforms-field select[readonly],.wpforms-panel-fields .wpforms-field select[disabled]{background-color:#ffffff;border:1px solid #cccccc;box-shadow:none;color:#999999;cursor:pointer;opacity:1}.wpforms-panel-fields .wpforms-field input[type=text],.wpforms-panel-fields .wpforms-field input[type=range],.wpforms-panel-fields .wpforms-field input[type=email],.wpforms-panel-fields .wpforms-field input[type=url],.wpforms-panel-fields .wpforms-field input[type=password],.wpforms-panel-fields .wpforms-field input[type=file],.wpforms-panel-fields .wpforms-field select,.wpforms-panel-fields .wpforms-field textarea{background-color:#ffffff;border:1px solid #cccccc;border-radius:4px;box-shadow:none;display:block;font-size:16px;height:40px;max-width:none;padding:6px 10px;width:60%;min-width:250px}.wpforms-panel-fields .wpforms-field textarea{height:110px;width:100%;min-width:100%}.wpforms-panel-fields .wpforms-field textarea[readonly],.wpforms-panel-fields .wpforms-field textarea[disabled]{resize:none}.wpforms-panel-fields .wpforms-field input[type=checkbox],.wpforms-panel-fields .wpforms-field input[type=radio]{margin-right:10px}.wpforms-panel-fields .wpforms-field select[multiple]{height:auto}.wpforms-panel-fields .wpforms-field select{padding-inline-end:24px;overflow:hidden !important;text-overflow:ellipsis}.wpforms-panel-fields .wpforms-field select>option{color:inherit;opacity:1}.wpforms-panel-fields .wpforms-field.size-small input[type=text],.wpforms-panel-fields .wpforms-field.size-small input[type=range],.wpforms-panel-fields .wpforms-field.size-small input[type=email],.wpforms-panel-fields .wpforms-field.size-small input[type=url],.wpforms-panel-fields .wpforms-field.size-small input[type=password],.wpforms-panel-fields .wpforms-field.size-small select{width:25%}.wpforms-panel-fields .wpforms-field.size-small textarea{height:60px}.wpforms-panel-fields .wpforms-field.size-large input[type=text],.wpforms-panel-fields .wpforms-field.size-large input[type=range],.wpforms-panel-fields .wpforms-field.size-large input[type=email],.wpforms-panel-fields .wpforms-field.size-large input[type=url],.wpforms-panel-fields .wpforms-field.size-large input[type=password],.wpforms-panel-fields .wpforms-field.size-large select{width:100%}.wpforms-panel-fields .wpforms-field.size-large textarea{height:300px}.wpforms-panel-fields .wpforms-field .wpforms-field-row{margin:0 0 10px 0;position:relative}.wpforms-panel-fields .wpforms-field .wpforms-field-row:last-of-type{margin:0}.wpforms-panel-fields .wpforms-field .wpforms-field-duplicate,.wpforms-panel-fields .wpforms-field .wpforms-field-delete{background-color:transparent;color:#777777;font-size:16px;height:20px;opacity:0;position:absolute;inset-inline-end:40px;text-align:center;top:15px;width:20px;z-index:10;transition-property:all;transition-duration:0.25s;transition-timing-function:ease-in}.wpforms-panel-fields .wpforms-field .wpforms-field-duplicate:hover i,.wpforms-panel-fields .wpforms-field .wpforms-field-delete:hover i{color:#444444}.wpforms-panel-fields .wpforms-field .wpforms-field-delete{color:#d63638;inset-inline-end:15px;font-size:18px}.wpforms-panel-fields .wpforms-field .wpforms-field-delete:hover i{color:#b32d2e}.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered):hover>.wpforms-field-duplicate,.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered):hover>.wpforms-field-delete,.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered).active>.wpforms-field-duplicate,.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered).active>.wpforms-field-delete{opacity:1}.wpforms-panel-fields .wpforms-field.wpforms-field-pagebreak .wpforms-field-duplicate{display:none}.wpforms-panel-fields .wpforms-field .wpforms-field-helper{background:#eeeeee;border-inline-start:1px dashed #cccccc;border-end-end-radius:6px;border-start-start-radius:6px;border-top:1px dashed #cccccc;bottom:0;color:#999999;font-size:11px;line-height:14px;font-weight:500;opacity:0;padding:9px;position:absolute;inset-inline-end:0;z-index:10;display:flex;justify-content:flex-end;align-items:center;transition-property:all;transition-duration:0.25s;transition-timing-function:ease-in}.wpforms-panel-fields .wpforms-field .wpforms-field-helper-edit{margin-inline-end:5px}.wpforms-panel-fields .wpforms-field .wpforms-field-helper-drag{position:relative;padding-inline-start:5px;margin-inline-end:5px}.wpforms-panel-fields .wpforms-field .wpforms-field-helper-drag:before{content:'';position:absolute;width:1px;height:calc( 100% - 6px);background:#a6a6a6;inset-inline-start:0;top:3px}.wpforms-panel-fields .wpforms-field .wpforms-field-helper-hide{color:#a6a6a6;margin-inline-start:5px;font-size:14px;width:14px;height:14px;text-align:center}.wpforms-panel-fields .wpforms-field .wpforms-field-helper-hide:hover{color:#777777}.wpforms-panel-fields .wpforms-field-not-draggable .wpforms-field-helper-drag{display:none}.wpforms-panel-fields .wpforms-field:not(.wpforms-field-child-hovered):hover>.wpforms-field-helper{opacity:1}.wpforms-panel-fields .wpforms-field.wpforms-field-radio .wpforms-alert-dynamic,.wpforms-panel-fields .wpforms-field.wpforms-field-checkbox .wpforms-alert-dynamic,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-multiple .wpforms-alert-dynamic,.wpforms-panel-fields .wpforms-field.wpforms-field-payment-checkbox .wpforms-alert-dynamic{margin:15px 0 0 0}.wpforms-panel-fields .wpforms-field.wpforms-field-stick .wpforms-field-delete,.wpforms-panel-fields .wpforms-field.wpforms-field-stick .wpforms-field-helper{display:none !important}.wpforms-panel-fields .wpforms-field .description{clear:both;color:#777777;font-size:14px;margin:5px 0 0 0;word-break:break-word}.wpforms-panel-fields .wpforms-field .description:empty{margin:0}.wpforms-panel-fields .wpforms-field .description.disclaimer{background-color:#ffffff;border:1px solid #cccccc;font-size:12px;height:125px;margin-top:15px;overflow-y:scroll;padding:10px 10px 0 10px}.wpforms-panel-fields .wpforms-field .description.disclaimer p{font-size:inherit;line-height:17px;margin:0 0 15px 0}.wpforms-panel-fields .wpforms-field .wpforms-field-hide-remaining{display:none !important}.wpforms-panel-fields .wpforms-field .wpforms-field-hide-remaining ~ *{display:none !important}.wpforms-panel-fields .ui-sortable-disabled .wpforms-field .wpforms-field-duplicate,.wpforms-panel-fields .ui-sortable-disabled .wpforms-field .wpforms-field-delete{cursor:no-drop}.wpforms-panel-fields .wpforms-field-submit{margin-bottom:0}.wpforms-panel-fields .wpforms-field-submit input[type=submit]{background:#999999;border:none;border-radius:4px;color:#ffffff;cursor:pointer;font-size:17px;font-weight:600;line-height:21px;padding:10px 15px}.wpforms-panel-fields .wpforms-field-submit input[type=submit]:focus{border:none;box-shadow:none}.wpforms-panel-fields .wpforms-field select.quantity-input{float:inline-start;margin-inline-start:15px;width:70px;min-width:70px}.wpforms-panel-fields .wpforms-field-payment-single .price,.wpforms-panel-fields .wpforms-field-payment-single .wpforms-currency-symbol,.wpforms-panel-fields .wpforms-field-payment-checkbox .price,.wpforms-panel-fields .wpforms-field-payment-checkbox .wpforms-currency-symbol,.wpforms-panel-fields .wpforms-field-payment-multiple .price,.wpforms-panel-fields .wpforms-field-payment-multiple .wpforms-currency-symbol{white-space:nowrap}#wpforms-panel-fields .wpforms-tabs{background:#e0e8f0;border-bottom:1px solid #ced7e0;display:flex;flex-wrap:nowrap;inset-inline-start:95px;margin:0;padding:0;position:fixed;top:calc( 76px + var( --wpforms-admin-bar-height ));width:400px;z-index:11;transition-property:top, width, inset-inline-start;transition-duration:0.25s, 0.15s, 0.15s;transition-timing-function:ease-out}#wpforms-panel-fields .wpforms-tabs .active{background:#ebf3fc}#wpforms-panel-fields .wpforms-tabs li{margin:0;width:50%}#wpforms-panel-fields .wpforms-tabs li:last-of-type{border-inline-start:1px solid #ced7e0}#wpforms-panel-fields .wpforms-tabs a{color:#444444;display:block;font-size:16px;font-weight:400;line-height:20px;overflow:hidden;padding:14px;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}#wpforms-panel-fields .wpforms-tabs a:hover{color:#777777;text-decoration:none}#wpforms-panel-fields .wpforms-tabs a:focus{-webkit-box-shadow:none;box-shadow:none}#wpforms-panel-fields .wpforms-tabs a i{color:#86919e;font-size:16px;margin-inline-end:10px}#wpforms-panel-fields .wpforms-tabs a.active{pointer-events:none}#wpforms-panel-fields .wpforms-tabs a.active,#wpforms-panel-fields .wpforms-tabs a.active:hover{color:#444444;font-weight:600;text-decoration:none}#wpforms-panel-fields .wpforms-tab-content{display:none;margin:40px 0 0 0;position:relative;height:calc( 100% - 40px);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}#wpforms-panel-fields .wpforms-tab-content.wpforms-add-fields{display:block;margin-top:0;padding:20px;height:100%;scroll-behavior:smooth}#wpforms-panel-fields .wpforms-tab-content.wpforms-hide-options-groups{margin-top:0;height:100%}#wpforms-panel-fields .wpforms-tab-content.wpforms-hide-options-groups:before{display:none !important}#wpforms-panel-fields .wpforms-tab-content.wpforms-hide-options-groups .wpforms-field-option-group-toggle{display:none !important}.wpforms-add-fields-group{border-bottom:1px solid #ced7e0}.wpforms-add-fields-group:first-of-type{margin-top:-20px}.wpforms-add-fields-group:last-of-type{margin-bottom:0;padding-bottom:0}.wpforms-add-fields-group a{color:#444444;display:block;font-size:16px;font-weight:600;margin:0;outline:0;overflow:hidden;padding:20px 0;text-decoration:none}.wpforms-add-fields-group a:hover{text-decoration:none}.wpforms-add-fields-group a:active,.wpforms-add-fields-group a:focus{outline:0}.wpforms-add-fields-group a i{color:#86919e;float:right;font-size:20px;margin:-2px 0 0 0;transition-property:transform;transition-duration:0.4s;transition-timing-function:ease-out}.wpforms-add-fields-group a i.wpforms-angle-right{transform:rotate(-90deg)}.wpforms-add-fields-group .wpforms-add-fields-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;overflow:hidden}.wpforms-add-fields-group button{background-color:#036aab;border:none;border-radius:4px;color:#ffffff;display:block;margin:16px 0 0 0;width:calc( 50% - 8px);overflow:hidden;padding-block:12px;padding-inline-start:14px;padding-inline-end:5px;text-align:start;text-overflow:ellipsis;white-space:nowrap}.wpforms-add-fields-group button:hover{background-color:#215d8f;cursor:pointer}.wpforms-add-fields-group button:disabled:hover,.wpforms-add-fields-group button.ui-draggable-disabled:hover{background-color:#036aab;cursor:no-drop}.wpforms-add-fields-group button:nth-child(1),.wpforms-add-fields-group button:nth-child(2){margin-top:0}.wpforms-add-fields-group button i{color:rgba(255,255,255,0.6);display:inline-block;margin-inline-end:7px}.rtl .wpforms-add-fields-group a i{float:left}.rtl .wpforms-add-fields-group a i.wpforms-angle-right{transform:rotate(90deg)}.wpforms-panel .wpforms-search-fields-wrapper{position:relative}.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-no-results{margin-top:20px;display:none}.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-list{display:none;margin-top:20px}.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-list .wpforms-add-fields-group:first-of-type{margin:0}.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input{font-size:14px;font-weight:400;height:40px;line-height:18px;padding-left:35px;padding-right:35px;width:100%;color:#444444;border:1px solid #b0b6bd;border-radius:4px;box-shadow:none}.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input::placeholder{color:#86919e;font-weight:400}.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input:focus{border-color:#036aab;box-shadow:0 0 0 1px #036aab}.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input::-webkit-search-cancel-button{display:none}.wpforms-panel .wpforms-search-fields-wrapper #wpforms-search-fields-input:hover::-webkit-search-cancel-button{-webkit-text-fill-color:#86919e}.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper{position:relative}.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper .wpforms-search-fields-input-close{display:none;color:#b0b6bd;padding:12px;font-size:16px;inset-inline-end:0;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition:0.05s ease}.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper .wpforms-search-fields-input-close.active{display:block}.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper .wpforms-search-fields-input-close:hover{color:#86919e}.wpforms-panel .wpforms-search-fields-wrapper .wpforms-search-fields-input-wrapper:before{font:normal normal normal 14px/1 FontAwesome;content:"\f002";color:#b0b6bd;padding:12px;font-size:16px;inset-inline-start:0;position:absolute;top:50%;transform:translateY(-50%)}.wpforms-field-option-row{margin-bottom:20px}.wpforms-field-option-row-description p.note{margin-top:-15px}.wpforms-field-option-row label{display:flex;font-size:14px;font-weight:400;line-height:17px;margin:0 0 8px 1px;vertical-align:text-top}.wpforms-field-option-row label.inline{display:inline-block;font-weight:400;margin:0 0 0 10px}.wpforms-field-option-row label.sub-label{display:block}.wpforms-field-option-row .after-label-description{margin-left:auto;color:#86919e;font-size:12px;text-decoration:none}.wpforms-field-option-row .after-label-description:hover{color:#777777;text-decoration:underline}.wpforms-field-option-row input:not(:focus),.wpforms-field-option-row textarea:not(:focus),.wpforms-field-option-row select:not(:focus){border-color:#b0b6bd}.wpforms-field-option-row input[type=checkbox],.wpforms-field-option-row input[type=radio]{margin-inline-end:0}.wpforms-field-option-row input[type=text],.wpforms-field-option-row input[type=number],.wpforms-field-option-row textarea,.wpforms-field-option-row select{width:calc( 100% - 2px)}.wpforms-field-option-row input[type=text]+.wpforms-alert,.wpforms-field-option-row input[type=number]+.wpforms-alert,.wpforms-field-option-row textarea+.wpforms-alert,.wpforms-field-option-row select+.wpforms-alert{margin-top:10px}.wpforms-field-option-row input[type=text].has-before{float:right;width:95%}.wpforms-field-option-row .before-input{float:left;padding:7px 0 0 0;width:4%}.wpforms-field-option-row p{font-size:14px;margin:0}.wpforms-field-option-row .meta{font-weight:400}.wpforms-field-option-row span.id{color:#86919e;font-size:12px}.wpforms-field-option-row.wpforms-field-option-row-code textarea{font-family:monospace;font-size:12px;min-height:120px;direction:ltr}.wpforms-field-option-row.wpforms-field-option-row-limit_controls{align-items:center;display:flex}.wpforms-field-option-row.wpforms-field-option-row-limit_controls.wpforms-hide{display:none}.wpforms-field-option-row.wpforms-field-option-row-limit_controls input{margin-inline-end:10px}.wpforms-field-option-row.wpforms-field-option-row-date_disable_todays_date.wpforms-hide{display:none}.wpforms-field-option-row.color-picker-row{overflow:visible}.wpforms-field-option-row.color-picker-row .minicolors{width:100%}.wpforms-field-option-row.color-picker-row .minicolors .minicolors-swatch{height:22px;width:22px;border-radius:2px;border:none;overflow:hidden;box-shadow:inset 0 0 1px rgba(0,0,0,0.1)}.wpforms-field-option-row.color-picker-row .minicolors .minicolors-swatch .minicolors-swatch-color{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15)}.wpforms-field-option-row.color-picker-row .wpforms-color-picker{height:auto;padding-inline-start:35px !important}.wpforms-field-option-row .wpforms-confirm-disabled .wpforms-field-option-row-confirmation_placeholder,.wpforms-field-option-row .wpforms-confirm-disabled .wpforms-field-option-row-sublabel_hide{display:none}.wpforms-field-option-row .wpforms-field-options-quantity-columns{display:flex;gap:10px}.wpforms-field-option-row .wpforms-field-options-quantity-columns .wpforms-field-options-quantity-column{display:flex;flex-direction:column}#wpforms-field-options .no-fields.wpforms-alert{position:fixed;z-index:100;margin-top:-20px;margin-inline-start:20px;width:360px}.wpforms-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.wpforms-field-header label{margin:0}.wpforms-field-header .wpforms-toggle-control{gap:2px}#wpforms-panel-fields .layout-selector-display .layouts{background-color:#ffffff;border:1px solid #b0b6bd;border-radius:4px;display:flex;flex-wrap:wrap;margin:1px !important;padding:10px 5px 2px 5px;width:100% !important}#wpforms-panel-fields .layout-selector-display .layout-selector-display-layout{cursor:pointer;min-width:25%;padding:0 5px 5px 5px}#wpforms-panel-fields .layout-selector-display span{background-color:#b0b6bd;border:1px solid #ffffff;display:inline-block;height:30px;transition-property:background-color;transition-duration:0.25s;transition-timing-function:ease-in}#wpforms-panel-fields .layout-selector-display span.one-half{width:50%}#wpforms-panel-fields .layout-selector-display span.one-third{width:33.33333%}#wpforms-panel-fields .layout-selector-display span.two-third{width:66.66667%}#wpforms-panel-fields .layout-selector-display span.one-fourth{width:25%}#wpforms-panel-fields .layout-selector-display span.two-fourth{width:50%}#wpforms-panel-fields .layout-selector-display .layout-selector-display-layout:hover span,#wpforms-panel-fields .layout-selector-display .layout-selector-display-columns span:hover{background-color:#036aab}#wpforms-panel-fields .layout-selector-display .layout-selector-display-columns{min-width:100%;padding:0 5px 5px 5px}#wpforms-panel-fields .layout-selector-display .layout-selector-display-columns span{border:2px solid #ffffff;cursor:pointer;height:70px}.wpforms-icon-picker-jconfirm-box{border-top:none !important}.wpforms-icon-picker-jconfirm-content-pane{margin-bottom:15px !important;background-color:#f8f8f8;border-radius:6px}.wpforms-icon-picker-title .jconfirm-title{margin-top:0 !important}.wpforms-icon-picker-title .wpforms-icon-picker-description{display:block;margin:15px 0 25px 0;font-size:16px;line-height:22px;font-weight:normal}.wpforms-icon-picker-title input{width:100%;margin:10px auto;border:none;box-shadow:0 0 0 1px #cccccc;text-align:center;height:40px;border-radius:20px;transition:box-shadow 0.25s ease-in-out}.wpforms-icon-picker-title input:focus{box-shadow:0 0 0 2px #036aab}.wpforms-icon-picker-title input::placeholder{color:#bbbbbb}.wpforms-icon-picker-container .wpforms-icon-picker-icons{display:grid;grid-template-columns:repeat(5, 1fr);gap:22px;grid-auto-rows:min-content;padding:21px;min-height:368px}.wpforms-icon-picker-container .wpforms-icon-picker-icons li{background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px;display:flex;gap:10px;flex-direction:column;cursor:pointer;padding:10px;margin:0;transition:box-shadow 0.05s ease-in-out}.wpforms-icon-picker-container .wpforms-icon-picker-icons li:hover{box-shadow:0 0 0 2px #777,0 4px 4px rgba(0,0,0,0.1)}.wpforms-icon-picker-container .wpforms-icon-picker-icons li.selected{box-shadow:0 0 0 2px #e27730,0 4px 4px rgba(0,0,0,0.1)}.wpforms-icon-picker-container .wpforms-icon-picker-icons li.selected .ic-fa-solid,.wpforms-icon-picker-container .wpforms-icon-picker-icons li.selected .ic-fa-brands{color:#e27730}.wpforms-icon-picker-container .wpforms-icon-picker-icons li.selected span{color:#777777}.wpforms-icon-picker-container .wpforms-icon-picker-icons li .ic-fa-brands,.wpforms-icon-picker-container .wpforms-icon-picker-icons li .ic-fa-regular,.wpforms-icon-picker-container .wpforms-icon-picker-icons li .ic-fa-solid{font-size:var(--wpforms-icon-choices-size-medium);line-height:var(--wpforms-icon-choices-size-medium);color:#777777}.wpforms-icon-picker-container .wpforms-icon-picker-icons li span{font-size:13px;line-height:16px;color:#bbbbbb;font-weight:400;width:102px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpforms-icon-picker-container .wpforms-icon-picker-pagination{overflow:hidden;height:0}.wpforms-icon-picker-container .wpforms-icon-picker-not-found{display:flex;align-items:center;justify-content:center;color:#777777;position:absolute;top:0;right:0;bottom:0;left:0}.wpforms-icon-picker-container .wpforms-icon-picker-not-found.wpforms-hidden{display:none}.wpforms-icon-picker-container .wpforms-icon-picker-not-found strong{margin-left:5px}.smart-tags-list,.smart-tags-list-display{background-color:#ffffff;border:1px solid #b0b6bd;border-radius:4px;max-height:175px;overflow-x:hidden;overflow-y:auto;padding:0}.smart-tags-list li.heading,.smart-tags-list-display li.heading{padding:10px !important}.wpforms-panel-content .smart-tags-list,.wpforms-panel-content .smart-tags-list-display{border-color:#cccccc}.wpforms-toggle-control{align-items:flex-start;display:flex;gap:10px}.wpforms-toggle-control.wpforms-toggle-control-disabled{pointer-events:none;opacity:50%}.wpforms-toggle-control input[type=checkbox]{display:none;height:0;width:0}.wpforms-toggle-control input[type=checkbox]:checked+label.wpforms-toggle-control-icon{background-color:#036aab}.wpforms-toggle-control input[type=checkbox]:checked+label.wpforms-toggle-control-icon:after{inset-inline-start:calc( 100% - 13px - 2px)}.wpforms-toggle-control span,.wpforms-toggle-control label{align-items:flex-start;display:flex;gap:10px;margin:0;vertical-align:unset}.wpforms-toggle-control .wpforms-toggle-control-label:hover{cursor:pointer}.wpforms-toggle-control .wpforms-toggle-control-status{color:#86919e;font-size:12px;line-height:14px;margin:2px 5px}.wpforms-toggle-control .wpforms-toggle-control-icon{background-color:#bbbbbb;border-radius:8.5px;cursor:pointer;display:inline-block;height:17px;margin:0 1px;position:relative;text-indent:-9999px;width:27px;flex:0 0 auto}.wpforms-toggle-control .wpforms-toggle-control-icon:after{background:#ffffff;border-radius:50%;content:"";height:13px;inset-inline-start:2px;position:absolute;top:2px;width:13px;transition-property:all;transition-duration:0.25s;transition-timing-function:ease-out}.wpforms-toggle-control .wpforms-help-tooltip{margin:0 !important}.wpforms-toggle-control:hover input:checked+label.wpforms-toggle-control-icon{background-color:#215d8f}.wpforms-toggle-control:hover .wpforms-toggle-control-icon{background-color:#777777}.wpforms-panel-sidebar .wpforms-toggle-control .wpforms-toggle-control-icon{background-color:#b0b6bd}.wpforms-panel-sidebar .wpforms-toggle-control:hover .wpforms-toggle-control-icon{background-color:#86919e}.wpforms-panel-sidebar .wpforms-toggle-control.wpforms-field-option-in-label-right .wpforms-toggle-control-label{color:#86919e;font-size:12px;line-height:14px;margin:2px 5px;max-width:initial}.wpforms-field-option-group-toggle{color:#444444;display:block;font-size:15px;inset-inline-start:190px;margin:0;outline:0;overflow:hidden;padding:12px 12px 9px 12px;position:fixed;text-decoration:none;text-overflow:ellipsis;text-transform:capitalize;top:calc( 124px + var( --wpforms-admin-bar-height ));white-space:nowrap;z-index:11;transition-property:top, width, inset-inline-start;transition-duration:0.25s, 0.15s;transition-timing-function:ease-out}.wpforms-field-option-group-toggle:hover{color:#86919e}.wpforms-field-option-group-toggle.education-modal{opacity:.6}.wpforms-field-option-field-title{color:#444444;display:block;font-size:15px;font-weight:600;line-height:18px;margin:0 0 0 1px;outline:0;padding:20px 20px 0 20px;text-decoration:none}.wpforms-field-option-field-title span{color:#86919e;font-weight:400}.wpforms-field-option-field-title-notice{padding:20px 20px 0 20px}.wpforms-field-option-field-title-notice .wpforms-educational-alert.wpforms-alert{margin:0;border-inline-start:none;border-radius:6px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.05);padding:15px}.wpforms-field-option-field-title-notice .wpforms-educational-alert.wpforms-alert h4{font-size:15px;line-height:18px}.wpforms-field-option-field-title-notice .wpforms-educational-alert.wpforms-alert p{color:#777777}.wpforms-field-option-field-title-notice .wpforms-educational-alert.wpforms-alert button{margin-top:10px}.wpforms-field-option-group-basic .wpforms-field-option-group-toggle{inset-inline-start:115px;max-width:83px}.wpforms-field-option-group-advanced .wpforms-field-option-group-toggle{inset-inline-start:192px;max-width:99px}.wpforms-field-option-group-conditionals .wpforms-field-option-group-toggle{inset-inline-start:281px;max-width:116px}.wpforms-panel-sidebar-closed .wpforms-field-option-group-basic .wpforms-field-option-group-toggle{inset-inline-start:calc( 115px - 400px);max-width:83px}.wpforms-panel-sidebar-closed .wpforms-field-option-group-advanced .wpforms-field-option-group-toggle{inset-inline-start:calc( 192px - 400px);max-width:99px}.wpforms-panel-sidebar-closed .wpforms-field-option-group-conditionals .wpforms-field-option-group-toggle{inset-inline-start:calc( 281px - 400px);max-width:116px}.wpforms-field-option-group .wpforms-field-option-group-inner{display:none;padding:20px}.wpforms-field-option-group.active .wpforms-field-option-group-toggle{border-bottom:3px solid #e27730;font-weight:600}.wpforms-field-option-group.active .wpforms-field-option-group-toggle:hover{color:#444444}.wpforms-field-option-group.active .wpforms-field-option-group-inner{display:block}.wpforms-field-is-pro .wpforms-field-option-group-inner{cursor:default;pointer-events:none}.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row input,.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row select,.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row textarea,.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .wpforms-toggle-control-icon,.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .choices,.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .choices-list .add,.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .choices-list .remove,.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-field-option-row .minicolors-sprite{opacity:.5}.wpforms-field-is-pro .wpforms-field-option-group-inner .wpforms-expandable-editor{opacity:.5} + + +/* 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; +} diff --git a/assets/css/builder-overlay.css b/assets/css/builder-overlay.css new file mode 100644 index 00000000..d0728409 --- /dev/null +++ b/assets/css/builder-overlay.css @@ -0,0 +1,154 @@ +#wpforms-builder-overlay { + background: radial-gradient(50% 50% at 50% 50%, #f8f8f8 37.5%, #e8e8e8 100%); + cursor: default; + height: 100%; + min-width: 0; + overflow: hidden; + position: fixed; + z-index: 100; + top: 0; + right: 0; + bottom: 0; + left: 0; + transition-property: opacity; + transition-duration: 0.5s; + transition-timing-function: ease-out; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +#wpforms-builder-overlay.fade-out { + opacity: 0; +} + +.wpforms-builder-overlay-content { + text-align: center; + position: relative; + height: 100px; + width: 100px; +} + +.wpforms-builder-overlay-content i { + display: block; + position: absolute; + left: 0; + top: 0; +} + +.wpforms-builder-overlay-content i.spinner { + background-image: url("../../images/builder/loading-spinner.svg"); + border-radius: 50%; + height: 100px; + width: 100px; + -webkit-animation: wpforms-spinner-rotation 0.8s linear infinite; + -moz-animation: wpforms-spinner-rotation 0.8s linear infinite; + -ms-animation: wpforms-spinner-rotation 0.8s linear infinite; + -o-animation: wpforms-spinner-rotation 0.8s linear infinite; + animation: wpforms-spinner-rotation 0.8s linear infinite; +} + +.wpforms-builder-overlay-content i.avatar { + background-color: #ffffff; + background-image: url("../../images/builder/loading-avatar.svg"); + border-radius: 50%; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); + height: 80px; + margin: 10px; + width: 80px; +} + +@keyframes wpforms-spinner-rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + + +/* 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; +} diff --git a/assets/css/builder-overlay.min.css b/assets/css/builder-overlay.min.css new file mode 100644 index 00000000..31d0e184 --- /dev/null +++ b/assets/css/builder-overlay.min.css @@ -0,0 +1,86 @@ +#wpforms-builder-overlay{background:radial-gradient(50% 50% at 50% 50%, #f8f8f8 37.5%, #e8e8e8 100%);cursor:default;height:100%;min-width:0;overflow:hidden;position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease-out;display:flex;flex-direction:column;justify-content:center;align-items:center}#wpforms-builder-overlay.fade-out{opacity:0}.wpforms-builder-overlay-content{text-align:center;position:relative;height:100px;width:100px}.wpforms-builder-overlay-content i{display:block;position:absolute;left:0;top:0}.wpforms-builder-overlay-content i.spinner{background-image:url("../../images/builder/loading-spinner.svg");border-radius:50%;height:100px;width:100px;-webkit-animation:wpforms-spinner-rotation 0.8s linear infinite;-moz-animation:wpforms-spinner-rotation 0.8s linear infinite;-ms-animation:wpforms-spinner-rotation 0.8s linear infinite;-o-animation:wpforms-spinner-rotation 0.8s linear infinite;animation:wpforms-spinner-rotation 0.8s linear infinite}.wpforms-builder-overlay-content i.avatar{background-color:#ffffff;background-image:url("../../images/builder/loading-avatar.svg");border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.15);height:80px;margin:10px;width:80px}@keyframes wpforms-spinner-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} + + +/* 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; +} diff --git a/assets/css/builder-panels.css b/assets/css/builder-panels.css new file mode 100644 index 00000000..0b8e9a53 --- /dev/null +++ b/assets/css/builder-panels.css @@ -0,0 +1,2362 @@ +.wpforms-admin-empty-state-container { + color: #50575e; + font-style: normal; + padding: 30px; + text-align: center; +} + +.wpforms-admin-empty-state-container .waving-hand-emoji { + background-image: url(../images/empty-states/waving-hand-emoji.png); + background-position: 0 0; + background-repeat: no-repeat; + background-size: 24px 24px; + display: inline-block; + padding-left: 34px; +} + +.wpforms-admin-empty-state-container h2 { + color: #1d2327; + font-family: inherit; + font-size: 24px; + font-weight: 600; + line-height: 29px; + margin: 0 0 10px; +} + +.wpforms-admin-empty-state-container h4 { + color: #32373c; + font-family: inherit; + font-size: 16px; + font-weight: 600; + line-height: 1.5; + margin-block: 0; +} + +.wpforms-admin-empty-state-container img { + max-width: 428px; + width: 100%; + margin: 30px auto; +} + +.wpforms-admin-empty-state-container p { + font-family: inherit; + font-size: 16px; + line-height: 24px; + margin-block: 0; + text-align: center; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms p:first-of-type { + font-weight: 600; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active { + border: none; + border-radius: 3px; + font-family: inherit; + font-weight: 600; + font-size: 16px; + line-height: 1.5; + text-align: center; + color: #ffffff; + padding: 15px 30px; + margin: 0; + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:hover, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:hover { + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:focus, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:focus { + outline: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-admin-no-forms-footer { + margin-top: 30px; + font-size: 14px; + line-height: 16px; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms { + font-family: 'Helvetica Neue', sans-serif; + background: rgba(255, 255, 255, 0.5); + border: 1px solid #71d7d7; + box-sizing: border-box; + padding: 20px; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms img { + max-width: 240px; + width: 100%; + margin: 0 auto; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms p { + font-family: inherit; + font-weight: normal; + font-size: 14px; + line-height: 18px; + text-align: center; + color: #495157; + max-width: 450px; + margin: 20px auto 0; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a { + color: inherit; + text-decoration: underline; + position: relative; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a:hover { + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn { + background: #525962; + border: none; + border-radius: 3px; + font-family: inherit; + font-weight: 600; + font-size: 12px; + line-height: 1.5; + text-align: center; + text-transform: uppercase; + color: #ffffff; + padding: 7px 17px; + margin: 20px 0 0; + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:hover { + text-decoration: none; + background: #2b2c31; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:focus { + outline: none; +} + +.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-admin-no-forms-footer { + font-size: 12px; + line-height: 1.5; + color: #6d7882; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-entries img { + max-width: 413px; + display: block; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments { + max-width: 600px; + margin: 0 auto; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments img { + display: block; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-btn-lg { + border-radius: 4px; + padding: 14px 20px; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]) { + color: #056aab; + text-decoration: underline; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]):hover { + text-decoration: none; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-admin-no-forms-footer { + margin-top: 30px; + font-size: 14px; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h2, .wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h4 { + font-weight: 500; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p { + font-size: 14px; + color: #777777; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p.wpforms-admin-no-forms-footer { + color: #50575e; +} + +.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates img { + max-width: 560px; + border-radius: 4px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); +} + +#wpforms-panel-setup .wpforms-panel-content { + align-items: stretch; + display: flex; + flex-direction: column; + justify-content: flex-start; + padding: 0; +} + +#wpforms-setup-form-name { + align-items: center; + background-color: #f8f8f8; + border-bottom: 1px solid #dddddd; + display: flex; + justify-content: space-between; + overflow: hidden; + padding: 30px; +} + +#wpforms-setup-form-name label { + display: inline-block; + font-size: 20px; + font-weight: 600; + min-width: 200px; + padding: 0; +} + +#wpforms-setup-name { + display: inline-block; + font-size: 20px; + height: 50px; + margin-inline-start: 30px; + padding: 13px 10px; + width: calc( 100% - 290px); +} + +.wpforms-setup-title { + font-size: 20px; + font-weight: 600; + margin: 30px 30px 0 30px; + color: #444444; +} + +.wpforms-setup-title .count { + color: #bbbbbb; +} + +.wpforms-setup-desc { + margin: 10px 30px 30px 30px; + color: #777777; +} + +.wpforms-setup-desc a { + color: #777777; +} + +.wpforms-setup-desc a:hover { + color: #444444; +} + +.wpforms-setup-templates { + align-items: stretch; + border-top: 1px solid #dddddd; + display: flex; + flex-grow: 2; + justify-content: space-between; + margin: 0 30px; + padding: 0 0 30px 0; +} + +.wpforms-setup-templates-sidebar { + border-inline-end: 1px solid #dddddd; + padding-inline-end: 30px; + padding-top: 30px; + width: 224px; + box-sizing: content-box; +} + +#wpforms-setup-template-search { + font-size: 16px; + font-weight: 400; + height: 40px; + line-height: 20px; + padding-inline-start: 35px; + width: 100%; + color: #444444; + border: 1px solid #cccccc; + border-radius: 4px; + box-shadow: none; +} + +#wpforms-setup-template-search::placeholder { + color: #bbbbbb; + font-weight: 400; +} + +#wpforms-setup-template-search:focus { + border-color: #036aab; + box-shadow: 0 0 0 1px #036aab; +} + +.wpforms-setup-templates-search-wrap { + position: relative; +} + +.wpforms-setup-templates-search-wrap i.fa { + color: #bbbbbb; + display: block; + font-size: 16px; + inset-inline-start: 10px; + position: absolute; + top: 12px; + width: 16px; +} + +.wpforms-setup-templates-categories { + margin-top: 30px; + width: 224px; + box-sizing: content-box; +} + +.wpforms-setup-templates-categories > li { + color: #444444; + cursor: pointer; + font-size: 14px; + font-weight: 600; + line-height: 16px; + margin: 0; +} + +.wpforms-setup-templates-categories > li div { + border-radius: 4px; + padding: 10px; +} + +.wpforms-setup-templates-categories > li div:hover { + color: #444444; + text-decoration: underline; +} + +.wpforms-setup-templates-categories > li div > span { + float: inline-end; + color: #777777; + opacity: 0.5; + font-weight: 400; +} + +.wpforms-setup-templates-categories > li.divider { + border-bottom: 1px solid #dddddd; + margin: 30px 0; + padding: 0; +} + +.wpforms-setup-templates-categories > li.active div { + background: #ebf3fc; + color: #0399ed; + position: relative; +} + +.wpforms-setup-templates-categories > li.active div span { + color: #0399ed; + opacity: 1; + font-weight: 600; +} + +.wpforms-setup-templates-categories > li.active div:hover { + text-decoration: none; +} + +.wpforms-setup-templates-categories > li.active.opened .wpforms-setup-templates-subcategories { + display: block; +} + +.wpforms-setup-templates-categories > li.active .chevron { + color: #0399ed; +} + +.wpforms-setup-templates-categories > li i.chevron { + display: none; +} + +.wpforms-setup-templates-categories > li:has(ul) i.chevron { + display: inline-block; + position: relative; + top: -1px; + padding: 0 5px; + font-size: 12px; + color: #777777; +} + +.wpforms-setup-templates-categories > li.opened i.chevron { + transform: rotate(180deg); +} + +.wpforms-setup-templates-categories > li.opened ul.wpforms-setup-templates-subcategories { + display: block; +} + +.wpforms-setup-templates-subcategories { + display: none; +} + +.wpforms-setup-templates-subcategories li { + display: flex; + justify-content: space-between; + color: #777777; + cursor: pointer; + font-size: 14px; + font-weight: 400; + line-height: 18px; + margin: 0; + padding-block: 5px; + padding-inline-end: 10px; + padding-inline-start: 20px; + position: relative; +} + +.wpforms-setup-templates-subcategories li:hover span:first-child { + text-decoration: underline; +} + +.wpforms-setup-templates-subcategories li.active { + color: #0399ed; + font-weight: 400; +} + +.wpforms-setup-templates-subcategories li.active span:last-child { + color: #0399ed; + font-weight: 400; + opacity: 1; +} + +.wpforms-setup-templates-subcategories li i { + color: #999999; + position: absolute; + top: 50%; + transform: translateY(-50%); + inset-inline-start: 10px; +} + +.wpforms-setup-templates-subcategories li span:first-child { + flex-grow: 1; + padding-inline-end: 5px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.wpforms-setup-templates-subcategories li span:last-child { + min-width: 32px; + color: #777777; + opacity: 0.5; + font-weight: 400; + text-align: end; +} + +#wpforms-setup-templates-list { + padding-top: 30px; + width: calc( 100% - 250px); +} + +#wpforms-setup-templates-list .wpforms-admin-empty-state-container .waving-hand-emoji { + background-image: url(../../images/empty-states/waving-hand-emoji.png); +} + +#wpforms-setup-templates-list .list { + display: grid; + grid-gap: 30px; + grid-template-columns: repeat(auto-fill, minmax(Max(200px, 260px), 1fr)); + padding-inline-start: 30px; +} + +#wpforms-setup-templates-list .wpforms-template { + border-radius: 6px; + height: 100%; + overflow: hidden; + padding: 0 0 15px; + position: relative; + box-shadow: 0 0 0 1px #cccccc; + transition: box-shadow 0.15s ease-in-out; +} + +#wpforms-setup-templates-list .wpforms-template:hover, #wpforms-setup-templates-list .wpforms-template.active { + box-shadow: 0 0 0 2px #777777, 0 3px 4px rgba(0, 0, 0, 0.15); + outline: none; +} + +#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-buttons, +#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-favorite, +#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-remove, #wpforms-setup-templates-list .wpforms-template.active .wpforms-template-buttons, +#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-favorite, +#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-remove { + opacity: 1; +} + +#wpforms-setup-templates-list .wpforms-template:hover .wpforms-badge, #wpforms-setup-templates-list .wpforms-template.active .wpforms-badge { + opacity: 0; +} + +#wpforms-setup-templates-list .wpforms-template.badge h3 { + padding-inline-end: 45px; +} + +#wpforms-setup-templates-list .wpforms-template.selected { + box-shadow: 0 0 0 2px #e27730, 0 3px 4px rgba(0, 0, 0, 0.15); +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail { + background-color: #F5F9FD; + border-bottom: 1px solid #EBEEF1; + overflow: hidden; + padding: 20px 54px 0; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail > img { + border-radius: 2px 2px 0 0; + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); + display: block; + margin: 0 auto; + max-width: 100%; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail .wpforms-template-thumbnail-placeholder { + align-items: center; + aspect-ratio: 1; + background: #fff; + border-radius: 2px 2px 0 0; + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); + display: flex; + justify-content: center; + margin: 0 auto; + max-width: 350px; + min-height: 100%; + width: 100%; +} + +#wpforms-setup-templates-list .wpforms-template h3 { + font-size: 16px; + font-weight: 600; + line-height: 18px; + padding: 20px 20px 2px; + margin: 0; + overflow: hidden; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + color: #444444; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite, +#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove { + display: block; + position: absolute; + inset-inline-end: 10px; + top: 10px; + font-size: 18px; + line-height: 18px; + opacity: 0; + color: #aaaaaa; + transition-property: all; + transition-duration: 0.15s; + transition-timing-function: ease-out; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite:hover, +#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove:hover { + color: #d63637; + cursor: pointer; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-out; +} + +#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite .fa-heart, +#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove .fa-heart { + color: #d63638; +} + +#wpforms-setup-templates-list .wpforms-template.selected h3 { + padding-inline-end: 60px; +} + +#wpforms-setup-templates-list .wpforms-template.pro h3 { + padding-inline-end: 40px; +} + +#wpforms-setup-templates-list .wpforms-template p { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; + color: #777777; + font-size: 14px; + line-height: 18px; + margin: 10px 0 0; + max-height: 55px; + min-height: 45px; + padding: 0 20px; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner { + background: rgba(226, 119, 48, 0.08); + border-radius: 6px; + display: flex; + flex-direction: row; + grid-column: 1 / -1; + justify-content: space-between; + align-items: center; + padding-inline-end: 20px; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content { + padding: 20px; + width: 80%; + color: #444444; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content h3 { + font-weight: 600; + font-size: 16px; + line-height: 18px; + margin-top: 0; + margin-bottom: 5px; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content p { + font-weight: 400; + font-size: 14px; + line-height: 18px; + margin: 0; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button { + width: 20%; + text-align: end; +} + +#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button a { + min-height: 13px; +} + +@media screen and (max-width: 1279px) { + #wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button a { + box-sizing: border-box; + width: 100%; + } +} + +#wpforms-setup-templates-list .wpforms-templates-no-results { + display: none; + margin-inline-start: 30px; +} + +#wpforms-setup-templates-list .wpforms-templates-no-results p { + font-size: 16px; + line-height: 40px; + margin: 0; + color: #444444; +} + +.rtl #wpforms-setup-templates-list .wpforms-badge { + border-radius: 0 0 3px 0; + left: 0; + right: auto; +} + +.wpforms-template-buttons { + background-color: #ffffff; + border-radius: 6px; + display: flex; + opacity: 0; + padding: 15px 15px 0; + width: 100%; + align-items: flex-start; + gap: 10px; + position: absolute; + bottom: 15px; + transition-property: all; + transition-duration: 0.15s; + transition-timing-function: ease-out; +} + +.wpforms-template-buttons .wpforms-btn { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 600; + font-size: 13px; + line-height: 16px; + padding: 11px 10px; +} + +.wpforms-template-buttons .visible { + opacity: 1; +} + +@media (max-width: 1439px) { + #wpforms-setup-name { + width: calc( 100% - 250px); + } +} + +@media (max-width: 1369px) { + #wpforms-setup-templates-list .list { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 1279px) { + #wpforms-setup-templates-list .list { + grid-template-columns: 1fr; + } + #wpforms-setup-templates-list .list .wpforms-template .wpforms-template-buttons { + position: relative; + bottom: 0; + margin: 10px 0 0 0; + opacity: 1; + padding: 0 20px; + } + #wpforms-setup-templates-list .list .wpforms-template p { + min-height: auto; + } + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner { + flex-direction: column; + padding: 20px; + } + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-content, + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button { + width: 100%; + } + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-content { + padding: 0; + } + #wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button { + text-align: center; + margin-top: 20px; + } +} + +#wpforms-panel-settings .wpforms-panel-sidebar-section { + height: auto; +} + +#wpforms-panel-settings .wpforms-builder-settings-block { + border: 1px solid #cccccc; + margin: 0 0 20px 0; +} + +#wpforms-panel-settings .wpforms-builder-settings-block .wpforms-panel-field, +#wpforms-panel-settings .wpforms-builder-settings-block .wpforms-field-map-table { + padding: 0 20px; +} + +#wpforms-panel-settings .wpforms-builder-settings-block .wpforms-panel-field:last-child { + padding-bottom: 20px; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header { + background-color: #f8f8f8; + border-bottom: 1px solid #cccccc; + font-size: 16px; + font-weight: 600; + line-height: 20px; + margin: 0 0 -1px 0; + padding: 15px 20px; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-name-holder { + display: block; + margin-inline-end: 130px; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-name-edit { + display: none; + margin-bottom: -7px; + margin-top: -6px; + width: calc(100% - 65px); +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-name-edit.active { + display: inline-block; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-name-edit input { + width: 100%; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-actions { + display: inline-block; + float: inline-end; + text-align: end; + width: 150px; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-actions .wpforms-builder-settings-block-status { + position: relative; + top: -3px; + margin-inline-end: 10px; + border-radius: 3px; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header button { + background-color: transparent; + border: none; + color: #999999; + cursor: pointer; + font-size: 16px; + line-height: 1; + margin-inline-end: 10px; + padding: 0; + appearance: none; + -webkit-appearance: none; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header button:hover { + color: #777777; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header button.wpforms-builder-settings-block-delete { + color: #d63638; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header button.wpforms-builder-settings-block-delete:hover { + color: #b32d2e; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header button:last-of-type { + margin-inline-end: 0; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-edit { + margin-inline-start: 6px; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-content { + margin-top: 20px; + padding-bottom: 0; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-default .wpforms-builder-settings-block-toggle { + padding-inline-end: 0; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-default .wpforms-builder-settings-block-delete { + display: none; +} + +#wpforms-panel-settings .wpforms-builder-settings-block-default.wpforms-confirmation .wpforms-conditional-block-panel { + display: none; +} + +#wpforms-panel-settings .wpforms-panel-field-radio .row > label { + margin-bottom: 0; +} + +#wpforms-panel-settings .toggle-unfoldable-cont, +#wpforms-panel-settings .unfoldable-cont { + margin-inline-end: 0; +} + +#wpforms-panel-settings .toggle-unfoldable-cont i { + color: #bbbbbb; + margin-inline-end: 6px; +} + +#wpforms-panel-settings .toggle-unfoldable-cont span { + color: #777777; +} + +#wpforms-panel-settings .wpforms-panel-field-tinymce > label { + margin-bottom: -20px; + margin-inline-end: 100px; + position: relative; + z-index: 2; +} + +#wpforms-panel-settings .wpforms-panel-field-tinymce .toggle-smart-tag-display { + float: none; + margin-top: 10px; + display: inline-block; +} + +#wpforms-panel-settings .wpforms-panel-field-tinymce .smart-tags-list-display { + margin-top: 10px; +} + +#wpforms-panel-settings .wpforms-panel-field-tinymce .wp-editor-wrap .quicktags-toolbar { + border: none; + border-bottom: 1px solid #dcdcde; +} + +#wpforms-panel-settings .wpforms-panel-field-tinymce .wp-editor-wrap textarea { + border: none; +} + +#wpforms-panel-settings .wpforms-panel-field-tinymce .wp-editor-wrap textarea:focus { + border: none; + box-shadow: none; +} + +#wpforms-panel-settings .wpforms-panel-field-tinymce .quicktags-toolbar { + border: 1px solid #dcdcde; + z-index: 2; +} + +#wpforms-panel-settings .wpforms-panel-field-tinymce textarea { + border-radius: 0; + border-top: 0; +} + +#wpforms-panel-settings .wpforms-panel-field-tinymce textarea:focus { + border: 1px solid #dcdcde; + border-top: 0; + box-shadow: none; +} + +#wpforms-panel-settings .wpforms-panel-field-warning label, +#wpforms-panel-settings .wpforms-panel-field-warning input, +#wpforms-panel-settings .wpforms-panel-field-warning .wpforms-alert, +#wpforms-panel-settings .wpforms-panel-field-warning .smart-tags-list-display { + max-width: 410px; +} + +#wpforms-panel-settings .wpforms-panel-field-warning .wpforms-alert-warning-wide { + max-width: 100%; +} + +#wpforms-panel-settings .wpforms-panel-field-warning label { + position: relative; +} + +#wpforms-panel-settings .wpforms-panel-field-warning label:after { + color: #ffb900; + content: "\f071"; + font-family: FontAwesome; + font-size: 16px; + position: absolute; + inset-inline-end: -26px; + top: 35px; +} + +#wpforms-panel-settings .wpforms-panel-field-warning .wpforms-alert { + margin-top: 20px; +} + +#wpforms-panel-settings .wpforms-panel-field-confirmations-page-choicesjs-unflippable .is-flipped .choices__list--dropdown { + top: 100%; + bottom: auto; + margin-top: -1px; + margin-bottom: 0; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); + /* Magic numbers below are to compensate for 1px box-shadow used to draw a "dynamic" border. */ + gap: 32px; + margin: 0 0 -19px 1px; + padding-top: 1px; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item { + display: flex; + flex-direction: column; + align-items: center; + margin: 0; + padding: 20px; + border-radius: 6px; + background: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + transition: box-shadow 0.15s ease-in-out; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item:hover { + box-shadow: 0 0 0 2px #777777, 0 3px 4px rgba(0, 0, 0, 0.15); +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item-logo { + margin: 0 0 20px 0; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item-logo img { + display: flex; + height: 68px; + width: 68px; + padding: 10px 10px; + border-radius: 4px; + border: 1px solid #dddddd; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item-info { + display: flex; + flex-direction: column; + align-items: center; + height: 100%; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item-info h3 { + margin: 0; + color: #444444; + font-size: 16px; + line-height: 16px; + font-weight: 500; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item-info p { + font-size: 13px; + line-height: 18px; + text-align: center; + color: #777777; + margin: 10px 0; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item-info a { + display: block; + margin: auto 0 0 0; + font-size: 14px; + line-height: 21px; + text-decoration: none; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item-info a:hover { + color: #215d8f; + text-decoration: underline; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item-info a.wpforms-panel-content-also-available-item-upgrade-to-pro { + color: #e27730; +} + +#wpforms-panel-settings .wpforms-panel-content-also-available-item-info a.wpforms-panel-content-also-available-item-upgrade-to-pro:hover { + color: #cd6622; +} + +#wpforms-panel-settings .wpforms-panel-field-country-filter-body { + max-width: 100%; +} + +#wpforms-panel-settings .wpforms-panel-field-keyword-filter-body > p { + margin: 0 0 20px; +} + +#wpforms-panel-settings .wpforms-panel-field-keyword-filter-body .note { + margin: 0 0 10px; + font-size: 12px; +} + +#wpforms-panel-settings .wpforms-panel-field-keyword-filter-body .wpforms-panel-field-keyword-filter-message { + margin-top: 20px; +} + +#wpforms-panel-settings .wpforms-panel-field-keyword-filter-keywords-container { + display: none; +} + +#wpforms-panel-settings .wpforms-panel-field-keyword-filter-keywords-container .wpforms-panel-field { + margin-bottom: 10px; +} + +#wpforms-panel-settings .wpforms-panel-field-keyword-filter-keywords-container .wpforms-panel-field textarea { + height: 200px; +} + +#wpforms-panel-settings .wpforms-panel-field-country-filter-block-row { + display: flex; + margin-top: 10px; + align-items: start; + margin-bottom: 20px; +} + +#wpforms-panel-settings .wpforms-panel-field-country-filter-block-row-action { + max-width: 125px; + width: 100%; + margin: 0; +} + +#wpforms-panel-settings .wpforms-panel-field-country-filter-block-row-separator { + max-width: 95px; + width: 100%; + margin: 0; + text-align: center; + font-style: italic; + font-weight: 400; + font-size: 14px; + line-height: 32px; + color: #777777; + white-space: nowrap; + display: block; +} + +#wpforms-panel-settings .wpforms-panel-field-country-filter-block-row-countries { + min-width: 230px; + max-width: 100%; +} + +#wpforms-panel-settings .wpforms-panel-field-keyword-filter-body .wpforms-alert { + max-width: 450px; + margin: 0 0 10px; +} + +#wpforms-panel-settings .wpforms-panel-content-section-themes { + position: fixed; + bottom: 60px; + top: calc(76px + 60px + var(--wpforms-admin-bar-height)); + right: 60px; + left: calc(495px + 60px); +} + +#wpforms-panel-settings .wpforms-panel-content-section-themes-inner p { + margin: 0; + margin-bottom: 30px; +} + +#wpforms-panel-settings .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-video iframe { + border-radius: 6px; + border-width: 0; + width: 100%; + max-width: 640px; + aspect-ratio: 16 / 9; +} + +#wpforms-panel-settings .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-themes-bottom { + position: absolute; + bottom: 0; + width: 100%; +} + +#wpforms-panel-settings .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-themes-bottom .wpforms-alert.wpforms-alert-info.wpforms-bottom { + margin-top: 30px; +} + +#wpforms-panel-settings .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-themes-bottom .wpforms-alert.wpforms-alert-info.wpforms-bottom .wpforms-aside-left .wpforms-alert-heading { + font-size: 14px; +} + +@media (max-height: 864px) { + #wpforms-panel-settings .wpforms-panel-content-section-themes { + position: unset; + } + #wpforms-panel-settings .wpforms-panel-content-section-themes .wpforms-panel-content-section-themes-inner { + height: auto; + display: block; + } + #wpforms-panel-settings .wpforms-panel-content-section-themes .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-themes-bottom { + position: unset; + } +} + +@media (max-width: 1082px) { + #wpforms-panel-settings .wpforms-panel-field-warning input { + padding-inline-end: 36px; + } + #wpforms-panel-settings .wpforms-panel-field-warning label:after { + inset-inline-end: 11px; + } +} + +.wpforms_page_wpforms-builder .jconfirm-box-container .wpforms-modal-content-box.jconfirm-box .jconfirm-content-pane { + margin-bottom: 15px; + max-height: Min(calc(100vh - 135px), 544px); + overflow-y: hidden; +} + +.wpforms-modal-content-box .jconfirm-content { + height: 100%; +} + +.wpforms-modal-content-box .jconfirm-content > div { + display: flex; + flex-direction: column; + height: 100%; +} + +.wpforms-modal-content-box .wpforms-modal-content { + background-color: #f8f8f8; + border-radius: 4px; + overflow-y: auto; + padding: 20px; +} + +.wpforms-modal-content-box .wpforms-modal-content::-webkit-scrollbar { + width: 3px; +} + +.wpforms-modal-content-box .wpforms-modal-content::-webkit-scrollbar-thumb { + background-color: #666666; +} + +.wpforms-modal-header { + padding-bottom: 30px; + padding-top: 5px; + line-height: 22px; +} + +.wpforms-modal-header h1 { + font-weight: 500; + margin-bottom: 15px; + margin-top: 0; +} + +.wpforms-email-template-modal-content { + gap: 15px; +} + +.wpforms-email-template-modal-content .wpforms-card-image-overlay { + aspect-ratio: 31/36; + background-position: center; + background-size: contain; + border: 1px solid #c3c4c7; + border-radius: 6px; + display: flex; + flex-direction: column; + gap: 10px; + justify-content: center; + order: -1; + position: relative; + transition: box-shadow .15s ease-in-out, border .15s ease-in-out; + width: 100%; + padding: 12px; +} + +.wpforms-email-template-modal-content .wpforms-card-image-overlay:before { + background-color: #ffffff; + content: ""; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + width: 100%; + border-radius: inherit; + transition: opacity .15s ease-in-out; +} + +.wpforms-email-template-modal-content .wpforms-card-image-overlay .wpforms-btn { + opacity: 0; + transition: all .05s ease-in-out, opacity .15s ease-in-out; + width: 100%; + z-index: 2; +} + +.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field label { + align-items: center; + color: #50575e; + display: flex; + font-size: 14px; + flex-wrap: wrap; + gap: 12px 10px; + justify-content: center; + text-align: center; +} + +.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field label:hover .wpforms-card-image-overlay { + border: 2px solid #ffffff; + box-shadow: 0 0 0 2px #50575e, 0 2px 4px 2px rgba(0, 0, 0, 0.07); +} + +.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field label:hover .wpforms-card-image-overlay:before { + opacity: .7; +} + +.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field label:hover .wpforms-card-image-overlay .wpforms-btn { + opacity: 1; +} + +.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field input[type=radio] { + display: none; +} + +.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field input[type=radio]:checked + label { + font-weight: 500; + color: #2c3338; +} + +.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field input[type=radio]:checked + label .wpforms-card-image-overlay { + border: 2px solid #ffffff; + box-shadow: 0 0 0 2px #e27730, 0 2px 4px 2px rgba(0, 0, 0, 0.07); +} + +.wpforms-email-template-modal-content .wpforms-btn { + border-width: 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; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-in; + align-items: center; + justify-content: center; +} + +.wpforms-email-template-modal-content .wpforms-btn { + display: flex; +} + +.wpforms-email-template-modal-content .wpforms-btn-md { + font-size: 13px; + font-weight: 600; + line-height: 13px; + min-height: 35px; + padding: 5px 15px; +} + +.wpforms-email-template-modal-content .wpforms-btn-orange { + background-color: #e27730; + border-color: #e27730; + color: #ffffff; +} + +.wpforms-email-template-modal-content .wpforms-btn-orange:hover { + background-color: #cd6622; + border-color: #cd6622; + color: #ffffff; +} + +.wpforms-email-template-modal-content .wpforms-btn-light-grey { + background-color: #f8f8f8; + border-color: #cccccc; + color: #777777; +} + +.wpforms-email-template-modal-content .wpforms-btn-light-grey:hover { + background-color: #eeeeee; + border-color: #cccccc; + color: #444444; +} + +.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field { + display: grid; + gap: 20px 17px; + grid-template-columns: repeat(5, 1fr); +} + +.wpforms-email-template-modal-content .wpforms-card-image { + position: relative; +} + +.wpforms-email-template-modal-content .wpforms-card-image:nth-child(5n+1):before { + background: url(../../images/email/template-placeholder.svg) space; + background-size: calc(20% - 13.5px); + content: ""; + height: 100%; + inset-inline-start: 0; + opacity: .5; + pointer-events: none; + position: absolute; + top: 0; + width: calc(500% + 68px); +} + +.wpforms-card-image-overlay { + padding: 10px; +} + +.option-default .wpforms-card-image-overlay { + background-image: url(../../images/email/template-classic.svg); +} + +.option-classic .wpforms-card-image-overlay { + background-image: url(../../images/email/template-classic.svg); +} + +.option-compact .wpforms-card-image-overlay { + background-image: url(../../images/email/template-compact.svg); +} + +.option-modern .wpforms-card-image-overlay { + background-image: url(../../images/email/template-modern.svg); +} + +.option-elegant .wpforms-card-image-overlay { + background-image: url(../../images/email/template-elegant.svg); +} + +.option-tech .wpforms-card-image-overlay { + background-image: url(../../images/email/template-tech.svg); +} + +.option-none .wpforms-card-image-overlay { + background-image: url(../../images/email/template-plaintext.svg); +} + +.wpforms-builder-provider .wpforms-builder-provider-title { + justify-content: flex-start; + gap: 20px; + min-height: 68px; +} + +.wpforms-builder-provider .wpforms-builder-provider-title button { + margin-inline-start: auto; +} + +.wpforms-builder-provider .wpforms-builder-provider-title-spinner { + color: #777777; + display: none; + font-size: 20px; + line-height: 20px; +} + +.wpforms-builder-provider .wpforms-builder-provider-connections > :last-child { + margin-bottom: 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection { + border: 1px solid #cccccc; + margin: 0 0 20px 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection > :last-child { + margin-bottom: 20px; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-title { + background-color: #f8f8f8; + border-bottom: 1px solid #cccccc; + font-size: 16px; + font-weight: 600; + line-height: 20px; + margin: 0 0 -1px 0; + padding: 15px 20px 14px 20px; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-delete { + background-color: transparent; + border: none; + color: #d63638; + cursor: pointer; + float: inline-end; + font-size: 16px; + line-height: 1; + margin-top: -2px; + appearance: none; + -webkit-appearance: none; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-block { + margin: 20px 0 0 0; + padding: 0 20px; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-block h4 { + font-size: 16px; + font-weight: 600; + line-height: 20px; + margin-bottom: 10px; + margin-inline-start: 1px; + margin-top: 0; + padding: 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-block p.description { + color: #777777; + font-size: 13px; + line-height: 18px; + margin: 5px 0 0 0; + max-width: 450px; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-block p.description.before { + margin: 0 0 10px 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-block:last-child { + margin-bottom: 20px; +} + +.wpforms-builder-provider input[type=text], +.wpforms-builder-provider input[type=url], +.wpforms-builder-provider select, +.wpforms-builder-provider textarea, +.wpforms-builder-provider .wpforms-builder-provider-connection-block .choices { + max-width: 450px; + width: 100%; +} + +.wpforms-builder-provider input[type=checkbox] + label, +.wpforms-builder-provider input[type=radio] + label { + display: inline-block; + margin: 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-setting { + margin: 20px 0 0 0; + max-width: 450px; + padding: 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-setting label { + display: block; + font-size: 14px; + font-weight: 400; + line-height: 17px; + margin-bottom: 10px; + margin-inline-start: 1px; + padding: 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-setting label.wpforms-toggle-control-icon, .wpforms-builder-provider .wpforms-builder-provider-connection-setting label.wpforms-toggle-control-label { + display: inline-block; + margin: 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-setting .text-btn-inlined { + display: table; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-setting .text-btn-inlined > .text-btn-inlined-text { + display: table-cell; + padding-inline-end: 10px; + vertical-align: middle; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-setting .text-btn-inlined > .text-btn-inlined-btn { + display: table-cell; + vertical-align: middle; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-setting .wpforms-panel-field:only-child { + margin-bottom: 20px !important; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-setting .choices { + margin-bottom: 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-setting .choices[data-type*="select-multiple"] .choices__input:focus { + border: none !important; + box-shadow: none !important; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table { + border: 1px solid #cccccc; + border-collapse: collapse; + border-spacing: 0; + width: 100%; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table thead { + background-color: #f8f8f8; + color: #777777; + font-size: 14px; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table thead th { + font-weight: 400; + padding: 8px 10px; + text-align: start; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td { + width: 50%; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.add button, .wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button { + background: none; + border: none; + box-shadow: none; + color: #036aab; + height: auto; + line-height: 1; + margin: 0; + padding: 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.add button i, .wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button i { + font-size: 16px; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.add button:hover, .wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button:hover { + color: #215d8f; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button { + color: #d63638; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button:hover { + color: #b32d2e; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table tbody td { + border-top: 1px solid #cccccc; + padding-block: 10px; + padding-inline-start: 10px; + padding-inline-end: 0; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table tbody td:last-of-type { + padding-inline-end: 10px; +} + +.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table + p.description { + max-width: 100%; +} + +.wpforms-builder-provider .required { + color: #d63638; + font-weight: 700; + margin-inline-start: 5px; +} + +.wpforms-builder-provider .wpforms-conditional-block { + margin: 20px 0 0 0; + padding: 0 20px; +} + +.wpforms-builder-provider .wpforms-builder-provider-connections-error { + color: #d63638; + font-size: 16px; +} + +.wpforms-builder-provider.loading .wpforms-builder-provider-title .wpforms-builder-provider-title-spinner { + display: inline; +} + +.wpforms-builder-provider.loading .wpforms-builder-provider-connections { + opacity: .5; + pointer-events: none; +} + +.wpforms-builder-provider-connections-default { + padding: 30px 50px 50px 50px; + position: relative; + text-align: center; +} + +.wpforms-builder-provider-title:has(button) + .wpforms-builder-provider-connections-default::before { + background: url("../../images/builder/default-arrow.svg") no-repeat 0 0; + background-size: 97px 81px; + content: ""; + height: 83px; + position: absolute; + inset-inline-end: 60px; + top: 20px; + transform: rotate(90deg); + width: 97px; +} + +.wpforms-builder-provider-connections-default img { + border: 1px solid #cccccc; + border-radius: 4px; + height: 140px; + margin: 0 0 30px 0; + width: 140px; +} + +.wpforms-builder-provider-connections-default h2:first-child { + margin-top: 0; +} + +.wpforms-builder-provider-connections-default p { + font-size: 16px; + line-height: 24px; + max-width: 615px; + margin: 0 auto 20px; +} + +.wpforms-provider-connections > :last-child { + margin-bottom: 0; +} + +.wpforms-provider-connections-header { + background-color: #f8f8f8; + padding: 10px 20px; +} + +.wpforms-provider-connections-header h5 { + float: inline-start; + font-size: 18px; + margin: 0; + padding: 5px 0 0 0; +} + +.wpforms-provider-connection { + border: 1px solid #cccccc; + margin: 0 0 20px 0; +} + +.wpforms-provider-connection .wpforms-provider-connection-header { + background-color: #f8f8f8; + border-bottom: 1px solid #cccccc; + font-size: 16px; + font-weight: 600; + line-height: 20px; + margin: 0 0 -1px 0; + padding: 15px 20px 14px 20px; +} + +.wpforms-provider-connection .wpforms-provider-connection-delete { + background-color: transparent; + border: none; + color: #d63638; + cursor: pointer; + float: inline-end; + font-size: 16px; + line-height: 1; + margin-top: -2px; + appearance: none; + -webkit-appearance: none; +} + +.wpforms-provider-connection .wpforms-provider-account-add input[type=text] { + margin: 0 0 10px 0; + display: block; +} + +.wpforms-provider-connection .wpforms-provider-account-add button { + border-width: 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; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-in; + font-size: 14px; + font-weight: 500; + padding: 0 10px; + height: 32px; + line-height: 30px; + background-color: #036aab; + border-color: #036aab; + color: #ffffff; + display: block; +} + +.wpforms-provider-connection .wpforms-provider-account-add button:hover { + background-color: #215d8f; + border-color: #215d8f; + color: #ffffff; +} + +.wpforms-provider-connection input[type=text], +.wpforms-provider-connection select { + max-width: 450px; + width: 100%; +} + +.wpforms-provider-connection input[type=text]::before, +.wpforms-provider-connection select::before { + content: ""; + display: block; + width: 100%; +} + +.wpforms-provider-connection .wpforms-connection-block { + margin: 20px 0 0 0; + padding: 0 20px; +} + +.wpforms-provider-connection .wpforms-connection-block h4 { + font-size: 16px; + font-weight: 600; + line-height: 20px; + margin-bottom: 10px; + margin-inline-start: 1px; + margin-top: 0; + padding: 0; +} + +.wpforms-provider-connection .wpforms-connection-block:last-child { + margin-bottom: 20px; +} + +.wpforms-provider-connection .wpforms-connection-block .wpforms-loading-spinner.wpforms-loading-inline { + margin-inline-start: 20px; + vertical-align: middle; +} + +.wpforms-provider-connection .wpforms-provider-groups-list p { + font-size: 12px; + font-weight: 700; + text-transform: uppercase; +} + +.wpforms-provider-connection .wpforms-provider-groups-list span { + display: block; + font-size: 13px; + margin-bottom: 4 5px; +} + +.wpforms-provider-connection .wpforms-provider-groups-list input { + margin-inline-end: 10px; +} + +.wpforms-provider-connection .wpforms-provider-fields table { + border: 1px solid #cccccc; + border-collapse: collapse; + border-spacing: 0; + width: 100%; +} + +.wpforms-provider-connection .wpforms-provider-fields table select { + width: 100%; +} + +.wpforms-provider-connection .wpforms-provider-fields table thead { + background-color: #f8f8f8; + color: #777777; + font-size: 14px; +} + +.wpforms-provider-connection .wpforms-provider-fields table thead th { + font-weight: 400; + padding: 8px 10px; + text-align: start; +} + +.wpforms-provider-connection .wpforms-provider-fields table tbody td { + border-top: 1px solid #cccccc; + padding: 10px; +} + +.wpforms-provider-connection .required { + color: #d63638; + font-weight: 700; + margin-inline-start: 5px; +} + +.wpforms-provider-connection .wpforms-conditional-block { + margin: 20px 0; + padding: 0 20px; +} + +.wpforms-provider-connection .wpforms-conditional-block .value input:disabled, +.wpforms-provider-connection .wpforms-conditional-block .value select:disabled { + background-color: #f1f1f1; + cursor: not-allowed; +} + +.wpforms-provider-connection .wpforms-provider-options label.block { + display: block; + margin: 0 0 5px 0; +} + +.wpforms-provider-connection .wpforms-provider-options input[type=text] { + width: 100%; +} + +.wpforms-panel-content-section-mailerlite .wpforms-builder-provider-connection-block:has(h4:first-child:last-child) { + display: none; +} + +.rtl .wpforms-builder-provider-title:has(button) + .wpforms-builder-provider-connections-default::before { + transform: scale(-1, 1) rotate(90deg); +} + +.rtl .wpforms-builder-provider .choices.is-open .choices__inner, +.rtl .wpforms-builder-provider .choices .choices__inner { + background-position: left 5px top 55%; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-title { + margin-bottom: 20px; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content h2 { + margin: 20px 0; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content img { + border: 1px solid #cccccc; + border-radius: 4px; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content select:disabled { + cursor: default; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-panel-field-text input:disabled { + background-color: #ffffff; + opacity: 0.5; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-alert-dismissible { + margin-top: 0; + margin-right: 0; + margin-left: 0; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-alert-icon { + width: 140px; + height: 140px; + margin: 30px auto 0 auto; + display: block; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content { + display: block; + margin: 30px auto 0 auto; + width: 100%; + text-align: center; + color: #444444; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 16px; + line-height: 24px; + margin-bottom: 10px; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content p a.secondary-text { + font-size: 16px; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content .wpforms-builder-payment-settings-learn-more { + margin-bottom: 20px; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content .wpforms-builder-payment-settings-learn-more a.secondary-text { + font-size: 14px; +} + +#wpforms-builder #wpforms-panel-payments #wpforms-stripe-credit-card-alert { + margin: 0; + padding: 0; + background-color: #ffffff; + border: none; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-stripe-notice-info { + color: #444444; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment { + position: relative; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment + .wpforms-panel-content-section-payment { + padding-top: 20px; + margin: 20px 0; + border-top: 1px solid #d6d6d6; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-subtitle { + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 20px; + text-align: start; + margin-top: 0 !important; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-content { + display: none; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment.wpforms-panel-content-section-payment-open .wpforms-panel-content-section-payment-button { + display: inline-block; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-button { + background: #036aab; + display: none; + padding: 10px 20px; + font-size: 14px; + line-height: 17px; + font-weight: 500; + color: #ffffff; + text-decoration: none; + border-radius: 4px; + position: absolute; + inset-inline-end: 0; + top: 20px; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-button:hover { + background-color: #215d8f; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan { + border: 1px solid #d6d6d6; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head { + background-color: #f8f8f8; + padding: 15px 20px; + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: start; + display: flex; + justify-content: space-between; + white-space: nowrap; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head-title { + width: 80%; + min-height: 20px; + overflow: hidden; + text-overflow: ellipsis; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head-buttons { + font-weight: 400; + color: #999999; + display: flex; + align-items: center; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head-buttons .fa { + margin-inline-start: 10px; + cursor: pointer; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head-buttons .fa-trash-o { + margin-inline-start: 10px; + color: #dc3232; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-body { + border-top: 1px solid #d6d6d6; + padding: 20px; +} + +#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan + .wpforms-panel-content-section-payment-plan { + margin-top: 20px; +} + +.wpforms-panels-toggle .wpforms-panel-revisions-button-spacer { + margin-top: auto; +} + +.wpforms-panels-toggle .wpforms-panel-revisions-button { + position: relative; + width: 55px; + height: 44px; + margin: 20px auto; + background-color: #333333; + border: 1px solid #444444; + border-radius: 4px; +} + +.wpforms-panels-toggle .wpforms-panel-revisions-button:hover { + background-color: #444444; +} + +.wpforms-panels-toggle .wpforms-panel-revisions-button:hover .fa { + color: #ffffff; + transition: color ease-in 0.05s; +} + +.wpforms-panels-toggle .wpforms-panel-revisions-button.active { + background-color: #e27730; + border-color: #e27730; +} + +.wpforms-panels-toggle .wpforms-panel-revisions-button .fa { + margin-top: -2px; + font-size: 24px; + line-height: 24px; +} + +.wpforms-panels-toggle .wpforms-panel-revisions-button .badge-exclamation { + position: absolute; + top: -5px; + inset-inline-end: -5px; + width: 16px; + height: 16px; + border-radius: 8px; + background: #d63638; + box-shadow: 0 0 0 2px #2d2d2d; + display: flex; + align-items: center; + justify-content: center; +} + +#wpforms-panel-revisions .wpforms-revisions-header { + margin: 20px; + border-bottom: 1px solid #ced7e0; +} + +#wpforms-panel-revisions .wpforms-revisions-header h3 { + font-weight: 600; + font-size: 15px; + line-height: 18px; + color: #444444; + margin: 20px 0 5px 0; +} + +#wpforms-panel-revisions .wpforms-revisions-header p { + font-weight: normal; + font-size: 12px; + line-height: 16px; + color: #86919e; + margin: 5px 0 20px 0; +} + +#wpforms-panel-revisions .wpforms-revisions-notice { + margin: 20px; + padding: 10px; + background-color: #ffffff; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); +} + +#wpforms-panel-revisions .wpforms-revisions-notice h2 { + margin: 0; + color: #444444; + font-size: 14px; + line-height: 17px; +} + +#wpforms-panel-revisions .wpforms-revisions-notice p { + margin: 5px 0 10px 0; + color: #777777; + font-size: 14px; + line-height: 18px; +} + +#wpforms-panel-revisions .wpforms-revisions-notice.wpforms-revisions-notice-error { + border-inline-start: 4px solid #d63638; +} + +#wpforms-panel-revisions .wpforms-revisions-notice.wpforms-revisions-notice-warning { + border-inline-start: 4px solid #ffb900; +} + +#wpforms-panel-revisions .wpforms-revisions-content { + margin: 20px; +} + +#wpforms-panel-revisions .wpforms-revision-current-version a, +#wpforms-panel-revisions .wpforms-revision a { + display: flex; + align-items: center; + padding: 15px; + background-color: #e0e8f0; + border: 2px solid #e0e8f0; + border-radius: 4px; + text-decoration: none; +} + +#wpforms-panel-revisions .wpforms-revision-current-version a:hover, +#wpforms-panel-revisions .wpforms-revision a:hover { + background-color: #ced7e0; + border-color: #ced7e0; +} + +#wpforms-panel-revisions .wpforms-revision-current-version.active a, +#wpforms-panel-revisions .wpforms-revision.active a { + background-color: #ffffff; + border: 2px solid #e27730; +} + +#wpforms-panel-revisions .wpforms-revision { + margin: 0 0 0 10px; + padding-top: 20px; + padding-inline-end: 0; + padding-inline-start: 10px; + border-inline-start: 2px solid #e0e8f0; + position: relative; +} + +#wpforms-panel-revisions .wpforms-revision.active a:before { + content: ""; + position: absolute; + top: calc( 50% + 5px); + inset-inline-start: -6px; + display: block; + width: 10px; + height: 10px; + border: 2px solid #e27730; + border-radius: 5px; + background-color: #ffffff; +} + +#wpforms-panel-revisions .wpforms-revision.active a:after { + content: ""; + position: absolute; + top: calc( 50% + 9px); + inset-inline-start: 4px; + display: block; + width: 6px; + height: 2px; + background-color: #e27730; +} + +#wpforms-panel-revisions .wpforms-revision-gravatar { + width: 40px; + height: 40px; + margin-inline-end: 15px; + border-radius: 20px; + overflow: hidden; +} + +#wpforms-panel-revisions .wpforms-revision-details p { + margin: 3px 0; + line-height: 16px; +} + +#wpforms-panel-revisions .wpforms-revision-created { + font-size: 12px; + color: #6b6d6f; +} + +#wpforms-panel-revisions .wpforms-revision-created strong { + font-weight: 600; + font-size: 14px; + color: #444444; +} + +#wpforms-panel-revisions .wpforms-revision-author { + font-size: 13px; + color: #86919e; +} + +#wpforms-panel-revisions .wpforms-preview * { + pointer-events: none; +} + +.wpforms-is-revision .wpforms-revision-notice { + position: fixed; + z-index: 10; + top: calc( 76px + var( --wpforms-admin-bar-height )); + inset-inline-start: 95px; + inset-inline-end: 0; + height: 40px; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + background-color: #fdf6e7; + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); + text-align: center; + font-size: 14px; + line-height: 16px; + color: #444444; + transition-property: top; + transition-duration: 0.25s; + transition-timing-function: ease-out; +} + +.wpforms-is-revision .wpforms-revision-notice p { + margin: 0; +} + +.wpforms-is-revision .wpforms-revision-notice a { + color: #444444; +} + +.wpforms-is-revision .wpforms-revision-notice a:hover { + color: #e27730; +} + +.wpforms-is-revision .wpforms-revision-notice .fa { + margin: 0 10px; + font-size: 16px; + opacity: .35; +} + +.wpforms-is-revision .wpforms-panel-sidebar-content .wpforms-panel-sidebar, +.wpforms-is-revision .wpforms-panel-sidebar-content .wpforms-panel-content-wrap, +.wpforms-is-revision .wpforms-panel-full-content .wpforms-panel-content-wrap, +.wpforms-is-revision #wpforms-panel-fields .wpforms-tabs { + top: calc( 76px + var( --wpforms-admin-bar-height ) + 40px); +} + +.wpforms-is-revision #wpforms-panel-fields .wpforms-panel-sidebar, +.wpforms-is-revision .wpforms-field-option-group-toggle { + top: calc( 124px + var( --wpforms-admin-bar-height ) + 40px); +} + +.wpforms-is-revision #wpforms-field-options:before { + top: calc( 125px + var( --wpforms-admin-bar-height ) + 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; +} diff --git a/assets/css/builder-panels.min.css b/assets/css/builder-panels.min.css new file mode 100644 index 00000000..33f64709 --- /dev/null +++ b/assets/css/builder-panels.min.css @@ -0,0 +1,86 @@ +.wpforms-admin-empty-state-container{color:#50575e;font-style:normal;padding:30px;text-align:center}.wpforms-admin-empty-state-container .waving-hand-emoji{background-image:url(../images/empty-states/waving-hand-emoji.png);background-position:0 0;background-repeat:no-repeat;background-size:24px 24px;display:inline-block;padding-left:34px}.wpforms-admin-empty-state-container h2{color:#1d2327;font-family:inherit;font-size:24px;font-weight:600;line-height:29px;margin:0 0 10px}.wpforms-admin-empty-state-container h4{color:#32373c;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;margin-block:0}.wpforms-admin-empty-state-container img{max-width:428px;width:100%;margin:30px auto}.wpforms-admin-empty-state-container p{font-family:inherit;font-size:16px;line-height:24px;margin-block:0;text-align:center}.wpforms-admin-empty-state-container.wpforms-admin-no-forms p:first-of-type{font-weight:600}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active{border:none;border-radius:3px;font-family:inherit;font-weight:600;font-size:16px;line-height:1.5;text-align:center;color:#ffffff;padding:15px 30px;margin:0;text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:hover,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:focus,.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:focus{outline:none}.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-admin-no-forms-footer{margin-top:30px;font-size:14px;line-height:16px}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms{font-family:'Helvetica Neue', sans-serif;background:rgba(255,255,255,0.5);border:1px solid #71d7d7;box-sizing:border-box;padding:20px}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms img{max-width:240px;width:100%;margin:0 auto}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms p{font-family:inherit;font-weight:normal;font-size:14px;line-height:18px;text-align:center;color:#495157;max-width:450px;margin:20px auto 0}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a{color:inherit;text-decoration:underline;position:relative}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a:hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn{background:#525962;border:none;border-radius:3px;font-family:inherit;font-weight:600;font-size:12px;line-height:1.5;text-align:center;text-transform:uppercase;color:#ffffff;padding:7px 17px;margin:20px 0 0;text-decoration:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:hover{text-decoration:none;background:#2b2c31}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:focus{outline:none}.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-admin-no-forms-footer{font-size:12px;line-height:1.5;color:#6d7882}.wpforms-admin-empty-state-container.wpforms-admin-no-entries img{max-width:413px;display:block}.wpforms-admin-empty-state-container.wpforms-admin-no-payments{max-width:600px;margin:0 auto}.wpforms-admin-empty-state-container.wpforms-admin-no-payments img{display:block}.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-btn-lg{border-radius:4px;padding:14px 20px}.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]){color:#056aab;text-decoration:underline}.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]):hover{text-decoration:none}.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-admin-no-forms-footer{margin-top:30px;font-size:14px}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h2,.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h4{font-weight:500}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p{font-size:14px;color:#777777}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p.wpforms-admin-no-forms-footer{color:#50575e}.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates img{max-width:560px;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,0.15)}#wpforms-panel-setup .wpforms-panel-content{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding:0}#wpforms-setup-form-name{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #dddddd;display:flex;justify-content:space-between;overflow:hidden;padding:30px}#wpforms-setup-form-name label{display:inline-block;font-size:20px;font-weight:600;min-width:200px;padding:0}#wpforms-setup-name{display:inline-block;font-size:20px;height:50px;margin-inline-start:30px;padding:13px 10px;width:calc( 100% - 290px)}.wpforms-setup-title{font-size:20px;font-weight:600;margin:30px 30px 0 30px;color:#444444}.wpforms-setup-title .count{color:#bbbbbb}.wpforms-setup-desc{margin:10px 30px 30px 30px;color:#777777}.wpforms-setup-desc a{color:#777777}.wpforms-setup-desc a:hover{color:#444444}.wpforms-setup-templates{align-items:stretch;border-top:1px solid #dddddd;display:flex;flex-grow:2;justify-content:space-between;margin:0 30px;padding:0 0 30px 0}.wpforms-setup-templates-sidebar{border-inline-end:1px solid #dddddd;padding-inline-end:30px;padding-top:30px;width:224px;box-sizing:content-box}#wpforms-setup-template-search{font-size:16px;font-weight:400;height:40px;line-height:20px;padding-inline-start:35px;width:100%;color:#444444;border:1px solid #cccccc;border-radius:4px;box-shadow:none}#wpforms-setup-template-search::placeholder{color:#bbbbbb;font-weight:400}#wpforms-setup-template-search:focus{border-color:#036aab;box-shadow:0 0 0 1px #036aab}.wpforms-setup-templates-search-wrap{position:relative}.wpforms-setup-templates-search-wrap i.fa{color:#bbbbbb;display:block;font-size:16px;inset-inline-start:10px;position:absolute;top:12px;width:16px}.wpforms-setup-templates-categories{margin-top:30px;width:224px;box-sizing:content-box}.wpforms-setup-templates-categories>li{color:#444444;cursor:pointer;font-size:14px;font-weight:600;line-height:16px;margin:0}.wpforms-setup-templates-categories>li div{border-radius:4px;padding:10px}.wpforms-setup-templates-categories>li div:hover{color:#444444;text-decoration:underline}.wpforms-setup-templates-categories>li div>span{float:inline-end;color:#777777;opacity:0.5;font-weight:400}.wpforms-setup-templates-categories>li.divider{border-bottom:1px solid #dddddd;margin:30px 0;padding:0}.wpforms-setup-templates-categories>li.active div{background:#ebf3fc;color:#0399ed;position:relative}.wpforms-setup-templates-categories>li.active div span{color:#0399ed;opacity:1;font-weight:600}.wpforms-setup-templates-categories>li.active div:hover{text-decoration:none}.wpforms-setup-templates-categories>li.active.opened .wpforms-setup-templates-subcategories{display:block}.wpforms-setup-templates-categories>li.active .chevron{color:#0399ed}.wpforms-setup-templates-categories>li i.chevron{display:none}.wpforms-setup-templates-categories>li:has(ul) i.chevron{display:inline-block;position:relative;top:-1px;padding:0 5px;font-size:12px;color:#777777}.wpforms-setup-templates-categories>li.opened i.chevron{transform:rotate(180deg)}.wpforms-setup-templates-categories>li.opened ul.wpforms-setup-templates-subcategories{display:block}.wpforms-setup-templates-subcategories{display:none}.wpforms-setup-templates-subcategories li{display:flex;justify-content:space-between;color:#777777;cursor:pointer;font-size:14px;font-weight:400;line-height:18px;margin:0;padding-block:5px;padding-inline-end:10px;padding-inline-start:20px;position:relative}.wpforms-setup-templates-subcategories li:hover span:first-child{text-decoration:underline}.wpforms-setup-templates-subcategories li.active{color:#0399ed;font-weight:400}.wpforms-setup-templates-subcategories li.active span:last-child{color:#0399ed;font-weight:400;opacity:1}.wpforms-setup-templates-subcategories li i{color:#999999;position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:10px}.wpforms-setup-templates-subcategories li span:first-child{flex-grow:1;padding-inline-end:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpforms-setup-templates-subcategories li span:last-child{min-width:32px;color:#777777;opacity:0.5;font-weight:400;text-align:end}#wpforms-setup-templates-list{padding-top:30px;width:calc( 100% - 250px)}#wpforms-setup-templates-list .wpforms-admin-empty-state-container .waving-hand-emoji{background-image:url(../../images/empty-states/waving-hand-emoji.png)}#wpforms-setup-templates-list .list{display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fill, minmax(Max(200px, 260px), 1fr));padding-inline-start:30px}#wpforms-setup-templates-list .wpforms-template{border-radius:6px;height:100%;overflow:hidden;padding:0 0 15px;position:relative;box-shadow:0 0 0 1px #cccccc;transition:box-shadow 0.15s ease-in-out}#wpforms-setup-templates-list .wpforms-template:hover,#wpforms-setup-templates-list .wpforms-template.active{box-shadow:0 0 0 2px #777,0 3px 4px rgba(0,0,0,0.15);outline:none}#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-buttons,#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-favorite,#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-remove,#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-buttons,#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-favorite,#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-remove{opacity:1}#wpforms-setup-templates-list .wpforms-template:hover .wpforms-badge,#wpforms-setup-templates-list .wpforms-template.active .wpforms-badge{opacity:0}#wpforms-setup-templates-list .wpforms-template.badge h3{padding-inline-end:45px}#wpforms-setup-templates-list .wpforms-template.selected{box-shadow:0 0 0 2px #e27730,0 3px 4px rgba(0,0,0,0.15)}#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail{background-color:#F5F9FD;border-bottom:1px solid #EBEEF1;overflow:hidden;padding:20px 54px 0}#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail>img{border-radius:2px 2px 0 0;box-shadow:0px 1px 4px rgba(0,0,0,0.1);display:block;margin:0 auto;max-width:100%}#wpforms-setup-templates-list .wpforms-template .wpforms-template-thumbnail .wpforms-template-thumbnail-placeholder{align-items:center;aspect-ratio:1;background:#fff;border-radius:2px 2px 0 0;box-shadow:0px 1px 4px rgba(0,0,0,0.1);display:flex;justify-content:center;margin:0 auto;max-width:350px;min-height:100%;width:100%}#wpforms-setup-templates-list .wpforms-template h3{font-size:16px;font-weight:600;line-height:18px;padding:20px 20px 2px;margin:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;color:#444444}#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite,#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove{display:block;position:absolute;inset-inline-end:10px;top:10px;font-size:18px;line-height:18px;opacity:0;color:#aaaaaa;transition-property:all;transition-duration:0.15s;transition-timing-function:ease-out}#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite:hover,#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove:hover{color:#d63637;cursor:pointer;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-out}#wpforms-setup-templates-list .wpforms-template .wpforms-template-favorite .fa-heart,#wpforms-setup-templates-list .wpforms-template .wpforms-template-remove .fa-heart{color:#d63638}#wpforms-setup-templates-list .wpforms-template.selected h3{padding-inline-end:60px}#wpforms-setup-templates-list .wpforms-template.pro h3{padding-inline-end:40px}#wpforms-setup-templates-list .wpforms-template p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#777777;font-size:14px;line-height:18px;margin:10px 0 0;max-height:55px;min-height:45px;padding:0 20px}#wpforms-setup-templates-list .wpforms-template-upgrade-banner{background:rgba(226,119,48,0.08);border-radius:6px;display:flex;flex-direction:row;grid-column:1 / -1;justify-content:space-between;align-items:center;padding-inline-end:20px}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content{padding:20px;width:80%;color:#444444}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content h3{font-weight:600;font-size:16px;line-height:18px;margin-top:0;margin-bottom:5px}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-content p{font-weight:400;font-size:14px;line-height:18px;margin:0}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button{width:20%;text-align:end}#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button a{min-height:13px}@media screen and (max-width: 1279px){#wpforms-setup-templates-list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button a{box-sizing:border-box;width:100%}}#wpforms-setup-templates-list .wpforms-templates-no-results{display:none;margin-inline-start:30px}#wpforms-setup-templates-list .wpforms-templates-no-results p{font-size:16px;line-height:40px;margin:0;color:#444444}.rtl #wpforms-setup-templates-list .wpforms-badge{border-radius:0 0 3px 0;left:0;right:auto}.wpforms-template-buttons{background-color:#ffffff;border-radius:6px;display:flex;opacity:0;padding:15px 15px 0;width:100%;align-items:flex-start;gap:10px;position:absolute;bottom:15px;transition-property:all;transition-duration:0.15s;transition-timing-function:ease-out}.wpforms-template-buttons .wpforms-btn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px;line-height:16px;padding:11px 10px}.wpforms-template-buttons .visible{opacity:1}@media (max-width: 1439px){#wpforms-setup-name{width:calc( 100% - 250px)}}@media (max-width: 1369px){#wpforms-setup-templates-list .list{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 1279px){#wpforms-setup-templates-list .list{grid-template-columns:1fr}#wpforms-setup-templates-list .list .wpforms-template .wpforms-template-buttons{position:relative;bottom:0;margin:10px 0 0 0;opacity:1;padding:0 20px}#wpforms-setup-templates-list .list .wpforms-template p{min-height:auto}#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner{flex-direction:column;padding:20px}#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-content,#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button{width:100%}#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-content{padding:0}#wpforms-setup-templates-list .list .wpforms-template-upgrade-banner .wpforms-template-upgrade-button{text-align:center;margin-top:20px}}#wpforms-panel-settings .wpforms-panel-sidebar-section{height:auto}#wpforms-panel-settings .wpforms-builder-settings-block{border:1px solid #cccccc;margin:0 0 20px 0}#wpforms-panel-settings .wpforms-builder-settings-block .wpforms-panel-field,#wpforms-panel-settings .wpforms-builder-settings-block .wpforms-field-map-table{padding:0 20px}#wpforms-panel-settings .wpforms-builder-settings-block .wpforms-panel-field:last-child{padding-bottom:20px}#wpforms-panel-settings .wpforms-builder-settings-block-header{background-color:#f8f8f8;border-bottom:1px solid #cccccc;font-size:16px;font-weight:600;line-height:20px;margin:0 0 -1px 0;padding:15px 20px}#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-name-holder{display:block;margin-inline-end:130px}#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-name-edit{display:none;margin-bottom:-7px;margin-top:-6px;width:calc(100% - 65px)}#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-name-edit.active{display:inline-block}#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-name-edit input{width:100%}#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-actions{display:inline-block;float:inline-end;text-align:end;width:150px}#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-actions .wpforms-builder-settings-block-status{position:relative;top:-3px;margin-inline-end:10px;border-radius:3px}#wpforms-panel-settings .wpforms-builder-settings-block-header button{background-color:transparent;border:none;color:#999999;cursor:pointer;font-size:16px;line-height:1;margin-inline-end:10px;padding:0;appearance:none;-webkit-appearance:none}#wpforms-panel-settings .wpforms-builder-settings-block-header button:hover{color:#777777}#wpforms-panel-settings .wpforms-builder-settings-block-header button.wpforms-builder-settings-block-delete{color:#d63638}#wpforms-panel-settings .wpforms-builder-settings-block-header button.wpforms-builder-settings-block-delete:hover{color:#b32d2e}#wpforms-panel-settings .wpforms-builder-settings-block-header button:last-of-type{margin-inline-end:0}#wpforms-panel-settings .wpforms-builder-settings-block-header .wpforms-builder-settings-block-edit{margin-inline-start:6px}#wpforms-panel-settings .wpforms-builder-settings-block-content{margin-top:20px;padding-bottom:0}#wpforms-panel-settings .wpforms-builder-settings-block-default .wpforms-builder-settings-block-toggle{padding-inline-end:0}#wpforms-panel-settings .wpforms-builder-settings-block-default .wpforms-builder-settings-block-delete{display:none}#wpforms-panel-settings .wpforms-builder-settings-block-default.wpforms-confirmation .wpforms-conditional-block-panel{display:none}#wpforms-panel-settings .wpforms-panel-field-radio .row>label{margin-bottom:0}#wpforms-panel-settings .toggle-unfoldable-cont,#wpforms-panel-settings .unfoldable-cont{margin-inline-end:0}#wpforms-panel-settings .toggle-unfoldable-cont i{color:#bbbbbb;margin-inline-end:6px}#wpforms-panel-settings .toggle-unfoldable-cont span{color:#777777}#wpforms-panel-settings .wpforms-panel-field-tinymce>label{margin-bottom:-20px;margin-inline-end:100px;position:relative;z-index:2}#wpforms-panel-settings .wpforms-panel-field-tinymce .toggle-smart-tag-display{float:none;margin-top:10px;display:inline-block}#wpforms-panel-settings .wpforms-panel-field-tinymce .smart-tags-list-display{margin-top:10px}#wpforms-panel-settings .wpforms-panel-field-tinymce .wp-editor-wrap .quicktags-toolbar{border:none;border-bottom:1px solid #dcdcde}#wpforms-panel-settings .wpforms-panel-field-tinymce .wp-editor-wrap textarea{border:none}#wpforms-panel-settings .wpforms-panel-field-tinymce .wp-editor-wrap textarea:focus{border:none;box-shadow:none}#wpforms-panel-settings .wpforms-panel-field-tinymce .quicktags-toolbar{border:1px solid #dcdcde;z-index:2}#wpforms-panel-settings .wpforms-panel-field-tinymce textarea{border-radius:0;border-top:0}#wpforms-panel-settings .wpforms-panel-field-tinymce textarea:focus{border:1px solid #dcdcde;border-top:0;box-shadow:none}#wpforms-panel-settings .wpforms-panel-field-warning label,#wpforms-panel-settings .wpforms-panel-field-warning input,#wpforms-panel-settings .wpforms-panel-field-warning .wpforms-alert,#wpforms-panel-settings .wpforms-panel-field-warning .smart-tags-list-display{max-width:410px}#wpforms-panel-settings .wpforms-panel-field-warning .wpforms-alert-warning-wide{max-width:100%}#wpforms-panel-settings .wpforms-panel-field-warning label{position:relative}#wpforms-panel-settings .wpforms-panel-field-warning label:after{color:#ffb900;content:"\f071";font-family:FontAwesome;font-size:16px;position:absolute;inset-inline-end:-26px;top:35px}#wpforms-panel-settings .wpforms-panel-field-warning .wpforms-alert{margin-top:20px}#wpforms-panel-settings .wpforms-panel-field-confirmations-page-choicesjs-unflippable .is-flipped .choices__list--dropdown{top:100%;bottom:auto;margin-top:-1px;margin-bottom:0}#wpforms-panel-settings .wpforms-panel-content-also-available{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:32px;margin:0 0 -19px 1px;padding-top:1px}#wpforms-panel-settings .wpforms-panel-content-also-available-item{display:flex;flex-direction:column;align-items:center;margin:0;padding:20px;border-radius:6px;background:#ffffff;box-shadow:0 0 0 1px #cccccc;transition:box-shadow 0.15s ease-in-out}#wpforms-panel-settings .wpforms-panel-content-also-available-item:hover{box-shadow:0 0 0 2px #777,0 3px 4px rgba(0,0,0,0.15)}#wpforms-panel-settings .wpforms-panel-content-also-available-item-logo{margin:0 0 20px 0}#wpforms-panel-settings .wpforms-panel-content-also-available-item-logo img{display:flex;height:68px;width:68px;padding:10px 10px;border-radius:4px;border:1px solid #dddddd}#wpforms-panel-settings .wpforms-panel-content-also-available-item-info{display:flex;flex-direction:column;align-items:center;height:100%}#wpforms-panel-settings .wpforms-panel-content-also-available-item-info h3{margin:0;color:#444444;font-size:16px;line-height:16px;font-weight:500}#wpforms-panel-settings .wpforms-panel-content-also-available-item-info p{font-size:13px;line-height:18px;text-align:center;color:#777777;margin:10px 0}#wpforms-panel-settings .wpforms-panel-content-also-available-item-info a{display:block;margin:auto 0 0 0;font-size:14px;line-height:21px;text-decoration:none}#wpforms-panel-settings .wpforms-panel-content-also-available-item-info a:hover{color:#215d8f;text-decoration:underline}#wpforms-panel-settings .wpforms-panel-content-also-available-item-info a.wpforms-panel-content-also-available-item-upgrade-to-pro{color:#e27730}#wpforms-panel-settings .wpforms-panel-content-also-available-item-info a.wpforms-panel-content-also-available-item-upgrade-to-pro:hover{color:#cd6622}#wpforms-panel-settings .wpforms-panel-field-country-filter-body{max-width:100%}#wpforms-panel-settings .wpforms-panel-field-keyword-filter-body>p{margin:0 0 20px}#wpforms-panel-settings .wpforms-panel-field-keyword-filter-body .note{margin:0 0 10px;font-size:12px}#wpforms-panel-settings .wpforms-panel-field-keyword-filter-body .wpforms-panel-field-keyword-filter-message{margin-top:20px}#wpforms-panel-settings .wpforms-panel-field-keyword-filter-keywords-container{display:none}#wpforms-panel-settings .wpforms-panel-field-keyword-filter-keywords-container .wpforms-panel-field{margin-bottom:10px}#wpforms-panel-settings .wpforms-panel-field-keyword-filter-keywords-container .wpforms-panel-field textarea{height:200px}#wpforms-panel-settings .wpforms-panel-field-country-filter-block-row{display:flex;margin-top:10px;align-items:start;margin-bottom:20px}#wpforms-panel-settings .wpforms-panel-field-country-filter-block-row-action{max-width:125px;width:100%;margin:0}#wpforms-panel-settings .wpforms-panel-field-country-filter-block-row-separator{max-width:95px;width:100%;margin:0;text-align:center;font-style:italic;font-weight:400;font-size:14px;line-height:32px;color:#777777;white-space:nowrap;display:block}#wpforms-panel-settings .wpforms-panel-field-country-filter-block-row-countries{min-width:230px;max-width:100%}#wpforms-panel-settings .wpforms-panel-field-keyword-filter-body .wpforms-alert{max-width:450px;margin:0 0 10px}#wpforms-panel-settings .wpforms-panel-content-section-themes{position:fixed;bottom:60px;top:calc(76px + 60px + var(--wpforms-admin-bar-height));right:60px;left:calc(495px + 60px)}#wpforms-panel-settings .wpforms-panel-content-section-themes-inner p{margin:0;margin-bottom:30px}#wpforms-panel-settings .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-video iframe{border-radius:6px;border-width:0;width:100%;max-width:640px;aspect-ratio:16 / 9}#wpforms-panel-settings .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-themes-bottom{position:absolute;bottom:0;width:100%}#wpforms-panel-settings .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-themes-bottom .wpforms-alert.wpforms-alert-info.wpforms-bottom{margin-top:30px}#wpforms-panel-settings .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-themes-bottom .wpforms-alert.wpforms-alert-info.wpforms-bottom .wpforms-aside-left .wpforms-alert-heading{font-size:14px}@media (max-height: 864px){#wpforms-panel-settings .wpforms-panel-content-section-themes{position:unset}#wpforms-panel-settings .wpforms-panel-content-section-themes .wpforms-panel-content-section-themes-inner{height:auto;display:block}#wpforms-panel-settings .wpforms-panel-content-section-themes .wpforms-panel-content-section-themes-inner .wpforms-panel-content-section-themes-bottom{position:unset}}@media (max-width: 1082px){#wpforms-panel-settings .wpforms-panel-field-warning input{padding-inline-end:36px}#wpforms-panel-settings .wpforms-panel-field-warning label:after{inset-inline-end:11px}}.wpforms_page_wpforms-builder .jconfirm-box-container .wpforms-modal-content-box.jconfirm-box .jconfirm-content-pane{margin-bottom:15px;max-height:Min(calc(100vh - 135px), 544px);overflow-y:hidden}.wpforms-modal-content-box .jconfirm-content{height:100%}.wpforms-modal-content-box .jconfirm-content>div{display:flex;flex-direction:column;height:100%}.wpforms-modal-content-box .wpforms-modal-content{background-color:#f8f8f8;border-radius:4px;overflow-y:auto;padding:20px}.wpforms-modal-content-box .wpforms-modal-content::-webkit-scrollbar{width:3px}.wpforms-modal-content-box .wpforms-modal-content::-webkit-scrollbar-thumb{background-color:#666666}.wpforms-modal-header{padding-bottom:30px;padding-top:5px;line-height:22px}.wpforms-modal-header h1{font-weight:500;margin-bottom:15px;margin-top:0}.wpforms-email-template-modal-content{gap:15px}.wpforms-email-template-modal-content .wpforms-card-image-overlay{aspect-ratio:31/36;background-position:center;background-size:contain;border:1px solid #c3c4c7;border-radius:6px;display:flex;flex-direction:column;gap:10px;justify-content:center;order:-1;position:relative;transition:box-shadow .15s ease-in-out, border .15s ease-in-out;width:100%;padding:12px}.wpforms-email-template-modal-content .wpforms-card-image-overlay:before{background-color:#ffffff;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;border-radius:inherit;transition:opacity .15s ease-in-out}.wpforms-email-template-modal-content .wpforms-card-image-overlay .wpforms-btn{opacity:0;transition:all .05s ease-in-out, opacity .15s ease-in-out;width:100%;z-index:2}.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field label{align-items:center;color:#50575e;display:flex;font-size:14px;flex-wrap:wrap;gap:12px 10px;justify-content:center;text-align:center}.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field label:hover .wpforms-card-image-overlay{border:2px solid #ffffff;box-shadow:0 0 0 2px #50575e,0 2px 4px 2px rgba(0,0,0,0.07)}.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field label:hover .wpforms-card-image-overlay:before{opacity:.7}.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field label:hover .wpforms-card-image-overlay .wpforms-btn{opacity:1}.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field input[type=radio]{display:none}.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field input[type=radio]:checked+label{font-weight:500;color:#2c3338}.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field input[type=radio]:checked+label .wpforms-card-image-overlay{border:2px solid #ffffff;box-shadow:0 0 0 2px #e27730,0 2px 4px 2px rgba(0,0,0,0.07)}.wpforms-email-template-modal-content .wpforms-btn{border-width: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;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-in;align-items:center;justify-content:center}.wpforms-email-template-modal-content .wpforms-btn{display:flex}.wpforms-email-template-modal-content .wpforms-btn-md{font-size:13px;font-weight:600;line-height:13px;min-height:35px;padding:5px 15px}.wpforms-email-template-modal-content .wpforms-btn-orange{background-color:#e27730;border-color:#e27730;color:#ffffff}.wpforms-email-template-modal-content .wpforms-btn-orange:hover{background-color:#cd6622;border-color:#cd6622;color:#ffffff}.wpforms-email-template-modal-content .wpforms-btn-light-grey{background-color:#f8f8f8;border-color:#cccccc;color:#777777}.wpforms-email-template-modal-content .wpforms-btn-light-grey:hover{background-color:#eeeeee;border-color:#cccccc;color:#444444}.wpforms-email-template-modal-content .wpforms-card-image-group .wpforms-setting-field{display:grid;gap:20px 17px;grid-template-columns:repeat(5, 1fr)}.wpforms-email-template-modal-content .wpforms-card-image{position:relative}.wpforms-email-template-modal-content .wpforms-card-image:nth-child(5n+1):before{background:url(../../images/email/template-placeholder.svg) space;background-size:calc(20% - 13.5px);content:"";height:100%;inset-inline-start:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:calc(500% + 68px)}.wpforms-card-image-overlay{padding:10px}.option-default .wpforms-card-image-overlay{background-image:url(../../images/email/template-classic.svg)}.option-classic .wpforms-card-image-overlay{background-image:url(../../images/email/template-classic.svg)}.option-compact .wpforms-card-image-overlay{background-image:url(../../images/email/template-compact.svg)}.option-modern .wpforms-card-image-overlay{background-image:url(../../images/email/template-modern.svg)}.option-elegant .wpforms-card-image-overlay{background-image:url(../../images/email/template-elegant.svg)}.option-tech .wpforms-card-image-overlay{background-image:url(../../images/email/template-tech.svg)}.option-none .wpforms-card-image-overlay{background-image:url(../../images/email/template-plaintext.svg)}.wpforms-builder-provider .wpforms-builder-provider-title{justify-content:flex-start;gap:20px;min-height:68px}.wpforms-builder-provider .wpforms-builder-provider-title button{margin-inline-start:auto}.wpforms-builder-provider .wpforms-builder-provider-title-spinner{color:#777777;display:none;font-size:20px;line-height:20px}.wpforms-builder-provider .wpforms-builder-provider-connections>:last-child{margin-bottom:0}.wpforms-builder-provider .wpforms-builder-provider-connection{border:1px solid #cccccc;margin:0 0 20px 0}.wpforms-builder-provider .wpforms-builder-provider-connection>:last-child{margin-bottom:20px}.wpforms-builder-provider .wpforms-builder-provider-connection-title{background-color:#f8f8f8;border-bottom:1px solid #cccccc;font-size:16px;font-weight:600;line-height:20px;margin:0 0 -1px 0;padding:15px 20px 14px 20px}.wpforms-builder-provider .wpforms-builder-provider-connection-delete{background-color:transparent;border:none;color:#d63638;cursor:pointer;float:inline-end;font-size:16px;line-height:1;margin-top:-2px;appearance:none;-webkit-appearance:none}.wpforms-builder-provider .wpforms-builder-provider-connection-block{margin:20px 0 0 0;padding:0 20px}.wpforms-builder-provider .wpforms-builder-provider-connection-block h4{font-size:16px;font-weight:600;line-height:20px;margin-bottom:10px;margin-inline-start:1px;margin-top:0;padding:0}.wpforms-builder-provider .wpforms-builder-provider-connection-block p.description{color:#777777;font-size:13px;line-height:18px;margin:5px 0 0 0;max-width:450px}.wpforms-builder-provider .wpforms-builder-provider-connection-block p.description.before{margin:0 0 10px 0}.wpforms-builder-provider .wpforms-builder-provider-connection-block:last-child{margin-bottom:20px}.wpforms-builder-provider input[type=text],.wpforms-builder-provider input[type=url],.wpforms-builder-provider select,.wpforms-builder-provider textarea,.wpforms-builder-provider .wpforms-builder-provider-connection-block .choices{max-width:450px;width:100%}.wpforms-builder-provider input[type=checkbox]+label,.wpforms-builder-provider input[type=radio]+label{display:inline-block;margin:0}.wpforms-builder-provider .wpforms-builder-provider-connection-setting{margin:20px 0 0 0;max-width:450px;padding:0}.wpforms-builder-provider .wpforms-builder-provider-connection-setting label{display:block;font-size:14px;font-weight:400;line-height:17px;margin-bottom:10px;margin-inline-start:1px;padding:0}.wpforms-builder-provider .wpforms-builder-provider-connection-setting label.wpforms-toggle-control-icon,.wpforms-builder-provider .wpforms-builder-provider-connection-setting label.wpforms-toggle-control-label{display:inline-block;margin:0}.wpforms-builder-provider .wpforms-builder-provider-connection-setting .text-btn-inlined{display:table}.wpforms-builder-provider .wpforms-builder-provider-connection-setting .text-btn-inlined>.text-btn-inlined-text{display:table-cell;padding-inline-end:10px;vertical-align:middle}.wpforms-builder-provider .wpforms-builder-provider-connection-setting .text-btn-inlined>.text-btn-inlined-btn{display:table-cell;vertical-align:middle}.wpforms-builder-provider .wpforms-builder-provider-connection-setting .wpforms-panel-field:only-child{margin-bottom:20px !important}.wpforms-builder-provider .wpforms-builder-provider-connection-setting .choices{margin-bottom:0}.wpforms-builder-provider .wpforms-builder-provider-connection-setting .choices[data-type*="select-multiple"] .choices__input:focus{border:none !important;box-shadow:none !important}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table{border:1px solid #cccccc;border-collapse:collapse;border-spacing:0;width:100%}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table thead{background-color:#f8f8f8;color:#777777;font-size:14px}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table thead th{font-weight:400;padding:8px 10px;text-align:start}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td{width:50%}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.add button,.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button{background:none;border:none;box-shadow:none;color:#036aab;height:auto;line-height:1;margin:0;padding:0}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.add button i,.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button i{font-size:16px}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.add button:hover,.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button:hover{color:#215d8f}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button{color:#d63638}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table td.delete button:hover{color:#b32d2e}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table tbody td{border-top:1px solid #cccccc;padding-block:10px;padding-inline-start:10px;padding-inline-end:0}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table tbody td:last-of-type{padding-inline-end:10px}.wpforms-builder-provider .wpforms-builder-provider-connection-fields-table+p.description{max-width:100%}.wpforms-builder-provider .required{color:#d63638;font-weight:700;margin-inline-start:5px}.wpforms-builder-provider .wpforms-conditional-block{margin:20px 0 0 0;padding:0 20px}.wpforms-builder-provider .wpforms-builder-provider-connections-error{color:#d63638;font-size:16px}.wpforms-builder-provider.loading .wpforms-builder-provider-title .wpforms-builder-provider-title-spinner{display:inline}.wpforms-builder-provider.loading .wpforms-builder-provider-connections{opacity:.5;pointer-events:none}.wpforms-builder-provider-connections-default{padding:30px 50px 50px 50px;position:relative;text-align:center}.wpforms-builder-provider-title:has(button)+.wpforms-builder-provider-connections-default::before{background:url("../../images/builder/default-arrow.svg") no-repeat 0 0;background-size:97px 81px;content:"";height:83px;position:absolute;inset-inline-end:60px;top:20px;transform:rotate(90deg);width:97px}.wpforms-builder-provider-connections-default img{border:1px solid #cccccc;border-radius:4px;height:140px;margin:0 0 30px 0;width:140px}.wpforms-builder-provider-connections-default h2:first-child{margin-top:0}.wpforms-builder-provider-connections-default p{font-size:16px;line-height:24px;max-width:615px;margin:0 auto 20px}.wpforms-provider-connections>:last-child{margin-bottom:0}.wpforms-provider-connections-header{background-color:#f8f8f8;padding:10px 20px}.wpforms-provider-connections-header h5{float:inline-start;font-size:18px;margin:0;padding:5px 0 0 0}.wpforms-provider-connection{border:1px solid #cccccc;margin:0 0 20px 0}.wpforms-provider-connection .wpforms-provider-connection-header{background-color:#f8f8f8;border-bottom:1px solid #cccccc;font-size:16px;font-weight:600;line-height:20px;margin:0 0 -1px 0;padding:15px 20px 14px 20px}.wpforms-provider-connection .wpforms-provider-connection-delete{background-color:transparent;border:none;color:#d63638;cursor:pointer;float:inline-end;font-size:16px;line-height:1;margin-top:-2px;appearance:none;-webkit-appearance:none}.wpforms-provider-connection .wpforms-provider-account-add input[type=text]{margin:0 0 10px 0;display:block}.wpforms-provider-connection .wpforms-provider-account-add button{border-width: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;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-in;font-size:14px;font-weight:500;padding:0 10px;height:32px;line-height:30px;background-color:#036aab;border-color:#036aab;color:#ffffff;display:block}.wpforms-provider-connection .wpforms-provider-account-add button:hover{background-color:#215d8f;border-color:#215d8f;color:#ffffff}.wpforms-provider-connection input[type=text],.wpforms-provider-connection select{max-width:450px;width:100%}.wpforms-provider-connection input[type=text]::before,.wpforms-provider-connection select::before{content:"";display:block;width:100%}.wpforms-provider-connection .wpforms-connection-block{margin:20px 0 0 0;padding:0 20px}.wpforms-provider-connection .wpforms-connection-block h4{font-size:16px;font-weight:600;line-height:20px;margin-bottom:10px;margin-inline-start:1px;margin-top:0;padding:0}.wpforms-provider-connection .wpforms-connection-block:last-child{margin-bottom:20px}.wpforms-provider-connection .wpforms-connection-block .wpforms-loading-spinner.wpforms-loading-inline{margin-inline-start:20px;vertical-align:middle}.wpforms-provider-connection .wpforms-provider-groups-list p{font-size:12px;font-weight:700;text-transform:uppercase}.wpforms-provider-connection .wpforms-provider-groups-list span{display:block;font-size:13px;margin-bottom:4 5px}.wpforms-provider-connection .wpforms-provider-groups-list input{margin-inline-end:10px}.wpforms-provider-connection .wpforms-provider-fields table{border:1px solid #cccccc;border-collapse:collapse;border-spacing:0;width:100%}.wpforms-provider-connection .wpforms-provider-fields table select{width:100%}.wpforms-provider-connection .wpforms-provider-fields table thead{background-color:#f8f8f8;color:#777777;font-size:14px}.wpforms-provider-connection .wpforms-provider-fields table thead th{font-weight:400;padding:8px 10px;text-align:start}.wpforms-provider-connection .wpforms-provider-fields table tbody td{border-top:1px solid #cccccc;padding:10px}.wpforms-provider-connection .required{color:#d63638;font-weight:700;margin-inline-start:5px}.wpforms-provider-connection .wpforms-conditional-block{margin:20px 0;padding:0 20px}.wpforms-provider-connection .wpforms-conditional-block .value input:disabled,.wpforms-provider-connection .wpforms-conditional-block .value select:disabled{background-color:#f1f1f1;cursor:not-allowed}.wpforms-provider-connection .wpforms-provider-options label.block{display:block;margin:0 0 5px 0}.wpforms-provider-connection .wpforms-provider-options input[type=text]{width:100%}.wpforms-panel-content-section-mailerlite .wpforms-builder-provider-connection-block:has(h4:first-child:last-child){display:none}.rtl .wpforms-builder-provider-title:has(button)+.wpforms-builder-provider-connections-default::before{transform:scale(-1, 1) rotate(90deg)}.rtl .wpforms-builder-provider .choices.is-open .choices__inner,.rtl .wpforms-builder-provider .choices .choices__inner{background-position:left 5px top 55%}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-title{margin-bottom:20px}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content h2{margin:20px 0}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content img{border:1px solid #cccccc;border-radius:4px}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content select:disabled{cursor:default}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-panel-field-text input:disabled{background-color:#ffffff;opacity:0.5}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-alert-dismissible{margin-top:0;margin-right:0;margin-left:0}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-alert-icon{width:140px;height:140px;margin:30px auto 0 auto;display:block}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content{display:block;margin:30px auto 0 auto;width:100%;text-align:center;color:#444444}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content p{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:16px;line-height:24px;margin-bottom:10px}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content p a.secondary-text{font-size:16px}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content .wpforms-builder-payment-settings-learn-more{margin-bottom:20px}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content .wpforms-builder-payment-settings-default-content .wpforms-builder-payment-settings-learn-more a.secondary-text{font-size:14px}#wpforms-builder #wpforms-panel-payments #wpforms-stripe-credit-card-alert{margin:0;padding:0;background-color:#ffffff;border:none}#wpforms-builder #wpforms-panel-payments .wpforms-stripe-notice-info{color:#444444}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment{position:relative}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment+.wpforms-panel-content-section-payment{padding-top:20px;margin:20px 0;border-top:1px solid #d6d6d6}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-subtitle{font-size:16px;font-style:normal;font-weight:500;line-height:20px;text-align:start;margin-top:0 !important}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-content{display:none}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment.wpforms-panel-content-section-payment-open .wpforms-panel-content-section-payment-button{display:inline-block}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-button{background:#036aab;display:none;padding:10px 20px;font-size:14px;line-height:17px;font-weight:500;color:#ffffff;text-decoration:none;border-radius:4px;position:absolute;inset-inline-end:0;top:20px}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-button:hover{background-color:#215d8f}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan{border:1px solid #d6d6d6}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head{background-color:#f8f8f8;padding:15px 20px;font-size:16px;font-weight:500;line-height:20px;text-align:start;display:flex;justify-content:space-between;white-space:nowrap}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head-title{width:80%;min-height:20px;overflow:hidden;text-overflow:ellipsis}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head-buttons{font-weight:400;color:#999999;display:flex;align-items:center}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head-buttons .fa{margin-inline-start:10px;cursor:pointer}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-head-buttons .fa-trash-o{margin-inline-start:10px;color:#dc3232}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan-body{border-top:1px solid #d6d6d6;padding:20px}#wpforms-builder #wpforms-panel-payments .wpforms-panel-content-section-payment-plan+.wpforms-panel-content-section-payment-plan{margin-top:20px}.wpforms-panels-toggle .wpforms-panel-revisions-button-spacer{margin-top:auto}.wpforms-panels-toggle .wpforms-panel-revisions-button{position:relative;width:55px;height:44px;margin:20px auto;background-color:#333333;border:1px solid #444444;border-radius:4px}.wpforms-panels-toggle .wpforms-panel-revisions-button:hover{background-color:#444444}.wpforms-panels-toggle .wpforms-panel-revisions-button:hover .fa{color:#ffffff;transition:color ease-in 0.05s}.wpforms-panels-toggle .wpforms-panel-revisions-button.active{background-color:#e27730;border-color:#e27730}.wpforms-panels-toggle .wpforms-panel-revisions-button .fa{margin-top:-2px;font-size:24px;line-height:24px}.wpforms-panels-toggle .wpforms-panel-revisions-button .badge-exclamation{position:absolute;top:-5px;inset-inline-end:-5px;width:16px;height:16px;border-radius:8px;background:#d63638;box-shadow:0 0 0 2px #2d2d2d;display:flex;align-items:center;justify-content:center}#wpforms-panel-revisions .wpforms-revisions-header{margin:20px;border-bottom:1px solid #ced7e0}#wpforms-panel-revisions .wpforms-revisions-header h3{font-weight:600;font-size:15px;line-height:18px;color:#444444;margin:20px 0 5px 0}#wpforms-panel-revisions .wpforms-revisions-header p{font-weight:normal;font-size:12px;line-height:16px;color:#86919e;margin:5px 0 20px 0}#wpforms-panel-revisions .wpforms-revisions-notice{margin:20px;padding:10px;background-color:#ffffff;box-shadow:0 2px 2px rgba(0,0,0,0.05)}#wpforms-panel-revisions .wpforms-revisions-notice h2{margin:0;color:#444444;font-size:14px;line-height:17px}#wpforms-panel-revisions .wpforms-revisions-notice p{margin:5px 0 10px 0;color:#777777;font-size:14px;line-height:18px}#wpforms-panel-revisions .wpforms-revisions-notice.wpforms-revisions-notice-error{border-inline-start:4px solid #d63638}#wpforms-panel-revisions .wpforms-revisions-notice.wpforms-revisions-notice-warning{border-inline-start:4px solid #ffb900}#wpforms-panel-revisions .wpforms-revisions-content{margin:20px}#wpforms-panel-revisions .wpforms-revision-current-version a,#wpforms-panel-revisions .wpforms-revision a{display:flex;align-items:center;padding:15px;background-color:#e0e8f0;border:2px solid #e0e8f0;border-radius:4px;text-decoration:none}#wpforms-panel-revisions .wpforms-revision-current-version a:hover,#wpforms-panel-revisions .wpforms-revision a:hover{background-color:#ced7e0;border-color:#ced7e0}#wpforms-panel-revisions .wpforms-revision-current-version.active a,#wpforms-panel-revisions .wpforms-revision.active a{background-color:#ffffff;border:2px solid #e27730}#wpforms-panel-revisions .wpforms-revision{margin:0 0 0 10px;padding-top:20px;padding-inline-end:0;padding-inline-start:10px;border-inline-start:2px solid #e0e8f0;position:relative}#wpforms-panel-revisions .wpforms-revision.active a:before{content:"";position:absolute;top:calc( 50% + 5px);inset-inline-start:-6px;display:block;width:10px;height:10px;border:2px solid #e27730;border-radius:5px;background-color:#ffffff}#wpforms-panel-revisions .wpforms-revision.active a:after{content:"";position:absolute;top:calc( 50% + 9px);inset-inline-start:4px;display:block;width:6px;height:2px;background-color:#e27730}#wpforms-panel-revisions .wpforms-revision-gravatar{width:40px;height:40px;margin-inline-end:15px;border-radius:20px;overflow:hidden}#wpforms-panel-revisions .wpforms-revision-details p{margin:3px 0;line-height:16px}#wpforms-panel-revisions .wpforms-revision-created{font-size:12px;color:#6b6d6f}#wpforms-panel-revisions .wpforms-revision-created strong{font-weight:600;font-size:14px;color:#444444}#wpforms-panel-revisions .wpforms-revision-author{font-size:13px;color:#86919e}#wpforms-panel-revisions .wpforms-preview *{pointer-events:none}.wpforms-is-revision .wpforms-revision-notice{position:fixed;z-index:10;top:calc( 76px + var( --wpforms-admin-bar-height ));inset-inline-start:95px;inset-inline-end:0;height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fdf6e7;box-shadow:0 0 3px 0 rgba(0,0,0,0.2);text-align:center;font-size:14px;line-height:16px;color:#444444;transition-property:top;transition-duration:0.25s;transition-timing-function:ease-out}.wpforms-is-revision .wpforms-revision-notice p{margin:0}.wpforms-is-revision .wpforms-revision-notice a{color:#444444}.wpforms-is-revision .wpforms-revision-notice a:hover{color:#e27730}.wpforms-is-revision .wpforms-revision-notice .fa{margin:0 10px;font-size:16px;opacity:.35}.wpforms-is-revision .wpforms-panel-sidebar-content .wpforms-panel-sidebar,.wpforms-is-revision .wpforms-panel-sidebar-content .wpforms-panel-content-wrap,.wpforms-is-revision .wpforms-panel-full-content .wpforms-panel-content-wrap,.wpforms-is-revision #wpforms-panel-fields .wpforms-tabs{top:calc( 76px + var( --wpforms-admin-bar-height ) + 40px)}.wpforms-is-revision #wpforms-panel-fields .wpforms-panel-sidebar,.wpforms-is-revision .wpforms-field-option-group-toggle{top:calc( 124px + var( --wpforms-admin-bar-height ) + 40px)}.wpforms-is-revision #wpforms-field-options:before{top:calc( 125px + var( --wpforms-admin-bar-height ) + 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; +} diff --git a/assets/css/builder-scrollbars.css b/assets/css/builder-scrollbars.css new file mode 100644 index 00000000..ce4e708c --- /dev/null +++ b/assets/css/builder-scrollbars.css @@ -0,0 +1,394 @@ +textarea::-webkit-scrollbar, +.wpforms-panel-content-wrap::-webkit-scrollbar, +.wpforms-panels-toggle::-webkit-scrollbar, +.smart-tags-list::-webkit-scrollbar, +.smart-tags-list-display::-webkit-scrollbar, +#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar, +#wpforms-builder-help::-webkit-scrollbar, +.wpforms-scrollbar-compact::-webkit-scrollbar { + background: transparent; + width: 15px; + height: 15px; +} + +textarea::-webkit-scrollbar-track, +.wpforms-panel-content-wrap::-webkit-scrollbar-track, +.wpforms-panels-toggle::-webkit-scrollbar-track, +.smart-tags-list::-webkit-scrollbar-track, +.smart-tags-list-display::-webkit-scrollbar-track, +#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar-track, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar-track, +#wpforms-builder-help::-webkit-scrollbar-track, +.wpforms-scrollbar-compact::-webkit-scrollbar-track { + background: transparent; +} + +textarea::-webkit-scrollbar-thumb, +.wpforms-panel-content-wrap::-webkit-scrollbar-thumb, +.wpforms-panels-toggle::-webkit-scrollbar-thumb, +.smart-tags-list::-webkit-scrollbar-thumb, +.smart-tags-list-display::-webkit-scrollbar-thumb, +#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar-thumb, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar-thumb, +#wpforms-builder-help::-webkit-scrollbar-thumb, +.wpforms-scrollbar-compact::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0); + background: transparent; + border-radius: 15px; + border: solid 4px transparent; +} + +textarea::-webkit-resizer, textarea::-webkit-scrollbar-button, textarea::-webkit-scrollbar-corner, +.wpforms-panel-content-wrap::-webkit-resizer, +.wpforms-panel-content-wrap::-webkit-scrollbar-button, +.wpforms-panel-content-wrap::-webkit-scrollbar-corner, +.wpforms-panels-toggle::-webkit-resizer, +.wpforms-panels-toggle::-webkit-scrollbar-button, +.wpforms-panels-toggle::-webkit-scrollbar-corner, +.smart-tags-list::-webkit-resizer, +.smart-tags-list::-webkit-scrollbar-button, +.smart-tags-list::-webkit-scrollbar-corner, +.smart-tags-list-display::-webkit-resizer, +.smart-tags-list-display::-webkit-scrollbar-button, +.smart-tags-list-display::-webkit-scrollbar-corner, +#wpforms-panel-fields .wpforms-tab-content::-webkit-resizer, +#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar-button, +#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar-corner, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-resizer, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar-button, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar-corner, +#wpforms-builder-help::-webkit-resizer, +#wpforms-builder-help::-webkit-scrollbar-button, +#wpforms-builder-help::-webkit-scrollbar-corner, +.wpforms-scrollbar-compact::-webkit-resizer, +.wpforms-scrollbar-compact::-webkit-scrollbar-button, +.wpforms-scrollbar-compact::-webkit-scrollbar-corner { + display: none; +} + +@-moz-document url-prefix() { + textarea, + .wpforms-panel-content-wrap, + .wpforms-panels-toggle, + .smart-tags-list, + .smart-tags-list-display, + #wpforms-panel-fields .wpforms-tab-content, + .wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar, + #wpforms-builder-help, + .wpforms-scrollbar-compact { + scrollbar-color: rgba(0, 0, 0, 0) transparent; + scrollbar-gutter: initial !important; + scrollbar-width: thin; + } +} + +textarea:hover::-webkit-scrollbar, textarea:focus::-webkit-scrollbar, +.wpforms-panel-content-wrap:hover::-webkit-scrollbar, +.wpforms-panel-content-wrap:focus::-webkit-scrollbar, +.wpforms-panels-toggle:hover::-webkit-scrollbar, +.wpforms-panels-toggle:focus::-webkit-scrollbar, +.smart-tags-list:hover::-webkit-scrollbar, +.smart-tags-list:focus::-webkit-scrollbar, +.smart-tags-list-display:hover::-webkit-scrollbar, +.smart-tags-list-display:focus::-webkit-scrollbar, +#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar, +#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar, +#wpforms-builder-help:hover::-webkit-scrollbar, +#wpforms-builder-help:focus::-webkit-scrollbar, +.wpforms-scrollbar-compact:hover::-webkit-scrollbar, +.wpforms-scrollbar-compact:focus::-webkit-scrollbar { + background: transparent; + width: 15px; + height: 15px; +} + +textarea:hover::-webkit-scrollbar-track, textarea:focus::-webkit-scrollbar-track, +.wpforms-panel-content-wrap:hover::-webkit-scrollbar-track, +.wpforms-panel-content-wrap:focus::-webkit-scrollbar-track, +.wpforms-panels-toggle:hover::-webkit-scrollbar-track, +.wpforms-panels-toggle:focus::-webkit-scrollbar-track, +.smart-tags-list:hover::-webkit-scrollbar-track, +.smart-tags-list:focus::-webkit-scrollbar-track, +.smart-tags-list-display:hover::-webkit-scrollbar-track, +.smart-tags-list-display:focus::-webkit-scrollbar-track, +#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar-track, +#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar-track, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar-track, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar-track, +#wpforms-builder-help:hover::-webkit-scrollbar-track, +#wpforms-builder-help:focus::-webkit-scrollbar-track, +.wpforms-scrollbar-compact:hover::-webkit-scrollbar-track, +.wpforms-scrollbar-compact:focus::-webkit-scrollbar-track { + background: transparent; +} + +textarea:hover::-webkit-scrollbar-thumb, textarea:focus::-webkit-scrollbar-thumb, +.wpforms-panel-content-wrap:hover::-webkit-scrollbar-thumb, +.wpforms-panel-content-wrap:focus::-webkit-scrollbar-thumb, +.wpforms-panels-toggle:hover::-webkit-scrollbar-thumb, +.wpforms-panels-toggle:focus::-webkit-scrollbar-thumb, +.smart-tags-list:hover::-webkit-scrollbar-thumb, +.smart-tags-list:focus::-webkit-scrollbar-thumb, +.smart-tags-list-display:hover::-webkit-scrollbar-thumb, +.smart-tags-list-display:focus::-webkit-scrollbar-thumb, +#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar-thumb, +#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar-thumb, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar-thumb, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar-thumb, +#wpforms-builder-help:hover::-webkit-scrollbar-thumb, +#wpforms-builder-help:focus::-webkit-scrollbar-thumb, +.wpforms-scrollbar-compact:hover::-webkit-scrollbar-thumb, +.wpforms-scrollbar-compact:focus::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.5); + background: transparent; + border-radius: 15px; + border: solid 4px transparent; +} + +textarea:hover::-webkit-resizer, textarea:hover::-webkit-scrollbar-button, textarea:hover::-webkit-scrollbar-corner, textarea:focus::-webkit-resizer, textarea:focus::-webkit-scrollbar-button, textarea:focus::-webkit-scrollbar-corner, +.wpforms-panel-content-wrap:hover::-webkit-resizer, +.wpforms-panel-content-wrap:hover::-webkit-scrollbar-button, +.wpforms-panel-content-wrap:hover::-webkit-scrollbar-corner, +.wpforms-panel-content-wrap:focus::-webkit-resizer, +.wpforms-panel-content-wrap:focus::-webkit-scrollbar-button, +.wpforms-panel-content-wrap:focus::-webkit-scrollbar-corner, +.wpforms-panels-toggle:hover::-webkit-resizer, +.wpforms-panels-toggle:hover::-webkit-scrollbar-button, +.wpforms-panels-toggle:hover::-webkit-scrollbar-corner, +.wpforms-panels-toggle:focus::-webkit-resizer, +.wpforms-panels-toggle:focus::-webkit-scrollbar-button, +.wpforms-panels-toggle:focus::-webkit-scrollbar-corner, +.smart-tags-list:hover::-webkit-resizer, +.smart-tags-list:hover::-webkit-scrollbar-button, +.smart-tags-list:hover::-webkit-scrollbar-corner, +.smart-tags-list:focus::-webkit-resizer, +.smart-tags-list:focus::-webkit-scrollbar-button, +.smart-tags-list:focus::-webkit-scrollbar-corner, +.smart-tags-list-display:hover::-webkit-resizer, +.smart-tags-list-display:hover::-webkit-scrollbar-button, +.smart-tags-list-display:hover::-webkit-scrollbar-corner, +.smart-tags-list-display:focus::-webkit-resizer, +.smart-tags-list-display:focus::-webkit-scrollbar-button, +.smart-tags-list-display:focus::-webkit-scrollbar-corner, +#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-resizer, +#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar-button, +#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar-corner, +#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-resizer, +#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar-button, +#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar-corner, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-resizer, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar-button, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar-corner, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-resizer, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar-button, +.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar-corner, +#wpforms-builder-help:hover::-webkit-resizer, +#wpforms-builder-help:hover::-webkit-scrollbar-button, +#wpforms-builder-help:hover::-webkit-scrollbar-corner, +#wpforms-builder-help:focus::-webkit-resizer, +#wpforms-builder-help:focus::-webkit-scrollbar-button, +#wpforms-builder-help:focus::-webkit-scrollbar-corner, +.wpforms-scrollbar-compact:hover::-webkit-resizer, +.wpforms-scrollbar-compact:hover::-webkit-scrollbar-button, +.wpforms-scrollbar-compact:hover::-webkit-scrollbar-corner, +.wpforms-scrollbar-compact:focus::-webkit-resizer, +.wpforms-scrollbar-compact:focus::-webkit-scrollbar-button, +.wpforms-scrollbar-compact:focus::-webkit-scrollbar-corner { + display: none; +} + +@-moz-document url-prefix() { + textarea:hover, textarea:focus, + .wpforms-panel-content-wrap:hover, + .wpforms-panel-content-wrap:focus, + .wpforms-panels-toggle:hover, + .wpforms-panels-toggle:focus, + .smart-tags-list:hover, + .smart-tags-list:focus, + .smart-tags-list-display:hover, + .smart-tags-list-display:focus, + #wpforms-panel-fields .wpforms-tab-content:hover, + #wpforms-panel-fields .wpforms-tab-content:focus, + .wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover, + .wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus, + #wpforms-builder-help:hover, + #wpforms-builder-help:focus, + .wpforms-scrollbar-compact:hover, + .wpforms-scrollbar-compact:focus { + scrollbar-color: rgba(0, 0, 0, 0.5) transparent; + scrollbar-gutter: initial !important; + scrollbar-width: thin; + } +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content { + scrollbar-gutter: stable; +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content.wpforms-add-fields, +#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content .wpforms-field-option-group-inner, +#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content .wpforms-field-option-field-title-notice { + padding-right: 6px; +} + +.wpforms-panel .wpforms-panel-sidebar-content .wpforms-panel-content-wrap { + scroll-behavior: smooth; + scrollbar-gutter: stable; + padding-right: 16px; +} + +.wpforms-builder-dropdown-list ul::-webkit-scrollbar { + background: transparent; + width: 4px; + height: 4px; +} + +.wpforms-builder-dropdown-list ul::-webkit-scrollbar-track { + background: transparent; +} + +.wpforms-builder-dropdown-list ul::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0); + background: transparent; + border-radius: 4px; + border: solid -1px transparent; +} + +.wpforms-builder-dropdown-list ul::-webkit-resizer, .wpforms-builder-dropdown-list ul::-webkit-scrollbar-button, .wpforms-builder-dropdown-list ul::-webkit-scrollbar-corner { + display: none; +} + +@-moz-document url-prefix() { + .wpforms-builder-dropdown-list ul { + scrollbar-color: rgba(0, 0, 0, 0) transparent; + scrollbar-gutter: initial !important; + scrollbar-width: thin; + } +} + +.wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar { + background: transparent; + width: 4px; + height: 4px; +} + +.wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar-track { + background: transparent; +} + +.wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 4px 4px rgba(0, 0, 0, 0.5); + background: transparent; + border-radius: 4px; + border: solid -1px transparent; +} + +.wpforms-builder-dropdown-list ul:hover::-webkit-resizer, .wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar-button, .wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar-corner { + display: none; +} + +@-moz-document url-prefix() { + .wpforms-builder-dropdown-list ul:hover { + scrollbar-color: rgba(0, 0, 0, 0.5) transparent; + scrollbar-gutter: initial !important; + scrollbar-width: thin; + } +} + +@-moz-document url-prefix() { + #wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content.wpforms-add-fields, + #wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content .wpforms-field-option-group-inner { + padding-right: 20px !important; + } + .wpforms-panel .wpforms-panel-sidebar-content .wpforms-panel-content-wrap { + padding-right: 30px !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; +} diff --git a/assets/css/builder-scrollbars.min.css b/assets/css/builder-scrollbars.min.css new file mode 100644 index 00000000..9a1db3d5 --- /dev/null +++ b/assets/css/builder-scrollbars.min.css @@ -0,0 +1,86 @@ +textarea::-webkit-scrollbar,.wpforms-panel-content-wrap::-webkit-scrollbar,.wpforms-panels-toggle::-webkit-scrollbar,.smart-tags-list::-webkit-scrollbar,.smart-tags-list-display::-webkit-scrollbar,#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar,#wpforms-builder-help::-webkit-scrollbar,.wpforms-scrollbar-compact::-webkit-scrollbar{background:transparent;width:15px;height:15px}textarea::-webkit-scrollbar-track,.wpforms-panel-content-wrap::-webkit-scrollbar-track,.wpforms-panels-toggle::-webkit-scrollbar-track,.smart-tags-list::-webkit-scrollbar-track,.smart-tags-list-display::-webkit-scrollbar-track,#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar-track,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar-track,#wpforms-builder-help::-webkit-scrollbar-track,.wpforms-scrollbar-compact::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb,.wpforms-panel-content-wrap::-webkit-scrollbar-thumb,.wpforms-panels-toggle::-webkit-scrollbar-thumb,.smart-tags-list::-webkit-scrollbar-thumb,.smart-tags-list-display::-webkit-scrollbar-thumb,#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar-thumb,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar-thumb,#wpforms-builder-help::-webkit-scrollbar-thumb,.wpforms-scrollbar-compact::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px 5px rgba(0,0,0,0);background:transparent;border-radius:15px;border:solid 4px transparent}textarea::-webkit-resizer,textarea::-webkit-scrollbar-button,textarea::-webkit-scrollbar-corner,.wpforms-panel-content-wrap::-webkit-resizer,.wpforms-panel-content-wrap::-webkit-scrollbar-button,.wpforms-panel-content-wrap::-webkit-scrollbar-corner,.wpforms-panels-toggle::-webkit-resizer,.wpforms-panels-toggle::-webkit-scrollbar-button,.wpforms-panels-toggle::-webkit-scrollbar-corner,.smart-tags-list::-webkit-resizer,.smart-tags-list::-webkit-scrollbar-button,.smart-tags-list::-webkit-scrollbar-corner,.smart-tags-list-display::-webkit-resizer,.smart-tags-list-display::-webkit-scrollbar-button,.smart-tags-list-display::-webkit-scrollbar-corner,#wpforms-panel-fields .wpforms-tab-content::-webkit-resizer,#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar-button,#wpforms-panel-fields .wpforms-tab-content::-webkit-scrollbar-corner,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-resizer,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar-button,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar::-webkit-scrollbar-corner,#wpforms-builder-help::-webkit-resizer,#wpforms-builder-help::-webkit-scrollbar-button,#wpforms-builder-help::-webkit-scrollbar-corner,.wpforms-scrollbar-compact::-webkit-resizer,.wpforms-scrollbar-compact::-webkit-scrollbar-button,.wpforms-scrollbar-compact::-webkit-scrollbar-corner{display:none}@-moz-document url-prefix(){textarea,.wpforms-panel-content-wrap,.wpforms-panels-toggle,.smart-tags-list,.smart-tags-list-display,#wpforms-panel-fields .wpforms-tab-content,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar,#wpforms-builder-help,.wpforms-scrollbar-compact{scrollbar-color:rgba(0,0,0,0) transparent;scrollbar-gutter:initial !important;scrollbar-width:thin}}textarea:hover::-webkit-scrollbar,textarea:focus::-webkit-scrollbar,.wpforms-panel-content-wrap:hover::-webkit-scrollbar,.wpforms-panel-content-wrap:focus::-webkit-scrollbar,.wpforms-panels-toggle:hover::-webkit-scrollbar,.wpforms-panels-toggle:focus::-webkit-scrollbar,.smart-tags-list:hover::-webkit-scrollbar,.smart-tags-list:focus::-webkit-scrollbar,.smart-tags-list-display:hover::-webkit-scrollbar,.smart-tags-list-display:focus::-webkit-scrollbar,#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar,#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar,#wpforms-builder-help:hover::-webkit-scrollbar,#wpforms-builder-help:focus::-webkit-scrollbar,.wpforms-scrollbar-compact:hover::-webkit-scrollbar,.wpforms-scrollbar-compact:focus::-webkit-scrollbar{background:transparent;width:15px;height:15px}textarea:hover::-webkit-scrollbar-track,textarea:focus::-webkit-scrollbar-track,.wpforms-panel-content-wrap:hover::-webkit-scrollbar-track,.wpforms-panel-content-wrap:focus::-webkit-scrollbar-track,.wpforms-panels-toggle:hover::-webkit-scrollbar-track,.wpforms-panels-toggle:focus::-webkit-scrollbar-track,.smart-tags-list:hover::-webkit-scrollbar-track,.smart-tags-list:focus::-webkit-scrollbar-track,.smart-tags-list-display:hover::-webkit-scrollbar-track,.smart-tags-list-display:focus::-webkit-scrollbar-track,#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar-track,#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar-track,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar-track,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar-track,#wpforms-builder-help:hover::-webkit-scrollbar-track,#wpforms-builder-help:focus::-webkit-scrollbar-track,.wpforms-scrollbar-compact:hover::-webkit-scrollbar-track,.wpforms-scrollbar-compact:focus::-webkit-scrollbar-track{background:transparent}textarea:hover::-webkit-scrollbar-thumb,textarea:focus::-webkit-scrollbar-thumb,.wpforms-panel-content-wrap:hover::-webkit-scrollbar-thumb,.wpforms-panel-content-wrap:focus::-webkit-scrollbar-thumb,.wpforms-panels-toggle:hover::-webkit-scrollbar-thumb,.wpforms-panels-toggle:focus::-webkit-scrollbar-thumb,.smart-tags-list:hover::-webkit-scrollbar-thumb,.smart-tags-list:focus::-webkit-scrollbar-thumb,.smart-tags-list-display:hover::-webkit-scrollbar-thumb,.smart-tags-list-display:focus::-webkit-scrollbar-thumb,#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar-thumb,#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar-thumb,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar-thumb,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar-thumb,#wpforms-builder-help:hover::-webkit-scrollbar-thumb,#wpforms-builder-help:focus::-webkit-scrollbar-thumb,.wpforms-scrollbar-compact:hover::-webkit-scrollbar-thumb,.wpforms-scrollbar-compact:focus::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.5);background:transparent;border-radius:15px;border:solid 4px transparent}textarea:hover::-webkit-resizer,textarea:hover::-webkit-scrollbar-button,textarea:hover::-webkit-scrollbar-corner,textarea:focus::-webkit-resizer,textarea:focus::-webkit-scrollbar-button,textarea:focus::-webkit-scrollbar-corner,.wpforms-panel-content-wrap:hover::-webkit-resizer,.wpforms-panel-content-wrap:hover::-webkit-scrollbar-button,.wpforms-panel-content-wrap:hover::-webkit-scrollbar-corner,.wpforms-panel-content-wrap:focus::-webkit-resizer,.wpforms-panel-content-wrap:focus::-webkit-scrollbar-button,.wpforms-panel-content-wrap:focus::-webkit-scrollbar-corner,.wpforms-panels-toggle:hover::-webkit-resizer,.wpforms-panels-toggle:hover::-webkit-scrollbar-button,.wpforms-panels-toggle:hover::-webkit-scrollbar-corner,.wpforms-panels-toggle:focus::-webkit-resizer,.wpforms-panels-toggle:focus::-webkit-scrollbar-button,.wpforms-panels-toggle:focus::-webkit-scrollbar-corner,.smart-tags-list:hover::-webkit-resizer,.smart-tags-list:hover::-webkit-scrollbar-button,.smart-tags-list:hover::-webkit-scrollbar-corner,.smart-tags-list:focus::-webkit-resizer,.smart-tags-list:focus::-webkit-scrollbar-button,.smart-tags-list:focus::-webkit-scrollbar-corner,.smart-tags-list-display:hover::-webkit-resizer,.smart-tags-list-display:hover::-webkit-scrollbar-button,.smart-tags-list-display:hover::-webkit-scrollbar-corner,.smart-tags-list-display:focus::-webkit-resizer,.smart-tags-list-display:focus::-webkit-scrollbar-button,.smart-tags-list-display:focus::-webkit-scrollbar-corner,#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-resizer,#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar-button,#wpforms-panel-fields .wpforms-tab-content:hover::-webkit-scrollbar-corner,#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-resizer,#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar-button,#wpforms-panel-fields .wpforms-tab-content:focus::-webkit-scrollbar-corner,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-resizer,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar-button,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover::-webkit-scrollbar-corner,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-resizer,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar-button,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus::-webkit-scrollbar-corner,#wpforms-builder-help:hover::-webkit-resizer,#wpforms-builder-help:hover::-webkit-scrollbar-button,#wpforms-builder-help:hover::-webkit-scrollbar-corner,#wpforms-builder-help:focus::-webkit-resizer,#wpforms-builder-help:focus::-webkit-scrollbar-button,#wpforms-builder-help:focus::-webkit-scrollbar-corner,.wpforms-scrollbar-compact:hover::-webkit-resizer,.wpforms-scrollbar-compact:hover::-webkit-scrollbar-button,.wpforms-scrollbar-compact:hover::-webkit-scrollbar-corner,.wpforms-scrollbar-compact:focus::-webkit-resizer,.wpforms-scrollbar-compact:focus::-webkit-scrollbar-button,.wpforms-scrollbar-compact:focus::-webkit-scrollbar-corner{display:none}@-moz-document url-prefix(){textarea:hover,textarea:focus,.wpforms-panel-content-wrap:hover,.wpforms-panel-content-wrap:focus,.wpforms-panels-toggle:hover,.wpforms-panels-toggle:focus,.smart-tags-list:hover,.smart-tags-list:focus,.smart-tags-list-display:hover,.smart-tags-list-display:focus,#wpforms-panel-fields .wpforms-tab-content:hover,#wpforms-panel-fields .wpforms-tab-content:focus,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:hover,.wpforms-panel:not(#wpforms-panel-fields) .wpforms-panel-sidebar:focus,#wpforms-builder-help:hover,#wpforms-builder-help:focus,.wpforms-scrollbar-compact:hover,.wpforms-scrollbar-compact:focus{scrollbar-color:rgba(0,0,0,0.5) transparent;scrollbar-gutter:initial !important;scrollbar-width:thin}}#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content{scrollbar-gutter:stable}#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content.wpforms-add-fields,#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content .wpforms-field-option-group-inner,#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content .wpforms-field-option-field-title-notice{padding-right:6px}.wpforms-panel .wpforms-panel-sidebar-content .wpforms-panel-content-wrap{scroll-behavior:smooth;scrollbar-gutter:stable;padding-right:16px}.wpforms-builder-dropdown-list ul::-webkit-scrollbar{background:transparent;width:4px;height:4px}.wpforms-builder-dropdown-list ul::-webkit-scrollbar-track{background:transparent}.wpforms-builder-dropdown-list ul::-webkit-scrollbar-thumb{box-shadow:inset 0 0 4px 4px rgba(0,0,0,0);background:transparent;border-radius:4px;border:solid -1px transparent}.wpforms-builder-dropdown-list ul::-webkit-resizer,.wpforms-builder-dropdown-list ul::-webkit-scrollbar-button,.wpforms-builder-dropdown-list ul::-webkit-scrollbar-corner{display:none}@-moz-document url-prefix(){.wpforms-builder-dropdown-list ul{scrollbar-color:rgba(0,0,0,0) transparent;scrollbar-gutter:initial !important;scrollbar-width:thin}}.wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar{background:transparent;width:4px;height:4px}.wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar-track{background:transparent}.wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 4px 4px rgba(0,0,0,0.5);background:transparent;border-radius:4px;border:solid -1px transparent}.wpforms-builder-dropdown-list ul:hover::-webkit-resizer,.wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar-button,.wpforms-builder-dropdown-list ul:hover::-webkit-scrollbar-corner{display:none}@-moz-document url-prefix(){.wpforms-builder-dropdown-list ul:hover{scrollbar-color:rgba(0,0,0,0.5) transparent;scrollbar-gutter:initial !important;scrollbar-width:thin}}@-moz-document url-prefix(){#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content.wpforms-add-fields,#wpforms-panel-fields .wpforms-panel-sidebar-content .wpforms-tab-content .wpforms-field-option-group-inner{padding-right:20px !important}.wpforms-panel .wpforms-panel-sidebar-content .wpforms-panel-content-wrap{padding-right:30px !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; +} diff --git a/assets/css/builder-stripe.css b/assets/css/builder-stripe.css new file mode 100644 index 00000000..cbe6d188 --- /dev/null +++ b/assets/css/builder-stripe.css @@ -0,0 +1,376 @@ +#wpforms-panel-fields .wpforms-stripe-payment-element, +#wpforms-panel-revisions .wpforms-stripe-payment-element, +#wpforms-panel-ai-form .wpforms-stripe-payment-element { + width: 60%; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element.above input::-webkit-input-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.above input::-webkit-input-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input::-webkit-input-placeholder { + color: transparent; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element.above input:-moz-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.above input:-moz-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input:-moz-placeholder { + color: transparent; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element.above input::-moz-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.above input::-moz-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input::-moz-placeholder { + color: transparent; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element.above input:-ms-input-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.above input:-ms-input-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input:-ms-input-placeholder { + color: transparent; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder, +#wpforms-panel-fields .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder { + color: #999999; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element.floating input:-moz-placeholder, +#wpforms-panel-fields .wpforms-stripe-payment-element.floating select:-moz-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input:-moz-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select:-moz-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input:-moz-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select:-moz-placeholder { + color: #999999; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element.floating input::-moz-placeholder, +#wpforms-panel-fields .wpforms-stripe-payment-element.floating select::-moz-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input::-moz-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select::-moz-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input::-moz-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select::-moz-placeholder { + color: #999999; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element.floating input:-ms-input-placeholder, +#wpforms-panel-fields .wpforms-stripe-payment-element.floating select:-ms-input-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input:-ms-input-placeholder, +#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select:-ms-input-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input:-ms-input-placeholder, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select:-ms-input-placeholder { + color: #999999; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element.floating label, +#wpforms-panel-revisions .wpforms-stripe-payment-element.floating label, +#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating label { + display: none; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element input[type=text], +#wpforms-panel-fields .wpforms-stripe-payment-element select, +#wpforms-panel-revisions .wpforms-stripe-payment-element input[type=text], +#wpforms-panel-revisions .wpforms-stripe-payment-element select, +#wpforms-panel-ai-form .wpforms-stripe-payment-element input[type=text], +#wpforms-panel-ai-form .wpforms-stripe-payment-element select { + width: 100%; + min-width: initial; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-sub-label, +#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-sub-label, +#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-sub-label { + margin-bottom: 5px; + margin-inline-start: 1px; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row, +#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row, +#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row { + overflow: hidden; + container-type: inline-size; + container-name: wpforms-field-row-responsive; +} + +@container wpforms-field-row-responsive (max-width: 200px) { + #wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half, + #wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half, + #wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half { + float: none; + width: 100%; + } + #wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc, + #wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc, + #wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc { + margin-top: 10px; + } + #wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics, + #wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics, + #wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics { + display: none; + } +} + +#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cvc, +#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cvc, +#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cvc { + position: relative; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cvc svg, +#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cvc svg, +#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cvc svg { + position: absolute; + bottom: 8px; + inset-inline-end: 12px; + opacity: 0.75; +} + +#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics, +#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics, +#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics { + position: absolute; + bottom: 7px; + inset-inline-end: 12px; + width: 136px; + max-width: calc( 100% - 24px); + height: 24px; + background-image: url("../../../images/integrations/stripe/cc-preview.png"); + background-repeat: no-repeat; + background-size: 136px 24px; + background-position: 100% 50%; +} + +.rtl #wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics, .rtl +#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics, .rtl +#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics { + background-position: 0 50%; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element { + width: 25%; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element { + width: 100%; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element), +#wpforms-panel-revisions .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element), +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element) { + width: 100%; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder { + color: transparent; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder { + color: transparent; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder { + color: transparent; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder { + color: transparent; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap { + position: absolute; + display: flex; + justify-content: space-between; + flex-wrap: nowrap; + width: auto; + height: 40px; + top: 0; + inset-inline-start: 0; + bottom: 0; + font-size: 16px; + line-height: 40px; + color: #666666; + container-type: inline-size; + container-name: wpforms-field-preview-wrap-small; +} + +@container wpforms-field-preview-wrap-small (max-width: 280px) { + #wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview, + #wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview, + #wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview { + display: none; + } +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap { + width: 25%; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap { + width: 60%; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap { + width: 100%; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap { + width: 100%; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview { + display: flex; + line-height: 40px; + padding-block: 0; + padding-inline-end: 0; + padding-inline-start: 10px; + overflow-x: hidden; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg { + width: 24px; + min-width: 24px; + fill: #000000; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span { + opacity: 0.5; + padding-inline-start: 10px; + white-space: nowrap; +} + +#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview, +#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview, +#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview { + display: block; + width: fit-content; + padding: 0 20px 0 0; + opacity: 0.5; + white-space: nowrap; +} + +#wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap, #wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap, #wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap, +#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap, +#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap, +#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap, +#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap, +#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap, +#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap { + 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; +} diff --git a/assets/css/builder-stripe.min.css b/assets/css/builder-stripe.min.css new file mode 100644 index 00000000..70bafb94 --- /dev/null +++ b/assets/css/builder-stripe.min.css @@ -0,0 +1,86 @@ +#wpforms-panel-fields .wpforms-stripe-payment-element,#wpforms-panel-revisions .wpforms-stripe-payment-element,#wpforms-panel-ai-form .wpforms-stripe-payment-element{width:60%}#wpforms-panel-fields .wpforms-stripe-payment-element.above input::-webkit-input-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.above input::-webkit-input-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input::-webkit-input-placeholder{color:transparent}#wpforms-panel-fields .wpforms-stripe-payment-element.above input:-moz-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.above input:-moz-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input:-moz-placeholder{color:transparent}#wpforms-panel-fields .wpforms-stripe-payment-element.above input::-moz-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.above input::-moz-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input::-moz-placeholder{color:transparent}#wpforms-panel-fields .wpforms-stripe-payment-element.above input:-ms-input-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.above input:-ms-input-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input:-ms-input-placeholder{color:transparent}#wpforms-panel-fields .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder,#wpforms-panel-fields .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder{color:#999999}#wpforms-panel-fields .wpforms-stripe-payment-element.floating input:-moz-placeholder,#wpforms-panel-fields .wpforms-stripe-payment-element.floating select:-moz-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input:-moz-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select:-moz-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input:-moz-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select:-moz-placeholder{color:#999999}#wpforms-panel-fields .wpforms-stripe-payment-element.floating input::-moz-placeholder,#wpforms-panel-fields .wpforms-stripe-payment-element.floating select::-moz-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input::-moz-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select::-moz-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input::-moz-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select::-moz-placeholder{color:#999999}#wpforms-panel-fields .wpforms-stripe-payment-element.floating input:-ms-input-placeholder,#wpforms-panel-fields .wpforms-stripe-payment-element.floating select:-ms-input-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input:-ms-input-placeholder,#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select:-ms-input-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input:-ms-input-placeholder,#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select:-ms-input-placeholder{color:#999999}#wpforms-panel-fields .wpforms-stripe-payment-element.floating label,#wpforms-panel-revisions .wpforms-stripe-payment-element.floating label,#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating label{display:none}#wpforms-panel-fields .wpforms-stripe-payment-element input[type=text],#wpforms-panel-fields .wpforms-stripe-payment-element select,#wpforms-panel-revisions .wpforms-stripe-payment-element input[type=text],#wpforms-panel-revisions .wpforms-stripe-payment-element select,#wpforms-panel-ai-form .wpforms-stripe-payment-element input[type=text],#wpforms-panel-ai-form .wpforms-stripe-payment-element select{width:100%;min-width:initial}#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-sub-label,#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-sub-label,#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-sub-label{margin-bottom:5px;margin-inline-start:1px}#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row,#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row,#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row{overflow:hidden;container-type:inline-size;container-name:wpforms-field-row-responsive}@container wpforms-field-row-responsive (max-width: 200px){#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half,#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half,#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half{float:none;width:100%}#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc,#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc,#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc{margin-top:10px}#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics,#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics,#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics{display:none}}#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cvc,#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cvc,#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cvc{position:relative}#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cvc svg,#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cvc svg,#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cvc svg{position:absolute;bottom:8px;inset-inline-end:12px;opacity:0.75}#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics,#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics,#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics{position:absolute;bottom:7px;inset-inline-end:12px;width:136px;max-width:calc( 100% - 24px);height:24px;background-image:url("../../../images/integrations/stripe/cc-preview.png");background-repeat:no-repeat;background-size:136px 24px;background-position:100% 50%}.rtl #wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics,.rtl #wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics,.rtl #wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics{background-position:0 50%}#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element{width:25%}#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element{width:100%}#wpforms-panel-fields .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element),#wpforms-panel-revisions .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element),#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element){width:100%}#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder{color:transparent}#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder{color:transparent}#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder{color:transparent}#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder{color:transparent}#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap,#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap{position:absolute;display:flex;justify-content:space-between;flex-wrap:nowrap;width:auto;height:40px;top:0;inset-inline-start:0;bottom:0;font-size:16px;line-height:40px;color:#666666;container-type:inline-size;container-name:wpforms-field-preview-wrap-small}@container wpforms-field-preview-wrap-small (max-width: 280px){#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview,#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview{display:none}}#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap{width:25%}#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap{width:60%}#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap{width:100%}#wpforms-panel-fields .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap,#wpforms-panel-revisions .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap{width:100%}#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview,#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview{display:flex;line-height:40px;padding-block:0;padding-inline-end:0;padding-inline-start:10px;overflow-x:hidden}#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg,#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg{width:24px;min-width:24px;fill:#000000}#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span,#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span{opacity:0.5;padding-inline-start:10px;white-space:nowrap}#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview,#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview,#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview{display:block;width:fit-content;padding:0 20px 0 0;opacity:0.5;white-space:nowrap}#wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,#wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,#wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap{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; +} diff --git a/assets/css/builder-subsystems.css b/assets/css/builder-subsystems.css new file mode 100644 index 00000000..1c296d31 --- /dev/null +++ b/assets/css/builder-subsystems.css @@ -0,0 +1,950 @@ +.tooltipster-base.tooltipster-sidetip .tooltipster-content { + font-size: 14px; + padding: 8px 16px; +} + +.tooltipster-base.tooltipster-sidetip .tooltipster-arrow-border { + display: none; +} + +.tooltipster-base.tooltipster-sidetip .tooltipster-arrow-background { + border-width: 6px; + border-color: transparent; +} + +.tooltipster-base.tooltipster-sidetip .tooltipster-box { + background: rgba(34, 34, 34, 0.95); + border: none; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background, .tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { + top: 0; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-content, .tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-content { + text-align: center; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow, .tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { + height: 6px; + margin-left: -6px; + width: 12px; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background, .tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { + left: 0; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow, .tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { + height: 12px; + margin-top: -6px; + width: 6px; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-box { + margin-bottom: 6px; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { + border-top-color: rgba(34, 34, 34, 0.95); +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-box { + margin-top: 6px; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { + border-bottom-color: rgba(34, 34, 34, 0.95); +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { + top: -6px; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-box { + margin-left: 6px; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { + border-right-color: rgba(34, 34, 34, 0.95); +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { + left: -6px; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-box { + margin-right: 6px; +} + +.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { + border-left-color: rgba(34, 34, 34, 0.95); +} + +.wpforms-admin-popup-container { + background-color: rgba(0, 0, 0, 0.5); + display: none; + height: 100vh; + left: 0; + overflow: hidden; + position: fixed; + top: 0; + width: 100%; + z-index: 100100; +} + +.wpforms-admin-popup { + background-color: white; + border-radius: 6px; + -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); + display: block !important; + left: 50%; + max-width: 550px; + min-width: 550px; + position: absolute; + text-align: center; + top: 50%; + transform: translate(-50%, -50%); + overflow: visible; +} + +.wpforms-admin-popup-content { + padding: 40px 50px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.wpforms-admin-popup-content h3 { + color: #444444; + font-size: 24px; + font-weight: 600; + letter-spacing: 0; + margin: 0 0 20px 0; + text-align: center; +} + +.wpforms-admin-popup-content p { + color: #777777; + font-size: 16px; + letter-spacing: 0; + line-height: 22px; + margin: 0 0 15px 0; + text-align: center; +} + +.wpforms-admin-popup-content p.no-gap { + margin-bottom: 0; +} + +.wpforms-admin-popup-content p.secondary { + font-size: 14px; + line-height: 17px; +} + +.wpforms-admin-popup-content p:last-of-type { + margin-bottom: 0; +} + +.wpforms-admin-popup-content b { + font-weight: 600; +} + +.wpforms-admin-popup-content select, .wpforms-admin-popup-content input[type=text] { + border: 1px solid #d6d6d6; + border-radius: 4px; + color: #777777; + font-size: 14px; + height: auto; + line-height: 21px; + padding: 8px 12px 8px 12px; + vertical-align: middle; + width: 320px; +} + +.wpforms-admin-popup-content select:focus, .wpforms-admin-popup-content input[type=text]:focus { + border-color: #036aab; +} + +.wpforms-admin-popup-content .choices__inner { + padding: 0; + width: 320px; +} + +.wpforms-admin-popup-content input[type=text].wpforms-admin-popup-shortcode { + background: #f8f8f8; + color: #444444; + font-family: monospace; + font-size: 13px; + font-style: normal; + font-weight: 400; + line-height: 15px; + margin: 20px 0 0 0; + padding: 12px 22px; + text-align: center; + width: 100%; +} + +.wpforms-admin-popup-content a.wpforms-admin-popup-toggle { + color: #777777; + text-decoration-line: underline; +} + +.wpforms-admin-popup-content a.wpforms-admin-popup-toggle:hover, .wpforms-admin-popup-content a.wpforms-admin-popup-toggle:focus { + box-shadow: none; + color: #444444; +} + +.wpforms-admin-popup-content iframe { + height: 253px; + margin: 20px 0 0 0; + width: 449px; +} + +.wpforms-admin-popup-close { + color: #bbbbbb; + cursor: pointer; + display: block; + font-size: 16px !important; + line-height: 12px; + position: absolute; + inset-inline-end: 10px; + top: 10px; +} + +.wpforms-admin-popup-close:hover { + color: #777777; +} + +.wpforms-admin-popup-btn { + background-color: #e27730; + border: none; + border-radius: 4px; + box-shadow: none; + color: #ffffff; + cursor: pointer; + display: inline-block; + font-size: 16px; + font-weight: 600; + line-height: 19px; + max-width: calc( 50% - 15px); + width: calc( 50% - 15px); + overflow: hidden; + padding: 10px 20px; + text-align: center; + text-decoration: none; + text-overflow: ellipsis; + vertical-align: middle; + white-space: nowrap; +} + +.wpforms-admin-popup-btn:hover { + background-color: #cd6622; +} + +.wpforms-admin-popup-btn .dashicons-external { + margin-inline-start: 6px; +} + +.wpforms-admin-popup-btn[data-action="go"] { + width: 120px; +} + +.wpforms-admin-popup-btn:first-child { + margin-inline-end: 10px; +} + +.wpforms-admin-popup-btn:last-child { + margin-inline-start: 10px; +} + +.wpforms-admin-popup-btn:only-child { + margin-left: 0; + margin-right: 0; +} + +.wpforms-admin-popup-btn:disabled { + cursor: default; + opacity: .5; +} + +.wpforms-admin-popup-btn:disabled:hover { + background-color: #e27730; +} + +.wpforms-admin-popup-bottom { + margin: 20px 0 0 0; +} + +.wpforms-admin-popup-flex { + align-items: stretch; + display: flex; + flex-wrap: nowrap; + justify-content: space-between; +} + +#wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown { + top: 100%; + bottom: auto; + margin-top: -1px; + margin-bottom: 0; +} + +#wpforms-admin-form-embed-wizard .choices__list--single { + color: #777777; + line-height: 21px; + padding: 8px 12px 8px 12px; + vertical-align: middle; +} + +#wpforms-admin-form-embed-wizard .choices__item { + color: #777777; +} + +#wpforms-admin-form-embed-wizard-shortcode-wrap { + display: table; + margin: 0 auto; +} + +#wpforms-admin-form-embed-wizard-shortcode { + inset-inline-start: 15px; + position: relative; + width: 400px; +} + +#wpforms-admin-form-embed-wizard-shortcode-copy { + position: relative; + inset-inline-end: 25px; + top: 10px; +} + +#wpforms-admin-form-embed-wizard-shortcode-copy i { + background: #ffffff; + border: 1px solid #cccccc; + border-radius: 3px; + color: #999999; + cursor: pointer; + padding: 8px; + vertical-align: middle; +} + +#wpforms-admin-form-embed-wizard-shortcode-copy:hover i { + border-color: #999999; + color: #444444; +} + +#wpforms-builder-help { + background-color: #ffffff; + display: block; + height: 100%; + max-height: 100vh; + opacity: 1; + overflow-y: auto; + position: fixed; + width: 100vw; + z-index: 100100; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +#wpforms-builder-help * { + opacity: 1; +} + +#wpforms-builder-help .wpforms-builder-help-docs { + margin: 0 0 25px 0; +} + +#wpforms-builder-help .wpforms-builder-help-docs li { + margin: 0; + padding-bottom: 14px; + padding-inline-start: 4px; +} + +#wpforms-builder-help .wpforms-builder-help-docs li i { + color: #b6b6b6; + font-size: 16px; + margin-inline-end: 14px; +} + +#wpforms-builder-help .wpforms-builder-help-docs li a { + border-bottom: 1px solid transparent; + color: #666666; + font-size: 15px; + text-decoration: none; +} + +#wpforms-builder-help .wpforms-builder-help-docs li a:hover { + border-bottom: 1px solid #79c2f4; + color: #036aab; +} + +#wpforms-builder-help .wpforms-builder-help-docs .viewall { + margin: 10px 0 0 0; +} + +#wpforms-builder-help .wpforms-btn.wpforms-btn-md { + font-size: 15px; + font-weight: 600; + min-height: auto; + padding: 11px 17px 11px 17px; +} + +#wpforms-builder-help-logo { + height: 50px; + inset-inline-start: 20px; + position: fixed; + top: 20px; + width: 64px; +} + +#wpforms-builder-help-close { + cursor: pointer; + font-size: 32px; + height: 28px; + position: fixed; + inset-inline-end: 20px; + top: 20px; + width: 28px; + transition-property: all; + transition-duration: 0.05s; + transition-timing-function: ease-out; +} + +#wpforms-builder-help-close svg { + height: 100% !important; + width: 100% !important; +} + +#wpforms-builder-help-close svg path { + fill: #a6a6a6 !important; +} + +#wpforms-builder-help-close:hover svg path { + fill: #777777 !important; +} + +#wpforms-builder-help-content { + background-color: #ffffff; + margin: 0 auto 50px auto; + width: 700px; +} + +#wpforms-builder-help-content #wpforms-builder-help-search { + background-color: #ffffff; + padding: 74px 0 50px 0; + position: relative; + text-align: center; + top: 0; +} + +#wpforms-builder-help-content #wpforms-builder-help-search input { + background-image: none; + background-position: 22px center; + background-repeat: no-repeat; + background-size: 20px 20px; + border: 1px solid #999999; + border-radius: 25px; + color: #444444; + font-size: 20px; + letter-spacing: 0; + line-height: 20px; + min-height: 48px; + padding-block: 10px; + padding-inline-end: 10px; + padding-inline-start: 54px; + text-align: start; + width: 700px; +} + +#wpforms-builder-help-content #wpforms-builder-help-search input:focus { + border: 1px solid #036aab; +} + +#wpforms-builder-help-content #wpforms-builder-help-search input::placeholder { + color: #bbbbbb; +} + +.rtl #wpforms-builder-help-content #wpforms-builder-help-search input { + background-position: calc(100% - 22px) center; +} + +#wpforms-builder-help-content #wpforms-builder-help-search #wpforms-builder-help-search-clear { + cursor: pointer; + height: 20px; + inset-inline-start: 22px; + opacity: .7; + position: absolute; + top: 89px; + width: 20px; +} + +#wpforms-builder-help-content #wpforms-builder-help-search #wpforms-builder-help-search-clear svg { + height: 100% !important; + width: 100% !important; +} + +#wpforms-builder-help-content #wpforms-builder-help-search #wpforms-builder-help-search-clear svg path { + fill: #aaaaaa !important; +} + +#wpforms-builder-help-content #wpforms-builder-help-search #wpforms-builder-help-search-clear:hover { + opacity: 1; +} + +#wpforms-builder-help-content #wpforms-builder-help-search.wpforms-empty #wpforms-builder-help-search-clear { + display: none; +} + +#wpforms-builder-help-content #wpforms-builder-help-search.wpforms-empty input { + background-image: url("../../images/search.svg"); +} + +#wpforms-builder-help-content .wpforms-builder-help-error { + font-size: 16px; + font-weight: 600; + margin: 220px 0 100px 0; + text-align: center; +} + +#wpforms-builder-help-result .wpforms-builder-help-docs, #wpforms-builder-help-no-result .wpforms-builder-help-docs { + margin: 0 0 36px 0; +} + +#wpforms-builder-help-result span, #wpforms-builder-help-no-result span { + color: #666666; + font-size: 15px; +} + +#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category { + border-top: 1px solid #dddddd; + margin: 0; +} + +#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category:last-child { + border-bottom: 1px solid #dddddd; +} + +#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header { + align-items: center; + cursor: pointer; + display: flex; + flex-direction: row; + justify-content: flex-start; +} + +#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header:hover span { + color: #036aab; +} + +#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header i.wpforms-folder { + color: #999999; + font-size: 21px; + margin-block: 23px; + margin-inline-end: 11px; +} + +#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header i.wpforms-arrow { + color: #cccccc; + font-size: 24px; + margin-inline-start: auto; + transition-property: transform; + transition-duration: 0.25s; + transition-timing-function: ease-out; +} + +.rtl #wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header i.wpforms-arrow { + transform: scale(-1, 1); +} + +#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header span { + color: #444444; + font-size: 16px; + font-weight: 600; +} + +#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category.opened i.wpforms-arrow { + transform: rotate(90deg); +} + +#wpforms-builder-help-footer { + align-items: center; + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + margin: 50px 0 0 0; +} + +#wpforms-builder-help-footer .wpforms-builder-help-footer-block { + border: 1px solid #dddddd; + border-radius: 6px; + box-sizing: border-box; + max-width: 325px; + padding: 25px; + text-align: center; +} + +#wpforms-builder-help-footer .wpforms-builder-help-footer-block i { + color: #999999; + font-size: 48px; + margin: 0 0 20px 0; +} + +#wpforms-builder-help-footer .wpforms-builder-help-footer-block h3 { + color: #444444; + font-size: 16px; + margin: 0 0 10px 0; +} + +#wpforms-builder-help-footer .wpforms-builder-help-footer-block p { + color: #777777; + font-size: 14px; + margin: 0 0 20px 0; +} + +@-webkit-keyframes rotation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes rotation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@media screen and (max-width: 750px) { + #wpforms-builder-help { + display: none; + } +} + +@media screen and (max-width: 1023px) { + .wpforms-dyk-row { + display: none !important; + } +} + +.wpforms-dyk .wpforms-dyk-fbox { + align-content: stretch; + align-items: center; + background-color: #f1f6fa; + border-inline-start: 4px solid #036aab; + display: flex; + font-size: 14px; + gap: 10px; + justify-content: space-between; + opacity: 1; + padding-block: 12px; + padding-inline-end: 12px; + padding-inline-start: 20px; + transition-property: all; + transition-duration: 0.25s; + transition-timing-function: ease-out; +} + +.wpforms-dyk .wpforms-dyk-fbox.out { + opacity: 0; + transform: scaleY(0); +} + +.wpforms-dyk .wpforms-dyk-message b { + font-weight: 700; +} + +.wpforms-dyk .wpforms-dyk-buttons { + align-items: center; + display: flex; + gap: 10px; +} + +.wpforms-dyk .wpforms-dyk-buttons .learn-more { + text-decoration: underline; +} + +.wpforms-dyk .wpforms-dyk-buttons .learn-more:hover { + color: #444444; +} + +.wpforms-dyk .wpforms-dyk-buttons .wpforms-btn-md { + font-size: 14px; + min-height: auto; +} + +.wpforms-smtp-education-notice { + background: #f0f0f0; + border-radius: 3px; + margin: 30px 0; + padding-block: 18px; + padding-inline-end: 100px; + padding-inline-start: 20px; + position: relative; +} + +.wpforms-smtp-education-notice:after { + content: ''; + display: block; + width: 97px; + height: 78px; + position: absolute; + bottom: 0; + inset-inline-end: 0; + background-image: url("../../images/smtp/pattie-2.svg"); + background-size: 100%; + z-index: 1; +} + +.wpforms-smtp-education-notice-title { + font-weight: 600; + font-size: 16px; + line-height: 20px; +} + +.wpforms-smtp-education-notice-description { + font-weight: 400; + font-size: 14px; + line-height: 17px; + color: #777777; + margin-top: 5px; +} + +.wpforms-smtp-education-notice-description a { + color: #e27730; + font-weight: 600; +} + +.wpforms-smtp-education-notice-description a:hover { + color: #cd6622; +} + +.wpforms-smtp-education-notice-dismiss-button { + z-index: 2; + position: absolute; + inset-inline-end: 0; + top: 0; + padding: 5px; + color: #bbbbbb; +} + +.wpforms-smtp-education-notice-dismiss-button:before { + content: none !important; +} + +.wpforms-smtp-education-notice-dismiss-button:hover { + color: #777777; +} + +@media (max-width: 1024px) { + .wpforms-smtp-education-notice { + padding: 18px 20px; + } + .wpforms-smtp-education-notice::after { + margin-top: -18px; + position: relative; + bottom: -18px; + margin-inline-start: auto; + inset-inline-end: auto; + } +} + +.wpforms-educational-alert.wpforms-calculations { + position: relative; + padding-right: 30px; +} + +.wpforms-educational-alert.wpforms-calculations .wpforms-dismiss-button { + position: absolute; + inset-inline-end: 1px; + top: 2px; +} + +.wpforms-educational-alert.wpforms-calculations .wpforms-badge-block { + margin-bottom: 5px; +} + +.wpforms-educational-alert.wpforms-calculations h3 { + font-size: inherit; + margin: inherit; + margin-bottom: 1px; +} + +.wpforms-educational-alert .wpforms-educational-badge { + font-size: 8px; + font-style: normal; + font-weight: 700; + line-height: 10px; + letter-spacing: 0.4px; + text-transform: uppercase; + text-align: center; + padding: 5px 7px; + border-radius: 3px; + background-color: #E5F6E9; +} + +.wpforms-educational-alert .wpforms-educational-badge-green { + color: #30B450; +} + +.wpforms-educational-alert .wpforms-educational-badge + h4 { + margin-top: 10px; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice { + margin: 30px 0 10px 0; + align-items: flex-start; + padding: 0; + background: #FDFAF2; + border: 1px solid rgba(0, 0, 0, 0.07); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07); + border-radius: 6px; + overflow: hidden; + max-height: none; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-message { + padding: 20px 20px 20px 50px; + background-image: url("../../images/integrations/ai/bulb-orange.svg"); + background-size: 14px 21px; + background-repeat: no-repeat; + background-position: 20px 22px; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-message h3 { + margin-top: 0; + margin-bottom: 4px; + line-height: 21px; + font-size: 17px; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-message p { + margin: 0; + line-height: 21px; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice.wpforms-alert-error { + background: #fcf0f1; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice.wpforms-alert-error .wpforms-alert-message { + background-image: url("../../images/integrations/ai/bulb-red.svg"); +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-buttons { + padding: 20px; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-buttons button { + padding: 0; + opacity: 0.7; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-buttons button:before { + content: ''; + background-image: url("../../images/integrations/ai/close.svg"); + background-size: 12px 12px; + width: 12px; + height: 12px; +} + +.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-buttons button:hover { + opacity: 1; +} + + +/* 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; +} diff --git a/assets/css/builder-subsystems.min.css b/assets/css/builder-subsystems.min.css new file mode 100644 index 00000000..e84d9236 --- /dev/null +++ b/assets/css/builder-subsystems.min.css @@ -0,0 +1,86 @@ +.tooltipster-base.tooltipster-sidetip .tooltipster-content{font-size:14px;padding:8px 16px}.tooltipster-base.tooltipster-sidetip .tooltipster-arrow-border{display:none}.tooltipster-base.tooltipster-sidetip .tooltipster-arrow-background{border-width:6px;border-color:transparent}.tooltipster-base.tooltipster-sidetip .tooltipster-box{background:rgba(34,34,34,0.95);border:none}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background,.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{top:0}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-content,.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-content{text-align:center}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow,.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background,.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{left:0}.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow,.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:12px;margin-top:-6px;width:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:rgba(34,34,34,0.95)}.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:rgba(34,34,34,0.95)}.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:rgba(34,34,34,0.95)}.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:rgba(34,34,34,0.95)}.wpforms-admin-popup-container{background-color:rgba(0,0,0,0.5);display:none;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100100}.wpforms-admin-popup{background-color:white;border-radius:6px;-moz-box-shadow:0 0 40px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.2);box-shadow:0 0 40px 0 rgba(0,0,0,0.2);display:block !important;left:50%;max-width:550px;min-width:550px;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);overflow:visible}.wpforms-admin-popup-content{padding:40px 50px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wpforms-admin-popup-content h3{color:#444444;font-size:24px;font-weight:600;letter-spacing:0;margin:0 0 20px 0;text-align:center}.wpforms-admin-popup-content p{color:#777777;font-size:16px;letter-spacing:0;line-height:22px;margin:0 0 15px 0;text-align:center}.wpforms-admin-popup-content p.no-gap{margin-bottom:0}.wpforms-admin-popup-content p.secondary{font-size:14px;line-height:17px}.wpforms-admin-popup-content p:last-of-type{margin-bottom:0}.wpforms-admin-popup-content b{font-weight:600}.wpforms-admin-popup-content select,.wpforms-admin-popup-content input[type=text]{border:1px solid #d6d6d6;border-radius:4px;color:#777777;font-size:14px;height:auto;line-height:21px;padding:8px 12px 8px 12px;vertical-align:middle;width:320px}.wpforms-admin-popup-content select:focus,.wpforms-admin-popup-content input[type=text]:focus{border-color:#036aab}.wpforms-admin-popup-content .choices__inner{padding:0;width:320px}.wpforms-admin-popup-content input[type=text].wpforms-admin-popup-shortcode{background:#f8f8f8;color:#444444;font-family:monospace;font-size:13px;font-style:normal;font-weight:400;line-height:15px;margin:20px 0 0 0;padding:12px 22px;text-align:center;width:100%}.wpforms-admin-popup-content a.wpforms-admin-popup-toggle{color:#777777;text-decoration-line:underline}.wpforms-admin-popup-content a.wpforms-admin-popup-toggle:hover,.wpforms-admin-popup-content a.wpforms-admin-popup-toggle:focus{box-shadow:none;color:#444444}.wpforms-admin-popup-content iframe{height:253px;margin:20px 0 0 0;width:449px}.wpforms-admin-popup-close{color:#bbbbbb;cursor:pointer;display:block;font-size:16px !important;line-height:12px;position:absolute;inset-inline-end:10px;top:10px}.wpforms-admin-popup-close:hover{color:#777777}.wpforms-admin-popup-btn{background-color:#e27730;border:none;border-radius:4px;box-shadow:none;color:#ffffff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;line-height:19px;max-width:calc( 50% - 15px);width:calc( 50% - 15px);overflow:hidden;padding:10px 20px;text-align:center;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.wpforms-admin-popup-btn:hover{background-color:#cd6622}.wpforms-admin-popup-btn .dashicons-external{margin-inline-start:6px}.wpforms-admin-popup-btn[data-action="go"]{width:120px}.wpforms-admin-popup-btn:first-child{margin-inline-end:10px}.wpforms-admin-popup-btn:last-child{margin-inline-start:10px}.wpforms-admin-popup-btn:only-child{margin-left:0;margin-right:0}.wpforms-admin-popup-btn:disabled{cursor:default;opacity:.5}.wpforms-admin-popup-btn:disabled:hover{background-color:#e27730}.wpforms-admin-popup-bottom{margin:20px 0 0 0}.wpforms-admin-popup-flex{align-items:stretch;display:flex;flex-wrap:nowrap;justify-content:space-between}#wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown{top:100%;bottom:auto;margin-top:-1px;margin-bottom:0}#wpforms-admin-form-embed-wizard .choices__list--single{color:#777777;line-height:21px;padding:8px 12px 8px 12px;vertical-align:middle}#wpforms-admin-form-embed-wizard .choices__item{color:#777777}#wpforms-admin-form-embed-wizard-shortcode-wrap{display:table;margin:0 auto}#wpforms-admin-form-embed-wizard-shortcode{inset-inline-start:15px;position:relative;width:400px}#wpforms-admin-form-embed-wizard-shortcode-copy{position:relative;inset-inline-end:25px;top:10px}#wpforms-admin-form-embed-wizard-shortcode-copy i{background:#ffffff;border:1px solid #cccccc;border-radius:3px;color:#999999;cursor:pointer;padding:8px;vertical-align:middle}#wpforms-admin-form-embed-wizard-shortcode-copy:hover i{border-color:#999999;color:#444444}#wpforms-builder-help{background-color:#ffffff;display:block;height:100%;max-height:100vh;opacity:1;overflow-y:auto;position:fixed;width:100vw;z-index:100100;top:0;right:0;bottom:0;left:0}#wpforms-builder-help *{opacity:1}#wpforms-builder-help .wpforms-builder-help-docs{margin:0 0 25px 0}#wpforms-builder-help .wpforms-builder-help-docs li{margin:0;padding-bottom:14px;padding-inline-start:4px}#wpforms-builder-help .wpforms-builder-help-docs li i{color:#b6b6b6;font-size:16px;margin-inline-end:14px}#wpforms-builder-help .wpforms-builder-help-docs li a{border-bottom:1px solid transparent;color:#666666;font-size:15px;text-decoration:none}#wpforms-builder-help .wpforms-builder-help-docs li a:hover{border-bottom:1px solid #79c2f4;color:#036aab}#wpforms-builder-help .wpforms-builder-help-docs .viewall{margin:10px 0 0 0}#wpforms-builder-help .wpforms-btn.wpforms-btn-md{font-size:15px;font-weight:600;min-height:auto;padding:11px 17px 11px 17px}#wpforms-builder-help-logo{height:50px;inset-inline-start:20px;position:fixed;top:20px;width:64px}#wpforms-builder-help-close{cursor:pointer;font-size:32px;height:28px;position:fixed;inset-inline-end:20px;top:20px;width:28px;transition-property:all;transition-duration:0.05s;transition-timing-function:ease-out}#wpforms-builder-help-close svg{height:100% !important;width:100% !important}#wpforms-builder-help-close svg path{fill:#a6a6a6 !important}#wpforms-builder-help-close:hover svg path{fill:#777777 !important}#wpforms-builder-help-content{background-color:#ffffff;margin:0 auto 50px auto;width:700px}#wpforms-builder-help-content #wpforms-builder-help-search{background-color:#ffffff;padding:74px 0 50px 0;position:relative;text-align:center;top:0}#wpforms-builder-help-content #wpforms-builder-help-search input{background-image:none;background-position:22px center;background-repeat:no-repeat;background-size:20px 20px;border:1px solid #999999;border-radius:25px;color:#444444;font-size:20px;letter-spacing:0;line-height:20px;min-height:48px;padding-block:10px;padding-inline-end:10px;padding-inline-start:54px;text-align:start;width:700px}#wpforms-builder-help-content #wpforms-builder-help-search input:focus{border:1px solid #036aab}#wpforms-builder-help-content #wpforms-builder-help-search input::placeholder{color:#bbbbbb}.rtl #wpforms-builder-help-content #wpforms-builder-help-search input{background-position:calc(100% - 22px) center}#wpforms-builder-help-content #wpforms-builder-help-search #wpforms-builder-help-search-clear{cursor:pointer;height:20px;inset-inline-start:22px;opacity:.7;position:absolute;top:89px;width:20px}#wpforms-builder-help-content #wpforms-builder-help-search #wpforms-builder-help-search-clear svg{height:100% !important;width:100% !important}#wpforms-builder-help-content #wpforms-builder-help-search #wpforms-builder-help-search-clear svg path{fill:#aaaaaa !important}#wpforms-builder-help-content #wpforms-builder-help-search #wpforms-builder-help-search-clear:hover{opacity:1}#wpforms-builder-help-content #wpforms-builder-help-search.wpforms-empty #wpforms-builder-help-search-clear{display:none}#wpforms-builder-help-content #wpforms-builder-help-search.wpforms-empty input{background-image:url("../../images/search.svg")}#wpforms-builder-help-content .wpforms-builder-help-error{font-size:16px;font-weight:600;margin:220px 0 100px 0;text-align:center}#wpforms-builder-help-result .wpforms-builder-help-docs,#wpforms-builder-help-no-result .wpforms-builder-help-docs{margin:0 0 36px 0}#wpforms-builder-help-result span,#wpforms-builder-help-no-result span{color:#666666;font-size:15px}#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category{border-top:1px solid #dddddd;margin:0}#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category:last-child{border-bottom:1px solid #dddddd}#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start}#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header:hover span{color:#036aab}#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header i.wpforms-folder{color:#999999;font-size:21px;margin-block:23px;margin-inline-end:11px}#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header i.wpforms-arrow{color:#cccccc;font-size:24px;margin-inline-start:auto;transition-property:transform;transition-duration:0.25s;transition-timing-function:ease-out}.rtl #wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header i.wpforms-arrow{transform:scale(-1, 1)}#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category header span{color:#444444;font-size:16px;font-weight:600}#wpforms-builder-help-categories .wpforms-builder-help-categories-toggle .wpforms-builder-help-category.opened i.wpforms-arrow{transform:rotate(90deg)}#wpforms-builder-help-footer{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:50px 0 0 0}#wpforms-builder-help-footer .wpforms-builder-help-footer-block{border:1px solid #dddddd;border-radius:6px;box-sizing:border-box;max-width:325px;padding:25px;text-align:center}#wpforms-builder-help-footer .wpforms-builder-help-footer-block i{color:#999999;font-size:48px;margin:0 0 20px 0}#wpforms-builder-help-footer .wpforms-builder-help-footer-block h3{color:#444444;font-size:16px;margin:0 0 10px 0}#wpforms-builder-help-footer .wpforms-builder-help-footer-block p{color:#777777;font-size:14px;margin:0 0 20px 0}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (max-width: 750px){#wpforms-builder-help{display:none}}@media screen and (max-width: 1023px){.wpforms-dyk-row{display:none !important}}.wpforms-dyk .wpforms-dyk-fbox{align-content:stretch;align-items:center;background-color:#f1f6fa;border-inline-start:4px solid #036aab;display:flex;font-size:14px;gap:10px;justify-content:space-between;opacity:1;padding-block:12px;padding-inline-end:12px;padding-inline-start:20px;transition-property:all;transition-duration:0.25s;transition-timing-function:ease-out}.wpforms-dyk .wpforms-dyk-fbox.out{opacity:0;transform:scaleY(0)}.wpforms-dyk .wpforms-dyk-message b{font-weight:700}.wpforms-dyk .wpforms-dyk-buttons{align-items:center;display:flex;gap:10px}.wpforms-dyk .wpforms-dyk-buttons .learn-more{text-decoration:underline}.wpforms-dyk .wpforms-dyk-buttons .learn-more:hover{color:#444444}.wpforms-dyk .wpforms-dyk-buttons .wpforms-btn-md{font-size:14px;min-height:auto}.wpforms-smtp-education-notice{background:#f0f0f0;border-radius:3px;margin:30px 0;padding-block:18px;padding-inline-end:100px;padding-inline-start:20px;position:relative}.wpforms-smtp-education-notice:after{content:'';display:block;width:97px;height:78px;position:absolute;bottom:0;inset-inline-end:0;background-image:url("../../images/smtp/pattie-2.svg");background-size:100%;z-index:1}.wpforms-smtp-education-notice-title{font-weight:600;font-size:16px;line-height:20px}.wpforms-smtp-education-notice-description{font-weight:400;font-size:14px;line-height:17px;color:#777777;margin-top:5px}.wpforms-smtp-education-notice-description a{color:#e27730;font-weight:600}.wpforms-smtp-education-notice-description a:hover{color:#cd6622}.wpforms-smtp-education-notice-dismiss-button{z-index:2;position:absolute;inset-inline-end:0;top:0;padding:5px;color:#bbbbbb}.wpforms-smtp-education-notice-dismiss-button:before{content:none !important}.wpforms-smtp-education-notice-dismiss-button:hover{color:#777777}@media (max-width: 1024px){.wpforms-smtp-education-notice{padding:18px 20px}.wpforms-smtp-education-notice::after{margin-top:-18px;position:relative;bottom:-18px;margin-inline-start:auto;inset-inline-end:auto}}.wpforms-educational-alert.wpforms-calculations{position:relative;padding-right:30px}.wpforms-educational-alert.wpforms-calculations .wpforms-dismiss-button{position:absolute;inset-inline-end:1px;top:2px}.wpforms-educational-alert.wpforms-calculations .wpforms-badge-block{margin-bottom:5px}.wpforms-educational-alert.wpforms-calculations h3{font-size:inherit;margin:inherit;margin-bottom:1px}.wpforms-educational-alert .wpforms-educational-badge{font-size:8px;font-style:normal;font-weight:700;line-height:10px;letter-spacing:0.4px;text-transform:uppercase;text-align:center;padding:5px 7px;border-radius:3px;background-color:#E5F6E9}.wpforms-educational-alert .wpforms-educational-badge-green{color:#30B450}.wpforms-educational-alert .wpforms-educational-badge+h4{margin-top:10px}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice{margin:30px 0 10px 0;align-items:flex-start;padding:0;background:#FDFAF2;border:1px solid rgba(0,0,0,0.07);box-shadow:0px 1px 2px rgba(0,0,0,0.07);border-radius:6px;overflow:hidden;max-height:none}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-message{padding:20px 20px 20px 50px;background-image:url("../../images/integrations/ai/bulb-orange.svg");background-size:14px 21px;background-repeat:no-repeat;background-position:20px 22px}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-message h3{margin-top:0;margin-bottom:4px;line-height:21px;font-size:17px}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-message p{margin:0;line-height:21px}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice.wpforms-alert-error{background:#fcf0f1}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice.wpforms-alert-error .wpforms-alert-message{background-image:url("../../images/integrations/ai/bulb-red.svg")}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-buttons{padding:20px}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-buttons button{padding:0;opacity:0.7}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-buttons button:before{content:'';background-image:url("../../images/integrations/ai/close.svg");background-size:12px 12px;width:12px;height:12px}.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-pro-fields-notice .wpforms-alert-buttons button:hover{opacity:1} + + +/* 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; +} diff --git a/assets/css/builder-third-party.css b/assets/css/builder-third-party.css new file mode 100644 index 00000000..fa6a4cba --- /dev/null +++ b/assets/css/builder-third-party.css @@ -0,0 +1,697 @@ +.wpforms-screen-reader-element, +.screen-reader-text { + border: 0 !important; + clip: rect(0, 0, 0, 0) !important; + height: 1px !important; + margin: 0 !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: 1px !important; + word-wrap: normal !important; +} + +.wpforms_page_wpforms-builder #wpadminbar { + display: none; +} + +.wpforms_page_wpforms-builder .flatpickr-calendar.open { + z-index: 100100; +} + +@media only screen and (max-width: 600px) { + .flatpickr-calendar .flatpickr-current-month .numInputWrapper { + width: calc(6ch - 14px); + } + .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp, + .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown { + display: none; + } +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box { + display: grid; + grid-template-columns: repeat(2, 1fr); + justify-items: center; + animation: none; + background: #ffffff; + border-radius: 6px; + border-top-style: solid; + border-top-width: 4px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); + padding-top: 34px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c, +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane, +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c, +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane, +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons { + grid-column: 1 / -1; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default { + border-top-width: 0; + padding-top: 25px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c { + margin-bottom: 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c { + font-size: 44px; + margin-bottom: -6px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm { + background-color: #e27730; + border-color: #e27730; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover { + background-color: #cd6622; + border-color: #cd6622; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red { + border-top-color: #d63638 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c { + color: #d63638 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm { + background-color: #d63638; + border-color: #d63638; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover { + background-color: #b32d2e; + border-color: #b32d2e; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange { + border-top-color: #e27730 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c { + color: #e27730 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm { + background-color: #e27730; + border-color: #e27730; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover { + background-color: #cd6622; + border-color: #cd6622; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow { + border-top-color: #ffb900 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c { + color: #ffb900 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm { + background-color: #ffb900; + border-color: #ffb900; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover { + background-color: #ffaa00; + border-color: #ffaa00; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue { + border-top-color: #0399ed !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c { + color: #0399ed !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm { + background-color: #0399ed; + border-color: #0399ed; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover { + background-color: #036aab; + border-color: #036aab; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green { + border-top-color: #00a32a !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c { + color: #00a32a !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm { + background-color: #00a32a; + border-color: #00a32a; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover { + background-color: #008a20; + border-color: #008a20; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple { + border-top-color: #7a30e2 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c { + color: #7a30e2 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm { + background-color: #7a30e2; + border-color: #7a30e2; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover { + background-color: #5c24a9; + border-color: #5c24a9; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon { + color: transparent; + font-family: FontAwesome; + height: 14px; + opacity: 1; + inset-inline-end: 10px; + top: 10px; + width: 14px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after { + color: #bbbbbb; + content: "\f00d"; + font-size: 16px; + inset-inline-start: 0; + position: absolute; + top: 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after { + color: #777777 !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c { + margin: 0 0 20px 0; + padding: 0; + font-weight: 600; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { + font-size: 47px; + margin: 0; + -ms-transform: none !important; + -webkit-transform: none !important; + transform: none !important; + -webkit-transition: none !important; + transition: none !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c + .jconfirm-title, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c + .jconfirm-title { + margin-top: 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title { + color: #444444; + display: block; + line-height: 30px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane { + display: block; + margin-bottom: 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content { + color: #444444; + font-size: 16px; + line-height: 24px; + margin-bottom: 0; + overflow: inherit; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p { + color: #777777; + font-size: 18px; + padding: 0 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p { + font-size: inherit; + line-height: inherit; + margin: 0 0 16px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type { + margin: 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large { + font-size: 18px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small { + font-size: 14px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.bold, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.bold { + font-weight: 600; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong { + font-weight: 600; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel], +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea, +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel], +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea, +.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select { + margin: 10px 2px; + width: calc( 100% - 4px); +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content .error, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content .error { + color: #d63638; + font-size: 14px; + font-weight: 600; + line-height: 1.4; + margin-top: 10px; + display: none; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased { + display: block; + grid-row: 5; + grid-column: 1 / -1; + color: #bbbbbb; + font-size: 14px; + margin-top: 15px; + text-decoration: underline; + text-align: center; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover { + color: #777777; + text-decoration: underline; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note { + grid-row: 4; + grid-column: 1 / -1; + margin: 25px 0 0 0; + text-align: center; + width: 100%; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p { + background-color: #fcf9e8; + color: #777777; + font-size: 16px; + margin: 0 -30px; + padding: 22px 52px 12px 52px; + position: relative; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after { + background-color: #ffffff; + border-radius: 50%; + color: #00a32a; + content: "\f058"; + display: inline-block; + font: normal normal normal 14px FontAwesome; + font-size: 26px; + margin-inline-end: -18px; + padding: 5px 6px; + position: absolute; + inset-inline-end: 50%; + text-rendering: auto; + top: -16px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note span, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note span { + color: #00a32a; + font-weight: 700; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note a, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note a { + color: #777777; + display: block; + margin-top: 12px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .feature-video, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .feature-video { + margin: 30px 0 0 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video { + margin: 15px 0 10px 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input), .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input) { + display: block; + margin-top: 10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box #wpforms-edu-modal-license-key, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box #wpforms-edu-modal-license-key { + margin-top: 20px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons { + margin-top: -10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button { + background: #f8f8f8; + border: 1px solid #cccccc; + border-radius: 4px; + color: #777777; + font-size: 16px; + font-weight: 600; + line-height: 20px; + outline: none; + padding: 11px 17px; + text-transform: none; + margin: 10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover { + background: #eeeeee; + border-color: #cccccc; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button { + min-width: 83px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled], .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled] { + cursor: no-drop; + pointer-events: none; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm { + color: #ffffff; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai { + background-color: #faf5fe; + border-color: #7a30e2; + color: #7a30e2; + padding: 10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:hover, .wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:focus, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:hover, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:focus { + background-color: #f5e9ff; + border-color: #5c24a9; + color: #5c24a9; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai::before, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai::before { + content: ''; + display: inline-block; + vertical-align: middle; + width: 16px; + height: 16px; + background-image: url(../../images/integrations/ai/ai-feature.svg); + background-size: 16px 16px; + margin-inline-end: 8px; + opacity: .85; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden + button, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden + button { + margin-left: 0; + margin-right: 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block { + display: block; + margin: 0 0 10px 0 !important; + text-align: center; + width: 100%; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case { + text-transform: none !important; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i { + margin-inline-end: 10px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-providers-account-add-modal .jconfirm-content .description, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-providers-account-add-modal .jconfirm-content .description { + font-size: 13px; + line-height: 1.4; + margin-top: 15px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-content-pane, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-content-pane { + max-height: calc( 100vh - 333px); + transition-property: max-height; + transition-duration: 0.25s; + transition-timing-function: ease-out; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-title-c, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-title-c { + margin-bottom: 15px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-columns, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-columns { + margin: 30px 0 0 0; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column { + border: 1px solid #cccccc; + border-radius: 4px; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li { + border-bottom: 1px solid #dddddd; + font-size: 14px; + line-height: 30px; + margin: 0; + padding: 8px 10px; + text-align: start; + display: flex; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li:last-child, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li:last-child { + border-bottom: none; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span { + margin-inline-start: auto; +} + +.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span i, .block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span i { + background-color: #ebf3fc; + border-radius: 4px; + color: #036aab; + display: inline-block; + font-style: normal; + line-height: 16px; + margin-inline-start: 5px; + min-width: 30px; + padding: 5px 10px; + text-transform: capitalize; +} + +.wpforms_page_wpforms-builder .jconfirm.jconfirm-wpforms-education .jconfirm-content-pane, .block-editor-page .jconfirm.jconfirm-wpforms-education .jconfirm-content-pane { + height: auto !important; + min-height: fit-content; +} + +.wpforms_page_wpforms-builder .choices, .block-editor-page .choices { + font-size: 16px; + text-align: start; +} + +.wpforms_page_wpforms-builder .choices input[type=text].choices__input:not(.wpforms-hidden), .block-editor-page .choices input[type=text].choices__input:not(.wpforms-hidden) { + display: inline-block !important; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-box, .block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-box { + padding-bottom: 0; + padding-top: 30px; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .already-purchased, .block-editor-page .jconfirm.has-video .jconfirm-box-container .already-purchased { + grid-row: 4; + grid-column: 1 / 2; + display: block; + margin-top: 0; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .already-purchased:hover, .block-editor-page .jconfirm.has-video .jconfirm-box-container .already-purchased:hover { + color: #777777; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note, .block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note { + grid-row: 5; + margin: 20px 0 0; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note p, .block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note p { + margin: 0 -30px; + padding: 20px 52px; + border-radius: 0 0 6px 6px; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note p:after, .block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note p:after { + display: none; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .feature-video, .wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .pro-feature-video, .block-editor-page .jconfirm.has-video .jconfirm-box-container .feature-video, .block-editor-page .jconfirm.has-video .jconfirm-box-container .pro-feature-video { + grid-row: 1 / span 4; + grid-column-start: 2; + margin-top: 0; + margin-inline-start: 15px; +} + +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-title-c, +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-content-pane, +.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-buttons, .block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-title-c, +.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-content-pane, +.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-buttons { + grid-column: 1 / 2; +} + +.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box, .block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box { + padding-bottom: 30px; +} + +.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .pro-feature-video, .block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .pro-feature-video { + margin-bottom: 0; +} + +.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .jconfirm-buttons, .block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .jconfirm-buttons { + padding-bottom: 0; +} + +.wpforms_page_wpforms-builder.rtl .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon, .block-editor-page.rtl .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon { + left: 10px; + right: auto; +} + +@media screen and (max-width: 1023px) { + .wpforms_page_wpforms-builder .jconfirm { + display: none; + } +} + +.wpforms_page_wpforms-builder .media-modal .edit-attachment, +.wpforms_page_wpforms-builder .media-modal .delete-attachment { + 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; +} diff --git a/assets/css/builder-third-party.min.css b/assets/css/builder-third-party.min.css new file mode 100644 index 00000000..44ea167a --- /dev/null +++ b/assets/css/builder-third-party.min.css @@ -0,0 +1,86 @@ +.wpforms-screen-reader-element,.screen-reader-text{border:0 !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;margin:0 !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;word-wrap:normal !important}.wpforms_page_wpforms-builder #wpadminbar{display:none}.wpforms_page_wpforms-builder .flatpickr-calendar.open{z-index:100100}@media only screen and (max-width: 600px){.flatpickr-calendar .flatpickr-current-month .numInputWrapper{width:calc(6ch - 14px)}.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp,.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown{display:none}}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box{display:grid;grid-template-columns:repeat(2, 1fr);justify-items:center;animation:none;background:#ffffff;border-radius:6px;border-top-style:solid;border-top-width:4px;box-shadow:0 3px 6px rgba(0,0,0,0.15);padding-top:34px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c,.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane,.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons{grid-column:1 / -1}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default{border-top-width:0;padding-top:25px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c{margin-bottom:20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default .jconfirm-title-c .jconfirm-icon-c{font-size:44px;margin-bottom:-6px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm{background-color:#e27730;border-color:#e27730}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-default button.btn-confirm:hover{background-color:#cd6622;border-color:#cd6622}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red{border-top-color:#d63638 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#d63638 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm{background-color:#d63638;border-color:#d63638}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-red button.btn-confirm:hover{background-color:#b32d2e;border-color:#b32d2e}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange{border-top-color:#e27730 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#e27730 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm{background-color:#e27730;border-color:#e27730}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-orange button.btn-confirm:hover{background-color:#cd6622;border-color:#cd6622}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow{border-top-color:#ffb900 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow .jconfirm-title-c .jconfirm-icon-c{color:#ffb900 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm{background-color:#ffb900;border-color:#ffb900}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-yellow button.btn-confirm:hover{background-color:#ffaa00;border-color:#ffaa00}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue{border-top-color:#0399ed !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#0399ed !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm{background-color:#0399ed;border-color:#0399ed}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-blue button.btn-confirm:hover{background-color:#036aab;border-color:#036aab}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green{border-top-color:#00a32a !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#00a32a !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm{background-color:#00a32a;border-color:#00a32a}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-green button.btn-confirm:hover{background-color:#008a20;border-color:#008a20}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple{border-top-color:#7a30e2 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#7a30e2 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm{background-color:#7a30e2;border-color:#7a30e2}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.jconfirm-type-purple button.btn-confirm:hover{background-color:#5c24a9;border-color:#5c24a9}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon{color:transparent;font-family:FontAwesome;height:14px;opacity:1;inset-inline-end:10px;top:10px;width:14px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after{color:#bbbbbb;content:"\f00d";font-size:16px;inset-inline-start:0;position:absolute;top:0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover:after{color:#777777 !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c{margin:0 0 20px 0;padding:0;font-weight:600}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{font-size:47px;margin:0;-ms-transform:none !important;-webkit-transform:none !important;transform:none !important;-webkit-transition:none !important;transition:none !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c+.jconfirm-title,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-icon-c+.jconfirm-title{margin-top:20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title{color:#444444;display:block;line-height:30px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane{display:block;margin-bottom:20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content{color:#444444;font-size:16px;line-height:24px;margin-bottom:0;overflow:inherit}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content.lite-upgrade p{color:#777777;font-size:18px;padding:0 20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p{font-size:inherit;line-height:inherit;margin:0 0 16px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p:last-of-type{margin:0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.large{font-size:18px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.small{font-size:14px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.bold,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content p.bold{font-weight:600}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong{font-weight:600}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel],.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea,.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=text],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=number],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=email],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=url],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=password],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=search],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type=tel],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content textarea,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content select{margin:10px 2px;width:calc( 100% - 4px)}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content .error,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content .error{color:#d63638;font-size:14px;font-weight:600;line-height:1.4;margin-top:10px;display:none}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased{display:block;grid-row:5;grid-column:1 / -1;color:#bbbbbb;font-size:14px;margin-top:15px;text-decoration:underline;text-align:center}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .already-purchased:hover{color:#777777;text-decoration:underline}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note{grid-row:4;grid-column:1 / -1;margin:25px 0 0 0;text-align:center;width:100%}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p{background-color:#fcf9e8;color:#777777;font-size:16px;margin:0 -30px;padding:22px 52px 12px 52px;position:relative}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note p:after{background-color:#ffffff;border-radius:50%;color:#00a32a;content:"\f058";display:inline-block;font:normal normal normal 14px FontAwesome;font-size:26px;margin-inline-end:-18px;padding:5px 6px;position:absolute;inset-inline-end:50%;text-rendering:auto;top:-16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note span,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note span{color:#00a32a;font-weight:700}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .discount-note a,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .discount-note a{color:#777777;display:block;margin-top:12px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .feature-video,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .feature-video{margin:30px 0 0 0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .pro-feature-video{margin:15px 0 10px 0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input),.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box input[type=text]:not(.choices__input){display:block;margin-top:10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box #wpforms-edu-modal-license-key,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box #wpforms-edu-modal-license-key{margin-top:20px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons{margin-top:-10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button{background:#f8f8f8;border:1px solid #cccccc;border-radius:4px;color:#777777;font-size:16px;font-weight:600;line-height:20px;outline:none;padding:11px 17px;text-transform:none;margin:10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button:hover{background:#eeeeee;border-color:#cccccc}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button{min-width:83px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled],.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button[disabled]{cursor:no-drop;pointer-events:none}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-confirm{color:#ffffff}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai{background-color:#faf5fe;border-color:#7a30e2;color:#7a30e2;padding:10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:hover,.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:focus,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:hover,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai:focus{background-color:#f5e9ff;border-color:#5c24a9;color:#5c24a9}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai::before,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-fix-with-ai::before{content:'';display:inline-block;vertical-align:middle;width:16px;height:16px;background-image:url(../../images/integrations/ai/ai-feature.svg);background-size:16px 16px;margin-inline-end:8px;opacity:.85}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden+button,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.hidden+button{margin-left:0;margin-right:0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-block{display:block;margin:0 0 10px 0 !important;text-align:center;width:100%}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button.btn-normal-case{text-transform:none !important}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i{margin-inline-end:10px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-providers-account-add-modal .jconfirm-content .description,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-providers-account-add-modal .jconfirm-content .description{font-size:13px;line-height:1.4;margin-top:15px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-content-pane,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-content-pane{max-height:calc( 100vh - 333px);transition-property:max-height;transition-duration:0.25s;transition-timing-function:ease-out}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-title-c,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .jconfirm-title-c{margin-bottom:15px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-columns,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-columns{margin:30px 0 0 0}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column{border:1px solid #cccccc;border-radius:4px}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li{border-bottom:1px solid #dddddd;font-size:14px;line-height:30px;margin:0;padding:8px 10px;text-align:start;display:flex}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li:last-child,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li:last-child{border-bottom:none}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span{margin-inline-start:auto}.wpforms_page_wpforms-builder .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span i,.block-editor-page .jconfirm .jconfirm-box-container .jconfirm-box.wpforms-builder-keyboard-shortcuts .wpforms-column li span i{background-color:#ebf3fc;border-radius:4px;color:#036aab;display:inline-block;font-style:normal;line-height:16px;margin-inline-start:5px;min-width:30px;padding:5px 10px;text-transform:capitalize}.wpforms_page_wpforms-builder .jconfirm.jconfirm-wpforms-education .jconfirm-content-pane,.block-editor-page .jconfirm.jconfirm-wpforms-education .jconfirm-content-pane{height:auto !important;min-height:fit-content}.wpforms_page_wpforms-builder .choices,.block-editor-page .choices{font-size:16px;text-align:start}.wpforms_page_wpforms-builder .choices input[type=text].choices__input:not(.wpforms-hidden),.block-editor-page .choices input[type=text].choices__input:not(.wpforms-hidden){display:inline-block !important}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-box,.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-box{padding-bottom:0;padding-top:30px}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .already-purchased,.block-editor-page .jconfirm.has-video .jconfirm-box-container .already-purchased{grid-row:4;grid-column:1 / 2;display:block;margin-top:0}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .already-purchased:hover,.block-editor-page .jconfirm.has-video .jconfirm-box-container .already-purchased:hover{color:#777777}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note,.block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note{grid-row:5;margin:20px 0 0}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note p,.block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note p{margin:0 -30px;padding:20px 52px;border-radius:0 0 6px 6px}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .discount-note p:after,.block-editor-page .jconfirm.has-video .jconfirm-box-container .discount-note p:after{display:none}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .feature-video,.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .pro-feature-video,.block-editor-page .jconfirm.has-video .jconfirm-box-container .feature-video,.block-editor-page .jconfirm.has-video .jconfirm-box-container .pro-feature-video{grid-row:1 / span 4;grid-column-start:2;margin-top:0;margin-inline-start:15px}.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-title-c,.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-content-pane,.wpforms_page_wpforms-builder .jconfirm.has-video .jconfirm-box-container .jconfirm-buttons,.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-title-c,.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-content-pane,.block-editor-page .jconfirm.has-video .jconfirm-box-container .jconfirm-buttons{grid-column:1 / 2}.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box,.block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box{padding-bottom:30px}.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .pro-feature-video,.block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .pro-feature-video{margin-bottom:0}.wpforms_page_wpforms-builder .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .jconfirm-buttons,.block-editor-page .jconfirm.upgrade-modal .jconfirm-box-container .jconfirm-box .jconfirm-buttons{padding-bottom:0}.wpforms_page_wpforms-builder.rtl .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon,.block-editor-page.rtl .jconfirm .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon{left:10px;right:auto}@media screen and (max-width: 1023px){.wpforms_page_wpforms-builder .jconfirm{display:none}}.wpforms_page_wpforms-builder .media-modal .edit-attachment,.wpforms_page_wpforms-builder .media-modal .delete-attachment{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; +} diff --git a/assets/css/builder-ui-general.css b/assets/css/builder-ui-general.css new file mode 100644 index 00000000..e72b9f7d --- /dev/null +++ b/assets/css/builder-ui-general.css @@ -0,0 +1,1209 @@ +#wpforms-builder .wpforms-toolbar { + background: #ffffff; + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); + height: 76px; + padding: 0; + position: fixed; + text-align: center; + top: var(--wpforms-admin-bar-height); + width: 100%; + z-index: 50; + -webkit-transform: translateZ(0); + transform: translateZ(0); + transition-property: top; + transition-duration: 0.25s; + transition-timing-function: ease-out; +} + +#wpforms-builder .wpforms-toolbar .wpforms-left { + align-items: center; + border-inline-end: 1px solid #dddddd; + display: flex; + height: 100%; + justify-content: center; + inset-inline-start: 0; + position: absolute; + top: 0; + width: 95px; +} + +#wpforms-builder .wpforms-toolbar .wpforms-left img { + height: 45px; + width: 57px; +} + +#wpforms-builder .wpforms-toolbar .wpforms-center { + display: flex; + gap: 5px; + align-items: center; + text-align: start; + font-size: 18px; + line-height: 1; + font-weight: 400; + margin-inline-end: 520px; + margin-inline-start: 114px; + max-width: calc( 100% - 500px); + height: 100%; +} + +#wpforms-builder .wpforms-toolbar .wpforms-center-form-name-prefix { + white-space: nowrap; +} + +#wpforms-builder .wpforms-toolbar .wpforms-center-form-name { + cursor: pointer; +} + +#wpforms-builder .wpforms-toolbar .wpforms-center-form-name:hover { + text-decoration: underline; +} + +#wpforms-builder .wpforms-toolbar .wpforms-center-form-template-badge { + background-color: #fdf2eb; + border-radius: 3px; + color: #e79055; + font-size: 10px; + line-height: 1; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.5px; + padding: 8px 10px; +} + +#wpforms-builder .wpforms-toolbar .wpforms-form-name { + font-weight: 600; +} + +#wpforms-builder .wpforms-toolbar .wpforms-right { + align-items: center; + display: flex; + height: 100%; + justify-content: flex-end; + position: absolute; + inset-inline-end: 0; + top: 0; +} + +#wpforms-builder .wpforms-toolbar .wpforms-right .wpforms-btn-toolbar { + font-size: 16px; + font-weight: 600; + height: 42px; + line-height: 40px; + margin-inline-end: 20px; + padding: 0 15px; + text-decoration: none; + text-transform: capitalize; +} + +#wpforms-builder .wpforms-toolbar .wpforms-right .wpforms-btn-toolbar i { + color: #a6a6a6; + margin-inline-end: 8px; +} + +#wpforms-builder .wpforms-toolbar #wpforms-help, +#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container { + background-color: transparent; + border: none; + padding: 0; +} + +#wpforms-builder .wpforms-toolbar #wpforms-help i.fa, +#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container i.fa { + margin-right: 0 !important; +} + +#wpforms-builder .wpforms-toolbar #wpforms-help svg, +#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container svg { + fill: #a6a6a6; + margin-top: 13px; +} + +#wpforms-builder .wpforms-toolbar #wpforms-help:hover > i.fa, +#wpforms-builder .wpforms-toolbar #wpforms-help:hover > svg, #wpforms-builder .wpforms-toolbar #wpforms-help.wpforms-context-menu-active > i.fa, +#wpforms-builder .wpforms-toolbar #wpforms-help.wpforms-context-menu-active > svg, +#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container:hover > i.fa, +#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container:hover > svg, +#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container.wpforms-context-menu-active > i.fa, +#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container.wpforms-context-menu-active > svg { + color: #444444; + fill: #444444; +} + +#wpforms-builder .wpforms-toolbar #wpforms-preview-btn:not(.wpforms-alone) { + border-end-end-radius: 0; + border-start-end-radius: 0; + margin-inline-end: -1px; +} + +#wpforms-builder .wpforms-toolbar #wpforms-embed { + border-end-start-radius: 0; + border-start-start-radius: 0; +} + +#wpforms-builder .wpforms-toolbar #wpforms-embed.wpforms-btn-light-grey-disabled { + cursor: default; +} + +#wpforms-builder .wpforms-toolbar #wpforms-embed.wpforms-btn-light-grey-disabled:hover { + background-color: #f8f8f8; + border-color: #cccccc; + color: #777777; +} + +#wpforms-builder .wpforms-toolbar #wpforms-embed.wpforms-btn-light-grey-disabled > * { + opacity: .35; +} + +#wpforms-builder .wpforms-toolbar #wpforms-save i { + color: rgba(255, 255, 255, 0.65); +} + +#wpforms-builder .wpforms-toolbar #wpforms-exit { + align-items: center; + background-color: #ffffff; + border-bottom: none; + border-inline-start: 1px solid #dddddd; + border-inline-end: none; + border-top: none; + color: #a6a6a6; + cursor: pointer; + display: flex; + font-size: 28px; + height: 76px; + justify-content: center; + inset-inline-end: 0; + text-decoration: none; + top: 0; + width: 66px; +} + +#wpforms-builder .wpforms-toolbar #wpforms-exit:hover { + background-color: #f8f8f8; + color: #777777; +} + +#wpforms-builder .wpforms-toolbar.empty .wpforms-center { + display: none; +} + +#wpforms-builder .wpforms-toolbar.empty .wpforms-right #wpforms-embed, +#wpforms-builder .wpforms-toolbar.empty .wpforms-right #wpforms-save, +#wpforms-builder .wpforms-toolbar.empty .wpforms-right div, +#wpforms-builder .wpforms-toolbar.empty .wpforms-right a { + display: none; +} + +.wpforms-panels-toggle { + display: flex; + flex-direction: column; + background: #2d2d2d; + color: #ffffff; + min-height: calc( 100vh - 76px - var( --wpforms-admin-bar-height )); + max-height: calc( 100vh - 76px - var( --wpforms-admin-bar-height )); + inset-inline-start: 0; + margin-top: 76px; + margin-inline-end: -100px; + overflow-x: hidden; + overflow-y: auto; + position: fixed; + text-align: start; + top: var(--wpforms-admin-bar-height); + transform: translateZ(0); + width: 95px; + z-index: 15; + transition-property: top; + transition-duration: 0.25s; + transition-timing-function: ease-out; +} + +.wpforms-panels-toggle button { + background: none; + border: none; + border-bottom: 1px solid #444444; + cursor: pointer; + display: block; + margin: 0; + padding: 11px; + width: 100%; +} + +.wpforms-panels-toggle button.active, .wpforms-panels-toggle button.active:hover { + background-color: #e27730; +} + +.wpforms-panels-toggle button.active .fa, .wpforms-panels-toggle button.active:hover .fa { + color: #ffffff; +} + +.wpforms-panels-toggle button:hover { + background-color: #444444; +} + +.wpforms-panels-toggle button .fa { + color: #999999; + display: block; + font-size: 30px; + margin: 0 auto 5px auto; + text-align: center !important; +} + +.wpforms-panels-toggle button .wpforms-loading-spinner { + background-size: 26px 26px; + background-position: 0; + background-repeat: no-repeat; + height: 26px; + width: 26px; + line-height: 26px; + vertical-align: 0; + margin: 2px auto 7px auto; + display: block; +} + +.wpforms-panels-toggle button span { + color: #ffffff; + display: block; + font-size: 14px; + line-height: 17px; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.wpforms-panel { + display: none; +} + +.wpforms-panel.active { + display: block; +} + +.wpforms-panel-full-content .wpforms-panel-content-wrap, +.wpforms-panel-sidebar-content .wpforms-panel-content-wrap { + background-color: #6d6d6d; + bottom: 0; + inset-inline-start: 95px; + overflow: auto; + padding: 30px; + position: fixed; + inset-inline-end: 0; + top: calc( 76px + var( --wpforms-admin-bar-height )); + z-index: 10; + transition-property: top, inset-inline-start; + transition-duration: 0.25s, 0.15s; + transition-timing-function: ease-out, ease-in-out; +} + +.wpforms-panel-full-content .wpforms-panel-content, +.wpforms-panel-sidebar-content .wpforms-panel-content { + background-color: #ffffff; + box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2); + min-height: 100%; + padding: 30px; + display: flex; + flex-direction: column; +} + +.wpforms-panel-full-content .wpforms-panel-content .wpforms-bottom, +.wpforms-panel-sidebar-content .wpforms-panel-content .wpforms-bottom { + margin-bottom: 0; +} + +.wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon { + align-items: center; + background-image: url(../../images/builder/toggle-tab-bg.svg); + background-size: 100% 58px; + background-repeat: no-repeat; + border-radius: 5px 5px 0 0; + color: #86919e; + display: flex; + justify-content: left; + font-size: 20px; + height: 58px; + inset-inline-start: 495px; + cursor: pointer; + position: absolute; + top: calc( 50% + 24px); + width: 15px; + z-index: 15; + transition-property: inset-inline-start, width; + transition-duration: 0.15s; + transition-timing-function: ease-in-out; +} + +.wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon:hover { + color: #444444; +} + +.wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon:hover i { + inset-inline-start: -3px; +} + +.rtl .wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon { + transform: scale(-1); +} + +.wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon i { + inset-inline-start: 0; + position: relative; + transition-property: transform, inset-inline-start; + transition-duration: 0.15s; + transition-timing-function: ease-in-out; +} + +.wpforms-panel-sidebar-content .wpforms-panel-content-wrap { + inset-inline-start: 495px; +} + +.wpforms-panel-sidebar-content .wpforms-panel-sidebar { + background-color: #ebf3fc; + bottom: 0; + inset-inline-start: 95px; + overflow: auto; + position: fixed; + top: calc( 76px + var( --wpforms-admin-bar-height )); + width: 400px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle-vertical-line { + position: absolute; + border-inline-end: 3px solid #ebf3fb; + top: calc( 76px + var( --wpforms-admin-bar-height )); + height: 100%; + inset-inline-start: 95px; + z-index: 0; + cursor: pointer; + transition-property: z-index; + transition-duration: 0.15s; + transition-timing-function: ease-in-out; +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle-vertical-line:hover { + z-index: 15; +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle-icon { + justify-content: center; + inset-inline-start: 95px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle-icon i { + transform: rotate(180deg); +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar, +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar .wpforms-tabs { + inset-inline-start: -305px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-content-wrap { + inset-inline-start: 95px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle:hover .wpforms-panel-sidebar-toggle-vertical-line { + z-index: 15; +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle:hover .wpforms-panel-sidebar-toggle-icon { + width: 18px; +} + +#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle:hover .wpforms-panel-sidebar-toggle-icon i { + inset-inline-start: 0; +} + +.wpforms-panel-field { + margin-bottom: 20px; + max-width: 450px; +} + +.wpforms-panel-field.wide, .wpforms-panel-field.wpforms-panel-field-tinymce, .wpforms-panel-field.wpforms-panel-field-warning, .wpforms-panel-field[id$="-redirect-wrap"] { + max-width: 800px; +} + +.wpforms-panel-field input[type=text], +.wpforms-panel-field textarea { + width: 100%; +} + +.wpforms-panel-field input[type=number] { + width: 20%; +} + +.wpforms-panel-field select { + max-width: 100%; + width: 100%; +} + +.wpforms-panel-field input[type=number] { + height: auto; +} + +.wpforms-panel-field .row { + clear: both; + display: block; + margin-bottom: 6px; + width: 100%; +} + +.wpforms-panel-field label { + display: block; + font-size: 14px; + font-weight: 400; + margin: 0 0 10px 0; + vertical-align: text-top; +} + +.wpforms-panel-field label.inline { + display: inline-block; + font-weight: 400; + margin: 0 0 0 10px; +} + +.wpforms-panel-field p { + font-size: 14px; + margin: 0; +} + +.wpforms-panel-field p.note { + color: #777777; + font-size: 12px; + margin: 10px 0 0 0; +} + +.wpforms-panel-field-anti-spam-disallowed-keys textarea { + height: 200px; +} + +.wpforms-panel-field .wpforms-panel-field-after { + color: #777777; + margin-left: 10px; +} + +.wpforms-panel-field.wpforms-panel-field-select label .wpforms-badge { + margin-left: 10px; + vertical-align: middle; +} + +.wpforms-panel-fields-group .wpforms-panel-fields-group-title { + font-size: 16px; + font-weight: 600; + line-height: 19px; + margin-bottom: 5px; +} + +.wpforms-panel-fields-group .wpforms-panel-fields-group-description { + color: #777777; + font-size: 14px; + line-height: 17px; + margin-bottom: 20px; +} + +.wpforms-panel-fields-group .wpforms-panel-fields-group-inner { + margin-bottom: 20px; +} + +.wpforms-panel-fields-group .wpforms-panel-fields-group-border-top { + border-top: 1px solid #dddddd; + margin-bottom: 20px; + margin-top: 20px; +} + +.wpforms-panel-fields-group .wpforms-panel-fields-group-border-bottom { + border-top: 1px solid #dddddd; + margin-bottom: 20px; + margin-top: 20px; +} + +.wpforms-panel-fields-group.wpforms-builder-notifications-advanced .wpforms-panel-fields-group-border-top { + margin: 0 20px 10px; +} + +.wpforms-panel-fields-group.wpforms-builder-notifications-advanced.unfoldable .wpforms-panel-fields-group-title { + padding: 10px 20px; +} + +.wpforms-panel-fields-group.wpforms-builder-notifications-advanced.unfoldable .wpforms-panel-fields-group-title i { + right: 20px; +} + +.wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-border-top { + margin-bottom: 10px; +} + +.wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title { + cursor: pointer; + font-size: 16px; + font-weight: 600; + margin-bottom: 10px; + padding: 10px 0; + position: relative; +} + +.wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title i { + color: #bbbbbb; + position: absolute; + right: 0; + top: calc( 50% - 7px); + transition-property: transform; + transition-duration: 0.15s; + transition-timing-function: ease-in; +} + +.wpforms-panel-fields-group.unfoldable.opened .wpforms-panel-fields-group-title i { + transform: rotate(90deg); +} + +.wpforms-panel-content-section-general .wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title { + margin-bottom: 0; + padding-bottom: 0; +} + +.wpforms-panel-content-section-general .wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title i { + top: calc( 50% - 2px); +} + +.wpforms-panel-content-section-general .wpforms-panel-fields-group.unfoldable.opened .wpforms-panel-fields-group-title { + margin-bottom: 10px; + padding: 10px 0; +} + +.wpforms-panel-content-section-general .wpforms-panel-fields-group.unfoldable.opened .wpforms-panel-fields-group-title i { + top: calc( 50% - 7px); +} + +.rtl .wpforms-panel-fields-group.wpforms-builder-notifications-advanced .wpforms-panel-fields-group-title i { + left: 20px; + right: auto; +} + +.rtl .wpforms-panel-fields-group .wpforms-panel-fields-group-title i { + left: 0; + right: auto; + transform: rotate(180deg); +} + +.rtl .wpforms-panel-field .wpforms-panel-field-after { + margin-left: 0; + margin-right: 10px; +} + +.rtl .wpforms-panel-field label.inline { + margin: 0 10px 0 0; +} + +.wpforms-panel-sidebar-section { + border-bottom: 1px solid #ced7e0; + color: #444444; + display: block; + font-size: 16px; + height: 75px; + line-height: 18px; + margin: 0; + outline: 0; + padding: 17px 20px 17px 20px; + position: relative; + text-decoration: none; +} + +.wpforms-panel-sidebar-section:hover { + background-color: #e0e8f0; + color: #444444; +} + +.wpforms-panel-sidebar-section.icon { + padding-block: 28px; + padding-inline-end: 20px; + padding-inline-start: 79px; +} + +.wpforms-panel-sidebar-section.education-modal { + opacity: .5; +} + +.wpforms-panel-sidebar-section.education-modal .wpforms-panel-sidebar-recommended { + margin-inline-start: 5px; +} + +.wpforms-panel-sidebar-section.default { + display: none; +} + +.wpforms-panel-sidebar-section.active, .wpforms-panel-sidebar-section.active:hover { + background-color: #036aab; + color: #ffffff; +} + +.wpforms-panel-sidebar-section .fa-angle-right { + color: #b0b6bd; + float: inline-end; + font-size: 16px; + line-height: 16px; + text-align: center; + margin-inline-start: 10px; +} + +.rtl .wpforms-panel-sidebar-section .fa-angle-right { + transform: scale(-1, 1); +} + +.wpforms-panel-sidebar-section .fa-check-circle-o { + color: transparent; + float: inline-end; + font-size: 18px; + margin-inline-end: 10px; + margin-inline-start: 20px; +} + +.wpforms-panel-sidebar-section .fa-check-circle-o:before { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23B0B6BD'%3E%3Cdefs/%3E%3Cpath d='M8 .25a7.75 7.75 0 100 15.5A7.75 7.75 0 008 .25zm0 1.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm4.38 4.1l-.72-.72c-.13-.16-.38-.16-.54 0L6.72 9.5 4.84 7.62a.36.36 0 00-.53 0l-.72.7c-.12.15-.12.4 0 .52l2.85 2.88c.15.15.37.15.53 0l5.4-5.35c.13-.15.13-.4 0-.53z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; +} + +.wpforms-panel-sidebar-section.active .fa-angle-right { + color: #ffffff; +} + +.wpforms-panel-sidebar-section.active .fa-check-circle-o:before { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cdefs/%3E%3Cpath d='M8 .25a7.75 7.75 0 100 15.5A7.75 7.75 0 008 .25zm0 1.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm4.38 4.1l-.72-.72c-.13-.16-.38-.16-.54 0L6.72 9.5 4.84 7.62a.36.36 0 00-.53 0l-.72.7c-.12.15-.12.4 0 .52l2.85 2.88c.15.15.37.15.53 0l5.4-5.35c.13-.15.13-.4 0-.53z'/%3E%3C/svg%3E"); +} + +.wpforms-panel-sidebar-section.active img { + border-color: #005387; +} + +.wpforms-panel-sidebar-section img { + border: 1px solid #b0b6bd; + border-radius: 4px; + inset-inline-start: 20px; + position: absolute; + top: 15px; + width: 44px; +} + +.wpforms-panel-sidebar-section .wpforms-panel-sidebar-recommended { + background-color: #00a32a; + border-radius: 4px; + color: #ffffff; + font-size: 10px; + font-weight: 700; + line-height: 1; + padding: 4px 5px; + margin-inline-end: 10px; + display: inline-block; + position: relative; + top: -2px; + text-transform: uppercase; +} + +.wpforms-panel-sidebar-section .wpforms-panel-sidebar-recommended i { + opacity: 0.8; +} + +.wpforms-panel-content-section { + display: none; +} + +.wpforms-panel-content-section .illustration { + height: 260px; + margin: 0 auto 30px auto; + width: 350px; +} + +.wpforms-panel-content-section .illustration.illustration-marketing { + background: url("../../images/builder/illustration-marketing.svg") no-repeat center center; + background-size: 313px 260px; +} + +.wpforms-panel-content-section .illustration.illustration-payments { + background: url("../../images/builder/illustration-payments.svg") no-repeat center center; + background-size: 269px 255px; +} + +.wpforms-panel-content-section-title { + border-bottom: 1px solid #dddddd; + font-size: 28px; + font-weight: 600; + line-height: 28px; + margin-bottom: 30px; + padding: 0 0 30px 0; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + gap: 10px; +} + +.wpforms-panel-content-section-title button, +.wpforms-panel-content-section-title .button { + background-color: #036aab; + border: none; + border-radius: 4px; + box-shadow: none; + color: #ffffff; + cursor: pointer; + font-size: 14px; + font-weight: 600; + height: auto; + line-height: 17px; + padding: 10px 15px; + text-decoration: none; + appearance: none; + -webkit-appearance: none; +} + +.wpforms-panel-content-section-title button:hover, .wpforms-panel-content-section-title button:focus, +.wpforms-panel-content-section-title .button:hover, +.wpforms-panel-content-section-title .button:focus { + background-color: #215d8f; + color: #ffffff; + box-shadow: none; +} + +.wpforms-panel-content-section-title button i, +.wpforms-panel-content-section-title .button i { + margin: 0 10px 0 0; +} + +.wpforms-panel-content-section-title > a > i:before { + cursor: pointer; +} + +.wpforms-panel-content-section-title .wpforms-help-tooltip { + font-size: 24px !important; + vertical-align: 1px; +} + +.wpforms-panel-content-section-description { + border-bottom: 1px solid #dddddd; + font-size: 14px; + font-weight: 400; + line-height: 20px; + margin-bottom: 20px; + overflow: hidden; + padding-bottom: 20px; + position: relative; + transition-property: all; + transition-duration: 0.25s; + transition-timing-function: ease-in-out; +} + +.wpforms-panel-content-section-description.out { + margin-bottom: 0; + max-height: 0; + opacity: 0; + padding-bottom: 0; +} + +.wpforms-panel-content-section-description p { + line-height: 20px; + margin-bottom: 0; + margin-inline-end: 30px; +} + +.wpforms-panel-content-section-description p:not(:first-of-type) { + margin-top: 20px; +} + +.wpforms-panel-content-section-description .wpforms-dismiss-button { + position: absolute; + inset-inline-end: -3px; + top: -3px; +} + +.wpforms-panel-content-section-default { + position: relative; +} + +.wpforms-panel-content-section-default::after { + background-image: url("../../images/builder/default-arrow.svg"); + background-repeat: no-repeat; + background-size: 97px 83px; + content: ""; + height: 83px; + inset-inline-start: 0; + position: absolute; + top: 0; + width: 97px; +} + +.rtl .wpforms-panel-content-section-default::after { + transform: scale(-1, 1); +} + +.wpforms-panel-content-section-default, +.wpforms-panel-content-section-info { + align-content: center; + min-height: calc( 100vh - var( --wpforms-admin-bar-height ) - 195px); + padding: 50px 0; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.wpforms-panel-content-section-default h5, +.wpforms-panel-content-section-info h5 { + color: #444444; + font-size: 24px; + font-weight: 600; + line-height: normal; + margin: 0 auto 10px auto; + max-width: 600px; +} + +.wpforms-panel-content-section-default p, +.wpforms-panel-content-section-info p { + color: #777777; + font-size: 16px; + margin: 0 auto 20px auto; + max-width: 600px; +} + +.wpforms-panel-content-section-default p:last-of-type, +.wpforms-panel-content-section-info p:last-of-type { + margin: 0 auto 0 auto; +} + +.wpforms-panel-content-section-default .wpforms-btn, +.wpforms-panel-content-section-info .wpforms-btn { + margin: 20px auto; +} + +.wpforms-panel-field:last-child, +.wpforms-builder-settings-block:last-child { + margin-bottom: 0 !important; +} + +.toggle-unfoldable-cont, +.toggle-smart-tag-display { + color: #86919e; + float: inline-end; + font-size: 12px; + margin-inline-end: 2px; + text-decoration: none; + text-align: end; + margin-inline-start: auto; + max-width: 150px; +} + +.toggle-unfoldable-cont:hover, +.toggle-smart-tag-display:hover { + color: #777777; +} + +.toggle-unfoldable-cont:hover span, +.toggle-smart-tag-display:hover span { + text-decoration: underline; +} + +.toggle-unfoldable-cont i, +.toggle-smart-tag-display i { + font-size: 14px; + margin: 0 10px; +} + +.unfoldable-cont { + display: none; + margin: 0 2px 10px 1px; +} + +.unfoldable-cont .heading { + font-size: 14px; + font-weight: 600; + margin: 0 0 5px 0; + display: flex; + width: 100%; + align-items: flex-end; +} + +.unfoldable-cont .heading a { + color: #86919e; + display: inline-block; + font-size: 12px; + font-weight: 400; + text-decoration: none; + padding-inline-start: 3px; + margin-inline-start: auto; + text-align: end; + line-height: 16px; + margin-bottom: 3px; +} + +.unfoldable-cont .heading a:hover { + text-decoration: underline; +} + +.unfoldable-cont ul { + background-color: #ffffff; + border: 1px solid #b0b6bd; + border-radius: 4px; + display: none; + margin: 1px 1px 10px 1px !important; + overflow: hidden; + width: 100% !important; +} + +.unfoldable-cont li { + border-bottom: 1px solid #dddddd; + list-style: none; + margin: 0 !important; + padding: 0 !important; +} + +.unfoldable-cont li:last-child { + border-bottom: none; +} + +.unfoldable-cont li a { + color: #215d8f; + display: block; + font-size: 14px; + line-height: 17px; + padding: 10px; + text-decoration: none; +} + +.unfoldable-cont li a:hover { + background-color: #f8f8f8; + color: #036aab; + text-decoration: none; +} + +.unfoldable-cont textarea { + border-radius: 4px; + color: #444444; + display: block; + font-size: 14px; + height: 85px; + line-height: 21px; + padding: 8px 10px; + width: 100% !important; +} + +.unfoldable-cont button.wpforms-btn { + margin-inline-start: 1px; + margin-top: 10px; +} + +.wpforms-field-map-table { + margin: 0 0 10px 0; + max-width: 1040px; +} + +.wpforms-field-map-table h3 { + color: #444444; + margin: 0 0 8px 0; +} + +.wpforms-field-map-table table { + margin: 0 -2px; + width: 100%; +} + +.wpforms-field-map-table table td { + padding: 0 10px 8px 0; +} + +.wpforms-field-map-table table td select, +.wpforms-field-map-table table td input:not([type=checkbox]):not([type=radio]) { + max-width: 100%; + width: 100% !important; +} + +.wpforms-field-map-table table td.key { + width: 50%; +} + +.wpforms-field-map-table table td.field { + width: calc( 50% - 80px); +} + +.wpforms-field-map-table table td.actions { + width: 40px; +} + +.wpforms-field-map-table table tr td:last-child { + padding-right: 0; +} + +.wpforms-field-map-table .actions i { + display: inline-block; + font-size: 18px; +} + +.wpforms-field-map-table .actions .add { + margin-right: 5px; +} + +.wpforms-field-map-table .actions .remove { + color: #d63638; +} + +.wpforms-field-map-table .actions .remove:hover { + color: #ee5c5c; +} + +.wpforms-field-map-table tr:first-of-type .remove { + display: none; +} + +.wpforms-builder-dropdown-list { + position: absolute; + display: flex; + flex-direction: column; + font-size: 14px; + font-style: normal; + font-weight: 400; + z-index: 100; + width: 370px; + background: #ffffff; + border-radius: 4px; + border: 1px solid #777777; + box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15); + visibility: visible; + overflow: hidden; + transition: visibility 0.05s, opacity 0.05s ease-in; +} + +.wpforms-builder-dropdown-list.closed { + opacity: 0; + visibility: hidden; +} + +.wpforms-builder-dropdown-list .title { + color: #444444; + background: #f8f8f8; + border-bottom: 1px solid #dddddd; + padding: 10px 12px; + font-weight: 500; + text-decoration: none; + cursor: default; +} + +.wpforms-builder-dropdown-list ul { + display: flex; + flex-direction: column; + max-height: 170px; + overflow-x: hidden; + overflow-y: auto; +} + +.wpforms-builder-dropdown-list ul li { + display: flex; + flex-direction: row; + flex-shrink: 0; + gap: 10px; + justify-content: space-between; + padding: 10px 12px; + background: #ffffff; + margin: 0; + border-bottom: 1px solid #eeeeee; + cursor: pointer; + color: #777777; +} + +.wpforms-builder-dropdown-list ul li:hover { + color: #ffffff; + background: #036aab; +} + +.wpforms-builder-dropdown-list ul li:hover .grey { + color: #ffffff; +} + +.wpforms-builder-dropdown-list ul li .grey { + color: #777777; +} + +.wpforms-field-option-row .wpforms-builder-dropdown-list { + left: -5px; + width: auto; + right: -5px; +} + + +/* 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; +} diff --git a/assets/css/builder-ui-general.min.css b/assets/css/builder-ui-general.min.css new file mode 100644 index 00000000..918cc9b6 --- /dev/null +++ b/assets/css/builder-ui-general.min.css @@ -0,0 +1,86 @@ +#wpforms-builder .wpforms-toolbar{background:#ffffff;box-shadow:0 0 3px 0 rgba(0,0,0,0.2);height:76px;padding:0;position:fixed;text-align:center;top:var(--wpforms-admin-bar-height);width:100%;z-index:50;-webkit-transform:translateZ(0);transform:translateZ(0);transition-property:top;transition-duration:0.25s;transition-timing-function:ease-out}#wpforms-builder .wpforms-toolbar .wpforms-left{align-items:center;border-inline-end:1px solid #dddddd;display:flex;height:100%;justify-content:center;inset-inline-start:0;position:absolute;top:0;width:95px}#wpforms-builder .wpforms-toolbar .wpforms-left img{height:45px;width:57px}#wpforms-builder .wpforms-toolbar .wpforms-center{display:flex;gap:5px;align-items:center;text-align:start;font-size:18px;line-height:1;font-weight:400;margin-inline-end:520px;margin-inline-start:114px;max-width:calc( 100% - 500px);height:100%}#wpforms-builder .wpforms-toolbar .wpforms-center-form-name-prefix{white-space:nowrap}#wpforms-builder .wpforms-toolbar .wpforms-center-form-name{cursor:pointer}#wpforms-builder .wpforms-toolbar .wpforms-center-form-name:hover{text-decoration:underline}#wpforms-builder .wpforms-toolbar .wpforms-center-form-template-badge{background-color:#fdf2eb;border-radius:3px;color:#e79055;font-size:10px;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:8px 10px}#wpforms-builder .wpforms-toolbar .wpforms-form-name{font-weight:600}#wpforms-builder .wpforms-toolbar .wpforms-right{align-items:center;display:flex;height:100%;justify-content:flex-end;position:absolute;inset-inline-end:0;top:0}#wpforms-builder .wpforms-toolbar .wpforms-right .wpforms-btn-toolbar{font-size:16px;font-weight:600;height:42px;line-height:40px;margin-inline-end:20px;padding:0 15px;text-decoration:none;text-transform:capitalize}#wpforms-builder .wpforms-toolbar .wpforms-right .wpforms-btn-toolbar i{color:#a6a6a6;margin-inline-end:8px}#wpforms-builder .wpforms-toolbar #wpforms-help,#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container{background-color:transparent;border:none;padding:0}#wpforms-builder .wpforms-toolbar #wpforms-help i.fa,#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container i.fa{margin-right:0 !important}#wpforms-builder .wpforms-toolbar #wpforms-help svg,#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container svg{fill:#a6a6a6;margin-top:13px}#wpforms-builder .wpforms-toolbar #wpforms-help:hover>i.fa,#wpforms-builder .wpforms-toolbar #wpforms-help:hover>svg,#wpforms-builder .wpforms-toolbar #wpforms-help.wpforms-context-menu-active>i.fa,#wpforms-builder .wpforms-toolbar #wpforms-help.wpforms-context-menu-active>svg,#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container:hover>i.fa,#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container:hover>svg,#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container.wpforms-context-menu-active>i.fa,#wpforms-builder .wpforms-toolbar #wpforms-context-menu-container.wpforms-context-menu-active>svg{color:#444444;fill:#444444}#wpforms-builder .wpforms-toolbar #wpforms-preview-btn:not(.wpforms-alone){border-end-end-radius:0;border-start-end-radius:0;margin-inline-end:-1px}#wpforms-builder .wpforms-toolbar #wpforms-embed{border-end-start-radius:0;border-start-start-radius:0}#wpforms-builder .wpforms-toolbar #wpforms-embed.wpforms-btn-light-grey-disabled{cursor:default}#wpforms-builder .wpforms-toolbar #wpforms-embed.wpforms-btn-light-grey-disabled:hover{background-color:#f8f8f8;border-color:#cccccc;color:#777777}#wpforms-builder .wpforms-toolbar #wpforms-embed.wpforms-btn-light-grey-disabled>*{opacity:.35}#wpforms-builder .wpforms-toolbar #wpforms-save i{color:rgba(255,255,255,0.65)}#wpforms-builder .wpforms-toolbar #wpforms-exit{align-items:center;background-color:#ffffff;border-bottom:none;border-inline-start:1px solid #dddddd;border-inline-end:none;border-top:none;color:#a6a6a6;cursor:pointer;display:flex;font-size:28px;height:76px;justify-content:center;inset-inline-end:0;text-decoration:none;top:0;width:66px}#wpforms-builder .wpforms-toolbar #wpforms-exit:hover{background-color:#f8f8f8;color:#777777}#wpforms-builder .wpforms-toolbar.empty .wpforms-center{display:none}#wpforms-builder .wpforms-toolbar.empty .wpforms-right #wpforms-embed,#wpforms-builder .wpforms-toolbar.empty .wpforms-right #wpforms-save,#wpforms-builder .wpforms-toolbar.empty .wpforms-right div,#wpforms-builder .wpforms-toolbar.empty .wpforms-right a{display:none}.wpforms-panels-toggle{display:flex;flex-direction:column;background:#2d2d2d;color:#ffffff;min-height:calc( 100vh - 76px - var( --wpforms-admin-bar-height ));max-height:calc( 100vh - 76px - var( --wpforms-admin-bar-height ));inset-inline-start:0;margin-top:76px;margin-inline-end:-100px;overflow-x:hidden;overflow-y:auto;position:fixed;text-align:start;top:var(--wpforms-admin-bar-height);transform:translateZ(0);width:95px;z-index:15;transition-property:top;transition-duration:0.25s;transition-timing-function:ease-out}.wpforms-panels-toggle button{background:none;border:none;border-bottom:1px solid #444444;cursor:pointer;display:block;margin:0;padding:11px;width:100%}.wpforms-panels-toggle button.active,.wpforms-panels-toggle button.active:hover{background-color:#e27730}.wpforms-panels-toggle button.active .fa,.wpforms-panels-toggle button.active:hover .fa{color:#ffffff}.wpforms-panels-toggle button:hover{background-color:#444444}.wpforms-panels-toggle button .fa{color:#999999;display:block;font-size:30px;margin:0 auto 5px auto;text-align:center !important}.wpforms-panels-toggle button .wpforms-loading-spinner{background-size:26px 26px;background-position:0;background-repeat:no-repeat;height:26px;width:26px;line-height:26px;vertical-align:0;margin:2px auto 7px auto;display:block}.wpforms-panels-toggle button span{color:#ffffff;display:block;font-size:14px;line-height:17px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpforms-panel{display:none}.wpforms-panel.active{display:block}.wpforms-panel-full-content .wpforms-panel-content-wrap,.wpforms-panel-sidebar-content .wpforms-panel-content-wrap{background-color:#6d6d6d;bottom:0;inset-inline-start:95px;overflow:auto;padding:30px;position:fixed;inset-inline-end:0;top:calc( 76px + var( --wpforms-admin-bar-height ));z-index:10;transition-property:top, inset-inline-start;transition-duration:0.25s, 0.15s;transition-timing-function:ease-out, ease-in-out}.wpforms-panel-full-content .wpforms-panel-content,.wpforms-panel-sidebar-content .wpforms-panel-content{background-color:#ffffff;box-shadow:0 5px 30px rgba(0,0,0,0.2);min-height:100%;padding:30px;display:flex;flex-direction:column}.wpforms-panel-full-content .wpforms-panel-content .wpforms-bottom,.wpforms-panel-sidebar-content .wpforms-panel-content .wpforms-bottom{margin-bottom:0}.wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon{align-items:center;background-image:url(../../images/builder/toggle-tab-bg.svg);background-size:100% 58px;background-repeat:no-repeat;border-radius:5px 5px 0 0;color:#86919e;display:flex;justify-content:left;font-size:20px;height:58px;inset-inline-start:495px;cursor:pointer;position:absolute;top:calc( 50% + 24px);width:15px;z-index:15;transition-property:inset-inline-start, width;transition-duration:0.15s;transition-timing-function:ease-in-out}.wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon:hover{color:#444444}.wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon:hover i{inset-inline-start:-3px}.rtl .wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon{transform:scale(-1)}.wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle-icon i{inset-inline-start:0;position:relative;transition-property:transform, inset-inline-start;transition-duration:0.15s;transition-timing-function:ease-in-out}.wpforms-panel-sidebar-content .wpforms-panel-content-wrap{inset-inline-start:495px}.wpforms-panel-sidebar-content .wpforms-panel-sidebar{background-color:#ebf3fc;bottom:0;inset-inline-start:95px;overflow:auto;position:fixed;top:calc( 76px + var( --wpforms-admin-bar-height ));width:400px}#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle-vertical-line{position:absolute;border-inline-end:3px solid #ebf3fb;top:calc( 76px + var( --wpforms-admin-bar-height ));height:100%;inset-inline-start:95px;z-index:0;cursor:pointer;transition-property:z-index;transition-duration:0.15s;transition-timing-function:ease-in-out}#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle-vertical-line:hover{z-index:15}#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle-icon{justify-content:center;inset-inline-start:95px}#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle-icon i{transform:rotate(180deg)}#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar,#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar .wpforms-tabs{inset-inline-start:-305px}#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-content-wrap{inset-inline-start:95px}#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle:hover .wpforms-panel-sidebar-toggle-vertical-line{z-index:15}#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle:hover .wpforms-panel-sidebar-toggle-icon{width:18px}#wpforms-panel-fields .wpforms-panel-sidebar-content.wpforms-panel-sidebar-closed .wpforms-panel-sidebar-toggle:hover .wpforms-panel-sidebar-toggle-icon i{inset-inline-start:0}.wpforms-panel-field{margin-bottom:20px;max-width:450px}.wpforms-panel-field.wide,.wpforms-panel-field.wpforms-panel-field-tinymce,.wpforms-panel-field.wpforms-panel-field-warning,.wpforms-panel-field[id$="-redirect-wrap"]{max-width:800px}.wpforms-panel-field input[type=text],.wpforms-panel-field textarea{width:100%}.wpforms-panel-field input[type=number]{width:20%}.wpforms-panel-field select{max-width:100%;width:100%}.wpforms-panel-field input[type=number]{height:auto}.wpforms-panel-field .row{clear:both;display:block;margin-bottom:6px;width:100%}.wpforms-panel-field label{display:block;font-size:14px;font-weight:400;margin:0 0 10px 0;vertical-align:text-top}.wpforms-panel-field label.inline{display:inline-block;font-weight:400;margin:0 0 0 10px}.wpforms-panel-field p{font-size:14px;margin:0}.wpforms-panel-field p.note{color:#777777;font-size:12px;margin:10px 0 0 0}.wpforms-panel-field-anti-spam-disallowed-keys textarea{height:200px}.wpforms-panel-field .wpforms-panel-field-after{color:#777777;margin-left:10px}.wpforms-panel-field.wpforms-panel-field-select label .wpforms-badge{margin-left:10px;vertical-align:middle}.wpforms-panel-fields-group .wpforms-panel-fields-group-title{font-size:16px;font-weight:600;line-height:19px;margin-bottom:5px}.wpforms-panel-fields-group .wpforms-panel-fields-group-description{color:#777777;font-size:14px;line-height:17px;margin-bottom:20px}.wpforms-panel-fields-group .wpforms-panel-fields-group-inner{margin-bottom:20px}.wpforms-panel-fields-group .wpforms-panel-fields-group-border-top{border-top:1px solid #dddddd;margin-bottom:20px;margin-top:20px}.wpforms-panel-fields-group .wpforms-panel-fields-group-border-bottom{border-top:1px solid #dddddd;margin-bottom:20px;margin-top:20px}.wpforms-panel-fields-group.wpforms-builder-notifications-advanced .wpforms-panel-fields-group-border-top{margin:0 20px 10px}.wpforms-panel-fields-group.wpforms-builder-notifications-advanced.unfoldable .wpforms-panel-fields-group-title{padding:10px 20px}.wpforms-panel-fields-group.wpforms-builder-notifications-advanced.unfoldable .wpforms-panel-fields-group-title i{right:20px}.wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-border-top{margin-bottom:10px}.wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title{cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;padding:10px 0;position:relative}.wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title i{color:#bbbbbb;position:absolute;right:0;top:calc( 50% - 7px);transition-property:transform;transition-duration:0.15s;transition-timing-function:ease-in}.wpforms-panel-fields-group.unfoldable.opened .wpforms-panel-fields-group-title i{transform:rotate(90deg)}.wpforms-panel-content-section-general .wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title{margin-bottom:0;padding-bottom:0}.wpforms-panel-content-section-general .wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title i{top:calc( 50% - 2px)}.wpforms-panel-content-section-general .wpforms-panel-fields-group.unfoldable.opened .wpforms-panel-fields-group-title{margin-bottom:10px;padding:10px 0}.wpforms-panel-content-section-general .wpforms-panel-fields-group.unfoldable.opened .wpforms-panel-fields-group-title i{top:calc( 50% - 7px)}.rtl .wpforms-panel-fields-group.wpforms-builder-notifications-advanced .wpforms-panel-fields-group-title i{left:20px;right:auto}.rtl .wpforms-panel-fields-group .wpforms-panel-fields-group-title i{left:0;right:auto;transform:rotate(180deg)}.rtl .wpforms-panel-field .wpforms-panel-field-after{margin-left:0;margin-right:10px}.rtl .wpforms-panel-field label.inline{margin:0 10px 0 0}.wpforms-panel-sidebar-section{border-bottom:1px solid #ced7e0;color:#444444;display:block;font-size:16px;height:75px;line-height:18px;margin:0;outline:0;padding:17px 20px 17px 20px;position:relative;text-decoration:none}.wpforms-panel-sidebar-section:hover{background-color:#e0e8f0;color:#444444}.wpforms-panel-sidebar-section.icon{padding-block:28px;padding-inline-end:20px;padding-inline-start:79px}.wpforms-panel-sidebar-section.education-modal{opacity:.5}.wpforms-panel-sidebar-section.education-modal .wpforms-panel-sidebar-recommended{margin-inline-start:5px}.wpforms-panel-sidebar-section.default{display:none}.wpforms-panel-sidebar-section.active,.wpforms-panel-sidebar-section.active:hover{background-color:#036aab;color:#ffffff}.wpforms-panel-sidebar-section .fa-angle-right{color:#b0b6bd;float:inline-end;font-size:16px;line-height:16px;text-align:center;margin-inline-start:10px}.rtl .wpforms-panel-sidebar-section .fa-angle-right{transform:scale(-1, 1)}.wpforms-panel-sidebar-section .fa-check-circle-o{color:transparent;float:inline-end;font-size:18px;margin-inline-end:10px;margin-inline-start:20px}.wpforms-panel-sidebar-section .fa-check-circle-o:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23B0B6BD'%3E%3Cdefs/%3E%3Cpath d='M8 .25a7.75 7.75 0 100 15.5A7.75 7.75 0 008 .25zm0 1.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm4.38 4.1l-.72-.72c-.13-.16-.38-.16-.54 0L6.72 9.5 4.84 7.62a.36.36 0 00-.53 0l-.72.7c-.12.15-.12.4 0 .52l2.85 2.88c.15.15.37.15.53 0l5.4-5.35c.13-.15.13-.4 0-.53z'/%3E%3C/svg%3E");background-repeat:no-repeat}.wpforms-panel-sidebar-section.active .fa-angle-right{color:#ffffff}.wpforms-panel-sidebar-section.active .fa-check-circle-o:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cdefs/%3E%3Cpath d='M8 .25a7.75 7.75 0 100 15.5A7.75 7.75 0 008 .25zm0 1.5a6.25 6.25 0 110 12.5 6.25 6.25 0 010-12.5zm4.38 4.1l-.72-.72c-.13-.16-.38-.16-.54 0L6.72 9.5 4.84 7.62a.36.36 0 00-.53 0l-.72.7c-.12.15-.12.4 0 .52l2.85 2.88c.15.15.37.15.53 0l5.4-5.35c.13-.15.13-.4 0-.53z'/%3E%3C/svg%3E")}.wpforms-panel-sidebar-section.active img{border-color:#005387}.wpforms-panel-sidebar-section img{border:1px solid #b0b6bd;border-radius:4px;inset-inline-start:20px;position:absolute;top:15px;width:44px}.wpforms-panel-sidebar-section .wpforms-panel-sidebar-recommended{background-color:#00a32a;border-radius:4px;color:#ffffff;font-size:10px;font-weight:700;line-height:1;padding:4px 5px;margin-inline-end:10px;display:inline-block;position:relative;top:-2px;text-transform:uppercase}.wpforms-panel-sidebar-section .wpforms-panel-sidebar-recommended i{opacity:0.8}.wpforms-panel-content-section{display:none}.wpforms-panel-content-section .illustration{height:260px;margin:0 auto 30px auto;width:350px}.wpforms-panel-content-section .illustration.illustration-marketing{background:url("../../images/builder/illustration-marketing.svg") no-repeat center center;background-size:313px 260px}.wpforms-panel-content-section .illustration.illustration-payments{background:url("../../images/builder/illustration-payments.svg") no-repeat center center;background-size:269px 255px}.wpforms-panel-content-section-title{border-bottom:1px solid #dddddd;font-size:28px;font-weight:600;line-height:28px;margin-bottom:30px;padding:0 0 30px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.wpforms-panel-content-section-title button,.wpforms-panel-content-section-title .button{background-color:#036aab;border:none;border-radius:4px;box-shadow:none;color:#ffffff;cursor:pointer;font-size:14px;font-weight:600;height:auto;line-height:17px;padding:10px 15px;text-decoration:none;appearance:none;-webkit-appearance:none}.wpforms-panel-content-section-title button:hover,.wpforms-panel-content-section-title button:focus,.wpforms-panel-content-section-title .button:hover,.wpforms-panel-content-section-title .button:focus{background-color:#215d8f;color:#ffffff;box-shadow:none}.wpforms-panel-content-section-title button i,.wpforms-panel-content-section-title .button i{margin:0 10px 0 0}.wpforms-panel-content-section-title>a>i:before{cursor:pointer}.wpforms-panel-content-section-title .wpforms-help-tooltip{font-size:24px !important;vertical-align:1px}.wpforms-panel-content-section-description{border-bottom:1px solid #dddddd;font-size:14px;font-weight:400;line-height:20px;margin-bottom:20px;overflow:hidden;padding-bottom:20px;position:relative;transition-property:all;transition-duration:0.25s;transition-timing-function:ease-in-out}.wpforms-panel-content-section-description.out{margin-bottom:0;max-height:0;opacity:0;padding-bottom:0}.wpforms-panel-content-section-description p{line-height:20px;margin-bottom:0;margin-inline-end:30px}.wpforms-panel-content-section-description p:not(:first-of-type){margin-top:20px}.wpforms-panel-content-section-description .wpforms-dismiss-button{position:absolute;inset-inline-end:-3px;top:-3px}.wpforms-panel-content-section-default{position:relative}.wpforms-panel-content-section-default::after{background-image:url("../../images/builder/default-arrow.svg");background-repeat:no-repeat;background-size:97px 83px;content:"";height:83px;inset-inline-start:0;position:absolute;top:0;width:97px}.rtl .wpforms-panel-content-section-default::after{transform:scale(-1, 1)}.wpforms-panel-content-section-default,.wpforms-panel-content-section-info{align-content:center;min-height:calc( 100vh - var( --wpforms-admin-bar-height ) - 195px);padding:50px 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.wpforms-panel-content-section-default h5,.wpforms-panel-content-section-info h5{color:#444444;font-size:24px;font-weight:600;line-height:normal;margin:0 auto 10px auto;max-width:600px}.wpforms-panel-content-section-default p,.wpforms-panel-content-section-info p{color:#777777;font-size:16px;margin:0 auto 20px auto;max-width:600px}.wpforms-panel-content-section-default p:last-of-type,.wpforms-panel-content-section-info p:last-of-type{margin:0 auto 0 auto}.wpforms-panel-content-section-default .wpforms-btn,.wpforms-panel-content-section-info .wpforms-btn{margin:20px auto}.wpforms-panel-field:last-child,.wpforms-builder-settings-block:last-child{margin-bottom:0 !important}.toggle-unfoldable-cont,.toggle-smart-tag-display{color:#86919e;float:inline-end;font-size:12px;margin-inline-end:2px;text-decoration:none;text-align:end;margin-inline-start:auto;max-width:150px}.toggle-unfoldable-cont:hover,.toggle-smart-tag-display:hover{color:#777777}.toggle-unfoldable-cont:hover span,.toggle-smart-tag-display:hover span{text-decoration:underline}.toggle-unfoldable-cont i,.toggle-smart-tag-display i{font-size:14px;margin:0 10px}.unfoldable-cont{display:none;margin:0 2px 10px 1px}.unfoldable-cont .heading{font-size:14px;font-weight:600;margin:0 0 5px 0;display:flex;width:100%;align-items:flex-end}.unfoldable-cont .heading a{color:#86919e;display:inline-block;font-size:12px;font-weight:400;text-decoration:none;padding-inline-start:3px;margin-inline-start:auto;text-align:end;line-height:16px;margin-bottom:3px}.unfoldable-cont .heading a:hover{text-decoration:underline}.unfoldable-cont ul{background-color:#ffffff;border:1px solid #b0b6bd;border-radius:4px;display:none;margin:1px 1px 10px 1px !important;overflow:hidden;width:100% !important}.unfoldable-cont li{border-bottom:1px solid #dddddd;list-style:none;margin:0 !important;padding:0 !important}.unfoldable-cont li:last-child{border-bottom:none}.unfoldable-cont li a{color:#215d8f;display:block;font-size:14px;line-height:17px;padding:10px;text-decoration:none}.unfoldable-cont li a:hover{background-color:#f8f8f8;color:#036aab;text-decoration:none}.unfoldable-cont textarea{border-radius:4px;color:#444444;display:block;font-size:14px;height:85px;line-height:21px;padding:8px 10px;width:100% !important}.unfoldable-cont button.wpforms-btn{margin-inline-start:1px;margin-top:10px}.wpforms-field-map-table{margin:0 0 10px 0;max-width:1040px}.wpforms-field-map-table h3{color:#444444;margin:0 0 8px 0}.wpforms-field-map-table table{margin:0 -2px;width:100%}.wpforms-field-map-table table td{padding:0 10px 8px 0}.wpforms-field-map-table table td select,.wpforms-field-map-table table td input:not([type=checkbox]):not([type=radio]){max-width:100%;width:100% !important}.wpforms-field-map-table table td.key{width:50%}.wpforms-field-map-table table td.field{width:calc( 50% - 80px)}.wpforms-field-map-table table td.actions{width:40px}.wpforms-field-map-table table tr td:last-child{padding-right:0}.wpforms-field-map-table .actions i{display:inline-block;font-size:18px}.wpforms-field-map-table .actions .add{margin-right:5px}.wpforms-field-map-table .actions .remove{color:#d63638}.wpforms-field-map-table .actions .remove:hover{color:#ee5c5c}.wpforms-field-map-table tr:first-of-type .remove{display:none}.wpforms-builder-dropdown-list{position:absolute;display:flex;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;z-index:100;width:370px;background:#ffffff;border-radius:4px;border:1px solid #777777;box-shadow:0 4px 10px 0 rgba(0,0,0,0.15);visibility:visible;overflow:hidden;transition:visibility 0.05s, opacity 0.05s ease-in}.wpforms-builder-dropdown-list.closed{opacity:0;visibility:hidden}.wpforms-builder-dropdown-list .title{color:#444444;background:#f8f8f8;border-bottom:1px solid #dddddd;padding:10px 12px;font-weight:500;text-decoration:none;cursor:default}.wpforms-builder-dropdown-list ul{display:flex;flex-direction:column;max-height:170px;overflow-x:hidden;overflow-y:auto}.wpforms-builder-dropdown-list ul li{display:flex;flex-direction:row;flex-shrink:0;gap:10px;justify-content:space-between;padding:10px 12px;background:#ffffff;margin:0;border-bottom:1px solid #eeeeee;cursor:pointer;color:#777777}.wpforms-builder-dropdown-list ul li:hover{color:#ffffff;background:#036aab}.wpforms-builder-dropdown-list ul li:hover .grey{color:#ffffff}.wpforms-builder-dropdown-list ul li .grey{color:#777777}.wpforms-field-option-row .wpforms-builder-dropdown-list{left:-5px;width:auto;right:-5px} + + +/* 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; +} diff --git a/assets/css/button-link-rtl.css b/assets/css/button-link-rtl.css new file mode 100644 index 00000000..9900f646 --- /dev/null +++ b/assets/css/button-link-rtl.css @@ -0,0 +1,104 @@ +.customize-control-ast-button-link .ast-button-link, .ast-upgrade-pro-wrap .ast-button-link { + display: block; + padding: 10px 0; + border-radius: 2px; + border: 1px solid var(--ast-customizer-color-1); + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-1); + font-size: 13px !important; + font-weight: 400; + line-height: 13px !important; + text-align: center; + cursor: pointer; +} + +.customize-control-ast-button-link .ast-button-link:hover, .ast-upgrade-pro-wrap .ast-button-link:hover { + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-1); + border: 1px solid var(--ast-customizer-color-1); +} + + +/* 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; +} diff --git a/assets/css/button-link.css b/assets/css/button-link.css new file mode 100644 index 00000000..9900f646 --- /dev/null +++ b/assets/css/button-link.css @@ -0,0 +1,104 @@ +.customize-control-ast-button-link .ast-button-link, .ast-upgrade-pro-wrap .ast-button-link { + display: block; + padding: 10px 0; + border-radius: 2px; + border: 1px solid var(--ast-customizer-color-1); + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-1); + font-size: 13px !important; + font-weight: 400; + line-height: 13px !important; + text-align: center; + cursor: pointer; +} + +.customize-control-ast-button-link .ast-button-link:hover, .ast-upgrade-pro-wrap .ast-button-link:hover { + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-1); + border: 1px solid var(--ast-customizer-color-1); +} + + +/* 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; +} diff --git a/assets/css/button-outline.css b/assets/css/button-outline.css new file mode 100644 index 00000000..48cb4267 --- /dev/null +++ b/assets/css/button-outline.css @@ -0,0 +1,91 @@ +.wp-block-button.is-style-outline + > .wp-block-button__link:not(.has-text-color, .has-background):hover { + background-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, transparent)); + color: var(--wp--preset--color--base); + border-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, currentColor)); +} + + +/* 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; +} diff --git a/assets/css/button-presets-rtl.css b/assets/css/button-presets-rtl.css new file mode 100644 index 00000000..d0c8a6d8 --- /dev/null +++ b/assets/css/button-presets-rtl.css @@ -0,0 +1,122 @@ +.ast-btn-preset-wrap { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 12px; +} + +.ast-btn-preset-wrap .ast-btn-style-item{ + cursor: pointer; +} + +.ast-btn-preset-wrap .ast-btn-style-item svg{ + fill: #646970; +} + +.ast-btn-preset-wrap .ast-btn-style-item svg:hover{ + fill: #565b62; +} + +.ast-btn-preset-wrap .ast-btn-style-item.active svg, +.ast-btn-preset-wrap .ast-btn-style-item.active svg:hover{ + fill: #2271b1; +} + +.ast-reset-btn-preset-wrap{ + position: absolute; + display: inline-block; + line-height: 1; + left: 0; + top: 0; +} +.ast-reset-btn-preset-wrap .components-button.is-secondary, +.ast-reset-btn-preset-wrap .components-button.is-secondary:hover{ + box-shadow: none !important; + background: transparent; + color: var(--ast-customizer-color-1); +} + + + +/* 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; +} diff --git a/assets/css/button-presets.css b/assets/css/button-presets.css new file mode 100644 index 00000000..64c366ea --- /dev/null +++ b/assets/css/button-presets.css @@ -0,0 +1,122 @@ +.ast-btn-preset-wrap { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 12px; +} + +.ast-btn-preset-wrap .ast-btn-style-item{ + cursor: pointer; +} + +.ast-btn-preset-wrap .ast-btn-style-item svg{ + fill: #646970; +} + +.ast-btn-preset-wrap .ast-btn-style-item svg:hover{ + fill: #565b62; +} + +.ast-btn-preset-wrap .ast-btn-style-item.active svg, +.ast-btn-preset-wrap .ast-btn-style-item.active svg:hover{ + fill: #2271b1; +} + +.ast-reset-btn-preset-wrap{ + position: absolute; + display: inline-block; + line-height: 1; + right: 0; + top: 0; +} +.ast-reset-btn-preset-wrap .components-button.is-secondary, +.ast-reset-btn-preset-wrap .components-button.is-secondary:hover{ + box-shadow: none !important; + background: transparent; + color: var(--ast-customizer-color-1); +} + + + +/* 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; +} diff --git a/assets/css/buttons-child.css b/assets/css/buttons-child.css new file mode 100644 index 00000000..f099f4fc --- /dev/null +++ b/assets/css/buttons-child.css @@ -0,0 +1,86 @@ +.uagb-buttons__outer-wrap .uagb-buttons-repeater{display:flex;justify-content:center;align-items:center;transition:box-shadow 0.2s ease}.uagb-buttons__outer-wrap .uagb-buttons-repeater a.uagb-button__link{display:flex;justify-content:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon{font-size:inherit;display:flex;align-items:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon svg{fill:currentColor;width:inherit;height:inherit} + + +/* 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; +} diff --git a/assets/css/buttons.css b/assets/css/buttons.css new file mode 100644 index 00000000..5c22027b --- /dev/null +++ b/assets/css/buttons.css @@ -0,0 +1,86 @@ +.uagb-buttons__outer-wrap .uagb-buttons__wrap{display:inline-flex;width:100%}.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}@media (max-width: 976px){.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}}@media (max-width: 767px){.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}} + + +/* 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; +} diff --git a/assets/css/call-to-action.css b/assets/css/call-to-action.css new file mode 100644 index 00000000..0e69e92b --- /dev/null +++ b/assets/css/call-to-action.css @@ -0,0 +1,86 @@ +.uagb-cta__outer-wrap .uagb-cta__content,.uagb-cta__outer-wrap a.uagb-cta__block-link span,.uagb-cta__outer-wrap .uagb-cta__content-right .uagb-cta__button-wrapper,.uagb-cta__outer-wrap .uagb-cta-typeof-button,.uagb-cta__outer-wrap .uagb-cta__content-right .uagb-cta__block-link,.uagb-cta__outer-wrap .uagb-cta-with-svg{display:inline-block}.uagb-cta__outer-wrap{display:flex;justify-content:space-between}.wp-block-uagb-call-to-action .uagb-cta__buttons{display:inline-flex}.wp-block-uagb-call-to-action .wp-block-button__link,.wp-block-uagb-call-to-action .ast-outline-button{fill:currentColor;justify-content:center}.uagb-cta__button-link-wrapper,.uagb-cta-second__button{display:inline-flex;align-items:center;word-break:keep-all;width:100%}.uagb-cta__title{padding:0;margin:0;display:block}.uagb-cta__content-right .uagb-cta__button-wrapper{float:right}.uagb-cta__link-wrapper.uagb-cta__block-link-style:empty{display:none}a.uagb-cta__block-link,.entry .entry-content a.uagb-cta__block-link,a.uagb-cta__block-link-wrap,.entry .entry-content a.uagb-cta__block-link-wrap{text-decoration:none}a.uagb-cta__block-link:hover,.entry .entry-content a.uagb-cta__block-link:hover,a.uagb-cta__block-link-wrap:hover,.entry .entry-content a.uagb-cta__block-link-wrap:hover .entry .entry-content a.uagb-cta__block-link:hover{color:inherit}.uagb-cta__content-right{text-align:right;justify-content:flex-end}.uagb-cta__left-right-wrap{width:100%;word-break:break-word}.uagb-cta__icon-position-below-title .uagb-cta__left-right-wrap{display:block;min-width:100%;width:100%}.uagb-cta__icon-position-left .uagb-cta__left-right-wrap,.uagb-cta__icon-position-right .uagb-cta__left-right-wrap{display:flex}.uagb-cta__icon-position-right .uagb-cta__left-right-wrap{justify-content:flex-end}.uagb-cta__block-link-icon-after{margin-left:5px;margin-right:0}.uagb-cta__block-link-icon-before{margin-left:0;margin-right:5px}.uagb-cta__block-link-icon,.uagb-cta__block svg{transition:all 200ms linear}.uagb-cta__block{position:relative}.uagb-cta-typeof-button{line-height:1;text-align:center}.uagb-cta__content-right .uagb-cta__button-link-wrapper,.uagb-cta__content-right .uagb-cta-second__button .uagb-cta__content-right .uagb-cta__block-link,.uagb-cta__content-right.uagb-cta__button-valign-middle .uagb-cta__left-right-wrap{display:flex;align-items:center}.uagb-cta__content-right .uagb-cta__button-link-wrapper,.uagb-cta__content-right .uagb-cta-second__button .uagb-cta__content-right .uagb-cta__block-link{justify-content:center}.uagb-cta__link-wrapper a{box-shadow:none;text-decoration:none}.uagb-cta__block,.uagb-cta__content,.uagb-cta__left-right-wrap{z-index:1}.uagb-cta__block-link{cursor:pointer}.uagb-cta__content-right .uagb-cta__block-link{float:right;padding:10px 14px}a.uagb-cta__block-link-wrap{color:inherit}.uagb-cta__content p:empty{display:none}.uagb-cta__button-type-none .uagb-cta__content{width:100%}.uagb-cta-with-svg{height:14px;width:14px;line-height:14px;vertical-align:middle}.uagb-cta__block svg{display:block;height:inherit;width:inherit}.uagb-cta__button-link-wrapper svg{width:20px;height:20px}.uagb-cta__align-button-after{margin-left:5px}.uagb-cta__align-button-before{margin-right:5px}.uagb-cta__block-link i{font-style:normal}a.uagb-cta__link-to-all{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11}.wp-block-uagb-call-to-action{position:relative}.wp-block-uagb-call-to-action a.uagb-cta__link-to-all{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11}@media only screen and (max-width: 976px){.uagb-cta__content-stacked-tablet,.uagb-cta__content-stacked-tablet .uagb-cta__left-right-wrap{flex-direction:column;text-align:center}.uagb-cta__content-stacked-tablet.uagb-cta__content-right .uagb-cta__button-wrapper{float:none;margin:0 auto}.uagb-cta__content-stacked-tablet .uagb-cta__left-right-wrap .uagb-cta__content{margin-left:0;margin-right:0}.uagb-cta__content-stacked-tablet.uagb-cta__content-right .uagb-cta__left-right-wrap .uagb-cta__content,.uagb-cta__content-stacked-tablet.uagb-cta__content-right .uagb-cta__left-right-wrap .uagb-cta__link-wrapper{width:100% !important}}@media screen and (max-width: 767px){.uagb-cta__content-stacked-mobile,.uagb-cta__content-stacked-mobile .uagb-cta__left-right-wrap{flex-direction:column;text-align:center}.uagb-cta__content-stacked-mobile.uagb-cta__content-right .uagb-cta__button-wrapper{float:none;margin:0 auto}.uagb-cta__content-stacked-mobile .uagb-cta__left-right-wrap .uagb-cta__content{margin-left:0;margin-right:0}.uagb-cta__content-stacked-mobile.uagb-cta__content-right .uagb-cta__left-right-wrap .uagb-cta__content,.uagb-cta__content-stacked-mobile.uagb-cta__content-right .uagb-cta__left-right-wrap .uagb-cta__link-wrapper{width:100% !important}}.uagb-cta__desc p:last-child{margin-bottom: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; +} diff --git a/assets/css/cart-cross-sells-list-view-rtl.css b/assets/css/cart-cross-sells-list-view-rtl.css new file mode 100644 index 00000000..227ba8f0 --- /dev/null +++ b/assets/css/cart-cross-sells-list-view-rtl.css @@ -0,0 +1,202 @@ +body.woocommerce-cart .cross-sells { + padding-right: 1em; + padding-left: 1em; +} + +body.woocommerce-cart .cross-sells h2 { + padding-right: 1em; + padding-left: 1em; + margin: 0 -15px 15px; +} + +body.woocommerce-cart .cross-sells ul.products { + display: block; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap { + width: 70px; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-text { + font-size: .8em; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .onsale, body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card { + top: 0.7em; + right: 0; + color: var(--ast-global-color-3); + background-color: var(--ast-global-color-primary, --ast-global-color-5); + width: fit-content; + border-radius: 20px; + padding: 0.3em 0.8em; + font-size: .75em; + font-weight: normal; + line-height: 1em; + letter-spacing: normal; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); + min-height: auto; + transform: scale(0.8); +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card { + top: 0.3em; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-select-options-trigger { + display: none; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-trigger { + transform: scale(0.9); + bottom: 0; + left: 0; + top: inherit; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title { + color: var(--ast-global-color-0); + font-weight: 500; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title:hover { + color: var(--ast-global-color-3); +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .price { + position: absolute; + left: 0; + top: 1em; + width: 100%; + max-width: 7.5em; + text-align: left; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap > .button, body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button { + position: absolute; + left: 0; + bottom: 0.5em; + padding: 0.7em .8em; + width: 9em; + font-size: .8em; + text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button { + bottom: 3.5em; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single:nth-last-child(1) { + border-bottom: 0; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single:nth-child(1) { + margin-top: -1em; +} + +body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single { + -js-display: flex; + display: flex; + flex-direction: row; + align-items: flex-start; + border-bottom: 1px solid var(--ast-border-color); + padding: 1em 0; + box-shadow: none; +} + +body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap { + width: calc(100% - 70px); + padding-left: 7.5em; + padding-right: 1em; +} + +body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single:nth-last-child(1) { + border-bottom: 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; +} diff --git a/assets/css/cart-cross-sells-list-view-rtl.min.css b/assets/css/cart-cross-sells-list-view-rtl.min.css new file mode 100644 index 00000000..ef6ae18d --- /dev/null +++ b/assets/css/cart-cross-sells-list-view-rtl.min.css @@ -0,0 +1,85 @@ +body.woocommerce-cart .cross-sells{padding-right:1em;padding-left:1em}body.woocommerce-cart .cross-sells h2{padding-right:1em;padding-left:1em;margin:0 -15px 15px}body.woocommerce-cart .cross-sells ul.products{display:block}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap{width:70px}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-text{font-size:.8em}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card,body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .onsale{top:.7em;right:0;color:var(--ast-global-color-3);background-color:var(--ast-global-color-primary,--ast-global-color-5);width:fit-content;border-radius:20px;padding:.3em .8em;font-size:.75em;font-weight:400;line-height:1em;letter-spacing:normal;box-shadow:0 4px 4px rgba(0,0,0,.15);min-height:auto;transform:scale(.8)}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card{top:.3em}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-select-options-trigger{display:none}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-trigger{transform:scale(.9);bottom:0;left:0;top:inherit}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title{color:var(--ast-global-color-0);font-weight:500}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title:hover{color:var(--ast-global-color-3)}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .price{position:absolute;left:0;top:1em;width:100%;max-width:7.5em;text-align:left}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button,body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap>.button{position:absolute;left:0;bottom:.5em;padding:.7em .8em;width:9em;font-size:.8em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button{bottom:3.5em}body.woocommerce-cart .cross-sells ul.products .ast-article-single:last-child{border-bottom:0}body.woocommerce-cart .cross-sells ul.products .ast-article-single:first-child{margin-top:-1em}body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single{-js-display:flex;display:flex;flex-direction:row;align-items:flex-start;border-bottom:1px solid var(--ast-border-color);padding:1em 0;box-shadow:none}body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap{width:calc(100% - 70px);padding-left:7.5em;padding-right:1em}body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single:last-child{border-bottom: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; +} diff --git a/assets/css/cart-cross-sells-list-view.css b/assets/css/cart-cross-sells-list-view.css new file mode 100644 index 00000000..310f2b4e --- /dev/null +++ b/assets/css/cart-cross-sells-list-view.css @@ -0,0 +1,202 @@ +body.woocommerce-cart .cross-sells { + padding-left: 1em; + padding-right: 1em; +} + +body.woocommerce-cart .cross-sells h2 { + padding-left: 1em; + padding-right: 1em; + margin: 0 -15px 15px; +} + +body.woocommerce-cart .cross-sells ul.products { + display: block; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap { + width: 70px; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-text { + font-size: .8em; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .onsale, body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card { + top: 0.7em; + left: 0; + color: var(--ast-global-color-3); + background-color: var(--ast-global-color-primary, --ast-global-color-5); + width: fit-content; + border-radius: 20px; + padding: 0.3em 0.8em; + font-size: .75em; + font-weight: normal; + line-height: 1em; + letter-spacing: normal; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); + min-height: auto; + transform: scale(0.8); +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card { + top: 0.3em; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-select-options-trigger { + display: none; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-trigger { + transform: scale(0.9); + bottom: 0; + right: 0; + top: inherit; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title { + color: var(--ast-global-color-0); + font-weight: 500; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title:hover { + color: var(--ast-global-color-3); +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .price { + position: absolute; + right: 0; + top: 1em; + width: 100%; + max-width: 7.5em; + text-align: right; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap > .button, body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button { + position: absolute; + right: 0; + bottom: 0.5em; + padding: 0.7em .8em; + width: 9em; + font-size: .8em; + text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button { + bottom: 3.5em; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single:nth-last-child(1) { + border-bottom: 0; +} + +body.woocommerce-cart .cross-sells ul.products .ast-article-single:nth-child(1) { + margin-top: -1em; +} + +body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single { + -js-display: flex; + display: flex; + flex-direction: row; + align-items: flex-start; + border-bottom: 1px solid var(--ast-border-color); + padding: 1em 0; + box-shadow: none; +} + +body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap { + width: calc(100% - 70px); + padding-right: 7.5em; + padding-left: 1em; +} + +body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single:nth-last-child(1) { + border-bottom: 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; +} diff --git a/assets/css/cart-cross-sells-list-view.min.css b/assets/css/cart-cross-sells-list-view.min.css new file mode 100644 index 00000000..9957bef4 --- /dev/null +++ b/assets/css/cart-cross-sells-list-view.min.css @@ -0,0 +1,85 @@ +body.woocommerce-cart .cross-sells{padding-left:1em;padding-right:1em}body.woocommerce-cart .cross-sells h2{padding-left:1em;padding-right:1em;margin:0 -15px 15px}body.woocommerce-cart .cross-sells ul.products{display:block}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap{width:70px}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-text{font-size:.8em}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card,body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .onsale{top:.7em;left:0;color:var(--ast-global-color-3);background-color:var(--ast-global-color-primary,--ast-global-color-5);width:fit-content;border-radius:20px;padding:.3em .8em;font-size:.75em;font-weight:400;line-height:1em;letter-spacing:normal;box-shadow:0 4px 4px rgba(0,0,0,.15);min-height:auto;transform:scale(.8)}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-onsale-card{top:.3em}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-select-options-trigger{display:none}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-thumbnail-wrap .ast-quick-view-trigger{transform:scale(.9);bottom:0;right:0;top:inherit}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title{color:var(--ast-global-color-0);font-weight:500}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .woocommerce-loop-product__title:hover{color:var(--ast-global-color-3)}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .price{position:absolute;right:0;top:1em;width:100%;max-width:7.5em;text-align:right}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button,body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap>.button{position:absolute;right:0;bottom:.5em;padding:.7em .8em;width:9em;font-size:.8em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.woocommerce-cart .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap .ast-quick-view-button{bottom:3.5em}body.woocommerce-cart .cross-sells ul.products .ast-article-single:last-child{border-bottom:0}body.woocommerce-cart .cross-sells ul.products .ast-article-single:first-child{margin-top:-1em}body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single{-js-display:flex;display:flex;flex-direction:row;align-items:flex-start;border-bottom:1px solid var(--ast-border-color);padding:1em 0;box-shadow:none}body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single .astra-shop-summary-wrap{width:calc(100% - 70px);padding-right:7.5em;padding-left:1em}body.woocommerce-cart .woocommerce .cross-sells ul.products .ast-article-single:last-child{border-bottom: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; +} diff --git a/assets/css/cart-mutistep-checkout-rtl.css b/assets/css/cart-mutistep-checkout-rtl.css new file mode 100644 index 00000000..f1f425d5 --- /dev/null +++ b/assets/css/cart-mutistep-checkout-rtl.css @@ -0,0 +1,171 @@ +#ast-checkout-wrap { + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; + padding: 1em 0; + margin-bottom: 1em; +} + +#ast-checkout-wrap a { + -js-display: flex; + display: flex; + align-items: center; + text-decoration: none; + color: var(--ast-global-color-3); + opacity: .5; + transition: .3s; +} + +#ast-checkout-wrap a p { + margin-bottom: 0; +} + +#ast-checkout-wrap a.ast-disable-click { + pointer-events: none; +} + +#ast-checkout-wrap a .ast-step-number { + background-color: var(--ast-global-color-3); + color: var(--ast-global-color-primary, --ast-global-color-5); + margin: 0 0.5em; + margin-right: 0; + font-weight: bolder; + text-align: center; + height: 1.5em; + width: 1.5em; + font-size: .7em; + line-height: 1.5em; + border-radius: 99px; +} + +#ast-checkout-wrap a.ast-current, #ast-checkout-wrap a:hover { + color: var(--ast-global-color-0); + opacity: 1; +} + +#ast-checkout-wrap a.ast-current .ast-step-number, #ast-checkout-wrap a:hover .ast-step-number { + background-color: var(--ast-global-color-0); +} + +#ast-checkout-wrap.ast-checkout-uppercase a { + text-transform: uppercase; +} + +#ast-checkout-wrap .ahfb-svg-iconset { + margin: 0 0.5em; + fill: var(--ast-global-color-3); + opacity: .5; +} + +#ast-checkout-wrap.ast-checkout-default a { + font-size: 2rem; +} + +#ast-checkout-wrap.ast-checkout-default a .ahfb-svg-iconset svg { + width: 1em; + height: 1em; +} + +#ast-checkout-wrap.ast-checkout-small a { + font-size: 1.5em; +} + +#ast-checkout-wrap.ast-checkout-small a .ahfb-svg-iconset svg { + width: .9em; + height: .9em; +} + +#ast-checkout-wrap.ast-checkout-smaller a { + font-size: 1.3em; +} + +#ast-checkout-wrap.ast-checkout-smaller a .ahfb-svg-iconset svg { + width: .8em; + height: .8em; +} + + +/* 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; +} diff --git a/assets/css/cart-mutistep-checkout-rtl.min.css b/assets/css/cart-mutistep-checkout-rtl.min.css new file mode 100644 index 00000000..1fcaa61d --- /dev/null +++ b/assets/css/cart-mutistep-checkout-rtl.min.css @@ -0,0 +1,85 @@ +#ast-checkout-wrap{-js-display:flex;display:flex;align-items:center;justify-content:center;padding:1em 0;margin-bottom:1em}#ast-checkout-wrap a{-js-display:flex;display:flex;align-items:center;text-decoration:none;color:var(--ast-global-color-3);opacity:.5;transition:.3s}#ast-checkout-wrap a p{margin-bottom:0}#ast-checkout-wrap a.ast-disable-click{pointer-events:none}#ast-checkout-wrap a .ast-step-number{background-color:var(--ast-global-color-3);color:var(--ast-global-color-primary,--ast-global-color-5);margin:0 .5em;margin-right:0;font-weight:bolder;text-align:center;height:1.5em;width:1.5em;font-size:.7em;line-height:1.5em;border-radius:99px}#ast-checkout-wrap a.ast-current,#ast-checkout-wrap a:hover{color:var(--ast-global-color-0);opacity:1}#ast-checkout-wrap a.ast-current .ast-step-number,#ast-checkout-wrap a:hover .ast-step-number{background-color:var(--ast-global-color-0)}#ast-checkout-wrap.ast-checkout-uppercase a{text-transform:uppercase}#ast-checkout-wrap .ahfb-svg-iconset{margin:0 .5em;fill:var(--ast-global-color-3);opacity:.5}#ast-checkout-wrap.ast-checkout-default a{font-size:2rem}#ast-checkout-wrap.ast-checkout-default a .ahfb-svg-iconset svg{width:1em;height:1em}#ast-checkout-wrap.ast-checkout-small a{font-size:1.5em}#ast-checkout-wrap.ast-checkout-small a .ahfb-svg-iconset svg{width:.9em;height:.9em}#ast-checkout-wrap.ast-checkout-smaller a{font-size:1.3em}#ast-checkout-wrap.ast-checkout-smaller a .ahfb-svg-iconset svg{width:.8em;height:.8em} + +/* 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; +} diff --git a/assets/css/cart-mutistep-checkout.css b/assets/css/cart-mutistep-checkout.css new file mode 100644 index 00000000..9748c4ac --- /dev/null +++ b/assets/css/cart-mutistep-checkout.css @@ -0,0 +1,171 @@ +#ast-checkout-wrap { + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; + padding: 1em 0; + margin-bottom: 1em; +} + +#ast-checkout-wrap a { + -js-display: flex; + display: flex; + align-items: center; + text-decoration: none; + color: var(--ast-global-color-3); + opacity: .5; + transition: .3s; +} + +#ast-checkout-wrap a p { + margin-bottom: 0; +} + +#ast-checkout-wrap a.ast-disable-click { + pointer-events: none; +} + +#ast-checkout-wrap a .ast-step-number { + background-color: var(--ast-global-color-3); + color: var(--ast-global-color-primary, --ast-global-color-5); + margin: 0 0.5em; + margin-left: 0; + font-weight: bolder; + text-align: center; + height: 1.5em; + width: 1.5em; + font-size: .7em; + line-height: 1.5em; + border-radius: 99px; +} + +#ast-checkout-wrap a.ast-current, #ast-checkout-wrap a:hover { + color: var(--ast-global-color-0); + opacity: 1; +} + +#ast-checkout-wrap a.ast-current .ast-step-number, #ast-checkout-wrap a:hover .ast-step-number { + background-color: var(--ast-global-color-0); +} + +#ast-checkout-wrap.ast-checkout-uppercase a { + text-transform: uppercase; +} + +#ast-checkout-wrap .ahfb-svg-iconset { + margin: 0 0.5em; + fill: var(--ast-global-color-3); + opacity: .5; +} + +#ast-checkout-wrap.ast-checkout-default a { + font-size: 2rem; +} + +#ast-checkout-wrap.ast-checkout-default a .ahfb-svg-iconset svg { + width: 1em; + height: 1em; +} + +#ast-checkout-wrap.ast-checkout-small a { + font-size: 1.5em; +} + +#ast-checkout-wrap.ast-checkout-small a .ahfb-svg-iconset svg { + width: .9em; + height: .9em; +} + +#ast-checkout-wrap.ast-checkout-smaller a { + font-size: 1.3em; +} + +#ast-checkout-wrap.ast-checkout-smaller a .ahfb-svg-iconset svg { + width: .8em; + height: .8em; +} + + +/* 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; +} diff --git a/assets/css/cart-mutistep-checkout.min.css b/assets/css/cart-mutistep-checkout.min.css new file mode 100644 index 00000000..2af5c6c0 --- /dev/null +++ b/assets/css/cart-mutistep-checkout.min.css @@ -0,0 +1,85 @@ +#ast-checkout-wrap{-js-display:flex;display:flex;align-items:center;justify-content:center;padding:1em 0;margin-bottom:1em}#ast-checkout-wrap a{-js-display:flex;display:flex;align-items:center;text-decoration:none;color:var(--ast-global-color-3);opacity:.5;transition:.3s}#ast-checkout-wrap a p{margin-bottom:0}#ast-checkout-wrap a.ast-disable-click{pointer-events:none}#ast-checkout-wrap a .ast-step-number{background-color:var(--ast-global-color-3);color:var(--ast-global-color-primary,--ast-global-color-5);margin:0 .5em;margin-left:0;font-weight:bolder;text-align:center;height:1.5em;width:1.5em;font-size:.7em;line-height:1.5em;border-radius:99px}#ast-checkout-wrap a.ast-current,#ast-checkout-wrap a:hover{color:var(--ast-global-color-0);opacity:1}#ast-checkout-wrap a.ast-current .ast-step-number,#ast-checkout-wrap a:hover .ast-step-number{background-color:var(--ast-global-color-0)}#ast-checkout-wrap.ast-checkout-uppercase a{text-transform:uppercase}#ast-checkout-wrap .ahfb-svg-iconset{margin:0 .5em;fill:var(--ast-global-color-3);opacity:.5}#ast-checkout-wrap.ast-checkout-default a{font-size:2rem}#ast-checkout-wrap.ast-checkout-default a .ahfb-svg-iconset svg{width:1em;height:1em}#ast-checkout-wrap.ast-checkout-small a{font-size:1.5em}#ast-checkout-wrap.ast-checkout-small a .ahfb-svg-iconset svg{width:.9em;height:.9em}#ast-checkout-wrap.ast-checkout-smaller a{font-size:1.3em}#ast-checkout-wrap.ast-checkout-smaller a .ahfb-svg-iconset svg{width:.8em;height:.8em} + +/* 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; +} diff --git a/assets/css/certificate-filter-enhancements.css b/assets/css/certificate-filter-enhancements.css new file mode 100644 index 00000000..99b1eb68 --- /dev/null +++ b/assets/css/certificate-filter-enhancements.css @@ -0,0 +1,213 @@ +/** + * Certificate Filter Enhancements + */ + +/* Filter section styling */ +.hvac-filters-section { + background-color: #f8f9fa; + border-radius: 8px; + padding: 20px; + margin-bottom: 30px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.hvac-certificate-filters { + display: flex; + flex-wrap: wrap; + gap: 15px; + align-items: flex-end; +} + +.hvac-filter-group { + flex: 1; + min-width: 200px; + margin-bottom: 10px; +} + +.hvac-filter-group label { + display: block; + margin-bottom: 5px; + font-weight: 600; + color: #333; +} + +.hvac-filter-group select, +.hvac-filter-group input[type="text"] { + width: 100%; + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + background-color: white; + font-size: 14px; +} + +.hvac-filter-group select:focus, +.hvac-filter-group input[type="text"]:focus { + border-color: #2271b1; + box-shadow: 0 0 0 1px #2271b1; + outline: none; +} + +.hvac-input-hint { + font-size: 12px; + color: #666; + margin-top: 4px; +} + +.hvac-filter-submit { + display: flex; + gap: 10px; + align-items: center; + justify-content: flex-end; +} + +/* Search results indicator */ +.hvac-search-results { + background-color: #f0f7ff; + border-left: 4px solid #2271b1; + padding: 10px 15px; + margin-bottom: 20px; + border-radius: 0 4px 4px 0; +} + +.hvac-search-results p { + margin: 0; + font-size: 14px; +} + +.hvac-search-results strong { + font-weight: 600; + color: #2271b1; +} + +/* Enhanced attendee info display */ +.attendee-info { + display: flex; + flex-direction: column; +} + +.attendee-name { + font-weight: 600; +} + +.attendee-email { + font-size: 13px; + color: #555; + margin-top: 2px; +} + +/* Clear filters button */ +.hvac-button.hvac-secondary { + background-color: #f0f0f1; + color: #2c3338; + border: 1px solid #c5c5c7; +} + +.hvac-button.hvac-secondary:hover { + background-color: #e0e0e2; +} + +/* Responsive adjustments */ +@media (max-width: 768px) { + .hvac-certificate-filters { + flex-direction: column; + } + + .hvac-filter-group { + width: 100%; + } + + .hvac-filter-submit { + justify-content: flex-start; + flex-direction: column; + align-items: stretch; + } + + .hvac-filter-submit .hvac-button { + margin-bottom: 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; +} diff --git a/assets/css/cf7-styler.css b/assets/css/cf7-styler.css new file mode 100644 index 00000000..ba2473a8 --- /dev/null +++ b/assets/css/cf7-styler.css @@ -0,0 +1,86 @@ +.wp-block-uagb-cf7-styler input[type="text"],.wp-block-uagb-cf7-styler input[type="password"],.wp-block-uagb-cf7-styler input[type="date"],.wp-block-uagb-cf7-styler input[type="datetime"],.wp-block-uagb-cf7-styler input[type="datetime-local"],.wp-block-uagb-cf7-styler input[type="email"],.wp-block-uagb-cf7-styler input[type="month"],.wp-block-uagb-cf7-styler input[type="number"],.wp-block-uagb-cf7-styler input[type="search"],.wp-block-uagb-cf7-styler input[type="tel"],.wp-block-uagb-cf7-styler input[type="time"],.wp-block-uagb-cf7-styler input[type="url"],.wp-block-uagb-cf7-styler input[type="week"]{min-height:30px;line-height:30px}.wp-block-uagb-cf7-styler textarea{resize:vertical}.wp-block-uagb-cf7-styler .wpcf7 *,.wp-block-uagb-cf7-styler .wpcf7 ::after,.wp-block-uagb-cf7-styler .wpcf7 ::before{-webkit-box-sizing:border-box;box-sizing:border-box}.wp-block-uagb-cf7-styler span.wpcf7-list-item-label::before,.wp-block-uagb-cf7-styler span.wpcf7-list-item-label::after{content:" "}.wp-block-uagb-cf7-styler .wpcf7-acceptance input[type="checkbox"]+span::before,.wp-block-uagb-cf7-styler .wpcf7-checkbox input[type="checkbox"]+span::before,.wp-block-uagb-cf7-styler .wpcf7-radio input[type="radio"]+span::before{display:inline-block;vertical-align:middle;width:15px;height:15px;margin-right:10px;border-color:#eaeaea;border-style:solid;border-width:1px 1px 1px 1px;text-align:center;content:""}.wp-block-uagb-cf7-styler span.wpcf7-list-item{display:inline-block;margin:0 1em 0 0}.wp-block-uagb-cf7-styler .wpcf7-acceptance input[type="checkbox"]:checked+span::before,.wp-block-uagb-cf7-styler .wpcf7-checkbox input[type="checkbox"]:checked+span::before{line-height:1.2;content:"\2714"}.wp-block-uagb-cf7-styler .wpcf7-acceptance input[type="checkbox"]+span::before,.wp-block-uagb-cf7-styler .wpcf7-acceptance input[type="checkbox"]:checked+span::before,.wp-block-uagb-cf7-styler .wpcf7-checkbox input[type="checkbox"]+span::before,.wp-block-uagb-cf7-styler .wpcf7-checkbox input[type="checkbox"]:checked+span::before,.wp-block-uagb-cf7-styler .wpcf7-radio input[type="radio"]+span::before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.wp-block-uagb-cf7-styler input[type="checkbox"]:checked+span::before{font-size:-webkit-calc(12px / 1.2);font-size:calc(12px / 1.2)}.wp-block-uagb-cf7-styler .wpcf7-radio input[type="radio"]+span::before{-webkit-border-radius:100%;border-radius:100%}.wp-block-uagb-cf7-styler .uagb-cf7-styler__field-style-box .wpcf7-radio input[type="radio"]:checked+span::before,.wp-block-uagb-cf7-styler .uagb-cf7-styler__field-style-underline .wpcf7-radio input[type="radio"]:checked+span::before{box-shadow:inset 0 0 0 4px #fafafa;background-color:#545454}.wp-block-uagb-cf7-styler .uagb-cf7-styler__btn-align-justify input.wpcf7-form-control.wpcf7-submit,.wp-block-uagb-cf7-styler .uagb-cf7-styler__btn-align-left input.wpcf7-form-control.wpcf7-submit,.wp-block-uagb-cf7-styler .uagb-cf7-styler__btn-align-right input.wpcf7-form-control.wpcf7-submit,.wp-block-uagb-cf7-styler .uagb-cf7-styler__btn-align-center input.wpcf7-form-control.wpcf7-submit{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;width:auto;padding:10px 25px;background:transparent;border-color:#333;border-width:1px;line-height:16px;-js-display:flex}.wp-block-uagb-cf7-styler .wpcf7 input[type="checkbox"],.wp-block-uagb-cf7-styler .wpcf7 input[type="radio"]{display:none}.wp-block-uagb-cf7-styler .wpcf7 select{height:auto;padding:10px;-webkit-appearance:menulist-button;-moz-appearance:menulist-button}.wp-block-uagb-cf7-styler select.wpcf7-form-control.wpcf7-select[multiple="multiple"]{padding:0}.wp-block-uagb-cf7-styler .wpcf7 select option{padding:10px}.wp-block-uagb-cf7-styler .uagb-cf7-styler__highlight-style-bottom_right span.wpcf7-not-valid-tip{display:block;padding:0.1em 0.5em;margin-top:5px;border-radius:2px;font-size:0.9em;-webkit-border-radius:2px;width:fit-content;margin-left:auto;margin-right:0}.wp-block-uagb-cf7-styler .wpcf7 input[type="number"]{height:auto}.wp-block-uagb-cf7-styler .wpcf7 input.wpcf7-date{-webkit-appearance:none}.wp-block-uagb-cf7-styler .wpcf7-spinner{margin-top:25px}@media (min-width: 769px){.wp-block-uagb-cf7-styler .uagb-cf7_styler-col>p{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;width:100%}.wp-block-uagb-cf7-styler .uagb-cf7_styler-col label,.wp-block-uagb-cf7-styler .uagb-cf7_styler-col>p>span{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex:1;flex-grow:1}.wp-block-uagb-cf7-styler .uagb-cf7_styler-col br{display:none}.wp-block-uagb-cf7-styler .uagb-cf7_styler-col>p>span.uagb-cf7_styler-col-1{padding-right:15px;padding-left:0}.wp-block-uagb-cf7-styler .uagb-cf7_styler-col>p>span.uagb-cf7_styler-col-3{padding-right:0;padding-left:15px}.wp-block-uagb-cf7-styler .wpcf7 .uagb-cf7_styler-col span.wpcf7-form-control-wrap{height:100%}.wp-block-uagb-cf7-styler .wpcf7 .uagb-cf7_styler-col select{height:100%}}@media (min-width: 780px){.uagb-cf7-styler__btn-align-right input.wpcf7-form-control.wpcf7-submit{margin-right:0;margin-left:auto}.uagb-cf7-styler__btn-align-left input.wpcf7-form-control.wpcf7-submit{margin-right:auto;margin-left:0}.uagb-cf7-styler__btn-align-center input.wpcf7-form-control.wpcf7-submit{margin-right:auto;margin-left:auto}.uagb-cf7-styler__btn-align-justify input.wpcf7-form-control.wpcf7-submit{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100% !important}}@media (max-width: 780px){.uagb-cf7-styler__btn-align-tablet-right input.wpcf7-form-control.wpcf7-submit{margin-right:0;margin-left:auto}.uagb-cf7-styler__btn-align-tablet-left input.wpcf7-form-control.wpcf7-submit{margin-right:auto;margin-left:0}.uagb-cf7-styler__btn-align-tablet-center input.wpcf7-form-control.wpcf7-submit{margin-right:auto;margin-left:auto}}@media (min-width: 641px) and (max-width: 780px){.uagb-cf7-styler__btn-align-tablet-justify input.wpcf7-form-control.wpcf7-submit{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100% !important}}@media (max-width: 641px){.uagb-cf7-styler__btn-align-mobile-right input.wpcf7-form-control.wpcf7-submit{margin-right:0;margin-left:auto}.uagb-cf7-styler__btn-align-mobile-left input.wpcf7-form-control.wpcf7-submit{margin-right:auto;margin-left:0}.uagb-cf7-styler__btn-align-mobile-center input.wpcf7-form-control.wpcf7-submit{margin-right:auto;margin-left:auto}.uagb-cf7-styler__btn-align-mobile-justify input.wpcf7-form-control.wpcf7-submit{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100% !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; +} diff --git a/assets/css/challenge.css b/assets/css/challenge.css new file mode 100644 index 00000000..8fb2b31b --- /dev/null +++ b/assets/css/challenge.css @@ -0,0 +1,985 @@ +#wpforms-welcome .challenge { + border-radius: 2px; + box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1); + margin-bottom: 30px; + background: #444 url("../images/challenge/getting-started.png") center right no-repeat; + background-size: contain; +} + +#wpforms-welcome .challenge .block { + max-width: 480px; +} + +#wpforms-welcome .challenge h1 { + color: #ffffff; + text-align: left; + margin: 20px 0 22px; +} + +#wpforms-welcome .challenge h6 { + font-size: 17px; + font-weight: 400; + text-align: left; + color: #cccccc; + margin: 0 0 34px; +} + +.wpforms-challenge { + display: none; + position: fixed; + right: 20px; + bottom: 0; + width: 230px; + z-index: 100110; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); +} + +.wpforms-challenge p { + font-size: 14px; + line-height: 20px; + margin: 0 0 15px 0; + color: #222222; +} + +.wpforms-challenge b { + font-weight: 600; +} + +.wpforms-challenge.frozen { + pointer-events: none; +} + +.wpforms-challenge.wpforms-challenge-start { + display: initial; +} + +.wpforms-challenge .wpforms-challenge-list-block { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + padding: 26px 20px 20px 20px; + background-color: white; + overflow: hidden; + position: relative; + transition: all 0.3s; + transition-timing-function: ease; +} + +.wpforms-challenge .wpforms-challenge-list-block .list-block-button { + position: absolute; + color: #b6b6b6; + top: 10px; + cursor: pointer; + width: 16px; + height: 16px; + background-size: 16px 16px; + background-position: center center; + background-repeat: no-repeat; + opacity: 0.25; + transition: 0.3s; + z-index: 999; +} + +.wpforms-challenge .wpforms-challenge-list-block .list-block-button.toggle-list { + display: none; + right: 30px; + background-image: url(../images/challenge/chevron-circle-down-regular.svg); +} + +.wpforms-challenge .wpforms-challenge-list-block .list-block-button.challenge-skip, .wpforms-challenge .wpforms-challenge-list-block .list-block-button.challenge-cancel { + right: 10px; + background-image: url(../images/challenge/times-circle-regular.svg); + color: #b6b6b6; +} + +.wpforms-challenge .wpforms-challenge-list-block .list-block-button:hover { + opacity: 0.5; +} + +.wpforms-challenge .wpforms-challenge-list-block.closed { + padding: 10px; +} + +.wpforms-challenge .wpforms-challenge-list-block.closed .list-block-button.toggle-list { + transform: rotate(180deg); +} + +.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list { + display: block; +} + +.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list li { + opacity: 0; + height: 0; + margin: 0; +} + +.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list .wpforms-challenge-item-completed { + opacity: 0 !important; + height: 0 !important; +} + +.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list .wpforms-challenge-item-current { + opacity: 1; + height: 16px; +} + +.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list .wpforms-challenge-item-current span:before { + opacity: 0; + margin-left: -20px; + transition: opacity 0s; +} + +.wpforms-challenge .wpforms-challenge-list-block.transition-back .wpforms-challenge-list li { + transition: opacity 0.1s 0.2s, height 0.3s, margin 0.3s; +} + +.wpforms-challenge .wpforms-challenge-list-block.transition-back .wpforms-challenge-list li.wpforms-challenge-completed { + transition: opacity 0.1s, height 0.3s, margin 0.3s; +} + +.wpforms-challenge .wpforms-challenge-list-block.transition-back .wpforms-challenge-list .wpforms-challenge-item-current span:before { + transition: opacity 0.1s 0.2s; +} + +.wpforms-challenge .wpforms-challenge-list { + list-style: none; + margin: 0; + font-size: 12px; + line-height: 16px; + transition: all 0.3s; + display: flex; + flex-direction: column; + gap: 10px; + justify-content: flex-start; +} + +.wpforms-challenge .wpforms-challenge-list li { + transition: opacity 0.1s, height 0.3s, margin 0.3s; + display: flex; +} + +.wpforms-challenge .wpforms-challenge-list li span:before { + display: inline-block; + font-family: FontAwesome; + content: "\f1db"; + font-size: 18px; + color: #b6b6b6; + margin-right: 8px; + line-height: 16px; + vertical-align: bottom; + border-radius: 50%; +} + +.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-current { + font-weight: bold; + cursor: pointer; +} + +.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-current span:before { + color: #df7739; + content: '\f111'; + font-size: 17.5px; + line-height: 1; + text-indent: .5px; +} + +.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-completed { + font-weight: initial; + text-decoration: line-through; + color: #777777; +} + +.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-completed span:before { + color: #74ae5e; + font-size: 18px; + background-color: white; + content: "\f058"; +} + +.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-completed { + opacity: 0; + height: 0; + margin-bottom: 0; + transition: opacity 0.1s 0.3s, height 0.3s, margin 0.3s; +} + +.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-completed span:before { + opacity: 0; + margin-left: -20px; +} + +.wpforms-challenge .wpforms-challenge-list li .dashicons-yes { + display: none; + vertical-align: middle; +} + +.wpforms-challenge .wpforms-challenge-bar { + background-color: #dddddd; +} + +.wpforms-challenge .wpforms-challenge-bar div { + width: 0; + height: 8px; + border-radius: 0; + background-image: url(../images/challenge/bar-bg.png); + background-size: auto 8px; + background-repeat: repeat-x; + animation: wpforms-challenge-bar-shift 1.5s linear infinite; +} + +@keyframes wpforms-challenge-bar-shift { + 0% { + background-position-x: 27px; + } + 100% { + background-position-x: 0; + } +} + +.wpforms-challenge.paused .wpforms-challenge-bar div, .wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-bar div { + animation-play-state: paused; +} + +.wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-block-timer p { + color: #6ab255; + opacity: 1; +} + +.wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-block-under-timer .wpforms-challenge-pause, +.wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-block-under-timer .wpforms-challenge-resume { + display: none !important; +} + +.wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-block-under-timer .wpforms-challenge-end { + display: inline-block !important; +} + +.wpforms-challenge .wpforms-challenge-cancel, +.wpforms-challenge .wpforms-challenge-skip { + float: right; + color: #909090; + font-size: 12px; + font-weight: 100; +} + +.wpforms-challenge .wpforms-btn { + cursor: pointer; + color: #ffffff; + border-radius: 2px; +} + +.wpforms-challenge .wpforms-btn-md { + min-height: initial; + font-size: 11px; + font-weight: 600; + line-height: 15px; + padding: 5px 10px; + border: none; +} + +.wpforms-challenge .wpforms-btn-orange { + background-color: #df7739; +} + +.wpforms-challenge .wpforms-btn-orange:hover { + background-color: #d06e2d; +} + +.wpforms-challenge .wpforms-btn-grey { + background-color: #555555; +} + +.wpforms-challenge .wpforms-btn-grey:hover { + background-color: #777777; +} + +.wpforms-challenge .wpforms-challenge-block-timer { + padding: 10px 0; + background-color: #222222; + box-sizing: border-box; + display: flex; + justify-content: center; + gap: 10px; + align-items: center; + line-height: 20px; +} + +.wpforms-challenge .wpforms-challenge-block-timer img { + width: 40px; + height: 40px; + border-radius: 50%; +} + +.wpforms-challenge .wpforms-challenge-block-timer h3 { + font-size: 15px; + font-weight: 600; + color: #ffffff; + margin: 0; +} + +.wpforms-challenge .wpforms-challenge-block-timer p { + font-size: 14px; + font-weight: 300; + color: #ffffff; + opacity: 0.6; + margin: 0; +} + +.wpforms-challenge .wpforms-challenge-block-under-timer { + background-color: #2d2d2d; + text-align: center; + padding: 10px; + min-height: 24.4px; +} + +@keyframes wpforms-challenge-dot-pulse { + 0% { + box-shadow: 0 0 0 0 rgba(223, 119, 57, 0.6); + } + 100% { + box-shadow: 0 0 0 10px rgba(223, 119, 57, 0); + } +} + +span.wpforms-challenge-dot { + display: inline-block; + width: 12px; + height: 12px !important; + padding: 0 !important; + border: 0 !important; + border-radius: 50%; + background-color: #df7739; + animation: wpforms-challenge-dot-pulse 1.5s infinite !important; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-step1 { + margin: 0 80px 0 20px; + position: absolute; + right: 1px; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-step2 { + margin-left: 10px; + vertical-align: -2px; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-step3 { + float: right; + margin-top: 5px; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-step3.wpforms-challenge-dot-completed { + margin-top: 2px; + background: transparent; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-step4 { + margin-left: 24px; + vertical-align: middle; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-step5 { + margin: 3px 10px; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-next { + background-color: #3178a0; + box-shadow: 0 0 0 6px #eeeeee; + animation: none !important; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-completed { + background-color: #ffffff; + width: 16px !important; + height: 16px !important; + box-shadow: none; + position: relative; + animation: none !important; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-completed.wpforms-challenge-dot-step1 { + position: absolute; +} + +span.wpforms-challenge-dot.wpforms-challenge-dot-completed:before { + color: #74ae5e; + font-size: 18px; + line-height: 16px; + width: 14px; + height: 14px; + background-color: #ffffff; + content: "\f058"; + font-family: FontAwesome; + position: absolute; + border-radius: 50%; + left: 0; +} + +.wp-editor-tools span.wpforms-challenge-dot.wpforms-challenge-dot-step5 { + margin-top: 9px; +} + +.wpforms-challenge-tooltips { + display: none; +} + +.wpforms-challenge-popup-container { + display: none; + background-color: rgba(112, 128, 144, 0.6); + height: 100vh; + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 100100; + overflow: hidden; + overflow-y: scroll; + transition: all .25s ease-out; +} + +.wpforms-challenge-popup { + display: none; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + max-width: 600px; + border-radius: 8px; + overflow: hidden; + background-color: white; + box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); + z-index: 9999; +} + +.wpforms-challenge-popup-congrats { + background: #ffffff url("../images/challenge/confetti.svg") repeat center; +} + +.wpforms-challenge-popup-header { + width: 100%; + height: 212px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.wpforms-challenge-popup-header-contact { + background: #eeeeee url("../images/challenge/popup-contact.png") no-repeat center; + background-size: auto 57%; +} + +.wpforms-challenge-popup-footer { + padding: 40px; + background: #f5f5f5; +} + +.wpforms-challenge-popup-footer h3 { + font-size: 20px; + line-height: 24px; + color: #2c3338; + margin: 0 0 20px; +} + +.wpforms-challenge-popup-footer h3 img { + vertical-align: -4px; + margin-left: 2px; +} + +.wpforms-challenge-popup-footer p { + font-weight: normal; + font-size: 16px; + line-height: 24px; +} + +.wpforms-challenge-popup-footer a.wpforms-challenge-popup-btn { + margin-left: 0 !important; + background: #2271b1; +} + +.wpforms-challenge-popup-footer a.wpforms-challenge-popup-btn:hover { + background: #215d8f; +} + +.wpforms-challenge-popup-content { + padding: 40px; + -webkit-font-smoothing: antialiased; +} + +.wpforms-challenge-popup-content h3 { + color: #df7739; + margin: 0 0 10px 0; + font-size: 24px; + font-weight: 600; + line-height: 30px; +} + +.wpforms-challenge-popup-content h3 img { + vertical-align: -6px; + margin-left: 6px; + width: 32px; + height: 32px; +} + +.wpforms-challenge-popup-content p { + font-size: 16px; + margin: 0 0 20px; + color: #444444; + line-height: 28px; +} + +.wpforms-challenge-popup-content b { + font-weight: 600; +} + +.wpforms-challenge-popup-content .wpforms-challenge-contact-message { + box-shadow: none; + resize: none; + margin-bottom: 21px; + width: 100%; + min-height: 175px; + padding: 10px; +} + +.wpforms-challenge-popup-content label { + font-size: 13.8px; + display: block; + margin-bottom: 23px; +} + +.wpforms-challenge-popup-content input[type=checkbox] { + margin-right: 8px; +} + +.wpforms-challenge-popup-content .rating-stars { + color: #fdb72c; + font-size: 18px; + font-weight: bold; +} + +.wpforms-challenge-popup-content select, .wpforms-challenge-popup-content input[type=text] { + border-radius: 4px; + border: 1px solid #d6d6d6; + padding: 8px 12px; + width: 320px; + font-size: 14px; + line-height: 21px; + color: #777777; + vertical-align: middle; +} + +.wpforms-challenge-popup-content select:focus, .wpforms-challenge-popup-content input[type=text]:focus { + color: #777777; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-close { + font-size: 27px; + color: #a7aaad; + position: absolute; + right: 0; + margin: 11px 10px 10px 10px; + background-color: #ffffff; + border-radius: 50%; + cursor: pointer; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-close:hover { + color: #777777; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-btn { + display: inline-block; + border-radius: 4px; + cursor: pointer; + text-decoration: none; + text-align: center; + vertical-align: middle; + white-space: nowrap; + box-shadow: none; + font-size: 16px; + font-weight: 600; + line-height: 19px; + padding: 10px 20px; + border: none; + background-color: #df7739; + color: #ffffff; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-btn:hover { + background-color: #b85a1b; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-btn .dashicons-external { + margin-left: 6px; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-btn:last-child { + margin-left: 20px; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-btn.wpforms-challenge-popup-contact-btn { + margin-left: 0; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-btn.wpforms-challenge-popup-rate-btn { + margin-left: 0; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-btn:disabled { + cursor: default; + opacity: 0.5; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-btn:disabled:hover { + background-color: #df7739; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-flex { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + align-items: stretch; +} + +.wpforms-challenge-popup .wpforms-challenge-popup-flex * { + margin: 0 !important; +} + +.wpforms-challenge-popup.wpforms-challenge-popup-plain { + border-radius: 6px; + max-width: 550px; + text-align: center; +} + +.wpforms-challenge-popup.wpforms-challenge-popup-plain .wpforms-challenge-popup-content { + padding: 60px 50px; +} + +.wpforms-challenge-popup.wpforms-challenge-popup-plain h3 { + text-align: center; + font-weight: bold; + font-size: 24px; + letter-spacing: 0; + color: #444444; +} + +.wpforms-challenge-popup.wpforms-challenge-popup-plain p { + text-align: center; + font-size: 18px; + letter-spacing: 0; + color: #777777; +} + +.wpforms-challenge-popup .wpforms-admin-popup-content { + padding: 60px 50px; +} + +@media all and (max-height: 900px) { + #wpforms-challenge-contact-popup { + margin: 50px 0 20px; + } +} + +.wpforms-challenge-tooltip.tooltipster-sidetip { + z-index: 100099 !important; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-box { + margin-bottom: 18px; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { + top: 0; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-box { + margin-left: 18px; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { + left: 8px; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box { + max-width: 260px; + background: white; + border: none; + border-radius: 4px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content { + color: #444444; + padding: 16px 20px 18px; + text-align: center; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content div *:first-child { + margin-top: 0 !important; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content h3 { + font-size: 16px; + letter-spacing: 0; + line-height: 18px; + margin: 0; + color: #23282c; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content p { + font-size: 14px; + letter-spacing: 0; + line-height: 18px; + margin: 10px 0 0; + color: #444444; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content a { + color: #1d7bac; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .wpforms-challenge-done-btn { + border-radius: 3px; + cursor: pointer; + text-decoration: none; + text-align: center; + vertical-align: middle; + white-space: nowrap; + box-shadow: none; + font-size: 14px; + font-weight: 600; + letter-spacing: 0; + padding: 7px 18px; + border: none; + background-color: #df7739; + color: #ffffff; + display: block; + margin: 15px auto 0; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .wpforms-challenge-done-btn:hover { + background-color: #b85a1b; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .wpforms-challenge-done-btn:disabled { + cursor: default; + opacity: 0.5; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .wpforms-challenge-done-btn:disabled:hover { + background-color: #df7739; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip .tooltipster-arrow-border { + border: none; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-top .tooltipster-arrow-background { + border-top-color: white; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow-background { + border-right-color: white; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-bottom .tooltipster-arrow-background { + border-bottom-color: white; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-left .tooltipster-arrow-background { + border-left-color: white; +} + +.wpforms-challenge-tooltip.tooltipster-sidetip.wpforms-hidden { + display: none; +} + +.wpforms-builder-help-open .wpforms-challenge-frozen-tooltip.tooltipster-fade.tooltipster-show, +.wpforms-builder-help-open .wpforms-challenge-tooltip.tooltipster-fade.tooltipster-show { + opacity: 0; +} + +.wpforms-ai-form-generator-active .wpforms-challenge-tooltip.tooltipster-fade.tooltipster-show { + opacity: 0; +} + +.wpforms-challenge-frozen-tooltip.tooltipster-fade.tooltipster-show { + opacity: 1; + transition: opacity .5s ease-in-out; + pointer-events: none; +} + +@media all and (max-width: 1023px) { + .wpforms-challenge-tooltip.tooltipster-sidetip, .wpforms-challenge { + display: none !important; + } +} + +.block-editor-page .edit-post-layout .components-notice-list > div { + padding-left: 50px; +} + +.block-editor-page .wpforms-challenge-dot-step5 { + position: absolute; + top: 75px; + left: 20px; + z-index: 9999; +} + +.block-editor-page .wpforms-challenge-tooltip.wpforms-challenge-tooltip-step5 { + width: 260px !important; + z-index: 1000002 !important; + margin-top: 5px; +} + +.block-editor-page .wpforms-challenge-tooltip.wpforms-challenge-tooltip-step5.wpforms-challenge-tooltip-step5-hide { + z-index: -1 !important; +} + +.block-editor-page .wpforms-challenge-tooltip.wpforms-challenge-tooltip-step5 .tooltipster-box { + margin-top: 10px; +} + +.block-editor-page .wpforms-challenge-tooltip.wpforms-challenge-tooltip-step5 .wpforms-challenge-tooltips-red-arrow { + position: absolute; + display: block; + width: 15px; + height: 42px; + top: -65px; + left: 145px; + background-image: url(../images/challenge/red-arrow.svg); + background-size: 15px 42px; + background-repeat: no-repeat; +} + +.block-editor-page.is-fullscreen-mode .edit-post-layout .components-notice-list > div { + padding-left: 125px; +} + +.block-editor-page.is-fullscreen-mode .wpforms-challenge-dot-step5 { + left: 75px; +} + +.block-editor-page.is-fullscreen-mode .wpforms-challenge-tooltip .wpforms-challenge-tooltips-red-arrow { + left: 105px; +} + +#wpforms-builder .wpforms-setup-title.core { + display: inline-block; + padding-right: 15px; + margin-right: 0; +} + +.wpforms_page_wpforms-builder .wpforms-challenge { + z-index: 100099; +} + +.wpforms_page_wpforms-builder .wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { + left: 0; +} + +.wpforms-invisible { + opacity: 0 !important; +} + +@media (max-width: 1024px) { + .wpforms-challenge, + .wpforms-challenge *, + .wpforms-challenge-dot, + .wpforms-challenge-dot *, + .wpforms-challenge-tooltips, + .wpforms-challenge-tooltips *, + .wpforms-challenge-tooltip, + .wpforms-challenge-tooltip *, + .wpforms-challenge-popup-container, + .wpforms-challenge-popup-container *, + #wpforms-welcome .challenge { + display: none !important; + visibility: hidden !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; +} diff --git a/assets/css/challenge.min.css b/assets/css/challenge.min.css new file mode 100644 index 00000000..e0a4020e --- /dev/null +++ b/assets/css/challenge.min.css @@ -0,0 +1,86 @@ +#wpforms-welcome .challenge{border-radius:2px;box-shadow:0 0 50px 0 rgba(0,0,0,0.1);margin-bottom:30px;background:#444 url("../images/challenge/getting-started.png") center right no-repeat;background-size:contain}#wpforms-welcome .challenge .block{max-width:480px}#wpforms-welcome .challenge h1{color:#ffffff;text-align:left;margin:20px 0 22px}#wpforms-welcome .challenge h6{font-size:17px;font-weight:400;text-align:left;color:#cccccc;margin:0 0 34px}.wpforms-challenge{display:none;position:fixed;right:20px;bottom:0;width:230px;z-index:100110;border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0 0 30px rgba(0,0,0,0.15)}.wpforms-challenge p{font-size:14px;line-height:20px;margin:0 0 15px 0;color:#222222}.wpforms-challenge b{font-weight:600}.wpforms-challenge.frozen{pointer-events:none}.wpforms-challenge.wpforms-challenge-start{display:initial}.wpforms-challenge .wpforms-challenge-list-block{border-top-left-radius:4px;border-top-right-radius:4px;padding:26px 20px 20px 20px;background-color:white;overflow:hidden;position:relative;transition:all 0.3s;transition-timing-function:ease}.wpforms-challenge .wpforms-challenge-list-block .list-block-button{position:absolute;color:#b6b6b6;top:10px;cursor:pointer;width:16px;height:16px;background-size:16px 16px;background-position:center center;background-repeat:no-repeat;opacity:0.25;transition:0.3s;z-index:999}.wpforms-challenge .wpforms-challenge-list-block .list-block-button.toggle-list{display:none;right:30px;background-image:url(../images/challenge/chevron-circle-down-regular.svg)}.wpforms-challenge .wpforms-challenge-list-block .list-block-button.challenge-skip,.wpforms-challenge .wpforms-challenge-list-block .list-block-button.challenge-cancel{right:10px;background-image:url(../images/challenge/times-circle-regular.svg);color:#b6b6b6}.wpforms-challenge .wpforms-challenge-list-block .list-block-button:hover{opacity:0.5}.wpforms-challenge .wpforms-challenge-list-block.closed{padding:10px}.wpforms-challenge .wpforms-challenge-list-block.closed .list-block-button.toggle-list{transform:rotate(180deg)}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list{display:block}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list li{opacity:0;height:0;margin:0}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list .wpforms-challenge-item-completed{opacity:0 !important;height:0 !important}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list .wpforms-challenge-item-current{opacity:1;height:16px}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list .wpforms-challenge-item-current span:before{opacity:0;margin-left:-20px;transition:opacity 0s}.wpforms-challenge .wpforms-challenge-list-block.transition-back .wpforms-challenge-list li{transition:opacity 0.1s 0.2s, height 0.3s, margin 0.3s}.wpforms-challenge .wpforms-challenge-list-block.transition-back .wpforms-challenge-list li.wpforms-challenge-completed{transition:opacity 0.1s, height 0.3s, margin 0.3s}.wpforms-challenge .wpforms-challenge-list-block.transition-back .wpforms-challenge-list .wpforms-challenge-item-current span:before{transition:opacity 0.1s 0.2s}.wpforms-challenge .wpforms-challenge-list{list-style:none;margin:0;font-size:12px;line-height:16px;transition:all 0.3s;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.wpforms-challenge .wpforms-challenge-list li{transition:opacity 0.1s, height 0.3s, margin 0.3s;display:flex}.wpforms-challenge .wpforms-challenge-list li span:before{display:inline-block;font-family:FontAwesome;content:"\f1db";font-size:18px;color:#b6b6b6;margin-right:8px;line-height:16px;vertical-align:bottom;border-radius:50%}.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-current{font-weight:bold;cursor:pointer}.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-current span:before{color:#df7739;content:'\f111';font-size:17.5px;line-height:1;text-indent:.5px}.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-completed{font-weight:initial;text-decoration:line-through;color:#777777}.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-completed span:before{color:#74ae5e;font-size:18px;background-color:white;content:"\f058"}.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-completed{opacity:0;height:0;margin-bottom:0;transition:opacity 0.1s 0.3s, height 0.3s, margin 0.3s}.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-completed span:before{opacity:0;margin-left:-20px}.wpforms-challenge .wpforms-challenge-list li .dashicons-yes{display:none;vertical-align:middle}.wpforms-challenge .wpforms-challenge-bar{background-color:#dddddd}.wpforms-challenge .wpforms-challenge-bar div{width:0;height:8px;border-radius:0;background-image:url(../images/challenge/bar-bg.png);background-size:auto 8px;background-repeat:repeat-x;animation:wpforms-challenge-bar-shift 1.5s linear infinite}@keyframes wpforms-challenge-bar-shift{0%{background-position-x:27px}100%{background-position-x:0}}.wpforms-challenge.paused .wpforms-challenge-bar div,.wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-bar div{animation-play-state:paused}.wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-block-timer p{color:#6ab255;opacity:1}.wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-block-under-timer .wpforms-challenge-pause,.wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-block-under-timer .wpforms-challenge-resume{display:none !important}.wpforms-challenge.wpforms-challenge-completed .wpforms-challenge-block-under-timer .wpforms-challenge-end{display:inline-block !important}.wpforms-challenge .wpforms-challenge-cancel,.wpforms-challenge .wpforms-challenge-skip{float:right;color:#909090;font-size:12px;font-weight:100}.wpforms-challenge .wpforms-btn{cursor:pointer;color:#ffffff;border-radius:2px}.wpforms-challenge .wpforms-btn-md{min-height:initial;font-size:11px;font-weight:600;line-height:15px;padding:5px 10px;border:none}.wpforms-challenge .wpforms-btn-orange{background-color:#df7739}.wpforms-challenge .wpforms-btn-orange:hover{background-color:#d06e2d}.wpforms-challenge .wpforms-btn-grey{background-color:#555555}.wpforms-challenge .wpforms-btn-grey:hover{background-color:#777777}.wpforms-challenge .wpforms-challenge-block-timer{padding:10px 0;background-color:#222222;box-sizing:border-box;display:flex;justify-content:center;gap:10px;align-items:center;line-height:20px}.wpforms-challenge .wpforms-challenge-block-timer img{width:40px;height:40px;border-radius:50%}.wpforms-challenge .wpforms-challenge-block-timer h3{font-size:15px;font-weight:600;color:#ffffff;margin:0}.wpforms-challenge .wpforms-challenge-block-timer p{font-size:14px;font-weight:300;color:#ffffff;opacity:0.6;margin:0}.wpforms-challenge .wpforms-challenge-block-under-timer{background-color:#2d2d2d;text-align:center;padding:10px;min-height:24.4px}@keyframes wpforms-challenge-dot-pulse{0%{box-shadow:0 0 0 0 rgba(223,119,57,0.6)}100%{box-shadow:0 0 0 10px rgba(223,119,57,0)}}span.wpforms-challenge-dot{display:inline-block;width:12px;height:12px !important;padding:0 !important;border:0 !important;border-radius:50%;background-color:#df7739;animation:wpforms-challenge-dot-pulse 1.5s infinite !important}span.wpforms-challenge-dot.wpforms-challenge-dot-step1{margin:0 80px 0 20px;position:absolute;right:1px}span.wpforms-challenge-dot.wpforms-challenge-dot-step2{margin-left:10px;vertical-align:-2px}span.wpforms-challenge-dot.wpforms-challenge-dot-step3{float:right;margin-top:5px}span.wpforms-challenge-dot.wpforms-challenge-dot-step3.wpforms-challenge-dot-completed{margin-top:2px;background:transparent}span.wpforms-challenge-dot.wpforms-challenge-dot-step4{margin-left:24px;vertical-align:middle}span.wpforms-challenge-dot.wpforms-challenge-dot-step5{margin:3px 10px}span.wpforms-challenge-dot.wpforms-challenge-dot-next{background-color:#3178a0;box-shadow:0 0 0 6px #eeeeee;animation:none !important}span.wpforms-challenge-dot.wpforms-challenge-dot-completed{background-color:#ffffff;width:16px !important;height:16px !important;box-shadow:none;position:relative;animation:none !important}span.wpforms-challenge-dot.wpforms-challenge-dot-completed.wpforms-challenge-dot-step1{position:absolute}span.wpforms-challenge-dot.wpforms-challenge-dot-completed:before{color:#74ae5e;font-size:18px;line-height:16px;width:14px;height:14px;background-color:#ffffff;content:"\f058";font-family:FontAwesome;position:absolute;border-radius:50%;left:0}.wp-editor-tools span.wpforms-challenge-dot.wpforms-challenge-dot-step5{margin-top:9px}.wpforms-challenge-tooltips{display:none}.wpforms-challenge-popup-container{display:none;background-color:rgba(112,128,144,0.6);height:100vh;width:100%;position:fixed;top:0;left:0;z-index:100100;overflow:hidden;overflow-y:scroll;transition:all .25s ease-out}.wpforms-challenge-popup{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:600px;border-radius:8px;overflow:hidden;background-color:white;box-shadow:0 0 40px 0 rgba(0,0,0,0.2);z-index:9999}.wpforms-challenge-popup-congrats{background:#fff url("../images/challenge/confetti.svg") repeat center}.wpforms-challenge-popup-header{width:100%;height:212px;border-top-left-radius:8px;border-top-right-radius:8px}.wpforms-challenge-popup-header-contact{background:#eee url("../images/challenge/popup-contact.png") no-repeat center;background-size:auto 57%}.wpforms-challenge-popup-footer{padding:40px;background:#f5f5f5}.wpforms-challenge-popup-footer h3{font-size:20px;line-height:24px;color:#2c3338;margin:0 0 20px}.wpforms-challenge-popup-footer h3 img{vertical-align:-4px;margin-left:2px}.wpforms-challenge-popup-footer p{font-weight:normal;font-size:16px;line-height:24px}.wpforms-challenge-popup-footer a.wpforms-challenge-popup-btn{margin-left:0 !important;background:#2271b1}.wpforms-challenge-popup-footer a.wpforms-challenge-popup-btn:hover{background:#215d8f}.wpforms-challenge-popup-content{padding:40px;-webkit-font-smoothing:antialiased}.wpforms-challenge-popup-content h3{color:#df7739;margin:0 0 10px 0;font-size:24px;font-weight:600;line-height:30px}.wpforms-challenge-popup-content h3 img{vertical-align:-6px;margin-left:6px;width:32px;height:32px}.wpforms-challenge-popup-content p{font-size:16px;margin:0 0 20px;color:#444444;line-height:28px}.wpforms-challenge-popup-content b{font-weight:600}.wpforms-challenge-popup-content .wpforms-challenge-contact-message{box-shadow:none;resize:none;margin-bottom:21px;width:100%;min-height:175px;padding:10px}.wpforms-challenge-popup-content label{font-size:13.8px;display:block;margin-bottom:23px}.wpforms-challenge-popup-content input[type=checkbox]{margin-right:8px}.wpforms-challenge-popup-content .rating-stars{color:#fdb72c;font-size:18px;font-weight:bold}.wpforms-challenge-popup-content select,.wpforms-challenge-popup-content input[type=text]{border-radius:4px;border:1px solid #d6d6d6;padding:8px 12px;width:320px;font-size:14px;line-height:21px;color:#777777;vertical-align:middle}.wpforms-challenge-popup-content select:focus,.wpforms-challenge-popup-content input[type=text]:focus{color:#777777}.wpforms-challenge-popup .wpforms-challenge-popup-close{font-size:27px;color:#a7aaad;position:absolute;right:0;margin:11px 10px 10px 10px;background-color:#ffffff;border-radius:50%;cursor:pointer}.wpforms-challenge-popup .wpforms-challenge-popup-close:hover{color:#777777}.wpforms-challenge-popup .wpforms-challenge-popup-btn{display:inline-block;border-radius:4px;cursor:pointer;text-decoration:none;text-align:center;vertical-align:middle;white-space:nowrap;box-shadow:none;font-size:16px;font-weight:600;line-height:19px;padding:10px 20px;border:none;background-color:#df7739;color:#ffffff}.wpforms-challenge-popup .wpforms-challenge-popup-btn:hover{background-color:#b85a1b}.wpforms-challenge-popup .wpforms-challenge-popup-btn .dashicons-external{margin-left:6px}.wpforms-challenge-popup .wpforms-challenge-popup-btn:last-child{margin-left:20px}.wpforms-challenge-popup .wpforms-challenge-popup-btn.wpforms-challenge-popup-contact-btn{margin-left:0}.wpforms-challenge-popup .wpforms-challenge-popup-btn.wpforms-challenge-popup-rate-btn{margin-left:0}.wpforms-challenge-popup .wpforms-challenge-popup-btn:disabled{cursor:default;opacity:0.5}.wpforms-challenge-popup .wpforms-challenge-popup-btn:disabled:hover{background-color:#df7739}.wpforms-challenge-popup .wpforms-challenge-popup-flex{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}.wpforms-challenge-popup .wpforms-challenge-popup-flex *{margin:0 !important}.wpforms-challenge-popup.wpforms-challenge-popup-plain{border-radius:6px;max-width:550px;text-align:center}.wpforms-challenge-popup.wpforms-challenge-popup-plain .wpforms-challenge-popup-content{padding:60px 50px}.wpforms-challenge-popup.wpforms-challenge-popup-plain h3{text-align:center;font-weight:bold;font-size:24px;letter-spacing:0;color:#444444}.wpforms-challenge-popup.wpforms-challenge-popup-plain p{text-align:center;font-size:18px;letter-spacing:0;color:#777777}.wpforms-challenge-popup .wpforms-admin-popup-content{padding:60px 50px}@media all and (max-height: 900px){#wpforms-challenge-contact-popup{margin:50px 0 20px}}.wpforms-challenge-tooltip.tooltipster-sidetip{z-index:100099 !important}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:18px}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{top:0}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:18px}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{left:8px}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box{max-width:260px;background:white;border:none;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,0.25)}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content{color:#444444;padding:16px 20px 18px;text-align:center}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content div *:first-child{margin-top:0 !important}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content h3{font-size:16px;letter-spacing:0;line-height:18px;margin:0;color:#23282c}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content p{font-size:14px;letter-spacing:0;line-height:18px;margin:10px 0 0;color:#444444}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .tooltipster-content a{color:#1d7bac}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .wpforms-challenge-done-btn{border-radius:3px;cursor:pointer;text-decoration:none;text-align:center;vertical-align:middle;white-space:nowrap;box-shadow:none;font-size:14px;font-weight:600;letter-spacing:0;padding:7px 18px;border:none;background-color:#df7739;color:#ffffff;display:block;margin:15px auto 0}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .wpforms-challenge-done-btn:hover{background-color:#b85a1b}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .wpforms-challenge-done-btn:disabled{cursor:default;opacity:0.5}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base .tooltipster-box .wpforms-challenge-done-btn:disabled:hover{background-color:#df7739}.wpforms-challenge-tooltip.tooltipster-sidetip .tooltipster-arrow-border{border:none}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-top .tooltipster-arrow-background{border-top-color:white}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-right .tooltipster-arrow-background{border-right-color:white}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:white}.wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-base.tooltipster-left .tooltipster-arrow-background{border-left-color:white}.wpforms-challenge-tooltip.tooltipster-sidetip.wpforms-hidden{display:none}.wpforms-builder-help-open .wpforms-challenge-frozen-tooltip.tooltipster-fade.tooltipster-show,.wpforms-builder-help-open .wpforms-challenge-tooltip.tooltipster-fade.tooltipster-show{opacity:0}.wpforms-ai-form-generator-active .wpforms-challenge-tooltip.tooltipster-fade.tooltipster-show{opacity:0}.wpforms-challenge-frozen-tooltip.tooltipster-fade.tooltipster-show{opacity:1;transition:opacity .5s ease-in-out;pointer-events:none}@media all and (max-width: 1023px){.wpforms-challenge-tooltip.tooltipster-sidetip,.wpforms-challenge{display:none !important}}.block-editor-page .edit-post-layout .components-notice-list>div{padding-left:50px}.block-editor-page .wpforms-challenge-dot-step5{position:absolute;top:75px;left:20px;z-index:9999}.block-editor-page .wpforms-challenge-tooltip.wpforms-challenge-tooltip-step5{width:260px !important;z-index:1000002 !important;margin-top:5px}.block-editor-page .wpforms-challenge-tooltip.wpforms-challenge-tooltip-step5.wpforms-challenge-tooltip-step5-hide{z-index:-1 !important}.block-editor-page .wpforms-challenge-tooltip.wpforms-challenge-tooltip-step5 .tooltipster-box{margin-top:10px}.block-editor-page .wpforms-challenge-tooltip.wpforms-challenge-tooltip-step5 .wpforms-challenge-tooltips-red-arrow{position:absolute;display:block;width:15px;height:42px;top:-65px;left:145px;background-image:url(../images/challenge/red-arrow.svg);background-size:15px 42px;background-repeat:no-repeat}.block-editor-page.is-fullscreen-mode .edit-post-layout .components-notice-list>div{padding-left:125px}.block-editor-page.is-fullscreen-mode .wpforms-challenge-dot-step5{left:75px}.block-editor-page.is-fullscreen-mode .wpforms-challenge-tooltip .wpforms-challenge-tooltips-red-arrow{left:105px}#wpforms-builder .wpforms-setup-title.core{display:inline-block;padding-right:15px;margin-right:0}.wpforms_page_wpforms-builder .wpforms-challenge{z-index:100099}.wpforms_page_wpforms-builder .wpforms-challenge-tooltip.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{left:0}.wpforms-invisible{opacity:0 !important}@media (max-width: 1024px){.wpforms-challenge,.wpforms-challenge *,.wpforms-challenge-dot,.wpforms-challenge-dot *,.wpforms-challenge-tooltips,.wpforms-challenge-tooltips *,.wpforms-challenge-tooltip,.wpforms-challenge-tooltip *,.wpforms-challenge-popup-container,.wpforms-challenge-popup-container *,#wpforms-welcome .challenge{display:none !important;visibility:hidden !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; +} diff --git a/assets/css/chat-element.css b/assets/css/chat-element.css new file mode 100644 index 00000000..ce900c09 --- /dev/null +++ b/assets/css/chat-element.css @@ -0,0 +1,659 @@ +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange { + background-color: #e27730; + border-color: #e27730; + color: #ffffff; +} + +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange:hover { + background-color: #cd6622; + border-color: #cd6622; + color: #ffffff; +} + +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-sm { + font-size: 14px; + font-weight: 500; + padding: 0 10px; + height: 32px; + line-height: 30px; +} + +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-flag { + background-image: url("../../../images/integrations/ai/flag-usa.svg"); +} + +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-clover { + background-image: url("../../../images/integrations/ai/leaf-maple.svg"); +} + +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-thumbs-up { + background-image: url("../../../images/integrations/ai/thumbs-up.svg"); +} + +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-globe { + background-image: url("../../../images/integrations/ai/globe-americas.svg"); +} + +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-palm { + background-image: url("../../../images/integrations/ai/tree-palm.svg"); +} + +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-shop { + background-image: url("../../../images/integrations/ai/store.svg"); +} + +wpforms-ai-chat { + display: block; + max-height: 100%; + height: 100%; + overflow: hidden; +} + +wpforms-ai-chat .wpforms-ai-chat { + display: block; + max-height: 100%; + height: 100%; + overflow: hidden; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list { + margin: 0; + padding: 40px 40px 0 40px; + display: flex; + flex-direction: column; + overflow: auto; + height: calc( 100% - 134px); + max-height: calc( 100% - 134px); +} + +wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child { + margin-bottom: 40px; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list.wpforms-scrollbar-compact { + padding-right: 26px; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question { + width: 410px; + margin-bottom: 20px; + margin-inline-start: auto; + display: flex; + height: fit-content; + padding: 15px 20px 15px 20px; + color: #ffffff; + gap: 10px; + border-radius: 24px; + border-start-end-radius: 0; + font-weight: 500; + font-size: 15px; + line-height: 22px; + overflow-wrap: anywhere; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question div > h4:first-child { + margin-block-start: 0; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item.wpforms-chat-item-text { + white-space: pre-line; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title { + font-weight: 600; + font-size: 24px; + line-height: 30px; + margin: 0 0 10px; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title:after { + content: ''; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + background-image: url("../../../images/integrations/ai/ai-feature.svg"); + background-size: 16px 16px; + opacity: .85; + margin-left: 2px; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description { + color: #777777; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a { + color: #999999; +} + +wpforms-ai-chat .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-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:focus { + color: #444444; +} + +wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-divider { + border-top: 1px solid #dddddd; + margin: 40px 0; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input { + display: flex; + height: 134px; + position: relative; + padding: 40px; + background-color: #f8f8f8; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"], +wpforms-ai-chat .wpforms-ai-chat-message-input textarea { + padding: 10px 15px; + padding-inline-end: 54px; + width: 100%; + height: 54px; + min-height: 54px; + font-size: 16px; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07); + border-radius: 6px; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]::placeholder, +wpforms-ai-chat .wpforms-ai-chat-message-input textarea::placeholder { + color: #999999; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]:disabled, +wpforms-ai-chat .wpforms-ai-chat-message-input textarea:disabled { + background-color: #ffffff; + opacity: 1; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]:focus, +wpforms-ai-chat .wpforms-ai-chat-message-input textarea:focus { + border: 1px solid #777777; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 1px #777777; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input textarea { + line-height: 22px; + padding: 15px 40px 15px 15px; + overflow-x: hidden; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar { + background: transparent; + width: 10px; + height: 10px; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-track { + background: transparent; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0); + background: transparent; + border-radius: 10px; + border: solid 3px transparent; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-resizer, wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-button, wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-corner { + display: none; +} + +@-moz-document url-prefix() { + wpforms-ai-chat .wpforms-ai-chat-message-input textarea { + scrollbar-color: rgba(0, 0, 0, 0) transparent; + scrollbar-gutter: initial !important; + scrollbar-width: thin; + } +} + +wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar { + background: transparent; + width: 10px; + height: 10px; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-track { + background: transparent; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.5); + background: transparent; + border-radius: 10px; + border: solid 3px transparent; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-resizer, wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-button, wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-corner { + display: none; +} + +@-moz-document url-prefix() { + wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover { + scrollbar-color: rgba(0, 0, 0, 0.5) transparent; + scrollbar-gutter: initial !important; + scrollbar-width: thin; + } +} + +wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send { + background-image: url("../../../images/integrations/ai/icon-send.svg"); + background-size: 16px; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop { + background-image: url("../../../images/integrations/ai/icon-stop.svg"); + background-size: 14px; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send, +wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop { + position: absolute; + inset-inline-end: 40px; + bottom: 40px; + height: 32px; + width: 32px; + border: none; + border-radius: 4px; + cursor: pointer; + padding: 0; + margin: 11px; + background-repeat: no-repeat; + background-position: center; +} + +wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send.wpforms-hidden, +wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop.wpforms-hidden { + display: none; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons { + border-top: 1px solid rgba(221, 221, 221, 0.5); + padding-top: 20px; + display: flex; + gap: 15px; + justify-content: space-between; + align-items: center; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action, wpforms-ai-chat .wpforms-ai-chat-answer-buttons a.wpforms-ai-chat-answer-learn-more { + border-radius: 4px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 6px 10px; + border: none; + text-decoration: none; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action span, wpforms-ai-chat .wpforms-ai-chat-answer-buttons a.wpforms-ai-chat-answer-learn-more span { + font-size: 14px; + font-weight: 500; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action::before { + content: ''; + display: inline-block; + width: 12px; + height: 14px; + background-image: url("../../../images/integrations/ai/insert.svg"); + background-size: 12px 14px; + opacity: .65; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response { + display: flex; + gap: 12px; + align-items: center; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button { + background-color: transparent; + border: none; + padding: 0; + margin: 0; + line-height: 16px; + cursor: pointer; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike { + width: 18px; + height: 16px; + background-image: url("../../../images/integrations/ai/thumbs-down.svg"); + background-size: 18px 16px; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike:hover, wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike:focus { + background-image: url("../../../images/integrations/ai/thumbs-down-hover.svg"); +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike.clicked { + background-image: url("../../../images/integrations/ai/thumbs-down-solid.svg"); + cursor: default; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh { + color: #999999; + font-size: 16px; +} + +wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh:hover, wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh:focus { + color: #d63638; +} + +wpforms-ai-chat .wpforms-chat-item-answer-waiting { + display: flex; + gap: 5px; + margin: 0 0 20px 0; +} + +wpforms-ai-chat .wpforms-chat-item-answer-waiting:before { + content: ''; + display: inline-block; + vertical-align: middle; + width: 32px; + height: 32px; + background-image: url("../../../images/integrations/ai/ai-answer-icon.svg"); + background-size: 32px 32px; +} + +wpforms-ai-chat .wpforms-chat-item-answer-waiting .wpforms-chat-item-spinner { + height: 50px; + width: 82px; + display: flex; + justify-content: center; + align-items: center; + color: #999999; + background-color: #f8f8f8; + border-radius: 0 24px 24px 24px; +} + +wpforms-ai-chat .wpforms-chat-item-answer, +wpforms-ai-chat .wpforms-chat-item-notice, +wpforms-ai-chat .wpforms-chat-item-warning, +wpforms-ai-chat .wpforms-chat-item-error { + gap: 8px; + display: flex; + font-size: 15px; + line-height: 15px; + text-align: left; + margin: 0 0 20px 0; + height: fit-content; +} + +wpforms-ai-chat .wpforms-chat-item-answer:before, +wpforms-ai-chat .wpforms-chat-item-notice:before, +wpforms-ai-chat .wpforms-chat-item-warning:before, +wpforms-ai-chat .wpforms-chat-item-error:before { + content: ''; + display: inline-block; + vertical-align: middle; + max-width: 32px; + width: 100%; + height: 32px; + background-image: url("../../../images/integrations/ai/ai-answer-icon.svg"); + background-size: 32px 32px; + background-repeat: no-repeat; +} + +wpforms-ai-chat .wpforms-chat-item-answer > div, +wpforms-ai-chat .wpforms-chat-item-notice > div, +wpforms-ai-chat .wpforms-chat-item-warning > div, +wpforms-ai-chat .wpforms-chat-item-error > div { + flex-grow: 1; + padding: 20px; + display: flex; + flex-direction: column; + color: #444444; + background-color: #f8f8f8; + gap: 10px; + border-radius: 24px; + border-start-start-radius: 0; +} + +wpforms-ai-chat .wpforms-chat-item-answer > div h4, +wpforms-ai-chat .wpforms-chat-item-notice > div h4, +wpforms-ai-chat .wpforms-chat-item-warning > div h4, +wpforms-ai-chat .wpforms-chat-item-error > div h4 { + font-size: 15px; + font-weight: 500; + margin: 5px 0; + text-align: start; +} + +wpforms-ai-chat .wpforms-chat-item-answer > div ol, +wpforms-ai-chat .wpforms-chat-item-notice > div ol, +wpforms-ai-chat .wpforms-chat-item-warning > div ol, +wpforms-ai-chat .wpforms-chat-item-error > div ol { + display: flex; + flex-direction: column; + list-style: decimal; + align-items: flex-start; + gap: 15px; + padding-inline-start: 20px; + margin: 10px 0; + line-height: 22px; +} + +wpforms-ai-chat .wpforms-chat-item-answer > div ol li, +wpforms-ai-chat .wpforms-chat-item-notice > div ol li, +wpforms-ai-chat .wpforms-chat-item-warning > div ol li, +wpforms-ai-chat .wpforms-chat-item-error > div ol li { + margin: 0; + word-break: break-all; +} + +wpforms-ai-chat .wpforms-chat-item-answer > div > span, +wpforms-ai-chat .wpforms-chat-item-notice > div > span, +wpforms-ai-chat .wpforms-chat-item-warning > div > span, +wpforms-ai-chat .wpforms-chat-item-error > div > span { + line-height: 22px; + text-align: start; +} + +wpforms-ai-chat .wpforms-chat-item-answer > div > span.wpforms-ai-chat-answer-footer-learn-more, +wpforms-ai-chat .wpforms-chat-item-notice > div > span.wpforms-ai-chat-answer-footer-learn-more, +wpforms-ai-chat .wpforms-chat-item-warning > div > span.wpforms-ai-chat-answer-footer-learn-more, +wpforms-ai-chat .wpforms-chat-item-error > div > span.wpforms-ai-chat-answer-footer-learn-more { + font-weight: 500; +} + +wpforms-ai-chat .wpforms-chat-item-answer > div a.wpforms-chat-element-learn-more, +wpforms-ai-chat .wpforms-chat-item-notice > div a.wpforms-chat-element-learn-more, +wpforms-ai-chat .wpforms-chat-item-warning > div a.wpforms-chat-element-learn-more, +wpforms-ai-chat .wpforms-chat-item-error > div a.wpforms-chat-element-learn-more { + color: #7a30e2; +} + +wpforms-ai-chat .wpforms-chat-item-answer > div a.wpforms-chat-element-learn-more:hover, wpforms-ai-chat .wpforms-chat-item-answer > div a.wpforms-chat-element-learn-more:focus, +wpforms-ai-chat .wpforms-chat-item-notice > div a.wpforms-chat-element-learn-more:hover, +wpforms-ai-chat .wpforms-chat-item-notice > div a.wpforms-chat-element-learn-more:focus, +wpforms-ai-chat .wpforms-chat-item-warning > div a.wpforms-chat-element-learn-more:hover, +wpforms-ai-chat .wpforms-chat-item-warning > div a.wpforms-chat-element-learn-more:focus, +wpforms-ai-chat .wpforms-chat-item-error > div a.wpforms-chat-element-learn-more:hover, +wpforms-ai-chat .wpforms-chat-item-error > div a.wpforms-chat-element-learn-more:focus { + color: #5c24a9; +} + +wpforms-ai-chat .wpforms-chat-item-answer > div pre, +wpforms-ai-chat .wpforms-chat-item-notice > div pre, +wpforms-ai-chat .wpforms-chat-item-warning > div pre, +wpforms-ai-chat .wpforms-chat-item-error > div pre { + line-height: 2em; + max-width: 489px; + overflow-x: auto; + overflow-y: hidden; + width: fit-content; +} + +wpforms-ai-chat .wpforms-chat-item-error:before { + background-image: url("../../../images/integrations/ai/ai-error-icon.svg"); +} + +wpforms-ai-chat .wpforms-chat-item-error > div { + background-color: #fcf0f1; +} + +wpforms-ai-chat .wpforms-chat-item-error > div h4 { + color: #d63638; + margin: 0; +} + +wpforms-ai-chat .wpforms-chat-item-warning:before { + background-image: url("../../../images/integrations/ai/ai-warning-icon.svg"); +} + +wpforms-ai-chat .wpforms-chat-item-warning > div { + background-color: #fcf6e5; +} + +wpforms-ai-chat .wpforms-chat-item-warning > div h4 { + color: #444444; + margin: 0; +} + +wpforms-ai-chat .wpforms-chat-item-notice { + margin-top: 0; +} + +wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts { + display: flex; + flex-direction: column; + gap: 10px; + margin: 40px 0; +} + +wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li { + display: flex; + align-items: center; + gap: 15px; + margin-bottom: 0; + padding-bottom: 10px; + border-bottom: 1px solid rgba(221, 221, 221, 0.5); +} + +wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:last-child { + padding-bottom: 0; + border-bottom: none; +} + +wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li::after { + content: ''; + width: 16px; + height: 16px; + margin-inline-start: auto; + opacity: 0; +} + +wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover { + cursor: pointer; +} + +wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a { + text-decoration: underline; +} + +wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover::after { + opacity: 1; +} + +wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a { + font-size: 15px; + line-height: 22px; + color: #444444; + text-decoration: none; +} + +wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts i { + width: 20px; + height: 20px; + background-size: 20px 20px; + display: inline-block; +} + + +/* 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; +} diff --git a/assets/css/chat-element.min.css b/assets/css/chat-element.min.css new file mode 100644 index 00000000..a73360e1 --- /dev/null +++ b/assets/css/chat-element.min.css @@ -0,0 +1,86 @@ +wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange{background-color:#e27730;border-color:#e27730;color:#ffffff}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange:hover{background-color:#cd6622;border-color:#cd6622;color:#ffffff}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-sm{font-size:14px;font-weight:500;padding:0 10px;height:32px;line-height:30px}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-flag{background-image:url("../../../images/integrations/ai/flag-usa.svg")}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-clover{background-image:url("../../../images/integrations/ai/leaf-maple.svg")}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-thumbs-up{background-image:url("../../../images/integrations/ai/thumbs-up.svg")}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-globe{background-image:url("../../../images/integrations/ai/globe-americas.svg")}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-palm{background-image:url("../../../images/integrations/ai/tree-palm.svg")}wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-shop{background-image:url("../../../images/integrations/ai/store.svg")}wpforms-ai-chat{display:block;max-height:100%;height:100%;overflow:hidden}wpforms-ai-chat .wpforms-ai-chat{display:block;max-height:100%;height:100%;overflow:hidden}wpforms-ai-chat .wpforms-ai-chat-message-list{margin:0;padding:40px 40px 0 40px;display:flex;flex-direction:column;overflow:auto;height:calc( 100% - 134px);max-height:calc( 100% - 134px)}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child{margin-bottom:40px}wpforms-ai-chat .wpforms-ai-chat-message-list.wpforms-scrollbar-compact{padding-right:26px}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question{width:410px;margin-bottom:20px;margin-inline-start:auto;display:flex;height:fit-content;padding:15px 20px 15px 20px;color:#ffffff;gap:10px;border-radius:24px;border-start-end-radius:0;font-weight:500;font-size:15px;line-height:22px;overflow-wrap:anywhere}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question div>h4:first-child{margin-block-start:0}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item.wpforms-chat-item-text{white-space:pre-line}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title{font-weight:600;font-size:24px;line-height:30px;margin:0 0 10px}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title:after{content:'';display:inline-block;vertical-align:top;width:16px;height:16px;background-image:url("../../../images/integrations/ai/ai-feature.svg");background-size:16px 16px;opacity:.85;margin-left:2px}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description{color:#777777}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a{color:#999999}wpforms-ai-chat .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-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:focus{color:#444444}wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-divider{border-top:1px solid #dddddd;margin:40px 0}wpforms-ai-chat .wpforms-ai-chat-message-input{display:flex;height:134px;position:relative;padding:40px;background-color:#f8f8f8}wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"],wpforms-ai-chat .wpforms-ai-chat-message-input textarea{padding:10px 15px;padding-inline-end:54px;width:100%;height:54px;min-height:54px;font-size:16px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.07);border-radius:6px}wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]::placeholder,wpforms-ai-chat .wpforms-ai-chat-message-input textarea::placeholder{color:#999999}wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]:disabled,wpforms-ai-chat .wpforms-ai-chat-message-input textarea:disabled{background-color:#ffffff;opacity:1}wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]:focus,wpforms-ai-chat .wpforms-ai-chat-message-input textarea:focus{border:1px solid #777777;box-shadow:0 2px 2px 0 rgba(0,0,0,0.07),0 0 0 1px #777}wpforms-ai-chat .wpforms-ai-chat-message-input textarea{line-height:22px;padding:15px 40px 15px 15px;overflow-x:hidden}wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar{background:transparent;width:10px;height:10px}wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-track{background:transparent}wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2px 2px rgba(0,0,0,0);background:transparent;border-radius:10px;border:solid 3px transparent}wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-resizer,wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-button,wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-corner{display:none}@-moz-document url-prefix(){wpforms-ai-chat .wpforms-ai-chat-message-input textarea{scrollbar-color:rgba(0,0,0,0) transparent;scrollbar-gutter:initial !important;scrollbar-width:thin}}wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar{background:transparent;width:10px;height:10px}wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-track{background:transparent}wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.5);background:transparent;border-radius:10px;border:solid 3px transparent}wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-resizer,wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-button,wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-corner{display:none}@-moz-document url-prefix(){wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover{scrollbar-color:rgba(0,0,0,0.5) transparent;scrollbar-gutter:initial !important;scrollbar-width:thin}}wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send{background-image:url("../../../images/integrations/ai/icon-send.svg");background-size:16px}wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop{background-image:url("../../../images/integrations/ai/icon-stop.svg");background-size:14px}wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send,wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop{position:absolute;inset-inline-end:40px;bottom:40px;height:32px;width:32px;border:none;border-radius:4px;cursor:pointer;padding:0;margin:11px;background-repeat:no-repeat;background-position:center}wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send.wpforms-hidden,wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop.wpforms-hidden{display:none}wpforms-ai-chat .wpforms-ai-chat-answer-buttons{border-top:1px solid rgba(221,221,221,0.5);padding-top:20px;display:flex;gap:15px;justify-content:space-between;align-items:center}wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action,wpforms-ai-chat .wpforms-ai-chat-answer-buttons a.wpforms-ai-chat-answer-learn-more{border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;border:none;text-decoration:none}wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action span,wpforms-ai-chat .wpforms-ai-chat-answer-buttons a.wpforms-ai-chat-answer-learn-more span{font-size:14px;font-weight:500}wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action::before{content:'';display:inline-block;width:12px;height:14px;background-image:url("../../../images/integrations/ai/insert.svg");background-size:12px 14px;opacity:.65}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response{display:flex;gap:12px;align-items:center}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button{background-color:transparent;border:none;padding:0;margin:0;line-height:16px;cursor:pointer}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike{width:18px;height:16px;background-image:url("../../../images/integrations/ai/thumbs-down.svg");background-size:18px 16px}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike:hover,wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike:focus{background-image:url("../../../images/integrations/ai/thumbs-down-hover.svg")}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike.clicked{background-image:url("../../../images/integrations/ai/thumbs-down-solid.svg");cursor:default}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh{color:#999999;font-size:16px}wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh:hover,wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh:focus{color:#d63638}wpforms-ai-chat .wpforms-chat-item-answer-waiting{display:flex;gap:5px;margin:0 0 20px 0}wpforms-ai-chat .wpforms-chat-item-answer-waiting:before{content:'';display:inline-block;vertical-align:middle;width:32px;height:32px;background-image:url("../../../images/integrations/ai/ai-answer-icon.svg");background-size:32px 32px}wpforms-ai-chat .wpforms-chat-item-answer-waiting .wpforms-chat-item-spinner{height:50px;width:82px;display:flex;justify-content:center;align-items:center;color:#999999;background-color:#f8f8f8;border-radius:0 24px 24px 24px}wpforms-ai-chat .wpforms-chat-item-answer,wpforms-ai-chat .wpforms-chat-item-notice,wpforms-ai-chat .wpforms-chat-item-warning,wpforms-ai-chat .wpforms-chat-item-error{gap:8px;display:flex;font-size:15px;line-height:15px;text-align:left;margin:0 0 20px 0;height:fit-content}wpforms-ai-chat .wpforms-chat-item-answer:before,wpforms-ai-chat .wpforms-chat-item-notice:before,wpforms-ai-chat .wpforms-chat-item-warning:before,wpforms-ai-chat .wpforms-chat-item-error:before{content:'';display:inline-block;vertical-align:middle;max-width:32px;width:100%;height:32px;background-image:url("../../../images/integrations/ai/ai-answer-icon.svg");background-size:32px 32px;background-repeat:no-repeat}wpforms-ai-chat .wpforms-chat-item-answer>div,wpforms-ai-chat .wpforms-chat-item-notice>div,wpforms-ai-chat .wpforms-chat-item-warning>div,wpforms-ai-chat .wpforms-chat-item-error>div{flex-grow:1;padding:20px;display:flex;flex-direction:column;color:#444444;background-color:#f8f8f8;gap:10px;border-radius:24px;border-start-start-radius:0}wpforms-ai-chat .wpforms-chat-item-answer>div h4,wpforms-ai-chat .wpforms-chat-item-notice>div h4,wpforms-ai-chat .wpforms-chat-item-warning>div h4,wpforms-ai-chat .wpforms-chat-item-error>div h4{font-size:15px;font-weight:500;margin:5px 0;text-align:start}wpforms-ai-chat .wpforms-chat-item-answer>div ol,wpforms-ai-chat .wpforms-chat-item-notice>div ol,wpforms-ai-chat .wpforms-chat-item-warning>div ol,wpforms-ai-chat .wpforms-chat-item-error>div ol{display:flex;flex-direction:column;list-style:decimal;align-items:flex-start;gap:15px;padding-inline-start:20px;margin:10px 0;line-height:22px}wpforms-ai-chat .wpforms-chat-item-answer>div ol li,wpforms-ai-chat .wpforms-chat-item-notice>div ol li,wpforms-ai-chat .wpforms-chat-item-warning>div ol li,wpforms-ai-chat .wpforms-chat-item-error>div ol li{margin:0;word-break:break-all}wpforms-ai-chat .wpforms-chat-item-answer>div>span,wpforms-ai-chat .wpforms-chat-item-notice>div>span,wpforms-ai-chat .wpforms-chat-item-warning>div>span,wpforms-ai-chat .wpforms-chat-item-error>div>span{line-height:22px;text-align:start}wpforms-ai-chat .wpforms-chat-item-answer>div>span.wpforms-ai-chat-answer-footer-learn-more,wpforms-ai-chat .wpforms-chat-item-notice>div>span.wpforms-ai-chat-answer-footer-learn-more,wpforms-ai-chat .wpforms-chat-item-warning>div>span.wpforms-ai-chat-answer-footer-learn-more,wpforms-ai-chat .wpforms-chat-item-error>div>span.wpforms-ai-chat-answer-footer-learn-more{font-weight:500}wpforms-ai-chat .wpforms-chat-item-answer>div a.wpforms-chat-element-learn-more,wpforms-ai-chat .wpforms-chat-item-notice>div a.wpforms-chat-element-learn-more,wpforms-ai-chat .wpforms-chat-item-warning>div a.wpforms-chat-element-learn-more,wpforms-ai-chat .wpforms-chat-item-error>div a.wpforms-chat-element-learn-more{color:#7a30e2}wpforms-ai-chat .wpforms-chat-item-answer>div a.wpforms-chat-element-learn-more:hover,wpforms-ai-chat .wpforms-chat-item-answer>div a.wpforms-chat-element-learn-more:focus,wpforms-ai-chat .wpforms-chat-item-notice>div a.wpforms-chat-element-learn-more:hover,wpforms-ai-chat .wpforms-chat-item-notice>div a.wpforms-chat-element-learn-more:focus,wpforms-ai-chat .wpforms-chat-item-warning>div a.wpforms-chat-element-learn-more:hover,wpforms-ai-chat .wpforms-chat-item-warning>div a.wpforms-chat-element-learn-more:focus,wpforms-ai-chat .wpforms-chat-item-error>div a.wpforms-chat-element-learn-more:hover,wpforms-ai-chat .wpforms-chat-item-error>div a.wpforms-chat-element-learn-more:focus{color:#5c24a9}wpforms-ai-chat .wpforms-chat-item-answer>div pre,wpforms-ai-chat .wpforms-chat-item-notice>div pre,wpforms-ai-chat .wpforms-chat-item-warning>div pre,wpforms-ai-chat .wpforms-chat-item-error>div pre{line-height:2em;max-width:489px;overflow-x:auto;overflow-y:hidden;width:fit-content}wpforms-ai-chat .wpforms-chat-item-error:before{background-image:url("../../../images/integrations/ai/ai-error-icon.svg")}wpforms-ai-chat .wpforms-chat-item-error>div{background-color:#fcf0f1}wpforms-ai-chat .wpforms-chat-item-error>div h4{color:#d63638;margin:0}wpforms-ai-chat .wpforms-chat-item-warning:before{background-image:url("../../../images/integrations/ai/ai-warning-icon.svg")}wpforms-ai-chat .wpforms-chat-item-warning>div{background-color:#fcf6e5}wpforms-ai-chat .wpforms-chat-item-warning>div h4{color:#444444;margin:0}wpforms-ai-chat .wpforms-chat-item-notice{margin-top:0}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts{display:flex;flex-direction:column;gap:10px;margin:40px 0}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li{display:flex;align-items:center;gap:15px;margin-bottom:0;padding-bottom:10px;border-bottom:1px solid rgba(221,221,221,0.5)}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:last-child{padding-bottom:0;border-bottom:none}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li::after{content:'';width:16px;height:16px;margin-inline-start:auto;opacity:0}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover{cursor:pointer}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a{text-decoration:underline}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover::after{opacity:1}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a{font-size:15px;line-height:22px;color:#444444;text-decoration:none}wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts i{width:20px;height:20px;background-size:20px 20px;display:inline-block} + + +/* 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; +} diff --git a/assets/css/checkout-labels-as-placeholders-rtl.css b/assets/css/checkout-labels-as-placeholders-rtl.css new file mode 100644 index 00000000..2bf43794 --- /dev/null +++ b/assets/css/checkout-labels-as-placeholders-rtl.css @@ -0,0 +1,162 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-checkout-labels-as-placeholders form #customer_details .form-row { + position: relative; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row label { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + position: absolute; + transition: all .2s ease-out; + font-size: 12px; + margin-top: .5em; + padding: 0 1.02em; + line-height: 1.625; + opacity: 0; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label label { + opacity: 1; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label #billing_address_2, +.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label #shipping_address_2 { + padding: .75em .8em; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row .wc-terms-and-conditions label, +.ast-checkout-labels-as-placeholders form #customer_details .form-row fieldset label { + position: relative; + opacity: 1; + line-height: 2; + font-weight: bold; + font-size: 13.5px; + font-size: 0.9rem; + padding: 0; + pointer-events: auto; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row label.checkbox { + position: relative; + opacity: 1; + line-height: 2; + font-weight: bold; + font-size: 13.5px; + font-size: 0.9rem; + padding: 0; + pointer-events: auto; +} + +.ast-checkout-labels-as-placeholders form input[type="text"], +.ast-checkout-labels-as-placeholders form input[type="email"], +.ast-checkout-labels-as-placeholders form input[type="tel"], +.ast-checkout-labels-as-placeholders form input[type="number"], +.ast-checkout-labels-as-placeholders form input[type="password"], +.ast-checkout-labels-as-placeholders form select, +.ast-checkout-labels-as-placeholders form textarea { + padding: .75em .8em; + transition: all .2s ease; + box-sizing: border-box; + font-size: 16px; + line-height: normal; +} + +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="text"], +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="email"], +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="tel"], +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="number"], +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="password"], +.ast-checkout-labels-as-placeholders form .ast-float-label select, +.ast-checkout-labels-as-placeholders form .ast-float-label textarea { + padding: 1.3em 0.8em 0.2em 0.8em; +} + + +/* 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; +} diff --git a/assets/css/checkout-labels-as-placeholders-rtl.min.css b/assets/css/checkout-labels-as-placeholders-rtl.min.css new file mode 100644 index 00000000..31855c03 --- /dev/null +++ b/assets/css/checkout-labels-as-placeholders-rtl.min.css @@ -0,0 +1,85 @@ +.ast-checkout-labels-as-placeholders form #customer_details .form-row{position:relative}.ast-checkout-labels-as-placeholders form #customer_details .form-row label{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;transition:all .2s ease-out;font-size:12px;margin-top:.5em;padding:0 1.02em;line-height:1.625;opacity:0}.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label label{opacity:1}.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label #billing_address_2,.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label #shipping_address_2{padding:.75em .8em}.ast-checkout-labels-as-placeholders form #customer_details .form-row .wc-terms-and-conditions label,.ast-checkout-labels-as-placeholders form #customer_details .form-row fieldset label{position:relative;opacity:1;line-height:2;font-weight:700;font-size:13.5px;font-size:.9rem;padding:0;pointer-events:auto}.ast-checkout-labels-as-placeholders form #customer_details .form-row label.checkbox{position:relative;opacity:1;line-height:2;font-weight:700;font-size:13.5px;font-size:.9rem;padding:0;pointer-events:auto}.ast-checkout-labels-as-placeholders form input[type=email],.ast-checkout-labels-as-placeholders form input[type=number],.ast-checkout-labels-as-placeholders form input[type=password],.ast-checkout-labels-as-placeholders form input[type=tel],.ast-checkout-labels-as-placeholders form input[type=text],.ast-checkout-labels-as-placeholders form select,.ast-checkout-labels-as-placeholders form textarea{padding:.75em .8em;transition:all .2s ease;box-sizing:border-box;font-size:16px;line-height:normal}.ast-checkout-labels-as-placeholders form .ast-float-label input[type=email],.ast-checkout-labels-as-placeholders form .ast-float-label input[type=number],.ast-checkout-labels-as-placeholders form .ast-float-label input[type=password],.ast-checkout-labels-as-placeholders form .ast-float-label input[type=tel],.ast-checkout-labels-as-placeholders form .ast-float-label input[type=text],.ast-checkout-labels-as-placeholders form .ast-float-label select,.ast-checkout-labels-as-placeholders form .ast-float-label textarea{padding:1.3em .8em .2em .8em} + +/* 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; +} diff --git a/assets/css/checkout-labels-as-placeholders.css b/assets/css/checkout-labels-as-placeholders.css new file mode 100644 index 00000000..2bf43794 --- /dev/null +++ b/assets/css/checkout-labels-as-placeholders.css @@ -0,0 +1,162 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-checkout-labels-as-placeholders form #customer_details .form-row { + position: relative; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row label { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + position: absolute; + transition: all .2s ease-out; + font-size: 12px; + margin-top: .5em; + padding: 0 1.02em; + line-height: 1.625; + opacity: 0; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label label { + opacity: 1; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label #billing_address_2, +.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label #shipping_address_2 { + padding: .75em .8em; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row .wc-terms-and-conditions label, +.ast-checkout-labels-as-placeholders form #customer_details .form-row fieldset label { + position: relative; + opacity: 1; + line-height: 2; + font-weight: bold; + font-size: 13.5px; + font-size: 0.9rem; + padding: 0; + pointer-events: auto; +} + +.ast-checkout-labels-as-placeholders form #customer_details .form-row label.checkbox { + position: relative; + opacity: 1; + line-height: 2; + font-weight: bold; + font-size: 13.5px; + font-size: 0.9rem; + padding: 0; + pointer-events: auto; +} + +.ast-checkout-labels-as-placeholders form input[type="text"], +.ast-checkout-labels-as-placeholders form input[type="email"], +.ast-checkout-labels-as-placeholders form input[type="tel"], +.ast-checkout-labels-as-placeholders form input[type="number"], +.ast-checkout-labels-as-placeholders form input[type="password"], +.ast-checkout-labels-as-placeholders form select, +.ast-checkout-labels-as-placeholders form textarea { + padding: .75em .8em; + transition: all .2s ease; + box-sizing: border-box; + font-size: 16px; + line-height: normal; +} + +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="text"], +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="email"], +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="tel"], +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="number"], +.ast-checkout-labels-as-placeholders form .ast-float-label input[type="password"], +.ast-checkout-labels-as-placeholders form .ast-float-label select, +.ast-checkout-labels-as-placeholders form .ast-float-label textarea { + padding: 1.3em 0.8em 0.2em 0.8em; +} + + +/* 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; +} diff --git a/assets/css/checkout-labels-as-placeholders.min.css b/assets/css/checkout-labels-as-placeholders.min.css new file mode 100644 index 00000000..31855c03 --- /dev/null +++ b/assets/css/checkout-labels-as-placeholders.min.css @@ -0,0 +1,85 @@ +.ast-checkout-labels-as-placeholders form #customer_details .form-row{position:relative}.ast-checkout-labels-as-placeholders form #customer_details .form-row label{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;transition:all .2s ease-out;font-size:12px;margin-top:.5em;padding:0 1.02em;line-height:1.625;opacity:0}.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label label{opacity:1}.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label #billing_address_2,.ast-checkout-labels-as-placeholders form #customer_details .form-row.ast-float-label #shipping_address_2{padding:.75em .8em}.ast-checkout-labels-as-placeholders form #customer_details .form-row .wc-terms-and-conditions label,.ast-checkout-labels-as-placeholders form #customer_details .form-row fieldset label{position:relative;opacity:1;line-height:2;font-weight:700;font-size:13.5px;font-size:.9rem;padding:0;pointer-events:auto}.ast-checkout-labels-as-placeholders form #customer_details .form-row label.checkbox{position:relative;opacity:1;line-height:2;font-weight:700;font-size:13.5px;font-size:.9rem;padding:0;pointer-events:auto}.ast-checkout-labels-as-placeholders form input[type=email],.ast-checkout-labels-as-placeholders form input[type=number],.ast-checkout-labels-as-placeholders form input[type=password],.ast-checkout-labels-as-placeholders form input[type=tel],.ast-checkout-labels-as-placeholders form input[type=text],.ast-checkout-labels-as-placeholders form select,.ast-checkout-labels-as-placeholders form textarea{padding:.75em .8em;transition:all .2s ease;box-sizing:border-box;font-size:16px;line-height:normal}.ast-checkout-labels-as-placeholders form .ast-float-label input[type=email],.ast-checkout-labels-as-placeholders form .ast-float-label input[type=number],.ast-checkout-labels-as-placeholders form .ast-float-label input[type=password],.ast-checkout-labels-as-placeholders form .ast-float-label input[type=tel],.ast-checkout-labels-as-placeholders form .ast-float-label input[type=text],.ast-checkout-labels-as-placeholders form .ast-float-label select,.ast-checkout-labels-as-placeholders form .ast-float-label textarea{padding:1.3em .8em .2em .8em} + +/* 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; +} diff --git a/assets/css/choices.css b/assets/css/choices.css new file mode 100644 index 00000000..2678ab08 --- /dev/null +++ b/assets/css/choices.css @@ -0,0 +1,575 @@ +div.wpforms-container .wpforms-form .choices { + position: relative; + margin-bottom: 24px; +} + +div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder { + color: #999999; +} + +div.wpforms-container .wpforms-form .choices ::-moz-placeholder { + color: #999999; + opacity: 1; +} + +div.wpforms-container .wpforms-form .choices ::placeholder { + color: #999999; +} + +div.wpforms-container .wpforms-form .choices:focus { + outline: none; +} + +div.wpforms-container .wpforms-form .choices:last-child { + margin-bottom: 0; +} + +div.wpforms-container .wpforms-form .choices.is-disabled .choices__inner, +div.wpforms-container .wpforms-form .choices.is-disabled .choices__input { + background-color: #bbbbbb; + cursor: not-allowed; + user-select: none; +} + +div.wpforms-container .wpforms-form .choices [hidden] { + display: none !important; +} + +div.wpforms-container .wpforms-form .choices * { + box-sizing: border-box; +} + +div.wpforms-container .wpforms-form .choices.is-open .choices__inner { + border-radius: 4px 4px 0 0; +} + +div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner { + border-radius: 0 0 4px 4px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] { + cursor: pointer; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__inner { + display: flex; + flex-wrap: wrap; + align-items: center; + padding-top: 0 !important; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input { + display: block; + width: calc(100% - 20px) !important; + margin: 10px !important; + padding: 7px 12px !important; + box-sizing: border-box !important; + border: 1px solid #8c8f94 !important; + border-radius: 4px !important; + background-color: #fff; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus { + border: 1px solid #056aab !important; + box-shadow: 0 0 0 1px #056aab !important; + outline: none !important; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button { + background-image: url("../images/cross-inverse.svg"); + padding: 0; + background-size: 8px; + position: absolute; + top: 50%; + right: 0; + margin-top: -10px; + margin-right: 25px; + height: 20px; + width: 20px; + border-radius: 10em; + opacity: .5; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:hover, div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus { + opacity: 1; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus { + box-shadow: 0 0 0 2px #036aab; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button { + display: none; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after { + content: ""; + height: 0; + width: 0; + border-style: solid; + border-color: currentColor transparent transparent transparent; + border-width: 5px; + position: absolute; + inset-inline-end: 11.5px; + top: 50%; + margin-top: -2.5px; + pointer-events: none; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after { + border-color: transparent transparent currentColor transparent; + margin-top: -7.5px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"]:after { + left: 11.5px; + right: auto; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"] .choices__button { + right: auto; + left: 0; + margin-left: 25px; + margin-right: 0; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner { + padding-right: 24px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input { + padding: 0 4px !important; + max-width: 100%; + background-color: transparent; + line-height: 22px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"]:after { + content: ""; + height: 0; + width: 0; + border-style: solid; + border-color: currentColor transparent transparent transparent; + border-width: 5px; + position: absolute; + inset-inline-end: 11.5px; + top: 50%; + margin-top: -1.5px; + pointer-events: none; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"].is-open:after { + border-color: transparent transparent currentColor transparent; + margin-top: -7.5px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner, +div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__inner { + cursor: text; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button, +div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button { + position: absolute; + display: inline-block; + vertical-align: baseline; + margin-top: 0; + margin-bottom: 0; + margin-inline-start: 5px; + padding: 0; + background-color: transparent; + background-image: url("../images/cross.svg"); + background-size: 12px; + background-position: center center; + background-repeat: no-repeat; + width: 12px; + height: 12px; + line-height: 1; + opacity: .75; + border-radius: 0; + inset-inline-end: 4px; +} + +div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:hover, div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:focus, +div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:hover, +div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:focus { + opacity: 1; +} + +div.wpforms-container .wpforms-form .choices__inner { + width: 100%; + background-color: #ffffff; + padding: 4px 6px 0; + border: 1px solid #8c8f94; + overflow: hidden; + border-radius: 4px; +} + +div.wpforms-container .wpforms-form .choices__list { + margin: 0; + padding-left: 0; + list-style: none; +} + +div.wpforms-container .wpforms-form .choices__list--single { + display: inline-block; + vertical-align: baseline; + width: 100%; + padding: 0 16px 0 4px; + font-size: 0.875em; +} + +div.wpforms-container .wpforms-form .choices__list--single .choices__item { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + padding-right: 20px; + white-space: nowrap; + color: #2c3338; +} + +div.wpforms-container .wpforms-form .choices__list--single .choices__item[data-value=''] { + padding-right: 0; +} + +div.wpforms-container .wpforms-form .choices__list--multiple { + display: inline; + height: auto; + overflow: auto; +} + +div.wpforms-container .wpforms-form .choices__list--multiple .choices__item { + display: inline-block; + vertical-align: middle; + position: relative; + align-items: center; + border-radius: 2px; + padding-block: 4px; + padding-inline: 7px 20px; + font-size: .75em; + line-height: 1; + font-weight: 400; + margin: 0 6px 4px 0; + background-color: #036aab; + border: 1px solid #036aab; + color: #ffffff; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: calc(100% - 10px); +} + +div.wpforms-container .wpforms-form .choices__list--multiple .choices__item.is-highlighted { + background-color: #036aab; +} + +div.wpforms-container .wpforms-form .is-disabled .choices__list--multiple .choices__item { + background-color: #bbbbbb; + border: 1px solid #bbbbbb; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown { + display: none; + z-index: 101; + position: absolute; + width: 100%; + background-color: #ffffff; + border: 1px solid #8c8f94; + top: 100%; + margin-top: -1px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + overflow: hidden; + overflow-wrap: break-word; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown.is-active { + display: block; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list { + position: relative; + max-height: 300px; + overflow: auto; + -webkit-overflow-scrolling: touch; + will-change: scroll-position; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item { + position: relative; + vertical-align: top; + padding: 10px; + font-size: .875em; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted { + background-color: #f6f6f6; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted:after { + opacity: .5; +} + +div.wpforms-container .wpforms-form .choices__list--dropdown .choices__placeholder { + display: none; +} + +div.wpforms-container .wpforms-form .is-flipped .choices__list--dropdown { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: -1px; + border-radius: 4px 4px 0 0; +} + +div.wpforms-container .wpforms-form .choices__item { + cursor: default; +} + +div.wpforms-container .wpforms-form .choices__item--selectable { + cursor: pointer; +} + +div.wpforms-container .wpforms-form .choices__item--disabled { + cursor: not-allowed; + user-select: none; + opacity: .5; +} + +div.wpforms-container .wpforms-form .choices__heading { + font-weight: 600; + font-size: .75em; + text-transform: uppercase; + padding: 10px; + border-top: 1px solid #b4b6b9; + border-bottom: 1px solid #b4b6b9; + color: #a6a6a6; +} + +.choices__group[data-value="hidden"] > div.wpforms-container .wpforms-form .choices__heading { + display: none; +} + +div.wpforms-container .wpforms-form .choices__button { + text-indent: -9999px; + -webkit-appearance: none; + appearance: none; + border: 0; + background-color: transparent; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; +} + +div.wpforms-container .wpforms-form .choices__button:focus { + outline: none; +} + +div.wpforms-container .wpforms-form .choices__input { + display: inline-block; + background-color: transparent; + margin: 0 0 2px 0 !important; + border: 0 !important; + border-radius: 0 !important; + min-height: 20px !important; + padding: 2px 4px !important; + height: auto !important; + min-width: 1ch; + width: 1ch; + vertical-align: middle; +} + +div.wpforms-container .wpforms-form .choices__input::-webkit-search-cancel-button { + display: none; +} + +div.wpforms-container .wpforms-form .choices__input--hidden { + clip: rect(1px, 1px, 1px, 1px) !important; + clip-path: inset(50%) !important; + height: 1px !important; + margin: -1px !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + width: 1px !important; + min-width: auto !important; + word-wrap: normal !important; +} + +div.wpforms-container .wpforms-form .choices .choices__inner input.choices__input:focus { + outline: none !important; + box-shadow: none !important; + border: none !important; +} + +div.wpforms-container .wpforms-form .choices__placeholder { + opacity: .5; +} + +div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner { + border-radius: 4px 4px 0 0; +} + +div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown { + border-radius: inherit; +} + +div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after { + border: none; + background: #ffffff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center; + background-size: 16px 16px; + cursor: pointer; + width: 16px; + height: 16px; + top: 13px; + right: 8px; + margin-top: 0; +} + +div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after { + transform: rotate(180deg); +} + +div.wpforms-container .wpforms-form .choices__list--dropdown { + min-width: 250px; +} + +div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="select-multiple"] .choices__button, div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="text"] .choices__button { + border-left: 1px solid rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} + +div.wpforms-container .wpforms-form .choices ::placeholder, +div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder { + opacity: 1; +} + +div.wpforms-container .wpforms-form .choices { + margin-bottom: 0; +} + +body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner { + padding-right: 4px; + padding-left: 24px; +} + +body.rtl div.wpforms-container .wpforms-form .choices__list--single { + padding-right: 4px; + padding-left: 16px; +} + +body.rtl div.wpforms-container .wpforms-form .choices__list--multiple .choices__item { + margin-right: 0; + margin-left: 3.75px; +} + +body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item { + text-align: right; +} + +body.rtl div.wpforms-container .wpforms-form .choices__input { + padding-right: 2px !important; + padding-left: 0 !important; +} + +body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button, body.rtl div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button { + margin-inline-end: 0; + border-left: none; +} + +@media (min-width: 640px) { + body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable { + text-align: right; + padding-left: 100px; + padding-right: 10px; + } + body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable:after { + right: auto; + left: 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; +} diff --git a/assets/css/choices.min.css b/assets/css/choices.min.css new file mode 100644 index 00000000..ad936790 --- /dev/null +++ b/assets/css/choices.min.css @@ -0,0 +1,86 @@ +div.wpforms-container .wpforms-form .choices{position:relative;margin-bottom:24px}div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder{color:#999999}div.wpforms-container .wpforms-form .choices ::-moz-placeholder{color:#999999;opacity:1}div.wpforms-container .wpforms-form .choices ::placeholder{color:#999999}div.wpforms-container .wpforms-form .choices:focus{outline:none}div.wpforms-container .wpforms-form .choices:last-child{margin-bottom:0}div.wpforms-container .wpforms-form .choices.is-disabled .choices__inner,div.wpforms-container .wpforms-form .choices.is-disabled .choices__input{background-color:#bbbbbb;cursor:not-allowed;user-select:none}div.wpforms-container .wpforms-form .choices [hidden]{display:none !important}div.wpforms-container .wpforms-form .choices *{box-sizing:border-box}div.wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:4px 4px 0 0}div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner{border-radius:0 0 4px 4px}div.wpforms-container .wpforms-form .choices[data-type*="select-one"]{cursor:pointer}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__inner{display:flex;flex-wrap:wrap;align-items:center;padding-top:0 !important}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input{display:block;width:calc(100% - 20px) !important;margin:10px !important;padding:7px 12px !important;box-sizing:border-box !important;border:1px solid #8c8f94 !important;border-radius:4px !important;background-color:#fff}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus{border:1px solid #056aab !important;box-shadow:0 0 0 1px #056aab !important;outline:none !important}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button{background-image:url("../images/cross-inverse.svg");padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:hover,div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus{opacity:1}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus{box-shadow:0 0 0 2px #036aab}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button{display:none}div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"]:after{left:11.5px;right:auto}div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner{padding-right:24px}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input{padding:0 4px !important;max-width:100%;background-color:transparent;line-height:22px}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-1.5px;pointer-events:none}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner,div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__inner{cursor:text}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button{position:absolute;display:inline-block;vertical-align:baseline;margin-top:0;margin-bottom:0;margin-inline-start:5px;padding:0;background-color:transparent;background-image:url("../images/cross.svg");background-size:12px;background-position:center center;background-repeat:no-repeat;width:12px;height:12px;line-height:1;opacity:.75;border-radius:0;inset-inline-end:4px}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:hover,div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:focus,div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:hover,div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:focus{opacity:1}div.wpforms-container .wpforms-form .choices__inner{width:100%;background-color:#ffffff;padding:4px 6px 0;border:1px solid #8c8f94;overflow:hidden;border-radius:4px}div.wpforms-container .wpforms-form .choices__list{margin:0;padding-left:0;list-style:none}div.wpforms-container .wpforms-form .choices__list--single{display:inline-block;vertical-align:baseline;width:100%;padding:0 16px 0 4px;font-size:0.875em}div.wpforms-container .wpforms-form .choices__list--single .choices__item{width:100%;overflow:hidden;text-overflow:ellipsis;padding-right:20px;white-space:nowrap;color:#2c3338}div.wpforms-container .wpforms-form .choices__list--single .choices__item[data-value='']{padding-right:0}div.wpforms-container .wpforms-form .choices__list--multiple{display:inline;height:auto;overflow:auto}div.wpforms-container .wpforms-form .choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;position:relative;align-items:center;border-radius:2px;padding-block:4px;padding-inline:7px 20px;font-size:.75em;line-height:1;font-weight:400;margin:0 6px 4px 0;background-color:#036aab;border:1px solid #036aab;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 10px)}div.wpforms-container .wpforms-form .choices__list--multiple .choices__item.is-highlighted{background-color:#036aab}div.wpforms-container .wpforms-form .is-disabled .choices__list--multiple .choices__item{background-color:#bbbbbb;border:1px solid #bbbbbb}div.wpforms-container .wpforms-form .choices__list--dropdown{display:none;z-index:101;position:absolute;width:100%;background-color:#ffffff;border:1px solid #8c8f94;top:100%;margin-top:-1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;overflow-wrap:break-word}div.wpforms-container .wpforms-form .choices__list--dropdown.is-active{display:block}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{position:relative;vertical-align:top;padding:10px;font-size:.875em}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f6f6f6}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}div.wpforms-container .wpforms-form .choices__list--dropdown .choices__placeholder{display:none}div.wpforms-container .wpforms-form .is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:4px 4px 0 0}div.wpforms-container .wpforms-form .choices__item{cursor:default}div.wpforms-container .wpforms-form .choices__item--selectable{cursor:pointer}div.wpforms-container .wpforms-form .choices__item--disabled{cursor:not-allowed;user-select:none;opacity:.5}div.wpforms-container .wpforms-form .choices__heading{font-weight:600;font-size:.75em;text-transform:uppercase;padding:10px;border-top:1px solid #b4b6b9;border-bottom:1px solid #b4b6b9;color:#a6a6a6}.choices__group[data-value="hidden"]>div.wpforms-container .wpforms-form .choices__heading{display:none}div.wpforms-container .wpforms-form .choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}div.wpforms-container .wpforms-form .choices__button:focus{outline:none}div.wpforms-container .wpforms-form .choices__input{display:inline-block;background-color:transparent;margin:0 0 2px 0 !important;border:0 !important;border-radius:0 !important;min-height:20px !important;padding:2px 4px !important;height:auto !important;min-width:1ch;width:1ch;vertical-align:middle}div.wpforms-container .wpforms-form .choices__input::-webkit-search-cancel-button{display:none}div.wpforms-container .wpforms-form .choices__input--hidden{clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;min-width:auto !important;word-wrap:normal !important}div.wpforms-container .wpforms-form .choices .choices__inner input.choices__input:focus{outline:none !important;box-shadow:none !important;border:none !important}div.wpforms-container .wpforms-form .choices__placeholder{opacity:.5}div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner{border-radius:4px 4px 0 0}div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown{border-radius:inherit}div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after{border:none;background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center;background-size:16px 16px;cursor:pointer;width:16px;height:16px;top:13px;right:8px;margin-top:0}div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after{transform:rotate(180deg)}div.wpforms-container .wpforms-form .choices__list--dropdown{min-width:250px}div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="select-multiple"] .choices__button,div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="text"] .choices__button{border-left:1px solid rgba(0,0,0,0.25);cursor:not-allowed}div.wpforms-container .wpforms-form .choices ::placeholder,div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder{opacity:1}div.wpforms-container .wpforms-form .choices{margin-bottom:0}body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner{padding-right:4px;padding-left:24px}body.rtl div.wpforms-container .wpforms-form .choices__list--single{padding-right:4px;padding-left:16px}body.rtl div.wpforms-container .wpforms-form .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{text-align:right}body.rtl div.wpforms-container .wpforms-form .choices__input{padding-right:2px !important;padding-left:0 !important}body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,body.rtl div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button{margin-inline-end:0;border-left:none}@media (min-width: 640px){body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button{background-image:url("../../../images/cross.svg")}div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button{background-image:url("../../../images/cross-inverse.svg")}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices{position:relative;margin-bottom:24px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder{color:#999999}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::-moz-placeholder{color:#999999;opacity:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::placeholder{color:#999999}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices:focus{outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices:last-child{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled .choices__input{background-color:#bbbbbb;cursor:not-allowed;user-select:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices [hidden]{display:none !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices *{box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:4px 4px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner{border-radius:0 0 4px 4px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"]{cursor:pointer}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__inner{display:flex;flex-wrap:wrap;align-items:center;padding-top:0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input{display:block;width:calc(100% - 20px) !important;margin:10px !important;padding:7px 12px !important;box-sizing:border-box !important;border:1px solid #8c8f94 !important;border-radius:4px !important;background-color:#fff}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus{border:1px solid #056aab !important;box-shadow:0 0 0 1px #056aab !important;outline:none !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button{background-image:url("../images/cross-inverse.svg");padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus{opacity:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus{box-shadow:0 0 0 2px #036aab}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"]:after{left:11.5px;right:auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner{padding-right:24px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input{padding:0 4px !important;max-width:100%;background-color:transparent;line-height:22px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"]:after{content:"";height:0;width:0;border-style:solid;border-color:currentColor transparent transparent transparent;border-width:5px;position:absolute;inset-inline-end:11.5px;top:50%;margin-top:-1.5px;pointer-events:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"].is-open:after{border-color:transparent transparent currentColor transparent;margin-top:-7.5px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__inner{cursor:text}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button{position:absolute;display:inline-block;vertical-align:baseline;margin-top:0;margin-bottom:0;margin-inline-start:5px;padding:0;background-color:transparent;background-image:url("../images/cross.svg");background-size:12px;background-position:center center;background-repeat:no-repeat;width:12px;height:12px;line-height:1;opacity:.75;border-radius:0;inset-inline-end:4px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:focus{opacity:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__inner{width:100%;background-color:#ffffff;padding:4px 6px 0;border:1px solid #8c8f94;overflow:hidden;border-radius:4px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list{margin:0;padding-left:0;list-style:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--single{display:inline-block;vertical-align:baseline;width:100%;padding:0 16px 0 4px;font-size:0.875em}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--single .choices__item{width:100%;overflow:hidden;text-overflow:ellipsis;padding-right:20px;white-space:nowrap;color:#2c3338}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--single .choices__item[data-value='']{padding-right:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--multiple{display:inline;height:auto;overflow:auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;position:relative;align-items:center;border-radius:2px;padding-block:4px;padding-inline:7px 20px;font-size:.75em;line-height:1;font-weight:400;margin:0 6px 4px 0;background-color:#036aab;border:1px solid #036aab;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 10px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--multiple .choices__item.is-highlighted{background-color:#036aab}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .is-disabled .choices__list--multiple .choices__item{background-color:#bbbbbb;border:1px solid #bbbbbb}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown{display:none;z-index:101;position:absolute;width:100%;background-color:#ffffff;border:1px solid #8c8f94;top:100%;margin-top:-1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;overflow-wrap:break-word}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown.is-active{display:block}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{position:relative;vertical-align:top;padding:10px;font-size:.875em}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f6f6f6}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__placeholder{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:4px 4px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__item{cursor:default}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__item--selectable{cursor:pointer}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__item--disabled{cursor:not-allowed;user-select:none;opacity:.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__heading{font-weight:600;font-size:.75em;text-transform:uppercase;padding:10px;border-top:1px solid #b4b6b9;border-bottom:1px solid #b4b6b9;color:#a6a6a6}.et-db #et-boc .et-l .et_pb_module .choices__group[data-value="hidden"]>div.wpforms-container .wpforms-form .choices__heading{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__button:focus{outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__input{display:inline-block;background-color:transparent;margin:0 0 2px 0 !important;border:0 !important;border-radius:0 !important;min-height:20px !important;padding:2px 4px !important;height:auto !important;min-width:1ch;width:1ch;vertical-align:middle}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__input::-webkit-search-cancel-button{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__input--hidden{clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;min-width:auto !important;word-wrap:normal !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner input.choices__input:focus{outline:none !important;box-shadow:none !important;border:none !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__placeholder{opacity:.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner{border-radius:4px 4px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown{border-radius:inherit}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after{border:none;background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center;background-size:16px 16px;cursor:pointer;width:16px;height:16px;top:13px;right:8px;margin-top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after{transform:rotate(180deg)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown{min-width:250px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="select-multiple"] .choices__button,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="text"] .choices__button{border-left:1px solid rgba(0,0,0,0.25);cursor:not-allowed}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder{opacity:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner{padding-right:4px;padding-left:24px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--single{padding-right:4px;padding-left:16px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__input{padding-right:2px !important;padding-left:0 !important}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button{margin-inline-end:0;border-left:none}@media (min-width: 640px){.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled .choices__input{background-color:#f9f9f9;border-color:#dddddd;cursor:not-allowed}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button{background-image:url("../../../images/cross.svg")}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button{background-image:url("../../../images/cross-inverse.svg");cursor:not-allowed} + + +/* 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; +} diff --git a/assets/css/classic.css b/assets/css/classic.css new file mode 100644 index 00000000..9a673cfd --- /dev/null +++ b/assets/css/classic.css @@ -0,0 +1,926 @@ +body, +.body { + height: 100% !important; + margin: 0; + Margin: 0; + padding: 0; + width: 100% !important; + min-width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + +img { + outline: none; + text-decoration: none; + -ms-interpolation-mode: bicubic; + width: auto; + max-width: 100%; + clear: both; + display: block; +} + +a img { + border: none; +} + +p { + margin: 0 0 10px 0; + Margin: 0 0 10px 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td { + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + border-collapse: collapse !important; +} + +table, +tr, +td { + padding: 0; + vertical-align: top; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + Margin: 0; + padding: 0; +} + +.ReadMsgBody, +.ExternalClass { + width: 100%; +} + +.ExternalClass { + width: 100%; +} + +.ExternalClass, +.ExternalClass p, +.ExternalClass span, +.ExternalClass font, +.ExternalClass td, +.ExternalClass div { + line-height: 100%; +} + +table, +td { + mso-table-lspace: 0pt; + mso-table-rspace: 0pt; +} + +#outlook a { + padding: 0; +} + +img { + -ms-interpolation-mode: bicubic; +} + +body, table, td, p, a, li, blockquote { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body, +table.body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +td, +th, +a { + color: #333333; + font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; + font-weight: normal; + padding: 0; + margin: 0; + Margin: 0; + mso-line-height-rule: exactly; + line-height: 1.4; + line-height: 140%; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #444444; + word-wrap: normal; + font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; + font-weight: bold; + margin: 0 0 7px 0; + Margin: 0 0 7px 0; + mso-line-height-rule: exactly; + line-height: 1.3; + line-height: 130%; +} + +h1.normal, +h2.normal, +h3.normal, +h4.normal, +h5.normal, +h6.normal { + font-weight: normal; +} + +h1 { + font-size: 32px; +} + +h2 { + font-size: 30px; +} + +h3 { + font-size: 28px; +} + +h4 { + font-size: 24px; +} + +h5 { + font-size: 20px; +} + +h6 { + font-size: 18px; +} + +body, +table.body, +p, +td, +th { + font-size: 14px; + mso-line-height-rule: exactly; + line-height: 1.4; + line-height: 140%; +} + +p { + margin: 0 0 7px 0; + Margin: 0 0 7px 0; + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-all; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; +} + +p.large, p.text-large { + font-size: 16px; +} + +p.bold, p.text-bold { + font-weight: 700; +} + +p a { + Margin: inherit; + margin: inherit; +} + +small { + font-size: 80%; +} + +center { + width: 100%; +} + +a { + color: #e57722; +} + +a:visited { + color: #e57722; +} + +a:hover, a:active { + color: #904811; +} + +h1 a, +h1 a:visited, +h2 a, +h2 a:visited, +h3 a, +h3 a:visited, +h4 a, +h4 a:visited, +h5 a, +h5 a:visited, +h6 a, +h6 a:visited { + color: #e57722; +} + +table.text-center, +th.text-center, +td.text-center, +h1.text-center, +h2.text-center, +h3.text-center, +h4.text-center, +h5.text-center, +h6.text-center, +p.text-center, +span.text-center { + text-align: center; +} + +table.text-left, +th.text-left, +td.text-left, +h1.text-left, +h2.text-left, +h3.text-left, +h4.text-left, +h5.text-left, +h6.text-left, +p.text-left, +span.text-left { + text-align: left; +} + +table.text-right, +th.text-right, +td.text-right, +h1.text-right, +h2.text-right, +h3.text-right, +h4.text-right, +h5.text-right, +h6.text-right, +p.text-right, +span.text-right { + text-align: right; +} + +table.primary, +th.primary, +td.primary, +h1.primary, +h2.primary, +h3.primary, +h4.primary, +h5.primary, +h6.primary, +p.primary, +span.primary { + color: #333333; +} + +table.orange, +th.orange, +td.orange, +h1.orange, +h2.orange, +h3.orange, +h4.orange, +h5.orange, +h6.orange, +p.orange, +span.orange { + color: #e27730; +} + +table.blue, +th.blue, +td.blue, +h1.blue, +h2.blue, +h3.blue, +h4.blue, +h5.blue, +h6.blue, +p.blue, +span.blue { + color: #509fe2; +} + +span.text-center { + display: block; + width: 100%; + text-align: center; +} + +ol, +ul { + margin: 0 0 7px 20px; + Margin: 0 0 7px 20px; + padding: 0; +} + +ol li, +ul li { + list-style-type: decimal; + padding-top: 5px; +} + +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0 !important; +} + +/* Helper class for breaking long URLs. */ +.break-all { + word-break: break-all !important; +} + +.break-all > a { + word-break: break-all !important; +} + +/* Base */ +.body, +body { + background-color: #e9eaec; + text-align: center; + padding: 0 25px 0 25px; +} + +.container { + margin: 0 auto 0 auto; + Margin: 0 auto 0 auto; +} + +.header { + line-height: 1; +} + +.header .header-image { + display: inline-block; + vertical-align: middle; + width: 80%; +} + +.header img { + display: inline-block !important; + max-height: 180px; + vertical-align: middle; +} + +.header-wrapper.dark-mode { + display: none; +} + +.content { + /* Helper class for inline elements. */ +} + +.content a, .content p, .content pre { + -ms-word-break: break-word; + word-break: break-word; +} + +.content pre { + white-space: initial; +} + +.content .inline { + display: inline-block; +} + +.content .smart-tag table:not(.wpforms-order-summary-preview) { + border-collapse: collapse; + width: 100%; +} + +.content .smart-tag table:not(.wpforms-order-summary-preview) td, .content .smart-tag table:not(.wpforms-order-summary-preview) th { + border: 1px solid currentColor; + padding: 5px !important; +} + +.content td > *:last-child { + margin-bottom: 0; + Margin-bottom: 0; +} + +.footer { + color: #999999; +} + +.footer a { + color: #999999; + text-decoration: underline; +} + +.footer a:hover { + color: #333333; +} + +/* Typography */ +h1, +h2, +h3, +h4, +h5, +h6 { + color: #333333; +} + +/* Buttons */ +.button-link { + border-radius: 3px; + padding: 7px 15px; + text-decoration: none; +} + +/* Content */ +.field-signature td.field-value { + line-height: 1; +} + +.field-rating td.field-value { + line-height: 1; +} + +tr:not(.smart-tag) > .field-value span { + display: block; +} + +/* Repeater & Layout */ +.field-repeater-name, +.field-layout-name { + font-size: 22px; +} + +/* File Upload */ +.field-file-upload .field-value .file-icon { + display: inline-block; + vertical-align: middle; +} + +/* RichText, Content */ +.field-richtext .field-value:only-child, .field-content .field-value:only-child { + display: inline-block; + width: 100%; +} + +.field-richtext p .alignleft, +.field-richtext li .alignleft, .field-content p .alignleft, +.field-content li .alignleft { + float: left; + margin-right: 16px; + margin-top: 8px; + margin-bottom: 8px; +} + +.field-richtext p .aligncenter, +.field-richtext li .aligncenter, .field-content p .aligncenter, +.field-content li .aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} + +.field-richtext p .alignright, +.field-richtext li .alignright, .field-content p .alignright, +.field-content li .alignright { + float: right; + margin-left: 16px; + margin-top: 8px; + margin-bottom: 8px; +} + +.field-richtext table, .field-content table { + border-collapse: collapse; + width: 100%; +} + +.field-richtext table td, .field-richtext table th, .field-content table td, .field-content table th { + border: 1px solid currentColor; + padding: 5px !important; +} + +.field-rating .field-value { + line-height: 1.3 !important; +} + +.field-payment-total .wpforms-order-summary-container, +.smart-tag .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.field-payment-total .wpforms-order-summary-container *, +.smart-tag .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.field-payment-total table.wpforms-order-summary-preview, +.smart-tag table.wpforms-order-summary-preview { + border-radius: 4px; + border: 1px solid #e2e2e2; + border-collapse: separate; +} + +.field-payment-total table.wpforms-order-summary-preview tr td, +.smart-tag table.wpforms-order-summary-preview tr td { + border-top: 1px solid #e2e2e2; + border-bottom: none; + border-left: none; + border-right: none; +} + +.field-payment-total table.wpforms-order-summary-preview tr th, +.smart-tag table.wpforms-order-summary-preview tr th { + font-weight: 400; + border: none; +} + +.field-payment-total table.wpforms-order-summary-preview tr td, .field-payment-total table.wpforms-order-summary-preview tr th, +.smart-tag table.wpforms-order-summary-preview tr td, +.smart-tag table.wpforms-order-summary-preview tr th { + padding: 9px 0; + line-height: 20px; + background: none; +} + +.field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-wrap: balance; + padding-left: 10px; +} + +.rtl .field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + padding-right: 10px; + padding-left: 0; +} + +.field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-right: 10px; +} + +.rtl .field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-left: 10px; + padding-right: 0; +} + +.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-left: 10px; +} + +.rtl .field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-right: 10px; + padding-left: 0; +} + +.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td { + font-weight: 700; +} + +.field-payment-total .wpforms-order-summary-container, +.smart-tag .wpforms-order-summary-container { + max-width: 100%; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview caption, +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-placeholder-hidden, +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-quantity-label-short, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview caption, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-placeholder-hidden, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #d63638 !important; +} + +/* Base */ +.body-inner { + padding-top: 50px; + padding-bottom: 50px; +} + +.wrapper { + max-width: 660px; +} + +.wrapper-inner { + background-color: #ffffff; + border: 1px solid #cccccc; + padding: 25px 30px 50px 30px; +} + +.header { + text-align: center; + padding: 0 0 50px 0; +} + +.header .header-image { + /* This is needed to center the logo in Outlook. */ + margin: 0 auto 0 auto; + Margin: 0 auto 0 auto; +} + +.footer { + font-size: 12px; + line-height: 24px; + text-align: center; + padding-top: 25px; +} + +/* Typography */ +body, +table.body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +td:not(.header), +th, +a { + line-height: 22px; +} + +/* Content */ +.content .field-name { + padding-top: 25px; + padding-bottom: 7px; +} + +.content .field-value { + padding-bottom: 25px; + border-bottom: 1px solid #d9d9d9; +} + +.content .field-name.field-value { + line-height: 22px; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-radius: 0; +} + +.wpforms-layout-table > td { + border-bottom: 1px solid #d9d9d9; +} + +.wpforms-layout-table-display-blocks table:not(:first-child) .field-repeater-name { + padding-top: 0; +} + +.wpforms-layout-table > td { + padding-bottom: 25px; +} + +.wpforms-layout-table .wpforms-layout-table-row { + width: 100%; + margin-left: -10px; + margin-right: -10px; +} + +.wpforms-layout-table .wpforms-layout-table-row .field-value { + padding-bottom: 25px; +} + +.wpforms-layout-table .wpforms-layout-table-row > tr > td { + padding-left: 10px; + padding-right: 10px; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row:not(.wpforms-first-row) td.field-name { + display: none; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-value { + padding-bottom: 15px; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row:last-child .field-value { + padding-bottom: 0; +} + +.wpforms-layout-table-display-blocks .wpforms-layout-table-row:last-child .field-value, .wpforms-layout-table-display-columns .wpforms-layout-table-row:last-child .field-value { + padding-bottom: 0; +} + +.wpforms-layout-table .wpforms-layout-table-cell td { + border: 0 !important; +} + +.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-payment-total, .wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-payment-total { + display: block !important; +} + +.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-order-summary-preview, .wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-order-summary-preview { + display: none !important; +} + +.field-payment-total .wpforms-payment-total { + display: none !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; +} diff --git a/assets/css/classic.min.css b/assets/css/classic.min.css new file mode 100644 index 00000000..51b0382e --- /dev/null +++ b/assets/css/classic.min.css @@ -0,0 +1,86 @@ +body,.body{height:100% !important;margin:0;Margin:0;padding:0;width:100% !important;min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important}img{outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block}a img{border:none}p{margin:0 0 10px 0;Margin:0 0 10px 0}table{border-collapse:collapse;border-spacing:0}td{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important}table,tr,td{padding:0;vertical-align:top}h1,h2,h3,h4,h5,h6{margin:0;Margin:0;padding:0}.ReadMsgBody,.ExternalClass{width:100%}.ExternalClass{width:100%}.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:100%}table,td{mso-table-lspace:0pt;mso-table-rspace:0pt}#outlook a{padding:0}img{-ms-interpolation-mode:bicubic}body,table,td,p,a,li,blockquote{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,table.body,h1,h2,h3,h4,h5,h6,p,td,th,a{color:#333333;font-family:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;font-weight:normal;padding:0;margin:0;Margin:0;mso-line-height-rule:exactly;line-height:1.4;line-height:140%}h1,h2,h3,h4,h5,h6{color:#444444;word-wrap:normal;font-family:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;font-weight:bold;margin:0 0 7px 0;Margin:0 0 7px 0;mso-line-height-rule:exactly;line-height:1.3;line-height:130%}h1.normal,h2.normal,h3.normal,h4.normal,h5.normal,h6.normal{font-weight:normal}h1{font-size:32px}h2{font-size:30px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}body,table.body,p,td,th{font-size:14px;mso-line-height-rule:exactly;line-height:1.4;line-height:140%}p{margin:0 0 7px 0;Margin:0 0 7px 0;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}p.large,p.text-large{font-size:16px}p.bold,p.text-bold{font-weight:700}p a{Margin:inherit;margin:inherit}small{font-size:80%}center{width:100%}a{color:#e57722}a:visited{color:#e57722}a:hover,a:active{color:#904811}h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited,h4 a,h4 a:visited,h5 a,h5 a:visited,h6 a,h6 a:visited{color:#e57722}table.text-center,th.text-center,td.text-center,h1.text-center,h2.text-center,h3.text-center,h4.text-center,h5.text-center,h6.text-center,p.text-center,span.text-center{text-align:center}table.text-left,th.text-left,td.text-left,h1.text-left,h2.text-left,h3.text-left,h4.text-left,h5.text-left,h6.text-left,p.text-left,span.text-left{text-align:left}table.text-right,th.text-right,td.text-right,h1.text-right,h2.text-right,h3.text-right,h4.text-right,h5.text-right,h6.text-right,p.text-right,span.text-right{text-align:right}table.primary,th.primary,td.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary,p.primary,span.primary{color:#333333}table.orange,th.orange,td.orange,h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,p.orange,span.orange{color:#e27730}table.blue,th.blue,td.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,p.blue,span.blue{color:#509fe2}span.text-center{display:block;width:100%;text-align:center}ol,ul{margin:0 0 7px 20px;Margin:0 0 7px 20px;padding:0}ol li,ul li{list-style-type:decimal;padding-top:5px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0 !important}.break-all{word-break:break-all !important}.break-all>a{word-break:break-all !important}.body,body{background-color:#e9eaec;text-align:center;padding:0 25px 0 25px}.container{margin:0 auto 0 auto;Margin:0 auto 0 auto}.header{line-height:1}.header .header-image{display:inline-block;vertical-align:middle;width:80%}.header img{display:inline-block !important;max-height:180px;vertical-align:middle}.header-wrapper.dark-mode{display:none}.content a,.content p,.content pre{-ms-word-break:break-word;word-break:break-word}.content pre{white-space:initial}.content .inline{display:inline-block}.content .smart-tag table:not(.wpforms-order-summary-preview){border-collapse:collapse;width:100%}.content .smart-tag table:not(.wpforms-order-summary-preview) td,.content .smart-tag table:not(.wpforms-order-summary-preview) th{border:1px solid currentColor;padding:5px !important}.content td>*:last-child{margin-bottom:0;Margin-bottom:0}.footer{color:#999999}.footer a{color:#999999;text-decoration:underline}.footer a:hover{color:#333333}h1,h2,h3,h4,h5,h6{color:#333333}.button-link{border-radius:3px;padding:7px 15px;text-decoration:none}.field-signature td.field-value{line-height:1}.field-rating td.field-value{line-height:1}tr:not(.smart-tag)>.field-value span{display:block}.field-repeater-name,.field-layout-name{font-size:22px}.field-file-upload .field-value .file-icon{display:inline-block;vertical-align:middle}.field-richtext .field-value:only-child,.field-content .field-value:only-child{display:inline-block;width:100%}.field-richtext p .alignleft,.field-richtext li .alignleft,.field-content p .alignleft,.field-content li .alignleft{float:left;margin-right:16px;margin-top:8px;margin-bottom:8px}.field-richtext p .aligncenter,.field-richtext li .aligncenter,.field-content p .aligncenter,.field-content li .aligncenter{display:block;margin-left:auto;margin-right:auto}.field-richtext p .alignright,.field-richtext li .alignright,.field-content p .alignright,.field-content li .alignright{float:right;margin-left:16px;margin-top:8px;margin-bottom:8px}.field-richtext table,.field-content table{border-collapse:collapse;width:100%}.field-richtext table td,.field-richtext table th,.field-content table td,.field-content table th{border:1px solid currentColor;padding:5px !important}.field-rating .field-value{line-height:1.3 !important}.field-payment-total .wpforms-order-summary-container,.smart-tag .wpforms-order-summary-container{display:block;max-width:60%}.field-payment-total .wpforms-order-summary-container *,.smart-tag .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.field-payment-total table.wpforms-order-summary-preview,.smart-tag table.wpforms-order-summary-preview{border-radius:4px;border:1px solid #e2e2e2;border-collapse:separate}.field-payment-total table.wpforms-order-summary-preview tr td,.smart-tag table.wpforms-order-summary-preview tr td{border-top:1px solid #e2e2e2;border-bottom:none;border-left:none;border-right:none}.field-payment-total table.wpforms-order-summary-preview tr th,.smart-tag table.wpforms-order-summary-preview tr th{font-weight:400;border:none}.field-payment-total table.wpforms-order-summary-preview tr td,.field-payment-total table.wpforms-order-summary-preview tr th,.smart-tag table.wpforms-order-summary-preview tr td,.smart-tag table.wpforms-order-summary-preview tr th{padding:9px 0;line-height:20px;background:none}.field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-wrap:balance;padding-left:10px}.rtl .field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{padding-right:10px;padding-left:0}.field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-right:10px}.rtl .field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-left:10px;padding-right:0}.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-left:10px}.rtl .field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-right:10px;padding-left:0}.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td{font-weight:700}.field-payment-total .wpforms-order-summary-container,.smart-tag .wpforms-order-summary-container{max-width:100%}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview caption,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-placeholder-hidden,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview caption,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-placeholder-hidden,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-quantity-label-short{display:none}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#d63638 !important}.body-inner{padding-top:50px;padding-bottom:50px}.wrapper{max-width:660px}.wrapper-inner{background-color:#ffffff;border:1px solid #cccccc;padding:25px 30px 50px 30px}.header{text-align:center;padding:0 0 50px 0}.header .header-image{margin:0 auto 0 auto;Margin:0 auto 0 auto}.footer{font-size:12px;line-height:24px;text-align:center;padding-top:25px}body,table.body,h1,h2,h3,h4,h5,h6,p,td:not(.header),th,a{line-height:22px}.content .field-name{padding-top:25px;padding-bottom:7px}.content .field-value{padding-bottom:25px;border-bottom:1px solid #d9d9d9}.content .field-name.field-value{line-height:22px}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview{border-radius:0}.wpforms-layout-table>td{border-bottom:1px solid #d9d9d9}.wpforms-layout-table-display-blocks table:not(:first-child) .field-repeater-name{padding-top:0}.wpforms-layout-table>td{padding-bottom:25px}.wpforms-layout-table .wpforms-layout-table-row{width:100%;margin-left:-10px;margin-right:-10px}.wpforms-layout-table .wpforms-layout-table-row .field-value{padding-bottom:25px}.wpforms-layout-table .wpforms-layout-table-row>tr>td{padding-left:10px;padding-right:10px}.wpforms-layout-table-display-rows .wpforms-layout-table-row:not(.wpforms-first-row) td.field-name{display:none}.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-value{padding-bottom:15px}.wpforms-layout-table-display-rows .wpforms-layout-table-row:last-child .field-value{padding-bottom:0}.wpforms-layout-table-display-blocks .wpforms-layout-table-row:last-child .field-value,.wpforms-layout-table-display-columns .wpforms-layout-table-row:last-child .field-value{padding-bottom:0}.wpforms-layout-table .wpforms-layout-table-cell td{border:0 !important}.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-payment-total,.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-payment-total{display:block !important}.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-order-summary-preview,.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-order-summary-preview{display:none !important}.field-payment-total .wpforms-payment-total{display:none !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; +} diff --git a/assets/css/classic_media_queries.css b/assets/css/classic_media_queries.css new file mode 100644 index 00000000..c45ede9a --- /dev/null +++ b/assets/css/classic_media_queries.css @@ -0,0 +1,160 @@ +/** + * Adjusts the display of header images based on the user's preference for dark color schemes. + */ +@media (prefers-color-scheme: light) { + .header-wrapper.dark-mode { + display: none !important; + } +} + +@media (prefers-color-scheme: dark) { + .header-wrapper.dark-mode { + display: table-row !important; + } + .header-wrapper.dark-mode + .light-mode { + display: none !important; + } +} + +@media only screen and (max-width: 599px) { + .wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name { + display: block !important; + } + .wpforms-layout-table .wpforms-layout-table-row { + display: block; + width: 100%; + } + .wpforms-layout-table .wpforms-layout-table-row table, .wpforms-layout-table .wpforms-layout-table-row thead, .wpforms-layout-table .wpforms-layout-table-row tbody, .wpforms-layout-table .wpforms-layout-table-row tr, .wpforms-layout-table .wpforms-layout-table-row td, .wpforms-layout-table .wpforms-layout-table-row th { + display: block; + width: 100% !important; + padding-bottom: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row tr { + padding-top: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-value { + padding-bottom: 25px !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-name { + padding-bottom: 10px !important; + } + .wpforms-layout-table > td { + padding-bottom: 0 !important; + } +} + +@media only screen and (max-width: 599px) { + .body-inner { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .wrapper-inner { + padding: 0 25px 25px 25px !important; + } + .header { + padding-bottom: 25px !important; + } + .header .has-image-size-small img { + max-height: 100px !important; + } + .header .has-image-size-medium img { + max-height: 140px !important; + } + .header .has-image-size-large img { + max-height: 180px !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-value { + padding-bottom: 10px !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-name { + padding-bottom: 7px !important; + } + .wpforms-layout-table-display-blocks table:not(:first-child) .field-repeater-name { + padding-top: 25px !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; +} diff --git a/assets/css/classic_media_queries.min.css b/assets/css/classic_media_queries.min.css new file mode 100644 index 00000000..fd201397 --- /dev/null +++ b/assets/css/classic_media_queries.min.css @@ -0,0 +1,86 @@ +@media (prefers-color-scheme: light){.header-wrapper.dark-mode{display:none !important}}@media (prefers-color-scheme: dark){.header-wrapper.dark-mode{display:table-row !important}.header-wrapper.dark-mode+.light-mode{display:none !important}}@media only screen and (max-width: 599px){.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name{display:block !important}.wpforms-layout-table .wpforms-layout-table-row{display:block;width:100%}.wpforms-layout-table .wpforms-layout-table-row table,.wpforms-layout-table .wpforms-layout-table-row thead,.wpforms-layout-table .wpforms-layout-table-row tbody,.wpforms-layout-table .wpforms-layout-table-row tr,.wpforms-layout-table .wpforms-layout-table-row td,.wpforms-layout-table .wpforms-layout-table-row th{display:block;width:100% !important;padding-bottom:0 !important}.wpforms-layout-table .wpforms-layout-table-row tr{padding-top:0 !important}.wpforms-layout-table .wpforms-layout-table-row td.field-value{padding-bottom:25px !important}.wpforms-layout-table .wpforms-layout-table-row td.field-name{padding-bottom:10px !important}.wpforms-layout-table>td{padding-bottom:0 !important}}@media only screen and (max-width: 599px){.body-inner{padding-top:25px !important;padding-bottom:25px !important}.wrapper-inner{padding:0 25px 25px 25px !important}.header{padding-bottom:25px !important}.header .has-image-size-small img{max-height:100px !important}.header .has-image-size-medium img{max-height:140px !important}.header .has-image-size-large img{max-height:180px !important}.wpforms-layout-table .wpforms-layout-table-row td.field-value{padding-bottom:10px !important}.wpforms-layout-table .wpforms-layout-table-row td.field-name{padding-bottom:7px !important}.wpforms-layout-table-display-blocks table:not(:first-child) .field-repeater-name{padding-top:25px !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; +} diff --git a/assets/css/color-group-rtl.css b/assets/css/color-group-rtl.css new file mode 100644 index 00000000..6c233a1e --- /dev/null +++ b/assets/css/color-group-rtl.css @@ -0,0 +1,208 @@ +.color-group-item .components-tooltip .components-popover__content { + border-radius: 3px; +} + +.color-group-item .components-tooltip .components-popover__content > div { + padding: 5px 10px; + line-height: 1; +} + +.customize-control.customize-control-ast-color-group { + display: flex; + flex-wrap: wrap; +} + +.customize-control.customize-control-ast-color-group .ast-toggle-desc-wrap { + flex: 1 1 auto; + align-self: center; +} + +.customize-control.customize-control-ast-color-group .customize-control-title { + margin-bottom: 5px; +} + +.customize-control.customize-control-ast-color-group .ast-field-color-group-wrap { + justify-content: flex-end; + display: flex; + max-height: 28px; +} + +.customize-control.customize-control-ast-color-group .color-button-wrap { + position: inherit; +} + +.customize-control.customize-control-ast-color-group .color-group-item:not(:last-child) { + margin-left: 8px; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-reset { + left: 72px; + top: 6px; + cursor: pointer; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap { + display: none; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap.active { + justify-content: flex-end; + display: flex; +} + +.customize-control.customize-control-ast-color-group .ast-responsive-btns { + position: relative; + left: -5px; + top: 3px; +} + +.customize-control.customize-control-ast-color-group .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.customize-control-ast-color-group .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-color-group .ast-color-multiple-group-reset.ast-color-group-reset { + left: 110px; +} + +.customize-control-ast-color-group .ast-color-multiple-group-reset.ast-color-group-reset.ast-single-color-group-set { + left: 112px; +} + +#customize-control-astra-settings-woo-single-page-color-group .ast-color-group-reset { + left: 145px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap { + top: 30px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 75px; +} + +.ast-top-dotted-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap { + top: 30px; +} + +.ast-top-dotted-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 75px; +} + +.customize-control-ast-color-group .ast-control-wrap { + display: inline-flex; + width: 100%; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-group-reset { + top: 47px; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 73px; +} + +.astra-color-picker-wrap.picker-open + span { + 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; +} diff --git a/assets/css/color-group.css b/assets/css/color-group.css new file mode 100644 index 00000000..ba7bde6d --- /dev/null +++ b/assets/css/color-group.css @@ -0,0 +1,208 @@ +.color-group-item .components-tooltip .components-popover__content { + border-radius: 3px; +} + +.color-group-item .components-tooltip .components-popover__content > div { + padding: 5px 10px; + line-height: 1; +} + +.customize-control.customize-control-ast-color-group { + display: flex; + flex-wrap: wrap; +} + +.customize-control.customize-control-ast-color-group .ast-toggle-desc-wrap { + flex: 1 1 auto; + align-self: center; +} + +.customize-control.customize-control-ast-color-group .customize-control-title { + margin-bottom: 5px; +} + +.customize-control.customize-control-ast-color-group .ast-field-color-group-wrap { + justify-content: flex-end; + display: flex; + max-height: 28px; +} + +.customize-control.customize-control-ast-color-group .color-button-wrap { + position: inherit; +} + +.customize-control.customize-control-ast-color-group .color-group-item:not(:last-child) { + margin-right: 8px; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-reset { + right: 72px; + top: 6px; + cursor: pointer; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap { + display: none; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap.active { + justify-content: flex-end; + display: flex; +} + +.customize-control.customize-control-ast-color-group .ast-responsive-btns { + position: relative; + right: -5px; + top: 3px; +} + +.customize-control.customize-control-ast-color-group .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.customize-control-ast-color-group .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-color-group .ast-color-multiple-group-reset.ast-color-group-reset { + right: 110px; +} + +.customize-control-ast-color-group .ast-color-multiple-group-reset.ast-color-group-reset.ast-single-color-group-set { + right: 112px; +} + +#customize-control-astra-settings-woo-single-page-color-group .ast-color-group-reset { + right: 145px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap { + top: 30px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 75px; +} + +.ast-top-dotted-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap { + top: 30px; +} + +.ast-top-dotted-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 75px; +} + +.customize-control-ast-color-group .ast-control-wrap { + display: inline-flex; + width: 100%; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-group-reset { + top: 47px; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 73px; +} + +.astra-color-picker-wrap.picker-open + span { + 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; +} diff --git a/assets/css/color-palette-rtl.css b/assets/css/color-palette-rtl.css new file mode 100644 index 00000000..7b1b1fe8 --- /dev/null +++ b/assets/css/color-palette-rtl.css @@ -0,0 +1,461 @@ + +#customize-control-astra-color-palettes .color-button-wrap { + display: unset; + position: relative; + left: unset; + top: unset; + vertical-align: sub; + z-index: 10; +} + +#customize-control-astra-color-palettes .astra-color-picker-wrap { + position: absolute; + z-index: 1; + left: 0; + width: 100%; + display: none; + margin-top: 10px; +} + +#customize-control-astra-color-palettes .astra-color-picker-wrap.picker-open{ + display: block; +} + +#customize-control-astra-color-palettes .ast-color-palette-label { + width: 65%; + display: inline-block; + margin-left: 10px; + vertical-align: top; +} + +#customize-control-astra-color-palettes .ast-color-palette-label input { + background: none; + border: none; +} + +#customize-control-astra-color-palettes .ast-color-palette-label input:focus { + border: 1px solid black; + outline: none; + box-shadow: none; + background: white; +} + +.ast-color-palette-wrapper .ast-single-palette-wrap { + display: grid; + grid-template-columns: repeat(9, 1fr); + align-items: center; + position: relative; + gap: 2px; +} + +.ast-single-palette-wrap + .components-button.astra-color-icon-indicate + .component-color-indicator.astra-advanced-color-indicate { + width: 25px; + height: 25px; +} + +#customize-control-astra-color-palettes + .ast-color-palette-wrapper + .ast-color-picker-wrap:first-child { + margin-right: 0; +} + +#customize-control-astra-color-palettes + .ast-color-palette-wrapper + .ast-color-picker-wrap { + margin-top: 12px; + cursor: pointer; +} + +#customize-control-astra-color-palettes .ast-reset-btn:disabled { + opacity: 0.6; +} + +#customize-control-astra-color-palettes .ast-palette-presets-inner-wrap .ast-preset-label-wrap { + font-size: 14px; + line-height: 18px; + color: var(--ast-customizer-color-4); + text-align: right; +} +.ast-color-preset-container { + max-height: 425px; + overflow: scroll; + overflow-x: hidden; + -ms-overflow-style: none; + scrollbar-width: thin; + scrollbar-color: #d8d8d8 #f1f1f1; +} +.ast-color-preset-container::-webkit-scrollbar { + width: 5px; +} +.ast-color-preset-container::-webkit-scrollbar-track { + background: #f1f1f1; +} +.ast-color-preset-container::-webkit-scrollbar-thumb { + background: #d8d8d8; +} +.ast-color-palette-container { + width: 100%; + display: inline-grid; + grid-template-columns: repeat( 2,1fr ); + column-gap: 16px; + row-gap: 16px; + margin-top: 12px; + margin-bottom: 12px; +} +.ast-color-palette-wrap { + transition: all 0.2s; + background: #fff; +} +#customize-control-astra-color-palettes .ast-color-palette-wrap > section { + text-align: center; + outline: none; + border-radius: 3px; + cursor: pointer; + transition: all 0.2s; + box-shadow: 0 0 0 1px #ddd; +} +#customize-control-astra-color-palettes .ast-single-color-container { + width: 20%; + height: 48px; + display: inline-block; +} +.ast-palette-label-wrap { + display: block; + text-align: center; + color: #9CA3AF; + overflow: hidden; + width: 100%; + box-sizing: border-box; + transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out; + font-style: normal; + font-weight: 600; + font-size: 10px; + line-height: 24px; + letter-spacing: 1.5px; + text-transform: uppercase; +} + +.ast-palette-label-wrap .edit-icon.dashicons { + line-height: inherit; + font-size: 13px; +} + +.ast-color-palette-wrap.active { + box-shadow: 0px 12px 20px -8px rgb(30 41 59 / 16%); +} +#customize-control-astra-color-palettes .ast-color-palette-wrap.active > section { + box-shadow: 0 0 0 1px var(--ast-customizer-color-5); +} +.ast-color-palette-wrap.active .ast-palette-label-wrap { + color: var( --ast-global-color-secondary, --ast-global-color-5 ); + letter-spacing: 1.5px; +} +.ast-color-palette-wrap .ast-single-color-container:first-child { + border-top-right-radius: 3px; +} +.ast-color-palette-wrap .ast-single-color-container:nth-child(5) { + border-top-left-radius: 3px; +} +.ast-palette-individual-item { + height: 21px; + width: 21px; + display: block; + box-shadow: 0px 0px 0px 15px inset; + border-width: 1px; + border-style: solid; + border-color: rgb(146, 155, 164); + border-image: initial; + border-radius: 50%; + transition: box-shadow 100ms ease 0s; +} + +.ast-palette-individual-item-wrap:not(:last-child) { + margin-left: 4px; +} +.components-button.ast-preset-palette-item { + width: 100%; + padding: 0; + margin-top: 4px; +} +.ast-palette-presets-inner-wrap:last-child .ast-preset-palette-item { + margin-bottom: 0; +} +.components-button.ast-preset-palette-item:hover { + border: none; + box-shadow: none; + outline: none; +} +.customize-control-ast-color-palette .ast-field-settings-modal::before { + left: 12px; +} +section.ast-palette-presets-inner-wrap { + padding: 12px 10px 8px; + transition: all 0.2s; +} +section.ast-palette-presets-inner-wrap:last-child { + padding-bottom: 12px; +} +.ast-palette-presets-inner-wrap:hover { + background: #F3F5F7; + border-radius: 3px; +} +.ast-color-preset-container .components-button.ast-preset-palette-item:focus { + outline: none; + box-shadow: none; +} +#customize-control-astra-color-palettes .ast-color-palette-wrapper { + clear: both; +} + +#customize-controls .customize-section-title.is-in-view.is-sticky { + z-index: 99; +} + +#customize-control-astra-color-palettes .ast-palette-selection-wrapper { + overflow: hidden; + padding: 2px; +} + +@media (min-width: 1800px) { + #customize-control-astra-color-palettes .astra-color-picker-wrap { + width: auto; + } +} + +#customize-control-astra-color-palettes .ast-field-settings-modal { + margin-right: -8px; + margin-left: -8px; + display: none; + padding: 0; +} + +.astra-advanced-color-indicate .global-color{ + display: none; +} + +.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color{ + color: #fff; + display: block; + opacity: 1; + position: absolute; + right: 50%; + top: 50%; + display: block; + text-align: center; + transform: translate(50%, -50%); +} +.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg{ + width: 10px; + height: 10px; + transform: scale(1.5); +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon { + top: -5px; +} + +.ast-color-picker-custom-tooltip { + position: absolute; + top: -30px; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ast-color-picker-custom-tooltip[data-title]::after { + content: attr(data-title); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 1000; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + right: 50%; + transform: translate(50%,-0.5em); +} + +.ast-single-palette-wrap > :last-child .ast-color-picker-custom-tooltip[data-title]::after { + right: -16px; +} + +.ast-color-picker-custom-tooltip-wrapper { + position: relative; +} + +.ast-color-picker-wrap:hover + .ast-color-picker-custom-tooltip-wrapper .ast-color-picker-custom-tooltip[data-title]::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + +.ast-color-palette .components-popover.components-tooltip { + position: relative !important; + right: 5px !important; + top: -35px !important; + transform: unset !important; +} +.customize-control .components-tooltip { + z-index: 8 !important; +} +.ast-color-palette .components-popover .components-popover__content { + bottom: calc(100% + 5px); + animation: tooltips-vert .3s ease-out forwards; + right: 50%; + transform: translate(50%,-0.5em); +} + +/* Palette Rename CSS */ +.palette-name-input { + border: 0; + font-size: inherit; + color: inherit; + min-height: 20px; + box-shadow: none; + padding: 0; + text-align: center; +} + +.ast-color-palette-wrap.active { + box-shadow: 0 0 0 1px var(--ast-customizer-color-8); + border-radius: 3px; + } + +#customize-control-astra-color-palettes .ast-color-palette-wrap.active>section, #customize-control-astra-color-palettes .ast-color-palette-wrap>section { + box-shadow: none; +} + +.customize-control .ast-palette-label-wrap .palette-name-input { + box-shadow: none; + border-color: transparent; + letter-spacing: 1.5px; + text-transform: uppercase; + color: #9CA3AF; +} + +.ast-palette-label-wrap input[type="text"] { + min-height: 22px; + padding: 0; +} + +.ast-color-palette-wrap:hover { + cursor: pointer; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"] { + color: var(--ast-customizer-color-1); + font-size: 14px !important; + background: transparent; + transition: color 0.3s ease; + padding: 0; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"]:hover { + color: #03699d; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"]:hover { + opacity: 0.7; +} + + +/* 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; +} diff --git a/assets/css/color-palette.css b/assets/css/color-palette.css new file mode 100644 index 00000000..1ed46ef2 --- /dev/null +++ b/assets/css/color-palette.css @@ -0,0 +1,461 @@ + +#customize-control-astra-color-palettes .color-button-wrap { + display: unset; + position: relative; + right: unset; + top: unset; + vertical-align: sub; + z-index: 10; +} + +#customize-control-astra-color-palettes .astra-color-picker-wrap { + position: absolute; + z-index: 1; + right: 0; + width: 100%; + display: none; + margin-top: 10px; +} + +#customize-control-astra-color-palettes .astra-color-picker-wrap.picker-open{ + display: block; +} + +#customize-control-astra-color-palettes .ast-color-palette-label { + width: 65%; + display: inline-block; + margin-right: 10px; + vertical-align: top; +} + +#customize-control-astra-color-palettes .ast-color-palette-label input { + background: none; + border: none; +} + +#customize-control-astra-color-palettes .ast-color-palette-label input:focus { + border: 1px solid black; + outline: none; + box-shadow: none; + background: white; +} + +.ast-color-palette-wrapper .ast-single-palette-wrap { + display: grid; + grid-template-columns: repeat(9, 1fr); + align-items: center; + position: relative; + gap: 2px; +} + +.ast-single-palette-wrap + .components-button.astra-color-icon-indicate + .component-color-indicator.astra-advanced-color-indicate { + width: 25px; + height: 25px; +} + +#customize-control-astra-color-palettes + .ast-color-palette-wrapper + .ast-color-picker-wrap:first-child { + margin-left: 0; +} + +#customize-control-astra-color-palettes + .ast-color-palette-wrapper + .ast-color-picker-wrap { + margin-top: 12px; + cursor: pointer; +} + +#customize-control-astra-color-palettes .ast-reset-btn:disabled { + opacity: 0.6; +} + +#customize-control-astra-color-palettes .ast-palette-presets-inner-wrap .ast-preset-label-wrap { + font-size: 14px; + line-height: 18px; + color: var(--ast-customizer-color-4); + text-align: left; +} +.ast-color-preset-container { + max-height: 425px; + overflow: scroll; + overflow-x: hidden; + -ms-overflow-style: none; + scrollbar-width: thin; + scrollbar-color: #d8d8d8 #f1f1f1; +} +.ast-color-preset-container::-webkit-scrollbar { + width: 5px; +} +.ast-color-preset-container::-webkit-scrollbar-track { + background: #f1f1f1; +} +.ast-color-preset-container::-webkit-scrollbar-thumb { + background: #d8d8d8; +} +.ast-color-palette-container { + width: 100%; + display: inline-grid; + grid-template-columns: repeat( 2,1fr ); + column-gap: 16px; + row-gap: 16px; + margin-top: 12px; + margin-bottom: 12px; +} +.ast-color-palette-wrap { + transition: all 0.2s; + background: #fff; +} +#customize-control-astra-color-palettes .ast-color-palette-wrap > section { + text-align: center; + outline: none; + border-radius: 3px; + cursor: pointer; + transition: all 0.2s; + box-shadow: 0 0 0 1px #ddd; +} +#customize-control-astra-color-palettes .ast-single-color-container { + width: 20%; + height: 48px; + display: inline-block; +} +.ast-palette-label-wrap { + display: block; + text-align: center; + color: #9CA3AF; + overflow: hidden; + width: 100%; + box-sizing: border-box; + transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out; + font-style: normal; + font-weight: 600; + font-size: 10px; + line-height: 24px; + letter-spacing: 1.5px; + text-transform: uppercase; +} + +.ast-palette-label-wrap .edit-icon.dashicons { + line-height: inherit; + font-size: 13px; +} + +.ast-color-palette-wrap.active { + box-shadow: 0px 12px 20px -8px rgb(30 41 59 / 16%); +} +#customize-control-astra-color-palettes .ast-color-palette-wrap.active > section { + box-shadow: 0 0 0 1px var(--ast-customizer-color-5); +} +.ast-color-palette-wrap.active .ast-palette-label-wrap { + color: var( --ast-global-color-secondary, --ast-global-color-5 ); + letter-spacing: 1.5px; +} +.ast-color-palette-wrap .ast-single-color-container:first-child { + border-top-left-radius: 3px; +} +.ast-color-palette-wrap .ast-single-color-container:nth-child(5) { + border-top-right-radius: 3px; +} +.ast-palette-individual-item { + height: 21px; + width: 21px; + display: block; + box-shadow: 0px 0px 0px 15px inset; + border-width: 1px; + border-style: solid; + border-color: rgb(146, 155, 164); + border-image: initial; + border-radius: 50%; + transition: box-shadow 100ms ease 0s; +} + +.ast-palette-individual-item-wrap:not(:last-child) { + margin-right: 4px; +} +.components-button.ast-preset-palette-item { + width: 100%; + padding: 0; + margin-top: 4px; +} +.ast-palette-presets-inner-wrap:last-child .ast-preset-palette-item { + margin-bottom: 0; +} +.components-button.ast-preset-palette-item:hover { + border: none; + box-shadow: none; + outline: none; +} +.customize-control-ast-color-palette .ast-field-settings-modal::before { + right: 12px; +} +section.ast-palette-presets-inner-wrap { + padding: 12px 10px 8px; + transition: all 0.2s; +} +section.ast-palette-presets-inner-wrap:last-child { + padding-bottom: 12px; +} +.ast-palette-presets-inner-wrap:hover { + background: #F3F5F7; + border-radius: 3px; +} +.ast-color-preset-container .components-button.ast-preset-palette-item:focus { + outline: none; + box-shadow: none; +} +#customize-control-astra-color-palettes .ast-color-palette-wrapper { + clear: both; +} + +#customize-controls .customize-section-title.is-in-view.is-sticky { + z-index: 99; +} + +#customize-control-astra-color-palettes .ast-palette-selection-wrapper { + overflow: hidden; + padding: 2px; +} + +@media (min-width: 1800px) { + #customize-control-astra-color-palettes .astra-color-picker-wrap { + width: auto; + } +} + +#customize-control-astra-color-palettes .ast-field-settings-modal { + margin-left: -8px; + margin-right: -8px; + display: none; + padding: 0; +} + +.astra-advanced-color-indicate .global-color{ + display: none; +} + +.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color{ + color: #fff; + display: block; + opacity: 1; + position: absolute; + left: 50%; + top: 50%; + display: block; + text-align: center; + transform: translate(-50%, -50%); +} +.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg{ + width: 10px; + height: 10px; + transform: scale(1.5); +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon { + top: -5px; +} + +.ast-color-picker-custom-tooltip { + position: absolute; + top: -30px; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.ast-color-picker-custom-tooltip[data-title]::after { + content: attr(data-title); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 1000; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + left: 50%; + transform: translate(-50%,-0.5em); +} + +.ast-single-palette-wrap > :last-child .ast-color-picker-custom-tooltip[data-title]::after { + left: -16px; +} + +.ast-color-picker-custom-tooltip-wrapper { + position: relative; +} + +.ast-color-picker-wrap:hover + .ast-color-picker-custom-tooltip-wrapper .ast-color-picker-custom-tooltip[data-title]::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + +.ast-color-palette .components-popover.components-tooltip { + position: relative !important; + left: 5px !important; + top: -35px !important; + transform: unset !important; +} +.customize-control .components-tooltip { + z-index: 8 !important; +} +.ast-color-palette .components-popover .components-popover__content { + bottom: calc(100% + 5px); + animation: tooltips-vert .3s ease-out forwards; + left: 50%; + transform: translate(-50%,-0.5em); +} + +/* Palette Rename CSS */ +.palette-name-input { + border: 0; + font-size: inherit; + color: inherit; + min-height: 20px; + box-shadow: none; + padding: 0; + text-align: center; +} + +.ast-color-palette-wrap.active { + box-shadow: 0 0 0 1px var(--ast-customizer-color-8); + border-radius: 3px; + } + +#customize-control-astra-color-palettes .ast-color-palette-wrap.active>section, #customize-control-astra-color-palettes .ast-color-palette-wrap>section { + box-shadow: none; +} + +.customize-control .ast-palette-label-wrap .palette-name-input { + box-shadow: none; + border-color: transparent; + letter-spacing: 1.5px; + text-transform: uppercase; + color: #9CA3AF; +} + +.ast-palette-label-wrap input[type="text"] { + min-height: 22px; + padding: 0; +} + +.ast-color-palette-wrap:hover { + cursor: pointer; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"] { + color: var(--ast-customizer-color-1); + font-size: 14px !important; + background: transparent; + transition: color 0.3s ease; + padding: 0; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"]:hover { + color: #03699d; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"]:hover { + opacity: 0.7; +} + + +/* 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; +} diff --git a/assets/css/color-rtl.css b/assets/css/color-rtl.css new file mode 100644 index 00000000..df21b08f --- /dev/null +++ b/assets/css/color-rtl.css @@ -0,0 +1,700 @@ + /** Remove Button Color */ + +.astra-control-field.astra-color-control { + display: flex; +} + +.astra-control-field { + position: relative; + margin-top: 10px; + margin-bottom: 10px; +} + +.astra-control-field.astra-color-control .customize-control-title { + flex-grow: 2; +} +.astra-control-field .customize-control-title { + font-size: 14px; + font-weight: 600; + margin-bottom: 0; + display: flex; + align-items: center; + letter-spacing: 0.1px; + line-height: 18px; +} +.customize-control-title { + display: block; + font-size: 14px; + line-height: 1; + font-weight: 600; + margin-bottom: 4px; +} + +.astra-globe-dashicon { + color: #ffffff; + background: rgba(0,0,0,0.4); + border-radius: 100%; + border: 0.1px solid rgba(0,0,0,0.1); + opacity: 0.78; +} + +.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; + background: inherit; +} +.component-color-indicator { + width: 25px; + height: 16px; + display: inline-block; +} + +.astra-advanced-color-indicate.component-color-indicator { + border: none; +} + +.astra-color-icon-indicate.components-button { + height: auto; + position: relative; + transform: scale(1); + transition: none; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, transparent 75%, #ddd 0), linear-gradient(45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; +} + +/** Color */ +.astra-popover-color .components-popover__content .components-focal-point-picker-wrapper { + box-sizing: border-box; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container input[type="number"].components-text-control__input { + min-height: 16px; + line-height: 16px; + font-size: 12px; + width: 50px; + font-weight: normal; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control { + flex: 1; + margin-bottom: 0; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control .components-base-control__label { + margin-bottom: 0; + margin-left: 0.2em; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control__field { + display: flex; + align-items: center; + font-size: 8px; + font-weight: 600; + font-style: normal; + text-transform: uppercase; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control:last-child .components-base-control__field { + justify-content: flex-end; +} +.astra-popover-color .components-popover__content .actions { + display: flex; + justify-content: center; + margin-bottom: 10px; +} +.astra-popover-color .components-popover__content .actions .button { + flex: 1; + margin-top: 10px; +} +.astra-background-picker-wrap .astra-popover-color .components-popover__content { + min-width: 300px; + min-height: 340px; + max-height: 60vh; +} +.color-button-wrap { + display: inline-block; + position: absolute; + left: 0; + top: 0; + transform: scale(1); + transition: transform .1s ease; + height: 28px; + width: 28px; +} +.components-button.astra-color-icon-indicate .astra-advanced-color-indicate:after { + content: ""; + position: absolute; + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + border-radius: 50%; + border: 1px solid transparent; +} +.components-button.astra-background-icon-indicate { + width: 50px; + height: 50px; + border-radius: 50%; + position: relative; + transform: scale(1); + transition: transform 0.1s ease; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, transparent 75%, #ddd 0), linear-gradient(45deg, transparent 75%, #ddd 0); + border: 1px solid #dadada; + background-size: 10px 10px; + background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; +} +.components-button.astra-background-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 100%; + height: 100%; + border-radius: 4px; + margin: 0; + display: block; + position: absolute; + border: 0; + top: 0; +} +.components-button.astra-background-icon-indicate > svg.dashicon { + position: absolute; + transform: translate(50%, -50%); + right: 50%; + top: 50%; + color: white; + background: rgba(0, 0, 0, 0.6); + border-radius: 100%; + width: 16px; + height: 16px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.components-button.astra-background-icon-indicate > svg.dashicon path { + transform: translate(-1px, 1px); +} +.components-button.astra-background-icon-indicate img.astra-background-image-preview { + display: flex; + object-fit: cover; + min-width: 100%; + min-height: 100%; + position: absolute; + top: 0; +} +.components-button.astra-background-icon-indicate:hover { + box-shadow: none !important; +} +.astra-control-field.astra-color-control { + display: flex; +} +.astra-control-field.astra-color-control .customize-control-title { + flex-grow: 2; +} +.components-popover.astra-popover-color .components-popover__content { + padding: 15px 15px 0px; + box-sizing: initial; + background: #fff; + border: unset; + border-radius: 4px; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); +} +.customize-control-ast-color.customize-control > * { + display: inline; +} +.components-popover.astra-popover-color .components-popover__content .sketch-picker { + padding: 0 0 5px !important; + box-shadow: none !important; + border-radius: 0px !important; +} +.components-popover.astra-popover-color .components-popover__content .attachment-media-view { + margin-top: 10px; + margin-bottom: 10px; +} +.astra-swatches-wrap .astra-swatche-item-wrap:hover { + transform: scale(1.1) !important; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item { + background-image: linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, transparent 75%, #ddd 0), linear-gradient(45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; + padding: 0; + display: flex; + justify-content: center; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item .dashicon { + display: none; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active { + box-shadow: 0 0 0 8px inset !important; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon { + display: block; + color: white; + background: rgba(0, 0, 0, 0.6); + width: 16px; + height: 16px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 100%; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon path { + transform: translate(-1px, 1px); +} +.components-button.astra-color-icon-indicate > .dashicon { + position: absolute; + transform: translate(50%, -50%); + right: 50%; + top: 50%; + color: white; + background: rgb(85 93 101); + border-radius: 4px; + width: 17px; + height: 17px; + font-size: 17px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.astra-popover-color { + margin: 5px -5px 0; + background-color: #ffffff; + border-radius: 4px; + box-shadow: 0px 8px 16px -4px rgba(30, 41, 59, 0.16); +} + +.astra-popover-color .components-h-stack.ast-color-palette { + padding: 14px 5px; +} + +.customize-control-ast-responsive-background .astra-popover-color .components-h-stack.ast-color-palette, +.customize-control-ast-color-group .astra-popover-color .astra-background-tabs .components-h-stack.ast-color-palette { + padding: 0 5px 14px; +} + +.astra-popover-color .components-h-stack .components-button { + flex: inherit; +} + +.astra-popover-color .components-circular-option-picker__option:focus::after{ + width: auto; + height: auto; +} + +.astra-popover-color .components-h-stack .components-circular-option-picker__option-wrapper{ + margin-left: 0; +} + +.astra-popover-color .components-color-picker .react-colorful__hue, +.astra-popover-color .components-color-picker .react-colorful__alpha { + width: 90%; +} + +.ast-field-settings-modal .astra-popover-color { + margin-right: 0px; + border: 1px solid #dedede; +} +.ast-field-settings-modal .astra-popover-color .components-tab-panel__tabs { + padding: 8px; +} +.components-color-picker__saturation-black { + border-radius: 4px 4px 0 0; +} +.components-color-picker__saturation-color { + border-radius: 3px; +} +.components-color-picker__saturation-white { + border-radius: 3px; +} +.astra-color-picker-wrap { + position: absolute; + z-index: 2; + top: 30px; + right: 0; + left: 0; + bottom: 0; + display: none; +} + +.astra-color-picker-wrap .astra-popover-color .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .react-colorful { + width: 100%; +} + +.astra-popover-color .components-custom-gradient-picker{ + z-index: 1; +} +.astra-popover-color .components-custom-gradient-picker__ui-line{ + z-index: -1; +} + +.astra-color-picker-wrap.picker-open{ + display: block; +} +.ast-field-settings-modal .astra-color-picker-wrap { + position: relative; + top: 10px; +} +.ast-color-palette .components-circular-option-picker__option-wrapper { + margin-left: 6px; + position: relative; + height: 25px; + width: 25px; +} +/* Clear Button CSS */ +.ast-color-btn-clear-wrap { + position: absolute; + top: 1.5px; + left: 65px; +} +.ast-color-btn-clear-wrap .astra-color-clear-button.components-button { + padding: 10px 3px; + width: 20px; + height: 20px; +} +.ast-clear-btn-inside-picker.components-button, +.ast-reset-btn-inside-picker.components-button, +.astra-popover-tabs .ast-clear-btn-inside-picker.components-button { + margin: 5px 15px 20px 20px; + padding: 0 8px; + border: 1px solid #ccc; + box-shadow: none; +} +.ast-clear-btn-inside-picker.components-button:hover, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:hover, +.ast-clear-btn-inside-picker.components-button:focus, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:focus, +.ast-clear-btn-inside-picker.components-button:active, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:active, +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active { + box-shadow: none !important; + background: transparent !important; +} +.ast-clear-btn-inside-picker { + padding: 0 8px; +} +/* Reset Button CSS */ +.ast-color-btn-reset-wrap { + position: absolute; + left: 36px; + top: 6px; +} +.ast-color-btn-reset-wrap .ast-reset-btn.components-button, .ast-resp-slider-reset-wrap .ast-reset-btn.components-button { + color: #006BA1; + height: 20px; + width: 20px; + padding: 4px; + background: transparent; + box-shadow: none !important; + cursor: pointer; +} +.astra-color-clear-button.components-button:focus:not(:disabled) { + outline: unset; + border: none; +} +.ast-color-btn-reset-wrap .ast-reset-btn.components-button:hover, .ast-color-btn-reset-wrap .ast-reset-btn.components-button:focus, +.ast-resp-slider-reset-wrap .ast-reset-btn.components-button:hover, .ast-resp-slider-reset-wrap .ast-reset-btn.components-button:focus { + box-shadow: none; + border: none; + background: transparent; +} +.astra-color-clear-button.components-button.is-secondary:hover:not(:disabled), +.astra-color-clear-button.components-button:focus:not(:disabled) { + box-shadow: 0 0 black; + padding: 1.5px; + border: none; +} +.astra-color-clear-button.components-button.is-secondary:disabled, .ast-reset-btn.components-button.is-secondary:disabled span { + color: var(--ast-customizer-color-6); +} +/** Inside Setting group popup - Colors */ +.ast-field-settings-modal .color-button-wrap { + left: 16px; +} +.ast-field-settings-modal .ast-color-btn-reset-wrap { + left: 59px; + top: 6px; +} +.ast-field-settings-modal .ast-color-btn-clear-wrap { + left: 78px; +} +.astra-color-picker-wrap .components-color-picker__inputs-wrapper { + min-width: unset; +} +/** Gradient Color Picker */ +.customize-control .ast-gradient-color-picker input[type="number"] { + width: 100%; +} +.ast-gradient-color-picker .components-select-control.components-custom-gradient-picker__type-picker { + align-items: center; + flex-direction: inherit; +} +.astra-color-picker-wrap .components-popover__content { + width: max-content; +} + +.astra-color-picker-wrap .components-custom-gradient-picker__inserter .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .react-colorful { + width: 216px; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-select-control.components-custom-gradient-picker__type-picker { + flex-direction: column; + align-items: start; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-angle-picker-control { + margin-bottom: 0; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point { + padding: 0 16px 16px 16px; + border: 0; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point:focus { + box-shadow: none; + outline: none; +} + +/** Gradient Color Picker -> RGBA & HSLA range fields */ +.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type="number"] { + width: 100%; +} +/** Modal Color Picker - Group Param */ +.ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; +} +.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 25px; + width: 25px; +} +.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 2.5px; + top: 0px; + width: 20px; +} +.ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 0; + top: 0; + mix-blend-mode: difference; +} +.astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches { + gap: 4px; + justify-content: center; +} +.astra-popover-color .components-circular-option-picker__option-wrapper:hover { + transform: scale(1.1); +} + +.customize-control-ast-color + .customize-control-ast-color { + margin-top: 30px; +} +.astra-popover-tabs .color-tab [data-wp-component="Flex"], +.astra-popover-color .color-tab [data-wp-component="Flex"] { + padding-right: 8px; +} +.astra-popover-tabs .ast-clear-btn-inside-picker.components-button, .astra-popover-color .ast-clear-btn-inside-picker.components-button { + margin-right: 8px; + margin-top: 0px; +} +@media (max-width: 1845px) { + /** Responsive Devices - Compatibility CSS */ + .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 22px; + width: 22px; + } + .astra-background-tabs .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + width: 20px; + top: -2px; + } + .astra-popover-color .ast-color-palette.components-circular-option-picker { + width: auto; + padding: 16px 8px 0px 0px; + } + .astra-typography-control .typography-button-wrap > button.components-button.astra-typography-preview-indicate { + padding: 0 2px; + } + .astra-typography-control .typography-button-wrap > button.components-button { + padding: 0 4px; + } + /** Modal Popup */ + .ast-fields-wrap .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: auto; + height: auto; + } + .ast-fields-wrap .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-fields-wrap .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 1px; + top: -2px; + width: 18px; + } + .astra-popover-color .components-circular-option-picker__option[aria-pressed=true]+svg, .components-circular-option-picker__option[aria-selected=true]+svg { + width: 22px; + height: 22px; + right: 0; + top: 0; + mix-blend-mode: difference; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; + } + .astra-background-tabs .components-circular-option-picker__option[aria-selected=true]+svg { + width: 20px; + height: 20px; + } +} +@supports (-moz-appearance:none) { + @media (max-width: 1845px) { + .ast-color-palette .components-circular-option-picker__option-wrapper { + margin-left: 5px; + } + .ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 21px; + height: 21px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 3px; + top: -2px; + width: 15px; + } + } +} + +.astra-color-icon-indicate.components-button:focus:not(:disabled) { + box-shadow: unset; + outline: unset; +} +.astra-color-icon-indicate.components-button:hover { + transform: scale(1.05); +} + +.ast-top-divider.customize-control-ast-color .ast-divider-title + .ast-control-wrap, +.ast-top-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap { + margin-top: 25px; + display: inline-flex; + width: 100%; + min-height: 22px; +} + + +.ast-top-divider.customize-control-ast-toggle-control .ast-divider-title + .ast-togglecontrol-wrapper, +.ast-bottom-divider.customize-control-ast-toggle-control .ast-divider-title + .ast-togglecontrol-wrapper, +.ast-top-divider.customize-control-ast-responsive-toggle-control .ast-divider-title + .ast-responsive-toggle-control-wrapper, +.ast-top-divider.customize-control-ast-responsive-color .ast-divider-title + .ast-control-wrap, +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap, +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap { + margin-top: 25px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-control-wrap { + display: inline-flex; + width: 100%; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 67px; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .color-button-wrap { + top: 61px; +} + +.ast-color-palette.components-circular-option-picker .components-circular-option-picker__swatches{ + width: 100%; +} + +/* Instead of updating above CSS, handled this control's edge case separately. */ +li#customize-control-astra-settings-transparent-content-section-text-color-responsive .ast-control-wrap .ast-responsive-btns { + top: 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; +} diff --git a/assets/css/color.css b/assets/css/color.css new file mode 100644 index 00000000..f934ac0a --- /dev/null +++ b/assets/css/color.css @@ -0,0 +1,700 @@ + /** Remove Button Color */ + +.astra-control-field.astra-color-control { + display: flex; +} + +.astra-control-field { + position: relative; + margin-top: 10px; + margin-bottom: 10px; +} + +.astra-control-field.astra-color-control .customize-control-title { + flex-grow: 2; +} +.astra-control-field .customize-control-title { + font-size: 14px; + font-weight: 600; + margin-bottom: 0; + display: flex; + align-items: center; + letter-spacing: 0.1px; + line-height: 18px; +} +.customize-control-title { + display: block; + font-size: 14px; + line-height: 1; + font-weight: 600; + margin-bottom: 4px; +} + +.astra-globe-dashicon { + color: #ffffff; + background: rgba(0,0,0,0.4); + border-radius: 100%; + border: 0.1px solid rgba(0,0,0,0.1); + opacity: 0.78; +} + +.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; + background: inherit; +} +.component-color-indicator { + width: 25px; + height: 16px; + display: inline-block; +} + +.astra-advanced-color-indicate.component-color-indicator { + border: none; +} + +.astra-color-icon-indicate.components-button { + height: auto; + position: relative; + transform: scale(1); + transition: none; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 0 0, 0 5px, 5px -5px, -5px 0; +} + +/** Color */ +.astra-popover-color .components-popover__content .components-focal-point-picker-wrapper { + box-sizing: border-box; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container input[type="number"].components-text-control__input { + min-height: 16px; + line-height: 16px; + font-size: 12px; + width: 50px; + font-weight: normal; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control { + flex: 1; + margin-bottom: 0; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control .components-base-control__label { + margin-bottom: 0; + margin-right: 0.2em; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control__field { + display: flex; + align-items: center; + font-size: 8px; + font-weight: 600; + font-style: normal; + text-transform: uppercase; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control:last-child .components-base-control__field { + justify-content: flex-end; +} +.astra-popover-color .components-popover__content .actions { + display: flex; + justify-content: center; + margin-bottom: 10px; +} +.astra-popover-color .components-popover__content .actions .button { + flex: 1; + margin-top: 10px; +} +.astra-background-picker-wrap .astra-popover-color .components-popover__content { + min-width: 300px; + min-height: 340px; + max-height: 60vh; +} +.color-button-wrap { + display: inline-block; + position: absolute; + right: 0; + top: 0; + transform: scale(1); + transition: transform .1s ease; + height: 28px; + width: 28px; +} +.components-button.astra-color-icon-indicate .astra-advanced-color-indicate:after { + content: ""; + position: absolute; + top: -1px; + left: -1px; + bottom: -1px; + right: -1px; + border-radius: 50%; + border: 1px solid transparent; +} +.components-button.astra-background-icon-indicate { + width: 50px; + height: 50px; + border-radius: 50%; + position: relative; + transform: scale(1); + transition: transform 0.1s ease; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0); + border: 1px solid #dadada; + background-size: 10px 10px; + background-position: 0 0, 0 5px, 5px -5px, -5px 0; +} +.components-button.astra-background-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 100%; + height: 100%; + border-radius: 4px; + margin: 0; + display: block; + position: absolute; + border: 0; + top: 0; +} +.components-button.astra-background-icon-indicate > svg.dashicon { + position: absolute; + transform: translate(-50%, -50%); + left: 50%; + top: 50%; + color: white; + background: rgba(0, 0, 0, 0.6); + border-radius: 100%; + width: 16px; + height: 16px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.components-button.astra-background-icon-indicate > svg.dashicon path { + transform: translate(1px, 1px); +} +.components-button.astra-background-icon-indicate img.astra-background-image-preview { + display: flex; + object-fit: cover; + min-width: 100%; + min-height: 100%; + position: absolute; + top: 0; +} +.components-button.astra-background-icon-indicate:hover { + box-shadow: none !important; +} +.astra-control-field.astra-color-control { + display: flex; +} +.astra-control-field.astra-color-control .customize-control-title { + flex-grow: 2; +} +.components-popover.astra-popover-color .components-popover__content { + padding: 15px 15px 0px; + box-sizing: initial; + background: #fff; + border: unset; + border-radius: 4px; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); +} +.customize-control-ast-color.customize-control > * { + display: inline; +} +.components-popover.astra-popover-color .components-popover__content .sketch-picker { + padding: 0 0 5px !important; + box-shadow: none !important; + border-radius: 0px !important; +} +.components-popover.astra-popover-color .components-popover__content .attachment-media-view { + margin-top: 10px; + margin-bottom: 10px; +} +.astra-swatches-wrap .astra-swatche-item-wrap:hover { + transform: scale(1.1) !important; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item { + background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 0 0, 0 5px, 5px -5px, -5px 0; + padding: 0; + display: flex; + justify-content: center; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item .dashicon { + display: none; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active { + box-shadow: 0 0 0 8px inset !important; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon { + display: block; + color: white; + background: rgba(0, 0, 0, 0.6); + width: 16px; + height: 16px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 100%; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon path { + transform: translate(1px, 1px); +} +.components-button.astra-color-icon-indicate > .dashicon { + position: absolute; + transform: translate(-50%, -50%); + left: 50%; + top: 50%; + color: white; + background: rgb(85 93 101); + border-radius: 4px; + width: 17px; + height: 17px; + font-size: 17px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.astra-popover-color { + margin: 5px -5px 0; + background-color: #ffffff; + border-radius: 4px; + box-shadow: 0px 8px 16px -4px rgba(30, 41, 59, 0.16); +} + +.astra-popover-color .components-h-stack.ast-color-palette { + padding: 14px 5px; +} + +.customize-control-ast-responsive-background .astra-popover-color .components-h-stack.ast-color-palette, +.customize-control-ast-color-group .astra-popover-color .astra-background-tabs .components-h-stack.ast-color-palette { + padding: 0 5px 14px; +} + +.astra-popover-color .components-h-stack .components-button { + flex: inherit; +} + +.astra-popover-color .components-circular-option-picker__option:focus::after{ + width: auto; + height: auto; +} + +.astra-popover-color .components-h-stack .components-circular-option-picker__option-wrapper{ + margin-right: 0; +} + +.astra-popover-color .components-color-picker .react-colorful__hue, +.astra-popover-color .components-color-picker .react-colorful__alpha { + width: 90%; +} + +.ast-field-settings-modal .astra-popover-color { + margin-left: 0px; + border: 1px solid #dedede; +} +.ast-field-settings-modal .astra-popover-color .components-tab-panel__tabs { + padding: 8px; +} +.components-color-picker__saturation-black { + border-radius: 4px 4px 0 0; +} +.components-color-picker__saturation-color { + border-radius: 3px; +} +.components-color-picker__saturation-white { + border-radius: 3px; +} +.astra-color-picker-wrap { + position: absolute; + z-index: 2; + top: 30px; + left: 0; + right: 0; + bottom: 0; + display: none; +} + +.astra-color-picker-wrap .astra-popover-color .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .react-colorful { + width: 100%; +} + +.astra-popover-color .components-custom-gradient-picker{ + z-index: 1; +} +.astra-popover-color .components-custom-gradient-picker__ui-line{ + z-index: -1; +} + +.astra-color-picker-wrap.picker-open{ + display: block; +} +.ast-field-settings-modal .astra-color-picker-wrap { + position: relative; + top: 10px; +} +.ast-color-palette .components-circular-option-picker__option-wrapper { + margin-right: 6px; + position: relative; + height: 25px; + width: 25px; +} +/* Clear Button CSS */ +.ast-color-btn-clear-wrap { + position: absolute; + top: 1.5px; + right: 65px; +} +.ast-color-btn-clear-wrap .astra-color-clear-button.components-button { + padding: 10px 3px; + width: 20px; + height: 20px; +} +.ast-clear-btn-inside-picker.components-button, +.ast-reset-btn-inside-picker.components-button, +.astra-popover-tabs .ast-clear-btn-inside-picker.components-button { + margin: 5px 20px 20px 15px; + padding: 0 8px; + border: 1px solid #ccc; + box-shadow: none; +} +.ast-clear-btn-inside-picker.components-button:hover, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:hover, +.ast-clear-btn-inside-picker.components-button:focus, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:focus, +.ast-clear-btn-inside-picker.components-button:active, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:active, +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active { + box-shadow: none !important; + background: transparent !important; +} +.ast-clear-btn-inside-picker { + padding: 0 8px; +} +/* Reset Button CSS */ +.ast-color-btn-reset-wrap { + position: absolute; + right: 36px; + top: 6px; +} +.ast-color-btn-reset-wrap .ast-reset-btn.components-button, .ast-resp-slider-reset-wrap .ast-reset-btn.components-button { + color: #006BA1; + height: 20px; + width: 20px; + padding: 4px; + background: transparent; + box-shadow: none !important; + cursor: pointer; +} +.astra-color-clear-button.components-button:focus:not(:disabled) { + outline: unset; + border: none; +} +.ast-color-btn-reset-wrap .ast-reset-btn.components-button:hover, .ast-color-btn-reset-wrap .ast-reset-btn.components-button:focus, +.ast-resp-slider-reset-wrap .ast-reset-btn.components-button:hover, .ast-resp-slider-reset-wrap .ast-reset-btn.components-button:focus { + box-shadow: none; + border: none; + background: transparent; +} +.astra-color-clear-button.components-button.is-secondary:hover:not(:disabled), +.astra-color-clear-button.components-button:focus:not(:disabled) { + box-shadow: 0 0 black; + padding: 1.5px; + border: none; +} +.astra-color-clear-button.components-button.is-secondary:disabled, .ast-reset-btn.components-button.is-secondary:disabled span { + color: var(--ast-customizer-color-6); +} +/** Inside Setting group popup - Colors */ +.ast-field-settings-modal .color-button-wrap { + right: 16px; +} +.ast-field-settings-modal .ast-color-btn-reset-wrap { + right: 59px; + top: 6px; +} +.ast-field-settings-modal .ast-color-btn-clear-wrap { + right: 78px; +} +.astra-color-picker-wrap .components-color-picker__inputs-wrapper { + min-width: unset; +} +/** Gradient Color Picker */ +.customize-control .ast-gradient-color-picker input[type="number"] { + width: 100%; +} +.ast-gradient-color-picker .components-select-control.components-custom-gradient-picker__type-picker { + align-items: center; + flex-direction: inherit; +} +.astra-color-picker-wrap .components-popover__content { + width: max-content; +} + +.astra-color-picker-wrap .components-custom-gradient-picker__inserter .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .react-colorful { + width: 216px; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-select-control.components-custom-gradient-picker__type-picker { + flex-direction: column; + align-items: start; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-angle-picker-control { + margin-bottom: 0; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point { + padding: 0 16px 16px 16px; + border: 0; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point:focus { + box-shadow: none; + outline: none; +} + +/** Gradient Color Picker -> RGBA & HSLA range fields */ +.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type="number"] { + width: 100%; +} +/** Modal Color Picker - Group Param */ +.ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; +} +.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 25px; + width: 25px; +} +.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 2.5px; + top: 0px; + width: 20px; +} +.ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 0; + top: 0; + mix-blend-mode: difference; +} +.astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches { + gap: 4px; + justify-content: center; +} +.astra-popover-color .components-circular-option-picker__option-wrapper:hover { + transform: scale(1.1); +} + +.customize-control-ast-color + .customize-control-ast-color { + margin-top: 30px; +} +.astra-popover-tabs .color-tab [data-wp-component="Flex"], +.astra-popover-color .color-tab [data-wp-component="Flex"] { + padding-left: 8px; +} +.astra-popover-tabs .ast-clear-btn-inside-picker.components-button, .astra-popover-color .ast-clear-btn-inside-picker.components-button { + margin-left: 8px; + margin-top: 0px; +} +@media (max-width: 1845px) { + /** Responsive Devices - Compatibility CSS */ + .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 22px; + width: 22px; + } + .astra-background-tabs .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + width: 20px; + top: -2px; + } + .astra-popover-color .ast-color-palette.components-circular-option-picker { + width: auto; + padding: 16px 0px 0px 8px; + } + .astra-typography-control .typography-button-wrap > button.components-button.astra-typography-preview-indicate { + padding: 0 2px; + } + .astra-typography-control .typography-button-wrap > button.components-button { + padding: 0 4px; + } + /** Modal Popup */ + .ast-fields-wrap .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: auto; + height: auto; + } + .ast-fields-wrap .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-fields-wrap .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 1px; + top: -2px; + width: 18px; + } + .astra-popover-color .components-circular-option-picker__option[aria-pressed=true]+svg, .components-circular-option-picker__option[aria-selected=true]+svg { + width: 22px; + height: 22px; + left: 0; + top: 0; + mix-blend-mode: difference; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; + } + .astra-background-tabs .components-circular-option-picker__option[aria-selected=true]+svg { + width: 20px; + height: 20px; + } +} +@supports (-moz-appearance:none) { + @media (max-width: 1845px) { + .ast-color-palette .components-circular-option-picker__option-wrapper { + margin-right: 5px; + } + .ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 21px; + height: 21px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 3px; + top: -2px; + width: 15px; + } + } +} + +.astra-color-icon-indicate.components-button:focus:not(:disabled) { + box-shadow: unset; + outline: unset; +} +.astra-color-icon-indicate.components-button:hover { + transform: scale(1.05); +} + +.ast-top-divider.customize-control-ast-color .ast-divider-title + .ast-control-wrap, +.ast-top-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap { + margin-top: 25px; + display: inline-flex; + width: 100%; + min-height: 22px; +} + + +.ast-top-divider.customize-control-ast-toggle-control .ast-divider-title + .ast-togglecontrol-wrapper, +.ast-bottom-divider.customize-control-ast-toggle-control .ast-divider-title + .ast-togglecontrol-wrapper, +.ast-top-divider.customize-control-ast-responsive-toggle-control .ast-divider-title + .ast-responsive-toggle-control-wrapper, +.ast-top-divider.customize-control-ast-responsive-color .ast-divider-title + .ast-control-wrap, +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap, +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap { + margin-top: 25px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-control-wrap { + display: inline-flex; + width: 100%; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 67px; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .color-button-wrap { + top: 61px; +} + +.ast-color-palette.components-circular-option-picker .components-circular-option-picker__swatches{ + width: 100%; +} + +/* Instead of updating above CSS, handled this control's edge case separately. */ +li#customize-control-astra-settings-transparent-content-section-text-color-responsive .ast-control-wrap .ast-responsive-btns { + top: 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; +} diff --git a/assets/css/column.css b/assets/css/column.css new file mode 100644 index 00000000..bdac7b00 --- /dev/null +++ b/assets/css/column.css @@ -0,0 +1,86 @@ +.uagb-column__wrap,.uagb-column__inner-wrap{margin-left:auto;margin-right:auto;position:relative;width:100%;z-index:2}.uagb-column__wrap{position:relative;overflow:visible}.uagb-column__wrap>*{z-index:1;width:100%;position:relative}.uagb-column__wrap .aligncenter{display:block;text-align:center}.uagb-column__wrap .aligncenter figcaption{display:block;text-align:center}.uagb-column__wrap .alignright{display:block;text-align:right}.uagb-column__wrap .alignright figcaption{display:block;text-align:right}.uagb-column__wrap .wp-block-image{width:100%}.uagb-column__wrap.uagb-column__align-left{margin-left:0;margin-right:auto}.uagb-column__wrap.uagb-column__align-right{margin-left:auto;margin-right:0}.uagb-column__wrap .uagb-column__video-wrap,.uagb-column__wrap .uagb-column__overlay{height:100%;width:100%;top:0;left:0;position:absolute;border-radius:inherit}.uagb-column__wrap .uagb-column__video-wrap{overflow:hidden;z-index:0;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.uagb-column__wrap .uagb-column__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="uagb/column"]{display:flex;flex-direction:column;flex:1;padding-left:0;padding-right:0;margin-left:-14px;margin-right:-14px;min-width:0;word-break:break-word;overflow-wrap:break-word;flex-basis:100%}@media (max-width: 976px){.uagb-column__align-tablet-left{margin-left:0;margin-right:auto}.uagb-column__align-tablet-right{margin-left:auto;margin-right:0}}@media (max-width: 767px){.uagb-column__align-mobile-left{margin-left:0;margin-right:auto}.uagb-column__align-mobile-right{margin-left:auto;margin-right:0}}@media (max-width: 449px){.uagb-columns__wrap.uagb-columns__background-image{background-attachment:scroll !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; +} diff --git a/assets/css/columns.css b/assets/css/columns.css new file mode 100644 index 00000000..d89bdafc --- /dev/null +++ b/assets/css/columns.css @@ -0,0 +1,86 @@ +[class*="uagb-columns__columns-"],.uagb-columns__inner-wrap{position:relative;margin-left:auto;margin-right:auto;z-index:2;display:flex;flex-wrap:nowrap;width:100%}.uagb-columns__wrap{position:relative;margin-left:auto;margin-right:auto}.uagb-columns__wrap .uagb-columns__overlay,.uagb-columns__wrap .uagb-columns__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute}.uagb-columns__wrap .uagb-columns__video-wrap{overflow:hidden;z-index:0;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.uagb-columns__wrap .uagb-columns__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.uagb-columns__wrap .uagb-columns__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr;z-index:1}.uagb-columns__wrap .uagb-columns__shape-top{top:-3px}.uagb-columns__wrap .uagb-columns__shape-bottom{bottom:-3px}.uagb-columns__wrap .uagb-columns__shape[data-negative="false"].uagb-columns__shape-bottom,.uagb-columns__wrap .uagb-columns__shape[data-negative="true"].uagb-columns__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-columns__wrap .uagb-columns__shape.uagb-columns__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-columns__wrap .uagb-columns__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-columns__wrap .uagb-columns__shape .uagb-columns__shape-fill{fill:#333;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-columns__wrap .uagb-columns__shape.uagb-columns__shape-above-content{z-index:9;pointer-events:none}.uagb-columns__valign-center .uagb-column__wrap,.uagb-columns__valign-middle .uagb-column__wrap{display:flex;flex-direction:column;justify-content:center}.uagb-columns__valign-top .uagb-column__wrap{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}.uagb-columns__valign-bottom .uagb-column__wrap{display:flex;flex-direction:column;justify-content:flex-end}.uagb-columns__columns-1>.uagb-column__wrap{width:100%}.uagb-columns__columns-2>.uagb-column__wrap{width:50%}.uagb-columns__columns-3>.uagb-column__wrap{width:33.33%}.uagb-columns__columns-4>.uagb-column__wrap{width:25%}.uagb-columns__columns-5>.uagb-column__wrap{width:20%}.uagb-columns__columns-6>.uagb-column__wrap{width:16.66%}.uagb-columns__gap-nogap>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:0}.uagb-columns__gap-default>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:10px}.uagb-columns__gap-narrow>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:5px}.uagb-columns__gap-extended>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:15px}.uagb-columns__gap-wide>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:20px}.uagb-columns__gap-wider>.uagb-columns__inner-wrap>.wp-block[data-type="uagb/column"]{padding:30px}@media (max-width: 976px){.uagb-columns__stack-tablet>.uagb-columns__columns-1>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-2>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-3>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-4>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-5>.uagb-column__wrap,.uagb-columns__stack-tablet>.uagb-columns__columns-6>.uagb-column__wrap{width:100% !important}.uagb-columns__stack-tablet{display:block}.uagb-columns__stack-tablet>.uagb-columns__inner-wrap{display:block}.uagb-columns__stack-tablet.uagb-columns__reverse-tablet .uagb-columns__inner-wrap{display:flex;flex-direction:column-reverse}.uagb-columns__reverse-tablet .uagb-columns__inner-wrap{display:flex;flex-direction:row-reverse}}@media (max-width: 767px){.uagb-columns__stack-mobile>.uagb-columns__columns-1>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-2>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-3>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-4>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-5>.uagb-column__wrap,.uagb-columns__stack-mobile>.uagb-columns__columns-6>.uagb-column__wrap{width:100% !important}.uagb-columns__stack-mobile{display:block}.uagb-columns__stack-mobile>.uagb-columns__inner-wrap{display:block}.uagb-columns__stack-mobile.uagb-columns__reverse-mobile .uagb-columns__inner-wrap,.uagb-columns__stack-mobile.uagb-columns__reverse-tablet .uagb-columns__inner-wrap{display:flex;flex-direction:column-reverse}.uagb-columns__stack-tablet.uagb-columns__reverse-mobile .uagb-columns__inner-wrap{display:flex;flex-direction:column-reverse}.uagb-columns__reverse-mobile .uagb-columns__inner-wrap{display:flex;flex-direction:row-reverse}}@media (min-width: 768px) and (max-width: 1024px){.wp-block-uagb-columns.uagb-columns__wrap.uagb-columns__background-image{background-attachment:scroll}}@media (max-width: 449px){.uagb-columns__wrap .uagb-column__wrap.uagb-column__background-image{background-attachment:scroll !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; +} diff --git a/assets/css/common-rtl.css b/assets/css/common-rtl.css new file mode 100644 index 00000000..5c471eea --- /dev/null +++ b/assets/css/common-rtl.css @@ -0,0 +1,265 @@ +/* + * Blog Common + * + * => Content + * Normal Grid - 2 - Blog + * Normal Grid - 3 - Blog + * Normal Grid - 4 - Blog + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-page-builder-template .ast-article-post { + margin-bottom: 2.5em; +} + +.ast-featured-post { + float: none; +} + +.ast-separate-container .ast-separate-posts.ast-article-post { + margin-bottom: 2em; +} + +/** + * Normal Blog + */ +.ast-animate-hidden { + visibility: hidden; + opacity: 0; +} + +.ast-animate-display { + visibility: visible; + opacity: 1; +} + +.ast-no-thumb .ast-date-meta .posted-on { + margin-bottom: 1.5em; +} + +.ast-date-meta.circle .posted-on { + border-radius: 50%; + overflow: hidden; +} + +.has-post-thumbnail .ast-date-meta.circle .posted-on { + margin: 1em; +} + +.ast-separate-container .ast-grid-1 .blog-layout-1 { + padding: 0; +} + +.ast-separate-container .ast-grid-1 .blog-layout-2, +.ast-separate-container .ast-grid-1 .blog-layout-3 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-2, +.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-3, +.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-2, +.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-3, +.ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-2, +.ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-3 { + border-bottom: 0; +} + +.ast-separate-container .blog-layout-1, +.ast-separate-container .blog-layout-2, +.ast-separate-container .blog-layout-3 { + padding: 2.66666em; +} + +.ast-separate-container .ast-grid-2 .blog-layout-1, +.ast-separate-container .ast-grid-2 .blog-layout-2, +.ast-separate-container .ast-grid-2 .blog-layout-3, +.ast-separate-container .ast-grid-3 .blog-layout-1, +.ast-separate-container .ast-grid-3 .blog-layout-2, +.ast-separate-container .ast-grid-3 .blog-layout-3, +.ast-separate-container .ast-grid-4 .blog-layout-1, +.ast-separate-container .ast-grid-4 .blog-layout-2, +.ast-separate-container .ast-grid-4 .blog-layout-3 { + padding: 1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-grid-2 .ast-article-post:nth-child(2n+0), .ast-separate-container .ast-grid-2 .ast-article-post:nth-child(2n+1), + .ast-separate-container .ast-grid-3 .ast-article-post:nth-child(2n+0), + .ast-separate-container .ast-grid-3 .ast-article-post:nth-child(2n+1), + .ast-separate-container .ast-grid-4 .ast-article-post:nth-child(2n+0), + .ast-separate-container .ast-grid-4 .ast-article-post:nth-child(2n+1) { + padding: 0; + } + .ast-separate-container .blog-layout-1, + .ast-separate-container .blog-layout-2, + .ast-separate-container .blog-layout-3 { + padding: 1.5em; + } +} + +.site-content .ast-grid-2 .ast-article-post, +.site-content .ast-grid-3 .ast-article-post, +.site-content .ast-grid-4 .ast-article-post { + background: transparent; +} + +.site-content .ast-grid-2 .ast-article-post .blog-layout-2, +.site-content .ast-grid-2 .ast-article-post .blog-layout-3, +.site-content .ast-grid-3 .ast-article-post .blog-layout-2, +.site-content .ast-grid-3 .ast-article-post .blog-layout-3, +.site-content .ast-grid-4 .ast-article-post .blog-layout-2, +.site-content .ast-grid-4 .ast-article-post .blog-layout-3 { + border-bottom: 0; +} + +/* Full Width Content Stretch */ +.ast-page-builder-template .ast-article-post .entry-header { + margin: auto auto 1em auto; + padding: 0; +} + +.ast-article-post .ast-post-format-audio.ast-embeded-audio .ast-date-meta .posted-on { + position: relative; + display: inline-block; + margin-bottom: 1em; +} + +hr.post-divider { + height: 0; + margin: 0; +} + +hr.ast-single-previous-hr { + height: 0; + margin-top: 2em; +} + +.ast-show-comments-data { + padding: 2em 6.67em; +} + +.ast-show-comments-data .ast-show-comments { + cursor: pointer; +} + +.ast-show-comments-data .ast-show-comments-count, +.ast-show-comments-data .ast-show-comments { + max-width: 640px; + text-align: center; + margin-right: auto; + margin-left: auto; +} + +.ast-show-comments-data .ast-show-comments-count { + margin-bottom: 2em; +} + +.ast-pagination-square .ast-pagination .page-numbers, +.ast-pagination-circle .ast-pagination .page-numbers { + border-style: solid; + border-width: 1px; + line-height: 2.33333em; +} + +.ast-pagination-circle .ast-pagination .page-numbers { + border-radius: 50%; +} + +.ast-pagination-circle .ast-pagination .prev.page-numbers, +.ast-pagination-circle .ast-pagination .next.page-numbers { + border-radius: 30px; +} + +@media all and (max-width: 768px) { + #content:before { + content: ""; + } +} + + +/* 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; +} diff --git a/assets/css/common-rtl.min.css b/assets/css/common-rtl.min.css new file mode 100644 index 00000000..bda8698b --- /dev/null +++ b/assets/css/common-rtl.min.css @@ -0,0 +1,85 @@ +.ast-page-builder-template .ast-article-post{margin-bottom:2.5em}.ast-featured-post{float:none}.ast-separate-container .ast-separate-posts.ast-article-post{margin-bottom:2em}.ast-animate-hidden{visibility:hidden;opacity:0}.ast-animate-display{visibility:visible;opacity:1}.ast-no-thumb .ast-date-meta .posted-on{margin-bottom:1.5em}.ast-date-meta.circle .posted-on{border-radius:50%;overflow:hidden}.has-post-thumbnail .ast-date-meta.circle .posted-on{margin:1em}.ast-separate-container .ast-grid-1 .blog-layout-1{padding:0}.ast-separate-container .ast-grid-1 .blog-layout-2,.ast-separate-container .ast-grid-1 .blog-layout-3{padding:0;border-bottom:0}.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-2,.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-3,.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-2,.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-3,.ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-2,.ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-3{border-bottom:0}.ast-separate-container .blog-layout-1,.ast-separate-container .blog-layout-2,.ast-separate-container .blog-layout-3{padding:2.66666em}.ast-separate-container .ast-grid-2 .blog-layout-1,.ast-separate-container .ast-grid-2 .blog-layout-2,.ast-separate-container .ast-grid-2 .blog-layout-3,.ast-separate-container .ast-grid-3 .blog-layout-1,.ast-separate-container .ast-grid-3 .blog-layout-2,.ast-separate-container .ast-grid-3 .blog-layout-3,.ast-separate-container .ast-grid-4 .blog-layout-1,.ast-separate-container .ast-grid-4 .blog-layout-2,.ast-separate-container .ast-grid-4 .blog-layout-3{padding:1.5em}@media (max-width:1200px){.ast-separate-container .ast-grid-2 .ast-article-post:nth-child(2n+0),.ast-separate-container .ast-grid-2 .ast-article-post:nth-child(odd),.ast-separate-container .ast-grid-3 .ast-article-post:nth-child(2n+0),.ast-separate-container .ast-grid-3 .ast-article-post:nth-child(odd),.ast-separate-container .ast-grid-4 .ast-article-post:nth-child(2n+0),.ast-separate-container .ast-grid-4 .ast-article-post:nth-child(odd){padding:0}.ast-separate-container .blog-layout-1,.ast-separate-container .blog-layout-2,.ast-separate-container .blog-layout-3{padding:1.5em}}.site-content .ast-grid-2 .ast-article-post,.site-content .ast-grid-3 .ast-article-post,.site-content .ast-grid-4 .ast-article-post{background:0 0}.site-content .ast-grid-2 .ast-article-post .blog-layout-2,.site-content .ast-grid-2 .ast-article-post .blog-layout-3,.site-content .ast-grid-3 .ast-article-post .blog-layout-2,.site-content .ast-grid-3 .ast-article-post .blog-layout-3,.site-content .ast-grid-4 .ast-article-post .blog-layout-2,.site-content .ast-grid-4 .ast-article-post .blog-layout-3{border-bottom:0}.ast-page-builder-template .ast-article-post .entry-header{margin:auto auto 1em auto;padding:0}.ast-article-post .ast-post-format-audio.ast-embeded-audio .ast-date-meta .posted-on{position:relative;display:inline-block;margin-bottom:1em}hr.post-divider{height:0;margin:0}hr.ast-single-previous-hr{height:0;margin-top:2em}.ast-show-comments-data{padding:2em 6.67em}.ast-show-comments-data .ast-show-comments{cursor:pointer}.ast-show-comments-data .ast-show-comments,.ast-show-comments-data .ast-show-comments-count{max-width:640px;text-align:center;margin-right:auto;margin-left:auto}.ast-show-comments-data .ast-show-comments-count{margin-bottom:2em}.ast-pagination-circle .ast-pagination .page-numbers,.ast-pagination-square .ast-pagination .page-numbers{border-style:solid;border-width:1px;line-height:2.33333em}.ast-pagination-circle .ast-pagination .page-numbers{border-radius:50%}.ast-pagination-circle .ast-pagination .next.page-numbers,.ast-pagination-circle .ast-pagination .prev.page-numbers{border-radius:30px}@media all and (max-width:768px){#content:before{content:""}} + +/* 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; +} diff --git a/assets/css/common.css b/assets/css/common.css new file mode 100644 index 00000000..59270f59 --- /dev/null +++ b/assets/css/common.css @@ -0,0 +1,265 @@ +/* + * Blog Common + * + * => Content + * Normal Grid - 2 - Blog + * Normal Grid - 3 - Blog + * Normal Grid - 4 - Blog + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.ast-page-builder-template .ast-article-post { + margin-bottom: 2.5em; +} + +.ast-featured-post { + float: none; +} + +.ast-separate-container .ast-separate-posts.ast-article-post { + margin-bottom: 2em; +} + +/** + * Normal Blog + */ +.ast-animate-hidden { + visibility: hidden; + opacity: 0; +} + +.ast-animate-display { + visibility: visible; + opacity: 1; +} + +.ast-no-thumb .ast-date-meta .posted-on { + margin-bottom: 1.5em; +} + +.ast-date-meta.circle .posted-on { + border-radius: 50%; + overflow: hidden; +} + +.has-post-thumbnail .ast-date-meta.circle .posted-on { + margin: 1em; +} + +.ast-separate-container .ast-grid-1 .blog-layout-1 { + padding: 0; +} + +.ast-separate-container .ast-grid-1 .blog-layout-2, +.ast-separate-container .ast-grid-1 .blog-layout-3 { + padding: 0; + border-bottom: 0; +} + +.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-2, +.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-3, +.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-2, +.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-3, +.ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-2, +.ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-3 { + border-bottom: 0; +} + +.ast-separate-container .blog-layout-1, +.ast-separate-container .blog-layout-2, +.ast-separate-container .blog-layout-3 { + padding: 2.66666em; +} + +.ast-separate-container .ast-grid-2 .blog-layout-1, +.ast-separate-container .ast-grid-2 .blog-layout-2, +.ast-separate-container .ast-grid-2 .blog-layout-3, +.ast-separate-container .ast-grid-3 .blog-layout-1, +.ast-separate-container .ast-grid-3 .blog-layout-2, +.ast-separate-container .ast-grid-3 .blog-layout-3, +.ast-separate-container .ast-grid-4 .blog-layout-1, +.ast-separate-container .ast-grid-4 .blog-layout-2, +.ast-separate-container .ast-grid-4 .blog-layout-3 { + padding: 1.5em; +} + +@media (max-width: 1200px) { + .ast-separate-container .ast-grid-2 .ast-article-post:nth-child(2n+0), .ast-separate-container .ast-grid-2 .ast-article-post:nth-child(2n+1), + .ast-separate-container .ast-grid-3 .ast-article-post:nth-child(2n+0), + .ast-separate-container .ast-grid-3 .ast-article-post:nth-child(2n+1), + .ast-separate-container .ast-grid-4 .ast-article-post:nth-child(2n+0), + .ast-separate-container .ast-grid-4 .ast-article-post:nth-child(2n+1) { + padding: 0; + } + .ast-separate-container .blog-layout-1, + .ast-separate-container .blog-layout-2, + .ast-separate-container .blog-layout-3 { + padding: 1.5em; + } +} + +.site-content .ast-grid-2 .ast-article-post, +.site-content .ast-grid-3 .ast-article-post, +.site-content .ast-grid-4 .ast-article-post { + background: transparent; +} + +.site-content .ast-grid-2 .ast-article-post .blog-layout-2, +.site-content .ast-grid-2 .ast-article-post .blog-layout-3, +.site-content .ast-grid-3 .ast-article-post .blog-layout-2, +.site-content .ast-grid-3 .ast-article-post .blog-layout-3, +.site-content .ast-grid-4 .ast-article-post .blog-layout-2, +.site-content .ast-grid-4 .ast-article-post .blog-layout-3 { + border-bottom: 0; +} + +/* Full Width Content Stretch */ +.ast-page-builder-template .ast-article-post .entry-header { + margin: auto auto 1em auto; + padding: 0; +} + +.ast-article-post .ast-post-format-audio.ast-embeded-audio .ast-date-meta .posted-on { + position: relative; + display: inline-block; + margin-bottom: 1em; +} + +hr.post-divider { + height: 0; + margin: 0; +} + +hr.ast-single-previous-hr { + height: 0; + margin-top: 2em; +} + +.ast-show-comments-data { + padding: 2em 6.67em; +} + +.ast-show-comments-data .ast-show-comments { + cursor: pointer; +} + +.ast-show-comments-data .ast-show-comments-count, +.ast-show-comments-data .ast-show-comments { + max-width: 640px; + text-align: center; + margin-left: auto; + margin-right: auto; +} + +.ast-show-comments-data .ast-show-comments-count { + margin-bottom: 2em; +} + +.ast-pagination-square .ast-pagination .page-numbers, +.ast-pagination-circle .ast-pagination .page-numbers { + border-style: solid; + border-width: 1px; + line-height: 2.33333em; +} + +.ast-pagination-circle .ast-pagination .page-numbers { + border-radius: 50%; +} + +.ast-pagination-circle .ast-pagination .prev.page-numbers, +.ast-pagination-circle .ast-pagination .next.page-numbers { + border-radius: 30px; +} + +@media all and (max-width: 768px) { + #content:before { + content: ""; + } +} + + +/* 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; +} diff --git a/assets/css/common.min.css b/assets/css/common.min.css new file mode 100644 index 00000000..5f3445b4 --- /dev/null +++ b/assets/css/common.min.css @@ -0,0 +1,85 @@ +.ast-page-builder-template .ast-article-post{margin-bottom:2.5em}.ast-featured-post{float:none}.ast-separate-container .ast-separate-posts.ast-article-post{margin-bottom:2em}.ast-animate-hidden{visibility:hidden;opacity:0}.ast-animate-display{visibility:visible;opacity:1}.ast-no-thumb .ast-date-meta .posted-on{margin-bottom:1.5em}.ast-date-meta.circle .posted-on{border-radius:50%;overflow:hidden}.has-post-thumbnail .ast-date-meta.circle .posted-on{margin:1em}.ast-separate-container .ast-grid-1 .blog-layout-1{padding:0}.ast-separate-container .ast-grid-1 .blog-layout-2,.ast-separate-container .ast-grid-1 .blog-layout-3{padding:0;border-bottom:0}.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-2,.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-3,.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-2,.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-3,.ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-2,.ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-3{border-bottom:0}.ast-separate-container .blog-layout-1,.ast-separate-container .blog-layout-2,.ast-separate-container .blog-layout-3{padding:2.66666em}.ast-separate-container .ast-grid-2 .blog-layout-1,.ast-separate-container .ast-grid-2 .blog-layout-2,.ast-separate-container .ast-grid-2 .blog-layout-3,.ast-separate-container .ast-grid-3 .blog-layout-1,.ast-separate-container .ast-grid-3 .blog-layout-2,.ast-separate-container .ast-grid-3 .blog-layout-3,.ast-separate-container .ast-grid-4 .blog-layout-1,.ast-separate-container .ast-grid-4 .blog-layout-2,.ast-separate-container .ast-grid-4 .blog-layout-3{padding:1.5em}@media (max-width:1200px){.ast-separate-container .ast-grid-2 .ast-article-post:nth-child(2n+0),.ast-separate-container .ast-grid-2 .ast-article-post:nth-child(odd),.ast-separate-container .ast-grid-3 .ast-article-post:nth-child(2n+0),.ast-separate-container .ast-grid-3 .ast-article-post:nth-child(odd),.ast-separate-container .ast-grid-4 .ast-article-post:nth-child(2n+0),.ast-separate-container .ast-grid-4 .ast-article-post:nth-child(odd){padding:0}.ast-separate-container .blog-layout-1,.ast-separate-container .blog-layout-2,.ast-separate-container .blog-layout-3{padding:1.5em}}.site-content .ast-grid-2 .ast-article-post,.site-content .ast-grid-3 .ast-article-post,.site-content .ast-grid-4 .ast-article-post{background:0 0}.site-content .ast-grid-2 .ast-article-post .blog-layout-2,.site-content .ast-grid-2 .ast-article-post .blog-layout-3,.site-content .ast-grid-3 .ast-article-post .blog-layout-2,.site-content .ast-grid-3 .ast-article-post .blog-layout-3,.site-content .ast-grid-4 .ast-article-post .blog-layout-2,.site-content .ast-grid-4 .ast-article-post .blog-layout-3{border-bottom:0}.ast-page-builder-template .ast-article-post .entry-header{margin:auto auto 1em auto;padding:0}.ast-article-post .ast-post-format-audio.ast-embeded-audio .ast-date-meta .posted-on{position:relative;display:inline-block;margin-bottom:1em}hr.post-divider{height:0;margin:0}hr.ast-single-previous-hr{height:0;margin-top:2em}.ast-show-comments-data{padding:2em 6.67em}.ast-show-comments-data .ast-show-comments{cursor:pointer}.ast-show-comments-data .ast-show-comments,.ast-show-comments-data .ast-show-comments-count{max-width:640px;text-align:center;margin-left:auto;margin-right:auto}.ast-show-comments-data .ast-show-comments-count{margin-bottom:2em}.ast-pagination-circle .ast-pagination .page-numbers,.ast-pagination-square .ast-pagination .page-numbers{border-style:solid;border-width:1px;line-height:2.33333em}.ast-pagination-circle .ast-pagination .page-numbers{border-radius:50%}.ast-pagination-circle .ast-pagination .next.page-numbers,.ast-pagination-circle .ast-pagination .prev.page-numbers{border-radius:30px}@media all and (max-width:768px){#content:before{content:""}} + +/* 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; +} diff --git a/assets/css/community-login-enhanced.css b/assets/css/community-login-enhanced.css new file mode 100644 index 00000000..16db5c4d --- /dev/null +++ b/assets/css/community-login-enhanced.css @@ -0,0 +1,618 @@ +/** + * HVAC Community Login - Enhanced Styling + * + * Updated login form styles using the harmonized framework + * to integrate seamlessly with the Astra theme. + * + * @version 3.0.0 + */ + +/* Login page wrapper */ +.hvac-login-page { + background: linear-gradient(135deg, var(--hvac-theme-background) 0%, var(--hvac-primary-subtle) 100%); + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; + padding: var(--hvac-spacing-6); + position: relative; + overflow: hidden; +} + +/* Background decoration */ +.hvac-login-page::before { + content: ''; + position: absolute; + top: -50%; + left: -50%; + width: 200%; + height: 200%; + background: radial-gradient(circle, var(--hvac-primary-light) 0%, transparent 70%); + opacity: 0.3; + animation: hvac-float 20s ease-in-out infinite; +} + +@keyframes hvac-float { + 0%, 100% { transform: translate(0, 0) rotate(0deg); } + 50% { transform: translate(-20px, -20px) rotate(1deg); } +} + +/* Main login container */ +.hvac-login-container { + position: relative; + z-index: 10; + width: 100%; + max-width: 480px; + margin: 0 auto; +} + +/* Login card */ +.hvac-login-card { + background-color: var(--hvac-background-white); + border-radius: var(--hvac-radius-2xl); + box-shadow: var(--hvac-shadow-xl); + overflow: hidden; + border: 1px solid var(--hvac-border); + backdrop-filter: blur(10px); + transition: transform var(--hvac-transition-normal); +} + +.hvac-login-card:hover { + transform: translateY(-8px); +} + +/* Login header */ +.hvac-login-header { + background: linear-gradient(135deg, var(--hvac-primary) 0%, var(--hvac-primary-dark) 100%); + color: white; + padding: var(--hvac-spacing-8) var(--hvac-spacing-6); + text-align: center; + position: relative; + overflow: hidden; +} + +.hvac-login-header::before { + content: ''; + position: absolute; + top: 0; + right: 0; + width: 150px; + height: 150px; + background: rgba(255, 255, 255, 0.1); + border-radius: 50%; + transform: translate(50px, -50px); +} + +.hvac-login-header h1 { + font-size: var(--hvac-font-size-2xl); + font-weight: var(--hvac-font-weight-bold); + margin: 0 0 var(--hvac-spacing-2) 0; + color: white; +} + +.hvac-login-header p { + font-size: var(--hvac-font-size-md); + margin: 0; + opacity: 0.9; + color: white; +} + +/* Login form */ +.hvac-login-form { + padding: var(--hvac-spacing-8) var(--hvac-spacing-6); +} + +.hvac-login-form-group { + margin-bottom: var(--hvac-spacing-6); + position: relative; +} + +.hvac-login-form-label { + display: block; + margin-bottom: var(--hvac-spacing-2); + font-weight: var(--hvac-font-weight-semibold); + color: var(--hvac-theme-text-dark); + font-size: var(--hvac-font-size-sm); + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.hvac-login-form-input { + width: 100%; + padding: var(--hvac-spacing-4) var(--hvac-spacing-5); + border: 2px solid var(--hvac-border); + border-radius: var(--hvac-radius-lg); + font-size: var(--hvac-font-size-md); + font-family: var(--hvac-font-family); + background-color: var(--hvac-background-white); + transition: all var(--hvac-transition-fast); + box-sizing: border-box; +} + +.hvac-login-form-input:focus { + border-color: var(--hvac-primary); + box-shadow: 0 0 0 4px var(--hvac-primary-light); + outline: none; + transform: translateY(-2px); +} + +.hvac-login-form-input::placeholder { + color: var(--hvac-theme-text-light); + font-style: italic; +} + +/* Enhanced input with icon support */ +.hvac-input-group { + position: relative; +} + +.hvac-input-icon { + position: absolute; + left: var(--hvac-spacing-4); + top: 50%; + transform: translateY(-50%); + color: var(--hvac-theme-text-light); + font-size: var(--hvac-font-size-lg); + pointer-events: none; + transition: color var(--hvac-transition-fast); +} + +.hvac-input-group .hvac-login-form-input { + padding-left: var(--hvac-spacing-12); +} + +.hvac-input-group .hvac-login-form-input:focus + .hvac-input-icon { + color: var(--hvac-primary); +} + +/* Password group with toggle button */ +.hvac-password-group .hvac-login-form-input { + padding-right: var(--hvac-spacing-12); +} + +.hvac-password-toggle { + position: absolute; + right: var(--hvac-spacing-4); + top: 50%; + transform: translateY(-50%); + background: none; + border: none; + color: var(--hvac-theme-text-light); + font-size: var(--hvac-font-size-lg); + cursor: pointer; + padding: var(--hvac-spacing-1); + border-radius: var(--hvac-radius-sm); + transition: all var(--hvac-transition-fast); + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + z-index: 10; +} + +.hvac-password-toggle:hover { + color: var(--hvac-primary); + background-color: var(--hvac-primary-light); +} + +.hvac-password-toggle:focus { + outline: 2px solid var(--hvac-primary); + outline-offset: 2px; + color: var(--hvac-primary); +} + +.hvac-password-toggle:active { + transform: translateY(-50%) scale(0.95); +} + +.hvac-password-toggle-icon { + transition: opacity var(--hvac-transition-fast); + display: inline-block; +} + +.hvac-password-toggle[aria-pressed="true"] .hvac-password-toggle-icon { + opacity: 0.7; +} + +/* Password visibility states */ +.hvac-password-input[type="text"] + .hvac-input-icon { + opacity: 0.5; +} + +/* Enhanced focus states for password group */ +.hvac-password-group .hvac-login-form-input:focus ~ .hvac-password-toggle { + color: var(--hvac-primary); +} + +/* Login button */ +.hvac-login-submit { + width: 100%; + background: linear-gradient(135deg, var(--hvac-primary) 0%, var(--hvac-primary-dark) 100%); + color: white; + border: none; + padding: var(--hvac-spacing-4) var(--hvac-spacing-6); + border-radius: var(--hvac-radius-lg); + font-size: var(--hvac-font-size-lg); + font-weight: var(--hvac-font-weight-semibold); + font-family: var(--hvac-font-family); + cursor: pointer; + transition: all var(--hvac-transition-normal); + text-transform: uppercase; + letter-spacing: 0.05em; + position: relative; + overflow: hidden; + min-height: 52px; + display: flex; + align-items: center; + justify-content: center; + gap: var(--hvac-spacing-2); +} + +.hvac-login-submit:hover:not(:disabled) { + transform: translateY(-3px); + box-shadow: var(--hvac-shadow-lg); +} + +.hvac-login-submit:active:not(:disabled) { + transform: translateY(-1px); +} + +.hvac-login-submit:disabled { + opacity: 0.7; + cursor: not-allowed; + transform: none; +} + +/* Login submit ripple effect */ +.hvac-login-submit::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 0; + height: 0; + border-radius: 50%; + background: rgba(255, 255, 255, 0.3); + transition: width 0.6s, height 0.6s; + transform: translate(-50%, -50%); +} + +.hvac-login-submit:active::before { + width: 300px; + height: 300px; +} + +/* Remember me checkbox */ +.hvac-remember-group { + display: flex; + align-items: center; + gap: var(--hvac-spacing-2); + margin-bottom: var(--hvac-spacing-6); +} + +.hvac-remember-checkbox { + width: 18px; + height: 18px; + accent-color: var(--hvac-primary); +} + +.hvac-remember-label { + font-size: var(--hvac-font-size-sm); + color: var(--hvac-theme-text); + cursor: pointer; + user-select: none; +} + +/* Links */ +.hvac-login-links { + text-align: center; + margin-top: var(--hvac-spacing-6); + padding-top: var(--hvac-spacing-6); + border-top: 1px solid var(--hvac-border-light); +} + +.hvac-login-link { + color: var(--hvac-primary); + text-decoration: none; + font-weight: var(--hvac-font-weight-medium); + font-size: var(--hvac-font-size-sm); + transition: color var(--hvac-transition-fast); +} + +.hvac-login-link:hover { + color: var(--hvac-primary-dark); + text-decoration: underline; +} + +/* Error and success messages */ +.hvac-login-message { + margin-bottom: var(--hvac-spacing-6); + padding: var(--hvac-spacing-4); + border-radius: var(--hvac-radius-lg); + font-size: var(--hvac-font-size-sm); + font-weight: var(--hvac-font-weight-medium); + text-align: center; +} + +.hvac-login-message--error { + background-color: var(--hvac-error-light); + color: var(--hvac-error); + border: 1px solid var(--hvac-error); +} + +.hvac-login-message--success { + background-color: var(--hvac-success-light); + color: var(--hvac-success); + border: 1px solid var(--hvac-success); +} + +.hvac-login-message--info { + background-color: var(--hvac-info-light); + color: var(--hvac-accent); + border: 1px solid var(--hvac-accent); +} + +/* Field validation errors */ +.hvac-input-error { + border-color: var(--hvac-error) !important; + box-shadow: 0 0 0 4px var(--hvac-error-light) !important; +} + +.hvac-field-error { + color: var(--hvac-error); + font-size: var(--hvac-font-size-sm); + font-weight: var(--hvac-font-weight-medium); + margin-top: var(--hvac-spacing-2); + display: flex; + align-items: center; + gap: var(--hvac-spacing-1); +} + +.hvac-field-error::before { + content: '⚠️'; + font-size: var(--hvac-font-size-sm); +} + +/* Loading state */ +.hvac-login-loading { + display: inline-flex; + align-items: center; + gap: var(--hvac-spacing-2); +} + +.hvac-login-spinner { + width: 20px; + height: 20px; + border: 2px solid rgba(255, 255, 255, 0.3); + border-top: 2px solid white; + border-radius: 50%; + animation: hvac-spin 1s linear infinite; +} + +/* Alternative login methods */ +.hvac-login-divider { + text-align: center; + margin: var(--hvac-spacing-6) 0; + position: relative; + color: var(--hvac-theme-text-light); + font-size: var(--hvac-font-size-sm); +} + +.hvac-login-divider::before { + content: ''; + position: absolute; + top: 50%; + left: 0; + right: 0; + height: 1px; + background-color: var(--hvac-border); + z-index: 1; +} + +.hvac-login-divider span { + background-color: var(--hvac-background-white); + padding: 0 var(--hvac-spacing-4); + position: relative; + z-index: 2; +} + +/* Responsive design */ +@media (max-width: 640px) { + .hvac-login-page { + padding: var(--hvac-spacing-4); + min-height: 100vh; + align-items: flex-start; + padding-top: var(--hvac-spacing-8); + } + + .hvac-login-container { + max-width: 100%; + } + + .hvac-login-header, + .hvac-login-form { + padding: var(--hvac-spacing-6) var(--hvac-spacing-4); + } + + .hvac-login-header h1 { + font-size: var(--hvac-font-size-xl); + } + + .hvac-login-form-input { + padding: var(--hvac-spacing-3) var(--hvac-spacing-4); + font-size: var(--hvac-font-size-md); + } + + .hvac-input-group .hvac-login-form-input { + padding-left: var(--hvac-spacing-10); + } + + .hvac-login-submit { + padding: var(--hvac-spacing-3) var(--hvac-spacing-5); + font-size: var(--hvac-font-size-md); + min-height: 48px; + } +} + +@media (max-width: 480px) { + .hvac-login-page { + padding: var(--hvac-spacing-3); + } + + .hvac-login-header, + .hvac-login-form { + padding: var(--hvac-spacing-5) var(--hvac-spacing-3); + } + + .hvac-login-header h1 { + font-size: var(--hvac-font-size-lg); + } + + .hvac-login-header p { + font-size: var(--hvac-font-size-sm); + } +} + +/* Accessibility improvements */ +.hvac-login-form-input:focus { + outline: 2px solid var(--hvac-primary); + outline-offset: 2px; +} + +.hvac-login-submit:focus { + outline: 2px solid white; + outline-offset: 2px; +} + +/* High contrast mode support */ +@media (prefers-contrast: high) { + .hvac-login-card { + border: 2px solid var(--hvac-theme-text-dark); + } + + .hvac-login-form-input { + border: 2px solid var(--hvac-theme-text-dark); + } +} + +/* Reduced motion support */ +@media (prefers-reduced-motion: reduce) { + .hvac-login-page::before { + animation: none; + } + + .hvac-login-card, + .hvac-login-form-input, + .hvac-login-submit { + transition: none; + } + + .hvac-login-card:hover { + transform: none; + } +} + +/* Print styles */ + + +/* 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; +} + +@media print { + .hvac-login-page { + background: white; + min-height: auto; + } + + .hvac-login-card { + box-shadow: none; + border: 1px solid #000; + } + + .hvac-login-header { + background: #000; + color: white; + } +} \ No newline at end of file diff --git a/assets/css/compact.css b/assets/css/compact.css new file mode 100644 index 00000000..f2a87984 --- /dev/null +++ b/assets/css/compact.css @@ -0,0 +1,934 @@ +body, +.body { + height: 100% !important; + margin: 0; + Margin: 0; + padding: 0; + width: 100% !important; + min-width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + +img { + outline: none; + text-decoration: none; + -ms-interpolation-mode: bicubic; + width: auto; + max-width: 100%; + clear: both; + display: block; +} + +a img { + border: none; +} + +p { + margin: 0 0 10px 0; + Margin: 0 0 10px 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td { + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + border-collapse: collapse !important; +} + +table, +tr, +td { + padding: 0; + vertical-align: top; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + Margin: 0; + padding: 0; +} + +.ReadMsgBody, +.ExternalClass { + width: 100%; +} + +.ExternalClass { + width: 100%; +} + +.ExternalClass, +.ExternalClass p, +.ExternalClass span, +.ExternalClass font, +.ExternalClass td, +.ExternalClass div { + line-height: 100%; +} + +table, +td { + mso-table-lspace: 0pt; + mso-table-rspace: 0pt; +} + +#outlook a { + padding: 0; +} + +img { + -ms-interpolation-mode: bicubic; +} + +body, table, td, p, a, li, blockquote { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body, +table.body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +td, +th, +a { + color: #333333; + font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; + font-weight: normal; + padding: 0; + margin: 0; + Margin: 0; + mso-line-height-rule: exactly; + line-height: 1.4; + line-height: 140%; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #444444; + word-wrap: normal; + font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; + font-weight: bold; + margin: 0 0 15px 0; + Margin: 0 0 15px 0; + mso-line-height-rule: exactly; + line-height: 1.3; + line-height: 130%; +} + +h1.normal, +h2.normal, +h3.normal, +h4.normal, +h5.normal, +h6.normal { + font-weight: normal; +} + +h1 { + font-size: 32px; +} + +h2 { + font-size: 30px; +} + +h3 { + font-size: 28px; +} + +h4 { + font-size: 24px; +} + +h5 { + font-size: 20px; +} + +h6 { + font-size: 18px; +} + +body, +table.body, +p, +td, +th { + font-size: 15px; + mso-line-height-rule: exactly; + line-height: 1.4; + line-height: 140%; +} + +p { + margin: 0 0 15px 0; + Margin: 0 0 15px 0; + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-all; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; +} + +p.large, p.text-large { + font-size: 16px; +} + +p.bold, p.text-bold { + font-weight: 700; +} + +p a { + Margin: inherit; + margin: inherit; +} + +small { + font-size: 80%; +} + +center { + width: 100%; +} + +a { + color: #e57722; +} + +a:visited { + color: #e57722; +} + +a:hover, a:active { + color: #904811; +} + +h1 a, +h1 a:visited, +h2 a, +h2 a:visited, +h3 a, +h3 a:visited, +h4 a, +h4 a:visited, +h5 a, +h5 a:visited, +h6 a, +h6 a:visited { + color: #e57722; +} + +table.text-center, +th.text-center, +td.text-center, +h1.text-center, +h2.text-center, +h3.text-center, +h4.text-center, +h5.text-center, +h6.text-center, +p.text-center, +span.text-center { + text-align: center; +} + +table.text-left, +th.text-left, +td.text-left, +h1.text-left, +h2.text-left, +h3.text-left, +h4.text-left, +h5.text-left, +h6.text-left, +p.text-left, +span.text-left { + text-align: left; +} + +table.text-right, +th.text-right, +td.text-right, +h1.text-right, +h2.text-right, +h3.text-right, +h4.text-right, +h5.text-right, +h6.text-right, +p.text-right, +span.text-right { + text-align: right; +} + +table.primary, +th.primary, +td.primary, +h1.primary, +h2.primary, +h3.primary, +h4.primary, +h5.primary, +h6.primary, +p.primary, +span.primary { + color: #333333; +} + +table.orange, +th.orange, +td.orange, +h1.orange, +h2.orange, +h3.orange, +h4.orange, +h5.orange, +h6.orange, +p.orange, +span.orange { + color: #e27730; +} + +table.blue, +th.blue, +td.blue, +h1.blue, +h2.blue, +h3.blue, +h4.blue, +h5.blue, +h6.blue, +p.blue, +span.blue { + color: #509fe2; +} + +span.text-center { + display: block; + width: 100%; + text-align: center; +} + +ol, +ul { + margin: 0 0 15px 20px; + Margin: 0 0 15px 20px; + padding: 0; +} + +ol li, +ul li { + list-style-type: decimal; + padding-top: 5px; +} + +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0 !important; +} + +/* Helper class for breaking long URLs. */ +.break-all { + word-break: break-all !important; +} + +.break-all > a { + word-break: break-all !important; +} + +/* Base */ +.body, +body { + background-color: #e9eaec; + text-align: center; + padding: 0 25px 0 25px; +} + +.container { + margin: 0 auto 0 auto; + Margin: 0 auto 0 auto; +} + +.header { + line-height: 1; +} + +.header .header-image { + display: inline-block; + vertical-align: middle; + width: 80%; +} + +.header img { + display: inline-block !important; + max-height: 180px; + vertical-align: middle; +} + +.header-wrapper.dark-mode { + display: none; +} + +.content { + /* Helper class for inline elements. */ +} + +.content a, .content p, .content pre { + -ms-word-break: break-word; + word-break: break-word; +} + +.content pre { + white-space: initial; +} + +.content .inline { + display: inline-block; +} + +.content .smart-tag table:not(.wpforms-order-summary-preview) { + border-collapse: collapse; + width: 100%; +} + +.content .smart-tag table:not(.wpforms-order-summary-preview) td, .content .smart-tag table:not(.wpforms-order-summary-preview) th { + border: 1px solid currentColor; + padding: 5px !important; +} + +.content td > *:last-child { + margin-bottom: 0; + Margin-bottom: 0; +} + +.footer { + color: #999999; +} + +.footer a { + color: #999999; + text-decoration: underline; +} + +.footer a:hover { + color: #333333; +} + +/* Typography */ +h1, +h2, +h3, +h4, +h5, +h6 { + color: #333333; +} + +/* Buttons */ +.button-link { + border-radius: 3px; + padding: 7px 15px; + text-decoration: none; +} + +/* Content */ +.field-signature td.field-value { + line-height: 1; +} + +.field-rating td.field-value { + line-height: 1; +} + +tr:not(.smart-tag) > .field-value span { + display: block; +} + +/* Repeater & Layout */ +.field-repeater-name, +.field-layout-name { + font-size: 22px; +} + +/* File Upload */ +.field-file-upload .field-value .file-icon { + display: inline-block; + vertical-align: middle; +} + +/* RichText, Content */ +.field-richtext .field-value:only-child, .field-content .field-value:only-child { + display: inline-block; + width: 100%; +} + +.field-richtext p .alignleft, +.field-richtext li .alignleft, .field-content p .alignleft, +.field-content li .alignleft { + float: left; + margin-right: 16px; + margin-top: 8px; + margin-bottom: 8px; +} + +.field-richtext p .aligncenter, +.field-richtext li .aligncenter, .field-content p .aligncenter, +.field-content li .aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} + +.field-richtext p .alignright, +.field-richtext li .alignright, .field-content p .alignright, +.field-content li .alignright { + float: right; + margin-left: 16px; + margin-top: 8px; + margin-bottom: 8px; +} + +.field-richtext table, .field-content table { + border-collapse: collapse; + width: 100%; +} + +.field-richtext table td, .field-richtext table th, .field-content table td, .field-content table th { + border: 1px solid currentColor; + padding: 5px !important; +} + +.field-rating .field-value { + line-height: 1.3 !important; +} + +.field-payment-total .wpforms-order-summary-container, +.smart-tag .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.field-payment-total .wpforms-order-summary-container *, +.smart-tag .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.field-payment-total table.wpforms-order-summary-preview, +.smart-tag table.wpforms-order-summary-preview { + border-radius: 4px; + border: 1px solid #e2e2e2; + border-collapse: separate; +} + +.field-payment-total table.wpforms-order-summary-preview tr td, +.smart-tag table.wpforms-order-summary-preview tr td { + border-top: 1px solid #e2e2e2; + border-bottom: none; + border-left: none; + border-right: none; +} + +.field-payment-total table.wpforms-order-summary-preview tr th, +.smart-tag table.wpforms-order-summary-preview tr th { + font-weight: 400; + border: none; +} + +.field-payment-total table.wpforms-order-summary-preview tr td, .field-payment-total table.wpforms-order-summary-preview tr th, +.smart-tag table.wpforms-order-summary-preview tr td, +.smart-tag table.wpforms-order-summary-preview tr th { + padding: 9px 0; + line-height: 20px; + background: none; +} + +.field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-wrap: balance; + padding-left: 10px; +} + +.rtl .field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + padding-right: 10px; + padding-left: 0; +} + +.field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-right: 10px; +} + +.rtl .field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-left: 10px; + padding-right: 0; +} + +.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-left: 10px; +} + +.rtl .field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-right: 10px; + padding-left: 0; +} + +.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td { + font-weight: 700; +} + +.field-payment-total .wpforms-order-summary-container, +.smart-tag .wpforms-order-summary-container { + max-width: 100%; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview caption, +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-placeholder-hidden, +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-quantity-label-short, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview caption, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-placeholder-hidden, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price, +.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #d63638 !important; +} + +/* Base */ +.body-inner { + padding-top: 25px; + padding-bottom: 25px; +} + +.wrapper { + max-width: 700px; +} + +.wrapper-inner { + background-color: #ffffff; + border: 1px solid #cccccc; + padding: 5px 30px 30px 30px; +} + +.header { + text-align: center; + padding: 0 0 25px 0; +} + +.header .header-image { + /* This is needed to center the logo in Outlook. */ + margin: 0 auto 0 auto; + Margin: 0 auto 0 auto; +} + +.footer { + font-size: 13px; + line-height: 24px; + padding-top: 25px; +} + +/* Typography */ +body, +table.body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +td:not(.header), +th, +a { + line-height: 20px; +} + +/* Content */ +.content td { + border-bottom: 1px solid #d9d9d9; + padding-top: 25px; + padding-bottom: 25px; +} + +.content a { + text-decoration: none; +} + +.content .field-name { + min-width: 113px; + padding-right: 10px; +} + +.is-rtl .content .field-name { + padding-left: 10px; +} + +.content .field-name:not(.field-value) { + line-height: 22px; +} + +.content .field-value { + vertical-align: middle; +} + +.content .field-name.field-value { + line-height: 20px; +} + +.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-radius: 0; +} + +.wpforms-layout-table > td { + padding-bottom: 25px; +} + +.wpforms-layout-table .wpforms-layout-table-row { + width: 100%; + margin-left: -10px; + margin-right: -10px; +} + +.wpforms-layout-table .wpforms-layout-table-row .field-value { + padding-bottom: 25px; +} + +.wpforms-layout-table .wpforms-layout-table-row > tr > td { + padding-left: 10px; + padding-right: 10px; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row:not(.wpforms-first-row) td.field-name { + display: none; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-value { + padding-bottom: 15px; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row:last-child .field-value { + padding-bottom: 0; +} + +.wpforms-layout-table-display-blocks .wpforms-layout-table-row:last-child .field-value, .wpforms-layout-table-display-columns .wpforms-layout-table-row:last-child .field-value { + padding-bottom: 0; +} + +.wpforms-layout-table .wpforms-layout-table-cell td { + border: 0 !important; +} + +.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-payment-total, .wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-payment-total { + display: block !important; +} + +.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-order-summary-preview, .wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-order-summary-preview { + display: none !important; +} + +.field-payment-total .wpforms-payment-total { + display: none !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; +} diff --git a/assets/css/compact.min.css b/assets/css/compact.min.css new file mode 100644 index 00000000..904f0ec3 --- /dev/null +++ b/assets/css/compact.min.css @@ -0,0 +1,86 @@ +body,.body{height:100% !important;margin:0;Margin:0;padding:0;width:100% !important;min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important}img{outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block}a img{border:none}p{margin:0 0 10px 0;Margin:0 0 10px 0}table{border-collapse:collapse;border-spacing:0}td{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important}table,tr,td{padding:0;vertical-align:top}h1,h2,h3,h4,h5,h6{margin:0;Margin:0;padding:0}.ReadMsgBody,.ExternalClass{width:100%}.ExternalClass{width:100%}.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:100%}table,td{mso-table-lspace:0pt;mso-table-rspace:0pt}#outlook a{padding:0}img{-ms-interpolation-mode:bicubic}body,table,td,p,a,li,blockquote{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,table.body,h1,h2,h3,h4,h5,h6,p,td,th,a{color:#333333;font-family:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;font-weight:normal;padding:0;margin:0;Margin:0;mso-line-height-rule:exactly;line-height:1.4;line-height:140%}h1,h2,h3,h4,h5,h6{color:#444444;word-wrap:normal;font-family:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;font-weight:bold;margin:0 0 15px 0;Margin:0 0 15px 0;mso-line-height-rule:exactly;line-height:1.3;line-height:130%}h1.normal,h2.normal,h3.normal,h4.normal,h5.normal,h6.normal{font-weight:normal}h1{font-size:32px}h2{font-size:30px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}body,table.body,p,td,th{font-size:15px;mso-line-height-rule:exactly;line-height:1.4;line-height:140%}p{margin:0 0 15px 0;Margin:0 0 15px 0;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}p.large,p.text-large{font-size:16px}p.bold,p.text-bold{font-weight:700}p a{Margin:inherit;margin:inherit}small{font-size:80%}center{width:100%}a{color:#e57722}a:visited{color:#e57722}a:hover,a:active{color:#904811}h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited,h4 a,h4 a:visited,h5 a,h5 a:visited,h6 a,h6 a:visited{color:#e57722}table.text-center,th.text-center,td.text-center,h1.text-center,h2.text-center,h3.text-center,h4.text-center,h5.text-center,h6.text-center,p.text-center,span.text-center{text-align:center}table.text-left,th.text-left,td.text-left,h1.text-left,h2.text-left,h3.text-left,h4.text-left,h5.text-left,h6.text-left,p.text-left,span.text-left{text-align:left}table.text-right,th.text-right,td.text-right,h1.text-right,h2.text-right,h3.text-right,h4.text-right,h5.text-right,h6.text-right,p.text-right,span.text-right{text-align:right}table.primary,th.primary,td.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary,p.primary,span.primary{color:#333333}table.orange,th.orange,td.orange,h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,p.orange,span.orange{color:#e27730}table.blue,th.blue,td.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,p.blue,span.blue{color:#509fe2}span.text-center{display:block;width:100%;text-align:center}ol,ul{margin:0 0 15px 20px;Margin:0 0 15px 20px;padding:0}ol li,ul li{list-style-type:decimal;padding-top:5px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0 !important}.break-all{word-break:break-all !important}.break-all>a{word-break:break-all !important}.body,body{background-color:#e9eaec;text-align:center;padding:0 25px 0 25px}.container{margin:0 auto 0 auto;Margin:0 auto 0 auto}.header{line-height:1}.header .header-image{display:inline-block;vertical-align:middle;width:80%}.header img{display:inline-block !important;max-height:180px;vertical-align:middle}.header-wrapper.dark-mode{display:none}.content a,.content p,.content pre{-ms-word-break:break-word;word-break:break-word}.content pre{white-space:initial}.content .inline{display:inline-block}.content .smart-tag table:not(.wpforms-order-summary-preview){border-collapse:collapse;width:100%}.content .smart-tag table:not(.wpforms-order-summary-preview) td,.content .smart-tag table:not(.wpforms-order-summary-preview) th{border:1px solid currentColor;padding:5px !important}.content td>*:last-child{margin-bottom:0;Margin-bottom:0}.footer{color:#999999}.footer a{color:#999999;text-decoration:underline}.footer a:hover{color:#333333}h1,h2,h3,h4,h5,h6{color:#333333}.button-link{border-radius:3px;padding:7px 15px;text-decoration:none}.field-signature td.field-value{line-height:1}.field-rating td.field-value{line-height:1}tr:not(.smart-tag)>.field-value span{display:block}.field-repeater-name,.field-layout-name{font-size:22px}.field-file-upload .field-value .file-icon{display:inline-block;vertical-align:middle}.field-richtext .field-value:only-child,.field-content .field-value:only-child{display:inline-block;width:100%}.field-richtext p .alignleft,.field-richtext li .alignleft,.field-content p .alignleft,.field-content li .alignleft{float:left;margin-right:16px;margin-top:8px;margin-bottom:8px}.field-richtext p .aligncenter,.field-richtext li .aligncenter,.field-content p .aligncenter,.field-content li .aligncenter{display:block;margin-left:auto;margin-right:auto}.field-richtext p .alignright,.field-richtext li .alignright,.field-content p .alignright,.field-content li .alignright{float:right;margin-left:16px;margin-top:8px;margin-bottom:8px}.field-richtext table,.field-content table{border-collapse:collapse;width:100%}.field-richtext table td,.field-richtext table th,.field-content table td,.field-content table th{border:1px solid currentColor;padding:5px !important}.field-rating .field-value{line-height:1.3 !important}.field-payment-total .wpforms-order-summary-container,.smart-tag .wpforms-order-summary-container{display:block;max-width:60%}.field-payment-total .wpforms-order-summary-container *,.smart-tag .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.field-payment-total table.wpforms-order-summary-preview,.smart-tag table.wpforms-order-summary-preview{border-radius:4px;border:1px solid #e2e2e2;border-collapse:separate}.field-payment-total table.wpforms-order-summary-preview tr td,.smart-tag table.wpforms-order-summary-preview tr td{border-top:1px solid #e2e2e2;border-bottom:none;border-left:none;border-right:none}.field-payment-total table.wpforms-order-summary-preview tr th,.smart-tag table.wpforms-order-summary-preview tr th{font-weight:400;border:none}.field-payment-total table.wpforms-order-summary-preview tr td,.field-payment-total table.wpforms-order-summary-preview tr th,.smart-tag table.wpforms-order-summary-preview tr td,.smart-tag table.wpforms-order-summary-preview tr th{padding:9px 0;line-height:20px;background:none}.field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-wrap:balance;padding-left:10px}.rtl .field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{padding-right:10px;padding-left:0}.field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-right:10px}.rtl .field-payment-total table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .field-payment-total table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .smart-tag table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .smart-tag table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-left:10px;padding-right:0}.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-left:10px}.rtl .field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-right:10px;padding-left:0}.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.field-payment-total table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.smart-tag table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td{font-weight:700}.field-payment-total .wpforms-order-summary-container,.smart-tag .wpforms-order-summary-container{max-width:100%}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview caption,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-placeholder-hidden,.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-quantity-label-short,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview caption,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-placeholder-hidden,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview .wpforms-order-summary-item-quantity-label-short{display:none}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.smart-tag .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#d63638 !important}.body-inner{padding-top:25px;padding-bottom:25px}.wrapper{max-width:700px}.wrapper-inner{background-color:#ffffff;border:1px solid #cccccc;padding:5px 30px 30px 30px}.header{text-align:center;padding:0 0 25px 0}.header .header-image{margin:0 auto 0 auto;Margin:0 auto 0 auto}.footer{font-size:13px;line-height:24px;padding-top:25px}body,table.body,h1,h2,h3,h4,h5,h6,p,td:not(.header),th,a{line-height:20px}.content td{border-bottom:1px solid #d9d9d9;padding-top:25px;padding-bottom:25px}.content a{text-decoration:none}.content .field-name{min-width:113px;padding-right:10px}.is-rtl .content .field-name{padding-left:10px}.content .field-name:not(.field-value){line-height:22px}.content .field-value{vertical-align:middle}.content .field-name.field-value{line-height:20px}.field-payment-total .wpforms-order-summary-container table.wpforms-order-summary-preview{border-radius:0}.wpforms-layout-table>td{padding-bottom:25px}.wpforms-layout-table .wpforms-layout-table-row{width:100%;margin-left:-10px;margin-right:-10px}.wpforms-layout-table .wpforms-layout-table-row .field-value{padding-bottom:25px}.wpforms-layout-table .wpforms-layout-table-row>tr>td{padding-left:10px;padding-right:10px}.wpforms-layout-table-display-rows .wpforms-layout-table-row:not(.wpforms-first-row) td.field-name{display:none}.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-value{padding-bottom:15px}.wpforms-layout-table-display-rows .wpforms-layout-table-row:last-child .field-value{padding-bottom:0}.wpforms-layout-table-display-blocks .wpforms-layout-table-row:last-child .field-value,.wpforms-layout-table-display-columns .wpforms-layout-table-row:last-child .field-value{padding-bottom:0}.wpforms-layout-table .wpforms-layout-table-cell td{border:0 !important}.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-payment-total,.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-payment-total{display:block !important}.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-order-summary-preview,.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-order-summary-preview{display:none !important}.field-payment-total .wpforms-payment-total{display:none !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; +} diff --git a/assets/css/compact_media_queries.css b/assets/css/compact_media_queries.css new file mode 100644 index 00000000..158e6119 --- /dev/null +++ b/assets/css/compact_media_queries.css @@ -0,0 +1,160 @@ +/** + * Adjusts the display of header images based on the user's preference for dark color schemes. + */ +@media (prefers-color-scheme: light) { + .header-wrapper.dark-mode { + display: none !important; + } +} + +@media (prefers-color-scheme: dark) { + .header-wrapper.dark-mode { + display: table-row !important; + } + .header-wrapper.dark-mode + .light-mode { + display: none !important; + } +} + +@media only screen and (max-width: 599px) { + .wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name { + display: block !important; + } + .wpforms-layout-table .wpforms-layout-table-row { + display: block; + width: 100%; + } + .wpforms-layout-table .wpforms-layout-table-row table, .wpforms-layout-table .wpforms-layout-table-row thead, .wpforms-layout-table .wpforms-layout-table-row tbody, .wpforms-layout-table .wpforms-layout-table-row tr, .wpforms-layout-table .wpforms-layout-table-row td, .wpforms-layout-table .wpforms-layout-table-row th { + display: block; + width: 100% !important; + padding-bottom: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row tr { + padding-top: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-value { + padding-bottom: 25px !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-name { + padding-bottom: 10px !important; + } + .wpforms-layout-table > td { + padding-bottom: 0 !important; + } +} + +@media only screen and (max-width: 599px) { + .wrapper-inner { + padding: 0 25px 25px 25px !important; + } + .header .has-image-size-small img { + max-height: 100px !important; + } + .header .has-image-size-medium img { + max-height: 140px !important; + } + .header .has-image-size-large img { + max-height: 180px !important; + } + .content td { + display: block; + } + .content td.field-name { + padding-bottom: 0 !important; + border-bottom: 0 !important; + } + .content td.field-value { + padding-top: 10px !important; + } + .content td.field-repeater-name + .field-value { + padding-top: 0 !important; + } + .content td td { + display: table-cell; + } +} + + +/* 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; +} diff --git a/assets/css/compact_media_queries.min.css b/assets/css/compact_media_queries.min.css new file mode 100644 index 00000000..b45ab865 --- /dev/null +++ b/assets/css/compact_media_queries.min.css @@ -0,0 +1,86 @@ +@media (prefers-color-scheme: light){.header-wrapper.dark-mode{display:none !important}}@media (prefers-color-scheme: dark){.header-wrapper.dark-mode{display:table-row !important}.header-wrapper.dark-mode+.light-mode{display:none !important}}@media only screen and (max-width: 599px){.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name{display:block !important}.wpforms-layout-table .wpforms-layout-table-row{display:block;width:100%}.wpforms-layout-table .wpforms-layout-table-row table,.wpforms-layout-table .wpforms-layout-table-row thead,.wpforms-layout-table .wpforms-layout-table-row tbody,.wpforms-layout-table .wpforms-layout-table-row tr,.wpforms-layout-table .wpforms-layout-table-row td,.wpforms-layout-table .wpforms-layout-table-row th{display:block;width:100% !important;padding-bottom:0 !important}.wpforms-layout-table .wpforms-layout-table-row tr{padding-top:0 !important}.wpforms-layout-table .wpforms-layout-table-row td.field-value{padding-bottom:25px !important}.wpforms-layout-table .wpforms-layout-table-row td.field-name{padding-bottom:10px !important}.wpforms-layout-table>td{padding-bottom:0 !important}}@media only screen and (max-width: 599px){.wrapper-inner{padding:0 25px 25px 25px !important}.header .has-image-size-small img{max-height:100px !important}.header .has-image-size-medium img{max-height:140px !important}.header .has-image-size-large img{max-height:180px !important}.content td{display:block}.content td.field-name{padding-bottom:0 !important;border-bottom:0 !important}.content td.field-value{padding-top:10px !important}.content td.field-repeater-name+.field-value{padding-top:0 !important}.content td td{display:table-cell}} + + +/* 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; +} diff --git a/assets/css/contact-form-7-main.min-rtl.css b/assets/css/contact-form-7-main.min-rtl.css new file mode 100644 index 00000000..658012f5 --- /dev/null +++ b/assets/css/contact-form-7-main.min-rtl.css @@ -0,0 +1,85 @@ +.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 0 0 4px;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .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; +} diff --git a/assets/css/contact-form-7-main.min.css b/assets/css/contact-form-7-main.min.css new file mode 100644 index 00000000..bb8ed4dc --- /dev/null +++ b/assets/css/contact-form-7-main.min.css @@ -0,0 +1,85 @@ +.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .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; +} diff --git a/assets/css/contact-form-7.min-rtl.css b/assets/css/contact-form-7.min-rtl.css new file mode 100644 index 00000000..555c2fed --- /dev/null +++ b/assets/css/contact-form-7.min-rtl.css @@ -0,0 +1,85 @@ +.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{background:#fff;border-color:#eaeaea;outline:0;box-shadow:none}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:#eaeaea;border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 0 0 4px;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}.wpcf7 .wpcf7-validation-errors{border-color:red} + +/* 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; +} diff --git a/assets/css/contact-form-7.min.css b/assets/css/contact-form-7.min.css new file mode 100644 index 00000000..4ef1daed --- /dev/null +++ b/assets/css/contact-form-7.min.css @@ -0,0 +1,85 @@ +.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{background:#fff;border-color:var(--ast-border-color);outline:0;box-shadow:none}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}.wpcf7 .wpcf7-validation-errors{border-color:red} + +/* 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; +} diff --git a/assets/css/container.css b/assets/css/container.css new file mode 100644 index 00000000..096fafb7 --- /dev/null +++ b/assets/css/container.css @@ -0,0 +1,86 @@ +.wp-block-uagb-container{display:flex;position:relative;box-sizing:border-box;transition-property:box-shadow;transition-duration:0.2s;transition-timing-function:ease}.wp-block-uagb-container .spectra-container-link-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.wp-block-uagb-container.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:flex;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}.wp-block-uagb-container .wp-block-uagb-blockquote,.wp-block-uagb-container .wp-block-spectra-pro-login,.wp-block-uagb-container .wp-block-spectra-pro-register{margin:unset}.wp-block-uagb-container .uagb-container__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.wp-block-uagb-container .uagb-container__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-container.uagb-layout-grid{display:grid;width:100%}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap{display:inherit;width:inherit}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.alignwide.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:inherit;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box),body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap,body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap){min-width:unset !important;width:100%;position:relative}body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container ol,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap ol{max-width:-webkit-fill-available;margin-block-start:0;margin-block-end:0;margin-left:20px}.ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .uagb-is-root-container.wp-block-uagb-container.alignwide{margin-left:auto;margin-right:auto}.uagb-container__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}.uagb-container__shape-top{top:-3px}.uagb-container__shape-bottom{bottom:-3px}.uagb-container__shape.uagb-container__invert.uagb-container__shape-bottom,.uagb-container__shape.uagb-container__invert.uagb-container__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-container__shape.uagb-container__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-container__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-container__shape .uagb-container__shape-fill{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-container__shape.uagb-container__shape-above-content{z-index:9;pointer-events:none}.nv-single-page-wrap .nv-content-wrap.entry-content .wp-block-uagb-container.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media only screen and (max-width: 767px){.wp-block-uagb-container .wp-block-uagb-advanced-heading{width:-webkit-fill-available}}.wp-block-uagb-image--align-none{justify-content: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; +} diff --git a/assets/css/content-editor.css b/assets/css/content-editor.css new file mode 100644 index 00000000..7b141983 --- /dev/null +++ b/assets/css/content-editor.css @@ -0,0 +1,319 @@ +.mce-content-body.wpforms-content-field-editor-body { + font-family: sans-serif; + color: #444444; + background-color: #ffffff; + word-break: break-word; + font-size: 16px; + line-height: 22px; +} + +.mce-content-body.wpforms-content-field-editor-body h1, .mce-content-body.wpforms-content-field-editor-body h2, .mce-content-body.wpforms-content-field-editor-body h3, .mce-content-body.wpforms-content-field-editor-body h4, .mce-content-body.wpforms-content-field-editor-body h5, .mce-content-body.wpforms-content-field-editor-body h6 { + margin: 20px 0; + padding: 0; + clear: unset; +} + +.mce-content-body.wpforms-content-field-editor-body h1:first-child, .mce-content-body.wpforms-content-field-editor-body h2:first-child, .mce-content-body.wpforms-content-field-editor-body h3:first-child, .mce-content-body.wpforms-content-field-editor-body h4:first-child, .mce-content-body.wpforms-content-field-editor-body h5:first-child, .mce-content-body.wpforms-content-field-editor-body h6:first-child { + margin-top: 0; +} + +.mce-content-body.wpforms-content-field-editor-body h1 { + font-size: 32px; + line-height: 40px; +} + +.mce-content-body.wpforms-content-field-editor-body h2 { + font-size: 28px; + line-height: 36px; +} + +.mce-content-body.wpforms-content-field-editor-body h3 { + font-size: 24px; + line-height: 32px; +} + +.mce-content-body.wpforms-content-field-editor-body h4 { + font-size: 20px; + line-height: 28px; +} + +.mce-content-body.wpforms-content-field-editor-body h5 { + font-size: 18px; + line-height: 26px; +} + +.mce-content-body.wpforms-content-field-editor-body h6 { + font-size: 16px; + line-height: 24px; + text-transform: uppercase; +} + +.mce-content-body.wpforms-content-field-editor-body p, .mce-content-body.wpforms-content-field-editor-body blockquote, .mce-content-body.wpforms-content-field-editor-body pre, .mce-content-body.wpforms-content-field-editor-body table { + margin: 0 0 20px 0; +} + +.mce-content-body.wpforms-content-field-editor-body li { + margin: 0 0 10px 0; +} + +.mce-content-body.wpforms-content-field-editor-body a { + text-decoration: underline; +} + +.mce-content-body.wpforms-content-field-editor-body a:hover { + text-decoration: none; +} + +.mce-content-body.wpforms-content-field-editor-body code, .mce-content-body.wpforms-content-field-editor-body pre { + font-family: monospace; + overflow: auto; +} + +.mce-content-body.wpforms-content-field-editor-body del { + text-decoration: line-through; +} + +.mce-content-body.wpforms-content-field-editor-body ins { + text-decoration: underline; +} + +.mce-content-body.wpforms-content-field-editor-body small { + font-size: smaller; +} + +.mce-content-body.wpforms-content-field-editor-body dt { + margin: 5px 0; +} + +.mce-content-body.wpforms-content-field-editor-body dd { + margin-left: 25px; +} + +.mce-content-body.wpforms-content-field-editor-body abbr, .mce-content-body.wpforms-content-field-editor-body acronym { + text-decoration: underline dotted; +} + +.mce-content-body.wpforms-content-field-editor-body ul { + list-style: disc outside none !important; + padding-inline-start: 29px !important; + margin-bottom: 20px !important; +} + +.mce-content-body.wpforms-content-field-editor-body ul ul { + list-style-type: circle !important; + margin-top: 10px !important; + margin-bottom: 0 !important; +} + +.mce-content-body.wpforms-content-field-editor-body ul ul ul { + list-style-type: square !important; +} + +.mce-content-body.wpforms-content-field-editor-body ul ol { + margin-top: 10px; + margin-bottom: 0; +} + +.mce-content-body.wpforms-content-field-editor-body ul li { + list-style: inherit !important; + margin-bottom: 10px !important; +} + +.mce-content-body.wpforms-content-field-editor-body ol { + list-style: decimal outside none; + padding-inline-start: 29px; + margin-bottom: 20px; +} + +.mce-content-body.wpforms-content-field-editor-body ol ol { + margin-top: 10px; + margin-bottom: 0; +} + +.mce-content-body.wpforms-content-field-editor-body ol ul { + margin-top: 10px !important; + margin-bottom: 0 !important; +} + +.mce-content-body.wpforms-content-field-editor-body ol li { + list-style: inherit; +} + +.mce-content-body.wpforms-content-field-editor-body blockquote { + border-left: 4px solid rgba(0, 0, 0, 0.15); + padding-left: 20px; +} + +.mce-content-body.wpforms-content-field-editor-body blockquote:before, .mce-content-body.wpforms-content-field-editor-body blockquote:after { + display: none; +} + +.mce-content-body.wpforms-content-field-editor-body table { + width: 100%; + border-collapse: collapse; + word-break: normal; +} + +.mce-content-body.wpforms-content-field-editor-body table th, .mce-content-body.wpforms-content-field-editor-body table td { + padding: 0.5em; + border: 1px solid; +} + +.mce-content-body.wpforms-content-field-editor-body sup, .mce-content-body.wpforms-content-field-editor-body sub { + font-size: smaller; + line-height: calc( 100% + 11px); +} + +.mce-content-body.wpforms-content-field-editor-body sup { + vertical-align: super; +} + +.mce-content-body.wpforms-content-field-editor-body sub { + vertical-align: sub; +} + +.mce-content-body.wpforms-content-field-editor-body h1, .mce-content-body.wpforms-content-field-editor-body h2, .mce-content-body.wpforms-content-field-editor-body h3, .mce-content-body.wpforms-content-field-editor-body h4, .mce-content-body.wpforms-content-field-editor-body h5, .mce-content-body.wpforms-content-field-editor-body h6 { + margin: 10px 0; + font-weight: 600; +} + +.mce-content-body.wpforms-content-field-editor-body p { + line-height: inherit; +} + +.mce-content-body.wpforms-content-field-editor-body img { + vertical-align: top; +} + +.mce-content-body.wpforms-content-field-editor-body img { + max-width: 100%; + height: auto; +} + +.mce-content-body.wpforms-content-field-editor-body .alignleft { + float: left; + margin: 0 30px 20px 0; +} + +.mce-content-body.wpforms-content-field-editor-body .alignright { + float: right; + margin: 0 0 20px 30px; +} + +.mce-content-body.wpforms-content-field-editor-body .aligncenter { + display: block; + clear: both; + text-align: center; + margin: 0 auto 20px; +} + +.mce-content-body.wpforms-content-field-editor-body .alignnone { + display: block; + clear: both; + margin: 0 0 20px 0; +} + +.mce-content-body.wpforms-content-field-editor-body .wp-caption-dt, +.mce-content-body.wpforms-content-field-editor-body .wp-caption-dd { + margin: 0; +} + +.mce-content-body.wpforms-content-field-editor-body .wp-caption { + position: relative; + left: auto; + right: auto; + transform: none; + max-width: 100%; +} + +.mce-content-body.wpforms-content-field-editor-body .wp-caption .wp-caption-text, +.mce-content-body.wpforms-content-field-editor-body .wp-caption .wp-caption-dd { + text-align: center; + font-size: 14px; + margin-top: 0.5em; +} + + +/* 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; +} diff --git a/assets/css/content-editor.min.css b/assets/css/content-editor.min.css new file mode 100644 index 00000000..a8277789 --- /dev/null +++ b/assets/css/content-editor.min.css @@ -0,0 +1,86 @@ +.mce-content-body.wpforms-content-field-editor-body{font-family:sans-serif;color:#444444;background-color:#ffffff;word-break:break-word;font-size:16px;line-height:22px}.mce-content-body.wpforms-content-field-editor-body h1,.mce-content-body.wpforms-content-field-editor-body h2,.mce-content-body.wpforms-content-field-editor-body h3,.mce-content-body.wpforms-content-field-editor-body h4,.mce-content-body.wpforms-content-field-editor-body h5,.mce-content-body.wpforms-content-field-editor-body h6{margin:20px 0;padding:0;clear:unset}.mce-content-body.wpforms-content-field-editor-body h1:first-child,.mce-content-body.wpforms-content-field-editor-body h2:first-child,.mce-content-body.wpforms-content-field-editor-body h3:first-child,.mce-content-body.wpforms-content-field-editor-body h4:first-child,.mce-content-body.wpforms-content-field-editor-body h5:first-child,.mce-content-body.wpforms-content-field-editor-body h6:first-child{margin-top:0}.mce-content-body.wpforms-content-field-editor-body h1{font-size:32px;line-height:40px}.mce-content-body.wpforms-content-field-editor-body h2{font-size:28px;line-height:36px}.mce-content-body.wpforms-content-field-editor-body h3{font-size:24px;line-height:32px}.mce-content-body.wpforms-content-field-editor-body h4{font-size:20px;line-height:28px}.mce-content-body.wpforms-content-field-editor-body h5{font-size:18px;line-height:26px}.mce-content-body.wpforms-content-field-editor-body h6{font-size:16px;line-height:24px;text-transform:uppercase}.mce-content-body.wpforms-content-field-editor-body p,.mce-content-body.wpforms-content-field-editor-body blockquote,.mce-content-body.wpforms-content-field-editor-body pre,.mce-content-body.wpforms-content-field-editor-body table{margin:0 0 20px 0}.mce-content-body.wpforms-content-field-editor-body li{margin:0 0 10px 0}.mce-content-body.wpforms-content-field-editor-body a{text-decoration:underline}.mce-content-body.wpforms-content-field-editor-body a:hover{text-decoration:none}.mce-content-body.wpforms-content-field-editor-body code,.mce-content-body.wpforms-content-field-editor-body pre{font-family:monospace;overflow:auto}.mce-content-body.wpforms-content-field-editor-body del{text-decoration:line-through}.mce-content-body.wpforms-content-field-editor-body ins{text-decoration:underline}.mce-content-body.wpforms-content-field-editor-body small{font-size:smaller}.mce-content-body.wpforms-content-field-editor-body dt{margin:5px 0}.mce-content-body.wpforms-content-field-editor-body dd{margin-left:25px}.mce-content-body.wpforms-content-field-editor-body abbr,.mce-content-body.wpforms-content-field-editor-body acronym{text-decoration:underline dotted}.mce-content-body.wpforms-content-field-editor-body ul{list-style:disc outside none !important;padding-inline-start:29px !important;margin-bottom:20px !important}.mce-content-body.wpforms-content-field-editor-body ul ul{list-style-type:circle !important;margin-top:10px !important;margin-bottom:0 !important}.mce-content-body.wpforms-content-field-editor-body ul ul ul{list-style-type:square !important}.mce-content-body.wpforms-content-field-editor-body ul ol{margin-top:10px;margin-bottom:0}.mce-content-body.wpforms-content-field-editor-body ul li{list-style:inherit !important;margin-bottom:10px !important}.mce-content-body.wpforms-content-field-editor-body ol{list-style:decimal outside none;padding-inline-start:29px;margin-bottom:20px}.mce-content-body.wpforms-content-field-editor-body ol ol{margin-top:10px;margin-bottom:0}.mce-content-body.wpforms-content-field-editor-body ol ul{margin-top:10px !important;margin-bottom:0 !important}.mce-content-body.wpforms-content-field-editor-body ol li{list-style:inherit}.mce-content-body.wpforms-content-field-editor-body blockquote{border-left:4px solid rgba(0,0,0,0.15);padding-left:20px}.mce-content-body.wpforms-content-field-editor-body blockquote:before,.mce-content-body.wpforms-content-field-editor-body blockquote:after{display:none}.mce-content-body.wpforms-content-field-editor-body table{width:100%;border-collapse:collapse;word-break:normal}.mce-content-body.wpforms-content-field-editor-body table th,.mce-content-body.wpforms-content-field-editor-body table td{padding:0.5em;border:1px solid}.mce-content-body.wpforms-content-field-editor-body sup,.mce-content-body.wpforms-content-field-editor-body sub{font-size:smaller;line-height:calc( 100% + 11px)}.mce-content-body.wpforms-content-field-editor-body sup{vertical-align:super}.mce-content-body.wpforms-content-field-editor-body sub{vertical-align:sub}.mce-content-body.wpforms-content-field-editor-body h1,.mce-content-body.wpforms-content-field-editor-body h2,.mce-content-body.wpforms-content-field-editor-body h3,.mce-content-body.wpforms-content-field-editor-body h4,.mce-content-body.wpforms-content-field-editor-body h5,.mce-content-body.wpforms-content-field-editor-body h6{margin:10px 0;font-weight:600}.mce-content-body.wpforms-content-field-editor-body p{line-height:inherit}.mce-content-body.wpforms-content-field-editor-body img{vertical-align:top}.mce-content-body.wpforms-content-field-editor-body img{max-width:100%;height:auto}.mce-content-body.wpforms-content-field-editor-body .alignleft{float:left;margin:0 30px 20px 0}.mce-content-body.wpforms-content-field-editor-body .alignright{float:right;margin:0 0 20px 30px}.mce-content-body.wpforms-content-field-editor-body .aligncenter{display:block;clear:both;text-align:center;margin:0 auto 20px}.mce-content-body.wpforms-content-field-editor-body .alignnone{display:block;clear:both;margin:0 0 20px 0}.mce-content-body.wpforms-content-field-editor-body .wp-caption-dt,.mce-content-body.wpforms-content-field-editor-body .wp-caption-dd{margin:0}.mce-content-body.wpforms-content-field-editor-body .wp-caption{position:relative;left:auto;right:auto;transform:none;max-width:100%}.mce-content-body.wpforms-content-field-editor-body .wp-caption .wp-caption-text,.mce-content-body.wpforms-content-field-editor-body .wp-caption .wp-caption-dd{text-align:center;font-size:14px;margin-top:0.5em} + + +/* 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; +} diff --git a/assets/css/countdown.css b/assets/css/countdown.css new file mode 100644 index 00000000..1e3e5307 --- /dev/null +++ b/assets/css/countdown.css @@ -0,0 +1,86 @@ +.wp-block-uagb-countdown{display:flex;justify-content:center;text-align:center}.wp-block-uagb-countdown .wp-block-uagb-countdown__box{transition:box-shadow 0.2s ease}.wp-block-uagb-countdown__box{position:relative;display:flex;flex-direction:column;width:155px;height:155px;aspect-ratio:1;justify-content:center}@media (max-width: 976px){.wp-block-uagb-countdown__box{width:100px;height:100px}}@media (max-width: 767px){.wp-block-uagb-countdown__box{width:65px;height:65px}}.wp-block-uagb-countdown__time{font-size:52px}@media (max-width: 976px){.wp-block-uagb-countdown__time{font-size:32px}}.wp-block-uagb-countdown__label{font-size:14px}@media (max-width: 976px){.wp-block-uagb-countdown__label{font-size:12px}}.wp-block-uagb-countdown .wp-block-uagb-countdown-innerblocks{text-align:initial}html:not([dir="rtl"]) .wp-block-uagb-countdown__box:not(:last-child){margin-right:38px}html:not([dir="rtl"]) .wp-block-uagb-countdown__box:not(:last-child) .wp-block-uagb-countdown__time::after{position:absolute;right:0}html:not([dir="rtl"]) .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-seconds .wp-block-uagb-countdown__time-seconds::after{display:none}html:not([dir="rtl"]) .wp-block-uagb-countdown>.wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-seconds:not(:last-child){margin-right:unset}.wp-block-uagb-countdown-innerblocks{display:none}html[dir="rtl"] .wp-block-uagb-countdown__box:not(:first-child){margin-right:38px}html[dir="rtl"] .wp-block-uagb-countdown__box:not(:first-child) .wp-block-uagb-countdown__time::before{position:absolute;right:0}body[class*="astra"] .wp-block-uagb-countdown{line-height:normal} + + +/* 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; +} diff --git a/assets/css/counter.css b/assets/css/counter.css new file mode 100644 index 00000000..1f17667f --- /dev/null +++ b/assets/css/counter.css @@ -0,0 +1,86 @@ +.wp-block-uagb-counter .wp-block-uagb-counter__icon,.wp-block-uagb-counter .wp-block-uagb-counter__image-wrap{display:inline-block;line-height:0}.wp-block-uagb-counter--number .wp-block-uagb-counter__number{font-size:52px;color:#3a3a3a}.wp-block-uagb-counter--number .wp-block-uagb-counter__icon{margin-bottom:10px}.wp-block-uagb-counter--bars{display:flex;flex-direction:column}.wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container{width:100%;background-color:#eaeaea}.wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container .wp-block-uagb-counter__number{width:0%;min-height:5px;text-align:right;line-height:1;white-space:nowrap;overflow:hidden;background:#007cba;display:flex;justify-content:flex-end;align-items:center}.rtl .wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container .wp-block-uagb-counter__number{flex-direction:row-reverse;justify-content:flex-start}.wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container .wp-block-uagb-counter__number>:last-child{margin-right:5px}.wp-block-uagb-counter--bars .wp-block-uagb-counter__title{margin-top:15px}.wp-block-uagb-counter--bars .wp-block-uagb-counter__number{color:#fff;padding-top:5px;padding-bottom:5px}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container{position:relative;display:inline-block;width:100%}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container .wp-block-uagb-counter__icon svg{width:30px}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container svg{pointer-events:none}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container>svg{transform:rotate(-90deg);width:100%;height:100%}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container>svg circle{stroke:#eaeaea;stroke-width:1em;fill:transparent}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container>svg .uagb-counter-circle__progress{stroke:#007cba}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container__content{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1}.wp-block-uagb-counter--circle .wp-block-uagb-counter__number{margin-top:5px;font-size:52px;color:#3a3a3a}.wp-block-uagb-counter--circle .wp-block-uagb-counter__title{margin-top:5px}.wp-block-uagb-counter__icon svg{width:30px}.wp-block-uagb-counter__title{margin-top:10px;margin-bottom:17px;font-size:16px}body[class*="astra"] .wp-block-uagb-counter__title,body[class*="astra"] .wp-block-uagb-counter__number{line-height:normal} + + +/* 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; +} diff --git a/assets/css/custom-controls-rtl.css b/assets/css/custom-controls-rtl.css new file mode 100644 index 00000000..3c7c2e43 --- /dev/null +++ b/assets/css/custom-controls-rtl.css @@ -0,0 +1,5635 @@ +.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); +} + +#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; +} + +.customize-control-ast-border { + /* Unit Screen wrap */ +} + +.customize-control-ast-border .customize-control-title { + display: inline-block; +} + +.customize-control-ast-border .ast-border-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-border .ast-border-wrapper { + display: flex; +} + +.customize-control-ast-border .ast-border-btns { + display: block; + text-align: center; + line-height: 2; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px 0 0 3px; +} + +.customize-control-ast-border .ast-border-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; +} + +.customize-control-ast-border .ast-border-btns > li.active { + display: inline-block; +} + +.customize-control-ast-border .ast-border-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-border .ast-border-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; + margin-top: 1px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + margin: 0 2px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li:nth-child(1) { + margin-right: 0px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; + -moz-appearance: textfield; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li .ast-border-connected { + color: #ffffff; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li:last-child input.ast-border-input { + border-left-width: 1px; + border-radius: 3px 0 0 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper.active { + display: flex; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper span.ast-border-title { + text-transform: uppercase; + font-size: 10px; + color: var(--ast-customizer-color-6); +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-disconnected { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-connected { + display: block; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span { + width: 100%; + height: 26px; + line-height: 26px; + font-size: 14px; + background-color: transparent; + border-radius: 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span svg { + pointer-events: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link { + margin-top: 4px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:hover, .customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus { + border-color: var(--ast-customizer-color-2); +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus { + outline: none; +} +.customize-control-ast-border .input-wrapper.ast-border-wrapper { + margin-bottom: 8px; +} +.customize-control-ast-border .ast-range-unit { + position: absolute; + left: 0; + top: 0px; + padding-left: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-button-link .ast-button-link, .ast-upgrade-pro-wrap .ast-button-link { + display: block; + padding: 10px 0; + border-radius: 2px; + border: 1px solid var(--ast-customizer-color-1); + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-1); + font-size: 13px !important; + font-weight: 400; + line-height: 13px !important; + text-align: center; + cursor: pointer; +} + +.customize-control-ast-button-link .ast-button-link:hover, .ast-upgrade-pro-wrap .ast-button-link:hover { + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-1); + border: 1px solid var(--ast-customizer-color-1); +} + +.ast-btn-preset-wrap { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 12px; +} + +.ast-btn-preset-wrap .ast-btn-style-item{ + cursor: pointer; +} + +.ast-btn-preset-wrap .ast-btn-style-item svg{ + fill: #646970; +} + +.ast-btn-preset-wrap .ast-btn-style-item svg:hover{ + fill: #565b62; +} + +.ast-btn-preset-wrap .ast-btn-style-item.active svg, +.ast-btn-preset-wrap .ast-btn-style-item.active svg:hover{ + fill: #2271b1; +} + +.ast-reset-btn-preset-wrap{ + position: absolute; + display: inline-block; + line-height: 1; + left: 0; + top: 0; +} +.ast-reset-btn-preset-wrap .components-button.is-secondary, +.ast-reset-btn-preset-wrap .components-button.is-secondary:hover{ + box-shadow: none !important; + background: transparent; + color: var(--ast-customizer-color-1); +} + + +.color-group-item .components-tooltip .components-popover__content { + border-radius: 3px; +} + +.color-group-item .components-tooltip .components-popover__content > div { + padding: 5px 10px; + line-height: 1; +} + +.customize-control.customize-control-ast-color-group { + display: flex; + flex-wrap: wrap; +} + +.customize-control.customize-control-ast-color-group .ast-toggle-desc-wrap { + flex: 1 1 auto; + align-self: center; +} + +.customize-control.customize-control-ast-color-group .customize-control-title { + margin-bottom: 5px; +} + +.customize-control.customize-control-ast-color-group .ast-field-color-group-wrap { + justify-content: flex-end; + display: flex; + max-height: 28px; +} + +.customize-control.customize-control-ast-color-group .color-button-wrap { + position: inherit; +} + +.customize-control.customize-control-ast-color-group .color-group-item:not(:last-child) { + margin-left: 8px; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-reset { + left: 72px; + top: 6px; + cursor: pointer; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap { + display: none; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap.active { + justify-content: flex-end; + display: flex; +} + +.customize-control.customize-control-ast-color-group .ast-responsive-btns { + position: relative; + left: -5px; + top: 3px; +} + +.customize-control.customize-control-ast-color-group .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.customize-control-ast-color-group .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-color-group .ast-color-multiple-group-reset.ast-color-group-reset { + left: 110px; +} + +.customize-control-ast-color-group .ast-color-multiple-group-reset.ast-color-group-reset.ast-single-color-group-set { + left: 112px; +} + +#customize-control-astra-settings-woo-single-page-color-group .ast-color-group-reset { + left: 145px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap { + top: 30px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 75px; +} + +.ast-top-dotted-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap { + top: 30px; +} + +.ast-top-dotted-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 75px; +} + +.customize-control-ast-color-group .ast-control-wrap { + display: inline-flex; + width: 100%; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-group-reset { + top: 47px; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 73px; +} + +.astra-color-picker-wrap.picker-open + span { + display: none; +} + + +#customize-control-astra-color-palettes .color-button-wrap { + display: unset; + position: relative; + left: unset; + top: unset; + vertical-align: sub; + z-index: 10; +} + +#customize-control-astra-color-palettes .astra-color-picker-wrap { + position: absolute; + z-index: 1; + left: 0; + width: 100%; + display: none; + margin-top: 10px; +} + +#customize-control-astra-color-palettes .astra-color-picker-wrap.picker-open{ + display: block; +} + +#customize-control-astra-color-palettes .ast-color-palette-label { + width: 65%; + display: inline-block; + margin-left: 10px; + vertical-align: top; +} + +#customize-control-astra-color-palettes .ast-color-palette-label input { + background: none; + border: none; +} + +#customize-control-astra-color-palettes .ast-color-palette-label input:focus { + border: 1px solid black; + outline: none; + box-shadow: none; + background: white; +} + +.ast-color-palette-wrapper .ast-single-palette-wrap { + display: grid; + grid-template-columns: repeat(9, 1fr); + align-items: center; + position: relative; + gap: 2px; +} + +.ast-single-palette-wrap + .components-button.astra-color-icon-indicate + .component-color-indicator.astra-advanced-color-indicate { + width: 25px; + height: 25px; +} + +#customize-control-astra-color-palettes + .ast-color-palette-wrapper + .ast-color-picker-wrap:first-child { + margin-right: 0; +} + +#customize-control-astra-color-palettes + .ast-color-palette-wrapper + .ast-color-picker-wrap { + margin-top: 12px; + cursor: pointer; +} + +#customize-control-astra-color-palettes .ast-reset-btn:disabled { + opacity: 0.6; +} + +#customize-control-astra-color-palettes .ast-palette-presets-inner-wrap .ast-preset-label-wrap { + font-size: 14px; + line-height: 18px; + color: var(--ast-customizer-color-4); + text-align: right; +} +.ast-color-preset-container { + max-height: 425px; + overflow: scroll; + overflow-x: hidden; + -ms-overflow-style: none; + scrollbar-width: thin; + scrollbar-color: #d8d8d8 #f1f1f1; +} +.ast-color-preset-container::-webkit-scrollbar { + width: 5px; +} +.ast-color-preset-container::-webkit-scrollbar-track { + background: #f1f1f1; +} +.ast-color-preset-container::-webkit-scrollbar-thumb { + background: #d8d8d8; +} +.ast-color-palette-container { + width: 100%; + display: inline-grid; + grid-template-columns: repeat( 2,1fr ); + column-gap: 16px; + row-gap: 16px; + margin-top: 12px; + margin-bottom: 12px; +} +.ast-color-palette-wrap { + transition: all 0.2s; + background: #fff; +} +#customize-control-astra-color-palettes .ast-color-palette-wrap > section { + text-align: center; + outline: none; + border-radius: 3px; + cursor: pointer; + transition: all 0.2s; + box-shadow: 0 0 0 1px #ddd; +} +#customize-control-astra-color-palettes .ast-single-color-container { + width: 20%; + height: 48px; + display: inline-block; +} +.ast-palette-label-wrap { + display: block; + text-align: center; + color: #9CA3AF; + overflow: hidden; + width: 100%; + box-sizing: border-box; + transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out; + font-style: normal; + font-weight: 600; + font-size: 10px; + line-height: 24px; + letter-spacing: 1.5px; + text-transform: uppercase; +} + +.ast-palette-label-wrap .edit-icon.dashicons { + line-height: inherit; + font-size: 13px; +} + +.ast-color-palette-wrap.active { + box-shadow: 0px 12px 20px -8px rgb(30 41 59 / 16%); +} +#customize-control-astra-color-palettes .ast-color-palette-wrap.active > section { + box-shadow: 0 0 0 1px var(--ast-customizer-color-5); +} +.ast-color-palette-wrap.active .ast-palette-label-wrap { + color: var( --ast-global-color-secondary, --ast-global-color-5 ); + letter-spacing: 1.5px; +} +.ast-color-palette-wrap .ast-single-color-container:first-child { + border-top-right-radius: 3px; +} +.ast-color-palette-wrap .ast-single-color-container:nth-child(5) { + border-top-left-radius: 3px; +} +.ast-palette-individual-item { + height: 21px; + width: 21px; + display: block; + box-shadow: 0px 0px 0px 15px inset; + border-width: 1px; + border-style: solid; + border-color: rgb(146, 155, 164); + border-image: initial; + border-radius: 50%; + transition: box-shadow 100ms ease 0s; +} + +.ast-palette-individual-item-wrap:not(:last-child) { + margin-left: 4px; +} +.components-button.ast-preset-palette-item { + width: 100%; + padding: 0; + margin-top: 4px; +} +.ast-palette-presets-inner-wrap:last-child .ast-preset-palette-item { + margin-bottom: 0; +} +.components-button.ast-preset-palette-item:hover { + border: none; + box-shadow: none; + outline: none; +} +.customize-control-ast-color-palette .ast-field-settings-modal::before { + left: 12px; +} +section.ast-palette-presets-inner-wrap { + padding: 12px 10px 8px; + transition: all 0.2s; +} +section.ast-palette-presets-inner-wrap:last-child { + padding-bottom: 12px; +} +.ast-palette-presets-inner-wrap:hover { + background: #F3F5F7; + border-radius: 3px; +} +.ast-color-preset-container .components-button.ast-preset-palette-item:focus { + outline: none; + box-shadow: none; +} +#customize-control-astra-color-palettes .ast-color-palette-wrapper { + clear: both; +} + +#customize-controls .customize-section-title.is-in-view.is-sticky { + z-index: 99; +} + +#customize-control-astra-color-palettes .ast-palette-selection-wrapper { + overflow: hidden; + padding: 2px; +} + +@media (min-width: 1800px) { + #customize-control-astra-color-palettes .astra-color-picker-wrap { + width: auto; + } +} + +#customize-control-astra-color-palettes .ast-field-settings-modal { + margin-right: -8px; + margin-left: -8px; + display: none; + padding: 0; +} + +.astra-advanced-color-indicate .global-color{ + display: none; +} + +.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color{ + color: #fff; + display: block; + opacity: 1; + position: absolute; + right: 50%; + top: 50%; + display: block; + text-align: center; + transform: translate(50%, -50%); +} +.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg{ + width: 10px; + height: 10px; + transform: scale(1.5); +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon { + top: -5px; +} + +.ast-color-picker-custom-tooltip { + position: absolute; + top: -30px; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ast-color-picker-custom-tooltip[data-title]::after { + content: attr(data-title); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 1000; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + right: 50%; + transform: translate(50%,-0.5em); +} + +.ast-single-palette-wrap > :last-child .ast-color-picker-custom-tooltip[data-title]::after { + right: -16px; +} + +.ast-color-picker-custom-tooltip-wrapper { + position: relative; +} + +.ast-color-picker-wrap:hover + .ast-color-picker-custom-tooltip-wrapper .ast-color-picker-custom-tooltip[data-title]::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + +.ast-color-palette .components-popover.components-tooltip { + position: relative !important; + right: 5px !important; + top: -35px !important; + transform: unset !important; +} +.customize-control .components-tooltip { + z-index: 8 !important; +} +.ast-color-palette .components-popover .components-popover__content { + bottom: calc(100% + 5px); + animation: tooltips-vert .3s ease-out forwards; + right: 50%; + transform: translate(50%,-0.5em); +} + +/* Palette Rename CSS */ +.palette-name-input { + border: 0; + font-size: inherit; + color: inherit; + min-height: 20px; + box-shadow: none; + padding: 0; + text-align: center; +} + +.ast-color-palette-wrap.active { + box-shadow: 0 0 0 1px var(--ast-customizer-color-8); + border-radius: 3px; + } + +#customize-control-astra-color-palettes .ast-color-palette-wrap.active>section, #customize-control-astra-color-palettes .ast-color-palette-wrap>section { + box-shadow: none; +} + +.customize-control .ast-palette-label-wrap .palette-name-input { + box-shadow: none; + border-color: transparent; + letter-spacing: 1.5px; + text-transform: uppercase; + color: #9CA3AF; +} + +.ast-palette-label-wrap input[type="text"] { + min-height: 22px; + padding: 0; +} + +.ast-color-palette-wrap:hover { + cursor: pointer; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"] { + color: var(--ast-customizer-color-1); + font-size: 14px !important; + background: transparent; + transition: color 0.3s ease; + padding: 0; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"]:hover { + color: #03699d; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"]:hover { + opacity: 0.7; +} + + /** Remove Button Color */ + +.astra-control-field.astra-color-control { + display: flex; +} + +.astra-control-field { + position: relative; + margin-top: 10px; + margin-bottom: 10px; +} + +.astra-control-field.astra-color-control .customize-control-title { + flex-grow: 2; +} +.astra-control-field .customize-control-title { + font-size: 14px; + font-weight: 600; + margin-bottom: 0; + display: flex; + align-items: center; + letter-spacing: 0.1px; + line-height: 18px; +} +.customize-control-title { + display: block; + font-size: 14px; + line-height: 1; + font-weight: 600; + margin-bottom: 4px; +} + +.astra-globe-dashicon { + color: #ffffff; + background: rgba(0,0,0,0.4); + border-radius: 100%; + border: 0.1px solid rgba(0,0,0,0.1); + opacity: 0.78; +} + +.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; + background: inherit; +} +.component-color-indicator { + width: 25px; + height: 16px; + display: inline-block; +} + +.astra-advanced-color-indicate.component-color-indicator { + border: none; +} + +.astra-color-icon-indicate.components-button { + height: auto; + position: relative; + transform: scale(1); + transition: none; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, transparent 75%, #ddd 0), linear-gradient(45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; +} + +/** Color */ +.astra-popover-color .components-popover__content .components-focal-point-picker-wrapper { + box-sizing: border-box; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container input[type="number"].components-text-control__input { + min-height: 16px; + line-height: 16px; + font-size: 12px; + width: 50px; + font-weight: normal; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control { + flex: 1; + margin-bottom: 0; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control .components-base-control__label { + margin-bottom: 0; + margin-left: 0.2em; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control__field { + display: flex; + align-items: center; + font-size: 8px; + font-weight: 600; + font-style: normal; + text-transform: uppercase; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control:last-child .components-base-control__field { + justify-content: flex-end; +} +.astra-popover-color .components-popover__content .actions { + display: flex; + justify-content: center; + margin-bottom: 10px; +} +.astra-popover-color .components-popover__content .actions .button { + flex: 1; + margin-top: 10px; +} +.astra-background-picker-wrap .astra-popover-color .components-popover__content { + min-width: 300px; + min-height: 340px; + max-height: 60vh; +} +.color-button-wrap { + display: inline-block; + position: absolute; + left: 0; + top: 0; + transform: scale(1); + transition: transform .1s ease; + height: 28px; + width: 28px; +} +.components-button.astra-color-icon-indicate .astra-advanced-color-indicate:after { + content: ""; + position: absolute; + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + border-radius: 50%; + border: 1px solid transparent; +} +.components-button.astra-background-icon-indicate { + width: 50px; + height: 50px; + border-radius: 50%; + position: relative; + transform: scale(1); + transition: transform 0.1s ease; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, transparent 75%, #ddd 0), linear-gradient(45deg, transparent 75%, #ddd 0); + border: 1px solid #dadada; + background-size: 10px 10px; + background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; +} +.components-button.astra-background-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 100%; + height: 100%; + border-radius: 4px; + margin: 0; + display: block; + position: absolute; + border: 0; + top: 0; +} +.components-button.astra-background-icon-indicate > svg.dashicon { + position: absolute; + transform: translate(50%, -50%); + right: 50%; + top: 50%; + color: white; + background: rgba(0, 0, 0, 0.6); + border-radius: 100%; + width: 16px; + height: 16px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.components-button.astra-background-icon-indicate > svg.dashicon path { + transform: translate(-1px, 1px); +} +.components-button.astra-background-icon-indicate img.astra-background-image-preview { + display: flex; + object-fit: cover; + min-width: 100%; + min-height: 100%; + position: absolute; + top: 0; +} +.components-button.astra-background-icon-indicate:hover { + box-shadow: none !important; +} +.astra-control-field.astra-color-control { + display: flex; +} +.astra-control-field.astra-color-control .customize-control-title { + flex-grow: 2; +} +.components-popover.astra-popover-color .components-popover__content { + padding: 15px 15px 0px; + box-sizing: initial; + background: #fff; + border: unset; + border-radius: 4px; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); +} +.customize-control-ast-color.customize-control > * { + display: inline; +} +.components-popover.astra-popover-color .components-popover__content .sketch-picker { + padding: 0 0 5px !important; + box-shadow: none !important; + border-radius: 0px !important; +} +.components-popover.astra-popover-color .components-popover__content .attachment-media-view { + margin-top: 10px; + margin-bottom: 10px; +} +.astra-swatches-wrap .astra-swatche-item-wrap:hover { + transform: scale(1.1) !important; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item { + background-image: linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, transparent 75%, #ddd 0), linear-gradient(45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; + padding: 0; + display: flex; + justify-content: center; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item .dashicon { + display: none; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active { + box-shadow: 0 0 0 8px inset !important; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon { + display: block; + color: white; + background: rgba(0, 0, 0, 0.6); + width: 16px; + height: 16px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 100%; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon path { + transform: translate(-1px, 1px); +} +.components-button.astra-color-icon-indicate > .dashicon { + position: absolute; + transform: translate(50%, -50%); + right: 50%; + top: 50%; + color: white; + background: rgb(85 93 101); + border-radius: 4px; + width: 17px; + height: 17px; + font-size: 17px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.astra-popover-color { + margin: 5px -5px 0; + background-color: #ffffff; + border-radius: 4px; + box-shadow: 0px 8px 16px -4px rgba(30, 41, 59, 0.16); +} + +.astra-popover-color .components-h-stack.ast-color-palette { + padding: 14px 5px; +} + +.customize-control-ast-responsive-background .astra-popover-color .components-h-stack.ast-color-palette, +.customize-control-ast-color-group .astra-popover-color .astra-background-tabs .components-h-stack.ast-color-palette { + padding: 0 5px 14px; +} + +.astra-popover-color .components-h-stack .components-button { + flex: inherit; +} + +.astra-popover-color .components-circular-option-picker__option:focus::after{ + width: auto; + height: auto; +} + +.astra-popover-color .components-h-stack .components-circular-option-picker__option-wrapper{ + margin-left: 0; +} + +.astra-popover-color .components-color-picker .react-colorful__hue, +.astra-popover-color .components-color-picker .react-colorful__alpha { + width: 90%; +} + +.ast-field-settings-modal .astra-popover-color { + margin-right: 0px; + border: 1px solid #dedede; +} +.ast-field-settings-modal .astra-popover-color .components-tab-panel__tabs { + padding: 8px; +} +.components-color-picker__saturation-black { + border-radius: 4px 4px 0 0; +} +.components-color-picker__saturation-color { + border-radius: 3px; +} +.components-color-picker__saturation-white { + border-radius: 3px; +} +.astra-color-picker-wrap { + position: absolute; + z-index: 2; + top: 30px; + right: 0; + left: 0; + bottom: 0; + display: none; +} + +.astra-color-picker-wrap .astra-popover-color .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .react-colorful { + width: 100%; +} + +.astra-popover-color .components-custom-gradient-picker{ + z-index: 1; +} +.astra-popover-color .components-custom-gradient-picker__ui-line{ + z-index: -1; +} + +.astra-color-picker-wrap.picker-open{ + display: block; +} +.ast-field-settings-modal .astra-color-picker-wrap { + position: relative; + top: 10px; +} +.ast-color-palette .components-circular-option-picker__option-wrapper { + margin-left: 6px; + position: relative; + height: 25px; + width: 25px; +} +/* Clear Button CSS */ +.ast-color-btn-clear-wrap { + position: absolute; + top: 1.5px; + left: 65px; +} +.ast-color-btn-clear-wrap .astra-color-clear-button.components-button { + padding: 10px 3px; + width: 20px; + height: 20px; +} +.ast-clear-btn-inside-picker.components-button, +.ast-reset-btn-inside-picker.components-button, +.astra-popover-tabs .ast-clear-btn-inside-picker.components-button { + margin: 5px 15px 20px 20px; + padding: 0 8px; + border: 1px solid #ccc; + box-shadow: none; +} +.ast-clear-btn-inside-picker.components-button:hover, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:hover, +.ast-clear-btn-inside-picker.components-button:focus, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:focus, +.ast-clear-btn-inside-picker.components-button:active, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:active, +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active { + box-shadow: none !important; + background: transparent !important; +} +.ast-clear-btn-inside-picker { + padding: 0 8px; +} +/* Reset Button CSS */ +.ast-color-btn-reset-wrap { + position: absolute; + left: 36px; + top: 6px; +} +.ast-color-btn-reset-wrap .ast-reset-btn.components-button, .ast-resp-slider-reset-wrap .ast-reset-btn.components-button { + color: #006BA1; + height: 20px; + width: 20px; + padding: 4px; + background: transparent; + box-shadow: none !important; + cursor: pointer; +} +.astra-color-clear-button.components-button:focus:not(:disabled) { + outline: unset; + border: none; +} +.ast-color-btn-reset-wrap .ast-reset-btn.components-button:hover, .ast-color-btn-reset-wrap .ast-reset-btn.components-button:focus, +.ast-resp-slider-reset-wrap .ast-reset-btn.components-button:hover, .ast-resp-slider-reset-wrap .ast-reset-btn.components-button:focus { + box-shadow: none; + border: none; + background: transparent; +} +.astra-color-clear-button.components-button.is-secondary:hover:not(:disabled), +.astra-color-clear-button.components-button:focus:not(:disabled) { + box-shadow: 0 0 black; + padding: 1.5px; + border: none; +} +.astra-color-clear-button.components-button.is-secondary:disabled, .ast-reset-btn.components-button.is-secondary:disabled span { + color: var(--ast-customizer-color-6); +} +/** Inside Setting group popup - Colors */ +.ast-field-settings-modal .color-button-wrap { + left: 16px; +} +.ast-field-settings-modal .ast-color-btn-reset-wrap { + left: 59px; + top: 6px; +} +.ast-field-settings-modal .ast-color-btn-clear-wrap { + left: 78px; +} +.astra-color-picker-wrap .components-color-picker__inputs-wrapper { + min-width: unset; +} +/** Gradient Color Picker */ +.customize-control .ast-gradient-color-picker input[type="number"] { + width: 100%; +} +.ast-gradient-color-picker .components-select-control.components-custom-gradient-picker__type-picker { + align-items: center; + flex-direction: inherit; +} +.astra-color-picker-wrap .components-popover__content { + width: max-content; +} + +.astra-color-picker-wrap .components-custom-gradient-picker__inserter .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .react-colorful { + width: 216px; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-select-control.components-custom-gradient-picker__type-picker { + flex-direction: column; + align-items: start; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-angle-picker-control { + margin-bottom: 0; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point { + padding: 0 16px 16px 16px; + border: 0; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point:focus { + box-shadow: none; + outline: none; +} + +/** Gradient Color Picker -> RGBA & HSLA range fields */ +.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type="number"] { + width: 100%; +} +/** Modal Color Picker - Group Param */ +.ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; +} +.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 25px; + width: 25px; +} +.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 2.5px; + top: 0px; + width: 20px; +} +.ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 0; + top: 0; + mix-blend-mode: difference; +} +.astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches { + gap: 4px; + justify-content: center; +} +.astra-popover-color .components-circular-option-picker__option-wrapper:hover { + transform: scale(1.1); +} + +.customize-control-ast-color + .customize-control-ast-color { + margin-top: 30px; +} +.astra-popover-tabs .color-tab [data-wp-component="Flex"], +.astra-popover-color .color-tab [data-wp-component="Flex"] { + padding-right: 8px; +} +.astra-popover-tabs .ast-clear-btn-inside-picker.components-button, .astra-popover-color .ast-clear-btn-inside-picker.components-button { + margin-right: 8px; + margin-top: 0px; +} +@media (max-width: 1845px) { + /** Responsive Devices - Compatibility CSS */ + .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 22px; + width: 22px; + } + .astra-background-tabs .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + width: 20px; + top: -2px; + } + .astra-popover-color .ast-color-palette.components-circular-option-picker { + width: auto; + padding: 16px 8px 0px 0px; + } + .astra-typography-control .typography-button-wrap > button.components-button.astra-typography-preview-indicate { + padding: 0 2px; + } + .astra-typography-control .typography-button-wrap > button.components-button { + padding: 0 4px; + } + /** Modal Popup */ + .ast-fields-wrap .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: auto; + height: auto; + } + .ast-fields-wrap .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-fields-wrap .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 1px; + top: -2px; + width: 18px; + } + .astra-popover-color .components-circular-option-picker__option[aria-pressed=true]+svg, .components-circular-option-picker__option[aria-selected=true]+svg { + width: 22px; + height: 22px; + right: 0; + top: 0; + mix-blend-mode: difference; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; + } + .astra-background-tabs .components-circular-option-picker__option[aria-selected=true]+svg { + width: 20px; + height: 20px; + } +} +@supports (-moz-appearance:none) { + @media (max-width: 1845px) { + .ast-color-palette .components-circular-option-picker__option-wrapper { + margin-left: 5px; + } + .ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 21px; + height: 21px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 3px; + top: -2px; + width: 15px; + } + } +} + +.astra-color-icon-indicate.components-button:focus:not(:disabled) { + box-shadow: unset; + outline: unset; +} +.astra-color-icon-indicate.components-button:hover { + transform: scale(1.05); +} + +.ast-top-divider.customize-control-ast-color .ast-divider-title + .ast-control-wrap, +.ast-top-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap { + margin-top: 25px; + display: inline-flex; + width: 100%; + min-height: 22px; +} + + +.ast-top-divider.customize-control-ast-toggle-control .ast-divider-title + .ast-togglecontrol-wrapper, +.ast-bottom-divider.customize-control-ast-toggle-control .ast-divider-title + .ast-togglecontrol-wrapper, +.ast-top-divider.customize-control-ast-responsive-toggle-control .ast-divider-title + .ast-responsive-toggle-control-wrapper, +.ast-top-divider.customize-control-ast-responsive-color .ast-divider-title + .ast-control-wrap, +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap, +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap { + margin-top: 25px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-control-wrap { + display: inline-flex; + width: 100%; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 67px; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .color-button-wrap { + top: 61px; +} + +.ast-color-palette.components-circular-option-picker .components-circular-option-picker__swatches{ + width: 100%; +} + +/* Instead of updating above CSS, handled this control's edge case separately. */ +li#customize-control-astra-settings-transparent-content-section-text-color-responsive .ast-control-wrap .ast-responsive-btns { + top: 2px; +} + +/* Global customizer color palette */ + +:root { + --ast-customizer-color-1:#0284c7; /* active color */ + --ast-customizer-color-2:#0ea5e9; /* active focus color */ + --ast-customizer-color-3:#2271b1; /* active color border */ + --ast-customizer-color-4:#1e293b; /* title / heading */ + --ast-customizer-color-5:#334155; /* input text color */ + --ast-customizer-color-6:#9CA3AF; /* Sub text color */ + --ast-customizer-color-7:#D1D5DB; /* border color / outline / grey background*/ + --ast-customizer-color-8:#4B5563; /* icon color / Toggle color*/ + --ast-customizer-color-9:#fff; /* background color */ + --ast-customizer-color-10: #fff; /* text invert / Icon invert */ + --ast-customizer-color-11: #F5F5F5; /* alt background*/ + --ast-customizer-color-12: #1e293b; /* alt background 2*/ + --ast-customizer-color-13: #F3F4F6; /* alt background 3*/ + --ast-customizer-color-14: #cc1818; /* danger color*/ +} + +input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], select, textarea { + color: var(--ast-customizer-color-5); +} + +.customize-control .ast-spacing-responsive-btns li svg { + max-width: 13px; +} + +.customize-control-ast-customizer-link .customizer-link { + font-style: italic; + text-decoration: none; +} + +.customize-control-ast-customizer-link:empty { + display:none; +} +/* Customizer Scroll CSS */ +.accordion-section-content::-webkit-scrollbar, .wp-full-overlay-sidebar-content::-webkit-scrollbar { + width: 6px; + background-color: #f1f1f1; +} + +.accordion-section-content::-webkit-scrollbar-thumb, .wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #d8d8d8; +} + +.accordion-section-content::-webkit-scrollbar-track, .wp-full-overlay-sidebar-content::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3); + width: 6px; +} + +.wp-full-overlay-sidebar:after { + display: none; +} + +#customize-theme-controls .control-section-ast-section-separator { + margin-top: 15px; + border-top: 1px solid #ddd; + display: block !important; +} + +.customize-control:not(.customize-control-nav_menu_item) { + position: relative; + margin-bottom: 0; + margin-top: 16px; +} + +.customize-control.customize-control-ast-color, .customize-control.customize-control-ast-color-group, .customize-control-ast-responsive-background, .customize-control-ast-background { + display: flex; + align-items: center; + min-height: 28px; + flex-wrap: wrap; +} + +.customize-control-ast-responsive-background label { + white-space: nowrap; +} + +.customize-control .media-position-setting label.components-text { + text-transform: capitalize; + font-size: 12px; + font-weight: 400; +} + +.media-position-setting .astra-popover-tabs .components-tab-panel__tabs { + padding-right: 0; + padding-left: 0; +} + +.customize-control[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 0; +} + +[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 10px; +} + +.customize-section-title { + margin: -12px -24px 0 -24px; +} + +.customize-section-description-container, #customize-controls .customize-info.section-meta, #customize-controls .customize-info { + margin-bottom: 0; +} + +#customize-controls #sub-accordion-panel-nav_menus .customize-info { + margin-bottom: 15px; +} + +#customize-control-astra-settings-header-transparent-link-heading { + margin-top: 15px; +} + +#customize-controls .components-base-control .components-base-control__field { + margin-bottom: 0; +} +#customize-controls .components-base-control .components-base-control__field .components-input-control__backdrop { + border-color: #D1D5DB !important; +} + +.customize-control .customize-inside-control-row { + padding-top: 0; + padding-bottom: 0; +} + +.customize-control-title { + display: inline-block; + margin-bottom: 16px; + vertical-align: middle; +} + +.customize-control-ast-color .customize-control-title, .customize-control-ast-responsive-background .customize-control-title, +.customize-control-ast-background .customize-control-title, .customize-control-ast-responsive-color .customize-control-title { + display: contents; +} + +.customize-control .ast-control-tooltip { + position: absolute; + top: 0; + left: 0; + color: var(--ast-customizer-color-6); + cursor: help; +} + +.customize-control .ast-control-tooltip:hover { + color: var(--ast-customizer-color-1); +} + +.customize-control.customize-control-ast-responsive-background .ast-control-tooltip { + top: 50%; + left: 36px; + transform: translateY(-50%); +} + +.customize-control.customize-control-ast-responsive-background:has(.ast-color-btn-reset-wrap) .ast-control-tooltip { + left: 60px; +} + +.customize-control.customize-control-ast-toggle-control .ast-control-tooltip { + position: absolute; + top: 50%; + left: 40px; + transform: translateY(-50%); + z-index: 1; +} + +#customize-control-astra-settings-learndash-distraction-free-learning .ast-control-tooltip { + padding-top: 32px; +} + +.customize-control.customize-control-ast-toggle-control.ast-top-dotted-divider .ast-control-tooltip { + position: absolute; + top: 55%; + left: 40px; + transform: translateY(0); +} + +.customize-control-ast-selector.customize-control .ast-control-tooltip { + top: -3px; +} + +.customize-control.customize-control-ast-toggle-control.ast-top-divider .ast-control-tooltip { + top: calc(50% + 15px); +} + +.customize-control.customize-control-ast-toggle-control.ast-bottom-divider .ast-control-tooltip { + top: calc(50% - 11px); +} + +.customize-control.customize-control-ast-toggle-control .ast-description-enabled .components-form-toggle { + margin-right: 25px; +} + +.customize-control.customize-control-ast-divider .ast-control-tooltip { + position: absolute; + top: auto; + bottom: 3px; + left: 0; +} + +.ast-fields-wrap .customize-control .ast-control-tooltip { + left: 15px; + top: 6px; +} + +.customize-control .ast-sortable-subfields-wrap .ast-control-tooltip { + position: absolute !important; + top: 40%; + left: 0px; + transform: translateY(-50%); + z-index: 1; +} +.customize-control .ast-sortable-subfields-wrap .customize-control-ast-toggle .ast-control-tooltip { + left: 30px; + top: 50%; +} +.ast-top-dotted-divider .dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip, +.ast-top-section-divider .dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip { + top: 24px; +} + +/* Select2 WP 5.3 compatibility */ +.customize-control .select2-search input[type="text"].select2-search__field { + min-height: 17px; +} + +input[type="text"].select2-search__field { + line-height: 1; + border-radius: 0; +} + +/* CSS for a Description as a Notice. */ +.ast-customizer-notice { + margin: 0 -12px; + padding: 12px; +} + +/* CSS to show popups without scroll */ +#customize-theme-controls .control-section.open { + height: 100%; + padding: 12px 24px 25px 24px; +} + +/* Safari Browser specific CSS */ +@media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) { + #customize-control-astra-settings-ast-header-responsive-logo-width .wrapper { + display: inline-block; + width: 100%; + } + .dashicons-desktop:before, .dashicons-tablet:before, .dashicons-smartphone:before { + color: #000000; + opacity: .75; + } + .ast-reset-btn.components-button svg { + padding: 0px; + height: 13px; + } + } +} + +/* Firefox Browser specific CSS */ +@-moz-document url-prefix() { + .control-section.open .customize-control:last-child { + margin-bottom: 20px; + } +} + +/* IE Browser specific CSS */ +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .control-section.open .customize-control:last-child { + padding-bottom: 20px; + } + #customize-control-astra-settings-blog-archive-image-width .customize-control-title, #customize-control-astra-settings-blog-archive-image-height .customize-control-title, #customize-control-astra-settings-blog-single-post-image-width .customize-control-title, #customize-control-astra-settings-blog-single-post-image-height .customize-control-title { + margin-right: 0px; + margin-left: 20px; + } +} + +.wp-customizer li:not(.customize-control-sidebar_block_editor) h1, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h2, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h3, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h4, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h5, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h6 { + font-weight: 600; +} + +/* Customizer - widget appender bottom space CSS */ +.block-list-appender { + margin-bottom: 20px; +} + +.block-editor-block-inspector .block-editor-block-card { + margin-top: 12px; +} + +/* Customizer - builder widget area's block gets round shapes in more-settings tab */ +.components-circular-option-picker__option-wrapper::before { + background: unset; +} + +.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper { + position: relative; +} + +/* Hiding this specific control on responsive devices. */ +.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-width { + display: none; +} + +.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-direction { + display: none; +} + +.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-width { + display: none; +} + +.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-direction { + display: none; +} + +#customize-theme-controls .accordion-section-title, #customize-outer-theme-controls .accordion-section-title, +#customize-controls .control-section.control-section-ast_section .accordion-section-title { + border-bottom: 1px solid var(--ast-customizer-color-7); +} + +/* To remove extra spacing for customizer button */ +#customize-theme-controls .accordion-section-title button.accordion-trigger { + max-height: fit-content; +} + +.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title, +.wp-core-ui #customize-controls .control-section .accordion-section-title:hover, +.wp-core-ui #customize-controls .control-section .accordion-section-title:focus, +.wp-core-ui .customize-panel-back:hover, +.wp-core-ui .customize-panel-back:focus, +.wp-core-ui .customize-section-back:hover, +.wp-core-ui .customize-section-back:focus { + border-right-color: var(--ast-customizer-color-1); +} + +/* Toggle Section Control */ +.ast-section-toggle { + display: grid; + grid-template-columns: 70% 20% 10%; + align-items: center; + padding: 0 12px 0 0; + height: 100%; + align-items: center; + align-content: center; + max-height: 46px; +} + +.ast-section-toggle label { + font-size: 14px; + line-height: 1; + font-weight: 600; + height: 100%; + display: inline-flex; + align-items: center; +} + +.ast-section-toggle > label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + height: auto; + line-height: 50px; +} + +.ast-section-toggle:not(.active) > label { + cursor: default; +} + +.customize-control.customize-control-ast-section-toggle { + border: 1px dashed var(--ast-customizer-color-1); + background: var(--ast-customizer-color-11); + cursor: pointer; + box-shadow: none !important; + line-height: 42px; + font-size: 14px; + display: inline-grid; + align-items: center; + height: auto; + color: var(--ast-customizer-color-5); + position: relative; + white-space: nowrap; + border-radius: 4px; + transition: all 0.2s; + padding-top: 0; + padding-bottom: 0; + margin-top: 24px; + margin-bottom: 9px; + margin-top: 24px; +} +.customize-control.customize-control-ast-section-toggle:hover { + background: var(--ast-customizer-color-9); + border-style: solid; +} +.ast-section-toggle-icon { + color: var(--wp-admin-theme-color); + cursor: pointer; + line-height: 20px; + height: 100%; + display: inline-flex; + align-items: center; +} + +.ast-section-toggle-icon span { + font-size: 16px; + line-height: 16px; + width: 16px; + height: 16px; +} + +.customize-control-ast-section-toggle { + padding-top: 25px; + padding-bottom: 16px; +} + +li#customize-control-astra-settings-related-posts-title { + margin-top: 32px; +} + +li[ID*="accordion-section-ast-dynamic-single-"].control-section-ast_section, +li[ID*="accordion-section-ast-dynamic-archive-"].control-section-ast_section, +li#accordion-section-section-search-page-title.control-section-ast_section, +li[ID*="accordion-section-ast-sub-section-"].control-section-ast_section { + display: none !important; +} + +.item-customizer-focus svg { + min-width: 12px; + min-height: 12px; + width: 12px; + height: 12px; + fill: #fff; + margin-right: -1px; +} + +/* Customizer - Adjusting Style Guide Trigger Button */ +.wp-full-overlay-sidebar #customize-header-actions { + padding-right: 6px; + padding-left: 6px; +} +#customize-header-actions button#astra-tour { + display: block; + position: absolute; + top: 0; + bottom: 0; + right: 48px; + width: 45px; + margin-top: 0 !important; + padding: 0; + background: #f0f0f1; + border: none; + border-radius: 0; + border-top: 4px solid #f0f0f1; + border-left: 1px solid #dcdcde; + color: #3c434a; + fill: #3c434a; + stroke: #3c434a; +} +#customize-header-actions button#astra-tour:hover, #customize-header-actions button#astra-tour:focus { + background: #fff; + color: #2271b1; + fill: #2271b1; + stroke: #2271b1; + border-top-color: #2271b1; + box-shadow: none; + outline: 1px solid transparent; +} +#customize-header-actions button#astra-tour svg { + margin-top: 7px; + margin-right: 3px; + width: 16px; + height: 16px; +} +@media screen and (max-width: 640px) { + #customize-header-actions button#astra-tour { + right: 153px; + } +} + +/* To highlight style guide option */ +.indicator-dot { + z-index: 1000; + position: relative; + height: 5px; + width: 5px; + background-color: red; + border-radius: 50%; + display: inline-block; + margin-right: 80px; + margin-bottom: 15px; + animation: pulse 2s infinite; +} + +@keyframes pulse { + 0% { + transform: scale(1); + opacity: 1; + } + 50% { + transform: scale(1.5); + opacity: 0.7; + } + 100% { + transform: scale(1); + opacity: 1; + } +} + +/* Styling for the tooltip */ +.ast-style-guide-tooltip { + display: none; + position: absolute; + right: 50%; + transform: translateX(50%); + margin-bottom: 5px; + background-color: #e5e5e5; + color: #494948; + border-radius: 3px; + white-space: nowrap; + font-size: 12px; + z-index: 1000; + opacity: 0; + transition: opacity .3s ease; + padding: 0 8px; + top: 45px; + box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; +} + +/* Show the ast-style-guide-tooltip on hover */ +#astra-tour:hover .ast-style-guide-tooltip { + display: block; + opacity: 1; +} + +.customize-control-ast-description .ast-description { + font-style: italic; + color: #9CA3AF; + font-size: 11px; + line-height: 16px; + font-weight: 400; + text-wrap: wrap; + display: inline-block; +} + +.customize-control-ast-description a.button { + margin-top: 10px; + font-style: normal; +} + +.customize-control-ast-description p { + margin: 0; + cursor: initial; + font-size: 11px; + line-height: 16px; + font-weight: 400; +} + +.customize-control .customize-control-description { + display: none; +} + +.customize-control-ast-divider hr { + margin-top: 0; + margin-bottom: 0; + border-bottom: none; +} + +.customize-control-ast-divider .customize-control-title { + font-size: 15px; + margin: 1em 0 0.2em; +} + +.customize-control-ast-divider .customize-control-suffix { + position: absolute; + left: 0; + bottom: 0; + font-weight: 600; + color: var(--ast-customizer-color-1); + display: inline-block; + font-size: 11px; + text-transform: uppercase; + } + +.customize-control-ast-divider .customizer-text { + margin-top: -10px; + display: block; +} + +.ast-field-settings-modal .customize-control-ast-divider { + background-color: #f5f5f5; + display: block; + padding: 6px 14px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: #dddddd; + line-height: 1; + margin-top: 15px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customizer-text { + margin-top: 0; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customize-control-title { + font-weight: 500; + letter-spacing: 1px; + font-size: 11px; + margin: 0; + text-transform: uppercase; +} + +/* + * CSS for ast-divider attribute started. + */ +.ast-bottom-divider { + border-bottom: 1px solid var(--ast-customizer-color-7); + padding-bottom: 25px; +} + +.ast-top-divider { + border-top: 1px solid var(--ast-customizer-color-7); + padding-top: 25px; +} + +.ast-top-divider > label.ast-divider-title, .ast-bottom-divider > label.ast-divider-title, +.customize-control-ast-color-group > .ast-divider-title { + display: block; + width: 100%; + font-size: 15px; + font-weight: 600; +} + +.ast-top-divider .ast-control-wrap .ast-color-btn-reset-wrap { + top: 25px; +} + +.ast-top-divider .ast-control-wrap .astra-color-picker-wrap { + top: 55px; + background-color: transparent; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 100px; + background-color: transparent; +} + +.ast-top-divider .ast-control-wrap .color-button-wrap { + top: 20.5px; +} + +.ast-top-divider.customize-control-ast-select .ast-divider-title { + margin-bottom: 25px; +} + + +/* +* CSS for ast-spacing attribute started. +*/ + +.customize-control.ast-bottom-spacing, .ast-field-settings-modal .customize-control.ast-bottom-spacing { + margin-bottom: 16px; +} +.customize-control.ast-top-spacing, .ast-field-settings-modal .customize-control.ast-top-spacing { + margin-top: 16px; +} +li.customize-control.ast-bottom-section-spacing { + margin-bottom: 24px; +} +li.customize-control.ast-top-section-spacing { + margin-top: 24px; +} + +/* +* CSS for ast-divider attribute started. +*/ + +.customize-control.ast-top-dotted-divider, +#customize-control-astra-settings-edd-archive-variable-button-text, +#customize-control-astra-settings-header-account-logged-out-text, +#customize-control-astra-settings-shop-load-more-text, +#customize-control-astra-settings-single-product-shipping-text, +#customize-control-astra-settings-checkout-back-to-cart-button-text, +#customize-control-astra-settings-ast-header-retina-logo, +#customize-control-astra-settings-product-sale-percent-value, +#customize-control-astra-settings-header-account-create-menu-link, +#customize-control-astra-settings-woo-cart-button-text, +#customize-control-astra-settings-single-product-recently-viewed-text, +#customize-control-astra-settings-sticky-header-retina-logo { + margin-top: 24px; + padding-top: 24px; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +#customize-control-blogname, #customize-control-blogdescription, { + margin-top: 16px; +} + +#customize-control-astra-settings-product-sale-percent-value .ast-control-tooltip { + top: 24px; +} + +.customize-control.ast-top-dotted-divider .ast-adv-toggle-icon { + top: 25px; +} + +.customize-control.ast-bottom-dotted-divider, +#customize-control-astra-settings-header-account-logged-in-text { + margin-bottom: 8px; + padding-bottom: 24px; + border-bottom: 1px dashed var(--ast-customizer-color-7); +} + +.customize-control.ast-bottom-dotted-divider .ast-adv-toggle-icon { + bottom: 25px; +} + +/* +* CSS for ast-section-divider attribute started. +*/ + +.customize-control.ast-top-section-divider, +.customize-control.ast-bottom-section-divider { + position: relative; +} + +.customize-control.ast-top-section-divider { + padding-top: 32px; + margin-top: 32px; +} + +.customize-control.ast-bottom-section-divider { + padding-bottom: 32px; + margin-bottom: 16px; +} + +.customize-control.ast-sub-top-dotted-divider { + padding-top: 20px; +} + +.customize-control.ast-sub-bottom-dotted-divider { + padding-bottom: 20px; +} + +.customize-control.ast-top-section-divider::before, +.customize-control.ast-bottom-section-divider::after { + content: ''; + position: absolute; + right: -100%; + background-color: var(--ast-customizer-color-7); + width: 500%; + height: 1px; +} + +.customize-control.ast-sub-top-dotted-divider::before, +.customize-control.ast-top-section-divider::before { + top: 0; +} + +.customize-control.ast-sub-bottom-dotted-divider::after, +.customize-control.ast-bottom-section-divider::after { + bottom: 0; +} + +.customize-control.ast-sub-top-dotted-divider::before, +.customize-control.ast-sub-bottom-dotted-divider::after { + content: ''; + border-top: 1px dashed var(--ast-customizer-color-7); + width: calc(100% - 30px); + height: 1px; + position: absolute; + right: 15px; +} + + +/* +* CSS for ast-first-control-spacing attribute started. +*/ +[ID*="-create-menu-link"] .ahfb-builder-item-start { + margin-bottom: 0; +} + +.customize-control.ast-section-spacing, +#customize-control-astra-settings-footer-create-menu-link, +#customize-control-astra-settings-footer-language-switcher-options, +#customize-control-astra-settings-header-mobile-menu-create-menu-link, +#customize-control-astra-settings-header-language-switcher-options, +#customize-control-astra-settings-site-icon-link, +#customize-control-custom_logo, +#customize-control-astra-settings-header-above-stick, +[ID*="sub-accordion-section-section-hb-menu-"] [ID*="-create-menu-link"], +[ID*="customize-control-astra-settings-header-button"][ID*="-text"], +[ID*="customize-control-astra-settings-footer-button"][ID*="-text"] { + margin-top: 32px; +} + +#customize-control-body-font-variant, +#customize-control-headings-font-variant { + margin-top: 0; +} + +/* sidebar specific */ +#sub-accordion-section-section-sidebars > .customize-control-ast-heading { + margin-top: 16px; +} + +#sub-accordion-section-section-sidebars > .customize-control-ast-heading ~ .customize-control-ast-heading { + margin-top: 32px; +} + +/* Sub controls divider support */ +.ast-fields-wrap .customize-control.ast-bottom-section-divider::after, .ast-fields-wrap .customize-control.ast-top-section-divider::before { + width: 100%; + right: 0px; +} + +.ast-top-dotted-divider .ast-control-tooltip { + top: 22px; +} +.ast-top-section-divider .ast-control-tooltip { + top: 30px; +} +.ast-field-settings-modal .customize-control.ast-top-dotted-divider { + margin-top: 0; +} + +.ast-typo-presets { + width: 100%; + display: flex; + align-items: center; + flex-wrap: wrap; + row-gap: 8px; + column-gap: 8px; + justify-content: space-between; +} +.ast-typo-presets .ast-typo-preset-item { + padding: 0; + border-radius: 3px; + cursor: pointer; + border: 1px solid var(--ast-customizer-color-7); + height: 64px; + text-align: center; + width: 47.5%; + position: relative; +} +.ast-typo-presets .ast-typo-preset-item:hover{ + border: 1px solid var(--ast-customizer-color-1); +} + +.ast-typo-presets .ast-typo-preset-item svg { + transform: scale(1); + width: 100%; + height: 100%; + padding: 0; + margin: 0px; +} +.ast-typo-presets .ast-typo-preset-item.active { + border: 1px solid var(--ast-customizer-color-1); + background: var(--ast-customizer-color-9); +} +.customize-control-ast-typography-presets .ast-reset-btn-preset-wrap { + top: -5px; +} + +.ast-typo-preset-item .components-tooltip { + margin-top: -8px; +} + +.ast-typo-preset-item .components-tooltip::before { + border-bottom: none!important; + border-right-color: transparent!important; + border-left-color: transparent!important; + border-top-style: solid!important; + border-top-color: #1e1e1e!important; + margin-right: -10px; + bottom: -8px; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + border: 8px solid #ccc; +} + +.ast-typo-preset-item .components-tooltip::after { + border-bottom: none!important; + border-right-color: transparent!important; + border-left-color: transparent!important; + border-top-style: solid!important; + border-top-color: #1e1e1e!important; + margin-right: -10px; + bottom: -6px; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + border: 8px solid #fff; +} + +.ast-font-styling { + display: flex; + justify-content: space-between; + gap: 15px; + align-items: center; + padding-bottom: 20px; + border-bottom: 1px dashed #D4D4D4; +} + +.ast-font-extras-wrapper, .ast-font-spacing-wrapper{ + display: flex; + align-items: center; + gap: 8px; +} + +.ast-font-extras-wrapper .ast-font-extras-input, .ast-font-spacing-wrapper .ast-font-spacing-input { + position: relative; + display: flex; + align-items: center; + background: #fff; + max-width: 72px; + width: 100%; + border: 1px solid #d1d5db; + border-radius: 3px; + padding: 0 3px; +} + +.ast-font-extras-wrapper .ast-font-extras-input input, .ast-font-spacing-wrapper .ast-font-spacing-input input { + padding: 0; + border: none; + min-height: 32px; + border-radius: 3px; + border: none !important; + box-shadow: none !important; + text-align: center; + padding: 0 5px; +} +.ast-font-extras-wrapper .ast-font-extras-input input[type=number], .ast-font-spacing-wrapper .ast-font-spacing-input input[type=number] { + -moz-appearance: textfield; +} +.ast-font-extras-input:hover, .ast-font-spacing-input:hover { + border-color: var(--ast-customizer-color-2); +} + +.ast-font-extras-wrapper .ast-font-extras-input svg, .ast-font-spacing-wrapper .ast-font-spacing-input svg { + width: 38px; + height: 28px; +} + +.ast-font-extras-input .plus-minus-control .dashicons, +.ast-font-spacing-input .plus-minus-control .dashicons { + font-size: 10px; + color: #9CA3AF; + width: 12px; + height: 10px; + display: inherit; + cursor: pointer; +} + +div .ast-field-settings-modal .customize-control-ast-font-extras { + margin-top: 15px; +} + +.ast-font-extras-input input[type=number]::-webkit-inner-spin-button, +.ast-font-extras-input input[type=number]::-webkit-outer-spin-button, +.ast-font-spacing-input input[type=number]::-webkit-inner-spin-button, +.ast-font-spacing-input input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.ast-font-unit-wrapper { + display: flex; + gap: 6px; + font-size: 11px; + font-weight: 500; + color: #9CA3AF; +} +.ast-font-unit-wrapper span { + cursor: pointer; +} + +.ast-font-unit-wrapper span:hover { + color: #0284c7; +} + +.ast-font-unit-wrapper .active { + color: #0284c7; +} + +.ast-font-styling-second { + display: flex; + justify-content: space-between; + align-items: center; + gap: 10px; + padding-top: 20px; +} + +.ast-font-transform-wrapper, .ast-font-decoration-wrapper { + display: flex; + align-items: center; + flex: 1; + +} + +.ast-font-transform-wrapper div, .ast-font-decoration-wrapper div { + padding: 8px 0; + width: 33%; + text-align: center; + font-weight: 600; + font-size: 12px; + line-height: 16px; + color: #334155; +} + +.ast-font-transform-wrapper div.active, .ast-font-decoration-wrapper div.active { + background-color: #0284c7; + color: #fff; + cursor: pointer; +} + +.ast-font-item-type { + border: 1px solid #d1d5db; +} + +.ast-font-item-type:hover { + background-color: #0284c7; + color: #fff; + cursor: pointer; +} + +.ast-font-item-type:first-child { + border: 1px solid #d1d5db; + border-left: none; + border-radius: 0 3px 3px 0; +} + +.ast-font-item-type:last-child { + border: 1px solid #d1d5db; + border-right: none; + border-radius: 3px 0 0 3px; +} + +.ast-font-item-type.ast-font-deco-underline{ + text-decoration: underline; +} + +.ast-font-item-type.ast-font-deco-linethrough{ + text-decoration: line-through; +} + +.ast-typopreset-custom-tooltip { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ast-typopreset-custom-tooltip[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 10em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 1000; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + right: 50%; + transform: translate(50%,-0.5em); +} + +.ast-typopreset-custom-tooltip[data-title]:hover::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + +.ast-customizer-font-varient-wrap { + margin-top: 12px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__value-container { + overflow-x: hidden; + flex-wrap: nowrap; + padding: 2px 5px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value { + margin-top: 0; + margin-bottom: 0; + font-size: 12px; + padding: 2px 2px 2px 2px; + min-width: auto; + color: #4B5563; + background-color: #F5F5F5; + border: 1px solid #D1D5DB; + border-radius: 2px; + padding-right: 5px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__label { + line-height: normal; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove { + color: #4B5563; + padding-left: 0; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove:hover { + background-color: transparent; + color: #4B5563; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__input-container input:focus { + box-shadow: none; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control { + position: relative; + max-height: 32px; + display: inline-flex; + width: 100%; + align-content: center; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control:after { + content: "\f11c"; + font-family: dashicons; + font-size: 16px; + margin-left: 7px; + pointer-events: none; + z-index: 1; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control:before { + content:''; + position: absolute; + top: 3px; + left: 3px; + width: 50px; + height: 25px; + background: rgb(247,247,247); + background: linear-gradient(-90deg, rgba(247,247,247,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); + pointer-events: none; + z-index: 1; +} + +#customize-control-astra-settings-ast-headings-font-settings .ast-fields-wrap, +#customize-control-astra-settings-ast-body-font-settings .ast-fields-wrap { + overflow: visible; +} + +/** + * Hide normal font weight from font weight dropdown and display only if its set as font weight. + */ +.customize-control-ast-font select option[value="normal"], .customize-control-ast-font select[data-value="normal"] option[value="400"] { + display: none; +} +.customize-control-ast-font select[data-value="normal"] option[value="normal"] { + display: block; +} + +span.customize-control-title.ast-group-section-title { + margin-bottom: 4px; + font-weight: 600; +} +.ast-top-divider.customize-control-ast-group-title .ast-reset-btn-preset-wrap { + top: 24px; +} +.customize-control-ast-group-title .ast-responsive-btns { + margin-right: 5px; + position: relative; + top: 3px; +} + +.ast-header-preset-container { + max-width: 100%; + overflow: hidden; + display: flex; + flex-direction: column; + padding: 16px; + gap: 16px; +} +.ast-header-preset-item svg { + display: block; + width: 100%; +} +.ast-header-preset-item { + cursor: pointer; +} +#customize-control-astra-settings-header-preset-style .ast-field-settings-modal { + display: none; + padding: 0; +} +#customize-control-astra-settings-header-preset-style .ast-adv-toggle-icon { + top: -5px; +} +li#customize-control-astra-settings-header-preset-style .customizer-text { + padding-right: 6px; +} +.ast-header-preset-item svg { + outline: 1.5px solid var(--ast-customizer-color-6); + border-radius: 2px; +} +.ast-header-preset-item:hover svg { + outline-color: var(--ast-customizer-color-1); +} +.ast-header-preset-item:hover svg > * { + fill: var(--ast-customizer-color-1); +} + +.ast-field-settings-wrap .customize-control-ast-heading { + margin: 0px 0 15px 0; +} + +.customize-control-ast-heading { + margin-top: 25px; + margin-bottom: 0; +} + +.customize-control-ast-heading .ast-heading-wrapper { + margin: 0 -24px; +} + +.customize-control-ast-heading .customize-control-title { + display: block; + padding: 15px 24px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: var(--ast-customizer-color-7); + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-4); + font-size: 12px; + font-weight: 600; + letter-spacing: 2px; + line-height: 1; + text-transform: uppercase !important; +} + +.customize-control-ast-heading .customize-control-caption { + top: 50%; + transform: translateY(-50%); + position: absolute; + left: 0; + font-size: 11px; + font-weight: 500; + letter-spacing: 1px; +} + +.customize-control-ast-heading .customize-control-description { + margin-top: 10px; +} + +.ast-heading-wrapper label { + cursor: default; +} + +.customize-control > label { + cursor: default; +} + +.customize-control .ast-spacing-input-item-link, .customize-control .ast-border-input-item-link { + cursor: pointer; +} + +.customize-control.customize-control-ast-slider label { + cursor: pointer; +} + +.customize-control.customize-control-ast-slider label .wrapper input[type=range] { + cursor: pointer; +} + +.customize-control .ast-control-reduce-top-space { + margin-top: -15px; +} + +.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper { + position: relative; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu{ + position: absolute; + left: 0; + top: 0; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle{ + width: 30px; + height: 30px; + border-radius: 0; + background-color: var(--wp-admin-theme-color); + color: #fff; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + color: #fff; +} + +.customize-control-ast-input-with-dropdown .components-button:focus:not(:disabled) { + box-shadow: none; + outline: none; +} + +.customize-control-ast-input-with-dropdown .components-popover__content { + min-width: 170px; +} + +.customize-control-ast-input-with-dropdown .components-popover__content .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + color: var(--wp-admin-theme-color); +} + +.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper input.components-text-control__input { + padding-left: 40px; + max-height: 30px; + min-height: 30px; + border-color: #ddd; +} + +.ast-link-open-in-new-tab-wrapper { + margin: 24px 0 0; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +.ast-link-label-wrapper { + margin: 24px 0; + padding-top: 24px; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +.ast-logo-svg-icon-btn-wrapper { + display: flex; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn { + flex: 1 1 auto; + display: flex; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:first-child .components-button { + border-radius: 0 3px 3px 0; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button { + border-radius: unset; + font-size: 12px; + padding: 9px 0 10px; + white-space: nowrap; + 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-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn button.components-button.is-primary { + border-color: var(--ast-customizer-color-3); +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:last-child .components-button { + border-radius: 3px 0 0 3px; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button.is-primary { + color: var(--ast-customizer-color-10); + background: var(--ast-customizer-color-1); +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:focus:not(:disabled) { + box-shadow: none; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:not(.is-primary):hover { + color: var(--ast-customizer-color-5) !important; +} + +/* Modal stylings starts */ + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected p { + text-align: center; + border: 1px dashed #c3c4c7; + padding: 10px; +} + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected svg { + width: 50px; +} + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected .btn-group-icon-selected { + display: flex; + gap: 10px; +} + +.ast-logo-svg-icon-icon-library-default .btn-select-icon { + margin-top: 10px; + cursor: pointer; + background-color: #f0f0f1; + color: #2c3338; + width: 100%; + position: relative; + text-align: center; + border: 1px dashed #c3c4c7; + box-sizing: border-box; + padding: 9px 0; + line-height: 1.6; +} + +.ast-logo-svg-icon-icon-library-default .btn-select-icon:hover { + background-color: #ffffff; +} + +.ast-logo-svg-icon-icon-library-modal { + width: 65%; + max-height: 85%; +} + +.ast-logo-svg-icon-icon-library-header { + display: flex; + align-items: baseline; + height: 65px; +} + +.ast-logo-svg-icon-icon-library-header h2 { + width: 150px; + margin: 0; + font-size: 20px; + font-weight: 400; + color: #1e1e1e; +} + +.ast-logo-svg-icon-search-container { + flex: 1; + padding-right: 24px; +} + +.ast-logo-svg-icon-search-bar { + position: relative; +} + +.ast-logo-svg-icon-search-bar svg { + width: 14px; + height: 14px; + position: absolute; + top: calc(18px - 7px); + color: #555d66; + fill: #555d66; + transform: rotateZ(-90deg); + right: 12px; +} + +.ast-logo-svg-icon-search-bar input[type="text"] { + height: 36px; + width: 100%; + padding: 7px calc(12px* 2 + 14px) 7px 12px; + border: 1px solid #e6e7e9; + margin: 0; + border-radius: 2px; + color: #1d2327; +} + +.ast-logo-svg-icon-icon-library-container .components-flex .svg-icons-list-flexbox .svg-icons-list { + height: 35em; + overflow: hidden scroll; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button { + border: none; + cursor: pointer; + padding: 15px 10px 15px 0px; + background: none; + width: 100%; + text-align: right; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button.selected, +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button:hover { + background: #dcf2ff; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list { + display: grid; + padding: 5px 15px; + grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); + grid-gap: 10px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available { + display: flex; + gap: 10px; + align-items: center; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available svg { + width: 18px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available span { + font-size: 18px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon { + padding: 15px; + background-color: #ffffff; + border: 1px solid #e6e7e9; + border-radius: 3px; + cursor: pointer; + display: flex; + flex-direction: column; + gap: 10px; + height: 7em; + align-items: center; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon.selected { + outline: 2px solid; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon:hover:not(.selected) svg { + transform: scale(1.55); + transition: transform 0.2s; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon svg { + width: 20px; + height: 20px; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer { + text-align: left; + display: flex; + align-items: flex-end; + justify-content: flex-end; + gap: 10px; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer>button { + font-size: 13px; + border: none; + border-radius: 2px; + width: 89px; + height: 36px; + cursor: pointer; + display: flex; + justify-content: center; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content { + padding: 30px 24px; + margin: 0; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .components-modal__header { + display: none; +} + +/* Modal stylings ends */ + +.ast-logo-svg-icon-element-custom { + margin-top: 10px; +} + +.ast-logo-svg-icon-element-custom textarea { + width: 100%; + height: 10em; +} +.customize-control-ast-multi-selector .input-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap { + display: flex; + justify-content: center; + flex: 1 1 0; + background: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-7); + padding: .6em 0; + cursor: pointer; + --ast-customizer-multiselect-icon-color: var(--ast-customizer-color-6); + margin-right: -1px; +} + +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active { + --ast-customizer-multiselect-icon-color: var(--ast-customizer-color-1); + border-color: var(--ast-customizer-color-3); + z-index: 1; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap svg { + fill: var(--ast-customizer-color-10); +} +.ast-multiselector-inner-wrap .ahfb-icon-set { + line-height: 1; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:last-child { + border-radius: 3px 0px 0px 3px; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:first-child { + border-radius: 0px 3px 3px 0px; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap span[label] { + color: var(--ast-customizer-color-6); +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active span[label] { + color: var(--ast-customizer-multiselect-icon-color); +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap { + flex: 0 0 calc(50% - 10px); + margin: 5px; +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap:nth-child(2n) { + margin-left: 0; +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap { + flex: 0 0 calc(33.33% - 10px); + margin: 5px; +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap:nth-child(3n) { + margin-left: 0; +} + +[CLASS*="stack-after-"].ast-alignment-wrapper { + margin-right: -5px; + margin-left: -5px; + display: flex; + flex-wrap: wrap; +} +[CLASS*="stack-after-"].ast-alignment-wrapper .ast-multiselector-inner-wrap { + margin: 5px; + align-items: center; + padding: 5px; + height: 30px; + border-radius: 0; +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap { + flex: 0 0 calc(45% - 10px); +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap { + flex: 0 0 calc(28% - 10px); +} + +.customize-control-ast-number .ast-number-single{ + display: flex; + border: 1px solid #D1D5DB; + border-radius: 3px; + background-color: #fff; + width: 96px; +} + +.customize-control-ast-number .components-input-control__container, .customize-control-ast-number .components-input-control__input { + text-align: center; +} + +.customize-control-ast-number .ast-number-single .dashicon.dashicons { + display: flex; + align-items: center; + justify-content: center; + color: #676879; + font-size: 10px; + padding: 0.5em; + cursor: pointer; +} + +.customize-control-ast-number .components-input-control__backdrop { + border: 0 !important; +} + +.customize-control-ast-number .ast-number-single input[type=number]::-webkit-inner-spin-button, +.customize-control-ast-number .ast-number-single input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; +} + +.customize-control-ast-number .ast-control-wrapper { + display: flex; + justify-content: space-between; + align-items: center; +} + +.customize-control-ast-number .ast-title-wrapper { + width: 50%; +} + +.customize-control-ast-number .ast-number-single { + display: none +} + +.customize-control-ast-number .ast-number-single.active { + display: flex; +} + +.customize-control-ast-number .ast-responsive-btns { + margin-right: 0.5em; +} + +/* Hide spin buttons for WebKit (Chrome, Safari) */ +.customize-control-ast-number input[type="number"]::-webkit-inner-spin-button, +.customize-control-ast-number input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; /* Adjust as needed */ +} + +/* Hide spin buttons for Firefox */ +.customize-control-ast-number input[type="number"] { + -moz-appearance: textfield; + text-align: center; +} + +/* Hide spin buttons for Edge & IE */ +.customize-control-ast-number input[type="number"]::-webkit-outer-spin-button, +.customize-control-ast-number input[type="number"]::-webkit-inner-spin-button, +.customize-control-ast-number input[type="number"]::-ms-clear, +.customize-control-ast-number input[type="number"]::-ms-reveal { + display: none; +} + + +.customize-control-ast-radio-icon .ast-control-wrap { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: flex-start; +} + +.customize-control-ast-radio-icon .customize-control-title { + flex: 1; + padding-left: 0.5em; +} + +.customize-control-ast-radio-icon .customize-control-title { + margin-top: 8px; + margin-bottom: 8px; +} + +.customize-control-ast-radio-icon .ast-options { + background-color: transparent; + margin: 0; + line-height: 0; +} + +.customize-control-ast-radio-icon .ast-options li { + display: inline-block; + position: relative; + background-color: transparent; + width: 42px; + height: 28px; + line-height: 28px; + margin-bottom: 0; + border: 1px solid var(--ast-customizer-color-7); + color: var(--ast-customizer-color-8); + cursor: pointer; +} + +.customize-control-ast-radio-icon .ast-options li .dashicon { + text-align: center; + line-height: 28px; + width: 100%; + font-size: 16px; +} + +.customize-control-ast-radio-icon .ast-options li { + margin-right: -1px; +} + +.customize-control-ast-radio-icon .ast-options li:nth-child(1) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + margin-right: 0; +} + +.customize-control-ast-radio-icon .ast-options li:nth-last-child(1) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.customize-control-ast-radio-icon .ast-options li.active { + background-color: var(--ast-customizer-color-1); + color: var(--ast-customizer-color-10); + border-color: var(--ast-customizer-color-1); + margin-left: 1px; +} + +.customize-control-ast-row-layout .ast-responsive-btns { + position: relative; + top: 1px; +} + +.customize-control-ast-radio-image label { + position: relative; + display: inline-block; + margin-left: 12px; +} + +.ast-divide-four label { + margin-left: 0; +} + +.customize-control-ast-radio-image input { + display: none; +} + +.customize-control-ast-radio-image input:checked + label svg { + background: var(--ast-customizer-color-1); + border-radius: 0; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +.customize-control-ast-radio-image input:checked + label svg path { + color: var(--ast-customizer-color-10); +} + +.customize-control-ast-radio-image .modern-layout input:checked + label svg, +.components-button-group.ahfb-radio-container-control .active-radio.ast-radio-img-svg svg { + background-color: var(--ast-customizer-color-1); + border-color: transparent; + box-shadow: 0px 12px 20px -8px rgba(30, 41, 59, 0.16); + border-bottom-color: #f0f0f1; +} + +.ast-divide-four input:checked + label svg { + box-shadow: none; + color: var(--ast-customizer-color-3); +} + +.customize-control-ast-radio-image input + label .image-clickable { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .image { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 5px; + grid-row-gap: 5px; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .modern-layout, .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-column-gap: 23px; + grid-row-gap: 23px; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .ast-divide-four { + grid-template-columns: repeat(4, 1fr); + grid-column-gap: 14px; + grid-row-gap: 10px; +} + +.customize-control-ast-radio-image .ast-radio-img-svg svg { + width: 75px; + height: 50px; +} + +.customize-control-ast-radio-image .modern-layout .ast-radio-img-svg svg, +.components-button-group.ahfb-radio-container-control .ast-radio-img-svg svg { + margin: 0; + width: 100%; + height: auto; + background-color: rgba(221,224,226,0.5); + border: 1px solid var(--ast-customizer-color-7); + border-radius: 4px; + cursor: pointer; + transition: background 0.15s ease, box-shadow 0.15s ease; +} + +.ast-divide-four .ast-radio-img-svg svg { + color: var(--ast-customizer-color-7); + width: 100%; + height: 93%; +} + +.ast-divide-four .ast-radio-img-svg svg path { + color: var(--ast-customizer-color-8); +} + +/* Image tooltip */ +.image-clickable[data-title]::after { + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + right: 50%; + transform: translate(50%, -.5em); +} + +.image-clickable[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 21em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: .3ch; + box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 9; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert 300ms ease-out forwards; +} + +/* Make the tooltips respond to hover */ +.image-clickable[data-title]:hover::after { + display: block; +} + +/* don't show empty tooltips */ +.image-clickable[data-title='']::after { + display: none !important; +} + +/* KEYFRAMES */ +@keyframes tooltips-vert { + to { + opacity: .9; + transform: translate(50%, 0); + } +} + +@keyframes tooltips-horz { + to { + opacity: .9; + transform: translate(0, -50%); + } +} + +.ast-upgrade-trigger:hover .image-clickable[data-title]::after { + display: block; +} + +.customize-control-ast-responsive-background { + position: relative; + margin-bottom: -5px; +} + +.customize-control-ast-responsive-background .background-container h4 { + font-size: 14px; + font-weight: 600; + color: #555d66; +} + +.customize-control-ast-responsive-background .background-attachment h4, +.customize-control-ast-responsive-background .background-color h4, +.customize-control-ast-responsive-background .background-position h4, +.customize-control-ast-responsive-background .background-repeat h4, +.customize-control-ast-responsive-background .background-size h4 { + margin-bottom: 5px; + margin-top: 10px; +} + +.customize-control-ast-responsive-background .background-color { + margin-bottom: 12px; +} + +.customize-control-ast-responsive-background .background-repeat { + margin: 15px 0 15px 0; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset, +.customize-control-ast-responsive-background .background-size .buttonset { + display: flex; + flex-wrap: wrap; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-label, +.customize-control-ast-responsive-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-responsive-background .background-attachment .buttonset .switch-label:last-child, +.customize-control-ast-responsive-background .background-size .buttonset .switch-label:last-child { + margin-left: 0; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input:checked + .switch-label, +.customize-control-ast-responsive-background .background-size .buttonset .switch-input:checked + .switch-label { + background-color: #f5f5f5; + color: #565e67; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input[checked="checked"] + .switch-label, +.customize-control-ast-responsive-background .background-size .buttonset .switch-input[checked="checked"] + .switch-label { + background-color: #f5f5f5; + color: #565e67; +} + +.customize-control-ast-responsive-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-responsive-background .ast-bg-img-remove.components-button.is-destructive:hover:not(:disabled) { + color: #a02222; + box-shadow: unset; + border-color: #a02222; +} + +.customize-control-ast-responsive-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:focus { + outline: 0; + box-shadow: none; +} + +.customize-control-ast-responsive-background .arrow-icon { + margin-right: 5px; +} + +.customize-control-ast-responsive-background .background-container { + display: none; +} + +.customize-control-ast-responsive-background .background-container.active { + display: block; +} + +.customize-control-ast-responsive-background .wp-picker-container { + display: block; +} + +.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear { + margin-right: 4px; + min-height: 30px; +} + +.customize-control-ast-responsive-background .customize-control-content .astra-color-picker-wrap { + width: 100%; +} + +.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-color, +.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-white { + border-radius: unset; +} + +.customize-control-ast-responsive-background .ast-color-btn-clear-wrap { + left: 84px; +} + +/** + * BG Media Button. + */ +/** +* Gradient field +*/ +.components-color-picker__inputs-toggle-wrapper .components-color-picker__inputs-toggle { + vertical-align: middle; + height: 32px; +} + +.astra-popover-tabs .components-button.upload-button.button-add-media { + width: 100%; + position: relative; + text-align: center; + color: #555d66; + border: 1px dashed #b4b9be; + box-sizing: border-box; + box-shadow: unset; + padding: 9px 0; + line-height: 1.6; +} + +.astra-popover-tabs .components-button.upload-button.button-add-media:hover { + color: #555d66; + box-sizing: border-box; + box-shadow: unset; + border-color: #0185ba; +} + +.astra-popover-tabs [ID*="-gradient-view"] { + padding: 0 15px 15px 15px; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear { + flex: unset; + box-shadow: unset; + width: auto; + padding: 0 5px; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:hover { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:focus { + box-shadow: unset; +} + +.astra-popover-tabs #tab-panel-0-image-view > div { + text-align: center; +} + +.astra-popover-tabs #tab-panel-0-image-view > div img { + width: 200px; + margin-bottom: 18px; +} + +.astra-popover-tabs #tab-panel-0-image-view > div .media-position-setting { + text-align: right; +} + +.media-position-setting > .components-base-control { + margin-bottom: 15px; +} + +.media-position-setting [CLASS*="-Item-LabelWrapper"] { + margin-bottom: 5px; +} + +.astra-popover-color .components-circular-option-picker { + position: relative; + margin-top: 0; +} + +.astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + margin-top: 10px; + justify-content: flex-start; +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + width: 50px; + } +} + +.astra-popover-color [ID*="-color-view"] .components-circular-option-picker { + width: auto; +} + +.astra-popover-color .ast-color-palette { + width: auto; + padding: 16px 14px 0px 0px; +} + +.astra-popover-color .ast-color-palette .components-circular-option-picker__option { + width: 100%; + height: 100%; + border-radius: 100%; + padding: 0; +} + +.astra-popover-color .ast-color-palette .components-button.is-pressed:focus:not(:disabled) { + box-shadow: none; + border: none; +} + +.astra-popover-color .components-custom-gradient-picker { + margin-top: 0; +} + +.astra-popover-color .components-custom-gradient-picker__gradient-bar { + box-sizing: border-box; + opacity: 1; +} + +.astra-popover-color .components-custom-gradient-picker__type-picker .components-base-control__label { + display: block; +} + +.components-custom-gradient-picker .components-base-control__label { + padding-top: 10px; + font-size: 12px; + display: block; + letter-spacing: 0.1px; + line-height: 18px; +} + +[ID*="-gradient-view"] .components-toolbar.components-custom-gradient-picker__toolbar .components-button.has-icon { + border: none; +} + +.media-position-setting.hide-settings { + display: none; +} + +.media-position-setting .astra-popover-tabs [ID*="-gradient-view"] { + padding: 0 0 15px 0; +} + +.ast-field-settings-modal .customize-control-content .color-button-wrap { + left: 30px; + top: 0; +} + +.ast-field-settings-modal .ast-responsive-btns { + position: absolute; + left: 14px; + top: 4px; +} + +.ast-field-settings-modal .customize-control-content .astra-color-picker-wrap { + margin-right: 0; + margin-top: 0; +} + +.ast-field-settings-modal .customize-control-content .ast-color-btn-reset-wrap { + left: 65px; + top: 7px; +} + +.ast-field-settings-modal .customize-control-content .ast-color-btn-clear-wrap { + left: 91px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-background.customize-control:first-child { + margin-top: 28px; +} +.customize-control-ast-responsive-background .ast-color-btn-reset-wrap, +.customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + display: inline-block; + line-height: 1; + top: 4.5px; +} +.customize-control-ast-responsive-background .ast-responsive-btns, +.customize-control-ast-responsive-color .ast-responsive-btns { + position: relative; + left: -5px; + top: 2px; +} +.ast-field-settings-modal .customize-control-ast-responsive-background .ast-responsive-btns, +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns { + left: 8px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha { + display: none; +} + +.customize-control-ast-responsive-color .customize-control-content { + display: block; + margin-top: 5px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-black { + border-radius: 4px 4px 0 0; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-color, +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-white { + border-radius: 3px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha.active { + display: block; +} + +.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-color, +.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-white { + border-radius: unset; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap { + left: 30px; + top: -3px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .astra-color-picker-wrap { + margin-right: 0px; + margin-bottom: 10px; + margin-top: 10px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .customize-control-title { + display: block; + margin-bottom: 0px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns { + left: 7px; + top: 1px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color.customize-control:first-child { + margin-top: 28px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-clear-btn-inside-picker.components-button { + margin: 5px 10px 20px 20px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + top: 3.5px; +} + +@supports (-moz-appearance: none) { + .ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + top: 5.5px; + left: 65px; + } + .ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap { + left: 27px; + top: -2px; + } +} + +.customize-control-ast-responsive-slider .wrapper, .customize-control-ast-slider .wrapper { + position: relative; + display: flex; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.customize-control-ast-responsive-slider input[type=range] { + position: inherit; +} + +.customize-control-ast-responsive-slider select, .customize-control.customize-control-select select { + color: #32373c; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: none; +} + +.customize-control-ast-responsive-slider .input-field-wrapper.active { + display: flex; +} + +.customize-control-ast-responsive-slider .components-base-control { + width: 100%; +} + +.customize-control-ast-responsive-slider .slider-control-label, +.customize-control-ast-slider .customize-control-title { + cursor: default; + margin-top: 3px; +} + +/** + * Responsive Icons + */ +.ast-responsive-slider-btns { + position: absolute; + left: 0; + top: 5px; + left: 30px; +} + +.ast-responsive-slider-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-slider-btns > li.active { + display: inline-block; +} + +.ast-responsive-slider-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + line-height: 1; +} + +.ast-responsive-slider-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} +.customize-control-ast-responsive-slider .wrapper .components-base-control, .customize-control-ast-responsive-slider .wrapper .input-field-wrapper.active, .customize-control-ast-slider .components-base-control.components-range-control { + width: 100%; + display: inline-block; +} +.customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + margin-right: 5px; + margin-top: 4px; +} +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + top: 4px; + left: 0; +} + +.customize-control .ast-reset-btn .dashicons-image-rotate { + width: 12px; + height: 12px; + font-size: 12px; +} + +.customize-control-ast-slider .components-input-control input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control input.components-input-control__input { + -moz-appearance: textfield; +} +.customize-control-ast-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-slider input.components-input-control__input::-webkit-outer-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-outer-spin-button { + -webkit-appearance: none; +} +.customize-control-ast-slider .components-input-control__container input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control__container input.components-input-control__input { + display: block; + border-radius: 0 2px 2px 0; + box-shadow: none; + transition: all 0.3s; + border: 1px solid var(--ast-customizer-color-7); +} +.customize-control-ast-slider input.components-input-control__input:hover, +.customize-control-ast-slider input.components-input-control__input:focus, +.customize-control-ast-slider input.components-input-control__input:active, +.customize-control-ast-responsive-slider input.components-input-control__input:hover, +.customize-control-ast-responsive-slider input.components-input-control__input:focus, +.customize-control-ast-responsive-slider input.components-input-control__input:active { + border-color: var(--ast-customizer-color-2); + border-radius: 2px; + outline: none; +} + +.customize-control-ast-slider .ast-slider-wrap, .customize-control-ast-responsive-slider .ast-slider-wrap { + position: relative; +} + +.components-range-control__wrapper .components-range-control__track { + color: var(--ast-customizer-color-1); +} + +.components-range-control__wrapper span span { + background-color: var(--ast-customizer-color-1); +} + +.customize-control-ast-slider .ast-slider-wrap .ast-range-unit, .customize-control-ast-responsive-slider .ast-slider-wrap .ast-range-unit { + position: absolute; + left: 23px; + top: 4px; + border-left: 1px solid var(--ast-customizer-color-7); + padding-left: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-right: 5px; + width: 48px; +} +.customize-control-ast-slider .components-input-control__container div.components-input-control__backdrop, .customize-control-ast-responsive-slider .components-input-control__container div.components-input-control__backdrop { + border: none; + border-radius: 0 2px 2px 0; + box-shadow: none; +} +.customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + position: absolute; + display: inline-block; + line-height: 1; + left: 0; +} + +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-slider .ast-resp-slider-reset-wrap { + top: 1px; + left: -8px; +} + + +.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number { + width: calc(48px) !important; +} + +.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number input{ + text-align: center; +} + +.customize-control-ast-responsive-spacing .customize-control-title { + display: inline-block; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item { + margin: 0 2px; + -moz-appearance: textfield; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item input[type=number] { + -moz-appearance: textfield; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-inner-spin-button, +.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units-screen-wrap { + position: relative; + top: -5px; + left: -10px; + display: inline-block; +} +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns { + position: relative; + top: 1px; +} +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns > li { + display: none; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns > li.active { + display: inline-block; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + width: 100%; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] > i { + font-size: 15px; + vertical-align: middle; +} + +.customize-control-ast-responsive-spacing .input-wrapper.ast-spacing-responsive-wrapper { + display: inline-flex; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units { + position: absolute; + font-size: 12px; + line-height: 16px; + text-transform: uppercase; + font-weight: 500; + top: -32px; + left: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit { + display: inline-block; + margin-right: 6px; + width: 18px; + text-align: center; + user-select: none; + opacity: 0.6; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active { + opacity: 1; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + cursor: pointer; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:hover, .customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:focus, .customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:active { + border-color: #1e8cbe; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li .ast-spacing-connected { + color: #1e8cbe; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper.active { + display: flex; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper span.ast-spacing-title { + text-transform: uppercase; + font-size: 10px; + color: var(--ast-customizer-color-6); +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link { + order: 2; + margin-right: 2px; + margin-top: 4px; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .dashicons { + padding: 2px 0; + font-size: 12px; + line-height: 28px; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .ast-spacing-connected { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-disconnected { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-connected { + display: block; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link span { + width: 100%; + height: 32px; + line-height: 28px; + font-size: 14px; + border-radius: 0 3px 3px 0; + background-color: transparent; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link svg { + pointer-events: none; +} + +.customize-control-ast-responsive-spacing .ast-spacing-wrapper > li:nth-child(2) { + margin-right: 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-base-control__field, .ast-responsive-toggle-control .components-base-control__field { + margin: 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-form-toggle, .customize-control-ast-link .ast-responsive-toggle-control .components-form-toggle { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-responsive-toggle-control .components-base-control__field { + margin: 20px 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-toggle-control__label, .ast-responsive-toggle-control label { + display: flex; + flex: 1 1 auto; + font-size: 14px; + font-weight: 600; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control { + display: none; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control.active { + position: relative; + top: 2px; + width: 91%; + display: inline-block; + vertical-align: middle; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns { + position: relative; + float: left; + top: 4px; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns > li.active{ + vertical-align: middle; +} + +.ast-responsive-toggle-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-toggle-btns > li.active { + display: inline-block; +} + +.ast-responsive-toggle-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; +} + +.ast-responsive-toggle-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} + +.ast-responsive-btns { + display: inline-block; + line-height: 1; + vertical-align: top; +} + +.ast-responsive-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-btns > li.active { + display: inline-block; +} + +.ast-responsive-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; +} + +.ast-responsive-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; +} + +.input-wrapper.ast-responsive-wrapper { + display: inline-flex; + justify-content: space-between; + margin-left: 0; + align-items: flex-start; + flex: 0 1; + width: 100%; +} + +.ast-customizer-select-multi .ast-multi-select__input-container { + padding: 0; + margin: 0; +} + +.ast-customizer-select-multi .ast-multi-select__input-container input { + min-height: min-content; +} + +.ast-customizer-select-multi .ast-multi-select__input-container input:focus{ + box-shadow: none; +} + +.ast-customizer-select-multi { + position: relative; +} + +.ast-customizer-select-multi .ast-multi-select__value-container { + padding-top: 4px; + padding-bottom: 4px; + overflow-x: hidden; + padding-right: 10px; + padding-left: 30px; + gap: 4px; +} + +.ast-customizer-select-multi:after { + content: "\f11c"; + position: absolute; + font-family: dashicons; + font-size: 16px; + margin-left: 15px; + pointer-events: none; + z-index: 1; + top: 50%; + translate: 0 -50%; + left: 0; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__label { + margin-left: 0.2em; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value { + margin: 0; + font-size: 14px; + padding: 2px 5px 2px 5px; + min-width: auto; + color: #4B5563; + background-color: #F5F5F5; + border: 1px solid #D1D5DB; + border-radius: 2px; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__remove { + color: #4B5563; + padding-left: 0; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__remove:hover { + background-color: transparent; + color: #4B5563; +} + +.ast-customizer-select-multi .ast-multi-select__menu *, .ast-customizer-select-multi .ast-multi-select__multi-value__remove { + cursor: pointer; +} + +.ast-customizer-select-multi .ast-multi-select__menu { + z-index: 2; +} + +.ast-variant-select > div { + border-color: #dddddd; +} +.customize-control select, .ast-variant-select > div, .customize-control input, .customize-control textarea, .customize-control-content .components-text-control__input { + border-color: var(--ast-customizer-color-7); + color: var(--ast-customizer-color-5); + padding-top: 1px; + padding-bottom: 1px; +} +.customize-control select:focus, .ast-variant-select > div:focus, .customize-control input:focus { + border-color: var(--ast-customizer-color-1); + color: #0a4b78; + box-shadow: 0 0 0 1px var(--ast-customizer-color-1); +} + +.ast-adv-toggle-icon { + left: 2px; + position: absolute; + width: 18px; + height: 18px; + font-size: 18px; + border-radius: 2px; + padding: 4px; + color: var(--ast-customizer-color-8); + background: var(--ast-customizer-color-9); + cursor: pointer; +} + +.ast-adv-toggle-icon:hover { + color: var(--ast-customizer-color-1); +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon { + font-size: 12px; + width: auto; + height: auto; +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon:before { + display: none; +} + +.ast-adv-toggle-icon:before { + content: "\f464"; +} + +.ast-adv-toggle-icon.open:before { + content: "\f158"; +} + +.ast-field-settings-modal { + position: absolute; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + border-radius: 3px; + right: 0; + left: 0; + z-index: 8; + background-color: #fff; +} + +.customize-control-ast-color-palette .ast-field-settings-modal { + z-index: 11; +} + +.ast-field-settings-modal .customize-control-ast-divider:first-child { + margin-top: 15px; +} + +.ast-field-settings-wrap { + width: 100%; +} + +.ast-group-tabs, +.ast-tab-content { + position: relative; +} + +.ast-group-list { + overflow: hidden; + border-bottom: 1px solid #ddd; +} + +.ast-group-list:before, +.ast-group-list:after { + content: ""; + display: table; + border-collapse: collapse; +} + +/* Tab anchor color */ +.ui-tabs-anchor { + float: right; + padding: .5em 0.5em; + color: #555d66; + text-decoration: none; +} + +.ui-state-active .ui-tabs-anchor { + color: #ffffff; +} + +.ui-tabs-anchor:hover { + color: #555d66; +} + +.ui-state-active .ui-tabs-anchor:hover { + color: #ffffff; +} + +.ast-group-tabs .ui-widget-content { + overflow: hidden; + /*padding-top: 15px;*/ +} + +.ast-group-tabs .ui-widget-content.iris-slider-offset, +.ast-group-tabs .ui-widget-content.iris-slider-offset-alpha { + overflow: inherit; +} + +.ast-fields-wrap { + overflow: hidden; +} + +.ast-field-settings-wrap { + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + background-color: #fff; +} + +.ast-field-settings-wrap .ast-field-settings-modal { + border-radius: 3px; + margin-top: 10px; + margin-bottom: 20px; +} + +.ast-field-settings-modal::before { + content: ''; + position: absolute; + top: -17px; + left: 8px; + border: 9px solid transparent; + border-bottom-color: #fff; + pointer-events: none; +} + +.ast-group-tabs .ui-tabs-nav { + display: flex; + padding: 15px 15px 0 15px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top { + align-items: center; + flex: 1 1 auto; + justify-content: center; + margin: 0 0; + padding: 0; + border: 1px solid #ccc; + transition: background-color 140ms linear; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top:first-child { + border-radius: 0px 3px 3px 0px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top:last-child { + border-radius: 3px 0px 0px 3px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top .ui-tabs-anchor { + width: 100%; + text-align: center; + padding: 2px 4px; + padding-right: 0; + padding-left: 0; + outline: none; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top .ui-tabs-anchor:focus { + box-shadow: none; +} + +.ast-group-tabs .ui-tabs-nav { + border: none; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top.ui-state-active { + background-color: #0185BA; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.ast-group-tabs .ui-tabs-nav { + overflow: visible; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top:not(:first-child) { + border-right-width: 0; +} + +/* Buttons */ +.wp-core-ui .ast-field-settings-modal .background-image-upload .button { + font-size: 11px; +} + +/* Popup params padding */ +.ast-field-settings-modal .customize-control { + padding-right: 16px; + padding-left: 16px; + box-sizing: border-box; +} + +.ast-control-wrap .ast-color-picker-alpha { + margin-right: -5px; + margin-left: -5px; +} + +.ast-field-settings-modal .customize-control:first-child { + margin-top: 16px; +} + +.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child { + margin-top: 0; +} + +.ast-field-settings-modal .customize-control:last-child { + padding-bottom: 16px; +} + +.customize-control-ast-settings-group { + line-height: 27px; +} + +.customize-control-ast-settings-group .customize-control-title { + margin-bottom: 0; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-title { + margin-bottom: 10px; + font-size: 13px; + margin-top: 3px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-units, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-range-unit, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit { + top: 6px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-resp-slider-reset-wrap { + top: 3px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-responsive-slider-btns, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: 2px; +} + +#customize-control-headings-font-extras.ast-sub-top-dotted-divider { + margin-top: 12px; +} + +/** + * Popover Tab Structure. + */ +.astra-popover-tabs { + position: relative; +} + +.astra-popover-tabs .components-tab-panel__tabs { + display: flex; + padding: 15px; + border: none; +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { + color: #555d66; + font-size: 13px; + font-weight: 400; + height: 35px; + transition: unset; + padding: 2px 4px; + text-decoration: none; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:active { + box-shadow: unset; +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-image-view"] { + padding: 15px; + border: none; +} + +.astra-popover-tabs .components-button { + align-items: center; + flex: 1 1 auto; + justify-content: center; + margin: 0 0; + padding: 0; + border: 1px solid #ccc; + transition: background-color 140ms linear; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:first-child { + border-radius: 0px 3px 3px 0px; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:last-child { + border-radius: 3px 0px 0px 3px; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:not(:first-child) { + border-right-width: 0; +} + +.astra-popover-tabs .components-tab-panel__tabs-item.active-tab { + background-color: #0185BA; + color: #ffffff; +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs, +.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content { + padding: 0; +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs-item.active-tab { + border-color: var(--ast-customizer-color-3); + background: var(--ast-customizer-color-1); +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content .ast-social-icon-picker-label { + text-align: right; +} + +.astra-media-tab .astra-media-image { + width: 100%; + margin-bottom: 0; +} + +.astra-media-tab .ast-media-btn { + display: block; + width: 100%; + border: 1px dashed var(--ast-customizer-color-7); + box-sizing: border-box; + box-shadow: unset; + padding: 9px 0; + line-height: 1.6; + text-decoration: none; +} + +.astra-media-tab .ast-danger-btn { + color: var(--ast-customizer-color-14); + margin-top: 10px; +} + +.astra-media-tab .ast-media-btn:hover { + border-color: var(--ast-customizer-color-3); +} + +.astra-media-tab .ast-danger-btn:hover { + border-color: var(--ast-customizer-color-14); +} + +.components-base-control.ast-text-control-input { + margin-bottom: 16px; +} + +.ast-payments-text-control-input .components-base-control__label { + text-transform: none; + color: #334155; + font-size: 13px; +} + +.components-base-control.ast-payments-text-control-input { + margin-bottom: 20px; +} + +.components-base-control.ast-text-control-input input { + border-color: var(--ast-customizer-color-7); + color: var(--ast-customizer-color-5); +} + +.astra-popover-color .astra-popover-tabs .components-tab-panel__tabs button.components-tab-panel__tabs-item.active-tab:not(.is-primary):not(.is-tertiary):not(.is-link):hover { + color: #fff; +} + +.components-popover.astra-popover-color .components-popover__content { + min-width: 310px; + max-height: 60vh; + padding: 0; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); +} + +.ast-field-settings-modal .components-popover.astra-popover-color .components-popover__content { + min-width: 320px; + min-height: 325px; +} + +.ast-field-settings-modal .background-wrapper .components-popover.astra-popover-color .components-popover__content { + min-height: 385px; +} + +.ast-field-settings-modal .components-angle-picker-control .components-flex__block { + min-width: auto; +} + +.customize-control-ast-settings-group .customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + margin-top: 0; +} + +/* + * Divider compatibility CSS for setting group. + */ +.ast-top-divider.customize-control-ast-settings-group .ast-toggle-desc-wrap .ast-adv-toggle-icon { + top: 23px; +} + +/** + * Responsive slider control inside settings-group, case: body-font, headings-font. + */ +.ast-fields-wrap .customize-control-ast-responsive-slider .ast-slider-wrap>label, +.ast-fields-wrap .customize-control-ast-selector .ast-slider-wrap>label { + display: inline-block; +} +.customize-control-ast-slider .wrapper { + display: flex; +} + +.customize-control-ast-slider .components-range-control { + width: 100%; +} + +.customize-control-ast-slider .ast-range-unit, .customize-control-ast-responsive-slider .wrapper .ast-range-unit { + padding: 0 5px 0 0; + font-size: 11px; + line-height: 1em; + font-weight: 500; + align-self: auto; + text-transform: uppercase; +} +.components-range-control__slider[type=range] { + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.components-range-control__slider[type=range]::-webkit-slider-runnable-track, +.components-range-control__slider[type=range]::-moz-range-track { + content: ''; + height: 2px; + pointer-events: none; +} +.components-range-control__slider[type=range]::-webkit-slider-thumb, +.components-range-control__slider[type=range]::-moz-range-thumb { + cursor: pointer; + -webkit-appearance: none; + margin-top: 5px; +} +.customize-control-ast-slider .components-range-control__wrapper, +.customize-control-ast-responsive-slider .components-range-control__wrapper { + margin-right: 0px; +} +.customize-control-ast-slider span[CLASS*="-ThumbWrapper"], +.customize-control-ast-responsive-slider span[CLASS*="-ThumbWrapper"] { + height: 17px; + width: 17px; + top: 2px; + margin-right: 0px; +} + +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap .ast-resp-slider-reset-wrap { + top: 68px; +} + +.customize-control-ast-responsive-slider .ast-responsive-slider-btns { + position: relative; + top: -3px; + left: -10px; + display: inline-block; +} + +.customize-control-ast-responsive-slider .ast-responsive-units { + position: absolute; + top: 4px; + left: 15px; + font-size: 11px; + line-height: normal; + padding-left: 5px; + text-transform: uppercase; + width: auto; + display: none; +} + +.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit { + display: inline-block; + margin-right: 6px; + margin-bottom: 0; + width: 16px; + text-align: center; + user-select: none; + opacity: 0.6; + cursor: pointer; +} + +.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit.active { + opacity: 1; + font-weight: 600; + color: #0073aa; + cursor: default; +} +.ast-field-settings-modal .ast-fields-wrap > .customize-control-ast-responsive-slider + .customize-control-ast-font { + margin-top: 8px; +} + +.customize-control-ast-sortable .sortable { + cursor: default; +} + +.customize-control-ast-sortable .sortable .dashicons-visibility { + cursor: pointer; +} + +.customize-control-ast-sortable .sortable .ast-sortable-item, .customize-control-ast-sortable .sortable .ast-sortable-subcontrols { + padding: 1px 12px 1px 3px; + border: 1px solid #D1D5DB; + color: #334155; + background: #ffffff; + cursor: move; + font-size: 14px; + line-height: 38px; + margin: 0 0 10px; + border-radius: 4px; +} +.customize-control-ast-sortable .sortable .ast-sortable-subcontrols { + border: none; + padding: 0 0 0 9px; + border-top: 1px solid #d1d5db; + border-radius: 0 0 3px 3px; +} +.customize-control-ast-sortable .sortable div:last-child { + margin: 0; +} + +.customize-control-ast-sortable .sortable div > .dashicons { + float: left; + position: relative; + font-size: 16px; + padding: 9px; + line-height: 20px; + border-right: none; +} + +.customize-control-ast-sortable .sortable div.invisible { + opacity: 0.6; + visibility: visible; +} + +.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after { + opacity: 1; + position: absolute; + content: ''; + width: 18px; + height: 2px; + top: 18px; + right: 11px; + background: #656565; + border-radius: 5px; + transform: rotate(45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} + +/** + * Expansion specific new raw CSS. + */ +.ast-sortable-item.invisible, +.ast-sortable-item:hover { + opacity: .8; +} +.ast-sortable-item.show:hover { + opacity: 1; +} +.ast-sortable-item .dashicons-arrow-down-alt2, .ast-sortable-item .dashicons-remove { + margin-left: -6px; +} +.ast-sortable-item .dashicons-admin-page, .ast-sortable-item .dashicons-arrow-down-alt2, .ast-sortable-item .dashicons-remove { + cursor: pointer; +} +.ast-sortable-subcontrols { + display: none; + padding: 12px 0; + border-top: 1px solid #d1d5db; +} +.show .ast-sortable-subcontrols { + display: block; +} +.ast-sortable-subfields-wrap .customize-control { + box-sizing: border-box; + position: relative; +} +/** + * ast-list-icons inside sortable compatibility CSS. + */ +.ast-sortable-item.show i.ast-accordion { + transform: rotate(-180deg); + border-right: none;border-left: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button { + padding: 6px 8px; + height: 40px; + background: white; +} + +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button:focus { + box-shadow: none; +} + +.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .ahfb-sorter-title { + padding-left: 20px; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; +} +.customize-control-ast-list-icons span.feature-label { + max-width: 100px; + text-overflow: ellipsis; + font-size: 14px; + line-height: 18px; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .dashicons-admin-page { + color: #556068; +} + +.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item-panel-header { + border: 1px solid #ddd; + border-right: 0; + border-bottom: 0; + overflow: hidden; +} + +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg, +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity .ast-media-image-preview { + height: 14px; + width: 14px; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity span { + display: flex; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg { + height: 16px; + width: 16px; + fill: #556068; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ast-sorter-item-expand { + border-right: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity { + border-left: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item { + border: 1px solid #ddd; + border-top: 0; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown { + width: 225px !important; + right: -10px; + box-shadow: 0 5px 15px rgb(0 0 0 / 22%), 0 0px 5px rgb(0 0 0 / 30%); +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open { + height: 285px; + overflow: hidden; + position: absolute; +} +.ast-sortable-item .ahfb-sorter-item-panel-content { + border-top: 1px solid #ddd; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox:hover>* { + transform: scale(1.3) !important; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox { + height: 32px !important; +} +.ast-sortable-subfields-wrap .ast-color-btn-reset-wrap { + top: 0; +} +.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-title { + margin-bottom: 16px; + font-size: 14px; +} +.ast-sortable-subfields-wrap .customize-control-ast-color .ast-control-wrap .astra-popover-color { + margin-right: -10px; + margin-left: 10px; + width: calc(100% + 15px); +} + +.customize-control-ast-sortable .ast-sortable-subfields-wrap .ast-responsive-btns { + top: 7px; +} + +.ast-sortable-subfields-wrap .ast-fields-wrap { + padding-bottom: 16px; +} +.customize-control-content { + width: 100%; + display: flex; + flex-direction: column; +} + +.ast-sortable-subfields-wrap .ast-fields-wrap { + overflow: inherit; +} + +.ast-sortable-subfields-wrap .customize-control{ + float: none; +} + +/** + * Hide clone & accordion dashicons for invisible items. + */ +.ast-sortable-item.invisible > .dashicons-admin-page, .ast-sortable-item.invisible > .ast-accordion, .ast-sortable-item.invisible > .dashicons-remove { + display: none; +} +.ast-sortable-item.invisible .ast-sortable-subcontrols { + display: none; +} +.ast-sortable-item .ahfb-sorter-item .dashicons { + font-size: 16px; + width: 16px; + height: 16px; +} +.ast-sortable-item .ahfb-sorter-item .ahfb-sorter-item-expand:before { + right: 7px; + width: 17px; +} +.ast-sortable-item .components-button.item-is-hidden:not(.visibility-item), .ahfb-sorter-item:first-child .ahfb-sorter-item-remove { + display: none; +} +.customize-control-ast-sortable .sortable .rfip .rfipbtn__button { + margin-right: auto; +} +.ast-sortable-subfields-wrap .customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: -2px; +} + +/** + * Dynamic featured-image section compat. + */ +.ast-sortable-item .customize-control-ast-color .ast-color-btn-reset-wrap { + top: 12px; +} +.ast-sortable-item .customize-control-ast-color .color-button-wrap { + top: 8px; +} +.ast-sortable-item .customize-control-ast-color .astra-color-picker-wrap { + position: relative; + top: 8px; +} +.ast-sortable-subfields-wrap .customize-control-ast-description { + line-height: 1; +} + +.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .dashicons-admin-page { + margin-left: 0; +} + +.customize-control-ast-text-input textarea { + display: block; + width: 100%; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-base-control__field, .ast-togglecontrol-wrapper .components-base-control__field { + margin: 0; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-form-toggle, .customize-control-ast-link .ast-togglecontrol-wrapper .components-form-toggle, .customize-control-ast-toggle .components-toggle-control .components-form-toggle { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field { + margin: 24px 0 0; +} + +.ast-togglecontrol-wrapper .toggle-control-label, .ast-togglecontrol-wrapper .components-toggle-control__label { + font-size: 14px; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label, .ast-togglecontrol-wrapper label { + display: flex; + flex: 1 1 auto; + font-size: 14px; +} + +.ast-switch ~ label { + position: relative; + display: block; + width: 35px; + height: 14px; + background-color: var(--ast-customizer-color-7); + color: transparent; + border-radius: 50px; + cursor: pointer; + transition: all 0.2s ease-in; +} +.ast-switch ~ label:after { + content: ''; + position: absolute; + top: -3px; + right: -1px; + display: block; + width: 20px; + height: 20px; + border-radius: 50px; + background: var(--ast-customizer-color-9); + box-shadow: 0 2px 4px 0 rgba(72, 72, 72, 0.50); + transition: all 0.2s ease-in; +} +.ast-switch:checked ~ label { + background: var(--ast-customizer-color-1); +} +.ast-switch:checked ~ label:after { + transform: translateX(-16px); + background: var(--ast-customizer-color-9); +} +.ast-switch:disabled ~ label { + background: #f0f0f0; + pointer-events: none; +} +.ast-switch:disabled ~ label:after { + background: #d1d1d1; + box-shadow: 0 1px 2px 0 rgba(72, 72, 72, 0.50); +} +.ast-switch:not(:checked), .ast-switch:checked { + opacity: 0; +} +.customize-control-ast-section-toggle .components-form-toggle { + margin-right: 5px; + text-align: left; +} + +/* Wordpress 6.1 Compatibility CSS for toggle UI */ +.components-toggle-control .components-base-control__field { + display: flex; + margin-bottom: 12px; + line-height: initial; + align-items: center; +} + +.dashicons-editor-help[data-title]{ + z-index: 1; +} + +.ast-dashicons-custom-tooltip { + display: none; + opacity: 0; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ast-dashicons-custom-tooltip[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 3; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + right: 50%; + transform: translate(50%,-0.5em); +} + +.dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip { + display: block; + opacity: 100; +} + +.dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip[data-title]::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} +.ast-top-dotted-divider .ast-control-tooltip.dashicons-editor-help { + top: 22px; +} +.customize-control.ast-bottom-dotted-divider.customize-control-ast-toggle-control .ast-control-tooltip { + top: 8px; +} +.customize-control.customize-control-ast-select.ast-top-dotted-divider .ast-control-tooltip { + top: 36px; +} +.customize-control-ast-sortable .customize-control-ast-selector .dashicons.ast-control-tooltip { + top: 18%; + padding: 0; + font-size: 20px; +} +.customize-control.customize-control-ast-color i.ast-control-tooltip { + top: 5px; + left: 60px; +} + +.select2-container { + width: 100% !important; +} + +span.select2-container.select2-container--default.select2-container--open { + z-index: 999999; +} + +span.select2-container.select2-container--default.select2-container--open li.select2-results__option { + margin: 0; +} + +.select2-selection__rendered li { + margin-bottom: 0; +} + +.select2-container--default .select2-selection--single, .select2-container--default.select2-container .select2-selection--multiple { + border-color: #ddd; + border-radius: 0; +} + +.select2-dropdown, .select2-container--default .select2-selection--multiple .select2-selection__choice { + border-color: #ddd; + border-radius: 0; +} + +.customize-control.customize-control-ast-hidden { + margin-top: 0; +} + +/* Vetically align customizer footer device icons */ +.wp-full-overlay-footer .devices-wrapper .preview-desktop, +.wp-full-overlay-footer .devices-wrapper .preview-tablet, +.wp-full-overlay-footer .devices-wrapper .preview-mobile { + vertical-align: middle; +} + +.customize-control-ast-font-variant .ast-variant-select input#react-select-2-input:focus { + box-shadow: none; +} + +.ast-variant-select [CLASS*="-indicatorContainer"] { + padding: 2px; + display: contents; +} + +.ast-variant-select [CLASS*="-multiValue"] > div:first-child { + padding: 0; +} + +.ast-upgrade-pro-wrap .ast-upgrade-trigger, .ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap { + width: 100%; + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; + position: relative; + overflow: hidden; + justify-content: center; +} +.ast-upgrade-pro-wrap .ast-upgrade-cta { + position: absolute; + top: auto; + right: auto; + width: auto; + height: 28px; + border-radius: 4px; + padding: 0 5px 0 8px; + font-size: 1em; + line-height: 1em; + display: inline-flex; + color: var(--ast-customizer-color-1); + background: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-1); + align-items: center; + align-content: center; + white-space: nowrap; +} +a.ast-upgrade-trigger:focus, a.ast-upgrade-trigger:active { + box-shadow: none; + border: none; + outline: none; +} +.ast-upgrade-pro-wrap .ast-upgrade-section-title { + margin-right: 8px; +} +.ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap > svg { + width: 100%; + height: 100%; + filter: blur(4px); +} +.ast-upgrade-pro-wrap .ast-upgrade-cta svg { + width: 1.2em; + height: 1.2em; +} + +/** Radio image upgrade CSS */ +.customize-control-ast-radio-image .ast-pro-option > *:not(.image-clickable) { + opacity: 0.4; +} +.ast-radio-img-svg.ast-pro-option .image-clickable::before { + display: inline-flex; + position: absolute; + top: 36%; + right: 41%; + content: ''; + background-size: 1.5em 1.5em; + height: 1.5em; + width: 1.5em; + border: 1px solid var(--ast-customizer-color-1); + background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 7.2001H11.7002V4.8001C11.7002 3.0401 10.2602 1.6001 8.5002 1.6001C6.7402 1.6001 5.3002 3.0401 5.3002 4.8001V7.2001H4.5002C4.1002 7.2001 3.7002 7.6001 3.7002 8.0001V13.6001C3.7002 14.0001 4.1002 14.4001 4.5002 14.4001H12.5002C12.9002 14.4001 13.3002 14.0001 13.3002 13.6001V8.0001C13.3002 7.6001 12.9002 7.2001 12.5002 7.2001ZM9.3002 12.8001H7.7002L8.0202 11.0401C7.6202 10.8801 7.3002 10.4001 7.3002 10.0001C7.3002 9.3601 7.8602 8.8001 8.5002 8.8001C9.1402 8.8001 9.7002 9.3601 9.7002 10.0001C9.7002 10.4801 9.4602 10.8801 8.9802 11.0401L9.3002 12.8001ZM10.1002 7.2001H6.9002V4.8001C6.9002 3.9201 7.6202 3.2001 8.5002 3.2001C9.3802 3.2001 10.1002 3.9201 10.1002 4.8001V7.2001Z' fill='%230284C7'/%3E%3C/svg%3E"); +} + +.ast-upgrade-list-wrapper { + text-align: center; +} +.ast-upgrade-list-wrapper .ast-brand-logo { + margin: 0; +} +.ast-upgrade-list-wrapper svg { + width: 32px; + height: 32px; +} +.ast-upgrade-list-items { + margin-bottom: 1.8em; +} +.ast-upgrade-list-wrapper .ast-upgrade-list-section-title { + margin: 0.5em auto 1.8em; + max-width: 240px; +} +.ast-pro-upgrade-item svg { + vertical-align: middle; + margin-left: 5px; + fill: var(--ast-customizer-color-1); +} +.ast-pro-upgrade-item span { + display: inline; +} +.ast-upgrade-list-description { + margin: 5px 20px 0 0; +} +.ast-upgrade-list-title { + font-weight: 600; +} +.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available), +.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available) *, +.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available), +.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available) * { + color: var(--ast-customizer-color-9); + background: var(--ast-customizer-color-1); +} +.customize-control .button.ahfb-builder-section-shortcut { + border-right: 1px solid #ddd; + border-left: 1px solid #ddd; +} +.ast-customize-control-title a.ast-builder-upgrade-link { + background: var(--ast-customizer-color-9) !important; + color: var(--ast-customizer-color-1) !important; + box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.16); + margin-right: 10px; + border-radius: 4px; + padding: 3px 10px 5px; + text-decoration: none; + vertical-align: top; +} +.ast-pro-upgrade-item p { + margin: 1.25em 0; + line-height: 1; +} +li#customize-control-astra-settings-header-builder-pro-items .ast-upgrade-pro-wrap, +li#customize-control-astra-settings-footer-builder-pro-items .ast-upgrade-pro-wrap { + padding-right: 12px; + padding-left: 12px; +} + +/* Styling for SVG Icon Control's icon lbrary picker */ +.customize-control-ast-svg-icon-selector .icon-library-picker input[type="tel"] { + max-width: 40px; + } + + /* Styling for SVG Icon Control's textarea */ + .customize-control-ast-svg-icon-selector .custom-svg-icon-wrapper textarea { + width: 100%; + margin: 8px 0; + height: 100px; + } + + +/* 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; +} diff --git a/assets/css/custom-controls.css b/assets/css/custom-controls.css new file mode 100644 index 00000000..13fdf5d6 --- /dev/null +++ b/assets/css/custom-controls.css @@ -0,0 +1,5635 @@ +.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); +} + +#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; +} + +.customize-control-ast-border { + /* Unit Screen wrap */ +} + +.customize-control-ast-border .customize-control-title { + display: inline-block; +} + +.customize-control-ast-border .ast-border-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-border .ast-border-wrapper { + display: flex; +} + +.customize-control-ast-border .ast-border-btns { + display: block; + text-align: center; + line-height: 2; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 0 3px 3px 0; +} + +.customize-control-ast-border .ast-border-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; +} + +.customize-control-ast-border .ast-border-btns > li.active { + display: inline-block; +} + +.customize-control-ast-border .ast-border-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-border .ast-border-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; + margin-top: 1px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + margin: 0 2px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li:nth-child(1) { + margin-left: 0px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; + -moz-appearance: textfield; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li .ast-border-connected { + color: #ffffff; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper li:last-child input.ast-border-input { + border-right-width: 1px; + border-radius: 0 3px 3px 0; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper.active { + display: flex; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper span.ast-border-title { + text-transform: uppercase; + font-size: 10px; + color: var(--ast-customizer-color-6); +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-disconnected { + display: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-connected { + display: block; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span { + width: 100%; + height: 26px; + line-height: 26px; + font-size: 14px; + background-color: transparent; + border-radius: 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span svg { + pointer-events: none; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link { + margin-top: 4px; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:hover, .customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus { + border-color: var(--ast-customizer-color-2); +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus { + outline: none; +} +.customize-control-ast-border .input-wrapper.ast-border-wrapper { + margin-bottom: 8px; +} +.customize-control-ast-border .ast-range-unit { + position: absolute; + right: 0; + top: 0px; + padding-right: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-button-link .ast-button-link, .ast-upgrade-pro-wrap .ast-button-link { + display: block; + padding: 10px 0; + border-radius: 2px; + border: 1px solid var(--ast-customizer-color-1); + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-1); + font-size: 13px !important; + font-weight: 400; + line-height: 13px !important; + text-align: center; + cursor: pointer; +} + +.customize-control-ast-button-link .ast-button-link:hover, .ast-upgrade-pro-wrap .ast-button-link:hover { + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-1); + border: 1px solid var(--ast-customizer-color-1); +} + +.ast-btn-preset-wrap { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 12px; +} + +.ast-btn-preset-wrap .ast-btn-style-item{ + cursor: pointer; +} + +.ast-btn-preset-wrap .ast-btn-style-item svg{ + fill: #646970; +} + +.ast-btn-preset-wrap .ast-btn-style-item svg:hover{ + fill: #565b62; +} + +.ast-btn-preset-wrap .ast-btn-style-item.active svg, +.ast-btn-preset-wrap .ast-btn-style-item.active svg:hover{ + fill: #2271b1; +} + +.ast-reset-btn-preset-wrap{ + position: absolute; + display: inline-block; + line-height: 1; + right: 0; + top: 0; +} +.ast-reset-btn-preset-wrap .components-button.is-secondary, +.ast-reset-btn-preset-wrap .components-button.is-secondary:hover{ + box-shadow: none !important; + background: transparent; + color: var(--ast-customizer-color-1); +} + + +.color-group-item .components-tooltip .components-popover__content { + border-radius: 3px; +} + +.color-group-item .components-tooltip .components-popover__content > div { + padding: 5px 10px; + line-height: 1; +} + +.customize-control.customize-control-ast-color-group { + display: flex; + flex-wrap: wrap; +} + +.customize-control.customize-control-ast-color-group .ast-toggle-desc-wrap { + flex: 1 1 auto; + align-self: center; +} + +.customize-control.customize-control-ast-color-group .customize-control-title { + margin-bottom: 5px; +} + +.customize-control.customize-control-ast-color-group .ast-field-color-group-wrap { + justify-content: flex-end; + display: flex; + max-height: 28px; +} + +.customize-control.customize-control-ast-color-group .color-button-wrap { + position: inherit; +} + +.customize-control.customize-control-ast-color-group .color-group-item:not(:last-child) { + margin-right: 8px; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-reset { + right: 72px; + top: 6px; + cursor: pointer; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap { + display: none; +} + +.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap.active { + justify-content: flex-end; + display: flex; +} + +.customize-control.customize-control-ast-color-group .ast-responsive-btns { + position: relative; + right: -5px; + top: 3px; +} + +.customize-control.customize-control-ast-color-group .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.customize-control-ast-color-group .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-color-group .ast-color-multiple-group-reset.ast-color-group-reset { + right: 110px; +} + +.customize-control-ast-color-group .ast-color-multiple-group-reset.ast-color-group-reset.ast-single-color-group-set { + right: 112px; +} + +#customize-control-astra-settings-woo-single-page-color-group .ast-color-group-reset { + right: 145px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap { + top: 30px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 75px; +} + +.ast-top-dotted-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap { + top: 30px; +} + +.ast-top-dotted-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 75px; +} + +.customize-control-ast-color-group .ast-control-wrap { + display: inline-flex; + width: 100%; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .ast-color-group-reset { + top: 47px; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 73px; +} + +.astra-color-picker-wrap.picker-open + span { + display: none; +} + + +#customize-control-astra-color-palettes .color-button-wrap { + display: unset; + position: relative; + right: unset; + top: unset; + vertical-align: sub; + z-index: 10; +} + +#customize-control-astra-color-palettes .astra-color-picker-wrap { + position: absolute; + z-index: 1; + right: 0; + width: 100%; + display: none; + margin-top: 10px; +} + +#customize-control-astra-color-palettes .astra-color-picker-wrap.picker-open{ + display: block; +} + +#customize-control-astra-color-palettes .ast-color-palette-label { + width: 65%; + display: inline-block; + margin-right: 10px; + vertical-align: top; +} + +#customize-control-astra-color-palettes .ast-color-palette-label input { + background: none; + border: none; +} + +#customize-control-astra-color-palettes .ast-color-palette-label input:focus { + border: 1px solid black; + outline: none; + box-shadow: none; + background: white; +} + +.ast-color-palette-wrapper .ast-single-palette-wrap { + display: grid; + grid-template-columns: repeat(9, 1fr); + align-items: center; + position: relative; + gap: 2px; +} + +.ast-single-palette-wrap + .components-button.astra-color-icon-indicate + .component-color-indicator.astra-advanced-color-indicate { + width: 25px; + height: 25px; +} + +#customize-control-astra-color-palettes + .ast-color-palette-wrapper + .ast-color-picker-wrap:first-child { + margin-left: 0; +} + +#customize-control-astra-color-palettes + .ast-color-palette-wrapper + .ast-color-picker-wrap { + margin-top: 12px; + cursor: pointer; +} + +#customize-control-astra-color-palettes .ast-reset-btn:disabled { + opacity: 0.6; +} + +#customize-control-astra-color-palettes .ast-palette-presets-inner-wrap .ast-preset-label-wrap { + font-size: 14px; + line-height: 18px; + color: var(--ast-customizer-color-4); + text-align: left; +} +.ast-color-preset-container { + max-height: 425px; + overflow: scroll; + overflow-x: hidden; + -ms-overflow-style: none; + scrollbar-width: thin; + scrollbar-color: #d8d8d8 #f1f1f1; +} +.ast-color-preset-container::-webkit-scrollbar { + width: 5px; +} +.ast-color-preset-container::-webkit-scrollbar-track { + background: #f1f1f1; +} +.ast-color-preset-container::-webkit-scrollbar-thumb { + background: #d8d8d8; +} +.ast-color-palette-container { + width: 100%; + display: inline-grid; + grid-template-columns: repeat( 2,1fr ); + column-gap: 16px; + row-gap: 16px; + margin-top: 12px; + margin-bottom: 12px; +} +.ast-color-palette-wrap { + transition: all 0.2s; + background: #fff; +} +#customize-control-astra-color-palettes .ast-color-palette-wrap > section { + text-align: center; + outline: none; + border-radius: 3px; + cursor: pointer; + transition: all 0.2s; + box-shadow: 0 0 0 1px #ddd; +} +#customize-control-astra-color-palettes .ast-single-color-container { + width: 20%; + height: 48px; + display: inline-block; +} +.ast-palette-label-wrap { + display: block; + text-align: center; + color: #9CA3AF; + overflow: hidden; + width: 100%; + box-sizing: border-box; + transition: .15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out; + font-style: normal; + font-weight: 600; + font-size: 10px; + line-height: 24px; + letter-spacing: 1.5px; + text-transform: uppercase; +} + +.ast-palette-label-wrap .edit-icon.dashicons { + line-height: inherit; + font-size: 13px; +} + +.ast-color-palette-wrap.active { + box-shadow: 0px 12px 20px -8px rgb(30 41 59 / 16%); +} +#customize-control-astra-color-palettes .ast-color-palette-wrap.active > section { + box-shadow: 0 0 0 1px var(--ast-customizer-color-5); +} +.ast-color-palette-wrap.active .ast-palette-label-wrap { + color: var( --ast-global-color-secondary, --ast-global-color-5 ); + letter-spacing: 1.5px; +} +.ast-color-palette-wrap .ast-single-color-container:first-child { + border-top-left-radius: 3px; +} +.ast-color-palette-wrap .ast-single-color-container:nth-child(5) { + border-top-right-radius: 3px; +} +.ast-palette-individual-item { + height: 21px; + width: 21px; + display: block; + box-shadow: 0px 0px 0px 15px inset; + border-width: 1px; + border-style: solid; + border-color: rgb(146, 155, 164); + border-image: initial; + border-radius: 50%; + transition: box-shadow 100ms ease 0s; +} + +.ast-palette-individual-item-wrap:not(:last-child) { + margin-right: 4px; +} +.components-button.ast-preset-palette-item { + width: 100%; + padding: 0; + margin-top: 4px; +} +.ast-palette-presets-inner-wrap:last-child .ast-preset-palette-item { + margin-bottom: 0; +} +.components-button.ast-preset-palette-item:hover { + border: none; + box-shadow: none; + outline: none; +} +.customize-control-ast-color-palette .ast-field-settings-modal::before { + right: 12px; +} +section.ast-palette-presets-inner-wrap { + padding: 12px 10px 8px; + transition: all 0.2s; +} +section.ast-palette-presets-inner-wrap:last-child { + padding-bottom: 12px; +} +.ast-palette-presets-inner-wrap:hover { + background: #F3F5F7; + border-radius: 3px; +} +.ast-color-preset-container .components-button.ast-preset-palette-item:focus { + outline: none; + box-shadow: none; +} +#customize-control-astra-color-palettes .ast-color-palette-wrapper { + clear: both; +} + +#customize-controls .customize-section-title.is-in-view.is-sticky { + z-index: 99; +} + +#customize-control-astra-color-palettes .ast-palette-selection-wrapper { + overflow: hidden; + padding: 2px; +} + +@media (min-width: 1800px) { + #customize-control-astra-color-palettes .astra-color-picker-wrap { + width: auto; + } +} + +#customize-control-astra-color-palettes .ast-field-settings-modal { + margin-left: -8px; + margin-right: -8px; + display: none; + padding: 0; +} + +.astra-advanced-color-indicate .global-color{ + display: none; +} + +.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color{ + color: #fff; + display: block; + opacity: 1; + position: absolute; + left: 50%; + top: 50%; + display: block; + text-align: center; + transform: translate(-50%, -50%); +} +.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg{ + width: 10px; + height: 10px; + transform: scale(1.5); +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon { + top: -5px; +} + +.ast-color-picker-custom-tooltip { + position: absolute; + top: -30px; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.ast-color-picker-custom-tooltip[data-title]::after { + content: attr(data-title); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 1000; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + left: 50%; + transform: translate(-50%,-0.5em); +} + +.ast-single-palette-wrap > :last-child .ast-color-picker-custom-tooltip[data-title]::after { + left: -16px; +} + +.ast-color-picker-custom-tooltip-wrapper { + position: relative; +} + +.ast-color-picker-wrap:hover + .ast-color-picker-custom-tooltip-wrapper .ast-color-picker-custom-tooltip[data-title]::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + +.ast-color-palette .components-popover.components-tooltip { + position: relative !important; + left: 5px !important; + top: -35px !important; + transform: unset !important; +} +.customize-control .components-tooltip { + z-index: 8 !important; +} +.ast-color-palette .components-popover .components-popover__content { + bottom: calc(100% + 5px); + animation: tooltips-vert .3s ease-out forwards; + left: 50%; + transform: translate(-50%,-0.5em); +} + +/* Palette Rename CSS */ +.palette-name-input { + border: 0; + font-size: inherit; + color: inherit; + min-height: 20px; + box-shadow: none; + padding: 0; + text-align: center; +} + +.ast-color-palette-wrap.active { + box-shadow: 0 0 0 1px var(--ast-customizer-color-8); + border-radius: 3px; + } + +#customize-control-astra-color-palettes .ast-color-palette-wrap.active>section, #customize-control-astra-color-palettes .ast-color-palette-wrap>section { + box-shadow: none; +} + +.customize-control .ast-palette-label-wrap .palette-name-input { + box-shadow: none; + border-color: transparent; + letter-spacing: 1.5px; + text-transform: uppercase; + color: #9CA3AF; +} + +.ast-palette-label-wrap input[type="text"] { + min-height: 22px; + padding: 0; +} + +.ast-color-palette-wrap:hover { + cursor: pointer; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"] { + color: var(--ast-customizer-color-1); + font-size: 14px !important; + background: transparent; + transition: color 0.3s ease; + padding: 0; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"]:hover { + color: #03699d; +} + +.ast-adv-toggle-icon[data-control="astra-color-palettes"]:hover { + opacity: 0.7; +} + + /** Remove Button Color */ + +.astra-control-field.astra-color-control { + display: flex; +} + +.astra-control-field { + position: relative; + margin-top: 10px; + margin-bottom: 10px; +} + +.astra-control-field.astra-color-control .customize-control-title { + flex-grow: 2; +} +.astra-control-field .customize-control-title { + font-size: 14px; + font-weight: 600; + margin-bottom: 0; + display: flex; + align-items: center; + letter-spacing: 0.1px; + line-height: 18px; +} +.customize-control-title { + display: block; + font-size: 14px; + line-height: 1; + font-weight: 600; + margin-bottom: 4px; +} + +.astra-globe-dashicon { + color: #ffffff; + background: rgba(0,0,0,0.4); + border-radius: 100%; + border: 0.1px solid rgba(0,0,0,0.1); + opacity: 0.78; +} + +.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; + background: inherit; +} +.component-color-indicator { + width: 25px; + height: 16px; + display: inline-block; +} + +.astra-advanced-color-indicate.component-color-indicator { + border: none; +} + +.astra-color-icon-indicate.components-button { + height: auto; + position: relative; + transform: scale(1); + transition: none; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 0 0, 0 5px, 5px -5px, -5px 0; +} + +/** Color */ +.astra-popover-color .components-popover__content .components-focal-point-picker-wrapper { + box-sizing: border-box; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container input[type="number"].components-text-control__input { + min-height: 16px; + line-height: 16px; + font-size: 12px; + width: 50px; + font-weight: normal; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control { + flex: 1; + margin-bottom: 0; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control .components-base-control__label { + margin-bottom: 0; + margin-right: 0.2em; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control__field { + display: flex; + align-items: center; + font-size: 8px; + font-weight: 600; + font-style: normal; + text-transform: uppercase; +} +.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control:last-child .components-base-control__field { + justify-content: flex-end; +} +.astra-popover-color .components-popover__content .actions { + display: flex; + justify-content: center; + margin-bottom: 10px; +} +.astra-popover-color .components-popover__content .actions .button { + flex: 1; + margin-top: 10px; +} +.astra-background-picker-wrap .astra-popover-color .components-popover__content { + min-width: 300px; + min-height: 340px; + max-height: 60vh; +} +.color-button-wrap { + display: inline-block; + position: absolute; + right: 0; + top: 0; + transform: scale(1); + transition: transform .1s ease; + height: 28px; + width: 28px; +} +.components-button.astra-color-icon-indicate .astra-advanced-color-indicate:after { + content: ""; + position: absolute; + top: -1px; + left: -1px; + bottom: -1px; + right: -1px; + border-radius: 50%; + border: 1px solid transparent; +} +.components-button.astra-background-icon-indicate { + width: 50px; + height: 50px; + border-radius: 50%; + position: relative; + transform: scale(1); + transition: transform 0.1s ease; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0); + border: 1px solid #dadada; + background-size: 10px 10px; + background-position: 0 0, 0 5px, 5px -5px, -5px 0; +} +.components-button.astra-background-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 100%; + height: 100%; + border-radius: 4px; + margin: 0; + display: block; + position: absolute; + border: 0; + top: 0; +} +.components-button.astra-background-icon-indicate > svg.dashicon { + position: absolute; + transform: translate(-50%, -50%); + left: 50%; + top: 50%; + color: white; + background: rgba(0, 0, 0, 0.6); + border-radius: 100%; + width: 16px; + height: 16px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.components-button.astra-background-icon-indicate > svg.dashicon path { + transform: translate(1px, 1px); +} +.components-button.astra-background-icon-indicate img.astra-background-image-preview { + display: flex; + object-fit: cover; + min-width: 100%; + min-height: 100%; + position: absolute; + top: 0; +} +.components-button.astra-background-icon-indicate:hover { + box-shadow: none !important; +} +.astra-control-field.astra-color-control { + display: flex; +} +.astra-control-field.astra-color-control .customize-control-title { + flex-grow: 2; +} +.components-popover.astra-popover-color .components-popover__content { + padding: 15px 15px 0px; + box-sizing: initial; + background: #fff; + border: unset; + border-radius: 4px; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); +} +.customize-control-ast-color.customize-control > * { + display: inline; +} +.components-popover.astra-popover-color .components-popover__content .sketch-picker { + padding: 0 0 5px !important; + box-shadow: none !important; + border-radius: 0px !important; +} +.components-popover.astra-popover-color .components-popover__content .attachment-media-view { + margin-top: 10px; + margin-bottom: 10px; +} +.astra-swatches-wrap .astra-swatche-item-wrap:hover { + transform: scale(1.1) !important; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item { + background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 0 0, 0 5px, 5px -5px, -5px 0; + padding: 0; + display: flex; + justify-content: center; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item .dashicon { + display: none; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active { + box-shadow: 0 0 0 8px inset !important; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon { + display: block; + color: white; + background: rgba(0, 0, 0, 0.6); + width: 16px; + height: 16px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 100%; +} +.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon path { + transform: translate(1px, 1px); +} +.components-button.astra-color-icon-indicate > .dashicon { + position: absolute; + transform: translate(-50%, -50%); + left: 50%; + top: 50%; + color: white; + background: rgb(85 93 101); + border-radius: 4px; + width: 17px; + height: 17px; + font-size: 17px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.astra-popover-color { + margin: 5px -5px 0; + background-color: #ffffff; + border-radius: 4px; + box-shadow: 0px 8px 16px -4px rgba(30, 41, 59, 0.16); +} + +.astra-popover-color .components-h-stack.ast-color-palette { + padding: 14px 5px; +} + +.customize-control-ast-responsive-background .astra-popover-color .components-h-stack.ast-color-palette, +.customize-control-ast-color-group .astra-popover-color .astra-background-tabs .components-h-stack.ast-color-palette { + padding: 0 5px 14px; +} + +.astra-popover-color .components-h-stack .components-button { + flex: inherit; +} + +.astra-popover-color .components-circular-option-picker__option:focus::after{ + width: auto; + height: auto; +} + +.astra-popover-color .components-h-stack .components-circular-option-picker__option-wrapper{ + margin-right: 0; +} + +.astra-popover-color .components-color-picker .react-colorful__hue, +.astra-popover-color .components-color-picker .react-colorful__alpha { + width: 90%; +} + +.ast-field-settings-modal .astra-popover-color { + margin-left: 0px; + border: 1px solid #dedede; +} +.ast-field-settings-modal .astra-popover-color .components-tab-panel__tabs { + padding: 8px; +} +.components-color-picker__saturation-black { + border-radius: 4px 4px 0 0; +} +.components-color-picker__saturation-color { + border-radius: 3px; +} +.components-color-picker__saturation-white { + border-radius: 3px; +} +.astra-color-picker-wrap { + position: absolute; + z-index: 2; + top: 30px; + left: 0; + right: 0; + bottom: 0; + display: none; +} + +.astra-color-picker-wrap .astra-popover-color .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .react-colorful { + width: 100%; +} + +.astra-popover-color .components-custom-gradient-picker{ + z-index: 1; +} +.astra-popover-color .components-custom-gradient-picker__ui-line{ + z-index: -1; +} + +.astra-color-picker-wrap.picker-open{ + display: block; +} +.ast-field-settings-modal .astra-color-picker-wrap { + position: relative; + top: 10px; +} +.ast-color-palette .components-circular-option-picker__option-wrapper { + margin-right: 6px; + position: relative; + height: 25px; + width: 25px; +} +/* Clear Button CSS */ +.ast-color-btn-clear-wrap { + position: absolute; + top: 1.5px; + right: 65px; +} +.ast-color-btn-clear-wrap .astra-color-clear-button.components-button { + padding: 10px 3px; + width: 20px; + height: 20px; +} +.ast-clear-btn-inside-picker.components-button, +.ast-reset-btn-inside-picker.components-button, +.astra-popover-tabs .ast-clear-btn-inside-picker.components-button { + margin: 5px 20px 20px 15px; + padding: 0 8px; + border: 1px solid #ccc; + box-shadow: none; +} +.ast-clear-btn-inside-picker.components-button:hover, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:hover, +.ast-clear-btn-inside-picker.components-button:focus, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:focus, +.ast-clear-btn-inside-picker.components-button:active, .astra-popover-tabs .ast-clear-btn-inside-picker.components-button:active, +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active { + box-shadow: none !important; + background: transparent !important; +} +.ast-clear-btn-inside-picker { + padding: 0 8px; +} +/* Reset Button CSS */ +.ast-color-btn-reset-wrap { + position: absolute; + right: 36px; + top: 6px; +} +.ast-color-btn-reset-wrap .ast-reset-btn.components-button, .ast-resp-slider-reset-wrap .ast-reset-btn.components-button { + color: #006BA1; + height: 20px; + width: 20px; + padding: 4px; + background: transparent; + box-shadow: none !important; + cursor: pointer; +} +.astra-color-clear-button.components-button:focus:not(:disabled) { + outline: unset; + border: none; +} +.ast-color-btn-reset-wrap .ast-reset-btn.components-button:hover, .ast-color-btn-reset-wrap .ast-reset-btn.components-button:focus, +.ast-resp-slider-reset-wrap .ast-reset-btn.components-button:hover, .ast-resp-slider-reset-wrap .ast-reset-btn.components-button:focus { + box-shadow: none; + border: none; + background: transparent; +} +.astra-color-clear-button.components-button.is-secondary:hover:not(:disabled), +.astra-color-clear-button.components-button:focus:not(:disabled) { + box-shadow: 0 0 black; + padding: 1.5px; + border: none; +} +.astra-color-clear-button.components-button.is-secondary:disabled, .ast-reset-btn.components-button.is-secondary:disabled span { + color: var(--ast-customizer-color-6); +} +/** Inside Setting group popup - Colors */ +.ast-field-settings-modal .color-button-wrap { + right: 16px; +} +.ast-field-settings-modal .ast-color-btn-reset-wrap { + right: 59px; + top: 6px; +} +.ast-field-settings-modal .ast-color-btn-clear-wrap { + right: 78px; +} +.astra-color-picker-wrap .components-color-picker__inputs-wrapper { + min-width: unset; +} +/** Gradient Color Picker */ +.customize-control .ast-gradient-color-picker input[type="number"] { + width: 100%; +} +.ast-gradient-color-picker .components-select-control.components-custom-gradient-picker__type-picker { + align-items: center; + flex-direction: inherit; +} +.astra-color-picker-wrap .components-popover__content { + width: max-content; +} + +.astra-color-picker-wrap .components-custom-gradient-picker__inserter .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .components-color-picker, +.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .react-colorful { + width: 216px; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-select-control.components-custom-gradient-picker__type-picker { + flex-direction: column; + align-items: start; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-angle-picker-control { + margin-bottom: 0; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point { + padding: 0 16px 16px 16px; + border: 0; +} + +.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point:focus { + box-shadow: none; + outline: none; +} + +/** Gradient Color Picker -> RGBA & HSLA range fields */ +.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type="number"] { + width: 100%; +} +/** Modal Color Picker - Group Param */ +.ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; +} +.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 25px; + width: 25px; +} +.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 2.5px; + top: 0px; + width: 20px; +} +.ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 0; + top: 0; + mix-blend-mode: difference; +} +.astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches { + gap: 4px; + justify-content: center; +} +.astra-popover-color .components-circular-option-picker__option-wrapper:hover { + transform: scale(1.1); +} + +.customize-control-ast-color + .customize-control-ast-color { + margin-top: 30px; +} +.astra-popover-tabs .color-tab [data-wp-component="Flex"], +.astra-popover-color .color-tab [data-wp-component="Flex"] { + padding-left: 8px; +} +.astra-popover-tabs .ast-clear-btn-inside-picker.components-button, .astra-popover-color .ast-clear-btn-inside-picker.components-button { + margin-left: 8px; + margin-top: 0px; +} +@media (max-width: 1845px) { + /** Responsive Devices - Compatibility CSS */ + .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 22px; + width: 22px; + } + .astra-background-tabs .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + width: 20px; + top: -2px; + } + .astra-popover-color .ast-color-palette.components-circular-option-picker { + width: auto; + padding: 16px 0px 0px 8px; + } + .astra-typography-control .typography-button-wrap > button.components-button.astra-typography-preview-indicate { + padding: 0 2px; + } + .astra-typography-control .typography-button-wrap > button.components-button { + padding: 0 4px; + } + /** Modal Popup */ + .ast-fields-wrap .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: auto; + height: auto; + } + .ast-fields-wrap .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-fields-wrap .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 1px; + top: -2px; + width: 18px; + } + .astra-popover-color .components-circular-option-picker__option[aria-pressed=true]+svg, .components-circular-option-picker__option[aria-selected=true]+svg { + width: 22px; + height: 22px; + left: 0; + top: 0; + mix-blend-mode: difference; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; + } + .astra-background-tabs .components-circular-option-picker__option[aria-selected=true]+svg { + width: 20px; + height: 20px; + } +} +@supports (-moz-appearance:none) { + @media (max-width: 1845px) { + .ast-color-palette .components-circular-option-picker__option-wrapper { + margin-right: 5px; + } + .ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 21px; + height: 21px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 20px; + width: 20px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 3px; + top: -2px; + width: 15px; + } + } +} + +.astra-color-icon-indicate.components-button:focus:not(:disabled) { + box-shadow: unset; + outline: unset; +} +.astra-color-icon-indicate.components-button:hover { + transform: scale(1.05); +} + +.ast-top-divider.customize-control-ast-color .ast-divider-title + .ast-control-wrap, +.ast-top-divider.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap { + margin-top: 25px; + display: inline-flex; + width: 100%; + min-height: 22px; +} + + +.ast-top-divider.customize-control-ast-toggle-control .ast-divider-title + .ast-togglecontrol-wrapper, +.ast-bottom-divider.customize-control-ast-toggle-control .ast-divider-title + .ast-togglecontrol-wrapper, +.ast-top-divider.customize-control-ast-responsive-toggle-control .ast-divider-title + .ast-responsive-toggle-control-wrapper, +.ast-top-divider.customize-control-ast-responsive-color .ast-divider-title + .ast-control-wrap, +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap, +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap { + margin-top: 25px; +} + +.ast-top-divider.customize-control-ast-color-group .ast-control-wrap { + display: inline-flex; + width: 100%; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .ast-color-btn-reset-wrap { + top: 67px; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .color-button-wrap { + top: 61px; +} + +.ast-color-palette.components-circular-option-picker .components-circular-option-picker__swatches{ + width: 100%; +} + +/* Instead of updating above CSS, handled this control's edge case separately. */ +li#customize-control-astra-settings-transparent-content-section-text-color-responsive .ast-control-wrap .ast-responsive-btns { + top: 2px; +} + +/* Global customizer color palette */ + +:root { + --ast-customizer-color-1:#0284c7; /* active color */ + --ast-customizer-color-2:#0ea5e9; /* active focus color */ + --ast-customizer-color-3:#2271b1; /* active color border */ + --ast-customizer-color-4:#1e293b; /* title / heading */ + --ast-customizer-color-5:#334155; /* input text color */ + --ast-customizer-color-6:#9CA3AF; /* Sub text color */ + --ast-customizer-color-7:#D1D5DB; /* border color / outline / grey background*/ + --ast-customizer-color-8:#4B5563; /* icon color / Toggle color*/ + --ast-customizer-color-9:#fff; /* background color */ + --ast-customizer-color-10: #fff; /* text invert / Icon invert */ + --ast-customizer-color-11: #F5F5F5; /* alt background*/ + --ast-customizer-color-12: #1e293b; /* alt background 2*/ + --ast-customizer-color-13: #F3F4F6; /* alt background 3*/ + --ast-customizer-color-14: #cc1818; /* danger color*/ +} + +input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], select, textarea { + color: var(--ast-customizer-color-5); +} + +.customize-control .ast-spacing-responsive-btns li svg { + max-width: 13px; +} + +.customize-control-ast-customizer-link .customizer-link { + font-style: italic; + text-decoration: none; +} + +.customize-control-ast-customizer-link:empty { + display:none; +} +/* Customizer Scroll CSS */ +.accordion-section-content::-webkit-scrollbar, .wp-full-overlay-sidebar-content::-webkit-scrollbar { + width: 6px; + background-color: #f1f1f1; +} + +.accordion-section-content::-webkit-scrollbar-thumb, .wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #d8d8d8; +} + +.accordion-section-content::-webkit-scrollbar-track, .wp-full-overlay-sidebar-content::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3); + width: 6px; +} + +.wp-full-overlay-sidebar:after { + display: none; +} + +#customize-theme-controls .control-section-ast-section-separator { + margin-top: 15px; + border-top: 1px solid #ddd; + display: block !important; +} + +.customize-control:not(.customize-control-nav_menu_item) { + position: relative; + margin-bottom: 0; + margin-top: 16px; +} + +.customize-control.customize-control-ast-color, .customize-control.customize-control-ast-color-group, .customize-control-ast-responsive-background, .customize-control-ast-background { + display: flex; + align-items: center; + min-height: 28px; + flex-wrap: wrap; +} + +.customize-control-ast-responsive-background label { + white-space: nowrap; +} + +.customize-control .media-position-setting label.components-text { + text-transform: capitalize; + font-size: 12px; + font-weight: 400; +} + +.media-position-setting .astra-popover-tabs .components-tab-panel__tabs { + padding-left: 0; + padding-right: 0; +} + +.customize-control[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 0; +} + +[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 10px; +} + +.customize-section-title { + margin: -12px -24px 0 -24px; +} + +.customize-section-description-container, #customize-controls .customize-info.section-meta, #customize-controls .customize-info { + margin-bottom: 0; +} + +#customize-controls #sub-accordion-panel-nav_menus .customize-info { + margin-bottom: 15px; +} + +#customize-control-astra-settings-header-transparent-link-heading { + margin-top: 15px; +} + +#customize-controls .components-base-control .components-base-control__field { + margin-bottom: 0; +} +#customize-controls .components-base-control .components-base-control__field .components-input-control__backdrop { + border-color: #D1D5DB !important; +} + +.customize-control .customize-inside-control-row { + padding-top: 0; + padding-bottom: 0; +} + +.customize-control-title { + display: inline-block; + margin-bottom: 16px; + vertical-align: middle; +} + +.customize-control-ast-color .customize-control-title, .customize-control-ast-responsive-background .customize-control-title, +.customize-control-ast-background .customize-control-title, .customize-control-ast-responsive-color .customize-control-title { + display: contents; +} + +.customize-control .ast-control-tooltip { + position: absolute; + top: 0; + right: 0; + color: var(--ast-customizer-color-6); + cursor: help; +} + +.customize-control .ast-control-tooltip:hover { + color: var(--ast-customizer-color-1); +} + +.customize-control.customize-control-ast-responsive-background .ast-control-tooltip { + top: 50%; + right: 36px; + transform: translateY(-50%); +} + +.customize-control.customize-control-ast-responsive-background:has(.ast-color-btn-reset-wrap) .ast-control-tooltip { + right: 60px; +} + +.customize-control.customize-control-ast-toggle-control .ast-control-tooltip { + position: absolute; + top: 50%; + right: 40px; + transform: translateY(-50%); + z-index: 1; +} + +#customize-control-astra-settings-learndash-distraction-free-learning .ast-control-tooltip { + padding-top: 32px; +} + +.customize-control.customize-control-ast-toggle-control.ast-top-dotted-divider .ast-control-tooltip { + position: absolute; + top: 55%; + right: 40px; + transform: translateY(0); +} + +.customize-control-ast-selector.customize-control .ast-control-tooltip { + top: -3px; +} + +.customize-control.customize-control-ast-toggle-control.ast-top-divider .ast-control-tooltip { + top: calc(50% + 15px); +} + +.customize-control.customize-control-ast-toggle-control.ast-bottom-divider .ast-control-tooltip { + top: calc(50% - 11px); +} + +.customize-control.customize-control-ast-toggle-control .ast-description-enabled .components-form-toggle { + margin-left: 25px; +} + +.customize-control.customize-control-ast-divider .ast-control-tooltip { + position: absolute; + top: auto; + bottom: 3px; + right: 0; +} + +.ast-fields-wrap .customize-control .ast-control-tooltip { + right: 15px; + top: 6px; +} + +.customize-control .ast-sortable-subfields-wrap .ast-control-tooltip { + position: absolute !important; + top: 40%; + right: 0px; + transform: translateY(-50%); + z-index: 1; +} +.customize-control .ast-sortable-subfields-wrap .customize-control-ast-toggle .ast-control-tooltip { + right: 30px; + top: 50%; +} +.ast-top-dotted-divider .dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip, +.ast-top-section-divider .dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip { + top: 24px; +} + +/* Select2 WP 5.3 compatibility */ +.customize-control .select2-search input[type="text"].select2-search__field { + min-height: 17px; +} + +input[type="text"].select2-search__field { + line-height: 1; + border-radius: 0; +} + +/* CSS for a Description as a Notice. */ +.ast-customizer-notice { + margin: 0 -12px; + padding: 12px; +} + +/* CSS to show popups without scroll */ +#customize-theme-controls .control-section.open { + height: 100%; + padding: 12px 24px 25px 24px; +} + +/* Safari Browser specific CSS */ +@media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) { + #customize-control-astra-settings-ast-header-responsive-logo-width .wrapper { + display: inline-block; + width: 100%; + } + .dashicons-desktop:before, .dashicons-tablet:before, .dashicons-smartphone:before { + color: #000000; + opacity: .75; + } + .ast-reset-btn.components-button svg { + padding: 0px; + height: 13px; + } + } +} + +/* Firefox Browser specific CSS */ +@-moz-document url-prefix() { + .control-section.open .customize-control:last-child { + margin-bottom: 20px; + } +} + +/* IE Browser specific CSS */ +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .control-section.open .customize-control:last-child { + padding-bottom: 20px; + } + #customize-control-astra-settings-blog-archive-image-width .customize-control-title, #customize-control-astra-settings-blog-archive-image-height .customize-control-title, #customize-control-astra-settings-blog-single-post-image-width .customize-control-title, #customize-control-astra-settings-blog-single-post-image-height .customize-control-title { + margin-left: 0px; + margin-right: 20px; + } +} + +.wp-customizer li:not(.customize-control-sidebar_block_editor) h1, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h2, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h3, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h4, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h5, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h6 { + font-weight: 600; +} + +/* Customizer - widget appender bottom space CSS */ +.block-list-appender { + margin-bottom: 20px; +} + +.block-editor-block-inspector .block-editor-block-card { + margin-top: 12px; +} + +/* Customizer - builder widget area's block gets round shapes in more-settings tab */ +.components-circular-option-picker__option-wrapper::before { + background: unset; +} + +.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper { + position: relative; +} + +/* Hiding this specific control on responsive devices. */ +.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-width { + display: none; +} + +.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-direction { + display: none; +} + +.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-width { + display: none; +} + +.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-direction { + display: none; +} + +#customize-theme-controls .accordion-section-title, #customize-outer-theme-controls .accordion-section-title, +#customize-controls .control-section.control-section-ast_section .accordion-section-title { + border-bottom: 1px solid var(--ast-customizer-color-7); +} + +/* To remove extra spacing for customizer button */ +#customize-theme-controls .accordion-section-title button.accordion-trigger { + max-height: fit-content; +} + +.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title, +.wp-core-ui #customize-controls .control-section .accordion-section-title:hover, +.wp-core-ui #customize-controls .control-section .accordion-section-title:focus, +.wp-core-ui .customize-panel-back:hover, +.wp-core-ui .customize-panel-back:focus, +.wp-core-ui .customize-section-back:hover, +.wp-core-ui .customize-section-back:focus { + border-left-color: var(--ast-customizer-color-1); +} + +/* Toggle Section Control */ +.ast-section-toggle { + display: grid; + grid-template-columns: 70% 20% 10%; + align-items: center; + padding: 0 0 0 12px; + height: 100%; + align-items: center; + align-content: center; + max-height: 46px; +} + +.ast-section-toggle label { + font-size: 14px; + line-height: 1; + font-weight: 600; + height: 100%; + display: inline-flex; + align-items: center; +} + +.ast-section-toggle > label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + height: auto; + line-height: 50px; +} + +.ast-section-toggle:not(.active) > label { + cursor: default; +} + +.customize-control.customize-control-ast-section-toggle { + border: 1px dashed var(--ast-customizer-color-1); + background: var(--ast-customizer-color-11); + cursor: pointer; + box-shadow: none !important; + line-height: 42px; + font-size: 14px; + display: inline-grid; + align-items: center; + height: auto; + color: var(--ast-customizer-color-5); + position: relative; + white-space: nowrap; + border-radius: 4px; + transition: all 0.2s; + padding-top: 0; + padding-bottom: 0; + margin-top: 24px; + margin-bottom: 9px; + margin-top: 24px; +} +.customize-control.customize-control-ast-section-toggle:hover { + background: var(--ast-customizer-color-9); + border-style: solid; +} +.ast-section-toggle-icon { + color: var(--wp-admin-theme-color); + cursor: pointer; + line-height: 20px; + height: 100%; + display: inline-flex; + align-items: center; +} + +.ast-section-toggle-icon span { + font-size: 16px; + line-height: 16px; + width: 16px; + height: 16px; +} + +.customize-control-ast-section-toggle { + padding-top: 25px; + padding-bottom: 16px; +} + +li#customize-control-astra-settings-related-posts-title { + margin-top: 32px; +} + +li[ID*="accordion-section-ast-dynamic-single-"].control-section-ast_section, +li[ID*="accordion-section-ast-dynamic-archive-"].control-section-ast_section, +li#accordion-section-section-search-page-title.control-section-ast_section, +li[ID*="accordion-section-ast-sub-section-"].control-section-ast_section { + display: none !important; +} + +.item-customizer-focus svg { + min-width: 12px; + min-height: 12px; + width: 12px; + height: 12px; + fill: #fff; + margin-left: -1px; +} + +/* Customizer - Adjusting Style Guide Trigger Button */ +.wp-full-overlay-sidebar #customize-header-actions { + padding-left: 6px; + padding-right: 6px; +} +#customize-header-actions button#astra-tour { + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 48px; + width: 45px; + margin-top: 0 !important; + padding: 0; + background: #f0f0f1; + border: none; + border-radius: 0; + border-top: 4px solid #f0f0f1; + border-right: 1px solid #dcdcde; + color: #3c434a; + fill: #3c434a; + stroke: #3c434a; +} +#customize-header-actions button#astra-tour:hover, #customize-header-actions button#astra-tour:focus { + background: #fff; + color: #2271b1; + fill: #2271b1; + stroke: #2271b1; + border-top-color: #2271b1; + box-shadow: none; + outline: 1px solid transparent; +} +#customize-header-actions button#astra-tour svg { + margin-top: 7px; + margin-left: 3px; + width: 16px; + height: 16px; +} +@media screen and (max-width: 640px) { + #customize-header-actions button#astra-tour { + left: 153px; + } +} + +/* To highlight style guide option */ +.indicator-dot { + z-index: 1000; + position: relative; + height: 5px; + width: 5px; + background-color: red; + border-radius: 50%; + display: inline-block; + margin-left: 80px; + margin-bottom: 15px; + animation: pulse 2s infinite; +} + +@keyframes pulse { + 0% { + transform: scale(1); + opacity: 1; + } + 50% { + transform: scale(1.5); + opacity: 0.7; + } + 100% { + transform: scale(1); + opacity: 1; + } +} + +/* Styling for the tooltip */ +.ast-style-guide-tooltip { + display: none; + position: absolute; + left: 50%; + transform: translateX(-50%); + margin-bottom: 5px; + background-color: #e5e5e5; + color: #494948; + border-radius: 3px; + white-space: nowrap; + font-size: 12px; + z-index: 1000; + opacity: 0; + transition: opacity .3s ease; + padding: 0 8px; + top: 45px; + box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; +} + +/* Show the ast-style-guide-tooltip on hover */ +#astra-tour:hover .ast-style-guide-tooltip { + display: block; + opacity: 1; +} + +.customize-control-ast-description .ast-description { + font-style: italic; + color: #9CA3AF; + font-size: 11px; + line-height: 16px; + font-weight: 400; + text-wrap: wrap; + display: inline-block; +} + +.customize-control-ast-description a.button { + margin-top: 10px; + font-style: normal; +} + +.customize-control-ast-description p { + margin: 0; + cursor: initial; + font-size: 11px; + line-height: 16px; + font-weight: 400; +} + +.customize-control .customize-control-description { + display: none; +} + +.customize-control-ast-divider hr { + margin-top: 0; + margin-bottom: 0; + border-bottom: none; +} + +.customize-control-ast-divider .customize-control-title { + font-size: 15px; + margin: 1em 0 0.2em; +} + +.customize-control-ast-divider .customize-control-suffix { + position: absolute; + right: 0; + bottom: 0; + font-weight: 600; + color: var(--ast-customizer-color-1); + display: inline-block; + font-size: 11px; + text-transform: uppercase; + } + +.customize-control-ast-divider .customizer-text { + margin-top: -10px; + display: block; +} + +.ast-field-settings-modal .customize-control-ast-divider { + background-color: #f5f5f5; + display: block; + padding: 6px 14px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: #dddddd; + line-height: 1; + margin-top: 15px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customizer-text { + margin-top: 0; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customize-control-title { + font-weight: 500; + letter-spacing: 1px; + font-size: 11px; + margin: 0; + text-transform: uppercase; +} + +/* + * CSS for ast-divider attribute started. + */ +.ast-bottom-divider { + border-bottom: 1px solid var(--ast-customizer-color-7); + padding-bottom: 25px; +} + +.ast-top-divider { + border-top: 1px solid var(--ast-customizer-color-7); + padding-top: 25px; +} + +.ast-top-divider > label.ast-divider-title, .ast-bottom-divider > label.ast-divider-title, +.customize-control-ast-color-group > .ast-divider-title { + display: block; + width: 100%; + font-size: 15px; + font-weight: 600; +} + +.ast-top-divider .ast-control-wrap .ast-color-btn-reset-wrap { + top: 25px; +} + +.ast-top-divider .ast-control-wrap .astra-color-picker-wrap { + top: 55px; + background-color: transparent; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 100px; + background-color: transparent; +} + +.ast-top-divider .ast-control-wrap .color-button-wrap { + top: 20.5px; +} + +.ast-top-divider.customize-control-ast-select .ast-divider-title { + margin-bottom: 25px; +} + + +/* +* CSS for ast-spacing attribute started. +*/ + +.customize-control.ast-bottom-spacing, .ast-field-settings-modal .customize-control.ast-bottom-spacing { + margin-bottom: 16px; +} +.customize-control.ast-top-spacing, .ast-field-settings-modal .customize-control.ast-top-spacing { + margin-top: 16px; +} +li.customize-control.ast-bottom-section-spacing { + margin-bottom: 24px; +} +li.customize-control.ast-top-section-spacing { + margin-top: 24px; +} + +/* +* CSS for ast-divider attribute started. +*/ + +.customize-control.ast-top-dotted-divider, +#customize-control-astra-settings-edd-archive-variable-button-text, +#customize-control-astra-settings-header-account-logged-out-text, +#customize-control-astra-settings-shop-load-more-text, +#customize-control-astra-settings-single-product-shipping-text, +#customize-control-astra-settings-checkout-back-to-cart-button-text, +#customize-control-astra-settings-ast-header-retina-logo, +#customize-control-astra-settings-product-sale-percent-value, +#customize-control-astra-settings-header-account-create-menu-link, +#customize-control-astra-settings-woo-cart-button-text, +#customize-control-astra-settings-single-product-recently-viewed-text, +#customize-control-astra-settings-sticky-header-retina-logo { + margin-top: 24px; + padding-top: 24px; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +#customize-control-blogname, #customize-control-blogdescription, { + margin-top: 16px; +} + +#customize-control-astra-settings-product-sale-percent-value .ast-control-tooltip { + top: 24px; +} + +.customize-control.ast-top-dotted-divider .ast-adv-toggle-icon { + top: 25px; +} + +.customize-control.ast-bottom-dotted-divider, +#customize-control-astra-settings-header-account-logged-in-text { + margin-bottom: 8px; + padding-bottom: 24px; + border-bottom: 1px dashed var(--ast-customizer-color-7); +} + +.customize-control.ast-bottom-dotted-divider .ast-adv-toggle-icon { + bottom: 25px; +} + +/* +* CSS for ast-section-divider attribute started. +*/ + +.customize-control.ast-top-section-divider, +.customize-control.ast-bottom-section-divider { + position: relative; +} + +.customize-control.ast-top-section-divider { + padding-top: 32px; + margin-top: 32px; +} + +.customize-control.ast-bottom-section-divider { + padding-bottom: 32px; + margin-bottom: 16px; +} + +.customize-control.ast-sub-top-dotted-divider { + padding-top: 20px; +} + +.customize-control.ast-sub-bottom-dotted-divider { + padding-bottom: 20px; +} + +.customize-control.ast-top-section-divider::before, +.customize-control.ast-bottom-section-divider::after { + content: ''; + position: absolute; + left: -100%; + background-color: var(--ast-customizer-color-7); + width: 500%; + height: 1px; +} + +.customize-control.ast-sub-top-dotted-divider::before, +.customize-control.ast-top-section-divider::before { + top: 0; +} + +.customize-control.ast-sub-bottom-dotted-divider::after, +.customize-control.ast-bottom-section-divider::after { + bottom: 0; +} + +.customize-control.ast-sub-top-dotted-divider::before, +.customize-control.ast-sub-bottom-dotted-divider::after { + content: ''; + border-top: 1px dashed var(--ast-customizer-color-7); + width: calc(100% - 30px); + height: 1px; + position: absolute; + left: 15px; +} + + +/* +* CSS for ast-first-control-spacing attribute started. +*/ +[ID*="-create-menu-link"] .ahfb-builder-item-start { + margin-bottom: 0; +} + +.customize-control.ast-section-spacing, +#customize-control-astra-settings-footer-create-menu-link, +#customize-control-astra-settings-footer-language-switcher-options, +#customize-control-astra-settings-header-mobile-menu-create-menu-link, +#customize-control-astra-settings-header-language-switcher-options, +#customize-control-astra-settings-site-icon-link, +#customize-control-custom_logo, +#customize-control-astra-settings-header-above-stick, +[ID*="sub-accordion-section-section-hb-menu-"] [ID*="-create-menu-link"], +[ID*="customize-control-astra-settings-header-button"][ID*="-text"], +[ID*="customize-control-astra-settings-footer-button"][ID*="-text"] { + margin-top: 32px; +} + +#customize-control-body-font-variant, +#customize-control-headings-font-variant { + margin-top: 0; +} + +/* sidebar specific */ +#sub-accordion-section-section-sidebars > .customize-control-ast-heading { + margin-top: 16px; +} + +#sub-accordion-section-section-sidebars > .customize-control-ast-heading ~ .customize-control-ast-heading { + margin-top: 32px; +} + +/* Sub controls divider support */ +.ast-fields-wrap .customize-control.ast-bottom-section-divider::after, .ast-fields-wrap .customize-control.ast-top-section-divider::before { + width: 100%; + left: 0px; +} + +.ast-top-dotted-divider .ast-control-tooltip { + top: 22px; +} +.ast-top-section-divider .ast-control-tooltip { + top: 30px; +} +.ast-field-settings-modal .customize-control.ast-top-dotted-divider { + margin-top: 0; +} + +.ast-typo-presets { + width: 100%; + display: flex; + align-items: center; + flex-wrap: wrap; + row-gap: 8px; + column-gap: 8px; + justify-content: space-between; +} +.ast-typo-presets .ast-typo-preset-item { + padding: 0; + border-radius: 3px; + cursor: pointer; + border: 1px solid var(--ast-customizer-color-7); + height: 64px; + text-align: center; + width: 47.5%; + position: relative; +} +.ast-typo-presets .ast-typo-preset-item:hover{ + border: 1px solid var(--ast-customizer-color-1); +} + +.ast-typo-presets .ast-typo-preset-item svg { + transform: scale(1); + width: 100%; + height: 100%; + padding: 0; + margin: 0px; +} +.ast-typo-presets .ast-typo-preset-item.active { + border: 1px solid var(--ast-customizer-color-1); + background: var(--ast-customizer-color-9); +} +.customize-control-ast-typography-presets .ast-reset-btn-preset-wrap { + top: -5px; +} + +.ast-typo-preset-item .components-tooltip { + margin-top: -8px; +} + +.ast-typo-preset-item .components-tooltip::before { + border-bottom: none!important; + border-left-color: transparent!important; + border-right-color: transparent!important; + border-top-style: solid!important; + border-top-color: #1e1e1e!important; + margin-left: -10px; + bottom: -8px; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + border: 8px solid #ccc; +} + +.ast-typo-preset-item .components-tooltip::after { + border-bottom: none!important; + border-left-color: transparent!important; + border-right-color: transparent!important; + border-top-style: solid!important; + border-top-color: #1e1e1e!important; + margin-left: -10px; + bottom: -6px; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + border: 8px solid #fff; +} + +.ast-font-styling { + display: flex; + justify-content: space-between; + gap: 15px; + align-items: center; + padding-bottom: 20px; + border-bottom: 1px dashed #D4D4D4; +} + +.ast-font-extras-wrapper, .ast-font-spacing-wrapper{ + display: flex; + align-items: center; + gap: 8px; +} + +.ast-font-extras-wrapper .ast-font-extras-input, .ast-font-spacing-wrapper .ast-font-spacing-input { + position: relative; + display: flex; + align-items: center; + background: #fff; + max-width: 72px; + width: 100%; + border: 1px solid #d1d5db; + border-radius: 3px; + padding: 0 3px; +} + +.ast-font-extras-wrapper .ast-font-extras-input input, .ast-font-spacing-wrapper .ast-font-spacing-input input { + padding: 0; + border: none; + min-height: 32px; + border-radius: 3px; + border: none !important; + box-shadow: none !important; + text-align: center; + padding: 0 5px; +} +.ast-font-extras-wrapper .ast-font-extras-input input[type=number], .ast-font-spacing-wrapper .ast-font-spacing-input input[type=number] { + -moz-appearance: textfield; +} +.ast-font-extras-input:hover, .ast-font-spacing-input:hover { + border-color: var(--ast-customizer-color-2); +} + +.ast-font-extras-wrapper .ast-font-extras-input svg, .ast-font-spacing-wrapper .ast-font-spacing-input svg { + width: 38px; + height: 28px; +} + +.ast-font-extras-input .plus-minus-control .dashicons, +.ast-font-spacing-input .plus-minus-control .dashicons { + font-size: 10px; + color: #9CA3AF; + width: 12px; + height: 10px; + display: inherit; + cursor: pointer; +} + +div .ast-field-settings-modal .customize-control-ast-font-extras { + margin-top: 15px; +} + +.ast-font-extras-input input[type=number]::-webkit-inner-spin-button, +.ast-font-extras-input input[type=number]::-webkit-outer-spin-button, +.ast-font-spacing-input input[type=number]::-webkit-inner-spin-button, +.ast-font-spacing-input input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.ast-font-unit-wrapper { + display: flex; + gap: 6px; + font-size: 11px; + font-weight: 500; + color: #9CA3AF; +} +.ast-font-unit-wrapper span { + cursor: pointer; +} + +.ast-font-unit-wrapper span:hover { + color: #0284c7; +} + +.ast-font-unit-wrapper .active { + color: #0284c7; +} + +.ast-font-styling-second { + display: flex; + justify-content: space-between; + align-items: center; + gap: 10px; + padding-top: 20px; +} + +.ast-font-transform-wrapper, .ast-font-decoration-wrapper { + display: flex; + align-items: center; + flex: 1; + +} + +.ast-font-transform-wrapper div, .ast-font-decoration-wrapper div { + padding: 8px 0; + width: 33%; + text-align: center; + font-weight: 600; + font-size: 12px; + line-height: 16px; + color: #334155; +} + +.ast-font-transform-wrapper div.active, .ast-font-decoration-wrapper div.active { + background-color: #0284c7; + color: #fff; + cursor: pointer; +} + +.ast-font-item-type { + border: 1px solid #d1d5db; +} + +.ast-font-item-type:hover { + background-color: #0284c7; + color: #fff; + cursor: pointer; +} + +.ast-font-item-type:first-child { + border: 1px solid #d1d5db; + border-right: none; + border-radius: 3px 0 0 3px; +} + +.ast-font-item-type:last-child { + border: 1px solid #d1d5db; + border-left: none; + border-radius: 0 3px 3px 0; +} + +.ast-font-item-type.ast-font-deco-underline{ + text-decoration: underline; +} + +.ast-font-item-type.ast-font-deco-linethrough{ + text-decoration: line-through; +} + +.ast-typopreset-custom-tooltip { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.ast-typopreset-custom-tooltip[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 10em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 1000; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + left: 50%; + transform: translate(-50%,-0.5em); +} + +.ast-typopreset-custom-tooltip[data-title]:hover::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + +.ast-customizer-font-varient-wrap { + margin-top: 12px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__value-container { + overflow-x: hidden; + flex-wrap: nowrap; + padding: 2px 5px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value { + margin-top: 0; + margin-bottom: 0; + font-size: 12px; + padding: 2px 2px 2px 2px; + min-width: auto; + color: #4B5563; + background-color: #F5F5F5; + border: 1px solid #D1D5DB; + border-radius: 2px; + padding-left: 5px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__label { + line-height: normal; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove { + color: #4B5563; + padding-right: 0; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove:hover { + background-color: transparent; + color: #4B5563; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__input-container input:focus { + box-shadow: none; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control { + position: relative; + max-height: 32px; + display: inline-flex; + width: 100%; + align-content: center; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control:after { + content: "\f11c"; + font-family: dashicons; + font-size: 16px; + margin-right: 7px; + pointer-events: none; + z-index: 1; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control:before { + content:''; + position: absolute; + top: 3px; + right: 3px; + width: 50px; + height: 25px; + background: rgb(247,247,247); + background: linear-gradient(90deg, rgba(247,247,247,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); + pointer-events: none; + z-index: 1; +} + +#customize-control-astra-settings-ast-headings-font-settings .ast-fields-wrap, +#customize-control-astra-settings-ast-body-font-settings .ast-fields-wrap { + overflow: visible; +} + +/** + * Hide normal font weight from font weight dropdown and display only if its set as font weight. + */ +.customize-control-ast-font select option[value="normal"], .customize-control-ast-font select[data-value="normal"] option[value="400"] { + display: none; +} +.customize-control-ast-font select[data-value="normal"] option[value="normal"] { + display: block; +} + +span.customize-control-title.ast-group-section-title { + margin-bottom: 4px; + font-weight: 600; +} +.ast-top-divider.customize-control-ast-group-title .ast-reset-btn-preset-wrap { + top: 24px; +} +.customize-control-ast-group-title .ast-responsive-btns { + margin-left: 5px; + position: relative; + top: 3px; +} + +.ast-header-preset-container { + max-width: 100%; + overflow: hidden; + display: flex; + flex-direction: column; + padding: 16px; + gap: 16px; +} +.ast-header-preset-item svg { + display: block; + width: 100%; +} +.ast-header-preset-item { + cursor: pointer; +} +#customize-control-astra-settings-header-preset-style .ast-field-settings-modal { + display: none; + padding: 0; +} +#customize-control-astra-settings-header-preset-style .ast-adv-toggle-icon { + top: -5px; +} +li#customize-control-astra-settings-header-preset-style .customizer-text { + padding-left: 6px; +} +.ast-header-preset-item svg { + outline: 1.5px solid var(--ast-customizer-color-6); + border-radius: 2px; +} +.ast-header-preset-item:hover svg { + outline-color: var(--ast-customizer-color-1); +} +.ast-header-preset-item:hover svg > * { + fill: var(--ast-customizer-color-1); +} + +.ast-field-settings-wrap .customize-control-ast-heading { + margin: 0px 0 15px 0; +} + +.customize-control-ast-heading { + margin-top: 25px; + margin-bottom: 0; +} + +.customize-control-ast-heading .ast-heading-wrapper { + margin: 0 -24px; +} + +.customize-control-ast-heading .customize-control-title { + display: block; + padding: 15px 24px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: var(--ast-customizer-color-7); + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-4); + font-size: 12px; + font-weight: 600; + letter-spacing: 2px; + line-height: 1; + text-transform: uppercase !important; +} + +.customize-control-ast-heading .customize-control-caption { + top: 50%; + transform: translateY(-50%); + position: absolute; + right: 0; + font-size: 11px; + font-weight: 500; + letter-spacing: 1px; +} + +.customize-control-ast-heading .customize-control-description { + margin-top: 10px; +} + +.ast-heading-wrapper label { + cursor: default; +} + +.customize-control > label { + cursor: default; +} + +.customize-control .ast-spacing-input-item-link, .customize-control .ast-border-input-item-link { + cursor: pointer; +} + +.customize-control.customize-control-ast-slider label { + cursor: pointer; +} + +.customize-control.customize-control-ast-slider label .wrapper input[type=range] { + cursor: pointer; +} + +.customize-control .ast-control-reduce-top-space { + margin-top: -15px; +} + +.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper { + position: relative; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu{ + position: absolute; + right: 0; + top: 0; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle{ + width: 30px; + height: 30px; + border-radius: 0; + background-color: var(--wp-admin-theme-color); + color: #fff; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + color: #fff; +} + +.customize-control-ast-input-with-dropdown .components-button:focus:not(:disabled) { + box-shadow: none; + outline: none; +} + +.customize-control-ast-input-with-dropdown .components-popover__content { + min-width: 170px; +} + +.customize-control-ast-input-with-dropdown .components-popover__content .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + color: var(--wp-admin-theme-color); +} + +.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper input.components-text-control__input { + padding-right: 40px; + max-height: 30px; + min-height: 30px; + border-color: #ddd; +} + +.ast-link-open-in-new-tab-wrapper { + margin: 24px 0 0; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +.ast-link-label-wrapper { + margin: 24px 0; + padding-top: 24px; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +.ast-logo-svg-icon-btn-wrapper { + display: flex; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn { + flex: 1 1 auto; + display: flex; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:first-child .components-button { + border-radius: 3px 0 0 3px; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button { + border-radius: unset; + font-size: 12px; + padding: 9px 0 10px; + white-space: nowrap; + 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-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn button.components-button.is-primary { + border-color: var(--ast-customizer-color-3); +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:last-child .components-button { + border-radius: 0 3px 3px 0; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button.is-primary { + color: var(--ast-customizer-color-10); + background: var(--ast-customizer-color-1); +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:focus:not(:disabled) { + box-shadow: none; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:not(.is-primary):hover { + color: var(--ast-customizer-color-5) !important; +} + +/* Modal stylings starts */ + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected p { + text-align: center; + border: 1px dashed #c3c4c7; + padding: 10px; +} + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected svg { + width: 50px; +} + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected .btn-group-icon-selected { + display: flex; + gap: 10px; +} + +.ast-logo-svg-icon-icon-library-default .btn-select-icon { + margin-top: 10px; + cursor: pointer; + background-color: #f0f0f1; + color: #2c3338; + width: 100%; + position: relative; + text-align: center; + border: 1px dashed #c3c4c7; + box-sizing: border-box; + padding: 9px 0; + line-height: 1.6; +} + +.ast-logo-svg-icon-icon-library-default .btn-select-icon:hover { + background-color: #ffffff; +} + +.ast-logo-svg-icon-icon-library-modal { + width: 65%; + max-height: 85%; +} + +.ast-logo-svg-icon-icon-library-header { + display: flex; + align-items: baseline; + height: 65px; +} + +.ast-logo-svg-icon-icon-library-header h2 { + width: 150px; + margin: 0; + font-size: 20px; + font-weight: 400; + color: #1e1e1e; +} + +.ast-logo-svg-icon-search-container { + flex: 1; + padding-left: 24px; +} + +.ast-logo-svg-icon-search-bar { + position: relative; +} + +.ast-logo-svg-icon-search-bar svg { + width: 14px; + height: 14px; + position: absolute; + top: calc(18px - 7px); + color: #555d66; + fill: #555d66; + transform: rotateZ(90deg); + left: 12px; +} + +.ast-logo-svg-icon-search-bar input[type="text"] { + height: 36px; + width: 100%; + padding: 7px 12px 7px calc(12px* 2 + 14px); + border: 1px solid #e6e7e9; + margin: 0; + border-radius: 2px; + color: #1d2327; +} + +.ast-logo-svg-icon-icon-library-container .components-flex .svg-icons-list-flexbox .svg-icons-list { + height: 35em; + overflow: hidden scroll; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button { + border: none; + cursor: pointer; + padding: 15px 0px 15px 10px; + background: none; + width: 100%; + text-align: left; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button.selected, +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button:hover { + background: #dcf2ff; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list { + display: grid; + padding: 5px 15px; + grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); + grid-gap: 10px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available { + display: flex; + gap: 10px; + align-items: center; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available svg { + width: 18px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available span { + font-size: 18px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon { + padding: 15px; + background-color: #ffffff; + border: 1px solid #e6e7e9; + border-radius: 3px; + cursor: pointer; + display: flex; + flex-direction: column; + gap: 10px; + height: 7em; + align-items: center; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon.selected { + outline: 2px solid; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon:hover:not(.selected) svg { + transform: scale(1.55); + transition: transform 0.2s; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon svg { + width: 20px; + height: 20px; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer { + text-align: right; + display: flex; + align-items: flex-end; + justify-content: flex-end; + gap: 10px; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer>button { + font-size: 13px; + border: none; + border-radius: 2px; + width: 89px; + height: 36px; + cursor: pointer; + display: flex; + justify-content: center; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content { + padding: 30px 24px; + margin: 0; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .components-modal__header { + display: none; +} + +/* Modal stylings ends */ + +.ast-logo-svg-icon-element-custom { + margin-top: 10px; +} + +.ast-logo-svg-icon-element-custom textarea { + width: 100%; + height: 10em; +} +.customize-control-ast-multi-selector .input-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap { + display: flex; + justify-content: center; + flex: 1 1 0; + background: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-7); + padding: .6em 0; + cursor: pointer; + --ast-customizer-multiselect-icon-color: var(--ast-customizer-color-6); + margin-left: -1px; +} + +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active { + --ast-customizer-multiselect-icon-color: var(--ast-customizer-color-1); + border-color: var(--ast-customizer-color-3); + z-index: 1; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap svg { + fill: var(--ast-customizer-color-10); +} +.ast-multiselector-inner-wrap .ahfb-icon-set { + line-height: 1; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:last-child { + border-radius: 0px 3px 3px 0px; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:first-child { + border-radius: 3px 0px 0px 3px; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap span[label] { + color: var(--ast-customizer-color-6); +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active span[label] { + color: var(--ast-customizer-multiselect-icon-color); +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap { + flex: 0 0 calc(50% - 10px); + margin: 5px; +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap:nth-child(2n) { + margin-right: 0; +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap { + flex: 0 0 calc(33.33% - 10px); + margin: 5px; +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap:nth-child(3n) { + margin-right: 0; +} + +[CLASS*="stack-after-"].ast-alignment-wrapper { + margin-left: -5px; + margin-right: -5px; + display: flex; + flex-wrap: wrap; +} +[CLASS*="stack-after-"].ast-alignment-wrapper .ast-multiselector-inner-wrap { + margin: 5px; + align-items: center; + padding: 5px; + height: 30px; + border-radius: 0; +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap { + flex: 0 0 calc(45% - 10px); +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap { + flex: 0 0 calc(28% - 10px); +} + +.customize-control-ast-number .ast-number-single{ + display: flex; + border: 1px solid #D1D5DB; + border-radius: 3px; + background-color: #fff; + width: 96px; +} + +.customize-control-ast-number .components-input-control__container, .customize-control-ast-number .components-input-control__input { + text-align: center; +} + +.customize-control-ast-number .ast-number-single .dashicon.dashicons { + display: flex; + align-items: center; + justify-content: center; + color: #676879; + font-size: 10px; + padding: 0.5em; + cursor: pointer; +} + +.customize-control-ast-number .components-input-control__backdrop { + border: 0 !important; +} + +.customize-control-ast-number .ast-number-single input[type=number]::-webkit-inner-spin-button, +.customize-control-ast-number .ast-number-single input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; +} + +.customize-control-ast-number .ast-control-wrapper { + display: flex; + justify-content: space-between; + align-items: center; +} + +.customize-control-ast-number .ast-title-wrapper { + width: 50%; +} + +.customize-control-ast-number .ast-number-single { + display: none +} + +.customize-control-ast-number .ast-number-single.active { + display: flex; +} + +.customize-control-ast-number .ast-responsive-btns { + margin-left: 0.5em; +} + +/* Hide spin buttons for WebKit (Chrome, Safari) */ +.customize-control-ast-number input[type="number"]::-webkit-inner-spin-button, +.customize-control-ast-number input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; /* Adjust as needed */ +} + +/* Hide spin buttons for Firefox */ +.customize-control-ast-number input[type="number"] { + -moz-appearance: textfield; + text-align: center; +} + +/* Hide spin buttons for Edge & IE */ +.customize-control-ast-number input[type="number"]::-webkit-outer-spin-button, +.customize-control-ast-number input[type="number"]::-webkit-inner-spin-button, +.customize-control-ast-number input[type="number"]::-ms-clear, +.customize-control-ast-number input[type="number"]::-ms-reveal { + display: none; +} + + +.customize-control-ast-radio-icon .ast-control-wrap { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: flex-start; +} + +.customize-control-ast-radio-icon .customize-control-title { + flex: 1; + padding-right: 0.5em; +} + +.customize-control-ast-radio-icon .customize-control-title { + margin-top: 8px; + margin-bottom: 8px; +} + +.customize-control-ast-radio-icon .ast-options { + background-color: transparent; + margin: 0; + line-height: 0; +} + +.customize-control-ast-radio-icon .ast-options li { + display: inline-block; + position: relative; + background-color: transparent; + width: 42px; + height: 28px; + line-height: 28px; + margin-bottom: 0; + border: 1px solid var(--ast-customizer-color-7); + color: var(--ast-customizer-color-8); + cursor: pointer; +} + +.customize-control-ast-radio-icon .ast-options li .dashicon { + text-align: center; + line-height: 28px; + width: 100%; + font-size: 16px; +} + +.customize-control-ast-radio-icon .ast-options li { + margin-left: -1px; +} + +.customize-control-ast-radio-icon .ast-options li:nth-child(1) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 0; +} + +.customize-control-ast-radio-icon .ast-options li:nth-last-child(1) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.customize-control-ast-radio-icon .ast-options li.active { + background-color: var(--ast-customizer-color-1); + color: var(--ast-customizer-color-10); + border-color: var(--ast-customizer-color-1); + margin-right: 1px; +} + +.customize-control-ast-row-layout .ast-responsive-btns { + position: relative; + top: 1px; +} + +.customize-control-ast-radio-image label { + position: relative; + display: inline-block; + margin-right: 12px; +} + +.ast-divide-four label { + margin-right: 0; +} + +.customize-control-ast-radio-image input { + display: none; +} + +.customize-control-ast-radio-image input:checked + label svg { + background: var(--ast-customizer-color-1); + border-radius: 0; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +.customize-control-ast-radio-image input:checked + label svg path { + color: var(--ast-customizer-color-10); +} + +.customize-control-ast-radio-image .modern-layout input:checked + label svg, +.components-button-group.ahfb-radio-container-control .active-radio.ast-radio-img-svg svg { + background-color: var(--ast-customizer-color-1); + border-color: transparent; + box-shadow: 0px 12px 20px -8px rgba(30, 41, 59, 0.16); + border-bottom-color: #f0f0f1; +} + +.ast-divide-four input:checked + label svg { + box-shadow: none; + color: var(--ast-customizer-color-3); +} + +.customize-control-ast-radio-image input + label .image-clickable { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .image { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 5px; + grid-row-gap: 5px; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .modern-layout, .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-column-gap: 23px; + grid-row-gap: 23px; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .ast-divide-four { + grid-template-columns: repeat(4, 1fr); + grid-column-gap: 14px; + grid-row-gap: 10px; +} + +.customize-control-ast-radio-image .ast-radio-img-svg svg { + width: 75px; + height: 50px; +} + +.customize-control-ast-radio-image .modern-layout .ast-radio-img-svg svg, +.components-button-group.ahfb-radio-container-control .ast-radio-img-svg svg { + margin: 0; + width: 100%; + height: auto; + background-color: rgba(221,224,226,0.5); + border: 1px solid var(--ast-customizer-color-7); + border-radius: 4px; + cursor: pointer; + transition: background 0.15s ease, box-shadow 0.15s ease; +} + +.ast-divide-four .ast-radio-img-svg svg { + color: var(--ast-customizer-color-7); + width: 100%; + height: 93%; +} + +.ast-divide-four .ast-radio-img-svg svg path { + color: var(--ast-customizer-color-8); +} + +/* Image tooltip */ +.image-clickable[data-title]::after { + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + left: 50%; + transform: translate(-50%, -.5em); +} + +.image-clickable[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 21em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: .3ch; + box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 9; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert 300ms ease-out forwards; +} + +/* Make the tooltips respond to hover */ +.image-clickable[data-title]:hover::after { + display: block; +} + +/* don't show empty tooltips */ +.image-clickable[data-title='']::after { + display: none !important; +} + +/* KEYFRAMES */ +@keyframes tooltips-vert { + to { + opacity: .9; + transform: translate(-50%, 0); + } +} + +@keyframes tooltips-horz { + to { + opacity: .9; + transform: translate(0, -50%); + } +} + +.ast-upgrade-trigger:hover .image-clickable[data-title]::after { + display: block; +} + +.customize-control-ast-responsive-background { + position: relative; + margin-bottom: -5px; +} + +.customize-control-ast-responsive-background .background-container h4 { + font-size: 14px; + font-weight: 600; + color: #555d66; +} + +.customize-control-ast-responsive-background .background-attachment h4, +.customize-control-ast-responsive-background .background-color h4, +.customize-control-ast-responsive-background .background-position h4, +.customize-control-ast-responsive-background .background-repeat h4, +.customize-control-ast-responsive-background .background-size h4 { + margin-bottom: 5px; + margin-top: 10px; +} + +.customize-control-ast-responsive-background .background-color { + margin-bottom: 12px; +} + +.customize-control-ast-responsive-background .background-repeat { + margin: 15px 0 15px 0; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset, +.customize-control-ast-responsive-background .background-size .buttonset { + display: flex; + flex-wrap: wrap; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-label, +.customize-control-ast-responsive-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-responsive-background .background-attachment .buttonset .switch-label:last-child, +.customize-control-ast-responsive-background .background-size .buttonset .switch-label:last-child { + margin-right: 0; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input:checked + .switch-label, +.customize-control-ast-responsive-background .background-size .buttonset .switch-input:checked + .switch-label { + background-color: #f5f5f5; + color: #565e67; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input[checked="checked"] + .switch-label, +.customize-control-ast-responsive-background .background-size .buttonset .switch-input[checked="checked"] + .switch-label { + background-color: #f5f5f5; + color: #565e67; +} + +.customize-control-ast-responsive-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-responsive-background .ast-bg-img-remove.components-button.is-destructive:hover:not(:disabled) { + color: #a02222; + box-shadow: unset; + border-color: #a02222; +} + +.customize-control-ast-responsive-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:focus { + outline: 0; + box-shadow: none; +} + +.customize-control-ast-responsive-background .arrow-icon { + margin-left: 5px; +} + +.customize-control-ast-responsive-background .background-container { + display: none; +} + +.customize-control-ast-responsive-background .background-container.active { + display: block; +} + +.customize-control-ast-responsive-background .wp-picker-container { + display: block; +} + +.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear { + margin-left: 4px; + min-height: 30px; +} + +.customize-control-ast-responsive-background .customize-control-content .astra-color-picker-wrap { + width: 100%; +} + +.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-color, +.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-white { + border-radius: unset; +} + +.customize-control-ast-responsive-background .ast-color-btn-clear-wrap { + right: 84px; +} + +/** + * BG Media Button. + */ +/** +* Gradient field +*/ +.components-color-picker__inputs-toggle-wrapper .components-color-picker__inputs-toggle { + vertical-align: middle; + height: 32px; +} + +.astra-popover-tabs .components-button.upload-button.button-add-media { + width: 100%; + position: relative; + text-align: center; + color: #555d66; + border: 1px dashed #b4b9be; + box-sizing: border-box; + box-shadow: unset; + padding: 9px 0; + line-height: 1.6; +} + +.astra-popover-tabs .components-button.upload-button.button-add-media:hover { + color: #555d66; + box-sizing: border-box; + box-shadow: unset; + border-color: #0185ba; +} + +.astra-popover-tabs [ID*="-gradient-view"] { + padding: 0 15px 15px 15px; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear { + flex: unset; + box-shadow: unset; + width: auto; + padding: 0 5px; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:hover { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:focus { + box-shadow: unset; +} + +.astra-popover-tabs #tab-panel-0-image-view > div { + text-align: center; +} + +.astra-popover-tabs #tab-panel-0-image-view > div img { + width: 200px; + margin-bottom: 18px; +} + +.astra-popover-tabs #tab-panel-0-image-view > div .media-position-setting { + text-align: left; +} + +.media-position-setting > .components-base-control { + margin-bottom: 15px; +} + +.media-position-setting [CLASS*="-Item-LabelWrapper"] { + margin-bottom: 5px; +} + +.astra-popover-color .components-circular-option-picker { + position: relative; + margin-top: 0; +} + +.astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + margin-top: 10px; + justify-content: flex-start; +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + width: 50px; + } +} + +.astra-popover-color [ID*="-color-view"] .components-circular-option-picker { + width: auto; +} + +.astra-popover-color .ast-color-palette { + width: auto; + padding: 16px 0px 0px 14px; +} + +.astra-popover-color .ast-color-palette .components-circular-option-picker__option { + width: 100%; + height: 100%; + border-radius: 100%; + padding: 0; +} + +.astra-popover-color .ast-color-palette .components-button.is-pressed:focus:not(:disabled) { + box-shadow: none; + border: none; +} + +.astra-popover-color .components-custom-gradient-picker { + margin-top: 0; +} + +.astra-popover-color .components-custom-gradient-picker__gradient-bar { + box-sizing: border-box; + opacity: 1; +} + +.astra-popover-color .components-custom-gradient-picker__type-picker .components-base-control__label { + display: block; +} + +.components-custom-gradient-picker .components-base-control__label { + padding-top: 10px; + font-size: 12px; + display: block; + letter-spacing: 0.1px; + line-height: 18px; +} + +[ID*="-gradient-view"] .components-toolbar.components-custom-gradient-picker__toolbar .components-button.has-icon { + border: none; +} + +.media-position-setting.hide-settings { + display: none; +} + +.media-position-setting .astra-popover-tabs [ID*="-gradient-view"] { + padding: 0 0 15px 0; +} + +.ast-field-settings-modal .customize-control-content .color-button-wrap { + right: 30px; + top: 0; +} + +.ast-field-settings-modal .ast-responsive-btns { + position: absolute; + right: 14px; + top: 4px; +} + +.ast-field-settings-modal .customize-control-content .astra-color-picker-wrap { + margin-left: 0; + margin-top: 0; +} + +.ast-field-settings-modal .customize-control-content .ast-color-btn-reset-wrap { + right: 65px; + top: 7px; +} + +.ast-field-settings-modal .customize-control-content .ast-color-btn-clear-wrap { + right: 91px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-background.customize-control:first-child { + margin-top: 28px; +} +.customize-control-ast-responsive-background .ast-color-btn-reset-wrap, +.customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + display: inline-block; + line-height: 1; + top: 4.5px; +} +.customize-control-ast-responsive-background .ast-responsive-btns, +.customize-control-ast-responsive-color .ast-responsive-btns { + position: relative; + right: -5px; + top: 2px; +} +.ast-field-settings-modal .customize-control-ast-responsive-background .ast-responsive-btns, +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns { + right: 8px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha { + display: none; +} + +.customize-control-ast-responsive-color .customize-control-content { + display: block; + margin-top: 5px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-black { + border-radius: 4px 4px 0 0; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-color, +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-white { + border-radius: 3px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha.active { + display: block; +} + +.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-color, +.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-white { + border-radius: unset; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap { + right: 30px; + top: -3px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .astra-color-picker-wrap { + margin-left: 0px; + margin-bottom: 10px; + margin-top: 10px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .customize-control-title { + display: block; + margin-bottom: 0px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns { + right: 7px; + top: 1px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color.customize-control:first-child { + margin-top: 28px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-clear-btn-inside-picker.components-button { + margin: 5px 20px 20px 10px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + top: 3.5px; +} + +@supports (-moz-appearance: none) { + .ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + top: 5.5px; + right: 65px; + } + .ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap { + right: 27px; + top: -2px; + } +} + +.customize-control-ast-responsive-slider .wrapper, .customize-control-ast-slider .wrapper { + position: relative; + display: flex; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.customize-control-ast-responsive-slider input[type=range] { + position: inherit; +} + +.customize-control-ast-responsive-slider select, .customize-control.customize-control-select select { + color: #32373c; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: none; +} + +.customize-control-ast-responsive-slider .input-field-wrapper.active { + display: flex; +} + +.customize-control-ast-responsive-slider .components-base-control { + width: 100%; +} + +.customize-control-ast-responsive-slider .slider-control-label, +.customize-control-ast-slider .customize-control-title { + cursor: default; + margin-top: 3px; +} + +/** + * Responsive Icons + */ +.ast-responsive-slider-btns { + position: absolute; + right: 0; + top: 5px; + right: 30px; +} + +.ast-responsive-slider-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-slider-btns > li.active { + display: inline-block; +} + +.ast-responsive-slider-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + line-height: 1; +} + +.ast-responsive-slider-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} +.customize-control-ast-responsive-slider .wrapper .components-base-control, .customize-control-ast-responsive-slider .wrapper .input-field-wrapper.active, .customize-control-ast-slider .components-base-control.components-range-control { + width: 100%; + display: inline-block; +} +.customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + margin-left: 5px; + margin-top: 4px; +} +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + top: 4px; + right: 0; +} + +.customize-control .ast-reset-btn .dashicons-image-rotate { + width: 12px; + height: 12px; + font-size: 12px; +} + +.customize-control-ast-slider .components-input-control input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control input.components-input-control__input { + -moz-appearance: textfield; +} +.customize-control-ast-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-slider input.components-input-control__input::-webkit-outer-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-outer-spin-button { + -webkit-appearance: none; +} +.customize-control-ast-slider .components-input-control__container input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control__container input.components-input-control__input { + display: block; + border-radius: 2px 0 0 2px; + box-shadow: none; + transition: all 0.3s; + border: 1px solid var(--ast-customizer-color-7); +} +.customize-control-ast-slider input.components-input-control__input:hover, +.customize-control-ast-slider input.components-input-control__input:focus, +.customize-control-ast-slider input.components-input-control__input:active, +.customize-control-ast-responsive-slider input.components-input-control__input:hover, +.customize-control-ast-responsive-slider input.components-input-control__input:focus, +.customize-control-ast-responsive-slider input.components-input-control__input:active { + border-color: var(--ast-customizer-color-2); + border-radius: 2px; + outline: none; +} + +.customize-control-ast-slider .ast-slider-wrap, .customize-control-ast-responsive-slider .ast-slider-wrap { + position: relative; +} + +.components-range-control__wrapper .components-range-control__track { + color: var(--ast-customizer-color-1); +} + +.components-range-control__wrapper span span { + background-color: var(--ast-customizer-color-1); +} + +.customize-control-ast-slider .ast-slider-wrap .ast-range-unit, .customize-control-ast-responsive-slider .ast-slider-wrap .ast-range-unit { + position: absolute; + right: 23px; + top: 4px; + border-right: 1px solid var(--ast-customizer-color-7); + padding-right: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-left: 5px; + width: 48px; +} +.customize-control-ast-slider .components-input-control__container div.components-input-control__backdrop, .customize-control-ast-responsive-slider .components-input-control__container div.components-input-control__backdrop { + border: none; + border-radius: 2px 0 0 2px; + box-shadow: none; +} +.customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + position: absolute; + display: inline-block; + line-height: 1; + right: 0; +} + +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-slider .ast-resp-slider-reset-wrap { + top: 1px; + right: -8px; +} + + +.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number { + width: calc(48px) !important; +} + +.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number input{ + text-align: center; +} + +.customize-control-ast-responsive-spacing .customize-control-title { + display: inline-block; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item { + margin: 0 2px; + -moz-appearance: textfield; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item input[type=number] { + -moz-appearance: textfield; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-inner-spin-button, +.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units-screen-wrap { + position: relative; + top: -5px; + right: -10px; + display: inline-block; +} +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns { + position: relative; + top: 1px; +} +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns > li { + display: none; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns > li.active { + display: inline-block; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + width: 100%; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] > i { + font-size: 15px; + vertical-align: middle; +} + +.customize-control-ast-responsive-spacing .input-wrapper.ast-spacing-responsive-wrapper { + display: inline-flex; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units { + position: absolute; + font-size: 12px; + line-height: 16px; + text-transform: uppercase; + font-weight: 500; + top: -32px; + right: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit { + display: inline-block; + margin-left: 6px; + width: 18px; + text-align: center; + user-select: none; + opacity: 0.6; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active { + opacity: 1; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + cursor: pointer; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:hover, .customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:focus, .customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:active { + border-color: #1e8cbe; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li .ast-spacing-connected { + color: #1e8cbe; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper.active { + display: flex; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper span.ast-spacing-title { + text-transform: uppercase; + font-size: 10px; + color: var(--ast-customizer-color-6); +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link { + order: 2; + margin-left: 2px; + margin-top: 4px; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .dashicons { + padding: 2px 0; + font-size: 12px; + line-height: 28px; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .ast-spacing-connected { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-disconnected { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-connected { + display: block; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link span { + width: 100%; + height: 32px; + line-height: 28px; + font-size: 14px; + border-radius: 3px 0 0 3px; + background-color: transparent; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link svg { + pointer-events: none; +} + +.customize-control-ast-responsive-spacing .ast-spacing-wrapper > li:nth-child(2) { + margin-left: 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-base-control__field, .ast-responsive-toggle-control .components-base-control__field { + margin: 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-form-toggle, .customize-control-ast-link .ast-responsive-toggle-control .components-form-toggle { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-responsive-toggle-control .components-base-control__field { + margin: 20px 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-toggle-control__label, .ast-responsive-toggle-control label { + display: flex; + flex: 1 1 auto; + font-size: 14px; + font-weight: 600; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control { + display: none; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control.active { + position: relative; + top: 2px; + width: 91%; + display: inline-block; + vertical-align: middle; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns { + position: relative; + float: right; + top: 4px; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns > li.active{ + vertical-align: middle; +} + +.ast-responsive-toggle-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-toggle-btns > li.active { + display: inline-block; +} + +.ast-responsive-toggle-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; +} + +.ast-responsive-toggle-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} + +.ast-responsive-btns { + display: inline-block; + line-height: 1; + vertical-align: top; +} + +.ast-responsive-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-btns > li.active { + display: inline-block; +} + +.ast-responsive-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; +} + +.ast-responsive-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; +} + +.input-wrapper.ast-responsive-wrapper { + display: inline-flex; + justify-content: space-between; + margin-right: 0; + align-items: flex-start; + flex: 0 1; + width: 100%; +} + +.ast-customizer-select-multi .ast-multi-select__input-container { + padding: 0; + margin: 0; +} + +.ast-customizer-select-multi .ast-multi-select__input-container input { + min-height: min-content; +} + +.ast-customizer-select-multi .ast-multi-select__input-container input:focus{ + box-shadow: none; +} + +.ast-customizer-select-multi { + position: relative; +} + +.ast-customizer-select-multi .ast-multi-select__value-container { + padding-top: 4px; + padding-bottom: 4px; + overflow-x: hidden; + padding-left: 10px; + padding-right: 30px; + gap: 4px; +} + +.ast-customizer-select-multi:after { + content: "\f11c"; + position: absolute; + font-family: dashicons; + font-size: 16px; + margin-right: 15px; + pointer-events: none; + z-index: 1; + top: 50%; + translate: 0 -50%; + right: 0; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__label { + margin-right: 0.2em; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value { + margin: 0; + font-size: 14px; + padding: 2px 5px 2px 5px; + min-width: auto; + color: #4B5563; + background-color: #F5F5F5; + border: 1px solid #D1D5DB; + border-radius: 2px; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__remove { + color: #4B5563; + padding-right: 0; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__remove:hover { + background-color: transparent; + color: #4B5563; +} + +.ast-customizer-select-multi .ast-multi-select__menu *, .ast-customizer-select-multi .ast-multi-select__multi-value__remove { + cursor: pointer; +} + +.ast-customizer-select-multi .ast-multi-select__menu { + z-index: 2; +} + +.ast-variant-select > div { + border-color: #dddddd; +} +.customize-control select, .ast-variant-select > div, .customize-control input, .customize-control textarea, .customize-control-content .components-text-control__input { + border-color: var(--ast-customizer-color-7); + color: var(--ast-customizer-color-5); + padding-top: 1px; + padding-bottom: 1px; +} +.customize-control select:focus, .ast-variant-select > div:focus, .customize-control input:focus { + border-color: var(--ast-customizer-color-1); + color: #0a4b78; + box-shadow: 0 0 0 1px var(--ast-customizer-color-1); +} + +.ast-adv-toggle-icon { + right: 2px; + position: absolute; + width: 18px; + height: 18px; + font-size: 18px; + border-radius: 2px; + padding: 4px; + color: var(--ast-customizer-color-8); + background: var(--ast-customizer-color-9); + cursor: pointer; +} + +.ast-adv-toggle-icon:hover { + color: var(--ast-customizer-color-1); +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon { + font-size: 12px; + width: auto; + height: auto; +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon:before { + display: none; +} + +.ast-adv-toggle-icon:before { + content: "\f464"; +} + +.ast-adv-toggle-icon.open:before { + content: "\f158"; +} + +.ast-field-settings-modal { + position: absolute; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + border-radius: 3px; + left: 0; + right: 0; + z-index: 8; + background-color: #fff; +} + +.customize-control-ast-color-palette .ast-field-settings-modal { + z-index: 11; +} + +.ast-field-settings-modal .customize-control-ast-divider:first-child { + margin-top: 15px; +} + +.ast-field-settings-wrap { + width: 100%; +} + +.ast-group-tabs, +.ast-tab-content { + position: relative; +} + +.ast-group-list { + overflow: hidden; + border-bottom: 1px solid #ddd; +} + +.ast-group-list:before, +.ast-group-list:after { + content: ""; + display: table; + border-collapse: collapse; +} + +/* Tab anchor color */ +.ui-tabs-anchor { + float: left; + padding: .5em 0.5em; + color: #555d66; + text-decoration: none; +} + +.ui-state-active .ui-tabs-anchor { + color: #ffffff; +} + +.ui-tabs-anchor:hover { + color: #555d66; +} + +.ui-state-active .ui-tabs-anchor:hover { + color: #ffffff; +} + +.ast-group-tabs .ui-widget-content { + overflow: hidden; + /*padding-top: 15px;*/ +} + +.ast-group-tabs .ui-widget-content.iris-slider-offset, +.ast-group-tabs .ui-widget-content.iris-slider-offset-alpha { + overflow: inherit; +} + +.ast-fields-wrap { + overflow: hidden; +} + +.ast-field-settings-wrap { + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + background-color: #fff; +} + +.ast-field-settings-wrap .ast-field-settings-modal { + border-radius: 3px; + margin-top: 10px; + margin-bottom: 20px; +} + +.ast-field-settings-modal::before { + content: ''; + position: absolute; + top: -17px; + right: 8px; + border: 9px solid transparent; + border-bottom-color: #fff; + pointer-events: none; +} + +.ast-group-tabs .ui-tabs-nav { + display: flex; + padding: 15px 15px 0 15px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top { + align-items: center; + flex: 1 1 auto; + justify-content: center; + margin: 0 0; + padding: 0; + border: 1px solid #ccc; + transition: background-color 140ms linear; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top:first-child { + border-radius: 3px 0px 0px 3px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top:last-child { + border-radius: 0px 3px 3px 0px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top .ui-tabs-anchor { + width: 100%; + text-align: center; + padding: 2px 4px; + padding-left: 0; + padding-right: 0; + outline: none; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top .ui-tabs-anchor:focus { + box-shadow: none; +} + +.ast-group-tabs .ui-tabs-nav { + border: none; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top.ui-state-active { + background-color: #0185BA; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.ast-group-tabs .ui-tabs-nav { + overflow: visible; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top:not(:first-child) { + border-left-width: 0; +} + +/* Buttons */ +.wp-core-ui .ast-field-settings-modal .background-image-upload .button { + font-size: 11px; +} + +/* Popup params padding */ +.ast-field-settings-modal .customize-control { + padding-left: 16px; + padding-right: 16px; + box-sizing: border-box; +} + +.ast-control-wrap .ast-color-picker-alpha { + margin-left: -5px; + margin-right: -5px; +} + +.ast-field-settings-modal .customize-control:first-child { + margin-top: 16px; +} + +.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child { + margin-top: 0; +} + +.ast-field-settings-modal .customize-control:last-child { + padding-bottom: 16px; +} + +.customize-control-ast-settings-group { + line-height: 27px; +} + +.customize-control-ast-settings-group .customize-control-title { + margin-bottom: 0; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-title { + margin-bottom: 10px; + font-size: 13px; + margin-top: 3px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-units, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-range-unit, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit { + top: 6px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-resp-slider-reset-wrap { + top: 3px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-responsive-slider-btns, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: 2px; +} + +#customize-control-headings-font-extras.ast-sub-top-dotted-divider { + margin-top: 12px; +} + +/** + * Popover Tab Structure. + */ +.astra-popover-tabs { + position: relative; +} + +.astra-popover-tabs .components-tab-panel__tabs { + display: flex; + padding: 15px; + border: none; +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { + color: #555d66; + font-size: 13px; + font-weight: 400; + height: 35px; + transition: unset; + padding: 2px 4px; + text-decoration: none; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:active { + box-shadow: unset; +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-image-view"] { + padding: 15px; + border: none; +} + +.astra-popover-tabs .components-button { + align-items: center; + flex: 1 1 auto; + justify-content: center; + margin: 0 0; + padding: 0; + border: 1px solid #ccc; + transition: background-color 140ms linear; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:first-child { + border-radius: 3px 0px 0px 3px; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:last-child { + border-radius: 0px 3px 3px 0px; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:not(:first-child) { + border-left-width: 0; +} + +.astra-popover-tabs .components-tab-panel__tabs-item.active-tab { + background-color: #0185BA; + color: #ffffff; +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs, +.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content { + padding: 0; +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs-item.active-tab { + border-color: var(--ast-customizer-color-3); + background: var(--ast-customizer-color-1); +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content .ast-social-icon-picker-label { + text-align: left; +} + +.astra-media-tab .astra-media-image { + width: 100%; + margin-bottom: 0; +} + +.astra-media-tab .ast-media-btn { + display: block; + width: 100%; + border: 1px dashed var(--ast-customizer-color-7); + box-sizing: border-box; + box-shadow: unset; + padding: 9px 0; + line-height: 1.6; + text-decoration: none; +} + +.astra-media-tab .ast-danger-btn { + color: var(--ast-customizer-color-14); + margin-top: 10px; +} + +.astra-media-tab .ast-media-btn:hover { + border-color: var(--ast-customizer-color-3); +} + +.astra-media-tab .ast-danger-btn:hover { + border-color: var(--ast-customizer-color-14); +} + +.components-base-control.ast-text-control-input { + margin-bottom: 16px; +} + +.ast-payments-text-control-input .components-base-control__label { + text-transform: none; + color: #334155; + font-size: 13px; +} + +.components-base-control.ast-payments-text-control-input { + margin-bottom: 20px; +} + +.components-base-control.ast-text-control-input input { + border-color: var(--ast-customizer-color-7); + color: var(--ast-customizer-color-5); +} + +.astra-popover-color .astra-popover-tabs .components-tab-panel__tabs button.components-tab-panel__tabs-item.active-tab:not(.is-primary):not(.is-tertiary):not(.is-link):hover { + color: #fff; +} + +.components-popover.astra-popover-color .components-popover__content { + min-width: 310px; + max-height: 60vh; + padding: 0; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); +} + +.ast-field-settings-modal .components-popover.astra-popover-color .components-popover__content { + min-width: 320px; + min-height: 325px; +} + +.ast-field-settings-modal .background-wrapper .components-popover.astra-popover-color .components-popover__content { + min-height: 385px; +} + +.ast-field-settings-modal .components-angle-picker-control .components-flex__block { + min-width: auto; +} + +.customize-control-ast-settings-group .customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + margin-top: 0; +} + +/* + * Divider compatibility CSS for setting group. + */ +.ast-top-divider.customize-control-ast-settings-group .ast-toggle-desc-wrap .ast-adv-toggle-icon { + top: 23px; +} + +/** + * Responsive slider control inside settings-group, case: body-font, headings-font. + */ +.ast-fields-wrap .customize-control-ast-responsive-slider .ast-slider-wrap>label, +.ast-fields-wrap .customize-control-ast-selector .ast-slider-wrap>label { + display: inline-block; +} +.customize-control-ast-slider .wrapper { + display: flex; +} + +.customize-control-ast-slider .components-range-control { + width: 100%; +} + +.customize-control-ast-slider .ast-range-unit, .customize-control-ast-responsive-slider .wrapper .ast-range-unit { + padding: 0 0 0 5px; + font-size: 11px; + line-height: 1em; + font-weight: 500; + align-self: auto; + text-transform: uppercase; +} +.components-range-control__slider[type=range] { + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.components-range-control__slider[type=range]::-webkit-slider-runnable-track, +.components-range-control__slider[type=range]::-moz-range-track { + content: ''; + height: 2px; + pointer-events: none; +} +.components-range-control__slider[type=range]::-webkit-slider-thumb, +.components-range-control__slider[type=range]::-moz-range-thumb { + cursor: pointer; + -webkit-appearance: none; + margin-top: 5px; +} +.customize-control-ast-slider .components-range-control__wrapper, +.customize-control-ast-responsive-slider .components-range-control__wrapper { + margin-left: 0px; +} +.customize-control-ast-slider span[CLASS*="-ThumbWrapper"], +.customize-control-ast-responsive-slider span[CLASS*="-ThumbWrapper"] { + height: 17px; + width: 17px; + top: 2px; + margin-left: 0px; +} + +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap .ast-resp-slider-reset-wrap { + top: 68px; +} + +.customize-control-ast-responsive-slider .ast-responsive-slider-btns { + position: relative; + top: -3px; + right: -10px; + display: inline-block; +} + +.customize-control-ast-responsive-slider .ast-responsive-units { + position: absolute; + top: 4px; + right: 15px; + font-size: 11px; + line-height: normal; + padding-right: 5px; + text-transform: uppercase; + width: auto; + display: none; +} + +.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit { + display: inline-block; + margin-left: 6px; + margin-bottom: 0; + width: 16px; + text-align: center; + user-select: none; + opacity: 0.6; + cursor: pointer; +} + +.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit.active { + opacity: 1; + font-weight: 600; + color: #0073aa; + cursor: default; +} +.ast-field-settings-modal .ast-fields-wrap > .customize-control-ast-responsive-slider + .customize-control-ast-font { + margin-top: 8px; +} + +.customize-control-ast-sortable .sortable { + cursor: default; +} + +.customize-control-ast-sortable .sortable .dashicons-visibility { + cursor: pointer; +} + +.customize-control-ast-sortable .sortable .ast-sortable-item, .customize-control-ast-sortable .sortable .ast-sortable-subcontrols { + padding: 1px 3px 1px 12px; + border: 1px solid #D1D5DB; + color: #334155; + background: #ffffff; + cursor: move; + font-size: 14px; + line-height: 38px; + margin: 0 0 10px; + border-radius: 4px; +} +.customize-control-ast-sortable .sortable .ast-sortable-subcontrols { + border: none; + padding: 0 9px 0 0; + border-top: 1px solid #d1d5db; + border-radius: 0 0 3px 3px; +} +.customize-control-ast-sortable .sortable div:last-child { + margin: 0; +} + +.customize-control-ast-sortable .sortable div > .dashicons { + float: right; + position: relative; + font-size: 16px; + padding: 9px; + line-height: 20px; + border-left: none; +} + +.customize-control-ast-sortable .sortable div.invisible { + opacity: 0.6; + visibility: visible; +} + +.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after { + opacity: 1; + position: absolute; + content: ''; + width: 18px; + height: 2px; + top: 18px; + left: 11px; + background: #656565; + border-radius: 5px; + transform: rotate(-45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} + +/** + * Expansion specific new raw CSS. + */ +.ast-sortable-item.invisible, +.ast-sortable-item:hover { + opacity: .8; +} +.ast-sortable-item.show:hover { + opacity: 1; +} +.ast-sortable-item .dashicons-arrow-down-alt2, .ast-sortable-item .dashicons-remove { + margin-right: -6px; +} +.ast-sortable-item .dashicons-admin-page, .ast-sortable-item .dashicons-arrow-down-alt2, .ast-sortable-item .dashicons-remove { + cursor: pointer; +} +.ast-sortable-subcontrols { + display: none; + padding: 12px 0; + border-top: 1px solid #d1d5db; +} +.show .ast-sortable-subcontrols { + display: block; +} +.ast-sortable-subfields-wrap .customize-control { + box-sizing: border-box; + position: relative; +} +/** + * ast-list-icons inside sortable compatibility CSS. + */ +.ast-sortable-item.show i.ast-accordion { + transform: rotate(180deg); + border-left: none;border-right: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button { + padding: 6px 8px; + height: 40px; + background: white; +} + +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button:focus { + box-shadow: none; +} + +.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .ahfb-sorter-title { + padding-right: 20px; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; +} +.customize-control-ast-list-icons span.feature-label { + max-width: 100px; + text-overflow: ellipsis; + font-size: 14px; + line-height: 18px; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .dashicons-admin-page { + color: #556068; +} + +.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item-panel-header { + border: 1px solid #ddd; + border-left: 0; + border-bottom: 0; + overflow: hidden; +} + +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg, +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity .ast-media-image-preview { + height: 14px; + width: 14px; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity span { + display: flex; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg { + height: 16px; + width: 16px; + fill: #556068; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ast-sorter-item-expand { + border-left: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity { + border-right: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item { + border: 1px solid #ddd; + border-top: 0; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown { + width: 225px !important; + left: -10px; + box-shadow: 0 5px 15px rgb(0 0 0 / 22%), 0 0px 5px rgb(0 0 0 / 30%); +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open { + height: 285px; + overflow: hidden; + position: absolute; +} +.ast-sortable-item .ahfb-sorter-item-panel-content { + border-top: 1px solid #ddd; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox:hover>* { + transform: scale(1.3) !important; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox { + height: 32px !important; +} +.ast-sortable-subfields-wrap .ast-color-btn-reset-wrap { + top: 0; +} +.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-title { + margin-bottom: 16px; + font-size: 14px; +} +.ast-sortable-subfields-wrap .customize-control-ast-color .ast-control-wrap .astra-popover-color { + margin-left: -10px; + margin-right: 10px; + width: calc(100% + 15px); +} + +.customize-control-ast-sortable .ast-sortable-subfields-wrap .ast-responsive-btns { + top: 7px; +} + +.ast-sortable-subfields-wrap .ast-fields-wrap { + padding-bottom: 16px; +} +.customize-control-content { + width: 100%; + display: flex; + flex-direction: column; +} + +.ast-sortable-subfields-wrap .ast-fields-wrap { + overflow: inherit; +} + +.ast-sortable-subfields-wrap .customize-control{ + float: none; +} + +/** + * Hide clone & accordion dashicons for invisible items. + */ +.ast-sortable-item.invisible > .dashicons-admin-page, .ast-sortable-item.invisible > .ast-accordion, .ast-sortable-item.invisible > .dashicons-remove { + display: none; +} +.ast-sortable-item.invisible .ast-sortable-subcontrols { + display: none; +} +.ast-sortable-item .ahfb-sorter-item .dashicons { + font-size: 16px; + width: 16px; + height: 16px; +} +.ast-sortable-item .ahfb-sorter-item .ahfb-sorter-item-expand:before { + left: 7px; + width: 17px; +} +.ast-sortable-item .components-button.item-is-hidden:not(.visibility-item), .ahfb-sorter-item:first-child .ahfb-sorter-item-remove { + display: none; +} +.customize-control-ast-sortable .sortable .rfip .rfipbtn__button { + margin-left: auto; +} +.ast-sortable-subfields-wrap .customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: -2px; +} + +/** + * Dynamic featured-image section compat. + */ +.ast-sortable-item .customize-control-ast-color .ast-color-btn-reset-wrap { + top: 12px; +} +.ast-sortable-item .customize-control-ast-color .color-button-wrap { + top: 8px; +} +.ast-sortable-item .customize-control-ast-color .astra-color-picker-wrap { + position: relative; + top: 8px; +} +.ast-sortable-subfields-wrap .customize-control-ast-description { + line-height: 1; +} + +.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .dashicons-admin-page { + margin-right: 0; +} + +.customize-control-ast-text-input textarea { + display: block; + width: 100%; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-base-control__field, .ast-togglecontrol-wrapper .components-base-control__field { + margin: 0; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-form-toggle, .customize-control-ast-link .ast-togglecontrol-wrapper .components-form-toggle, .customize-control-ast-toggle .components-toggle-control .components-form-toggle { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field { + margin: 24px 0 0; +} + +.ast-togglecontrol-wrapper .toggle-control-label, .ast-togglecontrol-wrapper .components-toggle-control__label { + font-size: 14px; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label, .ast-togglecontrol-wrapper label { + display: flex; + flex: 1 1 auto; + font-size: 14px; +} + +.ast-switch ~ label { + position: relative; + display: block; + width: 35px; + height: 14px; + background-color: var(--ast-customizer-color-7); + color: transparent; + border-radius: 50px; + cursor: pointer; + transition: all 0.2s ease-in; +} +.ast-switch ~ label:after { + content: ''; + position: absolute; + top: -3px; + left: -1px; + display: block; + width: 20px; + height: 20px; + border-radius: 50px; + background: var(--ast-customizer-color-9); + box-shadow: 0 2px 4px 0 rgba(72, 72, 72, 0.50); + transition: all 0.2s ease-in; +} +.ast-switch:checked ~ label { + background: var(--ast-customizer-color-1); +} +.ast-switch:checked ~ label:after { + transform: translateX(16px); + background: var(--ast-customizer-color-9); +} +.ast-switch:disabled ~ label { + background: #f0f0f0; + pointer-events: none; +} +.ast-switch:disabled ~ label:after { + background: #d1d1d1; + box-shadow: 0 1px 2px 0 rgba(72, 72, 72, 0.50); +} +.ast-switch:not(:checked), .ast-switch:checked { + opacity: 0; +} +.customize-control-ast-section-toggle .components-form-toggle { + margin-left: 5px; + text-align: right; +} + +/* Wordpress 6.1 Compatibility CSS for toggle UI */ +.components-toggle-control .components-base-control__field { + display: flex; + margin-bottom: 12px; + line-height: initial; + align-items: center; +} + +.dashicons-editor-help[data-title]{ + z-index: 1; +} + +.ast-dashicons-custom-tooltip { + display: none; + opacity: 0; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.ast-dashicons-custom-tooltip[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 3; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + left: 50%; + transform: translate(-50%,-0.5em); +} + +.dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip { + display: block; + opacity: 100; +} + +.dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip[data-title]::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} +.ast-top-dotted-divider .ast-control-tooltip.dashicons-editor-help { + top: 22px; +} +.customize-control.ast-bottom-dotted-divider.customize-control-ast-toggle-control .ast-control-tooltip { + top: 8px; +} +.customize-control.customize-control-ast-select.ast-top-dotted-divider .ast-control-tooltip { + top: 36px; +} +.customize-control-ast-sortable .customize-control-ast-selector .dashicons.ast-control-tooltip { + top: 18%; + padding: 0; + font-size: 20px; +} +.customize-control.customize-control-ast-color i.ast-control-tooltip { + top: 5px; + right: 60px; +} + +.select2-container { + width: 100% !important; +} + +span.select2-container.select2-container--default.select2-container--open { + z-index: 999999; +} + +span.select2-container.select2-container--default.select2-container--open li.select2-results__option { + margin: 0; +} + +.select2-selection__rendered li { + margin-bottom: 0; +} + +.select2-container--default .select2-selection--single, .select2-container--default.select2-container .select2-selection--multiple { + border-color: #ddd; + border-radius: 0; +} + +.select2-dropdown, .select2-container--default .select2-selection--multiple .select2-selection__choice { + border-color: #ddd; + border-radius: 0; +} + +.customize-control.customize-control-ast-hidden { + margin-top: 0; +} + +/* Vetically align customizer footer device icons */ +.wp-full-overlay-footer .devices-wrapper .preview-desktop, +.wp-full-overlay-footer .devices-wrapper .preview-tablet, +.wp-full-overlay-footer .devices-wrapper .preview-mobile { + vertical-align: middle; +} + +.customize-control-ast-font-variant .ast-variant-select input#react-select-2-input:focus { + box-shadow: none; +} + +.ast-variant-select [CLASS*="-indicatorContainer"] { + padding: 2px; + display: contents; +} + +.ast-variant-select [CLASS*="-multiValue"] > div:first-child { + padding: 0; +} + +.ast-upgrade-pro-wrap .ast-upgrade-trigger, .ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap { + width: 100%; + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; + position: relative; + overflow: hidden; + justify-content: center; +} +.ast-upgrade-pro-wrap .ast-upgrade-cta { + position: absolute; + top: auto; + left: auto; + width: auto; + height: 28px; + border-radius: 4px; + padding: 0 8px 0 5px; + font-size: 1em; + line-height: 1em; + display: inline-flex; + color: var(--ast-customizer-color-1); + background: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-1); + align-items: center; + align-content: center; + white-space: nowrap; +} +a.ast-upgrade-trigger:focus, a.ast-upgrade-trigger:active { + box-shadow: none; + border: none; + outline: none; +} +.ast-upgrade-pro-wrap .ast-upgrade-section-title { + margin-left: 8px; +} +.ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap > svg { + width: 100%; + height: 100%; + filter: blur(4px); +} +.ast-upgrade-pro-wrap .ast-upgrade-cta svg { + width: 1.2em; + height: 1.2em; +} + +/** Radio image upgrade CSS */ +.customize-control-ast-radio-image .ast-pro-option > *:not(.image-clickable) { + opacity: 0.4; +} +.ast-radio-img-svg.ast-pro-option .image-clickable::before { + display: inline-flex; + position: absolute; + top: 36%; + left: 41%; + content: ''; + background-size: 1.5em 1.5em; + height: 1.5em; + width: 1.5em; + border: 1px solid var(--ast-customizer-color-1); + background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 7.2001H11.7002V4.8001C11.7002 3.0401 10.2602 1.6001 8.5002 1.6001C6.7402 1.6001 5.3002 3.0401 5.3002 4.8001V7.2001H4.5002C4.1002 7.2001 3.7002 7.6001 3.7002 8.0001V13.6001C3.7002 14.0001 4.1002 14.4001 4.5002 14.4001H12.5002C12.9002 14.4001 13.3002 14.0001 13.3002 13.6001V8.0001C13.3002 7.6001 12.9002 7.2001 12.5002 7.2001ZM9.3002 12.8001H7.7002L8.0202 11.0401C7.6202 10.8801 7.3002 10.4001 7.3002 10.0001C7.3002 9.3601 7.8602 8.8001 8.5002 8.8001C9.1402 8.8001 9.7002 9.3601 9.7002 10.0001C9.7002 10.4801 9.4602 10.8801 8.9802 11.0401L9.3002 12.8001ZM10.1002 7.2001H6.9002V4.8001C6.9002 3.9201 7.6202 3.2001 8.5002 3.2001C9.3802 3.2001 10.1002 3.9201 10.1002 4.8001V7.2001Z' fill='%230284C7'/%3E%3C/svg%3E"); +} + +.ast-upgrade-list-wrapper { + text-align: center; +} +.ast-upgrade-list-wrapper .ast-brand-logo { + margin: 0; +} +.ast-upgrade-list-wrapper svg { + width: 32px; + height: 32px; +} +.ast-upgrade-list-items { + margin-bottom: 1.8em; +} +.ast-upgrade-list-wrapper .ast-upgrade-list-section-title { + margin: 0.5em auto 1.8em; + max-width: 240px; +} +.ast-pro-upgrade-item svg { + vertical-align: middle; + margin-right: 5px; + fill: var(--ast-customizer-color-1); +} +.ast-pro-upgrade-item span { + display: inline; +} +.ast-upgrade-list-description { + margin: 5px 0 0 20px; +} +.ast-upgrade-list-title { + font-weight: 600; +} +.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available), +.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available) *, +.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available), +.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available) * { + color: var(--ast-customizer-color-9); + background: var(--ast-customizer-color-1); +} +.customize-control .button.ahfb-builder-section-shortcut { + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; +} +.ast-customize-control-title a.ast-builder-upgrade-link { + background: var(--ast-customizer-color-9) !important; + color: var(--ast-customizer-color-1) !important; + box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.16); + margin-left: 10px; + border-radius: 4px; + padding: 3px 10px 5px; + text-decoration: none; + vertical-align: top; +} +.ast-pro-upgrade-item p { + margin: 1.25em 0; + line-height: 1; +} +li#customize-control-astra-settings-header-builder-pro-items .ast-upgrade-pro-wrap, +li#customize-control-astra-settings-footer-builder-pro-items .ast-upgrade-pro-wrap { + padding-left: 12px; + padding-right: 12px; +} + +/* Styling for SVG Icon Control's icon lbrary picker */ +.customize-control-ast-svg-icon-selector .icon-library-picker input[type="tel"] { + max-width: 40px; + } + + /* Styling for SVG Icon Control's textarea */ + .customize-control-ast-svg-icon-selector .custom-svg-icon-wrapper textarea { + width: 100%; + margin: 8px 0; + height: 100px; + } + + +/* 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; +} diff --git a/assets/css/custom-controls.min-rtl.css b/assets/css/custom-controls.min-rtl.css new file mode 100644 index 00000000..a629227a --- /dev/null +++ b/assets/css/custom-controls.min-rtl.css @@ -0,0 +1,85 @@ +.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:400}.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:0 3px 3px 0}.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button{border-radius:3px 0 0 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)}#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:400}.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:#fff;border:1px solid rgba(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-attachment .buttonset .switch-input[checked=checked]+.switch-label,.customize-control-ast-background .background-size .buttonset .switch-input: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-background .more-settings .message,.customize-control-ast-responsive-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,.ast-field-settings-modal .customize-control-ast-background.customize-control:first-child{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}.customize-control-ast-border .customize-control-title{display:inline-block}.customize-control-ast-border .ast-border-outer-wrapper{display:flex;position:relative}.customize-control-ast-border .ast-border-wrapper{display:flex}.customize-control-ast-border .ast-border-btns{display:block;text-align:center;line-height:2;border:1px solid #ddd;background-color:#fff;border-radius:3px 0 0 3px}.customize-control-ast-border .ast-border-btns>li{margin-bottom:0;display:none;width:35px;height:26px}.customize-control-ast-border .ast-border-btns>li.active{display:inline-block}.customize-control-ast-border .ast-border-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;opacity:.75;outline:0;width:100%;height:100%}.customize-control-ast-border .ast-border-btns button[type=button]>i{width:15px;height:15px;font-size:15px;margin-top:1px}.customize-control-ast-border .input-wrapper .ast-border-wrapper{display:none}.customize-control-ast-border .input-wrapper .ast-border-wrapper li{text-align:center;-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin:0 2px}.customize-control-ast-border .input-wrapper .ast-border-wrapper li:first-child{margin-right:0}.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input{text-align:center;display:block;font-size:12px;padding:15px 0;width:100%;height:28px;border:1px solid var(--ast-customizer-color-7);border-radius:3px;box-shadow:none;transition:all .3s;-moz-appearance:textfield}.customize-control-ast-border .input-wrapper .ast-border-wrapper li .ast-border-connected{color:#fff}.customize-control-ast-border .input-wrapper .ast-border-wrapper li:last-child input.ast-border-input{border-left-width:1px;border-radius:3px 0 0 3px}.customize-control-ast-border .input-wrapper .ast-border-wrapper.active{display:flex}.customize-control-ast-border .input-wrapper .ast-border-wrapper span.ast-border-title{text-transform:uppercase;font-size:10px;color:var(--ast-customizer-color-6)}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected{display:none}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-disconnected{display:none}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-connected{display:block}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span{width:100%;height:26px;line-height:26px;font-size:14px;background-color:transparent;border-radius:3px}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span svg{pointer-events:none}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link{margin-top:4px}.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus,.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:hover{border-color:var(--ast-customizer-color-2)}.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus{outline:0}.customize-control-ast-border .input-wrapper.ast-border-wrapper{margin-bottom:8px}.customize-control-ast-border .ast-range-unit{position:absolute;left:0;top:0;padding-left:6px;font-size:11px;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--ast-customizer-color-1)}.ast-upgrade-pro-wrap .ast-button-link,.customize-control-ast-button-link .ast-button-link{display:block;padding:10px 0;border-radius:2px;border:1px solid var(--ast-customizer-color-1);background-color:var(--ast-customizer-color-9);color:var(--ast-customizer-color-1);font-size:13px!important;font-weight:400;line-height:13px!important;text-align:center;cursor:pointer}.ast-upgrade-pro-wrap .ast-button-link:hover,.customize-control-ast-button-link .ast-button-link:hover{background-color:var(--ast-customizer-color-9);color:var(--ast-customizer-color-1);border:1px solid var(--ast-customizer-color-1)}.ast-btn-preset-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ast-btn-preset-wrap .ast-btn-style-item{cursor:pointer}.ast-btn-preset-wrap .ast-btn-style-item svg{fill:#646970}.ast-btn-preset-wrap .ast-btn-style-item svg:hover{fill:#565b62}.ast-btn-preset-wrap .ast-btn-style-item.active svg,.ast-btn-preset-wrap .ast-btn-style-item.active svg:hover{fill:#2271b1}.ast-reset-btn-preset-wrap{position:absolute;display:inline-block;line-height:1;left:0;top:0}.ast-reset-btn-preset-wrap .components-button.is-secondary,.ast-reset-btn-preset-wrap .components-button.is-secondary:hover{box-shadow:none!important;background:0 0;color:var(--ast-customizer-color-1)}.color-group-item .components-tooltip .components-popover__content{border-radius:3px}.color-group-item .components-tooltip .components-popover__content>div{padding:5px 10px;line-height:1}.customize-control.customize-control-ast-color-group{display:flex;flex-wrap:wrap}.customize-control.customize-control-ast-color-group .ast-toggle-desc-wrap{flex:1 1 auto;align-self:center}.customize-control.customize-control-ast-color-group .customize-control-title{margin-bottom:5px}.customize-control.customize-control-ast-color-group .ast-field-color-group-wrap{justify-content:flex-end;display:flex;max-height:28px}.customize-control.customize-control-ast-color-group .color-button-wrap{position:inherit}.customize-control.customize-control-ast-color-group .color-group-item:not(:last-child){margin-left:8px}.customize-control.customize-control-ast-color-group .ast-color-group-reset{left:72px;top:6px;cursor:pointer}.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap{display:none}.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap.active{justify-content:flex-end;display:flex}.customize-control.customize-control-ast-color-group .ast-responsive-btns{position:relative;left:-5px;top:3px}.customize-control.customize-control-ast-color-group .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.customize-control-ast-color-group .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-color-group .ast-color-multiple-group-reset.ast-color-group-reset{left:110px}.customize-control-ast-color-group .ast-color-multiple-group-reset.ast-color-group-reset.ast-single-color-group-set{left:112px}#customize-control-astra-settings-woo-single-page-color-group .ast-color-group-reset{left:145px}.ast-top-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap{top:30px}.ast-top-divider.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .ast-color-btn-reset-wrap{top:75px}.ast-top-dotted-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap{top:30px}.ast-top-dotted-divider.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .ast-color-btn-reset-wrap{top:75px}.customize-control-ast-color-group .ast-control-wrap{display:inline-flex;width:100%}.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .ast-color-group-reset{top:47px}.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .astra-color-picker-wrap{top:73px}.astra-color-picker-wrap.picker-open+span{display:none}#customize-control-astra-color-palettes .color-button-wrap{display:unset;position:relative;left:unset;top:unset;vertical-align:sub;z-index:10}#customize-control-astra-color-palettes .astra-color-picker-wrap{position:absolute;z-index:1;left:0;width:100%;display:none;margin-top:10px}#customize-control-astra-color-palettes .astra-color-picker-wrap.picker-open{display:block}#customize-control-astra-color-palettes .ast-color-palette-label{width:65%;display:inline-block;margin-left:10px;vertical-align:top}#customize-control-astra-color-palettes .ast-color-palette-label input{background:0 0;border:none}#customize-control-astra-color-palettes .ast-color-palette-label input:focus{border:1px solid #000;outline:0;box-shadow:none;background:#fff}.ast-color-palette-wrapper .ast-single-palette-wrap{display:grid;grid-template-columns:repeat(9,1fr);align-items:center;position:relative;gap:2px}.ast-single-palette-wrap .components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:25px;height:25px}#customize-control-astra-color-palettes .ast-color-palette-wrapper .ast-color-picker-wrap:first-child{margin-right:0}#customize-control-astra-color-palettes .ast-color-palette-wrapper .ast-color-picker-wrap{margin-top:12px;cursor:pointer}#customize-control-astra-color-palettes .ast-reset-btn:disabled{opacity:.6}#customize-control-astra-color-palettes .ast-palette-presets-inner-wrap .ast-preset-label-wrap{font-size:14px;line-height:18px;color:var(--ast-customizer-color-4);text-align:right}.ast-color-preset-container{max-height:425px;overflow:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:#d8d8d8 #f1f1f1}.ast-color-preset-container::-webkit-scrollbar{width:5px}.ast-color-preset-container::-webkit-scrollbar-track{background:#f1f1f1}.ast-color-preset-container::-webkit-scrollbar-thumb{background:#d8d8d8}.ast-color-palette-container{width:100%;display:inline-grid;grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:16px;margin-top:12px;margin-bottom:12px}.ast-color-palette-wrap{transition:all .2s;background:#fff}#customize-control-astra-color-palettes .ast-color-palette-wrap>section{text-align:center;outline:0;border-radius:3px;cursor:pointer;transition:all .2s;box-shadow:0 0 0 1px #ddd}#customize-control-astra-color-palettes .ast-single-color-container{width:20%;height:48px;display:inline-block}.ast-palette-label-wrap{display:block;text-align:center;color:#9ca3af;overflow:hidden;width:100%;box-sizing:border-box;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out;font-style:normal;font-weight:600;font-size:10px;line-height:24px;letter-spacing:1.5px;text-transform:uppercase}.ast-palette-label-wrap .edit-icon.dashicons{line-height:inherit;font-size:13px}.ast-color-palette-wrap.active{box-shadow:0 12px 20px -8px rgb(30 41 59 / 16%)}#customize-control-astra-color-palettes .ast-color-palette-wrap.active>section{box-shadow:0 0 0 1px var(--ast-customizer-color-5)}.ast-color-palette-wrap.active .ast-palette-label-wrap{color:var(--ast-global-color-secondary,--ast-global-color-5);letter-spacing:1.5px}.ast-color-palette-wrap .ast-single-color-container:first-child{border-top-right-radius:3px}.ast-color-palette-wrap .ast-single-color-container:nth-child(5){border-top-left-radius:3px}.ast-palette-individual-item{height:21px;width:21px;display:block;box-shadow:0 0 0 15px inset;border-width:1px;border-style:solid;border-color:#929ba4;border-image:initial;border-radius:50%;transition:box-shadow .1s ease 0s}.ast-palette-individual-item-wrap:not(:last-child){margin-left:4px}.components-button.ast-preset-palette-item{width:100%;padding:0;margin-top:4px}.ast-palette-presets-inner-wrap:last-child .ast-preset-palette-item{margin-bottom:0}.components-button.ast-preset-palette-item:hover{border:none;box-shadow:none;outline:0}.customize-control-ast-color-palette .ast-field-settings-modal::before{left:12px}section.ast-palette-presets-inner-wrap{padding:12px 10px 8px;transition:all .2s}section.ast-palette-presets-inner-wrap:last-child{padding-bottom:12px}.ast-palette-presets-inner-wrap:hover{background:#f3f5f7;border-radius:3px}.ast-color-preset-container .components-button.ast-preset-palette-item:focus{outline:0;box-shadow:none}#customize-control-astra-color-palettes .ast-color-palette-wrapper{clear:both}#customize-controls .customize-section-title.is-in-view.is-sticky{z-index:99}#customize-control-astra-color-palettes .ast-palette-selection-wrapper{overflow:hidden;padding:2px}@media (min-width:1800px){#customize-control-astra-color-palettes .astra-color-picker-wrap{width:auto}}#customize-control-astra-color-palettes .ast-field-settings-modal{margin-right:-8px;margin-left:-8px;display:none;padding:0}.astra-advanced-color-indicate .global-color{display:none}.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color{color:#fff;display:block;opacity:1;position:absolute;right:50%;top:50%;display:block;text-align:center;transform:translate(50%,-50%)}.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg{width:10px;height:10px;transform:scale(1.5)}#customize-control-astra-color-palettes .ast-adv-toggle-icon{top:-5px}.ast-color-picker-custom-tooltip{position:absolute;top:-30px;bottom:0;right:0;left:0;width:100%;height:100%}.ast-color-picker-custom-tooltip[data-title]::after{content:attr(data-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgb(0 0 0 / 35%);background:var(--ast-customizer-color-12);color:var(--ast-customizer-color-10);z-index:1000;bottom:calc(100% + 5px);text-align:center;animation:tooltips-vert .3s ease-out forwards;text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;right:50%;transform:translate(50%,-.5em)}.ast-single-palette-wrap>:last-child .ast-color-picker-custom-tooltip[data-title]::after{right:-16px}.ast-color-picker-custom-tooltip-wrapper{position:relative}.ast-color-picker-wrap:hover+.ast-color-picker-custom-tooltip-wrapper .ast-color-picker-custom-tooltip[data-title]::after{display:flex;white-space:break-spaces;inline-size:max-content}.ast-color-palette .components-popover.components-tooltip{position:relative!important;right:5px!important;top:-35px!important;transform:unset!important}.customize-control .components-tooltip{z-index:8!important}.ast-color-palette .components-popover .components-popover__content{bottom:calc(100% + 5px);animation:tooltips-vert .3s ease-out forwards;right:50%;transform:translate(50%,-.5em)}.palette-name-input{border:0;font-size:inherit;color:inherit;min-height:20px;box-shadow:none;padding:0;text-align:center}.ast-color-palette-wrap.active{box-shadow:0 0 0 1px var(--ast-customizer-color-8);border-radius:3px}#customize-control-astra-color-palettes .ast-color-palette-wrap.active>section,#customize-control-astra-color-palettes .ast-color-palette-wrap>section{box-shadow:none}.customize-control .ast-palette-label-wrap .palette-name-input{box-shadow:none;border-color:transparent;letter-spacing:1.5px;text-transform:uppercase;color:#9ca3af}.ast-palette-label-wrap input[type=text]{min-height:22px;padding:0}.ast-color-palette-wrap:hover{cursor:pointer}.ast-adv-toggle-icon[data-control=astra-color-palettes]{color:var(--ast-customizer-color-1);font-size:14px!important;background:0 0;transition:color .3s ease;padding:0}.ast-adv-toggle-icon[data-control=astra-color-palettes]:hover{color:#03699d}.ast-adv-toggle-icon[data-control=astra-color-palettes]:hover{opacity:.7}.astra-control-field.astra-color-control{display:flex}.astra-control-field{position:relative;margin-top:10px;margin-bottom:10px}.astra-control-field.astra-color-control .customize-control-title{flex-grow:2}.astra-control-field .customize-control-title{font-size:14px;font-weight:600;margin-bottom:0;display:flex;align-items:center;letter-spacing:.1px;line-height:18px}.customize-control-title{display:block;font-size:14px;line-height:1;font-weight:600;margin-bottom:4px}.astra-globe-dashicon{color:#fff;background:rgba(0,0,0,.4);border-radius:100%;border:.1px solid rgba(0,0,0,.1);opacity:.78}.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:28px;height:28px;border-radius:50%;margin:0;background:inherit}.component-color-indicator{width:25px;height:16px;display:inline-block}.astra-advanced-color-indicate.component-color-indicator{border:none}.astra-color-icon-indicate.components-button{height:auto;position:relative;transform:scale(1);transition:none;border-radius:50%;padding:0;background-image:linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#ddd 0),linear-gradient(45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:100% 0,100% 5px,5px -5px,-5px 0}.astra-popover-color .components-popover__content .components-focal-point-picker-wrapper{box-sizing:border-box}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container input[type=number].components-text-control__input{min-height:16px;line-height:16px;font-size:12px;width:50px;font-weight:400}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control{flex:1;margin-bottom:0}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control .components-base-control__label{margin-bottom:0;margin-left:.2em}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control__field{display:flex;align-items:center;font-size:8px;font-weight:600;font-style:normal;text-transform:uppercase}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control:last-child .components-base-control__field{justify-content:flex-end}.astra-popover-color .components-popover__content .actions{display:flex;justify-content:center;margin-bottom:10px}.astra-popover-color .components-popover__content .actions .button{flex:1;margin-top:10px}.astra-background-picker-wrap .astra-popover-color .components-popover__content{min-width:300px;min-height:340px;max-height:60vh}.color-button-wrap{display:inline-block;position:absolute;left:0;top:0;transform:scale(1);transition:transform .1s ease;height:28px;width:28px}.components-button.astra-color-icon-indicate .astra-advanced-color-indicate:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1px solid transparent}.components-button.astra-background-icon-indicate{width:50px;height:50px;border-radius:50%;position:relative;transform:scale(1);transition:transform .1s ease;border-radius:50%;padding:0;background-image:linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#ddd 0),linear-gradient(45deg,transparent 75%,#ddd 0);border:1px solid #dadada;background-size:10px 10px;background-position:100% 0,100% 5px,5px -5px,-5px 0}.components-button.astra-background-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:100%;height:100%;border-radius:4px;margin:0;display:block;position:absolute;border:0;top:0}.components-button.astra-background-icon-indicate>svg.dashicon{position:absolute;transform:translate(50%,-50%);right:50%;top:50%;color:#fff;background:rgba(0,0,0,.6);border-radius:100%;width:16px;height:16px;border:1px solid rgba(0,0,0,.1)}.components-button.astra-background-icon-indicate>svg.dashicon path{transform:translate(-1px,1px)}.components-button.astra-background-icon-indicate img.astra-background-image-preview{display:flex;object-fit:cover;min-width:100%;min-height:100%;position:absolute;top:0}.components-button.astra-background-icon-indicate:hover{box-shadow:none!important}.astra-control-field.astra-color-control{display:flex}.astra-control-field.astra-color-control .customize-control-title{flex-grow:2}.components-popover.astra-popover-color .components-popover__content{padding:15px 15px 0;box-sizing:initial;background:#fff;border:unset;border-radius:4px;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.3);box-shadow:0 2px 15px rgba(0,0,0,.3)}.customize-control-ast-color.customize-control>*{display:inline}.components-popover.astra-popover-color .components-popover__content .sketch-picker{padding:0 0 5px!important;box-shadow:none!important;border-radius:0!important}.components-popover.astra-popover-color .components-popover__content .attachment-media-view{margin-top:10px;margin-bottom:10px}.astra-swatches-wrap .astra-swatche-item-wrap:hover{transform:scale(1.1)!important}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item{background-image:linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#ddd 0),linear-gradient(45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:100% 0,100% 5px,5px -5px,-5px 0;padding:0;display:flex;justify-content:center}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item .dashicon{display:none}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active{box-shadow:0 0 0 8px inset!important}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon{display:block;color:#fff;background:rgba(0,0,0,.6);width:16px;height:16px;border:1px solid rgba(0,0,0,.1);border-radius:100%}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon path{transform:translate(-1px,1px)}.components-button.astra-color-icon-indicate>.dashicon{position:absolute;transform:translate(50%,-50%);right:50%;top:50%;color:#fff;background:rgb(85 93 101);border-radius:4px;width:17px;height:17px;font-size:17px;border:1px solid rgba(0,0,0,.1)}.astra-popover-color{margin:5px -5px 0;background-color:#fff;border-radius:4px;box-shadow:0 8px 16px -4px rgba(30,41,59,.16)}.astra-popover-color .components-h-stack.ast-color-palette{padding:14px 5px}.customize-control-ast-color-group .astra-popover-color .astra-background-tabs .components-h-stack.ast-color-palette,.customize-control-ast-responsive-background .astra-popover-color .components-h-stack.ast-color-palette{padding:0 5px 14px}.astra-popover-color .components-h-stack .components-button{flex:inherit}.astra-popover-color .components-circular-option-picker__option:focus::after{width:auto;height:auto}.astra-popover-color .components-h-stack .components-circular-option-picker__option-wrapper{margin-left:0}.astra-popover-color .components-color-picker .react-colorful__alpha,.astra-popover-color .components-color-picker .react-colorful__hue{width:90%}.ast-field-settings-modal .astra-popover-color{margin-right:0;border:1px solid #dedede}.ast-field-settings-modal .astra-popover-color .components-tab-panel__tabs{padding:8px}.components-color-picker__saturation-black{border-radius:4px 4px 0 0}.components-color-picker__saturation-color{border-radius:3px}.components-color-picker__saturation-white{border-radius:3px}.astra-color-picker-wrap{position:absolute;z-index:2;top:30px;right:0;left:0;bottom:0;display:none}.astra-color-picker-wrap .astra-popover-color .components-color-picker,.astra-color-picker-wrap .astra-popover-color .react-colorful{width:100%}.astra-popover-color .components-custom-gradient-picker{z-index:1}.astra-popover-color .components-custom-gradient-picker__ui-line{z-index:-1}.astra-color-picker-wrap.picker-open{display:block}.ast-field-settings-modal .astra-color-picker-wrap{position:relative;top:10px}.ast-color-palette .components-circular-option-picker__option-wrapper{margin-left:6px;position:relative;height:25px;width:25px}.ast-color-btn-clear-wrap{position:absolute;top:1.5px;left:65px}.ast-color-btn-clear-wrap .astra-color-clear-button.components-button{padding:10px 3px;width:20px;height:20px}.ast-clear-btn-inside-picker.components-button,.ast-reset-btn-inside-picker.components-button,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button{margin:5px 15px 20px 20px;padding:0 8px;border:1px solid #ccc;box-shadow:none}.ast-clear-btn-inside-picker.components-button:active,.ast-clear-btn-inside-picker.components-button:focus,.ast-clear-btn-inside-picker.components-button:hover,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button:active,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button:focus,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button:hover,.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active{box-shadow:none!important;background:0 0!important}.ast-clear-btn-inside-picker{padding:0 8px}.ast-color-btn-reset-wrap{position:absolute;left:36px;top:6px}.ast-color-btn-reset-wrap .ast-reset-btn.components-button,.ast-resp-slider-reset-wrap .ast-reset-btn.components-button{color:#006ba1;height:20px;width:20px;padding:4px;background:0 0;box-shadow:none!important;cursor:pointer}.astra-color-clear-button.components-button:focus:not(:disabled){outline:unset;border:none}.ast-color-btn-reset-wrap .ast-reset-btn.components-button:focus,.ast-color-btn-reset-wrap .ast-reset-btn.components-button:hover,.ast-resp-slider-reset-wrap .ast-reset-btn.components-button:focus,.ast-resp-slider-reset-wrap .ast-reset-btn.components-button:hover{box-shadow:none;border:none;background:0 0}.astra-color-clear-button.components-button.is-secondary:hover:not(:disabled),.astra-color-clear-button.components-button:focus:not(:disabled){box-shadow:0 0 #000;padding:1.5px;border:none}.ast-reset-btn.components-button.is-secondary:disabled span,.astra-color-clear-button.components-button.is-secondary:disabled{color:var(--ast-customizer-color-6)}.ast-field-settings-modal .color-button-wrap{left:16px}.ast-field-settings-modal .ast-color-btn-reset-wrap{left:59px;top:6px}.ast-field-settings-modal .ast-color-btn-clear-wrap{left:78px}.astra-color-picker-wrap .components-color-picker__inputs-wrapper{min-width:unset}.customize-control .ast-gradient-color-picker input[type=number]{width:100%}.ast-gradient-color-picker .components-select-control.components-custom-gradient-picker__type-picker{align-items:center;flex-direction:inherit}.astra-color-picker-wrap .components-popover__content{width:max-content}.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .components-color-picker,.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .react-colorful,.astra-color-picker-wrap .components-custom-gradient-picker__inserter .components-color-picker{width:216px}.astra-color-picker-wrap .ast-gradient-ui .components-select-control.components-custom-gradient-picker__type-picker{flex-direction:column;align-items:start}.astra-color-picker-wrap .ast-gradient-ui .components-angle-picker-control{margin-bottom:0}.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point{padding:0 16px 16px 16px;border:0}.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point:focus{box-shadow:none;outline:0}.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type=number]{width:100%}.ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:24px;height:24px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper{height:25px;width:25px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{right:2.5px;top:0;width:20px}.ast-color-palette .components-circular-option-picker__option.is-pressed+svg{right:0;top:0;mix-blend-mode:difference}.astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches{gap:4px;justify-content:center}.astra-popover-color .components-circular-option-picker__option-wrapper:hover{transform:scale(1.1)}.customize-control-ast-color+.customize-control-ast-color{margin-top:30px}.astra-popover-color .color-tab [data-wp-component=Flex],.astra-popover-tabs .color-tab [data-wp-component=Flex]{padding-right:8px}.astra-popover-color .ast-clear-btn-inside-picker.components-button,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button{margin-right:8px;margin-top:0}@media (max-width:1845px){.ast-color-palette .components-circular-option-picker__option-wrapper{height:22px;width:22px}.astra-background-tabs .ast-color-palette .components-circular-option-picker__option-wrapper{height:20px;width:20px}.ast-color-palette .components-circular-option-picker__option.is-pressed+svg{width:20px;top:-2px}.astra-popover-color .ast-color-palette.components-circular-option-picker{width:auto;padding:16px 8px 0 0}.astra-typography-control .typography-button-wrap>button.components-button.astra-typography-preview-indicate{padding:0 2px}.astra-typography-control .typography-button-wrap>button.components-button{padding:0 4px}.ast-fields-wrap .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:auto;height:auto}.ast-fields-wrap .ast-color-palette .components-circular-option-picker__option-wrapper{height:20px;width:20px}.ast-fields-wrap .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{right:1px;top:-2px;width:18px}.astra-popover-color .components-circular-option-picker__option[aria-pressed=true]+svg,.components-circular-option-picker__option[aria-selected=true]+svg{width:22px;height:22px;right:0;top:0;mix-blend-mode:difference}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:24px;height:24px}.astra-background-tabs .components-circular-option-picker__option[aria-selected=true]+svg{width:20px;height:20px}}@supports (-moz-appearance:none){@media (max-width:1845px){.ast-color-palette .components-circular-option-picker__option-wrapper{margin-left:5px}.ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:21px;height:21px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper{height:20px;width:20px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{right:3px;top:-2px;width:15px}}}.astra-color-icon-indicate.components-button:focus:not(:disabled){box-shadow:unset;outline:unset}.astra-color-icon-indicate.components-button:hover{transform:scale(1.05)}.ast-top-divider.customize-control-ast-color .ast-divider-title+.ast-control-wrap,.ast-top-divider.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap{margin-top:25px;display:inline-flex;width:100%;min-height:22px}.ast-bottom-divider.customize-control-ast-toggle-control .ast-divider-title+.ast-togglecontrol-wrapper,.ast-top-divider.customize-control-ast-responsive-color .ast-divider-title+.ast-control-wrap,.ast-top-divider.customize-control-ast-responsive-toggle-control .ast-divider-title+.ast-responsive-toggle-control-wrapper,.ast-top-divider.customize-control-ast-slider .ast-divider-title+.ast-slider-wrap,.ast-top-divider.customize-control-ast-toggle-control .ast-divider-title+.ast-togglecontrol-wrapper,.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap{margin-top:25px}.ast-top-divider.customize-control-ast-color-group .ast-control-wrap{display:inline-flex;width:100%}.ast-top-divider .ast-divider-title+.ast-control-wrap .ast-color-btn-reset-wrap{top:67px}.ast-top-divider .ast-divider-title+.ast-control-wrap .color-button-wrap{top:61px}.ast-color-palette.components-circular-option-picker .components-circular-option-picker__swatches{width:100%}li#customize-control-astra-settings-transparent-content-section-text-color-responsive .ast-control-wrap .ast-responsive-btns{top:2px}:root{--ast-customizer-color-1:#0284c7;--ast-customizer-color-2:#0ea5e9;--ast-customizer-color-3:#2271b1;--ast-customizer-color-4:#1e293b;--ast-customizer-color-5:#334155;--ast-customizer-color-6:#9CA3AF;--ast-customizer-color-7:#D1D5DB;--ast-customizer-color-8:#4B5563;--ast-customizer-color-9:#fff;--ast-customizer-color-10:#fff;--ast-customizer-color-11:#F5F5F5;--ast-customizer-color-12:#1e293b;--ast-customizer-color-13:#F3F4F6;--ast-customizer-color-14:#cc1818}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{color:var(--ast-customizer-color-5)}.customize-control .ast-spacing-responsive-btns li svg{max-width:13px}.customize-control-ast-customizer-link .customizer-link{font-style:italic;text-decoration:none}.customize-control-ast-customizer-link:empty{display:none}.accordion-section-content::-webkit-scrollbar,.wp-full-overlay-sidebar-content::-webkit-scrollbar{width:6px;background-color:#f1f1f1}.accordion-section-content::-webkit-scrollbar-thumb,.wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d8d8d8}.accordion-section-content::-webkit-scrollbar-track,.wp-full-overlay-sidebar-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.3);width:6px}.wp-full-overlay-sidebar:after{display:none}#customize-theme-controls .control-section-ast-section-separator{margin-top:15px;border-top:1px solid #ddd;display:block!important}.customize-control:not(.customize-control-nav_menu_item){position:relative;margin-bottom:0;margin-top:16px}.customize-control-ast-background,.customize-control-ast-responsive-background,.customize-control.customize-control-ast-color,.customize-control.customize-control-ast-color-group{display:flex;align-items:center;min-height:28px;flex-wrap:wrap}.customize-control-ast-responsive-background label{white-space:nowrap}.customize-control .media-position-setting label.components-text{text-transform:capitalize;font-size:12px;font-weight:400}.media-position-setting .astra-popover-tabs .components-tab-panel__tabs{padding-right:0;padding-left:0}.customize-control[ID*="-builder-layout-ast-context-tabs"]{margin-top:0}[ID*="-builder-layout-ast-context-tabs"]{margin-top:10px}.customize-section-title{margin:-12px -24px 0 -24px}#customize-controls .customize-info,#customize-controls .customize-info.section-meta,.customize-section-description-container{margin-bottom:0}#customize-controls #sub-accordion-panel-nav_menus .customize-info{margin-bottom:15px}#customize-control-astra-settings-header-transparent-link-heading{margin-top:15px}#customize-controls .components-base-control .components-base-control__field{margin-bottom:0}#customize-controls .components-base-control .components-base-control__field .components-input-control__backdrop{border-color:#d1d5db!important}.customize-control .customize-inside-control-row{padding-top:0;padding-bottom:0}.customize-control-title{display:inline-block;margin-bottom:16px;vertical-align:middle}.customize-control-ast-background .customize-control-title,.customize-control-ast-color .customize-control-title,.customize-control-ast-responsive-background .customize-control-title,.customize-control-ast-responsive-color .customize-control-title{display:contents}.customize-control .ast-control-tooltip{position:absolute;top:0;left:0;color:var(--ast-customizer-color-6);cursor:help}.customize-control .ast-control-tooltip:hover{color:var(--ast-customizer-color-1)}.customize-control.customize-control-ast-responsive-background .ast-control-tooltip{top:50%;left:36px;transform:translateY(-50%)}.customize-control.customize-control-ast-responsive-background:has(.ast-color-btn-reset-wrap) .ast-control-tooltip{left:60px}.customize-control.customize-control-ast-toggle-control .ast-control-tooltip{position:absolute;top:50%;left:40px;transform:translateY(-50%);z-index:1}#customize-control-astra-settings-learndash-distraction-free-learning .ast-control-tooltip{padding-top:32px}.customize-control.customize-control-ast-toggle-control.ast-top-dotted-divider .ast-control-tooltip{position:absolute;top:55%;left:40px;transform:translateY(0)}.customize-control-ast-selector.customize-control .ast-control-tooltip{top:-3px}.customize-control.customize-control-ast-toggle-control.ast-top-divider .ast-control-tooltip{top:calc(50% + 15px)}.customize-control.customize-control-ast-toggle-control.ast-bottom-divider .ast-control-tooltip{top:calc(50% - 11px)}.customize-control.customize-control-ast-toggle-control .ast-description-enabled .components-form-toggle{margin-right:25px}.customize-control.customize-control-ast-divider .ast-control-tooltip{position:absolute;top:auto;bottom:3px;left:0}.ast-fields-wrap .customize-control .ast-control-tooltip{left:15px;top:6px}.customize-control .ast-sortable-subfields-wrap .ast-control-tooltip{position:absolute!important;top:40%;left:0;transform:translateY(-50%);z-index:1}.customize-control .ast-sortable-subfields-wrap .customize-control-ast-toggle .ast-control-tooltip{left:30px;top:50%}.ast-top-dotted-divider .dashicons-editor-help[data-title]:hover~.ast-dashicons-custom-tooltip,.ast-top-section-divider .dashicons-editor-help[data-title]:hover~.ast-dashicons-custom-tooltip{top:24px}.customize-control .select2-search input[type=text].select2-search__field{min-height:17px}input[type=text].select2-search__field{line-height:1;border-radius:0}.ast-customizer-notice{margin:0 -12px;padding:12px}#customize-theme-controls .control-section.open{height:100%;padding:12px 24px 25px 24px}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){#customize-control-astra-settings-ast-header-responsive-logo-width .wrapper{display:inline-block;width:100%}.dashicons-desktop:before,.dashicons-smartphone:before,.dashicons-tablet:before{color:#000;opacity:.75}.ast-reset-btn.components-button svg{padding:0;height:13px}}}@-moz-document url-prefix(){.control-section.open .customize-control:last-child{margin-bottom:20px}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.control-section.open .customize-control:last-child{padding-bottom:20px}#customize-control-astra-settings-blog-archive-image-height .customize-control-title,#customize-control-astra-settings-blog-archive-image-width .customize-control-title,#customize-control-astra-settings-blog-single-post-image-height .customize-control-title,#customize-control-astra-settings-blog-single-post-image-width .customize-control-title{margin-right:0;margin-left:20px}}.wp-customizer li:not(.customize-control-sidebar_block_editor) h1,.wp-customizer li:not(.customize-control-sidebar_block_editor) h2,.wp-customizer li:not(.customize-control-sidebar_block_editor) h3,.wp-customizer li:not(.customize-control-sidebar_block_editor) h4,.wp-customizer li:not(.customize-control-sidebar_block_editor) h5,.wp-customizer li:not(.customize-control-sidebar_block_editor) h6{font-weight:600}.block-list-appender{margin-bottom:20px}.block-editor-block-inspector .block-editor-block-card{margin-top:12px}.components-circular-option-picker__option-wrapper::before{background:unset}.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper{position:relative}.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-width{display:none}.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-direction{display:none}.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-width{display:none}.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-direction{display:none}#customize-controls .control-section.control-section-ast_section .accordion-section-title,#customize-outer-theme-controls .accordion-section-title,#customize-theme-controls .accordion-section-title{border-bottom:1px solid var(--ast-customizer-color-7)}#customize-theme-controls .accordion-section-title button.accordion-trigger{max-height:fit-content}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title,.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{border-right-color:var(--ast-customizer-color-1)}.ast-section-toggle{display:grid;grid-template-columns:70% 20% 10%;align-items:center;padding:0 12px 0 0;height:100%;align-items:center;align-content:center;max-height:46px}.ast-section-toggle label{font-size:14px;line-height:1;font-weight:600;height:100%;display:inline-flex;align-items:center}.ast-section-toggle>label{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:auto;line-height:50px}.ast-section-toggle:not(.active)>label{cursor:default}.customize-control.customize-control-ast-section-toggle{border:1px dashed var(--ast-customizer-color-1);background:var(--ast-customizer-color-11);cursor:pointer;box-shadow:none!important;line-height:42px;font-size:14px;display:inline-grid;align-items:center;height:auto;color:var(--ast-customizer-color-5);position:relative;white-space:nowrap;border-radius:4px;transition:all .2s;padding-top:0;padding-bottom:0;margin-top:24px;margin-bottom:9px;margin-top:24px}.customize-control.customize-control-ast-section-toggle:hover{background:var(--ast-customizer-color-9);border-style:solid}.ast-section-toggle-icon{color:var(--wp-admin-theme-color);cursor:pointer;line-height:20px;height:100%;display:inline-flex;align-items:center}.ast-section-toggle-icon span{font-size:16px;line-height:16px;width:16px;height:16px}.customize-control-ast-section-toggle{padding-top:25px;padding-bottom:16px}li#customize-control-astra-settings-related-posts-title{margin-top:32px}li#accordion-section-section-search-page-title.control-section-ast_section,li[ID*=accordion-section-ast-dynamic-archive-].control-section-ast_section,li[ID*=accordion-section-ast-dynamic-single-].control-section-ast_section,li[ID*=accordion-section-ast-sub-section-].control-section-ast_section{display:none!important}.item-customizer-focus svg{min-width:12px;min-height:12px;width:12px;height:12px;fill:#fff;margin-right:-1px}.wp-full-overlay-sidebar #customize-header-actions{padding-right:6px;padding-left:6px}#customize-header-actions button#astra-tour{display:block;position:absolute;top:0;bottom:0;right:48px;width:45px;margin-top:0!important;padding:0;background:#f0f0f1;border:none;border-radius:0;border-top:4px solid #f0f0f1;border-left:1px solid #dcdcde;color:#3c434a;fill:#3c434a;stroke:#3c434a}#customize-header-actions button#astra-tour:focus,#customize-header-actions button#astra-tour:hover{background:#fff;color:#2271b1;fill:#2271b1;stroke:#2271b1;border-top-color:#2271b1;box-shadow:none;outline:1px solid transparent}#customize-header-actions button#astra-tour svg{margin-top:7px;margin-right:3px;width:16px;height:16px}@media screen and (max-width:640px){#customize-header-actions button#astra-tour{right:153px}}.indicator-dot{z-index:1000;position:relative;height:5px;width:5px;background-color:red;border-radius:50%;display:inline-block;margin-right:80px;margin-bottom:15px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}100%{transform:scale(1);opacity:1}}.ast-style-guide-tooltip{display:none;position:absolute;right:50%;transform:translateX(50%);margin-bottom:5px;background-color:#e5e5e5;color:#494948;border-radius:3px;white-space:nowrap;font-size:12px;z-index:1000;opacity:0;transition:opacity .3s ease;padding:0 8px;top:45px;box-shadow:rgba(0,0,0,.02) 0 1px 3px 0,rgba(27,31,35,.15) 0 0 0 1px}#astra-tour:hover .ast-style-guide-tooltip{display:block;opacity:1}.customize-control-ast-description .ast-description{font-style:italic;color:#9ca3af;font-size:11px;line-height:16px;font-weight:400;text-wrap:wrap;display:inline-block}.customize-control-ast-description a.button{margin-top:10px;font-style:normal}.customize-control-ast-description p{margin:0;cursor:initial;font-size:11px;line-height:16px;font-weight:400}.customize-control .customize-control-description{display:none}.customize-control-ast-divider hr{margin-top:0;margin-bottom:0;border-bottom:none}.customize-control-ast-divider .customize-control-title{font-size:15px;margin:1em 0 .2em}.customize-control-ast-divider .customize-control-suffix{position:absolute;left:0;bottom:0;font-weight:600;color:var(--ast-customizer-color-1);display:inline-block;font-size:11px;text-transform:uppercase}.customize-control-ast-divider .customizer-text{margin-top:-10px;display:block}.ast-field-settings-modal .customize-control-ast-divider{background-color:#f5f5f5;display:block;padding:6px 14px;margin:0;border-width:1px 0;border-style:solid;border-color:#ddd;line-height:1;margin-top:15px}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customizer-text{margin-top:0}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customize-control-title{font-weight:500;letter-spacing:1px;font-size:11px;margin:0;text-transform:uppercase}.ast-bottom-divider{border-bottom:1px solid var(--ast-customizer-color-7);padding-bottom:25px}.ast-top-divider{border-top:1px solid var(--ast-customizer-color-7);padding-top:25px}.ast-bottom-divider>label.ast-divider-title,.ast-top-divider>label.ast-divider-title,.customize-control-ast-color-group>.ast-divider-title{display:block;width:100%;font-size:15px;font-weight:600}.ast-top-divider .ast-control-wrap .ast-color-btn-reset-wrap{top:25px}.ast-top-divider .ast-control-wrap .astra-color-picker-wrap{top:55px;background-color:transparent}.ast-top-divider .ast-divider-title+.ast-control-wrap .astra-color-picker-wrap{top:100px;background-color:transparent}.ast-top-divider .ast-control-wrap .color-button-wrap{top:20.5px}.ast-top-divider.customize-control-ast-select .ast-divider-title{margin-bottom:25px}.ast-field-settings-modal .customize-control.ast-bottom-spacing,.customize-control.ast-bottom-spacing{margin-bottom:16px}.ast-field-settings-modal .customize-control.ast-top-spacing,.customize-control.ast-top-spacing{margin-top:16px}li.customize-control.ast-bottom-section-spacing{margin-bottom:24px}li.customize-control.ast-top-section-spacing{margin-top:24px}#customize-control-astra-settings-ast-header-retina-logo,#customize-control-astra-settings-checkout-back-to-cart-button-text,#customize-control-astra-settings-edd-archive-variable-button-text,#customize-control-astra-settings-header-account-create-menu-link,#customize-control-astra-settings-header-account-logged-out-text,#customize-control-astra-settings-product-sale-percent-value,#customize-control-astra-settings-shop-load-more-text,#customize-control-astra-settings-single-product-recently-viewed-text,#customize-control-astra-settings-single-product-shipping-text,#customize-control-astra-settings-sticky-header-retina-logo,#customize-control-astra-settings-woo-cart-button-text,.customize-control.ast-top-dotted-divider{margin-top:24px;padding-top:24px;border-top:1px dashed var(--ast-customizer-color-7)},#customize-control-blogdescription,#customize-control-blogname{margin-top:16px}#customize-control-astra-settings-product-sale-percent-value .ast-control-tooltip{top:24px}.customize-control.ast-top-dotted-divider .ast-adv-toggle-icon{top:25px}#customize-control-astra-settings-header-account-logged-in-text,.customize-control.ast-bottom-dotted-divider{margin-bottom:8px;padding-bottom:24px;border-bottom:1px dashed var(--ast-customizer-color-7)}.customize-control.ast-bottom-dotted-divider .ast-adv-toggle-icon{bottom:25px}.customize-control.ast-bottom-section-divider,.customize-control.ast-top-section-divider{position:relative}.customize-control.ast-top-section-divider{padding-top:32px;margin-top:32px}.customize-control.ast-bottom-section-divider{padding-bottom:32px;margin-bottom:16px}.customize-control.ast-sub-top-dotted-divider{padding-top:20px}.customize-control.ast-sub-bottom-dotted-divider{padding-bottom:20px}.customize-control.ast-bottom-section-divider::after,.customize-control.ast-top-section-divider::before{content:'';position:absolute;right:-100%;background-color:var(--ast-customizer-color-7);width:500%;height:1px}.customize-control.ast-sub-top-dotted-divider::before,.customize-control.ast-top-section-divider::before{top:0}.customize-control.ast-bottom-section-divider::after,.customize-control.ast-sub-bottom-dotted-divider::after{bottom:0}.customize-control.ast-sub-bottom-dotted-divider::after,.customize-control.ast-sub-top-dotted-divider::before{content:'';border-top:1px dashed var(--ast-customizer-color-7);width:calc(100% - 30px);height:1px;position:absolute;right:15px}[ID*="-create-menu-link"] .ahfb-builder-item-start{margin-bottom:0}#customize-control-astra-settings-footer-create-menu-link,#customize-control-astra-settings-footer-language-switcher-options,#customize-control-astra-settings-header-above-stick,#customize-control-astra-settings-header-language-switcher-options,#customize-control-astra-settings-header-mobile-menu-create-menu-link,#customize-control-astra-settings-site-icon-link,#customize-control-custom_logo,.customize-control.ast-section-spacing,[ID*=customize-control-astra-settings-footer-button][ID*="-text"],[ID*=customize-control-astra-settings-header-button][ID*="-text"],[ID*=sub-accordion-section-section-hb-menu-] [ID*="-create-menu-link"]{margin-top:32px}#customize-control-body-font-variant,#customize-control-headings-font-variant{margin-top:0}#sub-accordion-section-section-sidebars>.customize-control-ast-heading{margin-top:16px}#sub-accordion-section-section-sidebars>.customize-control-ast-heading~.customize-control-ast-heading{margin-top:32px}.ast-fields-wrap .customize-control.ast-bottom-section-divider::after,.ast-fields-wrap .customize-control.ast-top-section-divider::before{width:100%;right:0}.ast-top-dotted-divider .ast-control-tooltip{top:22px}.ast-top-section-divider .ast-control-tooltip{top:30px}.ast-field-settings-modal .customize-control.ast-top-dotted-divider{margin-top:0}.ast-typo-presets{width:100%;display:flex;align-items:center;flex-wrap:wrap;row-gap:8px;column-gap:8px;justify-content:space-between}.ast-typo-presets .ast-typo-preset-item{padding:0;border-radius:3px;cursor:pointer;border:1px solid var(--ast-customizer-color-7);height:64px;text-align:center;width:47.5%;position:relative}.ast-typo-presets .ast-typo-preset-item:hover{border:1px solid var(--ast-customizer-color-1)}.ast-typo-presets .ast-typo-preset-item svg{transform:scale(1);width:100%;height:100%;padding:0;margin:0}.ast-typo-presets .ast-typo-preset-item.active{border:1px solid var(--ast-customizer-color-1);background:var(--ast-customizer-color-9)}.customize-control-ast-typography-presets .ast-reset-btn-preset-wrap{top:-5px}.ast-typo-preset-item .components-tooltip{margin-top:-8px}.ast-typo-preset-item .components-tooltip::before{border-bottom:none!important;border-right-color:transparent!important;border-left-color:transparent!important;border-top-style:solid!important;border-top-color:#1e1e1e!important;margin-right:-10px;bottom:-8px;content:"";position:absolute;height:0;width:0;line-height:0;border:8px solid #ccc}.ast-typo-preset-item .components-tooltip::after{border-bottom:none!important;border-right-color:transparent!important;border-left-color:transparent!important;border-top-style:solid!important;border-top-color:#1e1e1e!important;margin-right:-10px;bottom:-6px;content:"";position:absolute;height:0;width:0;line-height:0;border:8px solid #fff}.ast-font-styling{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:20px;border-bottom:1px dashed #d4d4d4}.ast-font-extras-wrapper,.ast-font-spacing-wrapper{display:flex;align-items:center;gap:8px}.ast-font-extras-wrapper .ast-font-extras-input,.ast-font-spacing-wrapper .ast-font-spacing-input{position:relative;display:flex;align-items:center;background:#fff;max-width:72px;width:100%;border:1px solid #d1d5db;border-radius:3px;padding:0 3px}.ast-font-extras-wrapper .ast-font-extras-input input,.ast-font-spacing-wrapper .ast-font-spacing-input input{padding:0;border:none;min-height:32px;border-radius:3px;border:none!important;box-shadow:none!important;text-align:center;padding:0 5px}.ast-font-extras-wrapper .ast-font-extras-input input[type=number],.ast-font-spacing-wrapper .ast-font-spacing-input input[type=number]{-moz-appearance:textfield}.ast-font-extras-input:hover,.ast-font-spacing-input:hover{border-color:var(--ast-customizer-color-2)}.ast-font-extras-wrapper .ast-font-extras-input svg,.ast-font-spacing-wrapper .ast-font-spacing-input svg{width:38px;height:28px}.ast-font-extras-input .plus-minus-control .dashicons,.ast-font-spacing-input .plus-minus-control .dashicons{font-size:10px;color:#9ca3af;width:12px;height:10px;display:inherit;cursor:pointer}div .ast-field-settings-modal .customize-control-ast-font-extras{margin-top:15px}.ast-font-extras-input input[type=number]::-webkit-inner-spin-button,.ast-font-extras-input input[type=number]::-webkit-outer-spin-button,.ast-font-spacing-input input[type=number]::-webkit-inner-spin-button,.ast-font-spacing-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ast-font-unit-wrapper{display:flex;gap:6px;font-size:11px;font-weight:500;color:#9ca3af}.ast-font-unit-wrapper span{cursor:pointer}.ast-font-unit-wrapper span:hover{color:#0284c7}.ast-font-unit-wrapper .active{color:#0284c7}.ast-font-styling-second{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:20px}.ast-font-decoration-wrapper,.ast-font-transform-wrapper{display:flex;align-items:center;flex:1}.ast-font-decoration-wrapper div,.ast-font-transform-wrapper div{padding:8px 0;width:33%;text-align:center;font-weight:600;font-size:12px;line-height:16px;color:#334155}.ast-font-decoration-wrapper div.active,.ast-font-transform-wrapper div.active{background-color:#0284c7;color:#fff;cursor:pointer}.ast-font-item-type{border:1px solid #d1d5db}.ast-font-item-type:hover{background-color:#0284c7;color:#fff;cursor:pointer}.ast-font-item-type:first-child{border:1px solid #d1d5db;border-left:none;border-radius:0 3px 3px 0}.ast-font-item-type:last-child{border:1px solid #d1d5db;border-right:none;border-radius:3px 0 0 3px}.ast-font-item-type.ast-font-deco-underline{text-decoration:underline}.ast-font-item-type.ast-font-deco-linethrough{text-decoration:line-through}.ast-typopreset-custom-tooltip{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%}.ast-typopreset-custom-tooltip[data-title]::after{content:attr(data-title);min-width:3em;max-width:10em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgb(0 0 0 / 35%);background:var(--ast-customizer-color-12);color:var(--ast-customizer-color-10);z-index:1000;bottom:calc(100% + 5px);text-align:center;animation:tooltips-vert .3s ease-out forwards;text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;right:50%;transform:translate(50%,-.5em)}.ast-typopreset-custom-tooltip[data-title]:hover::after{display:flex;white-space:break-spaces;inline-size:max-content}.ast-customizer-font-varient-wrap{margin-top:12px}.ast-customizer-font-varient-wrap .ast-multi-select__value-container{overflow-x:hidden;flex-wrap:nowrap;padding:2px 5px}.ast-customizer-font-varient-wrap .ast-multi-select__multi-value{margin-top:0;margin-bottom:0;font-size:12px;padding:2px 2px 2px 2px;min-width:auto;color:#4b5563;background-color:#f5f5f5;border:1px solid #d1d5db;border-radius:2px;padding-right:5px}.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__label{line-height:normal}.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove{color:#4b5563;padding-left:0}.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove:hover{background-color:transparent;color:#4b5563}.ast-customizer-font-varient-wrap .ast-multi-select__input-container input:focus{box-shadow:none}.ast-customizer-font-varient-wrap .ast-multi-select__control{position:relative;max-height:32px;display:inline-flex;width:100%;align-content:center}.ast-customizer-font-varient-wrap .ast-multi-select__control:after{content:"\f11c";font-family:dashicons;font-size:16px;margin-left:7px;pointer-events:none;z-index:1}.ast-customizer-font-varient-wrap .ast-multi-select__control:before{content:'';position:absolute;top:3px;left:3px;width:50px;height:25px;background:#f7f7f7;background:linear-gradient(-90deg,rgba(247,247,247,0) 0,#fff 50%,#fff 100%);pointer-events:none;z-index:1}#customize-control-astra-settings-ast-body-font-settings .ast-fields-wrap,#customize-control-astra-settings-ast-headings-font-settings .ast-fields-wrap{overflow:visible}.customize-control-ast-font select option[value=normal],.customize-control-ast-font select[data-value=normal] option[value="400"]{display:none}.customize-control-ast-font select[data-value=normal] option[value=normal]{display:block}span.customize-control-title.ast-group-section-title{margin-bottom:4px;font-weight:600}.ast-top-divider.customize-control-ast-group-title .ast-reset-btn-preset-wrap{top:24px}.customize-control-ast-group-title .ast-responsive-btns{margin-right:5px;position:relative;top:3px}.ast-header-preset-container{max-width:100%;overflow:hidden;display:flex;flex-direction:column;padding:16px;gap:16px}.ast-header-preset-item svg{display:block;width:100%}.ast-header-preset-item{cursor:pointer}#customize-control-astra-settings-header-preset-style .ast-field-settings-modal{display:none;padding:0}#customize-control-astra-settings-header-preset-style .ast-adv-toggle-icon{top:-5px}li#customize-control-astra-settings-header-preset-style .customizer-text{padding-right:6px}.ast-header-preset-item svg{outline:1.5px solid var(--ast-customizer-color-6);border-radius:2px}.ast-header-preset-item:hover svg{outline-color:var(--ast-customizer-color-1)}.ast-header-preset-item:hover svg>*{fill:var(--ast-customizer-color-1)}.ast-field-settings-wrap .customize-control-ast-heading{margin:0 0 15px 0}.customize-control-ast-heading{margin-top:25px;margin-bottom:0}.customize-control-ast-heading .ast-heading-wrapper{margin:0 -24px}.customize-control-ast-heading .customize-control-title{display:block;padding:15px 24px;margin:0;border-width:1px 0;border-style:solid;border-color:var(--ast-customizer-color-7);background-color:var(--ast-customizer-color-9);color:var(--ast-customizer-color-4);font-size:12px;font-weight:600;letter-spacing:2px;line-height:1;text-transform:uppercase!important}.customize-control-ast-heading .customize-control-caption{top:50%;transform:translateY(-50%);position:absolute;left:0;font-size:11px;font-weight:500;letter-spacing:1px}.customize-control-ast-heading .customize-control-description{margin-top:10px}.ast-heading-wrapper label{cursor:default}.customize-control>label{cursor:default}.customize-control .ast-border-input-item-link,.customize-control .ast-spacing-input-item-link{cursor:pointer}.customize-control.customize-control-ast-slider label{cursor:pointer}.customize-control.customize-control-ast-slider label .wrapper input[type=range]{cursor:pointer}.customize-control .ast-control-reduce-top-space{margin-top:-15px}.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper{position:relative}.customize-control-ast-input-with-dropdown .components-dropdown-menu{position:absolute;left:0;top:0}.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle{width:30px;height:30px;border-radius:0;background-color:var(--wp-admin-theme-color);color:#fff}.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover{color:#fff}.customize-control-ast-input-with-dropdown .components-button:focus:not(:disabled){box-shadow:none;outline:0}.customize-control-ast-input-with-dropdown .components-popover__content{min-width:170px}.customize-control-ast-input-with-dropdown .components-popover__content .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover{color:var(--wp-admin-theme-color)}.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper input.components-text-control__input{padding-left:40px;max-height:30px;min-height:30px;border-color:#ddd}.ast-link-open-in-new-tab-wrapper{margin:24px 0 0;border-top:1px dashed var(--ast-customizer-color-7)}.ast-link-label-wrapper{margin:24px 0;padding-top:24px;border-top:1px dashed var(--ast-customizer-color-7)}.ast-logo-svg-icon-btn-wrapper{display:flex}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn{flex:1 1 auto;display:flex}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:first-child .components-button{border-radius:0 3px 3px 0}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button{border-radius:unset;font-size:12px;padding:9px 0 10px;white-space:nowrap;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:400}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn button.components-button.is-primary{border-color:var(--ast-customizer-color-3)}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:last-child .components-button{border-radius:3px 0 0 3px}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button.is-primary{color:var(--ast-customizer-color-10);background:var(--ast-customizer-color-1)}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:focus:not(:disabled){box-shadow:none}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:not(.is-primary):hover{color:var(--ast-customizer-color-5)!important}.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected p{text-align:center;border:1px dashed #c3c4c7;padding:10px}.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected svg{width:50px}.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected .btn-group-icon-selected{display:flex;gap:10px}.ast-logo-svg-icon-icon-library-default .btn-select-icon{margin-top:10px;cursor:pointer;background-color:#f0f0f1;color:#2c3338;width:100%;position:relative;text-align:center;border:1px dashed #c3c4c7;box-sizing:border-box;padding:9px 0;line-height:1.6}.ast-logo-svg-icon-icon-library-default .btn-select-icon:hover{background-color:#fff}.ast-logo-svg-icon-icon-library-modal{width:65%;max-height:85%}.ast-logo-svg-icon-icon-library-header{display:flex;align-items:baseline;height:65px}.ast-logo-svg-icon-icon-library-header h2{width:150px;margin:0;font-size:20px;font-weight:400;color:#1e1e1e}.ast-logo-svg-icon-search-container{flex:1;padding-right:24px}.ast-logo-svg-icon-search-bar{position:relative}.ast-logo-svg-icon-search-bar svg{width:14px;height:14px;position:absolute;top:calc(18px - 7px);color:#555d66;fill:#555d66;transform:rotateZ(-90deg);right:12px}.ast-logo-svg-icon-search-bar input[type=text]{height:36px;width:100%;padding:7px calc(12px* 2 + 14px) 7px 12px;border:1px solid #e6e7e9;margin:0;border-radius:2px;color:#1d2327}.ast-logo-svg-icon-icon-library-container .components-flex .svg-icons-list-flexbox .svg-icons-list{height:35em;overflow:hidden scroll}.ast-logo-svg-icon-icon-library-container .svg-icons-categories button{border:none;cursor:pointer;padding:15px 10px 15px 0;background:0 0;width:100%;text-align:right}.ast-logo-svg-icon-icon-library-container .svg-icons-categories button.selected,.ast-logo-svg-icon-icon-library-container .svg-icons-categories button:hover{background:#dcf2ff}.ast-logo-svg-icon-icon-library-container .svg-icons-list{display:grid;padding:5px 15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:10px}.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available{display:flex;gap:10px;align-items:center}.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available svg{width:18px}.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available span{font-size:18px}.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon{padding:15px;background-color:#fff;border:1px solid #e6e7e9;border-radius:3px;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:7em;align-items:center}.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon.selected{outline:2px solid}.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon:hover:not(.selected) svg{transform:scale(1.55);transition:transform .2s}.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon svg{width:20px;height:20px}.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer{text-align:left;display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer>button{font-size:13px;border:none;border-radius:2px;width:89px;height:36px;cursor:pointer;display:flex;justify-content:center}.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content{padding:30px 24px;margin:0}.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .components-modal__header{display:none}.ast-logo-svg-icon-element-custom{margin-top:10px}.ast-logo-svg-icon-element-custom textarea{width:100%;height:10em}.customize-control-ast-multi-selector .input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap{display:flex;justify-content:center;flex:1 1 0;background:var(--ast-customizer-color-9);border:1px solid var(--ast-customizer-color-7);padding:.6em 0;cursor:pointer;--ast-customizer-multiselect-icon-color:var(--ast-customizer-color-6);margin-right:-1px}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active{--ast-customizer-multiselect-icon-color:var(--ast-customizer-color-1);border-color:var(--ast-customizer-color-3);z-index:1}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap svg{fill:var(--ast-customizer-color-10)}.ast-multiselector-inner-wrap .ahfb-icon-set{line-height:1}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:last-child{border-radius:3px 0 0 3px}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:first-child{border-radius:0 3px 3px 0}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap span[label]{color:var(--ast-customizer-color-6)}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active span[label]{color:var(--ast-customizer-multiselect-icon-color)}.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap{flex:0 0 calc(50% - 10px);margin:5px}.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap:nth-child(2n){margin-left:0}.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap{flex:0 0 calc(33.33% - 10px);margin:5px}.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap:nth-child(3n){margin-left:0}[CLASS*=stack-after-].ast-alignment-wrapper{margin-right:-5px;margin-left:-5px;display:flex;flex-wrap:wrap}[CLASS*=stack-after-].ast-alignment-wrapper .ast-multiselector-inner-wrap{margin:5px;align-items:center;padding:5px;height:30px;border-radius:0}.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap{flex:0 0 calc(45% - 10px)}.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap{flex:0 0 calc(28% - 10px)}.customize-control-ast-number .ast-number-single{display:flex;border:1px solid #d1d5db;border-radius:3px;background-color:#fff;width:96px}.customize-control-ast-number .components-input-control__container,.customize-control-ast-number .components-input-control__input{text-align:center}.customize-control-ast-number .ast-number-single .dashicon.dashicons{display:flex;align-items:center;justify-content:center;color:#676879;font-size:10px;padding:.5em;cursor:pointer}.customize-control-ast-number .components-input-control__backdrop{border:0!important}.customize-control-ast-number .ast-number-single input[type=number]::-webkit-inner-spin-button,.customize-control-ast-number .ast-number-single input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.customize-control-ast-number .ast-control-wrapper{display:flex;justify-content:space-between;align-items:center}.customize-control-ast-number .ast-title-wrapper{width:50%}.customize-control-ast-number .ast-number-single{display:none}.customize-control-ast-number .ast-number-single.active{display:flex}.customize-control-ast-number .ast-responsive-btns{margin-right:.5em}.customize-control-ast-number input[type=number]::-webkit-inner-spin-button,.customize-control-ast-number input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.customize-control-ast-number input[type=number]{-moz-appearance:textfield;text-align:center}.customize-control-ast-number input[type=number]::-ms-clear,.customize-control-ast-number input[type=number]::-ms-reveal,.customize-control-ast-number input[type=number]::-webkit-inner-spin-button,.customize-control-ast-number input[type=number]::-webkit-outer-spin-button{display:none}.customize-control-ast-radio-icon .ast-control-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.customize-control-ast-radio-icon .customize-control-title{flex:1;padding-left:.5em}.customize-control-ast-radio-icon .customize-control-title{margin-top:8px;margin-bottom:8px}.customize-control-ast-radio-icon .ast-options{background-color:transparent;margin:0;line-height:0}.customize-control-ast-radio-icon .ast-options li{display:inline-block;position:relative;background-color:transparent;width:42px;height:28px;line-height:28px;margin-bottom:0;border:1px solid var(--ast-customizer-color-7);color:var(--ast-customizer-color-8);cursor:pointer}.customize-control-ast-radio-icon .ast-options li .dashicon{text-align:center;line-height:28px;width:100%;font-size:16px}.customize-control-ast-radio-icon .ast-options li{margin-right:-1px}.customize-control-ast-radio-icon .ast-options li:first-child{border-top-right-radius:3px;border-bottom-right-radius:3px;margin-right:0}.customize-control-ast-radio-icon .ast-options li:last-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.customize-control-ast-radio-icon .ast-options li.active{background-color:var(--ast-customizer-color-1);color:var(--ast-customizer-color-10);border-color:var(--ast-customizer-color-1);margin-left:1px}.customize-control-ast-row-layout .ast-responsive-btns{position:relative;top:1px}.customize-control-ast-radio-image label{position:relative;display:inline-block;margin-left:12px}.ast-divide-four label{margin-left:0}.customize-control-ast-radio-image input{display:none}.customize-control-ast-radio-image input:checked+label svg{background:var(--ast-customizer-color-1);border-radius:0;box-shadow:0 0 3px 0 rgba(0,133,186,.67)}.customize-control-ast-radio-image input:checked+label svg path{color:var(--ast-customizer-color-10)}.components-button-group.ahfb-radio-container-control .active-radio.ast-radio-img-svg svg,.customize-control-ast-radio-image .modern-layout input:checked+label svg{background-color:var(--ast-customizer-color-1);border-color:transparent;box-shadow:0 12px 20px -8px rgba(30,41,59,.16);border-bottom-color:#f0f0f1}.ast-divide-four input:checked+label svg{box-shadow:none;color:var(--ast-customizer-color-3)}.customize-control-ast-radio-image input+label .image-clickable{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%}.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon)>.image{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:5px;grid-row-gap:5px}.components-button-group.ahfb-radio-container-control,.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon)>.modern-layout{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:23px;grid-row-gap:23px}.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon)>.ast-divide-four{grid-template-columns:repeat(4,1fr);grid-column-gap:14px;grid-row-gap:10px}.customize-control-ast-radio-image .ast-radio-img-svg svg{width:75px;height:50px}.components-button-group.ahfb-radio-container-control .ast-radio-img-svg svg,.customize-control-ast-radio-image .modern-layout .ast-radio-img-svg svg{margin:0;width:100%;height:auto;background-color:rgba(221,224,226,.5);border:1px solid var(--ast-customizer-color-7);border-radius:4px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.ast-divide-four .ast-radio-img-svg svg{color:var(--ast-customizer-color-7);width:100%;height:93%}.ast-divide-four .ast-radio-img-svg svg path{color:var(--ast-customizer-color-8)}.image-clickable[data-title]::after{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;right:50%;transform:translate(50%,-.5em)}.image-clickable[data-title]::after{content:attr(data-title);min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);background:var(--ast-customizer-color-12);color:var(--ast-customizer-color-10);z-index:9;bottom:calc(100% + 5px);text-align:center;animation:tooltips-vert .3s ease-out forwards}.image-clickable[data-title]:hover::after{display:block}.image-clickable[data-title='']::after{display:none!important}@keyframes tooltips-vert{to{opacity:.9;transform:translate(50%,0)}}@keyframes tooltips-horz{to{opacity:.9;transform:translate(0,-50%)}}.ast-upgrade-trigger:hover .image-clickable[data-title]::after{display:block}.customize-control-ast-responsive-background{position:relative;margin-bottom:-5px}.customize-control-ast-responsive-background .background-container h4{font-size:14px;font-weight:600;color:#555d66}.customize-control-ast-responsive-background .background-attachment h4,.customize-control-ast-responsive-background .background-color h4,.customize-control-ast-responsive-background .background-position h4,.customize-control-ast-responsive-background .background-repeat h4,.customize-control-ast-responsive-background .background-size h4{margin-bottom:5px;margin-top:10px}.customize-control-ast-responsive-background .background-color{margin-bottom:12px}.customize-control-ast-responsive-background .background-repeat{margin:15px 0 15px 0}.customize-control-ast-responsive-background .background-attachment .buttonset,.customize-control-ast-responsive-background .background-size .buttonset{display:flex;flex-wrap:wrap}.customize-control-ast-responsive-background .background-attachment .buttonset .switch-label,.customize-control-ast-responsive-background .background-size .buttonset .switch-label{background:#fff;border:1px solid rgba(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-responsive-background .background-attachment .buttonset .switch-label:last-child,.customize-control-ast-responsive-background .background-size .buttonset .switch-label:last-child{margin-left:0}.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input:checked+.switch-label,.customize-control-ast-responsive-background .background-size .buttonset .switch-input:checked+.switch-label{background-color:#f5f5f5;color:#565e67}.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input[checked=checked]+.switch-label,.customize-control-ast-responsive-background .background-size .buttonset .switch-input[checked=checked]+.switch-label{background-color:#f5f5f5;color:#565e67}.customize-control-ast-responsive-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-responsive-background .ast-bg-img-remove.components-button.is-destructive:hover:not(:disabled){color:#a02222;box-shadow:unset;border-color:#a02222}.customize-control-ast-responsive-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:focus{outline:0;box-shadow:none}.customize-control-ast-responsive-background .arrow-icon{margin-right:5px}.customize-control-ast-responsive-background .background-container{display:none}.customize-control-ast-responsive-background .background-container.active{display:block}.customize-control-ast-responsive-background .wp-picker-container{display:block}.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear{margin-right:4px;min-height:30px}.customize-control-ast-responsive-background .customize-control-content .astra-color-picker-wrap{width:100%}.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-color,.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-white{border-radius:unset}.customize-control-ast-responsive-background .ast-color-btn-clear-wrap{left:84px}.components-color-picker__inputs-toggle-wrapper .components-color-picker__inputs-toggle{vertical-align:middle;height:32px}.astra-popover-tabs .components-button.upload-button.button-add-media{width:100%;position:relative;text-align:center;color:#555d66;border:1px dashed #b4b9be;box-sizing:border-box;box-shadow:unset;padding:9px 0;line-height:1.6}.astra-popover-tabs .components-button.upload-button.button-add-media:hover{color:#555d66;box-sizing:border-box;box-shadow:unset;border-color:#0185ba}.astra-popover-tabs [ID*="-gradient-view"]{padding:0 15px 15px 15px}.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear{flex:unset;box-shadow:unset;width:auto;padding:0 5px}.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:hover{box-shadow:unset}.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active{box-shadow:unset}.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:focus{box-shadow:unset}.astra-popover-tabs #tab-panel-0-image-view>div{text-align:center}.astra-popover-tabs #tab-panel-0-image-view>div img{width:200px;margin-bottom:18px}.astra-popover-tabs #tab-panel-0-image-view>div .media-position-setting{text-align:right}.media-position-setting>.components-base-control{margin-bottom:15px}.media-position-setting [CLASS*="-Item-LabelWrapper"]{margin-bottom:5px}.astra-popover-color .components-circular-option-picker{position:relative;margin-top:0}.astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{margin-top:10px;justify-content:flex-start}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{width:50px}}.astra-popover-color [ID*="-color-view"] .components-circular-option-picker{width:auto}.astra-popover-color .ast-color-palette{width:auto;padding:16px 14px 0 0}.astra-popover-color .ast-color-palette .components-circular-option-picker__option{width:100%;height:100%;border-radius:100%;padding:0}.astra-popover-color .ast-color-palette .components-button.is-pressed:focus:not(:disabled){box-shadow:none;border:none}.astra-popover-color .components-custom-gradient-picker{margin-top:0}.astra-popover-color .components-custom-gradient-picker__gradient-bar{box-sizing:border-box;opacity:1}.astra-popover-color .components-custom-gradient-picker__type-picker .components-base-control__label{display:block}.components-custom-gradient-picker .components-base-control__label{padding-top:10px;font-size:12px;display:block;letter-spacing:.1px;line-height:18px}[ID*="-gradient-view"] .components-toolbar.components-custom-gradient-picker__toolbar .components-button.has-icon{border:none}.media-position-setting.hide-settings{display:none}.media-position-setting .astra-popover-tabs [ID*="-gradient-view"]{padding:0 0 15px 0}.ast-field-settings-modal .customize-control-content .color-button-wrap{left:30px;top:0}.ast-field-settings-modal .ast-responsive-btns{position:absolute;left:14px;top:4px}.ast-field-settings-modal .customize-control-content .astra-color-picker-wrap{margin-right:0;margin-top:0}.ast-field-settings-modal .customize-control-content .ast-color-btn-reset-wrap{left:65px;top:7px}.ast-field-settings-modal .customize-control-content .ast-color-btn-clear-wrap{left:91px}.ast-field-settings-modal .customize-control-ast-responsive-background.customize-control:first-child{margin-top:28px}.customize-control-ast-responsive-background .ast-color-btn-reset-wrap,.customize-control-ast-responsive-color .ast-color-btn-reset-wrap{display:inline-block;line-height:1;top:4.5px}.customize-control-ast-responsive-background .ast-responsive-btns,.customize-control-ast-responsive-color .ast-responsive-btns{position:relative;left:-5px;top:2px}.ast-field-settings-modal .customize-control-ast-responsive-background .ast-responsive-btns,.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns{left:8px}.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha{display:none}.customize-control-ast-responsive-color .customize-control-content{display:block;margin-top:5px}.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-black{border-radius:4px 4px 0 0}.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-color,.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-white{border-radius:3px}.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha.active{display:block}.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-color,.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-white{border-radius:unset}.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap{left:30px;top:-3px}.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .astra-color-picker-wrap{margin-right:0;margin-bottom:10px;margin-top:10px}.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .customize-control-title{display:block;margin-bottom:0}.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns{left:7px;top:1px}.ast-field-settings-modal .customize-control-ast-responsive-color.customize-control:first-child{margin-top:28px}.ast-field-settings-modal .customize-control-ast-responsive-color .ast-clear-btn-inside-picker.components-button{margin:5px 10px 20px 20px}.ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap{top:3.5px}@supports (-moz-appearance:none){.ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap{top:5.5px;left:65px}.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap{left:27px;top:-2px}}.customize-control-ast-responsive-slider .wrapper,.customize-control-ast-slider .wrapper{position:relative;display:flex}.customize-control-ast-responsive-slider .input-field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.customize-control-ast-responsive-slider input[type=range]{position:inherit}.customize-control-ast-responsive-slider select,.customize-control.customize-control-select select{color:#32373c}.customize-control-ast-responsive-slider .input-field-wrapper{display:none}.customize-control-ast-responsive-slider .input-field-wrapper.active{display:flex}.customize-control-ast-responsive-slider .components-base-control{width:100%}.customize-control-ast-responsive-slider .slider-control-label,.customize-control-ast-slider .customize-control-title{cursor:default;margin-top:3px}.ast-responsive-slider-btns{position:absolute;left:0;top:5px;left:30px}.ast-responsive-slider-btns>li{margin-bottom:0;display:none}.ast-responsive-slider-btns>li.active{display:inline-block}.ast-responsive-slider-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0;line-height:1}.ast-responsive-slider-btns button[type=button]>i{cursor:pointer;width:15px;height:15px;font-size:15px}.customize-control-ast-responsive-slider .wrapper .components-base-control,.customize-control-ast-responsive-slider .wrapper .input-field-wrapper.active,.customize-control-ast-slider .components-base-control.components-range-control{width:100%;display:inline-block}.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap,.customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap{margin-right:5px;margin-top:4px}.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap{top:4px;left:0}.customize-control .ast-reset-btn .dashicons-image-rotate{width:12px;height:12px;font-size:12px}.customize-control-ast-responsive-slider .components-input-control input.components-input-control__input,.customize-control-ast-slider .components-input-control input.components-input-control__input{-moz-appearance:textfield}.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-inner-spin-button,.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-outer-spin-button,.customize-control-ast-slider input.components-input-control__input::-webkit-inner-spin-button,.customize-control-ast-slider input.components-input-control__input::-webkit-outer-spin-button{-webkit-appearance:none}.customize-control-ast-responsive-slider .components-input-control__container input.components-input-control__input,.customize-control-ast-slider .components-input-control__container input.components-input-control__input{display:block;border-radius:0 2px 2px 0;box-shadow:none;transition:all .3s;border:1px solid var(--ast-customizer-color-7)}.customize-control-ast-responsive-slider input.components-input-control__input:active,.customize-control-ast-responsive-slider input.components-input-control__input:focus,.customize-control-ast-responsive-slider input.components-input-control__input:hover,.customize-control-ast-slider input.components-input-control__input:active,.customize-control-ast-slider input.components-input-control__input:focus,.customize-control-ast-slider input.components-input-control__input:hover{border-color:var(--ast-customizer-color-2);border-radius:2px;outline:0}.customize-control-ast-responsive-slider .ast-slider-wrap,.customize-control-ast-slider .ast-slider-wrap{position:relative}.components-range-control__wrapper .components-range-control__track{color:var(--ast-customizer-color-1)}.components-range-control__wrapper span span{background-color:var(--ast-customizer-color-1)}.customize-control-ast-responsive-slider .ast-slider-wrap .ast-range-unit,.customize-control-ast-slider .ast-slider-wrap .ast-range-unit{position:absolute;left:23px;top:4px;border-left:1px solid var(--ast-customizer-color-7);padding-left:6px;font-size:11px;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--ast-customizer-color-1)}.customize-control-ast-responsive-slider .components-input-control__container,.customize-control-ast-slider .components-input-control__container{margin-right:5px;width:48px}.customize-control-ast-responsive-slider .components-input-control__container div.components-input-control__backdrop,.customize-control-ast-slider .components-input-control__container div.components-input-control__backdrop{border:none;border-radius:0 2px 2px 0;box-shadow:none}.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-slider .ast-resp-slider-reset-wrap{position:absolute;display:inline-block;line-height:1;left:0}.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-slider .ast-resp-slider-reset-wrap{top:1px;left:-8px}.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number{width:calc(48px)!important}.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number input{text-align:center}.customize-control-ast-responsive-spacing .customize-control-title{display:inline-block}.customize-control-ast-responsive-spacing .ast-spacing-responsive-outer-wrapper{display:flex;position:relative}.customize-control-ast-responsive-spacing .ast-spacing-input-item{margin:0 2px;-moz-appearance:textfield}.customize-control-ast-responsive-spacing .ast-spacing-input-item input[type=number]{-moz-appearance:textfield}.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-inner-spin-button,.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units-screen-wrap{position:relative;top:-5px;left:-10px;display:inline-block}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns{position:relative;top:1px}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns>li{display:none}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns>li.active{display:inline-block}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0;width:100%}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type=button]>i{font-size:15px;vertical-align:middle}.customize-control-ast-responsive-spacing .input-wrapper.ast-spacing-responsive-wrapper{display:inline-flex}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units{position:absolute;font-size:12px;line-height:16px;text-transform:uppercase;font-weight:500;top:-32px;left:0}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit{display:inline-block;margin-right:6px;width:18px;text-align:center;user-select:none;opacity:.6}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active{opacity:1;color:var(--ast-customizer-color-1)}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper{display:none}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li{text-align:center;-webkit-box-flex:1;-ms-flex:auto;flex:auto;cursor:pointer}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input{text-align:center;display:block;font-size:12px;padding:15px 0;width:100%;height:28px;border:1px solid var(--ast-customizer-color-7);border-radius:3px;box-shadow:none;transition:all .3s}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:active,.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:focus,.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:hover{border-color:#1e8cbe}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li .ast-spacing-connected{color:#1e8cbe}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper.active{display:flex}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper span.ast-spacing-title{text-transform:uppercase;font-size:10px;color:var(--ast-customizer-color-6)}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link{order:2;margin-right:2px;margin-top:4px}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .dashicons{padding:2px 0;font-size:12px;line-height:28px}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .ast-spacing-connected{display:none}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-disconnected{display:none}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-connected{display:block}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link span{width:100%;height:32px;line-height:28px;font-size:14px;border-radius:0 3px 3px 0;background-color:transparent}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link svg{pointer-events:none}.customize-control-ast-responsive-spacing .ast-spacing-wrapper>li:nth-child(2){margin-right:0}.ast-responsive-toggle-control .components-base-control__field,.customize-control-ast-responsive-toggle-control .components-toggle-control .components-base-control__field{margin:0}.customize-control-ast-link .ast-responsive-toggle-control .components-form-toggle,.customize-control-ast-responsive-toggle-control .components-toggle-control .components-form-toggle{margin:0;order:2}.customize-control-ast-link .ast-responsive-toggle-control .components-base-control__field{margin:20px 0}.ast-responsive-toggle-control label,.customize-control-ast-responsive-toggle-control .components-toggle-control .components-toggle-control__label{display:flex;flex:1 1 auto;font-size:14px;font-weight:600}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control{display:none}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control.active{position:relative;top:2px;width:91%;display:inline-block;vertical-align:middle}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns{position:relative;float:left;top:4px}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns>li.active{vertical-align:middle}.ast-responsive-toggle-btns>li{margin-bottom:0;display:none}.ast-responsive-toggle-btns>li.active{display:inline-block}.ast-responsive-toggle-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0}.ast-responsive-toggle-btns button[type=button]>i{cursor:pointer;width:15px;height:15px;font-size:15px}.ast-responsive-btns{display:inline-block;line-height:1;vertical-align:top}.ast-responsive-btns>li{margin-bottom:0;display:none}.ast-responsive-btns>li.active{display:inline-block}.ast-responsive-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0}.ast-responsive-btns button[type=button]>i{width:15px;height:15px;font-size:15px}.input-wrapper.ast-responsive-wrapper{display:inline-flex;justify-content:space-between;margin-left:0;align-items:flex-start;flex:0 1;width:100%}.ast-customizer-select-multi .ast-multi-select__input-container{padding:0;margin:0}.ast-customizer-select-multi .ast-multi-select__input-container input{min-height:min-content}.ast-customizer-select-multi .ast-multi-select__input-container input:focus{box-shadow:none}.ast-customizer-select-multi{position:relative}.ast-customizer-select-multi .ast-multi-select__value-container{padding-top:4px;padding-bottom:4px;overflow-x:hidden;padding-right:10px;padding-left:30px;gap:4px}.ast-customizer-select-multi:after{content:"\f11c";position:absolute;font-family:dashicons;font-size:16px;margin-left:15px;pointer-events:none;z-index:1;top:50%;translate:0 -50%;left:0}.ast-customizer-select-multi .ast-multi-select__multi-value__label{margin-left:.2em}.ast-customizer-select-multi .ast-multi-select__multi-value{margin:0;font-size:14px;padding:2px 5px 2px 5px;min-width:auto;color:#4b5563;background-color:#f5f5f5;border:1px solid #d1d5db;border-radius:2px}.ast-customizer-select-multi .ast-multi-select__multi-value__remove{color:#4b5563;padding-left:0}.ast-customizer-select-multi .ast-multi-select__multi-value__remove:hover{background-color:transparent;color:#4b5563}.ast-customizer-select-multi .ast-multi-select__menu *,.ast-customizer-select-multi .ast-multi-select__multi-value__remove{cursor:pointer}.ast-customizer-select-multi .ast-multi-select__menu{z-index:2}.ast-variant-select>div{border-color:#ddd}.ast-variant-select>div,.customize-control input,.customize-control select,.customize-control textarea,.customize-control-content .components-text-control__input{border-color:var(--ast-customizer-color-7);color:var(--ast-customizer-color-5);padding-top:1px;padding-bottom:1px}.ast-variant-select>div:focus,.customize-control input:focus,.customize-control select:focus{border-color:var(--ast-customizer-color-1);color:#0a4b78;box-shadow:0 0 0 1px var(--ast-customizer-color-1)}.ast-adv-toggle-icon{left:2px;position:absolute;width:18px;height:18px;font-size:18px;border-radius:2px;padding:4px;color:var(--ast-customizer-color-8);background:var(--ast-customizer-color-9);cursor:pointer}.ast-adv-toggle-icon:hover{color:var(--ast-customizer-color-1)}#customize-control-astra-color-palettes .ast-adv-toggle-icon{font-size:12px;width:auto;height:auto}#customize-control-astra-color-palettes .ast-adv-toggle-icon:before{display:none}.ast-adv-toggle-icon:before{content:"\f464"}.ast-adv-toggle-icon.open:before{content:"\f158"}.ast-field-settings-modal{position:absolute;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.3);box-shadow:0 2px 15px rgba(0,0,0,.3);-webkit-border-radius:3px;border-radius:3px;right:0;left:0;z-index:8;background-color:#fff}.customize-control-ast-color-palette .ast-field-settings-modal{z-index:11}.ast-field-settings-modal .customize-control-ast-divider:first-child{margin-top:15px}.ast-field-settings-wrap{width:100%}.ast-group-tabs,.ast-tab-content{position:relative}.ast-group-list{overflow:hidden;border-bottom:1px solid #ddd}.ast-group-list:after,.ast-group-list:before{content:"";display:table;border-collapse:collapse}.ui-tabs-anchor{float:right;padding:.5em .5em;color:#555d66;text-decoration:none}.ui-state-active .ui-tabs-anchor{color:#fff}.ui-tabs-anchor:hover{color:#555d66}.ui-state-active .ui-tabs-anchor:hover{color:#fff}.ast-group-tabs .ui-widget-content{overflow:hidden}.ast-group-tabs .ui-widget-content.iris-slider-offset,.ast-group-tabs .ui-widget-content.iris-slider-offset-alpha{overflow:inherit}.ast-fields-wrap{overflow:hidden}.ast-field-settings-wrap{-webkit-box-shadow:0 2px 15px rgba(0,0,0,.3);box-shadow:0 2px 15px rgba(0,0,0,.3);-webkit-border-radius:3px;background-color:#fff}.ast-field-settings-wrap .ast-field-settings-modal{border-radius:3px;margin-top:10px;margin-bottom:20px}.ast-field-settings-modal::before{content:'';position:absolute;top:-17px;left:8px;border:9px solid transparent;border-bottom-color:#fff;pointer-events:none}.ast-group-tabs .ui-tabs-nav{display:flex;padding:15px 15px 0 15px}.ast-group-tabs .ui-tabs-nav .ui-corner-top{align-items:center;flex:1 1 auto;justify-content:center;margin:0 0;padding:0;border:1px solid #ccc;transition:background-color 140ms linear}.ast-group-tabs .ui-tabs-nav .ui-corner-top:first-child{border-radius:0 3px 3px 0}.ast-group-tabs .ui-tabs-nav .ui-corner-top:last-child{border-radius:3px 0 0 3px}.ast-group-tabs .ui-tabs-nav .ui-corner-top .ui-tabs-anchor{width:100%;text-align:center;padding:2px 4px;padding-right:0;padding-left:0;outline:0}.ast-group-tabs ul.ast-group-list .ui-corner-top .ui-tabs-anchor:focus{box-shadow:none}.ast-group-tabs .ui-tabs-nav{border:none}.ast-group-tabs ul.ast-group-list .ui-corner-top.ui-state-active{background-color:#0185ba;border:1px solid rgba(0,0,0,.1)}.ast-group-tabs .ui-tabs-nav{overflow:visible}.ast-group-tabs ul.ast-group-list .ui-corner-top:not(:first-child){border-right-width:0}.wp-core-ui .ast-field-settings-modal .background-image-upload .button{font-size:11px}.ast-field-settings-modal .customize-control{padding-right:16px;padding-left:16px;box-sizing:border-box}.ast-control-wrap .ast-color-picker-alpha{margin-right:-5px;margin-left:-5px}.ast-field-settings-modal .customize-control:first-child{margin-top:16px}.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child{margin-top:0}.ast-field-settings-modal .customize-control:last-child{padding-bottom:16px}.customize-control-ast-settings-group{line-height:27px}.customize-control-ast-settings-group .customize-control-title{margin-bottom:0}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-title{margin-bottom:10px;font-size:13px;margin-top:3px}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-range-unit,.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-units,.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit{top:6px}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-resp-slider-reset-wrap{top:3px}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-slider-btns,.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-responsive-slider-btns{top:2px}#customize-control-headings-font-extras.ast-sub-top-dotted-divider{margin-top:12px}.astra-popover-tabs{position:relative}.astra-popover-tabs .components-tab-panel__tabs{display:flex;padding:15px;border:none}.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{color:#555d66;font-size:13px;font-weight:400;height:35px;transition:unset;padding:2px 4px;text-decoration:none;border-radius:0;border:1px solid rgba(0,0,0,.1)}.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:active{box-shadow:unset}.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus{box-shadow:unset}.astra-popover-tabs [ID*="-image-view"]{padding:15px;border:none}.astra-popover-tabs .components-button{align-items:center;flex:1 1 auto;justify-content:center;margin:0 0;padding:0;border:1px solid #ccc;transition:background-color 140ms linear}.astra-popover-tabs .components-tab-panel__tabs-item:first-child{border-radius:0 3px 3px 0}.astra-popover-tabs .components-tab-panel__tabs-item:last-child{border-radius:3px 0 0 3px}.astra-popover-tabs .components-tab-panel__tabs-item:not(:first-child){border-right-width:0}.astra-popover-tabs .components-tab-panel__tabs-item.active-tab{background-color:#0185ba;color:#fff}.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content,.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs{padding:0}.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs-item.active-tab{border-color:var(--ast-customizer-color-3);background:var(--ast-customizer-color-1)}.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content .ast-social-icon-picker-label{text-align:right}.astra-media-tab .astra-media-image{width:100%;margin-bottom:0}.astra-media-tab .ast-media-btn{display:block;width:100%;border:1px dashed var(--ast-customizer-color-7);box-sizing:border-box;box-shadow:unset;padding:9px 0;line-height:1.6;text-decoration:none}.astra-media-tab .ast-danger-btn{color:var(--ast-customizer-color-14);margin-top:10px}.astra-media-tab .ast-media-btn:hover{border-color:var(--ast-customizer-color-3)}.astra-media-tab .ast-danger-btn:hover{border-color:var(--ast-customizer-color-14)}.components-base-control.ast-text-control-input{margin-bottom:16px}.ast-payments-text-control-input .components-base-control__label{text-transform:none;color:#334155;font-size:13px}.components-base-control.ast-payments-text-control-input{margin-bottom:20px}.components-base-control.ast-text-control-input input{border-color:var(--ast-customizer-color-7);color:var(--ast-customizer-color-5)}.astra-popover-color .astra-popover-tabs .components-tab-panel__tabs button.components-tab-panel__tabs-item.active-tab:not(.is-primary):not(.is-tertiary):not(.is-link):hover{color:#fff}.components-popover.astra-popover-color .components-popover__content{min-width:310px;max-height:60vh;padding:0;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.3);box-shadow:0 2px 15px rgba(0,0,0,.3)}.ast-field-settings-modal .components-popover.astra-popover-color .components-popover__content{min-width:320px;min-height:325px}.ast-field-settings-modal .background-wrapper .components-popover.astra-popover-color .components-popover__content{min-height:385px}.ast-field-settings-modal .components-angle-picker-control .components-flex__block{min-width:auto}.customize-control-ast-settings-group .customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap,.customize-control-ast-settings-group .customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap{margin-top:0}.ast-top-divider.customize-control-ast-settings-group .ast-toggle-desc-wrap .ast-adv-toggle-icon{top:23px}.ast-fields-wrap .customize-control-ast-responsive-slider .ast-slider-wrap>label,.ast-fields-wrap .customize-control-ast-selector .ast-slider-wrap>label{display:inline-block}.customize-control-ast-slider .wrapper{display:flex}.customize-control-ast-slider .components-range-control{width:100%}.customize-control-ast-responsive-slider .wrapper .ast-range-unit,.customize-control-ast-slider .ast-range-unit{padding:0 5px 0 0;font-size:11px;line-height:1em;font-weight:500;align-self:auto;text-transform:uppercase}.components-range-control__slider[type=range]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.components-range-control__slider[type=range]::-moz-range-track,.components-range-control__slider[type=range]::-webkit-slider-runnable-track{content:'';height:2px;pointer-events:none}.components-range-control__slider[type=range]::-moz-range-thumb,.components-range-control__slider[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;margin-top:5px}.customize-control-ast-responsive-slider .components-range-control__wrapper,.customize-control-ast-slider .components-range-control__wrapper{margin-right:0}.customize-control-ast-responsive-slider span[CLASS*="-ThumbWrapper"],.customize-control-ast-slider span[CLASS*="-ThumbWrapper"]{height:17px;width:17px;top:2px;margin-right:0}.ast-top-divider.customize-control-ast-slider .ast-divider-title+.ast-slider-wrap .ast-resp-slider-reset-wrap{top:68px}.customize-control-ast-responsive-slider .ast-responsive-slider-btns{position:relative;top:-3px;left:-10px;display:inline-block}.customize-control-ast-responsive-slider .ast-responsive-units{position:absolute;top:4px;left:15px;font-size:11px;line-height:normal;padding-left:5px;text-transform:uppercase;width:auto;display:none}.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit{display:inline-block;margin-right:6px;margin-bottom:0;width:16px;text-align:center;user-select:none;opacity:.6;cursor:pointer}.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit.active{opacity:1;font-weight:600;color:#0073aa;cursor:default}.ast-field-settings-modal .ast-fields-wrap>.customize-control-ast-responsive-slider+.customize-control-ast-font{margin-top:8px}.customize-control-ast-sortable .sortable{cursor:default}.customize-control-ast-sortable .sortable .dashicons-visibility{cursor:pointer}.customize-control-ast-sortable .sortable .ast-sortable-item,.customize-control-ast-sortable .sortable .ast-sortable-subcontrols{padding:1px 12px 1px 3px;border:1px solid #d1d5db;color:#334155;background:#fff;cursor:move;font-size:14px;line-height:38px;margin:0 0 10px;border-radius:4px}.customize-control-ast-sortable .sortable .ast-sortable-subcontrols{border:none;padding:0 0 0 9px;border-top:1px solid #d1d5db;border-radius:0 0 3px 3px}.customize-control-ast-sortable .sortable div:last-child{margin:0}.customize-control-ast-sortable .sortable div>.dashicons{float:left;position:relative;font-size:16px;padding:9px;line-height:20px;border-right:none}.customize-control-ast-sortable .sortable div.invisible{opacity:.6;visibility:visible}.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after{opacity:1;position:absolute;content:'';width:18px;height:2px;top:18px;right:11px;background:#656565;border-radius:5px;transform:rotate(45deg);box-shadow:0 0 0 1px #fff;transition:opacity .2s ease}.ast-sortable-item.invisible,.ast-sortable-item:hover{opacity:.8}.ast-sortable-item.show:hover{opacity:1}.ast-sortable-item .dashicons-arrow-down-alt2,.ast-sortable-item .dashicons-remove{margin-left:-6px}.ast-sortable-item .dashicons-admin-page,.ast-sortable-item .dashicons-arrow-down-alt2,.ast-sortable-item .dashicons-remove{cursor:pointer}.ast-sortable-subcontrols{display:none;padding:12px 0;border-top:1px solid #d1d5db}.show .ast-sortable-subcontrols{display:block}.ast-sortable-subfields-wrap .customize-control{box-sizing:border-box;position:relative}.ast-sortable-item.show i.ast-accordion{transform:rotate(-180deg);border-right:none;border-left:none}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button{padding:6px 8px;height:40px;background:#fff}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button:focus{box-shadow:none}.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .ahfb-sorter-title{padding-left:20px;max-width:100%;text-overflow:ellipsis;overflow:hidden}.customize-control-ast-list-icons span.feature-label{max-width:100px;text-overflow:ellipsis;font-size:14px;line-height:18px}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .dashicons-admin-page{color:#556068}.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item-panel-header{border:1px solid #ddd;border-right:0;border-bottom:0;overflow:hidden}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity .ast-media-image-preview,.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg{height:14px;width:14px}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity span{display:flex}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg{height:16px;width:16px;fill:#556068}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ast-sorter-item-expand{border-right:none}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity{border-left:none}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item{border:1px solid #ddd;border-top:0}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown{width:225px!important;right:-10px;box-shadow:0 5px 15px rgb(0 0 0 / 22%),0 0 5px rgb(0 0 0 / 30%)}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open{height:285px;overflow:hidden;position:absolute}.ast-sortable-item .ahfb-sorter-item-panel-content{border-top:1px solid #ddd}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox:hover>*{transform:scale(1.3)!important}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox{height:32px!important}.ast-sortable-subfields-wrap .ast-color-btn-reset-wrap{top:0}.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-title{margin-bottom:16px;font-size:14px}.ast-sortable-subfields-wrap .customize-control-ast-color .ast-control-wrap .astra-popover-color{margin-right:-10px;margin-left:10px;width:calc(100% + 15px)}.customize-control-ast-sortable .ast-sortable-subfields-wrap .ast-responsive-btns{top:7px}.ast-sortable-subfields-wrap .ast-fields-wrap{padding-bottom:16px}.customize-control-content{width:100%;display:flex;flex-direction:column}.ast-sortable-subfields-wrap .ast-fields-wrap{overflow:inherit}.ast-sortable-subfields-wrap .customize-control{float:none}.ast-sortable-item.invisible>.ast-accordion,.ast-sortable-item.invisible>.dashicons-admin-page,.ast-sortable-item.invisible>.dashicons-remove{display:none}.ast-sortable-item.invisible .ast-sortable-subcontrols{display:none}.ast-sortable-item .ahfb-sorter-item .dashicons{font-size:16px;width:16px;height:16px}.ast-sortable-item .ahfb-sorter-item .ahfb-sorter-item-expand:before{right:7px;width:17px}.ahfb-sorter-item:first-child .ahfb-sorter-item-remove,.ast-sortable-item .components-button.item-is-hidden:not(.visibility-item){display:none}.customize-control-ast-sortable .sortable .rfip .rfipbtn__button{margin-right:auto}.ast-sortable-subfields-wrap .customize-control-ast-responsive-slider .ast-responsive-slider-btns{top:-2px}.ast-sortable-item .customize-control-ast-color .ast-color-btn-reset-wrap{top:12px}.ast-sortable-item .customize-control-ast-color .color-button-wrap{top:8px}.ast-sortable-item .customize-control-ast-color .astra-color-picker-wrap{position:relative;top:8px}.ast-sortable-subfields-wrap .customize-control-ast-description{line-height:1}.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .dashicons-admin-page{margin-left:0}.customize-control-ast-text-input textarea{display:block;width:100%}.ast-togglecontrol-wrapper .components-base-control__field,.customize-control-ast-toggle-control .components-toggle-control .components-base-control__field{margin:0}.customize-control-ast-link .ast-togglecontrol-wrapper .components-form-toggle,.customize-control-ast-toggle .components-toggle-control .components-form-toggle,.customize-control-ast-toggle-control .components-toggle-control .components-form-toggle{margin:0;order:2}.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field{margin:24px 0 0}.ast-togglecontrol-wrapper .components-toggle-control__label,.ast-togglecontrol-wrapper .toggle-control-label{font-size:14px}.ast-togglecontrol-wrapper label,.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label{display:flex;flex:1 1 auto;font-size:14px}.ast-switch~label{position:relative;display:block;width:35px;height:14px;background-color:var(--ast-customizer-color-7);color:transparent;border-radius:50px;cursor:pointer;transition:all .2s ease-in}.ast-switch~label:after{content:'';position:absolute;top:-3px;right:-1px;display:block;width:20px;height:20px;border-radius:50px;background:var(--ast-customizer-color-9);box-shadow:0 2px 4px 0 rgba(72,72,72,.5);transition:all .2s ease-in}.ast-switch:checked~label{background:var(--ast-customizer-color-1)}.ast-switch:checked~label:after{transform:translateX(-16px);background:var(--ast-customizer-color-9)}.ast-switch:disabled~label{background:#f0f0f0;pointer-events:none}.ast-switch:disabled~label:after{background:#d1d1d1;box-shadow:0 1px 2px 0 rgba(72,72,72,.5)}.ast-switch:checked,.ast-switch:not(:checked){opacity:0}.customize-control-ast-section-toggle .components-form-toggle{margin-right:5px;text-align:left}.components-toggle-control .components-base-control__field{display:flex;margin-bottom:12px;line-height:initial;align-items:center}.dashicons-editor-help[data-title]{z-index:1}.ast-dashicons-custom-tooltip{display:none;opacity:0;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%}.ast-dashicons-custom-tooltip[data-title]::after{content:attr(data-title);min-width:3em;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgb(0 0 0 / 35%);background:var(--ast-customizer-color-12);color:var(--ast-customizer-color-10);z-index:3;bottom:calc(100% + 5px);text-align:center;animation:tooltips-vert .3s ease-out forwards;text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;right:50%;transform:translate(50%,-.5em)}.dashicons-editor-help[data-title]:hover~.ast-dashicons-custom-tooltip{display:block;opacity:100}.dashicons-editor-help[data-title]:hover~.ast-dashicons-custom-tooltip[data-title]::after{display:flex;white-space:break-spaces;inline-size:max-content}.ast-top-dotted-divider .ast-control-tooltip.dashicons-editor-help{top:22px}.customize-control.ast-bottom-dotted-divider.customize-control-ast-toggle-control .ast-control-tooltip{top:8px}.customize-control.customize-control-ast-select.ast-top-dotted-divider .ast-control-tooltip{top:36px}.customize-control-ast-sortable .customize-control-ast-selector .dashicons.ast-control-tooltip{top:18%;padding:0;font-size:20px}.customize-control.customize-control-ast-color i.ast-control-tooltip{top:5px;left:60px}.select2-container{width:100%!important}span.select2-container.select2-container--default.select2-container--open{z-index:999999}span.select2-container.select2-container--default.select2-container--open li.select2-results__option{margin:0}.select2-selection__rendered li{margin-bottom:0}.select2-container--default .select2-selection--single,.select2-container--default.select2-container .select2-selection--multiple{border-color:#ddd;border-radius:0}.select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-dropdown{border-color:#ddd;border-radius:0}.customize-control.customize-control-ast-hidden{margin-top:0}.wp-full-overlay-footer .devices-wrapper .preview-desktop,.wp-full-overlay-footer .devices-wrapper .preview-mobile,.wp-full-overlay-footer .devices-wrapper .preview-tablet{vertical-align:middle}.customize-control-ast-font-variant .ast-variant-select input#react-select-2-input:focus{box-shadow:none}.ast-variant-select [CLASS*="-indicatorContainer"]{padding:2px;display:contents}.ast-variant-select [CLASS*="-multiValue"]>div:first-child{padding:0}.ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap,.ast-upgrade-pro-wrap .ast-upgrade-trigger{width:100%;-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center;position:relative;overflow:hidden;justify-content:center}.ast-upgrade-pro-wrap .ast-upgrade-cta{position:absolute;top:auto;right:auto;width:auto;height:28px;border-radius:4px;padding:0 5px 0 8px;font-size:1em;line-height:1em;display:inline-flex;color:var(--ast-customizer-color-1);background:var(--ast-customizer-color-9);border:1px solid var(--ast-customizer-color-1);align-items:center;align-content:center;white-space:nowrap}a.ast-upgrade-trigger:active,a.ast-upgrade-trigger:focus{box-shadow:none;border:none;outline:0}.ast-upgrade-pro-wrap .ast-upgrade-section-title{margin-right:8px}.ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap>svg{width:100%;height:100%;filter:blur(4px)}.ast-upgrade-pro-wrap .ast-upgrade-cta svg{width:1.2em;height:1.2em}.customize-control-ast-radio-image .ast-pro-option>:not(.image-clickable){opacity:.4}.ast-radio-img-svg.ast-pro-option .image-clickable::before{display:inline-flex;position:absolute;top:36%;right:41%;content:'';background-size:1.5em 1.5em;height:1.5em;width:1.5em;border:1px solid var(--ast-customizer-color-1);background-image:url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 7.2001H11.7002V4.8001C11.7002 3.0401 10.2602 1.6001 8.5002 1.6001C6.7402 1.6001 5.3002 3.0401 5.3002 4.8001V7.2001H4.5002C4.1002 7.2001 3.7002 7.6001 3.7002 8.0001V13.6001C3.7002 14.0001 4.1002 14.4001 4.5002 14.4001H12.5002C12.9002 14.4001 13.3002 14.0001 13.3002 13.6001V8.0001C13.3002 7.6001 12.9002 7.2001 12.5002 7.2001ZM9.3002 12.8001H7.7002L8.0202 11.0401C7.6202 10.8801 7.3002 10.4001 7.3002 10.0001C7.3002 9.3601 7.8602 8.8001 8.5002 8.8001C9.1402 8.8001 9.7002 9.3601 9.7002 10.0001C9.7002 10.4801 9.4602 10.8801 8.9802 11.0401L9.3002 12.8001ZM10.1002 7.2001H6.9002V4.8001C6.9002 3.9201 7.6202 3.2001 8.5002 3.2001C9.3802 3.2001 10.1002 3.9201 10.1002 4.8001V7.2001Z' fill='%230284C7'/%3E%3C/svg%3E")}.ast-upgrade-list-wrapper{text-align:center}.ast-upgrade-list-wrapper .ast-brand-logo{margin:0}.ast-upgrade-list-wrapper svg{width:32px;height:32px}.ast-upgrade-list-items{margin-bottom:1.8em}.ast-upgrade-list-wrapper .ast-upgrade-list-section-title{margin:.5em auto 1.8em;max-width:240px}.ast-pro-upgrade-item svg{vertical-align:middle;margin-left:5px;fill:var(--ast-customizer-color-1)}.ast-pro-upgrade-item span{display:inline}.ast-upgrade-list-description{margin:5px 20px 0 0}.ast-upgrade-list-title{font-weight:600}.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available),.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available) *,.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available),.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available) *{color:var(--ast-customizer-color-9);background:var(--ast-customizer-color-1)}.customize-control .button.ahfb-builder-section-shortcut{border-right:1px solid #ddd;border-left:1px solid #ddd}.ast-customize-control-title a.ast-builder-upgrade-link{background:var(--ast-customizer-color-9)!important;color:var(--ast-customizer-color-1)!important;box-shadow:0 4px 8px -4px rgba(0,0,0,.16);margin-right:10px;border-radius:4px;padding:3px 10px 5px;text-decoration:none;vertical-align:top}.ast-pro-upgrade-item p{margin:1.25em 0;line-height:1}li#customize-control-astra-settings-footer-builder-pro-items .ast-upgrade-pro-wrap,li#customize-control-astra-settings-header-builder-pro-items .ast-upgrade-pro-wrap{padding-right:12px;padding-left:12px}.customize-control-ast-svg-icon-selector .icon-library-picker input[type=tel]{max-width:40px}.customize-control-ast-svg-icon-selector .custom-svg-icon-wrapper textarea{width:100%;margin:8px 0;height:100px} + +/* 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; +} diff --git a/assets/css/custom-controls.min.css b/assets/css/custom-controls.min.css new file mode 100644 index 00000000..306e4bb9 --- /dev/null +++ b/assets/css/custom-controls.min.css @@ -0,0 +1,85 @@ +.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:400}.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 0 0 3px}.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button{border-radius:0 3px 3px 0}.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)}#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:400}.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:#fff;border:1px solid rgba(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-attachment .buttonset .switch-input[checked=checked]+.switch-label,.customize-control-ast-background .background-size .buttonset .switch-input: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-background .more-settings .message,.customize-control-ast-responsive-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,.ast-field-settings-modal .customize-control-ast-background.customize-control:first-child{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}.customize-control-ast-border .customize-control-title{display:inline-block}.customize-control-ast-border .ast-border-outer-wrapper{display:flex;position:relative}.customize-control-ast-border .ast-border-wrapper{display:flex}.customize-control-ast-border .ast-border-btns{display:block;text-align:center;line-height:2;border:1px solid #ddd;background-color:#fff;border-radius:0 3px 3px 0}.customize-control-ast-border .ast-border-btns>li{margin-bottom:0;display:none;width:35px;height:26px}.customize-control-ast-border .ast-border-btns>li.active{display:inline-block}.customize-control-ast-border .ast-border-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;opacity:.75;outline:0;width:100%;height:100%}.customize-control-ast-border .ast-border-btns button[type=button]>i{width:15px;height:15px;font-size:15px;margin-top:1px}.customize-control-ast-border .input-wrapper .ast-border-wrapper{display:none}.customize-control-ast-border .input-wrapper .ast-border-wrapper li{text-align:center;-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin:0 2px}.customize-control-ast-border .input-wrapper .ast-border-wrapper li:first-child{margin-left:0}.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input{text-align:center;display:block;font-size:12px;padding:15px 0;width:100%;height:28px;border:1px solid var(--ast-customizer-color-7);border-radius:3px;box-shadow:none;transition:all .3s;-moz-appearance:textfield}.customize-control-ast-border .input-wrapper .ast-border-wrapper li .ast-border-connected{color:#fff}.customize-control-ast-border .input-wrapper .ast-border-wrapper li:last-child input.ast-border-input{border-right-width:1px;border-radius:0 3px 3px 0}.customize-control-ast-border .input-wrapper .ast-border-wrapper.active{display:flex}.customize-control-ast-border .input-wrapper .ast-border-wrapper span.ast-border-title{text-transform:uppercase;font-size:10px;color:var(--ast-customizer-color-6)}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected{display:none}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-disconnected{display:none}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link.disconnected .ast-border-connected{display:block}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span{width:100%;height:26px;line-height:26px;font-size:14px;background-color:transparent;border-radius:3px}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link span svg{pointer-events:none}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link{margin-top:4px}.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus,.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:hover{border-color:var(--ast-customizer-color-2)}.customize-control-ast-border .input-wrapper .ast-border-wrapper li input.ast-border-input:focus{outline:0}.customize-control-ast-border .input-wrapper.ast-border-wrapper{margin-bottom:8px}.customize-control-ast-border .ast-range-unit{position:absolute;right:0;top:0;padding-right:6px;font-size:11px;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--ast-customizer-color-1)}.ast-upgrade-pro-wrap .ast-button-link,.customize-control-ast-button-link .ast-button-link{display:block;padding:10px 0;border-radius:2px;border:1px solid var(--ast-customizer-color-1);background-color:var(--ast-customizer-color-9);color:var(--ast-customizer-color-1);font-size:13px!important;font-weight:400;line-height:13px!important;text-align:center;cursor:pointer}.ast-upgrade-pro-wrap .ast-button-link:hover,.customize-control-ast-button-link .ast-button-link:hover{background-color:var(--ast-customizer-color-9);color:var(--ast-customizer-color-1);border:1px solid var(--ast-customizer-color-1)}.ast-btn-preset-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ast-btn-preset-wrap .ast-btn-style-item{cursor:pointer}.ast-btn-preset-wrap .ast-btn-style-item svg{fill:#646970}.ast-btn-preset-wrap .ast-btn-style-item svg:hover{fill:#565b62}.ast-btn-preset-wrap .ast-btn-style-item.active svg,.ast-btn-preset-wrap .ast-btn-style-item.active svg:hover{fill:#2271b1}.ast-reset-btn-preset-wrap{position:absolute;display:inline-block;line-height:1;right:0;top:0}.ast-reset-btn-preset-wrap .components-button.is-secondary,.ast-reset-btn-preset-wrap .components-button.is-secondary:hover{box-shadow:none!important;background:0 0;color:var(--ast-customizer-color-1)}.color-group-item .components-tooltip .components-popover__content{border-radius:3px}.color-group-item .components-tooltip .components-popover__content>div{padding:5px 10px;line-height:1}.customize-control.customize-control-ast-color-group{display:flex;flex-wrap:wrap}.customize-control.customize-control-ast-color-group .ast-toggle-desc-wrap{flex:1 1 auto;align-self:center}.customize-control.customize-control-ast-color-group .customize-control-title{margin-bottom:5px}.customize-control.customize-control-ast-color-group .ast-field-color-group-wrap{justify-content:flex-end;display:flex;max-height:28px}.customize-control.customize-control-ast-color-group .color-button-wrap{position:inherit}.customize-control.customize-control-ast-color-group .color-group-item:not(:last-child){margin-right:8px}.customize-control.customize-control-ast-color-group .ast-color-group-reset{right:72px;top:6px;cursor:pointer}.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap{display:none}.customize-control.customize-control-ast-color-group .ast-color-group-responsive-wrap.active{justify-content:flex-end;display:flex}.customize-control.customize-control-ast-color-group .ast-responsive-btns{position:relative;right:-5px;top:3px}.customize-control.customize-control-ast-color-group .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.customize-control-ast-color-group .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-color-group .ast-color-multiple-group-reset.ast-color-group-reset{right:110px}.customize-control-ast-color-group .ast-color-multiple-group-reset.ast-color-group-reset.ast-single-color-group-set{right:112px}#customize-control-astra-settings-woo-single-page-color-group .ast-color-group-reset{right:145px}.ast-top-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap{top:30px}.ast-top-divider.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .ast-color-btn-reset-wrap{top:75px}.ast-top-dotted-divider.customize-control-ast-color-group .ast-control-wrap .ast-color-btn-reset-wrap{top:30px}.ast-top-dotted-divider.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .ast-color-btn-reset-wrap{top:75px}.customize-control-ast-color-group .ast-control-wrap{display:inline-flex;width:100%}.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .ast-color-group-reset{top:47px}.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .astra-color-picker-wrap{top:73px}.astra-color-picker-wrap.picker-open+span{display:none}#customize-control-astra-color-palettes .color-button-wrap{display:unset;position:relative;right:unset;top:unset;vertical-align:sub;z-index:10}#customize-control-astra-color-palettes .astra-color-picker-wrap{position:absolute;z-index:1;right:0;width:100%;display:none;margin-top:10px}#customize-control-astra-color-palettes .astra-color-picker-wrap.picker-open{display:block}#customize-control-astra-color-palettes .ast-color-palette-label{width:65%;display:inline-block;margin-right:10px;vertical-align:top}#customize-control-astra-color-palettes .ast-color-palette-label input{background:0 0;border:none}#customize-control-astra-color-palettes .ast-color-palette-label input:focus{border:1px solid #000;outline:0;box-shadow:none;background:#fff}.ast-color-palette-wrapper .ast-single-palette-wrap{display:grid;grid-template-columns:repeat(9,1fr);align-items:center;position:relative;gap:2px}.ast-single-palette-wrap .components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:25px;height:25px}#customize-control-astra-color-palettes .ast-color-palette-wrapper .ast-color-picker-wrap:first-child{margin-left:0}#customize-control-astra-color-palettes .ast-color-palette-wrapper .ast-color-picker-wrap{margin-top:12px;cursor:pointer}#customize-control-astra-color-palettes .ast-reset-btn:disabled{opacity:.6}#customize-control-astra-color-palettes .ast-palette-presets-inner-wrap .ast-preset-label-wrap{font-size:14px;line-height:18px;color:var(--ast-customizer-color-4);text-align:left}.ast-color-preset-container{max-height:425px;overflow:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:#d8d8d8 #f1f1f1}.ast-color-preset-container::-webkit-scrollbar{width:5px}.ast-color-preset-container::-webkit-scrollbar-track{background:#f1f1f1}.ast-color-preset-container::-webkit-scrollbar-thumb{background:#d8d8d8}.ast-color-palette-container{width:100%;display:inline-grid;grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:16px;margin-top:12px;margin-bottom:12px}.ast-color-palette-wrap{transition:all .2s;background:#fff}#customize-control-astra-color-palettes .ast-color-palette-wrap>section{text-align:center;outline:0;border-radius:3px;cursor:pointer;transition:all .2s;box-shadow:0 0 0 1px #ddd}#customize-control-astra-color-palettes .ast-single-color-container{width:20%;height:48px;display:inline-block}.ast-palette-label-wrap{display:block;text-align:center;color:#9ca3af;overflow:hidden;width:100%;box-sizing:border-box;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out;font-style:normal;font-weight:600;font-size:10px;line-height:24px;letter-spacing:1.5px;text-transform:uppercase}.ast-palette-label-wrap .edit-icon.dashicons{line-height:inherit;font-size:13px}.ast-color-palette-wrap.active{box-shadow:0 12px 20px -8px rgb(30 41 59 / 16%)}#customize-control-astra-color-palettes .ast-color-palette-wrap.active>section{box-shadow:0 0 0 1px var(--ast-customizer-color-5)}.ast-color-palette-wrap.active .ast-palette-label-wrap{color:var(--ast-global-color-secondary,--ast-global-color-5);letter-spacing:1.5px}.ast-color-palette-wrap .ast-single-color-container:first-child{border-top-left-radius:3px}.ast-color-palette-wrap .ast-single-color-container:nth-child(5){border-top-right-radius:3px}.ast-palette-individual-item{height:21px;width:21px;display:block;box-shadow:0 0 0 15px inset;border-width:1px;border-style:solid;border-color:#929ba4;border-image:initial;border-radius:50%;transition:box-shadow .1s ease 0s}.ast-palette-individual-item-wrap:not(:last-child){margin-right:4px}.components-button.ast-preset-palette-item{width:100%;padding:0;margin-top:4px}.ast-palette-presets-inner-wrap:last-child .ast-preset-palette-item{margin-bottom:0}.components-button.ast-preset-palette-item:hover{border:none;box-shadow:none;outline:0}.customize-control-ast-color-palette .ast-field-settings-modal::before{right:12px}section.ast-palette-presets-inner-wrap{padding:12px 10px 8px;transition:all .2s}section.ast-palette-presets-inner-wrap:last-child{padding-bottom:12px}.ast-palette-presets-inner-wrap:hover{background:#f3f5f7;border-radius:3px}.ast-color-preset-container .components-button.ast-preset-palette-item:focus{outline:0;box-shadow:none}#customize-control-astra-color-palettes .ast-color-palette-wrapper{clear:both}#customize-controls .customize-section-title.is-in-view.is-sticky{z-index:99}#customize-control-astra-color-palettes .ast-palette-selection-wrapper{overflow:hidden;padding:2px}@media (min-width:1800px){#customize-control-astra-color-palettes .astra-color-picker-wrap{width:auto}}#customize-control-astra-color-palettes .ast-field-settings-modal{margin-left:-8px;margin-right:-8px;display:none;padding:0}.astra-advanced-color-indicate .global-color{display:none}.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color{color:#fff;display:block;opacity:1;position:absolute;left:50%;top:50%;display:block;text-align:center;transform:translate(-50%,-50%)}.color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg{width:10px;height:10px;transform:scale(1.5)}#customize-control-astra-color-palettes .ast-adv-toggle-icon{top:-5px}.ast-color-picker-custom-tooltip{position:absolute;top:-30px;bottom:0;left:0;right:0;width:100%;height:100%}.ast-color-picker-custom-tooltip[data-title]::after{content:attr(data-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgb(0 0 0 / 35%);background:var(--ast-customizer-color-12);color:var(--ast-customizer-color-10);z-index:1000;bottom:calc(100% + 5px);text-align:center;animation:tooltips-vert .3s ease-out forwards;text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;left:50%;transform:translate(-50%,-.5em)}.ast-single-palette-wrap>:last-child .ast-color-picker-custom-tooltip[data-title]::after{left:-16px}.ast-color-picker-custom-tooltip-wrapper{position:relative}.ast-color-picker-wrap:hover+.ast-color-picker-custom-tooltip-wrapper .ast-color-picker-custom-tooltip[data-title]::after{display:flex;white-space:break-spaces;inline-size:max-content}.ast-color-palette .components-popover.components-tooltip{position:relative!important;left:5px!important;top:-35px!important;transform:unset!important}.customize-control .components-tooltip{z-index:8!important}.ast-color-palette .components-popover .components-popover__content{bottom:calc(100% + 5px);animation:tooltips-vert .3s ease-out forwards;left:50%;transform:translate(-50%,-.5em)}.palette-name-input{border:0;font-size:inherit;color:inherit;min-height:20px;box-shadow:none;padding:0;text-align:center}.ast-color-palette-wrap.active{box-shadow:0 0 0 1px var(--ast-customizer-color-8);border-radius:3px}#customize-control-astra-color-palettes .ast-color-palette-wrap.active>section,#customize-control-astra-color-palettes .ast-color-palette-wrap>section{box-shadow:none}.customize-control .ast-palette-label-wrap .palette-name-input{box-shadow:none;border-color:transparent;letter-spacing:1.5px;text-transform:uppercase;color:#9ca3af}.ast-palette-label-wrap input[type=text]{min-height:22px;padding:0}.ast-color-palette-wrap:hover{cursor:pointer}.ast-adv-toggle-icon[data-control=astra-color-palettes]{color:var(--ast-customizer-color-1);font-size:14px!important;background:0 0;transition:color .3s ease;padding:0}.ast-adv-toggle-icon[data-control=astra-color-palettes]:hover{color:#03699d}.ast-adv-toggle-icon[data-control=astra-color-palettes]:hover{opacity:.7}.astra-control-field.astra-color-control{display:flex}.astra-control-field{position:relative;margin-top:10px;margin-bottom:10px}.astra-control-field.astra-color-control .customize-control-title{flex-grow:2}.astra-control-field .customize-control-title{font-size:14px;font-weight:600;margin-bottom:0;display:flex;align-items:center;letter-spacing:.1px;line-height:18px}.customize-control-title{display:block;font-size:14px;line-height:1;font-weight:600;margin-bottom:4px}.astra-globe-dashicon{color:#fff;background:rgba(0,0,0,.4);border-radius:100%;border:.1px solid rgba(0,0,0,.1);opacity:.78}.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:28px;height:28px;border-radius:50%;margin:0;background:inherit}.component-color-indicator{width:25px;height:16px;display:inline-block}.astra-advanced-color-indicate.component-color-indicator{border:none}.astra-color-icon-indicate.components-button{height:auto;position:relative;transform:scale(1);transition:none;border-radius:50%;padding:0;background-image:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.astra-popover-color .components-popover__content .components-focal-point-picker-wrapper{box-sizing:border-box}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container input[type=number].components-text-control__input{min-height:16px;line-height:16px;font-size:12px;width:50px;font-weight:400}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control{flex:1;margin-bottom:0}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control .components-base-control__label{margin-bottom:0;margin-right:.2em}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control__field{display:flex;align-items:center;font-size:8px;font-weight:600;font-style:normal;text-transform:uppercase}.astra-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control:last-child .components-base-control__field{justify-content:flex-end}.astra-popover-color .components-popover__content .actions{display:flex;justify-content:center;margin-bottom:10px}.astra-popover-color .components-popover__content .actions .button{flex:1;margin-top:10px}.astra-background-picker-wrap .astra-popover-color .components-popover__content{min-width:300px;min-height:340px;max-height:60vh}.color-button-wrap{display:inline-block;position:absolute;right:0;top:0;transform:scale(1);transition:transform .1s ease;height:28px;width:28px}.components-button.astra-color-icon-indicate .astra-advanced-color-indicate:after{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:50%;border:1px solid transparent}.components-button.astra-background-icon-indicate{width:50px;height:50px;border-radius:50%;position:relative;transform:scale(1);transition:transform .1s ease;border-radius:50%;padding:0;background-image:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);border:1px solid #dadada;background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.components-button.astra-background-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:100%;height:100%;border-radius:4px;margin:0;display:block;position:absolute;border:0;top:0}.components-button.astra-background-icon-indicate>svg.dashicon{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;color:#fff;background:rgba(0,0,0,.6);border-radius:100%;width:16px;height:16px;border:1px solid rgba(0,0,0,.1)}.components-button.astra-background-icon-indicate>svg.dashicon path{transform:translate(1px,1px)}.components-button.astra-background-icon-indicate img.astra-background-image-preview{display:flex;object-fit:cover;min-width:100%;min-height:100%;position:absolute;top:0}.components-button.astra-background-icon-indicate:hover{box-shadow:none!important}.astra-control-field.astra-color-control{display:flex}.astra-control-field.astra-color-control .customize-control-title{flex-grow:2}.components-popover.astra-popover-color .components-popover__content{padding:15px 15px 0;box-sizing:initial;background:#fff;border:unset;border-radius:4px;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.3);box-shadow:0 2px 15px rgba(0,0,0,.3)}.customize-control-ast-color.customize-control>*{display:inline}.components-popover.astra-popover-color .components-popover__content .sketch-picker{padding:0 0 5px!important;box-shadow:none!important;border-radius:0!important}.components-popover.astra-popover-color .components-popover__content .attachment-media-view{margin-top:10px;margin-bottom:10px}.astra-swatches-wrap .astra-swatche-item-wrap:hover{transform:scale(1.1)!important}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item{background-image:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;padding:0;display:flex;justify-content:center}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item .dashicon{display:none}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active{box-shadow:0 0 0 8px inset!important}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon{display:block;color:#fff;background:rgba(0,0,0,.6);width:16px;height:16px;border:1px solid rgba(0,0,0,.1);border-radius:100%}.astra-swatches-wrap .astra-swatche-item-wrap .astra-swatch-item.swatch-active .dashicon path{transform:translate(1px,1px)}.components-button.astra-color-icon-indicate>.dashicon{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;color:#fff;background:rgb(85 93 101);border-radius:4px;width:17px;height:17px;font-size:17px;border:1px solid rgba(0,0,0,.1)}.astra-popover-color{margin:5px -5px 0;background-color:#fff;border-radius:4px;box-shadow:0 8px 16px -4px rgba(30,41,59,.16)}.astra-popover-color .components-h-stack.ast-color-palette{padding:14px 5px}.customize-control-ast-color-group .astra-popover-color .astra-background-tabs .components-h-stack.ast-color-palette,.customize-control-ast-responsive-background .astra-popover-color .components-h-stack.ast-color-palette{padding:0 5px 14px}.astra-popover-color .components-h-stack .components-button{flex:inherit}.astra-popover-color .components-circular-option-picker__option:focus::after{width:auto;height:auto}.astra-popover-color .components-h-stack .components-circular-option-picker__option-wrapper{margin-right:0}.astra-popover-color .components-color-picker .react-colorful__alpha,.astra-popover-color .components-color-picker .react-colorful__hue{width:90%}.ast-field-settings-modal .astra-popover-color{margin-left:0;border:1px solid #dedede}.ast-field-settings-modal .astra-popover-color .components-tab-panel__tabs{padding:8px}.components-color-picker__saturation-black{border-radius:4px 4px 0 0}.components-color-picker__saturation-color{border-radius:3px}.components-color-picker__saturation-white{border-radius:3px}.astra-color-picker-wrap{position:absolute;z-index:2;top:30px;left:0;right:0;bottom:0;display:none}.astra-color-picker-wrap .astra-popover-color .components-color-picker,.astra-color-picker-wrap .astra-popover-color .react-colorful{width:100%}.astra-popover-color .components-custom-gradient-picker{z-index:1}.astra-popover-color .components-custom-gradient-picker__ui-line{z-index:-1}.astra-color-picker-wrap.picker-open{display:block}.ast-field-settings-modal .astra-color-picker-wrap{position:relative;top:10px}.ast-color-palette .components-circular-option-picker__option-wrapper{margin-right:6px;position:relative;height:25px;width:25px}.ast-color-btn-clear-wrap{position:absolute;top:1.5px;right:65px}.ast-color-btn-clear-wrap .astra-color-clear-button.components-button{padding:10px 3px;width:20px;height:20px}.ast-clear-btn-inside-picker.components-button,.ast-reset-btn-inside-picker.components-button,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button{margin:5px 20px 20px 15px;padding:0 8px;border:1px solid #ccc;box-shadow:none}.ast-clear-btn-inside-picker.components-button:active,.ast-clear-btn-inside-picker.components-button:focus,.ast-clear-btn-inside-picker.components-button:hover,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button:active,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button:focus,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button:hover,.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active{box-shadow:none!important;background:0 0!important}.ast-clear-btn-inside-picker{padding:0 8px}.ast-color-btn-reset-wrap{position:absolute;right:36px;top:6px}.ast-color-btn-reset-wrap .ast-reset-btn.components-button,.ast-resp-slider-reset-wrap .ast-reset-btn.components-button{color:#006ba1;height:20px;width:20px;padding:4px;background:0 0;box-shadow:none!important;cursor:pointer}.astra-color-clear-button.components-button:focus:not(:disabled){outline:unset;border:none}.ast-color-btn-reset-wrap .ast-reset-btn.components-button:focus,.ast-color-btn-reset-wrap .ast-reset-btn.components-button:hover,.ast-resp-slider-reset-wrap .ast-reset-btn.components-button:focus,.ast-resp-slider-reset-wrap .ast-reset-btn.components-button:hover{box-shadow:none;border:none;background:0 0}.astra-color-clear-button.components-button.is-secondary:hover:not(:disabled),.astra-color-clear-button.components-button:focus:not(:disabled){box-shadow:0 0 #000;padding:1.5px;border:none}.ast-reset-btn.components-button.is-secondary:disabled span,.astra-color-clear-button.components-button.is-secondary:disabled{color:var(--ast-customizer-color-6)}.ast-field-settings-modal .color-button-wrap{right:16px}.ast-field-settings-modal .ast-color-btn-reset-wrap{right:59px;top:6px}.ast-field-settings-modal .ast-color-btn-clear-wrap{right:78px}.astra-color-picker-wrap .components-color-picker__inputs-wrapper{min-width:unset}.customize-control .ast-gradient-color-picker input[type=number]{width:100%}.ast-gradient-color-picker .components-select-control.components-custom-gradient-picker__type-picker{align-items:center;flex-direction:inherit}.astra-color-picker-wrap .components-popover__content{width:max-content}.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .components-color-picker,.astra-color-picker-wrap .astra-popover-color .ast-gradient-ui .react-colorful,.astra-color-picker-wrap .components-custom-gradient-picker__inserter .components-color-picker{width:216px}.astra-color-picker-wrap .ast-gradient-ui .components-select-control.components-custom-gradient-picker__type-picker{flex-direction:column;align-items:start}.astra-color-picker-wrap .ast-gradient-ui .components-angle-picker-control{margin-bottom:0}.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point{padding:0 16px 16px 16px;border:0}.astra-color-picker-wrap .ast-gradient-ui .components-custom-gradient-picker__remove-control-point:focus{box-shadow:none;outline:0}.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type=number]{width:100%}.ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:24px;height:24px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper{height:25px;width:25px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{left:2.5px;top:0;width:20px}.ast-color-palette .components-circular-option-picker__option.is-pressed+svg{left:0;top:0;mix-blend-mode:difference}.astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches{gap:4px;justify-content:center}.astra-popover-color .components-circular-option-picker__option-wrapper:hover{transform:scale(1.1)}.customize-control-ast-color+.customize-control-ast-color{margin-top:30px}.astra-popover-color .color-tab [data-wp-component=Flex],.astra-popover-tabs .color-tab [data-wp-component=Flex]{padding-left:8px}.astra-popover-color .ast-clear-btn-inside-picker.components-button,.astra-popover-tabs .ast-clear-btn-inside-picker.components-button{margin-left:8px;margin-top:0}@media (max-width:1845px){.ast-color-palette .components-circular-option-picker__option-wrapper{height:22px;width:22px}.astra-background-tabs .ast-color-palette .components-circular-option-picker__option-wrapper{height:20px;width:20px}.ast-color-palette .components-circular-option-picker__option.is-pressed+svg{width:20px;top:-2px}.astra-popover-color .ast-color-palette.components-circular-option-picker{width:auto;padding:16px 0 0 8px}.astra-typography-control .typography-button-wrap>button.components-button.astra-typography-preview-indicate{padding:0 2px}.astra-typography-control .typography-button-wrap>button.components-button{padding:0 4px}.ast-fields-wrap .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:auto;height:auto}.ast-fields-wrap .ast-color-palette .components-circular-option-picker__option-wrapper{height:20px;width:20px}.ast-fields-wrap .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{left:1px;top:-2px;width:18px}.astra-popover-color .components-circular-option-picker__option[aria-pressed=true]+svg,.components-circular-option-picker__option[aria-selected=true]+svg{width:22px;height:22px;left:0;top:0;mix-blend-mode:difference}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:24px;height:24px}.astra-background-tabs .components-circular-option-picker__option[aria-selected=true]+svg{width:20px;height:20px}}@supports (-moz-appearance:none){@media (max-width:1845px){.ast-color-palette .components-circular-option-picker__option-wrapper{margin-right:5px}.ast-field-settings-modal .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:21px;height:21px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option-wrapper{height:20px;width:20px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{left:3px;top:-2px;width:15px}}}.astra-color-icon-indicate.components-button:focus:not(:disabled){box-shadow:unset;outline:unset}.astra-color-icon-indicate.components-button:hover{transform:scale(1.05)}.ast-top-divider.customize-control-ast-color .ast-divider-title+.ast-control-wrap,.ast-top-divider.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap{margin-top:25px;display:inline-flex;width:100%;min-height:22px}.ast-bottom-divider.customize-control-ast-toggle-control .ast-divider-title+.ast-togglecontrol-wrapper,.ast-top-divider.customize-control-ast-responsive-color .ast-divider-title+.ast-control-wrap,.ast-top-divider.customize-control-ast-responsive-toggle-control .ast-divider-title+.ast-responsive-toggle-control-wrapper,.ast-top-divider.customize-control-ast-slider .ast-divider-title+.ast-slider-wrap,.ast-top-divider.customize-control-ast-toggle-control .ast-divider-title+.ast-togglecontrol-wrapper,.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap{margin-top:25px}.ast-top-divider.customize-control-ast-color-group .ast-control-wrap{display:inline-flex;width:100%}.ast-top-divider .ast-divider-title+.ast-control-wrap .ast-color-btn-reset-wrap{top:67px}.ast-top-divider .ast-divider-title+.ast-control-wrap .color-button-wrap{top:61px}.ast-color-palette.components-circular-option-picker .components-circular-option-picker__swatches{width:100%}li#customize-control-astra-settings-transparent-content-section-text-color-responsive .ast-control-wrap .ast-responsive-btns{top:2px}:root{--ast-customizer-color-1:#0284c7;--ast-customizer-color-2:#0ea5e9;--ast-customizer-color-3:#2271b1;--ast-customizer-color-4:#1e293b;--ast-customizer-color-5:#334155;--ast-customizer-color-6:#9CA3AF;--ast-customizer-color-7:#D1D5DB;--ast-customizer-color-8:#4B5563;--ast-customizer-color-9:#fff;--ast-customizer-color-10:#fff;--ast-customizer-color-11:#F5F5F5;--ast-customizer-color-12:#1e293b;--ast-customizer-color-13:#F3F4F6;--ast-customizer-color-14:#cc1818}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{color:var(--ast-customizer-color-5)}.customize-control .ast-spacing-responsive-btns li svg{max-width:13px}.customize-control-ast-customizer-link .customizer-link{font-style:italic;text-decoration:none}.customize-control-ast-customizer-link:empty{display:none}.accordion-section-content::-webkit-scrollbar,.wp-full-overlay-sidebar-content::-webkit-scrollbar{width:6px;background-color:#f1f1f1}.accordion-section-content::-webkit-scrollbar-thumb,.wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d8d8d8}.accordion-section-content::-webkit-scrollbar-track,.wp-full-overlay-sidebar-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.3);width:6px}.wp-full-overlay-sidebar:after{display:none}#customize-theme-controls .control-section-ast-section-separator{margin-top:15px;border-top:1px solid #ddd;display:block!important}.customize-control:not(.customize-control-nav_menu_item){position:relative;margin-bottom:0;margin-top:16px}.customize-control-ast-background,.customize-control-ast-responsive-background,.customize-control.customize-control-ast-color,.customize-control.customize-control-ast-color-group{display:flex;align-items:center;min-height:28px;flex-wrap:wrap}.customize-control-ast-responsive-background label{white-space:nowrap}.customize-control .media-position-setting label.components-text{text-transform:capitalize;font-size:12px;font-weight:400}.media-position-setting .astra-popover-tabs .components-tab-panel__tabs{padding-left:0;padding-right:0}.customize-control[ID*="-builder-layout-ast-context-tabs"]{margin-top:0}[ID*="-builder-layout-ast-context-tabs"]{margin-top:10px}.customize-section-title{margin:-12px -24px 0 -24px}#customize-controls .customize-info,#customize-controls .customize-info.section-meta,.customize-section-description-container{margin-bottom:0}#customize-controls #sub-accordion-panel-nav_menus .customize-info{margin-bottom:15px}#customize-control-astra-settings-header-transparent-link-heading{margin-top:15px}#customize-controls .components-base-control .components-base-control__field{margin-bottom:0}#customize-controls .components-base-control .components-base-control__field .components-input-control__backdrop{border-color:#d1d5db!important}.customize-control .customize-inside-control-row{padding-top:0;padding-bottom:0}.customize-control-title{display:inline-block;margin-bottom:16px;vertical-align:middle}.customize-control-ast-background .customize-control-title,.customize-control-ast-color .customize-control-title,.customize-control-ast-responsive-background .customize-control-title,.customize-control-ast-responsive-color .customize-control-title{display:contents}.customize-control .ast-control-tooltip{position:absolute;top:0;right:0;color:var(--ast-customizer-color-6);cursor:help}.customize-control .ast-control-tooltip:hover{color:var(--ast-customizer-color-1)}.customize-control.customize-control-ast-responsive-background .ast-control-tooltip{top:50%;right:36px;transform:translateY(-50%)}.customize-control.customize-control-ast-responsive-background:has(.ast-color-btn-reset-wrap) .ast-control-tooltip{right:60px}.customize-control.customize-control-ast-toggle-control .ast-control-tooltip{position:absolute;top:50%;right:40px;transform:translateY(-50%);z-index:1}#customize-control-astra-settings-learndash-distraction-free-learning .ast-control-tooltip{padding-top:32px}.customize-control.customize-control-ast-toggle-control.ast-top-dotted-divider .ast-control-tooltip{position:absolute;top:55%;right:40px;transform:translateY(0)}.customize-control-ast-selector.customize-control .ast-control-tooltip{top:-3px}.customize-control.customize-control-ast-toggle-control.ast-top-divider .ast-control-tooltip{top:calc(50% + 15px)}.customize-control.customize-control-ast-toggle-control.ast-bottom-divider .ast-control-tooltip{top:calc(50% - 11px)}.customize-control.customize-control-ast-toggle-control .ast-description-enabled .components-form-toggle{margin-left:25px}.customize-control.customize-control-ast-divider .ast-control-tooltip{position:absolute;top:auto;bottom:3px;right:0}.ast-fields-wrap .customize-control .ast-control-tooltip{right:15px;top:6px}.customize-control .ast-sortable-subfields-wrap .ast-control-tooltip{position:absolute!important;top:40%;right:0;transform:translateY(-50%);z-index:1}.customize-control .ast-sortable-subfields-wrap .customize-control-ast-toggle .ast-control-tooltip{right:30px;top:50%}.ast-top-dotted-divider .dashicons-editor-help[data-title]:hover~.ast-dashicons-custom-tooltip,.ast-top-section-divider .dashicons-editor-help[data-title]:hover~.ast-dashicons-custom-tooltip{top:24px}.customize-control .select2-search input[type=text].select2-search__field{min-height:17px}input[type=text].select2-search__field{line-height:1;border-radius:0}.ast-customizer-notice{margin:0 -12px;padding:12px}#customize-theme-controls .control-section.open{height:100%;padding:12px 24px 25px 24px}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){#customize-control-astra-settings-ast-header-responsive-logo-width .wrapper{display:inline-block;width:100%}.dashicons-desktop:before,.dashicons-smartphone:before,.dashicons-tablet:before{color:#000;opacity:.75}.ast-reset-btn.components-button svg{padding:0;height:13px}}}@-moz-document url-prefix(){.control-section.open .customize-control:last-child{margin-bottom:20px}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.control-section.open .customize-control:last-child{padding-bottom:20px}#customize-control-astra-settings-blog-archive-image-height .customize-control-title,#customize-control-astra-settings-blog-archive-image-width .customize-control-title,#customize-control-astra-settings-blog-single-post-image-height .customize-control-title,#customize-control-astra-settings-blog-single-post-image-width .customize-control-title{margin-left:0;margin-right:20px}}.wp-customizer li:not(.customize-control-sidebar_block_editor) h1,.wp-customizer li:not(.customize-control-sidebar_block_editor) h2,.wp-customizer li:not(.customize-control-sidebar_block_editor) h3,.wp-customizer li:not(.customize-control-sidebar_block_editor) h4,.wp-customizer li:not(.customize-control-sidebar_block_editor) h5,.wp-customizer li:not(.customize-control-sidebar_block_editor) h6{font-weight:600}.block-list-appender{margin-bottom:20px}.block-editor-block-inspector .block-editor-block-card{margin-top:12px}.components-circular-option-picker__option-wrapper::before{background:unset}.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper{position:relative}.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-width{display:none}.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-direction{display:none}.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-width{display:none}.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-direction{display:none}#customize-controls .control-section.control-section-ast_section .accordion-section-title,#customize-outer-theme-controls .accordion-section-title,#customize-theme-controls .accordion-section-title{border-bottom:1px solid var(--ast-customizer-color-7)}#customize-theme-controls .accordion-section-title button.accordion-trigger{max-height:fit-content}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title,.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{border-left-color:var(--ast-customizer-color-1)}.ast-section-toggle{display:grid;grid-template-columns:70% 20% 10%;align-items:center;padding:0 0 0 12px;height:100%;align-items:center;align-content:center;max-height:46px}.ast-section-toggle label{font-size:14px;line-height:1;font-weight:600;height:100%;display:inline-flex;align-items:center}.ast-section-toggle>label{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:auto;line-height:50px}.ast-section-toggle:not(.active)>label{cursor:default}.customize-control.customize-control-ast-section-toggle{border:1px dashed var(--ast-customizer-color-1);background:var(--ast-customizer-color-11);cursor:pointer;box-shadow:none!important;line-height:42px;font-size:14px;display:inline-grid;align-items:center;height:auto;color:var(--ast-customizer-color-5);position:relative;white-space:nowrap;border-radius:4px;transition:all .2s;padding-top:0;padding-bottom:0;margin-top:24px;margin-bottom:9px;margin-top:24px}.customize-control.customize-control-ast-section-toggle:hover{background:var(--ast-customizer-color-9);border-style:solid}.ast-section-toggle-icon{color:var(--wp-admin-theme-color);cursor:pointer;line-height:20px;height:100%;display:inline-flex;align-items:center}.ast-section-toggle-icon span{font-size:16px;line-height:16px;width:16px;height:16px}.customize-control-ast-section-toggle{padding-top:25px;padding-bottom:16px}li#customize-control-astra-settings-related-posts-title{margin-top:32px}li#accordion-section-section-search-page-title.control-section-ast_section,li[ID*=accordion-section-ast-dynamic-archive-].control-section-ast_section,li[ID*=accordion-section-ast-dynamic-single-].control-section-ast_section,li[ID*=accordion-section-ast-sub-section-].control-section-ast_section{display:none!important}.item-customizer-focus svg{min-width:12px;min-height:12px;width:12px;height:12px;fill:#fff;margin-left:-1px}.wp-full-overlay-sidebar #customize-header-actions{padding-left:6px;padding-right:6px}#customize-header-actions button#astra-tour{display:block;position:absolute;top:0;bottom:0;left:48px;width:45px;margin-top:0!important;padding:0;background:#f0f0f1;border:none;border-radius:0;border-top:4px solid #f0f0f1;border-right:1px solid #dcdcde;color:#3c434a;fill:#3c434a;stroke:#3c434a}#customize-header-actions button#astra-tour:focus,#customize-header-actions button#astra-tour:hover{background:#fff;color:#2271b1;fill:#2271b1;stroke:#2271b1;border-top-color:#2271b1;box-shadow:none;outline:1px solid transparent}#customize-header-actions button#astra-tour svg{margin-top:7px;margin-left:3px;width:16px;height:16px}@media screen and (max-width:640px){#customize-header-actions button#astra-tour{left:153px}}.indicator-dot{z-index:1000;position:relative;height:5px;width:5px;background-color:red;border-radius:50%;display:inline-block;margin-left:80px;margin-bottom:15px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}100%{transform:scale(1);opacity:1}}.ast-style-guide-tooltip{display:none;position:absolute;left:50%;transform:translateX(-50%);margin-bottom:5px;background-color:#e5e5e5;color:#494948;border-radius:3px;white-space:nowrap;font-size:12px;z-index:1000;opacity:0;transition:opacity .3s ease;padding:0 8px;top:45px;box-shadow:rgba(0,0,0,.02) 0 1px 3px 0,rgba(27,31,35,.15) 0 0 0 1px}#astra-tour:hover .ast-style-guide-tooltip{display:block;opacity:1}.customize-control-ast-description .ast-description{font-style:italic;color:#9ca3af;font-size:11px;line-height:16px;font-weight:400;text-wrap:wrap;display:inline-block}.customize-control-ast-description a.button{margin-top:10px;font-style:normal}.customize-control-ast-description p{margin:0;cursor:initial;font-size:11px;line-height:16px;font-weight:400}.customize-control .customize-control-description{display:none}.customize-control-ast-divider hr{margin-top:0;margin-bottom:0;border-bottom:none}.customize-control-ast-divider .customize-control-title{font-size:15px;margin:1em 0 .2em}.customize-control-ast-divider .customize-control-suffix{position:absolute;right:0;bottom:0;font-weight:600;color:var(--ast-customizer-color-1);display:inline-block;font-size:11px;text-transform:uppercase}.customize-control-ast-divider .customizer-text{margin-top:-10px;display:block}.ast-field-settings-modal .customize-control-ast-divider{background-color:#f5f5f5;display:block;padding:6px 14px;margin:0;border-width:1px 0;border-style:solid;border-color:#ddd;line-height:1;margin-top:15px}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customizer-text{margin-top:0}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customize-control-title{font-weight:500;letter-spacing:1px;font-size:11px;margin:0;text-transform:uppercase}.ast-bottom-divider{border-bottom:1px solid var(--ast-customizer-color-7);padding-bottom:25px}.ast-top-divider{border-top:1px solid var(--ast-customizer-color-7);padding-top:25px}.ast-bottom-divider>label.ast-divider-title,.ast-top-divider>label.ast-divider-title,.customize-control-ast-color-group>.ast-divider-title{display:block;width:100%;font-size:15px;font-weight:600}.ast-top-divider .ast-control-wrap .ast-color-btn-reset-wrap{top:25px}.ast-top-divider .ast-control-wrap .astra-color-picker-wrap{top:55px;background-color:transparent}.ast-top-divider .ast-divider-title+.ast-control-wrap .astra-color-picker-wrap{top:100px;background-color:transparent}.ast-top-divider .ast-control-wrap .color-button-wrap{top:20.5px}.ast-top-divider.customize-control-ast-select .ast-divider-title{margin-bottom:25px}.ast-field-settings-modal .customize-control.ast-bottom-spacing,.customize-control.ast-bottom-spacing{margin-bottom:16px}.ast-field-settings-modal .customize-control.ast-top-spacing,.customize-control.ast-top-spacing{margin-top:16px}li.customize-control.ast-bottom-section-spacing{margin-bottom:24px}li.customize-control.ast-top-section-spacing{margin-top:24px}#customize-control-astra-settings-ast-header-retina-logo,#customize-control-astra-settings-checkout-back-to-cart-button-text,#customize-control-astra-settings-edd-archive-variable-button-text,#customize-control-astra-settings-header-account-create-menu-link,#customize-control-astra-settings-header-account-logged-out-text,#customize-control-astra-settings-product-sale-percent-value,#customize-control-astra-settings-shop-load-more-text,#customize-control-astra-settings-single-product-recently-viewed-text,#customize-control-astra-settings-single-product-shipping-text,#customize-control-astra-settings-sticky-header-retina-logo,#customize-control-astra-settings-woo-cart-button-text,.customize-control.ast-top-dotted-divider{margin-top:24px;padding-top:24px;border-top:1px dashed var(--ast-customizer-color-7)},#customize-control-blogdescription,#customize-control-blogname{margin-top:16px}#customize-control-astra-settings-product-sale-percent-value .ast-control-tooltip{top:24px}.customize-control.ast-top-dotted-divider .ast-adv-toggle-icon{top:25px}#customize-control-astra-settings-header-account-logged-in-text,.customize-control.ast-bottom-dotted-divider{margin-bottom:8px;padding-bottom:24px;border-bottom:1px dashed var(--ast-customizer-color-7)}.customize-control.ast-bottom-dotted-divider .ast-adv-toggle-icon{bottom:25px}.customize-control.ast-bottom-section-divider,.customize-control.ast-top-section-divider{position:relative}.customize-control.ast-top-section-divider{padding-top:32px;margin-top:32px}.customize-control.ast-bottom-section-divider{padding-bottom:32px;margin-bottom:16px}.customize-control.ast-sub-top-dotted-divider{padding-top:20px}.customize-control.ast-sub-bottom-dotted-divider{padding-bottom:20px}.customize-control.ast-bottom-section-divider::after,.customize-control.ast-top-section-divider::before{content:'';position:absolute;left:-100%;background-color:var(--ast-customizer-color-7);width:500%;height:1px}.customize-control.ast-sub-top-dotted-divider::before,.customize-control.ast-top-section-divider::before{top:0}.customize-control.ast-bottom-section-divider::after,.customize-control.ast-sub-bottom-dotted-divider::after{bottom:0}.customize-control.ast-sub-bottom-dotted-divider::after,.customize-control.ast-sub-top-dotted-divider::before{content:'';border-top:1px dashed var(--ast-customizer-color-7);width:calc(100% - 30px);height:1px;position:absolute;left:15px}[ID*="-create-menu-link"] .ahfb-builder-item-start{margin-bottom:0}#customize-control-astra-settings-footer-create-menu-link,#customize-control-astra-settings-footer-language-switcher-options,#customize-control-astra-settings-header-above-stick,#customize-control-astra-settings-header-language-switcher-options,#customize-control-astra-settings-header-mobile-menu-create-menu-link,#customize-control-astra-settings-site-icon-link,#customize-control-custom_logo,.customize-control.ast-section-spacing,[ID*=customize-control-astra-settings-footer-button][ID*="-text"],[ID*=customize-control-astra-settings-header-button][ID*="-text"],[ID*=sub-accordion-section-section-hb-menu-] [ID*="-create-menu-link"]{margin-top:32px}#customize-control-body-font-variant,#customize-control-headings-font-variant{margin-top:0}#sub-accordion-section-section-sidebars>.customize-control-ast-heading{margin-top:16px}#sub-accordion-section-section-sidebars>.customize-control-ast-heading~.customize-control-ast-heading{margin-top:32px}.ast-fields-wrap .customize-control.ast-bottom-section-divider::after,.ast-fields-wrap .customize-control.ast-top-section-divider::before{width:100%;left:0}.ast-top-dotted-divider .ast-control-tooltip{top:22px}.ast-top-section-divider .ast-control-tooltip{top:30px}.ast-field-settings-modal .customize-control.ast-top-dotted-divider{margin-top:0}.ast-typo-presets{width:100%;display:flex;align-items:center;flex-wrap:wrap;row-gap:8px;column-gap:8px;justify-content:space-between}.ast-typo-presets .ast-typo-preset-item{padding:0;border-radius:3px;cursor:pointer;border:1px solid var(--ast-customizer-color-7);height:64px;text-align:center;width:47.5%;position:relative}.ast-typo-presets .ast-typo-preset-item:hover{border:1px solid var(--ast-customizer-color-1)}.ast-typo-presets .ast-typo-preset-item svg{transform:scale(1);width:100%;height:100%;padding:0;margin:0}.ast-typo-presets .ast-typo-preset-item.active{border:1px solid var(--ast-customizer-color-1);background:var(--ast-customizer-color-9)}.customize-control-ast-typography-presets .ast-reset-btn-preset-wrap{top:-5px}.ast-typo-preset-item .components-tooltip{margin-top:-8px}.ast-typo-preset-item .components-tooltip::before{border-bottom:none!important;border-left-color:transparent!important;border-right-color:transparent!important;border-top-style:solid!important;border-top-color:#1e1e1e!important;margin-left:-10px;bottom:-8px;content:"";position:absolute;height:0;width:0;line-height:0;border:8px solid #ccc}.ast-typo-preset-item .components-tooltip::after{border-bottom:none!important;border-left-color:transparent!important;border-right-color:transparent!important;border-top-style:solid!important;border-top-color:#1e1e1e!important;margin-left:-10px;bottom:-6px;content:"";position:absolute;height:0;width:0;line-height:0;border:8px solid #fff}.ast-font-styling{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:20px;border-bottom:1px dashed #d4d4d4}.ast-font-extras-wrapper,.ast-font-spacing-wrapper{display:flex;align-items:center;gap:8px}.ast-font-extras-wrapper .ast-font-extras-input,.ast-font-spacing-wrapper .ast-font-spacing-input{position:relative;display:flex;align-items:center;background:#fff;max-width:72px;width:100%;border:1px solid #d1d5db;border-radius:3px;padding:0 3px}.ast-font-extras-wrapper .ast-font-extras-input input,.ast-font-spacing-wrapper .ast-font-spacing-input input{padding:0;border:none;min-height:32px;border-radius:3px;border:none!important;box-shadow:none!important;text-align:center;padding:0 5px}.ast-font-extras-wrapper .ast-font-extras-input input[type=number],.ast-font-spacing-wrapper .ast-font-spacing-input input[type=number]{-moz-appearance:textfield}.ast-font-extras-input:hover,.ast-font-spacing-input:hover{border-color:var(--ast-customizer-color-2)}.ast-font-extras-wrapper .ast-font-extras-input svg,.ast-font-spacing-wrapper .ast-font-spacing-input svg{width:38px;height:28px}.ast-font-extras-input .plus-minus-control .dashicons,.ast-font-spacing-input .plus-minus-control .dashicons{font-size:10px;color:#9ca3af;width:12px;height:10px;display:inherit;cursor:pointer}div .ast-field-settings-modal .customize-control-ast-font-extras{margin-top:15px}.ast-font-extras-input input[type=number]::-webkit-inner-spin-button,.ast-font-extras-input input[type=number]::-webkit-outer-spin-button,.ast-font-spacing-input input[type=number]::-webkit-inner-spin-button,.ast-font-spacing-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ast-font-unit-wrapper{display:flex;gap:6px;font-size:11px;font-weight:500;color:#9ca3af}.ast-font-unit-wrapper span{cursor:pointer}.ast-font-unit-wrapper span:hover{color:#0284c7}.ast-font-unit-wrapper .active{color:#0284c7}.ast-font-styling-second{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:20px}.ast-font-decoration-wrapper,.ast-font-transform-wrapper{display:flex;align-items:center;flex:1}.ast-font-decoration-wrapper div,.ast-font-transform-wrapper div{padding:8px 0;width:33%;text-align:center;font-weight:600;font-size:12px;line-height:16px;color:#334155}.ast-font-decoration-wrapper div.active,.ast-font-transform-wrapper div.active{background-color:#0284c7;color:#fff;cursor:pointer}.ast-font-item-type{border:1px solid #d1d5db}.ast-font-item-type:hover{background-color:#0284c7;color:#fff;cursor:pointer}.ast-font-item-type:first-child{border:1px solid #d1d5db;border-right:none;border-radius:3px 0 0 3px}.ast-font-item-type:last-child{border:1px solid #d1d5db;border-left:none;border-radius:0 3px 3px 0}.ast-font-item-type.ast-font-deco-underline{text-decoration:underline}.ast-font-item-type.ast-font-deco-linethrough{text-decoration:line-through}.ast-typopreset-custom-tooltip{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.ast-typopreset-custom-tooltip[data-title]::after{content:attr(data-title);min-width:3em;max-width:10em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgb(0 0 0 / 35%);background:var(--ast-customizer-color-12);color:var(--ast-customizer-color-10);z-index:1000;bottom:calc(100% + 5px);text-align:center;animation:tooltips-vert .3s ease-out forwards;text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;left:50%;transform:translate(-50%,-.5em)}.ast-typopreset-custom-tooltip[data-title]:hover::after{display:flex;white-space:break-spaces;inline-size:max-content}.ast-customizer-font-varient-wrap{margin-top:12px}.ast-customizer-font-varient-wrap .ast-multi-select__value-container{overflow-x:hidden;flex-wrap:nowrap;padding:2px 5px}.ast-customizer-font-varient-wrap .ast-multi-select__multi-value{margin-top:0;margin-bottom:0;font-size:12px;padding:2px 2px 2px 2px;min-width:auto;color:#4b5563;background-color:#f5f5f5;border:1px solid #d1d5db;border-radius:2px;padding-left:5px}.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__label{line-height:normal}.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove{color:#4b5563;padding-right:0}.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove:hover{background-color:transparent;color:#4b5563}.ast-customizer-font-varient-wrap .ast-multi-select__input-container input:focus{box-shadow:none}.ast-customizer-font-varient-wrap .ast-multi-select__control{position:relative;max-height:32px;display:inline-flex;width:100%;align-content:center}.ast-customizer-font-varient-wrap .ast-multi-select__control:after{content:"\f11c";font-family:dashicons;font-size:16px;margin-right:7px;pointer-events:none;z-index:1}.ast-customizer-font-varient-wrap .ast-multi-select__control:before{content:'';position:absolute;top:3px;right:3px;width:50px;height:25px;background:#f7f7f7;background:linear-gradient(90deg,rgba(247,247,247,0) 0,#fff 50%,#fff 100%);pointer-events:none;z-index:1}#customize-control-astra-settings-ast-body-font-settings .ast-fields-wrap,#customize-control-astra-settings-ast-headings-font-settings .ast-fields-wrap{overflow:visible}.customize-control-ast-font select option[value=normal],.customize-control-ast-font select[data-value=normal] option[value="400"]{display:none}.customize-control-ast-font select[data-value=normal] option[value=normal]{display:block}span.customize-control-title.ast-group-section-title{margin-bottom:4px;font-weight:600}.ast-top-divider.customize-control-ast-group-title .ast-reset-btn-preset-wrap{top:24px}.customize-control-ast-group-title .ast-responsive-btns{margin-left:5px;position:relative;top:3px}.ast-header-preset-container{max-width:100%;overflow:hidden;display:flex;flex-direction:column;padding:16px;gap:16px}.ast-header-preset-item svg{display:block;width:100%}.ast-header-preset-item{cursor:pointer}#customize-control-astra-settings-header-preset-style .ast-field-settings-modal{display:none;padding:0}#customize-control-astra-settings-header-preset-style .ast-adv-toggle-icon{top:-5px}li#customize-control-astra-settings-header-preset-style .customizer-text{padding-left:6px}.ast-header-preset-item svg{outline:1.5px solid var(--ast-customizer-color-6);border-radius:2px}.ast-header-preset-item:hover svg{outline-color:var(--ast-customizer-color-1)}.ast-header-preset-item:hover svg>*{fill:var(--ast-customizer-color-1)}.ast-field-settings-wrap .customize-control-ast-heading{margin:0 0 15px 0}.customize-control-ast-heading{margin-top:25px;margin-bottom:0}.customize-control-ast-heading .ast-heading-wrapper{margin:0 -24px}.customize-control-ast-heading .customize-control-title{display:block;padding:15px 24px;margin:0;border-width:1px 0;border-style:solid;border-color:var(--ast-customizer-color-7);background-color:var(--ast-customizer-color-9);color:var(--ast-customizer-color-4);font-size:12px;font-weight:600;letter-spacing:2px;line-height:1;text-transform:uppercase!important}.customize-control-ast-heading .customize-control-caption{top:50%;transform:translateY(-50%);position:absolute;right:0;font-size:11px;font-weight:500;letter-spacing:1px}.customize-control-ast-heading .customize-control-description{margin-top:10px}.ast-heading-wrapper label{cursor:default}.customize-control>label{cursor:default}.customize-control .ast-border-input-item-link,.customize-control .ast-spacing-input-item-link{cursor:pointer}.customize-control.customize-control-ast-slider label{cursor:pointer}.customize-control.customize-control-ast-slider label .wrapper input[type=range]{cursor:pointer}.customize-control .ast-control-reduce-top-space{margin-top:-15px}.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper{position:relative}.customize-control-ast-input-with-dropdown .components-dropdown-menu{position:absolute;right:0;top:0}.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle{width:30px;height:30px;border-radius:0;background-color:var(--wp-admin-theme-color);color:#fff}.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover{color:#fff}.customize-control-ast-input-with-dropdown .components-button:focus:not(:disabled){box-shadow:none;outline:0}.customize-control-ast-input-with-dropdown .components-popover__content{min-width:170px}.customize-control-ast-input-with-dropdown .components-popover__content .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover{color:var(--wp-admin-theme-color)}.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper input.components-text-control__input{padding-right:40px;max-height:30px;min-height:30px;border-color:#ddd}.ast-link-open-in-new-tab-wrapper{margin:24px 0 0;border-top:1px dashed var(--ast-customizer-color-7)}.ast-link-label-wrapper{margin:24px 0;padding-top:24px;border-top:1px dashed var(--ast-customizer-color-7)}.ast-logo-svg-icon-btn-wrapper{display:flex}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn{flex:1 1 auto;display:flex}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:first-child .components-button{border-radius:3px 0 0 3px}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button{border-radius:unset;font-size:12px;padding:9px 0 10px;white-space:nowrap;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:400}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn button.components-button.is-primary{border-color:var(--ast-customizer-color-3)}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:last-child .components-button{border-radius:0 3px 3px 0}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button.is-primary{color:var(--ast-customizer-color-10);background:var(--ast-customizer-color-1)}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:focus:not(:disabled){box-shadow:none}.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:not(.is-primary):hover{color:var(--ast-customizer-color-5)!important}.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected p{text-align:center;border:1px dashed #c3c4c7;padding:10px}.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected svg{width:50px}.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected .btn-group-icon-selected{display:flex;gap:10px}.ast-logo-svg-icon-icon-library-default .btn-select-icon{margin-top:10px;cursor:pointer;background-color:#f0f0f1;color:#2c3338;width:100%;position:relative;text-align:center;border:1px dashed #c3c4c7;box-sizing:border-box;padding:9px 0;line-height:1.6}.ast-logo-svg-icon-icon-library-default .btn-select-icon:hover{background-color:#fff}.ast-logo-svg-icon-icon-library-modal{width:65%;max-height:85%}.ast-logo-svg-icon-icon-library-header{display:flex;align-items:baseline;height:65px}.ast-logo-svg-icon-icon-library-header h2{width:150px;margin:0;font-size:20px;font-weight:400;color:#1e1e1e}.ast-logo-svg-icon-search-container{flex:1;padding-left:24px}.ast-logo-svg-icon-search-bar{position:relative}.ast-logo-svg-icon-search-bar svg{width:14px;height:14px;position:absolute;top:calc(18px - 7px);color:#555d66;fill:#555d66;transform:rotateZ(90deg);left:12px}.ast-logo-svg-icon-search-bar input[type=text]{height:36px;width:100%;padding:7px 12px 7px calc(12px* 2 + 14px);border:1px solid #e6e7e9;margin:0;border-radius:2px;color:#1d2327}.ast-logo-svg-icon-icon-library-container .components-flex .svg-icons-list-flexbox .svg-icons-list{height:35em;overflow:hidden scroll}.ast-logo-svg-icon-icon-library-container .svg-icons-categories button{border:none;cursor:pointer;padding:15px 0 15px 10px;background:0 0;width:100%;text-align:left}.ast-logo-svg-icon-icon-library-container .svg-icons-categories button.selected,.ast-logo-svg-icon-icon-library-container .svg-icons-categories button:hover{background:#dcf2ff}.ast-logo-svg-icon-icon-library-container .svg-icons-list{display:grid;padding:5px 15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:10px}.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available{display:flex;gap:10px;align-items:center}.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available svg{width:18px}.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available span{font-size:18px}.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon{padding:15px;background-color:#fff;border:1px solid #e6e7e9;border-radius:3px;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:7em;align-items:center}.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon.selected{outline:2px solid}.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon:hover:not(.selected) svg{transform:scale(1.55);transition:transform .2s}.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon svg{width:20px;height:20px}.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer{text-align:right;display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer>button{font-size:13px;border:none;border-radius:2px;width:89px;height:36px;cursor:pointer;display:flex;justify-content:center}.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content{padding:30px 24px;margin:0}.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .components-modal__header{display:none}.ast-logo-svg-icon-element-custom{margin-top:10px}.ast-logo-svg-icon-element-custom textarea{width:100%;height:10em}.customize-control-ast-multi-selector .input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap{display:flex;justify-content:center;flex:1 1 0;background:var(--ast-customizer-color-9);border:1px solid var(--ast-customizer-color-7);padding:.6em 0;cursor:pointer;--ast-customizer-multiselect-icon-color:var(--ast-customizer-color-6);margin-left:-1px}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active{--ast-customizer-multiselect-icon-color:var(--ast-customizer-color-1);border-color:var(--ast-customizer-color-3);z-index:1}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap svg{fill:var(--ast-customizer-color-10)}.ast-multiselector-inner-wrap .ahfb-icon-set{line-height:1}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:last-child{border-radius:0 3px 3px 0}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:first-child{border-radius:3px 0 0 3px}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap span[label]{color:var(--ast-customizer-color-6)}.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active span[label]{color:var(--ast-customizer-multiselect-icon-color)}.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap{flex:0 0 calc(50% - 10px);margin:5px}.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap:nth-child(2n){margin-right:0}.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap{flex:0 0 calc(33.33% - 10px);margin:5px}.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap:nth-child(3n){margin-right:0}[CLASS*=stack-after-].ast-alignment-wrapper{margin-left:-5px;margin-right:-5px;display:flex;flex-wrap:wrap}[CLASS*=stack-after-].ast-alignment-wrapper .ast-multiselector-inner-wrap{margin:5px;align-items:center;padding:5px;height:30px;border-radius:0}.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap{flex:0 0 calc(45% - 10px)}.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap{flex:0 0 calc(28% - 10px)}.customize-control-ast-number .ast-number-single{display:flex;border:1px solid #d1d5db;border-radius:3px;background-color:#fff;width:96px}.customize-control-ast-number .components-input-control__container,.customize-control-ast-number .components-input-control__input{text-align:center}.customize-control-ast-number .ast-number-single .dashicon.dashicons{display:flex;align-items:center;justify-content:center;color:#676879;font-size:10px;padding:.5em;cursor:pointer}.customize-control-ast-number .components-input-control__backdrop{border:0!important}.customize-control-ast-number .ast-number-single input[type=number]::-webkit-inner-spin-button,.customize-control-ast-number .ast-number-single input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.customize-control-ast-number .ast-control-wrapper{display:flex;justify-content:space-between;align-items:center}.customize-control-ast-number .ast-title-wrapper{width:50%}.customize-control-ast-number .ast-number-single{display:none}.customize-control-ast-number .ast-number-single.active{display:flex}.customize-control-ast-number .ast-responsive-btns{margin-left:.5em}.customize-control-ast-number input[type=number]::-webkit-inner-spin-button,.customize-control-ast-number input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.customize-control-ast-number input[type=number]{-moz-appearance:textfield;text-align:center}.customize-control-ast-number input[type=number]::-ms-clear,.customize-control-ast-number input[type=number]::-ms-reveal,.customize-control-ast-number input[type=number]::-webkit-inner-spin-button,.customize-control-ast-number input[type=number]::-webkit-outer-spin-button{display:none}.customize-control-ast-radio-icon .ast-control-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.customize-control-ast-radio-icon .customize-control-title{flex:1;padding-right:.5em}.customize-control-ast-radio-icon .customize-control-title{margin-top:8px;margin-bottom:8px}.customize-control-ast-radio-icon .ast-options{background-color:transparent;margin:0;line-height:0}.customize-control-ast-radio-icon .ast-options li{display:inline-block;position:relative;background-color:transparent;width:42px;height:28px;line-height:28px;margin-bottom:0;border:1px solid var(--ast-customizer-color-7);color:var(--ast-customizer-color-8);cursor:pointer}.customize-control-ast-radio-icon .ast-options li .dashicon{text-align:center;line-height:28px;width:100%;font-size:16px}.customize-control-ast-radio-icon .ast-options li{margin-left:-1px}.customize-control-ast-radio-icon .ast-options li:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;margin-left:0}.customize-control-ast-radio-icon .ast-options li:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.customize-control-ast-radio-icon .ast-options li.active{background-color:var(--ast-customizer-color-1);color:var(--ast-customizer-color-10);border-color:var(--ast-customizer-color-1);margin-right:1px}.customize-control-ast-row-layout .ast-responsive-btns{position:relative;top:1px}.customize-control-ast-radio-image label{position:relative;display:inline-block;margin-right:12px}.ast-divide-four label{margin-right:0}.customize-control-ast-radio-image input{display:none}.customize-control-ast-radio-image input:checked+label svg{background:var(--ast-customizer-color-1);border-radius:0;box-shadow:0 0 3px 0 rgba(0,133,186,.67)}.customize-control-ast-radio-image input:checked+label svg path{color:var(--ast-customizer-color-10)}.components-button-group.ahfb-radio-container-control .active-radio.ast-radio-img-svg svg,.customize-control-ast-radio-image .modern-layout input:checked+label svg{background-color:var(--ast-customizer-color-1);border-color:transparent;box-shadow:0 12px 20px -8px rgba(30,41,59,.16);border-bottom-color:#f0f0f1}.ast-divide-four input:checked+label svg{box-shadow:none;color:var(--ast-customizer-color-3)}.customize-control-ast-radio-image input+label .image-clickable{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon)>.image{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:5px;grid-row-gap:5px}.components-button-group.ahfb-radio-container-control,.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon)>.modern-layout{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:23px;grid-row-gap:23px}.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon)>.ast-divide-four{grid-template-columns:repeat(4,1fr);grid-column-gap:14px;grid-row-gap:10px}.customize-control-ast-radio-image .ast-radio-img-svg svg{width:75px;height:50px}.components-button-group.ahfb-radio-container-control .ast-radio-img-svg svg,.customize-control-ast-radio-image .modern-layout .ast-radio-img-svg svg{margin:0;width:100%;height:auto;background-color:rgba(221,224,226,.5);border:1px solid var(--ast-customizer-color-7);border-radius:4px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.ast-divide-four .ast-radio-img-svg svg{color:var(--ast-customizer-color-7);width:100%;height:93%}.ast-divide-four .ast-radio-img-svg svg path{color:var(--ast-customizer-color-8)}.image-clickable[data-title]::after{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;left:50%;transform:translate(-50%,-.5em)}.image-clickable[data-title]::after{content:attr(data-title);min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);background:var(--ast-customizer-color-12);color:var(--ast-customizer-color-10);z-index:9;bottom:calc(100% + 5px);text-align:center;animation:tooltips-vert .3s ease-out forwards}.image-clickable[data-title]:hover::after{display:block}.image-clickable[data-title='']::after{display:none!important}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%,0)}}@keyframes tooltips-horz{to{opacity:.9;transform:translate(0,-50%)}}.ast-upgrade-trigger:hover .image-clickable[data-title]::after{display:block}.customize-control-ast-responsive-background{position:relative;margin-bottom:-5px}.customize-control-ast-responsive-background .background-container h4{font-size:14px;font-weight:600;color:#555d66}.customize-control-ast-responsive-background .background-attachment h4,.customize-control-ast-responsive-background .background-color h4,.customize-control-ast-responsive-background .background-position h4,.customize-control-ast-responsive-background .background-repeat h4,.customize-control-ast-responsive-background .background-size h4{margin-bottom:5px;margin-top:10px}.customize-control-ast-responsive-background .background-color{margin-bottom:12px}.customize-control-ast-responsive-background .background-repeat{margin:15px 0 15px 0}.customize-control-ast-responsive-background .background-attachment .buttonset,.customize-control-ast-responsive-background .background-size .buttonset{display:flex;flex-wrap:wrap}.customize-control-ast-responsive-background .background-attachment .buttonset .switch-label,.customize-control-ast-responsive-background .background-size .buttonset .switch-label{background:#fff;border:1px solid rgba(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-responsive-background .background-attachment .buttonset .switch-label:last-child,.customize-control-ast-responsive-background .background-size .buttonset .switch-label:last-child{margin-right:0}.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input:checked+.switch-label,.customize-control-ast-responsive-background .background-size .buttonset .switch-input:checked+.switch-label{background-color:#f5f5f5;color:#565e67}.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input[checked=checked]+.switch-label,.customize-control-ast-responsive-background .background-size .buttonset .switch-input[checked=checked]+.switch-label{background-color:#f5f5f5;color:#565e67}.customize-control-ast-responsive-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-responsive-background .ast-bg-img-remove.components-button.is-destructive:hover:not(:disabled){color:#a02222;box-shadow:unset;border-color:#a02222}.customize-control-ast-responsive-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:focus{outline:0;box-shadow:none}.customize-control-ast-responsive-background .arrow-icon{margin-left:5px}.customize-control-ast-responsive-background .background-container{display:none}.customize-control-ast-responsive-background .background-container.active{display:block}.customize-control-ast-responsive-background .wp-picker-container{display:block}.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear{margin-left:4px;min-height:30px}.customize-control-ast-responsive-background .customize-control-content .astra-color-picker-wrap{width:100%}.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-color,.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-white{border-radius:unset}.customize-control-ast-responsive-background .ast-color-btn-clear-wrap{right:84px}.components-color-picker__inputs-toggle-wrapper .components-color-picker__inputs-toggle{vertical-align:middle;height:32px}.astra-popover-tabs .components-button.upload-button.button-add-media{width:100%;position:relative;text-align:center;color:#555d66;border:1px dashed #b4b9be;box-sizing:border-box;box-shadow:unset;padding:9px 0;line-height:1.6}.astra-popover-tabs .components-button.upload-button.button-add-media:hover{color:#555d66;box-sizing:border-box;box-shadow:unset;border-color:#0185ba}.astra-popover-tabs [ID*="-gradient-view"]{padding:0 15px 15px 15px}.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear{flex:unset;box-shadow:unset;width:auto;padding:0 5px}.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:hover{box-shadow:unset}.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active{box-shadow:unset}.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:focus{box-shadow:unset}.astra-popover-tabs #tab-panel-0-image-view>div{text-align:center}.astra-popover-tabs #tab-panel-0-image-view>div img{width:200px;margin-bottom:18px}.astra-popover-tabs #tab-panel-0-image-view>div .media-position-setting{text-align:left}.media-position-setting>.components-base-control{margin-bottom:15px}.media-position-setting [CLASS*="-Item-LabelWrapper"]{margin-bottom:5px}.astra-popover-color .components-circular-option-picker{position:relative;margin-top:0}.astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{margin-top:10px;justify-content:flex-start}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{width:50px}}.astra-popover-color [ID*="-color-view"] .components-circular-option-picker{width:auto}.astra-popover-color .ast-color-palette{width:auto;padding:16px 0 0 14px}.astra-popover-color .ast-color-palette .components-circular-option-picker__option{width:100%;height:100%;border-radius:100%;padding:0}.astra-popover-color .ast-color-palette .components-button.is-pressed:focus:not(:disabled){box-shadow:none;border:none}.astra-popover-color .components-custom-gradient-picker{margin-top:0}.astra-popover-color .components-custom-gradient-picker__gradient-bar{box-sizing:border-box;opacity:1}.astra-popover-color .components-custom-gradient-picker__type-picker .components-base-control__label{display:block}.components-custom-gradient-picker .components-base-control__label{padding-top:10px;font-size:12px;display:block;letter-spacing:.1px;line-height:18px}[ID*="-gradient-view"] .components-toolbar.components-custom-gradient-picker__toolbar .components-button.has-icon{border:none}.media-position-setting.hide-settings{display:none}.media-position-setting .astra-popover-tabs [ID*="-gradient-view"]{padding:0 0 15px 0}.ast-field-settings-modal .customize-control-content .color-button-wrap{right:30px;top:0}.ast-field-settings-modal .ast-responsive-btns{position:absolute;right:14px;top:4px}.ast-field-settings-modal .customize-control-content .astra-color-picker-wrap{margin-left:0;margin-top:0}.ast-field-settings-modal .customize-control-content .ast-color-btn-reset-wrap{right:65px;top:7px}.ast-field-settings-modal .customize-control-content .ast-color-btn-clear-wrap{right:91px}.ast-field-settings-modal .customize-control-ast-responsive-background.customize-control:first-child{margin-top:28px}.customize-control-ast-responsive-background .ast-color-btn-reset-wrap,.customize-control-ast-responsive-color .ast-color-btn-reset-wrap{display:inline-block;line-height:1;top:4.5px}.customize-control-ast-responsive-background .ast-responsive-btns,.customize-control-ast-responsive-color .ast-responsive-btns{position:relative;right:-5px;top:2px}.ast-field-settings-modal .customize-control-ast-responsive-background .ast-responsive-btns,.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns{right:8px}.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha{display:none}.customize-control-ast-responsive-color .customize-control-content{display:block;margin-top:5px}.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-black{border-radius:4px 4px 0 0}.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-color,.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-white{border-radius:3px}.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha.active{display:block}.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-color,.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-white{border-radius:unset}.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap{right:30px;top:-3px}.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .astra-color-picker-wrap{margin-left:0;margin-bottom:10px;margin-top:10px}.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .customize-control-title{display:block;margin-bottom:0}.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns{right:7px;top:1px}.ast-field-settings-modal .customize-control-ast-responsive-color.customize-control:first-child{margin-top:28px}.ast-field-settings-modal .customize-control-ast-responsive-color .ast-clear-btn-inside-picker.components-button{margin:5px 20px 20px 10px}.ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap{top:3.5px}@supports (-moz-appearance:none){.ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap{top:5.5px;right:65px}.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap{right:27px;top:-2px}}.customize-control-ast-responsive-slider .wrapper,.customize-control-ast-slider .wrapper{position:relative;display:flex}.customize-control-ast-responsive-slider .input-field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.customize-control-ast-responsive-slider input[type=range]{position:inherit}.customize-control-ast-responsive-slider select,.customize-control.customize-control-select select{color:#32373c}.customize-control-ast-responsive-slider .input-field-wrapper{display:none}.customize-control-ast-responsive-slider .input-field-wrapper.active{display:flex}.customize-control-ast-responsive-slider .components-base-control{width:100%}.customize-control-ast-responsive-slider .slider-control-label,.customize-control-ast-slider .customize-control-title{cursor:default;margin-top:3px}.ast-responsive-slider-btns{position:absolute;right:0;top:5px;right:30px}.ast-responsive-slider-btns>li{margin-bottom:0;display:none}.ast-responsive-slider-btns>li.active{display:inline-block}.ast-responsive-slider-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0;line-height:1}.ast-responsive-slider-btns button[type=button]>i{cursor:pointer;width:15px;height:15px;font-size:15px}.customize-control-ast-responsive-slider .wrapper .components-base-control,.customize-control-ast-responsive-slider .wrapper .input-field-wrapper.active,.customize-control-ast-slider .components-base-control.components-range-control{width:100%;display:inline-block}.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap,.customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap{margin-left:5px;margin-top:4px}.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap{top:4px;right:0}.customize-control .ast-reset-btn .dashicons-image-rotate{width:12px;height:12px;font-size:12px}.customize-control-ast-responsive-slider .components-input-control input.components-input-control__input,.customize-control-ast-slider .components-input-control input.components-input-control__input{-moz-appearance:textfield}.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-inner-spin-button,.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-outer-spin-button,.customize-control-ast-slider input.components-input-control__input::-webkit-inner-spin-button,.customize-control-ast-slider input.components-input-control__input::-webkit-outer-spin-button{-webkit-appearance:none}.customize-control-ast-responsive-slider .components-input-control__container input.components-input-control__input,.customize-control-ast-slider .components-input-control__container input.components-input-control__input{display:block;border-radius:2px 0 0 2px;box-shadow:none;transition:all .3s;border:1px solid var(--ast-customizer-color-7)}.customize-control-ast-responsive-slider input.components-input-control__input:active,.customize-control-ast-responsive-slider input.components-input-control__input:focus,.customize-control-ast-responsive-slider input.components-input-control__input:hover,.customize-control-ast-slider input.components-input-control__input:active,.customize-control-ast-slider input.components-input-control__input:focus,.customize-control-ast-slider input.components-input-control__input:hover{border-color:var(--ast-customizer-color-2);border-radius:2px;outline:0}.customize-control-ast-responsive-slider .ast-slider-wrap,.customize-control-ast-slider .ast-slider-wrap{position:relative}.components-range-control__wrapper .components-range-control__track{color:var(--ast-customizer-color-1)}.components-range-control__wrapper span span{background-color:var(--ast-customizer-color-1)}.customize-control-ast-responsive-slider .ast-slider-wrap .ast-range-unit,.customize-control-ast-slider .ast-slider-wrap .ast-range-unit{position:absolute;right:23px;top:4px;border-right:1px solid var(--ast-customizer-color-7);padding-right:6px;font-size:11px;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--ast-customizer-color-1)}.customize-control-ast-responsive-slider .components-input-control__container,.customize-control-ast-slider .components-input-control__container{margin-left:5px;width:48px}.customize-control-ast-responsive-slider .components-input-control__container div.components-input-control__backdrop,.customize-control-ast-slider .components-input-control__container div.components-input-control__backdrop{border:none;border-radius:2px 0 0 2px;box-shadow:none}.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-slider .ast-resp-slider-reset-wrap{position:absolute;display:inline-block;line-height:1;right:0}.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-slider .ast-resp-slider-reset-wrap{top:1px;right:-8px}.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number{width:calc(48px)!important}.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number input{text-align:center}.customize-control-ast-responsive-spacing .customize-control-title{display:inline-block}.customize-control-ast-responsive-spacing .ast-spacing-responsive-outer-wrapper{display:flex;position:relative}.customize-control-ast-responsive-spacing .ast-spacing-input-item{margin:0 2px;-moz-appearance:textfield}.customize-control-ast-responsive-spacing .ast-spacing-input-item input[type=number]{-moz-appearance:textfield}.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-inner-spin-button,.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units-screen-wrap{position:relative;top:-5px;right:-10px;display:inline-block}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns{position:relative;top:1px}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns>li{display:none}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns>li.active{display:inline-block}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0;width:100%}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type=button]>i{font-size:15px;vertical-align:middle}.customize-control-ast-responsive-spacing .input-wrapper.ast-spacing-responsive-wrapper{display:inline-flex}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units{position:absolute;font-size:12px;line-height:16px;text-transform:uppercase;font-weight:500;top:-32px;right:0}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit{display:inline-block;margin-left:6px;width:18px;text-align:center;user-select:none;opacity:.6}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active{opacity:1;color:var(--ast-customizer-color-1)}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper{display:none}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li{text-align:center;-webkit-box-flex:1;-ms-flex:auto;flex:auto;cursor:pointer}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input{text-align:center;display:block;font-size:12px;padding:15px 0;width:100%;height:28px;border:1px solid var(--ast-customizer-color-7);border-radius:3px;box-shadow:none;transition:all .3s}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:active,.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:focus,.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:hover{border-color:#1e8cbe}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li .ast-spacing-connected{color:#1e8cbe}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper.active{display:flex}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper span.ast-spacing-title{text-transform:uppercase;font-size:10px;color:var(--ast-customizer-color-6)}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link{order:2;margin-left:2px;margin-top:4px}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .dashicons{padding:2px 0;font-size:12px;line-height:28px}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .ast-spacing-connected{display:none}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-disconnected{display:none}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-connected{display:block}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link span{width:100%;height:32px;line-height:28px;font-size:14px;border-radius:3px 0 0 3px;background-color:transparent}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link svg{pointer-events:none}.customize-control-ast-responsive-spacing .ast-spacing-wrapper>li:nth-child(2){margin-left:0}.ast-responsive-toggle-control .components-base-control__field,.customize-control-ast-responsive-toggle-control .components-toggle-control .components-base-control__field{margin:0}.customize-control-ast-link .ast-responsive-toggle-control .components-form-toggle,.customize-control-ast-responsive-toggle-control .components-toggle-control .components-form-toggle{margin:0;order:2}.customize-control-ast-link .ast-responsive-toggle-control .components-base-control__field{margin:20px 0}.ast-responsive-toggle-control label,.customize-control-ast-responsive-toggle-control .components-toggle-control .components-toggle-control__label{display:flex;flex:1 1 auto;font-size:14px;font-weight:600}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control{display:none}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control.active{position:relative;top:2px;width:91%;display:inline-block;vertical-align:middle}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns{position:relative;float:right;top:4px}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns>li.active{vertical-align:middle}.ast-responsive-toggle-btns>li{margin-bottom:0;display:none}.ast-responsive-toggle-btns>li.active{display:inline-block}.ast-responsive-toggle-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0}.ast-responsive-toggle-btns button[type=button]>i{cursor:pointer;width:15px;height:15px;font-size:15px}.ast-responsive-btns{display:inline-block;line-height:1;vertical-align:top}.ast-responsive-btns>li{margin-bottom:0;display:none}.ast-responsive-btns>li.active{display:inline-block}.ast-responsive-btns button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0}.ast-responsive-btns button[type=button]>i{width:15px;height:15px;font-size:15px}.input-wrapper.ast-responsive-wrapper{display:inline-flex;justify-content:space-between;margin-right:0;align-items:flex-start;flex:0 1;width:100%}.ast-customizer-select-multi .ast-multi-select__input-container{padding:0;margin:0}.ast-customizer-select-multi .ast-multi-select__input-container input{min-height:min-content}.ast-customizer-select-multi .ast-multi-select__input-container input:focus{box-shadow:none}.ast-customizer-select-multi{position:relative}.ast-customizer-select-multi .ast-multi-select__value-container{padding-top:4px;padding-bottom:4px;overflow-x:hidden;padding-left:10px;padding-right:30px;gap:4px}.ast-customizer-select-multi:after{content:"\f11c";position:absolute;font-family:dashicons;font-size:16px;margin-right:15px;pointer-events:none;z-index:1;top:50%;translate:0 -50%;right:0}.ast-customizer-select-multi .ast-multi-select__multi-value__label{margin-right:.2em}.ast-customizer-select-multi .ast-multi-select__multi-value{margin:0;font-size:14px;padding:2px 5px 2px 5px;min-width:auto;color:#4b5563;background-color:#f5f5f5;border:1px solid #d1d5db;border-radius:2px}.ast-customizer-select-multi .ast-multi-select__multi-value__remove{color:#4b5563;padding-right:0}.ast-customizer-select-multi .ast-multi-select__multi-value__remove:hover{background-color:transparent;color:#4b5563}.ast-customizer-select-multi .ast-multi-select__menu *,.ast-customizer-select-multi .ast-multi-select__multi-value__remove{cursor:pointer}.ast-customizer-select-multi .ast-multi-select__menu{z-index:2}.ast-variant-select>div{border-color:#ddd}.ast-variant-select>div,.customize-control input,.customize-control select,.customize-control textarea,.customize-control-content .components-text-control__input{border-color:var(--ast-customizer-color-7);color:var(--ast-customizer-color-5);padding-top:1px;padding-bottom:1px}.ast-variant-select>div:focus,.customize-control input:focus,.customize-control select:focus{border-color:var(--ast-customizer-color-1);color:#0a4b78;box-shadow:0 0 0 1px var(--ast-customizer-color-1)}.ast-adv-toggle-icon{right:2px;position:absolute;width:18px;height:18px;font-size:18px;border-radius:2px;padding:4px;color:var(--ast-customizer-color-8);background:var(--ast-customizer-color-9);cursor:pointer}.ast-adv-toggle-icon:hover{color:var(--ast-customizer-color-1)}#customize-control-astra-color-palettes .ast-adv-toggle-icon{font-size:12px;width:auto;height:auto}#customize-control-astra-color-palettes .ast-adv-toggle-icon:before{display:none}.ast-adv-toggle-icon:before{content:"\f464"}.ast-adv-toggle-icon.open:before{content:"\f158"}.ast-field-settings-modal{position:absolute;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.3);box-shadow:0 2px 15px rgba(0,0,0,.3);-webkit-border-radius:3px;border-radius:3px;left:0;right:0;z-index:8;background-color:#fff}.customize-control-ast-color-palette .ast-field-settings-modal{z-index:11}.ast-field-settings-modal .customize-control-ast-divider:first-child{margin-top:15px}.ast-field-settings-wrap{width:100%}.ast-group-tabs,.ast-tab-content{position:relative}.ast-group-list{overflow:hidden;border-bottom:1px solid #ddd}.ast-group-list:after,.ast-group-list:before{content:"";display:table;border-collapse:collapse}.ui-tabs-anchor{float:left;padding:.5em .5em;color:#555d66;text-decoration:none}.ui-state-active .ui-tabs-anchor{color:#fff}.ui-tabs-anchor:hover{color:#555d66}.ui-state-active .ui-tabs-anchor:hover{color:#fff}.ast-group-tabs .ui-widget-content{overflow:hidden}.ast-group-tabs .ui-widget-content.iris-slider-offset,.ast-group-tabs .ui-widget-content.iris-slider-offset-alpha{overflow:inherit}.ast-fields-wrap{overflow:hidden}.ast-field-settings-wrap{-webkit-box-shadow:0 2px 15px rgba(0,0,0,.3);box-shadow:0 2px 15px rgba(0,0,0,.3);-webkit-border-radius:3px;background-color:#fff}.ast-field-settings-wrap .ast-field-settings-modal{border-radius:3px;margin-top:10px;margin-bottom:20px}.ast-field-settings-modal::before{content:'';position:absolute;top:-17px;right:8px;border:9px solid transparent;border-bottom-color:#fff;pointer-events:none}.ast-group-tabs .ui-tabs-nav{display:flex;padding:15px 15px 0 15px}.ast-group-tabs .ui-tabs-nav .ui-corner-top{align-items:center;flex:1 1 auto;justify-content:center;margin:0 0;padding:0;border:1px solid #ccc;transition:background-color 140ms linear}.ast-group-tabs .ui-tabs-nav .ui-corner-top:first-child{border-radius:3px 0 0 3px}.ast-group-tabs .ui-tabs-nav .ui-corner-top:last-child{border-radius:0 3px 3px 0}.ast-group-tabs .ui-tabs-nav .ui-corner-top .ui-tabs-anchor{width:100%;text-align:center;padding:2px 4px;padding-left:0;padding-right:0;outline:0}.ast-group-tabs ul.ast-group-list .ui-corner-top .ui-tabs-anchor:focus{box-shadow:none}.ast-group-tabs .ui-tabs-nav{border:none}.ast-group-tabs ul.ast-group-list .ui-corner-top.ui-state-active{background-color:#0185ba;border:1px solid rgba(0,0,0,.1)}.ast-group-tabs .ui-tabs-nav{overflow:visible}.ast-group-tabs ul.ast-group-list .ui-corner-top:not(:first-child){border-left-width:0}.wp-core-ui .ast-field-settings-modal .background-image-upload .button{font-size:11px}.ast-field-settings-modal .customize-control{padding-left:16px;padding-right:16px;box-sizing:border-box}.ast-control-wrap .ast-color-picker-alpha{margin-left:-5px;margin-right:-5px}.ast-field-settings-modal .customize-control:first-child{margin-top:16px}.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child{margin-top:0}.ast-field-settings-modal .customize-control:last-child{padding-bottom:16px}.customize-control-ast-settings-group{line-height:27px}.customize-control-ast-settings-group .customize-control-title{margin-bottom:0}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-title{margin-bottom:10px;font-size:13px;margin-top:3px}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-range-unit,.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-units,.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit{top:6px}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-resp-slider-reset-wrap{top:3px}.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-slider-btns,.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-responsive-slider-btns{top:2px}#customize-control-headings-font-extras.ast-sub-top-dotted-divider{margin-top:12px}.astra-popover-tabs{position:relative}.astra-popover-tabs .components-tab-panel__tabs{display:flex;padding:15px;border:none}.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{color:#555d66;font-size:13px;font-weight:400;height:35px;transition:unset;padding:2px 4px;text-decoration:none;border-radius:0;border:1px solid rgba(0,0,0,.1)}.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:active{box-shadow:unset}.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus{box-shadow:unset}.astra-popover-tabs [ID*="-image-view"]{padding:15px;border:none}.astra-popover-tabs .components-button{align-items:center;flex:1 1 auto;justify-content:center;margin:0 0;padding:0;border:1px solid #ccc;transition:background-color 140ms linear}.astra-popover-tabs .components-tab-panel__tabs-item:first-child{border-radius:3px 0 0 3px}.astra-popover-tabs .components-tab-panel__tabs-item:last-child{border-radius:0 3px 3px 0}.astra-popover-tabs .components-tab-panel__tabs-item:not(:first-child){border-left-width:0}.astra-popover-tabs .components-tab-panel__tabs-item.active-tab{background-color:#0185ba;color:#fff}.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content,.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs{padding:0}.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs-item.active-tab{border-color:var(--ast-customizer-color-3);background:var(--ast-customizer-color-1)}.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content .ast-social-icon-picker-label{text-align:left}.astra-media-tab .astra-media-image{width:100%;margin-bottom:0}.astra-media-tab .ast-media-btn{display:block;width:100%;border:1px dashed var(--ast-customizer-color-7);box-sizing:border-box;box-shadow:unset;padding:9px 0;line-height:1.6;text-decoration:none}.astra-media-tab .ast-danger-btn{color:var(--ast-customizer-color-14);margin-top:10px}.astra-media-tab .ast-media-btn:hover{border-color:var(--ast-customizer-color-3)}.astra-media-tab .ast-danger-btn:hover{border-color:var(--ast-customizer-color-14)}.components-base-control.ast-text-control-input{margin-bottom:16px}.ast-payments-text-control-input .components-base-control__label{text-transform:none;color:#334155;font-size:13px}.components-base-control.ast-payments-text-control-input{margin-bottom:20px}.components-base-control.ast-text-control-input input{border-color:var(--ast-customizer-color-7);color:var(--ast-customizer-color-5)}.astra-popover-color .astra-popover-tabs .components-tab-panel__tabs button.components-tab-panel__tabs-item.active-tab:not(.is-primary):not(.is-tertiary):not(.is-link):hover{color:#fff}.components-popover.astra-popover-color .components-popover__content{min-width:310px;max-height:60vh;padding:0;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.3);box-shadow:0 2px 15px rgba(0,0,0,.3)}.ast-field-settings-modal .components-popover.astra-popover-color .components-popover__content{min-width:320px;min-height:325px}.ast-field-settings-modal .background-wrapper .components-popover.astra-popover-color .components-popover__content{min-height:385px}.ast-field-settings-modal .components-angle-picker-control .components-flex__block{min-width:auto}.customize-control-ast-settings-group .customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap,.customize-control-ast-settings-group .customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap{margin-top:0}.ast-top-divider.customize-control-ast-settings-group .ast-toggle-desc-wrap .ast-adv-toggle-icon{top:23px}.ast-fields-wrap .customize-control-ast-responsive-slider .ast-slider-wrap>label,.ast-fields-wrap .customize-control-ast-selector .ast-slider-wrap>label{display:inline-block}.customize-control-ast-slider .wrapper{display:flex}.customize-control-ast-slider .components-range-control{width:100%}.customize-control-ast-responsive-slider .wrapper .ast-range-unit,.customize-control-ast-slider .ast-range-unit{padding:0 0 0 5px;font-size:11px;line-height:1em;font-weight:500;align-self:auto;text-transform:uppercase}.components-range-control__slider[type=range]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.components-range-control__slider[type=range]::-moz-range-track,.components-range-control__slider[type=range]::-webkit-slider-runnable-track{content:'';height:2px;pointer-events:none}.components-range-control__slider[type=range]::-moz-range-thumb,.components-range-control__slider[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;margin-top:5px}.customize-control-ast-responsive-slider .components-range-control__wrapper,.customize-control-ast-slider .components-range-control__wrapper{margin-left:0}.customize-control-ast-responsive-slider span[CLASS*="-ThumbWrapper"],.customize-control-ast-slider span[CLASS*="-ThumbWrapper"]{height:17px;width:17px;top:2px;margin-left:0}.ast-top-divider.customize-control-ast-slider .ast-divider-title+.ast-slider-wrap .ast-resp-slider-reset-wrap{top:68px}.customize-control-ast-responsive-slider .ast-responsive-slider-btns{position:relative;top:-3px;right:-10px;display:inline-block}.customize-control-ast-responsive-slider .ast-responsive-units{position:absolute;top:4px;right:15px;font-size:11px;line-height:normal;padding-right:5px;text-transform:uppercase;width:auto;display:none}.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit{display:inline-block;margin-left:6px;margin-bottom:0;width:16px;text-align:center;user-select:none;opacity:.6;cursor:pointer}.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit.active{opacity:1;font-weight:600;color:#0073aa;cursor:default}.ast-field-settings-modal .ast-fields-wrap>.customize-control-ast-responsive-slider+.customize-control-ast-font{margin-top:8px}.customize-control-ast-sortable .sortable{cursor:default}.customize-control-ast-sortable .sortable .dashicons-visibility{cursor:pointer}.customize-control-ast-sortable .sortable .ast-sortable-item,.customize-control-ast-sortable .sortable .ast-sortable-subcontrols{padding:1px 3px 1px 12px;border:1px solid #d1d5db;color:#334155;background:#fff;cursor:move;font-size:14px;line-height:38px;margin:0 0 10px;border-radius:4px}.customize-control-ast-sortable .sortable .ast-sortable-subcontrols{border:none;padding:0 9px 0 0;border-top:1px solid #d1d5db;border-radius:0 0 3px 3px}.customize-control-ast-sortable .sortable div:last-child{margin:0}.customize-control-ast-sortable .sortable div>.dashicons{float:right;position:relative;font-size:16px;padding:9px;line-height:20px;border-left:none}.customize-control-ast-sortable .sortable div.invisible{opacity:.6;visibility:visible}.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after{opacity:1;position:absolute;content:'';width:18px;height:2px;top:18px;left:11px;background:#656565;border-radius:5px;transform:rotate(-45deg);box-shadow:0 0 0 1px #fff;transition:opacity .2s ease}.ast-sortable-item.invisible,.ast-sortable-item:hover{opacity:.8}.ast-sortable-item.show:hover{opacity:1}.ast-sortable-item .dashicons-arrow-down-alt2,.ast-sortable-item .dashicons-remove{margin-right:-6px}.ast-sortable-item .dashicons-admin-page,.ast-sortable-item .dashicons-arrow-down-alt2,.ast-sortable-item .dashicons-remove{cursor:pointer}.ast-sortable-subcontrols{display:none;padding:12px 0;border-top:1px solid #d1d5db}.show .ast-sortable-subcontrols{display:block}.ast-sortable-subfields-wrap .customize-control{box-sizing:border-box;position:relative}.ast-sortable-item.show i.ast-accordion{transform:rotate(180deg);border-left:none;border-right:none}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button{padding:6px 8px;height:40px;background:#fff}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button:focus{box-shadow:none}.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .ahfb-sorter-title{padding-right:20px;max-width:100%;text-overflow:ellipsis;overflow:hidden}.customize-control-ast-list-icons span.feature-label{max-width:100px;text-overflow:ellipsis;font-size:14px;line-height:18px}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .dashicons-admin-page{color:#556068}.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item-panel-header{border:1px solid #ddd;border-left:0;border-bottom:0;overflow:hidden}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity .ast-media-image-preview,.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg{height:14px;width:14px}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity span{display:flex}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg{height:16px;width:16px;fill:#556068}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ast-sorter-item-expand{border-left:none}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity{border-right:none}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item{border:1px solid #ddd;border-top:0}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown{width:225px!important;left:-10px;box-shadow:0 5px 15px rgb(0 0 0 / 22%),0 0 5px rgb(0 0 0 / 30%)}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open{height:285px;overflow:hidden;position:absolute}.ast-sortable-item .ahfb-sorter-item-panel-content{border-top:1px solid #ddd}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox:hover>*{transform:scale(1.3)!important}.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox{height:32px!important}.ast-sortable-subfields-wrap .ast-color-btn-reset-wrap{top:0}.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-title{margin-bottom:16px;font-size:14px}.ast-sortable-subfields-wrap .customize-control-ast-color .ast-control-wrap .astra-popover-color{margin-left:-10px;margin-right:10px;width:calc(100% + 15px)}.customize-control-ast-sortable .ast-sortable-subfields-wrap .ast-responsive-btns{top:7px}.ast-sortable-subfields-wrap .ast-fields-wrap{padding-bottom:16px}.customize-control-content{width:100%;display:flex;flex-direction:column}.ast-sortable-subfields-wrap .ast-fields-wrap{overflow:inherit}.ast-sortable-subfields-wrap .customize-control{float:none}.ast-sortable-item.invisible>.ast-accordion,.ast-sortable-item.invisible>.dashicons-admin-page,.ast-sortable-item.invisible>.dashicons-remove{display:none}.ast-sortable-item.invisible .ast-sortable-subcontrols{display:none}.ast-sortable-item .ahfb-sorter-item .dashicons{font-size:16px;width:16px;height:16px}.ast-sortable-item .ahfb-sorter-item .ahfb-sorter-item-expand:before{left:7px;width:17px}.ahfb-sorter-item:first-child .ahfb-sorter-item-remove,.ast-sortable-item .components-button.item-is-hidden:not(.visibility-item){display:none}.customize-control-ast-sortable .sortable .rfip .rfipbtn__button{margin-left:auto}.ast-sortable-subfields-wrap .customize-control-ast-responsive-slider .ast-responsive-slider-btns{top:-2px}.ast-sortable-item .customize-control-ast-color .ast-color-btn-reset-wrap{top:12px}.ast-sortable-item .customize-control-ast-color .color-button-wrap{top:8px}.ast-sortable-item .customize-control-ast-color .astra-color-picker-wrap{position:relative;top:8px}.ast-sortable-subfields-wrap .customize-control-ast-description{line-height:1}.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .dashicons-admin-page{margin-right:0}.customize-control-ast-text-input textarea{display:block;width:100%}.ast-togglecontrol-wrapper .components-base-control__field,.customize-control-ast-toggle-control .components-toggle-control .components-base-control__field{margin:0}.customize-control-ast-link .ast-togglecontrol-wrapper .components-form-toggle,.customize-control-ast-toggle .components-toggle-control .components-form-toggle,.customize-control-ast-toggle-control .components-toggle-control .components-form-toggle{margin:0;order:2}.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field{margin:24px 0 0}.ast-togglecontrol-wrapper .components-toggle-control__label,.ast-togglecontrol-wrapper .toggle-control-label{font-size:14px}.ast-togglecontrol-wrapper label,.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label{display:flex;flex:1 1 auto;font-size:14px}.ast-switch~label{position:relative;display:block;width:35px;height:14px;background-color:var(--ast-customizer-color-7);color:transparent;border-radius:50px;cursor:pointer;transition:all .2s ease-in}.ast-switch~label:after{content:'';position:absolute;top:-3px;left:-1px;display:block;width:20px;height:20px;border-radius:50px;background:var(--ast-customizer-color-9);box-shadow:0 2px 4px 0 rgba(72,72,72,.5);transition:all .2s ease-in}.ast-switch:checked~label{background:var(--ast-customizer-color-1)}.ast-switch:checked~label:after{transform:translateX(16px);background:var(--ast-customizer-color-9)}.ast-switch:disabled~label{background:#f0f0f0;pointer-events:none}.ast-switch:disabled~label:after{background:#d1d1d1;box-shadow:0 1px 2px 0 rgba(72,72,72,.5)}.ast-switch:checked,.ast-switch:not(:checked){opacity:0}.customize-control-ast-section-toggle .components-form-toggle{margin-left:5px;text-align:right}.components-toggle-control .components-base-control__field{display:flex;margin-bottom:12px;line-height:initial;align-items:center}.dashicons-editor-help[data-title]{z-index:1}.ast-dashicons-custom-tooltip{display:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.ast-dashicons-custom-tooltip[data-title]::after{content:attr(data-title);min-width:3em;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgb(0 0 0 / 35%);background:var(--ast-customizer-color-12);color:var(--ast-customizer-color-10);z-index:3;bottom:calc(100% + 5px);text-align:center;animation:tooltips-vert .3s ease-out forwards;text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;left:50%;transform:translate(-50%,-.5em)}.dashicons-editor-help[data-title]:hover~.ast-dashicons-custom-tooltip{display:block;opacity:100}.dashicons-editor-help[data-title]:hover~.ast-dashicons-custom-tooltip[data-title]::after{display:flex;white-space:break-spaces;inline-size:max-content}.ast-top-dotted-divider .ast-control-tooltip.dashicons-editor-help{top:22px}.customize-control.ast-bottom-dotted-divider.customize-control-ast-toggle-control .ast-control-tooltip{top:8px}.customize-control.customize-control-ast-select.ast-top-dotted-divider .ast-control-tooltip{top:36px}.customize-control-ast-sortable .customize-control-ast-selector .dashicons.ast-control-tooltip{top:18%;padding:0;font-size:20px}.customize-control.customize-control-ast-color i.ast-control-tooltip{top:5px;right:60px}.select2-container{width:100%!important}span.select2-container.select2-container--default.select2-container--open{z-index:999999}span.select2-container.select2-container--default.select2-container--open li.select2-results__option{margin:0}.select2-selection__rendered li{margin-bottom:0}.select2-container--default .select2-selection--single,.select2-container--default.select2-container .select2-selection--multiple{border-color:#ddd;border-radius:0}.select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-dropdown{border-color:#ddd;border-radius:0}.customize-control.customize-control-ast-hidden{margin-top:0}.wp-full-overlay-footer .devices-wrapper .preview-desktop,.wp-full-overlay-footer .devices-wrapper .preview-mobile,.wp-full-overlay-footer .devices-wrapper .preview-tablet{vertical-align:middle}.customize-control-ast-font-variant .ast-variant-select input#react-select-2-input:focus{box-shadow:none}.ast-variant-select [CLASS*="-indicatorContainer"]{padding:2px;display:contents}.ast-variant-select [CLASS*="-multiValue"]>div:first-child{padding:0}.ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap,.ast-upgrade-pro-wrap .ast-upgrade-trigger{width:100%;-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center;position:relative;overflow:hidden;justify-content:center}.ast-upgrade-pro-wrap .ast-upgrade-cta{position:absolute;top:auto;left:auto;width:auto;height:28px;border-radius:4px;padding:0 8px 0 5px;font-size:1em;line-height:1em;display:inline-flex;color:var(--ast-customizer-color-1);background:var(--ast-customizer-color-9);border:1px solid var(--ast-customizer-color-1);align-items:center;align-content:center;white-space:nowrap}a.ast-upgrade-trigger:active,a.ast-upgrade-trigger:focus{box-shadow:none;border:none;outline:0}.ast-upgrade-pro-wrap .ast-upgrade-section-title{margin-left:8px}.ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap>svg{width:100%;height:100%;filter:blur(4px)}.ast-upgrade-pro-wrap .ast-upgrade-cta svg{width:1.2em;height:1.2em}.customize-control-ast-radio-image .ast-pro-option>:not(.image-clickable){opacity:.4}.ast-radio-img-svg.ast-pro-option .image-clickable::before{display:inline-flex;position:absolute;top:36%;left:41%;content:'';background-size:1.5em 1.5em;height:1.5em;width:1.5em;border:1px solid var(--ast-customizer-color-1);background-image:url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 7.2001H11.7002V4.8001C11.7002 3.0401 10.2602 1.6001 8.5002 1.6001C6.7402 1.6001 5.3002 3.0401 5.3002 4.8001V7.2001H4.5002C4.1002 7.2001 3.7002 7.6001 3.7002 8.0001V13.6001C3.7002 14.0001 4.1002 14.4001 4.5002 14.4001H12.5002C12.9002 14.4001 13.3002 14.0001 13.3002 13.6001V8.0001C13.3002 7.6001 12.9002 7.2001 12.5002 7.2001ZM9.3002 12.8001H7.7002L8.0202 11.0401C7.6202 10.8801 7.3002 10.4001 7.3002 10.0001C7.3002 9.3601 7.8602 8.8001 8.5002 8.8001C9.1402 8.8001 9.7002 9.3601 9.7002 10.0001C9.7002 10.4801 9.4602 10.8801 8.9802 11.0401L9.3002 12.8001ZM10.1002 7.2001H6.9002V4.8001C6.9002 3.9201 7.6202 3.2001 8.5002 3.2001C9.3802 3.2001 10.1002 3.9201 10.1002 4.8001V7.2001Z' fill='%230284C7'/%3E%3C/svg%3E")}.ast-upgrade-list-wrapper{text-align:center}.ast-upgrade-list-wrapper .ast-brand-logo{margin:0}.ast-upgrade-list-wrapper svg{width:32px;height:32px}.ast-upgrade-list-items{margin-bottom:1.8em}.ast-upgrade-list-wrapper .ast-upgrade-list-section-title{margin:.5em auto 1.8em;max-width:240px}.ast-pro-upgrade-item svg{vertical-align:middle;margin-right:5px;fill:var(--ast-customizer-color-1)}.ast-pro-upgrade-item span{display:inline}.ast-upgrade-list-description{margin:5px 0 0 20px}.ast-upgrade-list-title{font-weight:600}.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available),.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available) *,.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available),.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available) *{color:var(--ast-customizer-color-9);background:var(--ast-customizer-color-1)}.customize-control .button.ahfb-builder-section-shortcut{border-left:1px solid #ddd;border-right:1px solid #ddd}.ast-customize-control-title a.ast-builder-upgrade-link{background:var(--ast-customizer-color-9)!important;color:var(--ast-customizer-color-1)!important;box-shadow:0 4px 8px -4px rgba(0,0,0,.16);margin-left:10px;border-radius:4px;padding:3px 10px 5px;text-decoration:none;vertical-align:top}.ast-pro-upgrade-item p{margin:1.25em 0;line-height:1}li#customize-control-astra-settings-footer-builder-pro-items .ast-upgrade-pro-wrap,li#customize-control-astra-settings-header-builder-pro-items .ast-upgrade-pro-wrap{padding-left:12px;padding-right:12px}.customize-control-ast-svg-icon-selector .icon-library-picker input[type=tel]{max-width:40px}.customize-control-ast-svg-icon-selector .custom-svg-icon-wrapper textarea{width:100%;margin:8px 0;height:100px} + +/* 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; +} diff --git a/assets/css/customizer-color-palette-rtl.css b/assets/css/customizer-color-palette-rtl.css new file mode 100644 index 00000000..bf99c7d5 --- /dev/null +++ b/assets/css/customizer-color-palette-rtl.css @@ -0,0 +1,103 @@ +/* Global customizer color palette */ + +:root { + --ast-customizer-color-1:#0284c7; /* active color */ + --ast-customizer-color-2:#0ea5e9; /* active focus color */ + --ast-customizer-color-3:#2271b1; /* active color border */ + --ast-customizer-color-4:#1e293b; /* title / heading */ + --ast-customizer-color-5:#334155; /* input text color */ + --ast-customizer-color-6:#9CA3AF; /* Sub text color */ + --ast-customizer-color-7:#D1D5DB; /* border color / outline / grey background*/ + --ast-customizer-color-8:#4B5563; /* icon color / Toggle color*/ + --ast-customizer-color-9:#fff; /* background color */ + --ast-customizer-color-10: #fff; /* text invert / Icon invert */ + --ast-customizer-color-11: #F5F5F5; /* alt background*/ + --ast-customizer-color-12: #1e293b; /* alt background 2*/ + --ast-customizer-color-13: #F3F4F6; /* alt background 3*/ + --ast-customizer-color-14: #cc1818; /* danger color*/ +} + + +/* 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; +} diff --git a/assets/css/customizer-color-palette.css b/assets/css/customizer-color-palette.css new file mode 100644 index 00000000..bf99c7d5 --- /dev/null +++ b/assets/css/customizer-color-palette.css @@ -0,0 +1,103 @@ +/* Global customizer color palette */ + +:root { + --ast-customizer-color-1:#0284c7; /* active color */ + --ast-customizer-color-2:#0ea5e9; /* active focus color */ + --ast-customizer-color-3:#2271b1; /* active color border */ + --ast-customizer-color-4:#1e293b; /* title / heading */ + --ast-customizer-color-5:#334155; /* input text color */ + --ast-customizer-color-6:#9CA3AF; /* Sub text color */ + --ast-customizer-color-7:#D1D5DB; /* border color / outline / grey background*/ + --ast-customizer-color-8:#4B5563; /* icon color / Toggle color*/ + --ast-customizer-color-9:#fff; /* background color */ + --ast-customizer-color-10: #fff; /* text invert / Icon invert */ + --ast-customizer-color-11: #F5F5F5; /* alt background*/ + --ast-customizer-color-12: #1e293b; /* alt background 2*/ + --ast-customizer-color-13: #F3F4F6; /* alt background 3*/ + --ast-customizer-color-14: #cc1818; /* danger color*/ +} + + +/* 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; +} diff --git a/assets/css/customizer-controls.css b/assets/css/customizer-controls.css new file mode 100644 index 00000000..1e9a4396 --- /dev/null +++ b/assets/css/customizer-controls.css @@ -0,0 +1,368 @@ +#customize-control-astra-settings-archive-sidebar-layout .customizer-text { + display: none; +} + +/** + * Typography Control Style + */ + +.customize-pane-child > #customize-control-astra-settings-font-weight-product-price, +.customize-pane-child > #customize-control-astra-settings-font-weight-shop-product-price, +.customize-pane-child > li[id*="-text-transform-post-pagination"] { + padding: 0; + width: 100%; +} + +.customize-pane-child > li[id*="-text-transform-post-pagination"] select { + margin: 0; +} + +/* Astra Customizer Notices */ +.ast-customizer-notice { + margin: -20px -12px 5px -12px; + padding: 15px; + font-size: 14px; + font-style: normal; + display: inline-block; + box-sizing: border-box; +} + +.ast-customizer-notice a { + color: white; + font-weight: bold; +} + +.ast-customizer-notice p { + padding: 5px; +} + +.accordion-section + .customize-control-ast-description .ast-customizer-notice { + margin-top: 0px; +} + +/* Astra Customizer Blog Featured Image sizes */ +#customize-control-astra-settings-blog-archive-image-width, +#customize-control-astra-settings-blog-archive-image-height, +#customize-control-astra-settings-blog-single-post-image-width, +#customize-control-astra-settings-blog-single-post-image-height, +#customize-control-astra-settings-blog-archive-image-apply-sizes, +#customize-control-astra-settings-blog-single-post-image-apply-sizes { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; + display: inline-flex !important; + -ms-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; + -webkit-box-pack: center; + -ms-flex-pack: center; + width: 33%; + clear: none; + text-align: center; + vertical-align: bottom; +} + +#customize-control-astra-settings-blog-single-post-image-size-heading .ast-control-tooltip { + top: 26px; + right: 30px; +} + +.customize-control.customize-control-ast-select.ast-top-dotted-divider.icon-divider .ast-control-tooltip { + top: 26px; +} + +#customize-control-astra-settings-blog-archive-image-apply-sizes, +#customize-control-astra-settings-blog-single-post-image-apply-sizes { + justify-content: flex-end; +} + + +#customize-control-astra-settings-blog-archive-image-height[style*="display: none;"], +#customize-control-astra-settings-blog-single-post-image-width[style*="display: none;"], +#customize-control-astra-settings-blog-single-post-image-height[style*="display: none;"], +#customize-control-astra-settings-blog-archive-image-apply-sizes[style*="display: none;"], +#customize-control-astra-settings-blog-single-post-image-apply-sizes[style*="display: none;"], +#customize-control-astra-settings-blog-archive-image-width[style*="display: none;"] { + display: none !important; +} +#customize-control-astra-settings-blog-archive-image-width input[type="number"], +#customize-control-astra-settings-blog-archive-image-height input[type="number"], +#customize-control-astra-settings-blog-single-post-image-width input[type="number"], +#customize-control-astra-settings-blog-single-post-image-height input[type="number"], +#customize-control-astra-settings-blog-archive-image-apply-sizes input[type="number"], +#customize-control-astra-settings-blog-single-post-image-apply-sizes input[type="number"]{ + margin-right: 0; + padding: 3px 5px; + height: 34px; + width: 90%; + min-height: 30px; + border-radius: 2px; + border-color: #ddd; + -moz-appearance: textfield; +} + +[ID*="-image-apply-sizes"] .button { + background-color: var( --ast-customizer-color-9 ); + border-radius: 2px; + margin-left: 10px; + height: 34px; + line-height: 32px; + transition: all 0.2s; +} +[ID*="-image-apply-sizes"] .button:hover { + background: #0084c7; + color: #fff; + border-color: #0084c7; +} + +#customize-control-astra-settings-blog-archive-image-width input[type="number"]:hover, +#customize-control-astra-settings-blog-archive-image-height input[type="number"]:hover, +#customize-control-astra-settings-blog-single-post-image-width input[type="number"]:hover, +#customize-control-astra-settings-blog-single-post-image-height input[type="number"]:hover, +#customize-control-astra-settings-blog-archive-image-apply-sizes input[type="number"]:hover, +#customize-control-astra-settings-blog-single-post-image-apply-sizes input[type="number"]:hover, +#customize-control-astra-settings-blog-archive-image-width input[type="number"]:focus, +#customize-control-astra-settings-blog-archive-image-height input[type="number"]:focus, +#customize-control-astra-settings-blog-single-post-image-width input[type="number"]:focus, +#customize-control-astra-settings-blog-single-post-image-height input[type="number"]:focus, +#customize-control-astra-settings-blog-archive-image-apply-sizes input[type="number"]:focus, +#customize-control-astra-settings-blog-single-post-image-apply-sizes input[type="number"]:focus { + box-shadow: none; + border-color: #1e8cbe; + border-radius: 2px; + outline: none; + z-index: 9; +} + +#customize-control-astra-settings-blog-archive-image-width input[type="number"]::-webkit-inner-spin-button, +#customize-control-astra-settings-blog-archive-image-height input[type="number"]::-webkit-inner-spin-button, +#customize-control-astra-settings-blog-single-post-image-width input[type="number"]::-webkit-inner-spin-button, +#customize-control-astra-settings-blog-single-post-image-height input[type="number"]::-webkit-inner-spin-button, +#customize-control-astra-settings-blog-archive-image-apply-sizes input[type="number"]::-webkit-inner-spin-button, +#customize-control-astra-settings-blog-single-post-image-apply-sizes input[type="number"]::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* IE10+ CSS styles go here */ + #customize-control-astra-settings-blog-archive-image-width input[type="number"], + #customize-control-astra-settings-blog-archive-image-height input[type="number"], + #customize-control-astra-settings-blog-single-post-image-width input[type="number"], + #customize-control-astra-settings-blog-single-post-image-height input[type="number"], + #customize-control-astra-settings-blog-archive-image-apply-sizes input[type="number"], + #customize-control-astra-settings-blog-single-post-image-apply-sizes input[type="number"]{ + margin-right: 28px; + } +} +#customize-control-astra-settings-blog-archive-image-width .customize-control-title, +#customize-control-astra-settings-blog-archive-image-height .customize-control-title, +#customize-control-astra-settings-blog-single-post-image-width .customize-control-title, +#customize-control-astra-settings-blog-single-post-image-height .customize-control-title { + font-weight: normal; + margin: 5px 0 0 0; + font-size: 11px; + width: 90%; +} +body.rtl #customize-control-astra-settings-blog-archive-image-width .customize-control-title, +body.rtl #customize-control-astra-settings-blog-archive-image-height .customize-control-title, +body.rtl #customize-control-astra-settings-blog-single-post-image-width .customize-control-title, +body.rtl #customize-control-astra-settings-blog-single-post-image-height .customize-control-title { + margin-right: 10px; +} +#customize-control-astra-settings-blog-archive-image-width .customize-control-title:after, +#customize-control-astra-settings-blog-single-post-image-width .customize-control-title:after, +#customize-control-astra-settings-blog-archive-image-height .customize-control-title:after, +#customize-control-astra-settings-blog-single-post-image-height .customize-control-title:after { + line-height: 27px; + font-weight: 500; + padding: 0 3px; + border-radius: 2px; + position: absolute; + display: inline-block; + color: #2D3748; + width: 16px; +} + +@media(min-width: 2200px) { + #customize-control-astra-settings-blog-archive-image-width .customize-control-title:after, + #customize-control-astra-settings-blog-single-post-image-width .customize-control-title:after, + #customize-control-astra-settings-blog-archive-image-height .customize-control-title:after, + #customize-control-astra-settings-blog-single-post-image-height .customize-control-title:after { + content: none; + } +} + +body.rtl #customize-control-astra-settings-blog-archive-image-width .customize-control-title:after, +body.rtl #customize-control-astra-settings-blog-archive-image-height .customize-control-title:after, +body.rtl #customize-control-astra-settings-blog-single-post-image-width .customize-control-title:after, +body.rtl #customize-control-astra-settings-blog-single-post-image-height .customize-control-title:after { + right: 58px; +} + +body.rtl #customize-control-astra-settings-mobile-header-logo .customize-control-title { + direction: ltr; +} + +#customize-control-astra-settings-blog-archive-image-size-heading .customize-control-title, +#customize-control-astra-settings-blog-single-post-image-size-heading .customize-control-title { + font-size: 14px; +} + +#customize-control-astra-settings-above-header-submenu-item-border .ast-border-wrapper, +#customize-control-astra-settings-below-header-submenu-item-border .ast-border-wrapper{ + width: 100%; +} + +/* Language selector control */ +.ahfb-language-selector-add-area { + display: flex; +} + +.ahfb-language-selector-add-area .components-base-control { + flex-grow: 1; + padding-right: 10px; +} + +.ahfb-language-selector-add-area .ahfb-sorter-add-item { + height: 30px; + line-height: normal; + padding: 0 12px 2px; +} +.ahfb-sorter-drop-language_selector_group .components-button-group { + border: 1px solid #dddddd; +} +.ahfb-language-switcher-type .ahfb-radio-container-control button:not(:first-child) { + margin-left: 15px; +} + +.ahfb-popover-language-switcher-list .components-button-group.ahfb-radio-container-control { + flex-wrap: wrap; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 5px; + padding-bottom: 15px; + padding-top: 5px; +} + +.ahfb-popover-language-switcher-list .components-button-group.ahfb-radio-container-control .components-button.language-switcher-radio-btn.is-tertiary { + min-width: 80px; + margin: 0; + padding: 0; + font-size: 10px; +} + +.ahfb-sorter-drop-language_selector_group .ahfb-sorter-item-panel-header .ahfb-sorter-visiblity { + border: 0; +} + +.ahfb-sorter-drop-language_selector_group .ahfb-sorter-item-panel-header .ahfb-sorter-visiblity svg { + max-width: 12px; + fill: #556068; +} +.customize-control-ast-box-shadow .ast-box-shadow-inset-wrapper Select.components-input-control__container { + line-height: inherit; +} + +.ahfb-sorter-drop-language_selector_group .ahfb-sorter-item-panel-header .ahfb-sorter-visiblity.item-is-hidden { + opacity: 0.2; +} +.customize-control-ast-language-selector .customize-control-description { + white-space: normal; +} +/* WooCommerce controls label CSS */ +#sub-accordion-section-woocommerce_store_notice .customize-control-title, +#sub-accordion-section-woocommerce_product_catalog .customize-control-title, +#sub-accordion-section-woocommerce_product_images .customize-control-title { + text-transform: capitalize; +} + +#customize-control-astra-settings-single-post-social-sharing-border-radius .ast-spacing-input-item .ast-spacing-title{ + font-size: 8px; +} +li#customize-control-astra-settings-fullscreen-modal-heading-text { + margin-top: 32px; +} + + +/* 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; +} diff --git a/assets/css/customizer-controls.min-rtl.css b/assets/css/customizer-controls.min-rtl.css new file mode 100644 index 00000000..9e994b17 --- /dev/null +++ b/assets/css/customizer-controls.min-rtl.css @@ -0,0 +1,85 @@ +.customize-control-title .dashicons-editor-help{position:relative;top:.1em}#customize-header-actions .spinner{margin-right:4px}.customize-control-slider input[type=range]{-webkit-appearance:none;transition:background .3s;background-color:rgba(0,0,0,.1);height:5px;width:calc(100% - 74px);padding:0}.customize-control-slider input[type=range]:focus{box-shadow:none;outline:0}.customize-control-slider input[type=range]:hover{background-color:rgba(0,0,0,.25)}.customize-control-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;-webkit-border-radius:50%;background-color:#3498d9}.customize-control-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border:none;border-radius:50%;background-color:#3498d9}.customize-control-slider input[type=range]::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background-color:#3498d9}.customize-control-slider input[type=range]::-ms-thumb{width:15px;height:15px;border-radius:50%;border:0;background-color:#3498d9}.customize-control-slider input[type=range]::-moz-range-track{border:inherit;background:0 0}.customize-control-slider input[type=range]::-ms-track{border:inherit;color:transparent;background:0 0}.customize-control-slider input[type=range]::-ms-fill-lower,.customize-control-slider input[type=range]::-ms-fill-upper{background:0 0}.customize-control-slider input[type=range]::-ms-tooltip{display:none}.customize-control-slider .ast-range-value{display:inline-block;padding:0 5px;position:relative;top:1px}.customize-control-slider input#ast-range-value-input{width:42px;height:23px;font-size:13px}.customize-control-slider .ast-slider-reset{color:rgba(0,0,0,.2);float:left;transition:color .5s ease-in}.customize-control-slider .ast-slider-reset span{font-size:16px;line-height:22px;cursor:pointer}.customize-control-slider .ast-slider-reset span:hover{color:red}.customize-pane-child>li[id=customize-control-astra-settings-body-font-weight],.customize-pane-child>li[id=customize-control-astra-settings-body-text-transform],.customize-pane-child>li[id=customize-control-astra-settings-headings-font-weight],.customize-pane-child>li[id=customize-control-astra-settings-headings-text-transform]{width:50%;display:inline-block;box-sizing:border-box;clear:none}.customize-pane-child>li[id*="-font-weight"],.customize-pane-child>li[id=customize-control-astra-settings-body-font-weight],.customize-pane-child>li[id=customize-control-astra-settings-headings-font-weight]{padding-left:5px}.customize-pane-child>li[id*="-text-transform"],.customize-pane-child>li[id=customize-control-astra-settings-body-text-transform],.customize-pane-child>li[id=customize-control-astra-settings-headings-text-transform]{padding-right:5px}.customize-pane-child>li[id*="-font-weight"],.customize-pane-child>li[id=customize-control-astra-settings-body-font-weight],.customize-pane-child>li[id=customize-control-astra-settings-headings-font-weight]{padding-right:0}.rtl .customize-pane-child>li[id*="-text-transform"],.rtl .customize-pane-child>li[id=customize-control-astra-settings-body-text-transform],.rtl .customize-pane-child>li[id=customize-control-astra-settings-headings-text-transform]{padding-left:0}.customize-control select.ast-responsive-select{height:30px}.customize-control input[type=number]{min-height:30px}.customize-control input[type=text].select2-search__field{line-height:1;border-radius:0}.customize-control input.ast-border-input,.customize-control input[type=number].ast-spacing-input{min-height:28px;border-radius:0}.customize-pane-child>li[id$="-content-layout"]>label,.customize-pane-child>li[id$="-sidebar-layout"]>label{-js-display:flex;display:flex}.customize-pane-child>li[id$="-content-layout"]>label .customize-control-title,.customize-pane-child>li[id$="-content-layout"]>label select,.customize-pane-child>li[id$="-sidebar-layout"]>label .customize-control-title,.customize-pane-child>li[id$="-sidebar-layout"]>label select{flex:1}.customize-pane-child>li[id$="-content-layout"]>label select,.customize-pane-child>li[id$="-sidebar-layout"]>label select{margin-right:10px}.customize-pane-child>li[id*="-font-weight"],.customize-pane-child>li[id*="-text-transform"]{width:50%;display:inline-block;box-sizing:border-box;clear:none}.control-section-astra-pro h3{margin:0;padding:1px 0;border:0;position:relative}.control-section-astra-pro h3 a{background:#fff;display:block;padding:11px 14px 12px 10px;text-decoration:none}.control-section-astra-pro h3 a:after{content:"\f345";position:absolute;top:11px;left:10px;z-index:1;float:left;border:none;background:0 0;font:normal 20px/1 dashicons;speak:none;display:block;padding:0;text-indent:0;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rtl .control-section-astra-pro h3 a:after{content:"\f341"}.ast-hide{display:none!important}#customize-control-astra-settings-primary-submenu-item-border .ast-border-wrapper{width:100%}.actions .button.upload-button{text-transform:capitalize}.wp-picker-container .iris-square-handle{z-index:8}#customize-control-astra-settings-transparent-header-logo .attachment-media-view .button-add-media,#customize-control-custom_logo .attachment-media-view .button-add-media,#customize-control-site_icon .attachment-media-view .placeholder{text-transform:capitalize}.customize-control-ast-background .wp-picker-container .wp-picker-clear,.customize-control-ast-color .wp-picker-container .wp-picker-clear,.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear,.customize-control-ast-responsive-color .wp-picker-container .wp-picker-clear{margin-right:4px;min-height:30px}.customize-control-ast-background .wp-picker-container{display:block}#sub-accordion-section-woocommerce_checkout.open.ast-active-design-tab li[ID*=customize-control-woocommerce_]{display:none}#sub-accordion-section-woocommerce_checkout.open.ast-active-design-tab li#customize-control-wp_page_for_privacy_policy{display:none}#sub-accordion-section-woocommerce_product_catalog.open.ast-active-design-tab li[ID*=customize-control-woocommerce_]{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; +} diff --git a/assets/css/customizer-controls.min.css b/assets/css/customizer-controls.min.css new file mode 100644 index 00000000..338b4ab2 --- /dev/null +++ b/assets/css/customizer-controls.min.css @@ -0,0 +1,85 @@ +.customize-control-title .dashicons-editor-help{position:relative;top:.1em}#customize-header-actions .spinner{margin-left:4px}.customize-control-slider input[type=range]{-webkit-appearance:none;transition:background .3s;background-color:rgba(0,0,0,.1);height:5px;width:calc(100% - 74px);padding:0}.customize-control-slider input[type=range]:focus{box-shadow:none;outline:0}.customize-control-slider input[type=range]:hover{background-color:rgba(0,0,0,.25)}.customize-control-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;-webkit-border-radius:50%;background-color:#3498d9}.customize-control-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border:none;border-radius:50%;background-color:#3498d9}.customize-control-slider input[type=range]::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background-color:#3498d9}.customize-control-slider input[type=range]::-ms-thumb{width:15px;height:15px;border-radius:50%;border:0;background-color:#3498d9}.customize-control-slider input[type=range]::-moz-range-track{border:inherit;background:0 0}.customize-control-slider input[type=range]::-ms-track{border:inherit;color:transparent;background:0 0}.customize-control-slider input[type=range]::-ms-fill-lower,.customize-control-slider input[type=range]::-ms-fill-upper{background:0 0}.customize-control-slider input[type=range]::-ms-tooltip{display:none}.customize-control-slider .ast-range-value{display:inline-block;padding:0 5px;position:relative;top:1px}.customize-control-slider input#ast-range-value-input{width:42px;height:23px;font-size:13px}.customize-control-slider .ast-slider-reset{color:rgba(0,0,0,.2);float:right;transition:color .5s ease-in}.customize-control-slider .ast-slider-reset span{font-size:16px;line-height:22px;cursor:pointer}.customize-control-slider .ast-slider-reset span:hover{color:red}.customize-pane-child>li[id=customize-control-astra-settings-body-font-weight],.customize-pane-child>li[id=customize-control-astra-settings-body-text-transform],.customize-pane-child>li[id=customize-control-astra-settings-headings-font-weight],.customize-pane-child>li[id=customize-control-astra-settings-headings-text-transform]{width:50%;display:inline-block;box-sizing:border-box;clear:none}.customize-pane-child>li[id*="-font-weight"],.customize-pane-child>li[id=customize-control-astra-settings-body-font-weight],.customize-pane-child>li[id=customize-control-astra-settings-headings-font-weight]{padding-right:5px}.customize-pane-child>li[id*="-text-transform"],.customize-pane-child>li[id=customize-control-astra-settings-body-text-transform],.customize-pane-child>li[id=customize-control-astra-settings-headings-text-transform]{padding-left:5px}.customize-pane-child>li[id*="-font-weight"],.customize-pane-child>li[id=customize-control-astra-settings-body-font-weight],.customize-pane-child>li[id=customize-control-astra-settings-headings-font-weight]{padding-left:0}.rtl .customize-pane-child>li[id*="-text-transform"],.rtl .customize-pane-child>li[id=customize-control-astra-settings-body-text-transform],.rtl .customize-pane-child>li[id=customize-control-astra-settings-headings-text-transform]{padding-right:0}.customize-control select.ast-responsive-select{height:30px}.customize-control input[type=number]{min-height:30px}.customize-control input[type=text].select2-search__field{line-height:1;border-radius:0}.customize-control input.ast-border-input,.customize-control input[type=number].ast-spacing-input{min-height:28px;border-radius:0}.customize-pane-child>li[id$="-content-layout"]>label,.customize-pane-child>li[id$="-sidebar-layout"]>label{-js-display:flex;display:flex}.customize-pane-child>li[id$="-content-layout"]>label .customize-control-title,.customize-pane-child>li[id$="-content-layout"]>label select,.customize-pane-child>li[id$="-sidebar-layout"]>label .customize-control-title,.customize-pane-child>li[id$="-sidebar-layout"]>label select{flex:1}.customize-pane-child>li[id$="-content-layout"]>label select,.customize-pane-child>li[id$="-sidebar-layout"]>label select{margin-left:10px}.customize-pane-child>li[id*="-font-weight"],.customize-pane-child>li[id*="-text-transform"]{width:50%;display:inline-block;box-sizing:border-box;clear:none}.control-section-astra-pro h3{margin:0;padding:1px 0;border:0;position:relative}.control-section-astra-pro h3 a{background:#fff;display:block;padding:11px 10px 12px 14px;text-decoration:none}.control-section-astra-pro h3 a:after{content:"\f345";position:absolute;top:11px;right:10px;z-index:1;float:right;border:none;background:0 0;font:normal 20px/1 dashicons;speak:none;display:block;padding:0;text-indent:0;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rtl .control-section-astra-pro h3 a:after{content:"\f341"}.ast-hide{display:none!important}#customize-control-astra-settings-primary-submenu-item-border .ast-border-wrapper{width:100%}.actions .button.upload-button{text-transform:capitalize}.wp-picker-container .iris-square-handle{z-index:8}#customize-control-astra-settings-transparent-header-logo .attachment-media-view .button-add-media,#customize-control-custom_logo .attachment-media-view .button-add-media,#customize-control-site_icon .attachment-media-view .placeholder{text-transform:capitalize}.customize-control-ast-background .wp-picker-container .wp-picker-clear,.customize-control-ast-color .wp-picker-container .wp-picker-clear,.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear,.customize-control-ast-responsive-color .wp-picker-container .wp-picker-clear{margin-left:4px;min-height:30px}.customize-control-ast-background .wp-picker-container{display:block}#sub-accordion-section-woocommerce_checkout.open.ast-active-design-tab li[ID*=customize-control-woocommerce_]{display:none}#sub-accordion-section-woocommerce_checkout.open.ast-active-design-tab li#customize-control-wp_page_for_privacy_policy{display:none}#sub-accordion-section-woocommerce_product_catalog.open.ast-active-design-tab li[ID*=customize-control-woocommerce_]{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; +} diff --git a/assets/css/customizer-global-rtl.css b/assets/css/customizer-global-rtl.css new file mode 100644 index 00000000..04ac7f0c --- /dev/null +++ b/assets/css/customizer-global-rtl.css @@ -0,0 +1,92 @@ +input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], select, textarea { + color: var(--ast-customizer-color-5); +} + +.customize-control .ast-spacing-responsive-btns li svg { + max-width: 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; +} diff --git a/assets/css/customizer-global.css b/assets/css/customizer-global.css new file mode 100644 index 00000000..04ac7f0c --- /dev/null +++ b/assets/css/customizer-global.css @@ -0,0 +1,92 @@ +input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], select, textarea { + color: var(--ast-customizer-color-5); +} + +.customize-control .ast-spacing-responsive-btns li svg { + max-width: 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; +} diff --git a/assets/css/customizer-link-rtl.css b/assets/css/customizer-link-rtl.css new file mode 100644 index 00000000..87d9b1ef --- /dev/null +++ b/assets/css/customizer-link-rtl.css @@ -0,0 +1,92 @@ +.customize-control-ast-customizer-link .customizer-link { + font-style: italic; + text-decoration: none; +} + +.customize-control-ast-customizer-link:empty { + 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; +} diff --git a/assets/css/customizer-link.css b/assets/css/customizer-link.css new file mode 100644 index 00000000..87d9b1ef --- /dev/null +++ b/assets/css/customizer-link.css @@ -0,0 +1,92 @@ +.customize-control-ast-customizer-link .customizer-link { + font-style: italic; + text-decoration: none; +} + +.customize-control-ast-customizer-link:empty { + 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; +} diff --git a/assets/css/customizer-preview-rtl.css b/assets/css/customizer-preview-rtl.css new file mode 100644 index 00000000..9fa69df8 --- /dev/null +++ b/assets/css/customizer-preview-rtl.css @@ -0,0 +1,279 @@ +/** + * Customizer Header-n-Footer section edit highligheting CSS. + * + * With new design improvements. + */ + + .ast-primary-header-bar, .ast-above-header-bar, .ast-below-header-bar, .site-footer-focus-item, .customizer-item-block-preview { + outline: 1px solid transparent; + position: relative; + transition: outline 0.15s ease; + outline-offset: -1px; +} + +.site-header-focus-item .customize-partial-edit-shortcut, .site-footer-focus-item .customize-partial-edit-shortcut, .customizer-item-block-preview .customize-partial-edit-shortcut{ + opacity: 0; + transition: all 0.2s; + top: 5px; +} + +.ast-builder-grid-row-container > .customize-partial-edit-shortcut.row-editor-shortcut, .customize-partial-edit-shortcut.row-editor-shortcut { + right: 26px; +} + +/** + * Customizer edit icon custom positioning. + */ +.ast-builder-layout-element.site-header-focus-item .customize-partial-edit-shortcut button, .site-footer-focus-item .customize-partial-edit-shortcut button { + right: 0; + top: 5px; + border-radius: 2px; +} + +body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button { + width: 26px; + height: 26px; + min-width: 26px; + min-height: 26px; + border-width: 1px; + border-radius: 2px; + box-shadow: none; + text-shadow: none; +} + +.site-footer-focus-item .customize-partial-edit-shortcut button { + top: 0; +} + +.ast-below-header .ast-header-button-2 .customize-partial-edit-shortcut-button, .ast-below-header .ast-header-button-1 .customize-partial-edit-shortcut-button { + top: -10px; +} + +.ast-builder-layout-element.site-header-focus-item[data-section="title_tagline"] .customize-partial-edit-shortcut { + top: 25px; +} + +.site-header-focus-item[data-section="section-header-mobile-trigger"] .customize-partial-edit-shortcut { + top: -10px; + right: 0px; +} + +.ast-primary-header-bar:hover, .ast-above-header-bar:hover, .ast-below-header-bar:hover, +.site-primary-footer-wrap.site-footer-focus-item:hover, .site-above-footer-wrap.site-footer-focus-item:hover, .site-below-footer-wrap.site-footer-focus-item:hover,.customizer-item-block-preview:hover { + outline: 1px solid #007cba; +} + +.site-footer-focus-item:hover > * > .customize-partial-edit-shortcut,.site-footer-focus-item:hover > div.customize-partial-edit-shortcut, .ast-primary-header-bar:hover .row-editor-shortcut, .customizer-item-block-preview:hover .row-editor-shortcut, .ast-above-header-bar:hover .row-editor-shortcut, .ast-below-header-bar:hover .row-editor-shortcut, .site-header-focus-item:hover > * > .customize-partial-edit-shortcut, .site-header-focus-item:hover > .customize-partial-edit-shortcut, .customizer-item-block-preview:hover > .customize-partial-edit-shortcut { + opacity: 1; +} + +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav, .customize-partial-edit-shortcut-custom_logo { + display: none; +} + +.customize-partial-edit-shortcut.row-editor-shortcut > button { + box-shadow: unset; + border: unset; + top: -3px; + right: -24px; + border-radius: 0 0 0 2px; +} + +.customize-partial-edit-shortcut > button { + width: 26px; + height: 26px; + min-width: 26px; + min-height: 26px; + border: 1px solid #fff; + box-shadow: none; + text-shadow: none; +} + +.elementor-page .customize-partial-edit-shortcut button { + width: 26px !important; + height: 26px !important; + min-width: 26px !important; + min-height: 26px !important; + border-radius: 2px !important; + border: 1px solid #fff !important; + box-shadow: none !important; + text-shadow: none !important; + padding: 3px !important; +} + +.customize-partial-edit-shortcut > button svg { + min-width: 16px; + min-height: 16px; + width: 16px; + height: 16px; +} + +/** + * Footer widget edit icon compatible CSS. + */ +.footer-widget-area .widget { + position: relative; +} +.footer-widget-area .widget:hover > .customize-partial-edit-shortcut { + opacity: 1; +} + +/** + * Customizer Edit pencil - Set Position + */ + .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button, .ast-related-posts-title .customize-partial-edit-shortcut-button { + display: none; +} +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button, .ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button, .site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button, .main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button, .ast-related-posts-title:hover .customize-partial-edit-shortcut-button { + display: inline-block; +} + +/* Sticky Header CSS */ +.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + right: 100px; +} + +.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + right: 5px; +} + +/* Primary Header common CSS */ +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button { + top: 15px; +} + +/* Above Header common CSS */ +.ast-above-header .customize-partial-edit-shortcut { + top: 0.3em; +} + +.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button, +.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button { + right: -60px; +} + +.customize-partial-edit-shortcut-astra-settings-header-desktop-items, +.customize-partial-edit-shortcut-astra-settings-header-mobile-items, +.customize-partial-edit-shortcut-astra-settings-header-mobile-popup-items { + display: none; +} + +/* Mobile popup content - Edit shortcuts compatibility */ +.ast-mobile-popup-content .ast-builder-layout-element, .ast-mobile-header-wrap .ast-builder-layout-element, .ast-desktop-popup-content .ast-builder-layout-element, .ast-desktop-header-wrap .ast-builder-layout-element { + position: relative; +} + +/** EDD & Woo cart Pencil icon */ +.ast-builder-layout-element.site-header-focus-item.ast-header-edd-cart .customize-partial-edit-shortcut button, +.ast-builder-layout-element.site-header-focus-item.ast-header-woo-cart .customize-partial-edit-shortcut button { + right: -25px; +} + +/*Hiding footer builder pencil icon as we converted section into builder layout, so no longer this needed.*/ +.customize-partial-edit-shortcut-astra-settings-footer-desktop-items > button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-post-banner-highlight:hover { + outline: 1px solid #007cba; + z-index: 9; +} +.ast-post-banner-highlight .banner-editor-shortcut { + top: -2px; + right: 30px; +} +.ast-post-banner-highlight .banner-editor-shortcut > button { + box-shadow: unset; + border: unset; + border-radius: 0 0 2px 0; +} +.ast-archive-entry-banner .customize-partial-edit-shortcut button, .ast-single-entry-banner .customize-partial-edit-shortcut button { + font-size: 20px; + line-height: 1em; +} + + + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/customizer-preview.css b/assets/css/customizer-preview.css new file mode 100644 index 00000000..3ada2f48 --- /dev/null +++ b/assets/css/customizer-preview.css @@ -0,0 +1,279 @@ +/** + * Customizer Header-n-Footer section edit highligheting CSS. + * + * With new design improvements. + */ + + .ast-primary-header-bar, .ast-above-header-bar, .ast-below-header-bar, .site-footer-focus-item, .customizer-item-block-preview { + outline: 1px solid transparent; + position: relative; + transition: outline 0.15s ease; + outline-offset: -1px; +} + +.site-header-focus-item .customize-partial-edit-shortcut, .site-footer-focus-item .customize-partial-edit-shortcut, .customizer-item-block-preview .customize-partial-edit-shortcut{ + opacity: 0; + transition: all 0.2s; + top: 5px; +} + +.ast-builder-grid-row-container > .customize-partial-edit-shortcut.row-editor-shortcut, .customize-partial-edit-shortcut.row-editor-shortcut { + left: 26px; +} + +/** + * Customizer edit icon custom positioning. + */ +.ast-builder-layout-element.site-header-focus-item .customize-partial-edit-shortcut button, .site-footer-focus-item .customize-partial-edit-shortcut button { + left: 0; + top: 5px; + border-radius: 2px; +} + +body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button { + width: 26px; + height: 26px; + min-width: 26px; + min-height: 26px; + border-width: 1px; + border-radius: 2px; + box-shadow: none; + text-shadow: none; +} + +.site-footer-focus-item .customize-partial-edit-shortcut button { + top: 0; +} + +.ast-below-header .ast-header-button-2 .customize-partial-edit-shortcut-button, .ast-below-header .ast-header-button-1 .customize-partial-edit-shortcut-button { + top: -10px; +} + +.ast-builder-layout-element.site-header-focus-item[data-section="title_tagline"] .customize-partial-edit-shortcut { + top: 25px; +} + +.site-header-focus-item[data-section="section-header-mobile-trigger"] .customize-partial-edit-shortcut { + top: -10px; + left: 0px; +} + +.ast-primary-header-bar:hover, .ast-above-header-bar:hover, .ast-below-header-bar:hover, +.site-primary-footer-wrap.site-footer-focus-item:hover, .site-above-footer-wrap.site-footer-focus-item:hover, .site-below-footer-wrap.site-footer-focus-item:hover,.customizer-item-block-preview:hover { + outline: 1px solid #007cba; +} + +.site-footer-focus-item:hover > * > .customize-partial-edit-shortcut,.site-footer-focus-item:hover > div.customize-partial-edit-shortcut, .ast-primary-header-bar:hover .row-editor-shortcut, .customizer-item-block-preview:hover .row-editor-shortcut, .ast-above-header-bar:hover .row-editor-shortcut, .ast-below-header-bar:hover .row-editor-shortcut, .site-header-focus-item:hover > * > .customize-partial-edit-shortcut, .site-header-focus-item:hover > .customize-partial-edit-shortcut, .customizer-item-block-preview:hover > .customize-partial-edit-shortcut { + opacity: 1; +} + +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav, .customize-partial-edit-shortcut-custom_logo { + display: none; +} + +.customize-partial-edit-shortcut.row-editor-shortcut > button { + box-shadow: unset; + border: unset; + top: -3px; + left: -24px; + border-radius: 0 0 2px 0; +} + +.customize-partial-edit-shortcut > button { + width: 26px; + height: 26px; + min-width: 26px; + min-height: 26px; + border: 1px solid #fff; + box-shadow: none; + text-shadow: none; +} + +.elementor-page .customize-partial-edit-shortcut button { + width: 26px !important; + height: 26px !important; + min-width: 26px !important; + min-height: 26px !important; + border-radius: 2px !important; + border: 1px solid #fff !important; + box-shadow: none !important; + text-shadow: none !important; + padding: 3px !important; +} + +.customize-partial-edit-shortcut > button svg { + min-width: 16px; + min-height: 16px; + width: 16px; + height: 16px; +} + +/** + * Footer widget edit icon compatible CSS. + */ +.footer-widget-area .widget { + position: relative; +} +.footer-widget-area .widget:hover > .customize-partial-edit-shortcut { + opacity: 1; +} + +/** + * Customizer Edit pencil - Set Position + */ + .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button, .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button, .ast-related-posts-title .customize-partial-edit-shortcut-button { + display: none; +} +.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button, .ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button, .site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button, .main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button, .ast-related-posts-title:hover .customize-partial-edit-shortcut-button { + display: inline-block; +} + +/* Sticky Header CSS */ +.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + left: 100px; +} + +.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button { + left: 5px; +} + +/* Primary Header common CSS */ +.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button { + top: 15px; +} + +/* Above Header common CSS */ +.ast-above-header .customize-partial-edit-shortcut { + top: 0.3em; +} + +.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button, +.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button { + left: -60px; +} + +.customize-partial-edit-shortcut-astra-settings-header-desktop-items, +.customize-partial-edit-shortcut-astra-settings-header-mobile-items, +.customize-partial-edit-shortcut-astra-settings-header-mobile-popup-items { + display: none; +} + +/* Mobile popup content - Edit shortcuts compatibility */ +.ast-mobile-popup-content .ast-builder-layout-element, .ast-mobile-header-wrap .ast-builder-layout-element, .ast-desktop-popup-content .ast-builder-layout-element, .ast-desktop-header-wrap .ast-builder-layout-element { + position: relative; +} + +/** EDD & Woo cart Pencil icon */ +.ast-builder-layout-element.site-header-focus-item.ast-header-edd-cart .customize-partial-edit-shortcut button, +.ast-builder-layout-element.site-header-focus-item.ast-header-woo-cart .customize-partial-edit-shortcut button { + left: -25px; +} + +/*Hiding footer builder pencil icon as we converted section into builder layout, so no longer this needed.*/ +.customize-partial-edit-shortcut-astra-settings-footer-desktop-items > button.customize-partial-edit-shortcut-button { + display: none; +} + +.ast-post-banner-highlight:hover { + outline: 1px solid #007cba; + z-index: 9; +} +.ast-post-banner-highlight .banner-editor-shortcut { + top: -2px; + left: 30px; +} +.ast-post-banner-highlight .banner-editor-shortcut > button { + box-shadow: unset; + border: unset; + border-radius: 0 0 0 2px; +} +.ast-archive-entry-banner .customize-partial-edit-shortcut button, .ast-single-entry-banner .customize-partial-edit-shortcut button { + font-size: 20px; + line-height: 1em; +} + + + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/customizer-style-rtl.css b/assets/css/customizer-style-rtl.css new file mode 100644 index 00000000..9fefc67c --- /dev/null +++ b/assets/css/customizer-style-rtl.css @@ -0,0 +1,591 @@ +/* Customizer Scroll CSS */ +.accordion-section-content::-webkit-scrollbar, .wp-full-overlay-sidebar-content::-webkit-scrollbar { + width: 6px; + background-color: #f1f1f1; +} + +.accordion-section-content::-webkit-scrollbar-thumb, .wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #d8d8d8; +} + +.accordion-section-content::-webkit-scrollbar-track, .wp-full-overlay-sidebar-content::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3); + width: 6px; +} + +.wp-full-overlay-sidebar:after { + display: none; +} + +#customize-theme-controls .control-section-ast-section-separator { + margin-top: 15px; + border-top: 1px solid #ddd; + display: block !important; +} + +.customize-control:not(.customize-control-nav_menu_item) { + position: relative; + margin-bottom: 0; + margin-top: 16px; +} + +.customize-control.customize-control-ast-color, .customize-control.customize-control-ast-color-group, .customize-control-ast-responsive-background, .customize-control-ast-background { + display: flex; + align-items: center; + min-height: 28px; + flex-wrap: wrap; +} + +.customize-control-ast-responsive-background label { + white-space: nowrap; +} + +.customize-control .media-position-setting label.components-text { + text-transform: capitalize; + font-size: 12px; + font-weight: 400; +} + +.media-position-setting .astra-popover-tabs .components-tab-panel__tabs { + padding-right: 0; + padding-left: 0; +} + +.customize-control[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 0; +} + +[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 10px; +} + +.customize-section-title { + margin: -12px -24px 0 -24px; +} + +.customize-section-description-container, #customize-controls .customize-info.section-meta, #customize-controls .customize-info { + margin-bottom: 0; +} + +#customize-controls #sub-accordion-panel-nav_menus .customize-info { + margin-bottom: 15px; +} + +#customize-control-astra-settings-header-transparent-link-heading { + margin-top: 15px; +} + +#customize-controls .components-base-control .components-base-control__field { + margin-bottom: 0; +} +#customize-controls .components-base-control .components-base-control__field .components-input-control__backdrop { + border-color: #D1D5DB !important; +} + +.customize-control .customize-inside-control-row { + padding-top: 0; + padding-bottom: 0; +} + +.customize-control-title { + display: inline-block; + margin-bottom: 16px; + vertical-align: middle; +} + +.customize-control-ast-color .customize-control-title, .customize-control-ast-responsive-background .customize-control-title, +.customize-control-ast-background .customize-control-title, .customize-control-ast-responsive-color .customize-control-title { + display: contents; +} + +.customize-control .ast-control-tooltip { + position: absolute; + top: 0; + left: 0; + color: var(--ast-customizer-color-6); + cursor: help; +} + +.customize-control .ast-control-tooltip:hover { + color: var(--ast-customizer-color-1); +} + +.customize-control.customize-control-ast-responsive-background .ast-control-tooltip { + top: 50%; + left: 36px; + transform: translateY(-50%); +} + +.customize-control.customize-control-ast-responsive-background:has(.ast-color-btn-reset-wrap) .ast-control-tooltip { + left: 60px; +} + +.customize-control.customize-control-ast-toggle-control .ast-control-tooltip { + position: absolute; + top: 50%; + left: 40px; + transform: translateY(-50%); + z-index: 1; +} + +#customize-control-astra-settings-learndash-distraction-free-learning .ast-control-tooltip { + padding-top: 32px; +} + +.customize-control.customize-control-ast-toggle-control.ast-top-dotted-divider .ast-control-tooltip { + position: absolute; + top: 55%; + left: 40px; + transform: translateY(0); +} + +.customize-control-ast-selector.customize-control .ast-control-tooltip { + top: -3px; +} + +.customize-control.customize-control-ast-toggle-control.ast-top-divider .ast-control-tooltip { + top: calc(50% + 15px); +} + +.customize-control.customize-control-ast-toggle-control.ast-bottom-divider .ast-control-tooltip { + top: calc(50% - 11px); +} + +.customize-control.customize-control-ast-toggle-control .ast-description-enabled .components-form-toggle { + margin-right: 25px; +} + +.customize-control.customize-control-ast-divider .ast-control-tooltip { + position: absolute; + top: auto; + bottom: 3px; + left: 0; +} + +.ast-fields-wrap .customize-control .ast-control-tooltip { + left: 15px; + top: 6px; +} + +.customize-control .ast-sortable-subfields-wrap .ast-control-tooltip { + position: absolute !important; + top: 40%; + left: 0px; + transform: translateY(-50%); + z-index: 1; +} +.customize-control .ast-sortable-subfields-wrap .customize-control-ast-toggle .ast-control-tooltip { + left: 30px; + top: 50%; +} +.ast-top-dotted-divider .dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip, +.ast-top-section-divider .dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip { + top: 24px; +} + +/* Select2 WP 5.3 compatibility */ +.customize-control .select2-search input[type="text"].select2-search__field { + min-height: 17px; +} + +input[type="text"].select2-search__field { + line-height: 1; + border-radius: 0; +} + +/* CSS for a Description as a Notice. */ +.ast-customizer-notice { + margin: 0 -12px; + padding: 12px; +} + +/* CSS to show popups without scroll */ +#customize-theme-controls .control-section.open { + height: 100%; + padding: 12px 24px 25px 24px; +} + +/* Safari Browser specific CSS */ +@media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) { + #customize-control-astra-settings-ast-header-responsive-logo-width .wrapper { + display: inline-block; + width: 100%; + } + .dashicons-desktop:before, .dashicons-tablet:before, .dashicons-smartphone:before { + color: #000000; + opacity: .75; + } + .ast-reset-btn.components-button svg { + padding: 0px; + height: 13px; + } + } +} + +/* Firefox Browser specific CSS */ +@-moz-document url-prefix() { + .control-section.open .customize-control:last-child { + margin-bottom: 20px; + } +} + +/* IE Browser specific CSS */ +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .control-section.open .customize-control:last-child { + padding-bottom: 20px; + } + #customize-control-astra-settings-blog-archive-image-width .customize-control-title, #customize-control-astra-settings-blog-archive-image-height .customize-control-title, #customize-control-astra-settings-blog-single-post-image-width .customize-control-title, #customize-control-astra-settings-blog-single-post-image-height .customize-control-title { + margin-right: 0px; + margin-left: 20px; + } +} + +.wp-customizer li:not(.customize-control-sidebar_block_editor) h1, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h2, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h3, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h4, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h5, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h6 { + font-weight: 600; +} + +/* Customizer - widget appender bottom space CSS */ +.block-list-appender { + margin-bottom: 20px; +} + +.block-editor-block-inspector .block-editor-block-card { + margin-top: 12px; +} + +/* Customizer - builder widget area's block gets round shapes in more-settings tab */ +.components-circular-option-picker__option-wrapper::before { + background: unset; +} + +.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper { + position: relative; +} + +/* Hiding this specific control on responsive devices. */ +.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-width { + display: none; +} + +.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-direction { + display: none; +} + +.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-width { + display: none; +} + +.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-direction { + display: none; +} + +#customize-theme-controls .accordion-section-title, #customize-outer-theme-controls .accordion-section-title, +#customize-controls .control-section.control-section-ast_section .accordion-section-title { + border-bottom: 1px solid var(--ast-customizer-color-7); +} + +/* To remove extra spacing for customizer button */ +#customize-theme-controls .accordion-section-title button.accordion-trigger { + max-height: fit-content; +} + +.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title, +.wp-core-ui #customize-controls .control-section .accordion-section-title:hover, +.wp-core-ui #customize-controls .control-section .accordion-section-title:focus, +.wp-core-ui .customize-panel-back:hover, +.wp-core-ui .customize-panel-back:focus, +.wp-core-ui .customize-section-back:hover, +.wp-core-ui .customize-section-back:focus { + border-right-color: var(--ast-customizer-color-1); +} + +/* Toggle Section Control */ +.ast-section-toggle { + display: grid; + grid-template-columns: 70% 20% 10%; + align-items: center; + padding: 0 12px 0 0; + height: 100%; + align-items: center; + align-content: center; + max-height: 46px; +} + +.ast-section-toggle label { + font-size: 14px; + line-height: 1; + font-weight: 600; + height: 100%; + display: inline-flex; + align-items: center; +} + +.ast-section-toggle > label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + height: auto; + line-height: 50px; +} + +.ast-section-toggle:not(.active) > label { + cursor: default; +} + +.customize-control.customize-control-ast-section-toggle { + border: 1px dashed var(--ast-customizer-color-1); + background: var(--ast-customizer-color-11); + cursor: pointer; + box-shadow: none !important; + line-height: 42px; + font-size: 14px; + display: inline-grid; + align-items: center; + height: auto; + color: var(--ast-customizer-color-5); + position: relative; + white-space: nowrap; + border-radius: 4px; + transition: all 0.2s; + padding-top: 0; + padding-bottom: 0; + margin-top: 24px; + margin-bottom: 9px; + margin-top: 24px; +} +.customize-control.customize-control-ast-section-toggle:hover { + background: var(--ast-customizer-color-9); + border-style: solid; +} +.ast-section-toggle-icon { + color: var(--wp-admin-theme-color); + cursor: pointer; + line-height: 20px; + height: 100%; + display: inline-flex; + align-items: center; +} + +.ast-section-toggle-icon span { + font-size: 16px; + line-height: 16px; + width: 16px; + height: 16px; +} + +.customize-control-ast-section-toggle { + padding-top: 25px; + padding-bottom: 16px; +} + +li#customize-control-astra-settings-related-posts-title { + margin-top: 32px; +} + +li[ID*="accordion-section-ast-dynamic-single-"].control-section-ast_section, +li[ID*="accordion-section-ast-dynamic-archive-"].control-section-ast_section, +li#accordion-section-section-search-page-title.control-section-ast_section, +li[ID*="accordion-section-ast-sub-section-"].control-section-ast_section { + display: none !important; +} + +.item-customizer-focus svg { + min-width: 12px; + min-height: 12px; + width: 12px; + height: 12px; + fill: #fff; + margin-right: -1px; +} + +/* Customizer - Adjusting Style Guide Trigger Button */ +.wp-full-overlay-sidebar #customize-header-actions { + padding-right: 6px; + padding-left: 6px; +} +#customize-header-actions button#astra-tour { + display: block; + position: absolute; + top: 0; + bottom: 0; + right: 48px; + width: 45px; + margin-top: 0 !important; + padding: 0; + background: #f0f0f1; + border: none; + border-radius: 0; + border-top: 4px solid #f0f0f1; + border-left: 1px solid #dcdcde; + color: #3c434a; + fill: #3c434a; + stroke: #3c434a; +} +#customize-header-actions button#astra-tour:hover, #customize-header-actions button#astra-tour:focus { + background: #fff; + color: #2271b1; + fill: #2271b1; + stroke: #2271b1; + border-top-color: #2271b1; + box-shadow: none; + outline: 1px solid transparent; +} +#customize-header-actions button#astra-tour svg { + margin-top: 7px; + margin-right: 3px; + width: 16px; + height: 16px; +} +@media screen and (max-width: 640px) { + #customize-header-actions button#astra-tour { + right: 153px; + } +} + +/* To highlight style guide option */ +.indicator-dot { + z-index: 1000; + position: relative; + height: 5px; + width: 5px; + background-color: red; + border-radius: 50%; + display: inline-block; + margin-right: 80px; + margin-bottom: 15px; + animation: pulse 2s infinite; +} + +@keyframes pulse { + 0% { + transform: scale(1); + opacity: 1; + } + 50% { + transform: scale(1.5); + opacity: 0.7; + } + 100% { + transform: scale(1); + opacity: 1; + } +} + +/* Styling for the tooltip */ +.ast-style-guide-tooltip { + display: none; + position: absolute; + right: 50%; + transform: translateX(50%); + margin-bottom: 5px; + background-color: #e5e5e5; + color: #494948; + border-radius: 3px; + white-space: nowrap; + font-size: 12px; + z-index: 1000; + opacity: 0; + transition: opacity .3s ease; + padding: 0 8px; + top: 45px; + box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; +} + +/* Show the ast-style-guide-tooltip on hover */ +#astra-tour:hover .ast-style-guide-tooltip { + display: block; + opacity: 1; +} + + +/* 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; +} diff --git a/assets/css/customizer-style.css b/assets/css/customizer-style.css new file mode 100644 index 00000000..9ec61d00 --- /dev/null +++ b/assets/css/customizer-style.css @@ -0,0 +1,591 @@ +/* Customizer Scroll CSS */ +.accordion-section-content::-webkit-scrollbar, .wp-full-overlay-sidebar-content::-webkit-scrollbar { + width: 6px; + background-color: #f1f1f1; +} + +.accordion-section-content::-webkit-scrollbar-thumb, .wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #d8d8d8; +} + +.accordion-section-content::-webkit-scrollbar-track, .wp-full-overlay-sidebar-content::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3); + width: 6px; +} + +.wp-full-overlay-sidebar:after { + display: none; +} + +#customize-theme-controls .control-section-ast-section-separator { + margin-top: 15px; + border-top: 1px solid #ddd; + display: block !important; +} + +.customize-control:not(.customize-control-nav_menu_item) { + position: relative; + margin-bottom: 0; + margin-top: 16px; +} + +.customize-control.customize-control-ast-color, .customize-control.customize-control-ast-color-group, .customize-control-ast-responsive-background, .customize-control-ast-background { + display: flex; + align-items: center; + min-height: 28px; + flex-wrap: wrap; +} + +.customize-control-ast-responsive-background label { + white-space: nowrap; +} + +.customize-control .media-position-setting label.components-text { + text-transform: capitalize; + font-size: 12px; + font-weight: 400; +} + +.media-position-setting .astra-popover-tabs .components-tab-panel__tabs { + padding-left: 0; + padding-right: 0; +} + +.customize-control[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 0; +} + +[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 10px; +} + +.customize-section-title { + margin: -12px -24px 0 -24px; +} + +.customize-section-description-container, #customize-controls .customize-info.section-meta, #customize-controls .customize-info { + margin-bottom: 0; +} + +#customize-controls #sub-accordion-panel-nav_menus .customize-info { + margin-bottom: 15px; +} + +#customize-control-astra-settings-header-transparent-link-heading { + margin-top: 15px; +} + +#customize-controls .components-base-control .components-base-control__field { + margin-bottom: 0; +} +#customize-controls .components-base-control .components-base-control__field .components-input-control__backdrop { + border-color: #D1D5DB !important; +} + +.customize-control .customize-inside-control-row { + padding-top: 0; + padding-bottom: 0; +} + +.customize-control-title { + display: inline-block; + margin-bottom: 16px; + vertical-align: middle; +} + +.customize-control-ast-color .customize-control-title, .customize-control-ast-responsive-background .customize-control-title, +.customize-control-ast-background .customize-control-title, .customize-control-ast-responsive-color .customize-control-title { + display: contents; +} + +.customize-control .ast-control-tooltip { + position: absolute; + top: 0; + right: 0; + color: var(--ast-customizer-color-6); + cursor: help; +} + +.customize-control .ast-control-tooltip:hover { + color: var(--ast-customizer-color-1); +} + +.customize-control.customize-control-ast-responsive-background .ast-control-tooltip { + top: 50%; + right: 36px; + transform: translateY(-50%); +} + +.customize-control.customize-control-ast-responsive-background:has(.ast-color-btn-reset-wrap) .ast-control-tooltip { + right: 60px; +} + +.customize-control.customize-control-ast-toggle-control .ast-control-tooltip { + position: absolute; + top: 50%; + right: 40px; + transform: translateY(-50%); + z-index: 1; +} + +#customize-control-astra-settings-learndash-distraction-free-learning .ast-control-tooltip { + padding-top: 32px; +} + +.customize-control.customize-control-ast-toggle-control.ast-top-dotted-divider .ast-control-tooltip { + position: absolute; + top: 55%; + right: 40px; + transform: translateY(0); +} + +.customize-control-ast-selector.customize-control .ast-control-tooltip { + top: -3px; +} + +.customize-control.customize-control-ast-toggle-control.ast-top-divider .ast-control-tooltip { + top: calc(50% + 15px); +} + +.customize-control.customize-control-ast-toggle-control.ast-bottom-divider .ast-control-tooltip { + top: calc(50% - 11px); +} + +.customize-control.customize-control-ast-toggle-control .ast-description-enabled .components-form-toggle { + margin-left: 25px; +} + +.customize-control.customize-control-ast-divider .ast-control-tooltip { + position: absolute; + top: auto; + bottom: 3px; + right: 0; +} + +.ast-fields-wrap .customize-control .ast-control-tooltip { + right: 15px; + top: 6px; +} + +.customize-control .ast-sortable-subfields-wrap .ast-control-tooltip { + position: absolute !important; + top: 40%; + right: 0px; + transform: translateY(-50%); + z-index: 1; +} +.customize-control .ast-sortable-subfields-wrap .customize-control-ast-toggle .ast-control-tooltip { + right: 30px; + top: 50%; +} +.ast-top-dotted-divider .dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip, +.ast-top-section-divider .dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip { + top: 24px; +} + +/* Select2 WP 5.3 compatibility */ +.customize-control .select2-search input[type="text"].select2-search__field { + min-height: 17px; +} + +input[type="text"].select2-search__field { + line-height: 1; + border-radius: 0; +} + +/* CSS for a Description as a Notice. */ +.ast-customizer-notice { + margin: 0 -12px; + padding: 12px; +} + +/* CSS to show popups without scroll */ +#customize-theme-controls .control-section.open { + height: 100%; + padding: 12px 24px 25px 24px; +} + +/* Safari Browser specific CSS */ +@media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) { + #customize-control-astra-settings-ast-header-responsive-logo-width .wrapper { + display: inline-block; + width: 100%; + } + .dashicons-desktop:before, .dashicons-tablet:before, .dashicons-smartphone:before { + color: #000000; + opacity: .75; + } + .ast-reset-btn.components-button svg { + padding: 0px; + height: 13px; + } + } +} + +/* Firefox Browser specific CSS */ +@-moz-document url-prefix() { + .control-section.open .customize-control:last-child { + margin-bottom: 20px; + } +} + +/* IE Browser specific CSS */ +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .control-section.open .customize-control:last-child { + padding-bottom: 20px; + } + #customize-control-astra-settings-blog-archive-image-width .customize-control-title, #customize-control-astra-settings-blog-archive-image-height .customize-control-title, #customize-control-astra-settings-blog-single-post-image-width .customize-control-title, #customize-control-astra-settings-blog-single-post-image-height .customize-control-title { + margin-left: 0px; + margin-right: 20px; + } +} + +.wp-customizer li:not(.customize-control-sidebar_block_editor) h1, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h2, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h3, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h4, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h5, +.wp-customizer li:not(.customize-control-sidebar_block_editor) h6 { + font-weight: 600; +} + +/* Customizer - widget appender bottom space CSS */ +.block-list-appender { + margin-bottom: 20px; +} + +.block-editor-block-inspector .block-editor-block-card { + margin-top: 12px; +} + +/* Customizer - builder widget area's block gets round shapes in more-settings tab */ +.components-circular-option-picker__option-wrapper::before { + background: unset; +} + +.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper { + position: relative; +} + +/* Hiding this specific control on responsive devices. */ +.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-width { + display: none; +} + +.preview-tablet #customize-control-astra-settings-woo-desktop-cart-flyout-direction { + display: none; +} + +.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-width { + display: none; +} + +.preview-mobile #customize-control-astra-settings-woo-desktop-cart-flyout-direction { + display: none; +} + +#customize-theme-controls .accordion-section-title, #customize-outer-theme-controls .accordion-section-title, +#customize-controls .control-section.control-section-ast_section .accordion-section-title { + border-bottom: 1px solid var(--ast-customizer-color-7); +} + +/* To remove extra spacing for customizer button */ +#customize-theme-controls .accordion-section-title button.accordion-trigger { + max-height: fit-content; +} + +.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title, +.wp-core-ui #customize-controls .control-section .accordion-section-title:hover, +.wp-core-ui #customize-controls .control-section .accordion-section-title:focus, +.wp-core-ui .customize-panel-back:hover, +.wp-core-ui .customize-panel-back:focus, +.wp-core-ui .customize-section-back:hover, +.wp-core-ui .customize-section-back:focus { + border-left-color: var(--ast-customizer-color-1); +} + +/* Toggle Section Control */ +.ast-section-toggle { + display: grid; + grid-template-columns: 70% 20% 10%; + align-items: center; + padding: 0 0 0 12px; + height: 100%; + align-items: center; + align-content: center; + max-height: 46px; +} + +.ast-section-toggle label { + font-size: 14px; + line-height: 1; + font-weight: 600; + height: 100%; + display: inline-flex; + align-items: center; +} + +.ast-section-toggle > label { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + height: auto; + line-height: 50px; +} + +.ast-section-toggle:not(.active) > label { + cursor: default; +} + +.customize-control.customize-control-ast-section-toggle { + border: 1px dashed var(--ast-customizer-color-1); + background: var(--ast-customizer-color-11); + cursor: pointer; + box-shadow: none !important; + line-height: 42px; + font-size: 14px; + display: inline-grid; + align-items: center; + height: auto; + color: var(--ast-customizer-color-5); + position: relative; + white-space: nowrap; + border-radius: 4px; + transition: all 0.2s; + padding-top: 0; + padding-bottom: 0; + margin-top: 24px; + margin-bottom: 9px; + margin-top: 24px; +} +.customize-control.customize-control-ast-section-toggle:hover { + background: var(--ast-customizer-color-9); + border-style: solid; +} +.ast-section-toggle-icon { + color: var(--wp-admin-theme-color); + cursor: pointer; + line-height: 20px; + height: 100%; + display: inline-flex; + align-items: center; +} + +.ast-section-toggle-icon span { + font-size: 16px; + line-height: 16px; + width: 16px; + height: 16px; +} + +.customize-control-ast-section-toggle { + padding-top: 25px; + padding-bottom: 16px; +} + +li#customize-control-astra-settings-related-posts-title { + margin-top: 32px; +} + +li[ID*="accordion-section-ast-dynamic-single-"].control-section-ast_section, +li[ID*="accordion-section-ast-dynamic-archive-"].control-section-ast_section, +li#accordion-section-section-search-page-title.control-section-ast_section, +li[ID*="accordion-section-ast-sub-section-"].control-section-ast_section { + display: none !important; +} + +.item-customizer-focus svg { + min-width: 12px; + min-height: 12px; + width: 12px; + height: 12px; + fill: #fff; + margin-left: -1px; +} + +/* Customizer - Adjusting Style Guide Trigger Button */ +.wp-full-overlay-sidebar #customize-header-actions { + padding-left: 6px; + padding-right: 6px; +} +#customize-header-actions button#astra-tour { + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 48px; + width: 45px; + margin-top: 0 !important; + padding: 0; + background: #f0f0f1; + border: none; + border-radius: 0; + border-top: 4px solid #f0f0f1; + border-right: 1px solid #dcdcde; + color: #3c434a; + fill: #3c434a; + stroke: #3c434a; +} +#customize-header-actions button#astra-tour:hover, #customize-header-actions button#astra-tour:focus { + background: #fff; + color: #2271b1; + fill: #2271b1; + stroke: #2271b1; + border-top-color: #2271b1; + box-shadow: none; + outline: 1px solid transparent; +} +#customize-header-actions button#astra-tour svg { + margin-top: 7px; + margin-left: 3px; + width: 16px; + height: 16px; +} +@media screen and (max-width: 640px) { + #customize-header-actions button#astra-tour { + left: 153px; + } +} + +/* To highlight style guide option */ +.indicator-dot { + z-index: 1000; + position: relative; + height: 5px; + width: 5px; + background-color: red; + border-radius: 50%; + display: inline-block; + margin-left: 80px; + margin-bottom: 15px; + animation: pulse 2s infinite; +} + +@keyframes pulse { + 0% { + transform: scale(1); + opacity: 1; + } + 50% { + transform: scale(1.5); + opacity: 0.7; + } + 100% { + transform: scale(1); + opacity: 1; + } +} + +/* Styling for the tooltip */ +.ast-style-guide-tooltip { + display: none; + position: absolute; + left: 50%; + transform: translateX(-50%); + margin-bottom: 5px; + background-color: #e5e5e5; + color: #494948; + border-radius: 3px; + white-space: nowrap; + font-size: 12px; + z-index: 1000; + opacity: 0; + transition: opacity .3s ease; + padding: 0 8px; + top: 45px; + box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; +} + +/* Show the ast-style-guide-tooltip on hover */ +#astra-tour:hover .ast-style-guide-tooltip { + display: block; + opacity: 1; +} + + +/* 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; +} diff --git a/assets/css/customizer.css b/assets/css/customizer.css new file mode 100644 index 00000000..cb8aba81 --- /dev/null +++ b/assets/css/customizer.css @@ -0,0 +1,98 @@ +.ast-customizer-notice { + margin: -20px -12px 5px -12px; + padding: 15px; + font-size: 14px; + background-color: #0085ba; + color: #fff; + border-bottom: 1px solid #006799; +} + +.ast-customizer-notice a { + color: white; + font-weight: bold; +} + + +/* 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; +} diff --git a/assets/css/dashboard-widget.css b/assets/css/dashboard-widget.css new file mode 100644 index 00000000..adf176c0 --- /dev/null +++ b/assets/css/dashboard-widget.css @@ -0,0 +1,715 @@ +#wpforms_reports_widget_lite .inside, +#wpforms_reports_widget_pro .inside { + margin: 0; + padding: 0; +} + +#wpforms_reports_widget_lite .wpforms-dash-widget-block h3, +#wpforms_reports_widget_pro .wpforms-dash-widget-block h3 { + margin-bottom: 0; + font-weight: 600; + padding-top: 1px; +} + +.wpforms-dash-widget .wpforms-dash-widget-content { + position: relative; +} + +.wpforms-dash-widget button:focus { + outline: none; +} + +.wpforms-dash-widget .wpforms-dash-widget-block { + position: relative; + padding: 0 12px; + margin-top: 12px; +} + +#wpforms-entries-list .wpforms-dash-widget .wpforms-dash-widget-block:first-child { + padding: 0; +} + +#wpforms-entries-list .wpforms-dash-widget .wpforms-dash-widget-block:first-child h3 { + margin-top: 0; +} + +#wpforms-entries-list .wpforms-dash-widget .wpforms-dash-widget-block:first-child .wpforms-dash-widget-settings { + display: inline-block; + float: right; +} + +.wpforms-dash-widget .wpforms-dash-widget-block.wpforms-dash-widget-block-title { + background-color: #fafafa; + margin-top: 0; + margin-bottom: -13px; + padding-top: 13px; + padding-bottom: 14px; + display: flex; + align-items: center; + justify-content: space-between; +} + +.wpforms-dash-widget .wpforms-dash-widget-block h3 { + display: inline-block; + line-height: 2; +} + +.wpforms-dash-widget .wpforms-dash-widget-block p { + margin-top: 0; + margin-bottom: 0; +} + +.wpforms-dash-widget .wpforms-dash-widget-chart-block-container { + position: relative; +} + +.wpforms-dash-widget #wpforms-dash-widget-chart-title { + display: inline; +} + +#dashboard-widgets-wrap .wpforms-dash-widget #wpforms-dash-widget-chart-title { + display: none; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings #wpforms-dash-widget-timespan { + color: #3c434a; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings #wpforms-dash-widget-timespan:hover { + color: #2271b1; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container { + display: inline-block; + position: relative; + vertical-align: top; + margin-left: 7px; +} + +#wpforms-entries-list .wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container { + margin-left: 20px; + margin-top: 5px; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-button { + background: #fafafa; + color: #787c82; + border-color: currentColor; + padding: 0 5px 0 6px; +} + +#wpforms-entries-list .wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-button { + background-color: #fff; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-button:hover, .wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-button:focus { + color: #2271b1; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-button .dashicons { + margin-top: 4px; +} + +@media (max-width: 782px) { + .wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-button .dashicons { + margin-top: 9px; + } +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu { + top: auto; + bottom: 40px; + display: none; + position: absolute; + background-color: #fff; + width: 160px; + border-radius: 3px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important; + padding: 10px; + z-index: 9999; + right: 0; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu.disabled * { + cursor: not-allowed; +} + +#wpforms-entries-list .wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu, .postbox:first-child .wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu { + top: 40px; + bottom: auto; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu .wpforms-dash-widget-settings-menu-wrap { + border-bottom: 1px solid #eee; + line-height: 2.4; + font-size: 13px; + padding-bottom: 5px; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu .wpforms-dash-widget-settings-menu-wrap h4 { + text-transform: uppercase !important; + color: #3c434a !important; + font-size: 11px !important; + font-weight: 600 !important; + line-height: 13px !important; + margin: 0; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu .wpforms-dash-widget-settings-menu-wrap.color-scheme h4 { + margin-top: 10px !important; + margin-bottom: 5px !important; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu .wpforms-dash-widget-settings-menu-wrap div { + line-height: 1.9; +} + +.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu button { + margin-top: 10px; +} + +.wpforms-dash-widget .wpforms-dash-widget-chart-block { + border-bottom: 1px solid #eee; + height: 291px; + padding-bottom: 12px; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block table { + width: calc(100% + 24px); + margin: 0 -12px; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block table tr.wpforms-dash-widget-form-active td .wpforms-dash-widget-single-chart-btn { + display: none; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block table tr.wpforms-dash-widget-form-active td #wpforms-dash-widget-reset-chart { + display: block; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block table tr.wpforms-dash-widget-form-active td:nth-child(1) { + border-left: 3px solid #2271b1; + font-weight: 600; + padding-left: 9px; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block table td { + padding: 10px 12px; + background-color: #fff; + border-top: 1px solid #eee; + font-size: 14px; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block table td:not(:first-child) { + text-align: right; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block table td a.entry-list-link { + text-decoration: none; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block table td a.entry-list-link:hover { + color: #003d7e; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block .wpforms-dash-widget-forms-list-hidden-el { + display: none; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block .wpforms-dash-widget-forms-more { + background: #fff; + display: block; + margin: 0 -12px; + padding: 9px 10px; + line-height: 1.6; + border: none; + border-top: 1px solid #eee; + width: calc(100% + 24px); + cursor: pointer; + text-align: left; + color: #23282c; + font-weight: 600; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block .wpforms-dash-widget-forms-more:hover { + color: #0073aa; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block .wpforms-dash-widget-forms-more:hover .dashicons { + color: #0073aa; +} + +.wpforms-dash-widget .wpforms-dash-widget-forms-list-block .wpforms-dash-widget-forms-more .dashicons { + float: right; + color: #72777c; +} + +.wpforms-dash-widget .wpforms-dash-widget-recommended-plugin-block { + display: flex; + justify-content: space-between; + align-items: center; + padding: 12px; + border-top: 1px solid #f3f3f3; + color: #787c82; + margin-top: 0; +} + +.wpforms-dash-widget .wpforms-dash-widget-recommended-plugin-block strong { + color: #3c434a; +} + +.wpforms-dash-widget .wpforms-dash-widget-recommended-plugin-block .sep { + display: inline-block; + margin: 0 3px; +} + +.wpforms-dash-widget .wpforms-dash-widget-recommended-plugin-block .sep-vertical { + color: #dddde0; +} + +.wpforms-dash-widget .wpforms-dash-widget-recommended-plugin-block p { + margin: 0; +} + +.wpforms-dash-widget .wpforms-dash-widget-recommended-plugin-block .action-links { + display: inline-block; +} + +.wpforms-dash-widget .wpforms-dash-widget-dismiss-icon { + border: 0; + color: #8c8f94; + opacity: 0.3; + cursor: pointer; + background: none; + padding: 0; + margin: 0; +} + +.wpforms-dash-widget .wpforms-dash-widget-dismiss-icon:hover { + opacity: 1; +} + +.wpforms-dash-widget .wpforms-dash-widget-dismiss-icon .dashicons { + font-size: 16px; + height: 1em; + width: 1em; +} + +.wpforms-dash-widget .wpforms-dash-widget-welcome-block { + display: flex; + justify-content: space-between; + align-items: center; + border-left: 4px solid #056aab; + background: #fafafa; + color: #787c82; + font-size: 13px; + padding: 13px; + margin-top: 0; +} + +.wpforms-dash-widget .wpforms-dash-widget-welcome-block strong { + color: #3c434a; + font-weight: 500; +} + +.wpforms-dash-widget .wpforms-error { + text-align: center; +} + +.wpforms-dash-widget .wpforms-error-no-data-chart { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + overflow: hidden; + border-bottom: 1px solid #f3f3f3; + box-sizing: border-box; + background: rgba(255, 255, 255, 0); + background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); + background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, white 100%); +} + +.wpforms-dash-widget .wpforms-error-no-data-chart .wpforms-dash-widget-modal { + position: absolute; + top: calc(50% - 2em); + left: 50%; + transform: translate(-50%, -50%); + padding: 1.5em 2em 2em 2em; + box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.08); + border-radius: 3px; + background-color: #fff; + text-align: center; + width: 20em; +} + +.wpforms-dash-widget .wpforms-error-no-data-chart .wpforms-dash-widget-modal h2 { + padding: 0; + margin-bottom: 5px; + font-size: 18px; +} + +.wpforms-dash-widget .wpforms-error-no-data-chart .wpforms-dash-widget-modal p { + line-height: 1.3; +} + +.wpforms-dash-widget .wpforms-error-no-data-forms-list { + padding-top: 12px; + padding-bottom: 24px; +} + +.wpforms-dash-widget .wpforms-dash-widget-block-no-forms { + padding: 20px 30px 30px; + text-align: center; +} + +.wpforms-dash-widget .wpforms-dash-widget-block-no-forms .wpforms-dash-widget-block-sullie-logo { + width: 85px; +} + +.wpforms-dash-widget .wpforms-dash-widget-block-no-forms h2 { + font-size: 16px; + font-weight: 600; + padding: 10px 0 0; + line-height: 1.3; +} + +.wpforms-dash-widget .wpforms-dash-widget-block-no-forms p { + margin-top: 8px; + margin-bottom: 20px; +} + +.wpforms-dash-widget .wpforms-dash-widget-block-no-forms a.button:first-of-type:not(:only-of-type) { + margin-right: 9px; +} + +.wpforms-dash-widget .wpforms-dash-widget-modal { + position: absolute; + top: calc(50% - 2em); + left: 50%; + transform: translate(-50%, -50%); + padding: 1.5em 2em 2em 2em; + box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.08); + border-radius: 3px; + background-color: #fff; + text-align: center; + width: 20em; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + overflow: hidden; + border-bottom: 1px solid #f3f3f3; + box-sizing: border-box; + background: rgba(255, 255, 255, 0); + background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); + background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, white 100%); +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-modal .wpforms-dash-widget-dismiss-chart-upgrade { + position: absolute; + width: 16px; + height: 17px; + right: 5px; + top: 5px; + color: #a0a5aa; + text-decoration: none; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-modal .wpforms-dash-widget-dismiss-chart-upgrade .dashicons { + width: 16px; + height: 17px; + font-style: normal; + font-weight: normal; + font-size: 16px; + line-height: 17px; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-modal h2 { + margin-bottom: 10px; + font-size: 20px; + font-weight: 600; + color: #3c434a; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-modal p { + margin: 0 0 15px 0; + color: #787c82; + font-size: 14px; + line-height: 18px; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-modal p:last-child { + margin-bottom: 0; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-upgrade-btn { + background: #e27730; + border-radius: 3px; + color: #fff; + display: inline-block; + padding: 11px 15px; + text-decoration: none; + font-weight: 600; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-upgrade-btn:hover, .wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-upgrade-btn:focus { + background-color: #b85a1b; + color: #fff; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-upgrade-btn:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #b85a1b; + outline: 0; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-site-link { + color: #e27730; + display: inline-block; + margin-bottom: 10px; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-block-upgrade .wpforms-dash-widget-site-link:hover { + color: #b85a1b; +} + +.wpforms-dash-widget.wpforms-lite .wpforms-dash-widget-forms-list-block table td { + padding-top: 10px; + padding-bottom: 10px; +} + +.wpforms-dash-widget.wpforms-pro .wpforms-dash-widget-reset-chart { + border: 0; + color: #a0a5aa; + vertical-align: baseline; + cursor: pointer; + background: none; + padding: 0 2px; +} + +.wpforms-dash-widget.wpforms-pro .wpforms-dash-widget-reset-chart:hover { + color: #d63638; +} + +.wpforms-dash-widget.wpforms-pro .wpforms-dash-widget-reset-chart .dashicons { + font-size: 16px; + height: 1em; + width: 1em; + margin-top: 1px; +} + +.wpforms-dash-widget.wpforms-pro .wpforms-dash-widget-forms-list-block table td.graph { + padding: 10px 0; + width: 40px; +} + +.wpforms-dash-widget.wpforms-pro .wpforms-dash-widget-forms-list-block table button { + cursor: pointer; + height: 24px; + width: 33px; + padding: 0; + vertical-align: middle; + margin: 0 12px; +} + +.wpforms-dash-widget.wpforms-pro .wpforms-dash-widget-forms-list-block table button.chart { + background-color: white; + color: #a7acb1; + border: 1px solid #a0a5aa; + border-radius: 3px; + transition: border .1s ease-in; +} + +.wpforms-dash-widget.wpforms-pro .wpforms-dash-widget-forms-list-block table button.chart:hover { + border: 1px solid currentColor; + color: #2271b1; +} + +.wpforms-dash-widget.wpforms-pro .wpforms-dash-widget-forms-list-block table button:hover { + border-color: #666; +} + +.wpforms-dash-widget.wpforms-pro .wpforms-dash-widget-overlay { + width: 100%; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #fff url(/wp-includes/images/spinner.gif) no-repeat center calc(50% - 12px); + z-index: 10; +} + +.wpforms-dash-widget.wpforms-pro #wpforms-dash-widget-lite-connect { + width: 100%; + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 10; + height: 300px; + background: rgba(255, 255, 255, 0); + background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); + background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, white 100%); + background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, white 100%); +} + +.wpforms-dash-widget.wpforms-pro #wpforms-dash-widget-lite-connect .wpforms-dash-widget-modal { + border-radius: 6px; + padding: 30px; + min-width: calc( 100% - 200px); + top: 50%; +} + +.wpforms-dash-widget.wpforms-pro #wpforms-dash-widget-lite-connect img { + width: 40px; + height: 40px; + margin: 0 0 15px 0; +} + +.wpforms-dash-widget.wpforms-pro #wpforms-dash-widget-lite-connect h4 { + font-weight: 600; + font-size: 20px; + line-height: 26px; + margin-bottom: 15px; +} + +.wpforms-dash-widget.wpforms-pro #wpforms-dash-widget-lite-connect p { + font-weight: 400; + font-size: 14px; + line-height: 18px; + color: #787c82; + margin: 0; +} + +.wpforms-dash-widget.wpforms-pro #wpforms-dash-widget-lite-connect .wpforms-btn { + background: #e27730; + border-radius: 3px; + color: #ffffff; + display: inline-block; + font-weight: 600; + font-size: 14px; + line-height: 20px; + text-decoration: none; + padding: 10px 15px; + margin-top: 15px; +} + +.wpforms-dash-widget.wpforms-pro #wpforms-dash-widget-lite-connect .wpforms-btn:hover { + background: #cd6622; +} + +.wpforms-hidden { + display: none !important; +} + +.wpforms-dash-widget-no-graph.wpforms-dash-widget .wpforms-dash-widget-settings .wpforms-dash-widget-settings-container .wpforms-dash-widget-settings-menu { + top: 40px; + bottom: auto; +} + +@media screen and (max-width: 782px) { + .wpforms-dash-widget .wpforms-dash-widget-welcome-block { + 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; +} diff --git a/assets/css/dashboard-widget.min.css b/assets/css/dashboard-widget.min.css new file mode 100644 index 00000000..3fd20cf2 --- /dev/null +++ b/assets/css/dashboard-widget.min.css @@ -0,0 +1,85 @@ +#dashboard-widgets .meta-box-sortables .postbox:last-child .wp-mail-smtp-dash-widget-settings-menu{top:auto;bottom:50px}@media(min-width: 800px){#dashboard-widgets .meta-box-sortables .postbox:last-child .wp-mail-smtp-dash-widget-settings-menu{bottom:40px}}#wp_mail_smtp_reports_widget_pro .inside,#wp_mail_smtp_reports_widget_lite .inside{margin:0;padding:0}.wp-mail-smtp-dash-widget button:focus{outline:none}.wp-mail-smtp-dash-widget-block{position:relative;padding:0 12px;margin-top:12px}.wp-mail-smtp-dash-widget-block h3{display:inline-block;line-height:2}.wp-mail-smtp-dash-widget-block p{margin-top:0;margin-bottom:0}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-chart-block-container{position:relative}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-chart-block{height:291px;border-bottom:1px solid #eee;padding:0 12px 12px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings{display:flex;align-items:start;justify-content:space-between;margin-top:0;padding:13px;background-color:#fafafa}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings>div{display:flex}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings>div:first-child{flex-wrap:wrap}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings>div:first-child a{line-height:30px}@media(max-width: 980px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings{padding:13px 4px}}@media(max-width: 960px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings{padding:13px}}@media(max-width: 856px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings{padding:13px 2px}}@media(max-width: 799px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings{padding:13px}}@media(max-width: 436px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings{flex-direction:column;align-items:normal}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings select{width:100%;margin:0 0 10px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-select-timespan{width:calc(100% - 38px)}}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings a{vertical-align:middle}@media(max-width: 1150px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings a{display:none}}@media(min-width: 1500px)and (max-width: 1630px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings a{display:none}}@media(min-width: 1801px)and (max-width: 2080px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings a{display:none}}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-select-email-type{margin-right:6px}@media(max-width: 830px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-select-email-type{margin-right:2px}}@media(max-width: 436px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-select-email-type{margin-right:0}}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-container{display:inline-block;position:relative;vertical-align:top;margin-left:6px}@media(max-width: 830px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-container{margin-left:2px}}@media(max-width: 799px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-container{margin-left:6px}}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button{background:#fafafa;color:#787c82;border-color:#787c82;padding:1px 6px 0;margin-bottom:0;line-height:1;display:flex;align-items:center;justify-content:center}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button:hover,.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button:active,.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button:focus{color:#2271b1;border-color:#2271b1}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button:hover svg path,.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button:active svg path,.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button:focus svg path{fill:#2271b1}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button.open svg path{transform:rotate(90deg)}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button svg{display:inline-block;width:19px;height:19px}@media(max-width: 782px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button svg{padding:5px}}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-button svg path{fill:#787c82;transition:transform .2s;transform-origin:center center}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu{display:none;position:absolute;background-color:#fff;width:160px;border-radius:3px;box-shadow:0px 5px 15px rgba(0,0,0,.15);padding:10px;z-index:9999;right:0;top:50px}@media(min-width: 800px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu{top:40px}}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--style,.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--color{border-bottom:1px solid #eee}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--style h4,.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--color h4{text-transform:uppercase !important;color:#3c434a !important;font-size:11px !important;font-weight:500 !important;line-height:13px !important;margin:0 0 10px !important}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--style .wp-mail-smtp-dash-widget-settings-menu-item,.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--color .wp-mail-smtp-dash-widget-settings-menu-item{display:flex;align-items:center;color:#3c434a;font-size:13px;line-height:16px;margin:0 0 13px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--style .wp-mail-smtp-dash-widget-settings-menu-item:last-child,.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--color .wp-mail-smtp-dash-widget-settings-menu-item:last-child{margin:0 0 10px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--style .wp-mail-smtp-dash-widget-settings-menu-item input[type=radio],.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--color .wp-mail-smtp-dash-widget-settings-menu-item input[type=radio]{margin-right:5px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--style .wp-mail-smtp-dash-widget-settings-menu-item label,.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--color .wp-mail-smtp-dash-widget-settings-menu-item label{vertical-align:top;margin-top:-3px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu--color{margin-top:10px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-settings .wp-mail-smtp-dash-widget-settings-menu-save{margin-top:10px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block{margin-top:0}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block table{width:calc(100% + 24px);margin:0 -12px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block table .wp-mail-smtp-dash-widget-email-stats-table-cell{padding:10px 12px;border-right:1px solid #eee;border-top:1px solid #eee;color:#3c434a;font-size:14px;width:50%;line-height:17px}@media(max-width: 436px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block table .wp-mail-smtp-dash-widget-email-stats-table-cell{display:block;width:100%}}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block table .wp-mail-smtp-dash-widget-email-stats-table-cell--2:not(:first-child){border-right:none}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block table .wp-mail-smtp-dash-widget-email-stats-table-cell--3{width:33.33%}@media(max-width: 436px){.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block table .wp-mail-smtp-dash-widget-email-stats-table-cell--3{width:100%}}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block table .wp-mail-smtp-dash-widget-email-stats-table-cell--3:last-child{border-right:none}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block table .wp-mail-smtp-dash-widget-email-stats-table-cell-container{display:flex;align-items:center}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block table .wp-mail-smtp-dash-widget-email-stats-table-cell-container img{width:16px;margin-right:10px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-stats-block .wp-mail-smtp-dash-widget-overlay{background-position-y:50%}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block{display:flex;padding:12px 7px 12px 12px;border-top:1px solid #eee;color:#787c82;font-size:13px;line-height:16px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block b{color:#3c434a}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block .sep{display:inline-block;margin:0 3px;color:#ddd}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block .sep-vertical{color:#ddd}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block p{margin:0}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block .wp-mail-smtp-dash-widget-recommended-plugin{display:inline-block;width:calc(100% - 24px)}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block .wp-mail-smtp-dash-widget-recommended-plugin span{display:inline-block}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block .wp-mail-smtp-dash-widget-dismiss-recommended-plugin-block{display:inline-block;border:0;color:gray;opacity:.3;vertical-align:baseline;cursor:pointer;background:none;padding:0 2px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block .wp-mail-smtp-dash-widget-dismiss-recommended-plugin-block:hover{opacity:1}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-recommended-plugin-block .wp-mail-smtp-dash-widget-dismiss-recommended-plugin-block .dashicons{font-size:16px;height:16px;width:16px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-alerts-education{align-items:center;border-left:4px solid #d63638;border-top:1px solid #eee;display:flex;gap:10px;margin-top:0;padding:10px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-alerts-education-error-icon{display:flex;height:44px;width:40px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-alerts-education-error-icon img{height:35px;width:35px;margin:auto}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-alerts-education-content{padding-right:14px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-alerts-education-content p{color:#1d2327;font-size:14px;line-height:20px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-alerts-education-content p a{color:#2271b1;font-weight:500}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-alerts-education-content p strong{font-weight:500}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-alerts-education .wp-mail-smtp-dash-widget-dismiss-email-alert-block{background:none;border:0;cursor:pointer;position:absolute;right:6px;top:10px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-email-alerts-education .wp-mail-smtp-dash-widget-dismiss-email-alert-block .dashicons{color:#a0a5aa;font-size:16px;height:17px;width:16px}.wp-mail-smtp-dash-widget .wp-mail-smtp-error{text-align:center}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-chart-upgrade,.wp-mail-smtp-dash-widget .wp-mail-smtp-error-no-data-chart{position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,0);background:-moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255)));background:-webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);background:-o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);background:-ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-chart-upgrade .wp-mail-smtp-dash-widget-modal,.wp-mail-smtp-dash-widget .wp-mail-smtp-error-no-data-chart .wp-mail-smtp-dash-widget-modal{position:absolute;top:calc(50% - 2em);left:50%;transform:translate(-50%, -50%);padding:1.5em 2em 2em 2em;box-shadow:0 0 25px 10px rgba(0,0,0,.08);border-radius:3px;background-color:#fff;text-align:center;width:20em}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-chart-upgrade .wp-mail-smtp-dash-widget-modal h2,.wp-mail-smtp-dash-widget .wp-mail-smtp-error-no-data-chart .wp-mail-smtp-dash-widget-modal h2{padding:0;margin-bottom:5px;font-size:18px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-chart-upgrade .wp-mail-smtp-dash-widget-modal p,.wp-mail-smtp-dash-widget .wp-mail-smtp-error-no-data-chart .wp-mail-smtp-dash-widget-modal p{line-height:1.3}.wp-mail-smtp-dash-widget .wp-mail-smtp-error-no-data-email-stats{padding-top:16px;padding-bottom:16px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-logs-disabled{padding:21px 25px 30px;text-align:center}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-logs-disabled .wp-mail-smtp-dash-widget-block-logo{width:75px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-logs-disabled h2{font-size:16px;line-height:20px;font-weight:500;padding:10px 0 0}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-logs-disabled p{font-size:14px;line-height:20px;margin:7px 0 19px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-block-logs-disabled a.button:first-of-type:not(:only-of-type){margin-right:10px}.wp-mail-smtp-dash-widget .wp-mail-smtp-dash-widget-overlay{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/wp-spinner.gif) no-repeat center calc(50% - 12px);background-color:#fff;z-index:10}.wp-mail-smtp-dash-widget i.wp-mail-smtp-dash-widget-loader{background-image:url(../images/wp-spinner.gif);background-repeat:no-repeat;background-position:center;background-size:cover}.wp-mail-smtp-dash-widget .hidden{display:none !important}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-chart-block-container #wp-mail-smtp-dash-widget-chart{opacity:.35}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-chart-upgrade{background:none;display:flex;align-items:center;justify-content:center}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-chart-upgrade h2{font-size:20px;line-height:20px;font-weight:500;color:#3c434a;margin-bottom:15px}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-chart-upgrade p{font-size:14px;line-height:18px;color:#787c82;margin-bottom:15px}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-chart-upgrade p:last-child{margin-bottom:0}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-chart-upgrade a.button.button-hero{font-weight:500;font-size:14px;line-height:20px;padding:9px 15px;min-height:40px}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-chart-upgrade .wp-mail-smtp-dash-widget-modal{position:relative;top:inherit;left:inherit;transform:none;width:24em;padding:2.3em;box-shadow:0 5px 25px rgba(0,0,0,.15);border-radius:6px}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-dismiss-chart-upgrade{position:absolute;width:16px;height:17px;right:5px;top:5px;color:#a0a5aa;text-decoration:none}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-dismiss-chart-upgrade .dashicons{width:16px;height:17px;font-style:normal;font-weight:normal;font-size:16px;line-height:17px}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-settings-menu input[type=radio]:checked::before{background-color:#a0a5aa}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-settings-menu *{cursor:not-allowed}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block{margin-top:0;padding-top:10px;padding-bottom:10px;border-top:1px solid #eee;font-size:13px;line-height:16px}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block>div{padding:10px;border-radius:4px;background:#f0f6fc}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-setting{display:flex;align-items:center}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-setting label{display:flex;margin:0 10px 0 0;color:#3c434a}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-setting label input,#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-setting label i{margin:0 10px 0 0}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-setting label i{display:none;width:16px;height:16px}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-setting label b{font-weight:500}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-setting a{white-space:nowrap;margin-right:10px}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-setting .dashicons-dismiss{margin-left:auto;width:16px;height:16px;font-size:16px;color:#a0a5aa;cursor:pointer}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-setting .dashicons-dismiss:hover{color:#2271b1}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-applied{display:flex}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-summary-report-email-block-applied .wp-mail-smtp-dashicons-yes-alt-green{margin-right:10px;width:16px;height:16px;background-image:url("../images/dash-widget/yes-green.svg")}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-upgrade-footer{padding:12px;margin-top:0;border-top:1px solid #eee}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-upgrade-footer p{font-size:13px;line-height:16px}#wp_mail_smtp_reports_widget_lite .wp-mail-smtp-dash-widget-upgrade-footer--hide{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; +} diff --git a/assets/css/description-rtl.css b/assets/css/description-rtl.css new file mode 100644 index 00000000..721f0ced --- /dev/null +++ b/assets/css/description-rtl.css @@ -0,0 +1,111 @@ +.customize-control-ast-description .ast-description { + font-style: italic; + color: #9CA3AF; + font-size: 11px; + line-height: 16px; + font-weight: 400; + text-wrap: wrap; + display: inline-block; +} + +.customize-control-ast-description a.button { + margin-top: 10px; + font-style: normal; +} + +.customize-control-ast-description p { + margin: 0; + cursor: initial; + font-size: 11px; + line-height: 16px; + font-weight: 400; +} + +.customize-control .customize-control-description { + 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; +} diff --git a/assets/css/description.css b/assets/css/description.css new file mode 100644 index 00000000..721f0ced --- /dev/null +++ b/assets/css/description.css @@ -0,0 +1,111 @@ +.customize-control-ast-description .ast-description { + font-style: italic; + color: #9CA3AF; + font-size: 11px; + line-height: 16px; + font-weight: 400; + text-wrap: wrap; + display: inline-block; +} + +.customize-control-ast-description a.button { + margin-top: 10px; + font-style: normal; +} + +.customize-control-ast-description p { + margin: 0; + cursor: initial; + font-size: 11px; + line-height: 16px; + font-weight: 400; +} + +.customize-control .customize-control-description { + 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; +} diff --git a/assets/css/divi-builder.min-rtl.css b/assets/css/divi-builder.min-rtl.css new file mode 100644 index 00000000..7d343472 --- /dev/null +++ b/assets/css/divi-builder.min-rtl.css @@ -0,0 +1,85 @@ +.et_divi_builder #et_builder_outer_content .et_pb_video_box .ast-oembed-container,.et_divi_builder #et_builder_outer_content .et_pb_video_box .ast-oembed-container>div{position:initial} + +/* 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; +} diff --git a/assets/css/divi-builder.min.css b/assets/css/divi-builder.min.css new file mode 100644 index 00000000..7d343472 --- /dev/null +++ b/assets/css/divi-builder.min.css @@ -0,0 +1,85 @@ +.et_divi_builder #et_builder_outer_content .et_pb_video_box .ast-oembed-container,.et_divi_builder #et_builder_outer_content .et_pb_video_box .ast-oembed-container>div{position:initial} + +/* 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; +} diff --git a/assets/css/divider-rtl.css b/assets/css/divider-rtl.css new file mode 100644 index 00000000..d4e40c41 --- /dev/null +++ b/assets/css/divider-rtl.css @@ -0,0 +1,349 @@ +.customize-control-ast-divider hr { + margin-top: 0; + margin-bottom: 0; + border-bottom: none; +} + +.customize-control-ast-divider .customize-control-title { + font-size: 15px; + margin: 1em 0 0.2em; +} + +.customize-control-ast-divider .customize-control-suffix { + position: absolute; + left: 0; + bottom: 0; + font-weight: 600; + color: var(--ast-customizer-color-1); + display: inline-block; + font-size: 11px; + text-transform: uppercase; + } + +.customize-control-ast-divider .customizer-text { + margin-top: -10px; + display: block; +} + +.ast-field-settings-modal .customize-control-ast-divider { + background-color: #f5f5f5; + display: block; + padding: 6px 14px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: #dddddd; + line-height: 1; + margin-top: 15px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customizer-text { + margin-top: 0; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customize-control-title { + font-weight: 500; + letter-spacing: 1px; + font-size: 11px; + margin: 0; + text-transform: uppercase; +} + +/* + * CSS for ast-divider attribute started. + */ +.ast-bottom-divider { + border-bottom: 1px solid var(--ast-customizer-color-7); + padding-bottom: 25px; +} + +.ast-top-divider { + border-top: 1px solid var(--ast-customizer-color-7); + padding-top: 25px; +} + +.ast-top-divider > label.ast-divider-title, .ast-bottom-divider > label.ast-divider-title, +.customize-control-ast-color-group > .ast-divider-title { + display: block; + width: 100%; + font-size: 15px; + font-weight: 600; +} + +.ast-top-divider .ast-control-wrap .ast-color-btn-reset-wrap { + top: 25px; +} + +.ast-top-divider .ast-control-wrap .astra-color-picker-wrap { + top: 55px; + background-color: transparent; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 100px; + background-color: transparent; +} + +.ast-top-divider .ast-control-wrap .color-button-wrap { + top: 20.5px; +} + +.ast-top-divider.customize-control-ast-select .ast-divider-title { + margin-bottom: 25px; +} + + +/* +* CSS for ast-spacing attribute started. +*/ + +.customize-control.ast-bottom-spacing, .ast-field-settings-modal .customize-control.ast-bottom-spacing { + margin-bottom: 16px; +} +.customize-control.ast-top-spacing, .ast-field-settings-modal .customize-control.ast-top-spacing { + margin-top: 16px; +} +li.customize-control.ast-bottom-section-spacing { + margin-bottom: 24px; +} +li.customize-control.ast-top-section-spacing { + margin-top: 24px; +} + +/* +* CSS for ast-divider attribute started. +*/ + +.customize-control.ast-top-dotted-divider, +#customize-control-astra-settings-edd-archive-variable-button-text, +#customize-control-astra-settings-header-account-logged-out-text, +#customize-control-astra-settings-shop-load-more-text, +#customize-control-astra-settings-single-product-shipping-text, +#customize-control-astra-settings-checkout-back-to-cart-button-text, +#customize-control-astra-settings-ast-header-retina-logo, +#customize-control-astra-settings-product-sale-percent-value, +#customize-control-astra-settings-header-account-create-menu-link, +#customize-control-astra-settings-woo-cart-button-text, +#customize-control-astra-settings-single-product-recently-viewed-text, +#customize-control-astra-settings-sticky-header-retina-logo { + margin-top: 24px; + padding-top: 24px; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +#customize-control-blogname, #customize-control-blogdescription, { + margin-top: 16px; +} + +#customize-control-astra-settings-product-sale-percent-value .ast-control-tooltip { + top: 24px; +} + +.customize-control.ast-top-dotted-divider .ast-adv-toggle-icon { + top: 25px; +} + +.customize-control.ast-bottom-dotted-divider, +#customize-control-astra-settings-header-account-logged-in-text { + margin-bottom: 8px; + padding-bottom: 24px; + border-bottom: 1px dashed var(--ast-customizer-color-7); +} + +.customize-control.ast-bottom-dotted-divider .ast-adv-toggle-icon { + bottom: 25px; +} + +/* +* CSS for ast-section-divider attribute started. +*/ + +.customize-control.ast-top-section-divider, +.customize-control.ast-bottom-section-divider { + position: relative; +} + +.customize-control.ast-top-section-divider { + padding-top: 32px; + margin-top: 32px; +} + +.customize-control.ast-bottom-section-divider { + padding-bottom: 32px; + margin-bottom: 16px; +} + +.customize-control.ast-sub-top-dotted-divider { + padding-top: 20px; +} + +.customize-control.ast-sub-bottom-dotted-divider { + padding-bottom: 20px; +} + +.customize-control.ast-top-section-divider::before, +.customize-control.ast-bottom-section-divider::after { + content: ''; + position: absolute; + right: -100%; + background-color: var(--ast-customizer-color-7); + width: 500%; + height: 1px; +} + +.customize-control.ast-sub-top-dotted-divider::before, +.customize-control.ast-top-section-divider::before { + top: 0; +} + +.customize-control.ast-sub-bottom-dotted-divider::after, +.customize-control.ast-bottom-section-divider::after { + bottom: 0; +} + +.customize-control.ast-sub-top-dotted-divider::before, +.customize-control.ast-sub-bottom-dotted-divider::after { + content: ''; + border-top: 1px dashed var(--ast-customizer-color-7); + width: calc(100% - 30px); + height: 1px; + position: absolute; + right: 15px; +} + + +/* +* CSS for ast-first-control-spacing attribute started. +*/ +[ID*="-create-menu-link"] .ahfb-builder-item-start { + margin-bottom: 0; +} + +.customize-control.ast-section-spacing, +#customize-control-astra-settings-footer-create-menu-link, +#customize-control-astra-settings-footer-language-switcher-options, +#customize-control-astra-settings-header-mobile-menu-create-menu-link, +#customize-control-astra-settings-header-language-switcher-options, +#customize-control-astra-settings-site-icon-link, +#customize-control-custom_logo, +#customize-control-astra-settings-header-above-stick, +[ID*="sub-accordion-section-section-hb-menu-"] [ID*="-create-menu-link"], +[ID*="customize-control-astra-settings-header-button"][ID*="-text"], +[ID*="customize-control-astra-settings-footer-button"][ID*="-text"] { + margin-top: 32px; +} + +#customize-control-body-font-variant, +#customize-control-headings-font-variant { + margin-top: 0; +} + +/* sidebar specific */ +#sub-accordion-section-section-sidebars > .customize-control-ast-heading { + margin-top: 16px; +} + +#sub-accordion-section-section-sidebars > .customize-control-ast-heading ~ .customize-control-ast-heading { + margin-top: 32px; +} + +/* Sub controls divider support */ +.ast-fields-wrap .customize-control.ast-bottom-section-divider::after, .ast-fields-wrap .customize-control.ast-top-section-divider::before { + width: 100%; + right: 0px; +} + +.ast-top-dotted-divider .ast-control-tooltip { + top: 22px; +} +.ast-top-section-divider .ast-control-tooltip { + top: 30px; +} +.ast-field-settings-modal .customize-control.ast-top-dotted-divider { + 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; +} diff --git a/assets/css/divider.css b/assets/css/divider.css new file mode 100644 index 00000000..07ea04a7 --- /dev/null +++ b/assets/css/divider.css @@ -0,0 +1,349 @@ +.customize-control-ast-divider hr { + margin-top: 0; + margin-bottom: 0; + border-bottom: none; +} + +.customize-control-ast-divider .customize-control-title { + font-size: 15px; + margin: 1em 0 0.2em; +} + +.customize-control-ast-divider .customize-control-suffix { + position: absolute; + right: 0; + bottom: 0; + font-weight: 600; + color: var(--ast-customizer-color-1); + display: inline-block; + font-size: 11px; + text-transform: uppercase; + } + +.customize-control-ast-divider .customizer-text { + margin-top: -10px; + display: block; +} + +.ast-field-settings-modal .customize-control-ast-divider { + background-color: #f5f5f5; + display: block; + padding: 6px 14px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: #dddddd; + line-height: 1; + margin-top: 15px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customizer-text { + margin-top: 0; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-divider .customize-control-title { + font-weight: 500; + letter-spacing: 1px; + font-size: 11px; + margin: 0; + text-transform: uppercase; +} + +/* + * CSS for ast-divider attribute started. + */ +.ast-bottom-divider { + border-bottom: 1px solid var(--ast-customizer-color-7); + padding-bottom: 25px; +} + +.ast-top-divider { + border-top: 1px solid var(--ast-customizer-color-7); + padding-top: 25px; +} + +.ast-top-divider > label.ast-divider-title, .ast-bottom-divider > label.ast-divider-title, +.customize-control-ast-color-group > .ast-divider-title { + display: block; + width: 100%; + font-size: 15px; + font-weight: 600; +} + +.ast-top-divider .ast-control-wrap .ast-color-btn-reset-wrap { + top: 25px; +} + +.ast-top-divider .ast-control-wrap .astra-color-picker-wrap { + top: 55px; + background-color: transparent; +} + +.ast-top-divider .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 100px; + background-color: transparent; +} + +.ast-top-divider .ast-control-wrap .color-button-wrap { + top: 20.5px; +} + +.ast-top-divider.customize-control-ast-select .ast-divider-title { + margin-bottom: 25px; +} + + +/* +* CSS for ast-spacing attribute started. +*/ + +.customize-control.ast-bottom-spacing, .ast-field-settings-modal .customize-control.ast-bottom-spacing { + margin-bottom: 16px; +} +.customize-control.ast-top-spacing, .ast-field-settings-modal .customize-control.ast-top-spacing { + margin-top: 16px; +} +li.customize-control.ast-bottom-section-spacing { + margin-bottom: 24px; +} +li.customize-control.ast-top-section-spacing { + margin-top: 24px; +} + +/* +* CSS for ast-divider attribute started. +*/ + +.customize-control.ast-top-dotted-divider, +#customize-control-astra-settings-edd-archive-variable-button-text, +#customize-control-astra-settings-header-account-logged-out-text, +#customize-control-astra-settings-shop-load-more-text, +#customize-control-astra-settings-single-product-shipping-text, +#customize-control-astra-settings-checkout-back-to-cart-button-text, +#customize-control-astra-settings-ast-header-retina-logo, +#customize-control-astra-settings-product-sale-percent-value, +#customize-control-astra-settings-header-account-create-menu-link, +#customize-control-astra-settings-woo-cart-button-text, +#customize-control-astra-settings-single-product-recently-viewed-text, +#customize-control-astra-settings-sticky-header-retina-logo { + margin-top: 24px; + padding-top: 24px; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +#customize-control-blogname, #customize-control-blogdescription, { + margin-top: 16px; +} + +#customize-control-astra-settings-product-sale-percent-value .ast-control-tooltip { + top: 24px; +} + +.customize-control.ast-top-dotted-divider .ast-adv-toggle-icon { + top: 25px; +} + +.customize-control.ast-bottom-dotted-divider, +#customize-control-astra-settings-header-account-logged-in-text { + margin-bottom: 8px; + padding-bottom: 24px; + border-bottom: 1px dashed var(--ast-customizer-color-7); +} + +.customize-control.ast-bottom-dotted-divider .ast-adv-toggle-icon { + bottom: 25px; +} + +/* +* CSS for ast-section-divider attribute started. +*/ + +.customize-control.ast-top-section-divider, +.customize-control.ast-bottom-section-divider { + position: relative; +} + +.customize-control.ast-top-section-divider { + padding-top: 32px; + margin-top: 32px; +} + +.customize-control.ast-bottom-section-divider { + padding-bottom: 32px; + margin-bottom: 16px; +} + +.customize-control.ast-sub-top-dotted-divider { + padding-top: 20px; +} + +.customize-control.ast-sub-bottom-dotted-divider { + padding-bottom: 20px; +} + +.customize-control.ast-top-section-divider::before, +.customize-control.ast-bottom-section-divider::after { + content: ''; + position: absolute; + left: -100%; + background-color: var(--ast-customizer-color-7); + width: 500%; + height: 1px; +} + +.customize-control.ast-sub-top-dotted-divider::before, +.customize-control.ast-top-section-divider::before { + top: 0; +} + +.customize-control.ast-sub-bottom-dotted-divider::after, +.customize-control.ast-bottom-section-divider::after { + bottom: 0; +} + +.customize-control.ast-sub-top-dotted-divider::before, +.customize-control.ast-sub-bottom-dotted-divider::after { + content: ''; + border-top: 1px dashed var(--ast-customizer-color-7); + width: calc(100% - 30px); + height: 1px; + position: absolute; + left: 15px; +} + + +/* +* CSS for ast-first-control-spacing attribute started. +*/ +[ID*="-create-menu-link"] .ahfb-builder-item-start { + margin-bottom: 0; +} + +.customize-control.ast-section-spacing, +#customize-control-astra-settings-footer-create-menu-link, +#customize-control-astra-settings-footer-language-switcher-options, +#customize-control-astra-settings-header-mobile-menu-create-menu-link, +#customize-control-astra-settings-header-language-switcher-options, +#customize-control-astra-settings-site-icon-link, +#customize-control-custom_logo, +#customize-control-astra-settings-header-above-stick, +[ID*="sub-accordion-section-section-hb-menu-"] [ID*="-create-menu-link"], +[ID*="customize-control-astra-settings-header-button"][ID*="-text"], +[ID*="customize-control-astra-settings-footer-button"][ID*="-text"] { + margin-top: 32px; +} + +#customize-control-body-font-variant, +#customize-control-headings-font-variant { + margin-top: 0; +} + +/* sidebar specific */ +#sub-accordion-section-section-sidebars > .customize-control-ast-heading { + margin-top: 16px; +} + +#sub-accordion-section-section-sidebars > .customize-control-ast-heading ~ .customize-control-ast-heading { + margin-top: 32px; +} + +/* Sub controls divider support */ +.ast-fields-wrap .customize-control.ast-bottom-section-divider::after, .ast-fields-wrap .customize-control.ast-top-section-divider::before { + width: 100%; + left: 0px; +} + +.ast-top-dotted-divider .ast-control-tooltip { + top: 22px; +} +.ast-top-section-divider .ast-control-tooltip { + top: 30px; +} +.ast-field-settings-modal .customize-control.ast-top-dotted-divider { + 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; +} diff --git a/assets/css/dokan-compatibility.min.css b/assets/css/dokan-compatibility.min.css new file mode 100644 index 00000000..a29e9214 --- /dev/null +++ b/assets/css/dokan-compatibility.min.css @@ -0,0 +1,85 @@ +.dokan-theme-astra .dokan-dashboard-wrap .dokan-btn:not(.tips),.dokan-theme-astra .dokan-dashboard-wrap input:not([type=checkbox]):not([type=radio]),.dokan-theme-astra .dokan-dashboard-wrap select+.select2-container,.dokan-theme-astra .dokan-store-wrap input:not([type=checkbox]):not([type=radio]),.dokan-theme-astra select{min-height:40px;align-content:center}.dokan-theme-astra .dokan-dashboard-wrap select+.select2-container input{margin-top:0}.dokan-theme-astra .dokan-dashboard-wrap select+.select2-container .select2-selection{min-height:40px}.dokan-theme-astra .dokan-dashboard-wrap select+.select2-container .select2-selection .select2-selection__rendered{display:block}.dokan-theme-astra .dokan-dashboard-wrap select+.select2-container .select2-selection.select2-selection--single{padding:8.25px}.dokan-theme-astra .dokan-dashboard-wrap select+.select2-container .select2-selection__choice{margin-top:8px}.dokan-theme-astra .dokan-dashboard-wrap .dokan-select-product-category{padding:8.25px}.dokan-theme-astra .dokan-dashboard-wrap .dokan-panel input[type=button]{font-size:.875rem;line-height:1.42857143;padding:6px 12px}.dokan-theme-astra .dokan-dashboard-wrap .woocommerce-error,.dokan-theme-astra .dokan-dashboard-wrap .woocommerce-info,.dokan-theme-astra .dokan-dashboard-wrap .woocommerce-message{clear:both}@media (max-width:544px){.dokan-theme-astra .dokan-dashboard-wrap form{margin-bottom:.6em}}.dokan-theme-astra .media-modal .media-modal-content .media-frame-router button{color:unset}.dokan-theme-astra form select.orderby-search{width:max-content}.dokan-theme-astra #reviews #comments .commentlist .review_comment_container .comment-text{align-items:center}.dokan-theme-astra #reviews #comments .commentlist .review_comment_container .comment-text a+p{margin-bottom:1em}.dokan-theme-astra #reviews #comments .commentlist .review_comment_container .comment-text .dokan-review-wrapper{order:3}.dokan-theme-astra .dokan-reviews-area #dokan_comments-form .dokan-form-group{display:inline-flex;gap:5px}.dokan-theme-astra .dokan-reviews-area #dokan_comments-form select[name=comment_status]{width:160px} + +/* 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; +} diff --git a/assets/css/eb-common.css b/assets/css/eb-common.css new file mode 100644 index 00000000..0e56d9ee --- /dev/null +++ b/assets/css/eb-common.css @@ -0,0 +1,86 @@ +.eb-dot-style-modern-1 .slick-dots li,.eb-dot-style-modern-2 .slick-dots li,.eb-dot-style-modern-3 .slick-dots li{transition:all .2ms ease}.eb-dot-style-modern-1 .slick-dots li,.eb-dot-style-modern-1 .slick-dots li button,.eb-dot-style-modern-1 .slick-dots li button:before{width:2px}.eb-dot-style-modern-1 .slick-dots li button:before{margin:0;padding:0}.eb-dot-style-modern-2 .slick-dots li,.eb-dot-style-modern-2 .slick-dots li button,.eb-dot-style-modern-2 .slick-dots li button:before{height:2px;width:25px}.eb-dot-style-modern-2 .slick-dots li button:before{margin:0;padding:0}.eb-dot-style-modern-3 .slick-dots li,.eb-dot-style-modern-3 .slick-dots li button,.eb-dot-style-modern-3 .slick-dots li button:before{height:2px;width:15px}.eb-dot-style-modern-3 .slick-dots li{margin:0 5px!important}.eb-dot-style-modern-3 .slick-dots li.slick-active{margin-right:20px!important}.eb-dot-style-modern-3 .slick-dots li button:before{margin:0;padding:0}.eb-dot-style-modern-3 .slick-dots li.slick-active button:before{width:25px}.eb-dot-style-modern-1 .slick-dots li button:before,.eb-dot-style-modern-2 .slick-dots li button:before,.eb-dot-style-modern-3 .slick-dots li button:before{background:#000;font-size:0!important}.eb-sr-only{border:0!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;text-indent:-9999px;white-space:nowrap!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; +} diff --git a/assets/css/eb-menu.css b/assets/css/eb-menu.css new file mode 100644 index 00000000..5746c2df --- /dev/null +++ b/assets/css/eb-menu.css @@ -0,0 +1,86 @@ +#toplevel_page_essential-blocks .wp-menu-image img{margin-top:-2px;width:21px}#toplevel_page_essential-blocks.current .wp-menu-image img{opacity:1}.eb-menu-notice{background:red;background-color:#d63638;border-radius:9px;bottom:24px;box-sizing:border-box;color:#fff;display:inline-block;display:none;font-size:11px;height:18px;line-height:1.6;margin:1px 0 -1px 2px;min-width:18px;padding:0 5px;position:absolute;right:0;text-align:center;vertical-align:top;z-index:26}.eb-whats-new{border-radius:4px;box-shadow:3px 0 5px 1px #d8d8d8;left:100%;margin:0;min-width:300px;padding:0;text-align:left;top:15px;z-index:99999}.eb-whats-new,.eb-whats-new:before{background:#fff;position:absolute;transform:translateY(-50%)}.eb-whats-new:before{aspect-ratio:1/2;clip-path:polygon(100% 0,0 50%,100% 100%);content:"";left:-10px;top:50%;width:10px}.eb-whats-new .eb-hn-title{align-items:center;background-color:#3a6fac;color:#fff;display:flex;font-size:14px;gap:5px;padding:10px 10px 10px 15px}.eb-whats-new .eb-hn-title .dashicons{background-color:#fff;border-radius:50%;color:#3a6fac;padding:5px}.eb-whats-new .eb-hn-content{padding:10px 10px 10px 15px}.eb-whats-new .eb-hn-content p{color:#222;font-size:13px;font-weight:400;margin:0}.eb-whats-new .eb-hn-content button{display:block;margin-top:15px;padding:0}.eb-whats-new .eb-hn-content button a{line-height:1;padding:6px 12px!important}.eb-whats-new .eb-hn-content button.button-dismiss{align-items:center;background-color:transparent;border:0;box-shadow:unset;display:flex;gap:3px;margin:0 0 0 auto}.eb-whats-new .eb-hn-content button.button-dismiss .dashicons{color:#7f8386}.triangle{aspect-ratio:1/2;background:linear-gradient(45deg,#fa6900,#c02942);clip-path:polygon(100% 0,0 50%,100% 100%);width:100px} + + +/* 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; +} diff --git a/assets/css/edd-archive-page-list-style-grid-rtl.css b/assets/css/edd-archive-page-list-style-grid-rtl.css new file mode 100644 index 00000000..10299315 --- /dev/null +++ b/assets/css/edd-archive-page-list-style-grid-rtl.css @@ -0,0 +1,125 @@ +/** + * Shop Page List Style + */ +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article { + -js-display: flex; + display: flex; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .ast-edd-archive-block-wrap { + padding: .8em 1.2em; + flex: 1; + align-self: center; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image { + overflow: hidden; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image { + overflow: initial; + flex: 1; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover .ast-edd-archive-block-wrap { + padding: 0 1.2em 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; +} diff --git a/assets/css/edd-archive-page-list-style-grid-rtl.min.css b/assets/css/edd-archive-page-list-style-grid-rtl.min.css new file mode 100644 index 00000000..3d85953a --- /dev/null +++ b/assets/css/edd-archive-page-list-style-grid-rtl.min.css @@ -0,0 +1,85 @@ +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article{-js-display:flex;display:flex;padding-bottom:0}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .ast-edd-archive-block-wrap{padding:.8em 1.2em;flex:1;align-self:center}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image{overflow:hidden}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image{overflow:initial;flex:1}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover .ast-edd-archive-block-wrap{padding:0 1.2em 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; +} diff --git a/assets/css/edd-archive-page-list-style-grid.css b/assets/css/edd-archive-page-list-style-grid.css new file mode 100644 index 00000000..10299315 --- /dev/null +++ b/assets/css/edd-archive-page-list-style-grid.css @@ -0,0 +1,125 @@ +/** + * Shop Page List Style + */ +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article { + -js-display: flex; + display: flex; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .ast-edd-archive-block-wrap { + padding: .8em 1.2em; + flex: 1; + align-self: center; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image { + overflow: hidden; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image { + overflow: initial; + flex: 1; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover .ast-edd-archive-block-wrap { + padding: 0 1.2em 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; +} diff --git a/assets/css/edd-archive-page-list-style-grid.min.css b/assets/css/edd-archive-page-list-style-grid.min.css new file mode 100644 index 00000000..3d85953a --- /dev/null +++ b/assets/css/edd-archive-page-list-style-grid.min.css @@ -0,0 +1,85 @@ +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article{-js-display:flex;display:flex;padding-bottom:0}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .ast-edd-archive-block-wrap{padding:.8em 1.2em;flex:1;align-self:center}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image{overflow:hidden}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image{overflow:initial;flex:1}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover .ast-edd-archive-block-wrap{padding:0 1.2em 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; +} diff --git a/assets/css/edd-archive-page-list-style-rtl.css b/assets/css/edd-archive-page-list-style-rtl.css new file mode 100644 index 00000000..48add63e --- /dev/null +++ b/assets/css/edd-archive-page-list-style-rtl.css @@ -0,0 +1,131 @@ +/** + * Shop Page List Style + */ +.ast-edd-archive-page-list-style .ast-edd-container { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article { + -js-display: flex; + display: flex; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .ast-edd-archive-block-wrap { + padding: .8em 1.2em; + flex: 1; + align-self: center; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image { + overflow: hidden; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image { + overflow: initial; + flex: 1; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover .ast-edd-archive-block-wrap { + padding: 0 1.2em 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; +} diff --git a/assets/css/edd-archive-page-list-style-rtl.min.css b/assets/css/edd-archive-page-list-style-rtl.min.css new file mode 100644 index 00000000..728fdecb --- /dev/null +++ b/assets/css/edd-archive-page-list-style-rtl.min.css @@ -0,0 +1,85 @@ +.ast-edd-archive-page-list-style .ast-edd-container{-js-display:flex;display:flex;flex-wrap:wrap}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article{-js-display:flex;display:flex;padding-bottom:0}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .ast-edd-archive-block-wrap{padding:.8em 1.2em;flex:1;align-self:center}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image{overflow:hidden}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image{overflow:initial;flex:1}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover .ast-edd-archive-block-wrap{padding:0 1.2em 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; +} diff --git a/assets/css/edd-archive-page-list-style.css b/assets/css/edd-archive-page-list-style.css new file mode 100644 index 00000000..48add63e --- /dev/null +++ b/assets/css/edd-archive-page-list-style.css @@ -0,0 +1,131 @@ +/** + * Shop Page List Style + */ +.ast-edd-archive-page-list-style .ast-edd-container { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article { + -js-display: flex; + display: flex; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .ast-edd-archive-block-wrap { + padding: .8em 1.2em; + flex: 1; + align-self: center; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image { + overflow: hidden; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image { + overflow: initial; + flex: 1; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover .ast-edd-archive-block-wrap { + padding: 0 1.2em 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; +} diff --git a/assets/css/edd-archive-page-list-style.min.css b/assets/css/edd-archive-page-list-style.min.css new file mode 100644 index 00000000..728fdecb --- /dev/null +++ b/assets/css/edd-archive-page-list-style.min.css @@ -0,0 +1,85 @@ +.ast-edd-archive-page-list-style .ast-edd-container{-js-display:flex;display:flex;flex-wrap:wrap}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article{-js-display:flex;display:flex;padding-bottom:0}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .ast-edd-archive-block-wrap{padding:.8em 1.2em;flex:1;align-self:center}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image{overflow:hidden}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article .edd_download_image{overflow:initial;flex:1}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.ast-edd-archive-page-list-style .ast-edd-container .ast-edd-archive-article.box-shadow-0.box-shadow-0-hover .ast-edd-archive-block-wrap{padding:0 1.2em 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; +} diff --git a/assets/css/edd-grid.min-rtl.css b/assets/css/edd-grid.min-rtl.css new file mode 100644 index 00000000..15df8781 --- /dev/null +++ b/assets/css/edd-grid.min-rtl.css @@ -0,0 +1,85 @@ +@charset "UTF-8";.ast-edd-container{display:grid}.ast-separate-container .ast-edd-container{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-edd-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-edd-container{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-edd-container{padding:.54em 1em 1.33333em}}.ast-edd-archive-article,.ast-page-builder-template .ast-edd-archive-article{padding:0;margin:0 0 2.992em 20px}.columns-2 .ast-edd-container{grid-template-columns:repeat(2,1fr)}.columns-3 .ast-edd-container{grid-template-columns:repeat(3,1fr)}.columns-4 .ast-edd-container{grid-template-columns:repeat(4,1fr)}.columns-5 .ast-edd-container{grid-template-columns:repeat(5,1fr)}.columns-6 .ast-edd-container{grid-template-columns:repeat(6,1fr)}.single-download .entry-header{margin-bottom:1em}.single-download .edd_download_purchase_form .edd_price_options li{justify-content:flex-start}.single-download .edd_download_purchase_form .edd_purchase_submit_wrapper{margin:20px auto 0}.edd-checkout .edd-item-quantity,.single-download .edd-item-quantity{padding:.5em .5em}.ast-edd-archive-article{text-align:center}.ast-edd-archive-block-wrap .edd_download_image img,.edd_downloads_list .edd_download_image img{margin-bottom:.8em}.ast-edd-archive-block-wrap .edd_download_title,.edd_downloads_list .edd_download_title{margin-bottom:.5em;padding:0;font-size:1em}.ast-edd-archive-block-wrap .edd_price,.ast-edd-archive-block-wrap .edd_price_options,.edd_downloads_list .edd_price,.edd_downloads_list .edd_price_options{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9rem}.ast-edd-archive-block-wrap .ast-edd-variable-btn,.ast-edd-archive-block-wrap .edd-add-to-cart,.ast-edd-archive-block-wrap .edd_go_to_checkout,.edd_downloads_list .ast-edd-variable-btn,.edd_downloads_list .edd-add-to-cart,.edd_downloads_list .edd_go_to_checkout{margin-top:.5em;margin-bottom:.5em;white-space:normal;line-height:1.3;display:inline-block}.ast-edd-archive-block-wrap .edd_download_excerpt p,.edd_downloads_list .edd_download_excerpt p{margin-bottom:.5em}.ast-edd-archive-block-wrap .edd_download_quantity_wrapper .edd-item-quantity,.edd_downloads_list .edd_download_quantity_wrapper .edd-item-quantity{padding:.5em .5em;max-width:60px}.ast-edd-archive-block-wrap .edd_download_quantity_wrapper+.edd_purchase_submit_wrapper,.edd_downloads_list .edd_download_quantity_wrapper+.edd_purchase_submit_wrapper{margin-top:0}.ast-edd-download-categories{font-size:.85em;margin-bottom:.5em;display:block;line-height:1.3;opacity:.6}.edd_download_purchase_form .edd_purchase_submit_wrapper{margin:10px auto 0}.edd_downloads_list{display:grid}.edd_downloads_list .edd_download{margin:0 0 2.992em 20px;text-align:center}.edd_downloads_list.edd_download_columns_1 .edd_download{margin-left:0}.edd_downloads_list.edd_download_columns_2{grid-template-columns:repeat(2,1fr)}.edd_downloads_list.edd_download_columns_3{grid-template-columns:repeat(3,1fr)}.edd_downloads_list.edd_download_columns_4{grid-template-columns:repeat(4,1fr)}.edd_downloads_list.edd_download_columns_5{grid-template-columns:repeat(5,1fr)}.edd_downloads_list.edd_download_columns_6{grid-template-columns:repeat(6,1fr)}.edd_pagination{-js-display:flex;display:flex;text-align:center;white-space:nowrap;border:0;margin:1px}.edd_pagination a,.edd_pagination span{margin:0 0 5px 5px;border:1px solid var(--ast-border-color);text-decoration:none;line-height:1;font-size:1em;font-weight:400;padding:.75em;min-width:2.5em}.edd_purchase_submit_wrapper{position:relative}.edd_purchase_submit_wrapper a.edd-add-to-cart{text-decoration:none;display:none;position:relative;overflow:hidden;line-height:1.3}.edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js{display:inline-block}.edd_purchase_submit_wrapper .edd-cart-ajax{display:none;position:relative;right:-35px}.edd-submit.button.edd-ajax-loading{padding-left:30px}.edd-add-to-cart .edd-add-to-cart-label{opacity:1}.edd-loading{border-radius:50%;display:block;width:1.5em;height:1.5em;animation:edd-spinning 1.1s infinite linear;border-top:.2em solid rgba(255,255,255,.2);border-left:.2em solid rgba(255,255,255,.2);border-bottom:.2em solid rgba(255,255,255,.2);border-right:.2em solid var(--ast-border-color);font-size:.75em;position:absolute;right:calc(50% - .75em);top:calc(50% - .75em);opacity:0;transform:translateZ(0)}.edd-loading:after{border-radius:50%;display:block;width:1.5em;height:1.5em}.edd-discount-loader.edd-loading,a.edd-add-to-cart.white .edd-loading{border-top-color:rgba(0,0,0,.2);border-left-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-right-color:#000}.edd-loading-ajax.edd-loading{border-top-color:rgba(0,0,0,.2);border-left-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-right-color:#000;display:inline-block;position:relative;top:0;right:.25em;vertical-align:middle}#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit{display:inline-block}.edd-discount-loader.edd-loading{display:inline-block;position:relative;right:auto;vertical-align:middle;width:1.25em;height:1.25em}.edd-loading-ajax.edd-loading{opacity:1}@keyframes edd-spinning{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}.edd-loading,a.edd-add-to-cart .edd-add-to-cart-label{transition:.1s opacity!important}.edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label{opacity:0}.edd-add-to-cart[data-edd-loading] .edd-loading{opacity:1}.edd-discount-loader.edd-loading{opacity:1}.edd-cart-added-alert{position:static;display:inline-block;font-size:1em}.edd-cart-added-alert .edd-icon-check{max-width:18px;vertical-align:bottom}.ast-edd-site-header-cart{position:relative;list-style-type:none;margin-right:0;padding-right:0;margin-bottom:0;order:1}.ast-edd-site-header-cart:focus .widget_edd_cart_widget,.ast-edd-site-header-cart:hover .widget_edd_cart_widget{left:0;right:auto;opacity:1;visibility:visible}.ast-edd-site-header-cart .ast-edd-shopping-cart-icon{display:initial;vertical-align:middle}.ast-edd-site-header-cart .ast-edd-shopping-cart-icon:before{content:"\e854";font-family:Astra;font-size:18px;font-size:1.2857rem}.ast-edd-site-header-cart .ast-edd-site-header-cart-widget .widget_edd_cart_widget>ul{text-align:right;width:auto;position:static;right:auto;top:auto;border-top:0;max-height:500px;max-height:50vh;overflow-y:auto}.ast-edd-site-header-cart .widget_edd_cart_widget{background-color:#fff;position:absolute;top:100%;width:280px;padding-top:1em;padding-bottom:1em;z-index:999999;font-size:.875em;right:-999em;display:block;line-height:1.618;box-shadow:0 2px 8px 1px rgba(0,0,0,.07);transition:all .3s ease;border:2px solid var(--ast-border-color);opacity:0;visibility:hidden}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item{padding:.5em 1.5em .5em 2.6em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item.focus{animation:ast-hide-animate 1s linear}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_item.empty{border-bottom:0;padding-right:1.5em;padding-left:1.5em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-number-of-items{margin-bottom:0;padding-right:1.5em;padding-left:1.5em;padding-bottom:1em;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget:after,.ast-edd-site-header-cart .widget_edd_cart_widget:before{bottom:100%;right:auto;left:8px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ast-edd-site-header-cart .widget_edd_cart_widget:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-right:-6px;margin-bottom:-.3px}.ast-edd-site-header-cart .widget_edd_cart_widget:before{border-color:rgba(230,230,230,0);border-bottom-color:var(--ast-border-color);border-width:9px;margin-right:-5px;left:5px}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-meta{padding:.5em 1.5em;margin:0;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout{padding:1em 1.5em 0;text-align:center;margin-top:0}.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a{padding:10px 40px;width:100%;display:block;font-weight:700;line-height:1}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart{left:1.2em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:after{font-weight:400}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:first-child:after{padding-bottom:0}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item:first-child .edd-remove-from-cart:after{padding-bottom:1px}.ast-header-break-point .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap,.ast-header-break-point .ast-edd-site-header-cart .widget_edd_cart_widget{display:none}@keyframes ast-hide-animate{0%{opacity:1}100%{opacity:0}}.header-main-layout-3 .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.header-main-layout-3 .ast-edd-site-header-cart:hover .widget_edd_cart_widget{left:auto;right:0}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget{left:-999em;right:auto}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after,.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:before{right:8px;left:auto}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-right:-2px}.widget_edd_cart_widget .edd-cart-item{border-bottom:1px solid var(--ast-border-color);padding:.5em 0 .5em 1.6em;position:relative}.widget_edd_cart_widget .edd-cart-number-of-items{margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid var(--ast-border-color);font-weight:700}.widget_edd_cart_widget .edd-cart-item-separator{display:none}.widget_edd_cart_widget .edd-cart-item-title{display:block;font-weight:400;margin:0}.widget_edd_cart_widget .edd-cart-item-price{float:right}.widget_edd_cart_widget .edd-remove-from-cart{position:absolute;visibility:hidden;left:0;top:50%;transform:translateY(-50%);-js-display:flex;display:flex;justify-content:center;align-items:center}.widget_edd_cart_widget .edd-remove-from-cart:after{content:'×';-js-display:flex;display:flex;justify-content:center;align-items:center;color:#ccc;visibility:visible;border:1px solid var(--ast-border-color);border-radius:50%;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;width:24px;height:24px;padding-bottom:2px;transition:all .2s linear}.widget_edd_cart_widget .edd-cart-meta{border-bottom:1px solid var(--ast-border-color)}.widget_edd_cart_widget .edd_total{padding:0 0 5px;font-weight:700}.widget_edd_cart_widget .edd_checkout{margin-top:1em;padding:0}.widget_edd_cart_widget .edd_checkout a{margin-left:0;margin-right:0;padding:10px 40px;display:inline-block;line-height:1}.ast-edd-site-header-cart .widget_edd_cart_widget p.buttons,.ast-edd-site-header-cart .widget_edd_cart_widget p.total{padding:1em 1.5em;margin:0;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button{display:block;margin-left:0;width:100%;margin-right:0}.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button.wc-forward{display:block;margin-left:0;width:100%;margin-right:0}.ast-edd-site-header-cart .widget_edd_cart_widget .woocommerce-mini-cart__empty-message{margin:1.41575em}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a{font-weight:400;padding:0;border-width:0}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a.remove{border-width:1px}.ast-edd-site-header-cart-wrap .ast-edd-cart-menu-wrap{display:inline-block;line-height:1}.ast-edd-site-header-cart-wrap .count{font-weight:700;position:relative;display:inline-block;vertical-align:middle;text-align:center;min-width:2.1em;min-height:2.1em;font-size:.86em;line-height:1.8;border-radius:0 0 .3em .3em;border-width:2px;border-style:solid;padding:0 .4em}.ast-edd-site-header-cart-wrap .count:after{bottom:100%;margin-bottom:0;height:.8em;width:.8em;right:50%;transform:translateX(50%);top:-.6em;content:' ';position:absolute;pointer-events:none;border-width:2px;border-style:solid;border-top-right-radius:10em;border-top-left-radius:10em;border-bottom:0}.edd_form input[type=color],.edd_form input[type=date],.edd_form input[type=datetime-local],.edd_form input[type=datetime],.edd_form input[type=email],.edd_form input[type=month],.edd_form input[type=number],.edd_form input[type=password],.edd_form input[type=search],.edd_form input[type=tel],.edd_form input[type=text],.edd_form input[type=time],.edd_form input[type=url],.edd_form input[type=week],.edd_form select,.edd_form textarea{width:100%}.edd_form input[type=checkbox],.edd_form input[type=radio]{border:none;margin-left:5px;vertical-align:middle}.edd_form .edd-select.edd-select-small{display:inline;width:auto}.edd_form .edd-description{margin-bottom:5px;display:block}.edd_form legend{font-size:22px;font-size:1.4rem;border-bottom:1px solid var(--ast-border-color);background:var(--ast-widget-bg-color);font-weight:700;padding:15px 30px;margin:0;display:block;width:100%;position:relative}.edd_form p{padding-right:30px;padding-left:30px}.edd_form fieldset{padding:0 0 1em;border:0}.edd_form fieldset>p{padding-top:5px;padding-bottom:5px;margin-bottom:5px}.edd-table th{background:#fafafa;font-weight:700}.edd-table td,.edd-table th{text-align:right;padding:10px 20px}.edd-table ul{margin-right:1em;margin-bottom:0}#edd_checkout_cart{margin-bottom:2em}#edd_checkout_cart .edd_cart_header_row th{background:#fafafa;font-weight:700}#edd_checkout_cart td,#edd_checkout_cart th{padding:15px 30px}#edd_checkout_cart td.edd_cart_actions,#edd_checkout_cart td.edd_cart_total,#edd_checkout_cart th.edd_cart_actions,#edd_checkout_cart th.edd_cart_total{text-align:left}#edd_checkout_cart td img{float:right;margin:0 0 0 8px;background:0 0;padding:0;border:none}#edd_checkout_wrap .edd_cart_remove_item_btn{margin-right:1em}#edd_checkout_wrap #edd_purchase_form{border:0}#edd_checkout_wrap legend{font-size:22px;font-size:1.4rem;border-bottom:1px solid var(--ast-border-color);background:#fafafa;font-weight:700;padding:15px 30px;display:block;width:100%;float:right;position:relative;margin:0 0 10px}#edd_checkout_wrap p{padding-right:30px;padding-left:30px}#edd_checkout_wrap fieldset{padding:0;border:0}#edd_checkout_wrap fieldset>p{padding-top:5px;padding-bottom:5px;margin-bottom:5px}#edd_checkout_wrap fieldset>p:last-child{padding-bottom:15px}#edd_checkout_wrap fieldset>div{padding:5px 30px;margin-bottom:5px}#edd_checkout_wrap fieldset>div>p{padding:0}#edd_checkout_wrap #edd-card-state-wrap{padding-bottom:15px}#edd_checkout_wrap #edd_discount_code{border:1px solid var(--ast-border-color);margin-bottom:2em;padding-top:.5em;padding-bottom:.5em}#edd_checkout_wrap #edd_discount_code p{padding-top:10px;margin-bottom:0;padding-bottom:10px}#edd_checkout_wrap #edd_discount_code .edd-apply-discount{margin-top:10px}#edd_checkout_wrap #edd_discount_code #edd-discount{width:100%}#edd_checkout_wrap .eddr-cart-item-notice{text-align:right;font-size:.9em}#edd_checkout_form_wrap label{font-weight:700}#edd_checkout_form_wrap fieldset{border:1px solid var(--ast-border-color);margin:0 0 20px}#edd_checkout_form_wrap #edd_purchase_submit .edd-loading-ajax.edd-loading{display:none}#edd_checkout_form_wrap #edd_discount_code,#edd_checkout_form_wrap #edd_purchase_submit,#edd_checkout_form_wrap #edd_register_account_fields{border:0}#edd_checkout_form_wrap #edd-discount-code-wrap,#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap #edd_show_discount{border:1px solid var(--ast-border-color);margin:0 0 20px}#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap .edd-privacy-policy-agreement{padding-top:10px;padding-bottom:10px}#edd_checkout_form_wrap #edd-show-privacy-policy{padding-top:10px;margin-bottom:0}#edd_checkout_form_wrap #edd-show-privacy-policy+.edd-privacy-policy-agreement{padding-top:5px}#edd_checkout_form_wrap .edd-privacy-policy-agreement{margin-bottom:0;-js-display:flex;display:flex;align-items:center}#edd_checkout_form_wrap #edd-payment-mode-wrap label{display:inline-block;margin:0 0 0 20px}#edd_checkout_form_wrap .edd-payment-icons{height:32px;display:block;margin:0 0 30px}#edd_checkout_form_wrap .edd-payment-icons img.payment-icon{max-height:32px;width:auto;margin:0 0 0 3px;float:right;background:0 0;padding:0;border:none;box-shadow:none}#edd_checkout_form_wrap .edd-required-indicator{color:#b94a48;display:inline}#edd_checkout_form_wrap .edd-description{width:auto;font-size:.9em;margin-right:10px;opacity:.7;font-style:italic;margin-bottom:6px;display:inline-block}.edd_sl_form>div{border:1px solid var(--ast-border-color);padding:10px 20px}.edd_sl_form>div>span{display:block;margin-bottom:10px}.edd-alert{border-radius:2px;margin-bottom:10px;padding:10px;border:1px solid transparent;vertical-align:middle}.edd-alert p{padding:0}.edd-alert p:not(:last-child){margin-bottom:5px}.edd-alert p:last-child{margin-bottom:0}.edd-alert-error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.edd-alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.edd-alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.edd-alert-warn{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.edd_download_purchase_form .edd_price_options{display:inline-block}.edd_download_purchase_form .edd_price_options ul{margin:0;padding:0;list-style:none}.edd_download_purchase_form .edd_price_options li{-js-display:flex;display:flex;padding:5px 0 0;margin:0;align-items:center;align-self:center}.edd_download_purchase_form .edd_price_options li .eddr-terms-notice{font-size:.9em;margin-bottom:0;padding-right:20px}.edd_download_purchase_form .edd_price_options span{display:inline;padding:0;margin:0}.edd_download_purchase_form .edd_price_options input[type=checkbox],.edd_download_purchase_form .edd_price_options input[type=radio]{border:none;margin-left:5px;vertical-align:middle}.ast-page-builder-template.ast-edd-archive-page .site-content>.ast-container{max-width:100%}#edd_checkout_wrap input[type=email],#edd_checkout_wrap input[type=number],#edd_checkout_wrap input[type=password],#edd_checkout_wrap input[type=reset],#edd_checkout_wrap input[type=search],#edd_checkout_wrap input[type=tel],#edd_checkout_wrap input[type=text],#edd_checkout_wrap input[type=url],#edd_checkout_wrap textarea,.edd_download_purchase_form input[type=email],.edd_download_purchase_form input[type=number],.edd_download_purchase_form input[type=password],.edd_download_purchase_form input[type=reset],.edd_download_purchase_form input[type=search],.edd_download_purchase_form input[type=tel],.edd_download_purchase_form input[type=text],.edd_download_purchase_form input[type=url],.edd_download_purchase_form textarea{border-color:var(--ast-border-color);background:#fff;box-shadow:none;border-radius:0}#edd_checkout_wrap input[type=email]:focus,#edd_checkout_wrap input[type=number]:focus,#edd_checkout_wrap input[type=password]:focus,#edd_checkout_wrap input[type=reset]:focus,#edd_checkout_wrap input[type=search]:focus,#edd_checkout_wrap input[type=tel]:focus,#edd_checkout_wrap input[type=text]:focus,#edd_checkout_wrap input[type=url]:focus,#edd_checkout_wrap textarea:focus,.edd_download_purchase_form input[type=email]:focus,.edd_download_purchase_form input[type=number]:focus,.edd_download_purchase_form input[type=password]:focus,.edd_download_purchase_form input[type=reset]:focus,.edd_download_purchase_form input[type=search]:focus,.edd_download_purchase_form input[type=tel]:focus,.edd_download_purchase_form input[type=text]:focus,.edd_download_purchase_form input[type=url]:focus,.edd_download_purchase_form textarea:focus{box-shadow:none;border-color:var(--ast-border-color);outline:0}#edd_checkout_wrap select,.edd_download_purchase_form select{border:1px solid var(--ast-border-color);border-radius:0;box-shadow:none}#edd_checkout_wrap select:focus,.edd_download_purchase_form select:focus{outline:0;outline:0}#edd_checkout_wrap input.edd-input.edd-item-quantity,.edd_download_purchase_form input.edd-input.edd-item-quantity{width:60px}.edd_sl_license_row .view-key-wrapper,.edd_sl_table .edd_sl_license_row .view-key-wrapper{position:absolute}.edd_sl_license_row input.edd_sl_license_key,.edd_sl_table .edd_sl_license_row input.edd_sl_license_key{position:relative;min-width:285px;width:20em;text-align:center;border:1px solid var(--ast-border-color);box-shadow:0 0 6px 0 #e1e3e4;height:2.5em;background:#eef2f5;color:#4a545a}#edd_sl_license_add_site_form div{padding-top:15px;padding-bottom:15px}#edd_checkout_form_wrap #edd_sl_show_renewal_form_wrap{padding-top:10px}#edd_checkout_form_wrap #edd_sl_renewal_fields{padding:10px 0}#edd_checkout_form_wrap #edd-license-key{width:100%}#edd_checkout_form_wrap #edd-cancel-license-renewal{padding-right:10px}#edd_profile_editor_form fieldset{border:1px solid var(--ast-border-color);margin-bottom:2em}#edd_profile_editor_form fieldset p{clear:both}#edd_profile_editor_form legend{font-size:20px;font-size:1.2rem;float:right}#edd_profile_editor_form #edd_profile_submit_fieldset{border:0}#edd_profile_editor_form #edd_profile_submit_fieldset p{padding:0}.site-header-section-left .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.site-header-section-left .ast-edd-site-header-cart:hover .widget_edd_cart_widget{left:auto;right:0}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget{left:-999em;right:auto}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after,.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:before{right:8px;left:auto}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-right:-2px}.astra-dark-mode-enable .edd-alert-error,.astra-dark-mode-enable .edd-alert-info,.astra-dark-mode-enable .edd-alert-success,.astra-dark-mode-enable .edd-alert-warn{background-color:var(--ast-global-color-secondary,--ast-global-color-5)} + +/* 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; +} diff --git a/assets/css/edd-grid.min.css b/assets/css/edd-grid.min.css new file mode 100644 index 00000000..e66fc6ad --- /dev/null +++ b/assets/css/edd-grid.min.css @@ -0,0 +1,85 @@ +@charset "UTF-8";.ast-edd-container{display:grid}.ast-separate-container .ast-edd-container{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-edd-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-edd-container{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-edd-container{padding:.54em 1em 1.33333em}}.ast-edd-archive-article,.ast-page-builder-template .ast-edd-archive-article{padding:0;margin:0 20px 2.992em 0}.columns-2 .ast-edd-container{grid-template-columns:repeat(2,1fr)}.columns-3 .ast-edd-container{grid-template-columns:repeat(3,1fr)}.columns-4 .ast-edd-container{grid-template-columns:repeat(4,1fr)}.columns-5 .ast-edd-container{grid-template-columns:repeat(5,1fr)}.columns-6 .ast-edd-container{grid-template-columns:repeat(6,1fr)}.single-download .entry-header{margin-bottom:1em}.single-download .edd_download_purchase_form .edd_price_options li{justify-content:flex-start}.single-download .edd_download_purchase_form .edd_purchase_submit_wrapper{margin:20px auto 0}.edd-checkout .edd-item-quantity,.single-download .edd-item-quantity{padding:.5em .5em}.ast-edd-archive-article{text-align:center}.ast-edd-archive-block-wrap .edd_download_image img,.edd_downloads_list .edd_download_image img{margin-bottom:.8em}.ast-edd-archive-block-wrap .edd_download_title,.edd_downloads_list .edd_download_title{margin-bottom:.5em;padding:0;font-size:1em}.ast-edd-archive-block-wrap .edd_price,.ast-edd-archive-block-wrap .edd_price_options,.edd_downloads_list .edd_price,.edd_downloads_list .edd_price_options{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9rem}.ast-edd-archive-block-wrap .ast-edd-variable-btn,.ast-edd-archive-block-wrap .edd-add-to-cart,.ast-edd-archive-block-wrap .edd_go_to_checkout,.edd_downloads_list .ast-edd-variable-btn,.edd_downloads_list .edd-add-to-cart,.edd_downloads_list .edd_go_to_checkout{margin-top:.5em;margin-bottom:.5em;white-space:normal;line-height:1.3;display:inline-block}.ast-edd-archive-block-wrap .edd_download_excerpt p,.edd_downloads_list .edd_download_excerpt p{margin-bottom:.5em}.ast-edd-archive-block-wrap .edd_download_quantity_wrapper .edd-item-quantity,.edd_downloads_list .edd_download_quantity_wrapper .edd-item-quantity{padding:.5em .5em;max-width:60px}.ast-edd-archive-block-wrap .edd_download_quantity_wrapper+.edd_purchase_submit_wrapper,.edd_downloads_list .edd_download_quantity_wrapper+.edd_purchase_submit_wrapper{margin-top:0}.ast-edd-download-categories{font-size:.85em;margin-bottom:.5em;display:block;line-height:1.3;opacity:.6}.edd_download_purchase_form .edd_purchase_submit_wrapper{margin:10px auto 0}.edd_downloads_list{display:grid}.edd_downloads_list .edd_download{margin:0 20px 2.992em 0;text-align:center}.edd_downloads_list.edd_download_columns_1 .edd_download{margin-right:0}.edd_downloads_list.edd_download_columns_2{grid-template-columns:repeat(2,1fr)}.edd_downloads_list.edd_download_columns_3{grid-template-columns:repeat(3,1fr)}.edd_downloads_list.edd_download_columns_4{grid-template-columns:repeat(4,1fr)}.edd_downloads_list.edd_download_columns_5{grid-template-columns:repeat(5,1fr)}.edd_downloads_list.edd_download_columns_6{grid-template-columns:repeat(6,1fr)}.edd_pagination{-js-display:flex;display:flex;text-align:center;white-space:nowrap;border:0;margin:1px}.edd_pagination a,.edd_pagination span{margin:0 5px 5px 0;border:1px solid var(--ast-border-color);text-decoration:none;line-height:1;font-size:1em;font-weight:400;padding:.75em;min-width:2.5em}.edd_purchase_submit_wrapper{position:relative}.edd_purchase_submit_wrapper a.edd-add-to-cart{text-decoration:none;display:none;position:relative;overflow:hidden;line-height:1.3}.edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js{display:inline-block}.edd_purchase_submit_wrapper .edd-cart-ajax{display:none;position:relative;left:-35px}.edd-submit.button.edd-ajax-loading{padding-right:30px}.edd-add-to-cart .edd-add-to-cart-label{opacity:1}.edd-loading{border-radius:50%;display:block;width:1.5em;height:1.5em;animation:edd-spinning 1.1s infinite linear;border-top:.2em solid rgba(255,255,255,.2);border-right:.2em solid rgba(255,255,255,.2);border-bottom:.2em solid rgba(255,255,255,.2);border-left:.2em solid var(--ast-border-color);font-size:.75em;position:absolute;left:calc(50% - .75em);top:calc(50% - .75em);opacity:0;transform:translateZ(0)}.edd-loading:after{border-radius:50%;display:block;width:1.5em;height:1.5em}.edd-discount-loader.edd-loading,a.edd-add-to-cart.white .edd-loading{border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-left-color:#000}.edd-loading-ajax.edd-loading{border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-left-color:#000;display:inline-block;position:relative;top:0;left:.25em;vertical-align:middle}#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit{display:inline-block}.edd-discount-loader.edd-loading{display:inline-block;position:relative;left:auto;vertical-align:middle;width:1.25em;height:1.25em}.edd-loading-ajax.edd-loading{opacity:1}@keyframes edd-spinning{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.edd-loading,a.edd-add-to-cart .edd-add-to-cart-label{transition:.1s opacity!important}.edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label{opacity:0}.edd-add-to-cart[data-edd-loading] .edd-loading{opacity:1}.edd-discount-loader.edd-loading{opacity:1}.edd-cart-added-alert{position:static;display:inline-block;font-size:1em}.edd-cart-added-alert .edd-icon-check{max-width:18px;vertical-align:bottom}.ast-edd-site-header-cart{position:relative;list-style-type:none;margin-left:0;padding-left:0;margin-bottom:0;order:1}.ast-edd-site-header-cart:focus .widget_edd_cart_widget,.ast-edd-site-header-cart:hover .widget_edd_cart_widget{right:0;left:auto;opacity:1;visibility:visible}.ast-edd-site-header-cart .ast-edd-shopping-cart-icon{display:initial;vertical-align:middle}.ast-edd-site-header-cart .ast-edd-shopping-cart-icon:before{content:"\e854";font-family:Astra;font-size:18px;font-size:1.2857rem}.ast-edd-site-header-cart .ast-edd-site-header-cart-widget .widget_edd_cart_widget>ul{text-align:left;width:auto;position:static;left:auto;top:auto;border-top:0;max-height:500px;max-height:50vh;overflow-y:auto}.ast-edd-site-header-cart .widget_edd_cart_widget{background-color:#fff;position:absolute;top:100%;width:280px;padding-top:1em;padding-bottom:1em;z-index:999999;font-size:.875em;left:-999em;display:block;line-height:1.618;box-shadow:0 2px 8px 1px rgba(0,0,0,.07);transition:all .3s ease;border:2px solid var(--ast-border-color);opacity:0;visibility:hidden}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item{padding:.5em 2.6em .5em 1.5em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item.focus{animation:ast-hide-animate 1s linear}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_item.empty{border-bottom:0;padding-left:1.5em;padding-right:1.5em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-number-of-items{margin-bottom:0;padding-left:1.5em;padding-right:1.5em;padding-bottom:1em;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget:after,.ast-edd-site-header-cart .widget_edd_cart_widget:before{bottom:100%;left:auto;right:8px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ast-edd-site-header-cart .widget_edd_cart_widget:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px;margin-bottom:-.3px}.ast-edd-site-header-cart .widget_edd_cart_widget:before{border-color:rgba(230,230,230,0);border-bottom-color:var(--ast-border-color);border-width:9px;margin-left:-5px;right:5px}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-meta{padding:.5em 1.5em;margin:0;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout{padding:1em 1.5em 0;text-align:center;margin-top:0}.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a{padding:10px 40px;width:100%;display:block;font-weight:700;line-height:1}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart{right:1.2em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:after{font-weight:400}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:first-child:after{padding-bottom:0}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item:first-child .edd-remove-from-cart:after{padding-bottom:1px}.ast-header-break-point .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap,.ast-header-break-point .ast-edd-site-header-cart .widget_edd_cart_widget{display:none}@keyframes ast-hide-animate{0%{opacity:1}100%{opacity:0}}.header-main-layout-3 .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.header-main-layout-3 .ast-edd-site-header-cart:hover .widget_edd_cart_widget{right:auto;left:0}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget{right:-999em;left:auto}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after,.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:before{left:8px;right:auto}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-left:-2px}.widget_edd_cart_widget .edd-cart-item{border-bottom:1px solid var(--ast-border-color);padding:.5em 1.6em .5em 0;position:relative}.widget_edd_cart_widget .edd-cart-number-of-items{margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid var(--ast-border-color);font-weight:700}.widget_edd_cart_widget .edd-cart-item-separator{display:none}.widget_edd_cart_widget .edd-cart-item-title{display:block;font-weight:400;margin:0}.widget_edd_cart_widget .edd-cart-item-price{float:left}.widget_edd_cart_widget .edd-remove-from-cart{position:absolute;visibility:hidden;right:0;top:50%;transform:translateY(-50%);-js-display:flex;display:flex;justify-content:center;align-items:center}.widget_edd_cart_widget .edd-remove-from-cart:after{content:'×';-js-display:flex;display:flex;justify-content:center;align-items:center;color:#ccc;visibility:visible;border:1px solid var(--ast-border-color);border-radius:50%;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;width:24px;height:24px;padding-bottom:2px;transition:all .2s linear}.widget_edd_cart_widget .edd-cart-meta{border-bottom:1px solid var(--ast-border-color)}.widget_edd_cart_widget .edd_total{padding:0 0 5px;font-weight:700}.widget_edd_cart_widget .edd_checkout{margin-top:1em;padding:0}.widget_edd_cart_widget .edd_checkout a{margin-right:0;margin-left:0;padding:10px 40px;display:inline-block;line-height:1}.ast-edd-site-header-cart .widget_edd_cart_widget p.buttons,.ast-edd-site-header-cart .widget_edd_cart_widget p.total{padding:1em 1.5em;margin:0;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button{display:block;margin-right:0;width:100%;margin-left:0}.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button.wc-forward{display:block;margin-right:0;width:100%;margin-left:0}.ast-edd-site-header-cart .widget_edd_cart_widget .woocommerce-mini-cart__empty-message{margin:1.41575em}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a{font-weight:400;padding:0;border-width:0}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a.remove{border-width:1px}.ast-edd-site-header-cart-wrap .ast-edd-cart-menu-wrap{display:inline-block;line-height:1}.ast-edd-site-header-cart-wrap .count{font-weight:700;position:relative;display:inline-block;vertical-align:middle;text-align:center;min-width:2.1em;min-height:2.1em;font-size:.86em;line-height:1.8;border-radius:0 0 .3em .3em;border-width:2px;border-style:solid;padding:0 .4em}.ast-edd-site-header-cart-wrap .count:after{bottom:100%;margin-bottom:0;height:.8em;width:.8em;left:50%;transform:translateX(-50%);top:-.6em;content:' ';position:absolute;pointer-events:none;border-width:2px;border-style:solid;border-top-left-radius:10em;border-top-right-radius:10em;border-bottom:0}.edd_form input[type=color],.edd_form input[type=date],.edd_form input[type=datetime-local],.edd_form input[type=datetime],.edd_form input[type=email],.edd_form input[type=month],.edd_form input[type=number],.edd_form input[type=password],.edd_form input[type=search],.edd_form input[type=tel],.edd_form input[type=text],.edd_form input[type=time],.edd_form input[type=url],.edd_form input[type=week],.edd_form select,.edd_form textarea{width:100%}.edd_form input[type=checkbox],.edd_form input[type=radio]{border:none;margin-right:5px;vertical-align:middle}.edd_form .edd-select.edd-select-small{display:inline;width:auto}.edd_form .edd-description{margin-bottom:5px;display:block}.edd_form legend{font-size:22px;font-size:1.4rem;border-bottom:1px solid var(--ast-border-color);background:var(--ast-widget-bg-color);font-weight:700;padding:15px 30px;margin:0;display:block;width:100%;position:relative}.edd_form p{padding-left:30px;padding-right:30px}.edd_form fieldset{padding:0 0 1em;border:0}.edd_form fieldset>p{padding-top:5px;padding-bottom:5px;margin-bottom:5px}.edd-table th{background:#fafafa;font-weight:700}.edd-table td,.edd-table th{text-align:left;padding:10px 20px}.edd-table ul{margin-left:1em;margin-bottom:0}#edd_checkout_cart{margin-bottom:2em}#edd_checkout_cart .edd_cart_header_row th{background:#fafafa;font-weight:700}#edd_checkout_cart td,#edd_checkout_cart th{padding:15px 30px}#edd_checkout_cart td.edd_cart_actions,#edd_checkout_cart td.edd_cart_total,#edd_checkout_cart th.edd_cart_actions,#edd_checkout_cart th.edd_cart_total{text-align:right}#edd_checkout_cart td img{float:left;margin:0 8px 0 0;background:0 0;padding:0;border:none}#edd_checkout_wrap .edd_cart_remove_item_btn{margin-left:1em}#edd_checkout_wrap #edd_purchase_form{border:0}#edd_checkout_wrap legend{font-size:22px;font-size:1.4rem;border-bottom:1px solid var(--ast-border-color);background:#fafafa;font-weight:700;padding:15px 30px;display:block;width:100%;float:left;position:relative;margin:0 0 10px}#edd_checkout_wrap p{padding-left:30px;padding-right:30px}#edd_checkout_wrap fieldset{padding:0;border:0}#edd_checkout_wrap fieldset>p{padding-top:5px;padding-bottom:5px;margin-bottom:5px}#edd_checkout_wrap fieldset>p:last-child{padding-bottom:15px}#edd_checkout_wrap fieldset>div{padding:5px 30px;margin-bottom:5px}#edd_checkout_wrap fieldset>div>p{padding:0}#edd_checkout_wrap #edd-card-state-wrap{padding-bottom:15px}#edd_checkout_wrap #edd_discount_code{border:1px solid var(--ast-border-color);margin-bottom:2em;padding-top:.5em;padding-bottom:.5em}#edd_checkout_wrap #edd_discount_code p{padding-top:10px;margin-bottom:0;padding-bottom:10px}#edd_checkout_wrap #edd_discount_code .edd-apply-discount{margin-top:10px}#edd_checkout_wrap #edd_discount_code #edd-discount{width:100%}#edd_checkout_wrap .eddr-cart-item-notice{text-align:left;font-size:.9em}#edd_checkout_form_wrap label{font-weight:700}#edd_checkout_form_wrap fieldset{border:1px solid var(--ast-border-color);margin:0 0 20px}#edd_checkout_form_wrap #edd_purchase_submit .edd-loading-ajax.edd-loading{display:none}#edd_checkout_form_wrap #edd_discount_code,#edd_checkout_form_wrap #edd_purchase_submit,#edd_checkout_form_wrap #edd_register_account_fields{border:0}#edd_checkout_form_wrap #edd-discount-code-wrap,#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap #edd_show_discount{border:1px solid var(--ast-border-color);margin:0 0 20px}#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap .edd-privacy-policy-agreement{padding-top:10px;padding-bottom:10px}#edd_checkout_form_wrap #edd-show-privacy-policy{padding-top:10px;margin-bottom:0}#edd_checkout_form_wrap #edd-show-privacy-policy+.edd-privacy-policy-agreement{padding-top:5px}#edd_checkout_form_wrap .edd-privacy-policy-agreement{margin-bottom:0;-js-display:flex;display:flex;align-items:center}#edd_checkout_form_wrap #edd-payment-mode-wrap label{display:inline-block;margin:0 20px 0 0}#edd_checkout_form_wrap .edd-payment-icons{height:32px;display:block;margin:0 0 30px}#edd_checkout_form_wrap .edd-payment-icons img.payment-icon{max-height:32px;width:auto;margin:0 3px 0 0;float:left;background:0 0;padding:0;border:none;box-shadow:none}#edd_checkout_form_wrap .edd-required-indicator{color:#b94a48;display:inline}#edd_checkout_form_wrap .edd-description{width:auto;font-size:.9em;margin-left:10px;opacity:.7;font-style:italic;margin-bottom:6px;display:inline-block}.edd_sl_form>div{border:1px solid var(--ast-border-color);padding:10px 20px}.edd_sl_form>div>span{display:block;margin-bottom:10px}.edd-alert{border-radius:2px;margin-bottom:10px;padding:10px;border:1px solid transparent;vertical-align:middle}.edd-alert p{padding:0}.edd-alert p:not(:last-child){margin-bottom:5px}.edd-alert p:last-child{margin-bottom:0}.edd-alert-error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.edd-alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.edd-alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.edd-alert-warn{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.edd_download_purchase_form .edd_price_options{display:inline-block}.edd_download_purchase_form .edd_price_options ul{margin:0;padding:0;list-style:none}.edd_download_purchase_form .edd_price_options li{-js-display:flex;display:flex;padding:5px 0 0;margin:0;align-items:center;align-self:center}.edd_download_purchase_form .edd_price_options li .eddr-terms-notice{font-size:.9em;margin-bottom:0;padding-left:20px}.edd_download_purchase_form .edd_price_options span{display:inline;padding:0;margin:0}.edd_download_purchase_form .edd_price_options input[type=checkbox],.edd_download_purchase_form .edd_price_options input[type=radio]{border:none;margin-right:5px;vertical-align:middle}.ast-page-builder-template.ast-edd-archive-page .site-content>.ast-container{max-width:100%}#edd_checkout_wrap input[type=email],#edd_checkout_wrap input[type=number],#edd_checkout_wrap input[type=password],#edd_checkout_wrap input[type=reset],#edd_checkout_wrap input[type=search],#edd_checkout_wrap input[type=tel],#edd_checkout_wrap input[type=text],#edd_checkout_wrap input[type=url],#edd_checkout_wrap textarea,.edd_download_purchase_form input[type=email],.edd_download_purchase_form input[type=number],.edd_download_purchase_form input[type=password],.edd_download_purchase_form input[type=reset],.edd_download_purchase_form input[type=search],.edd_download_purchase_form input[type=tel],.edd_download_purchase_form input[type=text],.edd_download_purchase_form input[type=url],.edd_download_purchase_form textarea{border-color:var(--ast-border-color);background:#fff;box-shadow:none;border-radius:0}#edd_checkout_wrap input[type=email]:focus,#edd_checkout_wrap input[type=number]:focus,#edd_checkout_wrap input[type=password]:focus,#edd_checkout_wrap input[type=reset]:focus,#edd_checkout_wrap input[type=search]:focus,#edd_checkout_wrap input[type=tel]:focus,#edd_checkout_wrap input[type=text]:focus,#edd_checkout_wrap input[type=url]:focus,#edd_checkout_wrap textarea:focus,.edd_download_purchase_form input[type=email]:focus,.edd_download_purchase_form input[type=number]:focus,.edd_download_purchase_form input[type=password]:focus,.edd_download_purchase_form input[type=reset]:focus,.edd_download_purchase_form input[type=search]:focus,.edd_download_purchase_form input[type=tel]:focus,.edd_download_purchase_form input[type=text]:focus,.edd_download_purchase_form input[type=url]:focus,.edd_download_purchase_form textarea:focus{box-shadow:none;border-color:var(--ast-border-color);outline:0}#edd_checkout_wrap select,.edd_download_purchase_form select{border:1px solid var(--ast-border-color);border-radius:0;box-shadow:none}#edd_checkout_wrap select:focus,.edd_download_purchase_form select:focus{outline:0;outline:0}#edd_checkout_wrap input.edd-input.edd-item-quantity,.edd_download_purchase_form input.edd-input.edd-item-quantity{width:60px}.edd_sl_license_row .view-key-wrapper,.edd_sl_table .edd_sl_license_row .view-key-wrapper{position:absolute}.edd_sl_license_row input.edd_sl_license_key,.edd_sl_table .edd_sl_license_row input.edd_sl_license_key{position:relative;min-width:285px;width:20em;text-align:center;border:1px solid var(--ast-border-color);box-shadow:0 0 6px 0 #e1e3e4;height:2.5em;background:#eef2f5;color:#4a545a}#edd_sl_license_add_site_form div{padding-top:15px;padding-bottom:15px}#edd_checkout_form_wrap #edd_sl_show_renewal_form_wrap{padding-top:10px}#edd_checkout_form_wrap #edd_sl_renewal_fields{padding:10px 0}#edd_checkout_form_wrap #edd-license-key{width:100%}#edd_checkout_form_wrap #edd-cancel-license-renewal{padding-left:10px}#edd_profile_editor_form fieldset{border:1px solid var(--ast-border-color);margin-bottom:2em}#edd_profile_editor_form fieldset p{clear:both}#edd_profile_editor_form legend{font-size:20px;font-size:1.2rem;float:left}#edd_profile_editor_form #edd_profile_submit_fieldset{border:0}#edd_profile_editor_form #edd_profile_submit_fieldset p{padding:0}.site-header-section-left .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.site-header-section-left .ast-edd-site-header-cart:hover .widget_edd_cart_widget{right:auto;left:0}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget{right:-999em;left:auto}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after,.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:before{left:8px;right:auto}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-left:-2px}.astra-dark-mode-enable .edd-alert-error,.astra-dark-mode-enable .edd-alert-info,.astra-dark-mode-enable .edd-alert-success,.astra-dark-mode-enable .edd-alert-warn{background-color:var(--ast-global-color-secondary,--ast-global-color-5)} + +/* 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; +} diff --git a/assets/css/edd.min-rtl.css b/assets/css/edd.min-rtl.css new file mode 100644 index 00000000..0aa1773f --- /dev/null +++ b/assets/css/edd.min-rtl.css @@ -0,0 +1,85 @@ +@charset "UTF-8";.ast-edd-container{-js-display:flex;display:flex;flex-wrap:wrap;clear:both}.ast-separate-container .ast-edd-container{background-color:#fff;content:"";display:table}@media (max-width:1200px){.ast-separate-container .ast-edd-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-edd-container{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-edd-container{padding:.54em 1em 1.33333em}}@media (min-width:1201px){.ast-separate-container .ast-edd-container{padding:5.34em 6.67em}}.ast-edd-archive-article,.ast-page-builder-template .ast-edd-archive-article{padding:0;float:right;margin:0 0 2.992em 20px}.columns-1 .ast-edd-archive-article{width:100%;margin-left:0}.columns-2 .ast-edd-archive-article{width:48.4%;width:calc(50% - 10px)}.columns-2 .ast-edd-archive-article:nth-child(2n){margin-left:0;clear:left}.columns-2 .ast-edd-archive-article:nth-child(odd){clear:right}.columns-3 .ast-edd-archive-article{width:31.2%;width:calc(33.33% - 14px)}.columns-3 .ast-edd-archive-article:nth-child(3n){margin-left:0;clear:left}.columns-3 .ast-edd-archive-article:nth-child(3n+1){clear:right}.columns-4 .ast-edd-archive-article{width:22.5%;width:calc(25% - 15px)}.columns-4 .ast-edd-archive-article:nth-child(4n){margin-left:0;clear:left}.columns-4 .ast-edd-archive-article:nth-child(4n+1){clear:right}.columns-5 .ast-edd-archive-article{width:17.5%;width:calc(20% - 16px)}.columns-5 .ast-edd-archive-article:nth-child(5n){margin-left:0;clear:left}.columns-5 .ast-edd-archive-article:nth-child(5n+1){clear:right}.columns-6 .ast-edd-archive-article{width:14%;width:calc(16.66% - 16.66px)}.columns-6 .ast-edd-archive-article:nth-child(6n){margin-left:0;clear:left}.columns-6 .ast-edd-archive-article:nth-child(6n+1){clear:right}.single-download .entry-header{margin-bottom:1em}.single-download .edd_download_purchase_form .edd_price_options li{justify-content:flex-start}.single-download .edd_download_purchase_form .edd_purchase_submit_wrapper{margin:20px auto 0}.edd-checkout .edd-item-quantity,.single-download .edd-item-quantity{padding:.5em .5em}.ast-edd-archive-article{text-align:center}.ast-edd-archive-block-wrap .edd_download_image img,.edd_downloads_list .edd_download_image img{margin-bottom:.8em}.ast-edd-archive-block-wrap .edd_download_title,.edd_downloads_list .edd_download_title{margin-bottom:.5em;padding:0;font-size:1em}.ast-edd-archive-block-wrap .edd_price,.ast-edd-archive-block-wrap .edd_price_options,.edd_downloads_list .edd_price,.edd_downloads_list .edd_price_options{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9rem}.ast-edd-archive-block-wrap .ast-edd-variable-btn,.ast-edd-archive-block-wrap .edd-add-to-cart,.ast-edd-archive-block-wrap .edd_go_to_checkout,.edd_downloads_list .ast-edd-variable-btn,.edd_downloads_list .edd-add-to-cart,.edd_downloads_list .edd_go_to_checkout{margin-top:.5em;margin-bottom:.5em;white-space:normal;line-height:1.3;display:inline-block}.ast-edd-archive-block-wrap .edd_download_excerpt p,.edd_downloads_list .edd_download_excerpt p{margin-bottom:.5em}.ast-edd-archive-block-wrap .edd_download_quantity_wrapper .edd-item-quantity,.edd_downloads_list .edd_download_quantity_wrapper .edd-item-quantity{padding:.5em .5em;max-width:60px}.ast-edd-archive-block-wrap .edd_download_quantity_wrapper+.edd_purchase_submit_wrapper,.edd_downloads_list .edd_download_quantity_wrapper+.edd_purchase_submit_wrapper{margin-top:0}.ast-edd-download-categories{font-size:.85em;margin-bottom:.5em;display:block;line-height:1.3;opacity:.6}.edd_download_purchase_form .edd_purchase_submit_wrapper{margin:10px auto 0}.edd_downloads_list{-js-display:flex;display:flex;flex-wrap:wrap;clear:both}.edd_downloads_list .edd_download{padding:0;float:right;margin:0 0 2.992em 20px;text-align:center}.edd_downloads_list.edd_download_columns_1 .edd_download{width:100%;margin-left:0}.edd_downloads_list.edd_download_columns_2 .edd_download{width:48.4%;width:calc(50% - 10px)}.edd_downloads_list.edd_download_columns_2 .edd_download:nth-child(2n){margin-left:0;clear:left}.edd_downloads_list.edd_download_columns_2 .edd_download:nth-child(odd){clear:right}.edd_downloads_list.edd_download_columns_3 .edd_download{width:31.2%;width:calc(33.33% - 14px)}.edd_downloads_list.edd_download_columns_3 .edd_download:nth-child(3n){margin-left:0;clear:left}.edd_downloads_list.edd_download_columns_3 .edd_download:nth-child(3n+1){clear:right}.edd_downloads_list.edd_download_columns_4 .edd_download{width:22.5%;width:calc(25% - 15px)}.edd_downloads_list.edd_download_columns_4 .edd_download:nth-child(4n){margin-left:0;clear:left}.edd_downloads_list.edd_download_columns_4 .edd_download:nth-child(4n+1){clear:right}.edd_downloads_list.edd_download_columns_5 .edd_download{width:17.5%;width:calc(20% - 16px)}.edd_downloads_list.edd_download_columns_5 .edd_download:nth-child(5n){margin-left:0;clear:left}.edd_downloads_list.edd_download_columns_5 .edd_download:nth-child(5n+1){clear:right}.edd_downloads_list.edd_download_columns_6 .edd_download{width:14%;width:calc(16.66% - 16.66px)}.edd_downloads_list.edd_download_columns_6 .edd_download:nth-child(6n){margin-left:0;clear:left}.edd_downloads_list.edd_download_columns_6 .edd_download:nth-child(6n+1){clear:right}.edd_pagination{display:inline-block;text-align:center;white-space:nowrap;padding:0;clear:both;border:0;margin:1px}.edd_pagination a,.edd_pagination span{margin:0 0 5px 5px;border:1px solid var(--ast-border-color);text-decoration:none;line-height:1;font-size:1em;font-weight:400;padding:.75em;float:right;display:inline;min-width:2.5em}.edd_purchase_submit_wrapper{position:relative}.edd_purchase_submit_wrapper a.edd-add-to-cart{text-decoration:none;display:none;position:relative;overflow:hidden;line-height:1.3}.edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js{display:inline-block}.edd_purchase_submit_wrapper .edd-cart-ajax{display:none;position:relative;right:-35px}.edd-submit.button.edd-ajax-loading{padding-left:30px}.edd-add-to-cart .edd-add-to-cart-label{opacity:1}.edd-loading{border-radius:50%;display:block;width:1.5em;height:1.5em;animation:edd-spinning 1.1s infinite linear;border-top:.2em solid rgba(255,255,255,.2);border-left:.2em solid rgba(255,255,255,.2);border-bottom:.2em solid rgba(255,255,255,.2);border-right:.2em solid #fff;font-size:.75em;position:absolute;right:calc(50% - .75em);top:calc(50% - .75em);opacity:0;transform:translateZ(0)}.edd-loading:after{border-radius:50%;display:block;width:1.5em;height:1.5em}.edd-discount-loader.edd-loading,a.edd-add-to-cart.white .edd-loading{border-top-color:rgba(0,0,0,.2);border-left-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-right-color:#000}.edd-loading-ajax.edd-loading{border-top-color:rgba(0,0,0,.2);border-left-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-right-color:#000;display:inline-block;position:relative;top:0;right:.25em;vertical-align:middle}#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit{display:inline-block}.edd-discount-loader.edd-loading{display:inline-block;position:relative;right:auto;vertical-align:middle;width:1.25em;height:1.25em}.edd-loading-ajax.edd-loading{opacity:1}@keyframes edd-spinning{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}.edd-loading,a.edd-add-to-cart .edd-add-to-cart-label{transition:.1s opacity!important}.edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label{opacity:0}.edd-add-to-cart[data-edd-loading] .edd-loading{opacity:1}.edd-discount-loader.edd-loading{opacity:1}.edd-cart-added-alert{position:static;display:inline-block;font-size:1em}.edd-cart-added-alert .edd-icon-check{max-width:18px;vertical-align:bottom}.ast-edd-site-header-cart{position:relative;list-style-type:none;margin-right:0;padding-right:0;margin-bottom:0;order:1}.ast-edd-site-header-cart:focus .widget_edd_cart_widget,.ast-edd-site-header-cart:hover .widget_edd_cart_widget{left:0;right:auto;opacity:1;visibility:visible}.ast-edd-site-header-cart .ast-edd-shopping-cart-icon{display:initial;vertical-align:middle}.ast-edd-site-header-cart .ast-edd-shopping-cart-icon:before{content:"\e854";font-family:Astra;font-size:18px;font-size:1.2857rem}.ast-edd-site-header-cart .ast-edd-site-header-cart-widget .widget_edd_cart_widget>ul{text-align:right;width:auto;position:static;right:auto;top:auto;border-top:0;max-height:500px;max-height:50vh;overflow-y:auto}.ast-edd-site-header-cart .widget_edd_cart_widget{background-color:#fff;position:absolute;top:100%;width:280px;padding-top:1em;padding-bottom:1em;z-index:999999;font-size:.875em;right:-999em;display:block;line-height:1.618;box-shadow:0 2px 8px 1px rgba(0,0,0,.07);transition:all .3s ease;border:2px solid var(--ast-border-color);opacity:0;visibility:hidden}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item{padding:.5em 1.5em .5em 2.6em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item.focus{animation:ast-hide-animate 1s linear}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_item.empty{border-bottom:0;padding-right:1.5em;padding-left:1.5em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-number-of-items{margin-bottom:0;padding-right:1.5em;padding-left:1.5em;padding-bottom:1em;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget:after,.ast-edd-site-header-cart .widget_edd_cart_widget:before{bottom:100%;right:auto;left:8px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ast-edd-site-header-cart .widget_edd_cart_widget:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-right:-6px;margin-bottom:-.3px}.ast-edd-site-header-cart .widget_edd_cart_widget:before{border-color:rgba(230,230,230,0);border-bottom-color:var(--ast-border-color);border-width:9px;margin-right:-5px;left:5px}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-meta{padding:.5em 1.5em;margin:0;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout{padding:1em 1.5em 0;text-align:center;margin-top:0}.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a{padding:10px 40px;width:100%;display:block;font-weight:700;line-height:1}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart{left:1.2em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:after{font-weight:400}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:first-child:after{padding-bottom:0}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item:first-child .edd-remove-from-cart:after{padding-bottom:1px}.ast-header-break-point .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap,.ast-header-break-point .ast-edd-site-header-cart .widget_edd_cart_widget{display:none}.ast-header-break-point.ast-hfb-header .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap{display:inline-block}@keyframes ast-hide-animate{0%{opacity:1}100%{opacity:0}}.header-main-layout-3 .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.header-main-layout-3 .ast-edd-site-header-cart:hover .widget_edd_cart_widget{left:auto;right:0}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget{left:-999em;right:auto}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after,.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:before{right:8px;left:auto}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-right:-2px}.widget_edd_cart_widget .edd-cart-item{border-bottom:1px solid var(--ast-border-color);padding:.5em 0 .5em 1.6em;position:relative}.widget_edd_cart_widget .edd-cart-number-of-items{margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid var(--ast-border-color);font-weight:700}.widget_edd_cart_widget .edd-cart-item-separator{display:none}.widget_edd_cart_widget .edd-cart-item-title{display:block;font-weight:400;margin:0}.widget_edd_cart_widget .edd-cart-item-price{float:right}.widget_edd_cart_widget .edd-remove-from-cart{position:absolute;visibility:hidden;left:0;top:50%;transform:translateY(-50%);-js-display:flex;display:flex;justify-content:center;align-items:center}.widget_edd_cart_widget .edd-remove-from-cart:after{content:'×';-js-display:flex;display:flex;justify-content:center;align-items:center;color:#ccc;visibility:visible;border:1px solid var(--ast-border-color);border-radius:50%;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;width:24px;height:24px;padding-bottom:2px;transition:all .2s linear}.widget_edd_cart_widget .edd-cart-meta{border-bottom:1px solid var(--ast-border-color)}.widget_edd_cart_widget .edd_total{padding:0 0 5px;font-weight:700}.widget_edd_cart_widget .edd_checkout{margin-top:1em;padding:0}.widget_edd_cart_widget .edd_checkout a{margin-left:0;margin-right:0;padding:10px 40px;display:inline-block;line-height:1}.ast-edd-site-header-cart .widget_edd_cart_widget p.buttons,.ast-edd-site-header-cart .widget_edd_cart_widget p.total{padding:1em 1.5em;margin:0;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button{display:block;margin-left:0;width:100%;margin-right:0}.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button.wc-forward{display:block;margin-left:0;width:100%;margin-right:0}.ast-edd-site-header-cart .widget_edd_cart_widget .woocommerce-mini-cart__empty-message{margin:1.41575em}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a{font-weight:400;padding:0;border-width:0}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a.remove{border-width:1px}.ast-edd-site-header-cart-wrap .ast-edd-cart-menu-wrap{display:inline-block;line-height:1}.ast-edd-site-header-cart-wrap .count{font-weight:700;position:relative;display:inline-block;vertical-align:middle;text-align:center;min-width:2.1em;min-height:2.1em;font-size:.86em;line-height:1.8;border-radius:0 0 .3em .3em;border-width:2px;border-style:solid;padding:0 .4em}.ast-edd-site-header-cart-wrap .count:after{bottom:100%;margin-bottom:0;height:.8em;width:.8em;right:50%;transform:translateX(50%);top:-.6em;content:' ';position:absolute;pointer-events:none;border-width:2px;border-style:solid;border-top-right-radius:10em;border-top-left-radius:10em;border-bottom:0}.edd_form input[type=color],.edd_form input[type=date],.edd_form input[type=datetime-local],.edd_form input[type=datetime],.edd_form input[type=email],.edd_form input[type=month],.edd_form input[type=number],.edd_form input[type=password],.edd_form input[type=search],.edd_form input[type=tel],.edd_form input[type=text],.edd_form input[type=time],.edd_form input[type=url],.edd_form input[type=week],.edd_form select,.edd_form textarea{width:100%}.edd_form input[type=checkbox],.edd_form input[type=radio]{border:none;margin-left:5px;vertical-align:middle}.edd_form .edd-select.edd-select-small{display:inline;width:auto}.edd_form .edd-description{margin-bottom:5px;display:block}.edd_form legend{font-size:22px;font-size:1.4rem;border-bottom:1px solid var(--ast-border-color);background:var(--ast-widget-bg-color);font-weight:700;padding:15px 30px;margin:0;display:block;width:100%;position:relative}.edd_form p{padding-right:30px;padding-left:30px}.edd_form fieldset{padding:0 0 1em;border:0}.edd_form fieldset>p{padding-top:5px;padding-bottom:5px;margin-bottom:5px}.edd-table th{background:#fafafa;font-weight:700}.edd-table td,.edd-table th{text-align:right;padding:10px 20px}.edd-table ul{margin-right:1em;margin-bottom:0}#edd_checkout_cart{margin-bottom:2em}#edd_checkout_cart .edd_cart_header_row th{background:#fafafa;font-weight:700}#edd_checkout_cart td,#edd_checkout_cart th{padding:15px 30px}#edd_checkout_cart td.edd_cart_actions,#edd_checkout_cart td.edd_cart_total,#edd_checkout_cart th.edd_cart_actions,#edd_checkout_cart th.edd_cart_total{text-align:left}#edd_checkout_cart td img{float:right;margin:0 0 0 8px;background:0 0;padding:0;border:none}#edd_checkout_wrap .edd_cart_remove_item_btn{margin-right:1em}#edd_checkout_wrap #edd_purchase_form{border:0}#edd_checkout_wrap legend{font-size:22px;font-size:1.4rem;border-bottom:1px solid var(--ast-border-color);background:#fafafa;font-weight:700;padding:15px 30px;display:block;width:100%;float:right;position:relative;margin:0 0 10px}#edd_checkout_wrap p{padding-right:30px;padding-left:30px}#edd_checkout_wrap fieldset{padding:0;border:0}#edd_checkout_wrap fieldset>p{padding-top:5px;padding-bottom:5px;margin-bottom:5px}#edd_checkout_wrap fieldset>p:last-child{padding-bottom:15px}#edd_checkout_wrap fieldset>div{padding:5px 30px;margin-bottom:5px}#edd_checkout_wrap fieldset>div>p{padding:0}#edd_checkout_wrap #edd-card-state-wrap{padding-bottom:15px}#edd_checkout_wrap #edd_discount_code{border:1px solid var(--ast-border-color);margin-bottom:2em;padding-top:.5em;padding-bottom:.5em}#edd_checkout_wrap #edd_discount_code p{padding-top:10px;margin-bottom:0;padding-bottom:10px}#edd_checkout_wrap #edd_discount_code .edd-apply-discount{margin-top:10px}#edd_checkout_wrap #edd_discount_code #edd-discount{width:100%}#edd_checkout_wrap .eddr-cart-item-notice{text-align:right;font-size:.9em}#edd_checkout_form_wrap label{font-weight:700}#edd_checkout_form_wrap fieldset{border:1px solid var(--ast-border-color);margin:0 0 20px}#edd_checkout_form_wrap #edd_purchase_submit .edd-loading-ajax.edd-loading{display:none}#edd_checkout_form_wrap #edd_discount_code,#edd_checkout_form_wrap #edd_purchase_submit,#edd_checkout_form_wrap #edd_register_account_fields{border:0}#edd_checkout_form_wrap #edd-discount-code-wrap,#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap #edd_show_discount{border:1px solid var(--ast-border-color);margin:0 0 20px}#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap .edd-privacy-policy-agreement{padding-top:10px;padding-bottom:10px}#edd_checkout_form_wrap #edd-show-privacy-policy{padding-top:10px;margin-bottom:0}#edd_checkout_form_wrap #edd-show-privacy-policy+.edd-privacy-policy-agreement{padding-top:5px}#edd_checkout_form_wrap .edd-privacy-policy-agreement{margin-bottom:0;-js-display:flex;display:flex;align-items:center}#edd_checkout_form_wrap #edd-payment-mode-wrap label{display:inline-block;margin:0 0 0 20px}#edd_checkout_form_wrap .edd-payment-icons{height:32px;display:block;margin:0 0 30px}#edd_checkout_form_wrap .edd-payment-icons img.payment-icon{max-height:32px;width:auto;margin:0 0 0 3px;float:right;background:0 0;padding:0;border:none;box-shadow:none}#edd_checkout_form_wrap .edd-required-indicator{color:#b94a48;display:inline}#edd_checkout_form_wrap .edd-description{width:auto;font-size:.9em;margin-right:10px;opacity:.7;font-style:italic;margin-bottom:6px;display:inline-block}.edd_sl_form>div{border:1px solid var(--ast-border-color);padding:10px 20px}.edd_sl_form>div>span{display:block;margin-bottom:10px}.edd-alert{border-radius:2px;margin-bottom:10px;padding:10px;border:1px solid transparent;vertical-align:middle}.edd-alert p{padding:0}.edd-alert p:not(:last-child){margin-bottom:5px}.edd-alert p:last-child{margin-bottom:0}.edd-alert-error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.edd-alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.edd-alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.edd-alert-warn{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.edd_download_purchase_form .edd_price_options{display:inline-block}.edd_download_purchase_form .edd_price_options ul{margin:0;padding:0;list-style:none}.edd_download_purchase_form .edd_price_options li{-js-display:flex;display:flex;padding:5px 0 0;margin:0;align-items:center;align-self:center}.edd_download_purchase_form .edd_price_options li .eddr-terms-notice{font-size:.9em;margin-bottom:0;padding-right:20px}.edd_download_purchase_form .edd_price_options span{display:inline;padding:0;margin:0}.edd_download_purchase_form .edd_price_options input[type=checkbox],.edd_download_purchase_form .edd_price_options input[type=radio]{border:none;margin-left:5px;vertical-align:middle}.ast-page-builder-template.ast-edd-archive-page .site-content>.ast-container{max-width:100%}#edd_checkout_wrap input[type=email],#edd_checkout_wrap input[type=number],#edd_checkout_wrap input[type=password],#edd_checkout_wrap input[type=reset],#edd_checkout_wrap input[type=search],#edd_checkout_wrap input[type=tel],#edd_checkout_wrap input[type=text],#edd_checkout_wrap input[type=url],#edd_checkout_wrap textarea,.edd_download_purchase_form input[type=email],.edd_download_purchase_form input[type=number],.edd_download_purchase_form input[type=password],.edd_download_purchase_form input[type=reset],.edd_download_purchase_form input[type=search],.edd_download_purchase_form input[type=tel],.edd_download_purchase_form input[type=text],.edd_download_purchase_form input[type=url],.edd_download_purchase_form textarea{border-color:var(--ast-border-color);background:#fff;box-shadow:none;border-radius:0}#edd_checkout_wrap input[type=email]:focus,#edd_checkout_wrap input[type=number]:focus,#edd_checkout_wrap input[type=password]:focus,#edd_checkout_wrap input[type=reset]:focus,#edd_checkout_wrap input[type=search]:focus,#edd_checkout_wrap input[type=tel]:focus,#edd_checkout_wrap input[type=text]:focus,#edd_checkout_wrap input[type=url]:focus,#edd_checkout_wrap textarea:focus,.edd_download_purchase_form input[type=email]:focus,.edd_download_purchase_form input[type=number]:focus,.edd_download_purchase_form input[type=password]:focus,.edd_download_purchase_form input[type=reset]:focus,.edd_download_purchase_form input[type=search]:focus,.edd_download_purchase_form input[type=tel]:focus,.edd_download_purchase_form input[type=text]:focus,.edd_download_purchase_form input[type=url]:focus,.edd_download_purchase_form textarea:focus{box-shadow:none;border-color:var(--ast-border-color);outline:0}#edd_checkout_wrap select,.edd_download_purchase_form select{border:1px solid var(--ast-border-color);border-radius:0;box-shadow:none}#edd_checkout_wrap select:focus,.edd_download_purchase_form select:focus{outline:0;outline:0}#edd_checkout_wrap input.edd-input.edd-item-quantity,.edd_download_purchase_form input.edd-input.edd-item-quantity{width:60px}.edd_sl_license_row .view-key-wrapper,.edd_sl_table .edd_sl_license_row .view-key-wrapper{position:absolute}.edd_sl_license_row input.edd_sl_license_key,.edd_sl_table .edd_sl_license_row input.edd_sl_license_key{position:relative;min-width:285px;width:20em;text-align:center;border:1px solid var(--ast-border-color);box-shadow:0 0 6px 0 #e1e3e4;height:2.5em;background:#eef2f5;color:#4a545a}#edd_sl_license_add_site_form div{padding-top:15px;padding-bottom:15px}#edd_checkout_form_wrap #edd_sl_show_renewal_form_wrap{padding-top:10px}#edd_checkout_form_wrap #edd_sl_renewal_fields{padding:10px 0}#edd_checkout_form_wrap #edd-license-key{width:100%}#edd_checkout_form_wrap #edd-cancel-license-renewal{padding-right:10px}#edd_profile_editor_form fieldset{border:1px solid var(--ast-border-color);margin-bottom:2em}#edd_profile_editor_form fieldset p{clear:both}#edd_profile_editor_form legend{font-size:20px;font-size:1.2rem;float:right}#edd_profile_editor_form #edd_profile_submit_fieldset{border:0}#edd_profile_editor_form #edd_profile_submit_fieldset p{padding:0}.site-header-section-left .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.site-header-section-left .ast-edd-site-header-cart:hover .widget_edd_cart_widget{left:auto;right:0}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget{left:-999em;right:auto}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after,.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:before{right:8px;left:auto}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-right:-2px}.astra-dark-mode-enable .edd-alert-error,.astra-dark-mode-enable .edd-alert-info,.astra-dark-mode-enable .edd-alert-success,.astra-dark-mode-enable .edd-alert-warn{background-color:var(--ast-global-color-secondary,--ast-global-color-5)} + +/* 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; +} diff --git a/assets/css/edd.min.css b/assets/css/edd.min.css new file mode 100644 index 00000000..8496926a --- /dev/null +++ b/assets/css/edd.min.css @@ -0,0 +1,85 @@ +@charset "UTF-8";.ast-edd-container{-js-display:flex;display:flex;flex-wrap:wrap;clear:both}.ast-separate-container .ast-edd-container{background-color:#fff;content:"";display:table}@media (max-width:1200px){.ast-separate-container .ast-edd-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-edd-container{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-edd-container{padding:.54em 1em 1.33333em}}@media (min-width:1201px){.ast-separate-container .ast-edd-container{padding:5.34em 6.67em}}.ast-edd-archive-article,.ast-page-builder-template .ast-edd-archive-article{padding:0;float:left;margin:0 20px 2.992em 0}.columns-1 .ast-edd-archive-article{width:100%;margin-right:0}.columns-2 .ast-edd-archive-article{width:48.4%;width:calc(50% - 10px)}.columns-2 .ast-edd-archive-article:nth-child(2n){margin-right:0;clear:right}.columns-2 .ast-edd-archive-article:nth-child(odd){clear:left}.columns-3 .ast-edd-archive-article{width:31.2%;width:calc(33.33% - 14px)}.columns-3 .ast-edd-archive-article:nth-child(3n){margin-right:0;clear:right}.columns-3 .ast-edd-archive-article:nth-child(3n+1){clear:left}.columns-4 .ast-edd-archive-article{width:22.5%;width:calc(25% - 15px)}.columns-4 .ast-edd-archive-article:nth-child(4n){margin-right:0;clear:right}.columns-4 .ast-edd-archive-article:nth-child(4n+1){clear:left}.columns-5 .ast-edd-archive-article{width:17.5%;width:calc(20% - 16px)}.columns-5 .ast-edd-archive-article:nth-child(5n){margin-right:0;clear:right}.columns-5 .ast-edd-archive-article:nth-child(5n+1){clear:left}.columns-6 .ast-edd-archive-article{width:14%;width:calc(16.66% - 16.66px)}.columns-6 .ast-edd-archive-article:nth-child(6n){margin-right:0;clear:right}.columns-6 .ast-edd-archive-article:nth-child(6n+1){clear:left}.single-download .entry-header{margin-bottom:1em}.single-download .edd_download_purchase_form .edd_price_options li{justify-content:flex-start}.single-download .edd_download_purchase_form .edd_purchase_submit_wrapper{margin:20px auto 0}.edd-checkout .edd-item-quantity,.single-download .edd-item-quantity{padding:.5em .5em}.ast-edd-archive-article{text-align:center}.ast-edd-archive-block-wrap .edd_download_image img,.edd_downloads_list .edd_download_image img{margin-bottom:.8em}.ast-edd-archive-block-wrap .edd_download_title,.edd_downloads_list .edd_download_title{margin-bottom:.5em;padding:0;font-size:1em}.ast-edd-archive-block-wrap .edd_price,.ast-edd-archive-block-wrap .edd_price_options,.edd_downloads_list .edd_price,.edd_downloads_list .edd_price_options{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9rem}.ast-edd-archive-block-wrap .ast-edd-variable-btn,.ast-edd-archive-block-wrap .edd-add-to-cart,.ast-edd-archive-block-wrap .edd_go_to_checkout,.edd_downloads_list .ast-edd-variable-btn,.edd_downloads_list .edd-add-to-cart,.edd_downloads_list .edd_go_to_checkout{margin-top:.5em;margin-bottom:.5em;white-space:normal;line-height:1.3;display:inline-block}.ast-edd-archive-block-wrap .edd_download_excerpt p,.edd_downloads_list .edd_download_excerpt p{margin-bottom:.5em}.ast-edd-archive-block-wrap .edd_download_quantity_wrapper .edd-item-quantity,.edd_downloads_list .edd_download_quantity_wrapper .edd-item-quantity{padding:.5em .5em;max-width:60px}.ast-edd-archive-block-wrap .edd_download_quantity_wrapper+.edd_purchase_submit_wrapper,.edd_downloads_list .edd_download_quantity_wrapper+.edd_purchase_submit_wrapper{margin-top:0}.ast-edd-download-categories{font-size:.85em;margin-bottom:.5em;display:block;line-height:1.3;opacity:.6}.edd_download_purchase_form .edd_purchase_submit_wrapper{margin:10px auto 0}.edd_downloads_list{-js-display:flex;display:flex;flex-wrap:wrap;clear:both}.edd_downloads_list .edd_download{padding:0;float:left;margin:0 20px 2.992em 0;text-align:center}.edd_downloads_list.edd_download_columns_1 .edd_download{width:100%;margin-right:0}.edd_downloads_list.edd_download_columns_2 .edd_download{width:48.4%;width:calc(50% - 10px)}.edd_downloads_list.edd_download_columns_2 .edd_download:nth-child(2n){margin-right:0;clear:right}.edd_downloads_list.edd_download_columns_2 .edd_download:nth-child(odd){clear:left}.edd_downloads_list.edd_download_columns_3 .edd_download{width:31.2%;width:calc(33.33% - 14px)}.edd_downloads_list.edd_download_columns_3 .edd_download:nth-child(3n){margin-right:0;clear:right}.edd_downloads_list.edd_download_columns_3 .edd_download:nth-child(3n+1){clear:left}.edd_downloads_list.edd_download_columns_4 .edd_download{width:22.5%;width:calc(25% - 15px)}.edd_downloads_list.edd_download_columns_4 .edd_download:nth-child(4n){margin-right:0;clear:right}.edd_downloads_list.edd_download_columns_4 .edd_download:nth-child(4n+1){clear:left}.edd_downloads_list.edd_download_columns_5 .edd_download{width:17.5%;width:calc(20% - 16px)}.edd_downloads_list.edd_download_columns_5 .edd_download:nth-child(5n){margin-right:0;clear:right}.edd_downloads_list.edd_download_columns_5 .edd_download:nth-child(5n+1){clear:left}.edd_downloads_list.edd_download_columns_6 .edd_download{width:14%;width:calc(16.66% - 16.66px)}.edd_downloads_list.edd_download_columns_6 .edd_download:nth-child(6n){margin-right:0;clear:right}.edd_downloads_list.edd_download_columns_6 .edd_download:nth-child(6n+1){clear:left}.edd_pagination{display:inline-block;text-align:center;white-space:nowrap;padding:0;clear:both;border:0;margin:1px}.edd_pagination a,.edd_pagination span{margin:0 5px 5px 0;border:1px solid var(--ast-border-color);text-decoration:none;line-height:1;font-size:1em;font-weight:400;padding:.75em;float:left;display:inline;min-width:2.5em}.edd_purchase_submit_wrapper{position:relative}.edd_purchase_submit_wrapper a.edd-add-to-cart{text-decoration:none;display:none;position:relative;overflow:hidden;line-height:1.3}.edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js{display:inline-block}.edd_purchase_submit_wrapper .edd-cart-ajax{display:none;position:relative;left:-35px}.edd-submit.button.edd-ajax-loading{padding-right:30px}.edd-add-to-cart .edd-add-to-cart-label{opacity:1}.edd-loading{border-radius:50%;display:block;width:1.5em;height:1.5em;animation:edd-spinning 1.1s infinite linear;border-top:.2em solid rgba(255,255,255,.2);border-right:.2em solid rgba(255,255,255,.2);border-bottom:.2em solid rgba(255,255,255,.2);border-left:.2em solid #fff;font-size:.75em;position:absolute;left:calc(50% - .75em);top:calc(50% - .75em);opacity:0;transform:translateZ(0)}.edd-loading:after{border-radius:50%;display:block;width:1.5em;height:1.5em}.edd-discount-loader.edd-loading,a.edd-add-to-cart.white .edd-loading{border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-left-color:#000}.edd-loading-ajax.edd-loading{border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-left-color:#000;display:inline-block;position:relative;top:0;left:.25em;vertical-align:middle}#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit{display:inline-block}.edd-discount-loader.edd-loading{display:inline-block;position:relative;left:auto;vertical-align:middle;width:1.25em;height:1.25em}.edd-loading-ajax.edd-loading{opacity:1}@keyframes edd-spinning{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.edd-loading,a.edd-add-to-cart .edd-add-to-cart-label{transition:.1s opacity!important}.edd-add-to-cart[data-edd-loading] .edd-add-to-cart-label{opacity:0}.edd-add-to-cart[data-edd-loading] .edd-loading{opacity:1}.edd-discount-loader.edd-loading{opacity:1}.edd-cart-added-alert{position:static;display:inline-block;font-size:1em}.edd-cart-added-alert .edd-icon-check{max-width:18px;vertical-align:bottom}.ast-edd-site-header-cart{position:relative;list-style-type:none;margin-left:0;padding-left:0;margin-bottom:0;order:1}.ast-edd-site-header-cart:focus .widget_edd_cart_widget,.ast-edd-site-header-cart:hover .widget_edd_cart_widget{right:0;left:auto;opacity:1;visibility:visible}.ast-edd-site-header-cart .ast-edd-shopping-cart-icon{display:initial;vertical-align:middle}.ast-edd-site-header-cart .ast-edd-shopping-cart-icon:before{content:"\e854";font-family:Astra;font-size:18px;font-size:1.2857rem}.ast-edd-site-header-cart .ast-edd-site-header-cart-widget .widget_edd_cart_widget>ul{text-align:left;width:auto;position:static;left:auto;top:auto;border-top:0;max-height:500px;max-height:50vh;overflow-y:auto}.ast-edd-site-header-cart .widget_edd_cart_widget{background-color:#fff;position:absolute;top:100%;width:280px;padding-top:1em;padding-bottom:1em;z-index:999999;font-size:.875em;left:-999em;display:block;line-height:1.618;box-shadow:0 2px 8px 1px rgba(0,0,0,.07);transition:all .3s ease;border:2px solid var(--ast-border-color);opacity:0;visibility:hidden}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item{padding:.5em 2.6em .5em 1.5em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item.focus{animation:ast-hide-animate 1s linear}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_item.empty{border-bottom:0;padding-left:1.5em;padding-right:1.5em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-number-of-items{margin-bottom:0;padding-left:1.5em;padding-right:1.5em;padding-bottom:1em;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget:after,.ast-edd-site-header-cart .widget_edd_cart_widget:before{bottom:100%;left:auto;right:8px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ast-edd-site-header-cart .widget_edd_cart_widget:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px;margin-bottom:-.3px}.ast-edd-site-header-cart .widget_edd_cart_widget:before{border-color:rgba(230,230,230,0);border-bottom-color:var(--ast-border-color);border-width:9px;margin-left:-5px;right:5px}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-meta{padding:.5em 1.5em;margin:0;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout{padding:1em 1.5em 0;text-align:center;margin-top:0}.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a{padding:10px 40px;width:100%;display:block;font-weight:700;line-height:1}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart{right:1.2em}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:after{font-weight:400}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-remove-from-cart:first-child:after{padding-bottom:0}.ast-edd-site-header-cart .widget_edd_cart_widget .edd-cart-item:first-child .edd-remove-from-cart:after{padding-bottom:1px}.ast-header-break-point .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap,.ast-header-break-point .ast-edd-site-header-cart .widget_edd_cart_widget{display:none}.ast-header-break-point.ast-hfb-header .ast-edd-site-header-cart .ast-edd-header-cart-info-wrap{display:inline-block}@keyframes ast-hide-animate{0%{opacity:1}100%{opacity:0}}.header-main-layout-3 .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.header-main-layout-3 .ast-edd-site-header-cart:hover .widget_edd_cart_widget{right:auto;left:0}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget{right:-999em;left:auto}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after,.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:before{left:8px;right:auto}.header-main-layout-3 .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-left:-2px}.widget_edd_cart_widget .edd-cart-item{border-bottom:1px solid var(--ast-border-color);padding:.5em 1.6em .5em 0;position:relative}.widget_edd_cart_widget .edd-cart-number-of-items{margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid var(--ast-border-color);font-weight:700}.widget_edd_cart_widget .edd-cart-item-separator{display:none}.widget_edd_cart_widget .edd-cart-item-title{display:block;font-weight:400;margin:0}.widget_edd_cart_widget .edd-cart-item-price{float:left}.widget_edd_cart_widget .edd-remove-from-cart{position:absolute;visibility:hidden;right:0;top:50%;transform:translateY(-50%);-js-display:flex;display:flex;justify-content:center;align-items:center}.widget_edd_cart_widget .edd-remove-from-cart:after{content:'×';-js-display:flex;display:flex;justify-content:center;align-items:center;color:#ccc;visibility:visible;border:1px solid var(--ast-border-color);border-radius:50%;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;width:24px;height:24px;padding-bottom:2px;transition:all .2s linear}.widget_edd_cart_widget .edd-cart-meta{border-bottom:1px solid var(--ast-border-color)}.widget_edd_cart_widget .edd_total{padding:0 0 5px;font-weight:700}.widget_edd_cart_widget .edd_checkout{margin-top:1em;padding:0}.widget_edd_cart_widget .edd_checkout a{margin-right:0;margin-left:0;padding:10px 40px;display:inline-block;line-height:1}.ast-edd-site-header-cart .widget_edd_cart_widget p.buttons,.ast-edd-site-header-cart .widget_edd_cart_widget p.total{padding:1em 1.5em;margin:0;text-align:center}.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button{display:block;margin-right:0;width:100%;margin-left:0}.ast-edd-site-header-cart .widget_edd_cart_widget .buttons .button.wc-forward{display:block;margin-right:0;width:100%;margin-left:0}.ast-edd-site-header-cart .widget_edd_cart_widget .woocommerce-mini-cart__empty-message{margin:1.41575em}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a{font-weight:400;padding:0;border-width:0}.ast-edd-site-header-cart .widget_edd_cart_widget .cart_list a.remove{border-width:1px}.ast-edd-site-header-cart-wrap .ast-edd-cart-menu-wrap{display:inline-block;line-height:1}.ast-edd-site-header-cart-wrap .count{font-weight:700;position:relative;display:inline-block;vertical-align:middle;text-align:center;min-width:2.1em;min-height:2.1em;font-size:.86em;line-height:1.8;border-radius:0 0 .3em .3em;border-width:2px;border-style:solid;padding:0 .4em}.ast-edd-site-header-cart-wrap .count:after{bottom:100%;margin-bottom:0;height:.8em;width:.8em;left:50%;transform:translateX(-50%);top:-.6em;content:' ';position:absolute;pointer-events:none;border-width:2px;border-style:solid;border-top-left-radius:10em;border-top-right-radius:10em;border-bottom:0}.edd_form input[type=color],.edd_form input[type=date],.edd_form input[type=datetime-local],.edd_form input[type=datetime],.edd_form input[type=email],.edd_form input[type=month],.edd_form input[type=number],.edd_form input[type=password],.edd_form input[type=search],.edd_form input[type=tel],.edd_form input[type=text],.edd_form input[type=time],.edd_form input[type=url],.edd_form input[type=week],.edd_form select,.edd_form textarea{width:100%}.edd_form input[type=checkbox],.edd_form input[type=radio]{border:none;margin-right:5px;vertical-align:middle}.edd_form .edd-select.edd-select-small{display:inline;width:auto}.edd_form .edd-description{margin-bottom:5px;display:block}.edd_form legend{font-size:22px;font-size:1.4rem;border-bottom:1px solid var(--ast-border-color);background:var(--ast-widget-bg-color);font-weight:700;padding:15px 30px;margin:0;display:block;width:100%;position:relative}.edd_form p{padding-left:30px;padding-right:30px}.edd_form fieldset{padding:0 0 1em;border:0}.edd_form fieldset>p{padding-top:5px;padding-bottom:5px;margin-bottom:5px}.edd-table th{background:#fafafa;font-weight:700}.edd-table td,.edd-table th{text-align:left;padding:10px 20px}.edd-table ul{margin-left:1em;margin-bottom:0}#edd_checkout_cart{margin-bottom:2em}#edd_checkout_cart .edd_cart_header_row th{background:#fafafa;font-weight:700}#edd_checkout_cart td,#edd_checkout_cart th{padding:15px 30px}#edd_checkout_cart td.edd_cart_actions,#edd_checkout_cart td.edd_cart_total,#edd_checkout_cart th.edd_cart_actions,#edd_checkout_cart th.edd_cart_total{text-align:right}#edd_checkout_cart td img{float:left;margin:0 8px 0 0;background:0 0;padding:0;border:none}#edd_checkout_wrap .edd_cart_remove_item_btn{margin-left:1em}#edd_checkout_wrap #edd_purchase_form{border:0}#edd_checkout_wrap legend{font-size:22px;font-size:1.4rem;border-bottom:1px solid var(--ast-border-color);background:#fafafa;font-weight:700;padding:15px 30px;display:block;width:100%;float:left;position:relative;margin:0 0 10px}#edd_checkout_wrap p{padding-left:30px;padding-right:30px}#edd_checkout_wrap fieldset{padding:0;border:0}#edd_checkout_wrap fieldset>p{padding-top:5px;padding-bottom:5px;margin-bottom:5px}#edd_checkout_wrap fieldset>p:last-child{padding-bottom:15px}#edd_checkout_wrap fieldset>div{padding:5px 30px;margin-bottom:5px}#edd_checkout_wrap fieldset>div>p{padding:0}#edd_checkout_wrap #edd-card-state-wrap{padding-bottom:15px}#edd_checkout_wrap #edd_discount_code{border:1px solid var(--ast-border-color);margin-bottom:2em;padding-top:.5em;padding-bottom:.5em}#edd_checkout_wrap #edd_discount_code p{padding-top:10px;margin-bottom:0;padding-bottom:10px}#edd_checkout_wrap #edd_discount_code .edd-apply-discount{margin-top:10px}#edd_checkout_wrap #edd_discount_code #edd-discount{width:100%}#edd_checkout_wrap .eddr-cart-item-notice{text-align:left;font-size:.9em}#edd_checkout_form_wrap label{font-weight:700}#edd_checkout_form_wrap fieldset{border:1px solid var(--ast-border-color);margin:0 0 20px}#edd_checkout_form_wrap #edd_purchase_submit .edd-loading-ajax.edd-loading{display:none}#edd_checkout_form_wrap #edd_discount_code,#edd_checkout_form_wrap #edd_purchase_submit,#edd_checkout_form_wrap #edd_register_account_fields{border:0}#edd_checkout_form_wrap #edd-discount-code-wrap,#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap #edd_show_discount{border:1px solid var(--ast-border-color);margin:0 0 20px}#edd_checkout_form_wrap #edd_final_total_wrap,#edd_checkout_form_wrap .edd-privacy-policy-agreement{padding-top:10px;padding-bottom:10px}#edd_checkout_form_wrap #edd-show-privacy-policy{padding-top:10px;margin-bottom:0}#edd_checkout_form_wrap #edd-show-privacy-policy+.edd-privacy-policy-agreement{padding-top:5px}#edd_checkout_form_wrap .edd-privacy-policy-agreement{margin-bottom:0;-js-display:flex;display:flex;align-items:center}#edd_checkout_form_wrap #edd-payment-mode-wrap label{display:inline-block;margin:0 20px 0 0}#edd_checkout_form_wrap .edd-payment-icons{height:32px;display:block;margin:0 0 30px}#edd_checkout_form_wrap .edd-payment-icons img.payment-icon{max-height:32px;width:auto;margin:0 3px 0 0;float:left;background:0 0;padding:0;border:none;box-shadow:none}#edd_checkout_form_wrap .edd-required-indicator{color:#b94a48;display:inline}#edd_checkout_form_wrap .edd-description{width:auto;font-size:.9em;margin-left:10px;opacity:.7;font-style:italic;margin-bottom:6px;display:inline-block}.edd_sl_form>div{border:1px solid var(--ast-border-color);padding:10px 20px}.edd_sl_form>div>span{display:block;margin-bottom:10px}.edd-alert{border-radius:2px;margin-bottom:10px;padding:10px;border:1px solid transparent;vertical-align:middle}.edd-alert p{padding:0}.edd-alert p:not(:last-child){margin-bottom:5px}.edd-alert p:last-child{margin-bottom:0}.edd-alert-error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.edd-alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.edd-alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.edd-alert-warn{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.edd_download_purchase_form .edd_price_options{display:inline-block}.edd_download_purchase_form .edd_price_options ul{margin:0;padding:0;list-style:none}.edd_download_purchase_form .edd_price_options li{-js-display:flex;display:flex;padding:5px 0 0;margin:0;align-items:center;align-self:center}.edd_download_purchase_form .edd_price_options li .eddr-terms-notice{font-size:.9em;margin-bottom:0;padding-left:20px}.edd_download_purchase_form .edd_price_options span{display:inline;padding:0;margin:0}.edd_download_purchase_form .edd_price_options input[type=checkbox],.edd_download_purchase_form .edd_price_options input[type=radio]{border:none;margin-right:5px;vertical-align:middle}.ast-page-builder-template.ast-edd-archive-page .site-content>.ast-container{max-width:100%}#edd_checkout_wrap input[type=email],#edd_checkout_wrap input[type=number],#edd_checkout_wrap input[type=password],#edd_checkout_wrap input[type=reset],#edd_checkout_wrap input[type=search],#edd_checkout_wrap input[type=tel],#edd_checkout_wrap input[type=text],#edd_checkout_wrap input[type=url],#edd_checkout_wrap textarea,.edd_download_purchase_form input[type=email],.edd_download_purchase_form input[type=number],.edd_download_purchase_form input[type=password],.edd_download_purchase_form input[type=reset],.edd_download_purchase_form input[type=search],.edd_download_purchase_form input[type=tel],.edd_download_purchase_form input[type=text],.edd_download_purchase_form input[type=url],.edd_download_purchase_form textarea{border-color:var(--ast-border-color);background:#fff;box-shadow:none;border-radius:0}#edd_checkout_wrap input[type=email]:focus,#edd_checkout_wrap input[type=number]:focus,#edd_checkout_wrap input[type=password]:focus,#edd_checkout_wrap input[type=reset]:focus,#edd_checkout_wrap input[type=search]:focus,#edd_checkout_wrap input[type=tel]:focus,#edd_checkout_wrap input[type=text]:focus,#edd_checkout_wrap input[type=url]:focus,#edd_checkout_wrap textarea:focus,.edd_download_purchase_form input[type=email]:focus,.edd_download_purchase_form input[type=number]:focus,.edd_download_purchase_form input[type=password]:focus,.edd_download_purchase_form input[type=reset]:focus,.edd_download_purchase_form input[type=search]:focus,.edd_download_purchase_form input[type=tel]:focus,.edd_download_purchase_form input[type=text]:focus,.edd_download_purchase_form input[type=url]:focus,.edd_download_purchase_form textarea:focus{box-shadow:none;border-color:var(--ast-border-color);outline:0}#edd_checkout_wrap select,.edd_download_purchase_form select{border:1px solid var(--ast-border-color);border-radius:0;box-shadow:none}#edd_checkout_wrap select:focus,.edd_download_purchase_form select:focus{outline:0;outline:0}#edd_checkout_wrap input.edd-input.edd-item-quantity,.edd_download_purchase_form input.edd-input.edd-item-quantity{width:60px}.edd_sl_license_row .view-key-wrapper,.edd_sl_table .edd_sl_license_row .view-key-wrapper{position:absolute}.edd_sl_license_row input.edd_sl_license_key,.edd_sl_table .edd_sl_license_row input.edd_sl_license_key{position:relative;min-width:285px;width:20em;text-align:center;border:1px solid var(--ast-border-color);box-shadow:0 0 6px 0 #e1e3e4;height:2.5em;background:#eef2f5;color:#4a545a}#edd_sl_license_add_site_form div{padding-top:15px;padding-bottom:15px}#edd_checkout_form_wrap #edd_sl_show_renewal_form_wrap{padding-top:10px}#edd_checkout_form_wrap #edd_sl_renewal_fields{padding:10px 0}#edd_checkout_form_wrap #edd-license-key{width:100%}#edd_checkout_form_wrap #edd-cancel-license-renewal{padding-left:10px}#edd_profile_editor_form fieldset{border:1px solid var(--ast-border-color);margin-bottom:2em}#edd_profile_editor_form fieldset p{clear:both}#edd_profile_editor_form legend{font-size:20px;font-size:1.2rem;float:left}#edd_profile_editor_form #edd_profile_submit_fieldset{border:0}#edd_profile_editor_form #edd_profile_submit_fieldset p{padding:0}.site-header-section-left .ast-edd-site-header-cart:focus .widget_edd_cart_widget,.site-header-section-left .ast-edd-site-header-cart:hover .widget_edd_cart_widget{right:auto;left:0}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget{right:-999em;left:auto}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after,.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:before{left:8px;right:auto}.site-header-section-left .ast-edd-site-header-cart .widget_edd_cart_widget:after{margin-left:-2px}.astra-dark-mode-enable .edd-alert-error,.astra-dark-mode-enable .edd-alert-info,.astra-dark-mode-enable .edd-alert-success,.astra-dark-mode-enable .edd-alert-warn{background-color:var(--ast-global-color-secondary,--ast-global-color-5)} + +/* 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; +} diff --git a/assets/css/edit-post-education.css b/assets/css/edit-post-education.css new file mode 100644 index 00000000..6ba78809 --- /dev/null +++ b/assets/css/edit-post-education.css @@ -0,0 +1,183 @@ +/** + * Common styles. + */ +.wpforms-edit-post-education-notice-body { + padding-left: 52px; + min-height: 40px; + margin: 0; + position: relative; +} + +.wpforms-edit-post-education-notice-body p { + margin: 0; +} + +.wpforms-edit-post-education-notice-body:before { + content: ''; + display: block; + width: 40px; + height: 40px; + background-image: url("../../images/sullie-edit-post-education.svg"); + background-size: 100%; + position: absolute; + left: 0; + top: 0; +} + +/** + * Classic editor styles. + */ +.wpforms-hidden { + display: none !important; +} + +.wpforms-edit-post-education-notice { + position: relative; + background: #FFFFFF; + border: 1px solid #C3C4C7; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + padding: 10px; + font-size: 14px; + line-height: 21px; + display: flex; + align-items: flex-start; + margin: 23px 0; +} + +.wpforms-edit-post-education-notice .notice-dismiss { + position: static; + margin-left: auto; +} + +.wpforms-edit-post-education-notice:not(.wpforms-hidden) + #postdivrich { + margin-top: -20px; +} + +/** + * Gutenberg editor styles. + */ +.is-distraction-free .interface-interface-skeleton__header:focus-within .wpforms-edit-post-education-notice .components-notice__actions, +.is-distraction-free .interface-interface-skeleton__header:focus-within .wpforms-edit-post-education-notice .components-notice__content { + transform: none !important; +} + +.components-notice-list .wpforms-edit-post-education-notice { + background-color: #f0f6fc; + border-top: 0; + border-left: 4px solid #007cba; + border-bottom: 0; + border-right: 0; + margin: 0; +} + +.components-notice-list .wpforms-edit-post-education-notice-body { + padding-right: 150px; + float: left; +} + +@media (max-width: 767px) { + .components-notice-list .wpforms-edit-post-education-notice-body { + float: none; + padding-right: 0; + } + .components-notice-list .components-notice__action.components-button.wpforms-edit-post-education-notice-guide-button { + margin-left: 52px; + } +} + +@media (min-width: 768px) { + .components-notice-list .components-notice__action.components-button.wpforms-edit-post-education-notice-guide-button { + position: absolute; + right: 60px; + top: 14px; + margin: 0; + } + .components-notice-list .wpforms-edit-post-education-notice.components-notice .components-notice__dismiss { + margin-top: 14px; + } +} + + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/edit-post-education.min.css b/assets/css/edit-post-education.min.css new file mode 100644 index 00000000..d45ffa23 --- /dev/null +++ b/assets/css/edit-post-education.min.css @@ -0,0 +1,86 @@ +.wpforms-edit-post-education-notice-body{padding-left:52px;min-height:40px;margin:0;position:relative}.wpforms-edit-post-education-notice-body p{margin:0}.wpforms-edit-post-education-notice-body:before{content:'';display:block;width:40px;height:40px;background-image:url("../../images/sullie-edit-post-education.svg");background-size:100%;position:absolute;left:0;top:0}.wpforms-hidden{display:none !important}.wpforms-edit-post-education-notice{position:relative;background:#FFFFFF;border:1px solid #C3C4C7;box-shadow:0 1px 1px rgba(0,0,0,0.05);padding:10px;font-size:14px;line-height:21px;display:flex;align-items:flex-start;margin:23px 0}.wpforms-edit-post-education-notice .notice-dismiss{position:static;margin-left:auto}.wpforms-edit-post-education-notice:not(.wpforms-hidden)+#postdivrich{margin-top:-20px}.is-distraction-free .interface-interface-skeleton__header:focus-within .wpforms-edit-post-education-notice .components-notice__actions,.is-distraction-free .interface-interface-skeleton__header:focus-within .wpforms-edit-post-education-notice .components-notice__content{transform:none !important}.components-notice-list .wpforms-edit-post-education-notice{background-color:#f0f6fc;border-top:0;border-left:4px solid #007cba;border-bottom:0;border-right:0;margin:0}.components-notice-list .wpforms-edit-post-education-notice-body{padding-right:150px;float:left}@media (max-width: 767px){.components-notice-list .wpforms-edit-post-education-notice-body{float:none;padding-right:0}.components-notice-list .components-notice__action.components-button.wpforms-edit-post-education-notice-guide-button{margin-left:52px}}@media (min-width: 768px){.components-notice-list .components-notice__action.components-button.wpforms-edit-post-education-notice-guide-button{position:absolute;right:60px;top:14px;margin:0}.components-notice-list .wpforms-edit-post-education-notice.components-notice .components-notice__dismiss{margin-top:14px}} + + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/editor-style.css b/assets/css/editor-style.css new file mode 100644 index 00000000..d2d518d9 --- /dev/null +++ b/assets/css/editor-style.css @@ -0,0 +1,93 @@ +/* + * Link styles + * https://github.com/WordPress/gutenberg/issues/42319 + */ +a { + text-decoration-thickness: 1px !important; + text-underline-offset: .1em; +} + + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/editor-style.min-rtl.css b/assets/css/editor-style.min-rtl.css new file mode 100644 index 00000000..b6a9090b --- /dev/null +++ b/assets/css/editor-style.min-rtl.css @@ -0,0 +1,87 @@ +a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */@media (min-width:544px){.ast-container{max-width:100%}}@media (min-width:768px){.ast-container{max-width:100%}}@media (min-width:992px){.ast-container{max-width:100%}}@media (min-width:1200px){.ast-container{max-width:100%}}.ast-container,.ast-container-fluid{margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.ast-container-fluid::after,.ast-container::after{content:"";display:table;clear:both}.ast-row{margin-right:-20px;margin-left:-20px}.ast-row::after{content:"";display:table;clear:both}.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9,.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9,.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9,.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9,.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{position:relative;min-height:1px;padding-right:20px;padding-left:20px}.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{float:right}.ast-col-xs-1{width:8.3333333333%}.ast-col-xs-2{width:16.6666666667%}.ast-col-xs-3{width:25%}.ast-col-xs-4{width:33.3333333333%}.ast-col-xs-5{width:41.6666666667%}.ast-col-xs-6{width:50%}.ast-col-xs-7{width:58.3333333333%}.ast-col-xs-8{width:66.6666666667%}.ast-col-xs-9{width:75%}.ast-col-xs-10{width:83.3333333333%}.ast-col-xs-11{width:91.6666666667%}.ast-col-xs-12{width:100%}.ast-col-xs-pull-0{left:auto}.ast-col-xs-pull-1{left:8.3333333333%}.ast-col-xs-pull-2{left:16.6666666667%}.ast-col-xs-pull-3{left:25%}.ast-col-xs-pull-4{left:33.3333333333%}.ast-col-xs-pull-5{left:41.6666666667%}.ast-col-xs-pull-6{left:50%}.ast-col-xs-pull-7{left:58.3333333333%}.ast-col-xs-pull-8{left:66.6666666667%}.ast-col-xs-pull-9{left:75%}.ast-col-xs-pull-10{left:83.3333333333%}.ast-col-xs-pull-11{left:91.6666666667%}.ast-col-xs-pull-12{left:100%}.ast-col-xs-push-0{right:auto}.ast-col-xs-push-1{right:8.3333333333%}.ast-col-xs-push-2{right:16.6666666667%}.ast-col-xs-push-3{right:25%}.ast-col-xs-push-4{right:33.3333333333%}.ast-col-xs-push-5{right:41.6666666667%}.ast-col-xs-push-6{right:50%}.ast-col-xs-push-7{right:58.3333333333%}.ast-col-xs-push-8{right:66.6666666667%}.ast-col-xs-push-9{right:75%}.ast-col-xs-push-10{right:83.3333333333%}.ast-col-xs-push-11{right:91.6666666667%}.ast-col-xs-push-12{right:100%}.ast-col-xs-offset-0{margin-right:0}.ast-col-xs-offset-1{margin-right:8.3333333333%}.ast-col-xs-offset-2{margin-right:16.6666666667%}.ast-col-xs-offset-3{margin-right:25%}.ast-col-xs-offset-4{margin-right:33.3333333333%}.ast-col-xs-offset-5{margin-right:41.6666666667%}.ast-col-xs-offset-6{margin-right:50%}.ast-col-xs-offset-7{margin-right:58.3333333333%}.ast-col-xs-offset-8{margin-right:66.6666666667%}.ast-col-xs-offset-9{margin-right:75%}.ast-col-xs-offset-10{margin-right:83.3333333333%}.ast-col-xs-offset-11{margin-right:91.6666666667%}.ast-col-xs-offset-12{margin-right:100%}@media (min-width:544px){.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9{float:right}.ast-col-sm-1{width:8.3333333333%}.ast-col-sm-2{width:16.6666666667%}.ast-col-sm-3{width:25%}.ast-col-sm-4{width:33.3333333333%}.ast-col-sm-5{width:41.6666666667%}.ast-col-sm-6{width:50%}.ast-col-sm-7{width:58.3333333333%}.ast-col-sm-8{width:66.6666666667%}.ast-col-sm-9{width:75%}.ast-col-sm-10{width:83.3333333333%}.ast-col-sm-11{width:91.6666666667%}.ast-col-sm-12{width:100%}.ast-col-sm-pull-0{left:auto}.ast-col-sm-pull-1{left:8.3333333333%}.ast-col-sm-pull-2{left:16.6666666667%}.ast-col-sm-pull-3{left:25%}.ast-col-sm-pull-4{left:33.3333333333%}.ast-col-sm-pull-5{left:41.6666666667%}.ast-col-sm-pull-6{left:50%}.ast-col-sm-pull-7{left:58.3333333333%}.ast-col-sm-pull-8{left:66.6666666667%}.ast-col-sm-pull-9{left:75%}.ast-col-sm-pull-10{left:83.3333333333%}.ast-col-sm-pull-11{left:91.6666666667%}.ast-col-sm-pull-12{left:100%}.ast-col-sm-push-0{right:auto}.ast-col-sm-push-1{right:8.3333333333%}.ast-col-sm-push-2{right:16.6666666667%}.ast-col-sm-push-3{right:25%}.ast-col-sm-push-4{right:33.3333333333%}.ast-col-sm-push-5{right:41.6666666667%}.ast-col-sm-push-6{right:50%}.ast-col-sm-push-7{right:58.3333333333%}.ast-col-sm-push-8{right:66.6666666667%}.ast-col-sm-push-9{right:75%}.ast-col-sm-push-10{right:83.3333333333%}.ast-col-sm-push-11{right:91.6666666667%}.ast-col-sm-push-12{right:100%}.ast-col-sm-offset-0{margin-right:0}.ast-col-sm-offset-1{margin-right:8.3333333333%}.ast-col-sm-offset-2{margin-right:16.6666666667%}.ast-col-sm-offset-3{margin-right:25%}.ast-col-sm-offset-4{margin-right:33.3333333333%}.ast-col-sm-offset-5{margin-right:41.6666666667%}.ast-col-sm-offset-6{margin-right:50%}.ast-col-sm-offset-7{margin-right:58.3333333333%}.ast-col-sm-offset-8{margin-right:66.6666666667%}.ast-col-sm-offset-9{margin-right:75%}.ast-col-sm-offset-10{margin-right:83.3333333333%}.ast-col-sm-offset-11{margin-right:91.6666666667%}.ast-col-sm-offset-12{margin-right:100%}}@media (min-width:768px){.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9{float:right}.ast-col-md-1{width:8.3333333333%}.ast-col-md-2{width:16.6666666667%}.ast-col-md-3{width:25%}.ast-col-md-4{width:33.3333333333%}.ast-col-md-5{width:41.6666666667%}.ast-col-md-6{width:50%}.ast-col-md-7{width:58.3333333333%}.ast-col-md-8{width:66.6666666667%}.ast-col-md-9{width:75%}.ast-col-md-10{width:83.3333333333%}.ast-col-md-11{width:91.6666666667%}.ast-col-md-12{width:100%}.ast-col-md-pull-0{left:auto}.ast-col-md-pull-1{left:8.3333333333%}.ast-col-md-pull-2{left:16.6666666667%}.ast-col-md-pull-3{left:25%}.ast-col-md-pull-4{left:33.3333333333%}.ast-col-md-pull-5{left:41.6666666667%}.ast-col-md-pull-6{left:50%}.ast-col-md-pull-7{left:58.3333333333%}.ast-col-md-pull-8{left:66.6666666667%}.ast-col-md-pull-9{left:75%}.ast-col-md-pull-10{left:83.3333333333%}.ast-col-md-pull-11{left:91.6666666667%}.ast-col-md-pull-12{left:100%}.ast-col-md-push-0{right:auto}.ast-col-md-push-1{right:8.3333333333%}.ast-col-md-push-2{right:16.6666666667%}.ast-col-md-push-3{right:25%}.ast-col-md-push-4{right:33.3333333333%}.ast-col-md-push-5{right:41.6666666667%}.ast-col-md-push-6{right:50%}.ast-col-md-push-7{right:58.3333333333%}.ast-col-md-push-8{right:66.6666666667%}.ast-col-md-push-9{right:75%}.ast-col-md-push-10{right:83.3333333333%}.ast-col-md-push-11{right:91.6666666667%}.ast-col-md-push-12{right:100%}.ast-col-md-offset-0{margin-right:0}.ast-col-md-offset-1{margin-right:8.3333333333%}.ast-col-md-offset-2{margin-right:16.6666666667%}.ast-col-md-offset-3{margin-right:25%}.ast-col-md-offset-4{margin-right:33.3333333333%}.ast-col-md-offset-5{margin-right:41.6666666667%}.ast-col-md-offset-6{margin-right:50%}.ast-col-md-offset-7{margin-right:58.3333333333%}.ast-col-md-offset-8{margin-right:66.6666666667%}.ast-col-md-offset-9{margin-right:75%}.ast-col-md-offset-10{margin-right:83.3333333333%}.ast-col-md-offset-11{margin-right:91.6666666667%}.ast-col-md-offset-12{margin-right:100%}}@media (min-width:992px){.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9{float:right}.ast-col-lg-1{width:8.3333333333%}.ast-col-lg-2{width:16.6666666667%}.ast-col-lg-3{width:25%}.ast-col-lg-4{width:33.3333333333%}.ast-col-lg-5{width:41.6666666667%}.ast-col-lg-6{width:50%}.ast-col-lg-7{width:58.3333333333%}.ast-col-lg-8{width:66.6666666667%}.ast-col-lg-9{width:75%}.ast-col-lg-10{width:83.3333333333%}.ast-col-lg-11{width:91.6666666667%}.ast-col-lg-12{width:100%}.ast-col-lg-pull-0{left:auto}.ast-col-lg-pull-1{left:8.3333333333%}.ast-col-lg-pull-2{left:16.6666666667%}.ast-col-lg-pull-3{left:25%}.ast-col-lg-pull-4{left:33.3333333333%}.ast-col-lg-pull-5{left:41.6666666667%}.ast-col-lg-pull-6{left:50%}.ast-col-lg-pull-7{left:58.3333333333%}.ast-col-lg-pull-8{left:66.6666666667%}.ast-col-lg-pull-9{left:75%}.ast-col-lg-pull-10{left:83.3333333333%}.ast-col-lg-pull-11{left:91.6666666667%}.ast-col-lg-pull-12{left:100%}.ast-col-lg-push-0{right:auto}.ast-col-lg-push-1{right:8.3333333333%}.ast-col-lg-push-2{right:16.6666666667%}.ast-col-lg-push-3{right:25%}.ast-col-lg-push-4{right:33.3333333333%}.ast-col-lg-push-5{right:41.6666666667%}.ast-col-lg-push-6{right:50%}.ast-col-lg-push-7{right:58.3333333333%}.ast-col-lg-push-8{right:66.6666666667%}.ast-col-lg-push-9{right:75%}.ast-col-lg-push-10{right:83.3333333333%}.ast-col-lg-push-11{right:91.6666666667%}.ast-col-lg-push-12{right:100%}.ast-col-lg-offset-0{margin-right:0}.ast-col-lg-offset-1{margin-right:8.3333333333%}.ast-col-lg-offset-2{margin-right:16.6666666667%}.ast-col-lg-offset-3{margin-right:25%}.ast-col-lg-offset-4{margin-right:33.3333333333%}.ast-col-lg-offset-5{margin-right:41.6666666667%}.ast-col-lg-offset-6{margin-right:50%}.ast-col-lg-offset-7{margin-right:58.3333333333%}.ast-col-lg-offset-8{margin-right:66.6666666667%}.ast-col-lg-offset-9{margin-right:75%}.ast-col-lg-offset-10{margin-right:83.3333333333%}.ast-col-lg-offset-11{margin-right:91.6666666667%}.ast-col-lg-offset-12{margin-right:100%}}@media (min-width:1200px){.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9{float:right}.ast-col-xl-1{width:8.3333333333%}.ast-col-xl-2{width:16.6666666667%}.ast-col-xl-3{width:25%}.ast-col-xl-4{width:33.3333333333%}.ast-col-xl-5{width:41.6666666667%}.ast-col-xl-6{width:50%}.ast-col-xl-7{width:58.3333333333%}.ast-col-xl-8{width:66.6666666667%}.ast-col-xl-9{width:75%}.ast-col-xl-10{width:83.3333333333%}.ast-col-xl-11{width:91.6666666667%}.ast-col-xl-12{width:100%}.ast-col-xl-pull-0{left:auto}.ast-col-xl-pull-1{left:8.3333333333%}.ast-col-xl-pull-2{left:16.6666666667%}.ast-col-xl-pull-3{left:25%}.ast-col-xl-pull-4{left:33.3333333333%}.ast-col-xl-pull-5{left:41.6666666667%}.ast-col-xl-pull-6{left:50%}.ast-col-xl-pull-7{left:58.3333333333%}.ast-col-xl-pull-8{left:66.6666666667%}.ast-col-xl-pull-9{left:75%}.ast-col-xl-pull-10{left:83.3333333333%}.ast-col-xl-pull-11{left:91.6666666667%}.ast-col-xl-pull-12{left:100%}.ast-col-xl-push-0{right:auto}.ast-col-xl-push-1{right:8.3333333333%}.ast-col-xl-push-2{right:16.6666666667%}.ast-col-xl-push-3{right:25%}.ast-col-xl-push-4{right:33.3333333333%}.ast-col-xl-push-5{right:41.6666666667%}.ast-col-xl-push-6{right:50%}.ast-col-xl-push-7{right:58.3333333333%}.ast-col-xl-push-8{right:66.6666666667%}.ast-col-xl-push-9{right:75%}.ast-col-xl-push-10{right:83.3333333333%}.ast-col-xl-push-11{right:91.6666666667%}.ast-col-xl-push-12{right:100%}.ast-col-xl-offset-0{margin-right:0}.ast-col-xl-offset-1{margin-right:8.3333333333%}.ast-col-xl-offset-2{margin-right:16.6666666667%}.ast-col-xl-offset-3{margin-right:25%}.ast-col-xl-offset-4{margin-right:33.3333333333%}.ast-col-xl-offset-5{margin-right:41.6666666667%}.ast-col-xl-offset-6{margin-right:50%}.ast-col-xl-offset-7{margin-right:58.3333333333%}.ast-col-xl-offset-8{margin-right:66.6666666667%}.ast-col-xl-offset-9{margin-right:75%}.ast-col-xl-offset-10{margin-right:83.3333333333%}.ast-col-xl-offset-11{margin-right:91.6666666667%}.ast-col-xl-offset-12{margin-right:100%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 3em 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-right:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-right:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-left:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 1px 0 0;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 0 1px 1px}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-right:3px;width:100%}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-right:auto;margin-left:auto}#primary:after,#primary:before,#secondary:after,#secondary:before,.ast-container:after,.ast-container:before,.ast-row:after,.ast-row:before,.clear:after,.clear:before,.sidebar-main:after,.sidebar-main:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-main:after,.site-main:before{content:"";display:table}#primary:after,#secondary:after,.ast-container:after,.ast-row:after,.clear:after,.sidebar-main:after,.site-content:after,.site-footer:after,.site-header:after,.site-main:after{clear:both}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-right:auto;margin-left:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 3em 1.5em 1em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;right:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;right:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;right:0;width:100%;height:100%}body{margin:20px;vertical-align:baseline;color:#3a3a3a}a{color:#0274be}a:focus,a:hover{color:#3a3a3a}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.6}p{margin-bottom:1em}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,h1,h2,h3,h4,h5,h6{color:#3a3a3a}.mce-item-table,.mce-item-table caption,.mce-item-table td,.mce-item-table th{border-style:solid;border-color:rgba(0,0,0,.0980392)}.mce-item-table td,.mce-item-table th{border-width:0 0 1px 1px}.mce-item-table{border-left-width:0;border-bottom-width: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; +} diff --git a/assets/css/editor-style.min.css b/assets/css/editor-style.min.css new file mode 100644 index 00000000..3fc03776 --- /dev/null +++ b/assets/css/editor-style.min.css @@ -0,0 +1,87 @@ +a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */@media (min-width:544px){.ast-container{max-width:100%}}@media (min-width:768px){.ast-container{max-width:100%}}@media (min-width:992px){.ast-container{max-width:100%}}@media (min-width:1200px){.ast-container{max-width:100%}}.ast-container,.ast-container-fluid{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-container-fluid::after,.ast-container::after{content:"";display:table;clear:both}.ast-row{margin-left:-20px;margin-right:-20px}.ast-row::after{content:"";display:table;clear:both}.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9,.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9,.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9,.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9,.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{position:relative;min-height:1px;padding-left:20px;padding-right:20px}.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{float:left}.ast-col-xs-1{width:8.3333333333%}.ast-col-xs-2{width:16.6666666667%}.ast-col-xs-3{width:25%}.ast-col-xs-4{width:33.3333333333%}.ast-col-xs-5{width:41.6666666667%}.ast-col-xs-6{width:50%}.ast-col-xs-7{width:58.3333333333%}.ast-col-xs-8{width:66.6666666667%}.ast-col-xs-9{width:75%}.ast-col-xs-10{width:83.3333333333%}.ast-col-xs-11{width:91.6666666667%}.ast-col-xs-12{width:100%}.ast-col-xs-pull-0{right:auto}.ast-col-xs-pull-1{right:8.3333333333%}.ast-col-xs-pull-2{right:16.6666666667%}.ast-col-xs-pull-3{right:25%}.ast-col-xs-pull-4{right:33.3333333333%}.ast-col-xs-pull-5{right:41.6666666667%}.ast-col-xs-pull-6{right:50%}.ast-col-xs-pull-7{right:58.3333333333%}.ast-col-xs-pull-8{right:66.6666666667%}.ast-col-xs-pull-9{right:75%}.ast-col-xs-pull-10{right:83.3333333333%}.ast-col-xs-pull-11{right:91.6666666667%}.ast-col-xs-pull-12{right:100%}.ast-col-xs-push-0{left:auto}.ast-col-xs-push-1{left:8.3333333333%}.ast-col-xs-push-2{left:16.6666666667%}.ast-col-xs-push-3{left:25%}.ast-col-xs-push-4{left:33.3333333333%}.ast-col-xs-push-5{left:41.6666666667%}.ast-col-xs-push-6{left:50%}.ast-col-xs-push-7{left:58.3333333333%}.ast-col-xs-push-8{left:66.6666666667%}.ast-col-xs-push-9{left:75%}.ast-col-xs-push-10{left:83.3333333333%}.ast-col-xs-push-11{left:91.6666666667%}.ast-col-xs-push-12{left:100%}.ast-col-xs-offset-0{margin-left:0}.ast-col-xs-offset-1{margin-left:8.3333333333%}.ast-col-xs-offset-2{margin-left:16.6666666667%}.ast-col-xs-offset-3{margin-left:25%}.ast-col-xs-offset-4{margin-left:33.3333333333%}.ast-col-xs-offset-5{margin-left:41.6666666667%}.ast-col-xs-offset-6{margin-left:50%}.ast-col-xs-offset-7{margin-left:58.3333333333%}.ast-col-xs-offset-8{margin-left:66.6666666667%}.ast-col-xs-offset-9{margin-left:75%}.ast-col-xs-offset-10{margin-left:83.3333333333%}.ast-col-xs-offset-11{margin-left:91.6666666667%}.ast-col-xs-offset-12{margin-left:100%}@media (min-width:544px){.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9{float:left}.ast-col-sm-1{width:8.3333333333%}.ast-col-sm-2{width:16.6666666667%}.ast-col-sm-3{width:25%}.ast-col-sm-4{width:33.3333333333%}.ast-col-sm-5{width:41.6666666667%}.ast-col-sm-6{width:50%}.ast-col-sm-7{width:58.3333333333%}.ast-col-sm-8{width:66.6666666667%}.ast-col-sm-9{width:75%}.ast-col-sm-10{width:83.3333333333%}.ast-col-sm-11{width:91.6666666667%}.ast-col-sm-12{width:100%}.ast-col-sm-pull-0{right:auto}.ast-col-sm-pull-1{right:8.3333333333%}.ast-col-sm-pull-2{right:16.6666666667%}.ast-col-sm-pull-3{right:25%}.ast-col-sm-pull-4{right:33.3333333333%}.ast-col-sm-pull-5{right:41.6666666667%}.ast-col-sm-pull-6{right:50%}.ast-col-sm-pull-7{right:58.3333333333%}.ast-col-sm-pull-8{right:66.6666666667%}.ast-col-sm-pull-9{right:75%}.ast-col-sm-pull-10{right:83.3333333333%}.ast-col-sm-pull-11{right:91.6666666667%}.ast-col-sm-pull-12{right:100%}.ast-col-sm-push-0{left:auto}.ast-col-sm-push-1{left:8.3333333333%}.ast-col-sm-push-2{left:16.6666666667%}.ast-col-sm-push-3{left:25%}.ast-col-sm-push-4{left:33.3333333333%}.ast-col-sm-push-5{left:41.6666666667%}.ast-col-sm-push-6{left:50%}.ast-col-sm-push-7{left:58.3333333333%}.ast-col-sm-push-8{left:66.6666666667%}.ast-col-sm-push-9{left:75%}.ast-col-sm-push-10{left:83.3333333333%}.ast-col-sm-push-11{left:91.6666666667%}.ast-col-sm-push-12{left:100%}.ast-col-sm-offset-0{margin-left:0}.ast-col-sm-offset-1{margin-left:8.3333333333%}.ast-col-sm-offset-2{margin-left:16.6666666667%}.ast-col-sm-offset-3{margin-left:25%}.ast-col-sm-offset-4{margin-left:33.3333333333%}.ast-col-sm-offset-5{margin-left:41.6666666667%}.ast-col-sm-offset-6{margin-left:50%}.ast-col-sm-offset-7{margin-left:58.3333333333%}.ast-col-sm-offset-8{margin-left:66.6666666667%}.ast-col-sm-offset-9{margin-left:75%}.ast-col-sm-offset-10{margin-left:83.3333333333%}.ast-col-sm-offset-11{margin-left:91.6666666667%}.ast-col-sm-offset-12{margin-left:100%}}@media (min-width:768px){.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9{float:left}.ast-col-md-1{width:8.3333333333%}.ast-col-md-2{width:16.6666666667%}.ast-col-md-3{width:25%}.ast-col-md-4{width:33.3333333333%}.ast-col-md-5{width:41.6666666667%}.ast-col-md-6{width:50%}.ast-col-md-7{width:58.3333333333%}.ast-col-md-8{width:66.6666666667%}.ast-col-md-9{width:75%}.ast-col-md-10{width:83.3333333333%}.ast-col-md-11{width:91.6666666667%}.ast-col-md-12{width:100%}.ast-col-md-pull-0{right:auto}.ast-col-md-pull-1{right:8.3333333333%}.ast-col-md-pull-2{right:16.6666666667%}.ast-col-md-pull-3{right:25%}.ast-col-md-pull-4{right:33.3333333333%}.ast-col-md-pull-5{right:41.6666666667%}.ast-col-md-pull-6{right:50%}.ast-col-md-pull-7{right:58.3333333333%}.ast-col-md-pull-8{right:66.6666666667%}.ast-col-md-pull-9{right:75%}.ast-col-md-pull-10{right:83.3333333333%}.ast-col-md-pull-11{right:91.6666666667%}.ast-col-md-pull-12{right:100%}.ast-col-md-push-0{left:auto}.ast-col-md-push-1{left:8.3333333333%}.ast-col-md-push-2{left:16.6666666667%}.ast-col-md-push-3{left:25%}.ast-col-md-push-4{left:33.3333333333%}.ast-col-md-push-5{left:41.6666666667%}.ast-col-md-push-6{left:50%}.ast-col-md-push-7{left:58.3333333333%}.ast-col-md-push-8{left:66.6666666667%}.ast-col-md-push-9{left:75%}.ast-col-md-push-10{left:83.3333333333%}.ast-col-md-push-11{left:91.6666666667%}.ast-col-md-push-12{left:100%}.ast-col-md-offset-0{margin-left:0}.ast-col-md-offset-1{margin-left:8.3333333333%}.ast-col-md-offset-2{margin-left:16.6666666667%}.ast-col-md-offset-3{margin-left:25%}.ast-col-md-offset-4{margin-left:33.3333333333%}.ast-col-md-offset-5{margin-left:41.6666666667%}.ast-col-md-offset-6{margin-left:50%}.ast-col-md-offset-7{margin-left:58.3333333333%}.ast-col-md-offset-8{margin-left:66.6666666667%}.ast-col-md-offset-9{margin-left:75%}.ast-col-md-offset-10{margin-left:83.3333333333%}.ast-col-md-offset-11{margin-left:91.6666666667%}.ast-col-md-offset-12{margin-left:100%}}@media (min-width:992px){.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9{float:left}.ast-col-lg-1{width:8.3333333333%}.ast-col-lg-2{width:16.6666666667%}.ast-col-lg-3{width:25%}.ast-col-lg-4{width:33.3333333333%}.ast-col-lg-5{width:41.6666666667%}.ast-col-lg-6{width:50%}.ast-col-lg-7{width:58.3333333333%}.ast-col-lg-8{width:66.6666666667%}.ast-col-lg-9{width:75%}.ast-col-lg-10{width:83.3333333333%}.ast-col-lg-11{width:91.6666666667%}.ast-col-lg-12{width:100%}.ast-col-lg-pull-0{right:auto}.ast-col-lg-pull-1{right:8.3333333333%}.ast-col-lg-pull-2{right:16.6666666667%}.ast-col-lg-pull-3{right:25%}.ast-col-lg-pull-4{right:33.3333333333%}.ast-col-lg-pull-5{right:41.6666666667%}.ast-col-lg-pull-6{right:50%}.ast-col-lg-pull-7{right:58.3333333333%}.ast-col-lg-pull-8{right:66.6666666667%}.ast-col-lg-pull-9{right:75%}.ast-col-lg-pull-10{right:83.3333333333%}.ast-col-lg-pull-11{right:91.6666666667%}.ast-col-lg-pull-12{right:100%}.ast-col-lg-push-0{left:auto}.ast-col-lg-push-1{left:8.3333333333%}.ast-col-lg-push-2{left:16.6666666667%}.ast-col-lg-push-3{left:25%}.ast-col-lg-push-4{left:33.3333333333%}.ast-col-lg-push-5{left:41.6666666667%}.ast-col-lg-push-6{left:50%}.ast-col-lg-push-7{left:58.3333333333%}.ast-col-lg-push-8{left:66.6666666667%}.ast-col-lg-push-9{left:75%}.ast-col-lg-push-10{left:83.3333333333%}.ast-col-lg-push-11{left:91.6666666667%}.ast-col-lg-push-12{left:100%}.ast-col-lg-offset-0{margin-left:0}.ast-col-lg-offset-1{margin-left:8.3333333333%}.ast-col-lg-offset-2{margin-left:16.6666666667%}.ast-col-lg-offset-3{margin-left:25%}.ast-col-lg-offset-4{margin-left:33.3333333333%}.ast-col-lg-offset-5{margin-left:41.6666666667%}.ast-col-lg-offset-6{margin-left:50%}.ast-col-lg-offset-7{margin-left:58.3333333333%}.ast-col-lg-offset-8{margin-left:66.6666666667%}.ast-col-lg-offset-9{margin-left:75%}.ast-col-lg-offset-10{margin-left:83.3333333333%}.ast-col-lg-offset-11{margin-left:91.6666666667%}.ast-col-lg-offset-12{margin-left:100%}}@media (min-width:1200px){.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9{float:left}.ast-col-xl-1{width:8.3333333333%}.ast-col-xl-2{width:16.6666666667%}.ast-col-xl-3{width:25%}.ast-col-xl-4{width:33.3333333333%}.ast-col-xl-5{width:41.6666666667%}.ast-col-xl-6{width:50%}.ast-col-xl-7{width:58.3333333333%}.ast-col-xl-8{width:66.6666666667%}.ast-col-xl-9{width:75%}.ast-col-xl-10{width:83.3333333333%}.ast-col-xl-11{width:91.6666666667%}.ast-col-xl-12{width:100%}.ast-col-xl-pull-0{right:auto}.ast-col-xl-pull-1{right:8.3333333333%}.ast-col-xl-pull-2{right:16.6666666667%}.ast-col-xl-pull-3{right:25%}.ast-col-xl-pull-4{right:33.3333333333%}.ast-col-xl-pull-5{right:41.6666666667%}.ast-col-xl-pull-6{right:50%}.ast-col-xl-pull-7{right:58.3333333333%}.ast-col-xl-pull-8{right:66.6666666667%}.ast-col-xl-pull-9{right:75%}.ast-col-xl-pull-10{right:83.3333333333%}.ast-col-xl-pull-11{right:91.6666666667%}.ast-col-xl-pull-12{right:100%}.ast-col-xl-push-0{left:auto}.ast-col-xl-push-1{left:8.3333333333%}.ast-col-xl-push-2{left:16.6666666667%}.ast-col-xl-push-3{left:25%}.ast-col-xl-push-4{left:33.3333333333%}.ast-col-xl-push-5{left:41.6666666667%}.ast-col-xl-push-6{left:50%}.ast-col-xl-push-7{left:58.3333333333%}.ast-col-xl-push-8{left:66.6666666667%}.ast-col-xl-push-9{left:75%}.ast-col-xl-push-10{left:83.3333333333%}.ast-col-xl-push-11{left:91.6666666667%}.ast-col-xl-push-12{left:100%}.ast-col-xl-offset-0{margin-left:0}.ast-col-xl-offset-1{margin-left:8.3333333333%}.ast-col-xl-offset-2{margin-left:16.6666666667%}.ast-col-xl-offset-3{margin-left:25%}.ast-col-xl-offset-4{margin-left:33.3333333333%}.ast-col-xl-offset-5{margin-left:41.6666666667%}.ast-col-xl-offset-6{margin-left:50%}.ast-col-xl-offset-7{margin-left:58.3333333333%}.ast-col-xl-offset-8{margin-left:66.6666666667%}.ast-col-xl-offset-9{margin-left:75%}.ast-col-xl-offset-10{margin-left:83.3333333333%}.ast-col-xl-offset-11{margin-left:91.6666666667%}.ast-col-xl-offset-12{margin-left:100%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-left:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-right:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 1px 1px 0}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-left:3px;width:100%}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-left:auto;margin-right:auto}#primary:after,#primary:before,#secondary:after,#secondary:before,.ast-container:after,.ast-container:before,.ast-row:after,.ast-row:before,.clear:after,.clear:before,.sidebar-main:after,.sidebar-main:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-main:after,.site-main:before{content:"";display:table}#primary:after,#secondary:after,.ast-container:after,.ast-row:after,.clear:after,.sidebar-main:after,.site-content:after,.site-footer:after,.site-header:after,.site-main:after{clear:both}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 1em 1.5em 3em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;left:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;left:0;width:100%;height:100%}body{margin:20px;vertical-align:baseline;color:#3a3a3a}a{color:#0274be}a:focus,a:hover{color:#3a3a3a}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.6}p{margin-bottom:1em}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,h1,h2,h3,h4,h5,h6{color:#3a3a3a}.mce-item-table,.mce-item-table caption,.mce-item-table td,.mce-item-table th{border-style:solid;border-color:rgba(0,0,0,.0980392)}.mce-item-table td,.mce-item-table th{border-width:0 1px 1px 0}.mce-item-table{border-right-width:0;border-bottom-width: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; +} diff --git a/assets/css/elementor-admin-common-rtl.css b/assets/css/elementor-admin-common-rtl.css new file mode 100644 index 00000000..32d86ff0 --- /dev/null +++ b/assets/css/elementor-admin-common-rtl.css @@ -0,0 +1,368 @@ +.dialog-widget-content { + background-color: #fff; + position: absolute; + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: -2px 8px 23px 3px rgba( 0, 0, 0, 0.2 ); + box-shadow: -2px 8px 23px 3px rgba( 0, 0, 0, 0.2 ); + overflow: hidden; +} + +.dialog-message { + font-size: 12px; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.dialog-type-lightbox { + position: fixed; + height: 100%; + width: 100%; + top: 0; + right: 0; + background-color: rgba( 0, 0, 0, 0.8 ); + z-index: 9999; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.dialog-type-lightbox .dialog-widget-content { + margin: auto; +} + +.dialog-type-lightbox .dialog-header { + font-size: 15px; + color: #495157; + padding: 30px 0 10px; + font-weight: 500; +} + +.dialog-type-lightbox .dialog-message { + padding: 0 30px 30px; + min-height: 50px; +} + +.dialog-type-lightbox:not( .elementor-popup-modal ) .dialog-header, +.dialog-type-lightbox:not( .elementor-popup-modal ) .dialog-message { + text-align: center; +} + +.dialog-type-lightbox .dialog-buttons-wrapper { + border-top: 1px solid #e6e9ec; + text-align: center; +} + +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button { + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; + width: 50%; + border: none; + background: none; + font-size: 15px; + cursor: pointer; + padding: 13px 0; + outline: 0; +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:hover { + background-color: #f4f6f7; +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-ok { + color: #b01b1b; +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-take_over { + color: #39b54a; +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:active { + background-color: rgba( 230, 233, 236, 0.5 ); +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button::-moz-focus-inner { + border: 0; +} + +.ast-sites-modal .dialog-widget-content { + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; + background-color: #f1f3f5; + width: 100%; +} +@media ( max-width: 1439px ) { + .ast-sites-modal .dialog-widget-content { + max-width: 990px; + } +} +@media ( min-width: 1440px ) { + .ast-sites-modal .dialog-widget-content { + max-width: 1200px; + } +} + +.ast-sites-modal .dialog-header { + padding: 0; + background-color: #fff; + -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + position: relative; + z-index: 1; +} + +.ast-sites-modal .dialog-buttons-wrapper { + background-color: #fff; + border: none; + display: none; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 5px; + -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + position: relative; +} +.ast-sites-modal .dialog-buttons-wrapper .elementor-button { + height: 40px; + margin-right: 5px; +} +.ast-sites-modal .dialog-buttons-wrapper .elementor-button-success { + padding: 12px 36px; + color: #fff; + width: initial; + font-size: 15px; +} +.ast-sites-modal .dialog-buttons-wrapper .elementor-button-success:hover { + background-color: #39b54a; +} + +.ast-sites-modal .dialog-message { + height: 750px; + max-height: 85vh; + overflow: auto; + padding-top: 25px; +} + +.ast-sites-modal .dialog-content { + height: 100%; +} + +.ast-sites-modal .dialog-loading { + display: none; +} + +.ast-sites-modal__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + height: 50px; +} +.ast-sites-modal__header__logo { + line-height: 1; + text-transform: uppercase; + font-weight: bold; + cursor: pointer; +} +.ast-sites-modal__header__logo-area { + text-align: right; + padding-right: 15px; +} +.ast-sites-modal__header__logo-area > * { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ast-sites-modal__header__logo__icon-wrapper { + padding: 4px 7px 6px; + background-image: -webkit-linear-gradient( -225deg, #f2295b, #434363 ); + background-image: -o-linear-gradient( -225deg, #f2295b, #434363 ); + background-image: linear-gradient( 135deg, #f2295b, #434363 ); + -webkit-border-radius: 2px; + border-radius: 2px; + margin-left: 10px; +} +.ast-sites-modal__header__logo__title { + padding-top: 2px; +} +.ast-sites-modal__header__logo i { + color: #fff; + font-size: 10px; +} +.ast-sites-modal__header__items-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.ast-sites-modal__header__item { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.ast-sites-modal__header__item > i { + font-size: 20px; + -webkit-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + cursor: pointer; +} +.ast-sites-modal__header__item > i:not( :hover ) { + color: #a4afb7; +} +.ast-sites-modal__header__close--normal { + width: 45px; + border-right: 1px solid #e6e9ec; +} +.ast-sites-modal__header__close--normal i { + font-size: 18px; +} +.ast-sites-modal__header__close--skip { + padding: 10px; + padding-right: 20px; + margin-left: 10px; + color: #fff; + background-color: #a4afb7; + font-size: 11px; + font-weight: normal; + line-height: 1; + text-transform: uppercase; + -webkit-border-radius: 2px; + border-radius: 2px; + cursor: pointer; +} +.ast-sites-modal__header__close--skip > i { + font-size: inherit; + padding-right: 10px; + margin-right: 15px; + border-right: 1px solid; +} +.ast-sites-modal__header__close--skip > i:not( :hover ) { + color: #fff; +} + +.ast-sites-modal__sidebar { + width: 25%; + background-color: rgba( 255, 255, 255, 0.3 ); +} + +.ast-sites-modal__content { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-shadow: 0 0 13px inset rgba( 0, 0, 0, 0.05 ); + box-shadow: 0 0 13px inset rgba( 0, 0, 0, 0.05 ); +} + + +/* 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; +} diff --git a/assets/css/elementor-admin-common.css b/assets/css/elementor-admin-common.css new file mode 100644 index 00000000..ac1f230c --- /dev/null +++ b/assets/css/elementor-admin-common.css @@ -0,0 +1,368 @@ +.dialog-widget-content { + background-color: #fff; + position: absolute; + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 2px 8px 23px 3px rgba( 0, 0, 0, 0.2 ); + box-shadow: 2px 8px 23px 3px rgba( 0, 0, 0, 0.2 ); + overflow: hidden; +} + +.dialog-message { + font-size: 12px; + line-height: 1.5; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.dialog-type-lightbox { + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + background-color: rgba( 0, 0, 0, 0.8 ); + z-index: 9999; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.dialog-type-lightbox .dialog-widget-content { + margin: auto; +} + +.dialog-type-lightbox .dialog-header { + font-size: 15px; + color: #495157; + padding: 30px 0 10px; + font-weight: 500; +} + +.dialog-type-lightbox .dialog-message { + padding: 0 30px 30px; + min-height: 50px; +} + +.dialog-type-lightbox:not( .elementor-popup-modal ) .dialog-header, +.dialog-type-lightbox:not( .elementor-popup-modal ) .dialog-message { + text-align: center; +} + +.dialog-type-lightbox .dialog-buttons-wrapper { + border-top: 1px solid #e6e9ec; + text-align: center; +} + +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button { + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; + width: 50%; + border: none; + background: none; + font-size: 15px; + cursor: pointer; + padding: 13px 0; + outline: 0; +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:hover { + background-color: #f4f6f7; +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-ok { + color: #b01b1b; +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-take_over { + color: #39b54a; +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:active { + background-color: rgba( 230, 233, 236, 0.5 ); +} +.dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button::-moz-focus-inner { + border: 0; +} + +.ast-sites-modal .dialog-widget-content { + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; + background-color: #f1f3f5; + width: 100%; +} +@media ( max-width: 1439px ) { + .ast-sites-modal .dialog-widget-content { + max-width: 990px; + } +} +@media ( min-width: 1440px ) { + .ast-sites-modal .dialog-widget-content { + max-width: 1200px; + } +} + +.ast-sites-modal .dialog-header { + padding: 0; + background-color: #fff; + -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + position: relative; + z-index: 1; +} + +.ast-sites-modal .dialog-buttons-wrapper { + background-color: #fff; + border: none; + display: none; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 5px; + -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + position: relative; +} +.ast-sites-modal .dialog-buttons-wrapper .elementor-button { + height: 40px; + margin-left: 5px; +} +.ast-sites-modal .dialog-buttons-wrapper .elementor-button-success { + padding: 12px 36px; + color: #fff; + width: initial; + font-size: 15px; +} +.ast-sites-modal .dialog-buttons-wrapper .elementor-button-success:hover { + background-color: #39b54a; +} + +.ast-sites-modal .dialog-message { + height: 750px; + max-height: 85vh; + overflow: auto; + padding-top: 25px; +} + +.ast-sites-modal .dialog-content { + height: 100%; +} + +.ast-sites-modal .dialog-loading { + display: none; +} + +.ast-sites-modal__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + height: 50px; +} +.ast-sites-modal__header__logo { + line-height: 1; + text-transform: uppercase; + font-weight: bold; + cursor: pointer; +} +.ast-sites-modal__header__logo-area { + text-align: left; + padding-left: 15px; +} +.ast-sites-modal__header__logo-area > * { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} +.ast-sites-modal__header__logo__icon-wrapper { + padding: 4px 7px 6px; + background-image: -webkit-linear-gradient( 225deg, #f2295b, #434363 ); + background-image: -o-linear-gradient( 225deg, #f2295b, #434363 ); + background-image: linear-gradient( -135deg, #f2295b, #434363 ); + -webkit-border-radius: 2px; + border-radius: 2px; + margin-right: 10px; +} +.ast-sites-modal__header__logo__title { + padding-top: 2px; +} +.ast-sites-modal__header__logo i { + color: #fff; + font-size: 10px; +} +.ast-sites-modal__header__items-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.ast-sites-modal__header__item { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.ast-sites-modal__header__item > i { + font-size: 20px; + -webkit-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + cursor: pointer; +} +.ast-sites-modal__header__item > i:not( :hover ) { + color: #a4afb7; +} +.ast-sites-modal__header__close--normal { + width: 45px; + border-left: 1px solid #e6e9ec; +} +.ast-sites-modal__header__close--normal i { + font-size: 18px; +} +.ast-sites-modal__header__close--skip { + padding: 10px; + padding-left: 20px; + margin-right: 10px; + color: #fff; + background-color: #a4afb7; + font-size: 11px; + font-weight: normal; + line-height: 1; + text-transform: uppercase; + -webkit-border-radius: 2px; + border-radius: 2px; + cursor: pointer; +} +.ast-sites-modal__header__close--skip > i { + font-size: inherit; + padding-left: 10px; + margin-left: 15px; + border-left: 1px solid; +} +.ast-sites-modal__header__close--skip > i:not( :hover ) { + color: #fff; +} + +.ast-sites-modal__sidebar { + width: 25%; + background-color: rgba( 255, 255, 255, 0.3 ); +} + +.ast-sites-modal__content { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-shadow: 0 0 13px inset rgba( 0, 0, 0, 0.05 ); + box-shadow: 0 0 13px inset rgba( 0, 0, 0, 0.05 ); +} + + +/* 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; +} diff --git a/assets/css/elementor-admin-dark-rtl.css b/assets/css/elementor-admin-dark-rtl.css new file mode 100644 index 00000000..648bf6b0 --- /dev/null +++ b/assets/css/elementor-admin-dark-rtl.css @@ -0,0 +1,215 @@ +.ast-sites-dark-mode { + --dark-mode-background-color: #1f2124; + --dark-mode-background-hover-color: #2b2c31; + --dark-mode-border-color: #3f444b; +} + +.ast-sites-dark-mode #ast-sites-modal .astra-sites-library-template-inner, +.ast-sites-dark-mode #ast-sites-modal .inner, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-library-template:not( .elementor-template-library-template-page ) .elementor-template-library-template-footer, +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-order-input { + background-color: var( --dark-mode-background-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .astra-sites__sync-wrap:hover span, +.ast-sites-dark-mode #ast-sites-modal .ast-sites-modal__header__close--normal:hover i, +.ast-sites-dark-mode #ast-sites-modal .back-to-layout:hover i { + color: #ffffff; +} + +.ast-sites-dark-mode #ast-sites-modal .astra-blocks-filter, +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-order-input { + border-color: var( --dark-mode-border-color ); +} + +.ast-sites-dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b { + border-color: #e0e1e3 transparent transparent transparent; +} + +.ast-sites-dark-mode #ast-sites-modal .single-site-pages::-webkit-scrollbar, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar, +.ast-sites-dark-mode #ast-sites-modal .single-site-pages::-webkit-scrollbar { + background-color: #34383c; +} + +.ast-sites-dark-mode #ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar-thumb, +.ast-sites-dark-mode #ast-sites-modal .single-site-pages::-webkit-scrollbar-thumb { + background-color: #7d7e82; +} + +.ast-sites-dark-mode .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { + border-color: transparent transparent #e0e1e3 transparent; +} + +.ast-sites-dark-mode #ast-sites-modal .ast-sites-floating-notice-wrap { + background: #404349; +} + +.ast-sites-dark-mode #ast-sites-modal .notice-dismiss:before { + color: #e0e1e3; +} + +.ast-sites-dark-mode #ast-sites-modal .dialog-widget-content, +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-menu-item, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-sync-library-button span, +.ast-sites-dark-mode #ast-sites-modal .ast-sites-modal__header__item > i:not( :hover ), +.ast-sites-dark-mode #ast-sites-modal .astra-blocks-filter, +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-order-input, +.ast-sites-dark-mode.astra-sites__elementor-open #ast-sites-modal .select2-container--default .select2-selection__rendered, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-no-sites h3, +.ast-sites-dark-mode #ast-sites-modal .back-to-layout, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-tooltip .dashicons-editor-help { + color: #e0e1e3; +} + +.ast-sites-dark-mode #ast-sites-modal .dialog-widget-content, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-no-sites .inner { + background-color: var( --dark-mode-background-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .dialog-header { + border-block-end: 1px solid #333438; +} + +.ast-sites-dark-mode #ast-sites-modal.dialog-type-lightbox .dialog-header { + background-color: var( --dark-mode-background-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .ast-tooltip-wrap::before { + border: 8px solid #7d7e82; + border-bottom-style: solid; + border-right-color: transparent; + border-left-color: transparent; + border-top: none; +} + +.ast-sites-dark-mode #ast-sites-modal .ast-tooltip-wrap { + background: #7d7e82; +} + +.ast-sites-dark-mode #ast-sites-modal #wp-filter-search-input { + border-color: #d5dadf; + border-block-end: 1px solid var( --dark-mode-border-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .ast-sites-modal__header__logo, +.ast-sites-dark-mode #ast-sites-modal .back-to-layout, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-tooltip { + border-left: 1px solid #32363a; +} + +.ast-sites-dark-mode #ast-sites-modal .astra-sites__sync-wrap, +.ast-sites-dark-mode #ast-sites-modal .ast-sites-modal__header__close--normal, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-tooltip { + border-right: 1px solid #32363a; +} + +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-menu-item.elementor-active { + background-image: none; + border-color: #fff; + color: #fff; +} + +#ast-sites-modal .inner { + border: 1px solid var( --dark-mode-border-color ); +} +.ast-sites-dark-mode #ast-sites-modal .inner:hover { + background: var( --dark-mode-background-hover-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .astra-blocks-filter { + background: none; +} + +.ast-sites-dark-mode .astra-blocks-filter option { + background-color: var( --dark-mode-background-color ); +} +.ast-sites-dark-mode .astra-blocks-filter option:hover { + background: var( --dark-mode-background-hover-color ); + color: var( --dark-mode-border-color ); +} + + +/* 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; +} diff --git a/assets/css/elementor-admin-dark.css b/assets/css/elementor-admin-dark.css new file mode 100644 index 00000000..97c46b53 --- /dev/null +++ b/assets/css/elementor-admin-dark.css @@ -0,0 +1,215 @@ +.ast-sites-dark-mode { + --dark-mode-background-color: #1f2124; + --dark-mode-background-hover-color: #2b2c31; + --dark-mode-border-color: #3f444b; +} + +.ast-sites-dark-mode #ast-sites-modal .astra-sites-library-template-inner, +.ast-sites-dark-mode #ast-sites-modal .inner, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-library-template:not( .elementor-template-library-template-page ) .elementor-template-library-template-footer, +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-order-input { + background-color: var( --dark-mode-background-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .astra-sites__sync-wrap:hover span, +.ast-sites-dark-mode #ast-sites-modal .ast-sites-modal__header__close--normal:hover i, +.ast-sites-dark-mode #ast-sites-modal .back-to-layout:hover i { + color: #ffffff; +} + +.ast-sites-dark-mode #ast-sites-modal .astra-blocks-filter, +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-order-input { + border-color: var( --dark-mode-border-color ); +} + +.ast-sites-dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b { + border-color: #e0e1e3 transparent transparent transparent; +} + +.ast-sites-dark-mode #ast-sites-modal .single-site-pages::-webkit-scrollbar, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar, +.ast-sites-dark-mode #ast-sites-modal .single-site-pages::-webkit-scrollbar { + background-color: #34383c; +} + +.ast-sites-dark-mode #ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar-thumb, +.ast-sites-dark-mode #ast-sites-modal .single-site-pages::-webkit-scrollbar-thumb { + background-color: #7d7e82; +} + +.ast-sites-dark-mode .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { + border-color: transparent transparent #e0e1e3 transparent; +} + +.ast-sites-dark-mode #ast-sites-modal .ast-sites-floating-notice-wrap { + background: #404349; +} + +.ast-sites-dark-mode #ast-sites-modal .notice-dismiss:before { + color: #e0e1e3; +} + +.ast-sites-dark-mode #ast-sites-modal .dialog-widget-content, +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-menu-item, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-sync-library-button span, +.ast-sites-dark-mode #ast-sites-modal .ast-sites-modal__header__item > i:not( :hover ), +.ast-sites-dark-mode #ast-sites-modal .astra-blocks-filter, +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-order-input, +.ast-sites-dark-mode.astra-sites__elementor-open #ast-sites-modal .select2-container--default .select2-selection__rendered, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-no-sites h3, +.ast-sites-dark-mode #ast-sites-modal .back-to-layout, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-tooltip .dashicons-editor-help { + color: #e0e1e3; +} + +.ast-sites-dark-mode #ast-sites-modal .dialog-widget-content, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-no-sites .inner { + background-color: var( --dark-mode-background-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .dialog-header { + border-block-end: 1px solid #333438; +} + +.ast-sites-dark-mode #ast-sites-modal.dialog-type-lightbox .dialog-header { + background-color: var( --dark-mode-background-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .ast-tooltip-wrap::before { + border: 8px solid #7d7e82; + border-bottom-style: solid; + border-left-color: transparent; + border-right-color: transparent; + border-top: none; +} + +.ast-sites-dark-mode #ast-sites-modal .ast-tooltip-wrap { + background: #7d7e82; +} + +.ast-sites-dark-mode #ast-sites-modal #wp-filter-search-input { + border-color: #d5dadf; + border-block-end: 1px solid var( --dark-mode-border-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .ast-sites-modal__header__logo, +.ast-sites-dark-mode #ast-sites-modal .back-to-layout, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-tooltip { + border-right: 1px solid #32363a; +} + +.ast-sites-dark-mode #ast-sites-modal .astra-sites__sync-wrap, +.ast-sites-dark-mode #ast-sites-modal .ast-sites-modal__header__close--normal, +.ast-sites-dark-mode #ast-sites-modal .astra-sites-tooltip { + border-left: 1px solid #32363a; +} + +.ast-sites-dark-mode #ast-sites-modal .elementor-template-library-menu-item.elementor-active { + background-image: none; + border-color: #fff; + color: #fff; +} + +#ast-sites-modal .inner { + border: 1px solid var( --dark-mode-border-color ); +} +.ast-sites-dark-mode #ast-sites-modal .inner:hover { + background: var( --dark-mode-background-hover-color ); +} + +.ast-sites-dark-mode #ast-sites-modal .astra-blocks-filter { + background: none; +} + +.ast-sites-dark-mode .astra-blocks-filter option { + background-color: var( --dark-mode-background-color ); +} +.ast-sites-dark-mode .astra-blocks-filter option:hover { + background: var( --dark-mode-background-hover-color ); + color: var( --dark-mode-border-color ); +} + + +/* 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; +} diff --git a/assets/css/elementor-admin-rtl.css b/assets/css/elementor-admin-rtl.css new file mode 100644 index 00000000..dd43e1bc --- /dev/null +++ b/assets/css/elementor-admin-rtl.css @@ -0,0 +1,1362 @@ +.elementor-add-new-section .elementor-add-ast-site-button:not( .ast-elementor-white-label ) { + margin-right: 5px; + background-image: url( "../images/logo.svg" ); + background-repeat: no-repeat; + background-position: center center; + background-size: contain; +} + +.elementor-add-new-section .elementor-add-ast-site-button:not( .ast-elementor-white-label ):hover { + opacity: 0.85; +} + +.elementor-add-ast-site-button:not( .ast-elementor-white-label ) .eicon-folder { + opacity: 0; +} + +.elementor-add-new-section .elementor-add-ast-site-button.ast-elementor-white-label { + margin-right: 5px; + background-color: #6d7882; +} + +.elementor-add-new-section .elementor-add-ast-site-button i.fa { + visibility: hidden; +} + +#ast-sites-modal { + display: none; +} + +#ast-sites-modal .agency-icon { + width: 20px; +} + +#ast-sites-modal.dialog-type-lightbox .dialog-header { + padding: 0; +} + +#ast-sites-modal .ast-sites-modal__header__logo__text-wrapper { + width: auto; + padding: 0; + padding-left: 12px; +} + +#ast-sites-modal .ast-sites-modal__header__logo__icon-wrapper { + background-image: url( "../images/logo.svg" ); + -webkit-border-radius: 2px; + background-repeat: no-repeat; + background-position: center center; + background-size: contain; + width: 30px; + height: 30px; + padding: 4px 7px 6px; + -webkit-border-radius: 2px; + border-radius: 2px; + margin-left: 15px; +} + +#ast-sites-modal .astra-blocks-category-wrap { + text-align: right; + padding: 0 10px 15px 10px; + display: flex; + justify-content: space-between; +} + +#ast-sites-modal .elementor-template-library-filter-toolbar > div { + margin-left: 10px; +} + +#ast-sites-modal .astra-blocks-filter { + border-radius: 3px; +} + +#ast-sites-modal .astra-blocks-filter, +#ast-sites-modal .elementor-template-library-order-input { + background: #fff; + padding-right: 5px; + padding-left: 20px; + height: 28px; + color: #6d7882; +} + +#ast-sites-modal .astra-blocks-category-inner-wrap .select2-container { + width: 120px !important; +} + +#ast-sites-modal .required-plugins-list li.plugin-card-head { + list-style-type: none; + border-bottom: 1px solid #e4e7ea; + padding-bottom: 12px; + margin-bottom: 7px; + margin-right: -16px; +} + +#ast-sites-modal .required-plugins-list li.plugin-card-head.no-plugin { + list-style-type: none; + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; + margin-right: -16px; +} + +#ast-sites-modal .required-plugins-list { + margin: 0; + padding: 0; + margin-right: 16px; + margin-top: 0.5em; + margin-bottom: 0.5em; + list-style-type: disc; +} + +#ast-sites-modal .astra-sites-library-template:not( :hover ) .elementor-template-library-template-preview, +#ast-sites-modal .inner:not( :hover ) .elementor-template-library-template-preview { + opacity: 0; +} +#ast-sites-modal .astra-sites-library-template .elementor-template-library-template-preview, +#ast-sites-modal .inner .elementor-template-library-template-preview { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + background-color: rgba( 0, 0, 0, 0.5 ); + -webkit-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + transition: opacity 0.2s; + cursor: pointer; +} +#ast-sites-modal .astra-sites-library-template .elementor-template-library-template-preview i, +#ast-sites-modal .inner .elementor-template-library-template-preview i { + color: #d5dadf; + position: absolute; + top: 50%; + right: 50%; + -webkit-transform: translateX( 50% ) translateY( -50% ); + -ms-transform: translateX( 50% ) translateY( -50% ); + transform: translateX( 50% ) translateY( -50% ); + font-size: 34px; +} +#ast-sites-modal .astra-sites-library-template:not( .elementor-template-library-template-page ) .elementor-template-library-template-footer { + padding-top: 5px; + padding-right: 5px; + background-color: #fff; + -webkit-transition: -webkit-transform 0.2s; + transition: -webkit-transform 0.2s; + -o-transition: transform 0.2s; + transition: transform 0.2s; + transition: transform 0.2s, -webkit-transform 0.2s; +} +#ast-sites-modal .astra-loading-icon, +.astra-loading-icon:after { + width: 50px; + height: 50px; +} +#ast-sites-modal .astra-sites-library-template .elementor-template-library-template-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 4px; + font-size: 11px; + line-height: 1; +} +#ast-sites-modal .theme-browser .theme .theme-screenshot:after { + padding-top: 200px; +} +#ast-sites-modal .required-plugins-list li { + list-style-type: disc; +} +#ast-sites-modal .ast-tooltip-wrap { + position: absolute; + right: 0px; + top: 61px; + background: #fff; + box-shadow: 0 3px 10px rgba( 25, 30, 35, 0.12 ); + padding: 14px; + border-radius: 2px; + opacity: 0; +} + +#ast-sites-modal .ast-tooltip-wrap::before { + border: 8px solid #fff; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + top: -8px; + right: 28%; + border-bottom-style: solid; + border-right-color: transparent; + border-left-color: transparent; + border-top: none; + margin-right: -10px; +} + +#ast-sites-modal .ast-tooltip-wrap.ast-show-tooltip { + display: block; +} + +#ast-sites-modal .ast-tooltip-wrap { + display: none; +} + +#ast-sites-modal .required-plugins-list { + text-align: right; + font-size: 12px; + font-weight: 300; +} + +#ast-sites-modal .dialog-background-lightbox { + position: fixed; + height: 100%; + width: 100%; + top: 0; + right: 0; + z-index: 1; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +#ast-sites-modal .dialog-widget-content { + background-color: #f1f3f5; + width: 95vw; + height: 760px; + max-width: 1200px; + max-height: 95vh; + overflow-y: auto; + overflow-x: hidden; + top: 50%; + right: 50%; + transform: translate( 50%, -50% ); + z-index: 9999; + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; + width: 100%; +} + +#ast-sites-modal .select2-search__field { + width: 93% !important; +} + +#ast-sites-modal .dialog-header { + padding: 0; + background-color: #fff; + -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + position: relative; + z-index: 1; +} + +#ast-sites-modal .dialog-buttons-wrapper { + background-color: #fff; + border: none; + display: none; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 5px; + -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + position: relative; +} + +#ast-sites-modal .dialog-buttons-wrapper .elementor-button { + height: 40px; + margin-right: 5px; +} + +#ast-sites-modal .dialog-buttons-wrapper .elementor-button-success { + padding: 12px 36px; + color: #fff; + width: initial; + font-size: 15px; +} + +#ast-sites-modal .elementor-template-library-order { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +#ast-sites-modal .ast-sites-template-library-filter-text-wrapper { + width: 200px; + position: relative; +} + +#ast-sites-modal .ast-sites-template-library-filter-text-wrapper input { + border-bottom: 1px solid #d5dadf; + -webkit-border-radius: 0; + border-radius: 0; + font-size: 11px; + padding: 0 0 0 15px; + -webkit-transition: border 0.5s; + -o-transition: border 0.5s; + transition: border 0.5s; + background-color: transparent; +} + +#ast-sites-modal .ast-sites-template-library-filter-text-wrapper i { + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY( -50% ); + -ms-transform: translateY( -50% ); + transform: translateY( -50% ); +} + +#ast-sites-modal .ast-template-library-toolbar { + padding: 10px 45px 0 45px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +#ast-sites-modal .dialog-buttons-wrapper .elementor-button-success:hover { + background-color: #39b54a; +} + +#ast-sites-modal .astra-sites-content-wrap { + height: 706px; + max-height: 85vh; + overflow: auto; + padding-top: 15px; +} + +#ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar, +#ast-sites-modal .single-site-pages::-webkit-scrollbar { + width: 5px; + background-color: #f1f1f1; +} + +#ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar-thumb, +#ast-sites-modal .single-site-pages::-webkit-scrollbar-thumb { + border-radius: 0; + background-color: #aaaaaa; +} + +#ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar-track, +#ast-sites-modal .single-site-pages::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba( 0, 0, 0, 0.3 ); + width: 20px; +} + +#ast-sites-modal .dialog-content { + height: 100%; +} + +#ast-sites-modal .dialog-loading { + display: none; +} + +#ast-sites-modal .astra-sites-search-wrap { + padding: 0 30px 20px; + margin-right: 1em; +} + +#ast-sites-modal .ast-sites-modal__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + height: 50px; +} + +#ast-sites-modal .ast-sites-modal__header__logo { + line-height: 1; + text-transform: uppercase; + font-weight: bold; + cursor: pointer; + border-left: 1px solid #e6e9ec; +} + +#ast-sites-modal .ast-block-insert i { + padding-left: 5px; +} + +#ast-sites-modal .back-to-layout:before { + line-height: 21px; + width: 21px; + height: 21px; +} + +#ast-sites-modal .ast-sites-modal__header__logo-area { + text-align: right; + padding-right: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +#ast-sites-modal .elementor-template-library-header-menu { + width: 100%; + display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + text-align: center; + color: #6d7882; + font-size: 13px; +} + +#ast-sites-modal .ast-sites-modal__options .elementor-template-library-header-menu { + height: 50px; +} + +#ast-sites-modal .astra-sites__sync-wrap { + padding: 17px; + border-right: 1px solid #e6e9ec; + cursor: pointer; +} + +#ast-sites-modal .astra-sites__sync-wrap:hover span { + color: #6d7882; +} + +#ast-sites-modal .back-to-layout:hover { + background-color: transparent; +} + +#ast-sites-modal .back-to-layout i { + font-size: 24px; + width: 24px; + height: 24px; +} + +#ast-sites-modal .theme-browser .theme { + width: 20%; + padding: 15px; + margin: 0; +} + +#ast-sites-modal .dialog-message { + height: calc( 100% - 30px ); + padding: 10px 30px 30px 30px; +} + +#ast-sites-modal .dialog-lightbox-content-block .theme { + width: 33.3%; +} + +#ast-sites-modal .dialog-lightbox-content-block.theme-browser .theme .theme-screenshot:after { + padding-top: 40%; +} + +#ast-sites-modal .ast-sites-modal__header__logo-area > * { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +#ast-sites-modal .ast-sites-modal__header__logo__title { + padding-top: 2px; +} + +#ast-sites-modal .ast-sites-modal__header__logo i { + color: #fff; + font-size: 10px; +} + +#ast-sites-modal .ast-sites-modal__header__items-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} + +#ast-sites-modal .ast-sites-modal__header__item { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: content-box; + box-sizing: content-box; + cursor: pointer; +} + +#ast-sites-modal .ast-sites-modal__header__close--normal .dashicons { + color: #aaa; + font-size: 22px; +} + +#ast-sites-modal .ast-sites-modal__header__item > i { + font-size: 20px; + -webkit-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; +} + +#ast-sites-modal .ast-sites-modal__header__item > i:not( :hover ) { + color: #a4afb7; +} + +#ast-sites-modal .ast-sites-modal__header__close--normal { + width: 50px; + height: 50px; + border-right: 1px solid #e6e9ec; +} + +#ast-sites-modal .ast-sites-modal__header__close--normal:hover i { + color: #6d7882; +} + +#ast-sites-modal .ast-sites-modal__header__close--normal i { + font-size: 18px; +} + +#ast-sites-modal .ast-sites-modal__header__close--skip { + padding: 10px; + padding-right: 20px; + margin-left: 10px; + color: #fff; + background-color: #a4afb7; + font-size: 11px; + font-weight: normal; + line-height: 1; + text-transform: uppercase; + -webkit-border-radius: 2px; + border-radius: 2px; + cursor: pointer; +} + +#ast-sites-modal .ast-sites-modal__header__close--skip > i { + font-size: inherit; + padding-right: 10px; + margin-right: 15px; + border-right: 1px solid; +} + +#ast-sites-modal .ast-sites-modal__header__close--skip > i:not( :hover ) { + color: #fff; +} + +#ast-sites-modal .ast-sites-modal__sidebar { + width: 25%; + background-color: rgba( 255, 255, 255, 0.3 ); +} + +#ast-sites-modal .ast-sites-modal__content { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-shadow: 0 0 13px inset rgba( 0, 0, 0, 0.05 ); + box-shadow: 0 0 13px inset rgba( 0, 0, 0, 0.05 ); +} + +.theme-browser .theme { + cursor: pointer; + float: right; + margin: 0 0 4% 4%; + position: relative; + width: 30.6%; + border: 1px solid #ddd; + box-shadow: 0 1px 1px -1px rgba( 0, 0, 0, 0.1 ); + box-sizing: border-box; +} + +#ast-sites-modal .inner { + position: relative; + padding: 8px 8px 0 8px; + background: #fff; + overflow: initial; + -webkit-box-shadow: 0 1px 20px 0 rgba( 0, 0, 0, 0.07 ); + box-shadow: 0 1px 20px 0 rgba( 0, 0, 0, 0.07 ); + -webkit-border-radius: 3px; + border-radius: 3px; +} + +#ast-sites-modal .astra-sites-no-sites .description { + font-size: 13px; + margin: 0; +} + +#ast-sites-modal .astra-sites-no-sites .description a, +#ast-sites-modal .ast-tooltip-inner-wrap a { + color: #0073aa; +} + +#ast-sites-modal .astra-sites-no-sites .description a:hover, +#ast-sites-modal .astra-sites-no-sites .description a:active, +#ast-sites-modal .astra-sites-no-sites .description a:focus, +#ast-sites-modal .ast-tooltip-inner-wrap a:hover, +#ast-sites-modal .ast-tooltip-inner-wrap a:active, +#ast-sites-modal .ast-tooltip-inner-wrap a:focus { + color: #00a0d2; +} + +#ast-sites-modal .astra-sites-no-sites .content { + justify-content: center; +} + +#ast-sites-modal .astra-sites-no-sites .inner { + background: transparent; + box-shadow: none; +} + +#ast-sites-modal .astra-sites-no-sites .button.astra-sites-back { + display: inline-block; + text-decoration: none; + font-size: 13px; + line-height: 26px; + height: 28px; + margin: 0; + padding: 0 10px 1px; + cursor: pointer; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; + background: #fafafa; + border-color: #999; + color: #23282d; +} + +#ast-sites-modal .astra-sites-no-sites h3 { + margin-bottom: 1.2em; +} + +.theme-browser .theme .theme-screenshot:after { + content: ""; + display: block; + padding-top: 66.66666%; +} + +#ast-sites-modal .theme-name { + height: auto; + align-self: center; + box-shadow: none; + background: none; + padding: 7px; + padding-right: 0; + font-size: 11px; + font-weight: normal; + text-align: right; +} + +#ast-sites-modal .theme-browser { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +#ast-sites-modal .astra-sites-no-sites { + width: 100%; +} + +#ast-sites-modal .elementor-template-library-menu-item { + line-height: 1em; + width: 108px; + padding: 15px 0; + display: inline-block; +} + +#ast-sites-modal .elementor-template-library-menu-item:hover { + color: #6d7882; +} + +#ast-sites-modal .elementor-template-library-menu-item span { + margin-left: 10px; + font-size: 16px; +} + +#ast-sites-modal .astra-sites-sync-library-button span { + font-size: 16px; + color: #a4afb7; +} + +#ast-sites-modal .elementor-template-library-menu-item.elementor-active { + border-bottom: 3px solid #0073aa; + background-image: linear-gradient( to bottom, #f1f3f5, #fff ); + color: #6d7882; +} + +#ast-sites-modal .theme-preview, +#ast-sites-modal .theme-preview-block { + display: none; + margin: 0 1.3%; + margin-top: 10px; +} + +#ast-sites-modal .ast-validate { + font-size: 13px; + line-height: 1.5; +} + +#ast-sites-modal .ast-library-template-insert.action-done:before { + content: "\f147"; + display: inline-block; + margin-left: 10px; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; +} + +#ast-sites-modal .ast-import-elementor-template.action-done:after { + content: "\f504"; + display: inline-block; + margin-right: 10px; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; +} + +#ast-sites-modal .ast-library-template-insert.installing:before, +#ast-sites-modal .ast-import-elementor-template.installing:before { + content: "\f463"; + display: inline-block; + margin-left: 10px; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; + -webkit-animation: cssAnimation 0.72s ease infinite; + -moz-animation: cssAnimation 0.72s ease infinite; + -o-animation: cssAnimation 0.72s ease infinite; + -ms-animation: cssAnimation 0.72s ease infinite; + animation: cssAnimation 0.72s ease infinite; +} + +@-webkit-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( -360deg ); + -moz-transform: rotate( -360deg ); + -o-transform: rotate( -360deg ); + -ms-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} +@-moz-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( -360deg ); + -moz-transform: rotate( -360deg ); + -o-transform: rotate( -360deg ); + -ms-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} +@-o-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( -360deg ); + -moz-transform: rotate( -360deg ); + -o-transform: rotate( -360deg ); + -ms-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} + +#ast-sites-modal .astra-sites-library-template { + position: relative; + width: 33.333%; + overflow: hidden; + padding: 15px; + margin: 0; + cursor: pointer; +} + +#ast-sites-modal .elementor-template-library-template-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; +} + +#ast-sites-modal .elementor-template-library-template-body img { + width: 100%; +} + +#ast-sites-modal .astra-sites-library-template-inner { + margin: 0; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 20px 0 rgba( 0, 0, 0, 0.07 ); + box-shadow: 0 1px 20px 0 rgba( 0, 0, 0, 0.07 ); + padding: 8px 8px 0 8px; + background: #fff; + position: relative; +} + +#ast-sites-modal .elementor-template-library-template-remote:not( .elementor-template-library-template-page ) { + display: inline-table; +} + +#ast-sites-modal .theme-preview img, +#ast-sites-modal .theme-preview-block img { + width: 100%; +} + +#ast-sites-modal .dialog-lightbox-back { + background: #fff; + padding: 10px 10px; + text-align: right; + margin-bottom: 20px; +} + +#ast-sites-modal .dialog-lightbox-back span { + cursor: pointer; + font-weight: bold; +} + +#ast-sites-modal .ast-sites-modal__header__menu-area { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-left: 140px; + margin-right: 50px; + flex: 1; +} + +#ast-sites-modal .back-to-layout { + height: 50px; + padding: 14px; +} + +#ast-sites-modal .search-form { + width: 100%; + font-weight: normal; + border: none; + margin: 0; + border-radius: 6px; + position: relative; +} +#ast-sites-modal .ast-icon-search { + position: absolute; + left: 0; + top: 0; + color: #c3c3c3; + padding: 15px 12px 12px 19px; +} +#ast-sites-modal ::-webkit-input-placeholder { + color: #72777c; +} +#ast-sites-modal .astra-sites-sync-library-button.updating-message { + color: #0073aa; +} + +#ast-sites-modal #wp-filter-search-input { + width: 100%; + opacity: 1; + background: transparent; + border-bottom: 1px solid #ddd; + border-radius: 0; + font-size: 11px; + border: none; + border-bottom: 1px solid #ddd; + box-shadow: none; + height: auto; +} + +#ast-sites-modal #wp-filter-search-input.searching { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom-color: transparent; + border-color: rgba( 223, 225, 229, 0 ); + box-shadow: 0 1px 6px 0 rgba( 32, 33, 36, 0.28 ); +} + +#ast-sites-modal .single-site-pages-wrap { + text-align: right; +} + +#ast-sites-modal .astra-site-title { + margin-bottom: 20px; + text-align: right; +} + +#ast-sites-modal .astra-site-contents, +#ast-sites-modal .astra-sites-import-template, +#ast-sites-modal .astra-sites-create-page-wrap { + margin-bottom: 40px; +} + +#ast-sites-modal .astra-sites-import-template-notice, +#ast-sites-modal .astra-sites-create-page-wrap-notice { + font-size: 15px; + color: #767676; + padding: 5px 0 10px; +} + +#ast-sites-modal .ast-sites-floating-notice { + font-size: 13px; + line-height: 1.5em; + position: relative; +} + +#ast-sites-modal .agency-ribbons { + top: -5px; + font-size: 9px; + left: -5px; + line-height: 14px; +} + +.ast-sites-floating-notice-wrap { + background: #fff; + border: 1px solid #ccd0d4; + border-right-width: 4px; + box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.04 ); + margin: 5px 15px 2px; + padding: 1px 12px; +} + +#ast-sites-modal .notice-dismiss:before { + background: none; + color: #72777c; + content: "\f153"; + display: block; + font: normal 16px/20px dashicons; + font-size: 14px; + speak: none; + height: 20px; + text-align: center; + width: 20px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +#ast-sites-modal .notice-dismiss:hover:before, +#ast-sites-modal .notice-dismiss:active:before, +#ast-sites-modal .notice-dismiss:focus:before { + color: #c00; +} + +#ast-sites-modal .ast-sites-floating-notice-wrap.refreshed-notice { + border-right: 5px solid #46b450; +} + +#ast-sites-modal button.notice-dismiss { + position: absolute; + top: 0; + left: 1px; + border: none; + margin: 0; + background: none; + color: #72777c; + cursor: pointer; + padding: 0; +} + +#ast-sites-modal .button-hero { + background: #0085ba; + border-color: #0073aa #006799 #006799; + box-shadow: 0 1px 0 #006799; + color: #fff; + text-decoration: none; + text-shadow: 0 -1px 1px #006799, -1px 0 1px #006799, 0 1px 1px #006799, 1px 0 1px #006799; + cursor: pointer; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; +} + +#ast-sites-modal .button-hero.site-preview-button { + color: #555; + border-color: #cccccc; + background: #f7f7f7; + box-shadow: 0 1px 0 #cccccc; + vertical-align: top; + text-shadow: none; +} + +#ast-sites-modal form { + display: flex; +} + +#ast-sites-modal form .ast-importer-create-button { + margin-right: 10px; +} + +#ast-sites-modal form input { + width: 50%; + padding: 10px 20px; +} + +#ast-sites-modal .astra-sites-import-template-action .button { + display: inline-block; + cursor: pointer; +} + +#ast-sites-modal .theme-id-container { + justify-content: space-between; + display: flex; + line-height: 1.5em; +} + +#ast-sites-modal .elementor-templates-modal__header__items-area { + height: 50px; +} + +#ast-sites-modal .ast-library-template-insert { + margin-left: 15px; +} + +#ast-sites-modal .elementor-template-library-template-insert { + color: #39b54a; + padding: 7px; + font-size: 12px; + line-height: 1.5em; + font-weight: 400; + display: none; +} + +/* Uncomment this when Insert Link logic needs to be enabled. */ +/* #ast-sites-modal .astra-theme:hover .elementor-template-library-template-insert { + display: block; +} */ + +#ast-sites-modal .astra-sites-content-wrap.processing > div, +#ast-sites-modal .astra-sites-content-wrap > div.astra-loading-wrap { + opacity: 0; +} +/* Uncomment this when Insert Link logic needs to be enabled. */ +/* #ast-sites-modal .astra-sites-content-wrap.processing > div.astra-loading-wrap { + opacity: 1; +} */ + +#ast-sites-modal .elementor-template-library-template-go-pro { + color: #d30c5c; + padding: 7px; + display: none; +} + +#ast-sites-modal .astra-theme:hover .elementor-template-library-template-go-pro { + display: block; +} + +#ast-sites-modal .dialog-lightbox-content-block .elementor-template-library-template-insert { + padding: 0; +} + +#ast-sites-modal .astra-sites-import-template-action .button-hero.disabled { + color: #66c6e4 !important; + background: #008ec2 !important; + border-color: #007cb2 !important; + box-shadow: none !important; + text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important; + cursor: default; +} + +#ast-sites-modal .single-site-footer { + margin-right: 0; + padding-left: 15px; + padding-right: 30px; +} + +#ast-sites-modal .single-site-preview { + margin-left: 0; + max-height: calc( 100vh - 160px ); + height: auto; +} + +#ast-sites-modal .ast-sites-floating-notice-wrap { + margin: 15px 45px -5px 45px; + background: #ffffff; + padding: 8px 15px; + border-right: 4px solid #00a0d2; + box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.04 ); + border-radius: 2px; + vertical-align: middle; + z-index: 99999; + text-align: right; + display: none; +} + +#ast-sites-modal .ast-sites-floating-notice-wrap.slide-out { + display: none; +} + +#ast-sites-modal .ast-sites-floating-notice-wrap.slide-in { + display: block; +} + +@keyframes slide-in { + 100% { + transform: translateX( 0% ); + } +} + +@-webkit-keyframes slide-in { + 100% { + -webkit-transform: translateX( 0% ); + } +} + +@keyframes slide-out { + 0% { + transform: translateX( 0% ); + } + 100% { + transform: translateX( -120% ); + } +} + +@-webkit-keyframes slide-out { + 0% { + -webkit-transform: translateX( 0% ); + } + 100% { + -webkit-transform: translateX( -120% ); + } +} + +#ast-sites-modal .single-site-preview-wrap { + width: 100%; +} + +#ast-sites-modal .astra-sites-tooltip { + margin-right: 15px; + margin-left: 15px; + padding-right: 15px; + padding-left: 15px; + height: 50px; + border-right: 1px solid #e6e9ec; + border-left: 1px solid #e6e9ec; + opacity: 0; +} + +#ast-sites-modal .astra-sites-tooltip-icon { + line-height: 50px; +} + +#ast-sites-modal .astra-sites-tooltip .dashicons-editor-help { + font-size: 20px; + color: #555d66; +} + +#ast-sites-modal .astra-preview-actions-inner-wrap { + position: relative; +} + +#ast-sites-modal .astra-preview-actions-wrap { + margin-left: 15px; +} + +#ast-sites-modal .site-action-buttons-wrap .dashicons { + margin-right: 0; +} + +#ast-sites-modal .position-left-last { + margin-left: auto; +} + +#elementor-template-block-color-filter select, +#elementor-template-block-color-filter option { + text-transform: capitalize; +} + +@media ( max-width: 768px ) { + #ast-sites-modal .theme-browser .theme { + width: 33.33%; + box-shadow: none; + } + #ast-sites-modal .position-left-last { + width: 120px; + } + #ast-sites-modal .ast-sites-modal__header__menu-area { + margin: 0 10px; + } +} + +.ast-sites-container-notice-wrap { + background: #fff; + border: 1px solid #c3c4c7; + border-right-width: 4px; + box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.04 ); + margin: 15px 45px 10px; + padding: 7px 12px; + border-right-color: #007cba; + position: relative; + color: #6d7882; +} + +.ast-sites-container-notice-content { + display: flex; + align-items: center; + flex-direction: row; + gap: 20px; +} + +.ast-sites-container-notice-actions { + display: flex; +} + +.ast-sites-container-notice-button { + border: 1px solid #0085ba; + padding: 8px 15px; + border-radius: 3px; + cursor: pointer; + background: #0085ba; + border-color: #0073aa #006799 #006799; + box-shadow: 0 1px 0 #006799; + color: #fff; + text-decoration: none; + text-shadow: 0 -1px 1px #006799, -1px 0 1px #006799, 0 1px 1px #006799, 1px 0 1px #006799; +} + +.ast-sites-container-notice-button:hover { + 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; +} diff --git a/assets/css/elementor-admin.css b/assets/css/elementor-admin.css new file mode 100644 index 00000000..68b0cd9d --- /dev/null +++ b/assets/css/elementor-admin.css @@ -0,0 +1,1362 @@ +.elementor-add-new-section .elementor-add-ast-site-button:not( .ast-elementor-white-label ) { + margin-left: 5px; + background-image: url( "../images/logo.svg" ); + background-repeat: no-repeat; + background-position: center center; + background-size: contain; +} + +.elementor-add-new-section .elementor-add-ast-site-button:not( .ast-elementor-white-label ):hover { + opacity: 0.85; +} + +.elementor-add-ast-site-button:not( .ast-elementor-white-label ) .eicon-folder { + opacity: 0; +} + +.elementor-add-new-section .elementor-add-ast-site-button.ast-elementor-white-label { + margin-left: 5px; + background-color: #6d7882; +} + +.elementor-add-new-section .elementor-add-ast-site-button i.fa { + visibility: hidden; +} + +#ast-sites-modal { + display: none; +} + +#ast-sites-modal .agency-icon { + width: 20px; +} + +#ast-sites-modal.dialog-type-lightbox .dialog-header { + padding: 0; +} + +#ast-sites-modal .ast-sites-modal__header__logo__text-wrapper { + width: auto; + padding: 0; + padding-right: 12px; +} + +#ast-sites-modal .ast-sites-modal__header__logo__icon-wrapper { + background-image: url( "../images/logo.svg" ); + -webkit-border-radius: 2px; + background-repeat: no-repeat; + background-position: center center; + background-size: contain; + width: 30px; + height: 30px; + padding: 4px 7px 6px; + -webkit-border-radius: 2px; + border-radius: 2px; + margin-right: 15px; +} + +#ast-sites-modal .astra-blocks-category-wrap { + text-align: left; + padding: 0 10px 15px 10px; + display: flex; + justify-content: space-between; +} + +#ast-sites-modal .elementor-template-library-filter-toolbar > div { + margin-right: 10px; +} + +#ast-sites-modal .astra-blocks-filter { + border-radius: 3px; +} + +#ast-sites-modal .astra-blocks-filter, +#ast-sites-modal .elementor-template-library-order-input { + background: #fff; + padding-left: 5px; + padding-right: 20px; + height: 28px; + color: #6d7882; +} + +#ast-sites-modal .astra-blocks-category-inner-wrap .select2-container { + width: 120px !important; +} + +#ast-sites-modal .required-plugins-list li.plugin-card-head { + list-style-type: none; + border-bottom: 1px solid #e4e7ea; + padding-bottom: 12px; + margin-bottom: 7px; + margin-left: -16px; +} + +#ast-sites-modal .required-plugins-list li.plugin-card-head.no-plugin { + list-style-type: none; + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; + margin-left: -16px; +} + +#ast-sites-modal .required-plugins-list { + margin: 0; + padding: 0; + margin-left: 16px; + margin-top: 0.5em; + margin-bottom: 0.5em; + list-style-type: disc; +} + +#ast-sites-modal .astra-sites-library-template:not( :hover ) .elementor-template-library-template-preview, +#ast-sites-modal .inner:not( :hover ) .elementor-template-library-template-preview { + opacity: 0; +} +#ast-sites-modal .astra-sites-library-template .elementor-template-library-template-preview, +#ast-sites-modal .inner .elementor-template-library-template-preview { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba( 0, 0, 0, 0.5 ); + -webkit-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + transition: opacity 0.2s; + cursor: pointer; +} +#ast-sites-modal .astra-sites-library-template .elementor-template-library-template-preview i, +#ast-sites-modal .inner .elementor-template-library-template-preview i { + color: #d5dadf; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateX( -50% ) translateY( -50% ); + -ms-transform: translateX( -50% ) translateY( -50% ); + transform: translateX( -50% ) translateY( -50% ); + font-size: 34px; +} +#ast-sites-modal .astra-sites-library-template:not( .elementor-template-library-template-page ) .elementor-template-library-template-footer { + padding-top: 5px; + padding-left: 5px; + background-color: #fff; + -webkit-transition: -webkit-transform 0.2s; + transition: -webkit-transform 0.2s; + -o-transition: transform 0.2s; + transition: transform 0.2s; + transition: transform 0.2s, -webkit-transform 0.2s; +} +#ast-sites-modal .astra-loading-icon, +.astra-loading-icon:after { + width: 50px; + height: 50px; +} +#ast-sites-modal .astra-sites-library-template .elementor-template-library-template-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 4px; + font-size: 11px; + line-height: 1; +} +#ast-sites-modal .theme-browser .theme .theme-screenshot:after { + padding-top: 200px; +} +#ast-sites-modal .required-plugins-list li { + list-style-type: disc; +} +#ast-sites-modal .ast-tooltip-wrap { + position: absolute; + left: 0px; + top: 61px; + background: #fff; + box-shadow: 0 3px 10px rgba( 25, 30, 35, 0.12 ); + padding: 14px; + border-radius: 2px; + opacity: 0; +} + +#ast-sites-modal .ast-tooltip-wrap::before { + border: 8px solid #fff; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + top: -8px; + left: 28%; + border-bottom-style: solid; + border-left-color: transparent; + border-right-color: transparent; + border-top: none; + margin-left: -10px; +} + +#ast-sites-modal .ast-tooltip-wrap.ast-show-tooltip { + display: block; +} + +#ast-sites-modal .ast-tooltip-wrap { + display: none; +} + +#ast-sites-modal .required-plugins-list { + text-align: left; + font-size: 12px; + font-weight: 300; +} + +#ast-sites-modal .dialog-background-lightbox { + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + z-index: 1; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +#ast-sites-modal .dialog-widget-content { + background-color: #f1f3f5; + width: 95vw; + height: 760px; + max-width: 1200px; + max-height: 95vh; + overflow-y: auto; + overflow-x: hidden; + top: 50%; + left: 50%; + transform: translate( -50%, -50% ); + z-index: 9999; + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; + width: 100%; +} + +#ast-sites-modal .select2-search__field { + width: 93% !important; +} + +#ast-sites-modal .dialog-header { + padding: 0; + background-color: #fff; + -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + position: relative; + z-index: 1; +} + +#ast-sites-modal .dialog-buttons-wrapper { + background-color: #fff; + border: none; + display: none; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 5px; + -webkit-box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + position: relative; +} + +#ast-sites-modal .dialog-buttons-wrapper .elementor-button { + height: 40px; + margin-left: 5px; +} + +#ast-sites-modal .dialog-buttons-wrapper .elementor-button-success { + padding: 12px 36px; + color: #fff; + width: initial; + font-size: 15px; +} + +#ast-sites-modal .elementor-template-library-order { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +#ast-sites-modal .ast-sites-template-library-filter-text-wrapper { + width: 200px; + position: relative; +} + +#ast-sites-modal .ast-sites-template-library-filter-text-wrapper input { + border-bottom: 1px solid #d5dadf; + -webkit-border-radius: 0; + border-radius: 0; + font-size: 11px; + padding: 0 15px 0 0; + -webkit-transition: border 0.5s; + -o-transition: border 0.5s; + transition: border 0.5s; + background-color: transparent; +} + +#ast-sites-modal .ast-sites-template-library-filter-text-wrapper i { + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translateY( -50% ); + -ms-transform: translateY( -50% ); + transform: translateY( -50% ); +} + +#ast-sites-modal .ast-template-library-toolbar { + padding: 10px 45px 0 45px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +#ast-sites-modal .dialog-buttons-wrapper .elementor-button-success:hover { + background-color: #39b54a; +} + +#ast-sites-modal .astra-sites-content-wrap { + height: 706px; + max-height: 85vh; + overflow: auto; + padding-top: 15px; +} + +#ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar, +#ast-sites-modal .single-site-pages::-webkit-scrollbar { + width: 5px; + background-color: #f1f1f1; +} + +#ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar-thumb, +#ast-sites-modal .single-site-pages::-webkit-scrollbar-thumb { + border-radius: 0; + background-color: #aaaaaa; +} + +#ast-sites-modal .astra-sites-content-wrap::-webkit-scrollbar-track, +#ast-sites-modal .single-site-pages::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba( 0, 0, 0, 0.3 ); + width: 20px; +} + +#ast-sites-modal .dialog-content { + height: 100%; +} + +#ast-sites-modal .dialog-loading { + display: none; +} + +#ast-sites-modal .astra-sites-search-wrap { + padding: 0 30px 20px; + margin-left: 1em; +} + +#ast-sites-modal .ast-sites-modal__header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + height: 50px; +} + +#ast-sites-modal .ast-sites-modal__header__logo { + line-height: 1; + text-transform: uppercase; + font-weight: bold; + cursor: pointer; + border-right: 1px solid #e6e9ec; +} + +#ast-sites-modal .ast-block-insert i { + padding-right: 5px; +} + +#ast-sites-modal .back-to-layout:before { + line-height: 21px; + width: 21px; + height: 21px; +} + +#ast-sites-modal .ast-sites-modal__header__logo-area { + text-align: left; + padding-left: 12px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +#ast-sites-modal .elementor-template-library-header-menu { + width: 100%; + display: flex; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + text-align: center; + color: #6d7882; + font-size: 13px; +} + +#ast-sites-modal .ast-sites-modal__options .elementor-template-library-header-menu { + height: 50px; +} + +#ast-sites-modal .astra-sites__sync-wrap { + padding: 17px; + border-left: 1px solid #e6e9ec; + cursor: pointer; +} + +#ast-sites-modal .astra-sites__sync-wrap:hover span { + color: #6d7882; +} + +#ast-sites-modal .back-to-layout:hover { + background-color: transparent; +} + +#ast-sites-modal .back-to-layout i { + font-size: 24px; + width: 24px; + height: 24px; +} + +#ast-sites-modal .theme-browser .theme { + width: 20%; + padding: 15px; + margin: 0; +} + +#ast-sites-modal .dialog-message { + height: calc( 100% - 30px ); + padding: 10px 30px 30px 30px; +} + +#ast-sites-modal .dialog-lightbox-content-block .theme { + width: 33.3%; +} + +#ast-sites-modal .dialog-lightbox-content-block.theme-browser .theme .theme-screenshot:after { + padding-top: 40%; +} + +#ast-sites-modal .ast-sites-modal__header__logo-area > * { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +#ast-sites-modal .ast-sites-modal__header__logo__title { + padding-top: 2px; +} + +#ast-sites-modal .ast-sites-modal__header__logo i { + color: #fff; + font-size: 10px; +} + +#ast-sites-modal .ast-sites-modal__header__items-area { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} + +#ast-sites-modal .ast-sites-modal__header__item { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-sizing: content-box; + box-sizing: content-box; + cursor: pointer; +} + +#ast-sites-modal .ast-sites-modal__header__close--normal .dashicons { + color: #aaa; + font-size: 22px; +} + +#ast-sites-modal .ast-sites-modal__header__item > i { + font-size: 20px; + -webkit-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; +} + +#ast-sites-modal .ast-sites-modal__header__item > i:not( :hover ) { + color: #a4afb7; +} + +#ast-sites-modal .ast-sites-modal__header__close--normal { + width: 50px; + height: 50px; + border-left: 1px solid #e6e9ec; +} + +#ast-sites-modal .ast-sites-modal__header__close--normal:hover i { + color: #6d7882; +} + +#ast-sites-modal .ast-sites-modal__header__close--normal i { + font-size: 18px; +} + +#ast-sites-modal .ast-sites-modal__header__close--skip { + padding: 10px; + padding-left: 20px; + margin-right: 10px; + color: #fff; + background-color: #a4afb7; + font-size: 11px; + font-weight: normal; + line-height: 1; + text-transform: uppercase; + -webkit-border-radius: 2px; + border-radius: 2px; + cursor: pointer; +} + +#ast-sites-modal .ast-sites-modal__header__close--skip > i { + font-size: inherit; + padding-left: 10px; + margin-left: 15px; + border-left: 1px solid; +} + +#ast-sites-modal .ast-sites-modal__header__close--skip > i:not( :hover ) { + color: #fff; +} + +#ast-sites-modal .ast-sites-modal__sidebar { + width: 25%; + background-color: rgba( 255, 255, 255, 0.3 ); +} + +#ast-sites-modal .ast-sites-modal__content { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-shadow: 0 0 13px inset rgba( 0, 0, 0, 0.05 ); + box-shadow: 0 0 13px inset rgba( 0, 0, 0, 0.05 ); +} + +.theme-browser .theme { + cursor: pointer; + float: left; + margin: 0 4% 4% 0; + position: relative; + width: 30.6%; + border: 1px solid #ddd; + box-shadow: 0 1px 1px -1px rgba( 0, 0, 0, 0.1 ); + box-sizing: border-box; +} + +#ast-sites-modal .inner { + position: relative; + padding: 8px 8px 0 8px; + background: #fff; + overflow: initial; + -webkit-box-shadow: 0 1px 20px 0 rgba( 0, 0, 0, 0.07 ); + box-shadow: 0 1px 20px 0 rgba( 0, 0, 0, 0.07 ); + -webkit-border-radius: 3px; + border-radius: 3px; +} + +#ast-sites-modal .astra-sites-no-sites .description { + font-size: 13px; + margin: 0; +} + +#ast-sites-modal .astra-sites-no-sites .description a, +#ast-sites-modal .ast-tooltip-inner-wrap a { + color: #0073aa; +} + +#ast-sites-modal .astra-sites-no-sites .description a:hover, +#ast-sites-modal .astra-sites-no-sites .description a:active, +#ast-sites-modal .astra-sites-no-sites .description a:focus, +#ast-sites-modal .ast-tooltip-inner-wrap a:hover, +#ast-sites-modal .ast-tooltip-inner-wrap a:active, +#ast-sites-modal .ast-tooltip-inner-wrap a:focus { + color: #00a0d2; +} + +#ast-sites-modal .astra-sites-no-sites .content { + justify-content: center; +} + +#ast-sites-modal .astra-sites-no-sites .inner { + background: transparent; + box-shadow: none; +} + +#ast-sites-modal .astra-sites-no-sites .button.astra-sites-back { + display: inline-block; + text-decoration: none; + font-size: 13px; + line-height: 26px; + height: 28px; + margin: 0; + padding: 0 10px 1px; + cursor: pointer; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; + background: #fafafa; + border-color: #999; + color: #23282d; +} + +#ast-sites-modal .astra-sites-no-sites h3 { + margin-bottom: 1.2em; +} + +.theme-browser .theme .theme-screenshot:after { + content: ""; + display: block; + padding-top: 66.66666%; +} + +#ast-sites-modal .theme-name { + height: auto; + align-self: center; + box-shadow: none; + background: none; + padding: 7px; + padding-left: 0; + font-size: 11px; + font-weight: normal; + text-align: left; +} + +#ast-sites-modal .theme-browser { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +#ast-sites-modal .astra-sites-no-sites { + width: 100%; +} + +#ast-sites-modal .elementor-template-library-menu-item { + line-height: 1em; + width: 108px; + padding: 15px 0; + display: inline-block; +} + +#ast-sites-modal .elementor-template-library-menu-item:hover { + color: #6d7882; +} + +#ast-sites-modal .elementor-template-library-menu-item span { + margin-right: 10px; + font-size: 16px; +} + +#ast-sites-modal .astra-sites-sync-library-button span { + font-size: 16px; + color: #a4afb7; +} + +#ast-sites-modal .elementor-template-library-menu-item.elementor-active { + border-bottom: 3px solid #0073aa; + background-image: linear-gradient( to bottom, #f1f3f5, #fff ); + color: #6d7882; +} + +#ast-sites-modal .theme-preview, +#ast-sites-modal .theme-preview-block { + display: none; + margin: 0 1.3%; + margin-top: 10px; +} + +#ast-sites-modal .ast-validate { + font-size: 13px; + line-height: 1.5; +} + +#ast-sites-modal .ast-library-template-insert.action-done:before { + content: "\f147"; + display: inline-block; + margin-right: 10px; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; +} + +#ast-sites-modal .ast-import-elementor-template.action-done:after { + content: "\f504"; + display: inline-block; + margin-left: 10px; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; +} + +#ast-sites-modal .ast-library-template-insert.installing:before, +#ast-sites-modal .ast-import-elementor-template.installing:before { + content: "\f463"; + display: inline-block; + margin-right: 10px; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; + -webkit-animation: cssAnimation 0.72s ease infinite; + -moz-animation: cssAnimation 0.72s ease infinite; + -o-animation: cssAnimation 0.72s ease infinite; + -ms-animation: cssAnimation 0.72s ease infinite; + animation: cssAnimation 0.72s ease infinite; +} + +@-webkit-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( 360deg ); + -moz-transform: rotate( 360deg ); + -o-transform: rotate( 360deg ); + -ms-transform: rotate( 360deg ); + transform: rotate( 360deg ); + } +} +@-moz-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( 360deg ); + -moz-transform: rotate( 360deg ); + -o-transform: rotate( 360deg ); + -ms-transform: rotate( 360deg ); + transform: rotate( 360deg ); + } +} +@-o-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( 360deg ); + -moz-transform: rotate( 360deg ); + -o-transform: rotate( 360deg ); + -ms-transform: rotate( 360deg ); + transform: rotate( 360deg ); + } +} + +#ast-sites-modal .astra-sites-library-template { + position: relative; + width: 33.333%; + overflow: hidden; + padding: 15px; + margin: 0; + cursor: pointer; +} + +#ast-sites-modal .elementor-template-library-template-body { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; +} + +#ast-sites-modal .elementor-template-library-template-body img { + width: 100%; +} + +#ast-sites-modal .astra-sites-library-template-inner { + margin: 0; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 20px 0 rgba( 0, 0, 0, 0.07 ); + box-shadow: 0 1px 20px 0 rgba( 0, 0, 0, 0.07 ); + padding: 8px 8px 0 8px; + background: #fff; + position: relative; +} + +#ast-sites-modal .elementor-template-library-template-remote:not( .elementor-template-library-template-page ) { + display: inline-table; +} + +#ast-sites-modal .theme-preview img, +#ast-sites-modal .theme-preview-block img { + width: 100%; +} + +#ast-sites-modal .dialog-lightbox-back { + background: #fff; + padding: 10px 10px; + text-align: left; + margin-bottom: 20px; +} + +#ast-sites-modal .dialog-lightbox-back span { + cursor: pointer; + font-weight: bold; +} + +#ast-sites-modal .ast-sites-modal__header__menu-area { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin-right: 140px; + margin-left: 50px; + flex: 1; +} + +#ast-sites-modal .back-to-layout { + height: 50px; + padding: 14px; +} + +#ast-sites-modal .search-form { + width: 100%; + font-weight: normal; + border: none; + margin: 0; + border-radius: 6px; + position: relative; +} +#ast-sites-modal .ast-icon-search { + position: absolute; + right: 0; + top: 0; + color: #c3c3c3; + padding: 15px 19px 12px 12px; +} +#ast-sites-modal ::-webkit-input-placeholder { + color: #72777c; +} +#ast-sites-modal .astra-sites-sync-library-button.updating-message { + color: #0073aa; +} + +#ast-sites-modal #wp-filter-search-input { + width: 100%; + opacity: 1; + background: transparent; + border-bottom: 1px solid #ddd; + border-radius: 0; + font-size: 11px; + border: none; + border-bottom: 1px solid #ddd; + box-shadow: none; + height: auto; +} + +#ast-sites-modal #wp-filter-search-input.searching { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom-color: transparent; + border-color: rgba( 223, 225, 229, 0 ); + box-shadow: 0 1px 6px 0 rgba( 32, 33, 36, 0.28 ); +} + +#ast-sites-modal .single-site-pages-wrap { + text-align: left; +} + +#ast-sites-modal .astra-site-title { + margin-bottom: 20px; + text-align: left; +} + +#ast-sites-modal .astra-site-contents, +#ast-sites-modal .astra-sites-import-template, +#ast-sites-modal .astra-sites-create-page-wrap { + margin-bottom: 40px; +} + +#ast-sites-modal .astra-sites-import-template-notice, +#ast-sites-modal .astra-sites-create-page-wrap-notice { + font-size: 15px; + color: #767676; + padding: 5px 0 10px; +} + +#ast-sites-modal .ast-sites-floating-notice { + font-size: 13px; + line-height: 1.5em; + position: relative; +} + +#ast-sites-modal .agency-ribbons { + top: -5px; + font-size: 9px; + right: -5px; + line-height: 14px; +} + +.ast-sites-floating-notice-wrap { + background: #fff; + border: 1px solid #ccd0d4; + border-left-width: 4px; + box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.04 ); + margin: 5px 15px 2px; + padding: 1px 12px; +} + +#ast-sites-modal .notice-dismiss:before { + background: none; + color: #72777c; + content: "\f153"; + display: block; + font: normal 16px/20px dashicons; + font-size: 14px; + speak: none; + height: 20px; + text-align: center; + width: 20px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +#ast-sites-modal .notice-dismiss:hover:before, +#ast-sites-modal .notice-dismiss:active:before, +#ast-sites-modal .notice-dismiss:focus:before { + color: #c00; +} + +#ast-sites-modal .ast-sites-floating-notice-wrap.refreshed-notice { + border-left: 5px solid #46b450; +} + +#ast-sites-modal button.notice-dismiss { + position: absolute; + top: 0; + right: 1px; + border: none; + margin: 0; + background: none; + color: #72777c; + cursor: pointer; + padding: 0; +} + +#ast-sites-modal .button-hero { + background: #0085ba; + border-color: #0073aa #006799 #006799; + box-shadow: 0 1px 0 #006799; + color: #fff; + text-decoration: none; + text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; + cursor: pointer; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; +} + +#ast-sites-modal .button-hero.site-preview-button { + color: #555; + border-color: #cccccc; + background: #f7f7f7; + box-shadow: 0 1px 0 #cccccc; + vertical-align: top; + text-shadow: none; +} + +#ast-sites-modal form { + display: flex; +} + +#ast-sites-modal form .ast-importer-create-button { + margin-left: 10px; +} + +#ast-sites-modal form input { + width: 50%; + padding: 10px 20px; +} + +#ast-sites-modal .astra-sites-import-template-action .button { + display: inline-block; + cursor: pointer; +} + +#ast-sites-modal .theme-id-container { + justify-content: space-between; + display: flex; + line-height: 1.5em; +} + +#ast-sites-modal .elementor-templates-modal__header__items-area { + height: 50px; +} + +#ast-sites-modal .ast-library-template-insert { + margin-right: 15px; +} + +#ast-sites-modal .elementor-template-library-template-insert { + color: #39b54a; + padding: 7px; + font-size: 12px; + line-height: 1.5em; + font-weight: 400; + display: none; +} + +/* Uncomment this when Insert Link logic needs to be enabled. */ +/* #ast-sites-modal .astra-theme:hover .elementor-template-library-template-insert { + display: block; +} */ + +#ast-sites-modal .astra-sites-content-wrap.processing > div, +#ast-sites-modal .astra-sites-content-wrap > div.astra-loading-wrap { + opacity: 0; +} +/* Uncomment this when Insert Link logic needs to be enabled. */ +/* #ast-sites-modal .astra-sites-content-wrap.processing > div.astra-loading-wrap { + opacity: 1; +} */ + +#ast-sites-modal .elementor-template-library-template-go-pro { + color: #d30c5c; + padding: 7px; + display: none; +} + +#ast-sites-modal .astra-theme:hover .elementor-template-library-template-go-pro { + display: block; +} + +#ast-sites-modal .dialog-lightbox-content-block .elementor-template-library-template-insert { + padding: 0; +} + +#ast-sites-modal .astra-sites-import-template-action .button-hero.disabled { + color: #66c6e4 !important; + background: #008ec2 !important; + border-color: #007cb2 !important; + box-shadow: none !important; + text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important; + cursor: default; +} + +#ast-sites-modal .single-site-footer { + margin-left: 0; + padding-right: 15px; + padding-left: 30px; +} + +#ast-sites-modal .single-site-preview { + margin-right: 0; + max-height: calc( 100vh - 160px ); + height: auto; +} + +#ast-sites-modal .ast-sites-floating-notice-wrap { + margin: 15px 45px -5px 45px; + background: #ffffff; + padding: 8px 15px; + border-left: 4px solid #00a0d2; + box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.04 ); + border-radius: 2px; + vertical-align: middle; + z-index: 99999; + text-align: left; + display: none; +} + +#ast-sites-modal .ast-sites-floating-notice-wrap.slide-out { + display: none; +} + +#ast-sites-modal .ast-sites-floating-notice-wrap.slide-in { + display: block; +} + +@keyframes slide-in { + 100% { + transform: translateX( 0% ); + } +} + +@-webkit-keyframes slide-in { + 100% { + -webkit-transform: translateX( 0% ); + } +} + +@keyframes slide-out { + 0% { + transform: translateX( 0% ); + } + 100% { + transform: translateX( 120% ); + } +} + +@-webkit-keyframes slide-out { + 0% { + -webkit-transform: translateX( 0% ); + } + 100% { + -webkit-transform: translateX( 120% ); + } +} + +#ast-sites-modal .single-site-preview-wrap { + width: 100%; +} + +#ast-sites-modal .astra-sites-tooltip { + margin-left: 15px; + margin-right: 15px; + padding-left: 15px; + padding-right: 15px; + height: 50px; + border-left: 1px solid #e6e9ec; + border-right: 1px solid #e6e9ec; + opacity: 0; +} + +#ast-sites-modal .astra-sites-tooltip-icon { + line-height: 50px; +} + +#ast-sites-modal .astra-sites-tooltip .dashicons-editor-help { + font-size: 20px; + color: #555d66; +} + +#ast-sites-modal .astra-preview-actions-inner-wrap { + position: relative; +} + +#ast-sites-modal .astra-preview-actions-wrap { + margin-right: 15px; +} + +#ast-sites-modal .site-action-buttons-wrap .dashicons { + margin-left: 0; +} + +#ast-sites-modal .position-left-last { + margin-right: auto; +} + +#elementor-template-block-color-filter select, +#elementor-template-block-color-filter option { + text-transform: capitalize; +} + +@media ( max-width: 768px ) { + #ast-sites-modal .theme-browser .theme { + width: 33.33%; + box-shadow: none; + } + #ast-sites-modal .position-left-last { + width: 120px; + } + #ast-sites-modal .ast-sites-modal__header__menu-area { + margin: 0 10px; + } +} + +.ast-sites-container-notice-wrap { + background: #fff; + border: 1px solid #c3c4c7; + border-left-width: 4px; + box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.04 ); + margin: 15px 45px 10px; + padding: 7px 12px; + border-left-color: #007cba; + position: relative; + color: #6d7882; +} + +.ast-sites-container-notice-content { + display: flex; + align-items: center; + flex-direction: row; + gap: 20px; +} + +.ast-sites-container-notice-actions { + display: flex; +} + +.ast-sites-container-notice-button { + border: 1px solid #0085ba; + padding: 8px 15px; + border-radius: 3px; + cursor: pointer; + background: #0085ba; + border-color: #0073aa #006799 #006799; + box-shadow: 0 1px 0 #006799; + color: #fff; + text-decoration: none; + text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; +} + +.ast-sites-container-notice-button:hover { + 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; +} diff --git a/assets/css/entry-print.css b/assets/css/entry-print.css new file mode 100644 index 00000000..04aeef6d --- /dev/null +++ b/assets/css/entry-print.css @@ -0,0 +1,845 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +/* Document + ========================================================================== */ +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ +html { + line-height: 1.15; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} + +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers. + */ +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + box-sizing: content-box; + /* 1 */ + height: 0; + /* 1 */ + overflow: visible; + /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +pre { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ +/** + * Remove the gray background on active links in IE 10. + */ +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; + /* 1 */ + text-decoration: underline; + /* 2 */ + text-decoration: underline dotted; + /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ +/** + * Remove the border on images inside links in IE 10. + */ +img { + border-style: none; +} + +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ + margin: 0; + /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ +button, +input { + /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { + /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ +legend { + box-sizing: border-box; + /* 1 */ + color: inherit; + /* 2 */ + display: table; + /* 1 */ + max-width: 100%; + /* 1 */ + padding: 0; + /* 3 */ + white-space: normal; + /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + +/* Interactive + ========================================================================== */ +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ +/** + * Add the correct display in IE 10+. + */ +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ +[hidden] { + display: none; +} + +html, +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +body { + background-color: #f1f1f1; + color: #333; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 1.625; +} + +.site { + text-align: center; + font-size: 12px; +} + +.site a { + text-decoration: underline; +} + +.site a:hover { + color: #006799; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #333; + font-weight: 700; + line-height: 1.2; + margin: 0; + margin-bottom: 16px; + padding: 0; +} + +a { + color: #0073aa; +} + +a:hover, a:active, a:focus { + color: #006799; +} + +#print { + border-top: 1px solid #eee; + background-color: #fff; + box-shadow: 0 1px 2px #ccc; + margin: 30px auto 20px auto; + overflow: auto; + padding: 30px; + max-width: 780px; +} + +#print .page-title { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 0 20px 0; +} + +#print h1 { + font-size: 22px; + font-weight: 600; + margin: 0; +} + +#print h1:after { + content: ""; + display: table; + clear: both; +} + +#print h1 span { + font-weight: 400; +} + +#print iframe { + border: 0; +} + +#print .buttons { + display: flex; + align-items: center; +} + +#print .buttons .fa-cog { + color: #007CBA; + font-size: 20px; + line-height: 23px; + vertical-align: middle; +} + +#print .buttons .fa-cog.active { + color: #BBBBBB; +} + +#print .buttons .fa-cog:hover { + color: #006799; +} + +#print .buttons .button { + font-weight: normal; + text-align: center; + font-size: 14px; + margin-left: 10px; + line-height: 28px; + cursor: pointer; +} + +#print .buttons .button-close { + color: #0071a1; + background: #f3f5f6; + min-height: 30px; + padding: 0 10px; + margin-left: 15px; + border-radius: 3px; + font-size: 13px; + text-decoration: none; + border: 1px solid #016087; +} + +#print .buttons .button-close:hover { + background: #f1f1f1; + border-color: #016087; + color: #016087; +} + +#print .buttons .button-print { + background: #007cba; + color: #fff; + padding: 0 10px; + text-decoration: none; + border-radius: 3px; + font-size: 13px; + min-height: 30px; + border: 1px solid #007cba; +} + +#print .buttons .button-print:hover, #print .buttons .button-print:active { + background: #0071a1; + border-color: #0071a1; + color: #fff; +} + +#print .actions { + text-align: left; + margin: 0; + font-size: 11px; + align-items: center; + border-top: 1px solid #EEEEEE; + padding-top: 20px; + display: none; +} + +#print .actions.active { + display: flex; + flex-wrap: wrap; + align-items: flex-start; +} + +#print .actions .switch-container { + display: flex; + align-items: center; + margin-right: 20px; + margin-bottom: 20px; +} + +#print .actions .switch-container a { + font-family: Helvetica Neue, sans-serif; + font-style: normal; + font-weight: normal; + font-size: 14px; + color: #444444; + text-decoration: none; + padding: 0; + line-height: 1; + display: flex; + align-items: center; +} + +#print .actions .switch-container a:hover .switch { + background: #777777; +} + +#print .actions .switch-container a:hover .switch.active { + background: #006799; +} + +#print .actions .switch-container a .switch { + cursor: pointer; + height: 18px; + width: 28px; + background: #BBBBBB; + display: block; + border-radius: 10px; + position: relative; + margin-right: 7px; +} + +#print .actions .switch-container a .switch:after { + content: ''; + position: absolute; + top: 2px; + left: 2px; + width: 14px; + height: 14px; + background: #fff; + border-radius: 10px; + transition: 0.3s; +} + +#print .actions .switch-container a .switch.active { + background: #007cba; +} + +#print .actions .switch-container a .switch.active:after { + left: calc(100% - 2px); + transform: translateX(-100%); +} + +#print .fields { + border: 1px solid #eee; +} + +#print .fields.empty { + display: none; +} + +#print .fields .wpforms-hidden { + display: none; +} + +#print .fields .wpforms-pagebreak-divider { + position: relative; + height: 30px; + text-align: center; + margin: 10px; +} + +#print .fields .wpforms-pagebreak-divider .pagebreak-label { + font-size: 14px; + font-weight: 600; + background-color: #fff; + position: relative; + padding: 5px 10px; + display: inline-block; + z-index: 2; + margin: 0; +} + +#print .fields .wpforms-pagebreak-divider .line { + display: block; + border-top: 1px dashed #aaa; + position: absolute; + top: 50%; + left: 0; + width: 100%; +} + +#print .field-name, +#print .note-byline { + font-weight: 600; + background: #ebf3fb; + padding: 8px 12px; + margin: 0; +} + +#print .field-value, +#print .note-text { + background: #fff; + padding: 8px 12px; + margin: 0; +} + +#print .field-value iframe, +#print .note-text iframe { + width: 100%; +} + +#print .file-icon { + padding-right: 10px; +} + +#print .file-icon img { + vertical-align: middle; +} + +#print .notes-head { + margin: 26px 0 16px 0; + display: none; +} + +#print .notes { + border: 1px solid #eee; + display: none; +} + +#print .notes p { + margin: 0 0 10px 0; +} + +#print .notes p:last-of-type { + margin: 0; +} + +#print.compact { + font-size: 12px; + line-height: 1.4; + padding: 15px; + margin-bottom: 10px; +} + +#print.compact h1 { + font-size: 16px !important; +} + +#print.compact .field { + border-top: 1px solid #eee; + overflow: hidden; + clear: both; + position: relative; +} + +#print.compact .field::after { + content: ""; + clear: both; + display: table; +} + +#print.compact .fields { + border-top: 0; +} + +#print.compact .field-name { + width: 30%; + float: left; + height: 100%; +} + +#print.compact .field-value { + width: 70%; + float: right; +} + +#print.compact .file-icon { + display: none; +} + +#print.compact .notes-head { + font-size: 16px; + margin: 16px 0 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; +} + +@media print { + #print { + border: none; + box-shadow: none; + padding: 30px 0 15px; + margin: 0; + width: 100%; + max-width: 100%; + } + #print h1 { + text-align: center; + } + #print .buttons, + #print .actions { + display: none; + } + #print .fields, + #print .notes { + border: 1px solid #ccc; + } + #print .field, + #print .note { + border-top: 1px solid #ccc; + border-color: #ccc !important; + } + #print .field:first-of-type, + #print .note:first-of-type { + border: none; + } + #print .field-name, + #print .note-byline { + padding: 8px 12px 0 8px; + } + #print .field-value, + #print .note-text { + padding-top: 6px; + } + #print.compact { + padding: 15px; + font-size: 11px; + } + #print.compact .fields { + border-top: none; + } + #print.compact .field:first-of-type { + border-top: 1px solid #ccc; + } + #print .no-print, #print .no-print * { + display: none !important; + } +} + +/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXRzL2Nzcy9lbnRyeS1wcmludC5jc3MiLCJzb3VyY2VzIjpbImFzc2V0cy9zY3NzL2VudHJ5LXByaW50LnNjc3MiLCJhc3NldHMvc2Nzcy92ZW5kb3IvcGFydGlhbHMvX25vcm1hbGl6ZS5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJ3ZlbmRvci9wYXJ0aWFscy9ub3JtYWxpemUnO1xuXG5odG1sLFxuaW5wdXRbdHlwZT1cInNlYXJjaFwiXXtcblx0LXdlYmtpdC1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHQtbW96LWJveC1zaXppbmc6ICAgIGJvcmRlci1ib3g7XG5cdGJveC1zaXppbmc6ICAgICAgICAgYm9yZGVyLWJveDtcbn1cblxuKixcbio6YmVmb3JlLFxuKjphZnRlciB7XG5cdGJveC1zaXppbmc6IGluaGVyaXQ7XG59XG5cbmJvZHkge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMWYxO1xuXHRjb2xvcjogIzMzMztcblx0Zm9udC1mYW1pbHk6ICdIZWx2ZXRpY2EgTmV1ZScsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG5cdGZvbnQtc2l6ZTogMTRweDtcblx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0bGluZS1oZWlnaHQ6IDEuNjI1O1xufVxuXG4uc2l0ZSB7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcblx0Zm9udC1zaXplOiAxMnB4O1xufVxuXG4uc2l0ZSBhIHtcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG5cdCY6aG92ZXIge1xuXHRcdGNvbG9yOiAjMDA2Nzk5O1xuXHR9XG59XG5cbmgxLFxuaDIsXG5oMyxcbmg0LFxuaDUsXG5oNiB7XG5cdGNvbG9yOiAjMzMzO1xuXHRmb250LXdlaWdodDogNzAwO1xuXHRsaW5lLWhlaWdodDogMS4yO1xuXHRtYXJnaW46IDA7XG5cdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cdHBhZGRpbmc6IDA7XG59XG5cbmEge1xuXHRjb2xvcjogIzAwNzNhYTtcbn1cblxuYTpob3ZlciwgYTphY3RpdmUsIGE6Zm9jdXMge1xuXHRjb2xvcjogIzAwNjc5OTtcbn1cblxuI3ByaW50IHtcblx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICNlZWU7XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdGJveC1zaGFkb3c6IDAgMXB4IDJweCAjY2NjO1xuXHRtYXJnaW46IDMwcHggYXV0byAyMHB4IGF1dG87XG5cdG92ZXJmbG93OiBhdXRvO1xuXHRwYWRkaW5nOiAzMHB4O1xuXHRtYXgtd2lkdGg6IDc4MHB4O1xuXHQucGFnZS10aXRsZSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRtYXJnaW46IDAgMCAyMHB4IDA7XG5cdH1cblx0aDEge1xuXHRcdGZvbnQtc2l6ZTogMjJweDtcblx0XHRmb250LXdlaWdodDogNjAwO1xuXHRcdG1hcmdpbjogMDtcblx0XHQmOmFmdGVyIHtcblx0XHRcdGNvbnRlbnQ6IFwiXCI7XG5cdFx0XHRkaXNwbGF5OiB0YWJsZTtcblx0XHRcdGNsZWFyOiBib3RoO1xuXHRcdH1cblx0XHRzcGFuIHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA0MDA7XG5cdFx0fVxuXHR9XG5cblx0aWZyYW1lIHtcblx0XHRib3JkZXI6IDA7XG5cdH1cblxuXHQuYnV0dG9ucyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdC5mYS1jb2cge1xuXHRcdFx0Y29sb3I6ICMwMDdDQkE7XG5cdFx0XHRmb250LXNpemU6IDIwcHg7XG5cdFx0XHRsaW5lLWhlaWdodDogMjNweDtcblx0XHRcdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdFx0XHQmLmFjdGl2ZXtcblx0XHRcdFx0Y29sb3I6ICNCQkJCQkI7XG5cdFx0XHR9XG5cdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0Y29sb3I6ICMwMDY3OTk7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdC5idXR0b24ge1xuXHRcdFx0Zm9udC13ZWlnaHQ6IG5vcm1hbDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdGZvbnQtc2l6ZTogMTRweDtcblx0XHRcdG1hcmdpbi1sZWZ0OiAxMHB4O1xuXHRcdFx0bGluZS1oZWlnaHQ6IDI4cHg7XG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0XHQmLWNsb3NlIHtcblx0XHRcdFx0Y29sb3I6ICMwMDcxYTE7XG5cdFx0XHRcdGJhY2tncm91bmQ6ICNmM2Y1ZjY7XG5cdFx0XHRcdG1pbi1oZWlnaHQ6IDMwcHg7XG5cdFx0XHRcdHBhZGRpbmc6IDAgMTBweDtcblx0XHRcdFx0bWFyZ2luLWxlZnQ6IDE1cHg7XG5cdFx0XHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblx0XHRcdFx0Zm9udC1zaXplOiAxM3B4O1xuXHRcdFx0XHR0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cdFx0XHRcdGJvcmRlcjogMXB4IHNvbGlkICMwMTYwODc7XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICNmMWYxZjE7XG5cdFx0XHRcdFx0Ym9yZGVyLWNvbG9yOiAjMDE2MDg3O1xuXHRcdFx0XHRcdGNvbG9yOiAjMDE2MDg3O1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0XHQmLXByaW50IHtcblx0XHRcdFx0YmFja2dyb3VuZDogIzAwN2NiYTtcblx0XHRcdFx0Y29sb3I6ICNmZmY7XG5cdFx0XHRcdHBhZGRpbmc6IDAgMTBweDtcblx0XHRcdFx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXHRcdFx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0XHRcdGZvbnQtc2l6ZTogMTNweDtcblx0XHRcdFx0bWluLWhlaWdodDogMzBweDtcblx0XHRcdFx0Ym9yZGVyOiAxcHggc29saWQgIzAwN2NiYTtcblx0XHRcdFx0Jjpob3ZlciwgJjphY3RpdmUge1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICMwMDcxYTE7XG5cdFx0XHRcdFx0Ym9yZGVyLWNvbG9yOiAjMDA3MWExO1xuXHRcdFx0XHRcdGNvbG9yOiAjZmZmO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0LmFjdGlvbnMge1xuXHRcdHRleHQtYWxpZ246IGxlZnQ7XG5cdFx0bWFyZ2luOiAwO1xuXHRcdGZvbnQtc2l6ZTogMTFweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGJvcmRlci10b3A6IDFweCBzb2xpZCAjRUVFRUVFO1xuXHRcdHBhZGRpbmctdG9wOiAyMHB4O1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdFx0Ji5hY3RpdmUge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtd3JhcDogd3JhcDtcblx0XHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRcdH1cblx0XHQuc3dpdGNoLWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRcdG1hcmdpbi1yaWdodDogMjBweDtcblx0XHRcdG1hcmdpbi1ib3R0b206IDIwcHg7XG5cdFx0XHRhIHtcblx0XHRcdFx0Zm9udC1mYW1pbHk6IEhlbHZldGljYSBOZXVlLCBzYW5zLXNlcmlmO1xuXHRcdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRcdGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cdFx0XHRcdGZvbnQtc2l6ZTogMTRweDtcblx0XHRcdFx0Y29sb3I6ICM0NDQ0NDQ7XG5cdFx0XHRcdHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0bGluZS1oZWlnaHQ6IDE7XG5cdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdC5zd2l0Y2gge1xuXHRcdFx0XHRcdFx0YmFja2dyb3VuZDogIzc3Nzc3Nztcblx0XHRcdFx0XHRcdCYuYWN0aXZlIHtcblx0XHRcdFx0XHRcdFx0YmFja2dyb3VuZDogIzAwNjc5OTtcblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdFx0LnN3aXRjaCB7XG5cdFx0XHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0XHRcdGhlaWdodDogMThweDtcblx0XHRcdFx0XHR3aWR0aDogMjhweDtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAjQkJCQkJCO1xuXHRcdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdG1hcmdpbi1yaWdodDogN3B4O1xuXHRcdFx0XHRcdCY6YWZ0ZXIge1xuXHRcdFx0XHRcdFx0Y29udGVudDogJyc7XG5cdFx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0XHR0b3A6IDJweDtcblx0XHRcdFx0XHRcdGxlZnQ6IDJweDtcblx0XHRcdFx0XHRcdHdpZHRoOiAxNHB4O1xuXHRcdFx0XHRcdFx0aGVpZ2h0OiAxNHB4O1xuXHRcdFx0XHRcdFx0YmFja2dyb3VuZDogI2ZmZjtcblx0XHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiAwLjNzO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQmLmFjdGl2ZSB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAjMDA3Y2JhO1xuXHRcdFx0XHRcdFx0JjphZnRlciB7XG5cdFx0XHRcdFx0XHRcdGxlZnQ6IGNhbGMoMTAwJSAtIDJweCk7XG5cdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0LmZpZWxkcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgI2VlZTtcblxuXHRcdCYuZW1wdHkge1xuXHRcdFx0ZGlzcGxheTogbm9uZTtcblx0XHR9XG5cdFx0LndwZm9ybXMtaGlkZGVuIHtcblx0XHRcdGRpc3BsYXk6IG5vbmU7XG5cdFx0fVxuXHRcdC53cGZvcm1zLXBhZ2VicmVhay1kaXZpZGVyIHtcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdGhlaWdodDogMzBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdG1hcmdpbjogMTBweDtcblx0XHRcdC5wYWdlYnJlYWstbGFiZWwge1xuXHRcdFx0XHRmb250LXNpemU6IDE0cHg7XG5cdFx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0cGFkZGluZzogNXB4IDEwcHg7XG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdFx0ei1pbmRleDogMjtcblx0XHRcdFx0bWFyZ2luOiAwO1xuXHRcdFx0fVxuXHRcdFx0LmxpbmUge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0Ym9yZGVyLXRvcDogMXB4IGRhc2hlZCAjYWFhO1xuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHRvcDogNTAlO1xuXHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQuZmllbGQtbmFtZSxcblx0Lm5vdGUtYnlsaW5lIHtcblx0XHRmb250LXdlaWdodDogNjAwO1xuXHRcdGJhY2tncm91bmQ6ICNlYmYzZmI7XG5cdFx0cGFkZGluZzogOHB4IDEycHg7XG5cdFx0bWFyZ2luOiAwO1xuXHR9XG5cblx0LmZpZWxkLXZhbHVlLFxuXHQubm90ZS10ZXh0IHtcblx0XHRiYWNrZ3JvdW5kOiAjZmZmO1xuXHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdG1hcmdpbjogMDtcblx0XHRpZnJhbWUge1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0fVxuXHR9XG5cblx0LmZpbGUtaWNvbiB7XG5cdFx0cGFkZGluZy1yaWdodDogMTBweDtcblxuXHRcdGltZyB7XG5cdFx0XHR2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuXHRcdH1cblx0fVxuXG5cdC5ub3Rlcy1oZWFkIHtcblx0XHRtYXJnaW46IDI2cHggMCAxNnB4IDA7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuXG5cdC5ub3RlcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgI2VlZTtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5cblx0Lm5vdGVzIHAge1xuXHRcdG1hcmdpbjogMCAwIDEwcHggMDtcblxuXHRcdCY6bGFzdC1vZi10eXBlIHtcblx0XHRcdG1hcmdpbjogMDtcblx0XHR9XG5cdH1cblxuXHQmLmNvbXBhY3Qge1xuXHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRsaW5lLWhlaWdodDogMS40O1xuXHRcdHBhZGRpbmc6IDE1cHg7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTBweDtcblxuXHRcdGgxIHtcblx0XHRcdGZvbnQtc2l6ZTogMTZweCAhaW1wb3J0YW50O1xuXHRcdH1cblxuXHRcdC5maWVsZCB7XG5cdFx0XHRib3JkZXItdG9wOiAxcHggc29saWQgI2VlZTtcblx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHRjbGVhcjogYm90aDtcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHR9XG5cblx0XHQuZmllbGQ6OmFmdGVyIHtcblx0XHRcdGNvbnRlbnQ6IFwiXCI7XG5cdFx0XHRjbGVhcjogYm90aDtcblx0XHRcdGRpc3BsYXk6IHRhYmxlO1xuXHRcdH1cblxuXHRcdC5maWVsZHMge1xuXHRcdFx0Ym9yZGVyLXRvcDogMDtcblx0XHR9XG5cblx0XHQuZmllbGQtbmFtZSB7XG5cdFx0XHR3aWR0aDogMzAlO1xuXHRcdFx0ZmxvYXQ6IGxlZnQ7XG5cdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0fVxuXG5cdFx0LmZpZWxkLXZhbHVlIHtcblx0XHRcdHdpZHRoOiA3MCU7XG5cdFx0XHRmbG9hdDogcmlnaHQ7XG5cdFx0fVxuXG5cdFx0LmZpbGUtaWNvbiB7XG5cdFx0XHRkaXNwbGF5OiBub25lO1xuXHRcdH1cblxuXHRcdC5ub3Rlcy1oZWFkIHtcblx0XHRcdGZvbnQtc2l6ZTogMTZweDtcblx0XHRcdG1hcmdpbjogMTZweCAwIDEwcHggMDtcblx0XHR9XG5cdH1cbn1cblxuQG1lZGlhIHByaW50IHtcblxuXHQjcHJpbnQge1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiBub25lO1xuXHRcdHBhZGRpbmc6IDMwcHggMCAxNXB4O1xuXHRcdG1hcmdpbjogMDtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cblx0XHRoMSB7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0fVxuXG5cdFx0LmJ1dHRvbnMsXG5cdFx0LmFjdGlvbnMge1xuXHRcdFx0ZGlzcGxheTogbm9uZTtcblx0XHR9XG5cblx0XHQuZmllbGRzLFxuXHRcdC5ub3RlcyB7XG5cdFx0XHRib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuXHRcdH1cblxuXHRcdC5maWVsZCxcblx0XHQubm90ZSB7XG5cdFx0XHRib3JkZXItdG9wOiAxcHggc29saWQgI2NjYztcblx0XHRcdGJvcmRlci1jb2xvcjogI2NjYyAhaW1wb3J0YW50O1xuXHRcdH1cblxuXHRcdC5maWVsZDpmaXJzdC1vZi10eXBlLFxuXHRcdC5ub3RlOmZpcnN0LW9mLXR5cGUge1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdH1cblxuXHRcdC5maWVsZC1uYW1lLFxuXHRcdC5ub3RlLWJ5bGluZSB7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweCAwIDhweDtcblx0XHR9XG5cblx0XHQuZmllbGQtdmFsdWUsXG5cdFx0Lm5vdGUtdGV4dCB7XG5cdFx0XHRwYWRkaW5nLXRvcDogNnB4O1xuXHRcdH1cblxuXHRcdCYuY29tcGFjdCB7XG5cdFx0XHRwYWRkaW5nOiAxNXB4O1xuXHRcdFx0Zm9udC1zaXplOiAxMXB4O1xuXG5cdFx0XHQuZmllbGRzIHtcblx0XHRcdFx0Ym9yZGVyLXRvcDogbm9uZTtcblx0XHRcdH1cblxuXHRcdFx0LmZpZWxkOmZpcnN0LW9mLXR5cGUge1xuXHRcdFx0XHRib3JkZXItdG9wOiAxcHggc29saWQgI2NjYztcblx0XHRcdH1cblx0XHR9XG5cblx0XHQubm8tcHJpbnQsIC5uby1wcmludCAqIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdH1cbn1cbiIsIi8qISBub3JtYWxpemUuY3NzIHY4LjAuMSB8IE1JVCBMaWNlbnNlIHwgZ2l0aHViLmNvbS9uZWNvbGFzL25vcm1hbGl6ZS5jc3MgKi9cblxuLyogRG9jdW1lbnRcbiAgID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09ICovXG5cbi8qKlxuICogMS4gQ29ycmVjdCB0aGUgbGluZSBoZWlnaHQgaW4gYWxsIGJyb3dzZXJzLlxuICogMi4gUHJldmVudCBhZGp1c3RtZW50cyBvZiBmb250IHNpemUgYWZ0ZXIgb3JpZW50YXRpb24gY2hhbmdlcyBpbiBpT1MuXG4gKi9cblxuIGh0bWwge1xuXHRsaW5lLWhlaWdodDogMS4xNTsgLyogMSAqL1xuXHQtd2Via2l0LXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7IC8qIDIgKi9cbiAgfVxuXG4gIC8qIFNlY3Rpb25zXG5cdCA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAqL1xuXG4gIC8qKlxuICAgKiBSZW1vdmUgdGhlIG1hcmdpbiBpbiBhbGwgYnJvd3NlcnMuXG4gICAqL1xuXG4gIGJvZHkge1xuXHRtYXJnaW46IDA7XG4gIH1cblxuICAvKipcbiAgICogUmVuZGVyIHRoZSBgbWFpbmAgZWxlbWVudCBjb25zaXN0ZW50bHkgaW4gSUUuXG4gICAqL1xuXG4gIG1haW4ge1xuXHRkaXNwbGF5OiBibG9jaztcbiAgfVxuXG4gIC8qKlxuICAgKiBDb3JyZWN0IHRoZSBmb250IHNpemUgYW5kIG1hcmdpbiBvbiBgaDFgIGVsZW1lbnRzIHdpdGhpbiBgc2VjdGlvbmAgYW5kXG4gICAqIGBhcnRpY2xlYCBjb250ZXh0cyBpbiBDaHJvbWUsIEZpcmVmb3gsIGFuZCBTYWZhcmkuXG4gICAqL1xuXG4gIGgxIHtcblx0Zm9udC1zaXplOiAyZW07XG5cdG1hcmdpbjogMC42N2VtIDA7XG4gIH1cblxuICAvKiBHcm91cGluZyBjb250ZW50XG5cdCA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAqL1xuXG4gIC8qKlxuICAgKiAxLiBBZGQgdGhlIGNvcnJlY3QgYm94IHNpemluZyBpbiBGaXJlZm94LlxuICAgKiAyLiBTaG93IHRoZSBvdmVyZmxvdyBpbiBFZGdlIGFuZCBJRS5cbiAgICovXG5cbiAgaHIge1xuXHRib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogMSAqL1xuXHRoZWlnaHQ6IDA7IC8qIDEgKi9cblx0b3ZlcmZsb3c6IHZpc2libGU7IC8qIDIgKi9cbiAgfVxuXG4gIC8qKlxuICAgKiAxLiBDb3JyZWN0IHRoZSBpbmhlcml0YW5jZSBhbmQgc2NhbGluZyBvZiBmb250IHNpemUgaW4gYWxsIGJyb3dzZXJzLlxuICAgKiAyLiBDb3JyZWN0IHRoZSBvZGQgYGVtYCBmb250IHNpemluZyBpbiBhbGwgYnJvd3NlcnMuXG4gICAqL1xuXG4gIHByZSB7XG5cdGZvbnQtZmFtaWx5OiBtb25vc3BhY2UsIG1vbm9zcGFjZTsgLyogMSAqL1xuXHRmb250LXNpemU6IDFlbTsgLyogMiAqL1xuICB9XG5cbiAgLyogVGV4dC1sZXZlbCBzZW1hbnRpY3Ncblx0ID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09ICovXG5cbiAgLyoqXG4gICAqIFJlbW92ZSB0aGUgZ3JheSBiYWNrZ3JvdW5kIG9uIGFjdGl2ZSBsaW5rcyBpbiBJRSAxMC5cbiAgICovXG5cbiAgYSB7XG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB9XG5cbiAgLyoqXG4gICAqIDEuIFJlbW92ZSB0aGUgYm90dG9tIGJvcmRlciBpbiBDaHJvbWUgNTctXG4gICAqIDIuIEFkZCB0aGUgY29ycmVjdCB0ZXh0IGRlY29yYXRpb24gaW4gQ2hyb21lLCBFZGdlLCBJRSwgT3BlcmEsIGFuZCBTYWZhcmkuXG4gICAqL1xuXG4gIGFiYnJbdGl0bGVdIHtcblx0Ym9yZGVyLWJvdHRvbTogbm9uZTsgLyogMSAqL1xuXHR0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTsgLyogMiAqL1xuXHR0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZSBkb3R0ZWQ7IC8qIDIgKi9cbiAgfVxuXG4gIC8qKlxuICAgKiBBZGQgdGhlIGNvcnJlY3QgZm9udCB3ZWlnaHQgaW4gQ2hyb21lLCBFZGdlLCBhbmQgU2FmYXJpLlxuICAgKi9cblxuICBiLFxuICBzdHJvbmcge1xuXHRmb250LXdlaWdodDogYm9sZGVyO1xuICB9XG5cbiAgLyoqXG4gICAqIDEuIENvcnJlY3QgdGhlIGluaGVyaXRhbmNlIGFuZCBzY2FsaW5nIG9mIGZvbnQgc2l6ZSBpbiBhbGwgYnJvd3NlcnMuXG4gICAqIDIuIENvcnJlY3QgdGhlIG9kZCBgZW1gIGZvbnQgc2l6aW5nIGluIGFsbCBicm93c2Vycy5cbiAgICovXG5cbiAgY29kZSxcbiAga2JkLFxuICBzYW1wIHtcblx0Zm9udC1mYW1pbHk6IG1vbm9zcGFjZSwgbW9ub3NwYWNlOyAvKiAxICovXG5cdGZvbnQtc2l6ZTogMWVtOyAvKiAyICovXG4gIH1cblxuICAvKipcbiAgICogQWRkIHRoZSBjb3JyZWN0IGZvbnQgc2l6ZSBpbiBhbGwgYnJvd3NlcnMuXG4gICAqL1xuXG4gIHNtYWxsIHtcblx0Zm9udC1zaXplOiA4MCU7XG4gIH1cblxuICAvKipcbiAgICogUHJldmVudCBgc3ViYCBhbmQgYHN1cGAgZWxlbWVudHMgZnJvbSBhZmZlY3RpbmcgdGhlIGxpbmUgaGVpZ2h0IGluXG4gICAqIGFsbCBicm93c2Vycy5cbiAgICovXG5cbiAgc3ViLFxuICBzdXAge1xuXHRmb250LXNpemU6IDc1JTtcblx0bGluZS1oZWlnaHQ6IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0dmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICB9XG5cbiAgc3ViIHtcblx0Ym90dG9tOiAtMC4yNWVtO1xuICB9XG5cbiAgc3VwIHtcblx0dG9wOiAtMC41ZW07XG4gIH1cblxuICAvKiBFbWJlZGRlZCBjb250ZW50XG5cdCA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAqL1xuXG4gIC8qKlxuICAgKiBSZW1vdmUgdGhlIGJvcmRlciBvbiBpbWFnZXMgaW5zaWRlIGxpbmtzIGluIElFIDEwLlxuICAgKi9cblxuICBpbWcge1xuXHRib3JkZXItc3R5bGU6IG5vbmU7XG4gIH1cblxuICAvKiBGb3Jtc1xuXHQgPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0gKi9cblxuICAvKipcbiAgICogMS4gQ2hhbmdlIHRoZSBmb250IHN0eWxlcyBpbiBhbGwgYnJvd3NlcnMuXG4gICAqIDIuIFJlbW92ZSB0aGUgbWFyZ2luIGluIEZpcmVmb3ggYW5kIFNhZmFyaS5cbiAgICovXG5cbiAgYnV0dG9uLFxuICBpbnB1dCxcbiAgb3B0Z3JvdXAsXG4gIHNlbGVjdCxcbiAgdGV4dGFyZWEge1xuXHRmb250LWZhbWlseTogaW5oZXJpdDsgLyogMSAqL1xuXHRmb250LXNpemU6IDEwMCU7IC8qIDEgKi9cblx0bGluZS1oZWlnaHQ6IDEuMTU7IC8qIDEgKi9cblx0bWFyZ2luOiAwOyAvKiAyICovXG4gIH1cblxuICAvKipcbiAgICogU2hvdyB0aGUgb3ZlcmZsb3cgaW4gSUUuXG4gICAqIDEuIFNob3cgdGhlIG92ZXJmbG93IGluIEVkZ2UuXG4gICAqL1xuXG4gIGJ1dHRvbixcbiAgaW5wdXQgeyAvKiAxICovXG5cdG92ZXJmbG93OiB2aXNpYmxlO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlbW92ZSB0aGUgaW5oZXJpdGFuY2Ugb2YgdGV4dCB0cmFuc2Zvcm0gaW4gRWRnZSwgRmlyZWZveCwgYW5kIElFLlxuICAgKiAxLiBSZW1vdmUgdGhlIGluaGVyaXRhbmNlIG9mIHRleHQgdHJhbnNmb3JtIGluIEZpcmVmb3guXG4gICAqL1xuXG4gIGJ1dHRvbixcbiAgc2VsZWN0IHsgLyogMSAqL1xuXHR0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDb3JyZWN0IHRoZSBpbmFiaWxpdHkgdG8gc3R5bGUgY2xpY2thYmxlIHR5cGVzIGluIGlPUyBhbmQgU2FmYXJpLlxuICAgKi9cblxuICBidXR0b24sXG4gIFt0eXBlPVwiYnV0dG9uXCJdLFxuICBbdHlwZT1cInJlc2V0XCJdLFxuICBbdHlwZT1cInN1Ym1pdFwiXSB7XG5cdC13ZWJraXQtYXBwZWFyYW5jZTogYnV0dG9uO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlbW92ZSB0aGUgaW5uZXIgYm9yZGVyIGFuZCBwYWRkaW5nIGluIEZpcmVmb3guXG4gICAqL1xuXG4gIGJ1dHRvbjo6LW1vei1mb2N1cy1pbm5lcixcbiAgW3R5cGU9XCJidXR0b25cIl06Oi1tb3otZm9jdXMtaW5uZXIsXG4gIFt0eXBlPVwicmVzZXRcIl06Oi1tb3otZm9jdXMtaW5uZXIsXG4gIFt0eXBlPVwic3VibWl0XCJdOjotbW96LWZvY3VzLWlubmVyIHtcblx0Ym9yZGVyLXN0eWxlOiBub25lO1xuXHRwYWRkaW5nOiAwO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlc3RvcmUgdGhlIGZvY3VzIHN0eWxlcyB1bnNldCBieSB0aGUgcHJldmlvdXMgcnVsZS5cbiAgICovXG5cbiAgYnV0dG9uOi1tb3otZm9jdXNyaW5nLFxuICBbdHlwZT1cImJ1dHRvblwiXTotbW96LWZvY3VzcmluZyxcbiAgW3R5cGU9XCJyZXNldFwiXTotbW96LWZvY3VzcmluZyxcbiAgW3R5cGU9XCJzdWJtaXRcIl06LW1vei1mb2N1c3Jpbmcge1xuXHRvdXRsaW5lOiAxcHggZG90dGVkIEJ1dHRvblRleHQ7XG4gIH1cblxuICAvKipcbiAgICogQ29ycmVjdCB0aGUgcGFkZGluZyBpbiBGaXJlZm94LlxuICAgKi9cblxuICBmaWVsZHNldCB7XG5cdHBhZGRpbmc6IDAuMzVlbSAwLjc1ZW0gMC42MjVlbTtcbiAgfVxuXG4gIC8qKlxuICAgKiAxLiBDb3JyZWN0IHRoZSB0ZXh0IHdyYXBwaW5nIGluIEVkZ2UgYW5kIElFLlxuICAgKiAyLiBDb3JyZWN0IHRoZSBjb2xvciBpbmhlcml0YW5jZSBmcm9tIGBmaWVsZHNldGAgZWxlbWVudHMgaW4gSUUuXG4gICAqIDMuIFJlbW92ZSB0aGUgcGFkZGluZyBzbyBkZXZlbG9wZXJzIGFyZSBub3QgY2F1Z2h0IG91dCB3aGVuIHRoZXkgemVybyBvdXRcbiAgICogICAgYGZpZWxkc2V0YCBlbGVtZW50cyBpbiBhbGwgYnJvd3NlcnMuXG4gICAqL1xuXG4gIGxlZ2VuZCB7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7IC8qIDEgKi9cblx0Y29sb3I6IGluaGVyaXQ7IC8qIDIgKi9cblx0ZGlzcGxheTogdGFibGU7IC8qIDEgKi9cblx0bWF4LXdpZHRoOiAxMDAlOyAvKiAxICovXG5cdHBhZGRpbmc6IDA7IC8qIDMgKi9cblx0d2hpdGUtc3BhY2U6IG5vcm1hbDsgLyogMSAqL1xuICB9XG5cbiAgLyoqXG4gICAqIEFkZCB0aGUgY29ycmVjdCB2ZXJ0aWNhbCBhbGlnbm1lbnQgaW4gQ2hyb21lLCBGaXJlZm94LCBhbmQgT3BlcmEuXG4gICAqL1xuXG4gIHByb2dyZXNzIHtcblx0dmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlbW92ZSB0aGUgZGVmYXVsdCB2ZXJ0aWNhbCBzY3JvbGxiYXIgaW4gSUUgMTArLlxuICAgKi9cblxuICB0ZXh0YXJlYSB7XG5cdG92ZXJmbG93OiBhdXRvO1xuICB9XG5cbiAgLyoqXG4gICAqIDEuIEFkZCB0aGUgY29ycmVjdCBib3ggc2l6aW5nIGluIElFIDEwLlxuICAgKiAyLiBSZW1vdmUgdGhlIHBhZGRpbmcgaW4gSUUgMTAuXG4gICAqL1xuXG4gIFt0eXBlPVwiY2hlY2tib3hcIl0sXG4gIFt0eXBlPVwicmFkaW9cIl0ge1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94OyAvKiAxICovXG5cdHBhZGRpbmc6IDA7IC8qIDIgKi9cbiAgfVxuXG4gIC8qKlxuICAgKiBDb3JyZWN0IHRoZSBjdXJzb3Igc3R5bGUgb2YgaW5jcmVtZW50IGFuZCBkZWNyZW1lbnQgYnV0dG9ucyBpbiBDaHJvbWUuXG4gICAqL1xuXG4gIFt0eXBlPVwibnVtYmVyXCJdOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICBbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiB7XG5cdGhlaWdodDogYXV0bztcbiAgfVxuXG4gIC8qKlxuICAgKiAxLiBDb3JyZWN0IHRoZSBvZGQgYXBwZWFyYW5jZSBpbiBDaHJvbWUgYW5kIFNhZmFyaS5cbiAgICogMi4gQ29ycmVjdCB0aGUgb3V0bGluZSBzdHlsZSBpbiBTYWZhcmkuXG4gICAqL1xuXG4gIFt0eXBlPVwic2VhcmNoXCJdIHtcblx0LXdlYmtpdC1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7IC8qIDEgKi9cblx0b3V0bGluZS1vZmZzZXQ6IC0ycHg7IC8qIDIgKi9cbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmUgdGhlIGlubmVyIHBhZGRpbmcgaW4gQ2hyb21lIGFuZCBTYWZhcmkgb24gbWFjT1MuXG4gICAqL1xuXG4gIFt0eXBlPVwic2VhcmNoXCJdOjotd2Via2l0LXNlYXJjaC1kZWNvcmF0aW9uIHtcblx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICB9XG5cbiAgLyoqXG4gICAqIDEuIENvcnJlY3QgdGhlIGluYWJpbGl0eSB0byBzdHlsZSBjbGlja2FibGUgdHlwZXMgaW4gaU9TIGFuZCBTYWZhcmkuXG4gICAqIDIuIENoYW5nZSBmb250IHByb3BlcnRpZXMgdG8gYGluaGVyaXRgIGluIFNhZmFyaS5cbiAgICovXG5cbiAgOjotd2Via2l0LWZpbGUtdXBsb2FkLWJ1dHRvbiB7XG5cdC13ZWJraXQtYXBwZWFyYW5jZTogYnV0dG9uOyAvKiAxICovXG5cdGZvbnQ6IGluaGVyaXQ7IC8qIDIgKi9cbiAgfVxuXG4gIC8qIEludGVyYWN0aXZlXG5cdCA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAqL1xuXG4gIC8qXG4gICAqIEFkZCB0aGUgY29ycmVjdCBkaXNwbGF5IGluIEVkZ2UsIElFIDEwKywgYW5kIEZpcmVmb3guXG4gICAqL1xuXG4gIGRldGFpbHMge1xuXHRkaXNwbGF5OiBibG9jaztcbiAgfVxuXG4gIC8qXG4gICAqIEFkZCB0aGUgY29ycmVjdCBkaXNwbGF5IGluIGFsbCBicm93c2Vycy5cbiAgICovXG5cbiAgc3VtbWFyeSB7XG5cdGRpc3BsYXk6IGxpc3QtaXRlbTtcbiAgfVxuXG4gIC8qIE1pc2Ncblx0ID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09ICovXG5cbiAgLyoqXG4gICAqIEFkZCB0aGUgY29ycmVjdCBkaXNwbGF5IGluIElFIDEwKy5cbiAgICovXG5cbiAgdGVtcGxhdGUge1xuXHRkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgLyoqXG4gICAqIEFkZCB0aGUgY29ycmVjdCBkaXNwbGF5IGluIElFIDEwLlxuICAgKi9cblxuICBbaGlkZGVuXSB7XG5cdGRpc3BsYXk6IG5vbmU7XG4gIH0iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFDQUEsNEVBQTRFO0FBRTVFO2dGQUNnRjtBQUVoRjs7O0dBR0c7QUFFRixBQUFBLElBQUksQ0FBQztFQUNMLFdBQVcsRUFBRSxJQUFJO0VBQUUsT0FBTztFQUMxQix3QkFBd0IsRUFBRSxJQUFJO0VBQUUsT0FBTztDQUNyQzs7QUFFRDsrRUFDNkU7QUFFN0U7O0tBRUc7QUFFSCxBQUFBLElBQUksQ0FBQztFQUNOLE1BQU0sRUFBRSxDQUFDO0NBQ1A7O0FBRUQ7O0tBRUc7QUFFSCxBQUFBLElBQUksQ0FBQztFQUNOLE9BQU8sRUFBRSxLQUFLO0NBQ1o7O0FBRUQ7OztLQUdHO0FBRUgsQUFBQSxFQUFFLENBQUM7RUFDSixTQUFTLEVBQUUsR0FBRztFQUNkLE1BQU0sRUFBRSxRQUFRO0NBQ2Q7O0FBRUQ7K0VBQzZFO0FBRTdFOzs7S0FHRztBQUVILEFBQUEsRUFBRSxDQUFDO0VBQ0osVUFBVSxFQUFFLFdBQVc7RUFBRSxPQUFPO0VBQ2hDLE1BQU0sRUFBRSxDQUFDO0VBQUUsT0FBTztFQUNsQixRQUFRLEVBQUUsT0FBTztFQUFFLE9BQU87Q0FDeEI7O0FBRUQ7OztLQUdHO0FBRUgsQUFBQSxHQUFHLENBQUM7RUFDTCxXQUFXLEVBQUUsb0JBQW9CO0VBQUUsT0FBTztFQUMxQyxTQUFTLEVBQUUsR0FBRztFQUFFLE9BQU87Q0FDckI7O0FBRUQ7K0VBQzZFO0FBRTdFOztLQUVHO0FBRUgsQUFBQSxDQUFDLENBQUM7RUFDSCxnQkFBZ0IsRUFBRSxXQUFXO0NBQzNCOztBQUVEOzs7S0FHRztBQUVILEFBQUEsSUFBSSxDQUFBLEFBQUEsS0FBQyxBQUFBLEVBQU87RUFDYixhQUFhLEVBQUUsSUFBSTtFQUFFLE9BQU87RUFDNUIsZUFBZSxFQUFFLFNBQVM7RUFBRSxPQUFPO0VBQ25DLGVBQWUsRUFBRSxnQkFBZ0I7RUFBRSxPQUFPO0NBQ3hDOztBQUVEOztLQUVHO0FBRUgsQUFBQSxDQUFDO0FBQ0QsTUFBTSxDQUFDO0VBQ1IsV0FBVyxFQUFFLE1BQU07Q0FDakI7O0FBRUQ7OztLQUdHO0FBRUgsQUFBQSxJQUFJO0FBQ0osR0FBRztBQUNILElBQUksQ0FBQztFQUNOLFdBQVcsRUFBRSxvQkFBb0I7RUFBRSxPQUFPO0VBQzFDLFNBQVMsRUFBRSxHQUFHO0VBQUUsT0FBTztDQUNyQjs7QUFFRDs7S0FFRztBQUVILEFBQUEsS0FBSyxDQUFDO0VBQ1AsU0FBUyxFQUFFLEdBQUc7Q0FDWjs7QUFFRDs7O0tBR0c7QUFFSCxBQUFBLEdBQUc7QUFDSCxHQUFHLENBQUM7RUFDTCxTQUFTLEVBQUUsR0FBRztFQUNkLFdBQVcsRUFBRSxDQUFDO0VBQ2QsUUFBUSxFQUFFLFFBQVE7RUFDbEIsY0FBYyxFQUFFLFFBQVE7Q0FDdEI7O0FBRUQsQUFBQSxHQUFHLENBQUM7RUFDTCxNQUFNLEVBQUUsT0FBTztDQUNiOztBQUVELEFBQUEsR0FBRyxDQUFDO0VBQ0wsR0FBRyxFQUFFLE1BQU07Q0FDVDs7QUFFRDsrRUFDNkU7QUFFN0U7O0tBRUc7QUFFSCxBQUFBLEdBQUcsQ0FBQztFQUNMLFlBQVksRUFBRSxJQUFJO0NBQ2hCOztBQUVEOytFQUM2RTtBQUU3RTs7O0tBR0c7QUFFSCxBQUFBLE1BQU07QUFDTixLQUFLO0FBQ0wsUUFBUTtBQUNSLE1BQU07QUFDTixRQUFRLENBQUM7RUFDVixXQUFXLEVBQUUsT0FBTztFQUFFLE9BQU87RUFDN0IsU0FBUyxFQUFFLElBQUk7RUFBRSxPQUFPO0VBQ3hCLFdBQVcsRUFBRSxJQUFJO0VBQUUsT0FBTztFQUMxQixNQUFNLEVBQUUsQ0FBQztFQUFFLE9BQU87Q0FDaEI7O0FBRUQ7OztLQUdHO0FBRUgsQUFBQSxNQUFNO0FBQ04sS0FBSyxDQUFDO0VBQUUsT0FBTztFQUNoQixRQUFRLEVBQUUsT0FBTztDQUNmOztBQUVEOzs7S0FHRztBQUVILEFBQUEsTUFBTTtBQUNOLE1BQU0sQ0FBQztFQUFFLE9BQU87RUFDakIsY0FBYyxFQUFFLElBQUk7Q0FDbEI7O0FBRUQ7O0tBRUc7QUFFSCxBQUFBLE1BQU07Q0FDTixBQUFBLElBQUMsQ0FBSyxRQUFRLEFBQWI7Q0FDRCxBQUFBLElBQUMsQ0FBSyxPQUFPLEFBQVo7Q0FDRCxBQUFBLElBQUMsQ0FBSyxRQUFRLEFBQWIsRUFBZTtFQUNqQixrQkFBa0IsRUFBRSxNQUFNO0NBQ3hCOztBQUVEOztLQUVHO0FBRUgsQUFBQSxNQUFNLEFBQUEsa0JBQWtCO0NBQ3hCLEFBQUEsSUFBQyxDQUFLLFFBQVEsQUFBYixDQUFjLGtCQUFrQjtDQUNqQyxBQUFBLElBQUMsQ0FBSyxPQUFPLEFBQVosQ0FBYSxrQkFBa0I7Q0FDaEMsQUFBQSxJQUFDLENBQUssUUFBUSxBQUFiLENBQWMsa0JBQWtCLENBQUM7RUFDbkMsWUFBWSxFQUFFLElBQUk7RUFDbEIsT0FBTyxFQUFFLENBQUM7Q0FDUjs7QUFFRDs7S0FFRztBQUVILEFBQUEsTUFBTSxBQUFBLGVBQWU7Q0FDckIsQUFBQSxJQUFDLENBQUssUUFBUSxBQUFiLENBQWMsZUFBZTtDQUM5QixBQUFBLElBQUMsQ0FBSyxPQUFPLEFBQVosQ0FBYSxlQUFlO0NBQzdCLEFBQUEsSUFBQyxDQUFLLFFBQVEsQUFBYixDQUFjLGVBQWUsQ0FBQztFQUNoQyxPQUFPLEVBQUUscUJBQXFCO0NBQzVCOztBQUVEOztLQUVHO0FBRUgsQUFBQSxRQUFRLENBQUM7RUFDVixPQUFPLEVBQUUscUJBQXFCO0NBQzVCOztBQUVEOzs7OztLQUtHO0FBRUgsQUFBQSxNQUFNLENBQUM7RUFDUixVQUFVLEVBQUUsVUFBVTtFQUFFLE9BQU87RUFDL0IsS0FBSyxFQUFFLE9BQU87RUFBRSxPQUFPO0VBQ3ZCLE9BQU8sRUFBRSxLQUFLO0VBQUUsT0FBTztFQUN2QixTQUFTLEVBQUUsSUFBSTtFQUFFLE9BQU87RUFDeEIsT0FBTyxFQUFFLENBQUM7RUFBRSxPQUFPO0VBQ25CLFdBQVcsRUFBRSxNQUFNO0VBQUUsT0FBTztDQUMxQjs7QUFFRDs7S0FFRztBQUVILEFBQUEsUUFBUSxDQUFDO0VBQ1YsY0FBYyxFQUFFLFFBQVE7Q0FDdEI7O0FBRUQ7O0tBRUc7QUFFSCxBQUFBLFFBQVEsQ0FBQztFQUNWLFFBQVEsRUFBRSxJQUFJO0NBQ1o7O0FBRUQ7OztLQUdHO0NBRUgsQUFBQSxBQUFBLElBQUMsQ0FBSyxVQUFVLEFBQWY7Q0FDRCxBQUFBLElBQUMsQ0FBSyxPQUFPLEFBQVosRUFBYztFQUNoQixVQUFVLEVBQUUsVUFBVTtFQUFFLE9BQU87RUFDL0IsT0FBTyxFQUFFLENBQUM7RUFBRSxPQUFPO0NBQ2pCOztBQUVEOztLQUVHO0NBRUgsQUFBQSxBQUFBLElBQUMsQ0FBSyxRQUFRLEFBQWIsQ0FBYywyQkFBMkI7Q0FDMUMsQUFBQSxJQUFDLENBQUssUUFBUSxBQUFiLENBQWMsMkJBQTJCLENBQUM7RUFDNUMsTUFBTSxFQUFFLElBQUk7Q0FDVjs7QUFFRDs7O0tBR0c7Q0FFSCxBQUFBLEFBQUEsSUFBQyxDQUFLLFFBQVEsQUFBYixFQUFlO0VBQ2pCLGtCQUFrQixFQUFFLFNBQVM7RUFBRSxPQUFPO0VBQ3RDLGNBQWMsRUFBRSxJQUFJO0VBQUUsT0FBTztDQUMzQjs7QUFFRDs7S0FFRztDQUVILEFBQUEsQUFBQSxJQUFDLENBQUssUUFBUSxBQUFiLENBQWMsMkJBQTJCLENBQUM7RUFDNUMsa0JBQWtCLEVBQUUsSUFBSTtDQUN0Qjs7QUFFRDs7O0tBR0c7QUFFSCxBQUFBLDRCQUE0QixDQUFDO0VBQzlCLGtCQUFrQixFQUFFLE1BQU07RUFBRSxPQUFPO0VBQ25DLElBQUksRUFBRSxPQUFPO0VBQUUsT0FBTztDQUNwQjs7QUFFRDsrRUFDNkU7QUFFN0U7O0tBRUc7QUFFSCxBQUFBLE9BQU8sQ0FBQztFQUNULE9BQU8sRUFBRSxLQUFLO0NBQ1o7O0FBRUQ7O0tBRUc7QUFFSCxBQUFBLE9BQU8sQ0FBQztFQUNULE9BQU8sRUFBRSxTQUFTO0NBQ2hCOztBQUVEOytFQUM2RTtBQUU3RTs7S0FFRztBQUVILEFBQUEsUUFBUSxDQUFDO0VBQ1YsT0FBTyxFQUFFLElBQUk7Q0FDWDs7QUFFRDs7S0FFRztDQUVILEFBQUEsQUFBQSxNQUFDLEFBQUEsRUFBUTtFQUNWLE9BQU8sRUFBRSxJQUFJO0NBQ1g7O0FEMVZILEFBQUEsSUFBSTtBQUNKLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBSyxRQUFRLEFBQWIsRUFBYztFQUNuQixrQkFBa0IsRUFBRSxVQUFVO0VBQzlCLGVBQWUsRUFBSyxVQUFVO0VBQzlCLFVBQVUsRUFBVSxVQUFVO0NBQzlCOztBQUVELEFBQUEsQ0FBQztBQUNELENBQUMsQUFBQSxPQUFPO0FBQ1IsQ0FBQyxBQUFBLE1BQU0sQ0FBQztFQUNQLFVBQVUsRUFBRSxPQUFPO0NBQ25COztBQUVELEFBQUEsSUFBSSxDQUFDO0VBQ0osZ0JBQWdCLEVBQUUsT0FBTztFQUN6QixLQUFLLEVBQUUsSUFBSTtFQUNYLFdBQVcsRUFBRSw4Q0FBOEM7RUFDM0QsU0FBUyxFQUFFLElBQUk7RUFDZixXQUFXLEVBQUUsR0FBRztFQUNoQixXQUFXLEVBQUUsS0FBSztDQUNsQjs7QUFFRCxBQUFBLEtBQUssQ0FBQztFQUNMLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxLQUFLLENBQUMsQ0FBQyxDQUFDO0VBQ1AsZUFBZSxFQUFFLFNBQVM7Q0FJMUI7O0FBTEQsQUFFQyxLQUZJLENBQUMsQ0FBQyxBQUVMLE1BQU0sQ0FBQztFQUNQLEtBQUssRUFBRSxPQUFPO0NBQ2Q7O0FBR0YsQUFBQSxFQUFFO0FBQ0YsRUFBRTtBQUNGLEVBQUU7QUFDRixFQUFFO0FBQ0YsRUFBRTtBQUNGLEVBQUUsQ0FBQztFQUNGLEtBQUssRUFBRSxJQUFJO0VBQ1gsV0FBVyxFQUFFLEdBQUc7RUFDaEIsV0FBVyxFQUFFLEdBQUc7RUFDaEIsTUFBTSxFQUFFLENBQUM7RUFDVCxhQUFhLEVBQUUsSUFBSTtFQUNuQixPQUFPLEVBQUUsQ0FBQztDQUNWOztBQUVELEFBQUEsQ0FBQyxDQUFDO0VBQ0QsS0FBSyxFQUFFLE9BQU87Q0FDZDs7QUFFRCxBQUFBLENBQUMsQUFBQSxNQUFNLEVBQUUsQ0FBQyxBQUFBLE9BQU8sRUFBRSxDQUFDLEFBQUEsTUFBTSxDQUFDO0VBQzFCLEtBQUssRUFBRSxPQUFPO0NBQ2Q7O0FBRUQsQUFBQSxNQUFNLENBQUM7RUFDTixVQUFVLEVBQUUsY0FBYztFQUMxQixnQkFBZ0IsRUFBRSxJQUFJO0VBQ3RCLFVBQVUsRUFBRSxjQUFjO0VBQzFCLE1BQU0sRUFBRSxtQkFBbUI7RUFDM0IsUUFBUSxFQUFFLElBQUk7RUFDZCxPQUFPLEVBQUUsSUFBSTtFQUNiLFNBQVMsRUFBRSxLQUFLO0NBb1JoQjs7QUEzUkQsQUFRQyxNQVJLLENBUUwsV0FBVyxDQUFDO0VBQ1gsT0FBTyxFQUFFLElBQUk7RUFDYixlQUFlLEVBQUUsYUFBYTtFQUM5QixXQUFXLEVBQUUsTUFBTTtFQUNuQixNQUFNLEVBQUUsVUFBVTtDQUNsQjs7QUFiRixBQWNDLE1BZEssQ0FjTCxFQUFFLENBQUM7RUFDRixTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxHQUFHO0VBQ2hCLE1BQU0sRUFBRSxDQUFDO0NBU1Q7O0FBMUJGLEFBa0JFLE1BbEJJLENBY0wsRUFBRSxBQUlBLE1BQU0sQ0FBQztFQUNQLE9BQU8sRUFBRSxFQUFFO0VBQ1gsT0FBTyxFQUFFLEtBQUs7RUFDZCxLQUFLLEVBQUUsSUFBSTtDQUNYOztBQXRCSCxBQXVCRSxNQXZCSSxDQWNMLEVBQUUsQ0FTRCxJQUFJLENBQUM7RUFDSixXQUFXLEVBQUUsR0FBRztDQUNoQjs7QUF6QkgsQUE0QkMsTUE1QkssQ0E0QkwsTUFBTSxDQUFDO0VBQ04sTUFBTSxFQUFFLENBQUM7Q0FDVDs7QUE5QkYsQUFnQ0MsTUFoQ0ssQ0FnQ0wsUUFBUSxDQUFDO0VBQ1IsT0FBTyxFQUFFLElBQUk7RUFDYixXQUFXLEVBQUUsTUFBTTtDQW9EbkI7O0FBdEZGLEFBbUNFLE1BbkNJLENBZ0NMLFFBQVEsQ0FHUCxPQUFPLENBQUM7RUFDUCxLQUFLLEVBQUUsT0FBTztFQUNkLFNBQVMsRUFBRSxJQUFJO0VBQ2YsV0FBVyxFQUFFLElBQUk7RUFDakIsY0FBYyxFQUFFLE1BQU07Q0FPdEI7O0FBOUNILEFBd0NHLE1BeENHLENBZ0NMLFFBQVEsQ0FHUCxPQUFPLEFBS0wsT0FBTyxDQUFBO0VBQ1AsS0FBSyxFQUFFLE9BQU87Q0FDZDs7QUExQ0osQUEyQ0csTUEzQ0csQ0FnQ0wsUUFBUSxDQUdQLE9BQU8sQUFRTCxNQUFNLENBQUM7RUFDUCxLQUFLLEVBQUUsT0FBTztDQUNkOztBQTdDSixBQStDRSxNQS9DSSxDQWdDTCxRQUFRLENBZVAsT0FBTyxDQUFDO0VBQ1AsV0FBVyxFQUFFLE1BQU07RUFDbkIsVUFBVSxFQUFFLE1BQU07RUFDbEIsU0FBUyxFQUFFLElBQUk7RUFDZixXQUFXLEVBQUUsSUFBSTtFQUNqQixXQUFXLEVBQUUsSUFBSTtFQUNqQixNQUFNLEVBQUUsT0FBTztDQWdDZjs7QUFyRkgsQUFzREcsTUF0REcsQ0FnQ0wsUUFBUSxDQXNCTCxhQUFNLENBQUM7RUFDUCxLQUFLLEVBQUUsT0FBTztFQUNkLFVBQVUsRUFBRSxPQUFPO0VBQ25CLFVBQVUsRUFBRSxJQUFJO0VBQ2hCLE9BQU8sRUFBRSxNQUFNO0VBQ2YsV0FBVyxFQUFFLElBQUk7RUFDakIsYUFBYSxFQUFFLEdBQUc7RUFDbEIsU0FBUyxFQUFFLElBQUk7RUFDZixlQUFlLEVBQUUsSUFBSTtFQUNyQixNQUFNLEVBQUUsaUJBQWlCO0NBTXpCOztBQXJFSixBQWdFSSxNQWhFRSxDQWdDTCxRQUFRLENBc0JMLGFBQU0sQUFVTCxNQUFNLENBQUM7RUFDUCxVQUFVLEVBQUUsT0FBTztFQUNuQixZQUFZLEVBQUUsT0FBTztFQUNyQixLQUFLLEVBQUUsT0FBTztDQUNkOztBQXBFTCxBQXNFRyxNQXRFRyxDQWdDTCxRQUFRLENBc0NMLGFBQU0sQ0FBQztFQUNQLFVBQVUsRUFBRSxPQUFPO0VBQ25CLEtBQUssRUFBRSxJQUFJO0VBQ1gsT0FBTyxFQUFFLE1BQU07RUFDZixlQUFlLEVBQUUsSUFBSTtFQUNyQixhQUFhLEVBQUUsR0FBRztFQUNsQixTQUFTLEVBQUUsSUFBSTtFQUNmLFVBQVUsRUFBRSxJQUFJO0VBQ2hCLE1BQU0sRUFBRSxpQkFBaUI7Q0FNekI7O0FBcEZKLEFBK0VJLE1BL0VFLENBZ0NMLFFBQVEsQ0FzQ0wsYUFBTSxBQVNMLE1BQU0sRUEvRVgsTUFBTSxDQWdDTCxRQUFRLENBc0NMLGFBQU0sQUFTSSxPQUFPLENBQUM7RUFDakIsVUFBVSxFQUFFLE9BQU87RUFDbkIsWUFBWSxFQUFFLE9BQU87RUFDckIsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFuRkwsQUF3RkMsTUF4RkssQ0F3RkwsUUFBUSxDQUFDO0VBQ1IsVUFBVSxFQUFFLElBQUk7RUFDaEIsTUFBTSxFQUFFLENBQUM7RUFDVCxTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxNQUFNO0VBQ25CLFVBQVUsRUFBRSxpQkFBaUI7RUFDN0IsV0FBVyxFQUFFLElBQUk7RUFDakIsT0FBTyxFQUFFLElBQUk7Q0E0RGI7O0FBM0pGLEFBZ0dFLE1BaEdJLENBd0ZMLFFBQVEsQUFRTixPQUFPLENBQUM7RUFDUixPQUFPLEVBQUUsSUFBSTtFQUNiLFNBQVMsRUFBRSxJQUFJO0VBQ2YsV0FBVyxFQUFFLFVBQVU7Q0FDdkI7O0FBcEdILEFBcUdFLE1BckdJLENBd0ZMLFFBQVEsQ0FhUCxpQkFBaUIsQ0FBQztFQUNqQixPQUFPLEVBQUUsSUFBSTtFQUNiLFdBQVcsRUFBRSxNQUFNO0VBQ25CLFlBQVksRUFBRSxJQUFJO0VBQ2xCLGFBQWEsRUFBRSxJQUFJO0NBaURuQjs7QUExSkgsQUEwR0csTUExR0csQ0F3RkwsUUFBUSxDQWFQLGlCQUFpQixDQUtoQixDQUFDLENBQUM7RUFDRCxXQUFXLEVBQUUsMEJBQTBCO0VBQ3ZDLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLFdBQVcsRUFBRSxNQUFNO0VBQ25CLFNBQVMsRUFBRSxJQUFJO0VBQ2YsS0FBSyxFQUFFLE9BQU87RUFDZCxlQUFlLEVBQUUsSUFBSTtFQUNyQixPQUFPLEVBQUUsQ0FBQztFQUNWLFdBQVcsRUFBRSxDQUFDO0VBQ2QsT0FBTyxFQUFFLElBQUk7RUFDYixXQUFXLEVBQUUsTUFBTTtDQXFDbkI7O0FBekpKLEFBc0hLLE1BdEhDLENBd0ZMLFFBQVEsQ0FhUCxpQkFBaUIsQ0FLaEIsQ0FBQyxBQVdDLE1BQU0sQ0FDTixPQUFPLENBQUM7RUFDUCxVQUFVLEVBQUUsT0FBTztDQUluQjs7QUEzSE4sQUF3SE0sTUF4SEEsQ0F3RkwsUUFBUSxDQWFQLGlCQUFpQixDQUtoQixDQUFDLEFBV0MsTUFBTSxDQUNOLE9BQU8sQUFFTCxPQUFPLENBQUM7RUFDUixVQUFVLEVBQUUsT0FBTztDQUNuQjs7QUExSFAsQUE2SEksTUE3SEUsQ0F3RkwsUUFBUSxDQWFQLGlCQUFpQixDQUtoQixDQUFDLENBbUJBLE9BQU8sQ0FBQztFQUNQLE1BQU0sRUFBRSxPQUFPO0VBQ2YsTUFBTSxFQUFFLElBQUk7RUFDWixLQUFLLEVBQUUsSUFBSTtFQUNYLFVBQVUsRUFBRSxPQUFPO0VBQ25CLE9BQU8sRUFBRSxLQUFLO0VBQ2QsYUFBYSxFQUFFLElBQUk7RUFDbkIsUUFBUSxFQUFFLFFBQVE7RUFDbEIsWUFBWSxFQUFFLEdBQUc7Q0FtQmpCOztBQXhKTCxBQXNJSyxNQXRJQyxDQXdGTCxRQUFRLENBYVAsaUJBQWlCLENBS2hCLENBQUMsQ0FtQkEsT0FBTyxBQVNMLE1BQU0sQ0FBQztFQUNQLE9BQU8sRUFBRSxFQUFFO0VBQ1gsUUFBUSxFQUFFLFFBQVE7RUFDbEIsR0FBRyxFQUFFLEdBQUc7RUFDUixJQUFJLEVBQUUsR0FBRztFQUNULEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7RUFDWixVQUFVLEVBQUUsSUFBSTtFQUNoQixhQUFhLEVBQUUsSUFBSTtFQUNuQixVQUFVLEVBQUUsSUFBSTtDQUNoQjs7QUFoSk4sQUFpSkssTUFqSkMsQ0F3RkwsUUFBUSxDQWFQLGlCQUFpQixDQUtoQixDQUFDLENBbUJBLE9BQU8sQUFvQkwsT0FBTyxDQUFDO0VBQ1IsVUFBVSxFQUFFLE9BQU87Q0FLbkI7O0FBdkpOLEFBbUpNLE1BbkpBLENBd0ZMLFFBQVEsQ0FhUCxpQkFBaUIsQ0FLaEIsQ0FBQyxDQW1CQSxPQUFPLEFBb0JMLE9BQU8sQUFFTixNQUFNLENBQUM7RUFDUCxJQUFJLEVBQUUsZ0JBQWdCO0VBQ3RCLFNBQVMsRUFBRSxpQkFBaUI7Q0FDNUI7O0FBdEpQLEFBNkpDLE1BN0pLLENBNkpMLE9BQU8sQ0FBQztFQUNQLE1BQU0sRUFBRSxjQUFjO0NBZ0N0Qjs7QUE5TEYsQUFnS0UsTUFoS0ksQ0E2SkwsT0FBTyxBQUdMLE1BQU0sQ0FBQztFQUNQLE9BQU8sRUFBRSxJQUFJO0NBQ2I7O0FBbEtILEFBbUtFLE1BbktJLENBNkpMLE9BQU8sQ0FNTixlQUFlLENBQUM7RUFDZixPQUFPLEVBQUUsSUFBSTtDQUNiOztBQXJLSCxBQXNLRSxNQXRLSSxDQTZKTCxPQUFPLENBU04sMEJBQTBCLENBQUM7RUFDMUIsUUFBUSxFQUFFLFFBQVE7RUFDbEIsTUFBTSxFQUFFLElBQUk7RUFDWixVQUFVLEVBQUUsTUFBTTtFQUNsQixNQUFNLEVBQUUsSUFBSTtDQW1CWjs7QUE3TEgsQUEyS0csTUEzS0csQ0E2SkwsT0FBTyxDQVNOLDBCQUEwQixDQUt6QixnQkFBZ0IsQ0FBQztFQUNoQixTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxHQUFHO0VBQ2hCLGdCQUFnQixFQUFFLElBQUk7RUFDdEIsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLFFBQVE7RUFDakIsT0FBTyxFQUFFLFlBQVk7RUFDckIsT0FBTyxFQUFFLENBQUM7RUFDVixNQUFNLEVBQUUsQ0FBQztDQUNUOztBQXBMSixBQXFMRyxNQXJMRyxDQTZKTCxPQUFPLENBU04sMEJBQTBCLENBZXpCLEtBQUssQ0FBQztFQUNMLE9BQU8sRUFBRSxLQUFLO0VBQ2QsVUFBVSxFQUFFLGVBQWU7RUFDM0IsUUFBUSxFQUFFLFFBQVE7RUFDbEIsR0FBRyxFQUFFLEdBQUc7RUFDUixJQUFJLEVBQUUsQ0FBQztFQUNQLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBNUxKLEFBZ01DLE1BaE1LLENBZ01MLFdBQVc7QUFoTVosTUFBTSxDQWlNTCxZQUFZLENBQUM7RUFDWixXQUFXLEVBQUUsR0FBRztFQUNoQixVQUFVLEVBQUUsT0FBTztFQUNuQixPQUFPLEVBQUUsUUFBUTtFQUNqQixNQUFNLEVBQUUsQ0FBQztDQUNUOztBQXRNRixBQXdNQyxNQXhNSyxDQXdNTCxZQUFZO0FBeE1iLE1BQU0sQ0F5TUwsVUFBVSxDQUFDO0VBQ1YsVUFBVSxFQUFFLElBQUk7RUFDaEIsT0FBTyxFQUFFLFFBQVE7RUFDakIsTUFBTSxFQUFFLENBQUM7Q0FJVDs7QUFoTkYsQUE2TUUsTUE3TUksQ0F3TUwsWUFBWSxDQUtYLE1BQU07QUE3TVIsTUFBTSxDQXlNTCxVQUFVLENBSVQsTUFBTSxDQUFDO0VBQ04sS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUEvTUgsQUFrTkMsTUFsTkssQ0FrTkwsVUFBVSxDQUFDO0VBQ1YsYUFBYSxFQUFFLElBQUk7Q0FLbkI7O0FBeE5GLEFBcU5FLE1Bck5JLENBa05MLFVBQVUsQ0FHVCxHQUFHLENBQUM7RUFDSCxjQUFjLEVBQUUsTUFBTTtDQUN0Qjs7QUF2TkgsQUEwTkMsTUExTkssQ0EwTkwsV0FBVyxDQUFDO0VBQ1gsTUFBTSxFQUFFLGFBQWE7RUFDckIsT0FBTyxFQUFFLElBQUk7Q0FDYjs7QUE3TkYsQUErTkMsTUEvTkssQ0ErTkwsTUFBTSxDQUFDO0VBQ04sTUFBTSxFQUFFLGNBQWM7RUFDdEIsT0FBTyxFQUFFLElBQUk7Q0FDYjs7QUFsT0YsQUFvT0MsTUFwT0ssQ0FvT0wsTUFBTSxDQUFDLENBQUMsQ0FBQztFQUNSLE1BQU0sRUFBRSxVQUFVO0NBS2xCOztBQTFPRixBQXVPRSxNQXZPSSxDQW9PTCxNQUFNLENBQUMsQ0FBQyxBQUdOLGFBQWEsQ0FBQztFQUNkLE1BQU0sRUFBRSxDQUFDO0NBQ1Q7O0FBek9ILEFBNE9DLE1BNU9LLEFBNE9KLFFBQVEsQ0FBQztFQUNULFNBQVMsRUFBRSxJQUFJO0VBQ2YsV0FBVyxFQUFFLEdBQUc7RUFDaEIsT0FBTyxFQUFFLElBQUk7RUFDYixhQUFhLEVBQUUsSUFBSTtDQTBDbkI7O0FBMVJGLEFBa1BFLE1BbFBJLEFBNE9KLFFBQVEsQ0FNUixFQUFFLENBQUM7RUFDRixTQUFTLEVBQUUsZUFBZTtDQUMxQjs7QUFwUEgsQUFzUEUsTUF0UEksQUE0T0osUUFBUSxDQVVSLE1BQU0sQ0FBQztFQUNOLFVBQVUsRUFBRSxjQUFjO0VBQzFCLFFBQVEsRUFBRSxNQUFNO0VBQ2hCLEtBQUssRUFBRSxJQUFJO0VBQ1gsUUFBUSxFQUFFLFFBQVE7Q0FDbEI7O0FBM1BILEFBNlBFLE1BN1BJLEFBNE9KLFFBQVEsQ0FpQlIsTUFBTSxBQUFBLE9BQU8sQ0FBQztFQUNiLE9BQU8sRUFBRSxFQUFFO0VBQ1gsS0FBSyxFQUFFLElBQUk7RUFDWCxPQUFPLEVBQUUsS0FBSztDQUNkOztBQWpRSCxBQW1RRSxNQW5RSSxBQTRPSixRQUFRLENBdUJSLE9BQU8sQ0FBQztFQUNQLFVBQVUsRUFBRSxDQUFDO0NBQ2I7O0FBclFILEFBdVFFLE1BdlFJLEFBNE9KLFFBQVEsQ0EyQlIsV0FBVyxDQUFDO0VBQ1gsS0FBSyxFQUFFLEdBQUc7RUFDVixLQUFLLEVBQUUsSUFBSTtFQUNYLE1BQU0sRUFBRSxJQUFJO0NBQ1o7O0FBM1FILEFBNlFFLE1BN1FJLEFBNE9KLFFBQVEsQ0FpQ1IsWUFBWSxDQUFDO0VBQ1osS0FBSyxFQUFFLEdBQUc7RUFDVixLQUFLLEVBQUUsS0FBSztDQUNaOztBQWhSSCxBQWtSRSxNQWxSSSxBQTRPSixRQUFRLENBc0NSLFVBQVUsQ0FBQztFQUNWLE9BQU8sRUFBRSxJQUFJO0NBQ2I7O0FBcFJILEFBc1JFLE1BdFJJLEFBNE9KLFFBQVEsQ0EwQ1IsV0FBVyxDQUFDO0VBQ1gsU0FBUyxFQUFFLElBQUk7RUFDZixNQUFNLEVBQUUsYUFBYTtDQUNyQjs7QUFJSCxNQUFNLENBQUMsS0FBSztFQUVYLEFBQUEsTUFBTSxDQUFDO0lBQ04sTUFBTSxFQUFFLElBQUk7SUFDWixVQUFVLEVBQUUsSUFBSTtJQUNoQixPQUFPLEVBQUUsV0FBVztJQUNwQixNQUFNLEVBQUUsQ0FBQztJQUNULEtBQUssRUFBRSxJQUFJO0lBQ1gsU0FBUyxFQUFFLElBQUk7R0FxRGY7RUEzREQsQUFRQyxNQVJLLENBUUwsRUFBRSxDQUFDO0lBQ0YsVUFBVSxFQUFFLE1BQU07R0FDbEI7RUFWRixBQVlDLE1BWkssQ0FZTCxRQUFRO0VBWlQsTUFBTSxDQWFMLFFBQVEsQ0FBQztJQUNSLE9BQU8sRUFBRSxJQUFJO0dBQ2I7RUFmRixBQWlCQyxNQWpCSyxDQWlCTCxPQUFPO0VBakJSLE1BQU0sQ0FrQkwsTUFBTSxDQUFDO0lBQ04sTUFBTSxFQUFFLGNBQWM7R0FDdEI7RUFwQkYsQUFzQkMsTUF0QkssQ0FzQkwsTUFBTTtFQXRCUCxNQUFNLENBdUJMLEtBQUssQ0FBQztJQUNMLFVBQVUsRUFBRSxjQUFjO0lBQzFCLFlBQVksRUFBRSxlQUFlO0dBQzdCO0VBMUJGLEFBNEJDLE1BNUJLLENBNEJMLE1BQU0sQUFBQSxjQUFjO0VBNUJyQixNQUFNLENBNkJMLEtBQUssQUFBQSxjQUFjLENBQUM7SUFDbkIsTUFBTSxFQUFFLElBQUk7R0FDWjtFQS9CRixBQWlDQyxNQWpDSyxDQWlDTCxXQUFXO0VBakNaLE1BQU0sQ0FrQ0wsWUFBWSxDQUFDO0lBQ1osT0FBTyxFQUFFLGNBQWM7R0FDdkI7RUFwQ0YsQUFzQ0MsTUF0Q0ssQ0FzQ0wsWUFBWTtFQXRDYixNQUFNLENBdUNMLFVBQVUsQ0FBQztJQUNWLFdBQVcsRUFBRSxHQUFHO0dBQ2hCO0VBekNGLEFBMkNDLE1BM0NLLEFBMkNKLFFBQVEsQ0FBQztJQUNULE9BQU8sRUFBRSxJQUFJO0lBQ2IsU0FBUyxFQUFFLElBQUk7R0FTZjtFQXRERixBQStDRSxNQS9DSSxBQTJDSixRQUFRLENBSVIsT0FBTyxDQUFDO0lBQ1AsVUFBVSxFQUFFLElBQUk7R0FDaEI7RUFqREgsQUFtREUsTUFuREksQUEyQ0osUUFBUSxDQVFSLE1BQU0sQUFBQSxjQUFjLENBQUM7SUFDcEIsVUFBVSxFQUFFLGNBQWM7R0FDMUI7RUFyREgsQUF3REMsTUF4REssQ0F3REwsU0FBUyxFQXhEVixNQUFNLENBd0RNLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFDdEIsT0FBTyxFQUFFLGVBQWU7R0FDeEIifQ== */ diff --git a/assets/css/entry-print.min.css b/assets/css/entry-print.min.css new file mode 100644 index 00000000..9e924ba2 --- /dev/null +++ b/assets/css/entry-print.min.css @@ -0,0 +1,87 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background-color:#f1f1f1;color:#333;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;font-weight:400;line-height:1.625}.site{text-align:center;font-size:12px}.site a{text-decoration:underline}.site a:hover{color:#006799}h1,h2,h3,h4,h5,h6{color:#333;font-weight:700;line-height:1.2;margin:0;margin-bottom:16px;padding:0}a{color:#0073aa}a:hover,a:active,a:focus{color:#006799}#print{border-top:1px solid #eee;background-color:#fff;box-shadow:0 1px 2px #ccc;margin:30px auto 20px auto;overflow:auto;padding:30px;max-width:780px}#print .page-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px 0}#print h1{font-size:22px;font-weight:600;margin:0}#print h1:after{content:"";display:table;clear:both}#print h1 span{font-weight:400}#print iframe{border:0}#print .buttons{display:flex;align-items:center}#print .buttons .fa-cog{color:#007CBA;font-size:20px;line-height:23px;vertical-align:middle}#print .buttons .fa-cog.active{color:#BBBBBB}#print .buttons .fa-cog:hover{color:#006799}#print .buttons .button{font-weight:normal;text-align:center;font-size:14px;margin-left:10px;line-height:28px;cursor:pointer}#print .buttons .button-close{color:#0071a1;background:#f3f5f6;min-height:30px;padding:0 10px;margin-left:15px;border-radius:3px;font-size:13px;text-decoration:none;border:1px solid #016087}#print .buttons .button-close:hover{background:#f1f1f1;border-color:#016087;color:#016087}#print .buttons .button-print{background:#007cba;color:#fff;padding:0 10px;text-decoration:none;border-radius:3px;font-size:13px;min-height:30px;border:1px solid #007cba}#print .buttons .button-print:hover,#print .buttons .button-print:active{background:#0071a1;border-color:#0071a1;color:#fff}#print .actions{text-align:left;margin:0;font-size:11px;align-items:center;border-top:1px solid #EEEEEE;padding-top:20px;display:none}#print .actions.active{display:flex;flex-wrap:wrap;align-items:flex-start}#print .actions .switch-container{display:flex;align-items:center;margin-right:20px;margin-bottom:20px}#print .actions .switch-container a{font-family:Helvetica Neue, sans-serif;font-style:normal;font-weight:normal;font-size:14px;color:#444444;text-decoration:none;padding:0;line-height:1;display:flex;align-items:center}#print .actions .switch-container a:hover .switch{background:#777777}#print .actions .switch-container a:hover .switch.active{background:#006799}#print .actions .switch-container a .switch{cursor:pointer;height:18px;width:28px;background:#BBBBBB;display:block;border-radius:10px;position:relative;margin-right:7px}#print .actions .switch-container a .switch:after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:10px;transition:0.3s}#print .actions .switch-container a .switch.active{background:#007cba}#print .actions .switch-container a .switch.active:after{left:calc(100% - 2px);transform:translateX(-100%)}#print .fields{border:1px solid #eee}#print .fields.empty{display:none}#print .fields .wpforms-hidden{display:none}#print .fields .wpforms-pagebreak-divider{position:relative;height:30px;text-align:center;margin:10px}#print .fields .wpforms-pagebreak-divider .pagebreak-label{font-size:14px;font-weight:600;background-color:#fff;position:relative;padding:5px 10px;display:inline-block;z-index:2;margin:0}#print .fields .wpforms-pagebreak-divider .line{display:block;border-top:1px dashed #aaa;position:absolute;top:50%;left:0;width:100%}#print .field-name,#print .note-byline{font-weight:600;background:#ebf3fb;padding:8px 12px;margin:0}#print .field-value,#print .note-text{background:#fff;padding:8px 12px;margin:0}#print .field-value iframe,#print .note-text iframe{width:100%}#print .file-icon{padding-right:10px}#print .file-icon img{vertical-align:middle}#print .notes-head{margin:26px 0 16px 0;display:none}#print .notes{border:1px solid #eee;display:none}#print .notes p{margin:0 0 10px 0}#print .notes p:last-of-type{margin:0}#print.compact{font-size:12px;line-height:1.4;padding:15px;margin-bottom:10px}#print.compact h1{font-size:16px !important}#print.compact .field{border-top:1px solid #eee;overflow:hidden;clear:both;position:relative}#print.compact .field::after{content:"";clear:both;display:table}#print.compact .fields{border-top:0}#print.compact .field-name{width:30%;float:left;height:100%}#print.compact .field-value{width:70%;float:right}#print.compact .file-icon{display:none}#print.compact .notes-head{font-size:16px;margin:16px 0 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; +} + +@media print{#print{border:none;box-shadow:none;padding:30px 0 15px;margin:0;width:100%;max-width:100%}#print h1{text-align:center}#print .buttons,#print .actions{display:none}#print .fields,#print .notes{border:1px solid #ccc}#print .field,#print .note{border-top:1px solid #ccc;border-color:#ccc !important}#print .field:first-of-type,#print .note:first-of-type{border:none}#print .field-name,#print .note-byline{padding:8px 12px 0 8px}#print .field-value,#print .note-text{padding-top:6px}#print.compact{padding:15px;font-size:11px}#print.compact .fields{border-top:none}#print.compact .field:first-of-type{border-top:1px solid #ccc}#print .no-print,#print .no-print *{display:none !important}} diff --git a/assets/css/extend-customizer.min-rtl.css b/assets/css/extend-customizer.min-rtl.css new file mode 100644 index 00000000..46ce5dc5 --- /dev/null +++ b/assets/css/extend-customizer.min-rtl.css @@ -0,0 +1,85 @@ +#customize-theme-controls .customize-pane-child.current-section-parent,.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel-parent{transform:translateX(100%)}#customize-controls .control-section.control-section-ast_section .accordion-section-title{color:#555d66;background-color:#fff;border-bottom:1px solid #ddd;border-right:4px solid #fff;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out}#customize-controls .control-section.control-section-ast_section .accordion-section-title:after{color:#a0a5aa}#customize-controls .control-section.control-section-ast_section .accordion-section-title:focus,#customize-controls .control-section.control-section-ast_section .accordion-section-title:hover{color:#0073aa;background:#f3f3f5;border-right-color:#0073aa}#customize-controls .control-section.control-section-ast_section .accordion-section-title:hover:after{color:#0073aa}#customize-controls .control-section-ast_section .accordion-section{margin-right:-24px;margin-left:-24px}.customize-section-description .astra-section-description ul{margin:0}.customize-section-description .astra-section-description ul>li{list-style-type:none}.customize-section-description .astra-section-description ul>li:last-child{margin-bottom:0}.astra-section-description a{text-decoration:none;font-style:italic;border-bottom:1px dotted transparent;transition:all ease-in-out .3s}.astra-section-description a:hover{border-bottom-color:inherit}#customize-controls .control-section-ast_section .customize-info .customize-section-description{margin-bottom:0}.customize-widgets-header{margin-right:-24px;margin-left:-24px}#customize-sidebar-outer-content{height:calc(100vh - 46px)} + +/* 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; +} diff --git a/assets/css/extend-customizer.min.css b/assets/css/extend-customizer.min.css new file mode 100644 index 00000000..952efd5d --- /dev/null +++ b/assets/css/extend-customizer.min.css @@ -0,0 +1,85 @@ +#customize-theme-controls .customize-pane-child.current-section-parent,.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel-parent{transform:translateX(-100%)}#customize-controls .control-section.control-section-ast_section .accordion-section-title{color:#555d66;background-color:#fff;border-bottom:1px solid #ddd;border-left:4px solid #fff;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out}#customize-controls .control-section.control-section-ast_section .accordion-section-title:after{color:#a0a5aa}#customize-controls .control-section.control-section-ast_section .accordion-section-title:focus,#customize-controls .control-section.control-section-ast_section .accordion-section-title:hover{color:#0073aa;background:#f3f3f5;border-left-color:#0073aa}#customize-controls .control-section.control-section-ast_section .accordion-section-title:hover:after{color:#0073aa}#customize-controls .control-section-ast_section .accordion-section{margin-left:-24px;margin-right:-24px}.customize-section-description .astra-section-description ul{margin:0}.customize-section-description .astra-section-description ul>li{list-style-type:none}.customize-section-description .astra-section-description ul>li:last-child{margin-bottom:0}.astra-section-description a{text-decoration:none;font-style:italic;border-bottom:1px dotted transparent;transition:all ease-in-out .3s}.astra-section-description a:hover{border-bottom-color:inherit}#customize-controls .control-section-ast_section .customize-info .customize-section-description{margin-bottom:0}.customize-widgets-header{margin-left:-24px;margin-right:-24px}#customize-sidebar-outer-content{height:calc(100vh - 46px)} + +/* 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; +} diff --git a/assets/css/extensions.css b/assets/css/extensions.css new file mode 100644 index 00000000..f257871b --- /dev/null +++ b/assets/css/extensions.css @@ -0,0 +1,86 @@ +.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !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; +} diff --git a/assets/css/faq-child.css b/assets/css/faq-child.css new file mode 100644 index 00000000..25e006a6 --- /dev/null +++ b/assets/css/faq-child.css @@ -0,0 +1,86 @@ +.wp-block-uagb-faq-child .uagb-faq-questions-button{display:flex;align-items:center}.wp-block-uagb-faq-child .uagb-faq-questions-button .uagb-faq-icon-wrap{display:flex;align-items:center}.wp-block-uagb-faq-child .uagb-faq-questions-button .uagb-question{width:100%;margin-top:0;margin-bottom:0}.wp-block-uagb-faq-child .uagb-icon svg,.wp-block-uagb-faq-child .uagb-icon-active svg{width:15px;height:15px;font-size:15px}.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap.uagb-faq-item .uagb-icon-active,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap.uagb-faq-item.uagb-faq-item-active .uagb-icon,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item .uagb-icon-active,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item.uagb-faq-item-active .uagb-icon{display:none;width:0;padding:0;height:0;margin:0}.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap.uagb-faq-item .uagb-icon,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap.uagb-faq-item.uagb-faq-item-active .uagb-icon-active,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item .uagb-icon,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item.uagb-faq-item-active .uagb-icon-active{display:flex;width:auto;height:auto}.uagb-faq-layout-grid .uagb-faq-child__outer-wrap.uagb-faq-item .uagb-icon,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap.uagb-faq-item.uagb-faq-item-active .uagb-icon-active,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap .uagb-faq-item .uagb-icon,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap .uagb-faq-item.uagb-faq-item-active .uagb-icon-active{display:none}.uagb-faq-layout-grid .uagb-faq-child__outer-wrap.uagb-faq-item span.uagb-icon-active.uagb-faq-icon-wrap,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap.uagb-faq-item.uagb-faq-item-active .uagb-icon-active,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap .uagb-faq-item span.uagb-icon-active.uagb-faq-icon-wrap,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap .uagb-faq-item.uagb-faq-item-active .uagb-icon-active{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; +} diff --git a/assets/css/faq.css b/assets/css/faq.css new file mode 100644 index 00000000..223d5b72 --- /dev/null +++ b/assets/css/faq.css @@ -0,0 +1,86 @@ +.wp-block-uagb-faq{width:100%}.wp-block-uagb-faq.uagb-faq-layout-accordion .uagb-faq-child__outer-wrap .uagb-faq-questions-button{cursor:pointer}.wp-block-uagb-faq .uagb-faq-content{margin-bottom:0}.wp-block-uagb-faq .uagb-faq-content p{margin:auto}.uagb-faq-layout-grid.uagb-faq-equal-height.uagb-faq__wrap .uagb-faq-child__outer-wrap,.uagb-faq-layout-grid.uagb-faq-equal-height.uagb-faq__wrap .uagb-faq-item{height:100%}body[class*="astra"] .uagb-faq-questions{line-height:normal}.uagb-faq-item{overflow: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; +} diff --git a/assets/css/feedback-rtl.css b/assets/css/feedback-rtl.css new file mode 100644 index 00000000..dc79510b --- /dev/null +++ b/assets/css/feedback-rtl.css @@ -0,0 +1,321 @@ +/* Base CSS to normalize the default. */ +.uds-feedback-form--wrapper h2, +.uds-feedback-form--wrapper p, +.uds-feedback-form--wrapper input[type="radio"] { + margin: 0; + padding: 0; +} + +.uds-feedback-form--wrapper .show { + display: block; +} +.uds-feedback-form--wrapper .hide { + display: none; +} + +.uds-feedback-form--wrapper { + align-items: center; + background-color: rgba( 0, 0, 0, 0.75 ); + bottom: 0; + display: none; + justify-content: center; + right: 0; + position: fixed; + left: 0; + top: 0; + user-select: none; + z-index: -9999; +} + +.uds-feedback-form--wrapper.show_popup { + display: flex !important; + z-index: 99999; +} + +.uds-feedback-form--wrapper .uds-feedback-form--container { + background-color: #fff; + border-radius: 8px; + box-shadow: -4px 4px 24px rgba( 0, 0, 0, 0.25 ); + max-width: 90%; + width: 540px; +} + +.uds-feedback-form--container .uds-form-header--wrapper { + align-items: center; + display: flex; + justify-content: space-between; + padding: 16px 20px 0; +} + +.uds-feedback-form--container .uds-form-title--icon-wrapper { + display: flex; + align-items: center; + gap: 12px; +} + +.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-icon, +.uds-feedback-form--container .uds-form-header--wrapper .uds-close { + width: 20px; + height: 20px; +} + +.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-title { + color: #1f2937; + font-size: 16px; + font-weight: 600; + line-height: 24px; + text-align: right; +} + +.uds-feedback-form--container .uds-form-header--wrapper .uds-close { + color: #9ca3af; + cursor: pointer; +} + +.uds-feedback-form--container .uds-form-header--wrapper .uds-close:hover { + color: #4b5563; +} + +.uds-feedback-form--container .uds-form-body--content { + padding: 20px 20px 0 20px; + display: flex; + flex-direction: column; + gap: 20px; +} + +.uds-feedback-form--container .uds-form-body--content .uds-form-description { + color: #1f2937; + font-size: 16px; + font-weight: 500; + line-height: 24px; + text-align: right; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .reason { + display: flex; + align-items: center; + gap: 12px; + margin-bottom: 12px; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback { + color: #6b7280; + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-align: right; + width: 100%; + padding: 9px 13px; + border-radius: 6px; + border-width: 1px; + border-style: solid; + border-color: #e5e7eb; + box-shadow: 0 1px 2px 0 #0000000d; + background: #fff; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:hover, +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:focus, +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:active { + border-color: #d1d5db; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta { + color: #4b5563; + margin-top: 10px; + font-size: 13px; + font-weight: 400; + line-height: 20px; + text-align: right; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta a { + text-decoration: none; + color: #006ba1; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback::placeholder { + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-align: right; + color: #6b7280; + opacity: 1; +} + +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions { + display: flex; + align-items: center; + justify-content: space-between; + padding: 16px 20px; + background-color: #f6f7f7; + border-top: 1px solid #e1e1e1; + margin: 40px -20px 0; + border-bottom-right-radius: 8px; + border-bottom-left-radius: 8px; +} + +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button { + padding: 7px 13px; + border-radius: 3px; + border-width: 1px; + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-align: right; + border-style: solid; + display: flex; + gap: 8px; + align-items: center; +} + +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button:focus { + outline: none; + box-shadow: none; +} +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing { + pointer-events: none; + opacity: 0.8; +} +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing::before { + content: "\f463"; + animation: spin 2s linear infinite; + font-family: dashicons, sans-serif; + font-weight: 400; + font-size: 18px; + cursor: pointer; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-reason-label { + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-align: right; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type="radio"] { + display: flex; + justify-content: center; + height: 18px; + width: 18px; + cursor: pointer; + margin: 0; + border: 1px solid #d1d5db; + border-radius: 50%; + line-height: 0; + box-shadow: inset 0 1px 2px rgb( 0 0 0 / 10% ); + transition: 0.05s border-color ease-in-out; + -webkit-appearance: none; + padding: 0; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type="radio"]:checked { + vertical-align: middle; + background-color: #006ba1; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type="radio"]:checked::before { + background-color: #fff !important; + border-radius: 50px; + content: "\2022"; + font-size: 24px; + height: 6px; + line-height: 13px; + margin: 5px; + text-indent: -9999px; + width: 6px; +} + +@keyframes spin { + 0% { + transform: rotate( 0deg ); + } + 100% { + transform: rotate( -360deg ); + } +} +,.uds-feedback-form--wrapper h2,.uds-feedback-form--wrapper input[type=radio],.uds-feedback-form--wrapper p{margin:0;padding:0}.uds-feedback-form--wrapper .show{display:block}.uds-feedback-form--wrapper .hide{display:none}.uds-feedback-form--wrapper{align-items:center;background-color:rgba(0,0,0,.75);bottom:0;display:none;justify-content:center;right:0;position:fixed;left:0;top:0;user-select:none;z-index:-9999}.uds-feedback-form--wrapper.show_popup{display:flex!important;z-index:99999}.uds-feedback-form--wrapper .uds-feedback-form--container{background-color:#fff;border-radius:8px;box-shadow:-4px 4px 24px rgba(0,0,0,.25);max-width:90%;width:540px}.uds-feedback-form--container .uds-form-header--wrapper{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 0}.uds-feedback-form--container .uds-form-title--icon-wrapper{display:flex;align-items:center;gap:12px}.uds-feedback-form--container .uds-form-header--wrapper .uds-close,.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-icon{width:20px;height:20px}.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-title{color:#1f2937;font-size:16px;font-weight:600;line-height:24px;text-align:right}.uds-feedback-form--container .uds-form-header--wrapper .uds-close{color:#9ca3af;cursor:pointer}.uds-feedback-form--container .uds-form-header--wrapper .uds-close:hover{color:#4b5563}.uds-feedback-form--container .uds-form-body--content{padding:20px 20px 0 20px;display:flex;flex-direction:column;gap:20px}.uds-feedback-form--container .uds-form-body--content .uds-form-description{color:#1f2937;font-size:16px;font-weight:500;line-height:24px;text-align:right}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .reason{display:flex;align-items:center;gap:12px;margin-bottom:12px}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback{color:#6b7280;font-size:14px;font-weight:400;line-height:20px;text-align:right;width:100%;padding:9px 13px;border-radius:6px;border-width:1px;border-style:solid;border-color:#e5e7eb;box-shadow:0 1px 2px 0 #0000000d;background:#fff}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:active,.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:focus,.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:hover{border-color:#d1d5db}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta{color:#4b5563;margin-top:10px;font-size:13px;font-weight:400;line-height:20px;text-align:right}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta a{text-decoration:none;color:#006ba1}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback::placeholder{font-size:14px;font-weight:400;line-height:20px;text-align:right;color:#6b7280;opacity:1}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#f6f7f7;border-top:1px solid #e1e1e1;margin:40px -20px 0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button{padding:7px 13px;border-radius:3px;border-width:1px;font-size:14px;font-weight:400;line-height:20px;text-align:right;border-style:solid;display:flex;gap:8px;align-items:center}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button:focus{outline:0;box-shadow:none}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing{pointer-events:none;opacity:.8}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing::before{content:"\f463";animation:spin 2s linear infinite;font-family:dashicons,sans-serif;font-weight:400;font-size:18px;cursor:pointer}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-reason-label{font-size:14px;font-weight:400;line-height:20px;text-align:right}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]{display:flex;justify-content:center;height:18px;width:18px;cursor:pointer;margin:0;border:1px solid #d1d5db;border-radius:50%;line-height:0;box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);transition:50ms border-color ease-in-out;-webkit-appearance:none;padding:0}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]:checked{vertical-align:middle;background-color:#006ba1}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]:checked::before{background-color:#fff!important;border-radius:50px;content:"\2022";font-size:24px;height:6px;line-height:13px;margin:5px;text-indent:-9999px;width:6px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}} + +/* 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; +} diff --git a/assets/css/feedback-rtl.min.css b/assets/css/feedback-rtl.min.css new file mode 100644 index 00000000..fa38bda4 --- /dev/null +++ b/assets/css/feedback-rtl.min.css @@ -0,0 +1,85 @@ +.uds-feedback-form--wrapper h2,.uds-feedback-form--wrapper input[type=radio],.uds-feedback-form--wrapper p{margin:0;padding:0}.uds-feedback-form--wrapper .show{display:block}.uds-feedback-form--wrapper .hide{display:none}.uds-feedback-form--wrapper{align-items:center;background-color:rgba(0,0,0,.75);bottom:0;display:none;justify-content:center;right:0;position:fixed;left:0;top:0;user-select:none;z-index:-9999}.uds-feedback-form--wrapper.show_popup{display:flex!important;z-index:99999}.uds-feedback-form--wrapper .uds-feedback-form--container{background-color:#fff;border-radius:8px;box-shadow:-4px 4px 24px rgba(0,0,0,.25);max-width:90%;width:540px}.uds-feedback-form--container .uds-form-header--wrapper{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 0}.uds-feedback-form--container .uds-form-title--icon-wrapper{display:flex;align-items:center;gap:12px}.uds-feedback-form--container .uds-form-header--wrapper .uds-close,.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-icon{width:20px;height:20px}.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-title{color:#1f2937;font-size:16px;font-weight:600;line-height:24px;text-align:right}.uds-feedback-form--container .uds-form-header--wrapper .uds-close{color:#9ca3af;cursor:pointer}.uds-feedback-form--container .uds-form-header--wrapper .uds-close:hover{color:#4b5563}.uds-feedback-form--container .uds-form-body--content{padding:20px 20px 0 20px;display:flex;flex-direction:column;gap:20px}.uds-feedback-form--container .uds-form-body--content .uds-form-description{color:#1f2937;font-size:16px;font-weight:500;line-height:24px;text-align:right}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .reason{display:flex;align-items:center;gap:12px;margin-bottom:12px}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback{color:#6b7280;font-size:14px;font-weight:400;line-height:20px;text-align:right;width:100%;padding:9px 13px;border-radius:6px;border-width:1px;border-style:solid;border-color:#e5e7eb;box-shadow:0 1px 2px 0 #0000000d;background:#fff}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:active,.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:focus,.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:hover{border-color:#d1d5db}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta{color:#4b5563;margin-top:10px;font-size:13px;font-weight:400;line-height:20px;text-align:right}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta a{text-decoration:none;color:#006ba1}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback::placeholder{font-size:14px;font-weight:400;line-height:20px;text-align:right;color:#6b7280;opacity:1}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#f6f7f7;border-top:1px solid #e1e1e1;margin:40px -20px 0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button{padding:7px 13px;border-radius:3px;border-width:1px;font-size:14px;font-weight:400;line-height:20px;text-align:right;border-style:solid;display:flex;gap:8px;align-items:center}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button:focus{outline:0;box-shadow:none}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing{pointer-events:none;opacity:.8}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing::before{content:"\f463";animation:spin 2s linear infinite;font-family:dashicons,sans-serif;font-weight:400;font-size:18px;cursor:pointer}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-reason-label{font-size:14px;font-weight:400;line-height:20px;text-align:right}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]{display:flex;justify-content:center;height:18px;width:18px;cursor:pointer;margin:0;border:1px solid #d1d5db;border-radius:50%;line-height:0;box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);transition:50ms border-color ease-in-out;-webkit-appearance:none;padding:0}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]:checked{vertical-align:middle;background-color:#006ba1}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]:checked::before{background-color:#fff!important;border-radius:50px;content:"\2022";font-size:24px;height:6px;line-height:13px;margin:5px;text-indent:-9999px;width:6px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}},.uds-feedback-form--wrapper h2,.uds-feedback-form--wrapper input[type=radio],.uds-feedback-form--wrapper p{margin:0;padding:0}.uds-feedback-form--wrapper .show{display:block}.uds-feedback-form--wrapper .hide{display:none}.uds-feedback-form--wrapper{align-items:center;background-color:rgba(0,0,0,.75);bottom:0;display:none;justify-content:center;right:0;position:fixed;left:0;top:0;user-select:none;z-index:-9999}.uds-feedback-form--wrapper.show_popup{display:flex!important;z-index:99999}.uds-feedback-form--wrapper .uds-feedback-form--container{background-color:#fff;border-radius:8px;box-shadow:-4px 4px 24px rgba(0,0,0,.25);max-width:90%;width:540px}.uds-feedback-form--container .uds-form-header--wrapper{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 0}.uds-feedback-form--container .uds-form-title--icon-wrapper{display:flex;align-items:center;gap:12px}.uds-feedback-form--container .uds-form-header--wrapper .uds-close,.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-icon{width:20px;height:20px}.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-title{color:#1f2937;font-size:16px;font-weight:600;line-height:24px;text-align:right}.uds-feedback-form--container .uds-form-header--wrapper .uds-close{color:#9ca3af;cursor:pointer}.uds-feedback-form--container .uds-form-header--wrapper .uds-close:hover{color:#4b5563}.uds-feedback-form--container .uds-form-body--content{padding:20px 20px 0 20px;display:flex;flex-direction:column;gap:20px}.uds-feedback-form--container .uds-form-body--content .uds-form-description{color:#1f2937;font-size:16px;font-weight:500;line-height:24px;text-align:right}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .reason{display:flex;align-items:center;gap:12px;margin-bottom:12px}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback{color:#6b7280;font-size:14px;font-weight:400;line-height:20px;text-align:right;width:100%;padding:9px 13px;border-radius:6px;border-width:1px;border-style:solid;border-color:#e5e7eb;box-shadow:0 1px 2px 0 #0000000d;background:#fff}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:active,.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:focus,.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:hover{border-color:#d1d5db}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta{color:#4b5563;margin-top:10px;font-size:13px;font-weight:400;line-height:20px;text-align:right}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta a{text-decoration:none;color:#006ba1}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback::placeholder{font-size:14px;font-weight:400;line-height:20px;text-align:right;color:#6b7280;opacity:1}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#f6f7f7;border-top:1px solid #e1e1e1;margin:40px -20px 0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button{padding:7px 13px;border-radius:3px;border-width:1px;font-size:14px;font-weight:400;line-height:20px;text-align:right;border-style:solid;display:flex;gap:8px;align-items:center}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button:focus{outline:0;box-shadow:none}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing{pointer-events:none;opacity:.8}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing::before{content:"\f463";animation:spin 2s linear infinite;font-family:dashicons,sans-serif;font-weight:400;font-size:18px;cursor:pointer}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-reason-label{font-size:14px;font-weight:400;line-height:20px;text-align:right}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]{display:flex;justify-content:center;height:18px;width:18px;cursor:pointer;margin:0;border:1px solid #d1d5db;border-radius:50%;line-height:0;box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);transition:50ms border-color ease-in-out;-webkit-appearance:none;padding:0}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]:checked{vertical-align:middle;background-color:#006ba1}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]:checked::before{background-color:#fff!important;border-radius:50px;content:"\2022";font-size:24px;height:6px;line-height:13px;margin:5px;text-indent:-9999px;width:6px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}} + +/* 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; +} diff --git a/assets/css/feedback.css b/assets/css/feedback.css new file mode 100644 index 00000000..e4920485 --- /dev/null +++ b/assets/css/feedback.css @@ -0,0 +1,321 @@ +/* Base CSS to normalize the default. */ +.uds-feedback-form--wrapper h2, +.uds-feedback-form--wrapper p, +.uds-feedback-form--wrapper input[type="radio"] { + margin: 0; + padding: 0; +} + +.uds-feedback-form--wrapper .show { + display: block; +} +.uds-feedback-form--wrapper .hide { + display: none; +} + +.uds-feedback-form--wrapper { + align-items: center; + background-color: rgba( 0, 0, 0, 0.75 ); + bottom: 0; + display: none; + justify-content: center; + left: 0; + position: fixed; + right: 0; + top: 0; + user-select: none; + z-index: -9999; +} + +.uds-feedback-form--wrapper.show_popup { + display: flex !important; + z-index: 99999; +} + +.uds-feedback-form--wrapper .uds-feedback-form--container { + background-color: #fff; + border-radius: 8px; + box-shadow: 4px 4px 24px rgba( 0, 0, 0, 0.25 ); + max-width: 90%; + width: 540px; +} + +.uds-feedback-form--container .uds-form-header--wrapper { + align-items: center; + display: flex; + justify-content: space-between; + padding: 16px 20px 0; +} + +.uds-feedback-form--container .uds-form-title--icon-wrapper { + display: flex; + align-items: center; + gap: 12px; +} + +.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-icon, +.uds-feedback-form--container .uds-form-header--wrapper .uds-close { + width: 20px; + height: 20px; +} + +.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-title { + color: #1f2937; + font-size: 16px; + font-weight: 600; + line-height: 24px; + text-align: left; +} + +.uds-feedback-form--container .uds-form-header--wrapper .uds-close { + color: #9ca3af; + cursor: pointer; +} + +.uds-feedback-form--container .uds-form-header--wrapper .uds-close:hover { + color: #4b5563; +} + +.uds-feedback-form--container .uds-form-body--content { + padding: 20px 20px 0 20px; + display: flex; + flex-direction: column; + gap: 20px; +} + +.uds-feedback-form--container .uds-form-body--content .uds-form-description { + color: #1f2937; + font-size: 16px; + font-weight: 500; + line-height: 24px; + text-align: left; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .reason { + display: flex; + align-items: center; + gap: 12px; + margin-bottom: 12px; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback { + color: #6b7280; + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-align: left; + width: 100%; + padding: 9px 13px; + border-radius: 6px; + border-width: 1px; + border-style: solid; + border-color: #e5e7eb; + box-shadow: 0 1px 2px 0 #0000000d; + background: #fff; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:hover, +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:focus, +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:active { + border-color: #d1d5db; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta { + color: #4b5563; + margin-top: 10px; + font-size: 13px; + font-weight: 400; + line-height: 20px; + text-align: left; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta a { + text-decoration: none; + color: #006ba1; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback::placeholder { + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-align: left; + color: #6b7280; + opacity: 1; +} + +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions { + display: flex; + align-items: center; + justify-content: space-between; + padding: 16px 20px; + background-color: #f6f7f7; + border-top: 1px solid #e1e1e1; + margin: 40px -20px 0; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button { + padding: 7px 13px; + border-radius: 3px; + border-width: 1px; + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-align: left; + border-style: solid; + display: flex; + gap: 8px; + align-items: center; +} + +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button:focus { + outline: none; + box-shadow: none; +} +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing { + pointer-events: none; + opacity: 0.8; +} +.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing::before { + content: "\f463"; + animation: spin 2s linear infinite; + font-family: dashicons, sans-serif; + font-weight: 400; + font-size: 18px; + cursor: pointer; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-reason-label { + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-align: left; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type="radio"] { + display: flex; + justify-content: center; + height: 18px; + width: 18px; + cursor: pointer; + margin: 0; + border: 1px solid #d1d5db; + border-radius: 50%; + line-height: 0; + box-shadow: inset 0 1px 2px rgb( 0 0 0 / 10% ); + transition: 0.05s border-color ease-in-out; + -webkit-appearance: none; + padding: 0; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type="radio"]:checked { + vertical-align: middle; + background-color: #006ba1; +} + +.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type="radio"]:checked::before { + background-color: #fff !important; + border-radius: 50px; + content: "\2022"; + font-size: 24px; + height: 6px; + line-height: 13px; + margin: 5px; + text-indent: -9999px; + width: 6px; +} + +@keyframes spin { + 0% { + transform: rotate( 0deg ); + } + 100% { + transform: rotate( 360deg ); + } +} + + +/* 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; +} diff --git a/assets/css/feedback.min.css b/assets/css/feedback.min.css new file mode 100644 index 00000000..be0ade15 --- /dev/null +++ b/assets/css/feedback.min.css @@ -0,0 +1,85 @@ +.uds-feedback-form--wrapper h2,.uds-feedback-form--wrapper input[type=radio],.uds-feedback-form--wrapper p{margin:0;padding:0}.uds-feedback-form--wrapper .show{display:block}.uds-feedback-form--wrapper .hide{display:none}.uds-feedback-form--wrapper{align-items:center;background-color:rgba(0,0,0,.75);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;user-select:none;z-index:-9999}.uds-feedback-form--wrapper.show_popup{display:flex!important;z-index:99999}.uds-feedback-form--wrapper .uds-feedback-form--container{background-color:#fff;border-radius:8px;box-shadow:4px 4px 24px rgba(0,0,0,.25);max-width:90%;width:540px}.uds-feedback-form--container .uds-form-header--wrapper{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 0}.uds-feedback-form--container .uds-form-title--icon-wrapper{display:flex;align-items:center;gap:12px}.uds-feedback-form--container .uds-form-header--wrapper .uds-close,.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-icon{width:20px;height:20px}.uds-feedback-form--container .uds-form-title--icon-wrapper .uds-title{color:#1f2937;font-size:16px;font-weight:600;line-height:24px;text-align:left}.uds-feedback-form--container .uds-form-header--wrapper .uds-close{color:#9ca3af;cursor:pointer}.uds-feedback-form--container .uds-form-header--wrapper .uds-close:hover{color:#4b5563}.uds-feedback-form--container .uds-form-body--content{padding:20px 20px 0 20px;display:flex;flex-direction:column;gap:20px}.uds-feedback-form--container .uds-form-body--content .uds-form-description{color:#1f2937;font-size:16px;font-weight:500;line-height:24px;text-align:left}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .reason{display:flex;align-items:center;gap:12px;margin-bottom:12px}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback{color:#6b7280;font-size:14px;font-weight:400;line-height:20px;text-align:left;width:100%;padding:9px 13px;border-radius:6px;border-width:1px;border-style:solid;border-color:#e5e7eb;box-shadow:0 1px 2px 0 #0000000d;background:#fff}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:active,.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:focus,.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback:hover{border-color:#d1d5db}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta{color:#4b5563;margin-top:10px;font-size:13px;font-weight:400;line-height:20px;text-align:left}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-option-feedback-cta a{text-decoration:none;color:#006ba1}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-options-feedback::placeholder{font-size:14px;font-weight:400;line-height:20px;text-align:left;color:#6b7280;opacity:1}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#f6f7f7;border-top:1px solid #e1e1e1;margin:40px -20px 0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button{padding:7px 13px;border-radius:3px;border-width:1px;font-size:14px;font-weight:400;line-height:20px;text-align:left;border-style:solid;display:flex;gap:8px;align-items:center}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button:focus{outline:0;box-shadow:none}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing{pointer-events:none;opacity:.8}.uds-feedback-form--container .uds-form-body--content .uds-feedback-form-sumbit--actions .button.processing::before{content:"\f463";animation:spin 2s linear infinite;font-family:dashicons,sans-serif;font-weight:400;font-size:18px;cursor:pointer}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form .uds-reason-label{font-size:14px;font-weight:400;line-height:20px;text-align:left}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]{display:flex;justify-content:center;height:18px;width:18px;cursor:pointer;margin:0;border:1px solid #d1d5db;border-radius:50%;line-height:0;box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);transition:50ms border-color ease-in-out;-webkit-appearance:none;padding:0}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]:checked{vertical-align:middle;background-color:#006ba1}.uds-feedback-form--container .uds-form-body--content #uds-feedback-form input[type=radio]:checked::before{background-color:#fff!important;border-radius:50px;content:"\2022";font-size:24px;height:6px;line-height:13px;margin:5px;text-indent:-9999px;width:6px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} + +/* 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; +} diff --git a/assets/css/flatpickr.min.css b/assets/css/flatpickr.min.css new file mode 100644 index 00000000..7f40ac49 --- /dev/null +++ b/assets/css/flatpickr.min.css @@ -0,0 +1,98 @@ +.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* + /*rtl:begin:ignore*/left:0/* + /*rtl:end:ignore*/}/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* + /*rtl:begin:ignore*/right:0/* + /*rtl:end:ignore*/}/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} + + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/font-icon-picker-rtl.css b/assets/css/font-icon-picker-rtl.css new file mode 100644 index 00000000..e5e94e89 --- /dev/null +++ b/assets/css/font-icon-picker-rtl.css @@ -0,0 +1,2973 @@ +/* Social Icons Control CSS */ +/* + Fonticon picker css + */ + + .rfipbtn, + .rfipdropdown { + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + font-size: 14px; + line-height: 1.71429; + vertical-align: baseline + } + + .rfipbtn, + .rfipbtn *, + .rfipdropdown, + .rfipdropdown * { + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .rfipbtn input, + .rfipbtn select, + .rfipdropdown input, + .rfipdropdown select { + font-size: 14px + } + + .rfip { + position: relative; + margin: 8px 0; + width: 100%; + vertical-align: middle + } + + .rfipbtn { + width: 136px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + min-height: 50px; + border-radius: 2px; + cursor: pointer; + -webkit-transition: border-color .25s, -webkit-box-shadow .25s; + transition: border-color .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border-color .25s; + transition: box-shadow .25s, border-color .25s, -webkit-box-shadow .25s; + outline: 0 none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + height: 40px; + } + + .rfipbtn--open { + border-radius: 2px 2px 0 0 + } + + .rfipbtn__button { + width: 48px; + margin-right: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: auto; + -webkit-transition: background .25s, -webkit-box-shadow .25s; + transition: background .25s, -webkit-box-shadow .25s; + transition: background .25s, box-shadow .25s; + transition: background .25s, box-shadow .25s, -webkit-box-shadow .25s + } + + .rfipbtn__button i { + font-size: 26px; + line-height: 26px; + height: 26px; + width: 26px; + -webkit-transition: -webkit-transform .25s; + transition: -webkit-transform .25s; + transition: transform .25s; + transition: transform .25s, -webkit-transform .25s; + margin-right: auto; + margin-left: auto; + } + + .rfipbtn__button--open i { + -webkit-transform: rotate(180deg); + transform: rotate(180deg) + } + + .rfipbtn__current { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-flex: 0; + -ms-flex: 0 0 86px; + flex: 0 0 60px; + padding: 2px + } + + .rfipbtn--multi { + width: 258px + } + + .rfipbtn--multi .rfipbtn__current { + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-preferred-size: 212px; + flex-basis: 212px; + -ms-flex-line-pack: center; + align-content: center + } + + .rfipbtn--multi .rfipbtn__current, + .rfipbtn__icon { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal + } + + .rfipbtn__icon { + margin: 2px; + padding: 0; + height: 28px; + width: 48px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 2px + } + + .rfipbtn__icon--empty { + font-size: 14px; + line-height: 16px; + margin-right: 8px; + text-align: center; + text-transform: lowercase; + font-style: italic + } + + .rfipbtn__elm { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 28px; + width: 28px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 18px + } + + .rfipbtn__elm img, + .rfipbtn__elm svg { + height: 18px; + width: 18px; + } + + .rfipbtn__elm svg { + fill : #333; + } + + .rfipbtn__del { + width: 18px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 28px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: background-color .25s; + transition: background-color .25s; + cursor: pointer + } + + .rfipcategory { + width: 100%; + margin: 0 0 8px; + position: relative + } + + .rfipcategory select { + width: 100%; + display: block; + height: 32px; + line-height: 32px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, box-shadow .25s; + transition: border .25s, box-shadow .25s, -webkit-box-shadow .25s; + background-color: transparent!important + } + + .rfipcategory i { + position: absolute; + left: 2px; + top: 0; + font-size: 16px; + line-height: 32px; + z-index: -1 + } + + .rfipdropdown { + width: 250px; + position: absolute; + right: 0; + margin-top: -1px; + z-index: 100000001; + border-radius: 1px 0 4px 4px + } + + .rfipdropdown__selector { + overflow: hidden; + padding: 16px + } + + .rfipdropdown.fipappear-enter-active .rfipdropdown__selector, + .rfipdropdown.fipappear-exit-active .rfipdropdown__selector { + -webkit-transition: max-height .3s ease-out, padding .3s ease-out; + transition: max-height .3s ease-out, padding .3s ease-out; + padding: 16px + } + + .rfipicons__pager { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + height: 24px; + line-height: 24px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 8px + } + + .rfipicons__num { + width: 100px; + margin-left: auto + } + + .rfipicons__cp { + width: 32px; + height: 24px; + line-height: 24px; + text-align: left + } + + .rfipicons__cp, + .rfipicons__sp, + .rfipicons__tp { + margin-left: 8px + } + + .rfipicons__arrow { + margin-right: auto; + width: 56px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 24px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none + } + + .rfipicons__right { + margin-right: auto + } + + .rfipicons__left, + .rfipicons__right { + cursor: pointer; + width: 24px; + height: 24px; + position: relative; + -webkit-transition: background-color .25s, border .25s; + transition: background-color .25s, border .25s; + outline: 0 none; + border-radius: 2px; + font-size: 18px + } + + .rfipicons__label { + height: 22px; + width: 22px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center + } + + .rfipicons__label img { + height: 18px; + width: 18px + } + + .rfipicons__selector { + -webkit-box-flex: 1; + -ms-flex: 1 1 20%; + flex: 1 1 20%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start + } + + .rfipicons__ibox, + .rfipicons__selector { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } + + .rfipicons__ibox { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; + width: 100%; + -webkit-transition: background-color .25s, border .25s; + transition: background-color .25s, border .25s; + border-radius: 2px; + outline: 0 none; + font-size: 20px + } + + .rfipicons__ibox img, + .rfipicons__ibox svg { + max-height: 24px; + height: 18px; + width: 18px; + } + + .rfipicons__ibox svg { + fill: #333; + } + + .rfipicons__ibox>* { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition: -webkit-transform .25s; + transition: -webkit-transform .25s; + transition: transform .25s; + transition: transform .25s, -webkit-transform .25s; + -webkit-transform-origin: center; + transform-origin: center + } + + .rfipicons__ibox:hover>* { + -webkit-transform: scale(1.8); + transform: scale(1.8) + } + + .rfipicons__ibox--error { + text-transform: lowercase; + font-style: italic + } + + .rfipicons__icon { + width: 20%; + height: 64px; + padding: 1px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer + } + + .rfipicons__icon--error { + display: block; + padding: 16px; + text-align: center; + font-size: 24px; + width: 100%; + line-height: 1 + } + + .rfipsearch { + width: 100%; + margin: 0 0 8px + } + + .rfipsearch input { + width: 100%; + display: block; + height: 32px; + line-height: 32px + } + + .rfipbtn--green { + background-color: #fff; + border: 1px solid #81c784 + } + + .rfipbtn--green:active, + .rfipbtn--green:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #66bb6a + } + + .rfipbtn--green .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #81c784; + background-color: #c8e6c9; + color: #2e7d32 + } + + .rfipbtn--green .rfipbtn__button:hover { + background-color: #66bb6a + } + + .rfipbtn--green .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #81c784; + box-shadow: inset 0 0 10px 0 #81c784 + } + + .rfipbtn--green .rfipbtn__icon { + border: 1px solid #a5d6a7; + color: #2e7d32 + } + + .rfipbtn--green .rfipbtn__icon--empty { + color: #81c784 + } + + .rfipbtn--green .rfipbtn__del { + background-color: #a5d6a7 + } + + .rfipbtn--green .rfipbtn__del:hover { + background-color: #81c784 + } + + .rfipbtn--green .rfipbtn__del:active, + .rfipbtn--green .rfipbtn__del:focus { + outline: 1px solid #81c784 + } + + .rfipdropdown--green { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #81c784 + } + + .rfipdropdown--green input, + .rfipdropdown--green select { + color: #424242 + } + + .rfipdropdown--green .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #66bb6a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--green .rfipcategory select:active, + .rfipdropdown--green .rfipcategory select:focus { + border-bottom-color: #4caf50; + -webkit-box-shadow: 0 1px 0 0 #4caf50; + box-shadow: 0 1px 0 0 #4caf50; + outline: 0 none + } + + .rfipdropdown--green .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #66bb6a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--green .rfipicons__cp:active, + .rfipdropdown--green .rfipicons__cp:focus { + border-bottom-color: #4caf50; + -webkit-box-shadow: 0 1px 0 0 #4caf50; + box-shadow: 0 1px 0 0 #4caf50; + outline: 0 none + } + + .rfipdropdown--green .rfipicons__left, + .rfipdropdown--green .rfipicons__right { + background-color: #a5d6a7; + border: 1px solid #a5d6a7; + color: #2e7d32 + } + + .rfipdropdown--green .rfipicons__left:hover, + .rfipdropdown--green .rfipicons__right:hover { + background-color: #66bb6a; + border: 1px solid #66bb6a + } + + .rfipdropdown--green .rfipicons__left:active, + .rfipdropdown--green .rfipicons__left:focus, + .rfipdropdown--green .rfipicons__right:active, + .rfipdropdown--green .rfipicons__right:focus { + border: 1px solid #66bb6a + } + + .rfipdropdown--green .rfipicons__ibox { + background-color: #c8e6c9; + border: 1px solid #c8e6c9; + color: #2e7d32 + } + + .rfipdropdown--green .rfipicons__ibox:hover { + background-color: #66bb6a; + border: 1px solid #66bb6a + } + + .rfipdropdown--green .rfipicons__ibox:active, + .rfipdropdown--green .rfipicons__ibox:focus { + border: 1px solid #66bb6a + } + + .rfipdropdown--green .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--green .rfipicons__icon--selected .rfipicons__ibox { + background-color: #a5d6a7 + } + + .rfipdropdown--green .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #66bb6a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--green .rfipsearch input:active, + .rfipdropdown--green .rfipsearch input:focus { + border-bottom-color: #4caf50; + -webkit-box-shadow: 0 1px 0 0 #4caf50; + box-shadow: 0 1px 0 0 #4caf50; + outline: 0 none + } + + .rfipbtn--bluegrey { + background-color: #fff; + border: 1px solid #90a4ae + } + + .rfipbtn--bluegrey:active, + .rfipbtn--bluegrey:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #78909c + } + + .rfipbtn--bluegrey .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #90a4ae; + background-color: #cfd8dc; + color: #37474f + } + + .rfipbtn--bluegrey .rfipbtn__button:hover { + background-color: #78909c + } + + .rfipbtn--bluegrey .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #90a4ae; + box-shadow: inset 0 0 10px 0 #90a4ae + } + + .rfipbtn--bluegrey .rfipbtn__icon { + border: 1px solid #b0bec5; + color: #37474f + } + + .rfipbtn--bluegrey .rfipbtn__icon--empty { + color: #90a4ae + } + + .rfipbtn--bluegrey .rfipbtn__del { + background-color: #b0bec5 + } + + .rfipbtn--bluegrey .rfipbtn__del:hover { + background-color: #90a4ae + } + + .rfipbtn--bluegrey .rfipbtn__del:active, + .rfipbtn--bluegrey .rfipbtn__del:focus { + outline: 1px solid #90a4ae + } + + .rfipdropdown--bluegrey { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #90a4ae + } + + .rfipdropdown--bluegrey input, + .rfipdropdown--bluegrey select { + color: #424242 + } + + .rfipdropdown--bluegrey .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #78909c; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--bluegrey .rfipcategory select:active, + .rfipdropdown--bluegrey .rfipcategory select:focus { + border-bottom-color: #607d8b; + -webkit-box-shadow: 0 1px 0 0 #607d8b; + box-shadow: 0 1px 0 0 #607d8b; + outline: 0 none + } + + .rfipdropdown--bluegrey .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #78909c; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--bluegrey .rfipicons__cp:active, + .rfipdropdown--bluegrey .rfipicons__cp:focus { + border-bottom-color: #607d8b; + -webkit-box-shadow: 0 1px 0 0 #607d8b; + box-shadow: 0 1px 0 0 #607d8b; + outline: 0 none + } + + .rfipdropdown--bluegrey .rfipicons__left, + .rfipdropdown--bluegrey .rfipicons__right { + background-color: #b0bec5; + border: 1px solid #b0bec5; + color: #37474f + } + + .rfipdropdown--bluegrey .rfipicons__left:hover, + .rfipdropdown--bluegrey .rfipicons__right:hover { + background-color: #78909c; + border: 1px solid #78909c + } + + .rfipdropdown--bluegrey .rfipicons__left:active, + .rfipdropdown--bluegrey .rfipicons__left:focus, + .rfipdropdown--bluegrey .rfipicons__right:active, + .rfipdropdown--bluegrey .rfipicons__right:focus { + border: 1px solid #78909c + } + + .rfipdropdown--bluegrey .rfipicons__ibox { + background-color: #cfd8dc; + border: 1px solid #cfd8dc; + color: #37474f + } + + .rfipdropdown--bluegrey .rfipicons__ibox:hover { + background-color: #78909c; + border: 1px solid #78909c + } + + .rfipdropdown--bluegrey .rfipicons__ibox:active, + .rfipdropdown--bluegrey .rfipicons__ibox:focus { + border: 1px solid #78909c + } + + .rfipdropdown--bluegrey .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--bluegrey .rfipicons__icon--selected .rfipicons__ibox { + background-color: #b0bec5 + } + + .rfipdropdown--bluegrey .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #78909c; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--bluegrey .rfipsearch input:active, + .rfipdropdown--bluegrey .rfipsearch input:focus { + border-bottom-color: #607d8b; + -webkit-box-shadow: 0 1px 0 0 #607d8b; + box-shadow: 0 1px 0 0 #607d8b; + outline: 0 none + } + + .rfipbtn--brown { + background-color: #fff; + border: 1px solid #a1887f + } + + .rfipbtn--brown:active, + .rfipbtn--brown:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #8d6e63 + } + + .rfipbtn--brown .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #a1887f; + background-color: #d7ccc8; + color: #4e342e + } + + .rfipbtn--brown .rfipbtn__button:hover { + background-color: #8d6e63 + } + + .rfipbtn--brown .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #a1887f; + box-shadow: inset 0 0 10px 0 #a1887f + } + + .rfipbtn--brown .rfipbtn__icon { + border: 1px solid #bcaaa4; + color: #4e342e + } + + .rfipbtn--brown .rfipbtn__icon--empty { + color: #a1887f + } + + .rfipbtn--brown .rfipbtn__del { + background-color: #bcaaa4 + } + + .rfipbtn--brown .rfipbtn__del:hover { + background-color: #a1887f + } + + .rfipbtn--brown .rfipbtn__del:active, + .rfipbtn--brown .rfipbtn__del:focus { + outline: 1px solid #a1887f + } + + .rfipdropdown--brown { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #a1887f + } + + .rfipdropdown--brown input, + .rfipdropdown--brown select { + color: #424242 + } + + .rfipdropdown--brown .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #8d6e63; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--brown .rfipcategory select:active, + .rfipdropdown--brown .rfipcategory select:focus { + border-bottom-color: #795548; + -webkit-box-shadow: 0 1px 0 0 #795548; + box-shadow: 0 1px 0 0 #795548; + outline: 0 none + } + + .rfipdropdown--brown .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #8d6e63; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--brown .rfipicons__cp:active, + .rfipdropdown--brown .rfipicons__cp:focus { + border-bottom-color: #795548; + -webkit-box-shadow: 0 1px 0 0 #795548; + box-shadow: 0 1px 0 0 #795548; + outline: 0 none + } + + .rfipdropdown--brown .rfipicons__left, + .rfipdropdown--brown .rfipicons__right { + background-color: #bcaaa4; + border: 1px solid #bcaaa4; + color: #4e342e + } + + .rfipdropdown--brown .rfipicons__left:hover, + .rfipdropdown--brown .rfipicons__right:hover { + background-color: #8d6e63; + border: 1px solid #8d6e63 + } + + .rfipdropdown--brown .rfipicons__left:active, + .rfipdropdown--brown .rfipicons__left:focus, + .rfipdropdown--brown .rfipicons__right:active, + .rfipdropdown--brown .rfipicons__right:focus { + border: 1px solid #8d6e63 + } + + .rfipdropdown--brown .rfipicons__ibox { + background-color: #d7ccc8; + border: 1px solid #d7ccc8; + color: #4e342e + } + + .rfipdropdown--brown .rfipicons__ibox:hover { + background-color: #8d6e63; + border: 1px solid #8d6e63 + } + + .rfipdropdown--brown .rfipicons__ibox:active, + .rfipdropdown--brown .rfipicons__ibox:focus { + border: 1px solid #8d6e63 + } + + .rfipdropdown--brown .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--brown .rfipicons__icon--selected .rfipicons__ibox { + background-color: #bcaaa4 + } + + .rfipdropdown--brown .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #8d6e63; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--brown .rfipsearch input:active, + .rfipdropdown--brown .rfipsearch input:focus { + border-bottom-color: #795548; + -webkit-box-shadow: 0 1px 0 0 #795548; + box-shadow: 0 1px 0 0 #795548; + outline: 0 none + } + + .rfipbtn--cyan { + background-color: #fff; + border: 1px solid #4dd0e1 + } + + .rfipbtn--cyan:active, + .rfipbtn--cyan:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #26c6da + } + + .rfipbtn--cyan .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #4dd0e1; + background-color: #b2ebf2; + color: #00838f + } + + .rfipbtn--cyan .rfipbtn__button:hover { + background-color: #26c6da + } + + .rfipbtn--cyan .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #4dd0e1; + box-shadow: inset 0 0 10px 0 #4dd0e1 + } + + .rfipbtn--cyan .rfipbtn__icon { + border: 1px solid #80deea; + color: #00838f + } + + .rfipbtn--cyan .rfipbtn__icon--empty { + color: #4dd0e1 + } + + .rfipbtn--cyan .rfipbtn__del { + background-color: #80deea + } + + .rfipbtn--cyan .rfipbtn__del:hover { + background-color: #4dd0e1 + } + + .rfipbtn--cyan .rfipbtn__del:active, + .rfipbtn--cyan .rfipbtn__del:focus { + outline: 1px solid #4dd0e1 + } + + .rfipdropdown--cyan { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #4dd0e1 + } + + .rfipdropdown--cyan input, + .rfipdropdown--cyan select { + color: #424242 + } + + .rfipdropdown--cyan .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #26c6da; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--cyan .rfipcategory select:active, + .rfipdropdown--cyan .rfipcategory select:focus { + border-bottom-color: #00bcd4; + -webkit-box-shadow: 0 1px 0 0 #00bcd4; + box-shadow: 0 1px 0 0 #00bcd4; + outline: 0 none + } + + .rfipdropdown--cyan .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #26c6da; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--cyan .rfipicons__cp:active, + .rfipdropdown--cyan .rfipicons__cp:focus { + border-bottom-color: #00bcd4; + -webkit-box-shadow: 0 1px 0 0 #00bcd4; + box-shadow: 0 1px 0 0 #00bcd4; + outline: 0 none + } + + .rfipdropdown--cyan .rfipicons__left, + .rfipdropdown--cyan .rfipicons__right { + background-color: #80deea; + border: 1px solid #80deea; + color: #00838f + } + + .rfipdropdown--cyan .rfipicons__left:hover, + .rfipdropdown--cyan .rfipicons__right:hover { + background-color: #26c6da; + border: 1px solid #26c6da + } + + .rfipdropdown--cyan .rfipicons__left:active, + .rfipdropdown--cyan .rfipicons__left:focus, + .rfipdropdown--cyan .rfipicons__right:active, + .rfipdropdown--cyan .rfipicons__right:focus { + border: 1px solid #26c6da + } + + .rfipdropdown--cyan .rfipicons__ibox { + background-color: #b2ebf2; + border: 1px solid #b2ebf2; + color: #00838f + } + + .rfipdropdown--cyan .rfipicons__ibox:hover { + background-color: #26c6da; + border: 1px solid #26c6da + } + + .rfipdropdown--cyan .rfipicons__ibox:active, + .rfipdropdown--cyan .rfipicons__ibox:focus { + border: 1px solid #26c6da + } + + .rfipdropdown--cyan .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--cyan .rfipicons__icon--selected .rfipicons__ibox { + background-color: #80deea + } + + .rfipdropdown--cyan .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #26c6da; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--cyan .rfipsearch input:active, + .rfipdropdown--cyan .rfipsearch input:focus { + border-bottom-color: #00bcd4; + -webkit-box-shadow: 0 1px 0 0 #00bcd4; + box-shadow: 0 1px 0 0 #00bcd4; + outline: 0 none + } + + .rfipbtn--deeporange { + background-color: #fff; + border: 1px solid #ff8a65 + } + + .rfipbtn--deeporange:active, + .rfipbtn--deeporange:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ff7043 + } + + .rfipbtn--deeporange .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #ff8a65; + background-color: #ffccbc; + color: #d84315 + } + + .rfipbtn--deeporange .rfipbtn__button:hover { + background-color: #ff7043 + } + + .rfipbtn--deeporange .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #ff8a65; + box-shadow: inset 0 0 10px 0 #ff8a65 + } + + .rfipbtn--deeporange .rfipbtn__icon { + border: 1px solid #ffab91; + color: #d84315 + } + + .rfipbtn--deeporange .rfipbtn__icon--empty { + color: #ff8a65 + } + + .rfipbtn--deeporange .rfipbtn__del { + background-color: #ffab91 + } + + .rfipbtn--deeporange .rfipbtn__del:hover { + background-color: #ff8a65 + } + + .rfipbtn--deeporange .rfipbtn__del:active, + .rfipbtn--deeporange .rfipbtn__del:focus { + outline: 1px solid #ff8a65 + } + + .rfipdropdown--deeporange { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #ff8a65 + } + + .rfipdropdown--deeporange input, + .rfipdropdown--deeporange select { + color: #424242 + } + + .rfipdropdown--deeporange .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ff7043; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeporange .rfipcategory select:active, + .rfipdropdown--deeporange .rfipcategory select:focus { + border-bottom-color: #ff5722; + -webkit-box-shadow: 0 1px 0 0 #ff5722; + box-shadow: 0 1px 0 0 #ff5722; + outline: 0 none + } + + .rfipdropdown--deeporange .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ff7043; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeporange .rfipicons__cp:active, + .rfipdropdown--deeporange .rfipicons__cp:focus { + border-bottom-color: #ff5722; + -webkit-box-shadow: 0 1px 0 0 #ff5722; + box-shadow: 0 1px 0 0 #ff5722; + outline: 0 none + } + + .rfipdropdown--deeporange .rfipicons__left, + .rfipdropdown--deeporange .rfipicons__right { + background-color: #ffab91; + border: 1px solid #ffab91; + color: #d84315 + } + + .rfipdropdown--deeporange .rfipicons__left:hover, + .rfipdropdown--deeporange .rfipicons__right:hover { + background-color: #ff7043; + border: 1px solid #ff7043 + } + + .rfipdropdown--deeporange .rfipicons__left:active, + .rfipdropdown--deeporange .rfipicons__left:focus, + .rfipdropdown--deeporange .rfipicons__right:active, + .rfipdropdown--deeporange .rfipicons__right:focus { + border: 1px solid #ff7043 + } + + .rfipdropdown--deeporange .rfipicons__ibox { + background-color: #ffccbc; + border: 1px solid #ffccbc; + color: #d84315 + } + + .rfipdropdown--deeporange .rfipicons__ibox:hover { + background-color: #ff7043; + border: 1px solid #ff7043 + } + + .rfipdropdown--deeporange .rfipicons__ibox:active, + .rfipdropdown--deeporange .rfipicons__ibox:focus { + border: 1px solid #ff7043 + } + + .rfipdropdown--deeporange .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--deeporange .rfipicons__icon--selected .rfipicons__ibox { + background-color: #ffab91 + } + + .rfipdropdown--deeporange .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ff7043; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeporange .rfipsearch input:active, + .rfipdropdown--deeporange .rfipsearch input:focus { + border-bottom-color: #ff5722; + -webkit-box-shadow: 0 1px 0 0 #ff5722; + box-shadow: 0 1px 0 0 #ff5722; + outline: 0 none + } + + .rfipbtn--deeppurple { + background-color: #fff; + border: 1px solid #9575cd + } + + .rfipbtn--deeppurple:active, + .rfipbtn--deeppurple:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #7e57c2 + } + + .rfipbtn--deeppurple .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #9575cd; + background-color: #d1c4e9; + color: #4527a0 + } + + .rfipbtn--deeppurple .rfipbtn__button:hover { + background-color: #7e57c2 + } + + .rfipbtn--deeppurple .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #9575cd; + box-shadow: inset 0 0 10px 0 #9575cd + } + + .rfipbtn--deeppurple .rfipbtn__icon { + border: 1px solid #b39ddb; + color: #4527a0 + } + + .rfipbtn--deeppurple .rfipbtn__icon--empty { + color: #9575cd + } + + .rfipbtn--deeppurple .rfipbtn__del { + background-color: #b39ddb + } + + .rfipbtn--deeppurple .rfipbtn__del:hover { + background-color: #9575cd + } + + .rfipbtn--deeppurple .rfipbtn__del:active, + .rfipbtn--deeppurple .rfipbtn__del:focus { + outline: 1px solid #9575cd + } + + .rfipdropdown--deeppurple { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #9575cd + } + + .rfipdropdown--deeppurple input, + .rfipdropdown--deeppurple select { + color: #424242 + } + + .rfipdropdown--deeppurple .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #7e57c2; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeppurple .rfipcategory select:active, + .rfipdropdown--deeppurple .rfipcategory select:focus { + border-bottom-color: #673ab7; + -webkit-box-shadow: 0 1px 0 0 #673ab7; + box-shadow: 0 1px 0 0 #673ab7; + outline: 0 none + } + + .rfipdropdown--deeppurple .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #7e57c2; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeppurple .rfipicons__cp:active, + .rfipdropdown--deeppurple .rfipicons__cp:focus { + border-bottom-color: #673ab7; + -webkit-box-shadow: 0 1px 0 0 #673ab7; + box-shadow: 0 1px 0 0 #673ab7; + outline: 0 none + } + + .rfipdropdown--deeppurple .rfipicons__left, + .rfipdropdown--deeppurple .rfipicons__right { + background-color: #b39ddb; + border: 1px solid #b39ddb; + color: #4527a0 + } + + .rfipdropdown--deeppurple .rfipicons__left:hover, + .rfipdropdown--deeppurple .rfipicons__right:hover { + background-color: #7e57c2; + border: 1px solid #7e57c2 + } + + .rfipdropdown--deeppurple .rfipicons__left:active, + .rfipdropdown--deeppurple .rfipicons__left:focus, + .rfipdropdown--deeppurple .rfipicons__right:active, + .rfipdropdown--deeppurple .rfipicons__right:focus { + border: 1px solid #7e57c2 + } + + .rfipdropdown--deeppurple .rfipicons__ibox { + background-color: #d1c4e9; + border: 1px solid #d1c4e9; + color: #4527a0 + } + + .rfipdropdown--deeppurple .rfipicons__ibox:hover { + background-color: #7e57c2; + border: 1px solid #7e57c2 + } + + .rfipdropdown--deeppurple .rfipicons__ibox:active, + .rfipdropdown--deeppurple .rfipicons__ibox:focus { + border: 1px solid #7e57c2 + } + + .rfipdropdown--deeppurple .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--deeppurple .rfipicons__icon--selected .rfipicons__ibox { + background-color: #b39ddb + } + + .rfipdropdown--deeppurple .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #7e57c2; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeppurple .rfipsearch input:active, + .rfipdropdown--deeppurple .rfipsearch input:focus { + border-bottom-color: #673ab7; + -webkit-box-shadow: 0 1px 0 0 #673ab7; + box-shadow: 0 1px 0 0 #673ab7; + outline: 0 none + } + + .rfipbtn--default { + background-color: #fff; + border: 1px solid #e0e0e0; + width: 100%; + } + + .rfipbtn--default:active, + .rfipbtn--default:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #bdbdbd + } + + .rfipbtn--default .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #e0e0e0; + background-color: #f5f5f5; + color: #424242 + } + + .rfipbtn--default .rfipbtn__button:hover { + background-color: #bdbdbd + } + + .rfipbtn--default .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #e0e0e0; + box-shadow: inset 0 0 10px 0 #e0e0e0 + } + + .rfipbtn--default .rfipbtn__icon { + border: 1px solid #eee; + color: #424242 + } + + .rfipbtn--default .rfipbtn__icon--empty { + color: #e0e0e0 + } + + .rfipbtn--default .rfipbtn__del { + background-color: #eee + } + + .rfipbtn--default .rfipbtn__del:hover { + background-color: #e0e0e0 + } + + .rfipbtn--default .rfipbtn__del:active, + .rfipbtn--default .rfipbtn__del:focus { + outline: 1px solid #e0e0e0 + } + + .rfipdropdown--default { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #e0e0e0 + } + + .rfipdropdown--default input, + .rfipdropdown--default select { + color: #424242 + } + + .rfipdropdown--default .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #bdbdbd; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--default .rfipcategory select:active, + .rfipdropdown--default .rfipcategory select:focus { + border-bottom-color: #9e9e9e; + -webkit-box-shadow: 0 1px 0 0 #9e9e9e; + box-shadow: 0 1px 0 0 #9e9e9e; + outline: 0 none + } + + .rfipdropdown--default .rfipicons__cp { + border: 0 none; + border-radius: 0px; + border-bottom: 1px solid #bdbdbd; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--default .rfipicons__cp:active, + .rfipdropdown--default .rfipicons__cp:focus { + border-bottom-color: #9e9e9e; + -webkit-box-shadow: 0 1px 0 0 #9e9e9e; + box-shadow: 0 1px 0 0 #9e9e9e; + outline: 0 none + } + + .rfipdropdown--default .rfipicons__left, + .rfipdropdown--default .rfipicons__right { + background-color: #eee; + border: 1px solid #eee; + color: #424242 + } + + .rfipdropdown--default .rfipicons__left:hover, + .rfipdropdown--default .rfipicons__right:hover { + background-color: #bdbdbd; + border: 1px solid #bdbdbd + } + + .rfipdropdown--default .rfipicons__left:active, + .rfipdropdown--default .rfipicons__left:focus, + .rfipdropdown--default .rfipicons__right:active, + .rfipdropdown--default .rfipicons__right:focus { + border: 1px solid #bdbdbd + } + + .rfipdropdown--default .rfipicons__ibox { + background-color: #f5f5f5; + border: 1px solid #f5f5f5; + color: #424242 + } + + .rfipdropdown--default .rfipicons__ibox:hover { + background-color: #bdbdbd; + border: 1px solid #bdbdbd + } + + .rfipdropdown--default .rfipicons__ibox:active, + .rfipdropdown--default .rfipicons__ibox:focus { + border: 1px solid #bdbdbd + } + + .rfipdropdown--default .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--default .rfipicons__icon--selected .rfipicons__ibox { + background-color: #eee + } + + .rfipdropdown--default .rfipsearch input { + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--default .rfipsearch input:active, + .rfipdropdown--default .rfipsearch input:focus { + border-bottom-color: #9e9e9e; + -webkit-box-shadow: 0 1px 0 0 #9e9e9e; + box-shadow: 0 1px 0 0 #9e9e9e; + outline: 0 none + } + + .rfipbtn--blue { + background-color: #fff; + border: 1px solid #64b5f6 + } + + .rfipbtn--blue:active, + .rfipbtn--blue:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #42a5f5 + } + + .rfipbtn--blue .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #64b5f6; + background-color: #bbdefb; + color: #1565c0 + } + + .rfipbtn--blue .rfipbtn__button:hover { + background-color: #42a5f5 + } + + .rfipbtn--blue .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #64b5f6; + box-shadow: inset 0 0 10px 0 #64b5f6 + } + + .rfipbtn--blue .rfipbtn__icon { + border: 1px solid #90caf9; + color: #1565c0 + } + + .rfipbtn--blue .rfipbtn__icon--empty { + color: #64b5f6 + } + + .rfipbtn--blue .rfipbtn__del { + background-color: #90caf9 + } + + .rfipbtn--blue .rfipbtn__del:hover { + background-color: #64b5f6 + } + + .rfipbtn--blue .rfipbtn__del:active, + .rfipbtn--blue .rfipbtn__del:focus { + outline: 1px solid #64b5f6 + } + + .rfipdropdown--blue { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #64b5f6 + } + + .rfipdropdown--blue input, + .rfipdropdown--blue select { + color: #424242 + } + + .rfipdropdown--blue .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #42a5f5; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--blue .rfipcategory select:active, + .rfipdropdown--blue .rfipcategory select:focus { + border-bottom-color: #2196f3; + -webkit-box-shadow: 0 1px 0 0 #2196f3; + box-shadow: 0 1px 0 0 #2196f3; + outline: 0 none + } + + .rfipdropdown--blue .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #42a5f5; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--blue .rfipicons__cp:active, + .rfipdropdown--blue .rfipicons__cp:focus { + border-bottom-color: #2196f3; + -webkit-box-shadow: 0 1px 0 0 #2196f3; + box-shadow: 0 1px 0 0 #2196f3; + outline: 0 none + } + + .rfipdropdown--blue .rfipicons__left, + .rfipdropdown--blue .rfipicons__right { + background-color: #90caf9; + border: 1px solid #90caf9; + color: #1565c0 + } + + .rfipdropdown--blue .rfipicons__left:hover, + .rfipdropdown--blue .rfipicons__right:hover { + background-color: #42a5f5; + border: 1px solid #42a5f5 + } + + .rfipdropdown--blue .rfipicons__left:active, + .rfipdropdown--blue .rfipicons__left:focus, + .rfipdropdown--blue .rfipicons__right:active, + .rfipdropdown--blue .rfipicons__right:focus { + border: 1px solid #42a5f5 + } + + .rfipdropdown--blue .rfipicons__ibox { + background-color: #bbdefb; + border: 1px solid #bbdefb; + color: #1565c0 + } + + .rfipdropdown--blue .rfipicons__ibox:hover { + background-color: #42a5f5; + border: 1px solid #42a5f5 + } + + .rfipdropdown--blue .rfipicons__ibox:active, + .rfipdropdown--blue .rfipicons__ibox:focus { + border: 1px solid #42a5f5 + } + + .rfipdropdown--blue .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--blue .rfipicons__icon--selected .rfipicons__ibox { + background-color: #90caf9 + } + + .rfipdropdown--blue .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #42a5f5; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--blue .rfipsearch input:active, + .rfipdropdown--blue .rfipsearch input:focus { + border-bottom-color: #2196f3; + -webkit-box-shadow: 0 1px 0 0 #2196f3; + box-shadow: 0 1px 0 0 #2196f3; + outline: 0 none + } + + .rfipbtn--indigo { + background-color: #fff; + border: 1px solid #7986cb + } + + .rfipbtn--indigo:active, + .rfipbtn--indigo:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #5c6bc0 + } + + .rfipbtn--indigo .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #7986cb; + background-color: #c5cae9; + color: #283593 + } + + .rfipbtn--indigo .rfipbtn__button:hover { + background-color: #5c6bc0 + } + + .rfipbtn--indigo .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #7986cb; + box-shadow: inset 0 0 10px 0 #7986cb + } + + .rfipbtn--indigo .rfipbtn__icon { + border: 1px solid #9fa8da; + color: #283593 + } + + .rfipbtn--indigo .rfipbtn__icon--empty { + color: #7986cb + } + + .rfipbtn--indigo .rfipbtn__del { + background-color: #9fa8da + } + + .rfipbtn--indigo .rfipbtn__del:hover { + background-color: #7986cb + } + + .rfipbtn--indigo .rfipbtn__del:active, + .rfipbtn--indigo .rfipbtn__del:focus { + outline: 1px solid #7986cb + } + + .rfipdropdown--indigo { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #7986cb + } + + .rfipdropdown--indigo input, + .rfipdropdown--indigo select { + color: #424242 + } + + .rfipdropdown--indigo .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #5c6bc0; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--indigo .rfipcategory select:active, + .rfipdropdown--indigo .rfipcategory select:focus { + border-bottom-color: #3f51b5; + -webkit-box-shadow: 0 1px 0 0 #3f51b5; + box-shadow: 0 1px 0 0 #3f51b5; + outline: 0 none + } + + .rfipdropdown--indigo .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #5c6bc0; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--indigo .rfipicons__cp:active, + .rfipdropdown--indigo .rfipicons__cp:focus { + border-bottom-color: #3f51b5; + -webkit-box-shadow: 0 1px 0 0 #3f51b5; + box-shadow: 0 1px 0 0 #3f51b5; + outline: 0 none + } + + .rfipdropdown--indigo .rfipicons__left, + .rfipdropdown--indigo .rfipicons__right { + background-color: #9fa8da; + border: 1px solid #9fa8da; + color: #283593 + } + + .rfipdropdown--indigo .rfipicons__left:hover, + .rfipdropdown--indigo .rfipicons__right:hover { + background-color: #5c6bc0; + border: 1px solid #5c6bc0 + } + + .rfipdropdown--indigo .rfipicons__left:active, + .rfipdropdown--indigo .rfipicons__left:focus, + .rfipdropdown--indigo .rfipicons__right:active, + .rfipdropdown--indigo .rfipicons__right:focus { + border: 1px solid #5c6bc0 + } + + .rfipdropdown--indigo .rfipicons__ibox { + background-color: #c5cae9; + border: 1px solid #c5cae9; + color: #283593 + } + + .rfipdropdown--indigo .rfipicons__ibox:hover { + background-color: #5c6bc0; + border: 1px solid #5c6bc0 + } + + .rfipdropdown--indigo .rfipicons__ibox:active, + .rfipdropdown--indigo .rfipicons__ibox:focus { + border: 1px solid #5c6bc0 + } + + .rfipdropdown--indigo .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--indigo .rfipicons__icon--selected .rfipicons__ibox { + background-color: #9fa8da + } + + .rfipdropdown--indigo .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #5c6bc0; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--indigo .rfipsearch input:active, + .rfipdropdown--indigo .rfipsearch input:focus { + border-bottom-color: #3f51b5; + -webkit-box-shadow: 0 1px 0 0 #3f51b5; + box-shadow: 0 1px 0 0 #3f51b5; + outline: 0 none + } + + .rfipbtn--lightblue { + background-color: #fff; + border: 1px solid #4fc3f7 + } + + .rfipbtn--lightblue:active, + .rfipbtn--lightblue:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #29b6f6 + } + + .rfipbtn--lightblue .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #4fc3f7; + background-color: #b3e5fc; + color: #0277bd + } + + .rfipbtn--lightblue .rfipbtn__button:hover { + background-color: #29b6f6 + } + + .rfipbtn--lightblue .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #4fc3f7; + box-shadow: inset 0 0 10px 0 #4fc3f7 + } + + .rfipbtn--lightblue .rfipbtn__icon { + border: 1px solid #81d4fa; + color: #0277bd + } + + .rfipbtn--lightblue .rfipbtn__icon--empty { + color: #4fc3f7 + } + + .rfipbtn--lightblue .rfipbtn__del { + background-color: #81d4fa + } + + .rfipbtn--lightblue .rfipbtn__del:hover { + background-color: #4fc3f7 + } + + .rfipbtn--lightblue .rfipbtn__del:active, + .rfipbtn--lightblue .rfipbtn__del:focus { + outline: 1px solid #4fc3f7 + } + + .rfipdropdown--lightblue { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #4fc3f7 + } + + .rfipdropdown--lightblue input, + .rfipdropdown--lightblue select { + color: #424242 + } + + .rfipdropdown--lightblue .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #29b6f6; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--lightblue .rfipcategory select:active, + .rfipdropdown--lightblue .rfipcategory select:focus { + border-bottom-color: #03a9f4; + -webkit-box-shadow: 0 1px 0 0 #03a9f4; + box-shadow: 0 1px 0 0 #03a9f4; + outline: 0 none + } + + .rfipdropdown--lightblue .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #29b6f6; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--lightblue .rfipicons__cp:active, + .rfipdropdown--lightblue .rfipicons__cp:focus { + border-bottom-color: #03a9f4; + -webkit-box-shadow: 0 1px 0 0 #03a9f4; + box-shadow: 0 1px 0 0 #03a9f4; + outline: 0 none + } + + .rfipdropdown--lightblue .rfipicons__left, + .rfipdropdown--lightblue .rfipicons__right { + background-color: #81d4fa; + border: 1px solid #81d4fa; + color: #0277bd + } + + .rfipdropdown--lightblue .rfipicons__left:hover, + .rfipdropdown--lightblue .rfipicons__right:hover { + background-color: #29b6f6; + border: 1px solid #29b6f6 + } + + .rfipdropdown--lightblue .rfipicons__left:active, + .rfipdropdown--lightblue .rfipicons__left:focus, + .rfipdropdown--lightblue .rfipicons__right:active, + .rfipdropdown--lightblue .rfipicons__right:focus { + border: 1px solid #29b6f6 + } + + .rfipdropdown--lightblue .rfipicons__ibox { + background-color: #b3e5fc; + border: 1px solid #b3e5fc; + color: #0277bd + } + + .rfipdropdown--lightblue .rfipicons__ibox:hover { + background-color: #29b6f6; + border: 1px solid #29b6f6 + } + + .rfipdropdown--lightblue .rfipicons__ibox:active, + .rfipdropdown--lightblue .rfipicons__ibox:focus { + border: 1px solid #29b6f6 + } + + .rfipdropdown--lightblue .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--lightblue .rfipicons__icon--selected .rfipicons__ibox { + background-color: #81d4fa + } + + .rfipdropdown--lightblue .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #29b6f6; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--lightblue .rfipsearch input:active, + .rfipdropdown--lightblue .rfipsearch input:focus { + border-bottom-color: #03a9f4; + -webkit-box-shadow: 0 1px 0 0 #03a9f4; + box-shadow: 0 1px 0 0 #03a9f4; + outline: 0 none + } + + .rfipbtn--pink { + background-color: #fff; + border: 1px solid #f06292 + } + + .rfipbtn--pink:active, + .rfipbtn--pink:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ec407a + } + + .rfipbtn--pink .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #f06292; + background-color: #f8bbd0; + color: #ad1457 + } + + .rfipbtn--pink .rfipbtn__button:hover { + background-color: #ec407a + } + + .rfipbtn--pink .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #f06292; + box-shadow: inset 0 0 10px 0 #f06292 + } + + .rfipbtn--pink .rfipbtn__icon { + border: 1px solid #f48fb1; + color: #ad1457 + } + + .rfipbtn--pink .rfipbtn__icon--empty { + color: #f06292 + } + + .rfipbtn--pink .rfipbtn__del { + background-color: #f48fb1 + } + + .rfipbtn--pink .rfipbtn__del:hover { + background-color: #f06292 + } + + .rfipbtn--pink .rfipbtn__del:active, + .rfipbtn--pink .rfipbtn__del:focus { + outline: 1px solid #f06292 + } + + .rfipdropdown--pink { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #f06292 + } + + .rfipdropdown--pink input, + .rfipdropdown--pink select { + color: #424242 + } + + .rfipdropdown--pink .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ec407a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--pink .rfipcategory select:active, + .rfipdropdown--pink .rfipcategory select:focus { + border-bottom-color: #e91e63; + -webkit-box-shadow: 0 1px 0 0 #e91e63; + box-shadow: 0 1px 0 0 #e91e63; + outline: 0 none + } + + .rfipdropdown--pink .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ec407a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--pink .rfipicons__cp:active, + .rfipdropdown--pink .rfipicons__cp:focus { + border-bottom-color: #e91e63; + -webkit-box-shadow: 0 1px 0 0 #e91e63; + box-shadow: 0 1px 0 0 #e91e63; + outline: 0 none + } + + .rfipdropdown--pink .rfipicons__left, + .rfipdropdown--pink .rfipicons__right { + background-color: #f48fb1; + border: 1px solid #f48fb1; + color: #ad1457 + } + + .rfipdropdown--pink .rfipicons__left:hover, + .rfipdropdown--pink .rfipicons__right:hover { + background-color: #ec407a; + border: 1px solid #ec407a + } + + .rfipdropdown--pink .rfipicons__left:active, + .rfipdropdown--pink .rfipicons__left:focus, + .rfipdropdown--pink .rfipicons__right:active, + .rfipdropdown--pink .rfipicons__right:focus { + border: 1px solid #ec407a + } + + .rfipdropdown--pink .rfipicons__ibox { + background-color: #f8bbd0; + border: 1px solid #f8bbd0; + color: #ad1457 + } + + .rfipdropdown--pink .rfipicons__ibox:hover { + background-color: #ec407a; + border: 1px solid #ec407a + } + + .rfipdropdown--pink .rfipicons__ibox:active, + .rfipdropdown--pink .rfipicons__ibox:focus { + border: 1px solid #ec407a + } + + .rfipdropdown--pink .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--pink .rfipicons__icon--selected .rfipicons__ibox { + background-color: #f48fb1 + } + + .rfipdropdown--pink .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ec407a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--pink .rfipsearch input:active, + .rfipdropdown--pink .rfipsearch input:focus { + border-bottom-color: #e91e63; + -webkit-box-shadow: 0 1px 0 0 #e91e63; + box-shadow: 0 1px 0 0 #e91e63; + outline: 0 none + } + + .rfipbtn--orange { + background-color: #fff; + border: 1px solid #ffb74d + } + + .rfipbtn--orange:active, + .rfipbtn--orange:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ffa726 + } + + .rfipbtn--orange .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #ffb74d; + background-color: #ffe0b2; + color: #ef6c00 + } + + .rfipbtn--orange .rfipbtn__button:hover { + background-color: #ffa726 + } + + .rfipbtn--orange .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #ffb74d; + box-shadow: inset 0 0 10px 0 #ffb74d + } + + .rfipbtn--orange .rfipbtn__icon { + border: 1px solid #ffcc80; + color: #ef6c00 + } + + .rfipbtn--orange .rfipbtn__icon--empty { + color: #ffb74d + } + + .rfipbtn--orange .rfipbtn__del { + background-color: #ffcc80 + } + + .rfipbtn--orange .rfipbtn__del:hover { + background-color: #ffb74d + } + + .rfipbtn--orange .rfipbtn__del:active, + .rfipbtn--orange .rfipbtn__del:focus { + outline: 1px solid #ffb74d + } + + .rfipdropdown--orange { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #ffb74d + } + + .rfipdropdown--orange input, + .rfipdropdown--orange select { + color: #424242 + } + + .rfipdropdown--orange .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ffa726; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--orange .rfipcategory select:active, + .rfipdropdown--orange .rfipcategory select:focus { + border-bottom-color: #ff9800; + -webkit-box-shadow: 0 1px 0 0 #ff9800; + box-shadow: 0 1px 0 0 #ff9800; + outline: 0 none + } + + .rfipdropdown--orange .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ffa726; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--orange .rfipicons__cp:active, + .rfipdropdown--orange .rfipicons__cp:focus { + border-bottom-color: #ff9800; + -webkit-box-shadow: 0 1px 0 0 #ff9800; + box-shadow: 0 1px 0 0 #ff9800; + outline: 0 none + } + + .rfipdropdown--orange .rfipicons__left, + .rfipdropdown--orange .rfipicons__right { + background-color: #ffcc80; + border: 1px solid #ffcc80; + color: #ef6c00 + } + + .rfipdropdown--orange .rfipicons__left:hover, + .rfipdropdown--orange .rfipicons__right:hover { + background-color: #ffa726; + border: 1px solid #ffa726 + } + + .rfipdropdown--orange .rfipicons__left:active, + .rfipdropdown--orange .rfipicons__left:focus, + .rfipdropdown--orange .rfipicons__right:active, + .rfipdropdown--orange .rfipicons__right:focus { + border: 1px solid #ffa726 + } + + .rfipdropdown--orange .rfipicons__ibox { + background-color: #ffe0b2; + border: 1px solid #ffe0b2; + color: #ef6c00 + } + + .rfipdropdown--orange .rfipicons__ibox:hover { + background-color: #ffa726; + border: 1px solid #ffa726 + } + + .rfipdropdown--orange .rfipicons__ibox:active, + .rfipdropdown--orange .rfipicons__ibox:focus { + border: 1px solid #ffa726 + } + + .rfipdropdown--orange .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--orange .rfipicons__icon--selected .rfipicons__ibox { + background-color: #ffcc80 + } + + .rfipdropdown--orange .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ffa726; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--orange .rfipsearch input:active, + .rfipdropdown--orange .rfipsearch input:focus { + border-bottom-color: #ff9800; + -webkit-box-shadow: 0 1px 0 0 #ff9800; + box-shadow: 0 1px 0 0 #ff9800; + outline: 0 none + } + + .rfipbtn--purple { + background-color: #fff; + border: 1px solid #ba68c8 + } + + .rfipbtn--purple:active, + .rfipbtn--purple:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ab47bc + } + + .rfipbtn--purple .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #ba68c8; + background-color: #e1bee7; + color: #6a1b9a + } + + .rfipbtn--purple .rfipbtn__button:hover { + background-color: #ab47bc + } + + .rfipbtn--purple .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #ba68c8; + box-shadow: inset 0 0 10px 0 #ba68c8 + } + + .rfipbtn--purple .rfipbtn__icon { + border: 1px solid #ce93d8; + color: #6a1b9a + } + + .rfipbtn--purple .rfipbtn__icon--empty { + color: #ba68c8 + } + + .rfipbtn--purple .rfipbtn__del { + background-color: #ce93d8 + } + + .rfipbtn--purple .rfipbtn__del:hover { + background-color: #ba68c8 + } + + .rfipbtn--purple .rfipbtn__del:active, + .rfipbtn--purple .rfipbtn__del:focus { + outline: 1px solid #ba68c8 + } + + .rfipdropdown--purple { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #ba68c8 + } + + .rfipdropdown--purple input, + .rfipdropdown--purple select { + color: #424242 + } + + .rfipdropdown--purple .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ab47bc; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--purple .rfipcategory select:active, + .rfipdropdown--purple .rfipcategory select:focus { + border-bottom-color: #9c27b0; + -webkit-box-shadow: 0 1px 0 0 #9c27b0; + box-shadow: 0 1px 0 0 #9c27b0; + outline: 0 none + } + + .rfipdropdown--purple .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ab47bc; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--purple .rfipicons__cp:active, + .rfipdropdown--purple .rfipicons__cp:focus { + border-bottom-color: #9c27b0; + -webkit-box-shadow: 0 1px 0 0 #9c27b0; + box-shadow: 0 1px 0 0 #9c27b0; + outline: 0 none + } + + .rfipdropdown--purple .rfipicons__left, + .rfipdropdown--purple .rfipicons__right { + background-color: #ce93d8; + border: 1px solid #ce93d8; + color: #6a1b9a + } + + .rfipdropdown--purple .rfipicons__left:hover, + .rfipdropdown--purple .rfipicons__right:hover { + background-color: #ab47bc; + border: 1px solid #ab47bc + } + + .rfipdropdown--purple .rfipicons__left:active, + .rfipdropdown--purple .rfipicons__left:focus, + .rfipdropdown--purple .rfipicons__right:active, + .rfipdropdown--purple .rfipicons__right:focus { + border: 1px solid #ab47bc + } + + .rfipdropdown--purple .rfipicons__ibox { + background-color: #e1bee7; + border: 1px solid #e1bee7; + color: #6a1b9a + } + + .rfipdropdown--purple .rfipicons__ibox:hover { + background-color: #ab47bc; + border: 1px solid #ab47bc + } + + .rfipdropdown--purple .rfipicons__ibox:active, + .rfipdropdown--purple .rfipicons__ibox:focus { + border: 1px solid #ab47bc + } + + .rfipdropdown--purple .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--purple .rfipicons__icon--selected .rfipicons__ibox { + background-color: #ce93d8 + } + + .rfipdropdown--purple .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ab47bc; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--purple .rfipsearch input:active, + .rfipdropdown--purple .rfipsearch input:focus { + border-bottom-color: #9c27b0; + -webkit-box-shadow: 0 1px 0 0 #9c27b0; + box-shadow: 0 1px 0 0 #9c27b0; + outline: 0 none + } + + .rfipbtn--red { + background-color: #fff; + border: 1px solid #e57373 + } + + .rfipbtn--red:active, + .rfipbtn--red:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ef5350 + } + + .rfipbtn--red .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #e57373; + background-color: #ffcdd2; + color: #c62828 + } + + .rfipbtn--red .rfipbtn__button:hover { + background-color: #ef5350 + } + + .rfipbtn--red .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #e57373; + box-shadow: inset 0 0 10px 0 #e57373 + } + + .rfipbtn--red .rfipbtn__icon { + border: 1px solid #ef9a9a; + color: #c62828 + } + + .rfipbtn--red .rfipbtn__icon--empty { + color: #e57373 + } + + .rfipbtn--red .rfipbtn__del { + background-color: #ef9a9a + } + + .rfipbtn--red .rfipbtn__del:hover { + background-color: #e57373 + } + + .rfipbtn--red .rfipbtn__del:active, + .rfipbtn--red .rfipbtn__del:focus { + outline: 1px solid #e57373 + } + + .rfipdropdown--red { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #e57373 + } + + .rfipdropdown--red input, + .rfipdropdown--red select { + color: #424242 + } + + .rfipdropdown--red .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ef5350; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--red .rfipcategory select:active, + .rfipdropdown--red .rfipcategory select:focus { + border-bottom-color: #f44336; + -webkit-box-shadow: 0 1px 0 0 #f44336; + box-shadow: 0 1px 0 0 #f44336; + outline: 0 none + } + + .rfipdropdown--red .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ef5350; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--red .rfipicons__cp:active, + .rfipdropdown--red .rfipicons__cp:focus { + border-bottom-color: #f44336; + -webkit-box-shadow: 0 1px 0 0 #f44336; + box-shadow: 0 1px 0 0 #f44336; + outline: 0 none + } + + .rfipdropdown--red .rfipicons__left, + .rfipdropdown--red .rfipicons__right { + background-color: #ef9a9a; + border: 1px solid #ef9a9a; + color: #c62828 + } + + .rfipdropdown--red .rfipicons__left:hover, + .rfipdropdown--red .rfipicons__right:hover { + background-color: #ef5350; + border: 1px solid #ef5350 + } + + .rfipdropdown--red .rfipicons__left:active, + .rfipdropdown--red .rfipicons__left:focus, + .rfipdropdown--red .rfipicons__right:active, + .rfipdropdown--red .rfipicons__right:focus { + border: 1px solid #ef5350 + } + + .rfipdropdown--red .rfipicons__ibox { + background-color: #ffcdd2; + border: 1px solid #ffcdd2; + color: #c62828 + } + + .rfipdropdown--red .rfipicons__ibox:hover { + background-color: #ef5350; + border: 1px solid #ef5350 + } + + .rfipdropdown--red .rfipicons__ibox:active, + .rfipdropdown--red .rfipicons__ibox:focus { + border: 1px solid #ef5350 + } + + .rfipdropdown--red .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--red .rfipicons__icon--selected .rfipicons__ibox { + background-color: #ef9a9a + } + + .rfipdropdown--red .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ef5350; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--red .rfipsearch input:active, + .rfipdropdown--red .rfipsearch input:focus { + border-bottom-color: #f44336; + -webkit-box-shadow: 0 1px 0 0 #f44336; + box-shadow: 0 1px 0 0 #f44336; + outline: 0 none + } + + .rfipbtn--teal { + background-color: #fff; + border: 1px solid #4db6ac + } + + .rfipbtn--teal:active, + .rfipbtn--teal:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #26a69a + } + + .rfipbtn--teal .rfipbtn__button { + border: 0 none transparent; + border-right: 1px solid #4db6ac; + background-color: #b2dfdb; + color: #00695c + } + + .rfipbtn--teal .rfipbtn__button:hover { + background-color: #26a69a + } + + .rfipbtn--teal .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #4db6ac; + box-shadow: inset 0 0 10px 0 #4db6ac + } + + .rfipbtn--teal .rfipbtn__icon { + border: 1px solid #80cbc4; + color: #00695c + } + + .rfipbtn--teal .rfipbtn__icon--empty { + color: #4db6ac + } + + .rfipbtn--teal .rfipbtn__del { + background-color: #80cbc4 + } + + .rfipbtn--teal .rfipbtn__del:hover { + background-color: #4db6ac + } + + .rfipbtn--teal .rfipbtn__del:active, + .rfipbtn--teal .rfipbtn__del:focus { + outline: 1px solid #4db6ac + } + + .rfipdropdown--teal { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #4db6ac + } + + .rfipdropdown--teal input, + .rfipdropdown--teal select { + color: #424242 + } + + .rfipdropdown--teal .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #26a69a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--teal .rfipcategory select:active, + .rfipdropdown--teal .rfipcategory select:focus { + border-bottom-color: #009688; + -webkit-box-shadow: 0 1px 0 0 #009688; + box-shadow: 0 1px 0 0 #009688; + outline: 0 none + } + + .rfipdropdown--teal .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #26a69a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--teal .rfipicons__cp:active, + .rfipdropdown--teal .rfipicons__cp:focus { + border-bottom-color: #009688; + -webkit-box-shadow: 0 1px 0 0 #009688; + box-shadow: 0 1px 0 0 #009688; + outline: 0 none + } + + .rfipdropdown--teal .rfipicons__left, + .rfipdropdown--teal .rfipicons__right { + background-color: #80cbc4; + border: 1px solid #80cbc4; + color: #00695c + } + + .rfipdropdown--teal .rfipicons__left:hover, + .rfipdropdown--teal .rfipicons__right:hover { + background-color: #26a69a; + border: 1px solid #26a69a + } + + .rfipdropdown--teal .rfipicons__left:active, + .rfipdropdown--teal .rfipicons__left:focus, + .rfipdropdown--teal .rfipicons__right:active, + .rfipdropdown--teal .rfipicons__right:focus { + border: 1px solid #26a69a + } + + .rfipdropdown--teal .rfipicons__ibox { + background-color: #b2dfdb; + border: 1px solid #b2dfdb; + color: #00695c + } + + .rfipdropdown--teal .rfipicons__ibox:hover { + background-color: #26a69a; + border: 1px solid #26a69a + } + + .rfipdropdown--teal .rfipicons__ibox:active, + .rfipdropdown--teal .rfipicons__ibox:focus { + border: 1px solid #26a69a + } + + .rfipdropdown--teal .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--teal .rfipicons__icon--selected .rfipicons__ibox { + background-color: #80cbc4 + } + + .rfipdropdown--teal .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #26a69a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--teal .rfipsearch input:active, + .rfipdropdown--teal .rfipsearch input:focus { + border-bottom-color: #009688; + -webkit-box-shadow: 0 1px 0 0 #009688; + box-shadow: 0 1px 0 0 #009688; + outline: 0 none + } + + .rfipbtn--default .rfipbtn__icon { + border: 0; + height: 40px; + } + + .rfipbtn--default .rfipbtn__del { + height: 18px; + } + [class^=fipicon-] { + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + i.fipicon-angle-down:before { + content: "\f140"; + font-family: dashicons; + } + + i.fipicon-angle-up:before { + content: "\f142"; + font-family: dashicons; + } + + i.fipicon-angle-right:before { + content: "\f345"; + font-family: dashicons; + } + + i.fipicon-angle-left:before { + content: "\f341"; + font-family: dashicons; + } + +/* 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; +} diff --git a/assets/css/font-icon-picker.css b/assets/css/font-icon-picker.css new file mode 100644 index 00000000..b5406186 --- /dev/null +++ b/assets/css/font-icon-picker.css @@ -0,0 +1,2973 @@ +/* Social Icons Control CSS */ +/* + Fonticon picker css + */ + + .rfipbtn, + .rfipdropdown { + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + font-size: 14px; + line-height: 1.71429; + vertical-align: baseline + } + + .rfipbtn, + .rfipbtn *, + .rfipdropdown, + .rfipdropdown * { + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .rfipbtn input, + .rfipbtn select, + .rfipdropdown input, + .rfipdropdown select { + font-size: 14px + } + + .rfip { + position: relative; + margin: 8px 0; + width: 100%; + vertical-align: middle + } + + .rfipbtn { + width: 136px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + min-height: 50px; + border-radius: 2px; + cursor: pointer; + -webkit-transition: border-color .25s, -webkit-box-shadow .25s; + transition: border-color .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border-color .25s; + transition: box-shadow .25s, border-color .25s, -webkit-box-shadow .25s; + outline: 0 none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + height: 40px; + } + + .rfipbtn--open { + border-radius: 2px 2px 0 0 + } + + .rfipbtn__button { + width: 48px; + margin-left: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: auto; + -webkit-transition: background .25s, -webkit-box-shadow .25s; + transition: background .25s, -webkit-box-shadow .25s; + transition: background .25s, box-shadow .25s; + transition: background .25s, box-shadow .25s, -webkit-box-shadow .25s + } + + .rfipbtn__button i { + font-size: 26px; + line-height: 26px; + height: 26px; + width: 26px; + -webkit-transition: -webkit-transform .25s; + transition: -webkit-transform .25s; + transition: transform .25s; + transition: transform .25s, -webkit-transform .25s; + margin-left: auto; + margin-right: auto; + } + + .rfipbtn__button--open i { + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg) + } + + .rfipbtn__current { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-flex: 0; + -ms-flex: 0 0 86px; + flex: 0 0 60px; + padding: 2px + } + + .rfipbtn--multi { + width: 258px + } + + .rfipbtn--multi .rfipbtn__current { + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-preferred-size: 212px; + flex-basis: 212px; + -ms-flex-line-pack: center; + align-content: center + } + + .rfipbtn--multi .rfipbtn__current, + .rfipbtn__icon { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal + } + + .rfipbtn__icon { + margin: 2px; + padding: 0; + height: 28px; + width: 48px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + border-radius: 2px + } + + .rfipbtn__icon--empty { + font-size: 14px; + line-height: 16px; + margin-left: 8px; + text-align: center; + text-transform: lowercase; + font-style: italic + } + + .rfipbtn__elm { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 28px; + width: 28px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 18px + } + + .rfipbtn__elm img, + .rfipbtn__elm svg { + height: 18px; + width: 18px; + } + + .rfipbtn__elm svg { + fill : #333; + } + + .rfipbtn__del { + width: 18px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 28px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: background-color .25s; + transition: background-color .25s; + cursor: pointer + } + + .rfipcategory { + width: 100%; + margin: 0 0 8px; + position: relative + } + + .rfipcategory select { + width: 100%; + display: block; + height: 32px; + line-height: 32px; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, box-shadow .25s; + transition: border .25s, box-shadow .25s, -webkit-box-shadow .25s; + background-color: transparent!important + } + + .rfipcategory i { + position: absolute; + right: 2px; + top: 0; + font-size: 16px; + line-height: 32px; + z-index: -1 + } + + .rfipdropdown { + width: 250px; + position: absolute; + left: 0; + margin-top: -1px; + z-index: 100000001; + border-radius: 0 1px 4px 4px + } + + .rfipdropdown__selector { + overflow: hidden; + padding: 16px + } + + .rfipdropdown.fipappear-enter-active .rfipdropdown__selector, + .rfipdropdown.fipappear-exit-active .rfipdropdown__selector { + -webkit-transition: max-height .3s ease-out, padding .3s ease-out; + transition: max-height .3s ease-out, padding .3s ease-out; + padding: 16px + } + + .rfipicons__pager { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + height: 24px; + line-height: 24px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 8px + } + + .rfipicons__num { + width: 100px; + margin-right: auto + } + + .rfipicons__cp { + width: 32px; + height: 24px; + line-height: 24px; + text-align: right + } + + .rfipicons__cp, + .rfipicons__sp, + .rfipicons__tp { + margin-right: 8px + } + + .rfipicons__arrow { + margin-left: auto; + width: 56px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 24px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none + } + + .rfipicons__right { + margin-left: auto + } + + .rfipicons__left, + .rfipicons__right { + cursor: pointer; + width: 24px; + height: 24px; + position: relative; + -webkit-transition: background-color .25s, border .25s; + transition: background-color .25s, border .25s; + outline: 0 none; + border-radius: 2px; + font-size: 18px + } + + .rfipicons__label { + height: 22px; + width: 22px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center + } + + .rfipicons__label img { + height: 18px; + width: 18px + } + + .rfipicons__selector { + -webkit-box-flex: 1; + -ms-flex: 1 1 20%; + flex: 1 1 20%; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start + } + + .rfipicons__ibox, + .rfipicons__selector { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } + + .rfipicons__ibox { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; + width: 100%; + -webkit-transition: background-color .25s, border .25s; + transition: background-color .25s, border .25s; + border-radius: 2px; + outline: 0 none; + font-size: 20px + } + + .rfipicons__ibox img, + .rfipicons__ibox svg { + max-height: 24px; + height: 18px; + width: 18px; + } + + .rfipicons__ibox svg { + fill: #333; + } + + .rfipicons__ibox>* { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition: -webkit-transform .25s; + transition: -webkit-transform .25s; + transition: transform .25s; + transition: transform .25s, -webkit-transform .25s; + -webkit-transform-origin: center; + transform-origin: center + } + + .rfipicons__ibox:hover>* { + -webkit-transform: scale(1.8); + transform: scale(1.8) + } + + .rfipicons__ibox--error { + text-transform: lowercase; + font-style: italic + } + + .rfipicons__icon { + width: 20%; + height: 64px; + padding: 1px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer + } + + .rfipicons__icon--error { + display: block; + padding: 16px; + text-align: center; + font-size: 24px; + width: 100%; + line-height: 1 + } + + .rfipsearch { + width: 100%; + margin: 0 0 8px + } + + .rfipsearch input { + width: 100%; + display: block; + height: 32px; + line-height: 32px + } + + .rfipbtn--green { + background-color: #fff; + border: 1px solid #81c784 + } + + .rfipbtn--green:active, + .rfipbtn--green:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #66bb6a + } + + .rfipbtn--green .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #81c784; + background-color: #c8e6c9; + color: #2e7d32 + } + + .rfipbtn--green .rfipbtn__button:hover { + background-color: #66bb6a + } + + .rfipbtn--green .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #81c784; + box-shadow: inset 0 0 10px 0 #81c784 + } + + .rfipbtn--green .rfipbtn__icon { + border: 1px solid #a5d6a7; + color: #2e7d32 + } + + .rfipbtn--green .rfipbtn__icon--empty { + color: #81c784 + } + + .rfipbtn--green .rfipbtn__del { + background-color: #a5d6a7 + } + + .rfipbtn--green .rfipbtn__del:hover { + background-color: #81c784 + } + + .rfipbtn--green .rfipbtn__del:active, + .rfipbtn--green .rfipbtn__del:focus { + outline: 1px solid #81c784 + } + + .rfipdropdown--green { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #81c784 + } + + .rfipdropdown--green input, + .rfipdropdown--green select { + color: #424242 + } + + .rfipdropdown--green .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #66bb6a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--green .rfipcategory select:active, + .rfipdropdown--green .rfipcategory select:focus { + border-bottom-color: #4caf50; + -webkit-box-shadow: 0 1px 0 0 #4caf50; + box-shadow: 0 1px 0 0 #4caf50; + outline: 0 none + } + + .rfipdropdown--green .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #66bb6a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--green .rfipicons__cp:active, + .rfipdropdown--green .rfipicons__cp:focus { + border-bottom-color: #4caf50; + -webkit-box-shadow: 0 1px 0 0 #4caf50; + box-shadow: 0 1px 0 0 #4caf50; + outline: 0 none + } + + .rfipdropdown--green .rfipicons__left, + .rfipdropdown--green .rfipicons__right { + background-color: #a5d6a7; + border: 1px solid #a5d6a7; + color: #2e7d32 + } + + .rfipdropdown--green .rfipicons__left:hover, + .rfipdropdown--green .rfipicons__right:hover { + background-color: #66bb6a; + border: 1px solid #66bb6a + } + + .rfipdropdown--green .rfipicons__left:active, + .rfipdropdown--green .rfipicons__left:focus, + .rfipdropdown--green .rfipicons__right:active, + .rfipdropdown--green .rfipicons__right:focus { + border: 1px solid #66bb6a + } + + .rfipdropdown--green .rfipicons__ibox { + background-color: #c8e6c9; + border: 1px solid #c8e6c9; + color: #2e7d32 + } + + .rfipdropdown--green .rfipicons__ibox:hover { + background-color: #66bb6a; + border: 1px solid #66bb6a + } + + .rfipdropdown--green .rfipicons__ibox:active, + .rfipdropdown--green .rfipicons__ibox:focus { + border: 1px solid #66bb6a + } + + .rfipdropdown--green .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--green .rfipicons__icon--selected .rfipicons__ibox { + background-color: #a5d6a7 + } + + .rfipdropdown--green .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #66bb6a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--green .rfipsearch input:active, + .rfipdropdown--green .rfipsearch input:focus { + border-bottom-color: #4caf50; + -webkit-box-shadow: 0 1px 0 0 #4caf50; + box-shadow: 0 1px 0 0 #4caf50; + outline: 0 none + } + + .rfipbtn--bluegrey { + background-color: #fff; + border: 1px solid #90a4ae + } + + .rfipbtn--bluegrey:active, + .rfipbtn--bluegrey:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #78909c + } + + .rfipbtn--bluegrey .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #90a4ae; + background-color: #cfd8dc; + color: #37474f + } + + .rfipbtn--bluegrey .rfipbtn__button:hover { + background-color: #78909c + } + + .rfipbtn--bluegrey .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #90a4ae; + box-shadow: inset 0 0 10px 0 #90a4ae + } + + .rfipbtn--bluegrey .rfipbtn__icon { + border: 1px solid #b0bec5; + color: #37474f + } + + .rfipbtn--bluegrey .rfipbtn__icon--empty { + color: #90a4ae + } + + .rfipbtn--bluegrey .rfipbtn__del { + background-color: #b0bec5 + } + + .rfipbtn--bluegrey .rfipbtn__del:hover { + background-color: #90a4ae + } + + .rfipbtn--bluegrey .rfipbtn__del:active, + .rfipbtn--bluegrey .rfipbtn__del:focus { + outline: 1px solid #90a4ae + } + + .rfipdropdown--bluegrey { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #90a4ae + } + + .rfipdropdown--bluegrey input, + .rfipdropdown--bluegrey select { + color: #424242 + } + + .rfipdropdown--bluegrey .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #78909c; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--bluegrey .rfipcategory select:active, + .rfipdropdown--bluegrey .rfipcategory select:focus { + border-bottom-color: #607d8b; + -webkit-box-shadow: 0 1px 0 0 #607d8b; + box-shadow: 0 1px 0 0 #607d8b; + outline: 0 none + } + + .rfipdropdown--bluegrey .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #78909c; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--bluegrey .rfipicons__cp:active, + .rfipdropdown--bluegrey .rfipicons__cp:focus { + border-bottom-color: #607d8b; + -webkit-box-shadow: 0 1px 0 0 #607d8b; + box-shadow: 0 1px 0 0 #607d8b; + outline: 0 none + } + + .rfipdropdown--bluegrey .rfipicons__left, + .rfipdropdown--bluegrey .rfipicons__right { + background-color: #b0bec5; + border: 1px solid #b0bec5; + color: #37474f + } + + .rfipdropdown--bluegrey .rfipicons__left:hover, + .rfipdropdown--bluegrey .rfipicons__right:hover { + background-color: #78909c; + border: 1px solid #78909c + } + + .rfipdropdown--bluegrey .rfipicons__left:active, + .rfipdropdown--bluegrey .rfipicons__left:focus, + .rfipdropdown--bluegrey .rfipicons__right:active, + .rfipdropdown--bluegrey .rfipicons__right:focus { + border: 1px solid #78909c + } + + .rfipdropdown--bluegrey .rfipicons__ibox { + background-color: #cfd8dc; + border: 1px solid #cfd8dc; + color: #37474f + } + + .rfipdropdown--bluegrey .rfipicons__ibox:hover { + background-color: #78909c; + border: 1px solid #78909c + } + + .rfipdropdown--bluegrey .rfipicons__ibox:active, + .rfipdropdown--bluegrey .rfipicons__ibox:focus { + border: 1px solid #78909c + } + + .rfipdropdown--bluegrey .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--bluegrey .rfipicons__icon--selected .rfipicons__ibox { + background-color: #b0bec5 + } + + .rfipdropdown--bluegrey .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #78909c; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--bluegrey .rfipsearch input:active, + .rfipdropdown--bluegrey .rfipsearch input:focus { + border-bottom-color: #607d8b; + -webkit-box-shadow: 0 1px 0 0 #607d8b; + box-shadow: 0 1px 0 0 #607d8b; + outline: 0 none + } + + .rfipbtn--brown { + background-color: #fff; + border: 1px solid #a1887f + } + + .rfipbtn--brown:active, + .rfipbtn--brown:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #8d6e63 + } + + .rfipbtn--brown .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #a1887f; + background-color: #d7ccc8; + color: #4e342e + } + + .rfipbtn--brown .rfipbtn__button:hover { + background-color: #8d6e63 + } + + .rfipbtn--brown .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #a1887f; + box-shadow: inset 0 0 10px 0 #a1887f + } + + .rfipbtn--brown .rfipbtn__icon { + border: 1px solid #bcaaa4; + color: #4e342e + } + + .rfipbtn--brown .rfipbtn__icon--empty { + color: #a1887f + } + + .rfipbtn--brown .rfipbtn__del { + background-color: #bcaaa4 + } + + .rfipbtn--brown .rfipbtn__del:hover { + background-color: #a1887f + } + + .rfipbtn--brown .rfipbtn__del:active, + .rfipbtn--brown .rfipbtn__del:focus { + outline: 1px solid #a1887f + } + + .rfipdropdown--brown { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #a1887f + } + + .rfipdropdown--brown input, + .rfipdropdown--brown select { + color: #424242 + } + + .rfipdropdown--brown .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #8d6e63; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--brown .rfipcategory select:active, + .rfipdropdown--brown .rfipcategory select:focus { + border-bottom-color: #795548; + -webkit-box-shadow: 0 1px 0 0 #795548; + box-shadow: 0 1px 0 0 #795548; + outline: 0 none + } + + .rfipdropdown--brown .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #8d6e63; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--brown .rfipicons__cp:active, + .rfipdropdown--brown .rfipicons__cp:focus { + border-bottom-color: #795548; + -webkit-box-shadow: 0 1px 0 0 #795548; + box-shadow: 0 1px 0 0 #795548; + outline: 0 none + } + + .rfipdropdown--brown .rfipicons__left, + .rfipdropdown--brown .rfipicons__right { + background-color: #bcaaa4; + border: 1px solid #bcaaa4; + color: #4e342e + } + + .rfipdropdown--brown .rfipicons__left:hover, + .rfipdropdown--brown .rfipicons__right:hover { + background-color: #8d6e63; + border: 1px solid #8d6e63 + } + + .rfipdropdown--brown .rfipicons__left:active, + .rfipdropdown--brown .rfipicons__left:focus, + .rfipdropdown--brown .rfipicons__right:active, + .rfipdropdown--brown .rfipicons__right:focus { + border: 1px solid #8d6e63 + } + + .rfipdropdown--brown .rfipicons__ibox { + background-color: #d7ccc8; + border: 1px solid #d7ccc8; + color: #4e342e + } + + .rfipdropdown--brown .rfipicons__ibox:hover { + background-color: #8d6e63; + border: 1px solid #8d6e63 + } + + .rfipdropdown--brown .rfipicons__ibox:active, + .rfipdropdown--brown .rfipicons__ibox:focus { + border: 1px solid #8d6e63 + } + + .rfipdropdown--brown .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--brown .rfipicons__icon--selected .rfipicons__ibox { + background-color: #bcaaa4 + } + + .rfipdropdown--brown .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #8d6e63; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--brown .rfipsearch input:active, + .rfipdropdown--brown .rfipsearch input:focus { + border-bottom-color: #795548; + -webkit-box-shadow: 0 1px 0 0 #795548; + box-shadow: 0 1px 0 0 #795548; + outline: 0 none + } + + .rfipbtn--cyan { + background-color: #fff; + border: 1px solid #4dd0e1 + } + + .rfipbtn--cyan:active, + .rfipbtn--cyan:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #26c6da + } + + .rfipbtn--cyan .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #4dd0e1; + background-color: #b2ebf2; + color: #00838f + } + + .rfipbtn--cyan .rfipbtn__button:hover { + background-color: #26c6da + } + + .rfipbtn--cyan .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #4dd0e1; + box-shadow: inset 0 0 10px 0 #4dd0e1 + } + + .rfipbtn--cyan .rfipbtn__icon { + border: 1px solid #80deea; + color: #00838f + } + + .rfipbtn--cyan .rfipbtn__icon--empty { + color: #4dd0e1 + } + + .rfipbtn--cyan .rfipbtn__del { + background-color: #80deea + } + + .rfipbtn--cyan .rfipbtn__del:hover { + background-color: #4dd0e1 + } + + .rfipbtn--cyan .rfipbtn__del:active, + .rfipbtn--cyan .rfipbtn__del:focus { + outline: 1px solid #4dd0e1 + } + + .rfipdropdown--cyan { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #4dd0e1 + } + + .rfipdropdown--cyan input, + .rfipdropdown--cyan select { + color: #424242 + } + + .rfipdropdown--cyan .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #26c6da; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--cyan .rfipcategory select:active, + .rfipdropdown--cyan .rfipcategory select:focus { + border-bottom-color: #00bcd4; + -webkit-box-shadow: 0 1px 0 0 #00bcd4; + box-shadow: 0 1px 0 0 #00bcd4; + outline: 0 none + } + + .rfipdropdown--cyan .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #26c6da; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--cyan .rfipicons__cp:active, + .rfipdropdown--cyan .rfipicons__cp:focus { + border-bottom-color: #00bcd4; + -webkit-box-shadow: 0 1px 0 0 #00bcd4; + box-shadow: 0 1px 0 0 #00bcd4; + outline: 0 none + } + + .rfipdropdown--cyan .rfipicons__left, + .rfipdropdown--cyan .rfipicons__right { + background-color: #80deea; + border: 1px solid #80deea; + color: #00838f + } + + .rfipdropdown--cyan .rfipicons__left:hover, + .rfipdropdown--cyan .rfipicons__right:hover { + background-color: #26c6da; + border: 1px solid #26c6da + } + + .rfipdropdown--cyan .rfipicons__left:active, + .rfipdropdown--cyan .rfipicons__left:focus, + .rfipdropdown--cyan .rfipicons__right:active, + .rfipdropdown--cyan .rfipicons__right:focus { + border: 1px solid #26c6da + } + + .rfipdropdown--cyan .rfipicons__ibox { + background-color: #b2ebf2; + border: 1px solid #b2ebf2; + color: #00838f + } + + .rfipdropdown--cyan .rfipicons__ibox:hover { + background-color: #26c6da; + border: 1px solid #26c6da + } + + .rfipdropdown--cyan .rfipicons__ibox:active, + .rfipdropdown--cyan .rfipicons__ibox:focus { + border: 1px solid #26c6da + } + + .rfipdropdown--cyan .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--cyan .rfipicons__icon--selected .rfipicons__ibox { + background-color: #80deea + } + + .rfipdropdown--cyan .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #26c6da; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--cyan .rfipsearch input:active, + .rfipdropdown--cyan .rfipsearch input:focus { + border-bottom-color: #00bcd4; + -webkit-box-shadow: 0 1px 0 0 #00bcd4; + box-shadow: 0 1px 0 0 #00bcd4; + outline: 0 none + } + + .rfipbtn--deeporange { + background-color: #fff; + border: 1px solid #ff8a65 + } + + .rfipbtn--deeporange:active, + .rfipbtn--deeporange:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ff7043 + } + + .rfipbtn--deeporange .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #ff8a65; + background-color: #ffccbc; + color: #d84315 + } + + .rfipbtn--deeporange .rfipbtn__button:hover { + background-color: #ff7043 + } + + .rfipbtn--deeporange .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #ff8a65; + box-shadow: inset 0 0 10px 0 #ff8a65 + } + + .rfipbtn--deeporange .rfipbtn__icon { + border: 1px solid #ffab91; + color: #d84315 + } + + .rfipbtn--deeporange .rfipbtn__icon--empty { + color: #ff8a65 + } + + .rfipbtn--deeporange .rfipbtn__del { + background-color: #ffab91 + } + + .rfipbtn--deeporange .rfipbtn__del:hover { + background-color: #ff8a65 + } + + .rfipbtn--deeporange .rfipbtn__del:active, + .rfipbtn--deeporange .rfipbtn__del:focus { + outline: 1px solid #ff8a65 + } + + .rfipdropdown--deeporange { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #ff8a65 + } + + .rfipdropdown--deeporange input, + .rfipdropdown--deeporange select { + color: #424242 + } + + .rfipdropdown--deeporange .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ff7043; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeporange .rfipcategory select:active, + .rfipdropdown--deeporange .rfipcategory select:focus { + border-bottom-color: #ff5722; + -webkit-box-shadow: 0 1px 0 0 #ff5722; + box-shadow: 0 1px 0 0 #ff5722; + outline: 0 none + } + + .rfipdropdown--deeporange .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ff7043; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeporange .rfipicons__cp:active, + .rfipdropdown--deeporange .rfipicons__cp:focus { + border-bottom-color: #ff5722; + -webkit-box-shadow: 0 1px 0 0 #ff5722; + box-shadow: 0 1px 0 0 #ff5722; + outline: 0 none + } + + .rfipdropdown--deeporange .rfipicons__left, + .rfipdropdown--deeporange .rfipicons__right { + background-color: #ffab91; + border: 1px solid #ffab91; + color: #d84315 + } + + .rfipdropdown--deeporange .rfipicons__left:hover, + .rfipdropdown--deeporange .rfipicons__right:hover { + background-color: #ff7043; + border: 1px solid #ff7043 + } + + .rfipdropdown--deeporange .rfipicons__left:active, + .rfipdropdown--deeporange .rfipicons__left:focus, + .rfipdropdown--deeporange .rfipicons__right:active, + .rfipdropdown--deeporange .rfipicons__right:focus { + border: 1px solid #ff7043 + } + + .rfipdropdown--deeporange .rfipicons__ibox { + background-color: #ffccbc; + border: 1px solid #ffccbc; + color: #d84315 + } + + .rfipdropdown--deeporange .rfipicons__ibox:hover { + background-color: #ff7043; + border: 1px solid #ff7043 + } + + .rfipdropdown--deeporange .rfipicons__ibox:active, + .rfipdropdown--deeporange .rfipicons__ibox:focus { + border: 1px solid #ff7043 + } + + .rfipdropdown--deeporange .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--deeporange .rfipicons__icon--selected .rfipicons__ibox { + background-color: #ffab91 + } + + .rfipdropdown--deeporange .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ff7043; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeporange .rfipsearch input:active, + .rfipdropdown--deeporange .rfipsearch input:focus { + border-bottom-color: #ff5722; + -webkit-box-shadow: 0 1px 0 0 #ff5722; + box-shadow: 0 1px 0 0 #ff5722; + outline: 0 none + } + + .rfipbtn--deeppurple { + background-color: #fff; + border: 1px solid #9575cd + } + + .rfipbtn--deeppurple:active, + .rfipbtn--deeppurple:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #7e57c2 + } + + .rfipbtn--deeppurple .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #9575cd; + background-color: #d1c4e9; + color: #4527a0 + } + + .rfipbtn--deeppurple .rfipbtn__button:hover { + background-color: #7e57c2 + } + + .rfipbtn--deeppurple .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #9575cd; + box-shadow: inset 0 0 10px 0 #9575cd + } + + .rfipbtn--deeppurple .rfipbtn__icon { + border: 1px solid #b39ddb; + color: #4527a0 + } + + .rfipbtn--deeppurple .rfipbtn__icon--empty { + color: #9575cd + } + + .rfipbtn--deeppurple .rfipbtn__del { + background-color: #b39ddb + } + + .rfipbtn--deeppurple .rfipbtn__del:hover { + background-color: #9575cd + } + + .rfipbtn--deeppurple .rfipbtn__del:active, + .rfipbtn--deeppurple .rfipbtn__del:focus { + outline: 1px solid #9575cd + } + + .rfipdropdown--deeppurple { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #9575cd + } + + .rfipdropdown--deeppurple input, + .rfipdropdown--deeppurple select { + color: #424242 + } + + .rfipdropdown--deeppurple .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #7e57c2; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeppurple .rfipcategory select:active, + .rfipdropdown--deeppurple .rfipcategory select:focus { + border-bottom-color: #673ab7; + -webkit-box-shadow: 0 1px 0 0 #673ab7; + box-shadow: 0 1px 0 0 #673ab7; + outline: 0 none + } + + .rfipdropdown--deeppurple .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #7e57c2; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeppurple .rfipicons__cp:active, + .rfipdropdown--deeppurple .rfipicons__cp:focus { + border-bottom-color: #673ab7; + -webkit-box-shadow: 0 1px 0 0 #673ab7; + box-shadow: 0 1px 0 0 #673ab7; + outline: 0 none + } + + .rfipdropdown--deeppurple .rfipicons__left, + .rfipdropdown--deeppurple .rfipicons__right { + background-color: #b39ddb; + border: 1px solid #b39ddb; + color: #4527a0 + } + + .rfipdropdown--deeppurple .rfipicons__left:hover, + .rfipdropdown--deeppurple .rfipicons__right:hover { + background-color: #7e57c2; + border: 1px solid #7e57c2 + } + + .rfipdropdown--deeppurple .rfipicons__left:active, + .rfipdropdown--deeppurple .rfipicons__left:focus, + .rfipdropdown--deeppurple .rfipicons__right:active, + .rfipdropdown--deeppurple .rfipicons__right:focus { + border: 1px solid #7e57c2 + } + + .rfipdropdown--deeppurple .rfipicons__ibox { + background-color: #d1c4e9; + border: 1px solid #d1c4e9; + color: #4527a0 + } + + .rfipdropdown--deeppurple .rfipicons__ibox:hover { + background-color: #7e57c2; + border: 1px solid #7e57c2 + } + + .rfipdropdown--deeppurple .rfipicons__ibox:active, + .rfipdropdown--deeppurple .rfipicons__ibox:focus { + border: 1px solid #7e57c2 + } + + .rfipdropdown--deeppurple .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--deeppurple .rfipicons__icon--selected .rfipicons__ibox { + background-color: #b39ddb + } + + .rfipdropdown--deeppurple .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #7e57c2; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--deeppurple .rfipsearch input:active, + .rfipdropdown--deeppurple .rfipsearch input:focus { + border-bottom-color: #673ab7; + -webkit-box-shadow: 0 1px 0 0 #673ab7; + box-shadow: 0 1px 0 0 #673ab7; + outline: 0 none + } + + .rfipbtn--default { + background-color: #fff; + border: 1px solid #e0e0e0; + width: 100%; + } + + .rfipbtn--default:active, + .rfipbtn--default:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #bdbdbd + } + + .rfipbtn--default .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #e0e0e0; + background-color: #f5f5f5; + color: #424242 + } + + .rfipbtn--default .rfipbtn__button:hover { + background-color: #bdbdbd + } + + .rfipbtn--default .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #e0e0e0; + box-shadow: inset 0 0 10px 0 #e0e0e0 + } + + .rfipbtn--default .rfipbtn__icon { + border: 1px solid #eee; + color: #424242 + } + + .rfipbtn--default .rfipbtn__icon--empty { + color: #e0e0e0 + } + + .rfipbtn--default .rfipbtn__del { + background-color: #eee + } + + .rfipbtn--default .rfipbtn__del:hover { + background-color: #e0e0e0 + } + + .rfipbtn--default .rfipbtn__del:active, + .rfipbtn--default .rfipbtn__del:focus { + outline: 1px solid #e0e0e0 + } + + .rfipdropdown--default { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #e0e0e0 + } + + .rfipdropdown--default input, + .rfipdropdown--default select { + color: #424242 + } + + .rfipdropdown--default .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #bdbdbd; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--default .rfipcategory select:active, + .rfipdropdown--default .rfipcategory select:focus { + border-bottom-color: #9e9e9e; + -webkit-box-shadow: 0 1px 0 0 #9e9e9e; + box-shadow: 0 1px 0 0 #9e9e9e; + outline: 0 none + } + + .rfipdropdown--default .rfipicons__cp { + border: 0 none; + border-radius: 0px; + border-bottom: 1px solid #bdbdbd; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--default .rfipicons__cp:active, + .rfipdropdown--default .rfipicons__cp:focus { + border-bottom-color: #9e9e9e; + -webkit-box-shadow: 0 1px 0 0 #9e9e9e; + box-shadow: 0 1px 0 0 #9e9e9e; + outline: 0 none + } + + .rfipdropdown--default .rfipicons__left, + .rfipdropdown--default .rfipicons__right { + background-color: #eee; + border: 1px solid #eee; + color: #424242 + } + + .rfipdropdown--default .rfipicons__left:hover, + .rfipdropdown--default .rfipicons__right:hover { + background-color: #bdbdbd; + border: 1px solid #bdbdbd + } + + .rfipdropdown--default .rfipicons__left:active, + .rfipdropdown--default .rfipicons__left:focus, + .rfipdropdown--default .rfipicons__right:active, + .rfipdropdown--default .rfipicons__right:focus { + border: 1px solid #bdbdbd + } + + .rfipdropdown--default .rfipicons__ibox { + background-color: #f5f5f5; + border: 1px solid #f5f5f5; + color: #424242 + } + + .rfipdropdown--default .rfipicons__ibox:hover { + background-color: #bdbdbd; + border: 1px solid #bdbdbd + } + + .rfipdropdown--default .rfipicons__ibox:active, + .rfipdropdown--default .rfipicons__ibox:focus { + border: 1px solid #bdbdbd + } + + .rfipdropdown--default .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--default .rfipicons__icon--selected .rfipicons__ibox { + background-color: #eee + } + + .rfipdropdown--default .rfipsearch input { + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--default .rfipsearch input:active, + .rfipdropdown--default .rfipsearch input:focus { + border-bottom-color: #9e9e9e; + -webkit-box-shadow: 0 1px 0 0 #9e9e9e; + box-shadow: 0 1px 0 0 #9e9e9e; + outline: 0 none + } + + .rfipbtn--blue { + background-color: #fff; + border: 1px solid #64b5f6 + } + + .rfipbtn--blue:active, + .rfipbtn--blue:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #42a5f5 + } + + .rfipbtn--blue .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #64b5f6; + background-color: #bbdefb; + color: #1565c0 + } + + .rfipbtn--blue .rfipbtn__button:hover { + background-color: #42a5f5 + } + + .rfipbtn--blue .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #64b5f6; + box-shadow: inset 0 0 10px 0 #64b5f6 + } + + .rfipbtn--blue .rfipbtn__icon { + border: 1px solid #90caf9; + color: #1565c0 + } + + .rfipbtn--blue .rfipbtn__icon--empty { + color: #64b5f6 + } + + .rfipbtn--blue .rfipbtn__del { + background-color: #90caf9 + } + + .rfipbtn--blue .rfipbtn__del:hover { + background-color: #64b5f6 + } + + .rfipbtn--blue .rfipbtn__del:active, + .rfipbtn--blue .rfipbtn__del:focus { + outline: 1px solid #64b5f6 + } + + .rfipdropdown--blue { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #64b5f6 + } + + .rfipdropdown--blue input, + .rfipdropdown--blue select { + color: #424242 + } + + .rfipdropdown--blue .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #42a5f5; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--blue .rfipcategory select:active, + .rfipdropdown--blue .rfipcategory select:focus { + border-bottom-color: #2196f3; + -webkit-box-shadow: 0 1px 0 0 #2196f3; + box-shadow: 0 1px 0 0 #2196f3; + outline: 0 none + } + + .rfipdropdown--blue .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #42a5f5; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--blue .rfipicons__cp:active, + .rfipdropdown--blue .rfipicons__cp:focus { + border-bottom-color: #2196f3; + -webkit-box-shadow: 0 1px 0 0 #2196f3; + box-shadow: 0 1px 0 0 #2196f3; + outline: 0 none + } + + .rfipdropdown--blue .rfipicons__left, + .rfipdropdown--blue .rfipicons__right { + background-color: #90caf9; + border: 1px solid #90caf9; + color: #1565c0 + } + + .rfipdropdown--blue .rfipicons__left:hover, + .rfipdropdown--blue .rfipicons__right:hover { + background-color: #42a5f5; + border: 1px solid #42a5f5 + } + + .rfipdropdown--blue .rfipicons__left:active, + .rfipdropdown--blue .rfipicons__left:focus, + .rfipdropdown--blue .rfipicons__right:active, + .rfipdropdown--blue .rfipicons__right:focus { + border: 1px solid #42a5f5 + } + + .rfipdropdown--blue .rfipicons__ibox { + background-color: #bbdefb; + border: 1px solid #bbdefb; + color: #1565c0 + } + + .rfipdropdown--blue .rfipicons__ibox:hover { + background-color: #42a5f5; + border: 1px solid #42a5f5 + } + + .rfipdropdown--blue .rfipicons__ibox:active, + .rfipdropdown--blue .rfipicons__ibox:focus { + border: 1px solid #42a5f5 + } + + .rfipdropdown--blue .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--blue .rfipicons__icon--selected .rfipicons__ibox { + background-color: #90caf9 + } + + .rfipdropdown--blue .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #42a5f5; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--blue .rfipsearch input:active, + .rfipdropdown--blue .rfipsearch input:focus { + border-bottom-color: #2196f3; + -webkit-box-shadow: 0 1px 0 0 #2196f3; + box-shadow: 0 1px 0 0 #2196f3; + outline: 0 none + } + + .rfipbtn--indigo { + background-color: #fff; + border: 1px solid #7986cb + } + + .rfipbtn--indigo:active, + .rfipbtn--indigo:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #5c6bc0 + } + + .rfipbtn--indigo .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #7986cb; + background-color: #c5cae9; + color: #283593 + } + + .rfipbtn--indigo .rfipbtn__button:hover { + background-color: #5c6bc0 + } + + .rfipbtn--indigo .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #7986cb; + box-shadow: inset 0 0 10px 0 #7986cb + } + + .rfipbtn--indigo .rfipbtn__icon { + border: 1px solid #9fa8da; + color: #283593 + } + + .rfipbtn--indigo .rfipbtn__icon--empty { + color: #7986cb + } + + .rfipbtn--indigo .rfipbtn__del { + background-color: #9fa8da + } + + .rfipbtn--indigo .rfipbtn__del:hover { + background-color: #7986cb + } + + .rfipbtn--indigo .rfipbtn__del:active, + .rfipbtn--indigo .rfipbtn__del:focus { + outline: 1px solid #7986cb + } + + .rfipdropdown--indigo { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #7986cb + } + + .rfipdropdown--indigo input, + .rfipdropdown--indigo select { + color: #424242 + } + + .rfipdropdown--indigo .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #5c6bc0; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--indigo .rfipcategory select:active, + .rfipdropdown--indigo .rfipcategory select:focus { + border-bottom-color: #3f51b5; + -webkit-box-shadow: 0 1px 0 0 #3f51b5; + box-shadow: 0 1px 0 0 #3f51b5; + outline: 0 none + } + + .rfipdropdown--indigo .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #5c6bc0; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--indigo .rfipicons__cp:active, + .rfipdropdown--indigo .rfipicons__cp:focus { + border-bottom-color: #3f51b5; + -webkit-box-shadow: 0 1px 0 0 #3f51b5; + box-shadow: 0 1px 0 0 #3f51b5; + outline: 0 none + } + + .rfipdropdown--indigo .rfipicons__left, + .rfipdropdown--indigo .rfipicons__right { + background-color: #9fa8da; + border: 1px solid #9fa8da; + color: #283593 + } + + .rfipdropdown--indigo .rfipicons__left:hover, + .rfipdropdown--indigo .rfipicons__right:hover { + background-color: #5c6bc0; + border: 1px solid #5c6bc0 + } + + .rfipdropdown--indigo .rfipicons__left:active, + .rfipdropdown--indigo .rfipicons__left:focus, + .rfipdropdown--indigo .rfipicons__right:active, + .rfipdropdown--indigo .rfipicons__right:focus { + border: 1px solid #5c6bc0 + } + + .rfipdropdown--indigo .rfipicons__ibox { + background-color: #c5cae9; + border: 1px solid #c5cae9; + color: #283593 + } + + .rfipdropdown--indigo .rfipicons__ibox:hover { + background-color: #5c6bc0; + border: 1px solid #5c6bc0 + } + + .rfipdropdown--indigo .rfipicons__ibox:active, + .rfipdropdown--indigo .rfipicons__ibox:focus { + border: 1px solid #5c6bc0 + } + + .rfipdropdown--indigo .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--indigo .rfipicons__icon--selected .rfipicons__ibox { + background-color: #9fa8da + } + + .rfipdropdown--indigo .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #5c6bc0; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--indigo .rfipsearch input:active, + .rfipdropdown--indigo .rfipsearch input:focus { + border-bottom-color: #3f51b5; + -webkit-box-shadow: 0 1px 0 0 #3f51b5; + box-shadow: 0 1px 0 0 #3f51b5; + outline: 0 none + } + + .rfipbtn--lightblue { + background-color: #fff; + border: 1px solid #4fc3f7 + } + + .rfipbtn--lightblue:active, + .rfipbtn--lightblue:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #29b6f6 + } + + .rfipbtn--lightblue .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #4fc3f7; + background-color: #b3e5fc; + color: #0277bd + } + + .rfipbtn--lightblue .rfipbtn__button:hover { + background-color: #29b6f6 + } + + .rfipbtn--lightblue .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #4fc3f7; + box-shadow: inset 0 0 10px 0 #4fc3f7 + } + + .rfipbtn--lightblue .rfipbtn__icon { + border: 1px solid #81d4fa; + color: #0277bd + } + + .rfipbtn--lightblue .rfipbtn__icon--empty { + color: #4fc3f7 + } + + .rfipbtn--lightblue .rfipbtn__del { + background-color: #81d4fa + } + + .rfipbtn--lightblue .rfipbtn__del:hover { + background-color: #4fc3f7 + } + + .rfipbtn--lightblue .rfipbtn__del:active, + .rfipbtn--lightblue .rfipbtn__del:focus { + outline: 1px solid #4fc3f7 + } + + .rfipdropdown--lightblue { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #4fc3f7 + } + + .rfipdropdown--lightblue input, + .rfipdropdown--lightblue select { + color: #424242 + } + + .rfipdropdown--lightblue .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #29b6f6; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--lightblue .rfipcategory select:active, + .rfipdropdown--lightblue .rfipcategory select:focus { + border-bottom-color: #03a9f4; + -webkit-box-shadow: 0 1px 0 0 #03a9f4; + box-shadow: 0 1px 0 0 #03a9f4; + outline: 0 none + } + + .rfipdropdown--lightblue .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #29b6f6; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--lightblue .rfipicons__cp:active, + .rfipdropdown--lightblue .rfipicons__cp:focus { + border-bottom-color: #03a9f4; + -webkit-box-shadow: 0 1px 0 0 #03a9f4; + box-shadow: 0 1px 0 0 #03a9f4; + outline: 0 none + } + + .rfipdropdown--lightblue .rfipicons__left, + .rfipdropdown--lightblue .rfipicons__right { + background-color: #81d4fa; + border: 1px solid #81d4fa; + color: #0277bd + } + + .rfipdropdown--lightblue .rfipicons__left:hover, + .rfipdropdown--lightblue .rfipicons__right:hover { + background-color: #29b6f6; + border: 1px solid #29b6f6 + } + + .rfipdropdown--lightblue .rfipicons__left:active, + .rfipdropdown--lightblue .rfipicons__left:focus, + .rfipdropdown--lightblue .rfipicons__right:active, + .rfipdropdown--lightblue .rfipicons__right:focus { + border: 1px solid #29b6f6 + } + + .rfipdropdown--lightblue .rfipicons__ibox { + background-color: #b3e5fc; + border: 1px solid #b3e5fc; + color: #0277bd + } + + .rfipdropdown--lightblue .rfipicons__ibox:hover { + background-color: #29b6f6; + border: 1px solid #29b6f6 + } + + .rfipdropdown--lightblue .rfipicons__ibox:active, + .rfipdropdown--lightblue .rfipicons__ibox:focus { + border: 1px solid #29b6f6 + } + + .rfipdropdown--lightblue .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--lightblue .rfipicons__icon--selected .rfipicons__ibox { + background-color: #81d4fa + } + + .rfipdropdown--lightblue .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #29b6f6; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--lightblue .rfipsearch input:active, + .rfipdropdown--lightblue .rfipsearch input:focus { + border-bottom-color: #03a9f4; + -webkit-box-shadow: 0 1px 0 0 #03a9f4; + box-shadow: 0 1px 0 0 #03a9f4; + outline: 0 none + } + + .rfipbtn--pink { + background-color: #fff; + border: 1px solid #f06292 + } + + .rfipbtn--pink:active, + .rfipbtn--pink:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ec407a + } + + .rfipbtn--pink .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #f06292; + background-color: #f8bbd0; + color: #ad1457 + } + + .rfipbtn--pink .rfipbtn__button:hover { + background-color: #ec407a + } + + .rfipbtn--pink .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #f06292; + box-shadow: inset 0 0 10px 0 #f06292 + } + + .rfipbtn--pink .rfipbtn__icon { + border: 1px solid #f48fb1; + color: #ad1457 + } + + .rfipbtn--pink .rfipbtn__icon--empty { + color: #f06292 + } + + .rfipbtn--pink .rfipbtn__del { + background-color: #f48fb1 + } + + .rfipbtn--pink .rfipbtn__del:hover { + background-color: #f06292 + } + + .rfipbtn--pink .rfipbtn__del:active, + .rfipbtn--pink .rfipbtn__del:focus { + outline: 1px solid #f06292 + } + + .rfipdropdown--pink { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #f06292 + } + + .rfipdropdown--pink input, + .rfipdropdown--pink select { + color: #424242 + } + + .rfipdropdown--pink .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ec407a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--pink .rfipcategory select:active, + .rfipdropdown--pink .rfipcategory select:focus { + border-bottom-color: #e91e63; + -webkit-box-shadow: 0 1px 0 0 #e91e63; + box-shadow: 0 1px 0 0 #e91e63; + outline: 0 none + } + + .rfipdropdown--pink .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ec407a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--pink .rfipicons__cp:active, + .rfipdropdown--pink .rfipicons__cp:focus { + border-bottom-color: #e91e63; + -webkit-box-shadow: 0 1px 0 0 #e91e63; + box-shadow: 0 1px 0 0 #e91e63; + outline: 0 none + } + + .rfipdropdown--pink .rfipicons__left, + .rfipdropdown--pink .rfipicons__right { + background-color: #f48fb1; + border: 1px solid #f48fb1; + color: #ad1457 + } + + .rfipdropdown--pink .rfipicons__left:hover, + .rfipdropdown--pink .rfipicons__right:hover { + background-color: #ec407a; + border: 1px solid #ec407a + } + + .rfipdropdown--pink .rfipicons__left:active, + .rfipdropdown--pink .rfipicons__left:focus, + .rfipdropdown--pink .rfipicons__right:active, + .rfipdropdown--pink .rfipicons__right:focus { + border: 1px solid #ec407a + } + + .rfipdropdown--pink .rfipicons__ibox { + background-color: #f8bbd0; + border: 1px solid #f8bbd0; + color: #ad1457 + } + + .rfipdropdown--pink .rfipicons__ibox:hover { + background-color: #ec407a; + border: 1px solid #ec407a + } + + .rfipdropdown--pink .rfipicons__ibox:active, + .rfipdropdown--pink .rfipicons__ibox:focus { + border: 1px solid #ec407a + } + + .rfipdropdown--pink .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--pink .rfipicons__icon--selected .rfipicons__ibox { + background-color: #f48fb1 + } + + .rfipdropdown--pink .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ec407a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--pink .rfipsearch input:active, + .rfipdropdown--pink .rfipsearch input:focus { + border-bottom-color: #e91e63; + -webkit-box-shadow: 0 1px 0 0 #e91e63; + box-shadow: 0 1px 0 0 #e91e63; + outline: 0 none + } + + .rfipbtn--orange { + background-color: #fff; + border: 1px solid #ffb74d + } + + .rfipbtn--orange:active, + .rfipbtn--orange:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ffa726 + } + + .rfipbtn--orange .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #ffb74d; + background-color: #ffe0b2; + color: #ef6c00 + } + + .rfipbtn--orange .rfipbtn__button:hover { + background-color: #ffa726 + } + + .rfipbtn--orange .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #ffb74d; + box-shadow: inset 0 0 10px 0 #ffb74d + } + + .rfipbtn--orange .rfipbtn__icon { + border: 1px solid #ffcc80; + color: #ef6c00 + } + + .rfipbtn--orange .rfipbtn__icon--empty { + color: #ffb74d + } + + .rfipbtn--orange .rfipbtn__del { + background-color: #ffcc80 + } + + .rfipbtn--orange .rfipbtn__del:hover { + background-color: #ffb74d + } + + .rfipbtn--orange .rfipbtn__del:active, + .rfipbtn--orange .rfipbtn__del:focus { + outline: 1px solid #ffb74d + } + + .rfipdropdown--orange { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #ffb74d + } + + .rfipdropdown--orange input, + .rfipdropdown--orange select { + color: #424242 + } + + .rfipdropdown--orange .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ffa726; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--orange .rfipcategory select:active, + .rfipdropdown--orange .rfipcategory select:focus { + border-bottom-color: #ff9800; + -webkit-box-shadow: 0 1px 0 0 #ff9800; + box-shadow: 0 1px 0 0 #ff9800; + outline: 0 none + } + + .rfipdropdown--orange .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ffa726; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--orange .rfipicons__cp:active, + .rfipdropdown--orange .rfipicons__cp:focus { + border-bottom-color: #ff9800; + -webkit-box-shadow: 0 1px 0 0 #ff9800; + box-shadow: 0 1px 0 0 #ff9800; + outline: 0 none + } + + .rfipdropdown--orange .rfipicons__left, + .rfipdropdown--orange .rfipicons__right { + background-color: #ffcc80; + border: 1px solid #ffcc80; + color: #ef6c00 + } + + .rfipdropdown--orange .rfipicons__left:hover, + .rfipdropdown--orange .rfipicons__right:hover { + background-color: #ffa726; + border: 1px solid #ffa726 + } + + .rfipdropdown--orange .rfipicons__left:active, + .rfipdropdown--orange .rfipicons__left:focus, + .rfipdropdown--orange .rfipicons__right:active, + .rfipdropdown--orange .rfipicons__right:focus { + border: 1px solid #ffa726 + } + + .rfipdropdown--orange .rfipicons__ibox { + background-color: #ffe0b2; + border: 1px solid #ffe0b2; + color: #ef6c00 + } + + .rfipdropdown--orange .rfipicons__ibox:hover { + background-color: #ffa726; + border: 1px solid #ffa726 + } + + .rfipdropdown--orange .rfipicons__ibox:active, + .rfipdropdown--orange .rfipicons__ibox:focus { + border: 1px solid #ffa726 + } + + .rfipdropdown--orange .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--orange .rfipicons__icon--selected .rfipicons__ibox { + background-color: #ffcc80 + } + + .rfipdropdown--orange .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ffa726; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--orange .rfipsearch input:active, + .rfipdropdown--orange .rfipsearch input:focus { + border-bottom-color: #ff9800; + -webkit-box-shadow: 0 1px 0 0 #ff9800; + box-shadow: 0 1px 0 0 #ff9800; + outline: 0 none + } + + .rfipbtn--purple { + background-color: #fff; + border: 1px solid #ba68c8 + } + + .rfipbtn--purple:active, + .rfipbtn--purple:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ab47bc + } + + .rfipbtn--purple .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #ba68c8; + background-color: #e1bee7; + color: #6a1b9a + } + + .rfipbtn--purple .rfipbtn__button:hover { + background-color: #ab47bc + } + + .rfipbtn--purple .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #ba68c8; + box-shadow: inset 0 0 10px 0 #ba68c8 + } + + .rfipbtn--purple .rfipbtn__icon { + border: 1px solid #ce93d8; + color: #6a1b9a + } + + .rfipbtn--purple .rfipbtn__icon--empty { + color: #ba68c8 + } + + .rfipbtn--purple .rfipbtn__del { + background-color: #ce93d8 + } + + .rfipbtn--purple .rfipbtn__del:hover { + background-color: #ba68c8 + } + + .rfipbtn--purple .rfipbtn__del:active, + .rfipbtn--purple .rfipbtn__del:focus { + outline: 1px solid #ba68c8 + } + + .rfipdropdown--purple { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #ba68c8 + } + + .rfipdropdown--purple input, + .rfipdropdown--purple select { + color: #424242 + } + + .rfipdropdown--purple .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ab47bc; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--purple .rfipcategory select:active, + .rfipdropdown--purple .rfipcategory select:focus { + border-bottom-color: #9c27b0; + -webkit-box-shadow: 0 1px 0 0 #9c27b0; + box-shadow: 0 1px 0 0 #9c27b0; + outline: 0 none + } + + .rfipdropdown--purple .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ab47bc; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--purple .rfipicons__cp:active, + .rfipdropdown--purple .rfipicons__cp:focus { + border-bottom-color: #9c27b0; + -webkit-box-shadow: 0 1px 0 0 #9c27b0; + box-shadow: 0 1px 0 0 #9c27b0; + outline: 0 none + } + + .rfipdropdown--purple .rfipicons__left, + .rfipdropdown--purple .rfipicons__right { + background-color: #ce93d8; + border: 1px solid #ce93d8; + color: #6a1b9a + } + + .rfipdropdown--purple .rfipicons__left:hover, + .rfipdropdown--purple .rfipicons__right:hover { + background-color: #ab47bc; + border: 1px solid #ab47bc + } + + .rfipdropdown--purple .rfipicons__left:active, + .rfipdropdown--purple .rfipicons__left:focus, + .rfipdropdown--purple .rfipicons__right:active, + .rfipdropdown--purple .rfipicons__right:focus { + border: 1px solid #ab47bc + } + + .rfipdropdown--purple .rfipicons__ibox { + background-color: #e1bee7; + border: 1px solid #e1bee7; + color: #6a1b9a + } + + .rfipdropdown--purple .rfipicons__ibox:hover { + background-color: #ab47bc; + border: 1px solid #ab47bc + } + + .rfipdropdown--purple .rfipicons__ibox:active, + .rfipdropdown--purple .rfipicons__ibox:focus { + border: 1px solid #ab47bc + } + + .rfipdropdown--purple .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--purple .rfipicons__icon--selected .rfipicons__ibox { + background-color: #ce93d8 + } + + .rfipdropdown--purple .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ab47bc; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--purple .rfipsearch input:active, + .rfipdropdown--purple .rfipsearch input:focus { + border-bottom-color: #9c27b0; + -webkit-box-shadow: 0 1px 0 0 #9c27b0; + box-shadow: 0 1px 0 0 #9c27b0; + outline: 0 none + } + + .rfipbtn--red { + background-color: #fff; + border: 1px solid #e57373 + } + + .rfipbtn--red:active, + .rfipbtn--red:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #ef5350 + } + + .rfipbtn--red .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #e57373; + background-color: #ffcdd2; + color: #c62828 + } + + .rfipbtn--red .rfipbtn__button:hover { + background-color: #ef5350 + } + + .rfipbtn--red .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #e57373; + box-shadow: inset 0 0 10px 0 #e57373 + } + + .rfipbtn--red .rfipbtn__icon { + border: 1px solid #ef9a9a; + color: #c62828 + } + + .rfipbtn--red .rfipbtn__icon--empty { + color: #e57373 + } + + .rfipbtn--red .rfipbtn__del { + background-color: #ef9a9a + } + + .rfipbtn--red .rfipbtn__del:hover { + background-color: #e57373 + } + + .rfipbtn--red .rfipbtn__del:active, + .rfipbtn--red .rfipbtn__del:focus { + outline: 1px solid #e57373 + } + + .rfipdropdown--red { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #e57373 + } + + .rfipdropdown--red input, + .rfipdropdown--red select { + color: #424242 + } + + .rfipdropdown--red .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #ef5350; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--red .rfipcategory select:active, + .rfipdropdown--red .rfipcategory select:focus { + border-bottom-color: #f44336; + -webkit-box-shadow: 0 1px 0 0 #f44336; + box-shadow: 0 1px 0 0 #f44336; + outline: 0 none + } + + .rfipdropdown--red .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #ef5350; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--red .rfipicons__cp:active, + .rfipdropdown--red .rfipicons__cp:focus { + border-bottom-color: #f44336; + -webkit-box-shadow: 0 1px 0 0 #f44336; + box-shadow: 0 1px 0 0 #f44336; + outline: 0 none + } + + .rfipdropdown--red .rfipicons__left, + .rfipdropdown--red .rfipicons__right { + background-color: #ef9a9a; + border: 1px solid #ef9a9a; + color: #c62828 + } + + .rfipdropdown--red .rfipicons__left:hover, + .rfipdropdown--red .rfipicons__right:hover { + background-color: #ef5350; + border: 1px solid #ef5350 + } + + .rfipdropdown--red .rfipicons__left:active, + .rfipdropdown--red .rfipicons__left:focus, + .rfipdropdown--red .rfipicons__right:active, + .rfipdropdown--red .rfipicons__right:focus { + border: 1px solid #ef5350 + } + + .rfipdropdown--red .rfipicons__ibox { + background-color: #ffcdd2; + border: 1px solid #ffcdd2; + color: #c62828 + } + + .rfipdropdown--red .rfipicons__ibox:hover { + background-color: #ef5350; + border: 1px solid #ef5350 + } + + .rfipdropdown--red .rfipicons__ibox:active, + .rfipdropdown--red .rfipicons__ibox:focus { + border: 1px solid #ef5350 + } + + .rfipdropdown--red .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--red .rfipicons__icon--selected .rfipicons__ibox { + background-color: #ef9a9a + } + + .rfipdropdown--red .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #ef5350; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--red .rfipsearch input:active, + .rfipdropdown--red .rfipsearch input:focus { + border-bottom-color: #f44336; + -webkit-box-shadow: 0 1px 0 0 #f44336; + box-shadow: 0 1px 0 0 #f44336; + outline: 0 none + } + + .rfipbtn--teal { + background-color: #fff; + border: 1px solid #4db6ac + } + + .rfipbtn--teal:active, + .rfipbtn--teal:focus { + -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12); + border: 1px solid #26a69a + } + + .rfipbtn--teal .rfipbtn__button { + border: 0 none transparent; + border-left: 1px solid #4db6ac; + background-color: #b2dfdb; + color: #00695c + } + + .rfipbtn--teal .rfipbtn__button:hover { + background-color: #26a69a + } + + .rfipbtn--teal .rfipbtn__button:active { + -webkit-box-shadow: inset 0 0 10px 0 #4db6ac; + box-shadow: inset 0 0 10px 0 #4db6ac + } + + .rfipbtn--teal .rfipbtn__icon { + border: 1px solid #80cbc4; + color: #00695c + } + + .rfipbtn--teal .rfipbtn__icon--empty { + color: #4db6ac + } + + .rfipbtn--teal .rfipbtn__del { + background-color: #80cbc4 + } + + .rfipbtn--teal .rfipbtn__del:hover { + background-color: #4db6ac + } + + .rfipbtn--teal .rfipbtn__del:active, + .rfipbtn--teal .rfipbtn__del:focus { + outline: 1px solid #4db6ac + } + + .rfipdropdown--teal { + -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + box-shadow: 0 15px 24px rgba(0, 0, 0, .22), 0 19px 76px rgba(0, 0, 0, .3); + color: #424242; + background-color: #fff; + border: 1px solid #4db6ac + } + + .rfipdropdown--teal input, + .rfipdropdown--teal select { + color: #424242 + } + + .rfipdropdown--teal .rfipcategory select { + background-color: #fff; + border: 0 none; + border-bottom: 1px solid #26a69a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--teal .rfipcategory select:active, + .rfipdropdown--teal .rfipcategory select:focus { + border-bottom-color: #009688; + -webkit-box-shadow: 0 1px 0 0 #009688; + box-shadow: 0 1px 0 0 #009688; + outline: 0 none + } + + .rfipdropdown--teal .rfipicons__cp { + border: 0 none; + border-bottom: 1px solid #26a69a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--teal .rfipicons__cp:active, + .rfipdropdown--teal .rfipicons__cp:focus { + border-bottom-color: #009688; + -webkit-box-shadow: 0 1px 0 0 #009688; + box-shadow: 0 1px 0 0 #009688; + outline: 0 none + } + + .rfipdropdown--teal .rfipicons__left, + .rfipdropdown--teal .rfipicons__right { + background-color: #80cbc4; + border: 1px solid #80cbc4; + color: #00695c + } + + .rfipdropdown--teal .rfipicons__left:hover, + .rfipdropdown--teal .rfipicons__right:hover { + background-color: #26a69a; + border: 1px solid #26a69a + } + + .rfipdropdown--teal .rfipicons__left:active, + .rfipdropdown--teal .rfipicons__left:focus, + .rfipdropdown--teal .rfipicons__right:active, + .rfipdropdown--teal .rfipicons__right:focus { + border: 1px solid #26a69a + } + + .rfipdropdown--teal .rfipicons__ibox { + background-color: #b2dfdb; + border: 1px solid #b2dfdb; + color: #00695c + } + + .rfipdropdown--teal .rfipicons__ibox:hover { + background-color: #26a69a; + border: 1px solid #26a69a + } + + .rfipdropdown--teal .rfipicons__ibox:active, + .rfipdropdown--teal .rfipicons__ibox:focus { + border: 1px solid #26a69a + } + + .rfipdropdown--teal .rfipicons__ibox--error { + color: #ef9a9a + } + + .rfipdropdown--teal .rfipicons__icon--selected .rfipicons__ibox { + background-color: #80cbc4 + } + + .rfipdropdown--teal .rfipsearch input { + border: 0 none; + border-bottom: 1px solid #26a69a; + -webkit-transition: border .25s, -webkit-box-shadow .25s; + transition: border .25s, -webkit-box-shadow .25s; + transition: box-shadow .25s, border .25s; + transition: box-shadow .25s, border .25s, -webkit-box-shadow .25s + } + + .rfipdropdown--teal .rfipsearch input:active, + .rfipdropdown--teal .rfipsearch input:focus { + border-bottom-color: #009688; + -webkit-box-shadow: 0 1px 0 0 #009688; + box-shadow: 0 1px 0 0 #009688; + outline: 0 none + } + + .rfipbtn--default .rfipbtn__icon { + border: 0; + height: 40px; + } + + .rfipbtn--default .rfipbtn__del { + height: 18px; + } + [class^=fipicon-] { + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + i.fipicon-angle-down:before { + content: "\f140"; + font-family: dashicons; + } + + i.fipicon-angle-up:before { + content: "\f142"; + font-family: dashicons; + } + + i.fipicon-angle-right:before { + content: "\f345"; + font-family: dashicons; + } + + i.fipicon-angle-left:before { + content: "\f341"; + font-family: dashicons; + } + +/* 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; +} diff --git a/assets/css/font-presets-rtl.css b/assets/css/font-presets-rtl.css new file mode 100644 index 00000000..f4f56ec4 --- /dev/null +++ b/assets/css/font-presets-rtl.css @@ -0,0 +1,354 @@ +.ast-typo-presets { + width: 100%; + display: flex; + align-items: center; + flex-wrap: wrap; + row-gap: 8px; + column-gap: 8px; + justify-content: space-between; +} +.ast-typo-presets .ast-typo-preset-item { + padding: 0; + border-radius: 3px; + cursor: pointer; + border: 1px solid var(--ast-customizer-color-7); + height: 64px; + text-align: center; + width: 47.5%; + position: relative; +} +.ast-typo-presets .ast-typo-preset-item:hover{ + border: 1px solid var(--ast-customizer-color-1); +} + +.ast-typo-presets .ast-typo-preset-item svg { + transform: scale(1); + width: 100%; + height: 100%; + padding: 0; + margin: 0px; +} +.ast-typo-presets .ast-typo-preset-item.active { + border: 1px solid var(--ast-customizer-color-1); + background: var(--ast-customizer-color-9); +} +.customize-control-ast-typography-presets .ast-reset-btn-preset-wrap { + top: -5px; +} + +.ast-typo-preset-item .components-tooltip { + margin-top: -8px; +} + +.ast-typo-preset-item .components-tooltip::before { + border-bottom: none!important; + border-right-color: transparent!important; + border-left-color: transparent!important; + border-top-style: solid!important; + border-top-color: #1e1e1e!important; + margin-right: -10px; + bottom: -8px; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + border: 8px solid #ccc; +} + +.ast-typo-preset-item .components-tooltip::after { + border-bottom: none!important; + border-right-color: transparent!important; + border-left-color: transparent!important; + border-top-style: solid!important; + border-top-color: #1e1e1e!important; + margin-right: -10px; + bottom: -6px; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + border: 8px solid #fff; +} + +.ast-font-styling { + display: flex; + justify-content: space-between; + gap: 15px; + align-items: center; + padding-bottom: 20px; + border-bottom: 1px dashed #D4D4D4; +} + +.ast-font-extras-wrapper, .ast-font-spacing-wrapper{ + display: flex; + align-items: center; + gap: 8px; +} + +.ast-font-extras-wrapper .ast-font-extras-input, .ast-font-spacing-wrapper .ast-font-spacing-input { + position: relative; + display: flex; + align-items: center; + background: #fff; + max-width: 72px; + width: 100%; + border: 1px solid #d1d5db; + border-radius: 3px; + padding: 0 3px; +} + +.ast-font-extras-wrapper .ast-font-extras-input input, .ast-font-spacing-wrapper .ast-font-spacing-input input { + padding: 0; + border: none; + min-height: 32px; + border-radius: 3px; + border: none !important; + box-shadow: none !important; + text-align: center; + padding: 0 5px; +} +.ast-font-extras-wrapper .ast-font-extras-input input[type=number], .ast-font-spacing-wrapper .ast-font-spacing-input input[type=number] { + -moz-appearance: textfield; +} +.ast-font-extras-input:hover, .ast-font-spacing-input:hover { + border-color: var(--ast-customizer-color-2); +} + +.ast-font-extras-wrapper .ast-font-extras-input svg, .ast-font-spacing-wrapper .ast-font-spacing-input svg { + width: 38px; + height: 28px; +} + +.ast-font-extras-input .plus-minus-control .dashicons, +.ast-font-spacing-input .plus-minus-control .dashicons { + font-size: 10px; + color: #9CA3AF; + width: 12px; + height: 10px; + display: inherit; + cursor: pointer; +} + +div .ast-field-settings-modal .customize-control-ast-font-extras { + margin-top: 15px; +} + +.ast-font-extras-input input[type=number]::-webkit-inner-spin-button, +.ast-font-extras-input input[type=number]::-webkit-outer-spin-button, +.ast-font-spacing-input input[type=number]::-webkit-inner-spin-button, +.ast-font-spacing-input input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.ast-font-unit-wrapper { + display: flex; + gap: 6px; + font-size: 11px; + font-weight: 500; + color: #9CA3AF; +} +.ast-font-unit-wrapper span { + cursor: pointer; +} + +.ast-font-unit-wrapper span:hover { + color: #0284c7; +} + +.ast-font-unit-wrapper .active { + color: #0284c7; +} + +.ast-font-styling-second { + display: flex; + justify-content: space-between; + align-items: center; + gap: 10px; + padding-top: 20px; +} + +.ast-font-transform-wrapper, .ast-font-decoration-wrapper { + display: flex; + align-items: center; + flex: 1; + +} + +.ast-font-transform-wrapper div, .ast-font-decoration-wrapper div { + padding: 8px 0; + width: 33%; + text-align: center; + font-weight: 600; + font-size: 12px; + line-height: 16px; + color: #334155; +} + +.ast-font-transform-wrapper div.active, .ast-font-decoration-wrapper div.active { + background-color: #0284c7; + color: #fff; + cursor: pointer; +} + +.ast-font-item-type { + border: 1px solid #d1d5db; +} + +.ast-font-item-type:hover { + background-color: #0284c7; + color: #fff; + cursor: pointer; +} + +.ast-font-item-type:first-child { + border: 1px solid #d1d5db; + border-left: none; + border-radius: 0 3px 3px 0; +} + +.ast-font-item-type:last-child { + border: 1px solid #d1d5db; + border-right: none; + border-radius: 3px 0 0 3px; +} + +.ast-font-item-type.ast-font-deco-underline{ + text-decoration: underline; +} + +.ast-font-item-type.ast-font-deco-linethrough{ + text-decoration: line-through; +} + +.ast-typopreset-custom-tooltip { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ast-typopreset-custom-tooltip[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 10em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 1000; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + right: 50%; + transform: translate(50%,-0.5em); +} + +.ast-typopreset-custom-tooltip[data-title]:hover::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + + +/* 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; +} diff --git a/assets/css/font-presets.css b/assets/css/font-presets.css new file mode 100644 index 00000000..486ef9f1 --- /dev/null +++ b/assets/css/font-presets.css @@ -0,0 +1,354 @@ +.ast-typo-presets { + width: 100%; + display: flex; + align-items: center; + flex-wrap: wrap; + row-gap: 8px; + column-gap: 8px; + justify-content: space-between; +} +.ast-typo-presets .ast-typo-preset-item { + padding: 0; + border-radius: 3px; + cursor: pointer; + border: 1px solid var(--ast-customizer-color-7); + height: 64px; + text-align: center; + width: 47.5%; + position: relative; +} +.ast-typo-presets .ast-typo-preset-item:hover{ + border: 1px solid var(--ast-customizer-color-1); +} + +.ast-typo-presets .ast-typo-preset-item svg { + transform: scale(1); + width: 100%; + height: 100%; + padding: 0; + margin: 0px; +} +.ast-typo-presets .ast-typo-preset-item.active { + border: 1px solid var(--ast-customizer-color-1); + background: var(--ast-customizer-color-9); +} +.customize-control-ast-typography-presets .ast-reset-btn-preset-wrap { + top: -5px; +} + +.ast-typo-preset-item .components-tooltip { + margin-top: -8px; +} + +.ast-typo-preset-item .components-tooltip::before { + border-bottom: none!important; + border-left-color: transparent!important; + border-right-color: transparent!important; + border-top-style: solid!important; + border-top-color: #1e1e1e!important; + margin-left: -10px; + bottom: -8px; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + border: 8px solid #ccc; +} + +.ast-typo-preset-item .components-tooltip::after { + border-bottom: none!important; + border-left-color: transparent!important; + border-right-color: transparent!important; + border-top-style: solid!important; + border-top-color: #1e1e1e!important; + margin-left: -10px; + bottom: -6px; + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; + border: 8px solid #fff; +} + +.ast-font-styling { + display: flex; + justify-content: space-between; + gap: 15px; + align-items: center; + padding-bottom: 20px; + border-bottom: 1px dashed #D4D4D4; +} + +.ast-font-extras-wrapper, .ast-font-spacing-wrapper{ + display: flex; + align-items: center; + gap: 8px; +} + +.ast-font-extras-wrapper .ast-font-extras-input, .ast-font-spacing-wrapper .ast-font-spacing-input { + position: relative; + display: flex; + align-items: center; + background: #fff; + max-width: 72px; + width: 100%; + border: 1px solid #d1d5db; + border-radius: 3px; + padding: 0 3px; +} + +.ast-font-extras-wrapper .ast-font-extras-input input, .ast-font-spacing-wrapper .ast-font-spacing-input input { + padding: 0; + border: none; + min-height: 32px; + border-radius: 3px; + border: none !important; + box-shadow: none !important; + text-align: center; + padding: 0 5px; +} +.ast-font-extras-wrapper .ast-font-extras-input input[type=number], .ast-font-spacing-wrapper .ast-font-spacing-input input[type=number] { + -moz-appearance: textfield; +} +.ast-font-extras-input:hover, .ast-font-spacing-input:hover { + border-color: var(--ast-customizer-color-2); +} + +.ast-font-extras-wrapper .ast-font-extras-input svg, .ast-font-spacing-wrapper .ast-font-spacing-input svg { + width: 38px; + height: 28px; +} + +.ast-font-extras-input .plus-minus-control .dashicons, +.ast-font-spacing-input .plus-minus-control .dashicons { + font-size: 10px; + color: #9CA3AF; + width: 12px; + height: 10px; + display: inherit; + cursor: pointer; +} + +div .ast-field-settings-modal .customize-control-ast-font-extras { + margin-top: 15px; +} + +.ast-font-extras-input input[type=number]::-webkit-inner-spin-button, +.ast-font-extras-input input[type=number]::-webkit-outer-spin-button, +.ast-font-spacing-input input[type=number]::-webkit-inner-spin-button, +.ast-font-spacing-input input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.ast-font-unit-wrapper { + display: flex; + gap: 6px; + font-size: 11px; + font-weight: 500; + color: #9CA3AF; +} +.ast-font-unit-wrapper span { + cursor: pointer; +} + +.ast-font-unit-wrapper span:hover { + color: #0284c7; +} + +.ast-font-unit-wrapper .active { + color: #0284c7; +} + +.ast-font-styling-second { + display: flex; + justify-content: space-between; + align-items: center; + gap: 10px; + padding-top: 20px; +} + +.ast-font-transform-wrapper, .ast-font-decoration-wrapper { + display: flex; + align-items: center; + flex: 1; + +} + +.ast-font-transform-wrapper div, .ast-font-decoration-wrapper div { + padding: 8px 0; + width: 33%; + text-align: center; + font-weight: 600; + font-size: 12px; + line-height: 16px; + color: #334155; +} + +.ast-font-transform-wrapper div.active, .ast-font-decoration-wrapper div.active { + background-color: #0284c7; + color: #fff; + cursor: pointer; +} + +.ast-font-item-type { + border: 1px solid #d1d5db; +} + +.ast-font-item-type:hover { + background-color: #0284c7; + color: #fff; + cursor: pointer; +} + +.ast-font-item-type:first-child { + border: 1px solid #d1d5db; + border-right: none; + border-radius: 3px 0 0 3px; +} + +.ast-font-item-type:last-child { + border: 1px solid #d1d5db; + border-left: none; + border-radius: 0 3px 3px 0; +} + +.ast-font-item-type.ast-font-deco-underline{ + text-decoration: underline; +} + +.ast-font-item-type.ast-font-deco-linethrough{ + text-decoration: line-through; +} + +.ast-typopreset-custom-tooltip { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.ast-typopreset-custom-tooltip[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 10em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 1000; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + left: 50%; + transform: translate(-50%,-0.5em); +} + +.ast-typopreset-custom-tooltip[data-title]:hover::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + + +/* 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; +} diff --git a/assets/css/font-varient-rtl.css b/assets/css/font-varient-rtl.css new file mode 100644 index 00000000..992a489d --- /dev/null +++ b/assets/css/font-varient-rtl.css @@ -0,0 +1,170 @@ +.ast-customizer-font-varient-wrap { + margin-top: 12px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__value-container { + overflow-x: hidden; + flex-wrap: nowrap; + padding: 2px 5px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value { + margin-top: 0; + margin-bottom: 0; + font-size: 12px; + padding: 2px 2px 2px 2px; + min-width: auto; + color: #4B5563; + background-color: #F5F5F5; + border: 1px solid #D1D5DB; + border-radius: 2px; + padding-right: 5px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__label { + line-height: normal; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove { + color: #4B5563; + padding-left: 0; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove:hover { + background-color: transparent; + color: #4B5563; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__input-container input:focus { + box-shadow: none; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control { + position: relative; + max-height: 32px; + display: inline-flex; + width: 100%; + align-content: center; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control:after { + content: "\f11c"; + font-family: dashicons; + font-size: 16px; + margin-left: 7px; + pointer-events: none; + z-index: 1; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control:before { + content:''; + position: absolute; + top: 3px; + left: 3px; + width: 50px; + height: 25px; + background: rgb(247,247,247); + background: linear-gradient(-90deg, rgba(247,247,247,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); + pointer-events: none; + z-index: 1; +} + +#customize-control-astra-settings-ast-headings-font-settings .ast-fields-wrap, +#customize-control-astra-settings-ast-body-font-settings .ast-fields-wrap { + overflow: visible; +} + +/** + * Hide normal font weight from font weight dropdown and display only if its set as font weight. + */ +.customize-control-ast-font select option[value="normal"], .customize-control-ast-font select[data-value="normal"] option[value="400"] { + display: none; +} +.customize-control-ast-font select[data-value="normal"] option[value="normal"] { + display: block; +} + + +/* 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; +} diff --git a/assets/css/font-varient.css b/assets/css/font-varient.css new file mode 100644 index 00000000..71ee3f5e --- /dev/null +++ b/assets/css/font-varient.css @@ -0,0 +1,170 @@ +.ast-customizer-font-varient-wrap { + margin-top: 12px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__value-container { + overflow-x: hidden; + flex-wrap: nowrap; + padding: 2px 5px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value { + margin-top: 0; + margin-bottom: 0; + font-size: 12px; + padding: 2px 2px 2px 2px; + min-width: auto; + color: #4B5563; + background-color: #F5F5F5; + border: 1px solid #D1D5DB; + border-radius: 2px; + padding-left: 5px; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__label { + line-height: normal; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove { + color: #4B5563; + padding-right: 0; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__multi-value .ast-multi-select__multi-value__remove:hover { + background-color: transparent; + color: #4B5563; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__input-container input:focus { + box-shadow: none; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control { + position: relative; + max-height: 32px; + display: inline-flex; + width: 100%; + align-content: center; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control:after { + content: "\f11c"; + font-family: dashicons; + font-size: 16px; + margin-right: 7px; + pointer-events: none; + z-index: 1; +} + +.ast-customizer-font-varient-wrap .ast-multi-select__control:before { + content:''; + position: absolute; + top: 3px; + right: 3px; + width: 50px; + height: 25px; + background: rgb(247,247,247); + background: linear-gradient(90deg, rgba(247,247,247,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); + pointer-events: none; + z-index: 1; +} + +#customize-control-astra-settings-ast-headings-font-settings .ast-fields-wrap, +#customize-control-astra-settings-ast-body-font-settings .ast-fields-wrap { + overflow: visible; +} + +/** + * Hide normal font weight from font weight dropdown and display only if its set as font weight. + */ +.customize-control-ast-font select option[value="normal"], .customize-control-ast-font select[data-value="normal"] option[value="400"] { + display: none; +} +.customize-control-ast-font select[data-value="normal"] option[value="normal"] { + display: block; +} + + +/* 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; +} diff --git a/assets/css/form-embed-wizard.css b/assets/css/form-embed-wizard.css new file mode 100644 index 00000000..89b9d9e9 --- /dev/null +++ b/assets/css/form-embed-wizard.css @@ -0,0 +1,270 @@ +@keyframes wpforms-dot-pulse { + 0% { + box-shadow: 0 0 0 0 rgba(223, 119, 57, 0.6); + } + 100% { + box-shadow: 0 0 0 10px rgba(223, 119, 57, 0); + } +} + +span.wpforms-admin-form-embed-wizard-dot { + display: inline-block; + width: 12px; + height: 12px !important; + padding: 0 !important; + border: 0 !important; + border-radius: 50%; + background-color: #df7739; + animation: wpforms-dot-pulse 1.5s infinite !important; + margin: 3px 10px; +} + +.wp-editor-tools span.wpforms-admin-form-embed-wizard-dot { + margin-top: 9px; +} + +.wpforms-admin-form-embed-wizard-tooltip { + display: none; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip { + z-index: 100100 !important; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-box { + margin-bottom: 18px; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-arrow { + bottom: 8px; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { + top: 0; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-right .tooltipster-box { + margin-left: 18px; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { + left: 8px; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box { + max-width: 260px; + background: white; + border: none; + border-radius: 4px; + box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content { + color: #444444; + padding: 16px 20px 18px; + text-align: center; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content div *:first-child { + margin-top: 0 !important; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content h3 { + font-size: 16px; + letter-spacing: 0px; + line-height: 18px; + margin: 0; + color: #23282C; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content p { + font-size: 14px; + letter-spacing: 0px; + line-height: 18px; + margin: 10px 0 0; + color: #444444; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content a { + color: #1D7BAC; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .wpforms-admin-form-embed-wizard-done-btn { + border-radius: 3px; + cursor: pointer; + text-decoration: none; + text-align: center; + vertical-align: middle; + white-space: nowrap; + box-shadow: none; + font-size: 14px; + font-weight: 600; + letter-spacing: 0px; + padding: 7px 18px; + border: none; + background-color: #df7739; + color: #ffffff; + display: block; + margin: 15px auto 0; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .wpforms-admin-form-embed-wizard-done-btn:hover { + background-color: #b85a1b; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .wpforms-admin-form-embed-wizard-done-btn:disabled { + cursor: default; + opacity: 0.5; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .wpforms-admin-form-embed-wizard-done-btn:disabled:hover { + background-color: #df7739; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-arrow-border { + border: none; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { + border-top-color: white; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { + border-right-color: white; +} + +.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { + border-bottom-color: white; +} + +.block-editor-page .edit-post-layout .components-notice-list > div { + padding-left: 50px; +} + +.block-editor-page .wpforms-admin-form-embed-wizard-dot { + position: absolute; + top: 75px; + left: 20px; + z-index: 9999; +} + +.block-editor-page .wpforms-admin-form-embed-wizard { + width: 260px !important; + z-index: 99980 !important; + margin-top: 5px; +} + +.block-editor-page .wpforms-admin-form-embed-wizard .tooltipster-box { + margin-top: 10px; +} + +.block-editor-page .wpforms-admin-form-embed-wizard .wpforms-admin-form-embed-wizard-tooltips-red-arrow { + position: absolute; + display: block; + width: 15px; + height: 42px; + top: -65px; + left: 145px; + background-image: url(../images/challenge/red-arrow.svg); + background-size: 15px 42px; + background-repeat: no-repeat; +} + +.block-editor-page.is-fullscreen-mode .edit-post-layout .components-notice-list > div { + padding-left: 125px; +} + +.block-editor-page.is-fullscreen-mode .wpforms-admin-form-embed-wizard-dot { + left: 75px; +} + +.block-editor-page.is-fullscreen-mode .wpforms-admin-form-embed-wizard .wpforms-admin-form-embed-wizard-tooltips-red-arrow { + left: 105px; +} + + +/* 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; +} diff --git a/assets/css/form-embed-wizard.min.css b/assets/css/form-embed-wizard.min.css new file mode 100644 index 00000000..eb37b2eb --- /dev/null +++ b/assets/css/form-embed-wizard.min.css @@ -0,0 +1,86 @@ +@keyframes wpforms-dot-pulse{0%{box-shadow:0 0 0 0 rgba(223,119,57,0.6)}100%{box-shadow:0 0 0 10px rgba(223,119,57,0)}}span.wpforms-admin-form-embed-wizard-dot{display:inline-block;width:12px;height:12px !important;padding:0 !important;border:0 !important;border-radius:50%;background-color:#df7739;animation:wpforms-dot-pulse 1.5s infinite !important;margin:3px 10px}.wp-editor-tools span.wpforms-admin-form-embed-wizard-dot{margin-top:9px}.wpforms-admin-form-embed-wizard-tooltip{display:none}.wpforms-admin-form-embed-wizard.tooltipster-sidetip{z-index:100100 !important}.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:18px}.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:8px}.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{top:0}.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:18px}.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{left:8px}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box{max-width:260px;background:white;border:none;border-radius:4px;box-shadow:0px 5px 15px rgba(0,0,0,0.25);-webkit-box-shadow:0px 5px 15px rgba(0,0,0,0.25);-moz-box-shadow:0px 5px 15px rgba(0,0,0,0.25)}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content{color:#444444;padding:16px 20px 18px;text-align:center}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content div *:first-child{margin-top:0 !important}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content h3{font-size:16px;letter-spacing:0px;line-height:18px;margin:0;color:#23282C}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content p{font-size:14px;letter-spacing:0px;line-height:18px;margin:10px 0 0;color:#444444}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .tooltipster-content a{color:#1D7BAC}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .wpforms-admin-form-embed-wizard-done-btn{border-radius:3px;cursor:pointer;text-decoration:none;text-align:center;vertical-align:middle;white-space:nowrap;box-shadow:none;font-size:14px;font-weight:600;letter-spacing:0px;padding:7px 18px;border:none;background-color:#df7739;color:#ffffff;display:block;margin:15px auto 0}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .wpforms-admin-form-embed-wizard-done-btn:hover{background-color:#b85a1b}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .wpforms-admin-form-embed-wizard-done-btn:disabled{cursor:default;opacity:0.5}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-box .wpforms-admin-form-embed-wizard-done-btn:disabled:hover{background-color:#df7739}.wpforms-admin-form-embed-wizard.tooltipster-sidetip .tooltipster-arrow-border{border:none}.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:white}.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:white}.wpforms-admin-form-embed-wizard.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:white}.block-editor-page .edit-post-layout .components-notice-list>div{padding-left:50px}.block-editor-page .wpforms-admin-form-embed-wizard-dot{position:absolute;top:75px;left:20px;z-index:9999}.block-editor-page .wpforms-admin-form-embed-wizard{width:260px !important;z-index:99980 !important;margin-top:5px}.block-editor-page .wpforms-admin-form-embed-wizard .tooltipster-box{margin-top:10px}.block-editor-page .wpforms-admin-form-embed-wizard .wpforms-admin-form-embed-wizard-tooltips-red-arrow{position:absolute;display:block;width:15px;height:42px;top:-65px;left:145px;background-image:url(../images/challenge/red-arrow.svg);background-size:15px 42px;background-repeat:no-repeat}.block-editor-page.is-fullscreen-mode .edit-post-layout .components-notice-list>div{padding-left:125px}.block-editor-page.is-fullscreen-mode .wpforms-admin-form-embed-wizard-dot{left:75px}.block-editor-page.is-fullscreen-mode .wpforms-admin-form-embed-wizard .wpforms-admin-form-embed-wizard-tooltips-red-arrow{left:105px} + + +/* 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; +} diff --git a/assets/css/form-templates-page.css b/assets/css/form-templates-page.css new file mode 100644 index 00000000..e6f9e60a --- /dev/null +++ b/assets/css/form-templates-page.css @@ -0,0 +1,127 @@ +#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; +} + + +/* 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; +} diff --git a/assets/css/form-templates-page.min.css b/assets/css/form-templates-page.min.css new file mode 100644 index 00000000..367202a7 --- /dev/null +++ b/assets/css/form-templates-page.min.css @@ -0,0 +1,86 @@ +#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} + + +/* 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; +} diff --git a/assets/css/forms.css b/assets/css/forms.css new file mode 100644 index 00000000..e7627106 --- /dev/null +++ b/assets/css/forms.css @@ -0,0 +1,86 @@ +.uagb-forms__outer-wrap .uagb-forms-input,.uagb-forms__outer-wrap .uagb-forms-input::placeholder,.uagb-forms__outer-wrap .uagb-forms-input-label,.uagb-forms__outer-wrap .uagb-forms-main-submit-button,.uagb-forms__outer-wrap .uagb-forms-success-message,.uagb-forms__outer-wrap .uagb-forms-failed-message{-webkit-transition-property:color, background-color, border-color;-moz-transition-property:color, background-color, border-color;-o-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:0.15s;-moz-transition-duration:0.15s;-o-transition-duration:0.15s;transition-duration:0.15s}.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-input,.uagb-forms__outer-wrap .uagb-forms-main-form input[type="text"]{min-height:0 !important}.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-input::-webkit-input-placeholder,.uagb-forms__outer-wrap .uagb-forms-main-form input[type="text"]::-webkit-input-placeholder{overflow:unset}.uagb-forms__outer-wrap .uagb-forms-main-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.uagb-forms__outer-wrap .uagb-forms-main-form textarea,.uagb-forms__outer-wrap .uagb-forms-main-form select{width:100%;box-sizing:border-box}.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-checkbox-wrap .uagb-form-checkbox-option input.uagb-inner-input-view{width:33%}.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-wrap .uagb-form-phone-country{width:25%;margin-right:5px}.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-wrap .uagb-forms-phone-input{width:75% !important}.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-flex{display:flex;width:100%;justify-content:space-between}.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-flex .uagb-form-phone-country{width:25%;margin-right:5px}.uagb-forms__outer-wrap .uagb-forms-main-form .required::after{color:#f00;content:" *"}.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-form-hidden-data{display:none}.uagb-forms__outer-wrap .uagb-forms-submit-message-hide{display:none}.uagb-forms__outer-wrap .uagb-forms-success-message{padding:20px 20px}.uagb-forms__outer-wrap .uagb-forms-failed-message{padding:20px 20px}.uagb-forms__outer-wrap span.components-spinner{float:none}.uagb-forms__outer-wrap .uagb-forms-input.uagb-form-phone-country{background-color:#fff}.uagb-forms__outer-wrap .uag-col-2-wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.uagb-forms__outer-wrap .uag-col-3-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:15px}.uagb-forms__outer-wrap .uag-col-4-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:15px}.uagb-forms__outer-wrap .uagb-switch{position:relative;display:inline-block;width:50px;height:25px}.uagb-forms__outer-wrap .uagb-switch input{width:0;height:0;opacity:0}.uagb-forms__outer-wrap .uagb-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;cursor:pointer;transition:0.4s;-webkit-transition:0.4s}.uagb-forms__outer-wrap .uagb-switch .uagb-slider::before{position:absolute;width:20px;height:20px;background-color:#000;transition:0.4s;content:"";-webkit-transition:0.4s}.uagb-forms__outer-wrap .uagb-switch input:checked+.uagb-slider::before{background-color:#fff}.uagb-forms__outer-wrap .uagb-slider.round::before{border-radius:50% !important}.uagb-forms-select-box,.uagb-form-phone-country,.uagb-forms-phone-wrap .uagb-forms-phone-input{height:auto;-webkit-appearance:none;appearance:none}.uagb-forms-radio-wrap input[type="radio"]:checked+label::before{line-height:1.2;content:" "}.uagb-forms-radio-wrap input[type="radio"]+label::before{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:5px;box-sizing:content-box;text-align:center;line-height:1.2;content:""}.uagb-forms-radio-wrap input[type="radio"].round+label::before{border-radius:100% !important}select::after,select::before{padding:10px}.uagb-forms-radio-wrap input[type="radio"],.uagb-forms-checkbox-wrap input[type="checkbox"],.uagb-forms-accept-wrap input[type="checkbox"]{opacity:0}.uagb-forms-checkbox-wrap input[type="checkbox"]:checked+label::before,.uagb-forms-accept-wrap input[type="checkbox"]:checked+label::before{line-height:1.2;content:"\2714"}.uagb-forms-checkbox-wrap input[type="checkbox"]+label::before,.uagb-forms-accept-wrap input[type="checkbox"]+label::before{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:5px;box-sizing:content-box;text-align:center;line-height:1.2;content:" "}@media only screen and (max-width: 767px){.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-flex{display:flex;width:100%}.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-flex .uagb-form-phone-country{width:25%}}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-column-gap-20 .uagb-forms-main-form{column-gap:20px}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-column-gap-15 .uagb-forms-main-form{column-gap:15px}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-column-gap-10 .uagb-forms-main-form{column-gap:10px}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-column-gap-5 .uagb-forms-main-form{column-gap:5px}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-desk-width-20 .uagb-forms-main-submit-button-wrap{width:20%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-desk-width-25 .uagb-forms-main-submit-button-wrap{width:25%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-desk-width-33 .uagb-forms-main-submit-button-wrap{width:33.33%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-desk-width-40 .uagb-forms-main-submit-button-wrap{width:40%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-desk-width-50 .uagb-forms-main-submit-button-wrap{width:50%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-desk-width-60 .uagb-forms-main-submit-button-wrap{width:60%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-desk-width-66 .uagb-forms-main-submit-button-wrap{width:66.66%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-desk-width-75 .uagb-forms-main-submit-button-wrap{width:75%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-desk-width-80 .uagb-forms-main-submit-button-wrap{width:80%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-align-item-flex-start .uagb-forms-main-form{align-items:flex-start}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-align-item-center .uagb-forms-main-form{align-items:center}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form{display:flex;flex-wrap:wrap;margin:0 -5px;position:relative;text-align:left}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-desk-width-20{width:20%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-desk-width-25{width:25%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-desk-width-33{width:33.33%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-desk-width-40{width:40%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-desk-width-50{width:50%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-desk-width-60{width:60%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-desk-width-66{width:66.66%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-desk-width-75{width:75%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-desk-width-80{width:80%}@media (min-width: 768px) and (max-width: 1024px){.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-20{width:20%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-25{width:25%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-33{width:33.33%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-40{width:40%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-50{width:50%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-60{width:60%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-66{width:66.66%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-75{width:75%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-80{width:80%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-100{width:100%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-tablet-width-unset{width:auto}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-20 .uagb-forms-main-submit-button-wrap{width:20%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-25 .uagb-forms-main-submit-button-wrap{width:25%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-33 .uagb-forms-main-submit-button-wrap{width:33.33%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-40 .uagb-forms-main-submit-button-wrap{width:40%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-50 .uagb-forms-main-submit-button-wrap{width:50%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-60 .uagb-forms-main-submit-button-wrap{width:60%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-66 .uagb-forms-main-submit-button-wrap{width:66.66%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-75 .uagb-forms-main-submit-button-wrap{width:75%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-80 .uagb-forms-main-submit-button-wrap{width:80%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-100 .uagb-forms-main-submit-button-wrap{width:100%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-tablet-width-unset .uagb-forms-main-submit-button-wrap{width:auto}}@media (max-width: 767px){.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-20{width:20%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-25{width:25%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-33{width:33.33%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-40{width:40%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-50{width:50%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-60{width:60%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-66{width:66.66%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-75{width:75%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-80{width:80%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-100{width:100%}.wp-block-uagb-forms.uagb-forms-inline-field .uagb-forms-main-form .uagb-forms-field-mobile-width-unset{width:auto}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-20 .uagb-forms-main-submit-button-wrap{width:20%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-25 .uagb-forms-main-submit-button-wrap{width:25%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-33 .uagb-forms-main-submit-button-wrap{width:33.33%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-40 .uagb-forms-main-submit-button-wrap{width:40%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-50 .uagb-forms-main-submit-button-wrap{width:50%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-60 .uagb-forms-main-submit-button-wrap{width:60%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-66 .uagb-forms-main-submit-button-wrap{width:66.66%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-75 .uagb-forms-main-submit-button-wrap{width:75%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-80 .uagb-forms-main-submit-button-wrap{width:80%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-100 .uagb-forms-main-submit-button-wrap{width:100%}.wp-block-uagb-forms.uagb-forms-inline-field.uagb-forms-button-mobile-width-unset .uagb-forms-main-submit-button-wrap{width:auto}} + + +/* 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; +} diff --git a/assets/css/frontend.min-rtl.css b/assets/css/frontend.min-rtl.css new file mode 100644 index 00000000..b994c56f --- /dev/null +++ b/assets/css/frontend.min-rtl.css @@ -0,0 +1,87 @@ +@charset "UTF-8";address,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}main,nav{display:block}progress{display:inline-block;vertical-align:baseline}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */.ast-container{max-width:100%}.ast-container,.ast-container-fluid{margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.ast-container-fluid::after,.ast-container::after{content:"";display:table;clear:both}.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9,.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9,.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9,.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9,.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{position:relative;min-height:1px;padding-right:20px;padding-left:20px}.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{float:right}.ast-col-xs-1{width:8.3333333333%}.ast-col-xs-2{width:16.6666666667%}.ast-col-xs-3{width:25%}.ast-col-xs-4{width:33.3333333333%}.ast-col-xs-5{width:41.6666666667%}.ast-col-xs-6{width:50%}.ast-col-xs-7{width:58.3333333333%}.ast-col-xs-8{width:66.6666666667%}.ast-col-xs-9{width:75%}.ast-col-xs-10{width:83.3333333333%}.ast-col-xs-11{width:91.6666666667%}.ast-col-xs-12{width:100%}@media (min-width:544px){.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9{float:right}.ast-col-sm-1{width:8.3333333333%}.ast-col-sm-2{width:16.6666666667%}.ast-col-sm-3{width:25%}.ast-col-sm-4{width:33.3333333333%}.ast-col-sm-5{width:41.6666666667%}.ast-col-sm-6{width:50%}.ast-col-sm-7{width:58.3333333333%}.ast-col-sm-8{width:66.6666666667%}.ast-col-sm-9{width:75%}.ast-col-sm-10{width:83.3333333333%}.ast-col-sm-11{width:91.6666666667%}.ast-col-sm-12{width:100%}}@media (min-width:768px){.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9{float:right}.ast-col-md-1{width:8.3333333333%}.ast-col-md-2{width:16.6666666667%}.ast-col-md-3{width:25%}.ast-col-md-4{width:33.3333333333%}.ast-col-md-5{width:41.6666666667%}.ast-col-md-6{width:50%}.ast-col-md-7{width:58.3333333333%}.ast-col-md-8{width:66.6666666667%}.ast-col-md-9{width:75%}.ast-col-md-10{width:83.3333333333%}.ast-col-md-11{width:91.6666666667%}.ast-col-md-12{width:100%}}@media (min-width:992px){.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9{float:right}.ast-col-lg-1{width:8.3333333333%}.ast-col-lg-2{width:16.6666666667%}.ast-col-lg-3{width:25%}.ast-col-lg-4{width:33.3333333333%}.ast-col-lg-5{width:41.6666666667%}.ast-col-lg-6{width:50%}.ast-col-lg-7{width:58.3333333333%}.ast-col-lg-8{width:66.6666666667%}.ast-col-lg-9{width:75%}.ast-col-lg-10{width:83.3333333333%}.ast-col-lg-11{width:91.6666666667%}.ast-col-lg-12{width:100%}}@media (min-width:1200px){.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9{float:right}.ast-col-xl-1{width:8.3333333333%}.ast-col-xl-2{width:16.6666666667%}.ast-col-xl-3{width:25%}.ast-col-xl-4{width:33.3333333333%}.ast-col-xl-5{width:41.6666666667%}.ast-col-xl-6{width:50%}.ast-col-xl-7{width:58.3333333333%}.ast-col-xl-8{width:66.6666666667%}.ast-col-xl-9{width:75%}.ast-col-xl-10{width:83.3333333333%}.ast-col-xl-11{width:91.6666666667%}.ast-col-xl-12{width:100%}}.ast-row{margin-right:-20px;margin-left:-20px}.ast-row::after{content:"";display:table;clear:both}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 3em 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-right:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-right:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-left:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 1px 0 0;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 0 1px 1px}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-right:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-right:auto;margin-left:auto}#primary:after,#primary:before,#secondary:after,#secondary:before,.ast-container:after,.ast-container:before,.ast-row:after,.ast-row:before,.clear:after,.clear:before,.sidebar-main:after,.sidebar-main:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-main:after,.site-main:before{content:"";display:table}#primary:after,#secondary:after,.ast-container:after,.ast-row:after,.clear:after,.sidebar-main:after,.site-content:after,.site-footer:after,.site-header:after,.site-main:after{clear:both}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-right:auto;margin-left:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 3em 1.5em 1em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;right:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;right:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;right:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{display:block;position:relative;float:right;width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-right:0;margin-left:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid var(--ast-border-color);margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}.ast-page-builder-template .hentry{margin:0}.ast-page-builder-template .site-content>.ast-container{max-width:100%;padding:0}.ast-page-builder-template .site-content #primary{padding:0;margin:0}.ast-page-builder-template .no-results{text-align:center;margin:4em auto}.ast-page-builder-template .entry-header{margin-top:4em;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail{margin-top:0}.ast-page-builder-template .entry-header.ast-header-without-markup{margin-top:0;margin-bottom:0}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta{margin-bottom:0}.ast-page-builder-template.single .post-navigation{padding-bottom:2em}.ast-page-builder-template .ast-archive-description{margin-top:4em;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-left:60px}.ast-left-sidebar #primary{padding-right:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-right:0;padding-left:0}.ast-right-sidebar #primary{padding-left:30px}.ast-left-sidebar #primary{padding-right:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-right:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu,.main-header-menu .menu-item>.sub-menu.toggled-on{left:auto;right:0;visibility:visible}.main-header-menu .menu-item.focus>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item:hover>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item>.sub-menu.toggled-on .sub-menu.toggled-on{right:100%;left:auto;visibility:visible}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0;right:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{right:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;right:-999em;position:absolute;top:100%;z-index:99999;visibility:hidden}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{right:100%;left:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{position:absolute;left:.6em;top:50%;transform:translate(0,-50%) rotate(-270deg)}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow{display:block}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow svg{margin:0}#ast-desktop-header .account-main-navigation .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{transform:translate(0,-50%) rotate(-360deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-2px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-style:none}.ast-header-break-point .main-navigation{padding-right:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-left:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-right:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-right:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-right:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-right:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:0}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:first-child{display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-right:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-right:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-left:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-right:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{position:relative;text-align:right}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{grid-column-start:2;text-align:left}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:1.06666rem;font-size:1rem;padding:0 var(--ast-post-nav-space,1.5em);height:2.33333em;line-height:calc(2.33333em - 3px)}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline{display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:var(--ast-border-color);background:0 0}.page-links .page-link{padding:0;margin:0 .3em .3em 0;border:2px solid var(--ast-border-color);color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){margin:20px auto}.bypostauthor{display:block}body{overflow-x:hidden}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-right:20px}.widget_nav_menu ul ul.sub-menu a:after{right:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{right:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{right:-60px}.widget_nav_menu li{transition:all .2s linear}#secondary .wp-block-search__input{line-height:1}#secondary .wp-block-search__button{padding:.7em 1em}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;left:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;left:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:var(--ast-widget-bg-color);border-width:1px;border-color:var(--ast-border-color);border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:12px 15px 12px 45px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-right:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{right:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{right:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-left:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-left:none;border-right:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid var(--ast-border-color);border-top:2px solid var(--ast-border-color)}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{color:#0274be;font-weight:700;border-bottom:2px solid #0274be}.ast-builder-grid-row{display:grid;grid-template-columns:auto auto;align-items:center;grid-column-gap:20px;overflow-wrap:anywhere}.ast-builder-grid-row>.site-header-section{flex-wrap:nowrap}.ast-builder-footer-grid-columns{grid-column-gap:50px}.ast-builder-grid-row.ast-grid-center-col-layout{grid-template-columns:1fr auto 1fr}.ast-builder-layout-element{align-items:center}.ast-builder-grid-row.ast-grid-center-col-layout-only{-js-display:flex;display:flex;height:100%;justify-content:center}.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center{flex-grow:1}.site-header-section{height:100%;min-height:0;align-items:center}.site-header-section>*{padding:0 10px}.site-header-section>div:first-child{padding-right:0}.site-header-section>div:last-child{padding-left:0}.site-header-section .ast-builder-menu{align-items:center}.ast-builder-layout-element.ast-header-search{height:auto}.ast-grid-right-center-section{justify-content:flex-start;flex-grow:1}.ast-grid-right-section{justify-content:flex-end}.ast-grid-right-section .ast-site-identity>:first-child{text-align:left}.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity>:first-child{text-align:right}.ast-grid-left-center-section{justify-content:flex-end;flex-grow:1}.elementor-nav-menu .ast-icon,.et_pb_menu__wrap .ast-icon,.fl-widget .menu-item .ast-icon{display:none}.ast-logo-title-inline .ast-site-identity{padding:1em 0;-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-grid-section-center{justify-content:center}.ast-grid-section-center .ast-site-identity>:first-child{text-align:center}.ast-builder-social-element{line-height:1;color:#3a3a3a;background:0 0;vertical-align:middle;transition:all 10ms;margin-right:6px;margin-left:6px;justify-content:center;align-items:center}.ast-builder-social-element:hover{color:#0274be}.ast-builder-social-element .social-item-label{padding-right:6px}.ast-social-stack-desktop .ast-builder-social-element,.ast-social-stack-mobile .ast-builder-social-element,.ast-social-stack-tablet .ast-builder-social-element{margin-top:6px;margin-bottom:6px}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition:none}.ast-footer-copyright p{margin-bottom:0}.ast-builder-grid-row-container{display:grid;align-content:center}.main-header-bar .main-header-bar-navigation{height:100%}.ast-nav-menu .sub-menu{line-height:1.45}.ast-builder-menu .main-navigation{padding:0}.ast-builder-menu .main-navigation>ul{align-self:center}.ast-footer-copyright,.ast-footer-social-wrap,.site-footer-focus-item{width:100%}#astra-footer-menu{margin:0;list-style:none;background:inherit}#astra-footer-menu>ul{margin:0;list-style:none;background:inherit}.ast-header-break-point #ast-mobile-header{display:block}.ast-header-break-point .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:0;left:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle>.ast-icon.icon-arrow{pointer-events:none}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before,.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .ast-nav-menu .sub-menu{line-height:3}.site-footer-section{justify-content:center}.site-footer-section>*{margin-bottom:10px}.site-footer-section>:last-child{margin-bottom:0}.site-primary-footer-wrap{padding-top:45px;padding-bottom:45px}.site-above-footer-wrap,.site-below-footer-wrap{padding-top:20px;padding-bottom:20px}.ast-hfb-header.ast-header-break-point .main-header-bar-navigation{width:100%;margin:0}.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg{display:none}.ast-hfb-header .menu-toggle.toggled .ast-close-svg{display:block}.menu-toggle .ast-close-svg{display:none}.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-right:.4em}.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{-js-display:flex;display:flex;align-items:center;width:auto;height:auto}.menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-right:.4em}.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap{align-items:center;-js-display:flex;display:flex}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:.5em;align-items:center;-js-display:flex;display:flex}.ast-search-menu-icon.ast-inline-search .search-field{width:100%;padding:.6em;padding-left:5.5em}.ast-header-account-type-extend-text-profile-type{-js-display:flex;display:flex;gap:10px;align-items:center}@media (min-width:769px){.footer-nav-wrap .astra-footer-horizontal-menu li{margin:0}.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a{padding-right:0}.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a{padding-left:0}.footer-nav-wrap .astra-footer-horizontal-menu a{padding:0 .5em}}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.main-header-bar{margin-right:auto;margin-left:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-right:0;padding-left:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.ast-theme-transparent-header .post-password-form{margin-top:100px}.site-branding{line-height:1;align-self:center}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{flex:1;align-self:center}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;left:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:0}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul ul{right:auto;left:auto}.ast-header-break-point .main-navigation .stack-on-mobile li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-builder-menu{width:100%}.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile{flex-wrap:wrap}.ast-desktop .main-header-menu>.menu-item .sub-menu:before{position:absolute;content:'';top:0;right:0;width:100%;transform:translateY(-100%)}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:var(--ast-comment-inputs-background);box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--ast-border-color);box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}.astra-dark-mode-enable form .form-row textarea,.astra-dark-mode-enable input[type=email],.astra-dark-mode-enable input[type=number],.astra-dark-mode-enable input[type=password],.astra-dark-mode-enable input[type=reset],.astra-dark-mode-enable input[type=search],.astra-dark-mode-enable input[type=tel],.astra-dark-mode-enable input[type=text],.astra-dark-mode-enable input[type=url],.astra-dark-mode-enable textarea{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)!important;border:1px solid var(--ast-border-color)}.astra-dark-mode-enable form .form-row textarea:focus,.astra-dark-mode-enable input[type=email]:focus,.astra-dark-mode-enable input[type=number]:focus,.astra-dark-mode-enable input[type=password]:focus,.astra-dark-mode-enable input[type=reset]:focus,.astra-dark-mode-enable input[type=search]:focus,.astra-dark-mode-enable input[type=tel]:focus,.astra-dark-mode-enable input[type=text]:focus,.astra-dark-mode-enable input[type=url]:focus,.astra-dark-mode-enable textarea:focus{border:1px solid var(--ast-global-color-0)!important;background-color:var(--ast-global-color-secondary,--ast-global-color-5)!important}.astra-dark-mode-enable .select2-container .select2-selection--single,.astra-dark-mode-enable .select2-dropdown,.astra-dark-mode-enable select{background-color:var(--ast-global-color-secondary,--ast-global-color-5);border-color:var(--ast-border-color);color:var(--ast-global-color-2)}.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=url],.astra-dark-mode-enable .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-text-input input[type=tel],.astra-dark-mode-enable .wc-block-components-text-input input[type=text],.astra-dark-mode-enable .wc-block-components-text-input input[type=url],.wc-block-components-form .wc-block-components-text-input input[type=tel],.wc-block-components-form .wc-block-components-text-input input[type=text]{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1.2em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.blog-layout-6 .entry-header+.ast-blog-featured-section{margin-top:0}.entry-content{word-wrap:break-word}.entry-content .wp-audio-shortcode,.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video,.entry-content .wp-video,.entry-content p{margin-bottom:1.6em}.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video{display:inline-block}.entry-content::after{display:table;clear:both;content:''}.post-content>.cat-links,.post-content>.read-more,.post-content>.tags-links{display:block;margin-bottom:.8em;font-weight:var(--ast-blog-meta-weight, "")}.ast-excerpt-container>p:last-child{margin-bottom:0}.post-content>.read-more{margin-top:1.5em}.ast-article-inner{width:100%;overflow-wrap:break-word}.read-more{margin-bottom:0}.read-more a{display:inline-block}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.blog-layout-2 .ast-blog-featured-section,.blog-layout-3 .ast-blog-featured-section{margin-bottom:0}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-right:0;padding-left:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 20px 0 0}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid var(--ast-border-color)}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;color:#000}.single .post-navigation a p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex;width:100%}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-links .nav-previous+.nav-next{width:50%}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{max-width:95%;width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .post-thumb{margin-bottom:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-author-avatar{margin:0 5px}.ast-author-avatar img{border-radius:100%;width:var(--ast-author-avatar-size,30px);height:var(--ast-author-avatar-size,30px)}.ast-separate-container .post-navigation{border-top:0;padding-right:var(--ast-post-nav-space,3.33333em);padding-left:var(--ast-post-nav-space,3.33333em)}@media (max-width:420px){.ast-separate-container .post-navigation{padding-right:0;padding-left:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-1 .posted-on{right:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-right:0;padding-left:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-flex-2{flex:2}.ast-flex-3{flex:3}.ast-flex-4{flex:4}.ast-flex-5{flex:5}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-flex-direction-row{flex-direction:row}.ast-flex-direction-row-reverse{flex-direction:row-reverse}.ast-flex-direction-column{flex-direction:column}.ast-flex-direction-column-reverse{flex-direction:column-reverse}.ast-flex-wrap-nowrap{flex-wrap:nowrap}.ast-flex-wrap-wrap{flex-wrap:wrap}.ast-flex-wrap-wrap-reverse{flex-wrap:wrap-reverse}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-items-flex-start{align-items:flex-start}.ast-align-items-flex-end{align-items:flex-end}.ast-align-items-center{align-items:center}.ast-align-items-baseline{align-items:baseline}.ast-align-items-stretch{align-items:stretch}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-order-1{order:1}.ast-order-2{order:2}.ast-order-3{order:3}.ast-order-4{order:4}.ast-order-5{order:5}.ast-flex-grow-1{flex-grow:1}.ast-flex-grow-2{flex-grow:2}.ast-flex-grow-3{flex-grow:3}.ast-flex-grow-4{flex-grow:4}.ast-flex-grow-5{flex-grow:5}.ast-flex-shrink-1{flex-shrink:1}.ast-flex-shrink-2{flex-shrink:2}.ast-flex-shrink-3{flex-shrink:3}.ast-flex-shrink-4{flex-shrink:4}.ast-flex-shrink-5{flex-shrink:5}.ast-align-self-auto{align-self:auto}.ast-align-self-flex-start{align-self:flex-start}.ast-align-self-flex-end{align-self:flex-end}.ast-align-self-center{align-self:center}.ast-align-self-baseline{align-self:baseline}.ast-align-self-stretch{align-self:stretch} + +/* 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; +} diff --git a/assets/css/frontend.min.css b/assets/css/frontend.min.css new file mode 100644 index 00000000..89e88a68 --- /dev/null +++ b/assets/css/frontend.min.css @@ -0,0 +1,87 @@ +@charset "UTF-8";address,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}main,nav{display:block}progress{display:inline-block;vertical-align:baseline}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */.ast-container{max-width:100%}.ast-container,.ast-container-fluid{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-container-fluid::after,.ast-container::after{content:"";display:table;clear:both}.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9,.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9,.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9,.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9,.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{position:relative;min-height:1px;padding-left:20px;padding-right:20px}.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{float:left}.ast-col-xs-1{width:8.3333333333%}.ast-col-xs-2{width:16.6666666667%}.ast-col-xs-3{width:25%}.ast-col-xs-4{width:33.3333333333%}.ast-col-xs-5{width:41.6666666667%}.ast-col-xs-6{width:50%}.ast-col-xs-7{width:58.3333333333%}.ast-col-xs-8{width:66.6666666667%}.ast-col-xs-9{width:75%}.ast-col-xs-10{width:83.3333333333%}.ast-col-xs-11{width:91.6666666667%}.ast-col-xs-12{width:100%}@media (min-width:544px){.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9{float:left}.ast-col-sm-1{width:8.3333333333%}.ast-col-sm-2{width:16.6666666667%}.ast-col-sm-3{width:25%}.ast-col-sm-4{width:33.3333333333%}.ast-col-sm-5{width:41.6666666667%}.ast-col-sm-6{width:50%}.ast-col-sm-7{width:58.3333333333%}.ast-col-sm-8{width:66.6666666667%}.ast-col-sm-9{width:75%}.ast-col-sm-10{width:83.3333333333%}.ast-col-sm-11{width:91.6666666667%}.ast-col-sm-12{width:100%}}@media (min-width:768px){.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9{float:left}.ast-col-md-1{width:8.3333333333%}.ast-col-md-2{width:16.6666666667%}.ast-col-md-3{width:25%}.ast-col-md-4{width:33.3333333333%}.ast-col-md-5{width:41.6666666667%}.ast-col-md-6{width:50%}.ast-col-md-7{width:58.3333333333%}.ast-col-md-8{width:66.6666666667%}.ast-col-md-9{width:75%}.ast-col-md-10{width:83.3333333333%}.ast-col-md-11{width:91.6666666667%}.ast-col-md-12{width:100%}}@media (min-width:992px){.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9{float:left}.ast-col-lg-1{width:8.3333333333%}.ast-col-lg-2{width:16.6666666667%}.ast-col-lg-3{width:25%}.ast-col-lg-4{width:33.3333333333%}.ast-col-lg-5{width:41.6666666667%}.ast-col-lg-6{width:50%}.ast-col-lg-7{width:58.3333333333%}.ast-col-lg-8{width:66.6666666667%}.ast-col-lg-9{width:75%}.ast-col-lg-10{width:83.3333333333%}.ast-col-lg-11{width:91.6666666667%}.ast-col-lg-12{width:100%}}@media (min-width:1200px){.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9{float:left}.ast-col-xl-1{width:8.3333333333%}.ast-col-xl-2{width:16.6666666667%}.ast-col-xl-3{width:25%}.ast-col-xl-4{width:33.3333333333%}.ast-col-xl-5{width:41.6666666667%}.ast-col-xl-6{width:50%}.ast-col-xl-7{width:58.3333333333%}.ast-col-xl-8{width:66.6666666667%}.ast-col-xl-9{width:75%}.ast-col-xl-10{width:83.3333333333%}.ast-col-xl-11{width:91.6666666667%}.ast-col-xl-12{width:100%}}.ast-row{margin-left:-20px;margin-right:-20px}.ast-row::after{content:"";display:table;clear:both}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-left:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-right:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 1px 1px 0}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-left:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-left:auto;margin-right:auto}#primary:after,#primary:before,#secondary:after,#secondary:before,.ast-container:after,.ast-container:before,.ast-row:after,.ast-row:before,.clear:after,.clear:before,.sidebar-main:after,.sidebar-main:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-main:after,.site-main:before{content:"";display:table}#primary:after,#secondary:after,.ast-container:after,.ast-row:after,.clear:after,.sidebar-main:after,.site-content:after,.site-footer:after,.site-header:after,.site-main:after{clear:both}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 1em 1.5em 3em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;left:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;left:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{display:block;position:relative;float:left;width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-left:0;margin-right:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid var(--ast-border-color);margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}.ast-page-builder-template .hentry{margin:0}.ast-page-builder-template .site-content>.ast-container{max-width:100%;padding:0}.ast-page-builder-template .site-content #primary{padding:0;margin:0}.ast-page-builder-template .no-results{text-align:center;margin:4em auto}.ast-page-builder-template .entry-header{margin-top:4em;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail{margin-top:0}.ast-page-builder-template .entry-header.ast-header-without-markup{margin-top:0;margin-bottom:0}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta{margin-bottom:0}.ast-page-builder-template.single .post-navigation{padding-bottom:2em}.ast-page-builder-template .ast-archive-description{margin-top:4em;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-right:60px}.ast-left-sidebar #primary{padding-left:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-left:0;padding-right:0}.ast-right-sidebar #primary{padding-right:30px}.ast-left-sidebar #primary{padding-left:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-left:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu,.main-header-menu .menu-item>.sub-menu.toggled-on{right:auto;left:0;visibility:visible}.main-header-menu .menu-item.focus>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item:hover>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item>.sub-menu.toggled-on .sub-menu.toggled-on{left:100%;right:auto;visibility:visible}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0;left:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999;visibility:hidden}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{left:100%;right:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{position:absolute;right:.6em;top:50%;transform:translate(0,-50%) rotate(270deg)}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow{display:block}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow svg{margin:0}#ast-desktop-header .account-main-navigation .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{transform:translate(0,-50%) rotate(360deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-2px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-style:none}.ast-header-break-point .main-navigation{padding-left:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-right:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-left:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-left:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-left:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:0}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:first-child{display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-left:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-left:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-right:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-left:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{position:relative;text-align:left}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{grid-column-start:2;text-align:right}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:1.06666rem;font-size:1rem;padding:0 var(--ast-post-nav-space,1.5em);height:2.33333em;line-height:calc(2.33333em - 3px)}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline{display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:var(--ast-border-color);background:0 0}.page-links .page-link{padding:0;margin:0 0 .3em .3em;border:2px solid var(--ast-border-color);color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){margin:20px auto}.bypostauthor{display:block}body{overflow-x:hidden}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-left:20px}.widget_nav_menu ul ul.sub-menu a:after{left:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{left:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{left:-60px}.widget_nav_menu li{transition:all .2s linear}#secondary .wp-block-search__input{line-height:1}#secondary .wp-block-search__button{padding:.7em 1em}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;right:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;right:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:var(--ast-widget-bg-color);border-width:1px;border-color:var(--ast-border-color);border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:12px 45px 12px 15px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-left:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{left:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{left:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-right:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-right:none;border-left:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid var(--ast-border-color);border-top:2px solid var(--ast-border-color)}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{color:#0274be;font-weight:700;border-bottom:2px solid #0274be}.ast-builder-grid-row{display:grid;grid-template-columns:auto auto;align-items:center;grid-column-gap:20px;overflow-wrap:anywhere}.ast-builder-grid-row>.site-header-section{flex-wrap:nowrap}.ast-builder-footer-grid-columns{grid-column-gap:50px}.ast-builder-grid-row.ast-grid-center-col-layout{grid-template-columns:1fr auto 1fr}.ast-builder-layout-element{align-items:center}.ast-builder-grid-row.ast-grid-center-col-layout-only{-js-display:flex;display:flex;height:100%;justify-content:center}.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center{flex-grow:1}.site-header-section{height:100%;min-height:0;align-items:center}.site-header-section>*{padding:0 10px}.site-header-section>div:first-child{padding-left:0}.site-header-section>div:last-child{padding-right:0}.site-header-section .ast-builder-menu{align-items:center}.ast-builder-layout-element.ast-header-search{height:auto}.ast-grid-right-center-section{justify-content:flex-start;flex-grow:1}.ast-grid-right-section{justify-content:flex-end}.ast-grid-right-section .ast-site-identity>:first-child{text-align:right}.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity>:first-child{text-align:left}.ast-grid-left-center-section{justify-content:flex-end;flex-grow:1}.elementor-nav-menu .ast-icon,.et_pb_menu__wrap .ast-icon,.fl-widget .menu-item .ast-icon{display:none}.ast-logo-title-inline .ast-site-identity{padding:1em 0;-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-grid-section-center{justify-content:center}.ast-grid-section-center .ast-site-identity>:first-child{text-align:center}.ast-builder-social-element{line-height:1;color:#3a3a3a;background:0 0;vertical-align:middle;transition:all 10ms;margin-left:6px;margin-right:6px;justify-content:center;align-items:center}.ast-builder-social-element:hover{color:#0274be}.ast-builder-social-element .social-item-label{padding-left:6px}.ast-social-stack-desktop .ast-builder-social-element,.ast-social-stack-mobile .ast-builder-social-element,.ast-social-stack-tablet .ast-builder-social-element{margin-top:6px;margin-bottom:6px}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition:none}.ast-footer-copyright p{margin-bottom:0}.ast-builder-grid-row-container{display:grid;align-content:center}.main-header-bar .main-header-bar-navigation{height:100%}.ast-nav-menu .sub-menu{line-height:1.45}.ast-builder-menu .main-navigation{padding:0}.ast-builder-menu .main-navigation>ul{align-self:center}.ast-footer-copyright,.ast-footer-social-wrap,.site-footer-focus-item{width:100%}#astra-footer-menu{margin:0;list-style:none;background:inherit}#astra-footer-menu>ul{margin:0;list-style:none;background:inherit}.ast-header-break-point #ast-mobile-header{display:block}.ast-header-break-point .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:0;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle>.ast-icon.icon-arrow{pointer-events:none}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before,.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .ast-nav-menu .sub-menu{line-height:3}.site-footer-section{justify-content:center}.site-footer-section>*{margin-bottom:10px}.site-footer-section>:last-child{margin-bottom:0}.site-primary-footer-wrap{padding-top:45px;padding-bottom:45px}.site-above-footer-wrap,.site-below-footer-wrap{padding-top:20px;padding-bottom:20px}.ast-hfb-header.ast-header-break-point .main-header-bar-navigation{width:100%;margin:0}.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg{display:none}.ast-hfb-header .menu-toggle.toggled .ast-close-svg{display:block}.menu-toggle .ast-close-svg{display:none}.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-left:.4em}.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{-js-display:flex;display:flex;align-items:center;width:auto;height:auto}.menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-left:.4em}.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap{align-items:center;-js-display:flex;display:flex}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:.5em;align-items:center;-js-display:flex;display:flex}.ast-search-menu-icon.ast-inline-search .search-field{width:100%;padding:.6em;padding-right:5.5em}.ast-header-account-type-extend-text-profile-type{-js-display:flex;display:flex;gap:10px;align-items:center}@media (min-width:769px){.footer-nav-wrap .astra-footer-horizontal-menu li{margin:0}.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a{padding-left:0}.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a{padding-right:0}.footer-nav-wrap .astra-footer-horizontal-menu a{padding:0 .5em}}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.main-header-bar{margin-left:auto;margin-right:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.ast-theme-transparent-header .post-password-form{margin-top:100px}.site-branding{line-height:1;align-self:center}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{flex:1;align-self:center}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:0}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul ul{left:auto;right:auto}.ast-header-break-point .main-navigation .stack-on-mobile li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-builder-menu{width:100%}.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile{flex-wrap:wrap}.ast-desktop .main-header-menu>.menu-item .sub-menu:before{position:absolute;content:'';top:0;left:0;width:100%;transform:translateY(-100%)}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:var(--ast-comment-inputs-background);box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--ast-border-color);box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}.astra-dark-mode-enable form .form-row textarea,.astra-dark-mode-enable input[type=email],.astra-dark-mode-enable input[type=number],.astra-dark-mode-enable input[type=password],.astra-dark-mode-enable input[type=reset],.astra-dark-mode-enable input[type=search],.astra-dark-mode-enable input[type=tel],.astra-dark-mode-enable input[type=text],.astra-dark-mode-enable input[type=url],.astra-dark-mode-enable textarea{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)!important;border:1px solid var(--ast-border-color)}.astra-dark-mode-enable form .form-row textarea:focus,.astra-dark-mode-enable input[type=email]:focus,.astra-dark-mode-enable input[type=number]:focus,.astra-dark-mode-enable input[type=password]:focus,.astra-dark-mode-enable input[type=reset]:focus,.astra-dark-mode-enable input[type=search]:focus,.astra-dark-mode-enable input[type=tel]:focus,.astra-dark-mode-enable input[type=text]:focus,.astra-dark-mode-enable input[type=url]:focus,.astra-dark-mode-enable textarea:focus{border:1px solid var(--ast-global-color-0)!important;background-color:var(--ast-global-color-secondary,--ast-global-color-5)!important}.astra-dark-mode-enable .select2-container .select2-selection--single,.astra-dark-mode-enable .select2-dropdown,.astra-dark-mode-enable select{background-color:var(--ast-global-color-secondary,--ast-global-color-5);border-color:var(--ast-border-color);color:var(--ast-global-color-2)}.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=url],.astra-dark-mode-enable .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-text-input input[type=tel],.astra-dark-mode-enable .wc-block-components-text-input input[type=text],.astra-dark-mode-enable .wc-block-components-text-input input[type=url],.wc-block-components-form .wc-block-components-text-input input[type=tel],.wc-block-components-form .wc-block-components-text-input input[type=text]{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1.2em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.blog-layout-6 .entry-header+.ast-blog-featured-section{margin-top:0}.entry-content{word-wrap:break-word}.entry-content .wp-audio-shortcode,.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video,.entry-content .wp-video,.entry-content p{margin-bottom:1.6em}.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video{display:inline-block}.entry-content::after{display:table;clear:both;content:''}.post-content>.cat-links,.post-content>.read-more,.post-content>.tags-links{display:block;margin-bottom:.8em;font-weight:var(--ast-blog-meta-weight, "")}.ast-excerpt-container>p:last-child{margin-bottom:0}.post-content>.read-more{margin-top:1.5em}.ast-article-inner{width:100%;overflow-wrap:break-word}.read-more{margin-bottom:0}.read-more a{display:inline-block}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.blog-layout-2 .ast-blog-featured-section,.blog-layout-3 .ast-blog-featured-section{margin-bottom:0}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-left:0;padding-right:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 0 0 20px}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid var(--ast-border-color)}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;color:#000}.single .post-navigation a p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex;width:100%}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-links .nav-previous+.nav-next{width:50%}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{max-width:95%;width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .post-thumb{margin-bottom:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-author-avatar{margin:0 5px}.ast-author-avatar img{border-radius:100%;width:var(--ast-author-avatar-size,30px);height:var(--ast-author-avatar-size,30px)}.ast-separate-container .post-navigation{border-top:0;padding-left:var(--ast-post-nav-space,3.33333em);padding-right:var(--ast-post-nav-space,3.33333em)}@media (max-width:420px){.ast-separate-container .post-navigation{padding-left:0;padding-right:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-1 .posted-on{left:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-left:0;padding-right:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-flex-2{flex:2}.ast-flex-3{flex:3}.ast-flex-4{flex:4}.ast-flex-5{flex:5}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-flex-direction-row{flex-direction:row}.ast-flex-direction-row-reverse{flex-direction:row-reverse}.ast-flex-direction-column{flex-direction:column}.ast-flex-direction-column-reverse{flex-direction:column-reverse}.ast-flex-wrap-nowrap{flex-wrap:nowrap}.ast-flex-wrap-wrap{flex-wrap:wrap}.ast-flex-wrap-wrap-reverse{flex-wrap:wrap-reverse}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-items-flex-start{align-items:flex-start}.ast-align-items-flex-end{align-items:flex-end}.ast-align-items-center{align-items:center}.ast-align-items-baseline{align-items:baseline}.ast-align-items-stretch{align-items:stretch}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-order-1{order:1}.ast-order-2{order:2}.ast-order-3{order:3}.ast-order-4{order:4}.ast-order-5{order:5}.ast-flex-grow-1{flex-grow:1}.ast-flex-grow-2{flex-grow:2}.ast-flex-grow-3{flex-grow:3}.ast-flex-grow-4{flex-grow:4}.ast-flex-grow-5{flex-grow:5}.ast-flex-shrink-1{flex-shrink:1}.ast-flex-shrink-2{flex-shrink:2}.ast-flex-shrink-3{flex-shrink:3}.ast-flex-shrink-4{flex-shrink:4}.ast-flex-shrink-5{flex-shrink:5}.ast-align-self-auto{align-self:auto}.ast-align-self-flex-start{align-self:flex-start}.ast-align-self-flex-end{align-self:flex-end}.ast-align-self-center{align-self:center}.ast-align-self-baseline{align-self:baseline}.ast-align-self-stretch{align-self:stretch} + +/* 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; +} diff --git a/assets/css/frosty.css b/assets/css/frosty.css new file mode 100644 index 00000000..b221a245 --- /dev/null +++ b/assets/css/frosty.css @@ -0,0 +1,256 @@ +/* ======================================================================== + * Frosty.js + * https://owensbla.github.com/frosty + * by Blake Owens (http://blakeowens.com/) + * ======================================================================== */ + .bsf-has-tip, + .has-tip { + cursor: help; + } +.tip { + background-color: black; + background-color: rgba(0, 0, 0, 0.8); + color: #eeeeee; + font-size: 11px; + line-height: 1.5em; + max-width: 200px; + padding: 4px 8px; +} +.tip.success { + background-color: #47fe42; + background-color: rgba(71, 254, 66, 0.8); + color: #025600; +} +.tip.error { + background-color: #ff7f86; + background-color: rgba(255, 127, 134, 0.8); + color: #7f0006; +} +.tip.light { + background-color: #ebebeb; + background-color: rgba(235, 235, 235, 0.8); + color: #222222; +} +.tip[class*="arrow"]:before { + content: ' '; + position: absolute; + border: solid transparent; + width: 0px; + height: 0px; + border-width: 5px; + border-color: black; + border-color: rgba(0, 0, 0, 0.8); +} +.success[class*="arrow"]:before { + border-color: #47fe42; + border-color: rgba(71, 254, 66, 0.8); +} +.error[class*="arrow"]:before { + border-color: #ff7f86; + border-color: rgba(255, 127, 134, 0.8); +} +.light[class*="arrow"]:before { + border-color: #ebebeb; + border-color: rgba(235, 235, 235, 0.8); +} +.tip.arrow-right:before { + border-right-color: transparent; + border-top-color: transparent; + border-bottom-color: transparent; + margin-top: -5px; + top: 50%; + left: 100%; +} +.tip.arrow-left:before { + border-left-color: transparent; + border-top-color: transparent; + border-bottom-color: transparent; + margin-top: -5px; + top: 50%; + right: 100%; +} +.tip.arrow-top:before { + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + margin-left: -5px; + bottom: 100%; + left: 50%; +} +.tip.arrow-bottom:before { + border-bottom-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + margin-left: -5px; + top: 100%; + left: 50%; +} + +/* Customizer Tooltip */ +.customize-support .tip { + background-color: rgba(0, 148, 221, 0.95); + color: #FFF; + font-size: 13px; + line-height: 1.5em; + max-width: 200px; + padding: 5px 11px; + border: 1px solid #0094DD; + border-radius: 1px; +} +.customize-support .tip[class*="arrow"]:before { + border-width: 5px; + border-color: #0094DD; + border-color: rgba(0, 148, 221, 0.95); +} +.customize-support .tip.arrow-right:before { + border-right-color: transparent; + border-top-color: transparent; + border-bottom-color: transparent; + margin-top: -5px; + top: 50%; + left: 100%; +} +.customize-support .tip.arrow-left:before { + border-left-color: transparent; + border-top-color: transparent; + border-bottom-color: transparent; + margin-top: -5px; + top: 50%; + right: 100%; +} +.customize-support .tip.arrow-top:before { + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + margin-left: -5px; + bottom: 100%; + left: 50%; +} +.customize-support .tip.arrow-bottom:before { + border-bottom-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + margin-left: -5px; + top: 100%; + left: 50%; +} +/*---close button tooltip--------*/ +.tip[class*="close-tip-content"]{ + border-radius:7px; + max-width:300px; + padding: 15px 30px; +} +.tip[class*="close-tip-content"]:before{ + border-width: 8px!important; + margin-top: -8px!important; +} + +.tip[class*="close-tip-content"][class*="arrow-bottom"]{ + /* margin-top:-10px; */ +} + .tip[class*="close-tip-content"][class*="arrow-bottom"]:before{ + margin-top: -1px!important; +} +.tip[class*="close-tip-content"][class*="arrow-right"]:before { + left: 100%; + left: calc(100% - 1px); +} +.cp-innertip.tip[class*="close-tip-content"][class*="arrow"]{ + margin-top: 30px!important; +} +@media (max-width:768px) { + .tip[class*="close-tip-content"]{ + border-radius:7px; + max-width:200px; + padding: 5px 20px; + } +} +@media (max-width:610px) { + .tip[class*="close-tip-content"]{ + max-width:170px; + } +} + +/* 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; +} diff --git a/assets/css/fslightbox.min.css b/assets/css/fslightbox.min.css new file mode 100644 index 00000000..ea57af77 --- /dev/null +++ b/assets/css/fslightbox.min.css @@ -0,0 +1,85 @@ +.fslightbox-container{font-family:Roboto,sans-serif;opacity:0;position:fixed;top:0;left:0;background:linear-gradient(rgba(30,30,30,.9),#000 1810%);z-index:9999999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:fslightbox-fade-in-complete .25s forwards}.fslightbox-fade-in{animation:fslightbox-fade-in .25s cubic-bezier(0,0,.7,1) forwards}.fslightbox-fade-out{animation:fslightbox-fade-out .25s ease forwards}.fslightbox-fade-in-complete{animation:fslightbox-fade-in-complete .25s cubic-bezier(0,0,.7,1) forwards}.fslightbox-fade-out-complete{animation:fslightbox-fade-out-complete .25s ease!important}@keyframes fslightbox-fade-in-complete{from{opacity:.3}to{opacity:1}}@keyframes fslightbox-fade-out-complete{from{opacity:1}to{opacity:0}}@keyframes fslightbox-fade-in{from{opacity:.65}to{opacity:1}}@keyframes fslightbox-fade-out{from{opacity:.35}to{opacity:0}}.fslightbox-cursor-grabbing{cursor:grabbing}.fslightbox-full-dimension{width:100%;height:100%}.fslightbox-open{overflow:hidden;height:100%}.fslightbox-flex-centered{display:flex;justify-content:center;align-items:center}.fslightbox-transform-transition{transition:transform .3s}.fslightbox-svg-path{transition:fill .15s ease;fill:#ddd}.fslightbox-svg-icon{display:flex;justify-content:center;align-items:center}.fslightbox-media-holder{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.fslightbox-nav{height:45px;width:100%;position:absolute;top:0;left:0}.fslightbox-slide-number-container{height:100%;font-size:14px;color:#d7d7d7;z-index:0;max-width:55px}.fslightbox-slide-number-container div{padding:0 1.5px}.fslightbox-slash{font-size:16px;margin-top:-1.5px}.fslightbox-toolbar{position:absolute;z-index:3;right:0;top:0;height:100%;display:flex;background:rgba(35,35,35,.65)}.fslightbox-toolbar-button{height:100%;width:45px;cursor:pointer}.fslightbox-toolbar-button:hover .fslightbox-svg-path{fill:#fff}.fslightbox-slide-btn-container{display:flex;align-items:center;padding:12px 12px 12px 6px;position:absolute;top:50%;cursor:pointer;z-index:3;transform:translateY(-50%)}@media (min-width:476px){.fslightbox-slide-btn-container{padding:22px 22px 22px 6px}}@media (min-width:768px){.fslightbox-slide-btn-container{padding:30px 30px 30px 6px}}.fslightbox-slide-btn-container:hover .fslightbox-svg-path{fill:#f1f1f1}.fslightbox-slide-btn{padding:8px;font-size:26px;background:rgba(35,35,35,.65)}@media (min-width:476px){.fslightbox-slide-btn{padding:9px}}.fslightbox-slide-btn-left-container{left:0}@media (max-width:475.99px){.fslightbox-slide-btn-left-container{padding-left:3px}}.fslightbox-slide-btn-right-container{right:0;padding-left:12px;padding-right:3px}@media (min-width:476px){.fslightbox-slide-btn-right-container{padding-left:22px}}@media (min-width:768px){.fslightbox-slide-btn-right-container{padding-left:30px}}@media (min-width:476px){.fslightbox-slide-btn-right-container{padding-right:6px}}.fslightbox-down-event-detector{position:absolute;z-index:1}.fslightbox-swiping-invisible-hover{position:absolute;top:0;left:0;z-index:10}.fslightbox-invalid-file-wrapper{font-size:22px;color:#eaebeb;margin:auto}.fslightbox-video{object-fit:cover}.fslightbox-loader{display:block;margin:auto;position:relative;width:67px;height:67px}.fslightbox-loader div{box-sizing:border-box;display:block;position:absolute;width:54px;height:54px;margin:6px;border:5px solid #999;border-radius:50%;animation:fslightbox-loader 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#999 transparent transparent transparent}.fslightbox-loader div:nth-child(1){animation-delay:-.45s}.fslightbox-loader div:nth-child(2){animation-delay:-.3s}.fslightbox-loader div:nth-child(3){animation-delay:-.15s}@keyframes fslightbox-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fslightbox-source{margin:auto;display:block;backface-visibility:hidden;transform:translateZ(0)}.fslightbox-source-holder{position:absolute;left:0;top:0;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; +} diff --git a/assets/css/fullscreen-menu-common-rtl.css b/assets/css/fullscreen-menu-common-rtl.css new file mode 100644 index 00000000..96d3bae4 --- /dev/null +++ b/assets/css/fullscreen-menu-common-rtl.css @@ -0,0 +1,106 @@ +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children > a, +.ast-default-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children > a, +.ast-flyout-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children > a { + padding-left: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item { + -js-display: inline-flex; + display: inline-flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .menu-item .menu-link { + height: auto; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .sub-menu { + flex: 1 0 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; +} diff --git a/assets/css/fullscreen-menu-common-rtl.min.css b/assets/css/fullscreen-menu-common-rtl.min.css new file mode 100644 index 00000000..fa000481 --- /dev/null +++ b/assets/css/fullscreen-menu-common-rtl.min.css @@ -0,0 +1,85 @@ +.ast-default-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children>a,.ast-flyout-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children>a,.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children>a{padding-left:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item{-js-display:inline-flex;display:inline-flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.ast-fullscreen-menu-enable.ast-header-break-point .menu-item .menu-link{height:auto}.ast-fullscreen-menu-enable.ast-header-break-point .sub-menu{flex:1 0 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; +} diff --git a/assets/css/fullscreen-menu-common.css b/assets/css/fullscreen-menu-common.css new file mode 100644 index 00000000..868c802e --- /dev/null +++ b/assets/css/fullscreen-menu-common.css @@ -0,0 +1,106 @@ +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children > a, +.ast-default-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children > a, +.ast-flyout-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children > a { + padding-right: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item { + -js-display: inline-flex; + display: inline-flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .menu-item .menu-link { + height: auto; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .sub-menu { + flex: 1 0 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; +} diff --git a/assets/css/fullscreen-menu-common.min.css b/assets/css/fullscreen-menu-common.min.css new file mode 100644 index 00000000..786aada8 --- /dev/null +++ b/assets/css/fullscreen-menu-common.min.css @@ -0,0 +1,85 @@ +.ast-default-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children>a,.ast-flyout-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children>a,.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children>a{padding-right:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item{-js-display:inline-flex;display:inline-flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.ast-fullscreen-menu-enable.ast-header-break-point .menu-item .menu-link{height:auto}.ast-fullscreen-menu-enable.ast-header-break-point .sub-menu{flex:1 0 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; +} diff --git a/assets/css/galleries.min-rtl.css b/assets/css/galleries.min-rtl.css new file mode 100644 index 00000000..969d1357 --- /dev/null +++ b/assets/css/galleries.min-rtl.css @@ -0,0 +1,85 @@ +.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.ast-blog-featured-section .gallery{margin-bottom:0}.single .entry-content .gallery{margin-right:-10px;margin-left:-10px}.gallery-caption{color:var(--ast-gallery-block-color);padding:10px;border-radius:0 0 2px 2px;border:1px solid var(--ast-border-color);border-top:none;font-size:.9em}.gallery-icon{border-bottom:0;border-radius:2px 2px 0 0;border:1px solid var(--ast-border-color);overflow:hidden}.gallery-item{margin:0;padding:10px;border-radius:2px}.gallery-item:last-child{margin-bottom:2em}.elementor-image-gallery .gallery-icon{border: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; +} diff --git a/assets/css/galleries.min.css b/assets/css/galleries.min.css new file mode 100644 index 00000000..8168ff6a --- /dev/null +++ b/assets/css/galleries.min.css @@ -0,0 +1,85 @@ +.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.ast-blog-featured-section .gallery{margin-bottom:0}.single .entry-content .gallery{margin-left:-10px;margin-right:-10px}.gallery-caption{color:var(--ast-gallery-block-color);padding:10px;border-radius:0 0 2px 2px;border:1px solid var(--ast-border-color);border-top:none;font-size:.9em}.gallery-icon{border-bottom:0;border-radius:2px 2px 0 0;border:1px solid var(--ast-border-color);overflow:hidden}.gallery-item{margin:0;padding:10px;border-radius:2px}.gallery-item:last-child{margin-bottom:2em}.elementor-image-gallery .gallery-icon{border: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; +} diff --git a/assets/css/general.css b/assets/css/general.css new file mode 100644 index 00000000..ed985c40 --- /dev/null +++ b/assets/css/general.css @@ -0,0 +1,743 @@ +body, +.body { + height: 100% !important; + margin: 0; + Margin: 0; + padding: 0; + width: 100% !important; + min-width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + +img { + outline: none; + text-decoration: none; + -ms-interpolation-mode: bicubic; + width: auto; + max-width: 100%; + clear: both; + display: block; +} + +a img { + border: none; +} + +p { + margin: 0 0 10px 0; + Margin: 0 0 10px 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td { + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + border-collapse: collapse !important; +} + +table, +tr, +td { + padding: 0; + vertical-align: top; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + Margin: 0; + padding: 0; +} + +.ReadMsgBody, +.ExternalClass { + width: 100%; +} + +.ExternalClass { + width: 100%; +} + +.ExternalClass, +.ExternalClass p, +.ExternalClass span, +.ExternalClass font, +.ExternalClass td, +.ExternalClass div { + line-height: 100%; +} + +table, +td { + mso-table-lspace: 0pt; + mso-table-rspace: 0pt; +} + +#outlook a { + padding: 0; +} + +img { + -ms-interpolation-mode: bicubic; +} + +body, table, td, p, a, li, blockquote { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body, +table.body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +td, +th, +a { + color: #444444; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + padding: 0; + margin: 0; + Margin: 0; + mso-line-height-rule: exactly; + line-height: 1.4; + line-height: 140%; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #444444; + word-wrap: normal; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: bold; + margin: 0 0 15px 0; + Margin: 0 0 15px 0; + mso-line-height-rule: exactly; + line-height: 1.3; + line-height: 130%; +} + +h1.normal, +h2.normal, +h3.normal, +h4.normal, +h5.normal, +h6.normal { + font-weight: normal; +} + +h1 { + font-size: 32px; +} + +h2 { + font-size: 30px; +} + +h3 { + font-size: 28px; +} + +h4 { + font-size: 24px; +} + +h5 { + font-size: 20px; +} + +h6 { + font-size: 18px; +} + +body, +table.body, +p, +td, +th { + font-size: 14px; + mso-line-height-rule: exactly; + line-height: 1.4; + line-height: 140%; +} + +p { + margin: 0 0 15px 0; + Margin: 0 0 15px 0; + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-all; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; +} + +p.large, p.text-large { + font-size: 16px; +} + +p.bold, p.text-bold { + font-weight: 700; +} + +p a { + Margin: inherit; + margin: inherit; +} + +small { + font-size: 80%; +} + +center { + width: 100%; +} + +a { + color: #1c75a6; +} + +a:visited { + color: #1c75a6; +} + +a:hover, a:active { + color: #0d374f; +} + +h1 a, +h1 a:visited, +h2 a, +h2 a:visited, +h3 a, +h3 a:visited, +h4 a, +h4 a:visited, +h5 a, +h5 a:visited, +h6 a, +h6 a:visited { + color: #1c75a6; +} + +table.text-center, +th.text-center, +td.text-center, +h1.text-center, +h2.text-center, +h3.text-center, +h4.text-center, +h5.text-center, +h6.text-center, +p.text-center, +span.text-center { + text-align: center; +} + +table.text-left, +th.text-left, +td.text-left, +h1.text-left, +h2.text-left, +h3.text-left, +h4.text-left, +h5.text-left, +h6.text-left, +p.text-left, +span.text-left { + text-align: left; +} + +table.text-right, +th.text-right, +td.text-right, +h1.text-right, +h2.text-right, +h3.text-right, +h4.text-right, +h5.text-right, +h6.text-right, +p.text-right, +span.text-right { + text-align: right; +} + +table.primary, +th.primary, +td.primary, +h1.primary, +h2.primary, +h3.primary, +h4.primary, +h5.primary, +h6.primary, +p.primary, +span.primary { + color: #e27730; +} + +table.orange, +th.orange, +td.orange, +h1.orange, +h2.orange, +h3.orange, +h4.orange, +h5.orange, +h6.orange, +p.orange, +span.orange { + color: #e27730; +} + +table.blue, +th.blue, +td.blue, +h1.blue, +h2.blue, +h3.blue, +h4.blue, +h5.blue, +h6.blue, +p.blue, +span.blue { + color: #509fe2; +} + +span.text-center { + display: block; + width: 100%; + text-align: center; +} + +ol, +ul { + margin: 0 0 15px 20px; + Margin: 0 0 15px 20px; + padding: 0; +} + +ol li, +ul li { + list-style-type: decimal; + padding-top: 5px; +} + +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0 !important; +} + +/* Helper class for breaking long URLs. */ +.break-all { + word-break: break-all !important; +} + +.break-all > a { + word-break: break-all !important; +} + +table.button { + width: auto; +} + +table.button td { + mso-line-height-rule: exactly; + line-height: 1; + line-height: 100%; +} + +table.button td.button-inner { + padding: 20px 0 20px 0; +} + +table.button table td { + text-align: center; + color: #ffffff; + background: #e27730; + border: 1px solid #c45e1b; + border-bottom: 3px solid #c45e1b; + mso-line-height-rule: exactly; + line-height: 1; + line-height: 100%; +} + +table.button table td a { + font-family: Helvetica, Arial, sans-serif; + font-size: 16px; + font-weight: bold; + color: #ffffff; + text-decoration: none; + text-align: center; + display: inline-block; + padding: 10px 16px 8px 16px; + border: 0 solid #c45e1b; + mso-line-height-rule: exactly; + line-height: 1; + line-height: 100%; +} + +table.button:hover table tr td a, +table.button:active table tr td a, +table.button table tr td a:visited, +table.button.tiny:hover table tr td a, +table.button.tiny:active table tr td a, +table.button.tiny table tr td a:visited, +table.button.small:hover table tr td a, +table.button.small:active table tr td a, +table.button.small table tr td a:visited, +table.button.large:hover table tr td a, +table.button.large:active table tr td a, +table.button.large table tr td a:visited { + color: #ffffff; + text-decoration: none !important; +} + +table.button.small table td, +table.button.small table a { + padding: 5px 10px 5px 10px; + font-size: 12px; +} + +table.button.large table a { + padding: 14px 20px 12px 20px; + font-size: 20px; +} + +table.button.expand, table.button.full, table.button.expanded { + width: 100% !important; +} + +table.button.expand table, table.button.full table, table.button.expanded table { + width: 100% !important; +} + +table.button.expand table a, table.button.full table a, table.button.expanded table a { + text-align: center; + width: 100%; + padding-left: 0; + padding-right: 0; +} + +table.button:hover table td, +table.button:active table td { + background: #c45e1b; + color: #fefefe; +} + +table.button:hover table a, +table.button:active table a { + border: 0 solid #c45e1b; +} + +table.button.blue table td { + color: #ffffff; + background: #509fe2; + border: 1px solid #2487db; + border-bottom: 3px solid #2487db; +} + +table.button.blue table a { + color: #ffffff; + border: 0 solid #2487db; +} + +table.button.blue:hover table td, table.button.blue:active table td { + color: #ffffff; + background-color: #2487db; +} + +table.button.green table td { + color: #ffffff; + background: #74ae5e; + border: 1px solid #5c9049; + border-bottom: 3px solid #5c9049; +} + +table.button.green table a { + color: #ffffff; + border: 0 solid #5c9049; +} + +table.button.green:hover table td, table.button.green:active table td { + color: #ffffff; + background-color: #5c9049; +} + +body, +.body { + background-color: #f1f1f1; + text-align: center; +} + +.body-inner { + text-align: center; +} + +.container { + width: 600px; + margin: 0 auto 0 auto; + Margin: 0 auto 0 auto; + text-align: inherit; +} + +.header { + text-align: center; + padding: 30px 30px 22px 30px; +} + +.header img { + display: inline-block !important; +} + +.content { + background-color: #ffffff; + padding: 60px 75px 45px 75px; + border-top: 3px solid #e27730; + border-right: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + border-left: 1px solid #dddddd; +} + +.aside { + background-color: #f8f8f8; + padding: 50px 75px 35px 75px; + border-top: 1px solid #dddddd; + border-right: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; + border-left: 1px solid #dddddd; +} + +.footer { + padding: 30px; + color: #72777c; + font-size: 12px; + text-align: center; +} + +.footer a { + color: #72777c; + text-decoration: underline; +} + +.footer a:hover { + color: #444444; +} + +@media only screen and (max-width: 599px) { + .wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name { + display: block !important; + } + .wpforms-layout-table .wpforms-layout-table-row { + display: block; + width: 100%; + } + .wpforms-layout-table .wpforms-layout-table-row table, .wpforms-layout-table .wpforms-layout-table-row thead, .wpforms-layout-table .wpforms-layout-table-row tbody, .wpforms-layout-table .wpforms-layout-table-row tr, .wpforms-layout-table .wpforms-layout-table-row td, .wpforms-layout-table .wpforms-layout-table-row th { + display: block; + width: 100% !important; + padding-bottom: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row tr { + padding-top: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-value { + padding-bottom: 25px !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-name { + padding-bottom: 10px !important; + } + .wpforms-layout-table > td { + padding-bottom: 0 !important; + } +} + +a { + text-decoration: none; +} + +@media only screen and (max-width: 599px) { + table.body .container { + width: 95% !important; + } + .header { + padding: 15px 15px 12px 15px !important; + } + .header img { + width: 200px !important; + height: auto !important; + } + .content, + .aside { + padding: 30px 40px 20px 40px !important; + } + .upsell-pro table.features td { + width: 100% !important; + display: block !important; + } + table.receipt-details td.receipt-details-inner { + padding: 30px 0px 20px 0px !important; + } +} + +.wpforms-layout-table > td { + padding-bottom: 25px; +} + +.wpforms-layout-table .wpforms-layout-table-row { + width: 100%; + margin-left: -10px; + margin-right: -10px; +} + +.wpforms-layout-table .wpforms-layout-table-row .field-value { + padding-bottom: 25px; +} + +.wpforms-layout-table .wpforms-layout-table-row > tr > td { + padding-left: 10px; + padding-right: 10px; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row:not(.wpforms-first-row) td.field-name { + display: none; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-value { + padding-bottom: 15px; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row:last-child .field-value { + padding-bottom: 0; +} + +.wpforms-layout-table-display-blocks .wpforms-layout-table-row:last-child .field-value, .wpforms-layout-table-display-columns .wpforms-layout-table-row:last-child .field-value { + padding-bottom: 0; +} + +.wpforms-layout-table .wpforms-layout-table-cell td { + border: 0 !important; +} + +.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-payment-total, .wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-payment-total { + display: block !important; +} + +.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-order-summary-preview, .wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-order-summary-preview { + display: none !important; +} + +.field-payment-total .wpforms-payment-total { + display: none !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; +} diff --git a/assets/css/general.min.css b/assets/css/general.min.css new file mode 100644 index 00000000..abea5597 --- /dev/null +++ b/assets/css/general.min.css @@ -0,0 +1,86 @@ +body,.body{height:100% !important;margin:0;Margin:0;padding:0;width:100% !important;min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important}img{outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block}a img{border:none}p{margin:0 0 10px 0;Margin:0 0 10px 0}table{border-collapse:collapse;border-spacing:0}td{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important}table,tr,td{padding:0;vertical-align:top}h1,h2,h3,h4,h5,h6{margin:0;Margin:0;padding:0}.ReadMsgBody,.ExternalClass{width:100%}.ExternalClass{width:100%}.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:100%}table,td{mso-table-lspace:0pt;mso-table-rspace:0pt}#outlook a{padding:0}img{-ms-interpolation-mode:bicubic}body,table,td,p,a,li,blockquote{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,table.body,h1,h2,h3,h4,h5,h6,p,td,th,a{color:#444444;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0;Margin:0;mso-line-height-rule:exactly;line-height:1.4;line-height:140%}h1,h2,h3,h4,h5,h6{color:#444444;word-wrap:normal;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;margin:0 0 15px 0;Margin:0 0 15px 0;mso-line-height-rule:exactly;line-height:1.3;line-height:130%}h1.normal,h2.normal,h3.normal,h4.normal,h5.normal,h6.normal{font-weight:normal}h1{font-size:32px}h2{font-size:30px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}body,table.body,p,td,th{font-size:14px;mso-line-height-rule:exactly;line-height:1.4;line-height:140%}p{margin:0 0 15px 0;Margin:0 0 15px 0;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}p.large,p.text-large{font-size:16px}p.bold,p.text-bold{font-weight:700}p a{Margin:inherit;margin:inherit}small{font-size:80%}center{width:100%}a{color:#1c75a6}a:visited{color:#1c75a6}a:hover,a:active{color:#0d374f}h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited,h4 a,h4 a:visited,h5 a,h5 a:visited,h6 a,h6 a:visited{color:#1c75a6}table.text-center,th.text-center,td.text-center,h1.text-center,h2.text-center,h3.text-center,h4.text-center,h5.text-center,h6.text-center,p.text-center,span.text-center{text-align:center}table.text-left,th.text-left,td.text-left,h1.text-left,h2.text-left,h3.text-left,h4.text-left,h5.text-left,h6.text-left,p.text-left,span.text-left{text-align:left}table.text-right,th.text-right,td.text-right,h1.text-right,h2.text-right,h3.text-right,h4.text-right,h5.text-right,h6.text-right,p.text-right,span.text-right{text-align:right}table.primary,th.primary,td.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary,p.primary,span.primary{color:#e27730}table.orange,th.orange,td.orange,h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,p.orange,span.orange{color:#e27730}table.blue,th.blue,td.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,p.blue,span.blue{color:#509fe2}span.text-center{display:block;width:100%;text-align:center}ol,ul{margin:0 0 15px 20px;Margin:0 0 15px 20px;padding:0}ol li,ul li{list-style-type:decimal;padding-top:5px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0 !important}.break-all{word-break:break-all !important}.break-all>a{word-break:break-all !important}table.button{width:auto}table.button td{mso-line-height-rule:exactly;line-height:1;line-height:100%}table.button td.button-inner{padding:20px 0 20px 0}table.button table td{text-align:center;color:#ffffff;background:#e27730;border:1px solid #c45e1b;border-bottom:3px solid #c45e1b;mso-line-height-rule:exactly;line-height:1;line-height:100%}table.button table td a{font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#ffffff;text-decoration:none;text-align:center;display:inline-block;padding:10px 16px 8px 16px;border:0 solid #c45e1b;mso-line-height-rule:exactly;line-height:1;line-height:100%}table.button:hover table tr td a,table.button:active table tr td a,table.button table tr td a:visited,table.button.tiny:hover table tr td a,table.button.tiny:active table tr td a,table.button.tiny table tr td a:visited,table.button.small:hover table tr td a,table.button.small:active table tr td a,table.button.small table tr td a:visited,table.button.large:hover table tr td a,table.button.large:active table tr td a,table.button.large table tr td a:visited{color:#ffffff;text-decoration:none !important}table.button.small table td,table.button.small table a{padding:5px 10px 5px 10px;font-size:12px}table.button.large table a{padding:14px 20px 12px 20px;font-size:20px}table.button.expand,table.button.full,table.button.expanded{width:100% !important}table.button.expand table,table.button.full table,table.button.expanded table{width:100% !important}table.button.expand table a,table.button.full table a,table.button.expanded table a{text-align:center;width:100%;padding-left:0;padding-right:0}table.button:hover table td,table.button:active table td{background:#c45e1b;color:#fefefe}table.button:hover table a,table.button:active table a{border:0 solid #c45e1b}table.button.blue table td{color:#ffffff;background:#509fe2;border:1px solid #2487db;border-bottom:3px solid #2487db}table.button.blue table a{color:#ffffff;border:0 solid #2487db}table.button.blue:hover table td,table.button.blue:active table td{color:#ffffff;background-color:#2487db}table.button.green table td{color:#ffffff;background:#74ae5e;border:1px solid #5c9049;border-bottom:3px solid #5c9049}table.button.green table a{color:#ffffff;border:0 solid #5c9049}table.button.green:hover table td,table.button.green:active table td{color:#ffffff;background-color:#5c9049}body,.body{background-color:#f1f1f1;text-align:center}.body-inner{text-align:center}.container{width:600px;margin:0 auto 0 auto;Margin:0 auto 0 auto;text-align:inherit}.header{text-align:center;padding:30px 30px 22px 30px}.header img{display:inline-block !important}.content{background-color:#ffffff;padding:60px 75px 45px 75px;border-top:3px solid #e27730;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd}.aside{background-color:#f8f8f8;padding:50px 75px 35px 75px;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd}.footer{padding:30px;color:#72777c;font-size:12px;text-align:center}.footer a{color:#72777c;text-decoration:underline}.footer a:hover{color:#444444}@media only screen and (max-width: 599px){.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name{display:block !important}.wpforms-layout-table .wpforms-layout-table-row{display:block;width:100%}.wpforms-layout-table .wpforms-layout-table-row table,.wpforms-layout-table .wpforms-layout-table-row thead,.wpforms-layout-table .wpforms-layout-table-row tbody,.wpforms-layout-table .wpforms-layout-table-row tr,.wpforms-layout-table .wpforms-layout-table-row td,.wpforms-layout-table .wpforms-layout-table-row th{display:block;width:100% !important;padding-bottom:0 !important}.wpforms-layout-table .wpforms-layout-table-row tr{padding-top:0 !important}.wpforms-layout-table .wpforms-layout-table-row td.field-value{padding-bottom:25px !important}.wpforms-layout-table .wpforms-layout-table-row td.field-name{padding-bottom:10px !important}.wpforms-layout-table>td{padding-bottom:0 !important}}a{text-decoration:none}@media only screen and (max-width: 599px){table.body .container{width:95% !important}.header{padding:15px 15px 12px 15px !important}.header img{width:200px !important;height:auto !important}.content,.aside{padding:30px 40px 20px 40px !important}.upsell-pro table.features td{width:100% !important;display:block !important}table.receipt-details td.receipt-details-inner{padding:30px 0px 20px 0px !important}}.wpforms-layout-table>td{padding-bottom:25px}.wpforms-layout-table .wpforms-layout-table-row{width:100%;margin-left:-10px;margin-right:-10px}.wpforms-layout-table .wpforms-layout-table-row .field-value{padding-bottom:25px}.wpforms-layout-table .wpforms-layout-table-row>tr>td{padding-left:10px;padding-right:10px}.wpforms-layout-table-display-rows .wpforms-layout-table-row:not(.wpforms-first-row) td.field-name{display:none}.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-value{padding-bottom:15px}.wpforms-layout-table-display-rows .wpforms-layout-table-row:last-child .field-value{padding-bottom:0}.wpforms-layout-table-display-blocks .wpforms-layout-table-row:last-child .field-value,.wpforms-layout-table-display-columns .wpforms-layout-table-row:last-child .field-value{padding-bottom:0}.wpforms-layout-table .wpforms-layout-table-cell td{border:0 !important}.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-payment-total,.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-payment-total{display:block !important}.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-order-summary-preview,.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-order-summary-preview{display:none !important}.field-payment-total .wpforms-payment-total{display:none !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; +} diff --git a/assets/css/gf-styler.css b/assets/css/gf-styler.css new file mode 100644 index 00000000..c5ffdd44 --- /dev/null +++ b/assets/css/gf-styler.css @@ -0,0 +1,86 @@ +.uagb-gf-styler__check-style-enabled .gform_wrapper .chosen-container-multi .chosen-choices,.uagb-gf-styler__check-style-enabled .gform_wrapper .chosen-container-single .chosen-single{position:relative;display:block;height:auto;padding:0;box-shadow:none;background:#fff;border:1px solid #aaa;border-radius:0;color:#444;text-decoration:none;white-space:nowrap;overflow:hidden;-webkit-border-radius:0;-webkit-box-shadow:none}.uagb-gf-styler__gform-heading-none .gform_wrapper .gform_heading,.uagb-gf-styler__gform-heading-no .gform_wrapper .gform_heading,.uagb-gf-styler__gform-heading-yes .gform_wrapper .gform_heading.custom_gform_heading{display:none}.uagb-gf-styler__gform-heading-no .gform_wrapper .gform_heading.custom_gform_heading,.uagb-gf-styler__gform-heading-yes .gform_wrapper .gform_heading{display:block}.uagb-gf-styler__check-style-enabled .gform_wrapper .chosen-container-single .chosen-single span{line-height:1}.uagb-gf-styler__check-style-enabled .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single{background:#fff}.uagb-gf-styler__check-style-enabled .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__check-style-enabled .gform_page .gform_page_footer input[type="submit"]{display:inline-block}.uagb-gf-styler__check-style-enabled .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title,.uagb-gf-styler__check-style-enabled .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title{opacity:1}.uagb-gf-styler__check-style-enabled .uag-gf-select-custom{position:relative}.uagb-gf-styler__check-style-enabled .uag-gf-select-custom::after{position:absolute;top:45%;right:0.5em;z-index:5;font-family:FontAwesome, serif !important;font-size:0.7em;line-height:1;transform:translateY(-45%);content:"\f078";pointer-events:none;-webkit-transform:translateY(-45%);-ms-transform:translateY(-45%)}.uagb-gf-styler__check-style-enabled span.name_prefix_select .uag-gf-select-custom{display:inline;vertical-align:middle}.uagb-gf-styler__check-style-enabled .gfield_radio input[type="radio"]:checked+label::before{box-shadow:inset 0 0 0 4px #fafafa}.uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]+label::before,.uagb-gf-styler__check-style-enabled .gfield_radio input[type="radio"]+label::before,.uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]:checked+label::before{font-weight:700}.uagb-gf-styler__check-style-enabled select,.uagb-gf-styler__check-style-enabled .chosen-single{-webkit-appearance:none;-moz-appearance:none;appearance:none}.uagb-gf-styler__check-style-enabled .gform_wrapper div.validation_error{border-top:none;border-bottom:none}.uagb-gf-styler__check-style-enabled .gform_wrapper .gfield_radio li label{margin:0 0 0 0}.uagb-gf-styler__check-style-enabled .gform_wrapper .gform_body{width:100% !important}.wp-block-uagb-gf-styler .gform_wrapper .gform_fields,.wp-block-uagb-gf-styler .gform_wrapper .gform_footer{pointer-events:auto}.uagb-gf-styler__check-style-enabled .gform_wrapper input[type="checkbox"]:checked+label::before,.uagb-gf-styler__check-style-enabled .gform_wrapper input[type="radio"]:checked+label::before,.uagb-gf-styler__check-style-enabled .gform_wrapper input[type="checkbox"]+label::before,.uagb-gf-styler__check-style-enabled .gform_wrapper input[type="radio"]+label::before{-webkit-box-sizing:content-box !important;-moz-box-sizing:content-box !important;box-sizing:content-box !important}.uagb-gf-styler__check-style-enabled .gform_wrapper .gsection{margin-right:0}.uag-gf-btn-size-xs .uagb-gf-styler__check-style-enabled input[type="submit"],.uag-gf-btn-size-xs .uagb-gf-styler__check-style-enabled input[type="button"]{padding:10px 20px;border-radius:2px;font-size:13px;-webkit-border-radius:2px}.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .gform_body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .ginput_container textarea,.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .ginput_container .chosen-single,.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .ginput_container .chosen-choices{padding:8px 10px;font-size:13px}.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .ginput_container select{padding:6px 10px;font-size:13px}.ginput_container select{height:100%;line-height:inherit}.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .uag-gf-select-custom{font-size:13px}.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]+label::before,.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .gfield_radio input[type="radio"]+label::before,.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{width:10px;height:10px}.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]:checked+label::before,.uag-gf-input-size-xs .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{font-size:-webkit-calc(10px / 1.2);font-size:calc(10px / 1.2)}.uag-gf-btn-size-sm .uagb-gf-styler__check-style-enabled input[type="submit"],.uag-gf-btn-size-sm .uagb-gf-styler__check-style-enabled input[type="button"]{padding:12px 24px;border-radius:3px;font-size:15px;-webkit-border-radius:3px}.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .gform_body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .ginput_container textarea,.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .ginput_container .chosen-single,.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .ginput_container .chosen-choices{padding:12px 10px;font-size:15px}.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .ginput_container select{padding:10px 10px;font-size:15px}.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .uag-gf-select-custom{font-size:15px}.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]+label::before,.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .gfield_radio input[type="radio"]+label::before,.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{width:12px;height:12px}.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]:checked+label::before,.uag-gf-input-size-sm .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{font-size:-webkit-calc(12px / 1.2);font-size:calc(12px / 1.2)}.uag-gf-btn-size-md .uagb-gf-styler__check-style-enabled input[type="submit"],.uag-gf-btn-size-md .uagb-gf-styler__check-style-enabled input[type="button"]{padding:15px 30px;border-radius:4px;font-size:16px;-webkit-border-radius:4px}.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .gform_body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .ginput_container textarea,.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .ginput_container .chosen-single,.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .ginput_container .chosen-choices{padding:15px 10px;font-size:16px}.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .ginput_container select{padding:13px 10px;font-size:16px}.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .uag-gf-select-custom{font-size:16px}.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]+label::before,.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .gfield_radio input[type="radio"]+label::before,.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{width:15px;height:15px}.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]:checked+label::before,.uag-gf-input-size-md .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{font-size:-webkit-calc(15px / 1.2);font-size:calc(15px / 1.2)}.uag-gf-btn-size-lg .uagb-gf-styler__check-style-enabled input[type="submit"],.uag-gf-btn-size-lg .uagb-gf-styler__check-style-enabled input[type="button"]{padding:20px 40px;border-radius:5px;font-size:18px;-webkit-border-radius:5px}.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .gform_body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .ginput_container textarea,.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .ginput_container .chosen-single,.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .ginput_container .chosen-choices{padding:20px 10px;font-size:18px}.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .ginput_container select{padding:18px 10px;font-size:18px}.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .uag-gf-select-custom{font-size:18px}.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]+label::before,.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .gfield_radio input[type="radio"]+label::before,.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{width:20px;height:20px}.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]:checked+label::before,.uag-gf-input-size-lg .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{font-size:-webkit-calc(20px / 1.2);font-size:calc(20px / 1.2)}.uag-gf-btn-size-xl .uagb-gf-styler__check-style-enabled input[type="submit"],.uag-gf-btn-size-xl .uagb-gf-styler__check-style-enabled input[type="button"]{padding:25px 50px;border-radius:6px;font-size:20px;-webkit-border-radius:6px}.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .gform_body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .ginput_container textarea,.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .ginput_container .chosen-single,.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .ginput_container .chosen-choices{padding:25px 10px;font-size:20px}.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .ginput_container select{padding:23px 10px;font-size:20px}.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .uag-gf-select-custom{font-size:20px}.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]+label::before,.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .gfield_radio input[type="radio"]+label::before,.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]+label::before{width:25px;height:25px}.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .gfield_checkbox input[type="checkbox"]:checked+label::before,.uag-gf-input-size-xl .uagb-gf-styler__check-style-enabled .ginput_container_consent input[type="checkbox"]:checked+label::before{font-size:-webkit-calc(25px / 1.2);font-size:calc(25px / 1.2)}.uagb-gf-styler__btn-align-right .gform_next_button,.uagb-gf-styler__btn-align-right .gform_previous_button{margin-right:5px !important}.uagb-gf-styler__check-style-enabled .gform_wrapper .gform_footer:not(.top_label){width:100%;padding:0 0 0 0;margin-right:0;margin-left:0}.uagb-gf-styler__check-style-enabled .gform_wrapper .gform_page_footer.left_label,.uagb-gf-styler__check-style-enabled .gform_wrapper .gform_page_footer.right_label{padding:0 0 0 0}.uagb-gf-styler__check-style-enabled .gfield_radio input[type="radio"]+label::before{-webkit-border-radius:100%;border-radius:100%}.uagb-gf-styler__check-style-enabled .gform_wrapper .top_label .gfield_error{width:100% !important}.uagb-gf-styler__check-style-enabled .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width:100% !important}.uagb-gf-styler__btn-align-center .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-center .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-center .gform_page .gform_page_footer input[type="submit"],.uagb-gf-styler__btn-align-left .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-left .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-left .gform_page .gform_page_footer input[type="submit"],.uagb-gf-styler__btn-align-right .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-right .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-right .gform_page .gform_page_footer input[type="submit"],.uagb-gf-styler__btn-align-justify .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-justify .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-justify .gform_page .gform_page_footer input[type="submit"]{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;width:auto;-js-display:flex}.uagb-gf-styler__btn-align-center .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-center .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-center .gform_page .gform_page_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-center .gform_wrapper .gform_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-center .gform_page .gform_page_footer input[type="button"],html[dir="rtl"] .uagb-gf-styler__btn-align-center .gform_page .gform_page_footer input[type="submit"]{margin-right:auto;margin-left:auto}.uagb-gf-styler__btn-align-center .gform_page .gform_page_footer{text-align:center}.uagb-gf-styler__btn-align-right .gform_page .gform_page_footer{text-align:right}.uagb-gf-styler__btn-align-left .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-left .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-left .gform_page .gform_page_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-right .gform_wrapper .gform_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-right .gform_page .gform_page_footer input[type="button"],html[dir="rtl"] .uagb-gf-styler__btn-align-right .gform_page .gform_page_footer input[type="submit"]{margin-right:auto;margin-left:0}.uagb-gf-styler__btn-align-right .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-right .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-right .gform_page .gform_page_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-left .gform_wrapper .gform_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-left .gform_page .gform_page_footer input[type="button"],html[dir="rtl"] .uagb-gf-styler__btn-align-left .gform_page .gform_page_footer input[type="submit"]{margin-right:0;margin-left:auto}.uagb-gf-styler__check-style-enabled .gform_body .ginput_container_checkbox .gfield_checkbox input[type="checkbox"],.uagb-gf-styler__check-style-enabled .gform_body .ginput_container_radio .gfield_radio input[type="radio"],.uagb-gf-styler__check-style-enabled .gform_body .ginput_container_consent input[type="checkbox"]{display:none}.uagb-gf-styler__check-style-enabled .gform_body .ginput_container_checkbox .gfield_checkbox input[type="checkbox"]+label::before,.uagb-gf-styler__check-style-enabled .gform_body .ginput_container_radio .gfield_radio input[type="radio"]+label::before,.uagb-gf-styler__check-style-enabled .gform_body .ginput_container_consent input[type="checkbox"]+label::before{display:inline-block;vertical-align:middle;margin-right:10px;text-align:center;content:""}.uagb-gf-styler__check-style-enabled .gform_body .ginput_container_checkbox .gfield_checkbox input[type="checkbox"]:checked+label::before,.uagb-gf-styler__check-style-enabled .gform_body .ginput_container_consent input[type="checkbox"]:checked+label::before{line-height:1.2;content:"\2714"}.uagb-gf-styler__check-style-enabled .gform_wrapper ul.gform_fields li.gfield:not(.gf_left_half):not(.gf_left_third):not(.gf_middle_third){padding-right:0}.uagb-gf-styler__btn-align-width-full_width .gform_footer input[type="submit"]{display:block;width:100%;text-align:center}.uagb-gf-styler__check-style-enabled .gform_body ul{margin-left:0;list-style:none}.uagb-gf-styler__check-style-enabled .gform_wrapper .gfield .ginput_container select,.uagb-gf-styler__check-style-enabled .gform_wrapper .gfield .ginput_container .chosen-single,.uagb-gf-styler__check-style-enabled .gform_wrapper .gfield .ginput_container .chosen-choices,.uagb-gf-styler__check-style-enabled .gform_wrapper .chosen-choices li.search-field input[type="text"],.uagb-gf-styler__check-style-enabled .gform_wrapper .chosen-choices li.search-field input.default{height:auto}.elementor-widget-uag-gf-styler .uagb-gf-styler__check-style-enabled .gform_wrapper .chosen-choices li.search-field input[type="text"]{padding:0 0 0 0}.uagb-gf-styler__check-style-enabled .gform_page .gform_page_footer input[type="button"]{margin-bottom:20px}.uagb-gf-styler__check-style-enabled .gform_wrapper .chosen-container-single .chosen-single div{display:none}.uagb-gf-styler__hide-label .gform_wrapper .gform_fields .gfield_label,.uagb-gf-styler__hide-label .gform_wrapper .gform_fields .gfield_required{display:none}.wp-block-uagb-gf-styler .gform_wrapper .chosen-container-single .chosen-single span{width:100%;margin-bottom:0}.wp-block-uagb-gf-styler .gform_wrapper .chosen-container-single .chosen-single{border:none}.wp-block-uagb-gf-styler .gform_wrapper .chosen-container-single.chosen-container-active .chosen-single{border:none}.wp-block-uagb-gf-styler .gform_wrapper .ginput_container_checkbox .gfield_checkbox .gchoice,.wp-block-uagb-gf-styler .gform_wrapper .ginput_container_radio .gfield_radio .gchoice{margin-bottom:5px;line-height:0}.wp-block-uagb-gf-styler .gform_wrapper .ginput_container_select select{background:#fafafa url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;background-size:16px 16px;cursor:pointer;vertical-align:middle}@media only screen and (max-width: 976px){.uagb-gf-styler__btn-align-center .gform_page .gform_page_footer{text-align:center}.uagb-gf-styler__btn-align-right .gform_page .gform_page_footer{text-align:right}.uag-tablet-gf-button-center .gform_wrapper .gform_footer input[type="submit"],.uag-tablet-gf-button-center .gform_page .gform_page_footer input[type="button"],.uag-tablet-gf-button-center .gform_page .gform_page_footer input[type="submit"]{width:auto;margin-right:auto;margin-left:auto}.uag-tablet-gf-button-left .gform_wrapper .gform_footer input[type="submit"],.uag-tablet-gf-button-left .gform_page .gform_page_footer input[type="button"],.uag-tablet-gf-button-left .gform_page .gform_page_footer input[type="submit"]{width:auto;margin-right:auto;margin-left:0}.uag-tablet-gf-button-right .gform_wrapper .gform_footer input[type="submit"],.uag-tablet-gf-button-right .gform_page .gform_page_footer input[type="button"],.uag-tablet-gf-button-right .gform_page .gform_page_footer input[type="submit"]{width:auto;margin-right:0;margin-left:auto}.uag-tablet-gf-button-justify .gform_wrapper .gform_footer input[type="submit"],.uag-tablet-gf-button-justify .gform_page .gform_page_footer input[type="button"],.uag-tablet-gf-button-justify .gform_page .gform_page_footer input[type="submit"]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100%}}@media only screen and (max-width: 767px){.uagb-gf-styler__btn-align-center .gform_page .gform_page_footer{text-align:center}.uagb-gf-styler__btn-align-right .gform_page .gform_page_footer{text-align:right}.uag-mobile-gf-button-center .gform_wrapper .gform_footer input[type="submit"],.uag-mobile-gf-button-center .gform_page .gform_page_footer input[type="button"],.uag-mobile-gf-button-center .gform_page .gform_page_footer input[type="submit"]{width:auto;margin-right:auto;margin-left:auto}.uag-mobile-gf-button-left .gform_wrapper .gform_footer input[type="submit"],.uag-mobile-gf-button-left .gform_page .gform_page_footer input[type="button"],.uag-mobile-gf-button-left .gform_page .gform_page_footer input[type="submit"]{width:auto;margin-right:auto;margin-left:0}.uag-mobile-gf-button-right .gform_wrapper .gform_footer input[type="submit"],.uag-mobile-gf-button-right .gform_page .gform_page_footer input[type="button"],.uag-mobile-gf-button-right .gform_page .gform_page_footer input[type="submit"]{width:auto;margin-right:0;margin-left:auto}.uag-mobile-gf-button-justify .gform_wrapper .gform_footer input[type="submit"],.uag-mobile-gf-button-justify .gform_page .gform_page_footer input[type="button"],.uag-mobile-gf-button-justify .gform_page .gform_page_footer input[type="submit"]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100%}}@media (min-width: 780px){.uagb-gf-styler__btn-align-justify .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-justify .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-justify .gform_page .gform_page_footer input[type="submit"]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100%}}@media (max-width: 780px){.uagb-gf-styler__btn-align-tablet-center .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-tablet-center .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-tablet-center .gform_page .gform_page_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-tablet-center .gform_wrapper .gform_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-tablet-center .gform_page .gform_page_footer input[type="button"],html[dir="rtl"] .uagb-gf-styler__btn-align-tablet-center .gform_page .gform_page_footer input[type="submit"]{margin-right:auto;margin-left:auto}.uagb-gf-styler__btn-align-tablet-center .gform_page .gform_page_footer{text-align:center}.uagb-gf-styler__btn-align-tablet-right .gform_page .gform_page_footer{text-align:right}.uagb-gf-styler__btn-align-tablet-left .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-tablet-left .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-tablet-left .gform_page .gform_page_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-tablet-right .gform_wrapper .gform_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-tablet-right .gform_page .gform_page_footer input[type="button"],html[dir="rtl"] .uagb-gf-styler__btn-align-tablet-right .gform_page .gform_page_footer input[type="submit"]{margin-right:auto;margin-left:0}.uagb-gf-styler__btn-align-tablet-right .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-tablet-right .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-tablet-right .gform_page .gform_page_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-tablet-left .gform_wrapper .gform_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-tablet-left .gform_page .gform_page_footer input[type="button"],html[dir="rtl"] .uagb-gf-styler__btn-align-tablet-left .gform_page .gform_page_footer input[type="submit"]{margin-right:0;margin-left:auto}}@media (min-width: 641px) and (max-width: 780px){.uagb-gf-styler__btn-align-tablet-justify .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-tablet-justify .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-tablet-justify .gform_page .gform_page_footer input[type="submit"]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100% !important}}@media (max-width: 641px){.uagb-gf-styler__btn-align-mobile-center .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-mobile-center .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-mobile-center .gform_page .gform_page_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-mobile-center .gform_wrapper .gform_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-mobile-center .gform_page .gform_page_footer input[type="button"],html[dir="rtl"] .uagb-gf-styler__btn-align-mobile-center .gform_page .gform_page_footer input[type="submit"]{margin-right:auto;margin-left:auto}.uagb-gf-styler__btn-align-mobile-center .gform_page .gform_page_footer{text-align:center}.uagb-gf-styler__btn-align-mobile-right .gform_page .gform_page_footer{text-align:right}.uagb-gf-styler__btn-align-mobile-left .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-mobile-left .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-mobile-left .gform_page .gform_page_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-mobile-right .gform_wrapper .gform_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-mobile-right .gform_page .gform_page_footer input[type="button"],html[dir="rtl"] .uagb-gf-styler__btn-align-mobile-right .gform_page .gform_page_footer input[type="submit"]{margin-right:auto;margin-left:0}.uagb-gf-styler__btn-align-mobile-right .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-mobile-right .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-mobile-right .gform_page .gform_page_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-mobile-left .gform_wrapper .gform_footer input[type="submit"],html[dir="rtl"] .uagb-gf-styler__btn-align-mobile-left .gform_page .gform_page_footer input[type="button"],html[dir="rtl"] .uagb-gf-styler__btn-align-mobile-left .gform_page .gform_page_footer input[type="submit"]{margin-right:0;margin-left:auto}.uagb-gf-styler__btn-align-mobile-justify .gform_wrapper .gform_footer input[type="submit"],.uagb-gf-styler__btn-align-mobile-justify .gform_page .gform_page_footer input[type="button"],.uagb-gf-styler__btn-align-mobile-justify .gform_page .gform_page_footer input[type="submit"]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100% !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; +} diff --git a/assets/css/google-map.css b/assets/css/google-map.css new file mode 100644 index 00000000..fff70553 --- /dev/null +++ b/assets/css/google-map.css @@ -0,0 +1,86 @@ +.uagb-google-map__wrap{display:flex}.uagb-google-map__wrap .uagb-google-map__iframe{width:100%;box-shadow:none;border:none;padding:0;margin: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; +} diff --git a/assets/css/gravity-forms.min-rtl.css b/assets/css/gravity-forms.min-rtl.css new file mode 100644 index 00000000..5bc5c717 --- /dev/null +++ b/assets/css/gravity-forms.min-rtl.css @@ -0,0 +1,85 @@ +.gform_wrapper form{position:relative}.gform_wrapper .ui-datepicker-header select{padding:inherit}.gform_wrapper .gform_body .gfield_checkbox li>label{margin-top:4px}.gform_wrapper input:not([type=submit]):focus,.gform_wrapper select:focus,.gform_wrapper textarea:focus{background:#fff;border-color:var(--ast-border-color);outline:0;box-shadow:none}.ui-datepicker-header select{padding:0}@media (max-width:768px){.gform_wrapper.gf_browser_chrome form>.gform_body{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; +} diff --git a/assets/css/gravity-forms.min.css b/assets/css/gravity-forms.min.css new file mode 100644 index 00000000..5bc5c717 --- /dev/null +++ b/assets/css/gravity-forms.min.css @@ -0,0 +1,85 @@ +.gform_wrapper form{position:relative}.gform_wrapper .ui-datepicker-header select{padding:inherit}.gform_wrapper .gform_body .gfield_checkbox li>label{margin-top:4px}.gform_wrapper input:not([type=submit]):focus,.gform_wrapper select:focus,.gform_wrapper textarea:focus{background:#fff;border-color:var(--ast-border-color);outline:0;box-shadow:none}.ui-datepicker-header select{padding:0}@media (max-width:768px){.gform_wrapper.gf_browser_chrome form>.gform_body{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; +} diff --git a/assets/css/group-title-rtl.css b/assets/css/group-title-rtl.css new file mode 100644 index 00000000..2fcc2fa5 --- /dev/null +++ b/assets/css/group-title-rtl.css @@ -0,0 +1,97 @@ +span.customize-control-title.ast-group-section-title { + margin-bottom: 4px; + font-weight: 600; +} +.ast-top-divider.customize-control-ast-group-title .ast-reset-btn-preset-wrap { + top: 24px; +} +.customize-control-ast-group-title .ast-responsive-btns { + margin-right: 5px; + position: relative; + top: 3px; +} + + +/* 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; +} diff --git a/assets/css/group-title.css b/assets/css/group-title.css new file mode 100644 index 00000000..1d693ed2 --- /dev/null +++ b/assets/css/group-title.css @@ -0,0 +1,97 @@ +span.customize-control-title.ast-group-section-title { + margin-bottom: 4px; + font-weight: 600; +} +.ast-top-divider.customize-control-ast-group-title .ast-reset-btn-preset-wrap { + top: 24px; +} +.customize-control-ast-group-title .ast-responsive-btns { + margin-left: 5px; + position: relative; + top: 3px; +} + + +/* 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; +} diff --git a/assets/css/header-presets-rtl.css b/assets/css/header-presets-rtl.css new file mode 100644 index 00000000..119c936e --- /dev/null +++ b/assets/css/header-presets-rtl.css @@ -0,0 +1,120 @@ +.ast-header-preset-container { + max-width: 100%; + overflow: hidden; + display: flex; + flex-direction: column; + padding: 16px; + gap: 16px; +} +.ast-header-preset-item svg { + display: block; + width: 100%; +} +.ast-header-preset-item { + cursor: pointer; +} +#customize-control-astra-settings-header-preset-style .ast-field-settings-modal { + display: none; + padding: 0; +} +#customize-control-astra-settings-header-preset-style .ast-adv-toggle-icon { + top: -5px; +} +li#customize-control-astra-settings-header-preset-style .customizer-text { + padding-right: 6px; +} +.ast-header-preset-item svg { + outline: 1.5px solid var(--ast-customizer-color-6); + border-radius: 2px; +} +.ast-header-preset-item:hover svg { + outline-color: var(--ast-customizer-color-1); +} +.ast-header-preset-item:hover svg > * { + fill: var(--ast-customizer-color-1); +} + + +/* 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; +} diff --git a/assets/css/header-presets.css b/assets/css/header-presets.css new file mode 100644 index 00000000..041434ad --- /dev/null +++ b/assets/css/header-presets.css @@ -0,0 +1,120 @@ +.ast-header-preset-container { + max-width: 100%; + overflow: hidden; + display: flex; + flex-direction: column; + padding: 16px; + gap: 16px; +} +.ast-header-preset-item svg { + display: block; + width: 100%; +} +.ast-header-preset-item { + cursor: pointer; +} +#customize-control-astra-settings-header-preset-style .ast-field-settings-modal { + display: none; + padding: 0; +} +#customize-control-astra-settings-header-preset-style .ast-adv-toggle-icon { + top: -5px; +} +li#customize-control-astra-settings-header-preset-style .customizer-text { + padding-left: 6px; +} +.ast-header-preset-item svg { + outline: 1.5px solid var(--ast-customizer-color-6); + border-radius: 2px; +} +.ast-header-preset-item:hover svg { + outline-color: var(--ast-customizer-color-1); +} +.ast-header-preset-item:hover svg > * { + fill: var(--ast-customizer-color-1); +} + + +/* 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; +} diff --git a/assets/css/heading-rtl.css b/assets/css/heading-rtl.css new file mode 100644 index 00000000..ac971bd4 --- /dev/null +++ b/assets/css/heading-rtl.css @@ -0,0 +1,151 @@ +.ast-field-settings-wrap .customize-control-ast-heading { + margin: 0px 0 15px 0; +} + +.customize-control-ast-heading { + margin-top: 25px; + margin-bottom: 0; +} + +.customize-control-ast-heading .ast-heading-wrapper { + margin: 0 -24px; +} + +.customize-control-ast-heading .customize-control-title { + display: block; + padding: 15px 24px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: var(--ast-customizer-color-7); + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-4); + font-size: 12px; + font-weight: 600; + letter-spacing: 2px; + line-height: 1; + text-transform: uppercase !important; +} + +.customize-control-ast-heading .customize-control-caption { + top: 50%; + transform: translateY(-50%); + position: absolute; + left: 0; + font-size: 11px; + font-weight: 500; + letter-spacing: 1px; +} + +.customize-control-ast-heading .customize-control-description { + margin-top: 10px; +} + +.ast-heading-wrapper label { + cursor: default; +} + +.customize-control > label { + cursor: default; +} + +.customize-control .ast-spacing-input-item-link, .customize-control .ast-border-input-item-link { + cursor: pointer; +} + +.customize-control.customize-control-ast-slider label { + cursor: pointer; +} + +.customize-control.customize-control-ast-slider label .wrapper input[type=range] { + cursor: pointer; +} + +.customize-control .ast-control-reduce-top-space { + 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; +} diff --git a/assets/css/heading.css b/assets/css/heading.css new file mode 100644 index 00000000..10baa0c4 --- /dev/null +++ b/assets/css/heading.css @@ -0,0 +1,151 @@ +.ast-field-settings-wrap .customize-control-ast-heading { + margin: 0px 0 15px 0; +} + +.customize-control-ast-heading { + margin-top: 25px; + margin-bottom: 0; +} + +.customize-control-ast-heading .ast-heading-wrapper { + margin: 0 -24px; +} + +.customize-control-ast-heading .customize-control-title { + display: block; + padding: 15px 24px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: var(--ast-customizer-color-7); + background-color: var(--ast-customizer-color-9); + color: var(--ast-customizer-color-4); + font-size: 12px; + font-weight: 600; + letter-spacing: 2px; + line-height: 1; + text-transform: uppercase !important; +} + +.customize-control-ast-heading .customize-control-caption { + top: 50%; + transform: translateY(-50%); + position: absolute; + right: 0; + font-size: 11px; + font-weight: 500; + letter-spacing: 1px; +} + +.customize-control-ast-heading .customize-control-description { + margin-top: 10px; +} + +.ast-heading-wrapper label { + cursor: default; +} + +.customize-control > label { + cursor: default; +} + +.customize-control .ast-spacing-input-item-link, .customize-control .ast-border-input-item-link { + cursor: pointer; +} + +.customize-control.customize-control-ast-slider label { + cursor: pointer; +} + +.customize-control.customize-control-ast-slider label .wrapper input[type=range] { + cursor: pointer; +} + +.customize-control .ast-control-reduce-top-space { + 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; +} diff --git a/assets/css/hover-effects.css b/assets/css/hover-effects.css new file mode 100644 index 00000000..a7248dad --- /dev/null +++ b/assets/css/hover-effects.css @@ -0,0 +1,2341 @@ +.hover-effect figure img { + display: block; + max-width: 100%; + min-height: 100%; + position: relative; +} +.hover-effect figure figcaption { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + color: #fff; + font-size: 1.25em; + padding: 2em; + text-transform: uppercase; + /* Anchor will cover the whole item by default */ + /* For some effects it will show as a button */ +} +.hover-effect figure figcaption::before, +.hover-effect figure figcaption::after { + pointer-events: none; +} +.hover-effect figure figcaption, +.hover-effect figure figcaption > a { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +.hover-effect figure figcaption > a { + font-size: 0; + opacity: 0; + text-indent: 200%; + white-space: nowrap; + z-index: 1000; +} +.hover-effect figure h2 { + font-weight: 300; + word-spacing: 0.25em; +} +.hover-effect figure h2 span { + font-weight: 800; +} +.hover-effect figure h2, +.hover-effect figure p { + margin: 0; +} +.hover-effect figure p { + font-size: 68.5%; + letter-spacing: 1px; +} + +.hover-effect figure.effect-apollo { + background: #528cb3; +} +.hover-effect figure.effect-apollo img { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale3d(1.05, 1.05, 1); + -ms-transform: scale3d(1.05, 1.05, 1); + -o-transform: scale3d(1.05, 1.05, 1); + transform: scale3d(1.05, 1.05, 1); + opacity: 0.95; +} +.hover-effect figure.effect-apollo figcaption::before { + -webkit-transition: -webkit-transform 0.6s; + -moz-transition: -moz-transform 0.6s; + -o-transition: -o-transform 0.6s; + transition: transform 0.6s; + -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, -110%, 0); + -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, -110%, 0); + -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, -110%, 0); + -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, -110%, 0); + transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, -110%, 0); + background: rgba(82, 140, 179, 0.5); + content: ""; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +.hover-effect figure.effect-apollo p { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; + border-right: 4px solid #fff; + bottom: 0; + margin: 3em; + max-width: 150px; + opacity: 0; + padding: 0 1em; + position: absolute; + right: 0; + text-align: right; +} +.hover-effect figure.effect-apollo h2 { + text-align: left; +} +.hover-effect figure.effect-apollo:hover img { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 0.6; +} +.hover-effect figure.effect-apollo:hover figcaption::before { + -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, 110%, 0); + -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, 110%, 0); + -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, 110%, 0); + -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, 110%, 0); + transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) + translate3d(0, 110%, 0); +} +.hover-effect figure.effect-apollo:hover p { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; + opacity: 1; +} + +.hover-effect figure.effect-bubba { + background: #528cb3; +} +.hover-effect figure.effect-bubba img { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; + opacity: 0.7; +} +.hover-effect figure.effect-bubba figcaption::before, +.hover-effect figure.effect-bubba figcaption::after { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + bottom: 30px; + content: ""; + left: 30px; + opacity: 0; + position: absolute; + right: 30px; + top: 30px; +} +.hover-effect figure.effect-bubba figcaption::before { + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + -o-transform: scale(0, 1); + transform: scale(0, 1); + border-bottom: 1px solid #fff; + border-top: 1px solid #fff; +} +.hover-effect figure.effect-bubba figcaption::after { + -webkit-transform: scale(1, 0); + -ms-transform: scale(1, 0); + -o-transform: scale(1, 0); + transform: scale(1, 0); + border-left: 1px solid #fff; + border-right: 1px solid #fff; +} +.hover-effect figure.effect-bubba h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + /* padding-top: 30%; */ +} +.hover-effect figure.effect-bubba p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + opacity: 0; + padding: 20px 2.5em; +} +.hover-effect figure.effect-bubba:hover img { + opacity: 0.4; +} +.hover-effect figure.effect-bubba:hover figcaption::before, +.hover-effect figure.effect-bubba:hover figcaption::after { + -webkit-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.hover-effect figure.effect-bubba:hover h2, +.hover-effect figure.effect-bubba:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-chico img { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale(1.12); + -ms-transform: scale(1.12); + -o-transform: scale(1.12); + transform: scale(1.12); +} +.hover-effect figure.effect-chico figcaption { + padding: 3em; +} +.hover-effect figure.effect-chico figcaption::before { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); + border: 1px solid #fff; + bottom: 30px; + content: ""; + left: 30px; + position: absolute; + right: 30px; + top: 30px; +} +.hover-effect figure.effect-chico figcaption::before, +.hover-effect figure.effect-chico p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + opacity: 0; +} +.hover-effect figure.effect-chico h2 { + padding: 20% 0 20px; +} +.hover-effect figure.effect-chico p { + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -o-transform: scale(1.5); + transform: scale(1.5); + margin: 0 auto; + max-width: 200px; +} +.hover-effect figure.effect-chico:hover img { + -webkit-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + opacity: 0.5; +} +.hover-effect figure.effect-chico:hover figcaption::before, +.hover-effect figure.effect-chico:hover p { + -webkit-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + opacity: 1; +} + +.hover-effect figure.effect-dexter { + background: -webkit-linear-gradient(top, #111f28 0%, #528cb3 100%); + background: linear-gradient(to bottom, #111f28 0%, #528cb3 100%); +} +.hover-effect figure.effect-dexter img { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; +} +.hover-effect figure.effect-dexter figcaption { + padding: 3em; + text-align: left; +} +.hover-effect figure.effect-dexter figcaption::after { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + border: 7px solid #fff; + bottom: 30px; + content: ""; + height: -webkit-calc(50% - 30px); + height: calc(50% - 30px); + left: 30px; + position: absolute; + right: 30px; +} +.hover-effect figure.effect-dexter p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, -100px, 0); + transform: translate3d(0, -100px, 0); + bottom: 60px; + left: 60px; + opacity: 0; + position: absolute; + right: 60px; +} +.hover-effect figure.effect-dexter:hover img { + opacity: 0.4; +} +.hover-effect figure.effect-dexter:hover figcaption::after { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-dexter:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-duke { + background: -webkit-linear-gradient(-45deg, black 0%, #528cb3 100%); + background: linear-gradient(-45deg, black 0%, #528cb3 100%); +} +.hover-effect figure.effect-duke img, +.hover-effect figure.effect-duke p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; +} +.hover-effect figure.effect-duke h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: scale3d(0.8, 0.8, 1); + -ms-transform: scale3d(0.8, 0.8, 1); + -o-transform: scale3d(0.8, 0.8, 1); + transform: scale3d(0.8, 0.8, 1); + -webkit-transform-origin: 50% 100%; + -moz-transform-origin: 50% 100%; + -ms-transform-origin: 50% 100%; + transform-origin: 50% 100%; +} +.hover-effect figure.effect-duke p { + -webkit-transform: scale3d(0.8, 0.8, 1); + -ms-transform: scale3d(0.8, 0.8, 1); + -o-transform: scale3d(0.8, 0.8, 1); + transform: scale3d(0.8, 0.8, 1); + -webkit-transform-origin: 50% -100%; + -moz-transform-origin: 50% -100%; + -ms-transform-origin: 50% -100%; + transform-origin: 50% -100%; + border: 2px solid #fff; + bottom: 0; + font-size: 90%; + left: 0; + margin: 20px; + opacity: 0; + padding: 30px; + position: absolute; + text-transform: none; +} +.hover-effect figure.effect-duke:hover img { + -webkit-transform: scale3d(2, 2, 1); + -ms-transform: scale3d(2, 2, 1); + -o-transform: scale3d(2, 2, 1); + transform: scale3d(2, 2, 1); + opacity: 0.1; +} +.hover-effect figure.effect-duke:hover h2, +.hover-effect figure.effect-duke:hover p { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.hover-effect figure.effect-goliath { + background: #528cb3; +} +.hover-effect figure.effect-goliath img, +.hover-effect figure.effect-goliath h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; +} +.hover-effect figure.effect-goliath img { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} +.hover-effect figure.effect-goliath h2, +.hover-effect figure.effect-goliath p { + bottom: 0; + left: 0; + padding: 30px; + position: absolute; +} +.hover-effect figure.effect-goliath p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, 50px, 0); + transform: translate3d(0, 50px, 0); + font-size: 90%; + opacity: 0; + text-transform: none; +} +.hover-effect figure.effect-goliath:hover img { + -webkit-transform: translate3d(0, -80px, 0); + transform: translate3d(0, -80px, 0); +} +.hover-effect figure.effect-goliath:hover h2 { + -webkit-transform: translate3d(0, -100px, 0); + transform: translate3d(0, -100px, 0); +} +.hover-effect figure.effect-goliath:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-hera { + background: #528cb3; +} +.hover-effect figure.effect-hera h2 { + font-size: 158.75%; +} +.hover-effect figure.effect-hera h2, +.hover-effect figure.effect-hera p { + -webkit-transform-origin: 50%; + -moz-transform-origin: 50%; + -ms-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + left: 50%; + position: absolute; + top: 50%; +} +.hover-effect figure.effect-hera figcaption::before { + -moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(0, 0, 1); + -ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(0, 0, 1); + -o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(0, 0, 1); + -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(0, 0, 1); + transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(0, 0, 1); + -webkit-transform-origin: 50%; + -moz-transform-origin: 50%; + -ms-transform-origin: 50%; + transform-origin: 50%; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + border: 2px solid #fff; + content: ""; + height: 200px; + left: 50%; + opacity: 0; + position: absolute; + top: 50%; + width: 200px; +} +.hover-effect figure.effect-hera p { + font-size: 121%; + line-height: 2; + text-transform: none; + width: 100px; +} +.hover-effect figure.effect-hera p a { + color: #fff; + display: inline-block; + width: 30px; +} +.hover-effect figure.effect-hera p a:hover, +.hover-effect figure.effect-hera p a:focus { + opacity: 0.6; +} +.hover-effect figure.effect-hera p a i { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + display: inline-block; + opacity: 0; +} +.hover-effect figure.effect-hera p a:first-child i { + -webkit-transform: translate3d(-60px, -60px, 0); + transform: translate3d(-60px, -60px, 0); +} +.hover-effect figure.effect-hera p a:nth-child(2) i { + -webkit-transform: translate3d(60px, -60px, 0); + transform: translate3d(60px, -60px, 0); +} +.hover-effect figure.effect-hera p a:nth-child(3) i { + -webkit-transform: translate3d(-60px, 60px, 0); + transform: translate3d(-60px, 60px, 0); +} +.hover-effect figure.effect-hera p a:nth-child(4) i { + -webkit-transform: translate3d(60px, 60px, 0); + transform: translate3d(60px, 60px, 0); +} +.hover-effect figure.effect-hera:hover figcaption::before { + -moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(1, 1, 1); + -ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(1, 1, 1); + -o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(1, 1, 1); + -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(1, 1, 1); + transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) + scale3d(1, 1, 1); + opacity: 1; +} +.hover-effect figure.effect-hera:hover h2 { + -moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1); + -ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1); + -o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1); + -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1); + transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1); + opacity: 0; +} +.hover-effect figure.effect-hera:hover p a i { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-honey { + background: #528cb3; +} +.hover-effect figure.effect-honey img { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; + opacity: 0.9; +} +.hover-effect figure.effect-honey figcaption::before { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + background: #fff; + bottom: 0; + content: ""; + height: 10px; + left: 0; + position: absolute; + width: 100%; +} +.hover-effect figure.effect-honey h2 { + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + bottom: 0; + left: 0; + padding: 1em 1.5em; + position: absolute; + text-align: left; + width: 100%; +} +.hover-effect figure.effect-honey h2 i { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + font-style: normal; + opacity: 0; +} +.hover-effect figure.effect-honey figcaption::before, +.hover-effect figure.effect-honey h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; +} +.hover-effect figure.effect-honey:hover img { + opacity: 0.5; +} +.hover-effect figure.effect-honey:hover figcaption::before, +.hover-effect figure.effect-honey:hover h2, +.hover-effect figure.effect-honey:hover h2 i { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-jazz { + background: -webkit-linear-gradient(-45deg, #528cb3 0%, #487fa4 100%); + background: linear-gradient(-45deg, #528cb3 0%, #487fa4 100%); +} +.hover-effect figure.effect-jazz img { + opacity: 0.9; +} +.hover-effect figure.effect-jazz figcaption::after, +.hover-effect figure.effect-jazz img, +.hover-effect figure.effect-jazz p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; +} +.hover-effect figure.effect-jazz figcaption::after { + -moz-transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1); + -ms-transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1); + -o-transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1); + -webkit-transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1); + transform: rotate3d(0, 0, 1, 45deg) scale(1, 0, 1); + -webkit-transform-origin: 50% 50%; + -moz-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + border-bottom: 1px solid #fff; + border-top: 1px solid #fff; + content: ""; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + width: 100%; +} +.hover-effect figure.effect-jazz h2, +.hover-effect figure.effect-jazz p { + -webkit-transform: scale3d(0.8, 0.8, 1); + -ms-transform: scale3d(0.8, 0.8, 1); + -o-transform: scale3d(0.8, 0.8, 1); + transform: scale3d(0.8, 0.8, 1); + opacity: 1; +} +.hover-effect figure.effect-jazz h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + /* padding-top: 26%; */ +} +.hover-effect figure.effect-jazz p { + font-size: 0.85em; + opacity: 0; + padding: 0.5em 2em; + text-transform: none; +} +.hover-effect figure.effect-jazz:hover img { + -webkit-transform: scale3d(1.05, 1.05, 1); + -ms-transform: scale3d(1.05, 1.05, 1); + -o-transform: scale3d(1.05, 1.05, 1); + transform: scale3d(1.05, 1.05, 1); + opacity: 0.7; +} +.hover-effect figure.effect-jazz:hover figcaption::after { + -moz-transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1); + -ms-transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1); + -o-transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1); + -webkit-transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1); + transform: rotate3d(0, 0, 1, 45deg) scale(1, 1, 1); + opacity: 1; +} +.hover-effect figure.effect-jazz:hover h2, +.hover-effect figure.effect-jazz:hover p { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.hover-effect figure.effect-julia { + background: #528cb3; +} +.hover-effect figure.effect-julia img { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: opacity 1s, -webkit-transform 1s; + -moz-transition: opacity 1s, -moz-transform 1s; + -o-transition: opacity 1s, -o-transform 1s; + transition: opacity 1s, transform 1s; + height: 400px; + max-width: none; +} +.hover-effect figure.effect-julia figcaption { + text-align: left; +} +.hover-effect figure.effect-julia h2 { + padding: 0.5em 0; + position: relative; +} +.hover-effect figure.effect-julia p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(-360px, 0, 0); + transform: translate3d(-360px, 0, 0); + background: rgba(255, 255, 255, 0.9); + color: #2f3238; + display: inline-block; + font-size: 75%; + font-weight: 500; + margin: 0 0 0.25em; + padding: 0.4em 1em; + text-transform: none; +} +.hover-effect figure.effect-julia p:first-child { + -webkit-transition-delay: 0.15s; + transition-delay: 0.15s; +} +.hover-effect figure.effect-julia p:nth-of-type(2) { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} +.hover-effect figure.effect-julia p:nth-of-type(3) { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; +} +.hover-effect figure.effect-julia:hover img { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + -ms-transform: scale3d(1.1, 1.1, 1.1); + -o-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + opacity: 0.4; +} +.hover-effect figure.effect-julia:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} +.hover-effect figure.effect-julia:hover p:first-child { + -webkit-transition-delay: 0s; + transition-delay: 0s; +} +.hover-effect figure.effect-julia:hover p:nth-of-type(2) { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; +} +.hover-effect figure.effect-julia:hover p:nth-of-type(3) { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} + +.hover-effect figure.effect-kira { + background: #528cb3; + text-align: left; +} +.hover-effect figure.effect-kira img { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; +} +.hover-effect figure.effect-kira figcaption { + z-index: 1; +} +.hover-effect figure.effect-kira figcaption::before { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -moz-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1); + -ms-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1); + -o-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1); + -webkit-transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1); + transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1); + -webkit-transform-origin: 50% 0; + -moz-transform-origin: 50% 0; + -ms-transform-origin: 50% 0; + transform-origin: 50% 0; + background: #fff; + content: ""; + height: 3.5em; + left: 2em; + position: absolute; + right: 2em; + top: 0; + z-index: -1; +} +.hover-effect figure.effect-kira p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + font-size: 100%; + font-weight: 600; + line-height: 1.5; + opacity: 0; + padding: 2.25em 0.5em; +} +.hover-effect figure.effect-kira p a { + color: #101010; + margin: 0 0.5em; +} +.hover-effect figure.effect-kira p a:hover, +.hover-effect figure.effect-kira p a:focus { + opacity: 0.6; +} +.hover-effect figure.effect-kira:hover img { + opacity: 0.5; +} +.hover-effect figure.effect-kira:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} +.hover-effect figure.effect-kira:hover figcaption::before { + -moz-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1); + -ms-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1); + -o-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1); + -webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1); + transform: translate3d(0, 5em, 0) scale3d(1, 1, 1); + opacity: 0.7; +} + +.hover-effect figure.effect-layla { + background: #528cb3; +} +.hover-effect figure.effect-layla figcaption { + padding: 3em; +} +.hover-effect figure.effect-layla figcaption::before, +.hover-effect figure.effect-layla figcaption::after { + content: ""; + opacity: 0; + position: absolute; +} +.hover-effect figure.effect-layla figcaption::before { + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + -o-transform: scale(0, 1); + transform: scale(0, 1); + -webkit-transform-origin: 0 0; + -moz-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + border-bottom: 1px solid #fff; + border-top: 1px solid #fff; + bottom: 50px; + left: 30px; + right: 30px; + top: 50px; +} +.hover-effect figure.effect-layla figcaption::after { + -webkit-transform: scale(1, 0); + -ms-transform: scale(1, 0); + -o-transform: scale(1, 0); + transform: scale(1, 0); + -webkit-transform-origin: 100%, 0; + -moz-transform-origin: 100%, 0; + -ms-transform-origin: 100%, 0; + transform-origin: 100%, 0; + border-left: 1px solid #fff; + border-right: 1px solid #fff; + bottom: 30px; + left: 50px; + right: 50px; + top: 30px; +} +.hover-effect figure.effect-layla h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + /* padding-top: 26%; */ +} +.hover-effect figure.effect-layla p { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + opacity: 0; + padding: 0.5em 2em; + text-transform: none; +} +.hover-effect figure.effect-layla img, +.hover-effect figure.effect-layla h2 { + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); +} +.hover-effect figure.effect-layla img, +.hover-effect figure.effect-layla figcaption::before, +.hover-effect figure.effect-layla figcaption::after, +.hover-effect figure.effect-layla p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; +} +.hover-effect figure.effect-layla:hover img { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 0.7; +} +.hover-effect figure.effect-layla:hover figcaption::before, +.hover-effect figure.effect-layla:hover figcaption::after { + -webkit-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.hover-effect figure.effect-layla:hover h2, +.hover-effect figure.effect-layla:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} +.hover-effect figure.effect-layla:hover figcaption::after, +.hover-effect figure.effect-layla:hover h2, +.hover-effect figure.effect-layla:hover p, +.hover-effect figure.effect-layla:hover img { + -webkit-transition-delay: 0.15s; + transition-delay: 0.15s; +} + +.hover-effect figure.effect-lexi { + background: -webkit-linear-gradient(-45deg, black 0%, #528cb3 100%); + background: linear-gradient(-45deg, black 0%, #528cb3 100%); +} +.hover-effect figure.effect-lexi img { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(10px, 10px, 0); + transform: translate3d(10px, 10px, 0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + margin: -10px 0 0 -10px; + max-width: none; + opacity: 0.9; + width: -webkit-calc(100% + 10px); + width: calc(100% + 10px); +} +.hover-effect figure.effect-lexi figcaption::before, +.hover-effect figure.effect-lexi p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; +} +.hover-effect figure.effect-lexi figcaption::before { + -webkit-transform: scale3d(0.5, 0.5, 1); + -ms-transform: scale3d(0.5, 0.5, 1); + -o-transform: scale3d(0.5, 0.5, 1); + transform: scale3d(0.5, 0.5, 1); + -webkit-transform-origin: 50% 50%; + -moz-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + border: 2px solid #fff; + border-radius: 50%; + bottom: -100px; + box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2); + content: ""; + height: 300px; + opacity: 0; + position: absolute; + right: -100px; + width: 300px; +} +.hover-effect figure.effect-lexi h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(5px, 5px, 0); + transform: translate3d(5px, 5px, 0); + text-align: left; +} +.hover-effect figure.effect-lexi p { + -webkit-transform: translate3d(20px, 20px, 0); + transform: translate3d(20px, 20px, 0); + bottom: 0; + opacity: 0; + padding: 0 1.5em 1.5em 0; + position: absolute; + right: 0; + text-align: right; + width: 140px; +} +.hover-effect figure.effect-lexi:hover img { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 0.6; +} +.hover-effect figure.effect-lexi:hover figcaption::before { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} +.hover-effect figure.effect-lexi:hover h2, +.hover-effect figure.effect-lexi:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-lily img { + -webkit-transform: translate3d(-40px, 0, 0); + transform: translate3d(-40px, 0, 0); + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + max-width: none; + opacity: 0.7; + width: -webkit-calc(100% + 50px); + width: calc(100% + 50px); +} +.hover-effect figure.effect-lily figcaption { + text-align: left; +} +.hover-effect figure.effect-lily figcaption > div { + bottom: 0; + height: 50%; + left: 0; + padding: 2em; + position: absolute; + width: 100%; +} +.hover-effect figure.effect-lily h2, +.hover-effect figure.effect-lily p { + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); +} +.hover-effect figure.effect-lily h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; +} +.hover-effect figure.effect-lily p { + -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; + -moz-transition: opacity 0.2s, -moz-transform 0.35s; + -o-transition: opacity 0.2s, -o-transform 0.35s; + transition: opacity 0.2s, transform 0.35s; + color: rgba(255, 255, 255, 0.8); + opacity: 0; +} +.hover-effect figure.effect-lily:hover img, +.hover-effect figure.effect-lily:hover p { + opacity: 1; +} +.hover-effect figure.effect-lily:hover img, +.hover-effect figure.effect-lily:hover h2, +.hover-effect figure.effect-lily:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-lily:hover p { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; + -webkit-transition-duration: 0.35s; + transition-duration: 0.35s; +} + +.hover-effect figure.effect-marley figcaption { + text-align: right; +} +.hover-effect figure.effect-marley h2, +.hover-effect figure.effect-marley p { + left: 30px; + padding: 10px 0; + position: absolute; + right: 30px; +} +.hover-effect figure.effect-marley p { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + bottom: 30px; + line-height: 1.5; +} +.hover-effect figure.effect-marley h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + top: 30px; +} +.hover-effect figure.effect-marley h2::after { + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); + background: #fff; + content: ""; + height: 4px; + left: 0; + position: absolute; + top: 100%; + width: 100%; +} +.hover-effect figure.effect-marley h2::after, +.hover-effect figure.effect-marley p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + opacity: 0; +} +.hover-effect figure.effect-marley:hover h2 { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-marley:hover h2::after, +.hover-effect figure.effect-marley:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-milo { + background: #528cb3; +} +.hover-effect figure.effect-milo img { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -moz-transform: translate3d(-30px, 0, 0) scale(1.12); + -ms-transform: translate3d(-30px, 0, 0) scale(1.12); + -o-transform: translate3d(-30px, 0, 0) scale(1.12); + -webkit-transform: translate3d(-30px, 0, 0) scale(1.12); + transform: translate3d(-30px, 0, 0) scale(1.12); + max-width: none; + opacity: 1; + width: -webkit-calc(100% + 60px); + width: calc(100% + 60px); +} +.hover-effect figure.effect-milo h2 { + bottom: 0; + padding: 1em 1.2em; + position: absolute; + right: 0; +} +.hover-effect figure.effect-milo p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(-40px, 0, 0); + transform: translate3d(-40px, 0, 0); + border-right: 1px solid #fff; + opacity: 0; + padding: 0 10px 0 0; + text-align: right; + width: 50%; +} +.hover-effect figure.effect-milo:hover img { + -moz-transform: translate3d(0, 0, 0) scale(1); + -ms-transform: translate3d(0, 0, 0) scale(1); + -o-transform: translate3d(0, 0, 0) scale(1); + -webkit-transform: translate3d(0, 0, 0) scale(1); + transform: translate3d(0, 0, 0) scale(1); + opacity: 0.5; +} +.hover-effect figure.effect-milo:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-ming { + background: #528cb3; +} +.hover-effect figure.effect-ming img { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; + opacity: 0.9; +} +.hover-effect figure.effect-ming figcaption::before { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale3d(1.4, 1.4, 1); + -ms-transform: scale3d(1.4, 1.4, 1); + -o-transform: scale3d(1.4, 1.4, 1); + transform: scale3d(1.4, 1.4, 1); + border: 2px solid #fff; + bottom: 30px; + box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2); + content: ""; + left: 30px; + opacity: 0; + position: absolute; + right: 30px; + top: 30px; +} +.hover-effect figure.effect-ming h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + /* margin: 20% 0 10px; */ +} +.hover-effect figure.effect-ming p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -o-transform: scale(1.5); + transform: scale(1.5); + opacity: 0; + padding: 1em; +} +.hover-effect figure.effect-ming:hover h2 { + -webkit-transform: scale(0.9); + -ms-transform: scale(0.9); + -o-transform: scale(0.9); + transform: scale(0.9); +} +.hover-effect figure.effect-ming:hover figcaption::before, +.hover-effect figure.effect-ming:hover p { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} +.hover-effect figure.effect-ming:hover figcaption { + background-color: rgba(82, 140, 179, 0); +} +.hover-effect figure.effect-ming:hover img { + opacity: 0.4; +} + +.hover-effect figure.effect-moses { + background: -webkit-linear-gradient(-45deg, #528cb3 0%, black 100%); + background: linear-gradient(-45deg, #528cb3 0%, black 100%); +} +.hover-effect figure.effect-moses img { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; + opacity: 0.85; +} +.hover-effect figure.effect-moses h2, +.hover-effect figure.effect-moses p { + border: 2px solid #fff; + height: 50%; + padding: 20px; + width: 50%; +} +.hover-effect figure.effect-moses h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(10px, 10px, 0); + transform: translate3d(10px, 10px, 0); + height: 50%; + padding: 20px; + text-align: left; + width: 50%; +} +.hover-effect figure.effect-moses p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + float: right; + opacity: 0; + padding: 20px; + text-align: right; +} +.hover-effect figure.effect-moses:hover h2 { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-moses:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} +.hover-effect figure.effect-moses:hover img { + opacity: 0.6; +} + +.hover-effect figure.effect-oscar { + background: -webkit-linear-gradient( + 45deg, + black 0%, + #528cb3 40%, + #111f28 100% + ); + background: linear-gradient(45deg, black 0%, #528cb3 40%, #111f28 100%); +} +.hover-effect figure.effect-oscar img { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; + opacity: 0.9; +} +.hover-effect figure.effect-oscar figcaption { + -webkit-transition: background-color 0.35s; + -moz-transition: background-color 0.35s; + -o-transition: background-color 0.35s; + transition: background-color 0.35s; + background-color: rgba(82, 140, 179, 0.7); + padding: 3em; +} +.hover-effect figure.effect-oscar figcaption::before { + border: 1px solid #fff; + bottom: 30px; + content: ""; + left: 30px; + position: absolute; + right: 30px; + top: 30px; +} +.hover-effect figure.effect-oscar h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + /* margin: 20% 0 10px; */ +} +.hover-effect figure.effect-oscar figcaption::before, +.hover-effect figure.effect-oscar p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); + opacity: 0; +} +.hover-effect figure.effect-oscar:hover h2 { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-oscar:hover figcaption::before, +.hover-effect figure.effect-oscar:hover p { + -webkit-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.hover-effect figure.effect-oscar:hover figcaption { + background-color: rgba(82, 140, 179, 0); +} +.hover-effect figure.effect-oscar:hover img { + opacity: 0.4; +} + +.hover-effect figure.effect-phoebe { + background: #528cb3; +} +.hover-effect figure.effect-phoebe img { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; + opacity: 0.85; +} +.hover-effect figure.effect-phoebe figcaption::before { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -moz-transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg); + -ms-transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg); + -o-transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg); + -webkit-transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg); + transform: scale3d(5, 2.5, 1) scale(0.999) rotate(0.01deg); + -webkit-transform-origin: 50% 50%; + -moz-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + border-bottom: 20px solid rgba(255, 255, 255, 0.8); + border-left: 240px solid rgba(255, 255, 255, 0.8); + border-right: 240px solid rgba(255, 255, 255, 0.8); + border-top: 305px solid rgba(255, 255, 255, 0); + content: ""; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +.hover-effect figure.effect-phoebe h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, 40px, 0); + transform: translate3d(0, 40px, 0); + margin-top: 1em; +} +.hover-effect figure.effect-phoebe p a { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + color: #fff; + display: inline-block; + font-size: 140%; + opacity: 0; + position: relative; +} +.hover-effect figure.effect-phoebe p a:first-child { + -webkit-transform: translate3d(-60px, -60px, 0); + transform: translate3d(-60px, -60px, 0); +} +.hover-effect figure.effect-phoebe p a:nth-child(2) { + -webkit-transform: translate3d(0, 60px, 0); + transform: translate3d(0, 60px, 0); +} +.hover-effect figure.effect-phoebe p a:nth-child(3) { + -webkit-transform: translate3d(60px, -60px, 0); + transform: translate3d(60px, -60px, 0); +} +.hover-effect figure.effect-phoebe:hover img { + opacity: 0.6; +} +.hover-effect figure.effect-phoebe:hover figcaption::before { + -moz-transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg); + -ms-transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg); + -o-transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg); + -webkit-transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg); + transform: scale3d(1, 1, 1) scale(0.999) rotate(0.01deg); + opacity: 0.6; +} +.hover-effect figure.effect-phoebe:hover h2 { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-phoebe:hover p a { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-romeo { + -webkit-perspective: 1000px; + -moz-perspective: 1000px; + perspective: 1000px; +} +.hover-effect figure.effect-romeo img { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, 0, 300px); + transform: translate3d(0, 0, 300px); +} +.hover-effect figure.effect-romeo figcaption::before, +.hover-effect figure.effect-romeo figcaption::after { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); + background: #fff; + content: ""; + height: 1px; + left: 50%; + position: absolute; + top: 50%; + width: 80%; +} +.hover-effect figure.effect-romeo h2, +.hover-effect figure.effect-romeo p { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + left: 0; + position: absolute; + top: 50%; + width: 100%; +} +.hover-effect figure.effect-romeo h2 { + -moz-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); + -ms-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); + -o-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); + -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); + transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0); +} +.hover-effect figure.effect-romeo p { + -moz-transform: translate3d(0, -50%, 0) translate(0, 150%, 0); + -ms-transform: translate3d(0, -50%, 0) translate(0, 150%, 0); + -o-transform: translate3d(0, -50%, 0) translate(0, 150%, 0); + -webkit-transform: translate3d(0, -50%, 0) translate(0, 150%, 0); + transform: translate3d(0, -50%, 0) translate(0, 150%, 0); + padding: 0.25em 2em; +} +.hover-effect figure.effect-romeo:hover img { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 0.6; +} +.hover-effect figure.effect-romeo:hover figcaption::before { + -moz-transform: translate3d(-50%, -50%, 0) rotate(45deg); + -ms-transform: translate3d(-50%, -50%, 0) rotate(45deg); + -o-transform: translate3d(-50%, -50%, 0) rotate(45deg); + -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); + transform: translate3d(-50%, -50%, 0) rotate(45deg); + opacity: 0.5; +} +.hover-effect figure.effect-romeo:hover figcaption::after { + -moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg); + -ms-transform: translate3d(-50%, -50%, 0) rotate(-45deg); + -o-transform: translate3d(-50%, -50%, 0) rotate(-45deg); + -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); + transform: translate3d(-50%, -50%, 0) rotate(-45deg); + opacity: 0.5; +} +.hover-effect figure.effect-romeo:hover h2 { + -moz-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); + -ms-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); + -o-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); + -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); + transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0); +} +.hover-effect figure.effect-romeo:hover p { + -moz-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); + -ms-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); + -o-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); + -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); + transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0); +} + +.hover-effect figure.effect-roxy { + background: -webkit-linear-gradient(45deg, #528cb3 0%, black 100%); + background: linear-gradient(45deg, #528cb3 0%, black 100%); +} +.hover-effect figure.effect-roxy img { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(-50px, 0, 0); + transform: translate3d(-50px, 0, 0); + max-width: none; + width: -webkit-calc(100% + 60px); + width: calc(100% + 60px); +} +.hover-effect figure.effect-roxy figcaption { + padding: 3em; + text-align: left; +} +.hover-effect figure.effect-roxy figcaption::before { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + border: 1px solid #fff; + bottom: 30px; + content: ""; + left: 30px; + opacity: 0; + position: absolute; + right: 30px; + top: 30px; +} +.hover-effect figure.effect-roxy h2 { + padding: 30% 0 10px; +} +.hover-effect figure.effect-roxy p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + opacity: 0; +} +.hover-effect figure.effect-roxy:hover img { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 0.7; +} +.hover-effect figure.effect-roxy:hover figcaption::before, +.hover-effect figure.effect-roxy:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-ruby { + background-color: #528cb3; +} +.hover-effect figure.effect-ruby img { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale(1.15); + -ms-transform: scale(1.15); + -o-transform: scale(1.15); + transform: scale(1.15); + opacity: 0.7; +} +.hover-effect figure.effect-ruby h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + /* margin-top: 20%; */ +} +.hover-effect figure.effect-ruby p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); + border: 1px solid #fff; + margin: 1em 0 0; + opacity: 0; + /* padding: 3em; */ + padding: 2em; +} +.hover-effect figure.effect-ruby:hover img { + -webkit-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + opacity: 0.5; +} +.hover-effect figure.effect-ruby:hover h2 { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-ruby:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + opacity: 1; +} + +.hover-effect figure.effect-sadie figcaption::before { + -webkit-transform: translate3d(0, 50%, 0); + transform: translate3d(0, 50%, 0); + background: -webkit-linear-gradient( + top, + rgba(72, 76, 97, 0) 0%, + rgba(72, 76, 97, 0.8) 75% + ); + background: linear-gradient( + to bottom, + rgba(72, 76, 97, 0) 0%, + rgba(72, 76, 97, 0.8) 75% + ); + content: ""; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + width: 100%; +} +.hover-effect figure.effect-sadie h2 { + -webkit-transition: -webkit-transform 0.35s, color 0.35s; + -moz-transition: -moz-transform 0.35s, color 0.35s; + -o-transition: -o-transform 0.35s, color 0.35s; + transition: transform 0.35s, color 0.35s; + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); + color: #528cb3; + left: 0; + position: absolute; + top: 50%; + width: 100%; +} +.hover-effect figure.effect-sadie figcaption::before, +.hover-effect figure.effect-sadie p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; +} +.hover-effect figure.effect-sadie p { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + bottom: 0; + left: 0; + opacity: 0; + padding: 2em; + position: absolute; + width: 100%; +} +.hover-effect figure.effect-sadie:hover h2 { + -moz-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); + -ms-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); + -o-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); + -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); + transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); + color: #fff; +} +.hover-effect figure.effect-sadie:hover figcaption::before, +.hover-effect figure.effect-sadie:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-sarah { + background: #528cb3; +} +.hover-effect figure.effect-sarah img { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + max-width: none; + width: -webkit-calc(100% + 20px); + width: calc(100% + 20px); +} +.hover-effect figure.effect-sarah:hover img { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 0.4; +} +.hover-effect figure.effect-sarah:hover h2::after { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-sarah:hover p { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} +.hover-effect figure.effect-sarah figcaption { + text-align: left; +} +.hover-effect figure.effect-sarah h2 { + overflow: hidden; + padding: 0.5em 0; + position: relative; +} +.hover-effect figure.effect-sarah h2::after { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + background: #fff; + bottom: 0; + content: ""; + height: 3px; + left: 0; + position: absolute; + width: 100%; +} +.hover-effect figure.effect-sarah p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + opacity: 0; + padding: 1em 0; +} + +.hover-effect figure.effect-selena { + background: #528cb3; +} +.hover-effect figure.effect-selena img { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform-origin: 50% 50%; + -moz-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + opacity: 0.95; +} +.hover-effect figure.effect-selena h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); +} +.hover-effect figure.effect-selena p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -moz-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); + -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); + -o-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); + -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); + transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); + -webkit-transform-origin: 50% 0%; + -moz-transform-origin: 50% 0%; + -ms-transform-origin: 50% 0%; + transform-origin: 50% 0%; + opacity: 0; +} +.hover-effect figure.effect-selena:hover img { + -webkit-transform: scale3d(0.95, 0.95, 1); + -ms-transform: scale3d(0.95, 0.95, 1); + -o-transform: scale3d(0.95, 0.95, 1); + transform: scale3d(0.95, 0.95, 1); +} +.hover-effect figure.effect-selena:hover h2 { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-selena:hover p { + -moz-transform: perspective(1000px) rotate3d(1, 0, 0, 0); + -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 0); + -o-transform: perspective(1000px) rotate3d(1, 0, 0, 0); + -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0); + transform: perspective(1000px) rotate3d(1, 0, 0, 0); + opacity: 1; +} + +.hover-effect figure.effect-steve { + background: #528cb3; + overflow: visible; + z-index: auto; +} +.hover-effect figure.effect-steve:before, +.hover-effect figure.effect-steve h2:before { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; + background: #528cb3; + content: ""; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; +} +.hover-effect figure.effect-steve:before { + box-shadow: 0 3px 30px rgba(82, 140, 179, 0.8); + opacity: 0; +} +.hover-effect figure.effect-steve figcaption { + z-index: 1; +} +.hover-effect figure.effect-steve img { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -moz-transform: perspective(1000px) translate3d(0, 0, 0); + -ms-transform: perspective(1000px) translate3d(0, 0, 0); + -o-transform: perspective(1000px) translate3d(0, 0, 0); + -webkit-transform: perspective(1000px) translate3d(0, 0, 0); + transform: perspective(1000px) translate3d(0, 0, 0); + opacity: 1; +} +.hover-effect figure.effect-steve h2, +.hover-effect figure.effect-steve p { + background: #fff; + color: #528cb3; +} +.hover-effect figure.effect-steve h2 { + margin-top: 2em; + padding: 0.25em; + position: relative; +} +.hover-effect figure.effect-steve h2:before { + box-shadow: 0 1px 10px rgba(82, 140, 179, 0.5); +} +.hover-effect figure.effect-steve p { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: scale3d(0.9, 0.9, 1); + -ms-transform: scale3d(0.9, 0.9, 1); + -o-transform: scale3d(0.9, 0.9, 1); + transform: scale3d(0.9, 0.9, 1); + font-weight: 800; + margin-top: 1em; + opacity: 0; + padding: 0.5em; +} +.hover-effect figure.effect-steve:hover:before { + opacity: 1; +} +.hover-effect figure.effect-steve:hover img { + -moz-transform: perspective(1000px) translate(0, 0, 21px); + -ms-transform: perspective(1000px) translate(0, 0, 21px); + -o-transform: perspective(1000px) translate(0, 0, 21px); + -webkit-transform: perspective(1000px) translate(0, 0, 21px); + transform: perspective(1000px) translate(0, 0, 21px); +} +.hover-effect figure.effect-steve:hover h2:before { + opacity: 0; +} +.hover-effect figure.effect-steve:hover p { + -webkit-transform: scale3d(1, 1, 1); + -ms-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; +} + +.hover-effect figure.effect-terry { + background: #528cb3; +} +.hover-effect figure.effect-terry figcaption { + padding: 1em; +} +.hover-effect figure.effect-terry figcaption::before, +.hover-effect figure.effect-terry figcaption::after { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + border-color: #fff; + border-style: solid; + content: ""; + height: 200%; + position: absolute; + width: 200%; +} +.hover-effect figure.effect-terry figcaption::before { + -webkit-transform: translate3d(70px, 60px, 0); + transform: translate3d(70px, 60px, 0); + border-width: 0 70px 60px 0; + bottom: 0; + right: 0; +} +.hover-effect figure.effect-terry figcaption::after { + -webkit-transform: translate3d(-15px, -15px, 0); + transform: translate3d(-15px, -15px, 0); + border-width: 15px 0 0 15px; + left: 0; + top: 0; +} +.hover-effect figure.effect-terry img, +.hover-effect figure.effect-terry p a { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; +} +.hover-effect figure.effect-terry img { + opacity: 0.85; +} +.hover-effect figure.effect-terry h2 { + -webkit-transition: -webkit-transform 0.35s, color 0.35s; + -moz-transition: -moz-transform 0.35s, color 0.35s; + -o-transition: -o-transform 0.35s, color 0.35s; + transition: transform 0.35s, color 0.35s; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + bottom: 0; + left: 0; + padding: 0.4em 10px; + position: absolute; + width: 50%; +} +@media screen and (max-width: 920px) { + .hover-effect figure.effect-terry h2 { + font-size: 120%; + padding: 0.75em 10px; + } +} +.hover-effect figure.effect-terry p { + clear: both; + float: right; + font-size: 111%; + text-align: left; + text-transform: none; +} +.hover-effect figure.effect-terry p a { + -webkit-transform: translate3d(90px, 0, 0); + transform: translate3d(90px, 0, 0); + display: block; + margin-bottom: 1em; + opacity: 0; +} +.hover-effect figure.effect-terry:hover figcaption::before, +.hover-effect figure.effect-terry:hover figcaption::after { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-terry:hover img { + opacity: 0.6; +} +.hover-effect figure.effect-terry:hover h2 { + color: #528cb3; +} +.hover-effect figure.effect-terry:hover h2, +.hover-effect figure.effect-terry:hover p a { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-terry:hover p a { + opacity: 1; +} +.hover-effect figure.effect-terry:hover a:first-child { + -webkit-transition-delay: 0.025s; + transition-delay: 0.025s; +} +.hover-effect figure.effect-terry:hover a:nth-child(2) { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; +} +.hover-effect figure.effect-terry:hover a:nth-child(3) { + -webkit-transition-delay: 0.075s; + transition-delay: 0.075s; +} +.hover-effect figure.effect-terry:hover a:nth-child(4) { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} + +.hover-effect figure.effect-winston { + background: #528cb3; + text-align: left; +} +.hover-effect figure.effect-winston img { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: opacity 0.45s; + -moz-transition: opacity 0.45s; + -o-transition: opacity 0.45s; + transition: opacity 0.45s; +} +.hover-effect figure.effect-winston figcaption::before { + -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; + -moz-transition: opacity 0.45s, -moz-transform 0.45s; + -o-transition: opacity 0.45s, -o-transform 0.45s; + transition: opacity 0.45s, transform 0.45s; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + -ms-transform: rotate3d(0, 0, 1, 45deg); + -o-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + -webkit-transform-origin: 0 100%; + -moz-transform-origin: 0 100%; + -ms-transform-origin: 0 100%; + transform-origin: 0 100%; + border-bottom: 300px solid #fff; + border-left: 425px solid transparent; + content: ""; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +.hover-effect figure.effect-winston h2 { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); +} +.hover-effect figure.effect-winston p { + bottom: 0; + padding: 0 1.5em 7% 0; + position: absolute; + right: 0; +} +.hover-effect figure.effect-winston p a i { + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + -moz-transition: opacity 0.35s, -moz-transform 0.35s; + -o-transition: opacity 0.35s, -o-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, 50px, 0); + transform: translate3d(0, 50px, 0); + opacity: 0; +} +.hover-effect figure.effect-winston a { + color: #528cb3; + font-size: 170%; + margin: 0 10px; +} +.hover-effect figure.effect-winston a:hover, +.hover-effect figure.effect-winston a:focus { + color: #111f28; +} +.hover-effect figure.effect-winston:hover img { + opacity: 0.6; +} +.hover-effect figure.effect-winston:hover h2 { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-winston:hover figcaption::before { + -webkit-transform: rotate3d(0, 0, 1, 20deg); + -ms-transform: rotate3d(0, 0, 1, 20deg); + -o-transform: rotate3d(0, 0, 1, 20deg); + transform: rotate3d(0, 0, 1, 20deg); + opacity: 0.7; +} +.hover-effect figure.effect-winston:hover p i { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} +.hover-effect figure.effect-winston:hover p:nth-child(3) i { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; +} +.hover-effect figure.effect-winston:hover p:nth-child(2) i { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} +.hover-effect figure.effect-winston:hover p:first-child i { + -webkit-transition-delay: 0.15s; + transition-delay: 0.15s; +} + +.hover-effect figure.effect-zoe figcaption { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + background: #fff; + bottom: 0; + color: #528cb3; + height: 3.75em; + padding: 1em; + top: auto; +} +.hover-effect figure.effect-zoe h2 { + display: inline-block; + float: left; +} +.hover-effect figure.effect-zoe p.icon-links a { + color: #528cb3; + float: right; + font-size: 1.4em; +} +.hover-effect figure.effect-zoe p.icon-links a:hover, +.hover-effect figure.effect-zoe p.icon-links a:focus { + color: #528cb3; +} +.hover-effect figure.effect-zoe p.icon-links a span::before { + display: inline-block; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + padding: 8px 10px; + speak: none; +} +.hover-effect figure.effect-zoe p.description { + -webkit-transition: opacity 0.35s; + -moz-transition: opacity 0.35s; + -o-transition: opacity 0.35s; + transition: opacity 0.35s; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + /* Fix for Chrome 37.0.2062.120 (Mac) */ + bottom: 8em; + color: #fff; + font-size: 90%; + opacity: 0; + padding: 2em; + position: absolute; + text-transform: none; +} +.hover-effect figure.effect-zoe h2, +.hover-effect figure.effect-zoe p.icon-links a { + -webkit-transition: -webkit-transform 0.35s; + -moz-transition: -moz-transform 0.35s; + -o-transition: -o-transform 0.35s; + transition: transform 0.35s; + -webkit-transform: translate3d(0, 200%, 0); + transform: translate3d(0, 200%, 0); +} +.hover-effect figure.effect-zoe:hover p.description { + opacity: 1; +} +.hover-effect figure.effect-zoe:hover figcaption, +.hover-effect figure.effect-zoe:hover h2, +.hover-effect figure.effect-zoe:hover p.icon-links a { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.hover-effect figure.effect-zoe:hover h2 { + -webkit-transition-delay: 0.05s; + transition-delay: 0.05s; +} +.hover-effect figure.effect-zoe:hover p.icon-links a:nth-child(3) { + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} +.hover-effect figure.effect-zoe:hover p.icon-links a:nth-child(2) { + -webkit-transition-delay: 0.15s; + transition-delay: 0.15s; +} +.hover-effect figure.effect-zoe:hover p.icon-links a:first-child { + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} + + +/* 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; +} diff --git a/assets/css/hover-min.css b/assets/css/hover-min.css new file mode 100644 index 00000000..67c2e64e --- /dev/null +++ b/assets/css/hover-min.css @@ -0,0 +1,93 @@ +/*! + * Hover.css (http://ianlunn.github.io/Hover/) + * Version: 2.3.2 + * Author: Ian Lunn @IanLunn + * Author URL: http://ianlunn.co.uk/ + * Github: https://github.com/IanLunn/Hover + + * Hover.css Copyright Ian Lunn 2017. Generated with Sass. + */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(.9);transform:scale(.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(.9);transform:scale(.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(.9);transform:scale(.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(.8);transform:scale(.8);-webkit-transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098d1;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098d1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098d1,0 0 1px transparent}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-trim:before{content:"";position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-out:before{content:"";position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-in:before{content:"";position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-out:before{content:"";position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-in:before{pointer-events:none;content:"";position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#2098d1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098d1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098d1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:"";left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:"";border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:"";border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:"";border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:"";border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:"";left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:"";border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:"";left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:hover .hvr-icon{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:hover .hvr-icon{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-down .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:hover .hvr-icon{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-up .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:hover .hvr-icon{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-spin .hvr-icon{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:hover .hvr-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-drop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active .hvr-icon,.hvr-icon-drop:focus .hvr-icon,.hvr-icon-drop:hover .hvr-icon{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.52,1.64,.37,.66);animation-timing-function:cubic-bezier(.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-fade .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active .hvr-icon,.hvr-icon-fade:focus .hvr-icon,.hvr-icon-fade:hover .hvr-icon{color:#0f9e5e}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-float-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active .hvr-icon,.hvr-icon-float-away:focus .hvr-icon,.hvr-icon-float-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-sink-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active .hvr-icon,.hvr-icon-sink-away:focus .hvr-icon,.hvr-icon-sink-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active .hvr-icon,.hvr-icon-grow:focus .hvr-icon,.hvr-icon-grow:hover .hvr-icon{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active .hvr-icon,.hvr-icon-shrink:focus .hvr-icon,.hvr-icon-shrink:hover .hvr-icon{-webkit-transform:scale(.8);transform:scale(.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(.8);transform:scale(.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-pulse .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active .hvr-icon,.hvr-icon-pulse:focus .hvr-icon,.hvr-icon-pulse:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-pulse-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(.8);transform:scale(.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-pulse-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active .hvr-icon,.hvr-icon-pulse-shrink:focus .hvr-icon,.hvr-icon-pulse-shrink:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(.5);transform:scale(.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active .hvr-icon,.hvr-icon-push:focus .hvr-icon,.hvr-icon-push:hover .hvr-icon{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active .hvr-icon,.hvr-icon-pop:focus .hvr-icon,.hvr-icon-pop:hover .hvr-icon{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active .hvr-icon,.hvr-icon-bounce:focus .hvr-icon,.hvr-icon-bounce:hover .hvr-icon{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active .hvr-icon,.hvr-icon-rotate:focus .hvr-icon,.hvr-icon-rotate:hover .hvr-icon{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active .hvr-icon,.hvr-icon-grow-rotate:focus .hvr-icon,.hvr-icon-grow-rotate:hover .hvr-icon{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active .hvr-icon,.hvr-icon-float:focus .hvr-icon,.hvr-icon-float:hover .hvr-icon{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active .hvr-icon,.hvr-icon-sink:focus .hvr-icon,.hvr-icon-sink:hover .hvr-icon{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active .hvr-icon,.hvr-icon-bob:focus .hvr-icon,.hvr-icon-bob:hover .hvr-icon{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active .hvr-icon,.hvr-icon-hang:focus .hvr-icon,.hvr-icon-hang:hover .hvr-icon{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active .hvr-icon,.hvr-icon-wobble-vertical:focus .hvr-icon,.hvr-icon-wobble-vertical:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:"";height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:"";height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:"";height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:"";height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px} + +/* 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; +} diff --git a/assets/css/how-to.css b/assets/css/how-to.css new file mode 100644 index 00000000..ef6d077b --- /dev/null +++ b/assets/css/how-to.css @@ -0,0 +1,86 @@ +.uagb-howto__cost-wrap{display:flex;align-items:center}.uagb-howto__cost-wrap .uagb-howto-estcost-text,.uagb-howto__cost-wrap .uagb-howto-estcost-value,.uagb-howto__cost-wrap .uagb-howto-estcost-type{display:inline-flex}.uagb-howto__time-wrap{display:flex;align-items:center}.uagb-howto__time-wrap .uagb-howto-timeNeeded-text,.uagb-howto__time-wrap .uagb-howto-timeNeeded-value,.uagb-howto__time-wrap .uagb-howto-timeINmin-text{display:inline-flex}.uagb-howto__time-wrap .uagb-howto-timeINmin-text{margin-left:5px}.uagb-step-link-all{height:100%;width:100%;top:0;left:0;position:absolute;z-index:3;box-shadow:none;text-decoration:none;color:inherit}.uagb-how-to-step-wrap{position:relative;margin-top:25px}.uagb-step-image-content-wrap.uag-image-position-left-title{display:flex}.uagb-step-image-content-wrap.uag-image-position-left-title .uagb-how-to-step-image{margin-right:20px}.uagb-step-image-content-wrap.uag-image-position-right-title{display:flex;flex-direction:row-reverse}.uagb-step-image-content-wrap.uag-image-position-right-title .uagb-how-to-step-image{margin-left:20px}.uagb-step-image-content-wrap.uag-image-position-above-title{display:block}.uagb-step-image-content-wrap.uag-image-position-above-title .uagb-how-to-step-image{margin-bottom:20px}.uagb-step-image-content-wrap .uagb-step-link{text-decoration:none !important}.uagb-step-image-content-wrap .uagb-step-link:hover{text-decoration:none !important}.uagb-howto-req-steps-text,.uagb-howto-req-tools-text,.uagb-howto-req-materials-text{margin-block-start:1.33em;margin-block-end:1.33em}.uagb-how-to-main-wrap{width:100%}.uagb-how-to-main-wrap .uagb-howto__source-image{height:auto;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; +} diff --git a/assets/css/hvac-accessibility-fixes.css b/assets/css/hvac-accessibility-fixes.css new file mode 100644 index 00000000..9a2d71de --- /dev/null +++ b/assets/css/hvac-accessibility-fixes.css @@ -0,0 +1,108 @@ +/** + * HVAC Accessibility Fixes + * Addresses accessibility issues identified by PowerMapper audit + */ + +/* Improve color contrast for menu items */ +.menu-text { + /* Ensure better contrast ratios for text visibility */ + color: #2c3e50 !important; /* Dark blue-gray for better contrast */ +} + +/* Active/hover states for menu items */ +.menu-item:hover .menu-text, +.menu-item:focus .menu-text { + color: #1a252f !important; /* Even darker for active states */ +} + +/* Ensure ARIA buttons in third-party plugins have better accessibility */ +[role="button"] { + /* Add minimum touch target size */ + min-width: 44px; + min-height: 44px; +} + +/* Improve focus indicators */ +[role="button"]:focus, +button:focus, +.hvac-trainer-card:focus, +a:focus { + outline: 2px solid #0073aa; + outline-offset: 2px; +} + +/* Ensure trainer badges don't cause layout shift */ +.hvac-mq-badge { + width: 35px; + height: 35px; + display: block; +} + +/* Screen reader improvements */ +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +/* Improve MapGeo button accessibility where possible */ +.imapsSprite-group[role="button"] { + /* Add screen reader text for map buttons */ + position: relative; +} + +.imapsSprite-group[role="button"]::before { + content: "Map marker"; + position: absolute; + left: -9999px; + width: 1px; + height: 1px; + overflow: hidden; +} + +/* High contrast mode support */ +@media (prefers-contrast: high) { + .menu-text { + color: #000000 !important; + } + + .hvac-trainer-card { + border: 2px solid #000000; + } +} + +/* Reduced motion support */ +@media (prefers-reduced-motion: reduce) { + * { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + } +} + +/* Focus management for trainer cards */ +.hvac-trainer-card { + cursor: pointer; + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +.hvac-trainer-card:hover, +.hvac-trainer-card:focus { + transform: translateY(-2px); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); +} + +/* Ensure proper color contrast for certification badges */ +.hvac-trainer-card .certification-type { + background-color: #2c3e50; + color: #ffffff; + padding: 4px 8px; + border-radius: 4px; + font-weight: 500; +} \ No newline at end of file diff --git a/assets/css/hvac-admin.css b/assets/css/hvac-admin.css new file mode 100644 index 00000000..2ff21748 --- /dev/null +++ b/assets/css/hvac-admin.css @@ -0,0 +1,72 @@ +/** + * HVAC Community Events Admin Styles + */ + +/* Admin page wrapper */ +.hvac-admin-wrap { + margin: 20px 20px 20px 0; +} + +/* Settings tabs */ +.hvac-admin-tabs { + margin-bottom: 20px; +} + +.hvac-admin-tabs .nav-tab-wrapper { + margin-bottom: 0; +} + +/* Settings form */ +.hvac-settings-form { + background: #fff; + padding: 20px; + border: 1px solid #ccd0d4; + box-shadow: 0 1px 1px rgba(0,0,0,.04); +} + +.hvac-settings-form h2 { + margin-top: 0; + padding-top: 0; +} + +.hvac-settings-form table.form-table { + margin-top: 0; +} + +/* Notifications */ +.hvac-notice { + margin: 15px 0; +} + +/* Zoho admin specific */ +.zoho-connection-status { + padding: 10px; + margin: 10px 0; + border-radius: 3px; +} + +.zoho-connection-status.connected { + background: #d4edda; + color: #155724; + border: 1px solid #c3e6cb; +} + +.zoho-connection-status.disconnected { + background: #f8d7da; + color: #721c24; + border: 1px solid #f5c6cb; +} + +/* Prevent duplicate content */ +.wrap > .wrap { + display: none !important; +} + +/* Fix for duplicate rendering */ +.hvac-admin-content-wrapper { + display: block; +} + +.hvac-admin-content-wrapper ~ .hvac-admin-content-wrapper { + display: none !important; +} \ No newline at end of file diff --git a/assets/css/hvac-animations.css b/assets/css/hvac-animations.css new file mode 100644 index 00000000..c6658953 --- /dev/null +++ b/assets/css/hvac-animations.css @@ -0,0 +1,675 @@ +/* Reduced Motion Support Added - 2025-07-23 */ +/* Vendor Prefixes Added - 2025-07-23 */ +/** + * HVAC Community Events Animation Effects + * + * This stylesheet contains animations and transitions for UI elements + * to create a more polished, responsive feel to the interface. + */ + +/* Base transition properties */ +:root { + + --hvac-transition-speed: 0.2s; + + --hvac-transition-timing: ease-out; +} + +/* Scale-up animation for cards and important elements */ +@keyframes scale-up { + 0% { + + -webkit-transform: scale(1); + + -ms-transform: scale(1); + + -ms-transform: scale(1); + + -ms-transform: scale(1); + + opacity: 0.95; + } + 100% { + + -webkit-transform: scale(1.02); + + -ms-transform: scale(1.02); + + opacity: 1; + } +} + +/* Fade-in animation */ +@keyframes fade-in { + 0% { + + opacity: 0; + } + 100% { + + opacity: 1; + } +} + +/* Pulse animation for notices and alerts */ +@keyframes pulse { + 0% { + + transform: scale(1); + + -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); +} + 70% { + + -webkit-transform: scale(1.01); + + -ms-transform: scale(1.01); + + -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); +} + 100% { + + transform: scale(1); + + -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); +} +} + +/* Slide-in animation */ +@keyframes slide-in-right { + 0% { + + -webkit-transform: translateX(20px); + + -ms-transform: translateX(20px); + + opacity: 0; + } + 100% { + + -webkit-transform: translateX(0); + + -ms-transform: translateX(0); + + -ms-transform: translateX(0); + + opacity: 1; + } +} + +@keyframes slide-in-left { + 0% { + + -webkit-transform: translateX(-20px); + + -ms-transform: translateX(-20px); + + opacity: 0; + } + 100% { + + transform: translateX(0); + + opacity: 1; + } +} + +@keyframes slide-in-bottom { + 0% { + + -webkit-transform: translateY(20px); + + -ms-transform: translateY(20px); + + opacity: 0; + } + 100% { + + -webkit-transform: translateY(0); + + -ms-transform: translateY(0); + + opacity: 1; + } +} + +/* Common element transitions */ + +/* Card hover animation */ +.hvac-card { + + -webkit-transition: transform var(--hvac-transition-speed) var(--hvac-transition-timing), + box-shadow var(--hvac-transition-speed) var(--hvac-transition-timing);, + border-color var(--hvac-transition-speed) var(--hvac-transition-timing); + + transition: transform var(--hvac-transition-speed) var(--hvac-transition-timing), + box-shadow var(--hvac-transition-speed) var(--hvac-transition-timing), + border-color var(--hvac-transition-speed) var(--hvac-transition-timing); +} + +.hvac-card:hover { + -webkit-transform: translateY(-3px); + + -ms-transform: translateY(-3px); + + -ms-transform: translateY(-3px); + + -webkit-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* IE fallback */; + + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* IE fallback */; + + -webkit-box-shadow: var(--hvac-shadow-lg); + + box-shadow: var(--hvac-shadow-lg); + + border-color: #e6f3fb; /* IE fallback */; + + border-color: #e6f3fb; /* IE fallback */; + + border-color: var(--hvac-primary-light); +} + +/* Stat cards animation */ +.hvac-event-stat-card, +.hvac-stat-card { + + transition: transform var(--hvac-transition-speed) var(--hvac-transition-timing), + box-shadow var(--hvac-transition-speed) var(--hvac-transition-timing); +} + +.hvac-event-stat-card:hover, +.hvac-stat-card: hover { + transform: translateY(-3px); + + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* IE fallback */; + + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* IE fallback */; + + box-shadow: var(--hvac-shadow-lg); +} + +/* Button hover animations */ +.hvac-button, +.hvac-content .button, +.hvac-content button[type="submit"], +.hvac-content input[type="submit"] { + + -webkit-transition: background-color var(--hvac-transition-speed) var(--hvac-transition-timing);, + color var(--hvac-transition-speed) var(--hvac-transition-timing), + transform var(--hvac-transition-speed) var(--hvac-transition-timing), + box-shadow var(--hvac-transition-speed) var(--hvac-transition-timing); + + transition: background-color var(--hvac-transition-speed) var(--hvac-transition-timing), + color var(--hvac-transition-speed) var(--hvac-transition-timing), + transform var(--hvac-transition-speed) var(--hvac-transition-timing), + box-shadow var(--hvac-transition-speed) var(--hvac-transition-timing); +} + +/* Form field transitions */ +.hvac-form-input, +.hvac-content input[type="text"], +.hvac-content input[type="email"], +.hvac-content input[type="password"], +.hvac-content input[type="url"], +.hvac-content textarea, +.hvac-content select { + + -webkit-transition: border-color var(--hvac-transition-speed) var(--hvac-transition-timing), + box-shadow var(--hvac-transition-speed) var(--hvac-transition-timing), + background-color var(--hvac-transition-speed) var(--hvac-transition-timing); +} + +/* Table row hover transition */ +.hvac-table tbody tr, +.events-table tbody tr, +.hvac-transactions-table tbody tr { + + transition: background-color var(--hvac-transition-speed) var(--hvac-transition-timing); +} + +/* Link hover transition */ +.hvac-content a { + + -webkit-transition: color var(--hvac-transition-speed) var(--hvac-transition-timing), + text-decoration var(--hvac-transition-speed) var(--hvac-transition-timing); +} + +/* Alert/message transitions */ +.hvac-alert, +.hvac-email-sent, +.hvac-email-error, +.login-error, +.hvac-errors, +.hvac-success { + + -webkit-transition: background-color var(--hvac-transition-speed) var(--hvac-transition-timing), + transform var(--hvac-transition-speed) var(--hvac-transition-timing); +} + +/* Animation classes that can be applied to elements */ + +/* Apply fade-in animation */ +.hvac-animate-fade-in { + + -webkit-animation: fade-in 0.5s ease-out forwards; +} + +/* Apply scale-up animation */ +.hvac-animate-scale-up { + + -webkit-animation: scale-up 0.3s ease-out forwards; +} + +/* Apply pulse animation */ +.hvac-animate-pulse { + + -webkit-animation: pulse 2s infinite; +} + +/* Apply slide-in animations */ +.hvac-animate-slide-in-right { + + -webkit-animation: slide-in-right 0.3s ease-out forwards; +} + +.hvac-animate-slide-in-left { + + -webkit-animation: slide-in-left 0.3s ease-out forwards; +} + +.hvac-animate-slide-in-bottom { + + -webkit-animation: slide-in-bottom 0.3s ease-out forwards; +} + +/* Apply animations to specific elements */ +.hvac-dashboard-stats .hvac-stat-card:nth-child(1) { + -webkit-animation: slide-in-bottom 0.3s ease-out 0.1s both; + + animation: slide-in-bottom 0.3s ease-out 0.1s both; +} + +.hvac-dashboard-stats .hvac-stat-card:nth-child(2) { + -webkit-animation: slide-in-bottom 0.3s ease-out 0.2s both; + + animation: slide-in-bottom 0.3s ease-out 0.2s both; +} + +.hvac-dashboard-stats .hvac-stat-card:nth-child(3) { + -webkit-animation: slide-in-bottom 0.3s ease-out 0.3s both; + + animation: slide-in-bottom 0.3s ease-out 0.3s both; +} + +.hvac-dashboard-stats .hvac-stat-card:nth-child(4) { + -webkit-animation: slide-in-bottom 0.3s ease-out 0.4s both; +} + +/* Event summary stats sequence */ +.hvac-event-summary-stats .hvac-event-stat-card:nth-child(1) { + animation: slide-in-bottom 0.3s ease-out 0.1s both; +} + +.hvac-event-summary-stats .hvac-event-stat-card:nth-child(2) { + animation: slide-in-bottom 0.3s ease-out 0.2s both; +} + +.hvac-event-summary-stats .hvac-event-stat-card:nth-child(3) { + animation: slide-in-bottom 0.3s ease-out 0.3s both; +} + +/* Initial loading state for animated elements - only on HVAC pages */ +.hvac-content .hvac-animate-fade-in, +.hvac-content .hvac-animate-scale-up, +.hvac-content .hvac-animate-slide-in-right, +.hvac-content .hvac-animate-slide-in-left, +.hvac-content .hvac-animate-slide-in-bottom, +.hvac-content .hvac-dashboard-stats .hvac-stat-card, +.hvac-content .hvac-event-summary-stats .hvac-event-stat-card { + + opacity: 0; +} + +/* Focus Animation Styles */ +/* Smooth transitions for focus indicators */ + +.hvac-content *:focus { + + -webkit-transition: outline 0.2s ease-out, + box-shadow 0.2s ease-out, + background-color 0.2s ease-out; +} + +/* Focus indicator animation for better visibility */ +@keyframes focus-pulse { + 0% { + + -webkit-box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.3); + + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.3); } + 50% { + + -webkit-box-shadow: 0 0 0 5px rgba(0, 95, 204, 0.2); +} + 100% { + + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.3); } +} + +/* Apply focus pulse to critical interactive elements */ +.hvac-button:focus, +.hvac-email-submit:focus, +.hvac-content button[type="submit"]:focus { + -webkit-animation: focus-pulse 2s ease-in-out infinite; +} + +/* Disable focus animations for reduced motion users */ + +/* Reduced Motion Support Added - WCAG 2.1 Accessibility */ +/* Respects user preference for reduced motion to prevent vestibular disorders */ + +@media (prefers-reduced-motion: reduce) { + /* Disable all animations and transitions globally */ + *, *::before, *::after { + animation-duration: 0.001ms !important; + + animation-delay: 0s !important; + + animation-iteration-count: 1 !important; + + transition-duration: 0.001ms !important; + + transition-delay: 0s !important; + + scroll-behavior: auto !important; + +} + + /* Remove specific transform animations */ + .hvac-animate-fade-in, + .hvac-animate-scale-up, + .hvac-animate-pulse, + .hvac-animate-slide-in-right, + .hvac-animate-slide-in-left, + .hvac-animate-slide-in-bottom { + + animation: none !important; + + opacity: 1 !important; + + transform: none !important; + } + + /* Disable hover transformations */ + .hvac-card:hover, + .hvac-stat-card: hover, + .hvac-event-stat-card: hover, + .hvac-button: hover, + .hvac-email-submit: hover { + transform: none !important; + + animation: none !important; + } + + /* Keep essential visual feedback but remove motion */ + .hvac-card:hover, + .hvac-stat-card: hover, + .hvac-event-stat-card: hover { + border-color: var(--hvac-primary, #0274be) !important; + + box-shadow: 0 0 0 2px rgba(2, 116, 190, 0.2) !important; + } + + /* Disable loading spinner animation but keep visibility */ + .hvac-loading::after { + animation: none !important; + + border-radius: 50% !important; + + border: 2px solid rgba(0, 0, 0, 0.2) !important; + + border-top-color: #333 !important; + } + + /* Disable focus pulse animation */ + .hvac-button:focus, +.hvac-email-submit:focus, + .hvac-content button[type="submit"]:focus { + animation: none !important; + } + + /* Ensure smooth scrolling is disabled */ + html { + + scroll-behavior: auto !important; + } + + /* Disable CSS Grid/Flexbox animations if any */ + .hvac-dashboard-stats .hvac-stat-card:nth-child(n), + .hvac-event-summary-stats .hvac-event-stat-card: nth-child(n) { + animation: none !important; + + opacity: 1 !important; + } +} + +/* Provide alternative visual feedback for reduced motion users */ +@media (prefers-reduced-motion: reduce) { + /* Enhanced border feedback instead of transform */ + .hvac-content button: hover, + .hvac-content input[type="submit"]:hover, + .hvac-content a: hover { + outline: 2px solid var(--hvac-primary, #0274be) !important; + + outline-offset: 2px !important; + +} + + /* Enhanced color changes for interactive elements */ + .hvac-attendee-item:hover { + background-color: var(--hvac-primary-light, #e6f3fb) !important; + + border-left: 4px solid var(--hvac-primary, #0274be) !important; + } + + /* Static loading indicator */ + .hvac-loading { + + opacity: 0.7 !important; + } + +.hvac-loading::after { + content: "Loading..." !important; + + display: inline-block !important; + + font-size: 12px !important; + + color: #666 !important; + + border: none !important; + + background: none !important; + + border-radius: 0 !important; + + width: auto !important; + + height: auto !important; + + position: static !important; + + margin-left: 8px !important; + } +} + +@media (prefers-reduced-motion: reduce) { + .hvac-content *:focus { + -webkit-transition: none; + + -webkit-animation: none; + +} +} + +/* Disable animations for users who prefer reduced motion */ +@media (prefers-reduced-motion: reduce) { + *, *::before, *::after { + animation-duration: 0.001s !important; + + animation-delay: 0s !important; + + transition-duration: 0.001s !important; + +} + +.hvac-content .hvac-animate-fade-in, + .hvac-content .hvac-animate-scale-up, + .hvac-content .hvac-animate-slide-in-right, + .hvac-content .hvac-animate-slide-in-left, + .hvac-content .hvac-animate-slide-in-bottom, + .hvac-content .hvac-dashboard-stats .hvac-stat-card, + .hvac-content .hvac-event-summary-stats .hvac-event-stat-card { + + opacity: 1; + } +} + +/* 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; + + -webkit-box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + + -webkit-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); + + -webkit-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; + + -webkit-box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + + outline: 2px solid #005fcc; + + outline-offset: 2px; +} + +/* Feature Detection Support */ +@supports not (; + + display: flex) { + .hvac-content [class*="flex"] { + display: table-cell; + + vertical-align: middle; + } +} + +@supports not (; + + display: grid) { + .hvac-content [class*="grid"] { + display: block; + + overflow: hidden; + } + +.hvac-content [class*="grid"] > * { + + float: left; + + width: 50%; + } +} \ No newline at end of file diff --git a/assets/css/hvac-certificate-reports.css b/assets/css/hvac-certificate-reports.css new file mode 100644 index 00000000..fd0276aa --- /dev/null +++ b/assets/css/hvac-certificate-reports.css @@ -0,0 +1,196 @@ +/** + * Certificate Reports Styles + * + * Styles for the certificate reports page + * Extracted from inline styles for better theme integration + */ + +/* Certificate Reports Content Container */ +.hvac-certificate-reports-content { + max-width: 1200px; + margin: 0 auto; + padding: 20px; +} + +.hvac-page-header { + margin-bottom: 30px; +} + +.hvac-page-header h1 { + margin-bottom: 10px; +} + +/* Statistics Grid */ +.hvac-stats-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 20px; + margin-bottom: 40px; +} + +.hvac-stat-card { + background: #f5f5f5; + border-radius: 8px; + padding: 20px; + text-align: center; + border: 1px solid #e0e0e0; +} + +.hvac-stat-label { + font-size: 14px; + color: #666; + text-transform: uppercase; + margin-bottom: 10px; +} + +.hvac-stat-value { + font-size: 36px; + font-weight: bold; + color: #0073aa; +} + +/* Filter Form */ +.hvac-filter-form { + background: #f9f9f9; + padding: 20px; + border-radius: 8px; + margin-bottom: 30px; +} + +.hvac-filter-row { + display: flex; + gap: 20px; + align-items: flex-end; + flex-wrap: wrap; +} + +.hvac-filter-group { + flex: 1; + min-width: 200px; +} + +.hvac-filter-group label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} + +.hvac-filter-group select { + width: 100%; + padding: 8px; + border: 1px solid #ddd; + border-radius: 4px; +} + +/* Table Styles */ +.hvac-table-wrapper { + overflow-x: auto; +} + +.hvac-certificates-table { + width: 100%; + border-collapse: collapse; + background: white; + border: 1px solid #ddd; +} + +.hvac-certificates-table th, +.hvac-certificates-table td { + padding: 12px; + text-align: left; + border-bottom: 1px solid #eee; +} + +.hvac-certificates-table th { + background: #f5f5f5; + font-weight: bold; +} + +.hvac-certificates-table tr:hover { + background: #f9f9f9; +} + +/* Status Styles */ +.hvac-status { + display: inline-block; + padding: 4px 8px; + border-radius: 4px; + font-size: 12px; + font-weight: bold; +} + +.hvac-status-active { + background: #d4edda; + color: #155724; +} + +.hvac-status-revoked { + background: #f8d7da; + color: #721c24; +} + +/* Action Links */ +.hvac-actions { + display: flex; + gap: 10px; + flex-wrap: wrap; +} + +.hvac-action-link { + color: #0073aa; + text-decoration: none; + font-size: 14px; +} + +.hvac-action-link:hover { + text-decoration: underline; +} + +/* Notices */ +.hvac-notice { + padding: 20px; + border-radius: 8px; + margin-bottom: 20px; +} + +.hvac-notice-info { + background: #e3f2fd; + border: 1px solid #90caf9; + color: #1565c0; +} + +/* Buttons */ +.hvac-button { + display: inline-block; + padding: 10px 20px; + border: none; + border-radius: 4px; + font-size: 16px; + cursor: pointer; + text-decoration: none; + transition: background-color 0.3s; +} + +.hvac-button-primary { + background: #0073aa; + color: white; +} + +.hvac-button-primary:hover { + background: #005a87; +} + +/* Responsive */ +@media (max-width: 768px) { + .hvac-stats-grid { + grid-template-columns: 1fr 1fr; + } + + .hvac-filter-row { + flex-direction: column; + } + + .hvac-filter-group { + width: 100%; + } +} \ No newline at end of file diff --git a/assets/css/hvac-certificates-admin.css b/assets/css/hvac-certificates-admin.css new file mode 100644 index 00000000..8be4ea32 --- /dev/null +++ b/assets/css/hvac-certificates-admin.css @@ -0,0 +1,253 @@ +/** + * Certificate Admin Styles + * + * Styles for the certificate management pages. + */ + +/* Certificate preview container */ +.hvac-certificate-preview { + border: 1px solid #ddd; + background-color: #f9f9f9; + padding: 20px; + margin-bottom: 20px; + text-align: center; + position: relative; +} + +.hvac-certificate-preview img { + max-width: 100%; + height: auto; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); +} + +/* Certificate settings form */ +.hvac-certificate-settings { + max-width: 800px; + margin-bottom: 30px; +} + +.hvac-certificate-settings .form-table th { + width: 200px; +} + +.hvac-certificate-settings .color-picker { + width: 80px; +} + +.hvac-certificate-placeholder-list { + background: #f5f5f5; + padding: 10px 15px; + border-left: 4px solid #0074be; + margin-bottom: 20px; +} + +.hvac-certificate-placeholder-list code { + margin-right: 10px; + background: #fff; + padding: 2px 4px; +} + +/* Certificate generation button */ +.hvac-generate-certificate-btn { + background-color: #0074be; + color: #fff; + border: none; + padding: 10px 15px; + cursor: pointer; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 0.5px; + border-radius: 3px; +} + +.hvac-generate-certificate-btn:hover { + background-color: #005fa0; +} + +/* Certificate statistics */ +.hvac-certificate-stats { + display: flex; + margin-bottom: 20px; +} + +.hvac-certificate-stat-box { + flex: 1; + padding: 15px; + margin-right: 15px; + background-color: #fff; + border: 1px solid #ddd; + border-left: 5px solid; + text-align: center; +} + +.hvac-certificate-stat-box:last-child { + margin-right: 0; +} + +.hvac-certificate-stat-box.active { + border-left-color: #46b450; +} + +.hvac-certificate-stat-box.revoked { + border-left-color: #dc3232; +} + +.hvac-certificate-stat-box.total { + border-left-color: #0074be; +} + +.hvac-certificate-stat-box h3 { + margin-top: 0; + color: #555; + font-size: 14px; + text-transform: uppercase; +} + +.hvac-certificate-stat-box .stat-number { + font-size: 24px; + font-weight: bold; + margin: 10px 0; + color: #333; +} + +/* Certificate table */ +.hvac-certificates-table { + width: 100%; + border-collapse: collapse; + border: 1px solid #ddd; +} + +.hvac-certificates-table th, +.hvac-certificates-table td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #ddd; +} + +.hvac-certificates-table th { + background-color: #f5f5f5; + font-weight: bold; +} + +.hvac-certificates-table tr:hover { + background-color: #f9f9f9; +} + +.hvac-certificates-table .status-active, +.hvac-certificates-table .status-revoked { + padding: 5px 8px; + border-radius: 3px; + font-size: 12px; + font-weight: bold; + text-transform: uppercase; +} + +.hvac-certificates-table .status-active { + background-color: #e7f9e7; + color: #46b450; +} + +.hvac-certificates-table .status-revoked { + background-color: #f9e7e7; + color: #dc3232; +} + +.hvac-certificates-table .certificate-actions a { + margin-right: 10px; +} + +/* Media Queries */ +@media (max-width: 768px) { + .hvac-certificate-stats { + flex-direction: column; + } + + .hvac-certificate-stat-box { + margin-right: 0; + margin-bottom: 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; +} diff --git a/assets/css/hvac-certificates-enhanced.css b/assets/css/hvac-certificates-enhanced.css new file mode 100644 index 00000000..4d609c5f --- /dev/null +++ b/assets/css/hvac-certificates-enhanced.css @@ -0,0 +1,684 @@ +/** + * HVAC Certificates - Enhanced Styling + * + * Updated certificate styling using the harmonized framework + * for Generate Certificates and Certificate Reports pages. + * + * @version 3.0.0 + */ + +/* Certificate pages wrapper */ +.hvac-certificates-page { + background-color: var(--hvac-theme-background); + min-height: 70vh; + padding: var(--hvac-spacing-6) 0; +} + +/* Main container */ +.hvac-certificates-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 var(--hvac-spacing-4); +} + +/* Page header */ +.hvac-certificates-header { + background: linear-gradient(135deg, var(--hvac-primary) 0%, var(--hvac-accent) 100%); + color: white; + padding: var(--hvac-spacing-8) var(--hvac-spacing-6); + border-radius: var(--hvac-radius-xl); + margin-bottom: var(--hvac-spacing-8); + box-shadow: var(--hvac-shadow-lg); + position: relative; + overflow: hidden; +} + +.hvac-certificates-header::before { + content: ''; + position: absolute; + top: -50px; + right: -50px; + width: 200px; + height: 200px; + background: rgba(255, 255, 255, 0.1); + border-radius: 50%; + transform: scale(0.8); +} + +.hvac-certificates-header h1 { + font-size: var(--hvac-font-size-3xl); + font-weight: var(--hvac-font-weight-bold); + margin: 0 0 var(--hvac-spacing-2) 0; + color: white; +} + +.hvac-certificates-header p { + font-size: var(--hvac-font-size-lg); + margin: 0; + opacity: 0.9; + color: white; +} + +/* Navigation breadcrumb */ +.hvac-certificates-nav { + display: flex; + gap: var(--hvac-spacing-3); + flex-wrap: wrap; + margin-top: var(--hvac-spacing-6); +} + +.hvac-certificates-nav .hvac-btn { + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.3); + color: white; + backdrop-filter: blur(10px); +} + +.hvac-certificates-nav .hvac-btn:hover { + background-color: rgba(255, 255, 255, 0.25); + transform: translateY(-2px); +} + +/* Main content area */ +.hvac-certificates-content { + background-color: var(--hvac-background-white); + border-radius: var(--hvac-radius-xl); + box-shadow: var(--hvac-shadow-lg); + border: 1px solid var(--hvac-border); + overflow: hidden; + margin-bottom: var(--hvac-spacing-8); +} + +/* Section headers */ +.hvac-certificates-section-header { + background: linear-gradient(135deg, var(--hvac-secondary-light) 0%, var(--hvac-background-gray) 100%); + padding: var(--hvac-spacing-5) var(--hvac-spacing-6); + border-bottom: 1px solid var(--hvac-border); +} + +.hvac-certificates-section-header h2 { + margin: 0; + color: var(--hvac-theme-text-dark); + font-size: var(--hvac-font-size-xl); + font-weight: var(--hvac-font-weight-semibold); +} + +/* Form sections */ +.hvac-certificates-form-section { + padding: var(--hvac-spacing-6); + border-bottom: 1px solid var(--hvac-border-light); +} + +.hvac-certificates-form-section:last-child { + border-bottom: none; +} + +.hvac-certificates-form-section h3 { + margin-top: 0; + margin-bottom: var(--hvac-spacing-4); + color: var(--hvac-theme-text-dark); + font-size: var(--hvac-font-size-lg); + font-weight: var(--hvac-font-weight-semibold); + display: flex; + align-items: center; + gap: var(--hvac-spacing-2); +} + +.hvac-section-number { + background-color: var(--hvac-primary); + color: white; + width: 28px; + height: 28px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: var(--hvac-font-size-sm); + font-weight: var(--hvac-font-weight-bold); +} + +/* Enhanced form controls */ +.hvac-certificates-form-group { + margin-bottom: var(--hvac-spacing-5); +} + +.hvac-certificates-form-label { + display: block; + margin-bottom: var(--hvac-spacing-2); + font-weight: var(--hvac-font-weight-semibold); + color: var(--hvac-theme-text-dark); + font-size: var(--hvac-font-size-sm); +} + +.hvac-certificates-select, +.hvac-certificates-input { + width: 100%; + padding: var(--hvac-spacing-3) var(--hvac-spacing-4); + border: 2px solid var(--hvac-border); + border-radius: var(--hvac-radius-lg); + font-size: var(--hvac-font-size-md); + font-family: var(--hvac-font-family); + background-color: var(--hvac-background-white); + transition: all var(--hvac-transition-fast); + box-sizing: border-box; +} + +.hvac-certificates-select:focus, +.hvac-certificates-input:focus { + border-color: var(--hvac-primary); + box-shadow: 0 0 0 3px var(--hvac-primary-light); + outline: none; +} + +.hvac-certificates-select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 0.75rem center; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 2.5rem; + appearance: none; +} + +/* Attendee selection area */ +.hvac-attendees-section { + background-color: var(--hvac-primary-subtle); + border: 2px dashed var(--hvac-primary); + border-radius: var(--hvac-radius-lg); + padding: var(--hvac-spacing-6); + margin: var(--hvac-spacing-5) 0; + transition: all var(--hvac-transition-normal); +} + +.hvac-attendees-section.hvac-attendees-loaded { + background-color: var(--hvac-background-white); + border-style: solid; + box-shadow: var(--hvac-shadow-md); +} + +.hvac-attendees-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); + gap: var(--hvac-spacing-4); + margin-top: var(--hvac-spacing-4); +} + +.hvac-attendee-card { + background-color: var(--hvac-background-white); + border: 1px solid var(--hvac-border); + border-radius: var(--hvac-radius-lg); + padding: var(--hvac-spacing-4); + transition: all var(--hvac-transition-fast); + cursor: pointer; + position: relative; +} + +.hvac-attendee-card:hover { + transform: translateY(-2px); + box-shadow: var(--hvac-shadow-md); + border-color: var(--hvac-primary); +} + +.hvac-attendee-card.selected { + border-color: var(--hvac-primary); + background-color: var(--hvac-primary-light); + box-shadow: var(--hvac-shadow-md); +} + +.hvac-attendee-checkbox { + position: absolute; + top: var(--hvac-spacing-3); + right: var(--hvac-spacing-3); + width: 18px; + height: 18px; + accent-color: var(--hvac-primary); +} + +.hvac-attendee-info h4 { + margin: 0 0 var(--hvac-spacing-1) 0; + color: var(--hvac-theme-text-dark); + font-size: var(--hvac-font-size-md); + font-weight: var(--hvac-font-weight-semibold); +} + +.hvac-attendee-info p { + margin: 0; + color: var(--hvac-theme-text-light); + font-size: var(--hvac-font-size-sm); +} + +/* Action buttons */ +.hvac-certificates-actions { + padding: var(--hvac-spacing-6); + background-color: var(--hvac-background-gray); + border-top: 1px solid var(--hvac-border); + display: flex; + gap: var(--hvac-spacing-4); + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +.hvac-certificates-actions-left { + display: flex; + gap: var(--hvac-spacing-3); + align-items: center; +} + +.hvac-certificates-actions-right { + display: flex; + gap: var(--hvac-spacing-3); + align-items: center; +} + +/* Results and messages */ +.hvac-certificates-results { + margin-top: var(--hvac-spacing-6); + padding: var(--hvac-spacing-6); + background-color: var(--hvac-success-light); + border: 1px solid var(--hvac-success); + border-radius: var(--hvac-radius-lg); + color: var(--hvac-success); +} + +.hvac-certificates-error { + margin-top: var(--hvac-spacing-6); + padding: var(--hvac-spacing-6); + background-color: var(--hvac-error-light); + border: 1px solid var(--hvac-error); + border-radius: var(--hvac-radius-lg); + color: var(--hvac-error); +} + +/* Certificate previews */ +.hvac-certificate-previews { + margin-top: var(--hvac-spacing-6); + padding: var(--hvac-spacing-6); + background-color: var(--hvac-background-white); + border: 1px solid var(--hvac-border); + border-radius: var(--hvac-radius-lg); + box-shadow: var(--hvac-shadow-md); +} + +.hvac-certificate-previews h4 { + margin-top: 0; + margin-bottom: var(--hvac-spacing-4); + color: var(--hvac-theme-text-dark); +} + +.hvac-preview-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + gap: var(--hvac-spacing-3); +} + +.hvac-preview-button { + display: flex; + align-items: center; + gap: var(--hvac-spacing-2); + padding: var(--hvac-spacing-3) var(--hvac-spacing-4); + background-color: var(--hvac-accent-light); + border: 1px solid var(--hvac-accent); + border-radius: var(--hvac-radius-md); + color: var(--hvac-accent); + text-decoration: none; + font-size: var(--hvac-font-size-sm); + font-weight: var(--hvac-font-weight-medium); + transition: all var(--hvac-transition-fast); +} + +.hvac-preview-button:hover { + background-color: var(--hvac-accent); + color: white; + transform: translateY(-1px); + box-shadow: var(--hvac-shadow-md); + text-decoration: none; +} + +/* Certificate reports specific styles */ +.hvac-certificate-stats { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: var(--hvac-spacing-4); + margin-bottom: var(--hvac-spacing-8); +} + +.hvac-stat-card { + background: linear-gradient(135deg, var(--hvac-background-white) 0%, var(--hvac-primary-subtle) 100%); + border: 1px solid var(--hvac-border); + border-radius: var(--hvac-radius-xl); + padding: var(--hvac-spacing-5); + text-align: center; + box-shadow: var(--hvac-shadow-md); + position: relative; + overflow: hidden; +} + +.hvac-stat-card::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 4px; + background: linear-gradient(90deg, var(--hvac-primary), var(--hvac-accent)); +} + +.hvac-stat-number { + font-size: var(--hvac-font-size-3xl); + font-weight: var(--hvac-font-weight-bold); + color: var(--hvac-primary); + margin-bottom: var(--hvac-spacing-1); + line-height: 1; +} + +.hvac-stat-label { + font-size: var(--hvac-font-size-sm); + color: var(--hvac-theme-text); + font-weight: var(--hvac-font-weight-medium); + margin: 0; + text-transform: uppercase; + letter-spacing: 0.05em; +} + +/* Certificate table */ +.hvac-certificate-table-container { + background-color: var(--hvac-background-white); + border-radius: var(--hvac-radius-xl); + box-shadow: var(--hvac-shadow-lg); + overflow: hidden; + border: 1px solid var(--hvac-border); +} + +.hvac-certificate-table { + width: 100%; + border-collapse: collapse; + margin: 0; +} + +.hvac-certificate-table th { + background: linear-gradient(135deg, var(--hvac-secondary-light) 0%, var(--hvac-background-gray) 100%); + color: var(--hvac-theme-text-dark); + font-weight: var(--hvac-font-weight-semibold); + text-align: left; + padding: var(--hvac-spacing-4) var(--hvac-spacing-5); + border-bottom: 2px solid var(--hvac-border); + font-size: var(--hvac-font-size-sm); + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.hvac-certificate-table td { + padding: var(--hvac-spacing-4) var(--hvac-spacing-5); + border-bottom: 1px solid var(--hvac-border-light); + vertical-align: middle; + font-size: var(--hvac-font-size-sm); +} + +.hvac-certificate-table tbody tr:hover { + background-color: var(--hvac-primary-subtle); +} + +.hvac-certificate-table tbody tr:last-child td { + border-bottom: none; +} + +/* Certificate status badges */ +.hvac-certificate-status { + display: inline-flex; + align-items: center; + padding: var(--hvac-spacing-1) var(--hvac-spacing-3); + border-radius: var(--hvac-radius-lg); + font-size: var(--hvac-font-size-xs); + font-weight: var(--hvac-font-weight-medium); + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.hvac-certificate-status--active { + background-color: var(--hvac-success-light); + color: var(--hvac-success); + border: 1px solid var(--hvac-success); +} + +.hvac-certificate-status--revoked { + background-color: var(--hvac-error-light); + color: var(--hvac-error); + border: 1px solid var(--hvac-error); +} + +.hvac-certificate-status--pending { + background-color: var(--hvac-warning-light); + color: var(--hvac-warning); + border: 1px solid var(--hvac-warning); +} + +/* Certificate actions */ +.hvac-certificate-actions { + display: flex; + gap: var(--hvac-spacing-2); + align-items: center; +} + +.hvac-certificate-actions .hvac-btn { + padding: var(--hvac-spacing-1) var(--hvac-spacing-3); + font-size: var(--hvac-font-size-xs); + min-height: 32px; +} + +/* Loading states */ +.hvac-certificates-loading { + text-align: center; + padding: var(--hvac-spacing-8); + color: var(--hvac-theme-text-light); +} + +.hvac-certificates-spinner { + width: 32px; + height: 32px; + border: 3px solid var(--hvac-border); + border-top: 3px solid var(--hvac-primary); + border-radius: 50%; + animation: hvac-spin 1s linear infinite; + margin: 0 auto var(--hvac-spacing-4); +} + +/* Empty states */ +.hvac-certificates-empty { + text-align: center; + padding: var(--hvac-spacing-12) var(--hvac-spacing-6); + background-color: var(--hvac-background-white); + border-radius: var(--hvac-radius-xl); + border: 2px dashed var(--hvac-border); + color: var(--hvac-theme-text-light); +} + +.hvac-certificates-empty-icon { + font-size: 4rem; + margin-bottom: var(--hvac-spacing-4); + color: var(--hvac-border-dark); +} + +.hvac-certificates-empty h3 { + color: var(--hvac-theme-text); + margin-bottom: var(--hvac-spacing-3); +} + +/* Responsive design */ +@media (max-width: 768px) { + .hvac-certificates-container { + padding: 0 var(--hvac-spacing-3); + } + + .hvac-certificates-header { + padding: var(--hvac-spacing-6) var(--hvac-spacing-4); + text-align: center; + } + + .hvac-certificates-header h1 { + font-size: var(--hvac-font-size-2xl); + } + + .hvac-certificates-form-section { + padding: var(--hvac-spacing-4); + } + + .hvac-certificate-stats { + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + gap: var(--hvac-spacing-3); + } + + .hvac-attendees-grid { + grid-template-columns: 1fr; + } + + .hvac-certificates-actions { + flex-direction: column; + gap: var(--hvac-spacing-3); + align-items: stretch; + } + + .hvac-certificates-actions-left, + .hvac-certificates-actions-right { + justify-content: center; + } + + .hvac-preview-grid { + grid-template-columns: 1fr; + } +} + +@media (max-width: 480px) { + .hvac-certificates-header, + .hvac-certificates-form-section { + padding: var(--hvac-spacing-3); + } + + .hvac-certificate-table-container { + overflow-x: auto; + } + + .hvac-certificate-table th, + .hvac-certificate-table td { + padding: var(--hvac-spacing-2) var(--hvac-spacing-3); + font-size: var(--hvac-font-size-xs); + } + + .hvac-certificate-actions { + flex-direction: column; + gap: var(--hvac-spacing-1); + } + + .hvac-certificate-actions .hvac-btn { + width: 100%; + justify-content: center; + } +} + +/* Print styles */ + + +/* 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; +} + +@media print { + .hvac-certificates-page { + background: white; + } + + .hvac-certificates-header { + background: #000; + color: white; + box-shadow: none; + } + + .hvac-certificates-content, + .hvac-certificate-table-container { + box-shadow: none; + border: 1px solid #000; + } + + .hvac-certificates-actions { + display: none; + } +} \ No newline at end of file diff --git a/assets/css/hvac-generate-certificates.css b/assets/css/hvac-generate-certificates.css new file mode 100644 index 00000000..1fe8843d --- /dev/null +++ b/assets/css/hvac-generate-certificates.css @@ -0,0 +1,165 @@ +/** + * Generate Certificates Styles + * + * Styles for the generate certificates page + * Extracted from inline styles for better theme integration + */ + +/* Generate Certificates Content Container */ +.hvac-generate-certificates-content { + max-width: 1200px; + margin: 0 auto; + padding: 20px; +} + +.hvac-page-header { + margin-bottom: 30px; +} + +.hvac-page-header h1 { + margin-bottom: 10px; +} + +/* Event Selection */ +.hvac-event-selection { + background: #f9f9f9; + padding: 20px; + border-radius: 8px; + margin-bottom: 30px; +} + +.hvac-form-group { + margin-bottom: 20px; +} + +.hvac-form-group label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} + +.hvac-form-group select { + width: 100%; + max-width: 500px; + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + font-size: 16px; +} + +/* Actions Bar */ +.hvac-actions-bar { + display: flex; + gap: 10px; + margin-bottom: 20px; + flex-wrap: wrap; +} + +/* Table Styles */ +.hvac-table-wrapper { + overflow-x: auto; + background: white; + border: 1px solid #ddd; + border-radius: 8px; +} + +.hvac-attendees-table { + width: 100%; + border-collapse: collapse; +} + +.hvac-attendees-table th, +.hvac-attendees-table td { + padding: 12px; + text-align: left; + border-bottom: 1px solid #eee; +} + +.hvac-attendees-table th { + background: #f5f5f5; + font-weight: bold; +} + +.hvac-attendees-table tr:hover { + background: #f9f9f9; +} + +/* Status Styles */ +.hvac-status { + display: inline-block; + padding: 4px 8px; + border-radius: 4px; + font-size: 12px; + font-weight: bold; +} + +.hvac-status-generated { + background: #d4edda; + color: #155724; +} + +.hvac-status-pending { + background: #fff3cd; + color: #856404; +} + +/* Notices */ +.hvac-notice { + padding: 20px; + border-radius: 8px; + margin-bottom: 20px; +} + +.hvac-notice-info { + background: #e3f2fd; + border: 1px solid #90caf9; + color: #1565c0; +} + +.hvac-notice-warning { + background: #fff3cd; + border: 1px solid #ffeaa7; + color: #856404; +} + +/* Buttons */ +.hvac-button { + display: inline-block; + padding: 10px 20px; + border: none; + border-radius: 4px; + font-size: 16px; + cursor: pointer; + text-decoration: none; + transition: background-color 0.3s; +} + +.hvac-button-primary { + background: #0073aa; + color: white; +} + +.hvac-button-primary:hover { + background: #005a87; +} + +.hvac-button-secondary { + background: #6c757d; + color: white; +} + +.hvac-button-secondary:hover { + background: #5a6268; +} + +/* Responsive */ +@media (max-width: 768px) { + .hvac-actions-bar { + flex-direction: column; + } + + .hvac-button { + width: 100%; + text-align: center; + } +} \ No newline at end of file diff --git a/assets/css/hvac-help-system.css b/assets/css/hvac-help-system.css new file mode 100644 index 00000000..e8c9703a --- /dev/null +++ b/assets/css/hvac-help-system.css @@ -0,0 +1,652 @@ +/** + * HVAC Help System Styles + * Styles for welcome guide, tooltips, and documentation + */ + +/* Welcome Modal Styles */ +.hvac-modal-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + z-index: 10000; + display: flex; + align-items: center; + justify-content: center; + opacity: 0; + animation: hvacFadeIn 0.3s ease-out forwards; +} + +.hvac-modal-content { + background: white; + border-radius: 12px; + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); + max-width: 600px; + width: 90%; + max-height: 80vh; + overflow: hidden; + transform: scale(0.9); + animation: hvacSlideUp 0.3s ease-out forwards; +} + +.hvac-modal-header { + background: linear-gradient(135deg, #2c5aa0 0%, #1e4080 100%); + color: white; + padding: 24px 32px; + display: flex; + justify-content: space-between; + align-items: center; +} + +.hvac-modal-header h2 { + margin: 0; + font-size: 1.5rem; + font-weight: 600; +} + +.hvac-modal-close { + background: none; + border: none; + color: white; + font-size: 24px; + cursor: pointer; + padding: 4px; + border-radius: 4px; + transition: background-color 0.2s; +} + +.hvac-modal-close:hover { + background: rgba(255, 255, 255, 0.1); +} + +/* Welcome Cards */ +.hvac-welcome-cards { + position: relative; + height: 320px; + overflow: hidden; +} + +.hvac-welcome-card { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 40px 32px; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; + transform: translateX(100%); + opacity: 0; +} + +.hvac-welcome-card.active { + transform: translateX(0); + opacity: 1; +} + +.hvac-welcome-card.hidden { + transform: translateX(-100%); + opacity: 0; +} + +.hvac-card-icon { + width: 80px; + height: 80px; + background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 24px; + box-shadow: 0 8px 16px rgba(76, 175, 80, 0.3); +} + +.hvac-card-icon i { + font-size: 32px; + color: white; +} + +.hvac-card-content h3 { + color: #2c5aa0; + font-size: 1.4rem; + font-weight: 600; + margin: 0 0 16px 0; +} + +.hvac-card-content p { + color: #555; + font-size: 1rem; + line-height: 1.6; + margin: 0; + max-width: 400px; +} + +/* Modal Navigation */ +.hvac-modal-navigation { + padding: 24px 32px; + display: flex; + justify-content: space-between; + align-items: center; + border-top: 1px solid #eee; +} + +.hvac-nav-btn { + background: #2c5aa0; + color: white; + border: none; + padding: 10px 20px; + border-radius: 6px; + cursor: pointer; + font-weight: 500; + transition: background-color 0.2s; +} + +.hvac-nav-btn:hover:not(:disabled) { + background: #1e4080; +} + +.hvac-nav-btn:disabled { + background: #ccc; + cursor: not-allowed; +} + +.hvac-card-indicators { + display: flex; + gap: 8px; +} + +.hvac-indicator { + width: 10px; + height: 10px; + border-radius: 50%; + background: #ddd; + cursor: pointer; + transition: background-color 0.2s; +} + +.hvac-indicator.active { + background: #2c5aa0; +} + +.hvac-indicator:hover { + background: #4CAF50; +} + +/* Modal Footer */ +.hvac-modal-footer { + padding: 24px 32px; + background: #f9f9f9; + display: flex; + justify-content: space-between; + align-items: center; +} + +.hvac-dismiss-checkbox { + display: flex; + align-items: center; + gap: 8px; + font-size: 0.9rem; + color: #666; + cursor: pointer; +} + +.hvac-primary-btn { + background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); + color: white; + border: none; + padding: 12px 24px; + border-radius: 6px; + font-weight: 600; + cursor: pointer; + transition: transform 0.2s, box-shadow 0.2s; +} + +.hvac-primary-btn:hover { + transform: translateY(-1px); + box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3); +} + +/* Tooltip Styles */ +.hvac-tooltip-wrapper { + position: relative; + display: inline-block; +} + +.hvac-tooltip-wrapper:hover::after { + content: attr(data-tooltip); + position: absolute; + background: #333; + color: white; + padding: 8px 12px; + border-radius: 4px; + font-size: 0.85rem; + white-space: nowrap; + z-index: 1000; + opacity: 0; + animation: hvacTooltipShow 0.2s ease-out 0.3s forwards; +} + +.hvac-tooltip-wrapper:hover::before { + content: ''; + position: absolute; + width: 0; + height: 0; + border: 5px solid transparent; + z-index: 1001; + opacity: 0; + animation: hvacTooltipShow 0.2s ease-out 0.3s forwards; +} + +/* Tooltip positions */ +.hvac-tooltip-wrapper[data-position="top"]:hover::after { + bottom: 100%; + left: 50%; + transform: translateX(-50%); + margin-bottom: 8px; +} + +.hvac-tooltip-wrapper[data-position="top"]:hover::before { + bottom: 100%; + left: 50%; + transform: translateX(-50%); + margin-bottom: 3px; + border-top-color: #333; +} + +.hvac-tooltip-wrapper[data-position="bottom"]:hover::after { + top: 100%; + left: 50%; + transform: translateX(-50%); + margin-top: 8px; +} + +.hvac-tooltip-wrapper[data-position="bottom"]:hover::before { + top: 100%; + left: 50%; + transform: translateX(-50%); + margin-top: 3px; + border-bottom-color: #333; +} + +.hvac-tooltip-wrapper[data-position="left"]:hover::after { + right: 100%; + top: 50%; + transform: translateY(-50%); + margin-right: 8px; +} + +.hvac-tooltip-wrapper[data-position="left"]:hover::before { + right: 100%; + top: 50%; + transform: translateY(-50%); + margin-right: 3px; + border-left-color: #333; +} + +.hvac-tooltip-wrapper[data-position="right"]:hover::after { + left: 100%; + top: 50%; + transform: translateY(-50%); + margin-left: 8px; +} + +.hvac-tooltip-wrapper[data-position="right"]:hover::before { + left: 100%; + top: 50%; + transform: translateY(-50%); + margin-left: 3px; + border-right-color: #333; +} + +/* Documentation Page Styles */ +.hvac-documentation { + max-width: 1200px; + margin: 0 auto; + padding: 32px 16px; +} + +.hvac-doc-header { + text-align: center; + margin-bottom: 48px; +} + +.hvac-doc-header h1 { + color: #2c5aa0; + font-size: 2.5rem; + font-weight: 700; + margin: 0 0 12px 0; +} + +.hvac-doc-subtitle { + color: #666; + font-size: 1.2rem; + margin: 0; +} + +.hvac-doc-navigation { + background: #f8f9fa; + border-radius: 8px; + padding: 24px; + margin-bottom: 32px; + text-align: center; +} + +.hvac-doc-nav { + list-style: none; + padding: 0; + margin: 0; + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 24px; +} + +.hvac-doc-link { + color: #2c5aa0; + text-decoration: none; + font-weight: 500; + padding: 8px 16px; + border-radius: 6px; + transition: background-color 0.2s; +} + +.hvac-doc-link:hover { + background: white; + text-decoration: none; +} + +.hvac-doc-section { + margin-bottom: 48px; + padding: 32px; + background: white; + border-radius: 12px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.hvac-doc-section h2 { + color: #2c5aa0; + font-size: 1.8rem; + font-weight: 600; + margin: 0 0 24px 0; + padding-bottom: 12px; + border-bottom: 3px solid #4CAF50; + display: flex; + align-items: center; + gap: 12px; +} + +.hvac-doc-section h2 i { + color: #4CAF50; +} + +.hvac-doc-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 24px; + margin-top: 24px; +} + +.hvac-doc-card { + background: #f8f9fa; + padding: 24px; + border-radius: 8px; + border-left: 4px solid #4CAF50; +} + +.hvac-doc-card h3 { + color: #2c5aa0; + font-size: 1.2rem; + font-weight: 600; + margin: 0 0 12px 0; +} + +.hvac-doc-card p { + color: #555; + line-height: 1.6; + margin: 0 0 16px 0; +} + +.hvac-doc-btn { + background: #4CAF50; + color: white; + padding: 10px 16px; + border-radius: 6px; + text-decoration: none; + font-weight: 500; + display: inline-block; + transition: background-color 0.2s; +} + +.hvac-doc-btn:hover { + background: #45a049; + text-decoration: none; +} + +.hvac-feature-list { + display: grid; + gap: 24px; + margin-top: 24px; +} + +.hvac-feature { + background: #f8f9fa; + padding: 24px; + border-radius: 8px; + border-left: 4px solid #2c5aa0; +} + +.hvac-feature h3 { + color: #2c5aa0; + font-size: 1.2rem; + font-weight: 600; + margin: 0 0 16px 0; +} + +.hvac-feature p, .hvac-feature ul, .hvac-feature ol { + color: #555; + line-height: 1.6; + margin: 0; +} + +.hvac-feature ul li, .hvac-feature ol li { + margin-bottom: 8px; +} + +.hvac-faq-list { + display: grid; + gap: 16px; + margin-top: 24px; +} + +.hvac-faq-item { + background: #f8f9fa; + padding: 24px; + border-radius: 8px; + border-left: 4px solid #4CAF50; +} + +.hvac-faq-item h3 { + color: #2c5aa0; + font-size: 1.1rem; + font-weight: 600; + margin: 0 0 12px 0; +} + +.hvac-faq-item p { + color: #555; + line-height: 1.6; + margin: 0; +} + +/* Animations */ +@keyframes hvacFadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +@keyframes hvacSlideUp { + from { + transform: scale(0.9) translateY(20px); + opacity: 0; + } + to { + transform: scale(1) translateY(0); + opacity: 1; + } +} + +@keyframes hvacTooltipShow { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Responsive Design */ +@media (max-width: 768px) { + .hvac-modal-content { + width: 95%; + margin: 16px; + } + + .hvac-modal-header, + .hvac-modal-navigation, + .hvac-modal-footer { + padding: 16px 20px; + } + + .hvac-welcome-card { + padding: 32px 20px; + } + + .hvac-modal-header h2 { + font-size: 1.3rem; + } + + .hvac-card-content h3 { + font-size: 1.2rem; + } + + .hvac-card-content p { + font-size: 0.95rem; + } + + .hvac-modal-footer { + flex-direction: column; + gap: 16px; + align-items: stretch; + } + + .hvac-primary-btn { + width: 100%; + text-align: center; + } + + .hvac-doc-nav { + flex-direction: column; + align-items: center; + } + + .hvac-doc-grid { + grid-template-columns: 1fr; + } + + .hvac-documentation { + padding: 16px 8px; + } + + .hvac-doc-section { + padding: 20px; + } + + .hvac-doc-header h1 { + font-size: 2rem; + } +} + +/* 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; +} diff --git a/assets/css/hvac-menu-system.css b/assets/css/hvac-menu-system.css new file mode 100644 index 00000000..4211d4fe --- /dev/null +++ b/assets/css/hvac-menu-system.css @@ -0,0 +1,204 @@ +/** + * HVAC Menu System Styles + * WordPress-compliant navigation styling + */ + +/* Increase specificity to override theme styles */ +.hvac-page-wrapper .hvac-trainer-menu-wrapper, +.hvac-trainer-menu-wrapper { + background: #ffffff !important; + border-bottom: 1px solid #e0e0e0 !important; + margin-bottom: 20px !important; + padding: 0 !important; + box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; + width: 100% !important; + display: block !important; +} + +.hvac-trainer-nav { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; +} + +.hvac-page-wrapper .hvac-trainer-menu, +.hvac-trainer-menu { + display: flex !important; + list-style: none !important; + margin: 0 !important; + padding: 0 !important; + align-items: center !important; + flex-wrap: wrap !important; + flex-direction: row !important; +} + +/* Position help menu item to the far right */ +.hvac-trainer-menu .hvac-help-menu-item { + margin-left: auto !important; + order: 999 !important; /* Ensure it's always last */ +} + +/* Style the help menu icon */ +.hvac-trainer-menu .hvac-help-menu-item a { + padding: 15px 10px !important; + font-size: 18px !important; + display: flex !important; + align-items: center !important; + justify-content: center !important; + min-width: 40px !important; +} + +.hvac-trainer-menu .hvac-help-menu-item .dashicons { + font-size: 18px !important; +} + +.hvac-page-wrapper .hvac-trainer-menu .menu-item, +.hvac-trainer-menu .menu-item { + position: relative !important; + margin: 0 !important; + padding: 0 !important; + display: inline-flex !important; + list-style: none !important; +} + +.hvac-trainer-menu .menu-item > a, +.hvac-trainer-menu .menu-item > .menu-toggle { + display: flex; + align-items: center; + padding: 15px 20px; + text-decoration: none; + color: #333; + font-weight: 500; + transition: all 0.3s ease; + cursor: pointer; + border: none; + background: none; + font-size: 14px; +} + +.hvac-trainer-menu .menu-item > a:hover, +.hvac-trainer-menu .menu-item > .menu-toggle:hover { + background-color: #f8f9fa; + color: #007cba; +} + +.hvac-trainer-menu .menu-item.has-children > .menu-toggle { + position: relative; +} + +.hvac-trainer-menu .menu-item .dashicons { + margin-right: 8px; + font-size: 16px; +} + +.hvac-trainer-menu .dropdown-arrow { + margin-left: 8px; + font-size: 12px; + transition: transform 0.3s ease; +} + +.hvac-trainer-menu .menu-item.has-children.open .dropdown-arrow { + transform: rotate(180deg); +} + +.hvac-trainer-menu .sub-menu { + position: absolute; + top: 100%; + left: 0; + background: #ffffff; + border: 1px solid #e0e0e0; + border-radius: 4px; + box-shadow: 0 4px 8px rgba(0,0,0,0.1); + list-style: none; + margin: 0; + padding: 8px 0; + min-width: 200px; + z-index: 9999; + display: none; +} + +.hvac-trainer-menu .menu-item.has-children.open .sub-menu { + display: block; +} + +.hvac-trainer-menu .sub-menu .menu-item { + width: 100%; +} + +.hvac-trainer-menu .sub-menu .menu-item > a { + padding: 12px 20px; + font-weight: 400; + white-space: nowrap; +} + +.hvac-trainer-menu .sub-menu .menu-item > a:hover { + background-color: #f8f9fa; + color: #007cba; +} + +.hvac-trainer-menu .sub-menu .sub-menu { + position: absolute; + top: 0; + left: 100%; + margin-left: 1px; +} + +/* Special styling for logout */ +.hvac-trainer-menu .menu-item-logout { + margin-left: auto; +} + +.hvac-trainer-menu .menu-item-logout > a { + color: #d63638; +} + +.hvac-trainer-menu .menu-item-logout > a:hover { + background-color: #f8d7da; + color: #721c24; +} + +/* Mobile responsive */ +@media (max-width: 768px) { + .hvac-trainer-menu { + flex-direction: column; + align-items: stretch; + } + + .hvac-trainer-menu .menu-item { + width: 100%; + } + + .hvac-trainer-menu .menu-item > a, + .hvac-trainer-menu .menu-item > .menu-toggle { + justify-content: space-between; + border-bottom: 1px solid #f0f0f0; + } + + .hvac-trainer-menu .sub-menu { + position: static; + box-shadow: none; + border: none; + border-left: 3px solid #007cba; + margin-left: 20px; + background: #f8f9fa; + } + + .hvac-trainer-menu .menu-item-logout { + margin-left: 0; + border-top: 2px solid #e0e0e0; + margin-top: 10px; + padding-top: 10px; + } +} + +/* Active page highlighting */ +.hvac-trainer-menu .menu-item.current-menu-item > a, +.hvac-trainer-menu .menu-item.current-menu-parent > a { + background-color: #007cba; + color: #ffffff; +} + +.hvac-trainer-menu .menu-item.current-menu-item > a:hover, +.hvac-trainer-menu .menu-item.current-menu-parent > a:hover { + background-color: #005a87; +} \ No newline at end of file diff --git a/assets/css/hvac-mobile-nav.css b/assets/css/hvac-mobile-nav.css new file mode 100644 index 00000000..58e7f21e --- /dev/null +++ b/assets/css/hvac-mobile-nav.css @@ -0,0 +1,596 @@ +/* Reduced Motion Support Added - 2025-07-23 */ +/* Vendor Prefixes Added - 2025-07-23 */ +/** + * HVAC Community Events Mobile Navigation + * + * This stylesheet provides an enhanced mobile navigation experience + * for the dashboard and other main pages of the HVAC Community Events plugin. + */ + +/* Mobile Navigation Container */ +.hvac-mobile-nav-container { + + display: none; /* Hidden by default, shows on mobile */ +} + +/* Responsive nav toggle button */ +.hvac-mobile-nav-toggle { + + display: none; + + background-color: #0274be; /* IE fallback */; + + background-color: #0274be; /* IE fallback */; + + background-color: var(--hvac-primary); + + color: white; + + border: none; + + padding: 10px; + + -webkit-border-radius: 4px; + + border-radius: 4px; + + border-radius: 4px;/* IE fallback */; + + border-radius: 4px; /* IE fallback */; + + -webkit-border-radius: var(--hvac-border-radius); + + border-radius: var(--hvac-border-radius); + + cursor: pointer; + + font-weight: bold; + + text-align: center; + + width: 100%; + + margin-bottom: 1rem; /* IE fallback */; + + margin-bottom: 1rem; /* IE fallback */; + + margin-bottom: var(--hvac-spacing-md); + + position: relative; + + padding-left: 40px; + + font-size: 1rem; +} + +.hvac-mobile-nav-toggle::before { + content: ""; + + position: absolute; + + left: 15px; + + top: 50%; + + -webkit-transform: translateY(-50%); + + -ms-transform: translateY(-50%); + + width: 18px; + + height: 2px; + + background-color: white; + + -webkit-box-shadow: 0 -5px 0 0 white, 0 5px 0 0 white; + + -webkit-transition: all 0.3s ease; +} + +.hvac-mobile-nav-toggle.active::before { + -webkit-box-shadow: none; + + box-shadow: none; + + -webkit-transform: translateY(-50%) rotate(45deg); + + -ms-transform: translateY(-50%) rotate(45deg); +} + +.hvac-mobile-nav-toggle.active::after { + content: ""; + + position: absolute; + + left: 15px; + + top: 50%; + + width: 18px; + + height: 2px; + + background-color: white; + + -webkit-transform: translateY(-50%) rotate(-45deg); + + -ms-transform: translateY(-50%) rotate(-45deg); +} + +/* Mobile navigation menu */ +.hvac-mobile-nav { + + display: none; + + background-color: white; + + border: 1px solid #e0e0e0; /* IE fallback */; + + border: 1px solid var(--hvac-border); + + border-radius: 4px; /* IE fallback */; + + border-radius: 4px; /* IE fallback */; + + border-radius: var(--hvac-border-radius); + + overflow: hidden; + + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* IE fallback */; + + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* IE fallback */; + + -webkit-box-shadow: var(--hvac-shadow); + + margin-bottom: 1.5rem; /* IE fallback */; + + margin-bottom: 1.5rem; /* IE fallback */; + + margin-bottom: var(--hvac-spacing-lg); + + max-height: 0; + + opacity: 0; + + -webkit-transition: max-height 0.3s ease, opacity 0.2s ease; +} + +.hvac-mobile-nav.open { + + display: block; + + max-height: 500px; + + opacity: 1; +} + +.hvac-mobile-nav ul { + + list-style: none; + + padding: 0; + + margin: 0; +} + +.hvac-mobile-nav li { + + border-bottom: 1px solid #f0f0f0; /* IE fallback */; + + border-bottom: 1px solid var(--hvac-border-light); +} + +.hvac-mobile-nav; + + li: last-child { + border-bottom: none; +} + +.hvac-mobile-nav a { + + display: block; + + padding: 1rem; /* IE fallback */; + + padding: 1rem; /* IE fallback */; + + padding: var(--hvac-spacing-md); + + text-decoration: none; + + color: #333333; /* IE fallback */; + + color: #333333; /* IE fallback */; + + color: var(--hvac-text); + + font-weight: 500; + + -webkit-transition: background-color 0.2s; +} + +.hvac-mobile-nav; + + a: hover, +.hvac-mobile-nav a: focus { + background-color: #e6f3fb; /* IE fallback */; + + background-color: #e6f3fb; /* IE fallback */; + + background-color: var(--hvac-primary-light); + + color: #0274be; /* IE fallback */; + + color: #0274be; /* IE fallback */; + + color: var(--hvac-primary); +} + +.hvac-mobile-nav a.active { + + background-color: #0274be; /* IE fallback */; + + background-color: #0274be; /* IE fallback */; + + background-color: var(--hvac-primary); + + color: white; +} + +/* Mobile nav icon indicator */ +.hvac-mobile-nav a i, +.hvac-mobile-nav a svg { + + margin-right: 0.5rem; /* IE fallback */; + + margin-right: 0.5rem; /* IE fallback */; + + margin-right: var(--hvac-spacing-sm); + + width: 16px; + + text-align: center; +} + +/* Apply to screens smaller than 768px */ + +/* Reduced Motion Support Added - WCAG 2.1 Accessibility */ +/* Respects user preference for reduced motion to prevent vestibular disorders */ + +@media (prefers-reduced-motion: reduce) { + /* Disable all animations and transitions globally */ + *, *::before, *::after { + animation-duration: 0.001ms !important; + + animation-delay: 0s !important; + + animation-iteration-count: 1 !important; + + transition-duration: 0.001ms !important; + + transition-delay: 0s !important; + + scroll-behavior: auto !important; + +} + + /* Remove specific transform animations */ + .hvac-animate-fade-in, + .hvac-animate-scale-up, + .hvac-animate-pulse, + .hvac-animate-slide-in-right, + .hvac-animate-slide-in-left, + .hvac-animate-slide-in-bottom { + + animation: none !important; + + opacity: 1 !important; + + transform: none !important; + } + + /* Disable hover transformations */ + .hvac-card:hover, + .hvac-stat-card: hover, + .hvac-event-stat-card: hover, + .hvac-button: hover, + .hvac-email-submit: hover { + transform: none !important; + + animation: none !important; + } + + /* Keep essential visual feedback but remove motion */ + .hvac-card:hover, + .hvac-stat-card: hover, + .hvac-event-stat-card: hover { + border-color: var(--hvac-primary, #0274be) !important; + + box-shadow: 0 0 0 2px rgba(2, 116, 190, 0.2) !important; + } + + /* Disable loading spinner animation but keep visibility */ + .hvac-loading::after { + animation: none !important; + + border-radius: 50% !important; + + border: 2px solid rgba(0, 0, 0, 0.2) !important; + + border-top-color: #333 !important; + } + + /* Disable focus pulse animation */ + .hvac-button:focus, +.hvac-email-submit:focus, + .hvac-content button[type="submit"]:focus { + animation: none !important; + } + + /* Ensure smooth scrolling is disabled */ + html { + + scroll-behavior: auto !important; + } + + /* Disable CSS Grid/Flexbox animations if any */ + .hvac-dashboard-stats .hvac-stat-card:nth-child(n), + .hvac-event-summary-stats .hvac-event-stat-card: nth-child(n) { + animation: none !important; + + opacity: 1 !important; + } +} + +/* Provide alternative visual feedback for reduced motion users */ +@media (prefers-reduced-motion: reduce) { + /* Enhanced border feedback instead of transform */ + .hvac-content button: hover, + .hvac-content input[type="submit"]:hover, + .hvac-content a: hover { + outline: 2px solid var(--hvac-primary, #0274be) !important; + + outline-offset: 2px !important; + +} + + /* Enhanced color changes for interactive elements */ + .hvac-attendee-item:hover { + background-color: var(--hvac-primary-light, #e6f3fb) !important; + + border-left: 4px solid var(--hvac-primary, #0274be) !important; + } + + /* Static loading indicator */ + .hvac-loading { + + opacity: 0.7 !important; + } + +.hvac-loading::after { + content: "Loading..." !important; + + display: inline-block !important; + + font-size: 12px !important; + + color: #666 !important; + + border: none !important; + + background: none !important; + + border-radius: 0 !important; + + width: auto !important; + + height: auto !important; + + position: static !important; + + margin-left: 8px !important; + } +} + +@media (max-width: 767px) { + /* Hide original navigation */ + .hvac-dashboard-nav, + .hvac-event-summary-actions, + .hvac-email-navigation { + display: none; + +} + + /* Show mobile navigation components */ + .hvac-mobile-nav-container { + + display: block; + } + +.hvac-mobile-nav-toggle { + + display: block; + } + + /* Adjust header spacing */ + .hvac-dashboard-header, + .hvac-event-summary-header, + .hvac-email-header { + + margin-bottom: 1rem; /* IE fallback */; + + margin-bottom: 1rem; /* IE fallback */; + + margin-bottom: var(--hvac-spacing-md); + + padding-bottom: 0.5rem; /* IE fallback */; + + padding-bottom: 0.5rem; /* IE fallback */; + + padding-bottom: var(--hvac-spacing-sm); + } +} + +/* Slide-out navigation for larger mobile screens */ +@media (min-width: 480px) and (max-width: 767px) { + .hvac-mobile-nav { + position: relative; + + -webkit-transform: translateX(-100%); + + -ms-transform: translateX(-100%); + + -webkit-transition: transform 0.3s ease; + + max-height: none; + + opacity: 1; + +} + +.hvac-mobile-nav.open { + + -webkit-transform: translateX(0); + + -ms-transform: translateX(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; + + -webkit-box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + + 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); + + -webkit-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; +} + +/* Feature Detection Support */ +@supports not (; + + display: flex) { + .hvac-content [class*="flex"] { + display: table-cell; + + vertical-align: middle; + } +} + +@supports not (; + + display: grid) { + .hvac-content [class*="grid"] { + display: block; + + overflow: hidden; + } + +.hvac-content [class*="grid"] > * { + + float: left; + + width: 50%; + } +} \ No newline at end of file diff --git a/assets/css/hvac-mobile-responsive.css b/assets/css/hvac-mobile-responsive.css new file mode 100644 index 00000000..10b7eda8 --- /dev/null +++ b/assets/css/hvac-mobile-responsive.css @@ -0,0 +1,1001 @@ +/* + * HVAC Mobile Responsive Optimizations + * Comprehensive mobile-first responsive design improvements + * + * Addresses critical mobile usability issues: + * - Non-responsive tables converted to card layouts + * - Touch-friendly interactions (44x44px minimum) + * - Improved form layouts and spacing + * - Enhanced navigation for mobile devices + * + * @version 1.0.0 + * @author HVAC Community Events Plugin + */ + +/* ==================================== + CRITICAL MOBILE PADDING FIXES + ==================================== */ + +/* Fix cramped mobile layout - ensure minimum 20px padding on all sides */ +@media screen and (max-width: 768px) { + + /* Global mobile container padding */ + .hvac-page-wrapper, + .hvac-trainer-dashboard-page, + .hvac-trainer-profile-page, + .hvac-trainer-registration-page, + .hvac-community-login-wrapper, + .hvac-certificate-reports-page, + .hvac-generate-certificates-page, + .hvac-venue-page, + .hvac-organizer-page, + .hvac-training-leads-page { + padding-left: max(20px, env(safe-area-inset-left)) !important; + padding-right: max(20px, env(safe-area-inset-right)) !important; + box-sizing: border-box !important; + } + + /* Container elements that need proper mobile spacing */ + .container, + .hvac-content, + .site-main, + #primary, + #main { + padding-left: max(20px, env(safe-area-inset-left)) !important; + padding-right: max(20px, env(safe-area-inset-right)) !important; + box-sizing: border-box !important; + width: 100% !important; + max-width: none !important; + } + + /* Override theme constraints that cause narrow content */ + .ast-container, + .ast-single-post .entry-content, + .ast-page-content, + .entry-content { + padding-left: max(20px, env(safe-area-inset-left)) !important; + padding-right: max(20px, env(safe-area-inset-right)) !important; + margin-left: 0 !important; + margin-right: 0 !important; + width: 100% !important; + max-width: none !important; + } + + /* Plugin-specific content areas */ + .hvac-dashboard-content, + .hvac-profile-content, + .hvac-certificate-content, + .hvac-venue-content, + .hvac-organizer-content, + .hvac-registration-content { + padding: 20px !important; + margin: 0 !important; + box-sizing: border-box !important; + } + + /* Cards and panels need internal padding while maintaining outer spacing */ + .hvac-stat-card, + .hvac-event-card, + .hvac-profile-card, + .hvac-form-card { + margin-left: 10px !important; + margin-right: 10px !important; + padding: 15px !important; + box-sizing: border-box !important; + } + + /* Ensure form containers have proper spacing */ + .hvac-form-container, + .hvac-registration-form-container { + padding: 20px !important; + margin: 0 !important; + box-sizing: border-box !important; + } +} + +/* Extra small mobile devices need more conservative spacing */ +@media screen and (max-width: 375px) { + + /* Reduce padding slightly on very small screens but maintain minimum 15px */ + .hvac-page-wrapper, + .hvac-trainer-dashboard-page, + .hvac-trainer-profile-page, + .hvac-trainer-registration-page { + padding-left: max(15px, env(safe-area-inset-left)) !important; + padding-right: max(15px, env(safe-area-inset-right)) !important; + } + + .container, + .hvac-content, + .site-main, + #primary, + #main { + padding-left: max(15px, env(safe-area-inset-left)) !important; + padding-right: max(15px, env(safe-area-inset-right)) !important; + } + + /* Smaller internal card padding on tiny screens */ + .hvac-stat-card, + .hvac-event-card, + .hvac-profile-card { + margin-left: 5px !important; + margin-right: 5px !important; + padding: 12px !important; + } +} + +/* ==================================== + MOBILE-FIRST RESPONSIVE TABLES + ==================================== */ + +/* Dashboard Events Table - Mobile Card Layout */ +@media screen and (max-width: 768px) { + + /* Hide table structure on mobile */ + .hvac-events-table-wrapper .events-table, + .hvac-events-table-wrapper .events-table thead, + .hvac-events-table-wrapper .events-table tbody, + .hvac-events-table-wrapper .events-table th, + .hvac-events-table-wrapper .events-table td, + .hvac-events-table-wrapper .events-table tr { + display: block; + } + + /* Hide table headers on mobile */ + .hvac-events-table-wrapper .events-table thead tr { + position: absolute; + top: -9999px; + left: -9999px; + } + + /* Style each table row as a card */ + .hvac-events-table-wrapper .events-table tbody tr { + background: #fff; + border: 1px solid #e0e0e0; + border-radius: 8px; + margin-bottom: 15px; + padding: 15px; + position: relative; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + } + + /* Style table cells as stacked content */ + .hvac-events-table-wrapper .events-table td { + border: none; + padding: 8px 0; + position: relative; + padding-left: 35% !important; + word-wrap: break-word; + hyphens: auto; + } + + /* Add labels to each cell using pseudo-elements */ + .hvac-events-table-wrapper .events-table td:before { + content: attr(data-label) ": "; + position: absolute; + left: 6px; + width: 30%; + padding-right: 10px; + white-space: nowrap; + font-weight: 600; + color: #333; + text-align: left; + } + + /* Specific labels for each column */ + .hvac-events-table-wrapper .events-table .column-status:before { + content: "Status"; + } + + .hvac-events-table-wrapper .events-table .column-title:before { + content: "Event"; + } + + .hvac-events-table-wrapper .events-table .column-date:before { + content: "Date"; + } + + .hvac-events-table-wrapper .events-table .column-organizer:before { + content: "Organizer"; + } + + .hvac-events-table-wrapper .events-table .column-capacity:before { + content: "Capacity"; + } + + .hvac-events-table-wrapper .events-table .column-sold:before { + content: "Sold"; + } + + .hvac-events-table-wrapper .events-table .column-revenue:before { + content: "Revenue"; + } + + .hvac-events-table-wrapper .events-table .column-actions:before { + content: "Actions"; + } + + /* Make actions more touch-friendly */ + .hvac-events-table-wrapper .events-table .column-actions { + padding-left: 10px !important; + } + + .hvac-events-table-wrapper .events-table .column-actions a { + display: inline-block; + margin: 2px 5px; + padding: 8px 12px; + background: #0073aa; + color: white !important; + text-decoration: none; + border-radius: 4px; + min-height: 44px; + min-width: 60px; + text-align: center; + line-height: 1.4; + font-size: 14px; + box-sizing: border-box; + } + + .hvac-events-table-wrapper .events-table .column-actions a:hover { + background: #005a87; + color: white !important; + } +} + +/* Certificate Reports Table - Mobile Card Layout */ +@media screen and (max-width: 768px) { + + /* Certificate table responsive styling */ + .hvac-certificate-table-wrapper .hvac-certificate-table, + .hvac-certificate-table-wrapper .hvac-certificate-table thead, + .hvac-certificate-table-wrapper .hvac-certificate-table tbody, + .hvac-certificate-table-wrapper .hvac-certificate-table th, + .hvac-certificate-table-wrapper .hvac-certificate-table td, + .hvac-certificate-table-wrapper .hvac-certificate-table tr { + display: block; + } + + /* Hide certificate table headers */ + .hvac-certificate-table-wrapper .hvac-certificate-table thead tr { + position: absolute; + top: -9999px; + left: -9999px; + } + + /* Certificate cards styling */ + .hvac-certificate-table-wrapper .hvac-certificate-table tbody tr { + background: #fff; + border: 1px solid #e0e0e0; + border-radius: 8px; + margin-bottom: 15px; + padding: 15px; + position: relative; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + } + + /* Certificate table cells */ + .hvac-certificate-table-wrapper .hvac-certificate-table td { + border: none; + padding: 8px 0; + position: relative; + padding-left: 35% !important; + } + + /* Certificate labels */ + .hvac-certificate-table-wrapper .hvac-certificate-table td:before { + content: attr(data-label) ": "; + position: absolute; + left: 6px; + width: 30%; + padding-right: 10px; + white-space: nowrap; + font-weight: 600; + color: #333; + } + + /* Certificate action buttons */ + .hvac-certificate-table-wrapper .hvac-certificate-actions button { + display: inline-block; + margin: 2px 5px; + padding: 8px 12px; + min-height: 44px; + min-width: 60px; + font-size: 14px; + } +} + +/* ==================================== + REGISTRATION FORM MOBILE UX + ==================================== */ + +@media screen and (max-width: 768px) { + + /* Registration form container improvements */ + .hvac-trainer-registration-page .container, + .hvac-registration-form-container { + padding: 10px; + max-width: 100%; + } + + /* Form sections as collapsible cards */ + .hvac-registration-section { + background: #fff; + border: 1px solid #e0e0e0; + border-radius: 8px; + margin-bottom: 20px; + overflow: hidden; + } + + .hvac-registration-section-header { + background: #f8f9fa; + padding: 15px 20px; + border-bottom: 1px solid #e0e0e0; + cursor: pointer; + display: flex; + justify-content: space-between; + align-items: center; + user-select: none; + -webkit-tap-highlight-color: transparent; + min-height: 44px; + } + + .hvac-registration-section-header h3 { + margin: 0; + font-size: 18px; + color: #333; + } + + .hvac-registration-section-toggle { + font-size: 20px; + color: #666; + transition: transform 0.2s ease; + } + + .hvac-registration-section.collapsed .hvac-registration-section-toggle { + transform: rotate(-90deg); + } + + .hvac-registration-section-content { + padding: 20px; + max-height: 2000px; + overflow: hidden; + transition: max-height 0.3s ease; + } + + .hvac-registration-section.collapsed .hvac-registration-section-content { + max-height: 0; + padding-top: 0; + padding-bottom: 0; + } + + /* Form fields mobile styling */ + .hvac-form-field, + .hvac-registration-form .form-field { + margin-bottom: 20px; + } + + .hvac-form-field label, + .hvac-registration-form label { + display: block; + margin-bottom: 8px; + font-weight: 600; + color: #333; + font-size: 16px; + } + + .hvac-form-field input, + .hvac-form-field select, + .hvac-form-field textarea, + .hvac-registration-form input, + .hvac-registration-form select, + .hvac-registration-form textarea { + width: 100%; + padding: 12px 15px; + font-size: 16px; /* Prevent zoom on iOS */ + border: 2px solid #e0e0e0; + border-radius: 6px; + background: #fff; + box-sizing: border-box; + min-height: 44px; + -webkit-appearance: none; + transition: border-color 0.2s ease; + } + + .hvac-form-field input:focus, + .hvac-form-field select:focus, + .hvac-form-field textarea:focus, + .hvac-registration-form input:focus, + .hvac-registration-form select:focus, + .hvac-registration-form textarea:focus { + outline: none; + border-color: #0073aa; + box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1); + } + + /* File upload styling */ + .hvac-form-field input[type="file"] { + padding: 10px; + background: #f8f9fa; + } + + /* Checkbox and radio improvements */ + .hvac-form-field input[type="checkbox"], + .hvac-form-field input[type="radio"] { + width: auto; + margin-right: 10px; + min-height: 20px; + min-width: 20px; + } + + /* Multi-select checkboxes */ + .hvac-checkbox-group { + display: flex; + flex-direction: column; + gap: 12px; + } + + .hvac-checkbox-item { + display: flex; + align-items: center; + padding: 12px; + background: #f8f9fa; + border-radius: 6px; + min-height: 44px; + } + + .hvac-checkbox-item label { + margin: 0 0 0 12px; + font-weight: normal; + cursor: pointer; + flex: 1; + } + + /* Submit button */ + .hvac-form-submit, + .hvac-registration-form input[type="submit"], + .hvac-registration-form button[type="submit"] { + width: 100%; + padding: 15px 20px; + font-size: 18px; + font-weight: 600; + background: #0073aa; + color: white; + border: none; + border-radius: 6px; + cursor: pointer; + min-height: 52px; + margin-top: 20px; + transition: background-color 0.2s ease; + -webkit-tap-highlight-color: transparent; + } + + .hvac-form-submit:hover, + .hvac-registration-form input[type="submit"]:hover, + .hvac-registration-form button[type="submit"]:hover { + background: #005a87; + } +} + +/* ==================================== + MOBILE NAVIGATION ENHANCEMENTS + ==================================== */ + +@media screen and (max-width: 768px) { + + /* Trainer navigation mobile improvements */ + .hvac-trainer-navigation { + background: #fff; + border-bottom: 2px solid #e0e0e0; + padding: 0; + position: relative; + } + + /* Mobile menu toggle */ + .hvac-mobile-menu-toggle { + display: block; + background: none; + border: none; + padding: 15px 20px; + font-size: 18px; + cursor: pointer; + width: 100%; + text-align: left; + color: #333; + min-height: 54px; + position: relative; + -webkit-tap-highlight-color: transparent; + } + + .hvac-mobile-menu-toggle:after { + content: "☰"; + float: right; + font-size: 20px; + line-height: 1.2; + } + + .hvac-mobile-menu-toggle.active:after { + content: "✕"; + } + + /* Navigation menu mobile layout */ + .hvac-trainer-nav-menu { + display: none; + background: #fff; + border-top: 1px solid #e0e0e0; + position: absolute; + top: 100%; + left: 0; + right: 0; + z-index: 1000; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + } + + .hvac-trainer-nav-menu.active { + display: block; + } + + .hvac-trainer-nav-menu ul { + list-style: none; + margin: 0; + padding: 0; + } + + .hvac-trainer-nav-menu > ul > li { + border-bottom: 1px solid #f0f0f0; + } + + .hvac-trainer-nav-menu a { + display: block; + padding: 15px 20px; + color: #333; + text-decoration: none; + font-size: 16px; + min-height: 54px; + line-height: 1.5; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + } + + .hvac-trainer-nav-menu a:hover, + .hvac-trainer-nav-menu a:focus { + background: #f8f9fa; + color: #0073aa; + } + + /* Submenu styling */ + .hvac-trainer-nav-menu .has-submenu > a:after { + content: "▸"; + float: right; + transition: transform 0.2s ease; + } + + .hvac-trainer-nav-menu .has-submenu.active > a:after { + transform: rotate(90deg); + } + + .hvac-trainer-nav-menu .submenu { + display: none; + background: #f8f9fa; + } + + .hvac-trainer-nav-menu .has-submenu.active .submenu { + display: block; + } + + .hvac-trainer-nav-menu .submenu a { + padding-left: 40px; + font-size: 15px; + color: #666; + } + + /* Help menu positioning */ + .hvac-trainer-nav-help { + position: absolute; + top: 15px; + right: 20px; + z-index: 1001; + } + + .hvac-trainer-nav-help a { + display: block; + width: 44px; + height: 44px; + line-height: 44px; + text-align: center; + background: #0073aa; + color: white; + border-radius: 22px; + text-decoration: none; + font-size: 18px; + font-weight: bold; + } +} + +/* ==================================== + DASHBOARD STATS MOBILE LAYOUT + ==================================== */ + +@media screen and (max-width: 480px) { + + /* Single column layout on very small screens */ + .hvac-stats-row { + flex-direction: column; + margin: 0; + } + + .hvac-stat-col { + padding: 5px 0; + min-width: 100%; + flex: none; + } + + .hvac-stat-card { + margin-bottom: 15px; + padding: 20px 15px; + } + + .hvac-stat-card .metric-value, + .hvac-stat-card p { + font-size: 28px; + } + + .hvac-stat-card h3 { + font-size: 16px; + margin-bottom: 10px; + } +} + +/* ==================================== + FORM CONTROLS MOBILE LAYOUT + ==================================== */ + +@media screen and (max-width: 768px) { + + /* Table controls responsive */ + .hvac-table-controls { + flex-direction: column; + align-items: stretch; + padding: 15px; + gap: 15px; + } + + .hvac-search-box input, + .hvac-date-filters input, + .hvac-per-page select { + width: 100%; + padding: 12px 15px; + font-size: 16px; + border: 2px solid #e0e0e0; + border-radius: 6px; + min-height: 44px; + box-sizing: border-box; + } + + .hvac-date-filters { + display: flex; + flex-direction: column; + gap: 10px; + } + + .hvac-date-filters label { + font-weight: 600; + margin-bottom: 5px; + } + + /* Event filters mobile */ + .hvac-event-filters { + flex-direction: column; + align-items: stretch; + gap: 10px; + } + + .hvac-event-filters span { + margin-bottom: 10px; + } + + .hvac-filter { + width: 100%; + text-align: center; + padding: 12px 15px !important; + margin: 2px 0 !important; + min-height: 44px; + box-sizing: border-box; + } +} + +/* ==================================== + MODAL AND POPUP MOBILE STYLES + ==================================== */ + +@media screen and (max-width: 768px) { + + /* Modal responsive adjustments */ + .hvac-modal, + .hvac-popup { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + max-width: none; + max-height: none; + border-radius: 0; + margin: 0; + } + + .hvac-modal-content, + .hvac-popup-content { + height: 100%; + overflow-y: auto; + padding: 20px; + box-sizing: border-box; + } + + .hvac-modal-header { + position: sticky; + top: 0; + background: #fff; + border-bottom: 1px solid #e0e0e0; + padding: 15px 0; + z-index: 10; + } + + .hvac-modal-close { + position: absolute; + top: 15px; + right: 15px; + width: 44px; + height: 44px; + line-height: 44px; + text-align: center; + font-size: 20px; + background: #f0f0f0; + border-radius: 22px; + text-decoration: none; + color: #333; + } +} + +/* ==================================== + ACCESSIBILITY IMPROVEMENTS + ==================================== */ + +/* Enhanced focus styles for mobile */ +@media screen and (max-width: 768px) { + + /* Larger focus indicators for touch devices */ + *:focus { + outline: 3px solid #0073aa; + outline-offset: 2px; + } + + /* Button focus improvements */ + .hvac-button:focus, + .hvac-form-submit:focus, + button:focus, + input[type="submit"]:focus { + outline: 3px solid #0073aa; + outline-offset: 3px; + box-shadow: 0 0 0 6px rgba(0, 115, 170, 0.2); + } + + /* Link focus improvements */ + a:focus { + outline: 3px solid #0073aa; + outline-offset: 2px; + background-color: rgba(0, 115, 170, 0.1); + border-radius: 3px; + } +} + +/* ==================================== + UTILITY CLASSES FOR MOBILE + ==================================== */ + +/* Touch-friendly sizing */ +.hvac-touch-target { + min-height: 44px; + min-width: 44px; + padding: 12px 15px; + box-sizing: border-box; +} + +/* Mobile-only visibility */ +.hvac-mobile-only { + display: none; +} + +@media screen and (max-width: 768px) { + .hvac-mobile-only { + display: block; + } + + .hvac-desktop-only { + display: none !important; + } +} + +/* Text sizing for mobile */ +@media screen and (max-width: 768px) { + .hvac-mobile-text-sm { + font-size: 14px; + } + + .hvac-mobile-text-base { + font-size: 16px; + } + + .hvac-mobile-text-lg { + font-size: 18px; + } +} + +/* Mobile spacing utilities */ +@media screen and (max-width: 768px) { + .hvac-mobile-p-0 { padding: 0 !important; } + .hvac-mobile-p-1 { padding: 10px !important; } + .hvac-mobile-p-2 { padding: 20px !important; } + + .hvac-mobile-m-0 { margin: 0 !important; } + .hvac-mobile-m-1 { margin: 10px !important; } + .hvac-mobile-m-2 { margin: 20px !important; } + + .hvac-mobile-mb-0 { margin-bottom: 0 !important; } + .hvac-mobile-mb-1 { margin-bottom: 10px !important; } + .hvac-mobile-mb-2 { margin-bottom: 20px !important; } +} + +/* ==================================== + ADDITIONAL MOBILE FIXES + ==================================== */ + +/* Touch feedback styling */ +.hvac-touch-active { + opacity: 0.7; + transform: scale(0.98); + transition: opacity 0.1s ease, transform 0.1s ease; +} + +/* Prevent body scrolling when modal is open on mobile */ +body.hvac-modal-open { + overflow: hidden; + position: fixed; + width: 100%; + height: 100%; +} + +/* Swipe feedback for mobile modals */ +.hvac-swipe-feedback { + opacity: 0.8; + transition: opacity 0.2s ease; +} + +/* Horizontal scroll indicator for tables */ +.has-horizontal-scroll::after { + content: "← Scroll to see more →"; + display: block; + text-align: center; + padding: 10px; + background: #f8f9fa; + color: #666; + font-size: 12px; + border-top: 1px solid #e0e0e0; +} + +/* Enhanced button sizing for mobile */ +@media screen and (max-width: 768px) { + .hvac-button, + .hvac-form-submit, + button, + input[type="submit"], + input[type="button"] { + min-height: 48px; + font-size: 16px; + padding: 12px 16px; + border-radius: 6px; + } + + /* Ensure select dropdowns are large enough */ + select { + min-height: 48px; + font-size: 16px; + padding: 10px 12px; + } +} + +/* Fix for iOS Safari form element styling */ +@supports (-webkit-appearance: none) { + input[type="text"], + input[type="email"], + input[type="password"], + input[type="url"], + input[type="tel"], + input[type="number"], + select, + textarea { + -webkit-appearance: none; + border-radius: 6px; + } +} + +/* WordPress admin bar mobile adjustments */ +@media screen and (max-width: 768px) { + .admin-bar .hvac-page-wrapper { + padding-top: 20px; /* Account for mobile admin bar */ + } +} + +/* Better handling of long content in mobile cards */ +@media screen and (max-width: 768px) { + .hvac-events-table-wrapper .events-table td, + .hvac-certificate-table-wrapper .hvac-certificate-table td { + word-break: break-word; + hyphens: auto; + -webkit-hyphens: auto; + -ms-hyphens: auto; + } + + /* Truncate very long URLs or content */ + .hvac-events-table-wrapper .events-table .column-title a, + .hvac-certificate-table-wrapper .hvac-certificate-table td a { + max-width: 200px; + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: middle; + } +} + +/* Improved focus handling for touch devices */ +@media screen and (max-width: 768px) { + .hvac-touch-device *:focus { + outline: 3px solid #0073aa; + outline-offset: 3px; + } + + /* Remove focus on tap for touch devices */ + .hvac-touch-device button:focus:not(:focus-visible), + .hvac-touch-device input:focus:not(:focus-visible), + .hvac-touch-device select:focus:not(:focus-visible), + .hvac-touch-device textarea:focus:not(:focus-visible) { + outline: none; + } +} + +/* ==================================== + PRINT STYLES OPTIMIZATION + ==================================== */ + +@media print { + /* Hide mobile-specific elements when printing */ + .hvac-mobile-menu-toggle, + .hvac-trainer-nav-help, + .hvac-mobile-only { + display: none !important; + } + + /* Restore table layout for printing */ + .hvac-events-table-wrapper .events-table, + .hvac-certificate-table-wrapper .hvac-certificate-table { + display: table !important; + } + + .hvac-events-table-wrapper .events-table tr, + .hvac-certificate-table-wrapper .hvac-certificate-table tr { + display: table-row !important; + } + + .hvac-events-table-wrapper .events-table td, + .hvac-events-table-wrapper .events-table th, + .hvac-certificate-table-wrapper .hvac-certificate-table td, + .hvac-certificate-table-wrapper .hvac-certificate-table th { + display: table-cell !important; + padding: 5px !important; + } + + .hvac-events-table-wrapper .events-table td:before, + .hvac-certificate-table-wrapper .hvac-certificate-table td:before { + display: none !important; + } +} \ No newline at end of file diff --git a/assets/css/hvac-print.css b/assets/css/hvac-print.css new file mode 100644 index 00000000..0427e863 --- /dev/null +++ b/assets/css/hvac-print.css @@ -0,0 +1,513 @@ +/* Vendor Prefixes Added - 2025-07-23 */ +/** + * HVAC Community Events Print Styles + * + * This stylesheet optimizes event summary and other pages for printing, + * hiding unnecessary elements and formatting content for paper output. + */ + +/* 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; + + -webkit-box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + + -webkit-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); + + -webkit-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; + + -webkit-box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + + outline: 2px solid #005fcc; + + outline-offset: 2px; +} + +@media print { + /* Global print styles */ + * { + + background: transparent !important; + + color: #000 !important; + + -webkit-box-shadow: none !important; + + box-shadow: none !important; + + text-shadow: none !important; + + filter: none !important; + + -ms-filter: none !important; + +} + +body { + + font-size: 12pt; + + line-height: 1.4; + + padding: 0 !important; + + margin: 0 !important; + + width: 100% !important; + + max-width: 100% !important; + } + + /* Hide non-essential elements */ + header, + footer, + nav, + aside, + .sidebar, + .navigation, + .hvac-event-summary-actions, + .hvac-dashboard-header, + .hvac-dashboard-nav, + .hvac-mobile-nav-container, + .hvac-dashboard-filter, + .hvac-event-filters, + .hvac-email-navigation, + .site-header, + .site-footer, + #site-navigation, + #comments, + #respond, + #secondary, + .widget-area, + button, + input[type="submit"], + .hvac-button, + .button, + .ast-button, + .no-print { + + display: none !important; + } + + /* Allow wrapping of URLs and words */ + a, blockquote { + + page-break-inside: avoid; + } + +h1, h2, h3, h4, h5, h6 { + + page-break-after: avoid; + + page-break-inside: avoid; + } + +img { + + page-break-inside: avoid; + + page-break-after: avoid; + + max-width: 100% !important; + } + +table, pre { + + page-break-inside: avoid; + } + +ul, ol, dl { + + page-break-before: avoid; + } + + /* Show URLs after links */ + a[href^="http"]:after { + + content: " (" attr(href) ")"; + + font-size: 90%; + + color: #555 !important; + } + + /* Don't show URLs for same-domain links */ + a[href^="/"]:after { + + content: ""; + } + + /* Event Summary specific print styles */ + .hvac-event-summary-wrapper { + + max-width: 100% !important; + + padding: 0 !important; + + margin: 0 !important; + } + +.hvac-event-summary-title h1 { + + font-size: 18pt; + + margin-bottom: 1cm; + + padding-bottom: 0.5cm; + + border-bottom: 1pt solid #ddd; + } + +.hvac-event-summary-stats { + + display: flex !important; + + flex-wrap: wrap !important; + + gap: 0.5cm !important; + + border: 1pt solid #ddd !important; + + padding: 0.5cm !important; + + margin-bottom: 1cm !important; + } + +.hvac-event-stat-card { + + flex: 1 1 45% !important; + + border: 1pt solid #eee !important; + + padding: 0.5cm !important; + + text-align: center !important; + + box-shadow: none !important; + + page-break-inside: avoid !important; + + min-width: 5cm !important; + } + +.hvac-event-stat-card .stat-value { + + font-size: 16pt !important; + + font-weight: bold !important; + } + + /* Details and tables for printing */ + .hvac-event-summary-details, + .hvac-event-summary-attendees, + .hvac-event-summary-transactions { + + border: 1pt solid #ddd !important; + + padding: 0.5cm !important; + + margin-bottom: 1cm !important; + + page-break-inside: avoid !important; + } + +.hvac-event-summary-details h2, + .hvac-event-summary-attendees h2, + .hvac-event-summary-transactions h2 { + + font-size: 14pt !important; + + margin-top: 0 !important; + + margin-bottom: 0.5cm !important; + + padding-bottom: 0.25cm !important; + + border-bottom: 1pt solid #ddd !important; + } + +.hvac-table, + .hvac-transactions-table, + .events-table { + + width: 100% !important; + + border-collapse: collapse !important; + + margin-bottom: 0.5cm !important; + + font-size: 9pt !important; + } + +.hvac-table th, + .hvac-transactions-table th, + .events-table th { + + text-align: left !important; + + padding: 0.25cm !important; + + border-bottom: 1pt solid #000 !important; + + font-weight: bold !important; + } + +.hvac-table td, + .hvac-transactions-table td, + .events-table td { + + padding: 0.25cm !important; + + border-bottom: 1pt solid #ddd !important; + } + + /* Add print header with logo and date */ + .hvac-event-summary-wrapper::before { + content: "HVAC Community Events - Event Summary" !important; + + display: block !important; + + font-size: 10pt !important; + + text-align: right !important; + + color: #999 !important; + + margin-bottom: 0.25cm !important; + } + + /* Dashboard specific print styles */ + .hvac-dashboard { + + max-width: 100% !important; + + padding: 0 !important; + + margin: 0 !important; + } + +.hvac-dashboard-stats { + + display: flex !important; + + flex-wrap: wrap !important; + + gap: 0.5cm !important; + + margin-bottom: 1cm !important; + } + +.hvac-stat-card { + + flex: 1 1 45% !important; + + border: 1pt solid #eee !important; + + padding: 0.5cm !important; + + text-align: center !important; + + page-break-inside: avoid !important; + } + +.hvac-dashboard-events { + + margin-bottom: 1cm !important; + } + + /* Email attendees specific print styles */ + .hvac-email-attendees-wrapper { + + max-width: 100% !important; + + padding: 0 !important; + + margin: 0 !important; + } + +.hvac-email-form { + + display: none !important; /* Hide the email form when printing */ + } + +.hvac-attendee-list { + + max-height: none !important; + + overflow: visible !important; + } + + /* Page break control */ + .hvac-event-summary-attendees { + + page-break-before: always !important; + } + + /* QR code for event details (if available) */ + .hvac-event-qr-code { + + display: block !important; + + max-width: 4cm !important; + + margin: 0.5cm auto 1cm auto !important; + } + + /* Add page numbering */ + @page { + + margin: 1.5cm !important; + } + + @page :first { + + margin-top: 2cm !important; + } + + @page :left { + + margin-right: 2cm !important; + } + + @page :right { + + margin-left: 2cm !important; + } + + /* Add page numbers */; + + body: :after { + content: "Page " counter(page) !important; + + counter-increment: page !important; + + position: fixed !important; + + bottom: 0.5cm !important; + + right: 0.5cm !important; + + font-size: 8pt !important; + + color: #999 !important; + } +} +/* Feature Detection Support */ +@supports not (; + + display: flex) { + .hvac-content [class*="flex"] { + display: table-cell; + + vertical-align: middle; + } +} + +@supports not (; + + display: grid) { + .hvac-content [class*="grid"] { + display: block; + + overflow: hidden; + } + +.hvac-content [class*="grid"] > * { + + float: left; + + width: 50%; + } +} \ No newline at end of file diff --git a/assets/css/hvac-profile-sharing.css b/assets/css/hvac-profile-sharing.css new file mode 100644 index 00000000..7f48a370 --- /dev/null +++ b/assets/css/hvac-profile-sharing.css @@ -0,0 +1,431 @@ +/** + * HVAC Profile Sharing Styles + * + * @package HVAC_Community_Events + * @version 1.0.0 + */ + +/* ======================================== + Page Header Actions + ======================================== */ + +.hvac-page-header-actions { + display: flex; + gap: 15px; + align-items: center; +} + +.hvac-button.hvac-button-secondary { + background: #f8f9fa; + color: #333; + border: 2px solid #dee2e6; + transition: all 0.3s; +} + +.hvac-button.hvac-button-secondary:hover { + background: #e9ecef; + border-color: #adb5bd; + color: #333; + text-decoration: none; +} + +.hvac-share-profile-btn .dashicons { + font-size: 16px; + margin-right: 8px; + vertical-align: middle; +} + +/* ======================================== + Share Profile Modal + ======================================== */ + +.hvac-share-modal { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.8); + z-index: 999999; + display: flex; + align-items: center; + justify-content: center; + padding: 20px; +} + +.hvac-share-modal-content { + background: white; + border-radius: 12px; + width: 100%; + max-width: 800px; + max-height: 90vh; + overflow-y: auto; + position: relative; + padding: 40px; + box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); +} + +/* Modal Header */ +.hvac-share-modal-title { + margin: 0 0 16px 0; + font-size: 32px; + font-weight: 600; + color: #333; + text-align: center; + line-height: 1.2; +} + +.hvac-share-description { + margin: 0 0 32px 0; + font-size: 18px; + color: #666; + text-align: center; + line-height: 1.5; +} + +/* Close Button */ +.hvac-modal-close { + position: absolute; + top: 15px; + right: 15px; + background: white; + border: 2px solid #333; + border-radius: 50%; + width: 40px; + height: 40px; + cursor: pointer; + padding: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.3s; +} + +.hvac-modal-close:hover { + background: #333; +} + +.hvac-modal-close .dashicons { + font-size: 20px; + color: #333; +} + +.hvac-modal-close:hover .dashicons { + color: white; +} + +/* ======================================== + Share URL Section + ======================================== */ + +.hvac-share-url-section { + margin-bottom: 40px; + padding: 24px; + background: #f8f9fa; + border: 1px solid #dee2e6; + border-radius: 8px; +} + +.hvac-share-url-label { + display: block; + margin-bottom: 12px; + font-size: 18px; + color: #333; + font-weight: 600; +} + +.hvac-share-url-container { + display: flex; + gap: 12px; + align-items: stretch; +} + +.hvac-share-url-input { + flex: 1; + padding: 12px 16px; + border: 2px solid #dee2e6; + border-radius: 8px; + font-size: 16px; + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; + background: white; + color: #495057; + transition: border-color 0.3s; +} + +.hvac-share-url-input:focus { + outline: none; + border-color: #0073aa; + box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1); +} + +.hvac-copy-url-btn { + padding: 12px 24px; + background: #0073aa; + color: white; + border: none; + border-radius: 8px; + font-size: 16px; + font-weight: 600; + cursor: pointer; + transition: all 0.3s; + white-space: nowrap; +} + +.hvac-copy-url-btn:hover { + background: #005a87; + transform: translateY(-1px); +} + +.hvac-copy-url-btn:active { + transform: translateY(0); +} + +.hvac-copy-url-btn.copied { + background: #28a745; +} + +/* ======================================== + Profile Card Section + ======================================== */ + +.hvac-share-card-section { + text-align: center; +} + +.hvac-share-card-description { + margin: 0 0 24px 0; + font-size: 18px; + color: #666; + font-weight: 500; +} + +.hvac-share-profile-card-container { + display: flex; + justify-content: center; + align-items: center; + min-height: 320px; + background: #f8f9fa; + border: 2px dashed #dee2e6; + border-radius: 12px; + padding: 20px; + transition: all 0.3s; +} + +.hvac-share-profile-card-container.loaded { + background: transparent; + border: none; + padding: 0; +} + +/* Loading State */ +.hvac-share-card-loading { + display: flex; + flex-direction: column; + align-items: center; + gap: 16px; + color: #666; +} + +.hvac-share-card-loading .dashicons { + font-size: 48px; + animation: spin 1s linear infinite; +} + +.hvac-share-card-loading p { + margin: 0; + font-size: 16px; + font-weight: 500; +} + +@keyframes spin { + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } +} + +/* ======================================== + Shareable Profile Card + ======================================== */ + +.hvac-share-profile-card { + border: 2px solid #e0e0e0; + border-radius: 16px; + padding: 32px; + background: white; + display: flex; + align-items: center; + gap: 32px; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); + max-width: 700px; + margin: 0 auto; +} + +.hvac-share-avatar { + width: 160px; + height: 160px; + flex-shrink: 0; + position: relative; +} + +.hvac-share-avatar img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 50%; + background: #dee2e6; +} + +.hvac-share-avatar-placeholder { + width: 100%; + height: 100%; + background: #6c757d; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: white; + font-size: 48px; + font-weight: bold; +} + +.hvac-share-details { + flex: 1; + min-width: 0; +} + +.hvac-share-details h2 { + margin: 0 0 12px 0; + font-size: 32px; + font-weight: 700; + color: #212529; + line-height: 1.2; +} + +.hvac-share-business-name { + margin: 0 0 8px 0; + font-size: 20px; + color: #6c757d; + font-weight: 600; +} + +.hvac-share-location { + margin: 0 0 8px 0; + font-size: 18px; + color: #6c757d; + font-weight: 500; +} + +.hvac-share-certification { + margin: 0 0 16px 0; + font-size: 18px; + color: #0073aa; + font-weight: 700; +} + +.hvac-share-qr { + width: 120px; + height: 120px; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + background: white; + border: 1px solid #dee2e6; + border-radius: 8px; + padding: 8px; +} + +.hvac-share-qr img { + width: 100%; + height: 100%; + object-fit: contain; +} + +/* mQ Badge Overlay on Share Card */ +.hvac-share-avatar .hvac-mq-badge-overlay { + position: absolute; + top: -8px; + right: -8px; + width: 40px; + height: 40px; + z-index: 10; + pointer-events: none; +} + +.hvac-share-avatar .hvac-mq-badge { + width: 100%; + height: 100%; + object-fit: contain; + filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); +} + +/* ======================================== + Mobile Responsive + ======================================== */ + +@media (max-width: 768px) { + .hvac-share-modal-content { + padding: 24px; + margin: 10px; + } + + .hvac-share-modal-title { + font-size: 24px; + } + + .hvac-share-description { + font-size: 16px; + } + + .hvac-page-header-actions { + flex-direction: column; + gap: 10px; + align-items: stretch; + } + + .hvac-share-url-container { + flex-direction: column; + } + + .hvac-share-profile-card { + flex-direction: column; + text-align: center; + gap: 24px; + padding: 24px; + } + + .hvac-share-avatar { + width: 120px; + height: 120px; + margin: 0 auto; + } + + .hvac-share-details h2 { + font-size: 24px; + } + + .hvac-share-qr { + width: 100px; + height: 100px; + margin: 0 auto; + } +} + +@media (max-width: 480px) { + .hvac-share-modal { + padding: 10px; + } + + .hvac-share-modal-content { + padding: 20px; + } + + .hvac-share-modal-title { + font-size: 20px; + } + + .hvac-share-profile-card { + padding: 20px; + } +} \ No newline at end of file diff --git a/assets/css/hvac-ux-enhancements.css b/assets/css/hvac-ux-enhancements.css new file mode 100644 index 00000000..03242439 --- /dev/null +++ b/assets/css/hvac-ux-enhancements.css @@ -0,0 +1,495 @@ +/** + * HVAC Community Events: UX Enhancements + * + * Enhanced user experience with modern notifications, loading states, and mobile optimizations + * + * @version 1.0.0 + */ + +/* ======================================== + NOTIFICATION SYSTEM +======================================== */ + +/* Toast Notification Container */ +.hvac-toast-container { + position: fixed; + top: 20px; + right: 20px; + z-index: 10000; + display: flex; + flex-direction: column; + gap: 10px; + max-width: 400px; + pointer-events: none; +} + +/* Toast Notification */ +.hvac-toast { + background: white; + border-radius: 8px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); + padding: 16px 20px; + pointer-events: all; + transform: translateX(100%); + transition: all 0.3s ease; + border-left: 4px solid #3b82f6; + display: flex; + align-items: flex-start; + gap: 12px; + position: relative; + max-width: 100%; + word-wrap: break-word; +} + +.hvac-toast.show { + transform: translateX(0); +} + +.hvac-toast.hiding { + transform: translateX(100%); + opacity: 0; +} + +/* Toast Types */ +.hvac-toast.success { + border-left-color: #10b981; +} + +.hvac-toast.error { + border-left-color: #ef4444; +} + +.hvac-toast.warning { + border-left-color: #f59e0b; +} + +.hvac-toast.info { + border-left-color: #3b82f6; +} + +/* Toast Icon */ +.hvac-toast-icon { + width: 20px; + height: 20px; + flex-shrink: 0; + margin-top: 2px; +} + +.hvac-toast.success .hvac-toast-icon::before { + content: "✓"; + color: #10b981; + font-weight: bold; + font-size: 16px; +} + +.hvac-toast.error .hvac-toast-icon::before { + content: "✗"; + color: #ef4444; + font-weight: bold; + font-size: 16px; +} + +.hvac-toast.warning .hvac-toast-icon::before { + content: "⚠"; + color: #f59e0b; + font-weight: bold; + font-size: 16px; +} + +.hvac-toast.info .hvac-toast-icon::before { + content: "ℹ"; + color: #3b82f6; + font-weight: bold; + font-size: 16px; +} + +/* Toast Content */ +.hvac-toast-content { + flex: 1; +} + +.hvac-toast-title { + font-weight: 600; + font-size: 14px; + color: #1f2937; + margin-bottom: 4px; +} + +.hvac-toast-message { + font-size: 13px; + color: #6b7280; + line-height: 1.4; +} + +/* Toast Close Button */ +.hvac-toast-close { + background: none; + border: none; + color: #9ca3af; + cursor: pointer; + font-size: 18px; + padding: 0; + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 4px; + transition: all 0.2s; + flex-shrink: 0; +} + +.hvac-toast-close:hover { + background: #f3f4f6; + color: #374151; +} + +/* ======================================== + LOADING STATES +======================================== */ + +/* Loading Overlay */ +.hvac-loading-overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(255, 255, 255, 0.8); + display: flex; + align-items: center; + justify-content: center; + z-index: 9999; + backdrop-filter: blur(2px); +} + +/* Inline Loading Spinner */ +.hvac-loading { + display: inline-flex; + align-items: center; + gap: 8px; + font-size: 14px; + color: #6b7280; +} + +.hvac-spinner { + width: 20px; + height: 20px; + border: 2px solid #e5e7eb; + border-top: 2px solid #3b82f6; + border-radius: 50%; + animation: hvac-spin 1s linear infinite; +} + +.hvac-spinner.large { + width: 40px; + height: 40px; + border-width: 3px; +} + +@keyframes hvac-spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + +/* Button Loading State */ +.hvac-btn.loading { + position: relative; + color: transparent !important; + pointer-events: none; +} + +.hvac-btn.loading::after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 16px; + height: 16px; + border: 2px solid transparent; + border-top: 2px solid currentColor; + border-radius: 50%; + animation: hvac-spin 1s linear infinite; + color: inherit; +} + +/* ======================================== + ENHANCED BUTTONS +======================================== */ + +.hvac-btn { + position: relative; + overflow: hidden; + transition: all 0.2s ease; +} + +.hvac-btn:disabled { + opacity: 0.6; + cursor: not-allowed; + transform: none !important; +} + +.hvac-btn:not(:disabled):hover { + transform: translateY(-1px); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); +} + +.hvac-btn:not(:disabled):active { + transform: translateY(0); +} + +/* ======================================== + ENHANCED FORM ELEMENTS +======================================== */ + +/* Input Focus States */ +.hvac-input:focus, +.hvac-select:focus, +.hvac-textarea:focus { + border-color: #3b82f6; + box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); + outline: none; +} + +/* Input Error States */ +.hvac-input.error, +.hvac-select.error, +.hvac-textarea.error { + border-color: #ef4444; + box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1); +} + +/* Field Error Message */ +.hvac-field-error { + color: #ef4444; + font-size: 12px; + margin-top: 4px; + display: flex; + align-items: center; + gap: 4px; +} + +.hvac-field-error::before { + content: "⚠"; + font-size: 14px; +} + +/* ======================================== + MOBILE RESPONSIVENESS +======================================== */ + +/* Mobile Toast Adjustments */ +@media (max-width: 640px) { + .hvac-toast-container { + top: 10px; + right: 10px; + left: 10px; + max-width: none; + } + + .hvac-toast { + margin: 0; + max-width: 100%; + } +} + +/* Mobile Form Improvements */ +@media (max-width: 767px) { + /* Larger touch targets */ + .hvac-btn { + min-height: 44px; + font-size: 16px; /* Prevents zoom on iOS */ + } + + .hvac-input, + .hvac-select, + .hvac-textarea { + min-height: 44px; + font-size: 16px; /* Prevents zoom on iOS */ + padding: 12px; + } + + /* Full width buttons on mobile */ + .hvac-dashboard-nav { + flex-direction: column; + gap: 8px; + } + + .hvac-dashboard-nav .hvac-btn { + width: 100%; + text-align: center; + } + + /* Improved stats layout on mobile */ + .hvac-stats-row { + flex-direction: column; + margin: 0; + } + + .hvac-stat-col { + padding: 5px 0; + min-width: 100%; + } + + /* Card improvements for mobile */ + .hvac-stat-card, + .hvac-certificate-card, + .hvac-event-card { + margin-bottom: var(--hvac-spacing-md); + padding: var(--hvac-spacing-md); + } + + /* Table responsiveness */ + .hvac-table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + + .hvac-table-responsive table { + min-width: 600px; + } +} + +/* ======================================== + ACCESSIBILITY ENHANCEMENTS +======================================== */ + +/* Focus Visible for Keyboard Navigation */ +.hvac-btn:focus-visible, +.hvac-input:focus-visible, +.hvac-select:focus-visible { + outline: 2px solid #3b82f6; + outline-offset: 2px; +} + +/* Screen Reader Only Text */ +.hvac-sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-toast { + border: 2px solid; + } + + .hvac-btn { + border: 2px solid; + } +} + +/* Reduced Motion Support */ +@media (prefers-reduced-motion: reduce) { + .hvac-toast, + .hvac-btn, + .hvac-spinner { + animation: none; + transition: none; + } +} + +/* ======================================== + UTILITY CLASSES +======================================== */ + +.hvac-hidden { display: none !important; } +.hvac-invisible { visibility: hidden !important; } +.hvac-text-center { text-align: center !important; } +.hvac-text-left { text-align: left !important; } +.hvac-text-right { text-align: right !important; } +.hvac-mb-0 { margin-bottom: 0 !important; } +.hvac-mt-0 { margin-top: 0 !important; } +.hvac-p-0 { padding: 0 !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; +} diff --git a/assets/css/hvac-welcome-popup.css b/assets/css/hvac-welcome-popup.css new file mode 100644 index 00000000..409dc43d --- /dev/null +++ b/assets/css/hvac-welcome-popup.css @@ -0,0 +1,475 @@ +/** + * HVAC Welcome Popup Styles + * + * Styles for the welcome popup modal system + * Updated: 2025-08-05 - Fixed navigation overlapping with content v1.0.6 + */ + +/* Popup overlay and modal */ +.hvac-welcome-popup { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 999999; +} + +.hvac-welcome-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.8); + backdrop-filter: blur(2px); +} + +.hvac-welcome-modal { + position: relative; + max-width: 800px; + width: 90%; + max-height: 90vh; + margin: 5vh auto; + background: #ffffff; + border-radius: 8px; + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); + overflow-y: auto; + animation: hvacWelcomeSlideIn 0.3s ease-out; +} + +/* Prevent body scroll when popup is open */ +body.hvac-welcome-open { + overflow: hidden; +} + +/* Close button */ +.hvac-welcome-close { + position: absolute; + top: 15px; + right: 20px; + background: transparent; + border: none; + font-size: 28px; + line-height: 1; + color: #666; + cursor: pointer; + z-index: 10; + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + transition: all 0.2s ease; +} + +.hvac-welcome-close:hover { + background: #f0f0f0; + color: #333; + transform: scale(1.1); +} + +/* Content wrapper */ +.hvac-welcome-content { + padding: 40px; + position: relative; +} + +/* Carousel container */ +.hvac-welcome-carousel { + position: relative; + min-height: 460px; + overflow: visible; + margin-bottom: 30px; +} + +/* Cards */ +.hvac-welcome-card { + position: absolute; + top: 0; + left: 0; + width: 100%; + opacity: 0; + transform: translateX(30px); + transition: all 0.4s ease; + text-align: center; +} + +.hvac-welcome-card.active { + opacity: 1; + transform: translateX(0); +} + +/* Card icon */ +.hvac-welcome-icon { + margin-bottom: 20px; +} + +.hvac-welcome-icon .dashicons { + font-size: 60px; + width: 60px; + height: 60px; + color: var(--ast-global-color-0, #0073aa); +} + +/* Card typography */ +.hvac-welcome-card h2 { + font-size: 32px; + font-weight: 600; + color: var(--ast-global-color-2, #333333); + margin: 0 0 15px; + line-height: 1.2; +} + +.hvac-welcome-subtitle { + font-size: 18px; + color: #666; + margin: 0 0 25px; + line-height: 1.4; + font-weight: 400; +} + +.hvac-welcome-description { + text-align: left; + max-width: 600px; + margin: 0 auto; +} + +.hvac-welcome-description p { + font-size: 16px; + line-height: 1.6; + color: #333; + margin: 0 0 15px; +} + +.hvac-welcome-description ul { + margin: 15px 0; + padding-left: 0; + list-style: none; +} + +.hvac-welcome-description li { + position: relative; + padding: 8px 0 8px 30px; + font-size: 15px; + line-height: 1.5; + color: #444; +} + +.hvac-welcome-description li:before { + content: "✓"; + position: absolute; + left: 0; + top: 8px; + color: var(--ast-global-color-0, #0073aa); + font-weight: bold; + font-size: 16px; +} + +.hvac-welcome-description strong { + color: var(--ast-global-color-2, #333333); + font-weight: 600; +} + +/* Navigation */ +.hvac-welcome-navigation { + display: flex; + align-items: center; + justify-content: center; + gap: 20px; + margin: 20px 0 50px; + position: relative; + z-index: 1; + clear: both; +} + +.hvac-welcome-nav { + background: #f8f9fa; + border: 2px solid #e9ecef; + border-radius: 50%; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transition: all 0.2s ease; + color: #666; +} + +.hvac-welcome-nav:hover:not(.disabled) { + background: var(--ast-global-color-0, #0073aa); + border-color: var(--ast-global-color-0, #0073aa); + color: white; + transform: scale(1.05); +} + +.hvac-welcome-nav.disabled { + opacity: 0.4; + cursor: not-allowed; +} + +.hvac-welcome-nav .dashicons { + font-size: 20px; + width: 20px; + height: 20px; +} + +/* Dots navigation */ +.hvac-welcome-dots { + display: flex; + gap: 12px; +} + +.hvac-welcome-dot { + width: 12px; + height: 12px; + border-radius: 50%; + border: none; + background: #ddd; + cursor: pointer; + transition: all 0.2s ease; +} + +.hvac-welcome-dot.active { + background: var(--ast-global-color-0, #0073aa); + transform: scale(1.2); +} + +.hvac-welcome-dot:hover { + background: var(--ast-global-color-1, #005a87); + transform: scale(1.1); +} + +/* Footer */ +.hvac-welcome-footer { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 10px; + padding-top: 20px; + border-top: 1px solid #eee; + position: relative; + z-index: 10; + background: white; + clear: both; +} + +.hvac-welcome-checkbox { + display: flex; + align-items: center; + gap: 8px; + font-size: 14px; + color: #666; + cursor: pointer; + user-select: none; + position: relative; + z-index: 11; +} + +.hvac-welcome-checkbox input[type="checkbox"] { + margin: 0; +} + +.hvac-welcome-dismiss { + background: var(--ast-global-color-0, #0073aa) !important; + border-color: var(--ast-global-color-0, #0073aa) !important; + color: white !important; + font-weight: 600; + padding: 12px 24px !important; + font-size: 16px !important; + border-radius: 6px !important; + transition: all 0.2s ease !important; + cursor: pointer; + position: relative; + z-index: 11; +} + +.hvac-welcome-dismiss:hover { + background: var(--ast-global-color-1, #005a87) !important; + border-color: var(--ast-global-color-1, #005a87) !important; + transform: translateY(-1px); + box-shadow: 0 4px 12px rgba(0, 115, 170, 0.3); +} + +/* Animations */ +@keyframes hvacWelcomeSlideIn { + from { + opacity: 0; + transform: translateY(-50px) scale(0.95); + } + to { + opacity: 1; + transform: translateY(0) scale(1); + } +} + +/* Responsive design */ +@media (max-width: 768px) { + .hvac-welcome-modal { + width: 95%; + margin: 2.5vh auto; + max-height: 95vh; + } + + .hvac-welcome-content { + padding: 30px 20px; + } + + .hvac-welcome-card h2 { + font-size: 26px; + } + + .hvac-welcome-subtitle { + font-size: 16px; + } + + .hvac-welcome-carousel { + min-height: 380px; + margin-bottom: 20px; + } + + .hvac-welcome-navigation { + margin: 15px 0 35px; + gap: 15px; + } + + .hvac-welcome-footer { + flex-direction: column; + gap: 15px; + text-align: center; + margin-top: 10px; + } + + .hvac-welcome-nav { + width: 45px; + height: 45px; + } +} + +@media (max-width: 480px) { + .hvac-welcome-content { + padding: 25px 15px; + } + + .hvac-welcome-card h2 { + font-size: 22px; + } + + .hvac-welcome-subtitle { + font-size: 15px; + } + + .hvac-welcome-description p, + .hvac-welcome-description li { + font-size: 14px; + } + + .hvac-welcome-carousel { + min-height: 350px; + margin-bottom: 15px; + } + + .hvac-welcome-navigation { + margin: 10px 0 30px; + } + + .hvac-welcome-icon .dashicons { + font-size: 50px; + width: 50px; + height: 50px; + } +} + +/* High contrast mode support */ +@media (prefers-contrast: high) { + .hvac-welcome-modal { + border: 2px solid #000; + } + + .hvac-welcome-card h2 { + color: #000; + } + + .hvac-welcome-nav, + .hvac-welcome-dot { + border: 1px solid #000; + } +} + +/* WordPress and Astra theme integration */ +.hvac-welcome-popup { + font-family: var(--ast-global-font-family-base, inherit); +} + +.hvac-welcome-modal { + color: var(--ast-global-color-3, #333); +} + +/* WordPress button compatibility */ +.hvac-welcome-dismiss.wp-element-button { + box-sizing: border-box; + display: inline-block; + text-decoration: none; + cursor: pointer; +} + +.hvac-welcome-dismiss.wp-element-button:focus { + outline: 2px solid var(--ast-global-color-0, #0073aa); + outline-offset: 2px; +} + +/* Accessibility improvements */ +.hvac-welcome-nav:focus, +.hvac-welcome-dot:focus, +.hvac-welcome-close:focus { + outline: 2px solid var(--ast-global-color-0, #0073aa); + outline-offset: 2px; +} + +.hvac-welcome-checkbox input:focus { + outline: 2px solid var(--ast-global-color-0, #0073aa); + outline-offset: 2px; +} + +/* Ensure minimum touch target size (44px) for mobile */ +@media (max-width: 768px) { + .hvac-welcome-nav { + min-width: 44px; + min-height: 44px; + } + + .hvac-welcome-dot { + min-width: 24px; + min-height: 24px; + border-radius: 50%; + } +} + +/* Ensure proper scrolling on mobile */ +@media (max-height: 600px) { + .hvac-welcome-modal { + max-height: 95vh; + margin: 2.5vh auto; + } + + .hvac-welcome-carousel { + min-height: 300px; + } +} + +/* Reduced motion support */ +@media (prefers-reduced-motion: reduce) { + .hvac-welcome-modal { + animation: none; + } + + .hvac-welcome-card, + .hvac-welcome-nav, + .hvac-welcome-dot, + .hvac-welcome-dismiss, + .hvac-welcome-close { + transition: none; + } +} \ No newline at end of file diff --git a/assets/css/icon-list-child.css b/assets/css/icon-list-child.css new file mode 100644 index 00000000..20bf061e --- /dev/null +++ b/assets/css/icon-list-child.css @@ -0,0 +1,86 @@ +.wp-block-uagb-icon-list-child{position:relative}.wp-block-uagb-icon-list-child>a{position:absolute;top:0;left:0;width:100%;height:100%}img.uagb-icon-list__source-image{max-width:unset}.wp-block-uagb-icon-list-child .uagb-icon-list__label{word-break:break-word} + + +/* 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; +} diff --git a/assets/css/icon-list.css b/assets/css/icon-list.css new file mode 100644 index 00000000..45d5ad4b --- /dev/null +++ b/assets/css/icon-list.css @@ -0,0 +1,86 @@ +.uagb-icon-list__wrap{display:flex;align-items:flex-start;justify-content:flex-start}.wp-block-uagb-icon-list-child{padding:0;transition:all 0.2s;display:inline-flex;color:#3a3a3a;align-items:center;text-decoration:none;box-shadow:none}.wp-block-uagb-icon-list-child span.uagb-icon-list__source-wrap{display:block;align-items:center}.uagb-icon-list__source-wrap svg{display:block}.uagb-icon-list__source-image{width:40px}.uagb-icon-list__outer-wrap .uagb-icon-list__content-wrap{color:#3a3a3a;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; +} diff --git a/assets/css/icon.css b/assets/css/icon.css new file mode 100644 index 00000000..440146c9 --- /dev/null +++ b/assets/css/icon.css @@ -0,0 +1,86 @@ +.wp-block-uagb-icon svg{width:30px}.uagb-icon-wrapper .uagb-svg-wrapper{transition:box-shadow 0.2s ease} + + +/* 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; +} diff --git a/assets/css/image-gallery.css b/assets/css/image-gallery.css new file mode 100644 index 00000000..c2a4dfe7 --- /dev/null +++ b/assets/css/image-gallery.css @@ -0,0 +1,86 @@ +.wp-block-uagb-image-gallery{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;flex-direction:column}.spectra-image-gallery *{box-sizing:border-box}.spectra-image-gallery__layout--grid{display:-moz-grid;display:-ms-grid;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.spectra-image-gallery__layout--grid+.spectra-image-gallery__control-wrapper .spectra-image-gallery__control-arrows:hover{transform:scale(1.5);background-color:transparent}.spectra-image-gallery__layout--isogrid-col-1 .spectra-image-gallery__media-wrapper--isotope{width:100%}.spectra-image-gallery__layout--isogrid-col-2 .spectra-image-gallery__media-wrapper--isotope{width:50%}.spectra-image-gallery__layout--isogrid-col-3 .spectra-image-gallery__media-wrapper--isotope{width:33.33%}.spectra-image-gallery__layout--isogrid-col-4 .spectra-image-gallery__media-wrapper--isotope{width:25%}.spectra-image-gallery__layout--isogrid-col-5 .spectra-image-gallery__media-wrapper--isotope{width:20%}.spectra-image-gallery__layout--isogrid-col-6 .spectra-image-gallery__media-wrapper--isotope{width:16.66%}.spectra-image-gallery__layout--isogrid-col-7 .spectra-image-gallery__media-wrapper--isotope{width:14.28%}.spectra-image-gallery__layout--isogrid-col-8 .spectra-image-gallery__media-wrapper--isotope{width:12.5%}.spectra-image-gallery__layout--isogrid+.spectra-image-gallery__control-wrapper .spectra-image-gallery__control-arrows:hover{transform:scale(1.5);background-color:transparent}.spectra-image-gallery__layout--masonry-col-1 .spectra-image-gallery__media-wrapper--isotope{width:100%}.spectra-image-gallery__layout--masonry-col-2 .spectra-image-gallery__media-wrapper--isotope{width:50%}.spectra-image-gallery__layout--masonry-col-3 .spectra-image-gallery__media-wrapper--isotope{width:33.33%}.spectra-image-gallery__layout--masonry-col-4 .spectra-image-gallery__media-wrapper--isotope{width:25%}.spectra-image-gallery__layout--masonry-col-5 .spectra-image-gallery__media-wrapper--isotope{width:20%}.spectra-image-gallery__layout--masonry-col-6 .spectra-image-gallery__media-wrapper--isotope{width:16.66%}.spectra-image-gallery__layout--masonry-col-7 .spectra-image-gallery__media-wrapper--isotope{width:14.28%}.spectra-image-gallery__layout--masonry-col-8 .spectra-image-gallery__media-wrapper--isotope{width:12.5%}.spectra-image-gallery__layout--carousel{width:100%}.spectra-image-gallery__layout--carousel .slick-initialized{visibility:visible}.spectra-image-gallery__layout--carousel .slick-track{display:flex;align-items:center}.spectra-image-gallery__layout--carousel .slick-dots{padding:0;position:relative !important}.spectra-image-gallery__layout--carousel .slick-dots li button{padding:0}.spectra-image-gallery__layout--carousel .uagb-slick-carousel{padding:0}.spectra-image-gallery__layout--tiled{position:relative;display:grid;grid-auto-flow:dense;min-height:0;min-width:0}.spectra-image-gallery__layout--tiled-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-2 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-2 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-2 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-2 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-3 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-3 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-3 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-3 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-4 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-4 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-4 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-4 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-5 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-5 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-5 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-5 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-6 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-6 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-6 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-6 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-7 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-7 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-7 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-7 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-8 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-8 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-8 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-8 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__media{position:relative;overflow:hidden;-webkit-transition:box-shadow 0.25s;-moz-transition:box-shadow 0.25s;-o-transition:box-shadow 0.25s;transition:box-shadow 0.25s}.spectra-image-gallery__media--flagged{cursor:not-allowed}.spectra-image-gallery__media--clickable{cursor:pointer}.spectra-image-gallery__media--grid{aspect-ratio:1}.spectra-image-gallery__media--masonry{width:100%}.spectra-image-gallery__media--carousel{width:100%}.spectra-image-gallery__media--tiled{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.spectra-image-gallery__media--tiled-wide,.spectra-image-gallery__media--tiled-tall{aspect-ratio:unset;width:100%;height:100%}.spectra-image-gallery__media--tiled picture{width:100%;height:100%}.spectra-image-gallery__media-sizer{aspect-ratio:1}.spectra-image-gallery__media-wrapper{position:relative}.spectra-image-gallery__media-wrapper:hover .spectra-image-gallery__control-focus{opacity:0.25}.spectra-image-gallery__media-thumbnail{vertical-align:middle;-webkit-transition:filter 0.5s, transform 0.5s;-moz-transition:filter 0.5s, transform 0.5s;-o-transition:filter 0.5s, transform 0.5s;transition:filter 0.5s, transform 0.5s}.spectra-image-gallery__media-thumbnail--grid{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.spectra-image-gallery__media-thumbnail--masonry{width:100%}.spectra-image-gallery__media-thumbnail--carousel{width:100%}.spectra-image-gallery__media-thumbnail--tiled{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.spectra-image-gallery__media-thumbnail-blurrer{position:absolute;top:0;left:0;width:100% !important;height:100% !important;-webkit-transition:box-shadow 0.25s, -webkit-backdrop-filter 0.5s;-moz-transition:box-shadow 0.25s, backdrop-filter 0.5s;-o-transition:box-shadow 0.25s, backdrop-filter 0.5s;transition:box-shadow 0.25s, backdrop-filter 0.5s}.spectra-image-gallery__media-thumbnail-caption{-webkit-transition-property:color, background-color, border-color;-moz-transition-property:color, background-color, border-color;-o-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__media-thumbnail-caption--overlay{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;width:100%;height:100%;overflow:hidden;padding:1em}.spectra-image-gallery__media-thumbnail-caption--bar-inside{width:100%;overflow:hidden;padding:1em;max-height:90%}.spectra-image-gallery__media-thumbnail-caption--bar-outside{width:100%;overflow:hidden;padding:1em}.spectra-image-gallery__media-thumbnail-caption-wrapper{-webkit-transition:background-color 0.25s;-moz-transition:background-color 0.25s;-o-transition:background-color 0.25s;transition:background-color 0.25s}.spectra-image-gallery__media-thumbnail-caption-wrapper--overlay{position:absolute;top:0;left:0;width:100%;height:100%}.spectra-image-gallery__media-thumbnail-caption-wrapper--bar-inside{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;overflow:hidden}.spectra-image-gallery__media-thumbnail-caption-wrapper--bar-outside{position:relative;width:100%;overflow:hidden}.spectra-image-gallery__control-wrapper{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;width:100%;justify-content:center}.spectra-image-gallery__control-arrows{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;align-items:center;background-color:transparent;padding:0;cursor:pointer;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-arrows:disabled{opacity:0.25;cursor:initial}.spectra-image-gallery__control-arrows:focus{background-color:transparent}.spectra-image-gallery__control-arrows--grid{border:none}.spectra-image-gallery__control-arrows svg{-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-dots{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;align-items:center;padding:0 !important;margin:0 !important}.spectra-image-gallery__control-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0;padding:0;cursor:pointer;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-dots li:hover{transform:scale(1.5);background-color:transparent}.spectra-image-gallery__control-dots li button{font-size:0;line-height:0;display:block;box-sizing:border-box;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-dots li button::before{font-family:none;font-size:30px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-dots li.spectra-image-gallery__control-dot--active button::before{opacity:0.75}.spectra-image-gallery__control-loader{margin:0 auto;min-height:58px;line-height:58px;width:160px;text-align:center}.spectra-image-gallery__control-loader div{border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spectra-image-gallery__control-loader div.spectra-image-gallery__control-loader--1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spectra-image-gallery__control-loader div.spectra-image-gallery__control-loader--2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.spectra-image-gallery__control-button{cursor:pointer;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-button.disabled{opacity:0.25;pointer-events:none}.spectra-image-gallery__control-focus{cursor:pointer;position:absolute;box-sizing:content-box !important;top:0;right:0;width:1.5em;height:1.5em;padding:0.5em;background-color:transparent;border:none;opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-focus:hover{opacity:1 !important}.spectra-image-gallery__control-focus svg{fill:#fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5))}.spectra-image-gallery__control-lightbox{position:fixed;top:0;left:0;width:100vw !important;max-width:100vw !important;height:100vh !important;max-height:100vh !important;display:flex;flex-direction:column;opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;z-index:999999999 !important;outline:none;margin-block-start:0;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-lightbox--main{width:100%;flex:1}.spectra-image-gallery__control-lightbox--main .swiper-slide{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.spectra-image-gallery__control-lightbox--main .swiper-slide img{display:block;max-height:70%;max-width:80%}.spectra-image-gallery__control-lightbox--caption{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.spectra-image-gallery__control-lightbox--editor-link{-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-lightbox--thumbnails{width:75%}.spectra-image-gallery__control-lightbox--thumbnails-wrapper{width:100%}.spectra-image-gallery__control-lightbox--thumbnails .swiper-wrapper{height:150px}.spectra-image-gallery__control-lightbox--thumbnails .swiper-slide{cursor:pointer;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0.5;transform:scale(75%);-webkit-transition-property:opacity, transform;-moz-transition-property:opacity, transform;-o-transition-property:opacity, transform;transition-property:opacity, transform;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-image-gallery__control-lightbox--thumbnails .swiper-slide-active{opacity:1;transform:scale(100%)}.spectra-image-gallery__control-lightbox--thumbnails .swiper-slide img{border-radius:3px}.spectra-image-gallery__control-lightbox--count{position:absolute;z-index:999}.spectra-image-gallery__control-lightbox--close{position:absolute;cursor:pointer;padding:0;background-color:transparent;border:none;outline:0;line-height:0;z-index:999;transition:transform 500ms}.spectra-image-gallery__control-lightbox--close:hover,.spectra-image-gallery__control-lightbox--close:focus,.spectra-image-gallery__control-lightbox--close:focus-visible{background-color:transparent;transform:scale(1.25)}.spectra-image-gallery__iso-ref-wrapper{-ms-overflow-style:none;scrollbar-width:none}.spectra-image-gallery__iso-ref-wrapper::-webkit-scrollbar{display:none}@media (max-width: 976px){.spectra-image-gallery__layout--grid-col-tab-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-tab-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-tab-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-tab-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-tab-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-tab-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-tab-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-tab-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.spectra-image-gallery__layout--isogrid-col-tab-1 .spectra-image-gallery__media-wrapper--isotope{width:100%}.spectra-image-gallery__layout--isogrid-col-tab-2 .spectra-image-gallery__media-wrapper--isotope{width:50%}.spectra-image-gallery__layout--isogrid-col-tab-3 .spectra-image-gallery__media-wrapper--isotope{width:33.33%}.spectra-image-gallery__layout--isogrid-col-tab-4 .spectra-image-gallery__media-wrapper--isotope{width:25%}.spectra-image-gallery__layout--isogrid-col-tab-5 .spectra-image-gallery__media-wrapper--isotope{width:20%}.spectra-image-gallery__layout--isogrid-col-tab-6 .spectra-image-gallery__media-wrapper--isotope{width:16.66%}.spectra-image-gallery__layout--isogrid-col-tab-7 .spectra-image-gallery__media-wrapper--isotope{width:14.28%}.spectra-image-gallery__layout--isogrid-col-tab-8 .spectra-image-gallery__media-wrapper--isotope{width:12.5%}.spectra-image-gallery__layout--masonry-col-tab-1 .spectra-image-gallery__media-wrapper--isotope{width:100%}.spectra-image-gallery__layout--masonry-col-tab-2 .spectra-image-gallery__media-wrapper--isotope{width:50%}.spectra-image-gallery__layout--masonry-col-tab-3 .spectra-image-gallery__media-wrapper--isotope{width:33.33%}.spectra-image-gallery__layout--masonry-col-tab-4 .spectra-image-gallery__media-wrapper--isotope{width:25%}.spectra-image-gallery__layout--masonry-col-tab-5 .spectra-image-gallery__media-wrapper--isotope{width:20%}.spectra-image-gallery__layout--masonry-col-tab-6 .spectra-image-gallery__media-wrapper--isotope{width:16.66%}.spectra-image-gallery__layout--masonry-col-tab-7 .spectra-image-gallery__media-wrapper--isotope{width:14.28%}.spectra-image-gallery__layout--masonry-col-tab-8 .spectra-image-gallery__media-wrapper--isotope{width:12.5%}.spectra-image-gallery__layout--tiled-col-tab-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-tab-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-tab-2 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-tab-2 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-2 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-tab-2 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-tab-3 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-tab-3 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-3 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-tab-3 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-tab-4 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-tab-4 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-4 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-tab-4 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-tab-5 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-tab-5 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-5 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-tab-5 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-tab-6 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-tab-6 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-6 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-tab-6 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-tab-7 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-tab-7 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-7 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-tab-7 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-tab-8 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-tab-8 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-tab-8 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-tab-8 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}}@media (max-width: 767px){.spectra-image-gallery__layout--grid-col-mob-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-mob-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-mob-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-mob-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-mob-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-mob-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-mob-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.spectra-image-gallery__layout--grid-col-mob-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.spectra-image-gallery__layout--isogrid-col-mob-1 .spectra-image-gallery__media-wrapper--isotope{width:100%}.spectra-image-gallery__layout--isogrid-col-mob-2 .spectra-image-gallery__media-wrapper--isotope{width:50%}.spectra-image-gallery__layout--isogrid-col-mob-3 .spectra-image-gallery__media-wrapper--isotope{width:33.33%}.spectra-image-gallery__layout--isogrid-col-mob-4 .spectra-image-gallery__media-wrapper--isotope{width:25%}.spectra-image-gallery__layout--isogrid-col-mob-5 .spectra-image-gallery__media-wrapper--isotope{width:20%}.spectra-image-gallery__layout--isogrid-col-mob-6 .spectra-image-gallery__media-wrapper--isotope{width:16.66%}.spectra-image-gallery__layout--isogrid-col-mob-7 .spectra-image-gallery__media-wrapper--isotope{width:14.28%}.spectra-image-gallery__layout--isogrid-col-mob-8 .spectra-image-gallery__media-wrapper--isotope{width:12.5%}.spectra-image-gallery__layout--masonry-col-mob-1 .spectra-image-gallery__media-wrapper--isotope{width:100%}.spectra-image-gallery__layout--masonry-col-mob-2 .spectra-image-gallery__media-wrapper--isotope{width:50%}.spectra-image-gallery__layout--masonry-col-mob-3 .spectra-image-gallery__media-wrapper--isotope{width:33.33%}.spectra-image-gallery__layout--masonry-col-mob-4 .spectra-image-gallery__media-wrapper--isotope{width:25%}.spectra-image-gallery__layout--masonry-col-mob-5 .spectra-image-gallery__media-wrapper--isotope{width:20%}.spectra-image-gallery__layout--masonry-col-mob-6 .spectra-image-gallery__media-wrapper--isotope{width:16.66%}.spectra-image-gallery__layout--masonry-col-mob-7 .spectra-image-gallery__media-wrapper--isotope{width:14.28%}.spectra-image-gallery__layout--masonry-col-mob-8 .spectra-image-gallery__media-wrapper--isotope{width:12.5%}.spectra-image-gallery__layout--tiled-col-mob-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-mob-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-mob-2 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-mob-2 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-2 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-mob-2 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-mob-3 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-mob-3 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-3 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-mob-3 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-mob-4 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-mob-4 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-4 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-mob-4 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-mob-5 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-mob-5 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-5 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-mob-5 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-mob-6 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-mob-6 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-6 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-mob-6 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-mob-7 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-mob-7 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-7 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-mob-7 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.spectra-image-gallery__layout--tiled-col-mob-8 .spectra-image-gallery__media-wrapper{position:relative;min-width:0}.spectra-image-gallery__layout--tiled-col-mob-8 .spectra-image-gallery__media-wrapper--wide{grid-column:span 2}.spectra-image-gallery__layout--tiled-col-mob-8 .spectra-image-gallery__media-wrapper--tall{grid-row:span 2}.spectra-image-gallery__layout--tiled-col-mob-8 .spectra-image-gallery__media-wrapper--focus{grid-row:span 2;grid-column:span 2}}.entry-content .wp-block-uagb-image-gallery .uagb-image-gallery__link{text-decoration:none}body .wp-block-post-content>.wp-block-uagb-image-gallery+.spectra-image-gallery__control-lightbox{margin-block-start:0}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}} + + +/* 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; +} diff --git a/assets/css/image.css b/assets/css/image.css new file mode 100644 index 00000000..581e43ae --- /dev/null +++ b/assets/css/image.css @@ -0,0 +1,86 @@ +.wp-block-uagb-image{display:flex}.wp-block-uagb-image__figure{position:relative;display:flex;flex-direction:column;max-width:100%;height:auto;margin:0}.wp-block-uagb-image__figure img{height:auto;display:flex;max-width:100%;transition:box-shadow 0.2s ease}.wp-block-uagb-image__figure>a{display:inline-block}.wp-block-uagb-image__figure figcaption{text-align:center;margin-top:0.5em;margin-bottom:1em}.wp-block-uagb-image .components-placeholder.block-editor-media-placeholder .components-placeholder__instructions{align-self:center}.wp-block-uagb-image--align-left{text-align:left}.wp-block-uagb-image--align-right{text-align:right}.wp-block-uagb-image--align-center{text-align:center}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw;height:auto}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure img{height:auto;width:100% !important}.wp-block-uagb-image--align-wide .wp-block-uagb-image__figure img{height:auto;width:100%}.wp-block-uagb-image--layout-overlay__color-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.2;background:rgba(0,0,0,0.5);transition:opacity 0.35s ease-in-out}.wp-block-uagb-image--layout-overlay-link{position:absolute;left:0;right:0;bottom:0;top:0}.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity:1}.wp-block-uagb-image--layout-overlay__inner{position:absolute;left:15px;right:15px;bottom:15px;top:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-color:#fff;transition:0.35s ease-in-out}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.top-center,.wp-block-uagb-image--layout-overlay__inner.top-right{justify-content:flex-start}.wp-block-uagb-image--layout-overlay__inner.bottom-left,.wp-block-uagb-image--layout-overlay__inner.bottom-center,.wp-block-uagb-image--layout-overlay__inner.bottom-right{justify-content:flex-end}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.center-left,.wp-block-uagb-image--layout-overlay__inner.bottom-left{align-items:flex-start}.wp-block-uagb-image--layout-overlay__inner.top-right,.wp-block-uagb-image--layout-overlay__inner.center-right,.wp-block-uagb-image--layout-overlay__inner.bottom-right{align-items:flex-end}.wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{color:#fff;transition:transform 0.35s, opacity 0.35s ease-in-out;transform:translate3d(0, 24px, 0);margin:0;line-height:1em}.wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width:30%;border-top-width:2px;border-top-color:#fff;border-top-style:solid;margin-bottom:10px;opacity:0;transition:transform 0.4s, opacity 0.4s ease-in-out;transform:translate3d(0, 30px, 0)}.wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity:0;overflow:visible;color:#fff;transition:transform 0.45s, opacity 0.45s ease-in-out;transform:translate3d(0, 35px, 0)}.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-heading,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-separator,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-caption{opacity:1;transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1.05)}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{width:calc(100% + 40px) !important;max-width:none !important;transform:translate3d(-40px, 0, 0);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-grayscale img{filter:grayscale(0%);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-grayscale:hover img{filter:grayscale(100%)}.wp-block-uagb-image--effect-blur img{filter:blur(0);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-blur:hover img{filter:blur(3px)} + + +/* 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; +} diff --git a/assets/css/images-rtl.css b/assets/css/images-rtl.css new file mode 100644 index 00000000..0824bac7 --- /dev/null +++ b/assets/css/images-rtl.css @@ -0,0 +1,715 @@ +@font-face { + font-family: "icomoon"; + src: url( "../fonts/astra-sites.eot?9i8jex" ); + src: url( "../fonts/astra-sites.eot?9i8jex#iefix" ) format( "embedded-opentype" ), url( "../fonts/astra-sites.ttf?9i8jex" ) format( "truetype" ), url( "../fonts/astra-sites.woff?9i8jex" ) format( "woff" ), url( "../fonts/astra-sites.svg?9i8jex#icomoon" ) format( "svg" ); + font-weight: normal; + font-style: normal; +} + +[class^="ast-icon-"], +[class*=" ast-icon-"] { + font-family: "icomoon" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ast-icon-chevron-left:before { + content: "\e904"; +} + +.ast-icon-search:before { + content: "\e900"; +} + +.ast-attachments-browser .ast-image__search.has-input + .search-icon { + display: none; +} + +.ast-attachments-browser .search-icon { + position: absolute; + top: 0; + left: 0; + color: #2b2b2b; + opacity: 0.3; + padding: 12px; +} + +.ast-attachments-browser .ast-image__skeleton { + column-count: 5; + column-gap: 20px; +} + +.ast-attachments-browser .ast-image__search-wrap { + position: relative; + display: inline-block; + margin-left: 1%; +} + +.ast-attachments-browser input.ast-image__search { + line-height: 1.8em; + width: 620px; + height: 35px; + background: #fff; + border-color: #d5dadf; +} + +.ast-attachments-browser .ast-image__list-wrap.loaded .ast-image__list-img-wrap { + opacity: 1; +} + +.ast-attachments-browser .ast-image__list-wrap.loaded .imported.ast-image__list-inner-wrap:before { + display: block; +} + +.fl-builder-edit .media-modal .media-frame-content .ast-image__list-img-overlay span, +.fl-builder-edit .media-modal .media-frame-content .ast-image__save { + color: #fff; +} +.fl-builder-edit .media-modal .media-frame-content .ast-image__list-img-overlay .ast-image__download-icon { + color: #767676; +} + +.ast-attachments-browser .ast-image__list-img-overlay span { + position: absolute; + bottom: 0; + right: 0; + color: #fff; + padding: 10px; + font-size: 13px; + width: calc( 100% - 20px ); + text-align: right; + text-transform: capitalize; +} + +.ast-attachments-browser .ast-image__list-img-overlay .ast-image__download-icon { + margin: 10px; + padding: 5px 7px; + width: auto; + border-radius: 2px; + left: 0; + text-align: left; + font-size: 16px; + right: auto; + background: #fff; + color: #767676; +} + +.ast-attachments-browser .ast-image__list-img-overlay .ast-image__download-icon:hover { + color: #111; + box-shadow: rgb( 0 0 0 / 30% ) 0px 4px 14px; +} + +.ast-attachments-browser .ast-image__list-img-overlay .ast-image__download-icon.installing:before { + content: "\f463"; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; + display: inline-block; + -webkit-animation: cssAnimation 2s linear infinite; + -moz-animation: cssAnimation 2s linear infinite; + -o-animation: cssAnimation 2s linear infinite; + -ms-animation: cssAnimation 2s linear infinite; + animation: cssAnimation 2s linear infinite; +} + +.ast-attachments-browser .ast-image__list-img-wrap { + display: flex; + opacity: 0; + position: relative; +} + +.ast-attachments-browser .ast-image__list-img-wrap:hover { + box-shadow: 0 3px 10px rgba( 0, 0, 0, 0.12 ); +} + +.ast-attachments-browser .ast-image__list-img-overlay { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba( 0, 0, 0, 0.4 ); + opacity: 0; + transition: opacity 0.5s, visibility 0s 0.5s; + cursor: pointer; +} + +.ast-attachments-browser .ast-image__list-inner-wrap:hover .ast-image__list-img-overlay { + opacity: 1; +} + +.ast-attachments-browser .ast-image__filter-wrap { + display: inline-block; + vertical-align: top; +} + +.ast-powered-by-pixabay-wrap { + margin-left: 25px; + display: flex; + align-items: center; + float: left; + margin-top: 10px; +} + +.ast-powered-by-pixabay-wrap > span { + font-size: 12px; + color: #50575e; + margin-left: 5px; +} + +.ast-powered-by-pixabay-wrap > img { + height: 1.2em; +} + +.ast-attachments-browser .ast-attachments-search-wrap { + padding: 10px 20px; + border-bottom: 1px solid #ddd; + display: block; + height: 36px; + align-items: center; + padding-left: 0px; +} + +.ast-attachments-browser .ast-image__filter { + display: flex; + padding: 0; + margin: 0; + list-style-type: none; + align-items: center; +} + +.ast-attachments-browser .ast-image__filter li { + padding: 0 8px; + margin: 0; +} + +.ast-attachments-browser .ast-image__filter li:first-child { + padding-right: 0; +} + +.ast-attachments-browser .ast-image__filter li select { + height: 35px; + width: auto; +} + +.fl-builder .ast-attachments-browser .ast-image__filter li select { + padding: 0 10px; +} + +.ast-attachments-browser .ast-image__skeleton-inner-wrap { + overflow-y: scroll; + height: inherit; + padding: 10px; + padding-bottom: 0; + height: inherit; +} + +.ast-attachments-browser .button.ast-image__validate-btn { + height: 38px; + line-height: 37px; + padding: 0 15px 2px; +} + +.ast-attachments-browser.preview-mode .ast-image__skeleton-inner-wrap { + overflow-y: auto; +} + +.ast-attachments-browser .ast-image__list-wrap { + padding: 0; + margin: 0; + display: grid; + grid-template-rows: 1fr auto; + margin-bottom: 20px; + break-inside: avoid; +} +.ast-attachments-browser .ast-image__skeleton-wrap { + height: 100%; +} + +.ast-attachments-browser .ast-image__list-inner-wrap img { + width: 100%; + height: auto; +} + +.ast-attachments-browser .single-site-wrap { + display: flex; +} + +.ast-attachments-browser .single-site { + width: 100%; + display: flex; +} + +.ast-attachments-browser .single-site-preview { + height: auto; + margin-left: 0; + max-height: calc( 100vh - 280px ); + overflow-y: auto; + border-radius: 2px; + box-shadow: none; +} + +.ast-attachments-browser .single-site-preview img { + vertical-align: middle; +} + +.ast-attachments-browser .ast-image__preview-skeleton { + padding: 10px; +} + +.ast-attachments-browser .single-site-preview img, +.ast-attachments-browser .single-site-preview-wrap { + width: 100%; +} +.ast-image__list-inner-wrap.imported { + position: relative; +} + +.ast-attachments-browser .imported.ast-image__list-inner-wrap:before { + content: "IMPORTED"; + background: rgba( 0, 0, 0, 0.5 ); + color: #fff; + top: 10px; + right: 10px; + width: auto; + height: auto; + padding: 5px; + margin: 0; + z-index: 9; + position: absolute; + display: none; +} + +.ast-attachments-browser .ast-image__go-back { + font-weight: 600; + font-size: 12px; + cursor: pointer; + display: inline-block; + align-items: center; + margin-top: 7px; +} + +.ast-attachments-browser .ast-image__go-back i { + font-size: 14px; + height: 14px; + width: 14px; + vertical-align: text-bottom; +} + +.ast-attachments-browser .ast-image__save-wrap { + padding: 0 20px; + display: inline-block; + float: left; +} + +.ast-attachments-browser .ast-image__loader-wrap { + display: none; + margin: 0 auto; + min-height: 58px; + line-height: 58px; + width: 160px; + text-align: center; + position: absolute; + right: 50%; + bottom: 0; + transform: translateX( 50% ); +} + +.ast-attachments-browser .ast-image__loader-wrap > div { + width: 18px; + height: 18px; + background-color: #0085ba; + -webkit-border-radius: 100%; + border-radius: 100%; + display: inline-block; + -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; + animation: sk-bouncedelay 1.4s infinite ease-in-out both; +} + +.ast-attachments-browser .ast-image__loader-wrap .ast-image__loader-1 { + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; +} + +.ast-attachments-browser .ast-image__loader-wrap .ast-image__loader-2 { + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; +} + +.ast-attachments-browser .ast-image__license-heading { + margin: 0; + text-align: center; + font-size: 1.4em; + font-weight: 600; + margin-top: 0; + color: #23282d; +} + +.ast-attachments-browser .ast-image__license-description { + font-size: 13px; + line-height: 1.5; + margin: 2em 4em; + color: #444; +} + +.ast-attachments-browser .ast-image__license-get-wrap { + font-size: 1em; + margin-top: 40px; + padding: 18px; + border-top: 1px solid #eae5e5; +} + +.ast-attachments-browser .ast-image__license-input-wrap { + margin-bottom: 20px; +} + +.ast-attachments-browser .ast-image__license-get-wrap h4 { + color: #444; + margin: 0; +} + +.ast-attachments-browser .astra-sites-no-sites { + width: 100%; + padding: 7em 0; +} + +.ast-attachments-browser .astra-sites-no-sites h3 { + font-size: 1.3rem; + font-weight: normal; + color: #666; + margin-top: 0; + text-align: center; + margin-bottom: 3em; +} + +.ast-attachments-browser .ast-image__license-heading-wrap { + background: #fff; + margin-bottom: 50px; + padding: 16px 35px; + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + border-radius: 2px 2px 0 0; +} + +.ast-attachments-browser .ast-image__license-wrap { + position: absolute; + background: #fcfcfc; + top: 50%; + right: 50%; + transform: translateX( 50% ) translateY( -40% ); + width: 600px; + box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.15 ); + text-align: center; + border-radius: 2px; +} + +.ast-attachments-browser .ast-image__license-input-inner-wrap { + display: inline-grid; + position: relative; +} + +.ast-attachments-browser .ast-image__license-input-inner-wrap .ast-image__license-msg { + padding: 5px 10px; + border: 1px solid #cc3333; + border-radius: 2px; + text-align: right; + margin-left: 10px; + margin-top: 5px; + margin-left: 10px; + margin-right: 0; + display: none; + color: #cc3333; + background: #ffeeee; +} + +.ast-attachments-browser .ast-image__license-msg i { + margin-left: 5px; +} + +.ast-attachments-browser .ast-image__license-msg span { + vertical-align: middle; +} + +.ast-attachments-browser input.ast-image__license { + margin-left: 10px; + width: 300px; + height: 40px; + padding-right: 13px; + border-color: #d6d6d6; +} + +.ast-attachments-browser li.ast-image__license-edit-key { + display: flex; + justify-content: center; + margin-right: 5px; + align-items: center; + border-right: 1px solid #ededed; + padding: 0 15px; +} + +.ast-attachments-browser .ast-image__license-edit-key + div { + padding: 0 10px; +} + +.ast-attachments-browser li.ast-image__license-edit-key a:focus { + box-shadow: none; +} + +.ast-attachments-browser .ast-image-valid-license { + height: 40px; + position: absolute; + left: 20px; + top: 0; + color: green; + display: flex; + align-items: center; +} + +.ast-attachments-browser .ast-image__browse-images { + cursor: pointer; +} + +.ast-image__save.button-primary { + display: flex; + align-items: center; +} + +.ast-image__filter-safesearch > label input { + margin-left: 5px; +} + +.ast-attachments-browser .ast-image__save.installing:before { + display: none; +} + +.ast-attachments-browser .ast-image__save.installing:after { + content: "\f463"; + display: inline-block; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; + -webkit-animation: cssAnimation 0.72s ease infinite; + -moz-animation: cssAnimation 0.72s ease infinite; + -o-animation: cssAnimation 0.72s ease infinite; + -ms-animation: cssAnimation 0.72s ease infinite; + animation: cssAnimation 0.72s ease infinite; + color: #fff; + margin: 0; + padding: 0; + margin-right: 10px; + vertical-align: middle; +} + +@-webkit-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( -360deg ); + -moz-transform: rotate( -360deg ); + -o-transform: rotate( -360deg ); + -ms-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} +@-moz-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( -360deg ); + -moz-transform: rotate( -360deg ); + -o-transform: rotate( -360deg ); + -ms-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} +@-o-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( -360deg ); + -moz-transform: rotate( -360deg ); + -o-transform: rotate( -360deg ); + -ms-transform: rotate( -360deg ); + transform: rotate( -360deg ); + } +} + +@-webkit-keyframes sk-bouncedelay { + 0%, + 80%, + 100% { + -webkit-transform: scale( 0 ); + transform: scale( 0 ); + } + 40% { + -webkit-transform: scale( 1 ); + transform: scale( 1 ); + } +} + +@keyframes sk-bouncedelay { + 0%, + 80%, + 100% { + -webkit-transform: scale( 0 ); + transform: scale( 0 ); + } + 40% { + -webkit-transform: scale( 1 ); + transform: scale( 1 ); + } +} + +@media ( max-width: 767px ) { + .ast-attachments-browser .ast-image__list-wrap { + width: 33.33%; + } + .ast-attachments-browser:not( .preview-mode ) .ast-attachments-search-wrap { + display: inline-block; + height: 76px; + width: 100%; + } + .ast-attachments-browser .search-icon { + right: 265px; + } + .ast-attachments-browser .imported.ast-image__list-inner-wrap:before { + top: 15px; + padding: 4px; + margin: 0 15px 0 5px; + font-size: 11px; + } +} + +@media ( min-width: 768px ) and ( max-width: 1024px ) { + .ast-attachments-browser .ast-image__list-wrap { + width: 33.33%; + } + .ast-attachments-browser .ast-image__filter li select { + width: 100px; + } + .ast-attachments-browser input.ast-image__search { + width: 240px; + } +} +@media ( min-width: 1025px ) and ( max-width: 1200px ) { + .ast-attachments-search-wrap .ast-image__search-wrap input { + width: 220px; + } +} +@media ( min-width: 1201px ) and ( max-width: 1321px ) { + .ast-attachments-search-wrap .ast-image__search-wrap input { + width: 360px; + } +} +@media ( min-width: 1322px ) and ( max-width: 1430px ) { + .ast-attachments-search-wrap .ast-image__search-wrap input { + width: 500px; + } +} + + +/* 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; +} diff --git a/assets/css/images.css b/assets/css/images.css new file mode 100644 index 00000000..60c24bb5 --- /dev/null +++ b/assets/css/images.css @@ -0,0 +1,715 @@ +@font-face { + font-family: "icomoon"; + src: url( "../fonts/astra-sites.eot?9i8jex" ); + src: url( "../fonts/astra-sites.eot?9i8jex#iefix" ) format( "embedded-opentype" ), url( "../fonts/astra-sites.ttf?9i8jex" ) format( "truetype" ), url( "../fonts/astra-sites.woff?9i8jex" ) format( "woff" ), url( "../fonts/astra-sites.svg?9i8jex#icomoon" ) format( "svg" ); + font-weight: normal; + font-style: normal; +} + +[class^="ast-icon-"], +[class*=" ast-icon-"] { + font-family: "icomoon" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.ast-icon-chevron-left:before { + content: "\e904"; +} + +.ast-icon-search:before { + content: "\e900"; +} + +.ast-attachments-browser .ast-image__search.has-input + .search-icon { + display: none; +} + +.ast-attachments-browser .search-icon { + position: absolute; + top: 0; + right: 0; + color: #2b2b2b; + opacity: 0.3; + padding: 12px; +} + +.ast-attachments-browser .ast-image__skeleton { + column-count: 5; + column-gap: 20px; +} + +.ast-attachments-browser .ast-image__search-wrap { + position: relative; + display: inline-block; + margin-right: 1%; +} + +.ast-attachments-browser input.ast-image__search { + line-height: 1.8em; + width: 620px; + height: 35px; + background: #fff; + border-color: #d5dadf; +} + +.ast-attachments-browser .ast-image__list-wrap.loaded .ast-image__list-img-wrap { + opacity: 1; +} + +.ast-attachments-browser .ast-image__list-wrap.loaded .imported.ast-image__list-inner-wrap:before { + display: block; +} + +.fl-builder-edit .media-modal .media-frame-content .ast-image__list-img-overlay span, +.fl-builder-edit .media-modal .media-frame-content .ast-image__save { + color: #fff; +} +.fl-builder-edit .media-modal .media-frame-content .ast-image__list-img-overlay .ast-image__download-icon { + color: #767676; +} + +.ast-attachments-browser .ast-image__list-img-overlay span { + position: absolute; + bottom: 0; + left: 0; + color: #fff; + padding: 10px; + font-size: 13px; + width: calc( 100% - 20px ); + text-align: left; + text-transform: capitalize; +} + +.ast-attachments-browser .ast-image__list-img-overlay .ast-image__download-icon { + margin: 10px; + padding: 5px 7px; + width: auto; + border-radius: 2px; + right: 0; + text-align: right; + font-size: 16px; + left: auto; + background: #fff; + color: #767676; +} + +.ast-attachments-browser .ast-image__list-img-overlay .ast-image__download-icon:hover { + color: #111; + box-shadow: rgb( 0 0 0 / 30% ) 0px 4px 14px; +} + +.ast-attachments-browser .ast-image__list-img-overlay .ast-image__download-icon.installing:before { + content: "\f463"; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; + display: inline-block; + -webkit-animation: cssAnimation 2s linear infinite; + -moz-animation: cssAnimation 2s linear infinite; + -o-animation: cssAnimation 2s linear infinite; + -ms-animation: cssAnimation 2s linear infinite; + animation: cssAnimation 2s linear infinite; +} + +.ast-attachments-browser .ast-image__list-img-wrap { + display: flex; + opacity: 0; + position: relative; +} + +.ast-attachments-browser .ast-image__list-img-wrap:hover { + box-shadow: 0 3px 10px rgba( 0, 0, 0, 0.12 ); +} + +.ast-attachments-browser .ast-image__list-img-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba( 0, 0, 0, 0.4 ); + opacity: 0; + transition: opacity 0.5s, visibility 0s 0.5s; + cursor: pointer; +} + +.ast-attachments-browser .ast-image__list-inner-wrap:hover .ast-image__list-img-overlay { + opacity: 1; +} + +.ast-attachments-browser .ast-image__filter-wrap { + display: inline-block; + vertical-align: top; +} + +.ast-powered-by-pixabay-wrap { + margin-right: 25px; + display: flex; + align-items: center; + float: right; + margin-top: 10px; +} + +.ast-powered-by-pixabay-wrap > span { + font-size: 12px; + color: #50575e; + margin-right: 5px; +} + +.ast-powered-by-pixabay-wrap > img { + height: 1.2em; +} + +.ast-attachments-browser .ast-attachments-search-wrap { + padding: 10px 20px; + border-bottom: 1px solid #ddd; + display: block; + height: 36px; + align-items: center; + padding-right: 0px; +} + +.ast-attachments-browser .ast-image__filter { + display: flex; + padding: 0; + margin: 0; + list-style-type: none; + align-items: center; +} + +.ast-attachments-browser .ast-image__filter li { + padding: 0 8px; + margin: 0; +} + +.ast-attachments-browser .ast-image__filter li:first-child { + padding-left: 0; +} + +.ast-attachments-browser .ast-image__filter li select { + height: 35px; + width: auto; +} + +.fl-builder .ast-attachments-browser .ast-image__filter li select { + padding: 0 10px; +} + +.ast-attachments-browser .ast-image__skeleton-inner-wrap { + overflow-y: scroll; + height: inherit; + padding: 10px; + padding-bottom: 0; + height: inherit; +} + +.ast-attachments-browser .button.ast-image__validate-btn { + height: 38px; + line-height: 37px; + padding: 0 15px 2px; +} + +.ast-attachments-browser.preview-mode .ast-image__skeleton-inner-wrap { + overflow-y: auto; +} + +.ast-attachments-browser .ast-image__list-wrap { + padding: 0; + margin: 0; + display: grid; + grid-template-rows: 1fr auto; + margin-bottom: 20px; + break-inside: avoid; +} +.ast-attachments-browser .ast-image__skeleton-wrap { + height: 100%; +} + +.ast-attachments-browser .ast-image__list-inner-wrap img { + width: 100%; + height: auto; +} + +.ast-attachments-browser .single-site-wrap { + display: flex; +} + +.ast-attachments-browser .single-site { + width: 100%; + display: flex; +} + +.ast-attachments-browser .single-site-preview { + height: auto; + margin-right: 0; + max-height: calc( 100vh - 280px ); + overflow-y: auto; + border-radius: 2px; + box-shadow: none; +} + +.ast-attachments-browser .single-site-preview img { + vertical-align: middle; +} + +.ast-attachments-browser .ast-image__preview-skeleton { + padding: 10px; +} + +.ast-attachments-browser .single-site-preview img, +.ast-attachments-browser .single-site-preview-wrap { + width: 100%; +} +.ast-image__list-inner-wrap.imported { + position: relative; +} + +.ast-attachments-browser .imported.ast-image__list-inner-wrap:before { + content: "IMPORTED"; + background: rgba( 0, 0, 0, 0.5 ); + color: #fff; + top: 10px; + left: 10px; + width: auto; + height: auto; + padding: 5px; + margin: 0; + z-index: 9; + position: absolute; + display: none; +} + +.ast-attachments-browser .ast-image__go-back { + font-weight: 600; + font-size: 12px; + cursor: pointer; + display: inline-block; + align-items: center; + margin-top: 7px; +} + +.ast-attachments-browser .ast-image__go-back i { + font-size: 14px; + height: 14px; + width: 14px; + vertical-align: text-bottom; +} + +.ast-attachments-browser .ast-image__save-wrap { + padding: 0 20px; + display: inline-block; + float: right; +} + +.ast-attachments-browser .ast-image__loader-wrap { + display: none; + margin: 0 auto; + min-height: 58px; + line-height: 58px; + width: 160px; + text-align: center; + position: absolute; + left: 50%; + bottom: 0; + transform: translateX( -50% ); +} + +.ast-attachments-browser .ast-image__loader-wrap > div { + width: 18px; + height: 18px; + background-color: #0085ba; + -webkit-border-radius: 100%; + border-radius: 100%; + display: inline-block; + -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; + animation: sk-bouncedelay 1.4s infinite ease-in-out both; +} + +.ast-attachments-browser .ast-image__loader-wrap .ast-image__loader-1 { + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; +} + +.ast-attachments-browser .ast-image__loader-wrap .ast-image__loader-2 { + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; +} + +.ast-attachments-browser .ast-image__license-heading { + margin: 0; + text-align: center; + font-size: 1.4em; + font-weight: 600; + margin-top: 0; + color: #23282d; +} + +.ast-attachments-browser .ast-image__license-description { + font-size: 13px; + line-height: 1.5; + margin: 2em 4em; + color: #444; +} + +.ast-attachments-browser .ast-image__license-get-wrap { + font-size: 1em; + margin-top: 40px; + padding: 18px; + border-top: 1px solid #eae5e5; +} + +.ast-attachments-browser .ast-image__license-input-wrap { + margin-bottom: 20px; +} + +.ast-attachments-browser .ast-image__license-get-wrap h4 { + color: #444; + margin: 0; +} + +.ast-attachments-browser .astra-sites-no-sites { + width: 100%; + padding: 7em 0; +} + +.ast-attachments-browser .astra-sites-no-sites h3 { + font-size: 1.3rem; + font-weight: normal; + color: #666; + margin-top: 0; + text-align: center; + margin-bottom: 3em; +} + +.ast-attachments-browser .ast-image__license-heading-wrap { + background: #fff; + margin-bottom: 50px; + padding: 16px 35px; + box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1 ); + border-radius: 2px 2px 0 0; +} + +.ast-attachments-browser .ast-image__license-wrap { + position: absolute; + background: #fcfcfc; + top: 50%; + left: 50%; + transform: translateX( -50% ) translateY( -40% ); + width: 600px; + box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.15 ); + text-align: center; + border-radius: 2px; +} + +.ast-attachments-browser .ast-image__license-input-inner-wrap { + display: inline-grid; + position: relative; +} + +.ast-attachments-browser .ast-image__license-input-inner-wrap .ast-image__license-msg { + padding: 5px 10px; + border: 1px solid #cc3333; + border-radius: 2px; + text-align: left; + margin-right: 10px; + margin-top: 5px; + margin-right: 10px; + margin-left: 0; + display: none; + color: #cc3333; + background: #ffeeee; +} + +.ast-attachments-browser .ast-image__license-msg i { + margin-right: 5px; +} + +.ast-attachments-browser .ast-image__license-msg span { + vertical-align: middle; +} + +.ast-attachments-browser input.ast-image__license { + margin-right: 10px; + width: 300px; + height: 40px; + padding-left: 13px; + border-color: #d6d6d6; +} + +.ast-attachments-browser li.ast-image__license-edit-key { + display: flex; + justify-content: center; + margin-left: 5px; + align-items: center; + border-left: 1px solid #ededed; + padding: 0 15px; +} + +.ast-attachments-browser .ast-image__license-edit-key + div { + padding: 0 10px; +} + +.ast-attachments-browser li.ast-image__license-edit-key a:focus { + box-shadow: none; +} + +.ast-attachments-browser .ast-image-valid-license { + height: 40px; + position: absolute; + right: 20px; + top: 0; + color: green; + display: flex; + align-items: center; +} + +.ast-attachments-browser .ast-image__browse-images { + cursor: pointer; +} + +.ast-image__save.button-primary { + display: flex; + align-items: center; +} + +.ast-image__filter-safesearch > label input { + margin-right: 5px; +} + +.ast-attachments-browser .ast-image__save.installing:before { + display: none; +} + +.ast-attachments-browser .ast-image__save.installing:after { + content: "\f463"; + display: inline-block; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: middle; + -webkit-animation: cssAnimation 0.72s ease infinite; + -moz-animation: cssAnimation 0.72s ease infinite; + -o-animation: cssAnimation 0.72s ease infinite; + -ms-animation: cssAnimation 0.72s ease infinite; + animation: cssAnimation 0.72s ease infinite; + color: #fff; + margin: 0; + padding: 0; + margin-left: 10px; + vertical-align: middle; +} + +@-webkit-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( 360deg ); + -moz-transform: rotate( 360deg ); + -o-transform: rotate( 360deg ); + -ms-transform: rotate( 360deg ); + transform: rotate( 360deg ); + } +} +@-moz-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( 360deg ); + -moz-transform: rotate( 360deg ); + -o-transform: rotate( 360deg ); + -ms-transform: rotate( 360deg ); + transform: rotate( 360deg ); + } +} +@-o-keyframes cssAnimation { + from { + -webkit-transform: rotate( 0 ); + -moz-transform: rotate( 0 ); + -o-transform: rotate( 0 ); + -ms-transform: rotate( 0 ); + transform: rotate( 0 ); + } + to { + -webkit-transform: rotate( 360deg ); + -moz-transform: rotate( 360deg ); + -o-transform: rotate( 360deg ); + -ms-transform: rotate( 360deg ); + transform: rotate( 360deg ); + } +} + +@-webkit-keyframes sk-bouncedelay { + 0%, + 80%, + 100% { + -webkit-transform: scale( 0 ); + transform: scale( 0 ); + } + 40% { + -webkit-transform: scale( 1 ); + transform: scale( 1 ); + } +} + +@keyframes sk-bouncedelay { + 0%, + 80%, + 100% { + -webkit-transform: scale( 0 ); + transform: scale( 0 ); + } + 40% { + -webkit-transform: scale( 1 ); + transform: scale( 1 ); + } +} + +@media ( max-width: 767px ) { + .ast-attachments-browser .ast-image__list-wrap { + width: 33.33%; + } + .ast-attachments-browser:not( .preview-mode ) .ast-attachments-search-wrap { + display: inline-block; + height: 76px; + width: 100%; + } + .ast-attachments-browser .search-icon { + left: 265px; + } + .ast-attachments-browser .imported.ast-image__list-inner-wrap:before { + top: 15px; + padding: 4px; + margin: 0 5px 0 15px; + font-size: 11px; + } +} + +@media ( min-width: 768px ) and ( max-width: 1024px ) { + .ast-attachments-browser .ast-image__list-wrap { + width: 33.33%; + } + .ast-attachments-browser .ast-image__filter li select { + width: 100px; + } + .ast-attachments-browser input.ast-image__search { + width: 240px; + } +} +@media ( min-width: 1025px ) and ( max-width: 1200px ) { + .ast-attachments-search-wrap .ast-image__search-wrap input { + width: 220px; + } +} +@media ( min-width: 1201px ) and ( max-width: 1321px ) { + .ast-attachments-search-wrap .ast-image__search-wrap input { + width: 360px; + } +} +@media ( min-width: 1322px ) and ( max-width: 1430px ) { + .ast-attachments-search-wrap .ast-image__search-wrap input { + width: 500px; + } +} + + +/* 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; +} diff --git a/assets/css/import-status-rtl.css b/assets/css/import-status-rtl.css new file mode 100644 index 00000000..d93bb24f --- /dev/null +++ b/assets/css/import-status-rtl.css @@ -0,0 +1,182 @@ +#wpadminbar #astra-sites-import-status-admin-bar { + padding-right: 10px; + border-right: 1px solid #3d4349; + color: #fff; +} + +.astra-sites-import-screen.failed .import-step:before { + content: "\f335"; + color: #f44336; +} + +.astra-sites-import-screen .dashicons-external { + font-size: inherit; + vertical-align: middle; +} + +#astra-sites-import-status-admin-bar .dashicons { + font-family: "dashicons"; + display: inline-block; + line-height: 1; + font-weight: 400; + font-style: normal; + speak: none; + text-decoration: inherit; + text-transform: none; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 20px; + vertical-align: text-top; + text-align: center; + transition: color 0.1s ease-in; + margin-left: 5px; +} + +#astra-sites-import-status-admin-bar .loading::before { + color: #9ea3a8; + content: "\f463"; + display: inline-block; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; + animation: rotation 2s infinite linear; + margin: 5px -2px 0 5px; + font-weight: revert; +} + +.astra-sites-import-screen .import-steps { + padding: 1.5em 1.5em 1em 1em; +} + +.astra-sites-import-screen .import-step.processing:before { + content: "\f463"; + animation: rotation 2s infinite linear; +} + +.astra-sites-import-screen .import-step:before { + color: #9ea3a8; + content: "\f139"; + display: inline-block; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; + font-weight: revert; + margin-left: 3px; +} + +.astra-sites-import-screen .import-step.success::before { + content: "\f147"; + color: #4caf50; +} + +.astra-sites-import-screen .import-step.fail::before { + color: #ff5722; + content: "\f335"; +} + +.astra-sites-import-screen .footer { + text-align: right; + padding: 10px 15px; + display: flex; + align-items: center; + justify-content: space-between; + position: relative; +} + +.astra-sites-import-screen .content { + text-align: right; + padding: 2em 5em 4em 5em; +} + +.astra-sites-import-screen .view-site-button .dashicons { + font-size: initial; + vertical-align: middle; +} + + +/* 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; +} diff --git a/assets/css/import-status.css b/assets/css/import-status.css new file mode 100644 index 00000000..b9a30a95 --- /dev/null +++ b/assets/css/import-status.css @@ -0,0 +1,182 @@ +#wpadminbar #astra-sites-import-status-admin-bar { + padding-left: 10px; + border-left: 1px solid #3d4349; + color: #fff; +} + +.astra-sites-import-screen.failed .import-step:before { + content: "\f335"; + color: #f44336; +} + +.astra-sites-import-screen .dashicons-external { + font-size: inherit; + vertical-align: middle; +} + +#astra-sites-import-status-admin-bar .dashicons { + font-family: "dashicons"; + display: inline-block; + line-height: 1; + font-weight: 400; + font-style: normal; + speak: none; + text-decoration: inherit; + text-transform: none; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: 20px; + vertical-align: text-top; + text-align: center; + transition: color 0.1s ease-in; + margin-right: 5px; +} + +#astra-sites-import-status-admin-bar .loading::before { + color: #9ea3a8; + content: "\f463"; + display: inline-block; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; + animation: rotation 2s infinite linear; + margin: 5px 5px 0 -2px; + font-weight: revert; +} + +.astra-sites-import-screen .import-steps { + padding: 1.5em 1em 1em 1.5em; +} + +.astra-sites-import-screen .import-step.processing:before { + content: "\f463"; + animation: rotation 2s infinite linear; +} + +.astra-sites-import-screen .import-step:before { + color: #9ea3a8; + content: "\f139"; + display: inline-block; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; + font-weight: revert; + margin-right: 3px; +} + +.astra-sites-import-screen .import-step.success::before { + content: "\f147"; + color: #4caf50; +} + +.astra-sites-import-screen .import-step.fail::before { + color: #ff5722; + content: "\f335"; +} + +.astra-sites-import-screen .footer { + text-align: left; + padding: 10px 15px; + display: flex; + align-items: center; + justify-content: space-between; + position: relative; +} + +.astra-sites-import-screen .content { + text-align: left; + padding: 2em 5em 4em 5em; +} + +.astra-sites-import-screen .view-site-button .dashicons { + font-size: initial; + vertical-align: middle; +} + + +/* 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; +} diff --git a/assets/css/infinite-scroll-rtl.css b/assets/css/infinite-scroll-rtl.css new file mode 100644 index 00000000..1718aacc --- /dev/null +++ b/assets/css/infinite-scroll-rtl.css @@ -0,0 +1,182 @@ +/** + * Infinite Scroll + */ +.ast-pagination-infinite { + text-align: center; + margin: 2.5em 0 0; +} + +.ast-page-builder-template .ast-pagination-infinite { + margin: 2.5em 0; +} + +.ast-load-more { + cursor: pointer; + display: none; + border: 2px solid var(--ast-border-color); + transition: all 0.2s linear; + color: #000; +} + +.ast-load-more.active { + display: inline-block; + padding: 0 1.5em; + line-height: 3em; +} + +.ast-load-more.no-more:hover { + border-color: var(--ast-border-color); + color: #000; +} + +/** + * Globally hidden elements when Infinite Scroll is supported and in use. + */ +.infinite-scroll .posts-navigation, +.infinite-scroll.neverending .site-footer { + /* Theme Footer (when set to scrolling) */ + display: none; +} + +/** + * When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. + */ +.infinity-end.neverending .site-footer { + display: block; +} + +.ast-load-more.no-more:hover { + background-color: inherit; +} + +.no-more { + cursor: default; +} + +/* Loader */ +.ast-loader { + display: none; + margin: 0 auto; + min-height: 58px; + line-height: 58px; + width: 70px; + text-align: center; +} + +.ast-loader > div { + width: 18px; + height: 18px; + background-color: #0085ba; + border-radius: 100%; + display: inline-block; + animation: sk-bouncedelay 1.4s infinite ease-in-out both; +} + +.ast-loader .ast-loader-1 { + animation-delay: -0.32s; +} + +.ast-loader .ast-loader-2 { + animation-delay: -0.16s; +} + +@keyframes sk-bouncedelay { + 0%, + 80%, + 100% { + transform: scale(0); + } + 40% { + transform: scale(1); + } +} + +/* Hiding 'ast-pagination' for infinite-scroll page. */ +.ast-blog-pagination-type-infinite .ast-pagination { + 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; +} diff --git a/assets/css/infinite-scroll-rtl.min.css b/assets/css/infinite-scroll-rtl.min.css new file mode 100644 index 00000000..add36c0d --- /dev/null +++ b/assets/css/infinite-scroll-rtl.min.css @@ -0,0 +1,85 @@ +.ast-pagination-infinite{text-align:center;margin:2.5em 0 0}.ast-page-builder-template .ast-pagination-infinite{margin:2.5em 0}.ast-load-more{cursor:pointer;display:none;border:2px solid var(--ast-border-color);transition:all .2s linear;color:#000}.ast-load-more.active{display:inline-block;padding:0 1.5em;line-height:3em}.ast-load-more.no-more:hover{border-color:var(--ast-border-color);color:#000}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.ast-load-more.no-more:hover{background-color:inherit}.no-more{cursor:default}.ast-loader{display:none;margin:0 auto;min-height:58px;line-height:58px;width:70px;text-align:center}.ast-loader>div{width:18px;height:18px;background-color:#0085ba;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.ast-loader .ast-loader-1{animation-delay:-.32s}.ast-loader .ast-loader-2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.ast-blog-pagination-type-infinite .ast-pagination{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; +} diff --git a/assets/css/infinite-scroll.css b/assets/css/infinite-scroll.css new file mode 100644 index 00000000..1718aacc --- /dev/null +++ b/assets/css/infinite-scroll.css @@ -0,0 +1,182 @@ +/** + * Infinite Scroll + */ +.ast-pagination-infinite { + text-align: center; + margin: 2.5em 0 0; +} + +.ast-page-builder-template .ast-pagination-infinite { + margin: 2.5em 0; +} + +.ast-load-more { + cursor: pointer; + display: none; + border: 2px solid var(--ast-border-color); + transition: all 0.2s linear; + color: #000; +} + +.ast-load-more.active { + display: inline-block; + padding: 0 1.5em; + line-height: 3em; +} + +.ast-load-more.no-more:hover { + border-color: var(--ast-border-color); + color: #000; +} + +/** + * Globally hidden elements when Infinite Scroll is supported and in use. + */ +.infinite-scroll .posts-navigation, +.infinite-scroll.neverending .site-footer { + /* Theme Footer (when set to scrolling) */ + display: none; +} + +/** + * When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. + */ +.infinity-end.neverending .site-footer { + display: block; +} + +.ast-load-more.no-more:hover { + background-color: inherit; +} + +.no-more { + cursor: default; +} + +/* Loader */ +.ast-loader { + display: none; + margin: 0 auto; + min-height: 58px; + line-height: 58px; + width: 70px; + text-align: center; +} + +.ast-loader > div { + width: 18px; + height: 18px; + background-color: #0085ba; + border-radius: 100%; + display: inline-block; + animation: sk-bouncedelay 1.4s infinite ease-in-out both; +} + +.ast-loader .ast-loader-1 { + animation-delay: -0.32s; +} + +.ast-loader .ast-loader-2 { + animation-delay: -0.16s; +} + +@keyframes sk-bouncedelay { + 0%, + 80%, + 100% { + transform: scale(0); + } + 40% { + transform: scale(1); + } +} + +/* Hiding 'ast-pagination' for infinite-scroll page. */ +.ast-blog-pagination-type-infinite .ast-pagination { + 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; +} diff --git a/assets/css/infinite-scroll.min.css b/assets/css/infinite-scroll.min.css new file mode 100644 index 00000000..add36c0d --- /dev/null +++ b/assets/css/infinite-scroll.min.css @@ -0,0 +1,85 @@ +.ast-pagination-infinite{text-align:center;margin:2.5em 0 0}.ast-page-builder-template .ast-pagination-infinite{margin:2.5em 0}.ast-load-more{cursor:pointer;display:none;border:2px solid var(--ast-border-color);transition:all .2s linear;color:#000}.ast-load-more.active{display:inline-block;padding:0 1.5em;line-height:3em}.ast-load-more.no-more:hover{border-color:var(--ast-border-color);color:#000}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.ast-load-more.no-more:hover{background-color:inherit}.no-more{cursor:default}.ast-loader{display:none;margin:0 auto;min-height:58px;line-height:58px;width:70px;text-align:center}.ast-loader>div{width:18px;height:18px;background-color:#0085ba;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.ast-loader .ast-loader-1{animation-delay:-.32s}.ast-loader .ast-loader-2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.ast-blog-pagination-type-infinite .ast-pagination{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; +} diff --git a/assets/css/info-box.css b/assets/css/info-box.css new file mode 100644 index 00000000..1d179fae --- /dev/null +++ b/assets/css/info-box.css @@ -0,0 +1,86 @@ +.uagb-ifb-content>svg *{-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.uagb-ifb-content>svg,.uagb-ifb-content{display:inline-block}.uagb-ifb-content>svg{vertical-align:middle;width:inherit;height:inherit;font-style:initial}.uagb-ifb-content .uagb-ifb-icon-wrap svg{box-sizing:content-box;width:inherit;height:inherit}.uagb-ifb-button-wrapper:empty{display:none}div.uagb-ifb-button-wrapper a.uagb-infobox-cta-link,div.uagb-ifb-cta a.uagb-infobox-cta-link,.entry .entry-content a.uagb-infobox-cta-link,a.uagb-infobox-link-wrap,.entry .entry-content a.uagb-infobox-link-wrap{text-decoration:none;align-items:center}.uagb-infobox-icon-left-title.uagb-infobox-image-valign-middle .uagb-ifb-title-wrap,.uagb-infobox-icon-right-title.uagb-infobox-image-valign-middle .uagb-ifb-title-wrap,.uagb-infobox-image-valign-middle .uagb-ifb-icon-wrap,.uagb-infobox-image-valign-middle .uagb-ifb-image-content,.uagb-infobox-icon-left.uagb-infobox-image-valign-middle .uagb-ifb-content,.uagb-infobox-icon-right.uagb-infobox-image-valign-middle .uagb-ifb-content{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center}.uagb-infobox-icon-left-title.uagb-infobox-image-valign-top .uagb-ifb-title-wrap,.uagb-infobox-icon-right-title.uagb-infobox-image-valign-top .uagb-ifb-title-wrap,.uagb-infobox-image-valign-top .uagb-ifb-icon-wrap,.uagb-infobox-image-valign-top .uagb-ifb-image-content,.uagb-infobox-icon-left.uagb-infobox-image-valign-top .uagb-ifb-content,.uagb-infobox-icon-right.uagb-infobox-image-valign-top .uagb-ifb-content{-webkit-align-self:self-start;align-self:self-start}.uagb-infobox-left{justify-content:flex-start;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start}.uagb-infobox-center{justify-content:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center}.uagb-infobox-right{justify-content:flex-end;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end}.uagb-infobox-icon-above-title.uagb-infobox__content-wrap,.uagb-infobox-icon-below-title.uagb-infobox__content-wrap{display:block;width:100%}.uagb-infobox-icon-left-title .uagb-ifb-content>svg,.uagb-infobox-icon-left .uagb-ifb-content>svg{margin-right:10px}.uagb-infobox-icon-right-title .uagb-ifb-content>svg,.uagb-infobox-icon-right .uagb-ifb-content>svg{margin-left:10px}.uagb-infobox-icon-left.uagb-infobox__content-wrap,.uagb-infobox-icon-right.uagb-infobox__content-wrap,.uagb-infobox-icon-left-title .uagb-ifb-left-title-image,.uagb-infobox-icon-right-title .uagb-ifb-right-title-image{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-js-display:flex}.uagb-infobox-icon-left-title .uagb-ifb-left-title-image .uagb-ifb-image-content,.uagb-infobox-icon-right-title .uagb-ifb-right-title-image .uagb-ifb-image-content,.uagb-infobox-icon-left .uagb-ifb-image-content,.uagb-infobox-icon-right .uagb-ifb-image-content{flex-shrink:0;line-height:0}.uagb-infobox-icon-left-title .uagb-ifb-left-title-image .uagb-ifb-title-wrap,.uagb-infobox-icon-right-title .uagb-ifb-right-title-image .uagb-ifb-title-wrap,.uagb-infobox-icon-left .uagb-ifb-content,.uagb-infobox-icon-right .uagb-ifb-content{flex-grow:1}.uagb-infobox-icon-right.uagb-infobox__content-wrap,.uagb-infobox-icon-right-title .uagb-ifb-right-title-image{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end}.uagb-ifb-content img{position:relative;display:inline-block;line-height:0;width:auto;height:auto !important;max-width:100%;border-radius:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-border-radius:inherit}.uagb-infobox-module-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%}.uagb-edit-mode .uagb-infobox-module-link{z-index:2}.uagb-infobox-link-icon-after{margin-right:0;margin-left:5px}.uagb-infobox-link-icon-before{margin-right:5px;margin-left:0}.uagb-infobox-link-icon{-webkit-transition:all 200ms linear;transition:all 200ms linear}.uagb-infobox__content-wrap{box-sizing:border-box;position:relative;width:100%;word-break:break-word;z-index:1}.uagb-ifb-separator{display:inline-block;margin:0;border-top-color:#333;border-top-style:solid;border-top-width:2px;line-height:0}.uagb-ifb-button-wrapper{line-height:1}.uagb-ifb-button-wrapper.uagb-ifb-button-type-text .uagb-infobox-cta-link.wp-block-button__link{background-color:unset;border:none}.uagb-ifb-button-wrapper.uagb-ifb-button-type-text .uagb-infobox-cta-link.wp-block-button__link:hover{background-color:unset;border-color:unset}.uagb-ifb-button-wrapper .uagb-infobox-cta-link{cursor:pointer}.uagb-ifb-button-wrapper .uagb-infobox-cta-link.wp-block-button__link{width:auto}.uagb-ifb-button-wrapper .wp-block-button__link svg,.uagb-ifb-button-wrapper .ast-outline-button svg{fill:currentColor}.uagb-infobox__content-wrap a{-webkit-box-shadow:none;box-shadow:none;text-decoration:none}.uagb-ifb-title-wrap{width:100%}.uagb-ifb-title{margin-block-start:0}.uagb-ifb-title-wrap .uagb-ifb-title-prefix{display:block;padding:0;margin:0}.uagb-infobox__content-wrap.uagb-infobox__content-wrap{position:relative}.uagb-ifb-content{width:100%}.uagb-infobox__content-wrap.uagb-infobox,.uagb-ifb-content,.uagb-ifb-title-wrap,.uagb-ifb-title-prefix *,svg.dashicon.dashicons-upload{z-index:1}a.uagb-infobox-link-wrap{color:inherit}.uagb-ifb-content p:empty{display:none}.uagb-infobox__content-wrap .uagb-ifb-content img{display:inline-block;max-width:100%}.uagb-infobox__content-wrap .uagb-ifb-content svg{display:inline-block}.uagb-infobox__content-wrap .uagb-ifb-icon-wrap,.uagb-infobox-icon-left .uagb-ifb-image-content,.uagb-infobox-icon-right .uagb-ifb-image-content{box-sizing:content-box}.uagb-infobox-cta-link>svg{vertical-align:middle;width:15px;height:15px;font-size:15px}.uagb-infobox-cta-link{display:inline-flex}.block-editor-page #wpwrap .uagb-infobox-cta-link svg,.uagb-infobox-cta-link svg{font-style:normal}.uagb-infobox-icon-left-title .uagb-ifb-icon-wrap,.uagb-infobox-icon-left .uagb-ifb-icon-wrap{margin-right:10px;line-height:0}.uagb-infobox-icon-right-title .uagb-ifb-icon-wrap,.uagb-infobox-icon-right .uagb-ifb-icon-wrap{margin-left:10px;line-height:0}html[dir="rtl"] .uagb-infobox-icon-left-title .uagb-ifb-icon-wrap,html[dir="rtl"] .uagb-infobox-icon-left .uagb-ifb-icon-wrap{margin-left:10px;line-height:0}html[dir="rtl"] .uagb-infobox-icon-right-title .uagb-ifb-icon-wrap,html[dir="rtl"] .uagb-infobox-icon-right .uagb-ifb-icon-wrap{margin-right:10px;line-height:0}html[dir="rtl"] .uagb-infobox-left{justify-content:flex-end;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end}html[dir="rtl"] .uagb-infobox-right{justify-content:flex-start;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start}.uagb-infobox-icon-left .uagb-ifb-left-right-wrap,.uagb-infobox-icon-right .uagb-ifb-left-right-wrap,.uagb-infobox-icon-left-title .uagb-ifb-left-title-image,.uagb-infobox-icon-right-title .uagb-ifb-right-title-image{display:-webkit-box;display:-ms-flexbox;display:flex}.uagb-infobox-icon-right .uagb-ifb-left-right-wrap,.uagb-infobox-icon-right-title .uagb-ifb-right-title-image{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end}a.uagb-infbox__link-to-all{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;box-shadow:none;text-decoration:none;-webkit-box-shadow:none}@media only screen and (max-width: 976px){.uagb-infobox-stacked-tablet.uagb-infobox__content-wrap .uagb-ifb-image-content{padding:0;margin-bottom:20px}.uagb-infobox-stacked-tablet.uagb-reverse-order-tablet.uagb-infobox__content-wrap{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;flex-direction:column-reverse;-js-display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-box-direction:reverse}.uagb-infobox-stacked-tablet.uagb-infobox__content-wrap .uagb-ifb-content,.uagb-infobox-stacked-tablet.uagb-infobox__content-wrap .uagb-ifb-icon-wrap,.uagb-infobox-stacked-tablet.uagb-infobox__content-wrap .uagb-ifb-image-content{display:block;width:100%;text-align:center}.uagb-infobox-stacked-tablet.uagb-infobox__content-wrap .uagb-ifb-icon-wrap,.uagb-infobox-stacked-tablet.uagb-infobox__content-wrap .uagb-ifb-image-content{margin-right:0;margin-left:0}.uagb-infobox-stacked-tablet.uagb-infobox__content-wrap{display:inline-block}.uagb-infobox-icon-left-title.uagb-infobox-stacked-tablet .uagb-ifb-image-content,.uagb-infobox-icon-left-title.uagb-infobox-stacked-tablet .uagb-ifb-icon-wrap,.uagb-infobox-icon-left.uagb-infobox-stacked-tablet .uagb-ifb-image-content,.uagb-infobox-icon-left.uagb-infobox-stacked-tablet .uagb-ifb-icon-wrap{margin-right:0}.uagb-infobox-icon-right-title.uagb-infobox-stacked-tablet .uagb-ifb-image-content,.uagb-infobox-icon-right-title.uagb-infobox-stacked-tablet .uagb-ifb-icon-wrap,.uagb-infobox-icon-right.uagb-infobox-stacked-tablet .uagb-ifb-image-content,.uagb-infobox-icon-right.uagb-infobox-stacked-tablet .uagb-ifb-icon-wrap{margin-left:0}.uagb-infobox-icon-left-title .uagb-ifb-separator{margin:10px 0}}@media screen and (max-width: 767px){.uagb-infobox-stacked-mobile.uagb-infobox__content-wrap{display:inline-block}.uagb-infobox-stacked-mobile.uagb-infobox__content-wrap .uagb-ifb-image-content,.uagb-infobox-stacked-mobile.uagb-infobox__content-wrap .uagb-ifb-icon-wrap{padding:0;margin-bottom:20px;margin-right:0;margin-left:0}.uagb-infobox-stacked-mobile.uagb-infobox__content-wrap.uagb-reverse-order-mobile{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;flex-direction:column-reverse;-js-display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-box-direction:reverse}.uagb-infobox-stacked-mobile.uagb-infobox__content-wrap .uagb-ifb-image-content,.uagb-infobox-stacked-mobile.uagb-infobox__content-wrap .uagb-ifb-icon-wrap,.uagb-infobox-stacked-mobile.uagb-infobox__content-wrap .uagb-ifb-content{display:block;width:100%;text-align:center}.uagb-infobox-icon-left-title.uagb-infobox-stacked-mobile .uagb-ifb-image-content,.uagb-infobox-icon-left-title.uagb-infobox-stacked-mobile .uagb-ifb-icon-wrap,.uagb-infobox-icon-left.uagb-infobox-stacked-mobile .uagb-ifb-image-content,.uagb-infobox-icon-left.uagb-infobox-stacked-mobile .uagb-ifb-icon-wrap{margin-right:0}.uagb-infobox-icon-right-title.uagb-infobox-stacked-mobile .uagb-ifb-image-content,.uagb-infobox-icon-right-title.uagb-infobox-stacked-mobile .uagb-ifb-icon-wrap,.uagb-infobox-icon-right.uagb-infobox-stacked-mobile .uagb-ifb-image-content,.uagb-infobox-icon-right.uagb-infobox-stacked-mobile .uagb-ifb-icon-wrap{margin-left:0}.uagb-infobox-icon-left-title .uagb-ifb-separator{margin:10px 0}}.uagb-ifb-icon svg{width:inherit;height:inherit;vertical-align:middle}.uagb-ifb-button-icon{height:15px;width:15px;font-size:15px;vertical-align:middle}.uagb-ifb-button-icon svg{height:inherit;width:inherit;display:inline-block}.uagb-ifb-button-icon.uagb-ifb-align-icon-after{float:right}.uagb-ifb-cta-button{display:inline-block}.uagb-disable-link{pointer-events:none}@media only screen and (min-width: 977px){.uagb-infobox-margin-wrapper{display:flex}}.uagb-ifb-content .uagb-ifb-desc p:last-child{margin-bottom: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; +} diff --git a/assets/css/inline-notice.css b/assets/css/inline-notice.css new file mode 100644 index 00000000..dfbfa584 --- /dev/null +++ b/assets/css/inline-notice.css @@ -0,0 +1,86 @@ +.uagb-inline_notice__align-right{text-align:right}.uagb-inline_notice__align-right span.uagb-notice-dismiss{left:13px}.uagb-inline_notice__align-center{text-align:center}.uagb-inline_notice__align-center span.uagb-notice-dismiss{right:13px}.uagb-inline_notice__align-left{text-align:left}.uagb-inline_notice__align-left span.uagb-notice-dismiss{right:13px}.wp-block-uagb-inline-notice{width:100%;position:relative}.wp-block-uagb-inline-notice.uagb-notice__active{display:none}.wp-block-uagb-inline-notice .uagb-notice-title{margin:0;width:-moz-available;width:-webkit-fill-available;width:fill-available;display:inline-block}.wp-block-uagb-inline-notice .uagb-notice-text{margin-top:-3px;margin-bottom:0}.wp-block-uagb-inline-notice .uagb-notice-text p:last-child{margin-bottom:0}.wp-block-uagb-inline-notice .uagb-notice-text p:first-child{margin-top:0 !important}.wp-block-uagb-inline-notice span.uagb-notice-dismiss svg{width:16px;height:16px}.wp-block-uagb-inline-notice span.uagb-notice-dismiss{position:absolute;cursor:pointer;top:13px;opacity:0.8;padding:0;background:none;transition:0.3s ease}.wp-block-uagb-inline-notice.uagb-dismissable>svg{position:absolute;cursor:pointer;opacity:0.8;padding:0;background:none;transition:0.3s ease}.wp-block-uagb-inline-notice.uagb-dismissable button[type="button"]{position:absolute;cursor:pointer;opacity:0.8;padding:0;background:none;transition:0.3s ease}.wp-block-uagb-inline-notice.uagb-inline_notice__align-right{text-align:right}.wp-block-uagb-inline-notice.uagb-inline_notice__align-right svg{left:13px}.wp-block-uagb-inline-notice.uagb-inline_notice__align-right button[type="button"]{left:13px;top:13px;border:none;padding-inline:0;padding-block:0;line-height:0px}.wp-block-uagb-inline-notice.uagb-inline_notice__align-center{text-align:center}.wp-block-uagb-inline-notice.uagb-inline_notice__align-center svg{right:13px}.wp-block-uagb-inline-notice.uagb-inline_notice__align-center button[type="button"]{right:13px;top:13px;border:none;padding-inline:0;padding-block:0;line-height:0px}.wp-block-uagb-inline-notice.uagb-inline_notice__align-left{text-align:left}.wp-block-uagb-inline-notice.uagb-inline_notice__align-left svg{right:13px}.wp-block-uagb-inline-notice.uagb-inline_notice__align-left button[type="button"]{right:13px;top:13px;border:none;padding-inline:0;padding-block:0;line-height:0px} + + +/* 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; +} diff --git a/assets/css/input-with-dropdowm-rtl.css b/assets/css/input-with-dropdowm-rtl.css new file mode 100644 index 00000000..920ea404 --- /dev/null +++ b/assets/css/input-with-dropdowm-rtl.css @@ -0,0 +1,126 @@ +.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper { + position: relative; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu{ + position: absolute; + left: 0; + top: 0; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle{ + width: 30px; + height: 30px; + border-radius: 0; + background-color: var(--wp-admin-theme-color); + color: #fff; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + color: #fff; +} + +.customize-control-ast-input-with-dropdown .components-button:focus:not(:disabled) { + box-shadow: none; + outline: none; +} + +.customize-control-ast-input-with-dropdown .components-popover__content { + min-width: 170px; +} + +.customize-control-ast-input-with-dropdown .components-popover__content .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + color: var(--wp-admin-theme-color); +} + +.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper input.components-text-control__input { + padding-left: 40px; + max-height: 30px; + min-height: 30px; + border-color: #ddd; +} + + +/* 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; +} diff --git a/assets/css/input-with-dropdowm.css b/assets/css/input-with-dropdowm.css new file mode 100644 index 00000000..d1ef2379 --- /dev/null +++ b/assets/css/input-with-dropdowm.css @@ -0,0 +1,126 @@ +.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper { + position: relative; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu{ + position: absolute; + right: 0; + top: 0; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle{ + width: 30px; + height: 30px; + border-radius: 0; + background-color: var(--wp-admin-theme-color); + color: #fff; +} + +.customize-control-ast-input-with-dropdown .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + color: #fff; +} + +.customize-control-ast-input-with-dropdown .components-button:focus:not(:disabled) { + box-shadow: none; + outline: none; +} + +.customize-control-ast-input-with-dropdown .components-popover__content { + min-width: 170px; +} + +.customize-control-ast-input-with-dropdown .components-popover__content .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):not(.components-color-picker__saturation-pointer):hover { + color: var(--wp-admin-theme-color); +} + +.customize-control-ast-input-with-dropdown .ast-input-with-dropdown-wrapper input.components-text-control__input { + padding-right: 40px; + max-height: 30px; + min-height: 30px; + border-color: #ddd; +} + + +/* 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; +} diff --git a/assets/css/instagram-feed.css b/assets/css/instagram-feed.css new file mode 100644 index 00000000..dcd9ecd2 --- /dev/null +++ b/assets/css/instagram-feed.css @@ -0,0 +1,86 @@ +.wp-block-uagb-instagram-feed{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;flex-direction:column}.spectra-ig-feed *{box-sizing:border-box}.spectra-ig-feed__layout--grid{display:-moz-grid;display:-ms-grid;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.spectra-ig-feed__layout--grid+.spectra-ig-feed__control-wrapper .spectra-ig-feed__control-arrows:hover{transform:scale(1.5);background-color:transparent}.spectra-ig-feed__layout--isogrid-col-1 .spectra-ig-feed__media-wrapper{width:100%}.spectra-ig-feed__layout--isogrid-col-2 .spectra-ig-feed__media-wrapper{width:50%}.spectra-ig-feed__layout--isogrid-col-3 .spectra-ig-feed__media-wrapper{width:33.33%}.spectra-ig-feed__layout--isogrid-col-4 .spectra-ig-feed__media-wrapper{width:25%}.spectra-ig-feed__layout--isogrid-col-5 .spectra-ig-feed__media-wrapper{width:20%}.spectra-ig-feed__layout--isogrid-col-6 .spectra-ig-feed__media-wrapper{width:16.66%}.spectra-ig-feed__layout--isogrid-col-7 .spectra-ig-feed__media-wrapper{width:14.28%}.spectra-ig-feed__layout--isogrid-col-8 .spectra-ig-feed__media-wrapper{width:12.5%}.spectra-ig-feed__layout--isogrid+.spectra-ig-feed__control-wrapper .spectra-ig-feed__control-arrows:hover{transform:scale(1.5);background-color:transparent}.spectra-ig-feed__layout--masonry-col-1 .spectra-ig-feed__media-wrapper{width:100%}.spectra-ig-feed__layout--masonry-col-2 .spectra-ig-feed__media-wrapper{width:50%}.spectra-ig-feed__layout--masonry-col-3 .spectra-ig-feed__media-wrapper{width:33.33%}.spectra-ig-feed__layout--masonry-col-4 .spectra-ig-feed__media-wrapper{width:25%}.spectra-ig-feed__layout--masonry-col-5 .spectra-ig-feed__media-wrapper{width:20%}.spectra-ig-feed__layout--masonry-col-6 .spectra-ig-feed__media-wrapper{width:16.66%}.spectra-ig-feed__layout--masonry-col-7 .spectra-ig-feed__media-wrapper{width:14.28%}.spectra-ig-feed__layout--masonry-col-8 .spectra-ig-feed__media-wrapper{width:12.5%}.spectra-ig-feed__layout--carousel{width:100%}.spectra-ig-feed__layout--carousel .slick-initialized{visibility:visible}.spectra-ig-feed__layout--carousel .slick-slider{line-height:0}.spectra-ig-feed__layout--carousel .slick-slider .spectra-ig-feed__media-thumbnail-caption{line-height:initial}.spectra-ig-feed__layout--carousel .slick-track{display:flex;align-items:center}.spectra-ig-feed__layout--carousel .slick-dots{padding:0;position:relative !important}.spectra-ig-feed__layout--carousel .slick-dots li button{padding:0}.spectra-ig-feed__layout--carousel .uagb-slick-carousel{padding:0}.spectra-ig-feed__media{position:relative;overflow:hidden;-webkit-transition:box-shadow 0.25s;-moz-transition:box-shadow 0.25s;-o-transition:box-shadow 0.25s;transition:box-shadow 0.25s}.spectra-ig-feed__media--flagged{cursor:not-allowed}.spectra-ig-feed__media--grid{aspect-ratio:1}.spectra-ig-feed__media--masonry{width:100%}.spectra-ig-feed__media--carouself{width:100%}.spectra-ig-feed__media-thumbnail{vertical-align:middle;-webkit-transition:filter 0.5s, transform 0.5s;-moz-transition:filter 0.5s, transform 0.5s;-o-transition:filter 0.5s, transform 0.5s;transition:filter 0.5s, transform 0.5s}.spectra-ig-feed__media-thumbnail--grid{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.spectra-ig-feed__media-thumbnail--masonry{width:100%}.spectra-ig-feed__media-thumbnail--carousel{width:100%}.spectra-ig-feed__media-thumbnail-blurrer{position:absolute;top:0;left:0;width:100% !important;height:100% !important;-webkit-transition:box-shadow 0.25s, -webkit-backdrop-filter 0.5s;-moz-transition:box-shadow 0.25s, backdrop-filter 0.5s;-o-transition:box-shadow 0.25s, backdrop-filter 0.5s;transition:box-shadow 0.25s, backdrop-filter 0.5s}.spectra-ig-feed__media-thumbnail-caption{-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-property:color, background-color, border-color;-moz-transition-property:color, background-color, border-color;-o-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}.spectra-ig-feed__media-thumbnail-caption--overlay{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;width:100%;height:100%;overflow:hidden;padding:1em}.spectra-ig-feed__media-thumbnail-caption--bar-inside{width:100%;overflow:hidden;padding:1em;max-height:90%}.spectra-ig-feed__media-thumbnail-caption--bar-outside{width:100%;overflow:hidden;padding:1em}.spectra-ig-feed__media-thumbnail-caption-wrapper{-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;-o-transition:background-color 0.2s;transition:background-color 0.2s}.spectra-ig-feed__media-thumbnail-caption-wrapper--overlay{position:absolute;top:0;left:0;width:100%;height:100%}.spectra-ig-feed__media-thumbnail-caption-wrapper--bar-inside{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;overflow:hidden}.spectra-ig-feed__media-thumbnail-caption-wrapper--bar-outside{position:relative;width:100%;overflow:hidden}.spectra-ig-feed__media-thumbnail-caption img.emoji{-webkit-transition:opacity 0.25s;-moz-transition:opacity 0.25s;-o-transition:opacity 0.25s;transition:opacity 0.25s}.spectra-ig-feed__control-wrapper{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;width:100%;justify-content:center}.spectra-ig-feed__control-arrows{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;align-items:center;background-color:transparent;padding:0;cursor:pointer;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-ig-feed__control-arrows:disabled{opacity:0.25;cursor:initial}.spectra-ig-feed__control-arrows:focus{background-color:transparent}.spectra-ig-feed__control-arrows--grid{border:none}.spectra-ig-feed__control-arrows svg{-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-ig-feed__control-dots{display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;align-items:center;padding:0 !important;margin:0 !important}.spectra-ig-feed__control-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0;padding:0;cursor:pointer;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-ig-feed__control-dots li:hover{transform:scale(1.5);background-color:transparent}.spectra-ig-feed__control-dots li button{font-size:0;line-height:0;display:block;box-sizing:border-box;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-ig-feed__control-dots li button::before{font-family:none;font-size:30px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-ig-feed__control-dots li.spectra-ig-feed__control-dot--active button::before{opacity:0.75}.spectra-ig-feed__control-loader{margin:0 auto;min-height:58px;line-height:58px;width:160px;text-align:center}.spectra-ig-feed__control-loader div{border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spectra-ig-feed__control-loader div.spectra-ig-feed__control-loader--1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spectra-ig-feed__control-loader div.spectra-ig-feed__control-loader--2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.spectra-ig-feed__control-button{cursor:pointer;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.spectra-ig-feed__control-button.disabled{opacity:0.25;pointer-events:none}@media (max-width: 976px){.spectra-ig-feed__layout--grid-col-tab-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-tab-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-tab-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-tab-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-tab-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-tab-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-tab-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-tab-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.spectra-ig-feed__layout--masonry-col-tab-1 .spectra-ig-feed__media-wrapper{width:100%}.spectra-ig-feed__layout--masonry-col-tab-2 .spectra-ig-feed__media-wrapper{width:50%}.spectra-ig-feed__layout--masonry-col-tab-3 .spectra-ig-feed__media-wrapper{width:33.33%}.spectra-ig-feed__layout--masonry-col-tab-4 .spectra-ig-feed__media-wrapper{width:25%}.spectra-ig-feed__layout--masonry-col-tab-5 .spectra-ig-feed__media-wrapper{width:20%}.spectra-ig-feed__layout--masonry-col-tab-6 .spectra-ig-feed__media-wrapper{width:16.66%}.spectra-ig-feed__layout--masonry-col-tab-7 .spectra-ig-feed__media-wrapper{width:14.28%}.spectra-ig-feed__layout--masonry-col-tab-8 .spectra-ig-feed__media-wrapper{width:12.5%}}@media (max-width: 767px){.spectra-ig-feed__layout--grid-col-mob-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-mob-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-mob-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-mob-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-mob-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-mob-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-mob-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.spectra-ig-feed__layout--grid-col-mob-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.spectra-ig-feed__layout--masonry-col-mob-1 .spectra-ig-feed__media-wrapper{width:100%}.spectra-ig-feed__layout--masonry-col-mob-2 .spectra-ig-feed__media-wrapper{width:50%}.spectra-ig-feed__layout--masonry-col-mob-3 .spectra-ig-feed__media-wrapper{width:33.33%}.spectra-ig-feed__layout--masonry-col-mob-4 .spectra-ig-feed__media-wrapper{width:25%}.spectra-ig-feed__layout--masonry-col-mob-5 .spectra-ig-feed__media-wrapper{width:20%}.spectra-ig-feed__layout--masonry-col-mob-6 .spectra-ig-feed__media-wrapper{width:16.66%}.spectra-ig-feed__layout--masonry-col-mob-7 .spectra-ig-feed__media-wrapper{width:14.28%}.spectra-ig-feed__layout--masonry-col-mob-8 .spectra-ig-feed__media-wrapper{width:12.5%}}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}} + + +/* 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; +} diff --git a/assets/css/integration-rtl.css b/assets/css/integration-rtl.css new file mode 100644 index 00000000..323b5987 --- /dev/null +++ b/assets/css/integration-rtl.css @@ -0,0 +1,388 @@ +.notice:not( .ast-img-notice ) { + display: none; +} +.ast-img-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; +} + +.form-field p.ast-img-p { + margin: 1em 0; +} + +.ast-img-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} +.form-wrap .ast-img-response-warning { + display: block; + color: #d02222; +} +.form-wrap .ast-img-google-error-response { + margin-top: 5px; + display: block; +} +.form-wrap .ast-img-google-error-response .ast-img-response-warning { + display: inline-block; +} +.form-wrap .ast-img-response-success { + display: block; + color: #2dbe15; +} +.postbox .inside .form-wrap .ast-img-integration-heading { + font-size: 15px; + font-weight: 600; +} +#ast-img-menu-page .ast-img-notice { + max-width: 860px; + margin: 0 auto; +} + +.ast-img-menu-page-wrapper a { + text-decoration: none; +} + +.ast-img-general-form-wrap { + width: 680px; +} + +.ast-img-bulk-actions-wrap { + flex: auto; + text-align: left; +} + +.ast-img-general-list .inside { + padding: 0; + margin: 0; +} + +.ast-img-list-section .ast-img-widget-list li { + -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; + padding: 10px 12px; + -moz-box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.1 ) inset; + -webkit-box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.1 ) inset; + box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.1 ) inset; + margin-bottom: 0; +} + +.ast-img-list-section .ast-img-widget-list li:nth-child( even ) { + background-color: #fbfbfb; +} + +.ast-img-list-section .ast-img-widget-list .activate { + border-right: 3px solid #008ec2; + padding-right: 12px; +} + +.ast-img-widget-list a { + text-decoration: none; +} + +.ast-img-widget-link-wrapper { + -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; + display: -webkit-flex; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + flex: auto; +} + +.ast-img-widget-list li a:before { + display: inline-block; + margin-left: 2px; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; +} + +.ast-img-widget-link-wrapper a:nth-child( even ) { + margin: 0 10px; +} + +.ast-img-container .postbox .hndle { + background: #f7f7f7; + border-bottom: 2px solid #e6e6e6; +} +.ast-img-container .postbox ul { + margin: 0; +} +.ast-img-widget-list a { + line-height: 1.6; +} +.ast-img-widget-list a:focus { + box-shadow: none; +} + +.ast-img-branding-list { + margin: 0; +} +.ast-img-menu-page-wrapper .ast-img-container .clear { + overflow: auto; + visibility: visible; + width: auto; + height: auto; +} + +/* Update icon. */ +.ast-img-widget-link-wrapper a.updating-message:before { + color: #f56e28; + content: "\f463"; +} + +/* Spins the update icon. */ +.ast-img-widget-link-wrapper a.updating-message:before { + -webkit-animation: rotation 2s infinite linear; + animation: rotation 2s infinite linear; +} + +.settings_page_astra-images #wpcontent { + padding: 0; +} + +/* Header */ +.ast-img-menu-page-header.general .ast-img-container, +.ast-img-menu-page-header.branding .ast-img-container, +.ast-img-container.ast-img-general, +.ast-img-container.ast-img-branding-wrapper { + max-width: 930px; +} +.ast-img-title { + flex: auto; + align-content: flex-start; + text-align: right; + margin: 0; +} +.ast-img-title a, +.ast-img-title span { + display: block; + outline: none; + box-shadow: none; + font-size: 1.5rem; + color: #333333; + font-weight: 500; +} + +.ast-img-header-icon { + width: 50px; + vertical-align: bottom; +} +.ast-img-top-links { + flex: auto; + text-align: left; + font-weight: bold; +} +.ast-img-menu-page-header { + background-color: #fff; + text-align: center; + padding: 10px 0; + margin-bottom: 20px; + box-shadow: 0 2px 0 #efefef, 0 2px 2px #ececec; +} + +/* White Label link*/ +.ast-img-widget-list .ast-img-white-label { + border-right: 3px solid #008ec2; + padding-right: 12px; +} + +.ast-img-hide-branding #poststuff #post-body.columns-2 { + margin: 0 auto; + max-width: 590px; +} + +/* Integration */ +.ast-img-integration-wrapper #poststuff { + width: 640px; + margin: 0 auto; + min-width: 640px; +} + +.ast-img-integration-form-wrap .form-field select { + border-style: solid; + border-width: 1px; + width: 95%; +} + +/* Spinner */ +.ast-img-button-spinner:before { + font: normal 20px/0.5 dashicons; + speak: none; + display: inline-block; + padding: 0; + top: 8px; + right: -4px; + position: relative; + vertical-align: top; + content: "\f463"; +} + +.ast-img-button-spinner.loading:before { + -webkit-animation: rotation 1s infinite linear; + animation: rotation 1s infinite linear; +} + +.ast-img-title > a { + display: flex; + align-items: center; +} +.ast-img-title .ast-img-plugin-version { + background-color: #e5e5e5; + border-radius: 3px; + font-size: 0.5em; + font-weight: 400; + margin-right: 10px; + padding: 2px 7px; + color: #333; +} + +/* New extensions badge */ +#Particles .ast-img-widget-title:after { + content: "extension"; + color: #fff; + background: #2ecc71; + font-size: 0.7em; + font-weight: 600; + position: relative; + padding: 0.3em 0.6em; + top: -1px; + right: 12px; + letter-spacing: 0.5px; + line-height: 1em; + text-transform: none; + text-transform: uppercase !important; + border-radius: 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; +} diff --git a/assets/css/integration.css b/assets/css/integration.css new file mode 100644 index 00000000..4957ebc7 --- /dev/null +++ b/assets/css/integration.css @@ -0,0 +1,388 @@ +.notice:not( .ast-img-notice ) { + display: none; +} +.ast-img-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; +} + +.form-field p.ast-img-p { + margin: 1em 0; +} + +.ast-img-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} +.form-wrap .ast-img-response-warning { + display: block; + color: #d02222; +} +.form-wrap .ast-img-google-error-response { + margin-top: 5px; + display: block; +} +.form-wrap .ast-img-google-error-response .ast-img-response-warning { + display: inline-block; +} +.form-wrap .ast-img-response-success { + display: block; + color: #2dbe15; +} +.postbox .inside .form-wrap .ast-img-integration-heading { + font-size: 15px; + font-weight: 600; +} +#ast-img-menu-page .ast-img-notice { + max-width: 860px; + margin: 0 auto; +} + +.ast-img-menu-page-wrapper a { + text-decoration: none; +} + +.ast-img-general-form-wrap { + width: 680px; +} + +.ast-img-bulk-actions-wrap { + flex: auto; + text-align: right; +} + +.ast-img-general-list .inside { + padding: 0; + margin: 0; +} + +.ast-img-list-section .ast-img-widget-list li { + -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; + padding: 10px 12px; + -moz-box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.1 ) inset; + -webkit-box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.1 ) inset; + box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.1 ) inset; + margin-bottom: 0; +} + +.ast-img-list-section .ast-img-widget-list li:nth-child( even ) { + background-color: #fbfbfb; +} + +.ast-img-list-section .ast-img-widget-list .activate { + border-left: 3px solid #008ec2; + padding-left: 12px; +} + +.ast-img-widget-list a { + text-decoration: none; +} + +.ast-img-widget-link-wrapper { + -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; + display: -webkit-flex; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + flex: auto; +} + +.ast-img-widget-list li a:before { + display: inline-block; + margin-right: 2px; + font: normal 20px/1 "dashicons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; +} + +.ast-img-widget-link-wrapper a:nth-child( even ) { + margin: 0 10px; +} + +.ast-img-container .postbox .hndle { + background: #f7f7f7; + border-bottom: 2px solid #e6e6e6; +} +.ast-img-container .postbox ul { + margin: 0; +} +.ast-img-widget-list a { + line-height: 1.6; +} +.ast-img-widget-list a:focus { + box-shadow: none; +} + +.ast-img-branding-list { + margin: 0; +} +.ast-img-menu-page-wrapper .ast-img-container .clear { + overflow: auto; + visibility: visible; + width: auto; + height: auto; +} + +/* Update icon. */ +.ast-img-widget-link-wrapper a.updating-message:before { + color: #f56e28; + content: "\f463"; +} + +/* Spins the update icon. */ +.ast-img-widget-link-wrapper a.updating-message:before { + -webkit-animation: rotation 2s infinite linear; + animation: rotation 2s infinite linear; +} + +.settings_page_astra-images #wpcontent { + padding: 0; +} + +/* Header */ +.ast-img-menu-page-header.general .ast-img-container, +.ast-img-menu-page-header.branding .ast-img-container, +.ast-img-container.ast-img-general, +.ast-img-container.ast-img-branding-wrapper { + max-width: 930px; +} +.ast-img-title { + flex: auto; + align-content: flex-start; + text-align: left; + margin: 0; +} +.ast-img-title a, +.ast-img-title span { + display: block; + outline: none; + box-shadow: none; + font-size: 1.5rem; + color: #333333; + font-weight: 500; +} + +.ast-img-header-icon { + width: 50px; + vertical-align: bottom; +} +.ast-img-top-links { + flex: auto; + text-align: right; + font-weight: bold; +} +.ast-img-menu-page-header { + background-color: #fff; + text-align: center; + padding: 10px 0; + margin-bottom: 20px; + box-shadow: 0 2px 0 #efefef, 0 2px 2px #ececec; +} + +/* White Label link*/ +.ast-img-widget-list .ast-img-white-label { + border-left: 3px solid #008ec2; + padding-left: 12px; +} + +.ast-img-hide-branding #poststuff #post-body.columns-2 { + margin: 0 auto; + max-width: 590px; +} + +/* Integration */ +.ast-img-integration-wrapper #poststuff { + width: 640px; + margin: 0 auto; + min-width: 640px; +} + +.ast-img-integration-form-wrap .form-field select { + border-style: solid; + border-width: 1px; + width: 95%; +} + +/* Spinner */ +.ast-img-button-spinner:before { + font: normal 20px/0.5 dashicons; + speak: none; + display: inline-block; + padding: 0; + top: 8px; + left: -4px; + position: relative; + vertical-align: top; + content: "\f463"; +} + +.ast-img-button-spinner.loading:before { + -webkit-animation: rotation 1s infinite linear; + animation: rotation 1s infinite linear; +} + +.ast-img-title > a { + display: flex; + align-items: center; +} +.ast-img-title .ast-img-plugin-version { + background-color: #e5e5e5; + border-radius: 3px; + font-size: 0.5em; + font-weight: 400; + margin-left: 10px; + padding: 2px 7px; + color: #333; +} + +/* New extensions badge */ +#Particles .ast-img-widget-title:after { + content: "extension"; + color: #fff; + background: #2ecc71; + font-size: 0.7em; + font-weight: 600; + position: relative; + padding: 0.3em 0.6em; + top: -1px; + left: 12px; + letter-spacing: 0.5px; + line-height: 1em; + text-transform: none; + text-transform: uppercase !important; + border-radius: 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; +} diff --git a/assets/css/jquery-confirm.min.css b/assets/css/jquery-confirm.min.css new file mode 100644 index 00000000..0d482d1a --- /dev/null +++ b/assets/css/jquery-confirm.min.css @@ -0,0 +1,93 @@ +/*! + * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/) + * Author: boniface pereira + * Website: www.craftpip.com + * Contact: hey@craftpip.com + * + * Copyright 2013-2019 jquery-confirm + * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE) + */@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:white;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:dodgerblue;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;border:0;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color:#3498db;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color:#2980b9;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{background-color:#e74c3c;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{background-color:#c0392b;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#ecf0f1;color:#000;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{background-color:#bdc3c7;color:#000}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#FFF}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#333}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#ddd}.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:darkslategray;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(0.5);transform:scale(0.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:white}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:white}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,0.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,0.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:white;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);border:solid 1px rgba(0,0,0,0.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:slategray;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:bold;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)} + +/* 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; +} diff --git a/assets/css/jquery-ui-timepicker-addon.min.css b/assets/css/jquery-ui-timepicker-addon.min.css new file mode 100644 index 00000000..3359e93e --- /dev/null +++ b/assets/css/jquery-ui-timepicker-addon.min.css @@ -0,0 +1,100 @@ +/*! jQuery Timepicker Addon - v1.6.3 - 2016-04-20 +* http://trentrichardson.com/examples/timepicker +* Copyright (c) 2016 Trent Richardson; Licensed MIT */ + +.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{background:0 0;color:inherit;border:0;outline:0;border-bottom:solid 1px #555;width:95%}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#aaa}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none} + +/*! jQuery UI - v1.12.1 - 2016-09-14 +* http://jqueryui.com +* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 +* Copyright jQuery Foundation and other contributors; Licensed MIT */ + +.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} + +.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {padding-top: 7px; } + + +/* 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; +} diff --git a/assets/css/layout-1-rtl.css b/assets/css/layout-1-rtl.css new file mode 100644 index 00000000..88fbf8ea --- /dev/null +++ b/assets/css/layout-1-rtl.css @@ -0,0 +1,94 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media (min-width: 769px) { + .footer-adv-layout-1 .footer-adv-widget { + text-align: 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; +} diff --git a/assets/css/layout-1-rtl.min.css b/assets/css/layout-1-rtl.min.css new file mode 100644 index 00000000..3786ed74 --- /dev/null +++ b/assets/css/layout-1-rtl.min.css @@ -0,0 +1,85 @@ +@media (min-width:769px){.footer-adv-layout-1 .footer-adv-widget{text-align: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; +} diff --git a/assets/css/layout-1.css b/assets/css/layout-1.css new file mode 100644 index 00000000..88fbf8ea --- /dev/null +++ b/assets/css/layout-1.css @@ -0,0 +1,94 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media (min-width: 769px) { + .footer-adv-layout-1 .footer-adv-widget { + text-align: 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; +} diff --git a/assets/css/layout-1.min.css b/assets/css/layout-1.min.css new file mode 100644 index 00000000..3786ed74 --- /dev/null +++ b/assets/css/layout-1.min.css @@ -0,0 +1,85 @@ +@media (min-width:769px){.footer-adv-layout-1 .footer-adv-widget{text-align: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; +} diff --git a/assets/css/layout-3-rtl.css b/assets/css/layout-3-rtl.css new file mode 100644 index 00000000..1bd003a5 --- /dev/null +++ b/assets/css/layout-3-rtl.css @@ -0,0 +1,94 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media all and (max-width: 768px) { + .footer-adv-layout-3 .footer-adv-widget-2 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-3-rtl.min.css b/assets/css/layout-3-rtl.min.css new file mode 100644 index 00000000..f498af23 --- /dev/null +++ b/assets/css/layout-3-rtl.min.css @@ -0,0 +1,85 @@ +@media all and (max-width:768px){.footer-adv-layout-3 .footer-adv-widget-2 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout-3.css b/assets/css/layout-3.css new file mode 100644 index 00000000..1bd003a5 --- /dev/null +++ b/assets/css/layout-3.css @@ -0,0 +1,94 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media all and (max-width: 768px) { + .footer-adv-layout-3 .footer-adv-widget-2 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-3.min.css b/assets/css/layout-3.min.css new file mode 100644 index 00000000..f498af23 --- /dev/null +++ b/assets/css/layout-3.min.css @@ -0,0 +1,85 @@ +@media all and (max-width:768px){.footer-adv-layout-3 .footer-adv-widget-2 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout-4-rtl.css b/assets/css/layout-4-rtl.css new file mode 100644 index 00000000..a5dfe824 --- /dev/null +++ b/assets/css/layout-4-rtl.css @@ -0,0 +1,95 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media all and (max-width: 768px) { + .footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-4-rtl.min.css b/assets/css/layout-4-rtl.min.css new file mode 100644 index 00000000..d2b99b1a --- /dev/null +++ b/assets/css/layout-4-rtl.min.css @@ -0,0 +1,85 @@ +@media all and (max-width:768px){.footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout-4.css b/assets/css/layout-4.css new file mode 100644 index 00000000..a5dfe824 --- /dev/null +++ b/assets/css/layout-4.css @@ -0,0 +1,95 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media all and (max-width: 768px) { + .footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-4.min.css b/assets/css/layout-4.min.css new file mode 100644 index 00000000..d2b99b1a --- /dev/null +++ b/assets/css/layout-4.min.css @@ -0,0 +1,85 @@ +@media all and (max-width:768px){.footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout-5-rtl.css b/assets/css/layout-5-rtl.css new file mode 100644 index 00000000..e0b554e0 --- /dev/null +++ b/assets/css/layout-5-rtl.css @@ -0,0 +1,103 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media (min-width: 769px) { + .footer-adv-layout-5 .ast-col-md-2, + .footer-adv-layout-5 .ast-col-lg-2 { + width: 20%; + } +} + +@media all and (max-width: 768px) { + .footer-adv-layout-5 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-5 .footer-adv-widget-3 .widget:last-child, + .footer-adv-layout-5 .footer-adv-widget-4 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-5-rtl.min.css b/assets/css/layout-5-rtl.min.css new file mode 100644 index 00000000..3865011a --- /dev/null +++ b/assets/css/layout-5-rtl.min.css @@ -0,0 +1,85 @@ +@media (min-width:769px){.footer-adv-layout-5 .ast-col-lg-2,.footer-adv-layout-5 .ast-col-md-2{width:20%}}@media all and (max-width:768px){.footer-adv-layout-5 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-5 .footer-adv-widget-3 .widget:last-child,.footer-adv-layout-5 .footer-adv-widget-4 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout-5.css b/assets/css/layout-5.css new file mode 100644 index 00000000..e0b554e0 --- /dev/null +++ b/assets/css/layout-5.css @@ -0,0 +1,103 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media (min-width: 769px) { + .footer-adv-layout-5 .ast-col-md-2, + .footer-adv-layout-5 .ast-col-lg-2 { + width: 20%; + } +} + +@media all and (max-width: 768px) { + .footer-adv-layout-5 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-5 .footer-adv-widget-3 .widget:last-child, + .footer-adv-layout-5 .footer-adv-widget-4 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-5.min.css b/assets/css/layout-5.min.css new file mode 100644 index 00000000..3865011a --- /dev/null +++ b/assets/css/layout-5.min.css @@ -0,0 +1,85 @@ +@media (min-width:769px){.footer-adv-layout-5 .ast-col-lg-2,.footer-adv-layout-5 .ast-col-md-2{width:20%}}@media all and (max-width:768px){.footer-adv-layout-5 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-5 .footer-adv-widget-3 .widget:last-child,.footer-adv-layout-5 .footer-adv-widget-4 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout-6-rtl.css b/assets/css/layout-6-rtl.css new file mode 100644 index 00000000..496584a6 --- /dev/null +++ b/assets/css/layout-6-rtl.css @@ -0,0 +1,94 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media all and (max-width: 768px) { + .footer-adv-layout-6 .footer-adv-widget-2 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-6-rtl.min.css b/assets/css/layout-6-rtl.min.css new file mode 100644 index 00000000..027be945 --- /dev/null +++ b/assets/css/layout-6-rtl.min.css @@ -0,0 +1,85 @@ +@media all and (max-width:768px){.footer-adv-layout-6 .footer-adv-widget-2 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout-6.css b/assets/css/layout-6.css new file mode 100644 index 00000000..496584a6 --- /dev/null +++ b/assets/css/layout-6.css @@ -0,0 +1,94 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +@media all and (max-width: 768px) { + .footer-adv-layout-6 .footer-adv-widget-2 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-6.min.css b/assets/css/layout-6.min.css new file mode 100644 index 00000000..027be945 --- /dev/null +++ b/assets/css/layout-6.min.css @@ -0,0 +1,85 @@ +@media all and (max-width:768px){.footer-adv-layout-6 .footer-adv-widget-2 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout-7-rtl.css b/assets/css/layout-7-rtl.css new file mode 100644 index 00000000..e69449af --- /dev/null +++ b/assets/css/layout-7-rtl.css @@ -0,0 +1,105 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.footer-adv-layout-7 .footer-adv-widget-1 .widget:last-child { + margin: 0 0 2.8em; +} + +@media (min-width: 769px) { + .footer-adv-layout-7 .footer-adv-widget-1 { + text-align: center; + } +} + +@media all and (max-width: 768px) { + .footer-adv-layout-7 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-7 .footer-adv-widget-3 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-7-rtl.min.css b/assets/css/layout-7-rtl.min.css new file mode 100644 index 00000000..157030a8 --- /dev/null +++ b/assets/css/layout-7-rtl.min.css @@ -0,0 +1,85 @@ +.footer-adv-layout-7 .footer-adv-widget-1 .widget:last-child{margin:0 0 2.8em}@media (min-width:769px){.footer-adv-layout-7 .footer-adv-widget-1{text-align:center}}@media all and (max-width:768px){.footer-adv-layout-7 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-7 .footer-adv-widget-3 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout-7.css b/assets/css/layout-7.css new file mode 100644 index 00000000..e69449af --- /dev/null +++ b/assets/css/layout-7.css @@ -0,0 +1,105 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.footer-adv-layout-7 .footer-adv-widget-1 .widget:last-child { + margin: 0 0 2.8em; +} + +@media (min-width: 769px) { + .footer-adv-layout-7 .footer-adv-widget-1 { + text-align: center; + } +} + +@media all and (max-width: 768px) { + .footer-adv-layout-7 .footer-adv-widget-2 .widget:last-child, + .footer-adv-layout-7 .footer-adv-widget-3 .widget:last-child { + margin: 0 0 2.8em; + } +} + + +/* 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; +} diff --git a/assets/css/layout-7.min.css b/assets/css/layout-7.min.css new file mode 100644 index 00000000..157030a8 --- /dev/null +++ b/assets/css/layout-7.min.css @@ -0,0 +1,85 @@ +.footer-adv-layout-7 .footer-adv-widget-1 .widget:last-child{margin:0 0 2.8em}@media (min-width:769px){.footer-adv-layout-7 .footer-adv-widget-1{text-align:center}}@media all and (max-width:768px){.footer-adv-layout-7 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-7 .footer-adv-widget-3 .widget:last-child{margin:0 0 2.8em}} + +/* 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; +} diff --git a/assets/css/layout_media_queries.css b/assets/css/layout_media_queries.css new file mode 100644 index 00000000..45054618 --- /dev/null +++ b/assets/css/layout_media_queries.css @@ -0,0 +1,111 @@ +@media only screen and (max-width: 599px) { + .wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name { + display: block !important; + } + .wpforms-layout-table .wpforms-layout-table-row { + display: block; + width: 100%; + } + .wpforms-layout-table .wpforms-layout-table-row table, .wpforms-layout-table .wpforms-layout-table-row thead, .wpforms-layout-table .wpforms-layout-table-row tbody, .wpforms-layout-table .wpforms-layout-table-row tr, .wpforms-layout-table .wpforms-layout-table-row td, .wpforms-layout-table .wpforms-layout-table-row th { + display: block; + width: 100% !important; + padding-bottom: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row tr { + padding-top: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-value { + padding-bottom: 25px !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-name { + padding-bottom: 10px !important; + } + .wpforms-layout-table > td { + padding-bottom: 0 !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; +} diff --git a/assets/css/layout_media_queries.min.css b/assets/css/layout_media_queries.min.css new file mode 100644 index 00000000..6a25b5c5 --- /dev/null +++ b/assets/css/layout_media_queries.min.css @@ -0,0 +1,86 @@ +@media only screen and (max-width: 599px){.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name{display:block !important}.wpforms-layout-table .wpforms-layout-table-row{display:block;width:100%}.wpforms-layout-table .wpforms-layout-table-row table,.wpforms-layout-table .wpforms-layout-table-row thead,.wpforms-layout-table .wpforms-layout-table-row tbody,.wpforms-layout-table .wpforms-layout-table-row tr,.wpforms-layout-table .wpforms-layout-table-row td,.wpforms-layout-table .wpforms-layout-table-row th{display:block;width:100% !important;padding-bottom:0 !important}.wpforms-layout-table .wpforms-layout-table-row tr{padding-top:0 !important}.wpforms-layout-table .wpforms-layout-table-row td.field-value{padding-bottom:25px !important}.wpforms-layout-table .wpforms-layout-table-row td.field-name{padding-bottom:10px !important}.wpforms-layout-table>td{padding-bottom:0 !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; +} diff --git a/assets/css/learndash.min-rtl.css b/assets/css/learndash.min-rtl.css new file mode 100644 index 00000000..07c93f13 --- /dev/null +++ b/assets/css/learndash.min-rtl.css @@ -0,0 +1,85 @@ +.ast-page-builder-template .sfwd-certificates .entry-header,.ast-page-builder-template .sfwd-courses .entry-header,.ast-page-builder-template .sfwd-lessons .entry-header,.ast-page-builder-template .sfwd-quiz .entry-header,.ast-page-builder-template .sfwd-topic .entry-header,.ast-page-builder-template.single .sfwd-certificates .entry-header,.ast-page-builder-template.single .sfwd-courses .entry-header,.ast-page-builder-template.single .sfwd-lessons .entry-header,.ast-page-builder-template.single .sfwd-quiz .entry-header,.ast-page-builder-template.single .sfwd-topic .entry-header{margin-bottom:0}.single .sfwd-certificates .entry-header,.single .sfwd-courses .entry-header,.single .sfwd-lessons .entry-header,.single .sfwd-quiz .entry-header,.single .sfwd-topic .entry-header{margin-bottom:.5em}.single .sfwd-lessons .learndash_content .ast-oembed-container{margin-bottom:1.6em}.ld-course-list-content .ld-entry-content{margin-bottom:1.5em}.ld-course-list-content .ld-entry-content img{margin:0 auto 1.5em}.learndash .learndash_join_button{margin-bottom:1em}.learndash.user_has_no_access .btn-join{margin-bottom:.5em;display:inline-block}#learndash_course_certificate .btn-blue{display:inline-block}.wpProQuiz_modal_window #wpProQuiz_overlay_close{padding:5px 15px}.wpProQuiz_modal_window .wp-list-table th{font-weight:400;padding:5px 10px}.wpProQuiz_modal_window .wp-list-table th p{margin-bottom:0}.wpProQuiz_modal_window #wpProQuiz_user_content h2{font-size:1.5em;margin-bottom:5px;font-weight:600}body #ld_course_categorydropdown,body #ld_lesson_categorydropdown,body #ld_topic_categorydropdown,body .learndash{margin-bottom:1em}body #ld_course_categorydropdown label,body #ld_lesson_categorydropdown label,body #ld_topic_categorydropdown label,body .learndash label{display:inline-block;width:100%;font-weight:600;color:var(--ast-global-color-primary,--ast-global-color-4)}body .learndash-pager span a{font-size:1.5em;width:1.5em;height:1.5em;line-height:1.25;text-align:center;display:inline-block}body .learndash-pager span .pagedisplay{text-transform:capitalize;line-height:2.2}body #ld_course_list .ld_course_grid .caption{padding:15px;position:relative}body #ld_course_list .ld_course_grid .caption :last-child{margin-bottom:0}body #ld_course_list .ld_course_grid .caption .entry-title{margin-bottom:5px}body dd.course_progress{width:100%}body #learndash_lesson_topics_list div ul>li .sn,body #learndash_lesson_topics_list div>strong,body #learndash_lesson_topics_list span a,body #learndash_lessons,body #learndash_lessons a,body #learndash_profile a,body #learndash_profile div,body #learndash_quizzes,body #learndash_quizzes a,body .course_navigation .widget_course_return a,body .expand_collapse,body .expand_collapse a,body .learndash_profile_heading,body .learndash_topic_dots a,body .learndash_topic_dots a>span,body .notavailable_message,body .widget_course_return{font-size:1em;font-weight:inherit}body #course_list>div h4>a{padding:5px .75em}body .user_has_no_access #course_list .list-count,body .user_has_no_access #lessons_list .list-count,body .user_has_no_access #quiz_list .list-count{color:gray}body #course_list .list-count,body #lessons_list .list-count,body #quiz_list .list-count{border-left:none;pointer-events:none;min-width:2.5em}body #course_list>div,body #lessons_list>div,body #quiz_list>div{border:none}body #course_list>div h4>a,body #lessons_list>div h4>a,body #quiz_list>div h4>a{padding:8px 0 8px 2.5em;position:relative}body #course_list>div h4,body #lessons_list>div h4,body #quiz_list>div h4{font-size:1em}body #learndash_lessons .right,body #learndash_quizzes .right{width:auto}body .list_arrow.collapse,body .list_arrow.collapse.lesson_completed,body .list_arrow.collapse.lesson_incomplete,body .list_arrow.expand,body .list_arrow.expand.lesson_completed,body .list_arrow.expand.lesson_incomplete{background:0 0;padding:10px;line-height:1.5}body .list_arrow.lesson_completed:before{content:"\e901";font-weight:700}body .list_arrow.lesson_incomplete:before{color:rgba(0,0,0,.5);content:"\e903";font-weight:400}body .list_arrow:before{display:inline-block;font-family:Astra;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1em;font-weight:400;margin-left:5px;cursor:pointer;vertical-align:middle}body .course_navigation .learndash_navigation_lesson_topics_list .list_lessons{margin-bottom:5px}body .course_navigation .learndash_navigation_lesson_topics_list .lesson{margin:0 5px 0 0}body .course_navigation .learndash_navigation_lesson_topics_list .list_arrow{background:0 0;line-height:inherit}body .widget_sfwd-lessons-widget ul{padding:0}body .widget_sfwd-lessons-widget ul li a{font-size:1rem;line-height:1.75}body #learndash_course_content .learndash_topic_dots ul>li,body #learndash_course_content .learndash_topic_dots ul>li.nth-of-type-odd,body #learndash_course_content .learndash_topic_dots ul>li:hover{background:0 0}body #learndash_course_content .learndash_topic_dots ul>li a{padding:0 0 0 .75em}body #learndash_course_content_title{margin-bottom:10px;font-weight:600}body #learndash_lessons,body #learndash_quizzes{border:none;box-shadow:none}body #learndash_lessons h4>a:hover,body #learndash_quizzes h4>a:hover{background:0 0}body #learndash_lessons #quiz_list,body #learndash_lessons .lessons_list,body #learndash_quizzes #quiz_list,body #learndash_quizzes .lessons_list{border:1px solid var(--ast-border-color);border-top:none;overflow:hidden}body .widget_sfwd-certificates-widget h4,body .widget_sfwd-courses-widget h4,body .widget_sfwd-transactions-widget h4{font-size:1em;line-height:inherit}body .widget_ldcourseinfo #course_progress_details{margin-top:1em}body .widget_ldcourseinfo h4{font-size:1.2em;margin-bottom:5px}body .widget_ldcourseinfo .ld-course-info-my-courses{vertical-align:top;margin-bottom:5px;line-height:1.5;display:inline-block}body .widget_ldcourseinfo .ld-course-info-my-courses img{vertical-align:top;margin-left:.5em;display:inline-block;float:right}body .widget_ldcourseinfo .ld-course-info-my-courses h2.ld-entry-title{font-size:1em;width:calc(70% - .5em);display:inline-block}body .btn-blue,body .learndash_checkout_button input[type=submit],body a#quiz_continue_link{font-size:1em}body .wpProQuiz_content .wpProQuiz_questionList{margin-bottom:1em;padding:1em;background:var(--ast-global-dark-bg-style);border-color:var(--ast-border-color)}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerIncorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerIncorrect:last-child{color:red}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem:last-child{padding:0 10px}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem input,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem:last-child input,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem input,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem:last-child input{margin-left:5px;background:#fff}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerIncorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerIncorrect:last-child{padding:5px 10px;background:0 0}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect:last-child{background-color:#6db46d;color:#fff}body .wpProQuiz_content .wpProQuiz_questionList[data-type=free_answer] .wpProQuiz_questionListItem{padding:0}body .wpProQuiz_content .wpProQuiz_questionList[data-type=free_answer] .wpProQuiz_answerIncorrect .wpProQuiz_questionInput{border-color:red}body .wpProQuiz_content .wpProQuiz_questionList[data-type=free_answer] .wpProQuiz_answerCorrect .wpProQuiz_questionInput{border-color:#6db46d}body .wpProQuiz_content .wpProQuiz_questionList[data-type=free_answer] .wpProQuiz_questionListItem{background:0 0}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer]{background:var(--ast-global-dark-bg-style)}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_questionListItem:last-child{padding:0;font-weight:600}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_sortable{padding:5px 10px;background:var(--ast-global-dark-bg-style);box-shadow:none;border-color:var(--ast-border-color);display:inline-block;width:100%;position:relative}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_sortable:before{content:"\e5d2";font-family:Astra;font-size:1.25em;line-height:1;vertical-align:middle;position:relative;top:-2px;margin-left:5px}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_answerIncorrect .wpProQuiz_sortable{color:red}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_answerCorrect .wpProQuiz_sortable{background-color:#6db46d;color:#fff}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_questionListItem:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_questionListItem:last-child{padding:0}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString{background:#fff;border-color:var(--ast-border-color);padding:5px 15px 15px}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString .wpProQuiz_header,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString .wpProQuiz_header{margin-bottom:10px}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] ul.wpProQuiz_sortStringList,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] ul.wpProQuiz_sortStringList{padding:0;margin:0 -5px;min-height:2em;width:100%;float:right}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem{padding:5px 10px;background:#fbfbfb}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem:before,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem:before{content:"\e5d2";font-family:Astra;font-size:1.25em;line-height:1;vertical-align:middle;position:relative;top:-2px;margin-left:5px}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_answerIncorrect{background:0 0;font-weight:600}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem{color:red}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_answerCorrect{background:0 0;font-weight:600}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_answerCorrect .wpProQuiz_sortStringItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_answerCorrect .wpProQuiz_sortStringItem{background-color:#6db46d;color:#fff}body .wpProQuiz_content .wpProQuiz_tipp>div{padding:10px 15px;border-radius:2px;right:0;bottom:12px;background:#fff;border:1px solid var(--ast-border-color);box-shadow:0 0 4px 0 #ccc;max-width:500px}body .wpProQuiz_content .wpProQuiz_tipp>div .wpProQuiz_header{font-weight:600;border-bottom:1px solid var(--ast-border-color);padding-bottom:5px}body .wpProQuiz_content .wpProQuiz_tipp>div>p:last-child{margin-bottom:.5em}body .wpProQuiz_content .wpProQuiz_tipp>div:after,body .wpProQuiz_content .wpProQuiz_tipp>div:before{content:" ";position:absolute;transform:translateY(100%)}body .wpProQuiz_content .wpProQuiz_tipp>div:before{bottom:0;border-right:8px solid transparent;border-top:8px solid var(--ast-border-color);border-left:8px solid transparent;right:15px}body .wpProQuiz_content .wpProQuiz_tipp>div:after{right:16px;bottom:1px;border-right:7px solid transparent;border-top:7px solid #fff;border-left:7px solid transparent}body .wpProQuiz_content .wpProQuiz_resultName{width:120px;padding-left:10px}body .wpProQuiz_content .wpProQuiz_response{background:0 0;box-shadow:none;border:0;padding:0}body .wpProQuiz_content .wpProQuiz_incorrect{padding:5px 1em;border:1px solid red;color:red;background:rgba(255,0,0,.2)}body .wpProQuiz_content .wpProQuiz_incorrect p:last-child{margin-bottom:0}body .wpProQuiz_content .wpProQuiz_correct{padding:5px 1em;border:1px solid #6db46d;color:#6db46d;background:rgba(109,180,109,.2)}body .wpProQuiz_content .wpProQuiz_correct p:last-child{margin-bottom:0}body .wpProQuiz_content .wpProQuiz_questionListItem input,body .wpProQuiz_content .wpProQuiz_questionListItem:last-child input{background:var(--ast-global-dark-bg-style)}body .wpProQuiz_content .wpProQuiz_loadQuiz p,body .wpProQuiz_content .wpProQuiz_lock p{margin:1em}body .wpProQuiz_content .wpProQuiz_box,body .wpProQuiz_content .wpProQuiz_reviewQuestion{border-color:var(--ast-border-color);background-color:#fbfbfb}body .wpProQuiz_content .wpProQuiz_box li,body .wpProQuiz_content .wpProQuiz_reviewQuestion li{min-width:2.5em;height:2.5em;line-height:2.5;padding:0;border-color:var(--ast-border-color);box-shadow:none;font-weight:600}body .wpProQuiz_content .wpProQuiz_reviewColor{margin-left:5px;height:.75em;width:.75em}body .wpProQuiz_content .wpProQuiz_reviewLegend li{margin-left:.75em;padding:0}body .wpProQuiz_content .wpProQuiz_button2{padding:5px 15px;border:none}body .wpProQuiz_content .wpProQuiz_time_limit{position:relative;padding-bottom:10px}body .wpProQuiz_content .wpProQuiz_time_limit:before{content:"";width:100%;height:8px;background:#fbfbfb;display:block;position:absolute;bottom:0;border-radius:4px}body .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress{position:absolute;bottom:0;border-radius:4px;height:8px;margin-bottom:0}#ld_course_info_mycourses_list .ld-course-info-my-courses{padding:10px 0}body.single-sfwd-quiz{overflow-x:unset} + +/* 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; +} diff --git a/assets/css/learndash.min.css b/assets/css/learndash.min.css new file mode 100644 index 00000000..37434dd1 --- /dev/null +++ b/assets/css/learndash.min.css @@ -0,0 +1,85 @@ +.ast-page-builder-template .sfwd-certificates .entry-header,.ast-page-builder-template .sfwd-courses .entry-header,.ast-page-builder-template .sfwd-lessons .entry-header,.ast-page-builder-template .sfwd-quiz .entry-header,.ast-page-builder-template .sfwd-topic .entry-header,.ast-page-builder-template.single .sfwd-certificates .entry-header,.ast-page-builder-template.single .sfwd-courses .entry-header,.ast-page-builder-template.single .sfwd-lessons .entry-header,.ast-page-builder-template.single .sfwd-quiz .entry-header,.ast-page-builder-template.single .sfwd-topic .entry-header{margin-bottom:0}.single .sfwd-certificates .entry-header,.single .sfwd-courses .entry-header,.single .sfwd-lessons .entry-header,.single .sfwd-quiz .entry-header,.single .sfwd-topic .entry-header{margin-bottom:.5em}.single .sfwd-lessons .learndash_content .ast-oembed-container{margin-bottom:1.6em}.ld-course-list-content .ld-entry-content{margin-bottom:1.5em}.ld-course-list-content .ld-entry-content img{margin:0 auto 1.5em}.learndash .learndash_join_button{margin-bottom:1em}.learndash.user_has_no_access .btn-join{margin-bottom:.5em;display:inline-block}#learndash_course_certificate .btn-blue{display:inline-block}.wpProQuiz_modal_window #wpProQuiz_overlay_close{padding:5px 15px}.wpProQuiz_modal_window .wp-list-table th{font-weight:400;padding:5px 10px}.wpProQuiz_modal_window .wp-list-table th p{margin-bottom:0}.wpProQuiz_modal_window #wpProQuiz_user_content h2{font-size:1.5em;margin-bottom:5px;font-weight:600}body #ld_course_categorydropdown,body #ld_lesson_categorydropdown,body #ld_topic_categorydropdown,body .learndash{margin-bottom:1em}body #ld_course_categorydropdown label,body #ld_lesson_categorydropdown label,body #ld_topic_categorydropdown label,body .learndash label{display:inline-block;width:100%;font-weight:600;color:var(--ast-global-color-primary,--ast-global-color-4)}body .learndash-pager span a{font-size:1.5em;width:1.5em;height:1.5em;line-height:1.25;text-align:center;display:inline-block}body .learndash-pager span .pagedisplay{text-transform:capitalize;line-height:2.2}body #ld_course_list .ld_course_grid .caption{padding:15px;position:relative}body #ld_course_list .ld_course_grid .caption :last-child{margin-bottom:0}body #ld_course_list .ld_course_grid .caption .entry-title{margin-bottom:5px}body dd.course_progress{width:100%}body #learndash_lesson_topics_list div ul>li .sn,body #learndash_lesson_topics_list div>strong,body #learndash_lesson_topics_list span a,body #learndash_lessons,body #learndash_lessons a,body #learndash_profile a,body #learndash_profile div,body #learndash_quizzes,body #learndash_quizzes a,body .course_navigation .widget_course_return a,body .expand_collapse,body .expand_collapse a,body .learndash_profile_heading,body .learndash_topic_dots a,body .learndash_topic_dots a>span,body .notavailable_message,body .widget_course_return{font-size:1em;font-weight:inherit}body #course_list>div h4>a{padding:5px .75em}body .user_has_no_access #course_list .list-count,body .user_has_no_access #lessons_list .list-count,body .user_has_no_access #quiz_list .list-count{color:gray}body #course_list .list-count,body #lessons_list .list-count,body #quiz_list .list-count{border-right:none;pointer-events:none;min-width:2.5em}body #course_list>div,body #lessons_list>div,body #quiz_list>div{border:none}body #course_list>div h4>a,body #lessons_list>div h4>a,body #quiz_list>div h4>a{padding:8px 2.5em 8px 0;position:relative}body #course_list>div h4,body #lessons_list>div h4,body #quiz_list>div h4{font-size:1em}body #learndash_lessons .right,body #learndash_quizzes .right{width:auto}body .list_arrow.collapse,body .list_arrow.collapse.lesson_completed,body .list_arrow.collapse.lesson_incomplete,body .list_arrow.expand,body .list_arrow.expand.lesson_completed,body .list_arrow.expand.lesson_incomplete{background:0 0;padding:10px;line-height:1.5}body .list_arrow.lesson_completed:before{content:"\e901";font-weight:700}body .list_arrow.lesson_incomplete:before{color:rgba(0,0,0,.5);content:"\e903";font-weight:400}body .list_arrow:before{display:inline-block;font-family:Astra;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1em;font-weight:400;margin-right:5px;cursor:pointer;vertical-align:middle}body .course_navigation .learndash_navigation_lesson_topics_list .list_lessons{margin-bottom:5px}body .course_navigation .learndash_navigation_lesson_topics_list .lesson{margin:0 0 0 5px}body .course_navigation .learndash_navigation_lesson_topics_list .list_arrow{background:0 0;line-height:inherit}body .widget_sfwd-lessons-widget ul{padding:0}body .widget_sfwd-lessons-widget ul li a{font-size:1rem;line-height:1.75}body #learndash_course_content .learndash_topic_dots ul>li,body #learndash_course_content .learndash_topic_dots ul>li.nth-of-type-odd,body #learndash_course_content .learndash_topic_dots ul>li:hover{background:0 0}body #learndash_course_content .learndash_topic_dots ul>li a{padding:0 .75em 0 0}body #learndash_course_content_title{margin-bottom:10px;font-weight:600}body #learndash_lessons,body #learndash_quizzes{border:none;box-shadow:none}body #learndash_lessons h4>a:hover,body #learndash_quizzes h4>a:hover{background:0 0}body #learndash_lessons #quiz_list,body #learndash_lessons .lessons_list,body #learndash_quizzes #quiz_list,body #learndash_quizzes .lessons_list{border:1px solid var(--ast-border-color);border-top:none;overflow:hidden}body .widget_sfwd-certificates-widget h4,body .widget_sfwd-courses-widget h4,body .widget_sfwd-transactions-widget h4{font-size:1em;line-height:inherit}body .widget_ldcourseinfo #course_progress_details{margin-top:1em}body .widget_ldcourseinfo h4{font-size:1.2em;margin-bottom:5px}body .widget_ldcourseinfo .ld-course-info-my-courses{vertical-align:top;margin-bottom:5px;line-height:1.5;display:inline-block}body .widget_ldcourseinfo .ld-course-info-my-courses img{vertical-align:top;margin-right:.5em;display:inline-block;float:left}body .widget_ldcourseinfo .ld-course-info-my-courses h2.ld-entry-title{font-size:1em;width:calc(70% - .5em);display:inline-block}body .btn-blue,body .learndash_checkout_button input[type=submit],body a#quiz_continue_link{font-size:1em}body .wpProQuiz_content .wpProQuiz_questionList{margin-bottom:1em;padding:1em;background:var(--ast-global-dark-bg-style);border-color:var(--ast-border-color)}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerIncorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerIncorrect:last-child{color:red}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem:last-child{padding:0 10px}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem input,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_questionListItem:last-child input,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem input,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_questionListItem:last-child input{margin-right:5px;background:#fff}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerIncorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerIncorrect:last-child{padding:5px 10px;background:0 0}body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=multiple] .wpProQuiz_answerCorrect:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=single] .wpProQuiz_answerCorrect:last-child{background-color:#6db46d;color:#fff}body .wpProQuiz_content .wpProQuiz_questionList[data-type=free_answer] .wpProQuiz_questionListItem{padding:0}body .wpProQuiz_content .wpProQuiz_questionList[data-type=free_answer] .wpProQuiz_answerIncorrect .wpProQuiz_questionInput{border-color:red}body .wpProQuiz_content .wpProQuiz_questionList[data-type=free_answer] .wpProQuiz_answerCorrect .wpProQuiz_questionInput{border-color:#6db46d}body .wpProQuiz_content .wpProQuiz_questionList[data-type=free_answer] .wpProQuiz_questionListItem{background:0 0}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer]{background:var(--ast-global-dark-bg-style)}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_questionListItem:last-child{padding:0;font-weight:600}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_sortable{padding:5px 10px;background:var(--ast-global-dark-bg-style);box-shadow:none;border-color:var(--ast-border-color);display:inline-block;width:100%;position:relative}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_sortable:before{content:"\e5d2";font-family:Astra;font-size:1.25em;line-height:1;vertical-align:middle;position:relative;top:-2px;margin-right:5px}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_answerIncorrect .wpProQuiz_sortable{color:red}body .wpProQuiz_content .wpProQuiz_questionList[data-type=sort_answer] .wpProQuiz_answerCorrect .wpProQuiz_sortable{background-color:#6db46d;color:#fff}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_questionListItem:last-child,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_questionListItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_questionListItem:last-child{padding:0}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString{background:#fff;border-color:var(--ast-border-color);padding:5px 15px 15px}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString .wpProQuiz_header,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_matrixSortString .wpProQuiz_header{margin-bottom:10px}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] ul.wpProQuiz_sortStringList,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] ul.wpProQuiz_sortStringList{padding:0;margin:0 -5px;min-height:2em;width:100%;float:left}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem{padding:5px 10px;background:#fbfbfb}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem:before,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_sortStringItem:before{content:"\e5d2";font-family:Astra;font-size:1.25em;line-height:1;vertical-align:middle;position:relative;top:-2px;margin-right:5px}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_answerIncorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_answerIncorrect{background:0 0;font-weight:600}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem{color:red}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_answerCorrect,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_answerCorrect{background:0 0;font-weight:600}body .wpProQuiz_content .wpProQuiz_listItem[data-type=matrix_sort_answer] .wpProQuiz_answerCorrect .wpProQuiz_sortStringItem,body .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] .wpProQuiz_answerCorrect .wpProQuiz_sortStringItem{background-color:#6db46d;color:#fff}body .wpProQuiz_content .wpProQuiz_tipp>div{padding:10px 15px;border-radius:2px;left:0;bottom:12px;background:#fff;border:1px solid var(--ast-border-color);box-shadow:0 0 4px 0 #ccc;max-width:500px}body .wpProQuiz_content .wpProQuiz_tipp>div .wpProQuiz_header{font-weight:600;border-bottom:1px solid var(--ast-border-color);padding-bottom:5px}body .wpProQuiz_content .wpProQuiz_tipp>div>p:last-child{margin-bottom:.5em}body .wpProQuiz_content .wpProQuiz_tipp>div:after,body .wpProQuiz_content .wpProQuiz_tipp>div:before{content:" ";position:absolute;transform:translateY(100%)}body .wpProQuiz_content .wpProQuiz_tipp>div:before{bottom:0;border-left:8px solid transparent;border-top:8px solid var(--ast-border-color);border-right:8px solid transparent;left:15px}body .wpProQuiz_content .wpProQuiz_tipp>div:after{left:16px;bottom:1px;border-left:7px solid transparent;border-top:7px solid #fff;border-right:7px solid transparent}body .wpProQuiz_content .wpProQuiz_resultName{width:120px;padding-right:10px}body .wpProQuiz_content .wpProQuiz_response{background:0 0;box-shadow:none;border:0;padding:0}body .wpProQuiz_content .wpProQuiz_incorrect{padding:5px 1em;border:1px solid red;color:red;background:rgba(255,0,0,.2)}body .wpProQuiz_content .wpProQuiz_incorrect p:last-child{margin-bottom:0}body .wpProQuiz_content .wpProQuiz_correct{padding:5px 1em;border:1px solid #6db46d;color:#6db46d;background:rgba(109,180,109,.2)}body .wpProQuiz_content .wpProQuiz_correct p:last-child{margin-bottom:0}body .wpProQuiz_content .wpProQuiz_questionListItem input,body .wpProQuiz_content .wpProQuiz_questionListItem:last-child input{background:var(--ast-global-dark-bg-style)}body .wpProQuiz_content .wpProQuiz_loadQuiz p,body .wpProQuiz_content .wpProQuiz_lock p{margin:1em}body .wpProQuiz_content .wpProQuiz_box,body .wpProQuiz_content .wpProQuiz_reviewQuestion{border-color:var(--ast-border-color);background-color:#fbfbfb}body .wpProQuiz_content .wpProQuiz_box li,body .wpProQuiz_content .wpProQuiz_reviewQuestion li{min-width:2.5em;height:2.5em;line-height:2.5;padding:0;border-color:var(--ast-border-color);box-shadow:none;font-weight:600}body .wpProQuiz_content .wpProQuiz_reviewColor{margin-right:5px;height:.75em;width:.75em}body .wpProQuiz_content .wpProQuiz_reviewLegend li{margin-right:.75em;padding:0}body .wpProQuiz_content .wpProQuiz_button2{padding:5px 15px;border:none}body .wpProQuiz_content .wpProQuiz_time_limit{position:relative;padding-bottom:10px}body .wpProQuiz_content .wpProQuiz_time_limit:before{content:"";width:100%;height:8px;background:#fbfbfb;display:block;position:absolute;bottom:0;border-radius:4px}body .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress{position:absolute;bottom:0;border-radius:4px;height:8px;margin-bottom:0}#ld_course_info_mycourses_list .ld-course-info-my-courses{padding:10px 0}body.single-sfwd-quiz{overflow-x:unset} + +/* 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; +} diff --git a/assets/css/license-form-popup.css b/assets/css/license-form-popup.css new file mode 100644 index 00000000..9c98e3a4 --- /dev/null +++ b/assets/css/license-form-popup.css @@ -0,0 +1,222 @@ +.bsf-core-license-form p { + padding: 5px 0px 5px 0px; + font-style: normal; +} + +.license-form-allow-email .submit-button-wrap > input, +.license-form-allow-email .submit-button-wrap > p { + display: inline-block; + vertical-align: bottom; +} + +.bsf-core-license-form .license-form-allow-email .purchase-license a { + text-decoration: none; +} + +.license-form-allow-email { + margin-bottom: 15px; +} + +.license-form-allow-email .license-form-external-links { + font-style: italic; +} + +.license-form-field input { + width: 100%; +} + +.bsf-core-license-form .license-form-allow-email h3 { + font-size: 2em; + margin-bottom: 0.5em; +} + +.bsf-core-license-form .license-form-allow-email .purchase-license { + margin-left: 10px; +} + +.bsf-core-license-form .license-form-allow-email .submit-button-wrap { + padding: 20px 0px 10px 0px; +} + +.license-form-allow-email .bsf-core-license-form-inner, { + padding: 10px 30px 30px; +} + +.bsf-core-license-form .bsf-core-license-form-overlay { + background: #000; + opacity: 0.7; + filter: alpha(opacity=70); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 100050; +} + +.bsf-core-license-form .bsf-core-license-form-inner { + background: #fcfcfc; + position: fixed; + background-color: #fff; + z-index: 999999999; + padding: 2px 20px 20px; + text-align: left; + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); +} + +.bsf-core-license-form-close-btn { + position: absolute; + left: auto; + right: 0; + top: 0; + width: 29px; + height: 29px; + border: 0; + padding: 0; + background: none; + cursor: pointer; + outline: none; + -webkit-transition: color .1s ease-in-out, background .1s ease-in-out; + -webkit-transform: translateX(100%) translateY(-100%); + transform: translateX(100%) translateY(-100%); + transition: color .1s ease-in-out, background .1s ease-in-out; + color: #eee; +} +.bsf-core-license-form-close-btn:hover { + color: #00a0d2; +} +.bsf-core-license-form-close-btn .dashicons { + display: block; + text-align: center; + line-height: 29px; + width: 29px; + height: 29px; + font-size: 29px; + position: absolute; + top: 0; + right: 0; +} + +.bsf-core-license-form .license-form-field input.regular-text { + margin-right: 10px; +} + +/** License link */ +.bsf-core-license-form-btn.inactive { + color: #3db634; + font-weight: 500; +} +.bsf-core-license-form-btn { + cursor: pointer; +} + +.bsf-license-message.license-success { + display: none; +} + +.bsf-system-info-wrapper { + overflow: scroll; + max-height: 60vh; +} + +.bsf-license-heading { + margin: 1em 0; +} + +.bsf-license-not-active-astra-portfolio.bsf-license-heading { + margin: 1em 0 0 0; +} + +.envato-license-registration form { + margin-bottom: 1em; +} + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/lifterlms-flex.min.css b/assets/css/lifterlms-flex.min.css new file mode 100644 index 00000000..45d38131 --- /dev/null +++ b/assets/css/lifterlms-flex.min.css @@ -0,0 +1,85 @@ +#secondary .llms-widget-syllabus .llms-section{margin-bottom:.5em}.widget .llms-widget-syllabus .lesson-title,.widget .llms-widget-syllabus .llms-collapse-caret,.widget .llms-widget-syllabus .llms-lesson-complete,.widget .llms-widget-syllabus .section-title{display:inline-block}.widget .llms-widget-syllabus .llms-section{border-bottom:1px solid var(--ast-border-color);margin-bottom:.5em;padding-bottom:.5em}.widget .llms-widget-syllabus .llms-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.widget .llms-widget-syllabus .llms-collapse-caret{margin-right:.25em;vertical-align:top}.widget .llms-widget-syllabus .llms-lesson-complete{vertical-align:top;line-height:1.5}.widget .llms-widget-syllabus .section-title{width:94%;width:calc(100% - 1.5em)}.widget .llms-widget-syllabus .lesson-title{width:90%;width:calc(100% - 1.8em)}.widget .llms-widget-syllabus .llms-lesson,.widget .llms-widget-syllabus .section-header{line-height:1.75}.widget .progress__indicator{line-height:30px}.widget .llms-progress .llms-progress-bar{border-radius:20px;height:20px}.widget .llms-progress .progress-bar-complete{border-radius:20px}.widget .llms-course-outline ul{margin-left:1.5em}.ast-separate-container .ast-lifterlms-container{background-color:var(--ast-global-dark-bg-style)}@media (max-width:1200px){.ast-separate-container .ast-lifterlms-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-lifterlms-container{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-lifterlms-container{padding:.54em 1em 1.33333em}}@media (min-width:1201px){.ast-separate-container .ast-lifterlms-container{padding:5.34em 6.67em}}.ast-container ul.llms-loop-list li.llms-loop-item,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item{padding:0;border-bottom:none}.ast-container .llms-access-plans,.ast-lifterlms-container .llms-access-plans,.llms-student-dashboard .llms-access-plans{margin-left:-2px;margin-right:-2px}.ast-container .llms-password-strength-meter,.ast-lifterlms-container .llms-password-strength-meter,.llms-student-dashboard .llms-password-strength-meter{margin-top:0;font-size:.65em}.ast-container .llms-checkout,.ast-lifterlms-container .llms-checkout,.llms-student-dashboard .llms-checkout{-js-display:flex;display:flex}.ast-container .llms-loop-item-content,.ast-lifterlms-container .llms-loop-item-content,.llms-student-dashboard .llms-loop-item-content{padding-bottom:15px}.ast-container .llms-loop-item-content .llms-author,.ast-container .llms-loop-item-content .llms-loop-title,.ast-container .llms-loop-item-content .llms-meta,.ast-lifterlms-container .llms-loop-item-content .llms-author,.ast-lifterlms-container .llms-loop-item-content .llms-loop-title,.ast-lifterlms-container .llms-loop-item-content .llms-meta,.llms-student-dashboard .llms-loop-item-content .llms-author,.llms-student-dashboard .llms-loop-item-content .llms-loop-title,.llms-student-dashboard .llms-loop-item-content .llms-meta{padding:0 15px}.ast-container .llms-loop-item-content .llms-loop-title,.ast-lifterlms-container .llms-loop-item-content .llms-loop-title,.llms-student-dashboard .llms-loop-item-content .llms-loop-title{font-weight:600;margin-top:10px}.ast-container .llms-loop-item-content .llms-author,.ast-container .llms-loop-item-content .llms-meta,.ast-lifterlms-container .llms-loop-item-content .llms-author,.ast-lifterlms-container .llms-loop-item-content .llms-meta,.llms-student-dashboard .llms-loop-item-content .llms-author,.llms-student-dashboard .llms-loop-item-content .llms-meta{margin-bottom:0}.ast-container .llms-loop-item-content .llms-author,.ast-lifterlms-container .llms-loop-item-content .llms-author,.llms-student-dashboard .llms-loop-item-content .llms-author{font-size:inherit;margin-bottom:10px}.ast-container .llms-loop-item-content .llms-author .llms-author-info,.ast-lifterlms-container .llms-loop-item-content .llms-author .llms-author-info,.llms-student-dashboard .llms-loop-item-content .llms-author .llms-author-info{vertical-align:middle}.ast-container .llms-loop-item-content .llms-meta,.ast-lifterlms-container .llms-loop-item-content .llms-meta,.llms-student-dashboard .llms-loop-item-content .llms-meta{font-size:.9em;font-weight:600}.ast-container .llms-loop-item-content .llms-meta .difficulty,.ast-container .llms-loop-item-content .llms-meta .length,.ast-lifterlms-container .llms-loop-item-content .llms-meta .difficulty,.ast-lifterlms-container .llms-loop-item-content .llms-meta .length,.llms-student-dashboard .llms-loop-item-content .llms-meta .difficulty,.llms-student-dashboard .llms-loop-item-content .llms-meta .length{font-weight:400;opacity:.75}.ast-container .llms-loop-item-content .llms-loop-title:hover,.ast-lifterlms-container .llms-loop-item-content .llms-loop-title:hover,.llms-student-dashboard .llms-loop-item-content .llms-loop-title:hover{color:inherit}.ast-container .llms-loop-item-content .llms-loop-item-footer,.ast-lifterlms-container .llms-loop-item-content .llms-loop-item-footer,.llms-student-dashboard .llms-loop-item-content .llms-loop-item-footer{margin-top:10px}.course .llms-featured-image{margin-bottom:0}.course .llms-instructor-info,.course .llms-instructor-info .llms-meta-info{margin-top:1.5em}.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.name{font-size:1.25em}.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.label{font-size:1em}body .llms-syllabus-wrapper{margin:0 auto 1.5em}body .llms-syllabus-wrapper .llms-section-title{margin-top:15px;text-align:left;font-size:1.1em;padding:5px 15px;background:#e8e8e8;font-weight:600;line-height:1.75}body .llms-syllabus-wrapper .llms-lesson-preview{margin-top:1px;display:block;width:auto}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link{background-color:var(--ast-global-dark-lfs);padding:5px 15px;min-height:auto}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link:hover{background:var(--ast-lifter-hover-bg)}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-title{font-size:1em;line-height:1.75;font-weight:600;margin-bottom:0}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter{line-height:1.75;margin-bottom:0;font-size:inherit}body #old_reviews,body #review_box{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-border-color)}body #old_reviews>hr{display:none}body #old_reviews .llms_review{padding:20px;margin:20px 0}body #old_reviews .llms_review:last-of-type{margin-bottom:2em}body #old_reviews .llms_review p:last-child{margin-bottom:0}body #old_reviews .llms_review h5{margin-bottom:5px}body #old_reviews:last-child .llms_review:last-of-type{margin-bottom:0}body #review_box #review_text,body #review_box #review_title{margin-bottom:1em;width:100%;border-color:var(--ast-border-color);background:#fff;border-radius:0}body #thank_you_box{margin-top:1em}body .llms-lesson-link-locked,body .llms-lesson-link-locked:hover{box-shadow:none}body .llms-new-person-form-wrapper .llms-form-fields,body .llms-person-form-wrapper .llms-form-fields,body .llms-person-login-form-wrapper .llms-form-fields{margin-left:-10px;margin-right:-10px}body .llms-new-person-form-wrapper .llms-form-fields .llms-form-field.align-right,body .llms-person-form-wrapper .llms-form-fields .llms-form-field.align-right,body .llms-person-login-form-wrapper .llms-form-fields .llms-form-field.align-right{float:right}body .llms-form-heading{padding:0}body .llms-lost-password-form{margin-left:-10px;margin-right:-10px}body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete{margin-bottom:0;position:absolute;top:5px;left:15px;font-size:1.4em;height:1.2em;line-height:1.2;width:1em}body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-main{margin-left:2em;margin-left:calc(1.2em + 15px);width:83%;width:calc(85% - 1.2em - 15px)}body .course .llms-course-progress,body .llms-course-progress{max-width:100%;margin:0 auto;-js-display:flex;display:flex;flex-direction:row-reverse;background:#f1f2f1;border-top-right-radius:1em;border-bottom-right-radius:1em}body .course .llms-course-progress .llms-course-complete-text,body .course .llms-course-progress a.llms-course-continue-button,body .llms-course-progress .llms-course-complete-text,body .llms-course-progress a.llms-course-continue-button{display:inline-block;margin-right:2px;padding:0 1em;line-height:2em}body .course .llms-course-progress a.llms-course-continue-button:after,body .llms-course-progress a.llms-course-continue-button:after{content:"\BB";font-size:1.2em;line-height:1}body .course .llms-course-progress .llms-course-complete-text,body .llms-course-progress .llms-course-complete-text{margin-bottom:0;opacity:.6}body .course .llms-course-progress .llms-progress,body .llms-course-progress .llms-progress{height:auto;margin:0 auto;flex:1;text-align:center}body .course .llms-course-progress .llms-progress .llms-progress-bar,body .llms-course-progress .llms-progress .llms-progress-bar{height:inherit;top:0;border-radius:1em;border-bottom-left-radius:0;border-top-left-radius:0}body .course .llms-course-progress .llms-progress .progress__indicator,body .llms-course-progress .llms-progress .progress__indicator{display:none}body .course .llms-course-progress .llms-progress .progress-bar-complete,body .llms-course-progress .llms-progress .progress-bar-complete{border-radius:inherit}body .course .llms-course-progress .llms-progress .progress-bar-complete:after,body .llms-course-progress .llms-progress .progress-bar-complete:after{display:inline-block;line-height:2;padding:0 10px;content:attr(data-progress);word-break:normal}body .llms-progress,body .widget_course_progress .llms-progress{height:1.4em;margin:0 auto}body .llms-progress .progress__indicator,body .widget_course_progress .llms-progress .progress__indicator{line-height:1.4;height:1.4em}body .llms-progress .llms-progress-bar,body .widget_course_progress .llms-progress .llms-progress-bar{border-radius:.7em;height:1.4em;top:0}body .llms-progress .progress-bar-complete,body .widget_course_progress .llms-progress .progress-bar-complete{border-radius:.7em}body .llms-loop-item-content .llms-progress-bar{height:inherit}body .llms-loop-item-content .llms-progress-bar .progress-bar-complete{border-radius:0}.single-course article.course{margin-bottom:2em}.llms_membership .llms-featured-image{margin-bottom:0}.llms-access-plan .llms-access-plan-footer{padding:15px}.llms-access-plan .llms-access-plan-description,.llms-access-plan .llms-access-plan-pricing,.llms-access-plan .llms-access-plan-title{padding-left:15px;padding-right:15px}.llms-access-plan .llms-access-plan-description,.llms-access-plan .llms-access-plan-expiration,.llms-access-plan .llms-access-plan-schedule,.llms-access-plan .llms-access-plan-trial{font-size:inherit}.llms-access-plan .llms-access-plan-price{font-size:1.2em}.llms-access-plan .stamp{font-size:.6em;padding:2px 5px;font-weight:400}.llms-access-plan .llms-button-action{display:inline-block}.llms-pagination{text-align:left;margin-top:2em}.llms-pagination ul{display:inline-block;text-align:center;white-space:nowrap;padding:0;clear:both;border:0;margin:1px}.llms-pagination ul li{margin:0 5px 5px 0;border:1px solid var(--ast-border-color);padding:0;float:left;display:inline;overflow:hidden}.llms-pagination ul li a.page-numbers,.llms-pagination ul li span.page-numbers{margin:0;text-decoration:none;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.75em;display:block;min-width:2.5em}.llms-pagination ul li a:focus,.llms-pagination ul li a:hover,.llms-pagination ul li span.current{background:#ebe9eb;color:#8a7e88}.lifterlms .llms-checkout-wrapper .llms-notice{border:0;background:0 0;padding:0;margin-bottom:2em}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1{width:calc(58% - 2em);margin:0 2em 0 0}@media (max-width:768px){.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1{width:100%;margin-right:0}}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 .llms-checkout-section-content{margin:0 -10px}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2{width:42%;margin:0;height:fit-content}@media (max-width:768px){.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2{width:100%}}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-order-summary{font-size:.9em}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-coupon-entry .type-text{margin-bottom:1em}.lifterlms .llms-checkout-wrapper .llms-form-field>label{display:inline-block;font-size:.9em;font-weight:600;vertical-align:middle}.lifterlms .llms-checkout-wrapper .llms-form-field input,.lifterlms .llms-checkout-wrapper .llms-form-field select,.lifterlms .llms-checkout-wrapper .llms-form-field textarea{margin-bottom:0;background:var(--ast-global-dark-bg-style)}.lifterlms .llms-checkout-wrapper .llms-form-field input[type=checkbox]{margin-bottom:0;vertical-align:middle}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2,.lifterlms .llms-checkout-wrapper .llms-login{padding:20px}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2{border:2px solid #ebebeb}.lifterlms .llms-checkout-wrapper .llms-login{border:1px solid var(--ast-border-color);margin-bottom:2em;border-radius:5px}@media (max-width:768px){.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.align-right{text-align:left;width:100%;clear:both;margin-top:10px}}.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-checkbox,.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-submit{width:auto}.lifterlms .llms-checkout-wrapper .llms-checkout-section{border:none}.lifterlms .llms-checkout-wrapper .llms-form-heading{background:0 0;color:inherit;margin-bottom:1em;padding:0}.lifterlms .llms-checkout-wrapper .flush .llms-form-field{padding:0}.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-order-summary .llms-label{font-variant:normal;text-transform:none;font-weight:600}.lifterlms .llms-checkout-wrapper .llms-checkout-section-content span.llms-description{font-size:.9em;line-height:1.5;opacity:.75;display:inline-block}.lifterlms .llms-checkout-wrapper .llms-checkout-section-content,.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-checkout-confirm,.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper,.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-checkout-confirm{margin:0}.lifterlms .llms-checkout-wrapper .llms-payment-gateways label:before{width:1em;height:1em}.lifterlms .llms-checkout-wrapper .llms-payment-gateways .llms-gateway-description{margin-left:1.25em;margin-left:calc(1em + 5px)}.lifterlms .llms-checkout-wrapper .llms-payment-gateways li:last-child:after{margin:10px auto}.llms-student-dashboard .llms-sd-header .llms-sd-item{margin-right:1em;margin-bottom:1em}.llms-student-dashboard .llms-sd-header .llms-sd-item.current{font-weight:600}.llms-student-dashboard .llms-sd-header .llms-sd-item .llms-sep{display:none}.llms-student-dashboard .llms-sd-header .llms-sd-item>a:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:.5em}.llms-student-dashboard .llms-sd-header .llms-sd-item.dashboard>a:before{content:"\f0e4"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-courses>a:before{content:"\f02d"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-memberships>a:before{content:"\f0c0"}.llms-student-dashboard .llms-sd-header .llms-sd-item.my-grades>a:before{content:"\f19d"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-achievements>a:before{content:"\f091"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-certificates>a:before{content:"\f0a3"}.llms-student-dashboard .llms-sd-header .llms-sd-item.notifications>a:before{content:"\f06a"}.llms-student-dashboard .llms-sd-header .llms-sd-item.edit-account>a:before{content:"\f007"}.llms-student-dashboard .llms-sd-header .llms-sd-item.redeem-voucher>a:before{content:"\f005"}.llms-student-dashboard .llms-sd-header .llms-sd-item.orders>a:before{content:"\f022"}.llms-student-dashboard .llms-sd-header .llms-sd-item.signout>a:before{content:"\f08b"}.llms-student-dashboard .llms-sd-header .llms-sd-item.sl_profile>a:before{content:"\f2be"}.llms-student-dashboard .llms-my-orders .orders-table{font-size:.85em}.llms-student-dashboard .llms-my-orders .orders-table thead td{background:var(--ast-bg-style-guide)}.llms-student-dashboard .llms-my-orders .orders-table tbody tr:nth-child(2n) td{background:0 0}.llms-student-dashboard .llms-my-orders .orders-table td:first-child,.llms-student-dashboard .llms-my-orders .orders-table th:first-child{width:100%}.llms-student-dashboard .llms-my-orders .orders-table td:first-child a,.llms-student-dashboard .llms-my-orders .orders-table th:first-child a{vertical-align:middle}@media (min-width:769px){.llms-student-dashboard .llms-my-orders .orders-table td:first-child,.llms-student-dashboard .llms-my-orders .orders-table th:first-child{width:20%}}@media (max-width:768px){.llms-student-dashboard .llms-my-orders .orders-table thead{display:none}.llms-student-dashboard .llms-my-orders .orders-table td{display:block;width:100%;border-bottom-width:1px;text-align:right}.llms-student-dashboard .llms-my-orders .orders-table td:before{content:attr(data-label);font-weight:700;float:left;display:block}}.llms-student-dashboard .llms-my-orders .llms-status{padding:1px 5px}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field>label{display:inline-block;font-size:.9em;font-weight:600;vertical-align:middle}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input,.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field select,.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field textarea{margin-bottom:0;background:var(--ast-global-dark-bg-style)}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input[type=checkbox]{vertical-align:middle}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit,.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit button{width:auto}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.align-right{float:right}.llms-student-dashboard .llms-person-form-wrapper .llms-form-field>label{display:inline-block;font-size:.9em;font-weight:600;vertical-align:middle}.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input,.llms-student-dashboard .llms-person-form-wrapper .llms-form-field select,.llms-student-dashboard .llms-person-form-wrapper .llms-form-field textarea{margin-bottom:0;background:var(--ast-global-dark-bg-style)}.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input[type=checkbox]{vertical-align:middle}.llms-student-dashboard .llms-sd-header~form .form-row-first{display:inline-block;margin-bottom:0}.llms-student-dashboard .llms-sd-header~form .form-row-first>label{display:none}.llms-student-dashboard .llms-sd-header~form .form-row-first input{width:100%}.llms-student-dashboard .llms-sd-header~form .form-row-first~button{line-height:1.5}@media (max-width:544px){.llms-student-dashboard .llms-sd-header~form .form-row-first~button{width:100%}}@media (max-width:544px){.llms-student-dashboard .llms-sd-header~form .form-row-first{width:100%;margin-bottom:10px}}.ast-container .lifterlms .llms-notice{margin:0 0 2em}.ast-container .llms-notice{border-width:0;border-top-width:3px;border-color:#b81c23;border-style:solid;padding:1em 2em;position:relative;background-color:var(--ast-lifter-hover-bg);color:#515151}.ast-container .llms-notice.llms-error{border-width:0;border-top-width:3px;border-color:#b81c23;border-style:solid;padding:1em 2em;position:relative;background-color:var(--ast-lifter-hover-bg);color:#515151}.ast-container .llms-button-action,.ast-container .llms-button-secondary,.ast-container .llms-field-button,.ast-container a.llms-button-primary{font-size:inherit;line-height:1}.ast-container .llms-tooltip{font-size:.9em;line-height:1.4}.llms-notification .llms-notification-content .llms-notification-body{font-size:inherit;line-height:inherit}.llms-notification .llms-notification-content .llms-notification-title{font-size:1.3em}.llms-quiz-meta-item{font-weight:600}.llms-quiz-meta-item span{font-weight:400;opacity:.75}.llms-quiz-question-wrapper{clear:both}.llms-quiz-question-wrapper .llms-error{color:#b81c23;margin-bottom:.5em}.llms-quiz-question-wrapper .llms-question-count p{font-weight:600;margin-bottom:0}.llms-quiz-question-wrapper .llms-question-count~p{margin-bottom:.5em}.llms-quiz-question-wrapper .llms-question-wrapper{margin-bottom:1.5em}.llms-quiz-question-wrapper .llms-question-wrapper .llms-question-text{font-size:2em}.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice label{display:block}.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text{font-size:1em}.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-marker{font-size:1em;width:1.75em;height:1.75em;line-height:1.75em}.llms-quiz-buttons .llms-start-quiz-button{line-height:1.4}.llms-quiz-buttons .llms-start-quiz-button:after{content:"\BB";font-size:1.2em;line-height:1}.llms-quiz-buttons .llms-next-lesson:after{content:"\2192";margin-left:5px}@media (max-width:768px){.llms-quiz-buttons .llms-button-secondary,.llms-quiz-buttons .llms-start-quiz-button{margin:5px;display:block}}.llms-quiz-ui .llms-quiz-nav .llms-button-action{font-size:inherit;line-height:1.4}.llms-quiz-ui .llms-quiz-nav #llms-complete-quiz:before{content:"\2714";margin-right:.5em}.llms-quiz-ui .llms-quiz-nav #llms-next-question:after{content:"\2192";margin-left:5px}.llms-quiz-ui .llms-quiz-nav #llms-prev-question{line-height:1.4;float:left}.llms-quiz-ui .llms-quiz-nav #llms-prev-question:before{content:"\2190";margin-right:5px}.llms-quiz-ui .llms-quiz-nav .llms-quiz-counter{font-size:inherit}.llms-quiz-ui .llms-quiz-nav .llms-button-action,.llms-quiz-ui .llms-quiz-nav .llms-button-secondary{margin:5px}@media (max-width:768px){.llms-loop .llms-tablet-cols-1 .llms-loop-item{width:100%}.llms-loop .llms-tablet-cols-2 .llms-loop-item{width:50%}.llms-loop .llms-tablet-cols-3 .llms-loop-item{width:33.33333%}.llms-loop .llms-tablet-cols-4 .llms-loop-item{width:25%}.llms-loop .llms-tablet-cols-5 .llms-loop-item{width:20%}.llms-loop .llms-tablet-cols-6 .llms-loop-item{width:16.66667%}}@media (max-width:544px){.llms-loop .llms-mobile-cols-1 .llms-loop-item{width:100%}.llms-loop .llms-mobile-cols-2 .llms-loop-item{width:50%}.llms-loop .llms-mobile-cols-3 .llms-loop-item{width:33.33333%}.llms-loop .llms-mobile-cols-4 .llms-loop-item{width:25%}.llms-loop .llms-mobile-cols-5 .llms-loop-item{width:20%}.llms-loop .llms-mobile-cols-6 .llms-loop-item{width:16.66667%}}.ast-woocommerce-cart-menu .main-header-bar .main-header-log-out{padding-left: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; +} diff --git a/assets/css/lifterlms.min-rtl.css b/assets/css/lifterlms.min-rtl.css new file mode 100644 index 00000000..99c2d658 --- /dev/null +++ b/assets/css/lifterlms.min-rtl.css @@ -0,0 +1,85 @@ +#secondary .llms-widget-syllabus .llms-section{margin-bottom:.5em}.widget .llms-widget-syllabus .lesson-title,.widget .llms-widget-syllabus .llms-collapse-caret,.widget .llms-widget-syllabus .llms-lesson-complete,.widget .llms-widget-syllabus .section-title{display:inline-block}.widget .llms-widget-syllabus .llms-section{border-bottom:1px solid var(--ast-border-color);margin-bottom:.5em;padding-bottom:.5em}.widget .llms-widget-syllabus .llms-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.widget .llms-widget-syllabus .llms-collapse-caret{margin-left:.25em;vertical-align:top}.widget .llms-widget-syllabus .llms-lesson-complete{vertical-align:top;line-height:1.5}.widget .llms-widget-syllabus .section-title{width:94%;width:calc(100% - 1.5em)}.widget .llms-widget-syllabus .lesson-title{width:90%;width:calc(100% - 1.8em)}.widget .llms-widget-syllabus .llms-lesson,.widget .llms-widget-syllabus .section-header{line-height:1.75}.widget .progress__indicator{line-height:30px}.widget .llms-progress .llms-progress-bar{border-radius:20px;height:20px}.widget .llms-progress .progress-bar-complete{border-radius:20px}.widget .llms-course-outline ul{margin-right:1.5em}.ast-separate-container .ast-lifterlms-container{background-color:var(--ast-global-dark-bg-style)}@media (max-width:1200px){.ast-separate-container .ast-lifterlms-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-lifterlms-container{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-lifterlms-container{padding:.54em 1em 1.33333em}}@media (min-width:1201px){.ast-separate-container .ast-lifterlms-container{padding:5.34em 6.67em}}.ast-container ul.llms-loop-list li.llms-loop-item,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item{padding:0;border-bottom:none}.ast-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title,.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta{padding:0 15px}.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title{font-weight:600;margin-top:10px}.ast-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta{margin-bottom:0}.ast-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author{font-size:inherit;margin-bottom:10px}.ast-container ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info{vertical-align:middle}.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta{font-size:.9em;font-weight:600}.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty,.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta .length,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta .length,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta .length{font-weight:400;opacity:.75}.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover{color:inherit}.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer{margin-top:10px}.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-content,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-content,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-item-content{padding-bottom:15px}.ast-container .llms-access-plans,.ast-lifterlms-container .llms-access-plans,.llms-student-dashboard .llms-access-plans{margin-right:-2px;margin-left:-2px}.ast-container .llms-password-strength-meter,.ast-lifterlms-container .llms-password-strength-meter,.llms-student-dashboard .llms-password-strength-meter{margin-top:0;font-size:.65em}.ast-container .llms-checkout-col,.ast-lifterlms-container .llms-checkout-col,.llms-student-dashboard .llms-checkout-col{float:right}.single-lesson.ast-separate-container .llms-lesson-preview .llms-lesson-link{background:#fff}.single-lesson.ast-separate-container .llms-lesson-preview .llms-lesson-link:hover{background:#fafafa}.single-lesson .ast-article-single .llms-lesson-button-wrapper{font-weight:600}.single-lesson .ast-article-single .llms-lesson-button-wrapper .llms-complete-lesson-form .llms-field-button:before{content:"\2714";margin-left:.5em}.single-lesson .llms-course-navigation{padding:2em 0 0;border-top:1px solid var(--ast-border-color)}.single-lesson .llms-course-navigation .llms-lesson-preview{vertical-align:top;margin-top:0}.single-lesson .llms-course-navigation .llms-lesson-preview .llms-lesson-link{padding-right:20px;padding-left:20px}.single-lesson .llms-course-navigation .llms-next-lesson{text-align:left}.single-lesson .llms-course-navigation .llms-prev-lesson h6.llms-pre-text:before{content:"\2190";margin-left:.5em}.single-lesson .llms-course-navigation .llms-back-to-course:first-child h6.llms-pre-text:before{content:"\2190";margin-left:.5em}.single-lesson .llms-course-navigation .llms-next-lesson h6.llms-pre-text:after,.single-lesson .llms-course-navigation .llms-prev-lesson~.llms-back-to-course h6.llms-pre-text:after{content:"\2192";margin-right:5px}.single-lesson .llms-course-navigation .llms-next-lesson .llms-lesson-excerpt,.single-lesson .llms-course-navigation .llms-next-lesson .llms-lesson-title,.single-lesson .llms-course-navigation .llms-next-lesson h6.llms-pre-text,.single-lesson .llms-course-navigation .llms-prev-lesson~.llms-back-to-course .llms-lesson-excerpt,.single-lesson .llms-course-navigation .llms-prev-lesson~.llms-back-to-course .llms-lesson-title,.single-lesson .llms-course-navigation .llms-prev-lesson~.llms-back-to-course h6.llms-pre-text{text-align:left}@media (max-width:544px){.single-lesson .llms-course-navigation{padding-top:1.5em}.single-lesson .llms-course-navigation .llms-course-nav{width:100%;margin:0}.single-lesson .llms-course-navigation .llms-course-nav:first-child{margin-bottom:1.5em}}.course .llms-featured-image{margin-bottom:0}.course .llms-instructor-info,.course .llms-instructor-info .llms-meta-info{margin-top:1.5em}.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.name{font-size:1.25em}.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.label{font-size:1em}body .llms-syllabus-wrapper{margin:0 auto 1.5em}body .llms-syllabus-wrapper .llms-section-title{margin-top:15px;text-align:right;font-size:1.1em;padding:5px 15px;background:#e8e8e8;font-weight:600;line-height:1.75}body .llms-syllabus-wrapper .llms-lesson-preview{margin-top:1px;display:block;width:auto}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link{background-color:var(--ast-global-dark-lfs);padding:5px 15px;min-height:auto}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link:hover{background:var(--ast-lifter-hover-bg)}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-title{font-size:1em;line-height:1.75;font-weight:600;margin-bottom:0}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter{line-height:1.75;margin-bottom:0;font-size:inherit}body #old_reviews,body #review_box{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-border-color)}body #old_reviews>hr{display:none}body #old_reviews .llms_review{padding:20px;margin:20px 0}body #old_reviews .llms_review:last-of-type{margin-bottom:2em}body #old_reviews .llms_review p:last-child{margin-bottom:0}body #old_reviews .llms_review h5{margin-bottom:5px}body #old_reviews:last-child .llms_review:last-of-type{margin-bottom:0}body #review_box #review_text,body #review_box #review_title{margin-bottom:1em;width:100%;border-color:var(--ast-border-color);background:#fff;border-radius:0}body #thank_you_box{margin-top:1em}body .llms-lesson-link-locked,body .llms-lesson-link-locked:hover{box-shadow:none}body .llms-new-person-form-wrapper .llms-form-fields,body .llms-person-form-wrapper .llms-form-fields,body .llms-person-login-form-wrapper .llms-form-fields{margin-right:-10px;margin-left:-10px}body .llms-new-person-form-wrapper .llms-form-fields .llms-form-field.align-right,body .llms-person-form-wrapper .llms-form-fields .llms-form-field.align-right,body .llms-person-login-form-wrapper .llms-form-fields .llms-form-field.align-right{float:left}body .llms-form-heading{padding:0}body .llms-lost-password-form{margin-right:-10px;margin-left:-10px}body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete{margin-bottom:0;position:absolute;top:5px;right:15px;font-size:1.4em;height:1.2em;line-height:1.2;width:1em}body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-main{margin-right:2em;margin-right:calc(1.2em + 15px);width:83%;width:calc(85% - 1.2em - 15px)}body .course .llms-course-progress,body .llms-course-progress{max-width:100%;margin:0 auto;-js-display:flex;display:flex;flex-direction:row-reverse;background:#f1f2f1;border-top-left-radius:1em;border-bottom-left-radius:1em}body .course .llms-course-progress .llms-course-complete-text,body .course .llms-course-progress a.llms-course-continue-button,body .llms-course-progress .llms-course-complete-text,body .llms-course-progress a.llms-course-continue-button{display:inline-block;margin-left:2px;padding:0 1em;line-height:2em}body .course .llms-course-progress a.llms-course-continue-button:after,body .llms-course-progress a.llms-course-continue-button:after{content:"\BB";font-size:1.2em;line-height:1}body .course .llms-course-progress .llms-course-complete-text,body .llms-course-progress .llms-course-complete-text{margin-bottom:0;opacity:.6}body .course .llms-course-progress .llms-progress,body .llms-course-progress .llms-progress{height:auto;margin:0 auto;flex:1;text-align:center}body .course .llms-course-progress .llms-progress .llms-progress-bar,body .llms-course-progress .llms-progress .llms-progress-bar{height:inherit;top:0;border-radius:1em;border-bottom-right-radius:0;border-top-right-radius:0}body .course .llms-course-progress .llms-progress .progress__indicator,body .llms-course-progress .llms-progress .progress__indicator{display:none}body .course .llms-course-progress .llms-progress .progress-bar-complete,body .llms-course-progress .llms-progress .progress-bar-complete{border-radius:inherit}body .course .llms-course-progress .llms-progress .progress-bar-complete:after,body .llms-course-progress .llms-progress .progress-bar-complete:after{display:inline-block;line-height:2;padding:0 10px;content:attr(data-progress);word-break:normal}body .llms-progress,body .widget_course_progress .llms-progress{height:1.4em;margin:0 auto}body .llms-progress .progress__indicator,body .widget_course_progress .llms-progress .progress__indicator{line-height:1.4;height:1.4em}body .llms-progress .llms-progress-bar,body .widget_course_progress .llms-progress .llms-progress-bar{border-radius:.7em;height:1.4em;top:0}body .llms-progress .progress-bar-complete,body .widget_course_progress .llms-progress .progress-bar-complete{border-radius:.7em}body .llms-loop-item-content .llms-progress-bar{height:inherit}body .llms-loop-item-content .llms-progress-bar .progress-bar-complete{border-radius:0}.single-course article.course{margin-bottom:2em}.llms_membership .llms-featured-image{margin-bottom:0}.llms-access-plan .llms-access-plan-footer{padding:15px}.llms-access-plan .llms-access-plan-description,.llms-access-plan .llms-access-plan-pricing,.llms-access-plan .llms-access-plan-title{padding-right:15px;padding-left:15px}.llms-access-plan .llms-access-plan-description,.llms-access-plan .llms-access-plan-expiration,.llms-access-plan .llms-access-plan-schedule,.llms-access-plan .llms-access-plan-trial{font-size:inherit}.llms-access-plan .llms-access-plan-price{font-size:1.2em}.llms-access-plan .stamp{font-size:.6em;padding:2px 5px;font-weight:400}.llms-access-plan .llms-button-action{display:inline-block}.llms-pagination{text-align:right;margin-top:2em}.llms-pagination ul{display:inline-block;text-align:center;white-space:nowrap;padding:0;clear:both;border:0;margin:1px}.llms-pagination ul li{margin:0 0 5px 5px;border:1px solid var(--ast-border-color);padding:0;float:right;display:inline;overflow:hidden}.llms-pagination ul li a.page-numbers,.llms-pagination ul li span.page-numbers{margin:0;text-decoration:none;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.75em;display:block;min-width:2.5em}.llms-pagination ul li a:focus,.llms-pagination ul li a:hover,.llms-pagination ul li span.current{background:#ebe9eb;color:#8a7e88}.lifterlms .llms-checkout-wrapper .llms-notice{border:0;background:0 0;padding:0;margin-bottom:2em}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1{width:calc(58% - 2em);margin:0 0 0 2em}@media (max-width:768px){.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1{width:100%;margin-left:0}}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 .llms-checkout-section-content{margin:0 -10px}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2{width:42%;margin:0}@media (max-width:768px){.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2{width:100%}}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-order-summary{font-size:.9em}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-coupon-entry .type-text{margin-bottom:1em}.lifterlms .llms-checkout-wrapper .llms-form-field>label{display:inline-block;font-size:.9em;font-weight:600;vertical-align:middle}.lifterlms .llms-checkout-wrapper .llms-form-field input,.lifterlms .llms-checkout-wrapper .llms-form-field select,.lifterlms .llms-checkout-wrapper .llms-form-field textarea{margin-bottom:0;background:var(--ast-global-dark-bg-style)}.lifterlms .llms-checkout-wrapper .llms-form-field input[type=checkbox]{margin-bottom:0;vertical-align:middle}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2,.lifterlms .llms-checkout-wrapper .llms-login{padding:20px}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2{border:2px solid var(--ast-border-color)}.lifterlms .llms-checkout-wrapper .llms-login{border:1px solid var(--ast-border-color);margin-bottom:2em;border-radius:5px}@media (max-width:768px){.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.align-right{text-align:right;width:100%;clear:both;margin-top:10px}}.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-checkbox,.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-submit{width:auto}.lifterlms .llms-checkout-wrapper .llms-checkout-section{border:none}.lifterlms .llms-checkout-wrapper .llms-form-heading{background:0 0;color:inherit;margin-bottom:1em;padding:0}.lifterlms .llms-checkout-wrapper .flush .llms-form-field{padding:0}.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-order-summary .llms-label{font-variant:normal;text-transform:none;font-weight:600}.lifterlms .llms-checkout-wrapper .llms-checkout-section-content span.llms-description{font-size:.9em;line-height:1.5;opacity:.75;display:inline-block}.lifterlms .llms-checkout-wrapper .llms-checkout-section-content,.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-checkout-confirm,.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper,.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-checkout-confirm{margin:0}.lifterlms .llms-checkout-wrapper .llms-payment-gateways label:before{width:1em;height:1em}.lifterlms .llms-checkout-wrapper .llms-payment-gateways .llms-gateway-description{margin-right:1.25em;margin-right:calc(1em + 5px)}.lifterlms .llms-checkout-wrapper .llms-payment-gateways li:last-child:after{margin:10px auto}.llms-student-dashboard .llms-sd-header .llms-sd-item{margin-left:1em;margin-bottom:1em}.llms-student-dashboard .llms-sd-header .llms-sd-item.current{font-weight:600}.llms-student-dashboard .llms-sd-header .llms-sd-item .llms-sep{display:none}.llms-student-dashboard .llms-sd-header .llms-sd-item>a:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-left:.5em}.llms-student-dashboard .llms-sd-header .llms-sd-item.dashboard>a:before{content:"\f0e4"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-courses>a:before{content:"\f02d"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-memberships>a:before{content:"\f0c0"}.llms-student-dashboard .llms-sd-header .llms-sd-item.my-grades>a:before{content:"\f19d"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-achievements>a:before{content:"\f091"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-certificates>a:before{content:"\f0a3"}.llms-student-dashboard .llms-sd-header .llms-sd-item.notifications>a:before{content:"\f06a"}.llms-student-dashboard .llms-sd-header .llms-sd-item.edit-account>a:before{content:"\f007"}.llms-student-dashboard .llms-sd-header .llms-sd-item.redeem-voucher>a:before{content:"\f005"}.llms-student-dashboard .llms-sd-header .llms-sd-item.orders>a:before{content:"\f022"}.llms-student-dashboard .llms-sd-header .llms-sd-item.signout>a:before{content:"\f08b"}.llms-student-dashboard .llms-sd-header .llms-sd-item.sl_profile>a:before{content:"\f2be"}.llms-student-dashboard .llms-my-orders .orders-table{font-size:.85em}.llms-student-dashboard .llms-my-orders .orders-table thead td{background:var(--ast-bg-style-guide)}.llms-student-dashboard .llms-my-orders .orders-table tbody tr:nth-child(2n) td{background:0 0}.llms-student-dashboard .llms-my-orders .orders-table td:first-child,.llms-student-dashboard .llms-my-orders .orders-table th:first-child{width:100%}.llms-student-dashboard .llms-my-orders .orders-table td:first-child a,.llms-student-dashboard .llms-my-orders .orders-table th:first-child a{vertical-align:middle}@media (min-width:769px){.llms-student-dashboard .llms-my-orders .orders-table td:first-child,.llms-student-dashboard .llms-my-orders .orders-table th:first-child{width:20%}}@media (max-width:768px){.llms-student-dashboard .llms-my-orders .orders-table thead{display:none}.llms-student-dashboard .llms-my-orders .orders-table td{display:block;width:100%;border-bottom-width:1px;text-align:left}.llms-student-dashboard .llms-my-orders .orders-table td:before{content:attr(data-label);font-weight:700;float:right;display:block}}.llms-student-dashboard .llms-my-orders .llms-status{padding:1px 5px}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field>label{display:inline-block;font-size:.9em;font-weight:600;vertical-align:middle}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input,.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field select,.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field textarea{margin-bottom:0;background:var(--ast-global-dark-bg-style)}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input[type=checkbox]{vertical-align:middle}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit,.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit button{width:auto}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.align-right{float:left}.llms-student-dashboard .llms-person-form-wrapper .llms-form-field>label{display:inline-block;font-size:.9em;font-weight:600;vertical-align:middle}.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input,.llms-student-dashboard .llms-person-form-wrapper .llms-form-field select,.llms-student-dashboard .llms-person-form-wrapper .llms-form-field textarea{margin-bottom:0;background:var(--ast-global-dark-bg-style)}.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input[type=checkbox]{vertical-align:middle}.llms-student-dashboard .llms-sd-header~form .form-row-first{display:inline-block;margin-bottom:0}.llms-student-dashboard .llms-sd-header~form .form-row-first>label{display:none}.llms-student-dashboard .llms-sd-header~form .form-row-first input{width:100%}.llms-student-dashboard .llms-sd-header~form .form-row-first~button{line-height:1.5}@media (max-width:544px){.llms-student-dashboard .llms-sd-header~form .form-row-first~button{width:100%}}@media (max-width:544px){.llms-student-dashboard .llms-sd-header~form .form-row-first{width:100%;margin-bottom:10px}}.ast-container .lifterlms .llms-notice{margin:0 0 2em}.ast-container .llms-notice{border-width:0;border-top-width:3px;border-color:#b81c23;border-style:solid;padding:1em 2em;position:relative;background-color:var(--ast-lifter-hover-bg);color:#515151}.ast-container .llms-notice.llms-error{border-width:0;border-top-width:3px;border-color:#b81c23;border-style:solid;padding:1em 2em;position:relative;background-color:var(--ast-lifter-hover-bg);color:#515151}.ast-container .llms-button-action,.ast-container .llms-button-secondary,.ast-container .llms-field-button,.ast-container a.llms-button-primary{font-size:inherit;line-height:1}.ast-container .llms-tooltip{font-size:.9em;line-height:1.4}.llms-notification .llms-notification-content .llms-notification-body{font-size:inherit;line-height:inherit}.llms-notification .llms-notification-content .llms-notification-title{font-size:1.3em}.llms-quiz-meta-item{font-weight:600}.llms-quiz-meta-item span{font-weight:400;opacity:.75}.llms-quiz-question-wrapper{clear:both}.llms-quiz-question-wrapper .llms-error{color:#b81c23;margin-bottom:.5em}.llms-quiz-question-wrapper .llms-question-count p{font-weight:600;margin-bottom:0}.llms-quiz-question-wrapper .llms-question-count~p{margin-bottom:.5em}.llms-quiz-question-wrapper .llms-question-wrapper{margin-bottom:1.5em}.llms-quiz-question-wrapper .llms-question-wrapper .llms-question-text{font-size:2em}.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice label{display:block}.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text{font-size:1em}.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-marker{font-size:1em;width:1.75em;height:1.75em;line-height:1.75em}.llms-quiz-buttons .llms-start-quiz-button{line-height:1.4}.llms-quiz-buttons .llms-start-quiz-button:after{content:"\BB";font-size:1.2em;line-height:1}.llms-quiz-buttons .llms-next-lesson:after{content:"\2192";margin-right:5px}@media (max-width:768px){.llms-quiz-buttons .llms-button-secondary,.llms-quiz-buttons .llms-start-quiz-button{margin:5px;display:block}}.llms-quiz-ui .llms-quiz-nav .llms-button-action{font-size:inherit;line-height:1.4}.llms-quiz-ui .llms-quiz-nav #llms-complete-quiz:before{content:"\2714";margin-left:.5em}.llms-quiz-ui .llms-quiz-nav #llms-next-question:after{content:"\2192";margin-right:5px}.llms-quiz-ui .llms-quiz-nav #llms-prev-question{line-height:1.4;float:right}.llms-quiz-ui .llms-quiz-nav #llms-prev-question:before{content:"\2190";margin-left:5px}.llms-quiz-ui .llms-quiz-nav .llms-quiz-counter{font-size:inherit}.llms-quiz-ui .llms-quiz-nav .llms-button-action,.llms-quiz-ui .llms-quiz-nav .llms-button-secondary{margin:5px}@media (max-width:768px){.llms-loop .llms-loop-list.llms-tablet-cols-1 .llms-loop-item{width:100%}.llms-loop .llms-loop-list.llms-tablet-cols-2 .llms-loop-item{width:50%}.llms-loop .llms-loop-list.llms-tablet-cols-3 .llms-loop-item{width:33.33333%}.llms-loop .llms-loop-list.llms-tablet-cols-4 .llms-loop-item{width:25%}.llms-loop .llms-loop-list.llms-tablet-cols-5 .llms-loop-item{width:20%}.llms-loop .llms-loop-list.llms-tablet-cols-6 .llms-loop-item{width:16.66667%}}@media (max-width:544px){.llms-loop .llms-loop-list.llms-mobile-cols-1 .llms-loop-item{width:100%}.llms-loop .llms-loop-list.llms-mobile-cols-2 .llms-loop-item{width:50%}.llms-loop .llms-loop-list.llms-mobile-cols-3 .llms-loop-item{width:33.33333%}.llms-loop .llms-loop-list.llms-mobile-cols-4 .llms-loop-item{width:25%}.llms-loop .llms-loop-list.llms-mobile-cols-5 .llms-loop-item{width:20%}.llms-loop .llms-loop-list.llms-mobile-cols-6 .llms-loop-item{width:16.66667%}}.ast-woocommerce-cart-menu .main-header-bar .main-header-log-out{padding-right: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; +} diff --git a/assets/css/lifterlms.min.css b/assets/css/lifterlms.min.css new file mode 100644 index 00000000..b30cb135 --- /dev/null +++ b/assets/css/lifterlms.min.css @@ -0,0 +1,85 @@ +#secondary .llms-widget-syllabus .llms-section{margin-bottom:.5em}.widget .llms-widget-syllabus .lesson-title,.widget .llms-widget-syllabus .llms-collapse-caret,.widget .llms-widget-syllabus .llms-lesson-complete,.widget .llms-widget-syllabus .section-title{display:inline-block}.widget .llms-widget-syllabus .llms-section{border-bottom:1px solid var(--ast-border-color);margin-bottom:.5em;padding-bottom:.5em}.widget .llms-widget-syllabus .llms-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.widget .llms-widget-syllabus .llms-collapse-caret{margin-right:.25em;vertical-align:top}.widget .llms-widget-syllabus .llms-lesson-complete{vertical-align:top;line-height:1.5}.widget .llms-widget-syllabus .section-title{width:94%;width:calc(100% - 1.5em)}.widget .llms-widget-syllabus .lesson-title{width:90%;width:calc(100% - 1.8em)}.widget .llms-widget-syllabus .llms-lesson,.widget .llms-widget-syllabus .section-header{line-height:1.75}.widget .progress__indicator{line-height:30px}.widget .llms-progress .llms-progress-bar{border-radius:20px;height:20px}.widget .llms-progress .progress-bar-complete{border-radius:20px}.widget .llms-course-outline ul{margin-left:1.5em}.ast-separate-container .ast-lifterlms-container{background-color:var(--ast-global-dark-bg-style)}@media (max-width:1200px){.ast-separate-container .ast-lifterlms-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-lifterlms-container{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-lifterlms-container{padding:.54em 1em 1.33333em}}@media (min-width:1201px){.ast-separate-container .ast-lifterlms-container{padding:5.34em 6.67em}}.ast-container ul.llms-loop-list li.llms-loop-item,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item{padding:0;border-bottom:none}.ast-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title,.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta{padding:0 15px}.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title{font-weight:600;margin-top:10px}.ast-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta{margin-bottom:0}.ast-container ul.llms-loop-list li.llms-loop-item .llms-author,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author{font-size:inherit;margin-bottom:10px}.ast-container ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-author .llms-author-info{vertical-align:middle}.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta{font-size:.9em;font-weight:600}.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty,.ast-container ul.llms-loop-list li.llms-loop-item .llms-meta .length,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-meta .length,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta .difficulty,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-meta .length{font-weight:400;opacity:.75}.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-title:hover{color:inherit}.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-item-footer{margin-top:10px}.ast-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-content,.ast-lifterlms-container ul.llms-loop-list li.llms-loop-item .llms-loop-item-content,.llms-student-dashboard ul.llms-loop-list li.llms-loop-item .llms-loop-item-content{padding-bottom:15px}.ast-container .llms-access-plans,.ast-lifterlms-container .llms-access-plans,.llms-student-dashboard .llms-access-plans{margin-left:-2px;margin-right:-2px}.ast-container .llms-password-strength-meter,.ast-lifterlms-container .llms-password-strength-meter,.llms-student-dashboard .llms-password-strength-meter{margin-top:0;font-size:.65em}.ast-container .llms-checkout-col,.ast-lifterlms-container .llms-checkout-col,.llms-student-dashboard .llms-checkout-col{float:left}.single-lesson.ast-separate-container .llms-lesson-preview .llms-lesson-link{background:#fff}.single-lesson.ast-separate-container .llms-lesson-preview .llms-lesson-link:hover{background:#fafafa}.single-lesson .ast-article-single .llms-lesson-button-wrapper{font-weight:600}.single-lesson .ast-article-single .llms-lesson-button-wrapper .llms-complete-lesson-form .llms-field-button:before{content:"\2714";margin-right:.5em}.single-lesson .llms-course-navigation{padding:2em 0 0;border-top:1px solid var(--ast-border-color)}.single-lesson .llms-course-navigation .llms-lesson-preview{vertical-align:top;margin-top:0}.single-lesson .llms-course-navigation .llms-lesson-preview .llms-lesson-link{padding-left:20px;padding-right:20px}.single-lesson .llms-course-navigation .llms-next-lesson{text-align:right}.single-lesson .llms-course-navigation .llms-prev-lesson h6.llms-pre-text:before{content:"\2190";margin-right:.5em}.single-lesson .llms-course-navigation .llms-back-to-course:first-child h6.llms-pre-text:before{content:"\2190";margin-right:.5em}.single-lesson .llms-course-navigation .llms-next-lesson h6.llms-pre-text:after,.single-lesson .llms-course-navigation .llms-prev-lesson~.llms-back-to-course h6.llms-pre-text:after{content:"\2192";margin-left:5px}.single-lesson .llms-course-navigation .llms-next-lesson .llms-lesson-excerpt,.single-lesson .llms-course-navigation .llms-next-lesson .llms-lesson-title,.single-lesson .llms-course-navigation .llms-next-lesson h6.llms-pre-text,.single-lesson .llms-course-navigation .llms-prev-lesson~.llms-back-to-course .llms-lesson-excerpt,.single-lesson .llms-course-navigation .llms-prev-lesson~.llms-back-to-course .llms-lesson-title,.single-lesson .llms-course-navigation .llms-prev-lesson~.llms-back-to-course h6.llms-pre-text{text-align:right}@media (max-width:544px){.single-lesson .llms-course-navigation{padding-top:1.5em}.single-lesson .llms-course-navigation .llms-course-nav{width:100%;margin:0}.single-lesson .llms-course-navigation .llms-course-nav:first-child{margin-bottom:1.5em}}.course .llms-featured-image{margin-bottom:0}.course .llms-instructor-info,.course .llms-instructor-info .llms-meta-info{margin-top:1.5em}.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.name{font-size:1.25em}.course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.label{font-size:1em}body .llms-syllabus-wrapper{margin:0 auto 1.5em}body .llms-syllabus-wrapper .llms-section-title{margin-top:15px;text-align:left;font-size:1.1em;padding:5px 15px;background:#e8e8e8;font-weight:600;line-height:1.75}body .llms-syllabus-wrapper .llms-lesson-preview{margin-top:1px;display:block;width:auto}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link{background-color:var(--ast-global-dark-lfs);padding:5px 15px;min-height:auto}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link:hover{background:var(--ast-lifter-hover-bg)}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-title{font-size:1em;line-height:1.75;font-weight:600;margin-bottom:0}body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter{line-height:1.75;margin-bottom:0;font-size:inherit}body #old_reviews,body #review_box{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-border-color)}body #old_reviews>hr{display:none}body #old_reviews .llms_review{padding:20px;margin:20px 0}body #old_reviews .llms_review:last-of-type{margin-bottom:2em}body #old_reviews .llms_review p:last-child{margin-bottom:0}body #old_reviews .llms_review h5{margin-bottom:5px}body #old_reviews:last-child .llms_review:last-of-type{margin-bottom:0}body #review_box #review_text,body #review_box #review_title{margin-bottom:1em;width:100%;border-color:var(--ast-border-color);background:#fff;border-radius:0}body #thank_you_box{margin-top:1em}body .llms-lesson-link-locked,body .llms-lesson-link-locked:hover{box-shadow:none}body .llms-new-person-form-wrapper .llms-form-fields,body .llms-person-form-wrapper .llms-form-fields,body .llms-person-login-form-wrapper .llms-form-fields{margin-left:-10px;margin-right:-10px}body .llms-new-person-form-wrapper .llms-form-fields .llms-form-field.align-right,body .llms-person-form-wrapper .llms-form-fields .llms-form-field.align-right,body .llms-person-login-form-wrapper .llms-form-fields .llms-form-field.align-right{float:right}body .llms-form-heading{padding:0}body .llms-lost-password-form{margin-left:-10px;margin-right:-10px}body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete{margin-bottom:0;position:absolute;top:5px;left:15px;font-size:1.4em;height:1.2em;line-height:1.2;width:1em}body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-main{margin-left:2em;margin-left:calc(1.2em + 15px);width:83%;width:calc(85% - 1.2em - 15px)}body .course .llms-course-progress,body .llms-course-progress{max-width:100%;margin:0 auto;-js-display:flex;display:flex;flex-direction:row-reverse;background:#f1f2f1;border-top-right-radius:1em;border-bottom-right-radius:1em}body .course .llms-course-progress .llms-course-complete-text,body .course .llms-course-progress a.llms-course-continue-button,body .llms-course-progress .llms-course-complete-text,body .llms-course-progress a.llms-course-continue-button{display:inline-block;margin-right:2px;padding:0 1em;line-height:2em}body .course .llms-course-progress a.llms-course-continue-button:after,body .llms-course-progress a.llms-course-continue-button:after{content:"\BB";font-size:1.2em;line-height:1}body .course .llms-course-progress .llms-course-complete-text,body .llms-course-progress .llms-course-complete-text{margin-bottom:0;opacity:.6}body .course .llms-course-progress .llms-progress,body .llms-course-progress .llms-progress{height:auto;margin:0 auto;flex:1;text-align:center}body .course .llms-course-progress .llms-progress .llms-progress-bar,body .llms-course-progress .llms-progress .llms-progress-bar{height:inherit;top:0;border-radius:1em;border-bottom-left-radius:0;border-top-left-radius:0}body .course .llms-course-progress .llms-progress .progress__indicator,body .llms-course-progress .llms-progress .progress__indicator{display:none}body .course .llms-course-progress .llms-progress .progress-bar-complete,body .llms-course-progress .llms-progress .progress-bar-complete{border-radius:inherit}body .course .llms-course-progress .llms-progress .progress-bar-complete:after,body .llms-course-progress .llms-progress .progress-bar-complete:after{display:inline-block;line-height:2;padding:0 10px;content:attr(data-progress);word-break:normal}body .llms-progress,body .widget_course_progress .llms-progress{height:1.4em;margin:0 auto}body .llms-progress .progress__indicator,body .widget_course_progress .llms-progress .progress__indicator{line-height:1.4;height:1.4em}body .llms-progress .llms-progress-bar,body .widget_course_progress .llms-progress .llms-progress-bar{border-radius:.7em;height:1.4em;top:0}body .llms-progress .progress-bar-complete,body .widget_course_progress .llms-progress .progress-bar-complete{border-radius:.7em}body .llms-loop-item-content .llms-progress-bar{height:inherit}body .llms-loop-item-content .llms-progress-bar .progress-bar-complete{border-radius:0}.single-course article.course{margin-bottom:2em}.llms_membership .llms-featured-image{margin-bottom:0}.llms-access-plan .llms-access-plan-footer{padding:15px}.llms-access-plan .llms-access-plan-description,.llms-access-plan .llms-access-plan-pricing,.llms-access-plan .llms-access-plan-title{padding-left:15px;padding-right:15px}.llms-access-plan .llms-access-plan-description,.llms-access-plan .llms-access-plan-expiration,.llms-access-plan .llms-access-plan-schedule,.llms-access-plan .llms-access-plan-trial{font-size:inherit}.llms-access-plan .llms-access-plan-price{font-size:1.2em}.llms-access-plan .stamp{font-size:.6em;padding:2px 5px;font-weight:400}.llms-access-plan .llms-button-action{display:inline-block}.llms-pagination{text-align:left;margin-top:2em}.llms-pagination ul{display:inline-block;text-align:center;white-space:nowrap;padding:0;clear:both;border:0;margin:1px}.llms-pagination ul li{margin:0 5px 5px 0;border:1px solid var(--ast-border-color);padding:0;float:left;display:inline;overflow:hidden}.llms-pagination ul li a.page-numbers,.llms-pagination ul li span.page-numbers{margin:0;text-decoration:none;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.75em;display:block;min-width:2.5em}.llms-pagination ul li a:focus,.llms-pagination ul li a:hover,.llms-pagination ul li span.current{background:#ebe9eb;color:#8a7e88}.lifterlms .llms-checkout-wrapper .llms-notice{border:0;background:0 0;padding:0;margin-bottom:2em}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1{width:calc(58% - 2em);margin:0 2em 0 0}@media (max-width:768px){.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1{width:100%;margin-right:0}}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 .llms-checkout-section-content{margin:0 -10px}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2{width:42%;margin:0}@media (max-width:768px){.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2{width:100%}}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-order-summary{font-size:.9em}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-coupon-entry .type-text{margin-bottom:1em}.lifterlms .llms-checkout-wrapper .llms-form-field>label{display:inline-block;font-size:.9em;font-weight:600;vertical-align:middle}.lifterlms .llms-checkout-wrapper .llms-form-field input,.lifterlms .llms-checkout-wrapper .llms-form-field select,.lifterlms .llms-checkout-wrapper .llms-form-field textarea{margin-bottom:0;background:var(--ast-global-dark-bg-style)}.lifterlms .llms-checkout-wrapper .llms-form-field input[type=checkbox]{margin-bottom:0;vertical-align:middle}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2,.lifterlms .llms-checkout-wrapper .llms-login{padding:20px}.lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2{border:2px solid var(--ast-border-color)}.lifterlms .llms-checkout-wrapper .llms-login{border:1px solid var(--ast-border-color);margin-bottom:2em;border-radius:5px}@media (max-width:768px){.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.align-right{text-align:left;width:100%;clear:both;margin-top:10px}}.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-checkbox,.lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-submit{width:auto}.lifterlms .llms-checkout-wrapper .llms-checkout-section{border:none}.lifterlms .llms-checkout-wrapper .llms-form-heading{background:0 0;color:inherit;margin-bottom:1em;padding:0}.lifterlms .llms-checkout-wrapper .flush .llms-form-field{padding:0}.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-order-summary .llms-label{font-variant:normal;text-transform:none;font-weight:600}.lifterlms .llms-checkout-wrapper .llms-checkout-section-content span.llms-description{font-size:.9em;line-height:1.5;opacity:.75;display:inline-block}.lifterlms .llms-checkout-wrapper .llms-checkout-section-content,.lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-checkout-confirm,.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper,.lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-checkout-confirm{margin:0}.lifterlms .llms-checkout-wrapper .llms-payment-gateways label:before{width:1em;height:1em}.lifterlms .llms-checkout-wrapper .llms-payment-gateways .llms-gateway-description{margin-left:1.25em;margin-left:calc(1em + 5px)}.lifterlms .llms-checkout-wrapper .llms-payment-gateways li:last-child:after{margin:10px auto}.llms-student-dashboard .llms-sd-header .llms-sd-item{margin-right:1em;margin-bottom:1em}.llms-student-dashboard .llms-sd-header .llms-sd-item.current{font-weight:600}.llms-student-dashboard .llms-sd-header .llms-sd-item .llms-sep{display:none}.llms-student-dashboard .llms-sd-header .llms-sd-item>a:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:.5em}.llms-student-dashboard .llms-sd-header .llms-sd-item.dashboard>a:before{content:"\f0e4"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-courses>a:before{content:"\f02d"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-memberships>a:before{content:"\f0c0"}.llms-student-dashboard .llms-sd-header .llms-sd-item.my-grades>a:before{content:"\f19d"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-achievements>a:before{content:"\f091"}.llms-student-dashboard .llms-sd-header .llms-sd-item.view-certificates>a:before{content:"\f0a3"}.llms-student-dashboard .llms-sd-header .llms-sd-item.notifications>a:before{content:"\f06a"}.llms-student-dashboard .llms-sd-header .llms-sd-item.edit-account>a:before{content:"\f007"}.llms-student-dashboard .llms-sd-header .llms-sd-item.redeem-voucher>a:before{content:"\f005"}.llms-student-dashboard .llms-sd-header .llms-sd-item.orders>a:before{content:"\f022"}.llms-student-dashboard .llms-sd-header .llms-sd-item.signout>a:before{content:"\f08b"}.llms-student-dashboard .llms-sd-header .llms-sd-item.sl_profile>a:before{content:"\f2be"}.llms-student-dashboard .llms-my-orders .orders-table{font-size:.85em}.llms-student-dashboard .llms-my-orders .orders-table thead td{background:var(--ast-bg-style-guide)}.llms-student-dashboard .llms-my-orders .orders-table tbody tr:nth-child(2n) td{background:0 0}.llms-student-dashboard .llms-my-orders .orders-table td:first-child,.llms-student-dashboard .llms-my-orders .orders-table th:first-child{width:100%}.llms-student-dashboard .llms-my-orders .orders-table td:first-child a,.llms-student-dashboard .llms-my-orders .orders-table th:first-child a{vertical-align:middle}@media (min-width:769px){.llms-student-dashboard .llms-my-orders .orders-table td:first-child,.llms-student-dashboard .llms-my-orders .orders-table th:first-child{width:20%}}@media (max-width:768px){.llms-student-dashboard .llms-my-orders .orders-table thead{display:none}.llms-student-dashboard .llms-my-orders .orders-table td{display:block;width:100%;border-bottom-width:1px;text-align:right}.llms-student-dashboard .llms-my-orders .orders-table td:before{content:attr(data-label);font-weight:700;float:left;display:block}}.llms-student-dashboard .llms-my-orders .llms-status{padding:1px 5px}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field>label{display:inline-block;font-size:.9em;font-weight:600;vertical-align:middle}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input,.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field select,.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field textarea{margin-bottom:0;background:var(--ast-global-dark-bg-style)}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input[type=checkbox]{vertical-align:middle}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit,.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit button{width:auto}.llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.align-right{float:right}.llms-student-dashboard .llms-person-form-wrapper .llms-form-field>label{display:inline-block;font-size:.9em;font-weight:600;vertical-align:middle}.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input,.llms-student-dashboard .llms-person-form-wrapper .llms-form-field select,.llms-student-dashboard .llms-person-form-wrapper .llms-form-field textarea{margin-bottom:0;background:var(--ast-global-dark-bg-style)}.llms-student-dashboard .llms-person-form-wrapper .llms-form-field input[type=checkbox]{vertical-align:middle}.llms-student-dashboard .llms-sd-header~form .form-row-first{display:inline-block;margin-bottom:0}.llms-student-dashboard .llms-sd-header~form .form-row-first>label{display:none}.llms-student-dashboard .llms-sd-header~form .form-row-first input{width:100%}.llms-student-dashboard .llms-sd-header~form .form-row-first~button{line-height:1.5}@media (max-width:544px){.llms-student-dashboard .llms-sd-header~form .form-row-first~button{width:100%}}@media (max-width:544px){.llms-student-dashboard .llms-sd-header~form .form-row-first{width:100%;margin-bottom:10px}}.ast-container .lifterlms .llms-notice{margin:0 0 2em}.ast-container .llms-notice{border-width:0;border-top-width:3px;border-color:#b81c23;border-style:solid;padding:1em 2em;position:relative;background-color:var(--ast-lifter-hover-bg);color:#515151}.ast-container .llms-notice.llms-error{border-width:0;border-top-width:3px;border-color:#b81c23;border-style:solid;padding:1em 2em;position:relative;background-color:var(--ast-lifter-hover-bg);color:#515151}.ast-container .llms-button-action,.ast-container .llms-button-secondary,.ast-container .llms-field-button,.ast-container a.llms-button-primary{font-size:inherit;line-height:1}.ast-container .llms-tooltip{font-size:.9em;line-height:1.4}.llms-notification .llms-notification-content .llms-notification-body{font-size:inherit;line-height:inherit}.llms-notification .llms-notification-content .llms-notification-title{font-size:1.3em}.llms-quiz-meta-item{font-weight:600}.llms-quiz-meta-item span{font-weight:400;opacity:.75}.llms-quiz-question-wrapper{clear:both}.llms-quiz-question-wrapper .llms-error{color:#b81c23;margin-bottom:.5em}.llms-quiz-question-wrapper .llms-question-count p{font-weight:600;margin-bottom:0}.llms-quiz-question-wrapper .llms-question-count~p{margin-bottom:.5em}.llms-quiz-question-wrapper .llms-question-wrapper{margin-bottom:1.5em}.llms-quiz-question-wrapper .llms-question-wrapper .llms-question-text{font-size:2em}.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice label{display:block}.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text{font-size:1em}.llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-marker{font-size:1em;width:1.75em;height:1.75em;line-height:1.75em}.llms-quiz-buttons .llms-start-quiz-button{line-height:1.4}.llms-quiz-buttons .llms-start-quiz-button:after{content:"\BB";font-size:1.2em;line-height:1}.llms-quiz-buttons .llms-next-lesson:after{content:"\2192";margin-left:5px}@media (max-width:768px){.llms-quiz-buttons .llms-button-secondary,.llms-quiz-buttons .llms-start-quiz-button{margin:5px;display:block}}.llms-quiz-ui .llms-quiz-nav .llms-button-action{font-size:inherit;line-height:1.4}.llms-quiz-ui .llms-quiz-nav #llms-complete-quiz:before{content:"\2714";margin-right:.5em}.llms-quiz-ui .llms-quiz-nav #llms-next-question:after{content:"\2192";margin-left:5px}.llms-quiz-ui .llms-quiz-nav #llms-prev-question{line-height:1.4;float:left}.llms-quiz-ui .llms-quiz-nav #llms-prev-question:before{content:"\2190";margin-right:5px}.llms-quiz-ui .llms-quiz-nav .llms-quiz-counter{font-size:inherit}.llms-quiz-ui .llms-quiz-nav .llms-button-action,.llms-quiz-ui .llms-quiz-nav .llms-button-secondary{margin:5px}@media (max-width:768px){.llms-loop .llms-loop-list.llms-tablet-cols-1 .llms-loop-item{width:100%}.llms-loop .llms-loop-list.llms-tablet-cols-2 .llms-loop-item{width:50%}.llms-loop .llms-loop-list.llms-tablet-cols-3 .llms-loop-item{width:33.33333%}.llms-loop .llms-loop-list.llms-tablet-cols-4 .llms-loop-item{width:25%}.llms-loop .llms-loop-list.llms-tablet-cols-5 .llms-loop-item{width:20%}.llms-loop .llms-loop-list.llms-tablet-cols-6 .llms-loop-item{width:16.66667%}}@media (max-width:544px){.llms-loop .llms-loop-list.llms-mobile-cols-1 .llms-loop-item{width:100%}.llms-loop .llms-loop-list.llms-mobile-cols-2 .llms-loop-item{width:50%}.llms-loop .llms-loop-list.llms-mobile-cols-3 .llms-loop-item{width:33.33333%}.llms-loop .llms-loop-list.llms-mobile-cols-4 .llms-loop-item{width:25%}.llms-loop .llms-loop-list.llms-mobile-cols-5 .llms-loop-item{width:20%}.llms-loop .llms-loop-list.llms-mobile-cols-6 .llms-loop-item{width:16.66667%}}.ast-woocommerce-cart-menu .main-header-bar .main-header-log-out{padding-left: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; +} diff --git a/assets/css/link-rtl.css b/assets/css/link-rtl.css new file mode 100644 index 00000000..68ecb0d2 --- /dev/null +++ b/assets/css/link-rtl.css @@ -0,0 +1,95 @@ +.ast-link-open-in-new-tab-wrapper { + margin: 24px 0 0; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +.ast-link-label-wrapper { + margin: 24px 0; + padding-top: 24px; + border-top: 1px dashed var(--ast-customizer-color-7); +} + + +/* 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; +} diff --git a/assets/css/link.css b/assets/css/link.css new file mode 100644 index 00000000..68ecb0d2 --- /dev/null +++ b/assets/css/link.css @@ -0,0 +1,95 @@ +.ast-link-open-in-new-tab-wrapper { + margin: 24px 0 0; + border-top: 1px dashed var(--ast-customizer-color-7); +} + +.ast-link-label-wrapper { + margin: 24px 0; + padding-top: 24px; + border-top: 1px dashed var(--ast-customizer-color-7); +} + + +/* 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; +} diff --git a/assets/css/lity.min.css b/assets/css/lity.min.css new file mode 100644 index 00000000..c310cf30 --- /dev/null +++ b/assets/css/lity.min.css @@ -0,0 +1,87 @@ +/*! Lity - v2.4.1 - 2020-04-26 +* http://sorgalla.com/lity/ +* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{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; +} diff --git a/assets/css/logger.css b/assets/css/logger.css new file mode 100644 index 00000000..ea815b1b --- /dev/null +++ b/assets/css/logger.css @@ -0,0 +1,270 @@ +#logs-filter th#date { + width: 19ch; +} + +.wpforms-log-popup { + background-color: #ffffff; + padding: 20px 20px 10px; + font-size: 14px; + line-height: 20px; + width: 100%; + text-align: left; + color: #444; +} + +.wpforms-log-popup-flex, .wpforms-log-popup-block { + padding-top: 15px; + padding-bottom: 25px; + border-bottom: 1px solid #e4e4e4; +} + +.wpforms-log-popup-flex:first-child, .wpforms-log-popup-block:first-child { + padding-top: 0; +} + +.wpforms-log-popup-flex:last-child, .wpforms-log-popup-block:last-child { + padding-bottom: 0; + border-bottom: 0; +} + +.wpforms-log-popup-flex { + display: flex; + flex-wrap: wrap; + justify-content: center; + margin-left: -10px; + margin-right: -10px; +} + +.wpforms-log-popup-flex > div { + padding: 0 10px; +} + +.wpforms-log-popup-flex-column-2 > div { + flex: 0 0 50%; +} + +.wpforms-log-popup-flex-column-4 > div { + flex: 0 0 25%; +} + +.wpforms-log-popup-label { + font-weight: 600; + font-size: 16px; + margin-bottom: 4px; +} + +.wpforms-log-popup-message { + overflow-x: auto; +} + +.wpforms-log-popup-message::-webkit-scrollbar { + height: 6px; +} + +.wpforms-log-popup-message::-webkit-scrollbar-track { + background: #c5c5c5; + border-radius: 6px; +} + +.wpforms-log-popup-message::-webkit-scrollbar-thumb { + background-color: #666; + border-radius: 6px; + border: 6px solid #666; +} + +.wpforms-log-popup a { + color: inherit; +} + +@media screen and (max-width: 782px) { + .wpforms-log-popup { + padding: 0; + } + .wpforms-log-popup .wpforms-log-popup-flex { + padding-top: 0; + padding-bottom: 0; + } + .wpforms-log-popup .wpforms-log-popup-flex-column-2 > div { + flex: 0 0 100%; + padding-top: 15px; + padding-bottom: 25px; + } + .wpforms-log-popup .wpforms-log-popup-flex-column-2 > div:nth-child(n + 2) { + border-top: 1px solid #e4e4e4; + } + .wpforms-log-popup .wpforms-log-popup-flex-column-4 > div { + flex: 0 0 50%; + padding-top: 15px; + padding-bottom: 25px; + } + .wpforms-log-popup .wpforms-log-popup-flex-column-4 > div:nth-child(n + 3) { + border-top: 1px solid #e4e4e4; + } + .wpforms-log-popup .wpforms-log-popup-flex-column-4 > div:nth-child(- n + 2) { + padding-bottom: 0; + } +} + +.wpforms-tools-tab-logs p.submit { + padding-bottom: 50px; +} + +.wpforms-tools-tab-logs h3 { + line-height: 25px; +} + +.wpforms-tools-tab-logs .wp-heading-inline { + margin: 0; + font-size: 18px; + font-weight: 600; + line-height: normal; + color: #1d2327; +} + +.wpforms-tools-tab-logs .wpforms-admin-content-header { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; +} + +.wpforms-tools-tab-logs .wpforms-admin-content-header .search-box { + margin-bottom: 0; +} + +@media (max-width: 768px) { + .wpforms-tools-tab-logs .wpforms-admin-content-header .search-box { + margin-top: 15px; + } +} + +.wpforms-tools-tab-logs .tablenav.top { + margin: 11px 0; + padding: 0; +} + +.wpforms-tools-tab-logs .tablenav.top .tablenav-pages { + margin: 0; +} + +@media (max-width: 768px) { + .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top { + height: 100px; + } + .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top > * { + margin-bottom: 10px; + } + .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top input.button { + margin-right: 15px; + } + .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top:has(.no-pages), + .wpforms-tools-tab-logs .wpforms-list-table .tablenav.top:has(.one-page) { + height: auto; + } +} + +.wpforms-tools-tab-logs .tablenav-pages.no-pages { + margin: 0; +} + +.wpforms-tools-tab-logs .wpforms-list-table #log_id, +.wpforms-tools-tab-logs .wpforms-list-table #form_id { + width: 80px; +} + +.wpforms-tools-tab-logs .wpforms-list-table #types { + width: 160px; +} + +.wpforms-tools-tab-logs .wpforms-list-table .tablenav { + height: 30px; +} + +.wpforms-tools-tab-logs .wpforms-list-table .wp-list-table { + margin: 9px 0 0 0; +} + + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/logger.min.css b/assets/css/logger.min.css new file mode 100644 index 00000000..2c8ac330 --- /dev/null +++ b/assets/css/logger.min.css @@ -0,0 +1,86 @@ +#logs-filter th#date{width:19ch}.wpforms-log-popup{background-color:#ffffff;padding:20px 20px 10px;font-size:14px;line-height:20px;width:100%;text-align:left;color:#444}.wpforms-log-popup-flex,.wpforms-log-popup-block{padding-top:15px;padding-bottom:25px;border-bottom:1px solid #e4e4e4}.wpforms-log-popup-flex:first-child,.wpforms-log-popup-block:first-child{padding-top:0}.wpforms-log-popup-flex:last-child,.wpforms-log-popup-block:last-child{padding-bottom:0;border-bottom:0}.wpforms-log-popup-flex{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-10px;margin-right:-10px}.wpforms-log-popup-flex>div{padding:0 10px}.wpforms-log-popup-flex-column-2>div{flex:0 0 50%}.wpforms-log-popup-flex-column-4>div{flex:0 0 25%}.wpforms-log-popup-label{font-weight:600;font-size:16px;margin-bottom:4px}.wpforms-log-popup-message{overflow-x:auto}.wpforms-log-popup-message::-webkit-scrollbar{height:6px}.wpforms-log-popup-message::-webkit-scrollbar-track{background:#c5c5c5;border-radius:6px}.wpforms-log-popup-message::-webkit-scrollbar-thumb{background-color:#666;border-radius:6px;border:6px solid #666}.wpforms-log-popup a{color:inherit}@media screen and (max-width: 782px){.wpforms-log-popup{padding:0}.wpforms-log-popup .wpforms-log-popup-flex{padding-top:0;padding-bottom:0}.wpforms-log-popup .wpforms-log-popup-flex-column-2>div{flex:0 0 100%;padding-top:15px;padding-bottom:25px}.wpforms-log-popup .wpforms-log-popup-flex-column-2>div:nth-child(n+2){border-top:1px solid #e4e4e4}.wpforms-log-popup .wpforms-log-popup-flex-column-4>div{flex:0 0 50%;padding-top:15px;padding-bottom:25px}.wpforms-log-popup .wpforms-log-popup-flex-column-4>div:nth-child(n+3){border-top:1px solid #e4e4e4}.wpforms-log-popup .wpforms-log-popup-flex-column-4>div:nth-child(- n+2){padding-bottom:0}}.wpforms-tools-tab-logs p.submit{padding-bottom:50px}.wpforms-tools-tab-logs h3{line-height:25px}.wpforms-tools-tab-logs .wp-heading-inline{margin:0;font-size:18px;font-weight:600;line-height:normal;color:#1d2327}.wpforms-tools-tab-logs .wpforms-admin-content-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.wpforms-tools-tab-logs .wpforms-admin-content-header .search-box{margin-bottom:0}@media (max-width: 768px){.wpforms-tools-tab-logs .wpforms-admin-content-header .search-box{margin-top:15px}}.wpforms-tools-tab-logs .tablenav.top{margin:11px 0;padding:0}.wpforms-tools-tab-logs .tablenav.top .tablenav-pages{margin:0}@media (max-width: 768px){.wpforms-tools-tab-logs .wpforms-list-table .tablenav.top{height:100px}.wpforms-tools-tab-logs .wpforms-list-table .tablenav.top>*{margin-bottom:10px}.wpforms-tools-tab-logs .wpforms-list-table .tablenav.top input.button{margin-right:15px}.wpforms-tools-tab-logs .wpforms-list-table .tablenav.top:has(.no-pages),.wpforms-tools-tab-logs .wpforms-list-table .tablenav.top:has(.one-page){height:auto}}.wpforms-tools-tab-logs .tablenav-pages.no-pages{margin:0}.wpforms-tools-tab-logs .wpforms-list-table #log_id,.wpforms-tools-tab-logs .wpforms-list-table #form_id{width:80px}.wpforms-tools-tab-logs .wpforms-list-table #types{width:160px}.wpforms-tools-tab-logs .wpforms-list-table .tablenav{height:30px}.wpforms-tools-tab-logs .wpforms-list-table .wp-list-table{margin:9px 0 0 0} + + +/* Focus Management Styles - WCAG 2.1 Compliance */ +/* Added for keyboard accessibility and screen reader support */ + +/* Button Focus Styles */ +.hvac-button:focus, +.hvac-content .button:focus, +.hvac-content button:focus, +.hvac-content input[type="submit"]:focus, +.hvac-email-submit:focus, +.hvac-filter-submit:focus, +.hvac-certificate-actions button:focus, +.hvac-certificate-actions a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); + border-radius: 4px; +} + +/* Input Focus Styles */ +.hvac-form-input:focus, +.hvac-content input[type="text"]:focus, +.hvac-content input[type="email"]:focus, +.hvac-content input[type="password"]:focus, +.hvac-content input[type="url"]:focus, +.hvac-content textarea:focus, +.hvac-content select:focus, +.hvac-email-form-row input:focus, +.hvac-email-form-row textarea:focus, +.hvac-filter-group input:focus, +.hvac-filter-group select:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + border-color: #005fcc; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* Link Focus Styles */ +.hvac-content a:focus, +.hvac-event-link:focus, +.hvac-certificate-link:focus, +.hvac-attendee-profile-icon:focus, +.hvac-dashboard-nav a:focus, +.hvac-email-navigation a:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + text-decoration: underline; + background-color: rgba(0, 95, 204, 0.1); + border-radius: 2px; +} + +/* Interactive Element Focus Styles */ +.hvac-attendee-checkbox:focus, +.hvac-select-all-container input[type="checkbox"]:focus, +.hvac-modal-close:focus, +.hvac-certificate-table tr:focus { + outline: 2px solid #005fcc; + outline-offset: 2px; + box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.2); +} + +/* High Contrast Mode Support */ +@media (prefers-contrast: high) { + .hvac-content *:focus { + outline: 3px solid #000000; + outline-offset: 2px; + background-color: #ffff00; + color: #000000; + } +} + +/* Focus-visible polyfill support */ + +/* Reset focus for mouse users while preserving keyboard accessibility */ +.js-focus-visible :focus:not(.focus-visible) { + outline: none; + box-shadow: none; +} + +/* Ensure focus is visible for keyboard users */ +.js-focus-visible .focus-visible { + outline: 2px solid #005fcc; + outline-offset: 2px; +} diff --git a/assets/css/login.css b/assets/css/login.css new file mode 100644 index 00000000..caa8e378 --- /dev/null +++ b/assets/css/login.css @@ -0,0 +1,86 @@ +.wp-block-spectra-pro-login{padding:30px 40px;transition:all 0.3s ease;margin:auto;border-style:solid;border-width:1px;border-radius:3px;box-sizing:border-box}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass{position:relative;margin-bottom:20px}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login label,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass label{display:block;width:100%;margin-bottom:5px;font-size:14px;line-height:22px;font-weight:400}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login input,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass input{display:block;width:100%;background:#fff;border-color:#e6e7e9;border-style:solid;border-width:1px;outline:unset;padding:11px 15px;font-weight:400;font-size:14px;line-height:20px;border-radius:3px;box-sizing:border-box}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login input::placeholder,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass input::placeholder{color:#959595;opacity:1}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login input:-ms-input-placeholder,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass input:-ms-input-placeholder{color:#959595}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login input::-ms-input-placeholder,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass input::-ms-input-placeholder{color:#959595}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login .spectra-pro-login-form-pass-wrap,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass .spectra-pro-login-form-pass-wrap{position:relative}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login .spectra-pro-login-form-pass-wrap input,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass .spectra-pro-login-form-pass-wrap input{padding-right:40px}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login .spectra-pro-login-form-pass-wrap button,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass .spectra-pro-login-form-pass-wrap button{position:absolute;width:40px;top:0;right:0;height:100%;color:#959595;text-decoration:none;background:transparent;border:none;display:flex;justify-content:center;align-items:center;padding:0 !important}.wp-block-spectra-pro-login .spectra-pro-login-form__user-login .spectra-pro-login-form-pass-wrap button span,.wp-block-spectra-pro-login .spectra-pro-login-form__user-pass .spectra-pro-login-form-pass-wrap button span{width:unset;height:unset}.wp-block-spectra-pro-login .spectra-pro-login-form__recaptcha{margin-bottom:20px}.wp-block-spectra-pro-login .spectra-pro-login-form-rememberme{display:flex;justify-content:center;align-items:center}.wp-block-spectra-pro-login .spectra-pro-login-form .spectra-pro-login-form__field-error-message{position:absolute;top:100%;font-size:13px;color:#ef4444;left:0;width:100%}.wp-block-spectra-pro-login .spectra-pro-login-form .spectra-pro-login-form-pass-wrap--have-icon,.wp-block-spectra-pro-login .spectra-pro-login-form .spectra-pro-login-form-username-wrap--have-icon{position:relative}.wp-block-spectra-pro-login .spectra-pro-login-form .spectra-pro-login-form-pass-wrap--have-icon>svg,.wp-block-spectra-pro-login .spectra-pro-login-form .spectra-pro-login-form-username-wrap--have-icon>svg{width:15px;position:absolute;display:inline-flex;height:calc(100% - 2px - 2px);padding:0 10px 0 10px;box-sizing:content-box;left:2px;top:2px;bottom:2px;align-items:center;border-right-style:solid;border-right-color:#e5e5e5;border-width:1px}.wp-block-spectra-pro-login .spectra-pro-login-form .spectra-pro-login-form-pass-wrap--have-icon input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wp-block-spectra-pro-login .spectra-pro-login-form .spectra-pro-login-form-username-wrap--have-icon input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){padding-left:40px}.wp-block-spectra-pro-login .spectra-pro-login-form__forgetmenot{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wp-block-spectra-pro-login .spectra-pro-login-form__forgetmenot input[type="checkbox"]{border-style:solid;border-width:1px;border-radius:2px}.wp-block-spectra-pro-login .spectra-pro-login-form__forgetmenot label{margin-left:5px;font-size:14px;line-height:22px;font-weight:400}.wp-block-spectra-pro-login .spectra-pro-login-form__forgetmenot .spectra-pro-login-form-forgot-password{font-size:14px;font-weight:400}.wp-block-spectra-pro-login .spectra-pro-login-form__forgetmenot .spectra-pro-login-form-forgot-password>a{cursor:pointer}.wp-block-spectra-pro-login .spectra-pro-login-form__submit{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.wp-block-spectra-pro-login .spectra-pro-login-form__submit .spectra-pro-login-form-register{display:inline-block;font-size:14px;font-weight:400}.wp-block-spectra-pro-login .spectra-pro-login-form__submit .spectra-pro-login-form-submit-button{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease}.wp-block-spectra-pro-login .spectra-pro-login-form__submit .spectra-pro-login-form-submit-button>svg{width:15px;height:15px;fill:#fff}.wp-block-spectra-pro-login__footer .wp-block-spectra-pro-login-info{text-align:center;font-weight:400;font-size:14px;line-height:20px;margin:0}.wp-block-spectra-pro-login .spectra-pro-login-form-status{display:block;width:100%;margin-bottom:15px;margin-top:15px;font-size:14px;border-radius:4px}.wp-block-spectra-pro-login .spectra-pro-login-form-status__success{color:#155724;padding:10px 15px;background-color:#d4edda;border-left:3px solid #28a745}.wp-block-spectra-pro-login .spectra-pro-login-form-status__error-item,.wp-block-spectra-pro-login .spectra-pro-login-form-status__error{color:#721c24;padding:10px 15px;background-color:#f8d7da;border-left:3px solid #dc3545}.wp-block-spectra-pro-login .spectra-pro-login-form-status__error-item{margin-bottom:10px}.spectra-pro-login-form-rememberme{display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.spectra-pro-login-form-rememberme label{margin-left:0 !important;display:flex;align-items:center}.spectra-pro-login-form-rememberme input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.spectra-pro-login-form-rememberme__checkmark{position:relative;height:25px;width:25px;background-color:#fff;border-style:solid;border-width:1px;border-radius:3px;margin-right:10px;display:flex;justify-content:center;align-items:center}.spectra-pro-login-form-rememberme__checkmark::after{content:"";display:none}.spectra-pro-login-form-rememberme input[type="checkbox"]:checked ~ .spectra-pro-login-form-rememberme__checkmark::after{display:block}.spectra-pro-login-form-rememberme .spectra-pro-login-form-rememberme__checkmark::after{content:"\2714";color:#000;text-align:center;font-size:calc(25px / 1.2);font-weight:500;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;cursor:pointer}.spectra-pro-login-form-pass-wrap button{margin-right:5px}html[dir="rtl"] .spectra-pro-login-form-rememberme__checkmark{margin-right:0;margin-left:10px}html[dir="rtl"] .wp-block-spectra-pro-login .spectra-pro-login-form__user-pass .spectra-pro-login-form-pass-wrap input{padding-right:15px;padding-left:40px}html[dir="rtl"] .wp-block-spectra-pro-login .spectra-pro-login-form__user-login .spectra-pro-login-form-username-wrap--have-icon input,html[dir="rtl"] .wp-block-spectra-pro-login .spectra-pro-login-form__user-pass .spectra-pro-login-form-pass-wrap--have-icon input{padding-right:40px;padding-left:15px}html[dir="rtl"] .wp-block-spectra-pro-login .spectra-pro-login-form-pass-wrap--have-icon>svg,html[dir="rtl"] .wp-block-spectra-pro-login .spectra-pro-login-form-username-wrap--have-icon>svg{left:auto;right:0;border-right-style:none;border-left-style:solid;border-left-color:#e5e5e5;border-width:1px}html[dir="rtl"] .spectra-pro-login-form-pass-wrap button{margin-left:5px}html[dir="rtl"] .wp-block-spectra-pro-login .spectra-pro-login-form__user-pass .spectra-pro-login-form-pass-wrap button{right:auto;left:0}html[dir="rtl"] .wp-block-spectra-pro-login .spectra-pro-login-form__submit button{flex-direction:row-reverse}@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}} + + +/* 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; +} diff --git a/assets/css/logo-svg-icon-rtl.css b/assets/css/logo-svg-icon-rtl.css new file mode 100644 index 00000000..be01da10 --- /dev/null +++ b/assets/css/logo-svg-icon-rtl.css @@ -0,0 +1,326 @@ +.ast-logo-svg-icon-btn-wrapper { + display: flex; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn { + flex: 1 1 auto; + display: flex; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:first-child .components-button { + border-radius: 0 3px 3px 0; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button { + border-radius: unset; + font-size: 12px; + padding: 9px 0 10px; + white-space: nowrap; + 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-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn button.components-button.is-primary { + border-color: var(--ast-customizer-color-3); +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:last-child .components-button { + border-radius: 3px 0 0 3px; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button.is-primary { + color: var(--ast-customizer-color-10); + background: var(--ast-customizer-color-1); +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:focus:not(:disabled) { + box-shadow: none; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:not(.is-primary):hover { + color: var(--ast-customizer-color-5) !important; +} + +/* Modal stylings starts */ + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected p { + text-align: center; + border: 1px dashed #c3c4c7; + padding: 10px; +} + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected svg { + width: 50px; +} + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected .btn-group-icon-selected { + display: flex; + gap: 10px; +} + +.ast-logo-svg-icon-icon-library-default .btn-select-icon { + margin-top: 10px; + cursor: pointer; + background-color: #f0f0f1; + color: #2c3338; + width: 100%; + position: relative; + text-align: center; + border: 1px dashed #c3c4c7; + box-sizing: border-box; + padding: 9px 0; + line-height: 1.6; +} + +.ast-logo-svg-icon-icon-library-default .btn-select-icon:hover { + background-color: #ffffff; +} + +.ast-logo-svg-icon-icon-library-modal { + width: 65%; + max-height: 85%; +} + +.ast-logo-svg-icon-icon-library-header { + display: flex; + align-items: baseline; + height: 65px; +} + +.ast-logo-svg-icon-icon-library-header h2 { + width: 150px; + margin: 0; + font-size: 20px; + font-weight: 400; + color: #1e1e1e; +} + +.ast-logo-svg-icon-search-container { + flex: 1; + padding-right: 24px; +} + +.ast-logo-svg-icon-search-bar { + position: relative; +} + +.ast-logo-svg-icon-search-bar svg { + width: 14px; + height: 14px; + position: absolute; + top: calc(18px - 7px); + color: #555d66; + fill: #555d66; + transform: rotateZ(-90deg); + right: 12px; +} + +.ast-logo-svg-icon-search-bar input[type="text"] { + height: 36px; + width: 100%; + padding: 7px calc(12px* 2 + 14px) 7px 12px; + border: 1px solid #e6e7e9; + margin: 0; + border-radius: 2px; + color: #1d2327; +} + +.ast-logo-svg-icon-icon-library-container .components-flex .svg-icons-list-flexbox .svg-icons-list { + height: 35em; + overflow: hidden scroll; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button { + border: none; + cursor: pointer; + padding: 15px 10px 15px 0px; + background: none; + width: 100%; + text-align: right; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button.selected, +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button:hover { + background: #dcf2ff; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list { + display: grid; + padding: 5px 15px; + grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); + grid-gap: 10px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available { + display: flex; + gap: 10px; + align-items: center; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available svg { + width: 18px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available span { + font-size: 18px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon { + padding: 15px; + background-color: #ffffff; + border: 1px solid #e6e7e9; + border-radius: 3px; + cursor: pointer; + display: flex; + flex-direction: column; + gap: 10px; + height: 7em; + align-items: center; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon.selected { + outline: 2px solid; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon:hover:not(.selected) svg { + transform: scale(1.55); + transition: transform 0.2s; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon svg { + width: 20px; + height: 20px; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer { + text-align: left; + display: flex; + align-items: flex-end; + justify-content: flex-end; + gap: 10px; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer>button { + font-size: 13px; + border: none; + border-radius: 2px; + width: 89px; + height: 36px; + cursor: pointer; + display: flex; + justify-content: center; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content { + padding: 30px 24px; + margin: 0; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .components-modal__header { + display: none; +} + +/* Modal stylings ends */ + +.ast-logo-svg-icon-element-custom { + margin-top: 10px; +} + +.ast-logo-svg-icon-element-custom textarea { + width: 100%; + height: 10em; +} + +/* 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; +} diff --git a/assets/css/logo-svg-icon.css b/assets/css/logo-svg-icon.css new file mode 100644 index 00000000..50e476bb --- /dev/null +++ b/assets/css/logo-svg-icon.css @@ -0,0 +1,326 @@ +.ast-logo-svg-icon-btn-wrapper { + display: flex; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn { + flex: 1 1 auto; + display: flex; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:first-child .components-button { + border-radius: 3px 0 0 3px; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button { + border-radius: unset; + font-size: 12px; + padding: 9px 0 10px; + white-space: nowrap; + 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-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn button.components-button.is-primary { + border-color: var(--ast-customizer-color-3); +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn:last-child .components-button { + border-radius: 0 3px 3px 0; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button.is-primary { + color: var(--ast-customizer-color-10); + background: var(--ast-customizer-color-1); +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:focus:not(:disabled) { + box-shadow: none; +} + +.ast-logo-svg-icon-btn-wrapper .ast-logo-svg-icon-btn .components-button:not(.is-primary):hover { + color: var(--ast-customizer-color-5) !important; +} + +/* Modal stylings starts */ + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected p { + text-align: center; + border: 1px dashed #c3c4c7; + padding: 10px; +} + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected svg { + width: 50px; +} + +.ast-logo-svg-icon-icon-library-default .ast-logo-svg-icon-icon-library-default-icon-selected .btn-group-icon-selected { + display: flex; + gap: 10px; +} + +.ast-logo-svg-icon-icon-library-default .btn-select-icon { + margin-top: 10px; + cursor: pointer; + background-color: #f0f0f1; + color: #2c3338; + width: 100%; + position: relative; + text-align: center; + border: 1px dashed #c3c4c7; + box-sizing: border-box; + padding: 9px 0; + line-height: 1.6; +} + +.ast-logo-svg-icon-icon-library-default .btn-select-icon:hover { + background-color: #ffffff; +} + +.ast-logo-svg-icon-icon-library-modal { + width: 65%; + max-height: 85%; +} + +.ast-logo-svg-icon-icon-library-header { + display: flex; + align-items: baseline; + height: 65px; +} + +.ast-logo-svg-icon-icon-library-header h2 { + width: 150px; + margin: 0; + font-size: 20px; + font-weight: 400; + color: #1e1e1e; +} + +.ast-logo-svg-icon-search-container { + flex: 1; + padding-left: 24px; +} + +.ast-logo-svg-icon-search-bar { + position: relative; +} + +.ast-logo-svg-icon-search-bar svg { + width: 14px; + height: 14px; + position: absolute; + top: calc(18px - 7px); + color: #555d66; + fill: #555d66; + transform: rotateZ(90deg); + left: 12px; +} + +.ast-logo-svg-icon-search-bar input[type="text"] { + height: 36px; + width: 100%; + padding: 7px 12px 7px calc(12px* 2 + 14px); + border: 1px solid #e6e7e9; + margin: 0; + border-radius: 2px; + color: #1d2327; +} + +.ast-logo-svg-icon-icon-library-container .components-flex .svg-icons-list-flexbox .svg-icons-list { + height: 35em; + overflow: hidden scroll; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button { + border: none; + cursor: pointer; + padding: 15px 0px 15px 10px; + background: none; + width: 100%; + text-align: left; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button.selected, +.ast-logo-svg-icon-icon-library-container .svg-icons-categories button:hover { + background: #dcf2ff; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list { + display: grid; + padding: 5px 15px; + grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); + grid-gap: 10px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available { + display: flex; + gap: 10px; + align-items: center; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available svg { + width: 18px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .icon-not-available span { + font-size: 18px; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon { + padding: 15px; + background-color: #ffffff; + border: 1px solid #e6e7e9; + border-radius: 3px; + cursor: pointer; + display: flex; + flex-direction: column; + gap: 10px; + height: 7em; + align-items: center; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon.selected { + outline: 2px solid; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon:hover:not(.selected) svg { + transform: scale(1.55); + transition: transform 0.2s; +} + +.ast-logo-svg-icon-icon-library-container .svg-icons-list .svg-icon svg { + width: 20px; + height: 20px; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer { + text-align: right; + display: flex; + align-items: flex-end; + justify-content: flex-end; + gap: 10px; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .ast-logo-svg-icon-icon-library-footer>button { + font-size: 13px; + border: none; + border-radius: 2px; + width: 89px; + height: 36px; + cursor: pointer; + display: flex; + justify-content: center; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content { + padding: 30px 24px; + margin: 0; +} + +.components-modal__frame.ast-logo-svg-icon-icon-library-modal .components-modal__content .components-modal__header { + display: none; +} + +/* Modal stylings ends */ + +.ast-logo-svg-icon-element-custom { + margin-top: 10px; +} + +.ast-logo-svg-icon-element-custom textarea { + width: 100%; + height: 10em; +} + +/* 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; +} diff --git a/assets/css/magamenu-frontend-rtl.css b/assets/css/magamenu-frontend-rtl.css new file mode 100644 index 00000000..858540ba --- /dev/null +++ b/assets/css/magamenu-frontend-rtl.css @@ -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; +} diff --git a/assets/css/magamenu-frontend-rtl.min.css b/assets/css/magamenu-frontend-rtl.min.css new file mode 100644 index 00000000..858540ba --- /dev/null +++ b/assets/css/magamenu-frontend-rtl.min.css @@ -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; +} diff --git a/assets/css/magamenu-frontend.css b/assets/css/magamenu-frontend.css new file mode 100644 index 00000000..858540ba --- /dev/null +++ b/assets/css/magamenu-frontend.css @@ -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; +} diff --git a/assets/css/magamenu-frontend.min.css b/assets/css/magamenu-frontend.min.css new file mode 100644 index 00000000..858540ba --- /dev/null +++ b/assets/css/magamenu-frontend.min.css @@ -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; +} diff --git a/assets/css/main-css.min.css b/assets/css/main-css.min.css new file mode 100644 index 00000000..749e52e3 --- /dev/null +++ b/assets/css/main-css.min.css @@ -0,0 +1,87 @@ +@charset "UTF-8";address,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}main,nav{display:block}progress{display:inline-block;vertical-align:baseline}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #eaeaea;margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */.ast-container{max-width:100%}.ast-container,.ast-container-fluid{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-row{margin-left:-20px;margin-right:-20px}.ast-grid-common-col{position:relative;min-height:1px;padding-left:20px;padding-right:20px}.ast-float{float:left}@media (max-width:992px){.ast-width-sm-25{width:25%}.ast-width-md-50{width:50%}}@media (max-width:768px){.ast-width-md-25{width:25%}}.ast-full-width{width:100%}.ast-width-50{width:50%}@media (min-width:768px){.ast-width-md-4{width:33.3333333333%}.ast-width-md-16{width:16.6666666667%}.ast-width-md-6{width:50%;float:left}.ast-width-md-3{width:25%}.ast-width-md-66{width:66.6666666667%}}@media (min-width:769px){.ast-width-md-20{width:20%}}@media (min-width:992px){.ast-width-lg-33{width:33.3333333333%}.ast-width-lg-16{width:16.6666666667%}.ast-width-lg-50{width:50%}.ast-width-lg-66{width:66.6666666667%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}th{font-weight:700}td,th{padding:8px;border-width:0 1px 1px 0}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#eaeaea;border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:#eaeaea}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#eaeaea;outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid #ccc;border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-left:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-left:auto;margin-right:auto}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 1em 1.5em 3em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;left:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:400}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;left:0;width:100%;height:100%}body .ast-oembed-container *{position:absolute;top:0;left:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-left:0;margin-right:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid #eee;margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-right:60px}.ast-left-sidebar #primary{padding-left:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-left:0;padding-right:0}.ast-right-sidebar #primary{padding-right:30px}.ast-left-sidebar #primary{padding-left:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-left:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu{right:auto;left:0}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0;left:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{left:100%;right:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow svg{position:absolute;right:.6em;top:50%;transform:translate(0,-50%) rotate(270deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-1px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-width:0}.ast-header-break-point .main-navigation{padding-left:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:#eaeaea}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-right:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-left:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-left:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-left:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:1px;border-style:solid;border-color:#eaeaea}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1){display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-left:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-left:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-right:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-left:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-next,.comment-navigation .nav-previous,.post-navigation .nav-next,.post-navigation .nav-previous,.posts-navigation .nav-next,.posts-navigation .nav-previous{width:50%;display:inline-block}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:right}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:16px;font-size:1.06666rem;padding:0 1.5em;height:2.33333em;line-height:calc(2.33333em - 3px)}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline,.updated:not(.published){display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:#eaeaea;background:0 0}.page-links .page-link{padding:0;margin:0 0 .3em .3em;border:2px solid #eaeaea;color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.bypostauthor{display:block}.ast-no-sidebar .entry-content .alignfull{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100vw;width:100vw}.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-no-sidebar .entry-content .alignfull .alignwide{width:100%;margin-left:auto;margin-right:auto}.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-no-sidebar .entry-content .alignwide .alignwide{width:100%;margin-left:auto;margin-right:auto}.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-no-sidebar .entry-content .wp-block-column .alignwide{margin-left:auto;margin-right:auto;width:100%}[ast-blocks-layout] .wp-block-separator:not(.is-style-wide){max-width:100px}[ast-blocks-layout] .wp-block-separator.is-style-dots,[ast-blocks-layout] .wp-block-separator.is-style-wide{max-width:none}[ast-blocks-layout] .wp-block-separator .has-background{padding:0}[ast-blocks-layout]>*{max-width:var(--ast-content-width-size);margin-left:auto;margin-right:auto}[ast-blocks-layout]>.alignwide{max-width:var(--ast-wide-width-size)}[ast-blocks-layout] .alignfull{max-width:none}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-left:20px}.widget_nav_menu ul ul.sub-menu a:after{left:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{left:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{left:-60px}.widget_nav_menu li{transition:all .2s linear}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;right:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;right:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:#fafafa;border-width:1px;border-color:#eaeaea;border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:16px 45px 16px 15px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-left:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{left:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{left:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid #e2e2e2;padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-right:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-right:none;border-left:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid #eaeaea;border-top:2px solid #eaeaea}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{background:#0274be}.ast-builder-grid-row{display:grid;grid-template-columns:auto auto;align-items:center;grid-column-gap:20px;overflow-wrap:anywhere}.ast-builder-grid-row>.site-header-section{flex-wrap:nowrap}.ast-builder-footer-grid-columns{grid-column-gap:50px}.ast-builder-grid-row.ast-grid-center-col-layout{grid-template-columns:1fr auto 1fr}.ast-builder-layout-element{align-items:center}.ast-builder-grid-row.ast-grid-center-col-layout-only{-js-display:flex;display:flex;height:100%;justify-content:center}.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center{flex-grow:1}.site-header-section{height:100%;min-height:0;align-items:center}.site-header-section .ast-main-header-bar-alignment{height:100%}.site-header-section>*{padding:0 10px}.site-header-section>div:first-child{padding-left:0}.site-header-section>div:last-child{padding-right:0}.site-header-section .ast-builder-menu{align-items:center}.ast-builder-layout-element.ast-header-search{height:auto}.ast-grid-right-center-section{justify-content:flex-start;flex-grow:1}.ast-grid-right-section{justify-content:flex-end}.ast-grid-right-section .ast-site-identity>:first-child{text-align:right}.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity>:first-child{text-align:left}.ast-grid-left-center-section{justify-content:flex-end;flex-grow:1}.ast-logo-title-inline .ast-site-identity{padding:1em 0;-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-grid-section-center{justify-content:center}.ast-grid-section-center .ast-site-identity>:first-child{text-align:center}.ast-builder-social-element{line-height:1;color:#3a3a3a;background:0 0;vertical-align:middle;transition:all 10ms;margin-left:6px;margin-right:6px;justify-content:center;align-items:center}.ast-builder-social-element:hover{color:#0274be}.ast-builder-social-element .social-item-label{padding-left:6px}.ast-social-stack-desktop .ast-builder-social-element,.ast-social-stack-mobile .ast-builder-social-element,.ast-social-stack-tablet .ast-builder-social-element{margin-top:6px;margin-bottom:6px}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition:none}.ast-footer-copyright p{margin-bottom:0}.ast-builder-grid-row-container{display:grid;align-content:center}.main-header-bar .main-header-bar-navigation{height:100%}.ast-nav-menu .sub-menu{line-height:1.45}.ast-builder-menu .main-navigation{padding:0}.ast-builder-menu .main-navigation>ul{align-self:center}.ast-footer-copyright,.ast-footer-social-wrap,.site-footer-focus-item{width:100%}#astra-footer-menu{margin:0;list-style:none;background:inherit}#astra-footer-menu>ul{margin:0;list-style:none;background:inherit}.ast-header-break-point #ast-mobile-header{display:block}.ast-header-break-point .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:0;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before,.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .ast-nav-menu .sub-menu{line-height:3}.site-footer-section{justify-content:center}.site-footer-section>*{margin-bottom:10px}.site-footer-section>:last-child{margin-bottom:0}.site-primary-footer-wrap{padding-top:45px;padding-bottom:45px}.site-above-footer-wrap,.site-below-footer-wrap{padding-top:20px;padding-bottom:20px}.ast-hfb-header.ast-header-break-point .main-header-bar-navigation{width:100%;margin:0}.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg{display:none}.ast-hfb-header .menu-toggle.toggled .ast-close-svg{display:block}.menu-toggle .ast-close-svg{display:none}.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-left:.4em}.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{-js-display:flex;display:flex;align-items:center;width:auto;height:auto}.menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-left:.4em}.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap{align-items:center;-js-display:flex;display:flex}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:.5em;align-items:center;-js-display:flex;display:flex}.ast-search-menu-icon.ast-inline-search .search-field{width:100%;padding:.6em;padding-right:5.5em}@media (min-width:769px){.footer-nav-wrap .astra-footer-horizontal-menu li{margin:0}.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a{padding-left:0}.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a{padding-right:0}.footer-nav-wrap .astra-footer-horizontal-menu a{padding:0 .5em}}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:#eaeaea;border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:#eaeaea;border-bottom-style:solid}.main-header-bar{margin-left:auto;margin-right:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.site-branding{line-height:1;align-self:center}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{flex:1;align-self:center}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:1px;border-style:solid;border-color:#eaeaea}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul ul{left:auto;right:auto}.ast-header-break-point .main-navigation .stack-on-mobile li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-builder-menu{width:100%}.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile{flex-wrap:wrap}.ast-desktop .main-header-menu>.menu-item .sub-menu:before{position:absolute;content:'';top:0;left:0;width:100%;transform:translateY(-100%)}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:#eaeaea;border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:#eaeaea;box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.entry-content{word-wrap:break-word}.entry-content p{margin-bottom:1.6em}.read-more{margin-bottom:0}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-left:0;padding-right:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 0 0 20px}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid #eee}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid #eee}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;text-align:center;color:#000}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{flex:auto}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:100%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .ast-single-post-order+.post-thumb img{margin-top:2em;margin-bottom:0}.single .entry-header.ast-no-title .post-thumb+.ast-single-post-order{margin-top:0}.single .entry-header .post-thumb+.ast-single-post-order{margin-top:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-separate-container .post-navigation{border-top:0;padding-left:3.33333em;padding-right:3.33333em}@media (max-width:420px){.ast-separate-container .post-navigation{padding-left:0;padding-right:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid #eee}.blog-layout-1 .posted-on{left:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-left:0;padding-right:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-flex-grow-1{flex-grow:1} + +/* 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; +} diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 00000000..8ff46f35 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,142 @@ +.license-test-results { + margin-top: 10px; +} + +.key-validity { + display: inline-block; +} + +.valid-key { + color: green; +} + +.invalid-key { + color: red; +} + +.uplink-authorize-container { + display: inline-block; +} + +.uplink-authorize { + transition: border-color 300ms ease-in-out; +} + +.uplink-authorize.button { + vertical-align: initial; +} + +.uplink-authorize.not-authorized { + background: #b8e6bf; + border-color: #00a32a; + color:#000; +} + +.uplink-authorize.not-authorized:hover, +.uplink-authorize.not-authorized:focus, +.uplink-authorize.not-authorized:active { + background: #00a32a; + border-color: #00a32a; + color: #000; + box-shadow: none; +} + +.uplink-authorize.authorized { + background: #f5e6ab; + border-color: #f0c33c; + color:#000; +} + +.uplink-authorize.authorized:hover, +.uplink-authorize.authorized:focus, +.uplink-authorize.authorized:active { + background: #f0c33c; + border-color: #f0c33c; + color: #000; + 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; +} diff --git a/assets/css/main.min-rtl.css b/assets/css/main.min-rtl.css new file mode 100644 index 00000000..7fefae68 --- /dev/null +++ b/assets/css/main.min-rtl.css @@ -0,0 +1,87 @@ +@charset "UTF-8";address,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}main,nav{display:block}progress{display:inline-block;vertical-align:baseline}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */.ast-container{max-width:100%}.ast-container,.ast-container-fluid{margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.ast-row{margin-right:-20px;margin-left:-20px}@media (min-width:768px) and (max-width:921px){.blog-layout-2 .ast-width-md-6,.blog-layout-3 .ast-width-md-6{float:none;width:100%}}@media (min-width:769px) and (max-width:921px){.blog-layout-2,.blog-layout-3{flex-direction:unset}}@media (max-width:768px){.blog-layout-3{flex-direction:column}}.ast-grid-common-col{position:relative;min-height:1px;padding-right:20px;padding-left:20px}.ast-float{float:right}@media (max-width:992px){.ast-width-sm-25{width:25%}.ast-width-md-50{width:50%}}@media (max-width:768px){.ast-width-md-25{width:25%}}.ast-full-width{width:100%}.ast-width-50{width:50%}@media (min-width:768px){.ast-width-md-4{width:33.3333333333%}.ast-width-md-16{width:16.6666666667%}.ast-width-md-6{width:50%;float:right}.ast-width-md-3{width:25%}.ast-width-md-66{width:66.6666666667%}}@media (min-width:769px){.ast-width-md-20{width:20%}}@media (min-width:992px){.ast-width-lg-33{width:33.3333333333%}.ast-width-lg-16{width:16.6666666667%}.ast-width-lg-50{width:50%}.ast-width-lg-66{width:66.6666666667%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 3em 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-right:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-right:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-left:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 1px 0 0;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 0 1px 1px}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-right:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-right:auto;margin-left:auto}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-right:auto;margin-left:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 3em 1.5em 1em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;right:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;right:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;right:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-right:0;margin-left:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid var(--ast-border-color);margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-left:60px}.ast-left-sidebar #primary{padding-right:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-right:0;padding-left:0}.ast-right-sidebar #primary{padding-left:30px}.ast-left-sidebar #primary{padding-right:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-right:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu,.main-header-menu .menu-item>.sub-menu.toggled-on{left:auto;right:0;visibility:visible}.main-header-menu .menu-item.focus>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item:hover>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item>.sub-menu.toggled-on .sub-menu.toggled-on{right:100%;left:auto;visibility:visible}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0;right:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{right:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;right:-999em;position:absolute;top:100%;z-index:99999;visibility:hidden}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{right:100%;left:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{position:absolute;left:.6em;top:50%;transform:translate(0,-50%) rotate(-270deg)}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow{display:block}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow svg{margin:0}#ast-desktop-header .account-main-navigation .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{transform:translate(0,-50%) rotate(-360deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-2px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-style:none}.ast-header-break-point .main-navigation{padding-right:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-left:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-right:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-right:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-right:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-right:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:0}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:first-child{display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-right:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-right:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-left:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-right:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{position:relative;text-align:right}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{grid-column-start:2;text-align:left}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:1.06666rem;font-size:1rem;padding:0 var(--ast-post-nav-space,1.5em);height:2.33333em;line-height:calc(2.33333em - 3px)}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline{display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:var(--ast-border-color);background:0 0}.page-links .page-link{padding:0;margin:0 .3em .3em 0;border:2px solid var(--ast-border-color);color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){margin:20px auto}.bypostauthor{display:block}body{overflow-x:hidden}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-right:20px}.widget_nav_menu ul ul.sub-menu a:after{right:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{right:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{right:-60px}.widget_nav_menu li{transition:all .2s linear}#secondary .wp-block-search__input{line-height:1}#secondary .wp-block-search__button{padding:.7em 1em}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;left:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;left:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:var(--ast-widget-bg-color);border-width:1px;border-color:var(--ast-border-color);border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:12px 15px 12px 45px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-right:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{right:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{right:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-left:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-left:none;border-right:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid var(--ast-border-color);border-top:2px solid var(--ast-border-color)}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{color:#0274be;font-weight:700;border-bottom:2px solid #0274be}.ast-builder-grid-row{display:grid;grid-template-columns:auto auto;align-items:center;grid-column-gap:20px;overflow-wrap:anywhere}.ast-builder-grid-row>.site-header-section{flex-wrap:nowrap}.ast-builder-footer-grid-columns{grid-column-gap:50px}.ast-builder-grid-row.ast-grid-center-col-layout{grid-template-columns:1fr auto 1fr}.ast-builder-layout-element{align-items:center}.ast-builder-grid-row.ast-grid-center-col-layout-only{-js-display:flex;display:flex;height:100%;justify-content:center}.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center{flex-grow:1}.site-header-section{height:100%;min-height:0;align-items:center}.site-header-section>*{padding:0 10px}.site-header-section>div:first-child{padding-right:0}.site-header-section>div:last-child{padding-left:0}.site-header-section .ast-builder-menu{align-items:center}.ast-builder-layout-element.ast-header-search{height:auto}.ast-grid-right-center-section{justify-content:flex-start;flex-grow:1}.ast-grid-right-section{justify-content:flex-end}.ast-grid-right-section .ast-site-identity>:first-child{text-align:left}.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity>:first-child{text-align:right}.ast-grid-left-center-section{justify-content:flex-end;flex-grow:1}.elementor-nav-menu .ast-icon,.et_pb_menu__wrap .ast-icon,.fl-widget .menu-item .ast-icon{display:none}.ast-logo-title-inline .ast-site-identity{padding:1em 0;-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-grid-section-center{justify-content:center}.ast-grid-section-center .ast-site-identity>:first-child{text-align:center}.ast-builder-social-element{line-height:1;color:#3a3a3a;background:0 0;vertical-align:middle;transition:all 10ms;margin-right:6px;margin-left:6px;justify-content:center;align-items:center}.ast-builder-social-element:hover{color:#0274be}.ast-builder-social-element .social-item-label{padding-right:6px}.ast-social-stack-desktop .ast-builder-social-element,.ast-social-stack-mobile .ast-builder-social-element,.ast-social-stack-tablet .ast-builder-social-element{margin-top:6px;margin-bottom:6px}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition:none}.ast-footer-copyright p{margin-bottom:0}.ast-builder-grid-row-container{display:grid;align-content:center}.main-header-bar .main-header-bar-navigation{height:100%}.ast-nav-menu .sub-menu{line-height:1.45}.ast-builder-menu .main-navigation{padding:0}.ast-builder-menu .main-navigation>ul{align-self:center}.ast-footer-copyright,.ast-footer-social-wrap,.site-footer-focus-item{width:100%}#astra-footer-menu{margin:0;list-style:none;background:inherit}#astra-footer-menu>ul{margin:0;list-style:none;background:inherit}.ast-header-break-point #ast-mobile-header{display:block}.ast-header-break-point .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:0;left:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle>.ast-icon.icon-arrow{pointer-events:none}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before,.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .ast-nav-menu .sub-menu{line-height:3}.site-footer-section{justify-content:center}.site-footer-section>*{margin-bottom:10px}.site-footer-section>:last-child{margin-bottom:0}.site-primary-footer-wrap{padding-top:45px;padding-bottom:45px}.site-above-footer-wrap,.site-below-footer-wrap{padding-top:20px;padding-bottom:20px}.ast-hfb-header.ast-header-break-point .main-header-bar-navigation{width:100%;margin:0}.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg{display:none}.ast-hfb-header .menu-toggle.toggled .ast-close-svg{display:block}.menu-toggle .ast-close-svg{display:none}.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-right:.4em}.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{-js-display:flex;display:flex;align-items:center;width:auto;height:auto}.menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-right:.4em}.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap{align-items:center;-js-display:flex;display:flex}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:.5em;align-items:center;-js-display:flex;display:flex}.ast-search-menu-icon.ast-inline-search .search-field{width:100%;padding:.6em;padding-left:5.5em}.ast-header-account-type-extend-text-profile-type{-js-display:flex;display:flex;gap:10px;align-items:center}@media (min-width:769px){.footer-nav-wrap .astra-footer-horizontal-menu li{margin:0}.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a{padding-right:0}.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a{padding-left:0}.footer-nav-wrap .astra-footer-horizontal-menu a{padding:0 .5em}}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.main-header-bar{margin-right:auto;margin-left:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-right:0;padding-left:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.ast-theme-transparent-header .post-password-form{margin-top:100px}.site-branding{line-height:1;align-self:center}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{flex:1;align-self:center}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;left:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:0}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul ul{right:auto;left:auto}.ast-header-break-point .main-navigation .stack-on-mobile li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-builder-menu{width:100%}.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile{flex-wrap:wrap}.ast-desktop .main-header-menu>.menu-item .sub-menu:before{position:absolute;content:'';top:0;right:0;width:100%;transform:translateY(-100%)}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:var(--ast-comment-inputs-background);box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--ast-border-color);box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}.astra-dark-mode-enable form .form-row textarea,.astra-dark-mode-enable input[type=email],.astra-dark-mode-enable input[type=number],.astra-dark-mode-enable input[type=password],.astra-dark-mode-enable input[type=reset],.astra-dark-mode-enable input[type=search],.astra-dark-mode-enable input[type=tel],.astra-dark-mode-enable input[type=text],.astra-dark-mode-enable input[type=url],.astra-dark-mode-enable textarea{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)!important;border:1px solid var(--ast-border-color)}.astra-dark-mode-enable form .form-row textarea:focus,.astra-dark-mode-enable input[type=email]:focus,.astra-dark-mode-enable input[type=number]:focus,.astra-dark-mode-enable input[type=password]:focus,.astra-dark-mode-enable input[type=reset]:focus,.astra-dark-mode-enable input[type=search]:focus,.astra-dark-mode-enable input[type=tel]:focus,.astra-dark-mode-enable input[type=text]:focus,.astra-dark-mode-enable input[type=url]:focus,.astra-dark-mode-enable textarea:focus{border:1px solid var(--ast-global-color-0)!important;background-color:var(--ast-global-color-secondary,--ast-global-color-5)!important}.astra-dark-mode-enable .select2-container .select2-selection--single,.astra-dark-mode-enable .select2-dropdown,.astra-dark-mode-enable select{background-color:var(--ast-global-color-secondary,--ast-global-color-5);border-color:var(--ast-border-color);color:var(--ast-global-color-2)}.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=url],.astra-dark-mode-enable .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-text-input input[type=tel],.astra-dark-mode-enable .wc-block-components-text-input input[type=text],.astra-dark-mode-enable .wc-block-components-text-input input[type=url],.wc-block-components-form .wc-block-components-text-input input[type=tel],.wc-block-components-form .wc-block-components-text-input input[type=text]{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1.2em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.blog-layout-6 .entry-header+.ast-blog-featured-section{margin-top:0}.entry-content{word-wrap:break-word}.entry-content .wp-audio-shortcode,.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video,.entry-content .wp-video,.entry-content p{margin-bottom:1.6em}.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video{display:inline-block}.entry-content::after{display:table;clear:both;content:''}.post-content>.cat-links,.post-content>.read-more,.post-content>.tags-links{display:block;margin-bottom:.8em;font-weight:var(--ast-blog-meta-weight, "")}.ast-excerpt-container>p:last-child{margin-bottom:0}.post-content>.read-more{margin-top:1.5em}.ast-article-inner{width:100%;overflow-wrap:break-word}.read-more{margin-bottom:0}.read-more a{display:inline-block}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.blog-layout-2 .ast-blog-featured-section,.blog-layout-3 .ast-blog-featured-section{margin-bottom:0}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-right:0;padding-left:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 20px 0 0}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid var(--ast-border-color)}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;color:#000}.single .post-navigation a p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex;width:100%}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-links .nav-previous+.nav-next{width:50%}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{max-width:95%;width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .post-thumb{margin-bottom:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-author-avatar{margin:0 5px}.ast-author-avatar img{border-radius:100%;width:var(--ast-author-avatar-size,30px);height:var(--ast-author-avatar-size,30px)}.ast-separate-container .post-navigation{border-top:0;padding-right:var(--ast-post-nav-space,3.33333em);padding-left:var(--ast-post-nav-space,3.33333em)}@media (max-width:420px){.ast-separate-container .post-navigation{padding-right:0;padding-left:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-1 .posted-on{right:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-right:0;padding-left:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-flex-grow-1{flex-grow:1} + +/* 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; +} diff --git a/assets/css/main.min.css b/assets/css/main.min.css new file mode 100644 index 00000000..ad2bb012 --- /dev/null +++ b/assets/css/main.min.css @@ -0,0 +1,87 @@ +@charset "UTF-8";address,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}main,nav{display:block}progress{display:inline-block;vertical-align:baseline}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */.ast-container{max-width:100%}.ast-container,.ast-container-fluid{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-row{margin-left:-20px;margin-right:-20px}@media (min-width:768px) and (max-width:921px){.blog-layout-2 .ast-width-md-6,.blog-layout-3 .ast-width-md-6{float:none;width:100%}}@media (min-width:769px) and (max-width:921px){.blog-layout-2,.blog-layout-3{flex-direction:unset}}@media (max-width:768px){.blog-layout-3{flex-direction:column}}.ast-grid-common-col{position:relative;min-height:1px;padding-left:20px;padding-right:20px}.ast-float{float:left}@media (max-width:992px){.ast-width-sm-25{width:25%}.ast-width-md-50{width:50%}}@media (max-width:768px){.ast-width-md-25{width:25%}}.ast-full-width{width:100%}.ast-width-50{width:50%}@media (min-width:768px){.ast-width-md-4{width:33.3333333333%}.ast-width-md-16{width:16.6666666667%}.ast-width-md-6{width:50%;float:left}.ast-width-md-3{width:25%}.ast-width-md-66{width:66.6666666667%}}@media (min-width:769px){.ast-width-md-20{width:20%}}@media (min-width:992px){.ast-width-lg-33{width:33.3333333333%}.ast-width-lg-16{width:16.6666666667%}.ast-width-lg-50{width:50%}.ast-width-lg-66{width:66.6666666667%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-left:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-right:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 1px 1px 0}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-left:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-left:auto;margin-right:auto}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 1em 1.5em 3em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;left:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;left:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-left:0;margin-right:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid var(--ast-border-color);margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-right:60px}.ast-left-sidebar #primary{padding-left:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-left:0;padding-right:0}.ast-right-sidebar #primary{padding-right:30px}.ast-left-sidebar #primary{padding-left:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-left:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu,.main-header-menu .menu-item>.sub-menu.toggled-on{right:auto;left:0;visibility:visible}.main-header-menu .menu-item.focus>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item:hover>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item>.sub-menu.toggled-on .sub-menu.toggled-on{left:100%;right:auto;visibility:visible}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0;left:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999;visibility:hidden}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{left:100%;right:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{position:absolute;right:.6em;top:50%;transform:translate(0,-50%) rotate(270deg)}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow{display:block}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow svg{margin:0}#ast-desktop-header .account-main-navigation .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{transform:translate(0,-50%) rotate(360deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-2px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-style:none}.ast-header-break-point .main-navigation{padding-left:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-right:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-left:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-left:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-left:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:0}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:first-child{display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-left:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-left:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-right:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-left:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{position:relative;text-align:left}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{grid-column-start:2;text-align:right}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:1.06666rem;font-size:1rem;padding:0 var(--ast-post-nav-space,1.5em);height:2.33333em;line-height:calc(2.33333em - 3px)}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline{display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:var(--ast-border-color);background:0 0}.page-links .page-link{padding:0;margin:0 0 .3em .3em;border:2px solid var(--ast-border-color);color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){margin:20px auto}.bypostauthor{display:block}body{overflow-x:hidden}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-left:20px}.widget_nav_menu ul ul.sub-menu a:after{left:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{left:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{left:-60px}.widget_nav_menu li{transition:all .2s linear}#secondary .wp-block-search__input{line-height:1}#secondary .wp-block-search__button{padding:.7em 1em}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;right:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;right:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:var(--ast-widget-bg-color);border-width:1px;border-color:var(--ast-border-color);border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:12px 45px 12px 15px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-left:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{left:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{left:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-right:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-right:none;border-left:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid var(--ast-border-color);border-top:2px solid var(--ast-border-color)}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{color:#0274be;font-weight:700;border-bottom:2px solid #0274be}.ast-builder-grid-row{display:grid;grid-template-columns:auto auto;align-items:center;grid-column-gap:20px;overflow-wrap:anywhere}.ast-builder-grid-row>.site-header-section{flex-wrap:nowrap}.ast-builder-footer-grid-columns{grid-column-gap:50px}.ast-builder-grid-row.ast-grid-center-col-layout{grid-template-columns:1fr auto 1fr}.ast-builder-layout-element{align-items:center}.ast-builder-grid-row.ast-grid-center-col-layout-only{-js-display:flex;display:flex;height:100%;justify-content:center}.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center{flex-grow:1}.site-header-section{height:100%;min-height:0;align-items:center}.site-header-section>*{padding:0 10px}.site-header-section>div:first-child{padding-left:0}.site-header-section>div:last-child{padding-right:0}.site-header-section .ast-builder-menu{align-items:center}.ast-builder-layout-element.ast-header-search{height:auto}.ast-grid-right-center-section{justify-content:flex-start;flex-grow:1}.ast-grid-right-section{justify-content:flex-end}.ast-grid-right-section .ast-site-identity>:first-child{text-align:right}.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity>:first-child{text-align:left}.ast-grid-left-center-section{justify-content:flex-end;flex-grow:1}.elementor-nav-menu .ast-icon,.et_pb_menu__wrap .ast-icon,.fl-widget .menu-item .ast-icon{display:none}.ast-logo-title-inline .ast-site-identity{padding:1em 0;-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-grid-section-center{justify-content:center}.ast-grid-section-center .ast-site-identity>:first-child{text-align:center}.ast-builder-social-element{line-height:1;color:#3a3a3a;background:0 0;vertical-align:middle;transition:all 10ms;margin-left:6px;margin-right:6px;justify-content:center;align-items:center}.ast-builder-social-element:hover{color:#0274be}.ast-builder-social-element .social-item-label{padding-left:6px}.ast-social-stack-desktop .ast-builder-social-element,.ast-social-stack-mobile .ast-builder-social-element,.ast-social-stack-tablet .ast-builder-social-element{margin-top:6px;margin-bottom:6px}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition:none}.ast-footer-copyright p{margin-bottom:0}.ast-builder-grid-row-container{display:grid;align-content:center}.main-header-bar .main-header-bar-navigation{height:100%}.ast-nav-menu .sub-menu{line-height:1.45}.ast-builder-menu .main-navigation{padding:0}.ast-builder-menu .main-navigation>ul{align-self:center}.ast-footer-copyright,.ast-footer-social-wrap,.site-footer-focus-item{width:100%}#astra-footer-menu{margin:0;list-style:none;background:inherit}#astra-footer-menu>ul{margin:0;list-style:none;background:inherit}.ast-header-break-point #ast-mobile-header{display:block}.ast-header-break-point .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:0;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle>.ast-icon.icon-arrow{pointer-events:none}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before,.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .ast-nav-menu .sub-menu{line-height:3}.site-footer-section{justify-content:center}.site-footer-section>*{margin-bottom:10px}.site-footer-section>:last-child{margin-bottom:0}.site-primary-footer-wrap{padding-top:45px;padding-bottom:45px}.site-above-footer-wrap,.site-below-footer-wrap{padding-top:20px;padding-bottom:20px}.ast-hfb-header.ast-header-break-point .main-header-bar-navigation{width:100%;margin:0}.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg{display:none}.ast-hfb-header .menu-toggle.toggled .ast-close-svg{display:block}.menu-toggle .ast-close-svg{display:none}.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-left:.4em}.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{-js-display:flex;display:flex;align-items:center;width:auto;height:auto}.menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-left:.4em}.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap{align-items:center;-js-display:flex;display:flex}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:.5em;align-items:center;-js-display:flex;display:flex}.ast-search-menu-icon.ast-inline-search .search-field{width:100%;padding:.6em;padding-right:5.5em}.ast-header-account-type-extend-text-profile-type{-js-display:flex;display:flex;gap:10px;align-items:center}@media (min-width:769px){.footer-nav-wrap .astra-footer-horizontal-menu li{margin:0}.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a{padding-left:0}.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a{padding-right:0}.footer-nav-wrap .astra-footer-horizontal-menu a{padding:0 .5em}}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.main-header-bar{margin-left:auto;margin-right:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.ast-theme-transparent-header .post-password-form{margin-top:100px}.site-branding{line-height:1;align-self:center}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{flex:1;align-self:center}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:0}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul ul{left:auto;right:auto}.ast-header-break-point .main-navigation .stack-on-mobile li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-builder-menu{width:100%}.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile{flex-wrap:wrap}.ast-desktop .main-header-menu>.menu-item .sub-menu:before{position:absolute;content:'';top:0;left:0;width:100%;transform:translateY(-100%)}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:var(--ast-comment-inputs-background);box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--ast-border-color);box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}.astra-dark-mode-enable form .form-row textarea,.astra-dark-mode-enable input[type=email],.astra-dark-mode-enable input[type=number],.astra-dark-mode-enable input[type=password],.astra-dark-mode-enable input[type=reset],.astra-dark-mode-enable input[type=search],.astra-dark-mode-enable input[type=tel],.astra-dark-mode-enable input[type=text],.astra-dark-mode-enable input[type=url],.astra-dark-mode-enable textarea{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)!important;border:1px solid var(--ast-border-color)}.astra-dark-mode-enable form .form-row textarea:focus,.astra-dark-mode-enable input[type=email]:focus,.astra-dark-mode-enable input[type=number]:focus,.astra-dark-mode-enable input[type=password]:focus,.astra-dark-mode-enable input[type=reset]:focus,.astra-dark-mode-enable input[type=search]:focus,.astra-dark-mode-enable input[type=tel]:focus,.astra-dark-mode-enable input[type=text]:focus,.astra-dark-mode-enable input[type=url]:focus,.astra-dark-mode-enable textarea:focus{border:1px solid var(--ast-global-color-0)!important;background-color:var(--ast-global-color-secondary,--ast-global-color-5)!important}.astra-dark-mode-enable .select2-container .select2-selection--single,.astra-dark-mode-enable .select2-dropdown,.astra-dark-mode-enable select{background-color:var(--ast-global-color-secondary,--ast-global-color-5);border-color:var(--ast-border-color);color:var(--ast-global-color-2)}.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=url],.astra-dark-mode-enable .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-text-input input[type=tel],.astra-dark-mode-enable .wc-block-components-text-input input[type=text],.astra-dark-mode-enable .wc-block-components-text-input input[type=url],.wc-block-components-form .wc-block-components-text-input input[type=tel],.wc-block-components-form .wc-block-components-text-input input[type=text]{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1.2em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.blog-layout-6 .entry-header+.ast-blog-featured-section{margin-top:0}.entry-content{word-wrap:break-word}.entry-content .wp-audio-shortcode,.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video,.entry-content .wp-video,.entry-content p{margin-bottom:1.6em}.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video{display:inline-block}.entry-content::after{display:table;clear:both;content:''}.post-content>.cat-links,.post-content>.read-more,.post-content>.tags-links{display:block;margin-bottom:.8em;font-weight:var(--ast-blog-meta-weight, "")}.ast-excerpt-container>p:last-child{margin-bottom:0}.post-content>.read-more{margin-top:1.5em}.ast-article-inner{width:100%;overflow-wrap:break-word}.read-more{margin-bottom:0}.read-more a{display:inline-block}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.blog-layout-2 .ast-blog-featured-section,.blog-layout-3 .ast-blog-featured-section{margin-bottom:0}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-left:0;padding-right:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 0 0 20px}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid var(--ast-border-color)}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;color:#000}.single .post-navigation a p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex;width:100%}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-links .nav-previous+.nav-next{width:50%}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{max-width:95%;width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .post-thumb{margin-bottom:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-author-avatar{margin:0 5px}.ast-author-avatar img{border-radius:100%;width:var(--ast-author-avatar-size,30px);height:var(--ast-author-avatar-size,30px)}.ast-separate-container .post-navigation{border-top:0;padding-left:var(--ast-post-nav-space,3.33333em);padding-right:var(--ast-post-nav-space,3.33333em)}@media (max-width:420px){.ast-separate-container .post-navigation{padding-left:0;padding-right:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-1 .posted-on{left:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-left:0;padding-right:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-flex-grow-1{flex-grow:1} + +/* 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; +} diff --git a/assets/css/marketing-button.css b/assets/css/marketing-button.css new file mode 100644 index 00000000..404034df --- /dev/null +++ b/assets/css/marketing-button.css @@ -0,0 +1,86 @@ +.wp-block-uagb-marketing-button{display:-webkit-box;display:-ms-flexbox;display:flex}.wp-block-uagb-marketing-button p:empty{display:none}.wp-block-uagb-marketing-button .uagb-marketing-btn__title,.wp-block-uagb-marketing-button p.uagb-marketing-btn__prefix{margin-bottom:0}.wp-block-uagb-marketing-button .uagb-marketing-btn__link{z-index:1;display:inline-block;position:relative;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.wp-block-uagb-marketing-button svg{fill:currentColor;width:20px;height:20px;z-index:1;vertical-align:middle}.wp-block-uagb-marketing-button .uagb-marketing-btn__title,.wp-block-uagb-marketing-button svg{display:inline;vertical-align:middle}.wp-block-uagb-marketing-button.uagb-marketing-btn__align-center,.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__title-wrap,.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.wp-block-uagb-marketing-button.uagb-marketing-btn__align-left,.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-left .uagb-marketing-btn__title-wrap,.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-left .uagb-marketing-btn__link{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.wp-block-uagb-marketing-button.uagb-marketing-btn__align-right,.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-right .uagb-marketing-btn__title-wrap,.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-right .uagb-marketing-btn__link{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right}.wp-block-uagb-marketing-button.uagb-marketing-btn__align-full .uagb-marketing-btn__link{width:100%}.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__prefix{text-align:center}.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-left .uagb-marketing-btn__prefix{text-align:left}.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-right .uagb-marketing-btn__prefix{text-align:right}.wp-block-uagb-marketing-button.uagb-marketing-btn__icon-after svg{order:2}.wp-block-uagb-marketing-button.uagb-marketing-btn__align-full .uagb-marketing-btn__wrap{width:100%}.wp-block-uagb-marketing-button.uagb-marketing-btn__align-center .uagb-marketing-btn__wrap,.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__title-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wp-block-uagb-marketing-button .uagb-marketing-btn__title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:self-end;-ms-flex-align:self-end;align-items:self-end}.wp-block-uagb-marketing-button.uagb-marketing-btn__icon-after .uagb-marketing-btn__icon-wrap{order:2}.entry-content .wp-block-uagb-marketing-button .uagb-marketing-btn__link{text-decoration:none;display:inline-block} + + +/* 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; +} diff --git a/assets/css/media_queries.css b/assets/css/media_queries.css new file mode 100644 index 00000000..7a4d66a2 --- /dev/null +++ b/assets/css/media_queries.css @@ -0,0 +1,139 @@ +@media only screen and (max-width: 599px) { + .wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name { + display: block !important; + } + .wpforms-layout-table .wpforms-layout-table-row { + display: block; + width: 100%; + } + .wpforms-layout-table .wpforms-layout-table-row table, .wpforms-layout-table .wpforms-layout-table-row thead, .wpforms-layout-table .wpforms-layout-table-row tbody, .wpforms-layout-table .wpforms-layout-table-row tr, .wpforms-layout-table .wpforms-layout-table-row td, .wpforms-layout-table .wpforms-layout-table-row th { + display: block; + width: 100% !important; + padding-bottom: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row tr { + padding-top: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-value { + padding-bottom: 25px !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-name { + padding-bottom: 10px !important; + } + .wpforms-layout-table > td { + padding-bottom: 0 !important; + } +} + +a { + text-decoration: none; +} + +@media only screen and (max-width: 599px) { + table.body .container { + width: 95% !important; + } + .header { + padding: 15px 15px 12px 15px !important; + } + .header img { + width: 200px !important; + height: auto !important; + } + .content, + .aside { + padding: 30px 40px 20px 40px !important; + } + .upsell-pro table.features td { + width: 100% !important; + display: block !important; + } + table.receipt-details td.receipt-details-inner { + padding: 30px 0px 20px 0px !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; +} diff --git a/assets/css/media_queries.min.css b/assets/css/media_queries.min.css new file mode 100644 index 00000000..78d32920 --- /dev/null +++ b/assets/css/media_queries.min.css @@ -0,0 +1,86 @@ +@media only screen and (max-width: 599px){.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name{display:block !important}.wpforms-layout-table .wpforms-layout-table-row{display:block;width:100%}.wpforms-layout-table .wpforms-layout-table-row table,.wpforms-layout-table .wpforms-layout-table-row thead,.wpforms-layout-table .wpforms-layout-table-row tbody,.wpforms-layout-table .wpforms-layout-table-row tr,.wpforms-layout-table .wpforms-layout-table-row td,.wpforms-layout-table .wpforms-layout-table-row th{display:block;width:100% !important;padding-bottom:0 !important}.wpforms-layout-table .wpforms-layout-table-row tr{padding-top:0 !important}.wpforms-layout-table .wpforms-layout-table-row td.field-value{padding-bottom:25px !important}.wpforms-layout-table .wpforms-layout-table-row td.field-name{padding-bottom:10px !important}.wpforms-layout-table>td{padding-bottom:0 !important}}a{text-decoration:none}@media only screen and (max-width: 599px){table.body .container{width:95% !important}.header{padding:15px 15px 12px 15px !important}.header img{width:200px !important;height:auto !important}.content,.aside{padding:30px 40px 20px 40px !important}.upsell-pro table.features td{width:100% !important;display:block !important}table.receipt-details td.receipt-details-inner{padding:30px 0px 20px 0px !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; +} diff --git a/assets/css/mega-menu-rtl.css b/assets/css/mega-menu-rtl.css new file mode 100644 index 00000000..faa3d4ee --- /dev/null +++ b/assets/css/mega-menu-rtl.css @@ -0,0 +1,582 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Mega Menu styling + */ +.astra-full-megamenu-wrapper { + z-index: 99999; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.sub-menu > .menu-item { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li.ast-mm-has-desc > .menu-link { + vertical-align: middle; + text-align: center; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .menu-item:hover > .menu-link { + background-color: transparent; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu { + opacity: 0; + visibility: hidden; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu-focus .menu-item > .menu-link { + background-color: transparent; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus { + opacity: 1; + visibility: visible; + -js-display: flex; + display: flex; + padding: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item { + padding-right: 15px; + padding-left: 15px; + display: block; + flex: 1; + opacity: 1; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item:first-child { + padding-right: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item:last-child { + padding-left: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-2 .menu-item { + width: 50%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-3 .menu-item { + width: 33.33%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-4 .menu-item { + width: 25%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .menu-item:last-child { + border-left: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .sub-menu { + background-color: transparent; + display: block; + opacity: 1; + visibility: visible; + transform: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .astra-nested-sub-menu .menu-item .menu-link { + padding-right: 24px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .astra-nested-sub-menu .astra-nested-sub-menu .menu-item .menu-link { + padding-right: 48px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .sub-menu { + border: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item .sub-menu { + position: static; + width: 100%; + margin: auto; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item .sub-menu .menu-item { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus > .menu-item { + padding-right: 15px; + padding-left: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus > .menu-item:first-child { + padding-right: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus > .menu-item:last-child { + padding-left: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu .ast-header-navigation-arrow { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper.astra-megamenu-wrapper-focus { + opacity: 1; + visibility: visible; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper.astra-megamenu-wrapper-focus .astra-megamenu.astra-megamenu-focus { + -js-display: flex; + display: flex; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched .ast-mm-template-content { + padding: 0; +} + +.ast-desktop .ast-mega-menu-enabled .menu-item-has-children.astra-megamenu-li.menu-item .astra-megamenu.sub-menu .menu-item > .menu-link::after { + content: ''; +} + +.ast-desktop .ast-mega-menu-enabled .menu-item-has-children.astra-megamenu-li.menu-item .astra-megamenu.sub-menu .menu-item > .menu-link .ast-icon.icon-arrow { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .sub-menu .menu-link, +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .sub-menu .menu-link { + border: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu { + opacity: 1; + visibility: visible; + -js-display: flex; + display: flex; + padding: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item { + padding-right: 15px; + padding-left: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item:first-child { + padding-right: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item:last-child { + padding-left: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item { + padding-right: 15px; + padding-left: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item:first-child { + padding-right: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item:last-child { + padding-left: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-2 .menu-item { + width: 50%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-3 .menu-item { + width: 33.33%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-4 .menu-item { + width: 25%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item { + display: block; + flex: 1; + opacity: 1; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .sub-menu { + background-color: transparent; + display: block; + opacity: 1; + visibility: visible; + transform: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .astra-nested-sub-menu .menu-item .menu-link { + padding-right: 24px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .astra-nested-sub-menu .astra-nested-sub-menu .menu-item .menu-link { + padding-right: 48px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu .sub-menu { + border: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu > .menu-item .sub-menu { + position: static; + width: 100%; + margin: auto; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu > .menu-item .sub-menu .menu-item { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu .menu-item:last-child { + border-left: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper { + opacity: 1; + visibility: visible; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper .astra-megamenu { + -js-display: flex; + display: flex; +} + +.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li:hover .astra-megamenu .sub-menu .menu-item { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li:hover .astra-megamenu.sub-menu .menu-item .sub-menu { + min-width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li .astra-megamenu.astra-megamenu-focus .sub-menu .menu-item { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .menu-item .sub-menu { + min-width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper { + background: #FFFFFF; + position: absolute; + opacity: 0; + visibility: hidden; + top: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper .astra-megamenu.sub-menu { + display: none; + position: relative; + right: 0; + top: 0; + margin: 0 auto; + padding-right: 0; + padding-left: 0; + border-width: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched.sub-menu { + padding: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item + .ast-mm-custom-content { + margin-top: .9em; +} + +.ast-desktop .ast-mega-menu-enabled .menu-item-heading:not(.menu-item-has-children) > a { + margin-bottom: .9em; +} + +.ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor > .menu-link, +.ast-desktop .ast-below-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor > .menu-link, +.ast-desktop .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor > .menu-link { + background-color: transparent; + color: inherit; +} + +.ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text, +.ast-desktop .ast-below-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text, +.ast-desktop .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text { + vertical-align: text-top; +} + +.ast-desktop .ast-mm-template-content, +.ast-desktop .ast-mm-custom-text-content { + padding: 0 1em; +} + +.ast-desktop .ast-mm-custom-text-content { + margin-bottom: 0.9em; +} + +.ast-desktop .ast-below-header .ast-mm-custom-text-content, +.ast-desktop .ast-below-header .ast-mm-template-content { + padding: 0.9em 1em; +} + +.ast-desktop .submenu-with-border .astra-full-megamenu-wrapper { + border-width: 1px; + border-style: solid; +} + +.ast-desktop .ast-mm-widget-content a { + display: initial; +} + +.ast-desktop .ast-mm-widget-content .ast-mm-widget-item { + padding: 1.5em; + margin-bottom: 0.9em; +} + +.ast-desktop .ast-mm-widget-content .ast-search-submit { + display: none; +} + +.ast-desktop .submenu-with-border .astra-megamenu { + border-width: 1px; +} + +.ast-menu-description { + line-height: 1.6; + display: block; + font-size: 0.8em; + padding: 2px 0; +} + +/** Added the prefix `.site-header` because it is the common for above, below & primary. */ +.site-header a .sub-arrow, +.site-header a .ast-menu-description { + transition: none; +} + +.site-header .menu-text { + transition: none; +} + +.ast-header-break-point .ast-menu-description { + line-height: inherit; +} + +.astra-mm-highlight-label { + font-size: 0.7em; + margin-right: 5px; + line-height: normal; + padding: 3px 6px; + border-radius: 2px; +} + +.ast-desktop .ast-hide-menu-item { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu > .menu-item-has-children > .menu-link::after, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu > .menu-item-has-children > .menu-link::after, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu > .menu-item-has-children > .menu-link::after { + content: ''; + margin: 0; +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after { + transform: rotate(90deg); +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow { + position: absolute; + left: 5%; + top: 50%; + transform: translateY(-50%); +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu .ast-masthead-custom-menu-items a:hover, +.ast-desktop .ast-mega-menu-enabled.main-header-menu .ast-masthead-custom-menu-items a:focus, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .ast-masthead-custom-menu-items a:hover, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .ast-masthead-custom-menu-items a:focus, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .ast-masthead-custom-menu-items a:hover, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .ast-masthead-custom-menu-items a:focus { + background: transparent; +} + +.ast-header-break-point .ast-mega-menu-enabled.main-header-menu .menu-item-has-children.astra-megamenu-li > .menu-link .sub-arrow:after, +.ast-header-break-point .ast-mega-menu-enabled.main-header-menu .menu-item-has-children > .menu-link .sub-arrow:after, +.ast-builder-menu-mobile .ast-mega-menu-enabled.main-header-menu .menu-item-has-children.astra-megamenu-li > .menu-link .sub-arrow:after, +.ast-builder-menu-mobile .ast-mega-menu-enabled.main-header-menu .menu-item-has-children > .menu-link .sub-arrow:after { + display: none; +} + +.ast-disable-link { + cursor: default; +} + +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading:hover > .menu-link, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading:focus > .menu-link, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading > .menu-link:hover { + background: transparent; +} + +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading:hover > .menu-link, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading:focus > .menu-link, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading > .menu-link:hover { + background: transparent; +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-heading > .menu-link { + background: transparent; +} + +.ast-desktop .ast-below-header-menu .astra-mega-menu-width-full, +.ast-desktop .ast-above-header-menu .astra-mega-menu-width-full, +.ast-desktop .ast-below-header-menu .astra-mega-menu-width-full-stretched, +.ast-desktop .ast-above-header-menu .astra-mega-menu-width-full-stretched, +.ast-desktop .astra-mega-menu-width-full, +.ast-desktop .astra-mega-menu-width-full-stretched { + background: transparent; +} + +.ast-desktop .main-header-menu > .menu-item .astra-full-megamenu-wrapper:before { + position: absolute; + content: ''; + top: 0; + right: 0; + width: 100%; + transform: translateY(-100%); +} + +.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper .sub-menu { + box-shadow: none; +} + +.ast-desktop .main-header-menu.ast-menu-shadow .astra-megamenu .sub-menu { + box-shadow: none; +} + +.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item, +.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item, +.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item { + display: none; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle, +.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle, +.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle { + display: none; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .sub-menu, +.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .sub-menu, +.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .sub-menu { + display: block !important; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .ast-mm-custom-content + .sub-menu, +.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .ast-mm-custom-content + .sub-menu, +.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .ast-mm-custom-content + .sub-menu { + display: block !important; +} + +.ast-hidden { + display: none !important; +} + +.rtl.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper .astra-megamenu { + left: 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; +} diff --git a/assets/css/mega-menu-rtl.min.css b/assets/css/mega-menu-rtl.min.css new file mode 100644 index 00000000..11574252 --- /dev/null +++ b/assets/css/mega-menu-rtl.min.css @@ -0,0 +1,85 @@ +.astra-full-megamenu-wrapper{z-index:99999}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.sub-menu>.menu-item{display:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li.ast-mm-has-desc>.menu-link{vertical-align:middle;text-align:center}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .menu-item:hover>.menu-link{background-color:transparent}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu{opacity:0;visibility:hidden}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu-focus .menu-item>.menu-link{background-color:transparent}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus{opacity:1;visibility:visible;-js-display:flex;display:flex;padding:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item{padding-right:15px;padding-left:15px;display:block;flex:1;opacity:1}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item:first-child{padding-right:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item:last-child{padding-left:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-2 .menu-item{width:50%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-3 .menu-item{width:33.33%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-4 .menu-item{width:25%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .menu-item:last-child{border-left:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .sub-menu{background-color:transparent;display:block;opacity:1;visibility:visible;transform:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .astra-nested-sub-menu .menu-item .menu-link{padding-right:24px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .astra-nested-sub-menu .astra-nested-sub-menu .menu-item .menu-link{padding-right:48px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .sub-menu{border:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item .sub-menu{position:static;width:100%;margin:auto}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item .sub-menu .menu-item{width:100%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus>.menu-item{padding-right:15px;padding-left:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus>.menu-item:first-child{padding-right:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus>.menu-item:last-child{padding-left:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu .ast-header-navigation-arrow{display:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper.astra-megamenu-wrapper-focus{opacity:1;visibility:visible}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper.astra-megamenu-wrapper-focus .astra-megamenu.astra-megamenu-focus{-js-display:flex;display:flex}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched{width:100%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched .ast-mm-template-content{padding:0}.ast-desktop .ast-mega-menu-enabled .menu-item-has-children.astra-megamenu-li.menu-item .astra-megamenu.sub-menu .menu-item>.menu-link::after{content:''}.ast-desktop .ast-mega-menu-enabled .menu-item-has-children.astra-megamenu-li.menu-item .astra-megamenu.sub-menu .menu-item>.menu-link .ast-icon.icon-arrow{display:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .sub-menu .menu-link,.ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .sub-menu .menu-link{border:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu{opacity:1;visibility:visible;-js-display:flex;display:flex;padding:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item{padding-right:15px;padding-left:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item:first-child{padding-right:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item:last-child{padding-left:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item{padding-right:15px;padding-left:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item:first-child{padding-right:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item:last-child{padding-left:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-2 .menu-item{width:50%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-3 .menu-item{width:33.33%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-4 .menu-item{width:25%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item{display:block;flex:1;opacity:1}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .sub-menu{background-color:transparent;display:block;opacity:1;visibility:visible;transform:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .astra-nested-sub-menu .menu-item .menu-link{padding-right:24px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .astra-nested-sub-menu .astra-nested-sub-menu .menu-item .menu-link{padding-right:48px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu .sub-menu{border:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu>.menu-item .sub-menu{position:static;width:100%;margin:auto}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu>.menu-item .sub-menu .menu-item{width:100%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu .menu-item:last-child{border-left:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper{opacity:1;visibility:visible}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper .astra-megamenu{-js-display:flex;display:flex}.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li:hover .astra-megamenu .sub-menu .menu-item{width:100%}.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li:hover .astra-megamenu.sub-menu .menu-item .sub-menu{min-width:100%}.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li .astra-megamenu.astra-megamenu-focus .sub-menu .menu-item{width:100%}.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .menu-item .sub-menu{min-width:100%}.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper{background:#fff;position:absolute;opacity:0;visibility:hidden;top:100%}.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper .astra-megamenu.sub-menu{display:none;position:relative;right:0;top:0;margin:0 auto;padding-right:0;padding-left:0;border-width:0}.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched.sub-menu{padding:15px}.ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item+.ast-mm-custom-content{margin-top:.9em}.ast-desktop .ast-mega-menu-enabled .menu-item-heading:not(.menu-item-has-children)>a{margin-bottom:.9em}.ast-desktop .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor>.menu-link,.ast-desktop .ast-below-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor>.menu-link,.ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor>.menu-link{background-color:transparent;color:inherit}.ast-desktop .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text,.ast-desktop .ast-below-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text,.ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text{vertical-align:text-top}.ast-desktop .ast-mm-custom-text-content,.ast-desktop .ast-mm-template-content{padding:0 1em}.ast-desktop .ast-mm-custom-text-content{margin-bottom:.9em}.ast-desktop .ast-below-header .ast-mm-custom-text-content,.ast-desktop .ast-below-header .ast-mm-template-content{padding:.9em 1em}.ast-desktop .submenu-with-border .astra-full-megamenu-wrapper{border-width:1px;border-style:solid}.ast-desktop .ast-mm-widget-content a{display:initial}.ast-desktop .ast-mm-widget-content .ast-mm-widget-item{padding:1.5em;margin-bottom:.9em}.ast-desktop .ast-mm-widget-content .ast-search-submit{display:none}.ast-desktop .submenu-with-border .astra-megamenu{border-width:1px}.ast-menu-description{line-height:1.6;display:block;font-size:.8em;padding:2px 0}.site-header a .ast-menu-description,.site-header a .sub-arrow{transition:none}.site-header .menu-text{transition:none}.ast-header-break-point .ast-menu-description{line-height:inherit}.astra-mm-highlight-label{font-size:.7em;margin-right:5px;line-height:normal;padding:3px 6px;border-radius:2px}.ast-desktop .ast-hide-menu-item{display:none}.ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item{display:none}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu>.menu-item-has-children>.menu-link::after,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu>.menu-item-has-children>.menu-link::after,.ast-desktop .ast-mega-menu-enabled.main-header-menu>.menu-item-has-children>.menu-link::after{content:'';margin:0}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow:after,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow:after,.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow:after{transform:rotate(90deg)}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow,.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow{position:absolute;left:5%;top:50%;transform:translateY(-50%)}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .ast-masthead-custom-menu-items a:focus,.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .ast-masthead-custom-menu-items a:hover,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .ast-masthead-custom-menu-items a:focus,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .ast-masthead-custom-menu-items a:hover,.ast-desktop .ast-mega-menu-enabled.main-header-menu .ast-masthead-custom-menu-items a:focus,.ast-desktop .ast-mega-menu-enabled.main-header-menu .ast-masthead-custom-menu-items a:hover{background:0 0}.ast-builder-menu-mobile .ast-mega-menu-enabled.main-header-menu .menu-item-has-children.astra-megamenu-li>.menu-link .sub-arrow:after,.ast-builder-menu-mobile .ast-mega-menu-enabled.main-header-menu .menu-item-has-children>.menu-link .sub-arrow:after,.ast-header-break-point .ast-mega-menu-enabled.main-header-menu .menu-item-has-children.astra-megamenu-li>.menu-link .sub-arrow:after,.ast-header-break-point .ast-mega-menu-enabled.main-header-menu .menu-item-has-children>.menu-link .sub-arrow:after{display:none}.ast-disable-link{cursor:default}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading:focus>.menu-link,.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading:hover>.menu-link,.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading>.menu-link:hover{background:0 0}.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading:focus>.menu-link,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading:hover>.menu-link,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading>.menu-link:hover{background:0 0}.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-heading>.menu-link{background:0 0}.ast-desktop .ast-above-header-menu .astra-mega-menu-width-full,.ast-desktop .ast-above-header-menu .astra-mega-menu-width-full-stretched,.ast-desktop .ast-below-header-menu .astra-mega-menu-width-full,.ast-desktop .ast-below-header-menu .astra-mega-menu-width-full-stretched,.ast-desktop .astra-mega-menu-width-full,.ast-desktop .astra-mega-menu-width-full-stretched{background:0 0}.ast-desktop .main-header-menu>.menu-item .astra-full-megamenu-wrapper:before{position:absolute;content:'';top:0;right:0;width:100%;transform:translateY(-100%)}.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper .sub-menu{box-shadow:none}.ast-desktop .main-header-menu.ast-menu-shadow .astra-megamenu .sub-menu{box-shadow:none}.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item,.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item,.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item{display:none}.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle,.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle,.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle{display:none}.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.sub-menu,.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.sub-menu,.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.sub-menu{display:block!important}.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.ast-mm-custom-content+.sub-menu,.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.ast-mm-custom-content+.sub-menu,.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.ast-mm-custom-content+.sub-menu{display:block!important}.ast-hidden{display:none!important}.rtl.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper .astra-megamenu{left: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; +} diff --git a/assets/css/mega-menu.css b/assets/css/mega-menu.css new file mode 100644 index 00000000..95db8b81 --- /dev/null +++ b/assets/css/mega-menu.css @@ -0,0 +1,582 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Mega Menu styling + */ +.astra-full-megamenu-wrapper { + z-index: 99999; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.sub-menu > .menu-item { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li.ast-mm-has-desc > .menu-link { + vertical-align: middle; + text-align: center; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .menu-item:hover > .menu-link { + background-color: transparent; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu { + opacity: 0; + visibility: hidden; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu-focus .menu-item > .menu-link { + background-color: transparent; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus { + opacity: 1; + visibility: visible; + -js-display: flex; + display: flex; + padding: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item { + padding-left: 15px; + padding-right: 15px; + display: block; + flex: 1; + opacity: 1; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item:first-child { + padding-left: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item:last-child { + padding-right: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-2 .menu-item { + width: 50%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-3 .menu-item { + width: 33.33%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-4 .menu-item { + width: 25%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .menu-item:last-child { + border-right: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .sub-menu { + background-color: transparent; + display: block; + opacity: 1; + visibility: visible; + transform: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .astra-nested-sub-menu .menu-item .menu-link { + padding-left: 24px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .astra-nested-sub-menu .astra-nested-sub-menu .menu-item .menu-link { + padding-left: 48px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .sub-menu { + border: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item .sub-menu { + position: static; + width: 100%; + margin: auto; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu > .menu-item .sub-menu .menu-item { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus > .menu-item { + padding-left: 15px; + padding-right: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus > .menu-item:first-child { + padding-left: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus > .menu-item:last-child { + padding-right: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu .ast-header-navigation-arrow { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper.astra-megamenu-wrapper-focus { + opacity: 1; + visibility: visible; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper.astra-megamenu-wrapper-focus .astra-megamenu.astra-megamenu-focus { + -js-display: flex; + display: flex; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched .ast-mm-template-content { + padding: 0; +} + +.ast-desktop .ast-mega-menu-enabled .menu-item-has-children.astra-megamenu-li.menu-item .astra-megamenu.sub-menu .menu-item > .menu-link::after { + content: ''; +} + +.ast-desktop .ast-mega-menu-enabled .menu-item-has-children.astra-megamenu-li.menu-item .astra-megamenu.sub-menu .menu-item > .menu-link .ast-icon.icon-arrow { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .sub-menu .menu-link, +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .sub-menu .menu-link { + border: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu { + opacity: 1; + visibility: visible; + -js-display: flex; + display: flex; + padding: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item { + padding-left: 15px; + padding-right: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item:first-child { + padding-left: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item:last-child { + padding-right: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item { + padding-left: 15px; + padding-right: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item:first-child { + padding-left: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item:last-child { + padding-right: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-2 .menu-item { + width: 50%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-3 .menu-item { + width: 33.33%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-4 .menu-item { + width: 25%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu > .menu-item { + display: block; + flex: 1; + opacity: 1; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .sub-menu { + background-color: transparent; + display: block; + opacity: 1; + visibility: visible; + transform: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .astra-nested-sub-menu .menu-item .menu-link { + padding-left: 24px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .astra-nested-sub-menu .astra-nested-sub-menu .menu-item .menu-link { + padding-left: 48px; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu .sub-menu { + border: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu > .menu-item .sub-menu { + position: static; + width: 100%; + margin: auto; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu > .menu-item .sub-menu .menu-item { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu .menu-item:last-child { + border-right: none; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper { + opacity: 1; + visibility: visible; +} + +.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper .astra-megamenu { + -js-display: flex; + display: flex; +} + +.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li:hover .astra-megamenu .sub-menu .menu-item { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li:hover .astra-megamenu.sub-menu .menu-item .sub-menu { + min-width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li .astra-megamenu.astra-megamenu-focus .sub-menu .menu-item { + width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .menu-item .sub-menu { + min-width: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper { + background: #FFFFFF; + position: absolute; + opacity: 0; + visibility: hidden; + top: 100%; +} + +.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper .astra-megamenu.sub-menu { + display: none; + position: relative; + left: 0; + top: 0; + margin: 0 auto; + padding-left: 0; + padding-right: 0; + border-width: 0; +} + +.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched.sub-menu { + padding: 15px; +} + +.ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item + .ast-mm-custom-content { + margin-top: .9em; +} + +.ast-desktop .ast-mega-menu-enabled .menu-item-heading:not(.menu-item-has-children) > a { + margin-bottom: .9em; +} + +.ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor > .menu-link, +.ast-desktop .ast-below-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor > .menu-link, +.ast-desktop .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor > .menu-link { + background-color: transparent; + color: inherit; +} + +.ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text, +.ast-desktop .ast-below-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text, +.ast-desktop .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text { + vertical-align: text-top; +} + +.ast-desktop .ast-mm-template-content, +.ast-desktop .ast-mm-custom-text-content { + padding: 0 1em; +} + +.ast-desktop .ast-mm-custom-text-content { + margin-bottom: 0.9em; +} + +.ast-desktop .ast-below-header .ast-mm-custom-text-content, +.ast-desktop .ast-below-header .ast-mm-template-content { + padding: 0.9em 1em; +} + +.ast-desktop .submenu-with-border .astra-full-megamenu-wrapper { + border-width: 1px; + border-style: solid; +} + +.ast-desktop .ast-mm-widget-content a { + display: initial; +} + +.ast-desktop .ast-mm-widget-content .ast-mm-widget-item { + padding: 1.5em; + margin-bottom: 0.9em; +} + +.ast-desktop .ast-mm-widget-content .ast-search-submit { + display: none; +} + +.ast-desktop .submenu-with-border .astra-megamenu { + border-width: 1px; +} + +.ast-menu-description { + line-height: 1.6; + display: block; + font-size: 0.8em; + padding: 2px 0; +} + +/** Added the prefix `.site-header` because it is the common for above, below & primary. */ +.site-header a .sub-arrow, +.site-header a .ast-menu-description { + transition: none; +} + +.site-header .menu-text { + transition: none; +} + +.ast-header-break-point .ast-menu-description { + line-height: inherit; +} + +.astra-mm-highlight-label { + font-size: 0.7em; + margin-left: 5px; + line-height: normal; + padding: 3px 6px; + border-radius: 2px; +} + +.ast-desktop .ast-hide-menu-item { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item { + display: none; +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu > .menu-item-has-children > .menu-link::after, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu > .menu-item-has-children > .menu-link::after, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu > .menu-item-has-children > .menu-link::after { + content: ''; + margin: 0; +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow:after { + transform: rotate(-90deg); +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link .sub-arrow { + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu .ast-masthead-custom-menu-items a:hover, +.ast-desktop .ast-mega-menu-enabled.main-header-menu .ast-masthead-custom-menu-items a:focus, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .ast-masthead-custom-menu-items a:hover, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .ast-masthead-custom-menu-items a:focus, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .ast-masthead-custom-menu-items a:hover, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .ast-masthead-custom-menu-items a:focus { + background: transparent; +} + +.ast-header-break-point .ast-mega-menu-enabled.main-header-menu .menu-item-has-children.astra-megamenu-li > .menu-link .sub-arrow:after, +.ast-header-break-point .ast-mega-menu-enabled.main-header-menu .menu-item-has-children > .menu-link .sub-arrow:after, +.ast-builder-menu-mobile .ast-mega-menu-enabled.main-header-menu .menu-item-has-children.astra-megamenu-li > .menu-link .sub-arrow:after, +.ast-builder-menu-mobile .ast-mega-menu-enabled.main-header-menu .menu-item-has-children > .menu-link .sub-arrow:after { + display: none; +} + +.ast-disable-link { + cursor: default; +} + +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading:hover > .menu-link, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading:focus > .menu-link, +.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading > .menu-link:hover { + background: transparent; +} + +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading:hover > .menu-link, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading:focus > .menu-link, +.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading > .menu-link:hover { + background: transparent; +} + +.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-heading > .menu-link { + background: transparent; +} + +.ast-desktop .ast-below-header-menu .astra-mega-menu-width-full, +.ast-desktop .ast-above-header-menu .astra-mega-menu-width-full, +.ast-desktop .ast-below-header-menu .astra-mega-menu-width-full-stretched, +.ast-desktop .ast-above-header-menu .astra-mega-menu-width-full-stretched, +.ast-desktop .astra-mega-menu-width-full, +.ast-desktop .astra-mega-menu-width-full-stretched { + background: transparent; +} + +.ast-desktop .main-header-menu > .menu-item .astra-full-megamenu-wrapper:before { + position: absolute; + content: ''; + top: 0; + left: 0; + width: 100%; + transform: translateY(-100%); +} + +.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper .sub-menu { + box-shadow: none; +} + +.ast-desktop .main-header-menu.ast-menu-shadow .astra-megamenu .sub-menu { + box-shadow: none; +} + +.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper { + box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item, +.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item, +.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item { + display: none; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle, +.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle, +.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle { + display: none; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .sub-menu, +.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .sub-menu, +.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .sub-menu { + display: block !important; +} + +.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .ast-mm-custom-content + .sub-menu, +.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .ast-mm-custom-content + .sub-menu, +.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item + .ast-menu-toggle + .ast-mm-custom-content + .sub-menu { + display: block !important; +} + +.ast-hidden { + display: none !important; +} + +.rtl.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper .astra-megamenu { + 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; +} diff --git a/assets/css/mega-menu.min.css b/assets/css/mega-menu.min.css new file mode 100644 index 00000000..ec6e20f9 --- /dev/null +++ b/assets/css/mega-menu.min.css @@ -0,0 +1,85 @@ +.astra-full-megamenu-wrapper{z-index:99999}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.sub-menu>.menu-item{display:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li.ast-mm-has-desc>.menu-link{vertical-align:middle;text-align:center}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .menu-item:hover>.menu-link{background-color:transparent}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu{opacity:0;visibility:hidden}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu-focus .menu-item>.menu-link{background-color:transparent}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus{opacity:1;visibility:visible;-js-display:flex;display:flex;padding:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item{padding-left:15px;padding-right:15px;display:block;flex:1;opacity:1}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item:first-child{padding-left:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item:last-child{padding-right:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-2 .menu-item{width:50%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-3 .menu-item{width:33.33%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu.col-4 .menu-item{width:25%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .menu-item:last-child{border-right:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .sub-menu{background-color:transparent;display:block;opacity:1;visibility:visible;transform:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .astra-nested-sub-menu .menu-item .menu-link{padding-left:24px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus .astra-nested-sub-menu .astra-nested-sub-menu .menu-item .menu-link{padding-left:48px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .sub-menu{border:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item .sub-menu{position:static;width:100%;margin:auto}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu>.menu-item .sub-menu .menu-item{width:100%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus>.menu-item{padding-left:15px;padding-right:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus>.menu-item:first-child{padding-left:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu.astra-megamenu-focus>.menu-item:last-child{padding-right:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-megamenu .ast-header-navigation-arrow{display:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper.astra-megamenu-wrapper-focus{opacity:1;visibility:visible}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper.astra-megamenu-wrapper-focus .astra-megamenu.astra-megamenu-focus{-js-display:flex;display:flex}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched{width:100%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched .ast-mm-template-content{padding:0}.ast-desktop .ast-mega-menu-enabled .menu-item-has-children.astra-megamenu-li.menu-item .astra-megamenu.sub-menu .menu-item>.menu-link::after{content:''}.ast-desktop .ast-mega-menu-enabled .menu-item-has-children.astra-megamenu-li.menu-item .astra-megamenu.sub-menu .menu-item>.menu-link .ast-icon.icon-arrow{display:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li .sub-menu .menu-link,.ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .sub-menu .menu-link{border:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu{opacity:1;visibility:visible;-js-display:flex;display:flex;padding:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item{padding-left:15px;padding-right:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item:first-child{padding-left:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item:last-child{padding-right:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item{padding-left:15px;padding-right:15px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item:first-child{padding-left:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item:last-child{padding-right:0}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-2 .menu-item{width:50%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-3 .menu-item{width:33.33%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.col-4 .menu-item{width:25%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu>.menu-item{display:block;flex:1;opacity:1}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .sub-menu{background-color:transparent;display:block;opacity:1;visibility:visible;transform:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .astra-nested-sub-menu .menu-item .menu-link{padding-left:24px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu .astra-nested-sub-menu .astra-nested-sub-menu .menu-item .menu-link{padding-left:48px}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu .sub-menu{border:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu>.menu-item .sub-menu{position:static;width:100%;margin:auto}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu>.menu-item .sub-menu .menu-item{width:100%}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu .menu-item:last-child{border-right:none}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper{opacity:1;visibility:visible}.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper .astra-megamenu{-js-display:flex;display:flex}.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li:hover .astra-megamenu .sub-menu .menu-item{width:100%}.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li:hover .astra-megamenu.sub-menu .menu-item .sub-menu{min-width:100%}.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li .astra-megamenu.astra-megamenu-focus .sub-menu .menu-item{width:100%}.ast-desktop .ast-mega-menu-enabled :not(.menu-container-width-mega).astra-megamenu-li .astra-megamenu.astra-megamenu-focus.sub-menu .menu-item .sub-menu{min-width:100%}.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper{background:#fff;position:absolute;opacity:0;visibility:hidden;top:100%}.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper .astra-megamenu.sub-menu{display:none;position:relative;left:0;top:0;margin:0 auto;padding-left:0;padding-right:0;border-width:0}.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper .astra-mega-menu-width-full-stretched.sub-menu{padding:15px}.ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item+.ast-mm-custom-content{margin-top:.9em}.ast-desktop .ast-mega-menu-enabled .menu-item-heading:not(.menu-item-has-children)>a{margin-bottom:.9em}.ast-desktop .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor>.menu-link,.ast-desktop .ast-below-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor>.menu-link,.ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item.current-menu-ancestor>.menu-link{background-color:transparent;color:inherit}.ast-desktop .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text,.ast-desktop .ast-below-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text,.ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text{vertical-align:text-top}.ast-desktop .ast-mm-custom-text-content,.ast-desktop .ast-mm-template-content{padding:0 1em}.ast-desktop .ast-mm-custom-text-content{margin-bottom:.9em}.ast-desktop .ast-below-header .ast-mm-custom-text-content,.ast-desktop .ast-below-header .ast-mm-template-content{padding:.9em 1em}.ast-desktop .submenu-with-border .astra-full-megamenu-wrapper{border-width:1px;border-style:solid}.ast-desktop .ast-mm-widget-content a{display:initial}.ast-desktop .ast-mm-widget-content .ast-mm-widget-item{padding:1.5em;margin-bottom:.9em}.ast-desktop .ast-mm-widget-content .ast-search-submit{display:none}.ast-desktop .submenu-with-border .astra-megamenu{border-width:1px}.ast-menu-description{line-height:1.6;display:block;font-size:.8em;padding:2px 0}.site-header a .ast-menu-description,.site-header a .sub-arrow{transition:none}.site-header .menu-text{transition:none}.ast-header-break-point .ast-menu-description{line-height:inherit}.astra-mm-highlight-label{font-size:.7em;margin-left:5px;line-height:normal;padding:3px 6px;border-radius:2px}.ast-desktop .ast-hide-menu-item{display:none}.ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item{display:none}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu>.menu-item-has-children>.menu-link::after,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu>.menu-item-has-children>.menu-link::after,.ast-desktop .ast-mega-menu-enabled.main-header-menu>.menu-item-has-children>.menu-link::after{content:'';margin:0}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow:after,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow:after,.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow:after{transform:rotate(-90deg)}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow,.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .sub-arrow{position:absolute;right:5%;top:50%;transform:translateY(-50%)}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .ast-masthead-custom-menu-items a:focus,.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .ast-masthead-custom-menu-items a:hover,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .ast-masthead-custom-menu-items a:focus,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .ast-masthead-custom-menu-items a:hover,.ast-desktop .ast-mega-menu-enabled.main-header-menu .ast-masthead-custom-menu-items a:focus,.ast-desktop .ast-mega-menu-enabled.main-header-menu .ast-masthead-custom-menu-items a:hover{background:0 0}.ast-builder-menu-mobile .ast-mega-menu-enabled.main-header-menu .menu-item-has-children.astra-megamenu-li>.menu-link .sub-arrow:after,.ast-builder-menu-mobile .ast-mega-menu-enabled.main-header-menu .menu-item-has-children>.menu-link .sub-arrow:after,.ast-header-break-point .ast-mega-menu-enabled.main-header-menu .menu-item-has-children.astra-megamenu-li>.menu-link .sub-arrow:after,.ast-header-break-point .ast-mega-menu-enabled.main-header-menu .menu-item-has-children>.menu-link .sub-arrow:after{display:none}.ast-disable-link{cursor:default}.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading:focus>.menu-link,.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading:hover>.menu-link,.ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item.menu-item-heading>.menu-link:hover{background:0 0}.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading:focus>.menu-link,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading:hover>.menu-link,.ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item.menu-item-heading>.menu-link:hover{background:0 0}.ast-desktop .ast-mega-menu-enabled.main-header-menu .sub-menu .menu-item.menu-item-heading>.menu-link{background:0 0}.ast-desktop .ast-above-header-menu .astra-mega-menu-width-full,.ast-desktop .ast-above-header-menu .astra-mega-menu-width-full-stretched,.ast-desktop .ast-below-header-menu .astra-mega-menu-width-full,.ast-desktop .ast-below-header-menu .astra-mega-menu-width-full-stretched,.ast-desktop .astra-mega-menu-width-full,.ast-desktop .astra-mega-menu-width-full-stretched{background:0 0}.ast-desktop .main-header-menu>.menu-item .astra-full-megamenu-wrapper:before{position:absolute;content:'';top:0;left:0;width:100%;transform:translateY(-100%)}.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper .sub-menu{box-shadow:none}.ast-desktop .main-header-menu.ast-menu-shadow .astra-megamenu .sub-menu{box-shadow:none}.ast-desktop .main-header-menu.ast-menu-shadow .astra-full-megamenu-wrapper{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item,.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item,.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item{display:none}.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle,.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle,.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle{display:none}.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.sub-menu,.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.sub-menu,.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.sub-menu{display:block!important}.ast-header-break-point .ast-above-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.ast-mm-custom-content+.sub-menu,.ast-header-break-point .ast-below-header .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.ast-mm-custom-content+.sub-menu,.ast-header-break-point .main-navigation .sub-menu .menu-item .ast-hide-menu-item+.ast-menu-toggle+.ast-mm-custom-content+.sub-menu{display:block!important}.ast-hidden{display:none!important}.rtl.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-full-megamenu-wrapper .astra-megamenu{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; +} diff --git a/assets/css/megamenu-options-rtl.css b/assets/css/megamenu-options-rtl.css new file mode 100644 index 00000000..3d0d124b --- /dev/null +++ b/assets/css/megamenu-options-rtl.css @@ -0,0 +1,1403 @@ +.ast-media-tab .components-tab-panel__tabs > button:before { + top: 6px; + bottom: 0; +} + +.ast-media-tab .components-tab-panel__tabs [ID*="-none"]:before { + content: "\f14f"; +} + +.ast-media-tab .components-tab-panel__tabs [ID*="-image"]:before { + content: "\f317"; +} + +.ast-media-tab .components-tab-panel__tabs [ID*="-icon"]:before { + content: "\f533"; +} + +.select2-container.select2-container--open { + z-index: 99999; +} + +.ast-widget-list .widget-top .widget-action { + padding: 0; + left: 0; +} + +.astra-mm-settings-wrap .widget.open .widget-inner { + display: inline-block; + padding: 20px; + box-sizing: border-box; + width: 100%; +} + +/* WP Beta 5.3 compatibility CSS - Start */ +.wp-core-ui .astra-mm-settings-wrap .button.button-small { + margin-right: 4px; + min-height: 30px; +} + +/* New Advanced spacing control CSS ends */ +:root { + --ast-admin-color-1: #0284c7; + /* active color */ + --ast-admin-color-2: #0ea5e9; + /* active focus color */ + --ast-admin-color-3: #2271b1; + /* active color border */ + --ast-admin-color-4: #1e293b; + /* title / heading */ + --ast-admin-color-5: #475569; + /* input text color */ + --ast-admin-color-6: #9ca3af; + /* Sub text color */ + --ast-admin-color-7: #e2e8f0; + /* border color / outline / grey background*/ + --ast-admin-color-8: #4b5563; + /* icon color / Toggle color*/ + --ast-admin-color-9: #fff; + /* background color */ + --ast-admin-color-10: #fff; + /* text invert / Icon invert */ + --ast-admin-color-11: #f9fafb; + /* alt background*/ + --ast-admin-color-12: #1e293b; + /* alt background 2*/ + --ast-admin-color-13: #94a3b8; + /* Sub text color 2 */ + --ast-admin-color-14: #d1d5db; + /* grey background*/ + --ast-admin-color-16: #cbd5e1; + /* Border 2 for select. textarea and other widgets */ + --ast-admin-color-17: #0000002e; + /* Overlay Color */ +} + +.ast-offcanvas-wrapper { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 99999; + visibility: hidden; + opacity: 0; + transition: visibility 0s, opacity 0.3s linear; +} + +@keyframes tooltips-vert { + to { + opacity: .9; + } +} + +.ast-offcanvas-wrapper .dashicons-editor-help { + position: relative; + color: var(--ast-admin-color-6); + z-index: 1; +} + +.ast-offcanvas-wrapper .ast-disabled { + color: #a7aaad !important; + background: #f6f7f7 !important; + border-color: #dcdcde !important; + box-shadow: none !important; + text-shadow: none !important; + cursor: default; + pointer-events: none; +} + +.ast-offcanvas-wrapper .ast-dashicons-custom-tooltip { + display: none; + opacity: 0; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ast-offcanvas-wrapper .ast-dashicons-custom-tooltip[data-title]::after { + content: attr(data-title); + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35); + background: var(--ast-admin-color-12); + color: var(--ast-admin-color-10); + z-index: 1000; + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + bottom: calc(100% + 5px); + right: 50%; + transform: translateX(50%); +} + +.ast-offcanvas-wrapper .ast-control-tooltip:hover ~ .ast-dashicons-custom-tooltip, +.ast-offcanvas-wrapper .ast-has-hover .color-button-wrap:hover ~ .ast-dashicons-custom-tooltip { + display: block; + opacity: 100; +} + +.ast-offcanvas-wrapper .ast-control-tooltip:hover ~ .ast-dashicons-custom-tooltip[data-title]::after, +.ast-offcanvas-wrapper .ast-has-hover .color-button-wrap:hover ~ .ast-dashicons-custom-tooltip[data-title]::after { + -js-display: flex; + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + +.ast-offcanvas-wrapper #mega-menu-submit { + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; +} + +.ast-offcanvas-wrapper #mega-menu-submit p { + margin: 0; +} + +.ast-offcanvas-wrapper #mega-menu-submit .dashicons, +.ast-offcanvas-wrapper #mega-menu-submit .components-spinner { + display: none; +} + +.ast-offcanvas-wrapper #mega-menu-submit .dashicons, +.ast-offcanvas-wrapper #mega-menu-submit .components-spinner { + margin-left: 10px; +} + +.ast-offcanvas-wrapper #mega-menu-submit .components-spinner { + margin-top: 0; + margin-right: 0; +} + +.ast-offcanvas-wrapper .common-select-style, .ast-offcanvas-wrapper .ast-single-control.ast-select select, .ast-offcanvas-wrapper .ast-single-control.ast-widget .astra-option-input-container select { + width: 100%; + border: 1px solid var(--ast-admin-color-7); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border-radius: 6px; + min-height: 40px; +} + +.ast-offcanvas-wrapper.active { + visibility: visible; + opacity: 1; +} + +.ast-offcanvas-wrapper.active .ast-mega-menu-content { + transform: translateX(0); +} + +.ast-offcanvas-wrapper .ast-mega-menu-overlay { + position: absolute; + width: 100%; + height: 100%; + z-index: 1; + background-color: var(--ast-admin-color-17); + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-mega-menu-content { + position: absolute; + left: 0; + right: auto; + height: 100vh; + overflow-y: auto; + overflow-x: hidden; + background-color: var(--ast-admin-color-9); + width: 350px; + padding-top: 50px; + transform: translateX(-100%); + border-right: 1px solid var(--ast-admin-color-7); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06); + z-index: 2; + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-megamenu-loading-wrapper { + position: absolute; + background-color: var(--ast-admin-color-9); + height: 100%; + width: 100%; + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; + margin-top: -50px; + z-index: 9; +} + +.ast-offcanvas-wrapper .ast-megamenu-loading-wrapper svg { + width: 3em; + height: 3em; +} + +.ast-offcanvas-wrapper .toggle-control-label { + font-weight: 400; + font-size: 14px; + line-height: 20px; + color: var(--ast-admin-color-4); +} + +.ast-offcanvas-wrapper .toggle-control-label.ast-as-heading { + font-size: 16px; + font-weight: 600; + letter-spacing: 0.2px; +} + +.ast-offcanvas-wrapper .ast-control-title, .ast-offcanvas-wrapper .ast-single-control.ast-textarea .components-base-control__label { + display: inline-block; + font-weight: 400; + font-size: 14px; + line-height: 22px; + color: var(--ast-admin-color-5); + margin-bottom: 8px; + text-transform: capitalize; +} + +.ast-offcanvas-wrapper .ast-control-title.ast-center, .ast-offcanvas-wrapper .ast-single-control.ast-textarea .ast-center.components-base-control__label { + margin-top: 4px; + margin-bottom: 4px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-heading { + position: absolute; + top: 0; + right: 0; + width: calc(100% - 40px); + padding: 0 20px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-heading .ast-actions { + -js-display: flex; + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 15px 8px 20px; + border-bottom: 1px solid var(--ast-admin-color-7); + margin-right: -20px; + margin-left: -20px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-heading .ast-actions .close { + padding: 0; + border: 0; + background-color: transparent; + color: var(--ast-admin-color-6); + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content { + overflow-y: auto; + overflow-x: hidden; + height: calc(100vh - 50px); + padding: 0 20px; + /* Customizer Scroll CSS */ +} + +.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar { + width: 6px; + background-color: #f1f1f1; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3); + width: 6px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #d8d8d8; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-design-content { + position: relative; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-design-content:before { + content: ''; + position: absolute; + top: 1px; + right: -20px; + background-color: #fff; + width: calc(100% + 40px); + height: 1px; + z-index: 1; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs { + position: relative; + margin-top: 8px; + box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); + border-radius: 4px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab { + font-size: 12px; + line-height: 12px; + letter-spacing: 2px; + width: 50%; + border: 0; + font-weight: 500; + color: var(--ast-admin-color-6); + background-color: var(--ast-admin-color-11); + text-transform: uppercase; + padding: 0.9em 0.5em; + text-align: center; + border: 2px solid transparent; + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab.general { + border-left: 1px solid var(--ast-admin-color-7); +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab.active { + background-color: var(--ast-admin-color-9); + border-bottom: 2px solid var(--ast-admin-color-1); + color: var(--ast-admin-color-8); +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details { + padding: 20px 0 16px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details h3 { + font-size: 16px; + font-weight: 600; + color: var(--ast-admin-color-4); + letter-spacing: 0.2px; + line-height: 20px; + margin: 0; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details p { + font-size: 14px; + font-weight: 400; + color: var(--ast-admin-color-13); + line-height: 22px; + letter-spacing: 0.2px; + margin: 0; +} + +.ast-offcanvas-wrapper .components-form-toggle { + position: relative; + display: inline-block; +} + +.ast-offcanvas-wrapper .components-form-toggle input.components-form-toggle__input[type="checkbox"] { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + margin: 0; + padding: 0; + z-index: 1; + border: none; +} + +.ast-offcanvas-wrapper .components-form-toggle input.components-form-toggle__input[type="checkbox"]:checked { + background: none; +} + +.ast-offcanvas-wrapper .components-form-toggle .components-base-control__field { + -js-display: flex; + display: flex; + margin-bottom: 12px; + line-height: normal; + align-items: center; +} + +.ast-offcanvas-wrapper .ast-single-control { + position: relative; + margin-bottom: 24px; +} + +.ast-offcanvas-wrapper .ast-single-control.top-spacing { + margin-top: 2.3em; +} + +.ast-offcanvas-wrapper .ast-single-control.bottom-spacing { + margin-bottom: 2.3em; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-bottom-section-divider { + position: relative; + padding-bottom: 24px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-bottom-section-divider:after { + content: ""; + position: absolute; + right: -100%; + bottom: 0; + background-color: var(--ast-admin-color-7); + width: 500%; + height: 1px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-top-section-divider { + position: relative; + padding-top: 24px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-top-section-divider:before { + content: ""; + position: absolute; + right: -100%; + background-color: var(--ast-admin-color-7); + width: 500%; + height: 1px; + top: 1px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-title h3 { + color: var(--ast-admin-color-4); + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-text input { + width: 100%; + border: 1px solid var(--ast-admin-color-7); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border-radius: 3px; + line-height: 40px; + height: 40px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field { + -js-display: flex; + display: flex; + width: 100%; + justify-content: space-between; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .components-form-toggle { + order: 2; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch ~ label { + position: relative; + display: block; + width: 35px; + height: 14px; + background-color: var(--ast-admin-color-14); + color: transparent; + border-radius: 50px; + cursor: pointer; + transition: all 0.2s ease-in; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch ~ label:after { + content: ""; + position: absolute; + top: -3px; + left: 16px; + display: block; + width: 20px; + height: 20px; + border-radius: 50px; + background: var(--ast-admin-color-9); + box-shadow: 0 2px 4px 0 rgba(72, 72, 72, 0.5); + transition: all 0.2s ease-in; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked { + opacity: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked ~ label { + background: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked ~ label:after { + transform: translateX(-16px); + background: var(--ast-admin-color-9); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:disabled ~ label { + background: #f0f0f0; + pointer-events: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:disabled ~ label:after { + background: #d1d1d1; + box-shadow: 0 1px 2px 0 rgba(72, 72, 72, 0.5); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:not(:checked) { + opacity: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-select select { + padding: 0 13px 0 24px; + background-position-x: calc(100% - (100% - 13px)); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color label span { + color: var(--ast-admin-color-5); + position: relative; + top: 3px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-color-picker-wrap { + position: absolute; + top: 30px; + right: 0; + left: 0; + bottom: 0; + z-index: 9; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap { + position: absolute; + left: 36px; + top: 4px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn { + color: var(--ast-admin-color-1); + height: 20px; + width: 20px; + padding: 4px; + background: transparent; + box-shadow: none; + border: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn.is-secondary:disabled span { + color: var(--ast-admin-color-6); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn .dashicons-image-rotate { + width: 12px; + height: 12px; + font-size: 12px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap { + display: inline-block; + position: absolute; + left: 0; + top: 0; + transform: scale(1); + transition: transform 0.1s ease; + height: 28px; + width: 28px; + z-index: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate { + width: 100%; + height: 100%; + position: relative; + transform: scale(1); + transition: none; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, transparent 75%, #ddd 0), linear-gradient(45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate .astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; + display: inline-block; + background: inherit; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate .astra-advanced-color-indicate .global-color { + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color { + display: block; + opacity: 1; + position: absolute; + right: 50%; + top: 50%; + display: block; + text-align: center; + transform: translate(50%, -50%); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg { + width: 10px; + height: 10px; + transform: scale(1.5); + fill: currentColor; + outline: none; + color: var(--ast-admin-color-10); + background: rgba(0, 0, 0, 0.4); + border-radius: 100%; + border: 0.1px solid rgba(0, 0, 0, 0.1); + opacity: 0.78; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color { + margin: 5px -5px 0; + background-color: var(--ast-admin-color-9); + border-radius: 4px; + box-shadow: 0px 0px 16px -4px rgba(30, 41, 59, 0.16); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .ast-color-palette { + width: auto; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-h-stack.ast-color-palette { + padding: 14px 5px; + position: relative; + z-index: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker { + position: relative; + margin-top: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches { + -js-display: flex; + display: flex; + flex-wrap: wrap; + gap: 4px; + justify-content: center; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper { + position: relative; + display: inline-block; + height: 28px; + width: 28px; + vertical-align: top; + transform: scale(1); + transition: 100ms transform ease; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper .components-circular-option-picker__option { + display: inline-block; + vertical-align: top; + height: 100%; + width: 100%; + border: none; + border-radius: 50%; + background: transparent; + box-shadow: inset 0 0 0 14px; + transition: box-shadow 0.1s ease; + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:after { + content: ""; + position: absolute; + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border: 1px solid transparent; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper:hover { + transform: scale(1.1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful { + width: 100%; + border-radius: 0px; + height: auto; + margin-bottom: calc(16px); + border-bottom: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful .react-colorful__hue, +.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful .react-colorful__alpha { + width: 90%; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .components-button { + -js-display: inline-flex; + display: inline-flex; + text-decoration: none; + font-family: inherit; + font-weight: 400; + margin: 0; + border: 0; + cursor: pointer; + background: none; + transition: box-shadow 0.1s linear; + height: 36px; + align-items: center; + box-sizing: border-box; + padding: 6px 12px; + border-radius: 2px; + color: #1e1e1e; + -webkit-appearance: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-clear-btn-inside-picker { + margin: 5px 15px 20px 20px; + padding: 0 8px; + height: 24px; + font-size: 11px; + line-height: 22px; + border: 1px solid #ccc; + box-shadow: none; + white-space: nowrap; + color: var(--ast-admin-color-1); + background: transparent; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .components-color-picker { + width: 100%; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-has-hover .ast-color-btn-reset-wrap { + left: 80px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-has-hover .ast-color-picker-normal .color-button-wrap { + left: 40px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title]::after { + right: auto; + transform: translate(0); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title="Normal"]::after { + left: 28px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title="Hover"]::after { + left: -8px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-range-unit { + position: absolute; + top: 3px; + left: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper { + -js-display: flex; + display: flex; + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li { + flex: auto; + text-align: center; + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item { + margin: 0 2px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li:nth-child(2) { + margin-right: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link { + order: 2; + margin-right: 2px; + margin-top: 4px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link .ast-spacing-connected { + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link.disconnected .ast-spacing-connected { + display: block; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link.disconnected .ast-spacing-disconnected { + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link span { + width: 100%; + height: 32px; + line-height: 28px; + font-size: 14px; + border-radius: 0 3px 3px 0; + background-color: transparent; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + min-height: 28px; + border: 1px solid var(--ast-admin-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input[type=number]::-webkit-inner-spin-button, .ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input[type=number]::-webkit-outer-spin-button { + appearance: none; + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-title { + text-transform: uppercase; + font-size: 8.5px; + color: var(--ast-admin-color-6); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper .components-range-control__track, .ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper span span, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper .components-range-control__track, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper span span { + background-color: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control { + width: 100%; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns { + position: relative; + left: -10px; + display: inline-block; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns > li, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns > li { + display: none; + margin-bottom: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns > li.active, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns > li.active { + display: inline-block; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns > li button[type="button"], .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns > li button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + line-height: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-range-unit, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-range-unit { + position: absolute; + left: 23px; + top: 4px; + border-left: 1px solid var(--ast-admin-color-7); + padding-left: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-admin-color-1); + align-self: auto; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper { + position: relative; + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper .input-field-wrapper, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper .input-field-wrapper { + display: none; + width: 100%; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper .input-field-wrapper.active, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper .input-field-wrapper.active { + display: inline-block; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap { + position: absolute; + top: 1px; + display: inline-block; + line-height: 1; + left: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn { + height: 20px; + width: 20px; + padding: 4px; + background: transparent; + box-shadow: none; + border: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn.is-secondary:disabled span, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn.is-secondary:disabled span { + color: var(--ast-admin-color-6); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn .dashicons-image-rotate, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn .dashicons-image-rotate { + width: 12px; + height: 12px; + font-size: 12px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper { + margin-right: 0px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider span[CLASS*="-ThumbWrapper"], .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider span[CLASS*="-ThumbWrapper"] { + height: 17px; + width: 17px; + top: 2px; + margin-right: 0px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"], .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"] { + align-items: center; + appearance: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"]::-webkit-slider-runnable-track, .ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"]:-moz-range-track, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"]::-webkit-slider-runnable-track, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"]:-moz-range-track { + content: ""; + height: 2px; + pointer-events: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"]::-webkit-slider-thumb, .ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"]::-moz-range-thumb, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"]::-webkit-slider-thumb, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"]::-moz-range-thumb { + cursor: pointer; + -webkit-appearance: none; + margin-top: 5px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container { + justify-content: flex-end; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input { + border-radius: 3px; + border: 1px solid var(--ast-admin-color-7); + text-align: center; + width: 56px; + text-align: center; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input::-webkit-outer-spin-button, .ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input::-webkit-inner-spin-button, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input::-webkit-outer-spin-button, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input[type="number"], .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input[type="number"] { + -moz-appearance: textfield; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container .components-input-control__backdrop, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container .components-input-control__backdrop { + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-widget .ast-widget-list { + min-height: auto; + width: auto; + margin-right: auto; + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-widget .ast-insert-widget { + margin: 10px 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-textarea textarea { + min-height: 120px; + padding: 9px 13px; + border: 1px solid var(--ast-admin-color-16); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border-radius: 6px; + font-weight: 400; + font-size: 14px; + line-height: 22px; + color: var(--ast-admin-color-5); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container { + width: 100% !important; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single { + height: 40px; + border-radius: 6px; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border: 1px solid var(--ast-admin-color-7); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__placeholder { + color: var(--ast-admin-color-5); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__arrow { + height: 40px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__rendered { + font-size: 14px; + color: var(--ast-admin-color-5); + line-height: 40px; + font-weight: 400; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container { + position: relative; + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-image-wrap { + position: relative; + padding-bottom: 52.25%; + border: 1px solid var(--ast-admin-color-7); + border-radius: 3px; + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .dashicons-plus-alt2 { + position: absolute; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + padding: 8px; + border: 1px solid var(--ast-admin-color-7); + border-radius: 17px; + color: var(--ast-admin-color-7); +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-remove { + opacity: 0; + display: block; + position: absolute; + left: 8px; + top: 8px; + border: 0; + border-radius: 4px; + color: var(--ast-admin-color-10); + padding: 5px; + background-color: #4b5563; + z-index: 1; + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-replace { + opacity: 0; + display: block; + position: absolute; + bottom: 0; + padding: 4px 8px; + background: rgba(30, 41, 59, 0.5); + font-weight: 400; + font-size: 14px; + line-height: 22px; + color: var(--ast-admin-color-10); + width: 100%; + border: 0; + cursor: pointer; + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-replace:hover { + background: rgba(30, 41, 59, 0.7); +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container.ast-icon-control img { + object-fit: contain; + transform: scale(0.3); +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container:hover .ast-replace, .ast-offcanvas-wrapper .ast-single-control .ast-image-control-container:hover .ast-remove { + opacity: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker { + z-index: 2; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker__ui-line { + z-index: -1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-input-control__container .components-input-control__backdrop { + border-color: var(--ast-admin-color-14); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-angle-picker-control__angle-circle { + border-color: var(--ast-admin-color-14); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { + opacity: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-link a { + position: absolute; + left: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-link a:focus { + outline: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs { + position: absolute; + top: 0; + left: 0; + background-color: var(--ast-admin-color-9); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button { + display: block; + font-family: 'dashicons'; + font-size: 16px; + background-color: transparent; + width: 42px; + height: 30px; + padding: 0; + border: 1px solid var(--ast-admin-color-14); + color: var(--ast-admin-color-8); + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:focus { + box-shadow: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button.active-tab { + background-color: var(--ast-admin-color-1); + color: var(--ast-admin-color-10); + border-color: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(1).active-tab { + position: relative; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(1) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(2) { + margin-right: -1px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(3) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-right: -1px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-image-control-container { + margin-top: 16px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn { + min-height: 40px; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border-radius: 6px; + margin-top: 16px; + margin-bottom: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__current { + flex: 0 0 75px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__current .rfipbtn__del { + display: block; + text-align: center; + width: 20px; + height: 20px; + border-radius: 100%; + font-size: 18px; + line-height: 18px; + color: var(--ast-admin-color-2); + background-color: #E0F2FE; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__button { + width: 45px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn.rfipbtn--default .rfipbtn__icon--empty { + font-size: 12px; + color: var(--ast-admin-color-5); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type { + position: absolute; + top: 0; + left: 0; + background-color: var(--ast-admin-color-9); + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button { + background-color: transparent; + width: 42px; + height: 28px; + line-height: 28px; + margin-bottom: 0; + border: 1px solid var(--ast-admin-color-14); + color: var(--ast-admin-color-8); + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button.active-tab { + background-color: var(--ast-admin-color-1); + color: var(--ast-admin-color-10); + border-color: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:nth-child(1).active-tab { + position: relative; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:nth-child(1) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:nth-child(2) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-right: -1px; +} + +.components-circular-option-picker__option[aria-pressed=true] + svg, +.components-circular-option-picker__option[aria-selected=true] + svg { + mix-blend-mode: difference; +} + +.select2-container--open .select2-dropdown, +.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field { + border-color: var(--ast-admin-color-7); +} + + +/* 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; +} diff --git a/assets/css/megamenu-options-rtl.min.css b/assets/css/megamenu-options-rtl.min.css new file mode 100644 index 00000000..abd87fa1 --- /dev/null +++ b/assets/css/megamenu-options-rtl.min.css @@ -0,0 +1,85 @@ +.ast-media-tab .components-tab-panel__tabs>button:before{top:6px;bottom:0}.ast-media-tab .components-tab-panel__tabs [ID*="-none"]:before{content:"\f14f"}.ast-media-tab .components-tab-panel__tabs [ID*="-image"]:before{content:"\f317"}.ast-media-tab .components-tab-panel__tabs [ID*="-icon"]:before{content:"\f533"}.select2-container.select2-container--open{z-index:99999}.ast-widget-list .widget-top .widget-action{padding:0;left:0}.astra-mm-settings-wrap .widget.open .widget-inner{display:inline-block;padding:20px;box-sizing:border-box;width:100%}.wp-core-ui .astra-mm-settings-wrap .button.button-small{margin-right:4px;min-height:30px}:root{--ast-admin-color-1:#0284c7;--ast-admin-color-2:#0ea5e9;--ast-admin-color-3:#2271b1;--ast-admin-color-4:#1e293b;--ast-admin-color-5:#475569;--ast-admin-color-6:#9ca3af;--ast-admin-color-7:#e2e8f0;--ast-admin-color-8:#4b5563;--ast-admin-color-9:#fff;--ast-admin-color-10:#fff;--ast-admin-color-11:#f9fafb;--ast-admin-color-12:#1e293b;--ast-admin-color-13:#94a3b8;--ast-admin-color-14:#d1d5db;--ast-admin-color-16:#cbd5e1;--ast-admin-color-17:#0000002e}.ast-offcanvas-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:99999;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s linear}@keyframes tooltips-vert{to{opacity:.9}}.ast-offcanvas-wrapper .dashicons-editor-help{position:relative;color:var(--ast-admin-color-6);z-index:1}.ast-offcanvas-wrapper .ast-disabled{color:#a7aaad!important;background:#f6f7f7!important;border-color:#dcdcde!important;box-shadow:none!important;text-shadow:none!important;cursor:default;pointer-events:none}.ast-offcanvas-wrapper .ast-dashicons-custom-tooltip{display:none;opacity:0;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%}.ast-offcanvas-wrapper .ast-dashicons-custom-tooltip[data-title]::after{content:attr(data-title);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);background:var(--ast-admin-color-12);color:var(--ast-admin-color-10);z-index:1000;text-align:center;animation:tooltips-vert .3s ease-out forwards;text-transform:none;font-size:.9em;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;bottom:calc(100% + 5px);right:50%;transform:translateX(50%)}.ast-offcanvas-wrapper .ast-control-tooltip:hover~.ast-dashicons-custom-tooltip,.ast-offcanvas-wrapper .ast-has-hover .color-button-wrap:hover~.ast-dashicons-custom-tooltip{display:block;opacity:100}.ast-offcanvas-wrapper .ast-control-tooltip:hover~.ast-dashicons-custom-tooltip[data-title]::after,.ast-offcanvas-wrapper .ast-has-hover .color-button-wrap:hover~.ast-dashicons-custom-tooltip[data-title]::after{-js-display:flex;display:flex;white-space:break-spaces;inline-size:max-content}.ast-offcanvas-wrapper #mega-menu-submit{-js-display:flex;display:flex;align-items:center;justify-content:center}.ast-offcanvas-wrapper #mega-menu-submit p{margin:0}.ast-offcanvas-wrapper #mega-menu-submit .components-spinner,.ast-offcanvas-wrapper #mega-menu-submit .dashicons{display:none}.ast-offcanvas-wrapper #mega-menu-submit .components-spinner,.ast-offcanvas-wrapper #mega-menu-submit .dashicons{margin-left:10px}.ast-offcanvas-wrapper #mega-menu-submit .components-spinner{margin-top:0;margin-right:0}.ast-offcanvas-wrapper .ast-single-control.ast-select select,.ast-offcanvas-wrapper .ast-single-control.ast-widget .astra-option-input-container select,.ast-offcanvas-wrapper .common-select-style{width:100%;border:1px solid var(--ast-admin-color-7);box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:6px;min-height:40px}.ast-offcanvas-wrapper.active{visibility:visible;opacity:1}.ast-offcanvas-wrapper.active .ast-mega-menu-content{transform:translateX(0)}.ast-offcanvas-wrapper .ast-mega-menu-overlay{position:absolute;width:100%;height:100%;z-index:1;background-color:var(--ast-admin-color-17);transition:.3s}.ast-offcanvas-wrapper .ast-mega-menu-content{position:absolute;left:0;right:auto;height:100vh;overflow-y:auto;overflow-x:hidden;background-color:var(--ast-admin-color-9);width:350px;padding-top:50px;transform:translateX(-100%);border-right:1px solid var(--ast-admin-color-7);box-shadow:0 1px 2px rgba(0,0,0,.06);z-index:2;transition:.3s}.ast-offcanvas-wrapper .ast-megamenu-loading-wrapper{position:absolute;background-color:var(--ast-admin-color-9);height:100%;width:100%;-js-display:flex;display:flex;align-items:center;justify-content:center;margin-top:-50px;z-index:9}.ast-offcanvas-wrapper .ast-megamenu-loading-wrapper svg{width:3em;height:3em}.ast-offcanvas-wrapper .toggle-control-label{font-weight:400;font-size:14px;line-height:20px;color:var(--ast-admin-color-4)}.ast-offcanvas-wrapper .toggle-control-label.ast-as-heading{font-size:16px;font-weight:600;letter-spacing:.2px}.ast-offcanvas-wrapper .ast-control-title,.ast-offcanvas-wrapper .ast-single-control.ast-textarea .components-base-control__label{display:inline-block;font-weight:400;font-size:14px;line-height:22px;color:var(--ast-admin-color-5);margin-bottom:8px;text-transform:capitalize}.ast-offcanvas-wrapper .ast-control-title.ast-center,.ast-offcanvas-wrapper .ast-single-control.ast-textarea .ast-center.components-base-control__label{margin-top:4px;margin-bottom:4px}.ast-offcanvas-wrapper .ast-offcanvas-heading{position:absolute;top:0;right:0;width:calc(100% - 40px);padding:0 20px}.ast-offcanvas-wrapper .ast-offcanvas-heading .ast-actions{-js-display:flex;display:flex;align-items:center;justify-content:space-between;padding:8px 15px 8px 20px;border-bottom:1px solid var(--ast-admin-color-7);margin-right:-20px;margin-left:-20px}.ast-offcanvas-wrapper .ast-offcanvas-heading .ast-actions .close{padding:0;border:0;background-color:transparent;color:var(--ast-admin-color-6);cursor:pointer}.ast-offcanvas-wrapper .ast-offcanvas-content{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 50px);padding:0 20px}.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar{width:6px;background-color:#f1f1f1}.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.3);width:6px}.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d8d8d8}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-design-content{position:relative}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-design-content:before{content:'';position:absolute;top:1px;right:-20px;background-color:#fff;width:calc(100% + 40px);height:1px;z-index:1}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs{position:relative;margin-top:8px;box-shadow:0 0 2px 0 rgba(0,0,0,.25);border-radius:4px}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab{font-size:12px;line-height:12px;letter-spacing:2px;width:50%;border:0;font-weight:500;color:var(--ast-admin-color-6);background-color:var(--ast-admin-color-11);text-transform:uppercase;padding:.9em .5em;text-align:center;border:2px solid transparent;cursor:pointer}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab.general{border-left:1px solid var(--ast-admin-color-7)}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab.active{background-color:var(--ast-admin-color-9);border-bottom:2px solid var(--ast-admin-color-1);color:var(--ast-admin-color-8)}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details{padding:20px 0 16px}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details h3{font-size:16px;font-weight:600;color:var(--ast-admin-color-4);letter-spacing:.2px;line-height:20px;margin:0}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details p{font-size:14px;font-weight:400;color:var(--ast-admin-color-13);line-height:22px;letter-spacing:.2px;margin:0}.ast-offcanvas-wrapper .components-form-toggle{position:relative;display:inline-block}.ast-offcanvas-wrapper .components-form-toggle input.components-form-toggle__input[type=checkbox]{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;margin:0;padding:0;z-index:1;border:none}.ast-offcanvas-wrapper .components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{background:0 0}.ast-offcanvas-wrapper .components-form-toggle .components-base-control__field{-js-display:flex;display:flex;margin-bottom:12px;line-height:normal;align-items:center}.ast-offcanvas-wrapper .ast-single-control{position:relative;margin-bottom:24px}.ast-offcanvas-wrapper .ast-single-control.top-spacing{margin-top:2.3em}.ast-offcanvas-wrapper .ast-single-control.bottom-spacing{margin-bottom:2.3em}.ast-offcanvas-wrapper .ast-single-control.ast-bottom-section-divider{position:relative;padding-bottom:24px}.ast-offcanvas-wrapper .ast-single-control.ast-bottom-section-divider:after{content:"";position:absolute;right:-100%;bottom:0;background-color:var(--ast-admin-color-7);width:500%;height:1px}.ast-offcanvas-wrapper .ast-single-control.ast-top-section-divider{position:relative;padding-top:24px}.ast-offcanvas-wrapper .ast-single-control.ast-top-section-divider:before{content:"";position:absolute;right:-100%;background-color:var(--ast-admin-color-7);width:500%;height:1px;top:1px}.ast-offcanvas-wrapper .ast-single-control.ast-title h3{color:var(--ast-admin-color-4);margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-text input{width:100%;border:1px solid var(--ast-admin-color-7);box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:3px;line-height:40px;height:40px}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field{-js-display:flex;display:flex;width:100%;justify-content:space-between}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .components-form-toggle{order:2}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch~label{position:relative;display:block;width:35px;height:14px;background-color:var(--ast-admin-color-14);color:transparent;border-radius:50px;cursor:pointer;transition:all .2s ease-in}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch~label:after{content:"";position:absolute;top:-3px;left:16px;display:block;width:20px;height:20px;border-radius:50px;background:var(--ast-admin-color-9);box-shadow:0 2px 4px 0 rgba(72,72,72,.5);transition:all .2s ease-in}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked{opacity:0}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked~label{background:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked~label:after{transform:translateX(-16px);background:var(--ast-admin-color-9)}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:disabled~label{background:#f0f0f0;pointer-events:none}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:disabled~label:after{background:#d1d1d1;box-shadow:0 1px 2px 0 rgba(72,72,72,.5)}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:not(:checked){opacity:0}.ast-offcanvas-wrapper .ast-single-control.ast-select select{padding:0 13px 0 24px;background-position-x:calc(100% - (100% - 13px))}.ast-offcanvas-wrapper .ast-single-control.ast-color label span{color:var(--ast-admin-color-5);position:relative;top:3px}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-color-picker-wrap{position:absolute;top:30px;right:0;left:0;bottom:0;z-index:9}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap{position:absolute;left:36px;top:4px}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn{color:var(--ast-admin-color-1);height:20px;width:20px;padding:4px;background:0 0;box-shadow:none;border:0}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn.is-secondary:disabled span{color:var(--ast-admin-color-6)}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn .dashicons-image-rotate{width:12px;height:12px;font-size:12px}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap{display:inline-block;position:absolute;left:0;top:0;transform:scale(1);transition:transform .1s ease;height:28px;width:28px;z-index:1}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate{width:100%;height:100%;position:relative;transform:scale(1);transition:none;border-radius:50%;padding:0;background-image:linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#ddd 0),linear-gradient(45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:100% 0,100% 5px,5px -5px,-5px 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);border:0}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate .astra-advanced-color-indicate{width:28px;height:28px;border-radius:50%;margin:0;display:inline-block;background:inherit}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate .astra-advanced-color-indicate .global-color{display:none}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color{display:block;opacity:1;position:absolute;right:50%;top:50%;display:block;text-align:center;transform:translate(50%,-50%)}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg{width:10px;height:10px;transform:scale(1.5);fill:currentColor;outline:0;color:var(--ast-admin-color-10);background:rgba(0,0,0,.4);border-radius:100%;border:.1px solid rgba(0,0,0,.1);opacity:.78}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color{margin:5px -5px 0;background-color:var(--ast-admin-color-9);border-radius:4px;box-shadow:0 0 16px -4px rgba(30,41,59,.16)}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .ast-color-palette{width:auto}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-h-stack.ast-color-palette{padding:14px 5px;position:relative;z-index:1}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker{position:relative;margin-top:0}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches{-js-display:flex;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper{position:relative;display:inline-block;height:28px;width:28px;vertical-align:top;transform:scale(1);transition:.1s transform ease}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper .components-circular-option-picker__option{display:inline-block;vertical-align:top;height:100%;width:100%;border:none;border-radius:50%;background:0 0;box-shadow:inset 0 0 0 14px;transition:box-shadow .1s ease;cursor:pointer}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:after{content:"";position:absolute;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);border:1px solid transparent}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper:hover{transform:scale(1.1)}.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful{width:100%;border-radius:0;height:auto;margin-bottom:calc(16px);border-bottom:none}.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful .react-colorful__alpha,.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful .react-colorful__hue{width:90%}.ast-offcanvas-wrapper .ast-single-control.ast-color .components-button{-js-display:inline-flex;display:inline-flex;text-decoration:none;font-family:inherit;font-weight:400;margin:0;border:0;cursor:pointer;background:0 0;transition:box-shadow .1s linear;height:36px;align-items:center;box-sizing:border-box;padding:6px 12px;border-radius:2px;color:#1e1e1e;-webkit-appearance:none}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-clear-btn-inside-picker{margin:5px 15px 20px 20px;padding:0 8px;height:24px;font-size:11px;line-height:22px;border:1px solid #ccc;box-shadow:none;white-space:nowrap;color:var(--ast-admin-color-1);background:0 0}.ast-offcanvas-wrapper .ast-single-control.ast-color .components-color-picker{width:100%}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-has-hover .ast-color-btn-reset-wrap{left:80px}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-has-hover .ast-color-picker-normal .color-button-wrap{left:40px}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title]::after{right:auto;transform:translate(0)}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title=Normal]::after{left:28px}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title=Hover]::after{left:-8px}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-range-unit{position:absolute;top:3px;left:6px;font-size:11px;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper{-js-display:flex;display:flex;margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li{flex:auto;text-align:center;cursor:pointer}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item{margin:0 2px}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li:nth-child(2){margin-right:0}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link{order:2;margin-right:2px;margin-top:4px}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link .ast-spacing-connected{display:none}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link.disconnected .ast-spacing-connected{display:block}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link.disconnected .ast-spacing-disconnected{display:none}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link span{width:100%;height:32px;line-height:28px;font-size:14px;border-radius:0 3px 3px 0;background-color:transparent}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input{text-align:center;display:block;font-size:12px;padding:15px 0;width:100%;height:28px;min-height:28px;border:1px solid var(--ast-admin-color-7);border-radius:3px;box-shadow:none;transition:all .3s}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input[type=number]::-webkit-inner-spin-button,.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-title{text-transform:uppercase;font-size:8.5px;color:var(--ast-admin-color-6)}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper .components-range-control__track,.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper span span,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper .components-range-control__track,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper span span{background-color:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control{width:100%}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns{position:relative;left:-10px;display:inline-block}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns>li,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns>li{display:none;margin-bottom:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns>li.active,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns>li.active{display:inline-block}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns>li button[type=button],.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns>li button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0;line-height:1}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-range-unit,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-range-unit{position:absolute;left:23px;top:4px;border-left:1px solid var(--ast-admin-color-7);padding-left:6px;font-size:11px;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--ast-admin-color-1);align-self:auto}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper,.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper{position:relative;-js-display:flex;display:flex;flex-wrap:wrap}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper .input-field-wrapper,.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper .input-field-wrapper{display:none;width:100%}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper .input-field-wrapper.active,.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper .input-field-wrapper.active{display:inline-block}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap{position:absolute;top:1px;display:inline-block;line-height:1;left:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn{height:20px;width:20px;padding:4px;background:0 0;box-shadow:none;border:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn.is-secondary:disabled span,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn.is-secondary:disabled span{color:var(--ast-admin-color-6)}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn .dashicons-image-rotate,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn .dashicons-image-rotate{width:12px;height:12px;font-size:12px}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper{margin-right:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider span[CLASS*="-ThumbWrapper"],.ast-offcanvas-wrapper .ast-single-control.ast-slider span[CLASS*="-ThumbWrapper"]{height:17px;width:17px;top:2px;margin-right:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range],.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]{align-items:center;appearance:none}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range]:-moz-range-track,.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range]::-webkit-slider-runnable-track,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]:-moz-range-track,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]::-webkit-slider-runnable-track{content:"";height:2px;pointer-events:none}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range]::-moz-range-thumb,.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range]::-webkit-slider-thumb,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]::-moz-range-thumb,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;margin-top:5px}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container{justify-content:flex-end}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input{border-radius:3px;border:1px solid var(--ast-admin-color-7);text-align:center;width:56px;text-align:center}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input::-webkit-inner-spin-button,.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input::-webkit-outer-spin-button,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input::-webkit-inner-spin-button,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input[type=number],.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input[type=number]{-moz-appearance:textfield}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container .components-input-control__backdrop,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container .components-input-control__backdrop{display:none}.ast-offcanvas-wrapper .ast-single-control.ast-widget .ast-widget-list{min-height:auto;width:auto;margin-right:auto;display:none}.ast-offcanvas-wrapper .ast-single-control.ast-widget .ast-insert-widget{margin:10px 0}.ast-offcanvas-wrapper .ast-single-control.ast-textarea textarea{min-height:120px;padding:9px 13px;border:1px solid var(--ast-admin-color-16);box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:6px;font-weight:400;font-size:14px;line-height:22px;color:var(--ast-admin-color-5)}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container{width:100%!important}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single{height:40px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid var(--ast-admin-color-7)}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__placeholder{color:var(--ast-admin-color-5)}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__arrow{height:40px}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__rendered{font-size:14px;color:var(--ast-admin-color-5);line-height:40px;font-weight:400}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container{position:relative;transition:.3s}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-image-wrap{position:relative;padding-bottom:52.25%;border:1px solid var(--ast-admin-color-7);border-radius:3px;cursor:pointer}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .dashicons-plus-alt2{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);padding:8px;border:1px solid var(--ast-admin-color-7);border-radius:17px;color:var(--ast-admin-color-7)}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-remove{opacity:0;display:block;position:absolute;left:8px;top:8px;border:0;border-radius:4px;color:var(--ast-admin-color-10);padding:5px;background-color:#4b5563;z-index:1;transition:.3s}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-replace{opacity:0;display:block;position:absolute;bottom:0;padding:4px 8px;background:rgba(30,41,59,.5);font-weight:400;font-size:14px;line-height:22px;color:var(--ast-admin-color-10);width:100%;border:0;cursor:pointer;transition:.3s}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-replace:hover{background:rgba(30,41,59,.7)}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container.ast-icon-control img{object-fit:contain;transform:scale(.3)}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container:hover .ast-remove,.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container:hover .ast-replace{opacity:1}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker{z-index:2}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker__ui-line{z-index:-1}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-input-control__container .components-input-control__backdrop{border-color:var(--ast-admin-color-14)}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-angle-picker-control__angle-circle{border-color:var(--ast-admin-color-14)}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker__gradient-bar:not(.has-gradient){opacity:1}.ast-offcanvas-wrapper .ast-single-control.ast-link a{position:absolute;left:0}.ast-offcanvas-wrapper .ast-single-control.ast-link a:focus{outline:0}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs{position:absolute;top:0;left:0;background-color:var(--ast-admin-color-9)}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button{display:block;font-family:dashicons;font-size:16px;background-color:transparent;width:42px;height:30px;padding:0;border:1px solid var(--ast-admin-color-14);color:var(--ast-admin-color-8);cursor:pointer}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:focus{box-shadow:none}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button.active-tab{background-color:var(--ast-admin-color-1);color:var(--ast-admin-color-10);border-color:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:first-child.active-tab{position:relative}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:first-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(2){margin-right:-1px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(3){border-top-left-radius:3px;border-bottom-left-radius:3px;margin-right:-1px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-image-control-container{margin-top:16px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn{min-height:40px;box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:6px;margin-top:16px;margin-bottom:0}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__current{flex:0 0 75px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__current .rfipbtn__del{display:block;text-align:center;width:20px;height:20px;border-radius:100%;font-size:18px;line-height:18px;color:var(--ast-admin-color-2);background-color:#e0f2fe}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__button{width:45px;border-top-left-radius:6px;border-bottom-left-radius:6px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn.rfipbtn--default .rfipbtn__icon--empty{font-size:12px;color:var(--ast-admin-color-5)}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type{position:absolute;top:0;left:0;background-color:var(--ast-admin-color-9);margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button{background-color:transparent;width:42px;height:28px;line-height:28px;margin-bottom:0;border:1px solid var(--ast-admin-color-14);color:var(--ast-admin-color-8);cursor:pointer}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button.active-tab{background-color:var(--ast-admin-color-1);color:var(--ast-admin-color-10);border-color:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:first-child.active-tab{position:relative}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:first-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:nth-child(2){border-top-left-radius:3px;border-bottom-left-radius:3px;margin-right:-1px}.components-circular-option-picker__option[aria-pressed=true]+svg,.components-circular-option-picker__option[aria-selected=true]+svg{mix-blend-mode:difference}.select2-container--open .select2-dropdown,.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field{border-color:var(--ast-admin-color-7)} + +/* 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; +} diff --git a/assets/css/megamenu-options.css b/assets/css/megamenu-options.css new file mode 100644 index 00000000..6134558e --- /dev/null +++ b/assets/css/megamenu-options.css @@ -0,0 +1,1403 @@ +.ast-media-tab .components-tab-panel__tabs > button:before { + top: 6px; + bottom: 0; +} + +.ast-media-tab .components-tab-panel__tabs [ID*="-none"]:before { + content: "\f14f"; +} + +.ast-media-tab .components-tab-panel__tabs [ID*="-image"]:before { + content: "\f317"; +} + +.ast-media-tab .components-tab-panel__tabs [ID*="-icon"]:before { + content: "\f533"; +} + +.select2-container.select2-container--open { + z-index: 99999; +} + +.ast-widget-list .widget-top .widget-action { + padding: 0; + right: 0; +} + +.astra-mm-settings-wrap .widget.open .widget-inner { + display: inline-block; + padding: 20px; + box-sizing: border-box; + width: 100%; +} + +/* WP Beta 5.3 compatibility CSS - Start */ +.wp-core-ui .astra-mm-settings-wrap .button.button-small { + margin-left: 4px; + min-height: 30px; +} + +/* New Advanced spacing control CSS ends */ +:root { + --ast-admin-color-1: #0284c7; + /* active color */ + --ast-admin-color-2: #0ea5e9; + /* active focus color */ + --ast-admin-color-3: #2271b1; + /* active color border */ + --ast-admin-color-4: #1e293b; + /* title / heading */ + --ast-admin-color-5: #475569; + /* input text color */ + --ast-admin-color-6: #9ca3af; + /* Sub text color */ + --ast-admin-color-7: #e2e8f0; + /* border color / outline / grey background*/ + --ast-admin-color-8: #4b5563; + /* icon color / Toggle color*/ + --ast-admin-color-9: #fff; + /* background color */ + --ast-admin-color-10: #fff; + /* text invert / Icon invert */ + --ast-admin-color-11: #f9fafb; + /* alt background*/ + --ast-admin-color-12: #1e293b; + /* alt background 2*/ + --ast-admin-color-13: #94a3b8; + /* Sub text color 2 */ + --ast-admin-color-14: #d1d5db; + /* grey background*/ + --ast-admin-color-16: #cbd5e1; + /* Border 2 for select. textarea and other widgets */ + --ast-admin-color-17: #0000002e; + /* Overlay Color */ +} + +.ast-offcanvas-wrapper { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + z-index: 99999; + visibility: hidden; + opacity: 0; + transition: visibility 0s, opacity 0.3s linear; +} + +@keyframes tooltips-vert { + to { + opacity: .9; + } +} + +.ast-offcanvas-wrapper .dashicons-editor-help { + position: relative; + color: var(--ast-admin-color-6); + z-index: 1; +} + +.ast-offcanvas-wrapper .ast-disabled { + color: #a7aaad !important; + background: #f6f7f7 !important; + border-color: #dcdcde !important; + box-shadow: none !important; + text-shadow: none !important; + cursor: default; + pointer-events: none; +} + +.ast-offcanvas-wrapper .ast-dashicons-custom-tooltip { + display: none; + opacity: 0; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.ast-offcanvas-wrapper .ast-dashicons-custom-tooltip[data-title]::after { + content: attr(data-title); + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35); + background: var(--ast-admin-color-12); + color: var(--ast-admin-color-10); + z-index: 1000; + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + bottom: calc(100% + 5px); + left: 50%; + transform: translateX(-50%); +} + +.ast-offcanvas-wrapper .ast-control-tooltip:hover ~ .ast-dashicons-custom-tooltip, +.ast-offcanvas-wrapper .ast-has-hover .color-button-wrap:hover ~ .ast-dashicons-custom-tooltip { + display: block; + opacity: 100; +} + +.ast-offcanvas-wrapper .ast-control-tooltip:hover ~ .ast-dashicons-custom-tooltip[data-title]::after, +.ast-offcanvas-wrapper .ast-has-hover .color-button-wrap:hover ~ .ast-dashicons-custom-tooltip[data-title]::after { + -js-display: flex; + display: flex; + white-space: break-spaces; + inline-size: max-content; +} + +.ast-offcanvas-wrapper #mega-menu-submit { + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; +} + +.ast-offcanvas-wrapper #mega-menu-submit p { + margin: 0; +} + +.ast-offcanvas-wrapper #mega-menu-submit .dashicons, +.ast-offcanvas-wrapper #mega-menu-submit .components-spinner { + display: none; +} + +.ast-offcanvas-wrapper #mega-menu-submit .dashicons, +.ast-offcanvas-wrapper #mega-menu-submit .components-spinner { + margin-right: 10px; +} + +.ast-offcanvas-wrapper #mega-menu-submit .components-spinner { + margin-top: 0; + margin-left: 0; +} + +.ast-offcanvas-wrapper .common-select-style, .ast-offcanvas-wrapper .ast-single-control.ast-select select, .ast-offcanvas-wrapper .ast-single-control.ast-widget .astra-option-input-container select { + width: 100%; + border: 1px solid var(--ast-admin-color-7); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border-radius: 6px; + min-height: 40px; +} + +.ast-offcanvas-wrapper.active { + visibility: visible; + opacity: 1; +} + +.ast-offcanvas-wrapper.active .ast-mega-menu-content { + transform: translateX(0); +} + +.ast-offcanvas-wrapper .ast-mega-menu-overlay { + position: absolute; + width: 100%; + height: 100%; + z-index: 1; + background-color: var(--ast-admin-color-17); + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-mega-menu-content { + position: absolute; + right: 0; + left: auto; + height: 100vh; + overflow-y: auto; + overflow-x: hidden; + background-color: var(--ast-admin-color-9); + width: 350px; + padding-top: 50px; + transform: translateX(100%); + border-left: 1px solid var(--ast-admin-color-7); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06); + z-index: 2; + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-megamenu-loading-wrapper { + position: absolute; + background-color: var(--ast-admin-color-9); + height: 100%; + width: 100%; + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; + margin-top: -50px; + z-index: 9; +} + +.ast-offcanvas-wrapper .ast-megamenu-loading-wrapper svg { + width: 3em; + height: 3em; +} + +.ast-offcanvas-wrapper .toggle-control-label { + font-weight: 400; + font-size: 14px; + line-height: 20px; + color: var(--ast-admin-color-4); +} + +.ast-offcanvas-wrapper .toggle-control-label.ast-as-heading { + font-size: 16px; + font-weight: 600; + letter-spacing: 0.2px; +} + +.ast-offcanvas-wrapper .ast-control-title, .ast-offcanvas-wrapper .ast-single-control.ast-textarea .components-base-control__label { + display: inline-block; + font-weight: 400; + font-size: 14px; + line-height: 22px; + color: var(--ast-admin-color-5); + margin-bottom: 8px; + text-transform: capitalize; +} + +.ast-offcanvas-wrapper .ast-control-title.ast-center, .ast-offcanvas-wrapper .ast-single-control.ast-textarea .ast-center.components-base-control__label { + margin-top: 4px; + margin-bottom: 4px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-heading { + position: absolute; + top: 0; + left: 0; + width: calc(100% - 40px); + padding: 0 20px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-heading .ast-actions { + -js-display: flex; + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 20px 8px 15px; + border-bottom: 1px solid var(--ast-admin-color-7); + margin-left: -20px; + margin-right: -20px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-heading .ast-actions .close { + padding: 0; + border: 0; + background-color: transparent; + color: var(--ast-admin-color-6); + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content { + overflow-y: auto; + overflow-x: hidden; + height: calc(100vh - 50px); + padding: 0 20px; + /* Customizer Scroll CSS */ +} + +.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar { + width: 6px; + background-color: #f1f1f1; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3); + width: 6px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #d8d8d8; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-design-content { + position: relative; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-design-content:before { + content: ''; + position: absolute; + top: 1px; + left: -20px; + background-color: #fff; + width: calc(100% + 40px); + height: 1px; + z-index: 1; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs { + position: relative; + margin-top: 8px; + box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); + border-radius: 4px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab { + font-size: 12px; + line-height: 12px; + letter-spacing: 2px; + width: 50%; + border: 0; + font-weight: 500; + color: var(--ast-admin-color-6); + background-color: var(--ast-admin-color-11); + text-transform: uppercase; + padding: 0.9em 0.5em; + text-align: center; + border: 2px solid transparent; + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab.general { + border-right: 1px solid var(--ast-admin-color-7); +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab.active { + background-color: var(--ast-admin-color-9); + border-bottom: 2px solid var(--ast-admin-color-1); + color: var(--ast-admin-color-8); +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details { + padding: 20px 0 16px; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details h3 { + font-size: 16px; + font-weight: 600; + color: var(--ast-admin-color-4); + letter-spacing: 0.2px; + line-height: 20px; + margin: 0; +} + +.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details p { + font-size: 14px; + font-weight: 400; + color: var(--ast-admin-color-13); + line-height: 22px; + letter-spacing: 0.2px; + margin: 0; +} + +.ast-offcanvas-wrapper .components-form-toggle { + position: relative; + display: inline-block; +} + +.ast-offcanvas-wrapper .components-form-toggle input.components-form-toggle__input[type="checkbox"] { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + margin: 0; + padding: 0; + z-index: 1; + border: none; +} + +.ast-offcanvas-wrapper .components-form-toggle input.components-form-toggle__input[type="checkbox"]:checked { + background: none; +} + +.ast-offcanvas-wrapper .components-form-toggle .components-base-control__field { + -js-display: flex; + display: flex; + margin-bottom: 12px; + line-height: normal; + align-items: center; +} + +.ast-offcanvas-wrapper .ast-single-control { + position: relative; + margin-bottom: 24px; +} + +.ast-offcanvas-wrapper .ast-single-control.top-spacing { + margin-top: 2.3em; +} + +.ast-offcanvas-wrapper .ast-single-control.bottom-spacing { + margin-bottom: 2.3em; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-bottom-section-divider { + position: relative; + padding-bottom: 24px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-bottom-section-divider:after { + content: ""; + position: absolute; + left: -100%; + bottom: 0; + background-color: var(--ast-admin-color-7); + width: 500%; + height: 1px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-top-section-divider { + position: relative; + padding-top: 24px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-top-section-divider:before { + content: ""; + position: absolute; + left: -100%; + background-color: var(--ast-admin-color-7); + width: 500%; + height: 1px; + top: 1px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-title h3 { + color: var(--ast-admin-color-4); + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-text input { + width: 100%; + border: 1px solid var(--ast-admin-color-7); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border-radius: 3px; + line-height: 40px; + height: 40px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field { + -js-display: flex; + display: flex; + width: 100%; + justify-content: space-between; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .components-form-toggle { + order: 2; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch ~ label { + position: relative; + display: block; + width: 35px; + height: 14px; + background-color: var(--ast-admin-color-14); + color: transparent; + border-radius: 50px; + cursor: pointer; + transition: all 0.2s ease-in; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch ~ label:after { + content: ""; + position: absolute; + top: -3px; + right: 16px; + display: block; + width: 20px; + height: 20px; + border-radius: 50px; + background: var(--ast-admin-color-9); + box-shadow: 0 2px 4px 0 rgba(72, 72, 72, 0.5); + transition: all 0.2s ease-in; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked { + opacity: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked ~ label { + background: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked ~ label:after { + transform: translateX(16px); + background: var(--ast-admin-color-9); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:disabled ~ label { + background: #f0f0f0; + pointer-events: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:disabled ~ label:after { + background: #d1d1d1; + box-shadow: 0 1px 2px 0 rgba(72, 72, 72, 0.5); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:not(:checked) { + opacity: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-select select { + padding: 0 24px 0 13px; + background-position-x: calc(100% - 13px); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color label span { + color: var(--ast-admin-color-5); + position: relative; + top: 3px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-color-picker-wrap { + position: absolute; + top: 30px; + left: 0; + right: 0; + bottom: 0; + z-index: 9; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap { + position: absolute; + right: 36px; + top: 4px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn { + color: var(--ast-admin-color-1); + height: 20px; + width: 20px; + padding: 4px; + background: transparent; + box-shadow: none; + border: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn.is-secondary:disabled span { + color: var(--ast-admin-color-6); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn .dashicons-image-rotate { + width: 12px; + height: 12px; + font-size: 12px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap { + display: inline-block; + position: absolute; + right: 0; + top: 0; + transform: scale(1); + transition: transform 0.1s ease; + height: 28px; + width: 28px; + z-index: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate { + width: 100%; + height: 100%; + position: relative; + transform: scale(1); + transition: none; + border-radius: 50%; + padding: 0; + background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0); + background-size: 10px 10px; + background-position: 0 0, 0 5px, 5px -5px, -5px 0; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate .astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; + display: inline-block; + background: inherit; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate .astra-advanced-color-indicate .global-color { + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color { + display: block; + opacity: 1; + position: absolute; + left: 50%; + top: 50%; + display: block; + text-align: center; + transform: translate(-50%, -50%); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg { + width: 10px; + height: 10px; + transform: scale(1.5); + fill: currentColor; + outline: none; + color: var(--ast-admin-color-10); + background: rgba(0, 0, 0, 0.4); + border-radius: 100%; + border: 0.1px solid rgba(0, 0, 0, 0.1); + opacity: 0.78; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color { + margin: 5px -5px 0; + background-color: var(--ast-admin-color-9); + border-radius: 4px; + box-shadow: 0px 0px 16px -4px rgba(30, 41, 59, 0.16); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .ast-color-palette { + width: auto; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-h-stack.ast-color-palette { + padding: 14px 5px; + position: relative; + z-index: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker { + position: relative; + margin-top: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches { + -js-display: flex; + display: flex; + flex-wrap: wrap; + gap: 4px; + justify-content: center; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper { + position: relative; + display: inline-block; + height: 28px; + width: 28px; + vertical-align: top; + transform: scale(1); + transition: 100ms transform ease; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper .components-circular-option-picker__option { + display: inline-block; + vertical-align: top; + height: 100%; + width: 100%; + border: none; + border-radius: 50%; + background: transparent; + box-shadow: inset 0 0 0 14px; + transition: box-shadow 0.1s ease; + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:after { + content: ""; + position: absolute; + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border: 1px solid transparent; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper:hover { + transform: scale(1.1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful { + width: 100%; + border-radius: 0px; + height: auto; + margin-bottom: calc(16px); + border-bottom: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful .react-colorful__hue, +.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful .react-colorful__alpha { + width: 90%; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .components-button { + -js-display: inline-flex; + display: inline-flex; + text-decoration: none; + font-family: inherit; + font-weight: 400; + margin: 0; + border: 0; + cursor: pointer; + background: none; + transition: box-shadow 0.1s linear; + height: 36px; + align-items: center; + box-sizing: border-box; + padding: 6px 12px; + border-radius: 2px; + color: #1e1e1e; + -webkit-appearance: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-clear-btn-inside-picker { + margin: 5px 20px 20px 15px; + padding: 0 8px; + height: 24px; + font-size: 11px; + line-height: 22px; + border: 1px solid #ccc; + box-shadow: none; + white-space: nowrap; + color: var(--ast-admin-color-1); + background: transparent; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .components-color-picker { + width: 100%; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-has-hover .ast-color-btn-reset-wrap { + right: 80px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-has-hover .ast-color-picker-normal .color-button-wrap { + right: 40px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title]::after { + left: auto; + transform: translate(0); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title="Normal"]::after { + right: 28px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title="Hover"]::after { + right: -8px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-range-unit { + position: absolute; + top: 3px; + right: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper { + -js-display: flex; + display: flex; + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li { + flex: auto; + text-align: center; + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item { + margin: 0 2px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li:nth-child(2) { + margin-left: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link { + order: 2; + margin-left: 2px; + margin-top: 4px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link .ast-spacing-connected { + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link.disconnected .ast-spacing-connected { + display: block; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link.disconnected .ast-spacing-disconnected { + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link span { + width: 100%; + height: 32px; + line-height: 28px; + font-size: 14px; + border-radius: 3px 0 0 3px; + background-color: transparent; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + min-height: 28px; + border: 1px solid var(--ast-admin-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input[type=number]::-webkit-inner-spin-button, .ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input[type=number]::-webkit-outer-spin-button { + appearance: none; + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-title { + text-transform: uppercase; + font-size: 8.5px; + color: var(--ast-admin-color-6); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper .components-range-control__track, .ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper span span, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper .components-range-control__track, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper span span { + background-color: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control { + width: 100%; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns { + position: relative; + right: -10px; + display: inline-block; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns > li, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns > li { + display: none; + margin-bottom: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns > li.active, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns > li.active { + display: inline-block; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns > li button[type="button"], .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns > li button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + line-height: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-range-unit, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-range-unit { + position: absolute; + right: 23px; + top: 4px; + border-right: 1px solid var(--ast-admin-color-7); + padding-right: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-admin-color-1); + align-self: auto; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper { + position: relative; + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper .input-field-wrapper, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper .input-field-wrapper { + display: none; + width: 100%; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper .input-field-wrapper.active, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper .input-field-wrapper.active { + display: inline-block; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap { + position: absolute; + top: 1px; + display: inline-block; + line-height: 1; + right: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn { + height: 20px; + width: 20px; + padding: 4px; + background: transparent; + box-shadow: none; + border: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn.is-secondary:disabled span, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn.is-secondary:disabled span { + color: var(--ast-admin-color-6); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn .dashicons-image-rotate, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn .dashicons-image-rotate { + width: 12px; + height: 12px; + font-size: 12px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper { + margin-left: 0px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider span[CLASS*="-ThumbWrapper"], .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider span[CLASS*="-ThumbWrapper"] { + height: 17px; + width: 17px; + top: 2px; + margin-left: 0px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"], .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"] { + align-items: center; + appearance: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"]::-webkit-slider-runnable-track, .ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"]:-moz-range-track, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"]::-webkit-slider-runnable-track, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"]:-moz-range-track { + content: ""; + height: 2px; + pointer-events: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"]::-webkit-slider-thumb, .ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type="range"]::-moz-range-thumb, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"]::-webkit-slider-thumb, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type="range"]::-moz-range-thumb { + cursor: pointer; + -webkit-appearance: none; + margin-top: 5px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container { + justify-content: flex-end; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input { + border-radius: 3px; + border: 1px solid var(--ast-admin-color-7); + text-align: center; + width: 56px; + text-align: center; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input::-webkit-outer-spin-button, .ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input::-webkit-inner-spin-button, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input::-webkit-outer-spin-button, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input[type="number"], .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input[type="number"] { + -moz-appearance: textfield; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container .components-input-control__backdrop, .ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container .components-input-control__backdrop { + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-widget .ast-widget-list { + min-height: auto; + width: auto; + margin-left: auto; + display: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-widget .ast-insert-widget { + margin: 10px 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-textarea textarea { + min-height: 120px; + padding: 9px 13px; + border: 1px solid var(--ast-admin-color-16); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border-radius: 6px; + font-weight: 400; + font-size: 14px; + line-height: 22px; + color: var(--ast-admin-color-5); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container { + width: 100% !important; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single { + height: 40px; + border-radius: 6px; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border: 1px solid var(--ast-admin-color-7); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__placeholder { + color: var(--ast-admin-color-5); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__arrow { + height: 40px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__rendered { + font-size: 14px; + color: var(--ast-admin-color-5); + line-height: 40px; + font-weight: 400; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container { + position: relative; + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-image-wrap { + position: relative; + padding-bottom: 52.25%; + border: 1px solid var(--ast-admin-color-7); + border-radius: 3px; + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .dashicons-plus-alt2 { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + padding: 8px; + border: 1px solid var(--ast-admin-color-7); + border-radius: 17px; + color: var(--ast-admin-color-7); +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container img { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + object-fit: cover; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-remove { + opacity: 0; + display: block; + position: absolute; + right: 8px; + top: 8px; + border: 0; + border-radius: 4px; + color: var(--ast-admin-color-10); + padding: 5px; + background-color: #4b5563; + z-index: 1; + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-replace { + opacity: 0; + display: block; + position: absolute; + bottom: 0; + padding: 4px 8px; + background: rgba(30, 41, 59, 0.5); + font-weight: 400; + font-size: 14px; + line-height: 22px; + color: var(--ast-admin-color-10); + width: 100%; + border: 0; + cursor: pointer; + transition: 0.3s; +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-replace:hover { + background: rgba(30, 41, 59, 0.7); +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container.ast-icon-control img { + object-fit: contain; + transform: scale(0.3); +} + +.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container:hover .ast-replace, .ast-offcanvas-wrapper .ast-single-control .ast-image-control-container:hover .ast-remove { + opacity: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker { + z-index: 2; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker__ui-line { + z-index: -1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-input-control__container .components-input-control__backdrop { + border-color: var(--ast-admin-color-14); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-angle-picker-control__angle-circle { + border-color: var(--ast-admin-color-14); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { + opacity: 1; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-link a { + position: absolute; + right: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-link a:focus { + outline: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs { + position: absolute; + top: 0; + right: 0; + background-color: var(--ast-admin-color-9); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button { + display: block; + font-family: 'dashicons'; + font-size: 16px; + background-color: transparent; + width: 42px; + height: 30px; + padding: 0; + border: 1px solid var(--ast-admin-color-14); + color: var(--ast-admin-color-8); + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:focus { + box-shadow: none; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button.active-tab { + background-color: var(--ast-admin-color-1); + color: var(--ast-admin-color-10); + border-color: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(1).active-tab { + position: relative; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(1) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(2) { + margin-left: -1px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(3) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + margin-left: -1px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-image-control-container { + margin-top: 16px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn { + min-height: 40px; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); + border-radius: 6px; + margin-top: 16px; + margin-bottom: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__current { + flex: 0 0 75px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__current .rfipbtn__del { + display: block; + text-align: center; + width: 20px; + height: 20px; + border-radius: 100%; + font-size: 18px; + line-height: 18px; + color: var(--ast-admin-color-2); + background-color: #E0F2FE; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__button { + width: 45px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn.rfipbtn--default .rfipbtn__icon--empty { + font-size: 12px; + color: var(--ast-admin-color-5); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type { + position: absolute; + top: 0; + right: 0; + background-color: var(--ast-admin-color-9); + margin: 0; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button { + background-color: transparent; + width: 42px; + height: 28px; + line-height: 28px; + margin-bottom: 0; + border: 1px solid var(--ast-admin-color-14); + color: var(--ast-admin-color-8); + cursor: pointer; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button.active-tab { + background-color: var(--ast-admin-color-1); + color: var(--ast-admin-color-10); + border-color: var(--ast-admin-color-1); +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:nth-child(1).active-tab { + position: relative; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:nth-child(1) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:nth-child(2) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + margin-left: -1px; +} + +.components-circular-option-picker__option[aria-pressed=true] + svg, +.components-circular-option-picker__option[aria-selected=true] + svg { + mix-blend-mode: difference; +} + +.select2-container--open .select2-dropdown, +.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field { + border-color: var(--ast-admin-color-7); +} + + +/* 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; +} diff --git a/assets/css/megamenu-options.min.css b/assets/css/megamenu-options.min.css new file mode 100644 index 00000000..b8d73891 --- /dev/null +++ b/assets/css/megamenu-options.min.css @@ -0,0 +1,85 @@ +.ast-media-tab .components-tab-panel__tabs>button:before{top:6px;bottom:0}.ast-media-tab .components-tab-panel__tabs [ID*="-none"]:before{content:"\f14f"}.ast-media-tab .components-tab-panel__tabs [ID*="-image"]:before{content:"\f317"}.ast-media-tab .components-tab-panel__tabs [ID*="-icon"]:before{content:"\f533"}.select2-container.select2-container--open{z-index:99999}.ast-widget-list .widget-top .widget-action{padding:0;right:0}.astra-mm-settings-wrap .widget.open .widget-inner{display:inline-block;padding:20px;box-sizing:border-box;width:100%}.wp-core-ui .astra-mm-settings-wrap .button.button-small{margin-left:4px;min-height:30px}:root{--ast-admin-color-1:#0284c7;--ast-admin-color-2:#0ea5e9;--ast-admin-color-3:#2271b1;--ast-admin-color-4:#1e293b;--ast-admin-color-5:#475569;--ast-admin-color-6:#9ca3af;--ast-admin-color-7:#e2e8f0;--ast-admin-color-8:#4b5563;--ast-admin-color-9:#fff;--ast-admin-color-10:#fff;--ast-admin-color-11:#f9fafb;--ast-admin-color-12:#1e293b;--ast-admin-color-13:#94a3b8;--ast-admin-color-14:#d1d5db;--ast-admin-color-16:#cbd5e1;--ast-admin-color-17:#0000002e}.ast-offcanvas-wrapper{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:99999;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s linear}@keyframes tooltips-vert{to{opacity:.9}}.ast-offcanvas-wrapper .dashicons-editor-help{position:relative;color:var(--ast-admin-color-6);z-index:1}.ast-offcanvas-wrapper .ast-disabled{color:#a7aaad!important;background:#f6f7f7!important;border-color:#dcdcde!important;box-shadow:none!important;text-shadow:none!important;cursor:default;pointer-events:none}.ast-offcanvas-wrapper .ast-dashicons-custom-tooltip{display:none;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.ast-offcanvas-wrapper .ast-dashicons-custom-tooltip[data-title]::after{content:attr(data-title);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,.35);background:var(--ast-admin-color-12);color:var(--ast-admin-color-10);z-index:1000;text-align:center;animation:tooltips-vert .3s ease-out forwards;text-transform:none;font-size:.9em;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%)}.ast-offcanvas-wrapper .ast-control-tooltip:hover~.ast-dashicons-custom-tooltip,.ast-offcanvas-wrapper .ast-has-hover .color-button-wrap:hover~.ast-dashicons-custom-tooltip{display:block;opacity:100}.ast-offcanvas-wrapper .ast-control-tooltip:hover~.ast-dashicons-custom-tooltip[data-title]::after,.ast-offcanvas-wrapper .ast-has-hover .color-button-wrap:hover~.ast-dashicons-custom-tooltip[data-title]::after{-js-display:flex;display:flex;white-space:break-spaces;inline-size:max-content}.ast-offcanvas-wrapper #mega-menu-submit{-js-display:flex;display:flex;align-items:center;justify-content:center}.ast-offcanvas-wrapper #mega-menu-submit p{margin:0}.ast-offcanvas-wrapper #mega-menu-submit .components-spinner,.ast-offcanvas-wrapper #mega-menu-submit .dashicons{display:none}.ast-offcanvas-wrapper #mega-menu-submit .components-spinner,.ast-offcanvas-wrapper #mega-menu-submit .dashicons{margin-right:10px}.ast-offcanvas-wrapper #mega-menu-submit .components-spinner{margin-top:0;margin-left:0}.ast-offcanvas-wrapper .ast-single-control.ast-select select,.ast-offcanvas-wrapper .ast-single-control.ast-widget .astra-option-input-container select,.ast-offcanvas-wrapper .common-select-style{width:100%;border:1px solid var(--ast-admin-color-7);box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:6px;min-height:40px}.ast-offcanvas-wrapper.active{visibility:visible;opacity:1}.ast-offcanvas-wrapper.active .ast-mega-menu-content{transform:translateX(0)}.ast-offcanvas-wrapper .ast-mega-menu-overlay{position:absolute;width:100%;height:100%;z-index:1;background-color:var(--ast-admin-color-17);transition:.3s}.ast-offcanvas-wrapper .ast-mega-menu-content{position:absolute;right:0;left:auto;height:100vh;overflow-y:auto;overflow-x:hidden;background-color:var(--ast-admin-color-9);width:350px;padding-top:50px;transform:translateX(100%);border-left:1px solid var(--ast-admin-color-7);box-shadow:0 1px 2px rgba(0,0,0,.06);z-index:2;transition:.3s}.ast-offcanvas-wrapper .ast-megamenu-loading-wrapper{position:absolute;background-color:var(--ast-admin-color-9);height:100%;width:100%;-js-display:flex;display:flex;align-items:center;justify-content:center;margin-top:-50px;z-index:9}.ast-offcanvas-wrapper .ast-megamenu-loading-wrapper svg{width:3em;height:3em}.ast-offcanvas-wrapper .toggle-control-label{font-weight:400;font-size:14px;line-height:20px;color:var(--ast-admin-color-4)}.ast-offcanvas-wrapper .toggle-control-label.ast-as-heading{font-size:16px;font-weight:600;letter-spacing:.2px}.ast-offcanvas-wrapper .ast-control-title,.ast-offcanvas-wrapper .ast-single-control.ast-textarea .components-base-control__label{display:inline-block;font-weight:400;font-size:14px;line-height:22px;color:var(--ast-admin-color-5);margin-bottom:8px;text-transform:capitalize}.ast-offcanvas-wrapper .ast-control-title.ast-center,.ast-offcanvas-wrapper .ast-single-control.ast-textarea .ast-center.components-base-control__label{margin-top:4px;margin-bottom:4px}.ast-offcanvas-wrapper .ast-offcanvas-heading{position:absolute;top:0;left:0;width:calc(100% - 40px);padding:0 20px}.ast-offcanvas-wrapper .ast-offcanvas-heading .ast-actions{-js-display:flex;display:flex;align-items:center;justify-content:space-between;padding:8px 20px 8px 15px;border-bottom:1px solid var(--ast-admin-color-7);margin-left:-20px;margin-right:-20px}.ast-offcanvas-wrapper .ast-offcanvas-heading .ast-actions .close{padding:0;border:0;background-color:transparent;color:var(--ast-admin-color-6);cursor:pointer}.ast-offcanvas-wrapper .ast-offcanvas-content{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 50px);padding:0 20px}.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar{width:6px;background-color:#f1f1f1}.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.3);width:6px}.ast-offcanvas-wrapper .ast-offcanvas-content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d8d8d8}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-design-content{position:relative}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-design-content:before{content:'';position:absolute;top:1px;left:-20px;background-color:#fff;width:calc(100% + 40px);height:1px;z-index:1}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs{position:relative;margin-top:8px;box-shadow:0 0 2px 0 rgba(0,0,0,.25);border-radius:4px}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab{font-size:12px;line-height:12px;letter-spacing:2px;width:50%;border:0;font-weight:500;color:var(--ast-admin-color-6);background-color:var(--ast-admin-color-11);text-transform:uppercase;padding:.9em .5em;text-align:center;border:2px solid transparent;cursor:pointer}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab.general{border-right:1px solid var(--ast-admin-color-7)}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-offcanvas-tabs .ast-single-tab.active{background-color:var(--ast-admin-color-9);border-bottom:2px solid var(--ast-admin-color-1);color:var(--ast-admin-color-8)}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details{padding:20px 0 16px}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details h3{font-size:16px;font-weight:600;color:var(--ast-admin-color-4);letter-spacing:.2px;line-height:20px;margin:0}.ast-offcanvas-wrapper .ast-offcanvas-content .ast-menu-details p{font-size:14px;font-weight:400;color:var(--ast-admin-color-13);line-height:22px;letter-spacing:.2px;margin:0}.ast-offcanvas-wrapper .components-form-toggle{position:relative;display:inline-block}.ast-offcanvas-wrapper .components-form-toggle input.components-form-toggle__input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;padding:0;z-index:1;border:none}.ast-offcanvas-wrapper .components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{background:0 0}.ast-offcanvas-wrapper .components-form-toggle .components-base-control__field{-js-display:flex;display:flex;margin-bottom:12px;line-height:normal;align-items:center}.ast-offcanvas-wrapper .ast-single-control{position:relative;margin-bottom:24px}.ast-offcanvas-wrapper .ast-single-control.top-spacing{margin-top:2.3em}.ast-offcanvas-wrapper .ast-single-control.bottom-spacing{margin-bottom:2.3em}.ast-offcanvas-wrapper .ast-single-control.ast-bottom-section-divider{position:relative;padding-bottom:24px}.ast-offcanvas-wrapper .ast-single-control.ast-bottom-section-divider:after{content:"";position:absolute;left:-100%;bottom:0;background-color:var(--ast-admin-color-7);width:500%;height:1px}.ast-offcanvas-wrapper .ast-single-control.ast-top-section-divider{position:relative;padding-top:24px}.ast-offcanvas-wrapper .ast-single-control.ast-top-section-divider:before{content:"";position:absolute;left:-100%;background-color:var(--ast-admin-color-7);width:500%;height:1px;top:1px}.ast-offcanvas-wrapper .ast-single-control.ast-title h3{color:var(--ast-admin-color-4);margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-text input{width:100%;border:1px solid var(--ast-admin-color-7);box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:3px;line-height:40px;height:40px}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field{-js-display:flex;display:flex;width:100%;justify-content:space-between}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .components-form-toggle{order:2}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch~label{position:relative;display:block;width:35px;height:14px;background-color:var(--ast-admin-color-14);color:transparent;border-radius:50px;cursor:pointer;transition:all .2s ease-in}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch~label:after{content:"";position:absolute;top:-3px;right:16px;display:block;width:20px;height:20px;border-radius:50px;background:var(--ast-admin-color-9);box-shadow:0 2px 4px 0 rgba(72,72,72,.5);transition:all .2s ease-in}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked{opacity:0}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked~label{background:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:checked~label:after{transform:translateX(16px);background:var(--ast-admin-color-9)}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:disabled~label{background:#f0f0f0;pointer-events:none}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:disabled~label:after{background:#d1d1d1;box-shadow:0 1px 2px 0 rgba(72,72,72,.5)}.ast-offcanvas-wrapper .ast-single-control.ast-toggle .components-base-control__field .ast-switch:not(:checked){opacity:0}.ast-offcanvas-wrapper .ast-single-control.ast-select select{padding:0 24px 0 13px;background-position-x:calc(100% - 13px)}.ast-offcanvas-wrapper .ast-single-control.ast-color label span{color:var(--ast-admin-color-5);position:relative;top:3px}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-color-picker-wrap{position:absolute;top:30px;left:0;right:0;bottom:0;z-index:9}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap{position:absolute;right:36px;top:4px}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn{color:var(--ast-admin-color-1);height:20px;width:20px;padding:4px;background:0 0;box-shadow:none;border:0}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn.is-secondary:disabled span{color:var(--ast-admin-color-6)}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-color-btn-reset-wrap .ast-reset-btn .dashicons-image-rotate{width:12px;height:12px;font-size:12px}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap{display:inline-block;position:absolute;right:0;top:0;transform:scale(1);transition:transform .1s ease;height:28px;width:28px;z-index:1}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate{width:100%;height:100%;position:relative;transform:scale(1);transition:none;border-radius:50%;padding:0;background-image:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);border:0}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate .astra-advanced-color-indicate{width:28px;height:28px;border-radius:50%;margin:0;display:inline-block;background:inherit}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap .astra-color-icon-indicate .astra-advanced-color-indicate .global-color{display:none}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color{display:block;opacity:1;position:absolute;left:50%;top:50%;display:block;text-align:center;transform:translate(-50%,-50%)}.ast-offcanvas-wrapper .ast-single-control.ast-color .color-button-wrap.has-global-palette-color .astra-advanced-color-indicate .global-color svg{width:10px;height:10px;transform:scale(1.5);fill:currentColor;outline:0;color:var(--ast-admin-color-10);background:rgba(0,0,0,.4);border-radius:100%;border:.1px solid rgba(0,0,0,.1);opacity:.78}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color{margin:5px -5px 0;background-color:var(--ast-admin-color-9);border-radius:4px;box-shadow:0 0 16px -4px rgba(30,41,59,.16)}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .ast-color-palette{width:auto}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-h-stack.ast-color-palette{padding:14px 5px;position:relative;z-index:1}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker{position:relative;margin-top:0}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches{-js-display:flex;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper{position:relative;display:inline-block;height:28px;width:28px;vertical-align:top;transform:scale(1);transition:.1s transform ease}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper .components-circular-option-picker__option{display:inline-block;vertical-align:top;height:100%;width:100%;border:none;border-radius:50%;background:0 0;box-shadow:inset 0 0 0 14px;transition:box-shadow .1s ease;cursor:pointer}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:after{content:"";position:absolute;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);border:1px solid transparent}.ast-offcanvas-wrapper .ast-single-control.ast-color .astra-popover-color .components-circular-option-picker .components-circular-option-picker__swatches .components-circular-option-picker__option-wrapper:hover{transform:scale(1.1)}.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful{width:100%;border-radius:0;height:auto;margin-bottom:calc(16px);border-bottom:none}.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful .react-colorful__alpha,.ast-offcanvas-wrapper .ast-single-control.ast-color .react-colorful .react-colorful__hue{width:90%}.ast-offcanvas-wrapper .ast-single-control.ast-color .components-button{-js-display:inline-flex;display:inline-flex;text-decoration:none;font-family:inherit;font-weight:400;margin:0;border:0;cursor:pointer;background:0 0;transition:box-shadow .1s linear;height:36px;align-items:center;box-sizing:border-box;padding:6px 12px;border-radius:2px;color:#1e1e1e;-webkit-appearance:none}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-clear-btn-inside-picker{margin:5px 20px 20px 15px;padding:0 8px;height:24px;font-size:11px;line-height:22px;border:1px solid #ccc;box-shadow:none;white-space:nowrap;color:var(--ast-admin-color-1);background:0 0}.ast-offcanvas-wrapper .ast-single-control.ast-color .components-color-picker{width:100%}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-has-hover .ast-color-btn-reset-wrap{right:80px}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-has-hover .ast-color-picker-normal .color-button-wrap{right:40px}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title]::after{left:auto;transform:translate(0)}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title=Normal]::after{right:28px}.ast-offcanvas-wrapper .ast-single-control.ast-color .ast-dashicons-custom-tooltip[data-title=Hover]::after{right:-8px}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-range-unit{position:absolute;top:3px;right:6px;font-size:11px;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper{-js-display:flex;display:flex;margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li{flex:auto;text-align:center;cursor:pointer}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item{margin:0 2px}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li:nth-child(2){margin-left:0}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link{order:2;margin-left:2px;margin-top:4px}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link .ast-spacing-connected{display:none}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link.disconnected .ast-spacing-connected{display:block}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link.disconnected .ast-spacing-disconnected{display:none}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li.ast-spacing-input-item-link span{width:100%;height:32px;line-height:28px;font-size:14px;border-radius:3px 0 0 3px;background-color:transparent}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input{text-align:center;display:block;font-size:12px;padding:15px 0;width:100%;height:28px;min-height:28px;border:1px solid var(--ast-admin-color-7);border-radius:3px;box-shadow:none;transition:all .3s}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input[type=number]::-webkit-inner-spin-button,.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-spacing .ast-spacing-wrapper li .ast-spacing-title{text-transform:uppercase;font-size:8.5px;color:var(--ast-admin-color-6)}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper .components-range-control__track,.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper span span,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper .components-range-control__track,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper span span{background-color:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control{width:100%}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns{position:relative;right:-10px;display:inline-block}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns>li,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns>li{display:none;margin-bottom:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns>li.active,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns>li.active{display:inline-block}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-responsive-slider-btns>li button[type=button],.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-responsive-slider-btns>li button[type=button]{padding:0;cursor:pointer;background:0 0;border:none;outline:0;line-height:1}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-range-unit,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-range-unit{position:absolute;right:23px;top:4px;border-right:1px solid var(--ast-admin-color-7);padding-right:6px;font-size:11px;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--ast-admin-color-1);align-self:auto}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper,.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper{position:relative;-js-display:flex;display:flex;flex-wrap:wrap}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper .input-field-wrapper,.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper .input-field-wrapper{display:none;width:100%}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .wrapper .input-field-wrapper.active,.ast-offcanvas-wrapper .ast-single-control.ast-slider .wrapper .input-field-wrapper.active{display:inline-block}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap{position:absolute;top:1px;display:inline-block;line-height:1;right:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn{height:20px;width:20px;padding:4px;background:0 0;box-shadow:none;border:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn.is-secondary:disabled span,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn.is-secondary:disabled span{color:var(--ast-admin-color-6)}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .ast-resp-slider-reset-wrap .ast-reset-btn .dashicons-image-rotate,.ast-offcanvas-wrapper .ast-single-control.ast-slider .ast-resp-slider-reset-wrap .ast-reset-btn .dashicons-image-rotate{width:12px;height:12px;font-size:12px}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__wrapper,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__wrapper{margin-left:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider span[CLASS*="-ThumbWrapper"],.ast-offcanvas-wrapper .ast-single-control.ast-slider span[CLASS*="-ThumbWrapper"]{height:17px;width:17px;top:2px;margin-left:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range],.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]{align-items:center;appearance:none}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range]:-moz-range-track,.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range]::-webkit-slider-runnable-track,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]:-moz-range-track,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]::-webkit-slider-runnable-track{content:"";height:2px;pointer-events:none}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range]::-moz-range-thumb,.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-range-control__slider[type=range]::-webkit-slider-thumb,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]::-moz-range-thumb,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-range-control__slider[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;margin-top:5px}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container{justify-content:flex-end}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input{border-radius:3px;border:1px solid var(--ast-admin-color-7);text-align:center;width:56px;text-align:center}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input::-webkit-inner-spin-button,.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input::-webkit-outer-spin-button,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input::-webkit-inner-spin-button,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container input[type=number],.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container input[type=number]{-moz-appearance:textfield}.ast-offcanvas-wrapper .ast-single-control.ast-responsive-slider .components-input-control .components-input-control__container .components-input-control__backdrop,.ast-offcanvas-wrapper .ast-single-control.ast-slider .components-input-control .components-input-control__container .components-input-control__backdrop{display:none}.ast-offcanvas-wrapper .ast-single-control.ast-widget .ast-widget-list{min-height:auto;width:auto;margin-left:auto;display:none}.ast-offcanvas-wrapper .ast-single-control.ast-widget .ast-insert-widget{margin:10px 0}.ast-offcanvas-wrapper .ast-single-control.ast-textarea textarea{min-height:120px;padding:9px 13px;border:1px solid var(--ast-admin-color-16);box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:6px;font-weight:400;font-size:14px;line-height:22px;color:var(--ast-admin-color-5)}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container{width:100%!important}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single{height:40px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid var(--ast-admin-color-7)}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__placeholder{color:var(--ast-admin-color-5)}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__arrow{height:40px}.ast-offcanvas-wrapper .ast-single-control.ast-template .select2-container .select2-selection--single .select2-selection__rendered{font-size:14px;color:var(--ast-admin-color-5);line-height:40px;font-weight:400}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container{position:relative;transition:.3s}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-image-wrap{position:relative;padding-bottom:52.25%;border:1px solid var(--ast-admin-color-7);border-radius:3px;cursor:pointer}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .dashicons-plus-alt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px;border:1px solid var(--ast-admin-color-7);border-radius:17px;color:var(--ast-admin-color-7)}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-remove{opacity:0;display:block;position:absolute;right:8px;top:8px;border:0;border-radius:4px;color:var(--ast-admin-color-10);padding:5px;background-color:#4b5563;z-index:1;transition:.3s}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-replace{opacity:0;display:block;position:absolute;bottom:0;padding:4px 8px;background:rgba(30,41,59,.5);font-weight:400;font-size:14px;line-height:22px;color:var(--ast-admin-color-10);width:100%;border:0;cursor:pointer;transition:.3s}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container .ast-replace:hover{background:rgba(30,41,59,.7)}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container.ast-icon-control img{object-fit:contain;transform:scale(.3)}.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container:hover .ast-remove,.ast-offcanvas-wrapper .ast-single-control .ast-image-control-container:hover .ast-replace{opacity:1}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker{z-index:2}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker__ui-line{z-index:-1}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-input-control__container .components-input-control__backdrop{border-color:var(--ast-admin-color-14)}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-angle-picker-control__angle-circle{border-color:var(--ast-admin-color-14)}.ast-offcanvas-wrapper .ast-single-control.ast-gradient .components-custom-gradient-picker__gradient-bar:not(.has-gradient){opacity:1}.ast-offcanvas-wrapper .ast-single-control.ast-link a{position:absolute;right:0}.ast-offcanvas-wrapper .ast-single-control.ast-link a:focus{outline:0}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs{position:absolute;top:0;right:0;background-color:var(--ast-admin-color-9)}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button{display:block;font-family:dashicons;font-size:16px;background-color:transparent;width:42px;height:30px;padding:0;border:1px solid var(--ast-admin-color-14);color:var(--ast-admin-color-8);cursor:pointer}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:focus{box-shadow:none}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button.active-tab{background-color:var(--ast-admin-color-1);color:var(--ast-admin-color-10);border-color:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:first-child.active-tab{position:relative}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(2){margin-left:-1px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-popover-tabs .components-tab-panel__tabs .components-button:nth-child(3){border-top-right-radius:3px;border-bottom-right-radius:3px;margin-left:-1px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .ast-image-control-container{margin-top:16px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn{min-height:40px;box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:6px;margin-top:16px;margin-bottom:0}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__current{flex:0 0 75px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__current .rfipbtn__del{display:block;text-align:center;width:20px;height:20px;border-radius:100%;font-size:18px;line-height:18px;color:var(--ast-admin-color-2);background-color:#e0f2fe}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn .rfipbtn__button{width:45px;border-top-right-radius:6px;border-bottom-right-radius:6px}.ast-offcanvas-wrapper .ast-single-control.ast-icon .rfipbtn.rfipbtn--default .rfipbtn__icon--empty{font-size:12px;color:var(--ast-admin-color-5)}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type{position:absolute;top:0;right:0;background-color:var(--ast-admin-color-9);margin:0}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button{background-color:transparent;width:42px;height:28px;line-height:28px;margin-bottom:0;border:1px solid var(--ast-admin-color-14);color:var(--ast-admin-color-8);cursor:pointer}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button.active-tab{background-color:var(--ast-admin-color-1);color:var(--ast-admin-color-10);border-color:var(--ast-admin-color-1)}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:first-child.active-tab{position:relative}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.ast-offcanvas-wrapper .ast-single-control.ast-background-type .ast-background-type .ast-single-button:nth-child(2){border-top-right-radius:3px;border-bottom-right-radius:3px;margin-left:-1px}.components-circular-option-picker__option[aria-pressed=true]+svg,.components-circular-option-picker__option[aria-selected=true]+svg{mix-blend-mode:difference}.select2-container--open .select2-dropdown,.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field{border-color:var(--ast-admin-color-7)} + +/* 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; +} diff --git a/assets/css/menu-animation-rtl.min.css b/assets/css/menu-animation-rtl.min.css new file mode 100644 index 00000000..25c75413 --- /dev/null +++ b/assets/css/menu-animation-rtl.min.css @@ -0,0 +1,85 @@ +.ast-desktop .astra-menu-animation-slide-up>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transform:translateY(.5em);transition:visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-up>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-up>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .astra-menu-animation-slide-down>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transform:translateY(-.5em);transition:visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-down>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .astra-menu-animation-fade>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transition:opacity ease-in-out .3s}.ast-desktop .astra-menu-animation-fade>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transition:opacity ease-in-out .3s}.ast-desktop .astra-menu-animation-fade>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .menu-item.ast-menu-hover>.sub-menu.toggled-on{opacity:1;visibility:visible} + +/* 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; +} diff --git a/assets/css/menu-animation.min.css b/assets/css/menu-animation.min.css new file mode 100644 index 00000000..25c75413 --- /dev/null +++ b/assets/css/menu-animation.min.css @@ -0,0 +1,85 @@ +.ast-desktop .astra-menu-animation-slide-up>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transform:translateY(.5em);transition:visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-up>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-up>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-up>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-up>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .astra-menu-animation-slide-down>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transform:translateY(-.5em);transition:visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.ast-desktop .astra-menu-animation-slide-down>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-slide-down>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .astra-menu-animation-fade>.menu-item>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu .sub-menu{opacity:0;visibility:hidden;transition:opacity ease-in-out .3s}.ast-desktop .astra-menu-animation-fade>.menu-item .menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item .menu-item:hover>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item.focus>.sub-menu,.ast-desktop .astra-menu-animation-fade>.menu-item:hover>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.menu-item:hover>.sub-menu{opacity:1;visibility:visible;transition:opacity ease-in-out .3s}.ast-desktop .astra-menu-animation-fade>.full-width-mega.menu-item.focus>.astra-full-megamenu-wrapper,.ast-desktop .astra-menu-animation-fade>.full-width-mega.menu-item:hover>.astra-full-megamenu-wrapper{-js-display:flex;display:flex}.ast-desktop .menu-item.ast-menu-hover>.sub-menu.toggled-on{opacity:1;visibility:visible} + +/* 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; +} diff --git a/assets/css/modal.css b/assets/css/modal.css new file mode 100644 index 00000000..60a2c0fc --- /dev/null +++ b/assets/css/modal.css @@ -0,0 +1,86 @@ +body.hide-scroll{overflow:hidden}body .uagb-modal-popup-wrap .wp-block{max-width:none !important;margin:0 !important}.uagb-modal-popup{visibility:hidden;position:fixed}.uagb-modal-popup.active{top:0;bottom:0;justify-content:center;align-items:center;background:rgba(0,0,0,0.7);left:0;right:0;display:flex;visibility:visible}.uagb-modal-popup.active .uagb-modal-popup-close{opacity:1;display:flex;align-items:center;position:absolute;text-align:center;cursor:pointer;fill:#fff}.uagb-modal-popup.active .uagb-modal-popup-close svg{-webkit-transition-property:filter, transform;-moz-transition-property:filter, transform;-o-transition-property:filter, transform;transition-property:filter, transform;-webkit-transition-duration:250ms;-moz-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}.uagb-modal-popup.active .uagb-modal-popup-close:focus svg{transform:scale(1.2)}.uagb-modal-popup .uagb-modal-popup-close{display:none;border:none;background:transparent;padding:0}.uagb-modal-popup .uagb-modal-popup-content{padding:35px 35px;overflow-x:hidden;overflow-y:overlay;height:100%}.uagb-modal-popup .uagb-modal-popup-wrap{display:flex;flex-direction:column;justify-content:flex-start;width:700px;height:450px;max-width:100%;box-sizing:border-box;background:#fff;color:#333;position:relative}.uagb-modal-popup .uagb-modal-popup-wrap .uagb-modal-popup-content::-webkit-scrollbar{width:5px}.uagb-modal-popup .uagb-modal-popup-wrap .uagb-modal-popup-content::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:100px}.wp-block-uagb-modal{width:100%}.entry .entry-content a.uagb-modal-button-link{text-decoration:inherit;align-items:center}.entry .entry-content a.uagb-modal-button-link:hover{color:inherit}.uagb-modal-trigger:not(img){display:flex}.uagb-modal-trigger:not(img) svg{font-size:30px;width:30px;height:30px;line-height:30px;cursor:pointer}img.uagb-modal-trigger{cursor:pointer;height:auto;max-width:100%}div.uagb-spectra-button-wrapper{line-height:1}div.uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger{display:inline-flex;align-items:center;cursor:pointer}div.uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger svg{fill:currentColor;font-style:normal;vertical-align:top;width:15px;height:15px;font-size:15px}.block-editor-block-popover.components-popover{z-index:99999999}.uagb-effect-default .uagb-modal-popup-wrap{opacity:0}.uagb-effect-default.active .uagb-modal-popup-wrap{opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s} + + +/* 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; +} diff --git a/assets/css/modal.min.css b/assets/css/modal.min.css new file mode 100644 index 00000000..aeb289ee --- /dev/null +++ b/assets/css/modal.min.css @@ -0,0 +1,86 @@ +.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-chat-item-question{background-color:#7a30e2}.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send,.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop{background-color:#7a30e2}.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send:hover,.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send:focus,.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop:hover,.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop:focus{background-color:#5c24a9}.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li::after{background-image:url("../../../images/integrations/ai/icon-send-purple.svg")}.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a{color:#5c24a9}.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a:hover,.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a:focus{color:#5c24a9;text-decoration:underline}body .jconfirm.jconfirm-wpforms-ai-modal{background:rgba(114,119,124,0.75);backdrop-filter:blur(2px)}body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box{border:none;box-shadow:0 10px 50px 0 rgba(0,0,0,0.15);padding:0}body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane{margin:0;overflow:hidden;transition-property:height, max-height;transition-duration:0.05s;transition-timing-function:ease-in-out}body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content{overflow:hidden;height:100%}body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content>div{height:100%;overflow:hidden}body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type="text"]{margin:0;width:100%}body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong{font-weight:500}body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon{opacity:0.8;top:16px;right:16px}body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after{content:'';background-image:url("../../../images/integrations/ai/close.svg");background-size:13px 13px;width:13px;height:13px}body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover{opacity:1} + + +/* 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; +} diff --git a/assets/css/modern-cart-rtl.css b/assets/css/modern-cart-rtl.css new file mode 100644 index 00000000..ff1a9597 --- /dev/null +++ b/assets/css/modern-cart-rtl.css @@ -0,0 +1,158 @@ +.ast-cart-non-sticky .cross-sells { + border-width: 1px; + border-style: solid; + border-color: var(--ast-border-color); + border-radius: 0; + margin-bottom: 2em; + padding-right: 1em; + padding-left: 1em; +} + +.ast-cart-non-sticky .cross-sells > h2 { + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + border-bottom: 1px solid var(--ast-border-color); + padding-right: 1em; + padding-left: 1em; + margin: 0 -15px 15px; + font-size: 1.2rem; + padding: .7em 1em; + font-weight: 700; +} + +.woocommerce-cart .woocommerce-cart-form .blockOverlay, .woocommerce-cart .cart_totals .blockOverlay { + opacity: 1 !important; + border: 1px solid var(--ast-border-color) !important; + border-radius: 4px; + z-index: 90 !important; +} + +.woocommerce-cart .woocommerce-cart-form .blockOverlay::before, .woocommerce-cart .cart_totals .blockOverlay::before { + background-repeat: no-repeat; + top: -4px; + background-position: center; + right: -5px; + background-size: cover; + animation: none; + height: 100%; + width: 100%; + margin: 0; + transform: scale(0.92); +} + +.woocommerce-cart table.shop_table { + border: 1px solid var(--ast-border-color); +} + +.woocommerce-cart table.shop_table thead { + background-color: var(--ast-global-color-secondary, --ast-global-color-4); +} + +.woocommerce-cart table.shop_table td { + border-top: 1px solid var(--ast-border-color); +} + +.woocommerce-cart table.shop_table td.product-remove a { + border-color: var(--ast-border-color); +} + +.woocommerce-cart .cart-collaterals .cart_totals { + border-color: var(--ast-border-color); +} + +.woocommerce-cart .cart-collaterals .cart_totals > h2 { + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + border-bottom: 1px solid var(--ast-border-color); +} + +.woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td { + border-top: 1px solid var(--ast-border-color); +} + +.woocommerce .woocommerce-cart-form__cart-item .product-name .ast-product-name > a { + display: inline-block; +} + + +/* 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; +} diff --git a/assets/css/modern-cart-rtl.min.css b/assets/css/modern-cart-rtl.min.css new file mode 100644 index 00000000..42cb381f --- /dev/null +++ b/assets/css/modern-cart-rtl.min.css @@ -0,0 +1,85 @@ +.ast-cart-non-sticky .cross-sells{border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:0;margin-bottom:2em;padding-right:1em;padding-left:1em}.ast-cart-non-sticky .cross-sells>h2{background-color:var(--ast-global-color-secondary,--ast-global-color-4);border-bottom:1px solid var(--ast-border-color);padding-right:1em;padding-left:1em;margin:0 -15px 15px;font-size:1.2rem;padding:.7em 1em;font-weight:700}.woocommerce-cart .cart_totals .blockOverlay,.woocommerce-cart .woocommerce-cart-form .blockOverlay{opacity:1!important;border:1px solid var(--ast-border-color)!important;border-radius:4px;z-index:90!important}.woocommerce-cart .cart_totals .blockOverlay::before,.woocommerce-cart .woocommerce-cart-form .blockOverlay::before{background-repeat:no-repeat;top:-4px;background-position:center;right:-5px;background-size:cover;animation:none;height:100%;width:100%;margin:0;transform:scale(.92)}.woocommerce-cart table.shop_table{border:1px solid var(--ast-border-color)}.woocommerce-cart table.shop_table thead{background-color:var(--ast-global-color-secondary,--ast-global-color-4)}.woocommerce-cart table.shop_table td{border-top:1px solid var(--ast-border-color)}.woocommerce-cart table.shop_table td.product-remove a{border-color:var(--ast-border-color)}.woocommerce-cart .cart-collaterals .cart_totals{border-color:var(--ast-border-color)}.woocommerce-cart .cart-collaterals .cart_totals>h2{background-color:var(--ast-global-color-secondary,--ast-global-color-4);border-bottom:1px solid var(--ast-border-color)}.woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr th{border-top:1px solid var(--ast-border-color)}.woocommerce .woocommerce-cart-form__cart-item .product-name .ast-product-name>a{display:inline-block} + +/* 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; +} diff --git a/assets/css/modern-cart.css b/assets/css/modern-cart.css new file mode 100644 index 00000000..6ebc92b0 --- /dev/null +++ b/assets/css/modern-cart.css @@ -0,0 +1,158 @@ +.ast-cart-non-sticky .cross-sells { + border-width: 1px; + border-style: solid; + border-color: var(--ast-border-color); + border-radius: 0; + margin-bottom: 2em; + padding-left: 1em; + padding-right: 1em; +} + +.ast-cart-non-sticky .cross-sells > h2 { + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + border-bottom: 1px solid var(--ast-border-color); + padding-left: 1em; + padding-right: 1em; + margin: 0 -15px 15px; + font-size: 1.2rem; + padding: .7em 1em; + font-weight: 700; +} + +.woocommerce-cart .woocommerce-cart-form .blockOverlay, .woocommerce-cart .cart_totals .blockOverlay { + opacity: 1 !important; + border: 1px solid var(--ast-border-color) !important; + border-radius: 4px; + z-index: 90 !important; +} + +.woocommerce-cart .woocommerce-cart-form .blockOverlay::before, .woocommerce-cart .cart_totals .blockOverlay::before { + background-repeat: no-repeat; + top: -4px; + background-position: center; + left: -5px; + background-size: cover; + animation: none; + height: 100%; + width: 100%; + margin: 0; + transform: scale(0.92); +} + +.woocommerce-cart table.shop_table { + border: 1px solid var(--ast-border-color); +} + +.woocommerce-cart table.shop_table thead { + background-color: var(--ast-global-color-secondary, --ast-global-color-4); +} + +.woocommerce-cart table.shop_table td { + border-top: 1px solid var(--ast-border-color); +} + +.woocommerce-cart table.shop_table td.product-remove a { + border-color: var(--ast-border-color); +} + +.woocommerce-cart .cart-collaterals .cart_totals { + border-color: var(--ast-border-color); +} + +.woocommerce-cart .cart-collaterals .cart_totals > h2 { + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + border-bottom: 1px solid var(--ast-border-color); +} + +.woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td { + border-top: 1px solid var(--ast-border-color); +} + +.woocommerce .woocommerce-cart-form__cart-item .product-name .ast-product-name > a { + display: inline-block; +} + + +/* 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; +} diff --git a/assets/css/modern-cart.min.css b/assets/css/modern-cart.min.css new file mode 100644 index 00000000..ac208ca7 --- /dev/null +++ b/assets/css/modern-cart.min.css @@ -0,0 +1,85 @@ +.ast-cart-non-sticky .cross-sells{border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:0;margin-bottom:2em;padding-left:1em;padding-right:1em}.ast-cart-non-sticky .cross-sells>h2{background-color:var(--ast-global-color-secondary,--ast-global-color-4);border-bottom:1px solid var(--ast-border-color);padding-left:1em;padding-right:1em;margin:0 -15px 15px;font-size:1.2rem;padding:.7em 1em;font-weight:700}.woocommerce-cart .cart_totals .blockOverlay,.woocommerce-cart .woocommerce-cart-form .blockOverlay{opacity:1!important;border:1px solid var(--ast-border-color)!important;border-radius:4px;z-index:90!important}.woocommerce-cart .cart_totals .blockOverlay::before,.woocommerce-cart .woocommerce-cart-form .blockOverlay::before{background-repeat:no-repeat;top:-4px;background-position:center;left:-5px;background-size:cover;animation:none;height:100%;width:100%;margin:0;transform:scale(.92)}.woocommerce-cart table.shop_table{border:1px solid var(--ast-border-color)}.woocommerce-cart table.shop_table thead{background-color:var(--ast-global-color-secondary,--ast-global-color-4)}.woocommerce-cart table.shop_table td{border-top:1px solid var(--ast-border-color)}.woocommerce-cart table.shop_table td.product-remove a{border-color:var(--ast-border-color)}.woocommerce-cart .cart-collaterals .cart_totals{border-color:var(--ast-border-color)}.woocommerce-cart .cart-collaterals .cart_totals>h2{background-color:var(--ast-global-color-secondary,--ast-global-color-4);border-bottom:1px solid var(--ast-border-color)}.woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr th{border-top:1px solid var(--ast-border-color)}.woocommerce .woocommerce-cart-form__cart-item .product-name .ast-product-name>a{display:inline-block} + +/* 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; +} diff --git a/assets/css/modern-checkout-rtl.css b/assets/css/modern-checkout-rtl.css new file mode 100644 index 00000000..70e12298 --- /dev/null +++ b/assets/css/modern-checkout-rtl.css @@ -0,0 +1,494 @@ +.woo-checkout-title-common { + padding: 0; + margin-top: 1em; + margin-bottom: 0.7em; + border-bottom: 0; + font-size: 1.5em; + font-weight: 600; + border: 0; +} + +.ast-modern-checkout .woocommerce .woocommerce-form-coupon-toggle { + display: none; +} + +.ast-modern-checkout .woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay, .ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay { + opacity: 1 !important; + border: 1px solid var(--ast-border-color) !important; + border-radius: 4px; + z-index: 90 !important; + background: var(--ast-global-color-5) !important; +} + +.ast-modern-checkout .woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay::before, .ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay::before { + background-repeat: no-repeat; + top: -4px; + background-position: center; + right: -15px; + background-size: cover; + animation: none; + height: 100%; + width: 100%; + margin: 0; + transform: scale(0.92); +} + +.ast-modern-checkout .woocommerce form #ast-payment_options_heading { + padding: 0; + margin-top: 1em; + margin-bottom: 0.7em; + border-bottom: 0; + border: 0; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row { + padding: 7px; + position: relative; + width: 100%; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-first, .ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-last { + width: 50%; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.ast-column-33 { + width: 33.33%; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.ast-column-50 { + width: 50%; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-full { + width: 100%; + margin-top: 0 !important; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block { + font-size: .9em; + display: block; + margin-top: .5em; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block.success { + color: #69bf29; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block.error { + color: #d65d67; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-additional-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper { + margin: 0 -7px; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .form-row { + padding-right: 0; + padding-left: 0; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .ast-customer-login-actions { + -js-display: flex; + display: flex; + align-items: center; + justify-content: space-between; + margin: 0; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .ast-login-section-message { + padding: .5em 0; + font-size: .9em; + margin: 0; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .ast-checkout-form-heading { + -js-display: flex; + display: flex; + justify-content: space-between; + align-items: center; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .ast-checkout-form-heading .woocommerce-billing-fields__customer-login-label { + text-transform: none; + font-weight: 600; + margin-top: 0.9em; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .ast-customer-info__notice { + display: none; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .ast-customer-info__notice.active { + display: block; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table { + border-style: hidden; + border-radius: 4px; + box-shadow: 0 0 0 1px var(--ast-border-color); +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td { + padding: 1.5em 1.2em 1.5em 1.2em; + line-height: 1.4em; + border-color: var(--ast-border-color); + font-weight: 400; + border-top: 0; + border-left: 0; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td:nth-last-child(1), .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th:nth-last-child(1), .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td:nth-last-child(1), .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th:nth-last-child(1) { + text-align: left; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td:nth-last-child(1) .amount, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th:nth-last-child(1) .amount, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td:nth-last-child(1) .amount, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th:nth-last-child(1) .amount { + font-weight: 400; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table thead tr th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table thead tr th { + padding: 1em 1.2em 1em 1.2em; + font-weight: 500; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name { + -js-display: flex; + display: flex; + width: 100%; + align-items: center; + padding-left: 0; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image { + height: auto; + -js-display: flex; + display: flex; + vertical-align: middle; + justify-content: space-between; + flex-wrap: wrap; + border-radius: 5px; + align-items: center; + width: auto; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image .ast-product-thumbnail img, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image .ast-product-thumbnail img { + height: auto; + max-width: 100%; + height: 50px; + border-radius: 4px; + width: 50px; + margin-left: 10px; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image.ast-enable-image .ast-product-name, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image.ast-enable-image .ast-product-name { + width: calc(100% - 60px); +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity { + font-weight: 400; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name { + flex-wrap: wrap; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .ast-product-image, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .ast-product-image { + padding-bottom: .3em; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .product-quantity, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .product-quantity { + width: auto; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .variation, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .variation { + width: 100%; + padding-top: .2em; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(1) th, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(1) td, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(1) th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(1) td { + border-bottom: 0; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total td, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total td { + font-size: large; + padding: 1em 1.1em 1em 1.1em; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total th { + font-weight: 600; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total .amount, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total .amount { + font-weight: 700; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td { + padding-right: 0; + width: 40%; +} + +.ast-modern-checkout .woocommerce #ast-order-review-content thead { + display: none; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods { + padding: 0; + margin: 0 0 0.5em 0; + border: 1px solid var(--ast-border-color); + border-radius: 4px; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods > li:first-child { + border-radius: 4px 4px 0 0; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods > li:not(.woocommerce-info) { + padding: 15px 15px 0 15px; + min-height: 2.7em; + border-bottom: 1px solid var(--ast-border-color); + display: inline-table; + width: 100%; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods > li:not(.woocommerce-info):nth-last-child(1) { + border-bottom: 0; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods .wc_payment_method > [type="radio"]:not(:checked) + label { + display: inline-block; + vertical-align: top; + margin-bottom: 0.9em; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box { + margin: 15px -15px 0 0; + border-top: 1px solid var(--ast-border-color); + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + padding: 1.5em; + width: calc( 100% + 30px); + border-radius: 0 0 4px 4px; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box:before { + display: none; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods .wc_payment_method label { + font-weight: 500; + display: inline-block; + width: calc( 100% - 10%); + color: var(--ast-global-color-3); + font-size: 1em; +} + +.ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay::before { + right: -5px; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap { + display: block; + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + margin-bottom: 1em; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle { + -js-display: flex; + display: flex; + align-items: center; + justify-content: space-between; + padding: 1.5em 1.2em; + border: 1px solid var(--ast-border-color); + border-right: none; + border-left: none; + color: var(--ast-global-color-3); + font-weight: 500; + cursor: pointer; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ast-order-review-toggle-button-wrap { + -js-display: flex; + display: flex; + align-items: center; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ast-order-review-toggle-button-wrap .ast-order-review-toggle-text { + padding-left: 0.5em; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ahfb-svg-iconset { + width: 1em; + height: 1em; + transition: .3s; + fill: var(--ast-global-color-0); +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle.active .ahfb-svg-iconset { + transform: rotate(-180deg); +} + +.ast-modern-checkout .woocommerce #ast-order-review-content, .ast-modern-checkout .woocommerce #ast-customer-login-section { + max-height: 0; + overflow: hidden; + transition: .3s; +} + +.ast-modern-checkout .ast-two-column-checkout { + margin-bottom: 3em; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout { + -js-display: flex; + display: flex; + flex-wrap: wrap; + align-items: flex-start; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout .woocommerce-NoticeGroup, .ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #cpsw-payment-request-wrapper { + flex: 1 0 100%; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #customer_details { + margin-bottom: 0; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #customer_details .place-order { + padding-bottom: 1.5em; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper { + width: 40%; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper #order_review_heading { + width: 100%; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper #order_review { + float: none; + width: 100%; +} + +form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) { + padding: 0; + margin-top: 1em; + margin-bottom: 0.7em; + border-bottom: 0; + border: 0; +} + +form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) { + border: 0; + padding: 0; +} + +#customer_details .woocommerce-account-fields, +#ast-customer-info .ast-customer-info__notice a { + display: none; +} + +/** + * As orders strcture updated on desktop & on responsive device, there is trigger issue with shipping radio buttons, where on label click the radio buttons are not click on dektop. So this CSS is resolves that scenario. + */ +.woocommerce ul#shipping_method li { + position: relative; +} + +input[name^="shipping_method"]::after { + cursor: pointer; + position: absolute; + content: ''; + top: 0; + right: 0; + width: 100%; + height: 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; +} diff --git a/assets/css/modern-checkout-rtl.min.css b/assets/css/modern-checkout-rtl.min.css new file mode 100644 index 00000000..77b38758 --- /dev/null +++ b/assets/css/modern-checkout-rtl.min.css @@ -0,0 +1,85 @@ +.woo-checkout-title-common{padding:0;margin-top:1em;margin-bottom:.7em;border-bottom:0;font-size:1.5em;font-weight:600;border:0}.ast-modern-checkout .woocommerce .woocommerce-form-coupon-toggle{display:none}.ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay,.ast-modern-checkout .woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay{opacity:1!important;border:1px solid var(--ast-border-color)!important;border-radius:4px;z-index:90!important;background:var(--ast-global-color-5)!important}.ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay::before,.ast-modern-checkout .woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay::before{background-repeat:no-repeat;top:-4px;background-position:center;right:-15px;background-size:cover;animation:none;height:100%;width:100%;margin:0;transform:scale(.92)}.ast-modern-checkout .woocommerce form #ast-payment_options_heading{padding:0;margin-top:1em;margin-bottom:.7em;border-bottom:0;border:0}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row{padding:7px;position:relative;width:100%}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-first,.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-last{width:50%}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.ast-column-33{width:33.33%}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.ast-column-50{width:50%}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-full{width:100%;margin-top:0!important}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block{font-size:.9em;display:block;margin-top:.5em}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block.success{color:#69bf29}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block.error{color:#d65d67}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-additional-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper{margin:0 -7px}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper{-js-display:flex;display:flex;flex-wrap:wrap}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .form-row{padding-right:0;padding-left:0}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .ast-customer-login-actions{-js-display:flex;display:flex;align-items:center;justify-content:space-between;margin:0}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .ast-login-section-message{padding:.5em 0;font-size:.9em;margin:0}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .ast-checkout-form-heading{-js-display:flex;display:flex;justify-content:space-between;align-items:center}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .ast-checkout-form-heading .woocommerce-billing-fields__customer-login-label{text-transform:none;font-weight:600;margin-top:.9em}.ast-modern-checkout .woocommerce form.woocommerce-checkout .ast-customer-info__notice{display:none}.ast-modern-checkout .woocommerce form.woocommerce-checkout .ast-customer-info__notice.active{display:block}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table{border-style:hidden;border-radius:4px;box-shadow:0 0 0 1px var(--ast-border-color)}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th{padding:1.5em 1.2em 1.5em 1.2em;line-height:1.4em;border-color:var(--ast-border-color);font-weight:400;border-top:0;border-left:0}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td:last-child,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th:last-child,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td:last-child,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th:last-child{text-align:left}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td:last-child .amount,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th:last-child .amount,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td:last-child .amount,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th:last-child .amount{font-weight:400}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table thead tr th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table thead tr th{padding:1em 1.2em 1em 1.2em;font-weight:500}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name{-js-display:flex;display:flex;width:100%;align-items:center;padding-left:0}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image{height:auto;-js-display:flex;display:flex;vertical-align:middle;justify-content:space-between;flex-wrap:wrap;border-radius:5px;align-items:center;width:auto}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image .ast-product-thumbnail img,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image .ast-product-thumbnail img{height:auto;max-width:100%;height:50px;border-radius:4px;width:50px;margin-left:10px}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image.ast-enable-image .ast-product-name,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image.ast-enable-image .ast-product-name{width:calc(100% - 60px)}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity{font-weight:400}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name{flex-wrap:wrap}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .ast-product-image,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .ast-product-image{padding-bottom:.3em}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .product-quantity,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .product-quantity{width:auto}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .variation,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .variation{width:100%;padding-top:.2em}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr:last-child td,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr:last-child th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr:last-child td,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr:last-child th{border-bottom:0}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total td,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total td,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th{font-size:large;padding:1em 1.1em 1em 1.1em}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th{font-weight:600}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total .amount,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total .amount{font-weight:700}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td{padding-right:0;width:40%}.ast-modern-checkout .woocommerce #ast-order-review-content thead{display:none}.ast-modern-checkout .woocommerce #payment ul.payment_methods{padding:0;margin:0 0 .5em 0;border:1px solid var(--ast-border-color);border-radius:4px}.ast-modern-checkout .woocommerce #payment ul.payment_methods>li:first-child{border-radius:4px 4px 0 0}.ast-modern-checkout .woocommerce #payment ul.payment_methods>li:not(.woocommerce-info){padding:15px 15px 0 15px;min-height:2.7em;border-bottom:1px solid var(--ast-border-color);display:inline-table;width:100%}.ast-modern-checkout .woocommerce #payment ul.payment_methods>li:not(.woocommerce-info):last-child{border-bottom:0}.ast-modern-checkout .woocommerce #payment ul.payment_methods .wc_payment_method>[type=radio]:not(:checked)+label{display:inline-block;vertical-align:top;margin-bottom:.9em}.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box{margin:15px -15px 0 0;border-top:1px solid var(--ast-border-color);background-color:var(--ast-global-color-secondary,--ast-global-color-4);padding:1.5em;width:calc(100% + 30px);border-radius:0 0 4px 4px}.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box:before{display:none}.ast-modern-checkout .woocommerce #payment ul.payment_methods .wc_payment_method label{font-weight:500;display:inline-block;width:calc(100% - 10%);color:var(--ast-global-color-3);font-size:1em}.ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay::before{right:-5px}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap{display:block;background-color:var(--ast-global-color-secondary,--ast-global-color-4);margin-bottom:1em}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle{-js-display:flex;display:flex;align-items:center;justify-content:space-between;padding:1.5em 1.2em;border:1px solid var(--ast-border-color);border-right:none;border-left:none;color:var(--ast-global-color-3);font-weight:500;cursor:pointer}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ast-order-review-toggle-button-wrap{-js-display:flex;display:flex;align-items:center}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ast-order-review-toggle-button-wrap .ast-order-review-toggle-text{padding-left:.5em}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ahfb-svg-iconset{width:1em;height:1em;transition:.3s;fill:var(--ast-global-color-0)}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle.active .ahfb-svg-iconset{transform:rotate(-180deg)}.ast-modern-checkout .woocommerce #ast-customer-login-section,.ast-modern-checkout .woocommerce #ast-order-review-content{max-height:0;overflow:hidden;transition:.3s}.ast-modern-checkout .ast-two-column-checkout{margin-bottom:3em}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout{-js-display:flex;display:flex;flex-wrap:wrap;align-items:flex-start}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #cpsw-payment-request-wrapper,.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout .woocommerce-NoticeGroup{flex:1 0 100%}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #customer_details{margin-bottom:0}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #customer_details .place-order{padding-bottom:1.5em}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper{width:40%}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper #order_review_heading{width:100%}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper #order_review{float:none;width:100%}form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading){padding:0;margin-top:1em;margin-bottom:.7em;border-bottom:0;border:0}form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review){border:0;padding:0}#ast-customer-info .ast-customer-info__notice a,#customer_details .woocommerce-account-fields{display:none}.woocommerce ul#shipping_method li{position:relative}input[name^=shipping_method]::after{cursor:pointer;position:absolute;content:'';top:0;right:0;width:100%;height: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; +} diff --git a/assets/css/modern-checkout.css b/assets/css/modern-checkout.css new file mode 100644 index 00000000..c288d6ee --- /dev/null +++ b/assets/css/modern-checkout.css @@ -0,0 +1,494 @@ +.woo-checkout-title-common { + padding: 0; + margin-top: 1em; + margin-bottom: 0.7em; + border-bottom: 0; + font-size: 1.5em; + font-weight: 600; + border: 0; +} + +.ast-modern-checkout .woocommerce .woocommerce-form-coupon-toggle { + display: none; +} + +.ast-modern-checkout .woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay, .ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay { + opacity: 1 !important; + border: 1px solid var(--ast-border-color) !important; + border-radius: 4px; + z-index: 90 !important; + background: var(--ast-global-color-5) !important; +} + +.ast-modern-checkout .woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay::before, .ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay::before { + background-repeat: no-repeat; + top: -4px; + background-position: center; + left: -15px; + background-size: cover; + animation: none; + height: 100%; + width: 100%; + margin: 0; + transform: scale(0.92); +} + +.ast-modern-checkout .woocommerce form #ast-payment_options_heading { + padding: 0; + margin-top: 1em; + margin-bottom: 0.7em; + border-bottom: 0; + border: 0; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row { + padding: 7px; + position: relative; + width: 100%; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-first, .ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-last { + width: 50%; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.ast-column-33 { + width: 33.33%; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.ast-column-50 { + width: 50%; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-full { + width: 100%; + margin-top: 0 !important; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block { + font-size: .9em; + display: block; + margin-top: .5em; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block.success { + color: #69bf29; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block.error { + color: #d65d67; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-additional-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper { + margin: 0 -7px; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper, .ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .form-row { + padding-left: 0; + padding-right: 0; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .ast-customer-login-actions { + -js-display: flex; + display: flex; + align-items: center; + justify-content: space-between; + margin: 0; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .ast-login-section-message { + padding: .5em 0; + font-size: .9em; + margin: 0; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .ast-checkout-form-heading { + -js-display: flex; + display: flex; + justify-content: space-between; + align-items: center; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .ast-checkout-form-heading .woocommerce-billing-fields__customer-login-label { + text-transform: none; + font-weight: 600; + margin-top: 0.9em; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .ast-customer-info__notice { + display: none; +} + +.ast-modern-checkout .woocommerce form.woocommerce-checkout .ast-customer-info__notice.active { + display: block; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table { + border-style: hidden; + border-radius: 4px; + box-shadow: 0 0 0 1px var(--ast-border-color); +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td { + padding: 1.5em 1.2em 1.5em 1.2em; + line-height: 1.4em; + border-color: var(--ast-border-color); + font-weight: 400; + border-top: 0; + border-right: 0; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td:nth-last-child(1), .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th:nth-last-child(1), .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td:nth-last-child(1), .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th:nth-last-child(1) { + text-align: right; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td:nth-last-child(1) .amount, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th:nth-last-child(1) .amount, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td:nth-last-child(1) .amount, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th:nth-last-child(1) .amount { + font-weight: 400; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table thead tr th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table thead tr th { + padding: 1em 1.2em 1em 1.2em; + font-weight: 500; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name { + -js-display: flex; + display: flex; + width: 100%; + align-items: center; + padding-right: 0; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image { + height: auto; + -js-display: flex; + display: flex; + vertical-align: middle; + justify-content: space-between; + flex-wrap: wrap; + border-radius: 5px; + align-items: center; + width: auto; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image .ast-product-thumbnail img, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image .ast-product-thumbnail img { + height: auto; + max-width: 100%; + height: 50px; + border-radius: 4px; + width: 50px; + margin-right: 10px; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image.ast-enable-image .ast-product-name, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image.ast-enable-image .ast-product-name { + width: calc(100% - 60px); +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity { + font-weight: 400; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name { + flex-wrap: wrap; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .ast-product-image, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .ast-product-image { + padding-bottom: .3em; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .product-quantity, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .product-quantity { + width: auto; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .variation, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .variation { + width: 100%; + padding-top: .2em; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(1) th, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(1) td, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(1) th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr:nth-last-child(1) td { + border-bottom: 0; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total td, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total td { + font-size: large; + padding: 1em 1.1em 1em 1.1em; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total th { + font-weight: 600; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total .amount, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total .amount { + font-weight: 700; +} + +.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td, .ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td { + padding-left: 0; + width: 40%; +} + +.ast-modern-checkout .woocommerce #ast-order-review-content thead { + display: none; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods { + padding: 0; + margin: 0 0 0.5em 0; + border: 1px solid var(--ast-border-color); + border-radius: 4px; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods > li:first-child { + border-radius: 4px 4px 0 0; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods > li:not(.woocommerce-info) { + padding: 15px 15px 0 15px; + min-height: 2.7em; + border-bottom: 1px solid var(--ast-border-color); + display: inline-table; + width: 100%; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods > li:not(.woocommerce-info):nth-last-child(1) { + border-bottom: 0; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods .wc_payment_method > [type="radio"]:not(:checked) + label { + display: inline-block; + vertical-align: top; + margin-bottom: 0.9em; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box { + margin: 15px 0 0 -15px; + border-top: 1px solid var(--ast-border-color); + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + padding: 1.5em; + width: calc( 100% + 30px); + border-radius: 0 0 4px 4px; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box:before { + display: none; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods .wc_payment_method label { + font-weight: 500; + display: inline-block; + width: calc( 100% - 10%); + color: var(--ast-global-color-3); + font-size: 1em; +} + +.ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay::before { + left: -5px; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap { + display: block; + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + margin-bottom: 1em; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle { + -js-display: flex; + display: flex; + align-items: center; + justify-content: space-between; + padding: 1.5em 1.2em; + border: 1px solid var(--ast-border-color); + border-left: none; + border-right: none; + color: var(--ast-global-color-3); + font-weight: 500; + cursor: pointer; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ast-order-review-toggle-button-wrap { + -js-display: flex; + display: flex; + align-items: center; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ast-order-review-toggle-button-wrap .ast-order-review-toggle-text { + padding-right: 0.5em; +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ahfb-svg-iconset { + width: 1em; + height: 1em; + transition: .3s; + fill: var(--ast-global-color-0); +} + +.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle.active .ahfb-svg-iconset { + transform: rotate(180deg); +} + +.ast-modern-checkout .woocommerce #ast-order-review-content, .ast-modern-checkout .woocommerce #ast-customer-login-section { + max-height: 0; + overflow: hidden; + transition: .3s; +} + +.ast-modern-checkout .ast-two-column-checkout { + margin-bottom: 3em; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout { + -js-display: flex; + display: flex; + flex-wrap: wrap; + align-items: flex-start; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout .woocommerce-NoticeGroup, .ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #cpsw-payment-request-wrapper { + flex: 1 0 100%; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #customer_details { + margin-bottom: 0; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #customer_details .place-order { + padding-bottom: 1.5em; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper { + width: 40%; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper #order_review_heading { + width: 100%; +} + +.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper #order_review { + float: none; + width: 100%; +} + +form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) { + padding: 0; + margin-top: 1em; + margin-bottom: 0.7em; + border-bottom: 0; + border: 0; +} + +form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) { + border: 0; + padding: 0; +} + +#customer_details .woocommerce-account-fields, +#ast-customer-info .ast-customer-info__notice a { + display: none; +} + +/** + * As orders strcture updated on desktop & on responsive device, there is trigger issue with shipping radio buttons, where on label click the radio buttons are not click on dektop. So this CSS is resolves that scenario. + */ +.woocommerce ul#shipping_method li { + position: relative; +} + +input[name^="shipping_method"]::after { + cursor: pointer; + position: absolute; + content: ''; + top: 0; + left: 0; + width: 100%; + height: 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; +} diff --git a/assets/css/modern-checkout.min.css b/assets/css/modern-checkout.min.css new file mode 100644 index 00000000..0f84b147 --- /dev/null +++ b/assets/css/modern-checkout.min.css @@ -0,0 +1,85 @@ +.woo-checkout-title-common{padding:0;margin-top:1em;margin-bottom:.7em;border-bottom:0;font-size:1.5em;font-weight:600;border:0}.ast-modern-checkout .woocommerce .woocommerce-form-coupon-toggle{display:none}.ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay,.ast-modern-checkout .woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay{opacity:1!important;border:1px solid var(--ast-border-color)!important;border-radius:4px;z-index:90!important;background:var(--ast-global-color-5)!important}.ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay::before,.ast-modern-checkout .woocommerce .woocommerce-checkout-review-order-table .blockUI.blockOverlay::before{background-repeat:no-repeat;top:-4px;background-position:center;left:-15px;background-size:cover;animation:none;height:100%;width:100%;margin:0;transform:scale(.92)}.ast-modern-checkout .woocommerce form #ast-payment_options_heading{padding:0;margin-top:1em;margin-bottom:.7em;border-bottom:0;border:0}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row{padding:7px;position:relative;width:100%}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-first,.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-last{width:50%}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.ast-column-33{width:33.33%}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.ast-column-50{width:50%}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row.form-row-full{width:100%;margin-top:0!important}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block{font-size:.9em;display:block;margin-top:.5em}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block.success{color:#69bf29}.ast-modern-checkout .woocommerce form.woocommerce-checkout .form-row .ast-email-validation-block.error{color:#d65d67}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-additional-fields .woocommerce-shipping-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-additional-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-additional-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper{margin:0 -7px}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper,.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper{-js-display:flex;display:flex;flex-wrap:wrap}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .form-row{padding-left:0;padding-right:0}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .ast-customer-login-actions{-js-display:flex;display:flex;align-items:center;justify-content:space-between;margin:0}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .woocommerce-billing-fields__customer-info-wrapper .ast-login-section-message{padding:.5em 0;font-size:.9em;margin:0}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .ast-checkout-form-heading{-js-display:flex;display:flex;justify-content:space-between;align-items:center}.ast-modern-checkout .woocommerce form.woocommerce-checkout .woocommerce-billing-fields-custom .ast-checkout-form-heading .woocommerce-billing-fields__customer-login-label{text-transform:none;font-weight:600;margin-top:.9em}.ast-modern-checkout .woocommerce form.woocommerce-checkout .ast-customer-info__notice{display:none}.ast-modern-checkout .woocommerce form.woocommerce-checkout .ast-customer-info__notice.active{display:block}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table{border-style:hidden;border-radius:4px;box-shadow:0 0 0 1px var(--ast-border-color)}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th{padding:1.5em 1.2em 1.5em 1.2em;line-height:1.4em;border-color:var(--ast-border-color);font-weight:400;border-top:0;border-right:0}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td:last-child,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th:last-child,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td:last-child,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th:last-child{text-align:right}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr td:last-child .amount,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tr th:last-child .amount,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td:last-child .amount,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th:last-child .amount{font-weight:400}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table thead tr th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table thead tr th{padding:1em 1.2em 1em 1.2em;font-weight:500}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name{-js-display:flex;display:flex;width:100%;align-items:center;padding-right:0}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image{height:auto;-js-display:flex;display:flex;vertical-align:middle;justify-content:space-between;flex-wrap:wrap;border-radius:5px;align-items:center;width:auto}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image .ast-product-thumbnail img,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image .ast-product-thumbnail img{height:auto;max-width:100%;height:50px;border-radius:4px;width:50px;margin-right:10px}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image.ast-enable-image .ast-product-name,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .ast-product-image.ast-enable-image .ast-product-name{width:calc(100% - 60px)}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity{font-weight:400}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name{flex-wrap:wrap}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .ast-product-image,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .ast-product-image{padding-bottom:.3em}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .product-quantity,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .product-quantity{width:auto}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .variation,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tbody tr.ast-variable-product .product-name .variation{width:100%;padding-top:.2em}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr:last-child td,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr:last-child th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr:last-child td,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr:last-child th{border-bottom:0}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total td,.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total td,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th{font-size:large;padding:1em 1.1em 1em 1.1em}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total th,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th{font-weight:600}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.order-total .amount,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total .amount{font-weight:700}.ast-modern-checkout .woocommerce #ast-order-review-content .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td,.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td{padding-left:0;width:40%}.ast-modern-checkout .woocommerce #ast-order-review-content thead{display:none}.ast-modern-checkout .woocommerce #payment ul.payment_methods{padding:0;margin:0 0 .5em 0;border:1px solid var(--ast-border-color);border-radius:4px}.ast-modern-checkout .woocommerce #payment ul.payment_methods>li:first-child{border-radius:4px 4px 0 0}.ast-modern-checkout .woocommerce #payment ul.payment_methods>li:not(.woocommerce-info){padding:15px 15px 0 15px;min-height:2.7em;border-bottom:1px solid var(--ast-border-color);display:inline-table;width:100%}.ast-modern-checkout .woocommerce #payment ul.payment_methods>li:not(.woocommerce-info):last-child{border-bottom:0}.ast-modern-checkout .woocommerce #payment ul.payment_methods .wc_payment_method>[type=radio]:not(:checked)+label{display:inline-block;vertical-align:top;margin-bottom:.9em}.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box{margin:15px 0 0 -15px;border-top:1px solid var(--ast-border-color);background-color:var(--ast-global-color-secondary,--ast-global-color-4);padding:1.5em;width:calc(100% + 30px);border-radius:0 0 4px 4px}.ast-modern-checkout .woocommerce #payment ul.payment_methods div.payment_box:before{display:none}.ast-modern-checkout .woocommerce #payment ul.payment_methods .wc_payment_method label{font-weight:500;display:inline-block;width:calc(100% - 10%);color:var(--ast-global-color-3);font-size:1em}.ast-modern-checkout .woocommerce #payment .blockUI.blockOverlay::before{left:-5px}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap{display:block;background-color:var(--ast-global-color-secondary,--ast-global-color-4);margin-bottom:1em}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle{-js-display:flex;display:flex;align-items:center;justify-content:space-between;padding:1.5em 1.2em;border:1px solid var(--ast-border-color);border-left:none;border-right:none;color:var(--ast-global-color-3);font-weight:500;cursor:pointer}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ast-order-review-toggle-button-wrap{-js-display:flex;display:flex;align-items:center}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ast-order-review-toggle-button-wrap .ast-order-review-toggle-text{padding-right:.5em}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle .ahfb-svg-iconset{width:1em;height:1em;transition:.3s;fill:var(--ast-global-color-0)}.ast-modern-checkout .woocommerce .ast-mobile-order-review-wrap #ast-order-review-toggle.active .ahfb-svg-iconset{transform:rotate(180deg)}.ast-modern-checkout .woocommerce #ast-customer-login-section,.ast-modern-checkout .woocommerce #ast-order-review-content{max-height:0;overflow:hidden;transition:.3s}.ast-modern-checkout .ast-two-column-checkout{margin-bottom:3em}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout{-js-display:flex;display:flex;flex-wrap:wrap;align-items:flex-start}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #cpsw-payment-request-wrapper,.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout .woocommerce-NoticeGroup{flex:1 0 100%}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #customer_details{margin-bottom:0}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #customer_details .place-order{padding-bottom:1.5em}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper{width:40%}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper #order_review_heading{width:100%}.ast-modern-checkout .ast-two-column-checkout .woocommerce-checkout #ast-order-review-wrapper #order_review{float:none;width:100%}form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading){padding:0;margin-top:1em;margin-bottom:.7em;border-bottom:0;border:0}form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review){border:0;padding:0}#ast-customer-info .ast-customer-info__notice a,#customer_details .woocommerce-account-fields{display:none}.woocommerce ul#shipping_method li{position:relative}input[name^=shipping_method]::after{cursor:pointer;position:absolute;content:'';top:0;left:0;width:100%;height: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; +} diff --git a/assets/css/multi-select-rtl.css b/assets/css/multi-select-rtl.css new file mode 100644 index 00000000..22334282 --- /dev/null +++ b/assets/css/multi-select-rtl.css @@ -0,0 +1,159 @@ +.customize-control-ast-multi-selector .input-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap { + display: flex; + justify-content: center; + flex: 1 1 0; + background: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-7); + padding: .6em 0; + cursor: pointer; + --ast-customizer-multiselect-icon-color: var(--ast-customizer-color-6); + margin-right: -1px; +} + +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active { + --ast-customizer-multiselect-icon-color: var(--ast-customizer-color-1); + border-color: var(--ast-customizer-color-3); + z-index: 1; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap svg { + fill: var(--ast-customizer-color-10); +} +.ast-multiselector-inner-wrap .ahfb-icon-set { + line-height: 1; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:last-child { + border-radius: 3px 0px 0px 3px; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:first-child { + border-radius: 0px 3px 3px 0px; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap span[label] { + color: var(--ast-customizer-color-6); +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active span[label] { + color: var(--ast-customizer-multiselect-icon-color); +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap { + flex: 0 0 calc(50% - 10px); + margin: 5px; +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap:nth-child(2n) { + margin-left: 0; +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap { + flex: 0 0 calc(33.33% - 10px); + margin: 5px; +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap:nth-child(3n) { + margin-left: 0; +} + +[CLASS*="stack-after-"].ast-alignment-wrapper { + margin-right: -5px; + margin-left: -5px; + display: flex; + flex-wrap: wrap; +} +[CLASS*="stack-after-"].ast-alignment-wrapper .ast-multiselector-inner-wrap { + margin: 5px; + align-items: center; + padding: 5px; + height: 30px; + border-radius: 0; +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap { + flex: 0 0 calc(45% - 10px); +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap { + flex: 0 0 calc(28% - 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; +} diff --git a/assets/css/multi-select.css b/assets/css/multi-select.css new file mode 100644 index 00000000..9f72013e --- /dev/null +++ b/assets/css/multi-select.css @@ -0,0 +1,159 @@ +.customize-control-ast-multi-selector .input-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap { + display: flex; + justify-content: center; + flex: 1 1 0; + background: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-7); + padding: .6em 0; + cursor: pointer; + --ast-customizer-multiselect-icon-color: var(--ast-customizer-color-6); + margin-left: -1px; +} + +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active { + --ast-customizer-multiselect-icon-color: var(--ast-customizer-color-1); + border-color: var(--ast-customizer-color-3); + z-index: 1; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap svg { + fill: var(--ast-customizer-color-10); +} +.ast-multiselector-inner-wrap .ahfb-icon-set { + line-height: 1; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:last-child { + border-radius: 0px 3px 3px 0px; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap:first-child { + border-radius: 3px 0px 0px 3px; +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap span[label] { + color: var(--ast-customizer-color-6); +} +.customize-control-ast-multi-selector .ast-multiselector-inner-wrap.active span[label] { + color: var(--ast-customizer-multiselect-icon-color); +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap { + flex: 0 0 calc(50% - 10px); + margin: 5px; +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap:nth-child(2n) { + margin-right: 0; +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap { + flex: 0 0 calc(33.33% - 10px); + margin: 5px; +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap:nth-child(3n) { + margin-right: 0; +} + +[CLASS*="stack-after-"].ast-alignment-wrapper { + margin-left: -5px; + margin-right: -5px; + display: flex; + flex-wrap: wrap; +} +[CLASS*="stack-after-"].ast-alignment-wrapper .ast-multiselector-inner-wrap { + margin: 5px; + align-items: center; + padding: 5px; + height: 30px; + border-radius: 0; +} +.ast-alignment-wrapper.stack-after-2 .ast-multiselector-inner-wrap { + flex: 0 0 calc(45% - 10px); +} +.ast-alignment-wrapper.stack-after-3 .ast-multiselector-inner-wrap { + flex: 0 0 calc(28% - 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; +} diff --git a/assets/css/notices.css b/assets/css/notices.css new file mode 100644 index 00000000..3df9b6b3 --- /dev/null +++ b/assets/css/notices.css @@ -0,0 +1,87 @@ +@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap); +.wpnotice-thumbnail-wrapper img{display:block}.button.button-primary.btn-nx-cta{background-color:#6a4bff}.button.button-primary.btn-nx-cta:hover{background-color:#5414d0}.btn-nx-cta:focus{box-shadow:none;outline:none}.wpnotice-content-wrapper>p{margin-top:0}.notice-essential_blocks-opt_in{display:block!important}.notice-essential_blocks-review{align-items:center;background-color:#fff;border-radius:3px;display:flex;grid-template-columns:80px 1fr!important;grid-template-columns:60px 1fr!important;margin:15px;padding:10px}.notice-essential_blocks-review:after{clear:both;content:"";display:table}.wpdeveloper-notice-thumbnail{border-right:4px solid transparent;float:left;padding:5px;text-align:center;width:90px}.wpdeveloper-notice-thumbnail img{opacity:.85;transition:all .3s;width:72px}.wpdeveloper-notice-thumbnail img:hover{opacity:1}.wpdeveloper-notice-thumbnail img,.wpdeveloper-update-notice .wpdeveloper-notice-thumbnail img,.wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail img{width:32px}.wpdeveloper-notice-thumbnail,.wpdeveloper-update-notice .wpdeveloper-notice-thumbnail,.wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail{padding:7px;width:auto}.wpdeveloper-update-notice .wpdeveloper-notice-message,.wpdeveloper-update_400k-notice .wpdeveloper-notice-message{padding:5px 0}.wpdeveloper-update-notice,.wpdeveloper-update_400k-notice{border-color:#6648fe;padding:0}a.ea-notice-cta{background-color:#4d18ff;background:linear-gradient(-30deg,#4d18ff,#9a7cff);border-radius:3px;color:#fff;margin-left:10px;margin-top:30px;outline:none;padding:8px 20px;text-decoration:none;transition:all .3s ease}a.ea-notice-cta:hover{opacity:.85}span.coupon-code{background:#ebebeb;letter-spacing:.035em;padding:5px 10px}.eael-review-text{overflow:hidden}.eael-review-text h3{font-size:24px;font-weight:400;line-height:1.3;margin:0 0 5px}.eael-review-text p{font-size:13px;margin:0 0 5px}.essential_blocks-notice-links{margin:8px 0 0;padding:0}.essential_blocks-notice-links li{align-items:center;display:inline-flex;margin-right:15px}.essential_blocks-notice-links li a{color:#10738b;display:inline-block;position:relative;text-decoration:none}.wpdeveloper-notice-message{padding:10px 0}.wpdeveloper-upsale-notice .wpdeveloper-notice-message{align-items:center;display:flex;padding:10px 0}.wpdeveloper-upsale-notice .wpdeveloper-notice-message+.notice-dismiss{top:10px}.wpdeveloper-upsale-notice #plugin-install-core{margin-left:10px}.notice.notice-has-thumbnail{padding-left:0}.wpdeveloper-upsale-notice{display:flex}.wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail{padding:10px;width:40px}.wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail img{width:32px}.toplevel_page_eael-settings .wp-menu-image img{max-width:20px;padding-top:8px!important}.wpdeveloper-upsale-notice .wpdeveloper-notice-message .button{margin-left:15px}.notice-has-thumbnail.wpdeveloper-freedom30-notice{align-items:center;display:grid;grid-template-columns:70px 1fr;position:relative}.notice-has-thumbnail.wpdeveloper-freedom30-notice .wpdeveloper-notice-thumbnail{width:70px}.notice-has-thumbnail.wpdeveloper-freedom30-notice .wpdeveloper-notice-thumbnail img{width:50px}.eb-notice{border-left-color:#d047df!important;border-color:#c3c4c7;border-left-width:4px;gap:30px!important;max-width:100%;padding:10px}.eb-notice .button-link{background-color:transparent!important}.eb-notice .button-link:hover{cursor:pointer!important}.eb-notice .wpnotice-thumbnail-wrapper{margin-left:15px}.eb-notice .wpnotice-thumbnail-wrapper img{height:35px;width:auto}.eb_notice_content{color:#3c434a;font-family:Inter,sans-serif;font-size:13px;font-weight:400;letter-spacing:0;line-height:16px;text-align:left}.eb_notice_content strong{font-weight:700}.eb-notice .notice-links a{text-transform:capitalize}.wpnotice-content-wrapper a{margin-right:5px!important}#wpnotice-essential_blocks-black_friday{border-left-color:#000!important}#wpnotice-essential_blocks-black_friday .button-primary{align-items:center;background-color:#5626e7;display:inline-flex;gap:7px;width:-moz-fit-content;width:fit-content}#wpnotice-essential_blocks-black_friday .dismiss-btn{color:#5626e7}#wpnotice-essential_blocks-black_friday .dismiss-btn:hover{background-color:transparent;color:#9878f6}#wpnotice-essential_blocks-black_friday .eb_notice_content{color:#3c434a;font-weight:400} + + +/* 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; +} diff --git a/assets/css/notifications.css b/assets/css/notifications.css new file mode 100644 index 00000000..3a8c9d93 --- /dev/null +++ b/assets/css/notifications.css @@ -0,0 +1,157 @@ +.wpforms-woocommerce-notification { + position: relative; + border: 1px solid #c3c4c7; + margin-block: 22px 24px; + margin-inline: 0 15px; + background-color: #ffffff; + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.wpforms-woocommerce-notification-image { + background: url("../../../images/integrations/woocommerce/mail.svg") no-repeat right -1px bottom; + min-width: 175px; +} + +.wpforms-woocommerce-notification-content { + padding: 15px 20px 20px; +} + +.wpforms-woocommerce-notification h2 { + margin: 0; + line-height: 21px; + font-size: 17px; + font-weight: 500; +} + +.wpforms-woocommerce-notification p { + font-size: 15px; + line-height: 18px; + margin: 6px 0 9px 0; + color: #50575e; +} + +.wpforms-woocommerce-notification #wpforms-woocommerce-close { + cursor: pointer; + color: #a7aaad; + opacity: 0.5; + position: absolute; + top: 0; + inset-inline-end: 0; + width: 30px; + height: 30px; + line-height: 30px; +} + +.wpforms-woocommerce-notification #wpforms-woocommerce-close:hover { + opacity: 1; +} + +body.rtl .wpforms-woocommerce-notification-image { + transform: scaleX(-1); +} + +@media (max-width: 680px) { + .wpforms-woocommerce-notification-image { + display: none; + } + .wpforms-woocommerce-notification .button-primary { + min-height: 30px; + padding: 0 10px; + font-size: 13px; + margin-bottom: 0; + line-height: 2.15384615; + } +} + +@media (max-width: 620px) { + .wpforms-woocommerce-notification { + margin-inline-end: 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; +} diff --git a/assets/css/notifications.min.css b/assets/css/notifications.min.css new file mode 100644 index 00000000..8ba74b79 --- /dev/null +++ b/assets/css/notifications.min.css @@ -0,0 +1,86 @@ +.wpforms-woocommerce-notification{position:relative;border:1px solid #c3c4c7;margin-block:22px 24px;margin-inline:0 15px;background-color:#ffffff;display:flex;flex-direction:row;justify-content:space-between}.wpforms-woocommerce-notification-image{background:url("../../../images/integrations/woocommerce/mail.svg") no-repeat right -1px bottom;min-width:175px}.wpforms-woocommerce-notification-content{padding:15px 20px 20px}.wpforms-woocommerce-notification h2{margin:0;line-height:21px;font-size:17px;font-weight:500}.wpforms-woocommerce-notification p{font-size:15px;line-height:18px;margin:6px 0 9px 0;color:#50575e}.wpforms-woocommerce-notification #wpforms-woocommerce-close{cursor:pointer;color:#a7aaad;opacity:0.5;position:absolute;top:0;inset-inline-end:0;width:30px;height:30px;line-height:30px}.wpforms-woocommerce-notification #wpforms-woocommerce-close:hover{opacity:1}body.rtl .wpforms-woocommerce-notification-image{transform:scaleX(-1)}@media (max-width: 680px){.wpforms-woocommerce-notification-image{display:none}.wpforms-woocommerce-notification .button-primary{min-height:30px;padding:0 10px;font-size:13px;margin-bottom:0;line-height:2.15384615}}@media (max-width: 620px){.wpforms-woocommerce-notification{margin-inline-end: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; +} diff --git a/assets/css/notifications_media_queries.css b/assets/css/notifications_media_queries.css new file mode 100644 index 00000000..d775466a --- /dev/null +++ b/assets/css/notifications_media_queries.css @@ -0,0 +1,106 @@ +@media only screen and (max-width: 599px) { + body, + .body { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .header { + padding-bottom: 25px !important; + } + .header img { + width: 213px !important; + } + .content { + padding-top: 0 !important; + } + .footer { + padding-bottom: 25px !important; + } +} + +/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXRzL2Nzcy9lbWFpbHMvcGFydGlhbHMvbm90aWZpY2F0aW9uc19tZWRpYV9xdWVyaWVzLmNzcyIsInNvdXJjZXMiOlsiYXNzZXRzL3Njc3MvZW1haWxzL3BhcnRpYWxzL25vdGlmaWNhdGlvbnNfbWVkaWFfcXVlcmllcy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTk5cHgpIHtcblx0Ym9keSxcblx0LmJvZHkge1xuXHRcdHBhZGRpbmctdG9wOiAyNXB4ICFpbXBvcnRhbnQ7XG5cdFx0cGFkZGluZy1ib3R0b206IDI1cHggIWltcG9ydGFudDtcblx0fVxuXG5cdC5oZWFkZXIge1xuXHRcdHBhZGRpbmctYm90dG9tOiAyNXB4ICFpbXBvcnRhbnQ7XG5cblx0XHRpbWcge1xuXHRcdFx0d2lkdGg6IDIxM3B4ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHR9XG5cblx0LmNvbnRlbnQge1xuXHRcdHBhZGRpbmctdG9wOiAwICFpbXBvcnRhbnQ7XG5cdH1cblxuXHQuZm9vdGVyIHtcblx0XHRwYWRkaW5nLWJvdHRvbTogMjVweCAhaW1wb3J0YW50O1xuXHR9XG59XG5cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE1BQU0sTUFBTSxNQUFNLFNBQVMsRUFBRSxLQUFLO0VBQ3ZDLEFBQUEsSUFBSTtFQUNKLEtBQUssQ0FBQztJQUNMLFdBQVcsRUFBRSxlQUFlO0lBQzVCLGNBQWMsRUFBRSxlQUFlO0dBQy9CO0VBRUQsQUFBQSxPQUFPLENBQUM7SUFDUCxjQUFjLEVBQUUsZUFBZTtHQUsvQjtFQU5ELEFBR0MsT0FITSxDQUdOLEdBQUcsQ0FBQztJQUNILEtBQUssRUFBRSxnQkFBZ0I7R0FDdkI7RUFHRixBQUFBLFFBQVEsQ0FBQztJQUNSLFdBQVcsRUFBRSxZQUFZO0dBQ3pCO0VBRUQsQUFBQSxPQUFPLENBQUM7SUFDUCxjQUFjLEVBQUUsZUFBZTtHQUMvQiJ9 */ + + +/* 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; +} diff --git a/assets/css/notifications_media_queries.min.css b/assets/css/notifications_media_queries.min.css new file mode 100644 index 00000000..d0e90dfb --- /dev/null +++ b/assets/css/notifications_media_queries.min.css @@ -0,0 +1,86 @@ +@media only screen and (max-width: 599px){body,.body{padding-top:25px !important;padding-bottom:25px !important}.header{padding-bottom:25px !important}.header img{width:213px !important}.content{padding-top:0 !important}.footer{padding-bottom:25px !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; +} diff --git a/assets/css/number-rtl.css b/assets/css/number-rtl.css new file mode 100644 index 00000000..6132717b --- /dev/null +++ b/assets/css/number-rtl.css @@ -0,0 +1,163 @@ +.customize-control-ast-number .ast-number-single{ + display: flex; + border: 1px solid #D1D5DB; + border-radius: 3px; + background-color: #fff; + width: 96px; +} + +.customize-control-ast-number .components-input-control__container, .customize-control-ast-number .components-input-control__input { + text-align: center; +} + +.customize-control-ast-number .ast-number-single .dashicon.dashicons { + display: flex; + align-items: center; + justify-content: center; + color: #676879; + font-size: 10px; + padding: 0.5em; + cursor: pointer; +} + +.customize-control-ast-number .components-input-control__backdrop { + border: 0 !important; +} + +.customize-control-ast-number .ast-number-single input[type=number]::-webkit-inner-spin-button, +.customize-control-ast-number .ast-number-single input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; +} + +.customize-control-ast-number .ast-control-wrapper { + display: flex; + justify-content: space-between; + align-items: center; +} + +.customize-control-ast-number .ast-title-wrapper { + width: 50%; +} + +.customize-control-ast-number .ast-number-single { + display: none +} + +.customize-control-ast-number .ast-number-single.active { + display: flex; +} + +.customize-control-ast-number .ast-responsive-btns { + margin-right: 0.5em; +} + +/* Hide spin buttons for WebKit (Chrome, Safari) */ +.customize-control-ast-number input[type="number"]::-webkit-inner-spin-button, +.customize-control-ast-number input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; /* Adjust as needed */ +} + +/* Hide spin buttons for Firefox */ +.customize-control-ast-number input[type="number"] { + -moz-appearance: textfield; + text-align: center; +} + +/* Hide spin buttons for Edge & IE */ +.customize-control-ast-number input[type="number"]::-webkit-outer-spin-button, +.customize-control-ast-number input[type="number"]::-webkit-inner-spin-button, +.customize-control-ast-number input[type="number"]::-ms-clear, +.customize-control-ast-number input[type="number"]::-ms-reveal { + 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; +} diff --git a/assets/css/number.css b/assets/css/number.css new file mode 100644 index 00000000..d85f125a --- /dev/null +++ b/assets/css/number.css @@ -0,0 +1,163 @@ +.customize-control-ast-number .ast-number-single{ + display: flex; + border: 1px solid #D1D5DB; + border-radius: 3px; + background-color: #fff; + width: 96px; +} + +.customize-control-ast-number .components-input-control__container, .customize-control-ast-number .components-input-control__input { + text-align: center; +} + +.customize-control-ast-number .ast-number-single .dashicon.dashicons { + display: flex; + align-items: center; + justify-content: center; + color: #676879; + font-size: 10px; + padding: 0.5em; + cursor: pointer; +} + +.customize-control-ast-number .components-input-control__backdrop { + border: 0 !important; +} + +.customize-control-ast-number .ast-number-single input[type=number]::-webkit-inner-spin-button, +.customize-control-ast-number .ast-number-single input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; +} + +.customize-control-ast-number .ast-control-wrapper { + display: flex; + justify-content: space-between; + align-items: center; +} + +.customize-control-ast-number .ast-title-wrapper { + width: 50%; +} + +.customize-control-ast-number .ast-number-single { + display: none +} + +.customize-control-ast-number .ast-number-single.active { + display: flex; +} + +.customize-control-ast-number .ast-responsive-btns { + margin-left: 0.5em; +} + +/* Hide spin buttons for WebKit (Chrome, Safari) */ +.customize-control-ast-number input[type="number"]::-webkit-inner-spin-button, +.customize-control-ast-number input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; /* Adjust as needed */ +} + +/* Hide spin buttons for Firefox */ +.customize-control-ast-number input[type="number"] { + -moz-appearance: textfield; + text-align: center; +} + +/* Hide spin buttons for Edge & IE */ +.customize-control-ast-number input[type="number"]::-webkit-outer-spin-button, +.customize-control-ast-number input[type="number"]::-webkit-inner-spin-button, +.customize-control-ast-number input[type="number"]::-ms-clear, +.customize-control-ast-number input[type="number"]::-ms-reveal { + 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; +} diff --git a/assets/css/order-received-rtl.css b/assets/css/order-received-rtl.css new file mode 100644 index 00000000..2fb7df86 --- /dev/null +++ b/assets/css/order-received-rtl.css @@ -0,0 +1,182 @@ +.woocommerce-checkout.woocommerce-order-received .woocommerce-order-received-title-common, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-column__title { + background: transparent; + border: 0; + font-size: 1.5em; + padding-right: 0; + padding-left: 0; + padding-top: 0; + font-weight: 600; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order { + max-width: 800px; + margin: 0 auto; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received { + text-align: center; + margin: 1.5em auto 2em; + padding: 1em 0; + font-weight: 600; + font-size: large; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { + color: inherit; + padding: 1.5em 1.5em 1em 1.5em; + background: var(--ast-global-color-secondary, --ast-global-color-4); + margin: 2.5em auto 3em; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li { + display: inline-block; + line-height: inherit; + margin: 0 1.5em; + padding: 0; + border-bottom: 0 none; + border-left: 0; + overflow: visible; + font-size: 1em; + text-transform: none; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong { + font-size: inherit; + font-weight: 400; + color: var(--ast-global-color-1); +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table { + border-style: hidden; + border-radius: 4px; + box-shadow: 0 0 0 1px var(--ast-border-color); +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td { + padding: 1.5em 1.2em 1.5em 1.2em; + line-height: 1.4em; + border-color: var(--ast-border-color); + font-weight: 400; + border-left: 0; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td a { + color: var(--ast-global-color-3); +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td:nth-last-child(1), .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th:nth-last-child(1) { + text-align: left; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td:nth-last-child(1) .amount, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th:nth-last-child(1) .amount { + font-weight: 400; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table thead tr th { + padding: 1em 1.2em 1em 1.2em; + font-weight: 500; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(1) th, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(1) td { + font-size: large; + padding: 1em 1.2em 1em 1em; + border-bottom: 0; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(1) th { + font-weight: 600; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(1) .amount { + font-weight: 700; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address { + border: 0; + padding: 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; +} diff --git a/assets/css/order-received-rtl.min.css b/assets/css/order-received-rtl.min.css new file mode 100644 index 00000000..d9e88231 --- /dev/null +++ b/assets/css/order-received-rtl.min.css @@ -0,0 +1,85 @@ +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-column__title,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title,.woocommerce-checkout.woocommerce-order-received .woocommerce-order-received-title-common{background:0 0;border:0;font-size:1.5em;padding-right:0;padding-left:0;padding-top:0;font-weight:600}.woocommerce-checkout.woocommerce-order-received .woocommerce-order{max-width:800px;margin:0 auto}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received{text-align:center;margin:1.5em auto 2em;padding:1em 0;font-weight:600;font-size:large}.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview{color:inherit;padding:1.5em 1.5em 1em 1.5em;background:var(--ast-global-color-secondary,--ast-global-color-4);margin:2.5em auto 3em}.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li{display:inline-block;line-height:inherit;margin:0 1.5em;padding:0;border-bottom:0 none;border-left:0;overflow:visible;font-size:1em;text-transform:none}.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong{font-size:inherit;font-weight:400;color:var(--ast-global-color-1)}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table{border-style:hidden;border-radius:4px;box-shadow:0 0 0 1px var(--ast-border-color)}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th{padding:1.5em 1.2em 1.5em 1.2em;line-height:1.4em;border-color:var(--ast-border-color);font-weight:400;border-left:0}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td a{color:var(--ast-global-color-3)}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td:last-child,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th:last-child{text-align:left}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td:last-child .amount,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th:last-child .amount{font-weight:400}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table thead tr th{padding:1em 1.2em 1em 1.2em;font-weight:500}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child td,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child th{font-size:large;padding:1em 1.2em 1em 1em;border-bottom:0}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child th{font-weight:600}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child .amount{font-weight:700}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address{border:0;padding: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; +} diff --git a/assets/css/order-received.css b/assets/css/order-received.css new file mode 100644 index 00000000..0425cd66 --- /dev/null +++ b/assets/css/order-received.css @@ -0,0 +1,182 @@ +.woocommerce-checkout.woocommerce-order-received .woocommerce-order-received-title-common, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-column__title { + background: transparent; + border: 0; + font-size: 1.5em; + padding-left: 0; + padding-right: 0; + padding-top: 0; + font-weight: 600; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order { + max-width: 800px; + margin: 0 auto; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received { + text-align: center; + margin: 1.5em auto 2em; + padding: 1em 0; + font-weight: 600; + font-size: large; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { + color: inherit; + padding: 1.5em 1.5em 1em 1.5em; + background: var(--ast-global-color-secondary, --ast-global-color-4); + margin: 2.5em auto 3em; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li { + display: inline-block; + line-height: inherit; + margin: 0 1.5em; + padding: 0; + border-bottom: 0 none; + border-right: 0; + overflow: visible; + font-size: 1em; + text-transform: none; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong { + font-size: inherit; + font-weight: 400; + color: var(--ast-global-color-1); +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table { + border-style: hidden; + border-radius: 4px; + box-shadow: 0 0 0 1px var(--ast-border-color); +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td { + padding: 1.5em 1.2em 1.5em 1.2em; + line-height: 1.4em; + border-color: var(--ast-border-color); + font-weight: 400; + border-right: 0; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td a { + color: var(--ast-global-color-3); +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td:nth-last-child(1), .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th:nth-last-child(1) { + text-align: right; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td:nth-last-child(1) .amount, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th:nth-last-child(1) .amount { + font-weight: 400; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table thead tr th { + padding: 1em 1.2em 1em 1.2em; + font-weight: 500; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(1) th, .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(1) td { + font-size: large; + padding: 1em 1em 1em 1.2em; + border-bottom: 0; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(1) th { + font-weight: 600; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(1) .amount { + font-weight: 700; +} + +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address { + border: 0; + padding: 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; +} diff --git a/assets/css/order-received.min.css b/assets/css/order-received.min.css new file mode 100644 index 00000000..f482f976 --- /dev/null +++ b/assets/css/order-received.min.css @@ -0,0 +1,85 @@ +.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details .woocommerce-column__title,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title,.woocommerce-checkout.woocommerce-order-received .woocommerce-order-received-title-common{background:0 0;border:0;font-size:1.5em;padding-left:0;padding-right:0;padding-top:0;font-weight:600}.woocommerce-checkout.woocommerce-order-received .woocommerce-order{max-width:800px;margin:0 auto}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received{text-align:center;margin:1.5em auto 2em;padding:1em 0;font-weight:600;font-size:large}.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview{color:inherit;padding:1.5em 1.5em 1em 1.5em;background:var(--ast-global-color-secondary,--ast-global-color-4);margin:2.5em auto 3em}.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li{display:inline-block;line-height:inherit;margin:0 1.5em;padding:0;border-bottom:0 none;border-right:0;overflow:visible;font-size:1em;text-transform:none}.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong{font-size:inherit;font-weight:400;color:var(--ast-global-color-1)}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table{border-style:hidden;border-radius:4px;box-shadow:0 0 0 1px var(--ast-border-color)}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th{padding:1.5em 1.2em 1.5em 1.2em;line-height:1.4em;border-color:var(--ast-border-color);font-weight:400;border-right:0}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td a{color:var(--ast-global-color-3)}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td:last-child,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th:last-child{text-align:right}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr td:last-child .amount,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tr th:last-child .amount{font-weight:400}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table thead tr th{padding:1em 1.2em 1em 1.2em;font-weight:500}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child td,.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child th{font-size:large;padding:1em 1em 1em 1.2em;border-bottom:0}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child th{font-weight:600}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details table.shop_table tfoot tr:last-child .amount{font-weight:700}.woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address{border:0;padding: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; +} diff --git a/assets/css/plyr.css b/assets/css/plyr.css new file mode 100644 index 00000000..3898eb8a --- /dev/null +++ b/assets/css/plyr.css @@ -0,0 +1,85 @@ +@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top-color:hsla(0,0%,100%,.9);border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc(var(--plyr-range-thumb-height,13px)/2*-1 - var(--plyr-range-track-height,5px)/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress__buffer,.plyr__progress input[type=range]{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height,5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!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; +} diff --git a/assets/css/popup-builder.css b/assets/css/popup-builder.css new file mode 100644 index 00000000..93f6e399 --- /dev/null +++ b/assets/css/popup-builder.css @@ -0,0 +1,86 @@ +.uagb-popup-builder{display:none;opacity:0;position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;z-index:999999999;overflow:hidden;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:250ms;-moz-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}.uagb-popup-builder__banner--pusher{position:relative}.uagb-popup-builder__wrapper{position:relative;box-sizing:border-box}.uagb-popup-builder__wrapper--banner{width:100%}.uagb-popup-builder__container{display:flex;box-sizing:border-box;width:100%;height:100%;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-transition-property:box-shadow, border-color;-moz-transition-property:box-shadow, border-color;-o-transition-property:box-shadow, border-color;transition-property:box-shadow, border-color;-webkit-transition-duration:250ms;-moz-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}.uagb-popup-builder__container .uagb-is-root-container{width:100%}.uagb-popup-builder__close{position:absolute;top:0;z-index:999999999}.uagb-popup-builder button.uagb-popup-builder__close{border:none;background:transparent;background-color:transparent;padding:0}.uagb-popup-builder button.uagb-popup-builder__close svg{-webkit-transition-property:fill;-moz-transition-property:fill;-o-transition-property:fill;transition-property:fill;-webkit-transition-duration:250ms;-moz-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms}.uagb-popup-builder__body--overflow-hidden{overflow: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; +} diff --git a/assets/css/post-author-rtl.css b/assets/css/post-author-rtl.css new file mode 100644 index 00000000..0db9ee15 --- /dev/null +++ b/assets/css/post-author-rtl.css @@ -0,0 +1,141 @@ +/** + * Author Info for Single Post + * + * Content + * 1 - Author Info Wrapper + * 2 - Author Details Styles + * 3 - Author Avatar Styles + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.single { + /* 1 - Author Info Wrapper */ +} + +.single .ast-single-author-box { + display: inline-block; + margin-top: 2em; + width: 100%; + border-top: 1px solid var(--ast-single-post-border, var(--ast-border-color)); +} + +.single .ast-author-meta { + /* 2 - Author Details Styles */ + /* 3 - Author Avatar Styles */ +} + +.single .ast-author-meta .ast-author-details { + width: 100%; +} + +.single .ast-author-meta .about-author-title-wrapper, +.single .ast-author-meta .post-author-bio { + text-align: center; +} + +.single .ast-author-meta .post-author-avatar { + text-align: center; + padding-left: 0; +} + +.single .ast-author-meta .post-author-avatar img { + border-radius: 50%; + min-width: 100px; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); + border: 1px solid var(--ast-border-color); +} + +.single .ast-author-meta .about-author-title-wrapper { + padding: 0 0 1em; +} + +.single.ast-separate-container .ast-author-meta { + background-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; +} diff --git a/assets/css/post-author-rtl.min.css b/assets/css/post-author-rtl.min.css new file mode 100644 index 00000000..3c4a5dd3 --- /dev/null +++ b/assets/css/post-author-rtl.min.css @@ -0,0 +1,85 @@ +.single .ast-single-author-box{display:inline-block;margin-top:2em;width:100%;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}.single .ast-author-meta .ast-author-details{width:100%}.single .ast-author-meta .about-author-title-wrapper,.single .ast-author-meta .post-author-bio{text-align:center}.single .ast-author-meta .post-author-avatar{text-align:center;padding-left:0}.single .ast-author-meta .post-author-avatar img{border-radius:50%;min-width:100px;box-shadow:0 0 5px 0 rgba(0,0,0,.15);border:1px solid var(--ast-border-color)}.single .ast-author-meta .about-author-title-wrapper{padding:0 0 1em}.single.ast-separate-container .ast-author-meta{background-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; +} diff --git a/assets/css/post-author.css b/assets/css/post-author.css new file mode 100644 index 00000000..20420934 --- /dev/null +++ b/assets/css/post-author.css @@ -0,0 +1,141 @@ +/** + * Author Info for Single Post + * + * Content + * 1 - Author Info Wrapper + * 2 - Author Details Styles + * 3 - Author Avatar Styles + */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.single { + /* 1 - Author Info Wrapper */ +} + +.single .ast-single-author-box { + display: inline-block; + margin-top: 2em; + width: 100%; + border-top: 1px solid var(--ast-single-post-border, var(--ast-border-color)); +} + +.single .ast-author-meta { + /* 2 - Author Details Styles */ + /* 3 - Author Avatar Styles */ +} + +.single .ast-author-meta .ast-author-details { + width: 100%; +} + +.single .ast-author-meta .about-author-title-wrapper, +.single .ast-author-meta .post-author-bio { + text-align: center; +} + +.single .ast-author-meta .post-author-avatar { + text-align: center; + padding-right: 0; +} + +.single .ast-author-meta .post-author-avatar img { + border-radius: 50%; + min-width: 100px; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); + border: 1px solid var(--ast-border-color); +} + +.single .ast-author-meta .about-author-title-wrapper { + padding: 0 0 1em; +} + +.single.ast-separate-container .ast-author-meta { + background-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; +} diff --git a/assets/css/post-author.min.css b/assets/css/post-author.min.css new file mode 100644 index 00000000..60305143 --- /dev/null +++ b/assets/css/post-author.min.css @@ -0,0 +1,85 @@ +.single .ast-single-author-box{display:inline-block;margin-top:2em;width:100%;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}.single .ast-author-meta .ast-author-details{width:100%}.single .ast-author-meta .about-author-title-wrapper,.single .ast-author-meta .post-author-bio{text-align:center}.single .ast-author-meta .post-author-avatar{text-align:center;padding-right:0}.single .ast-author-meta .post-author-avatar img{border-radius:50%;min-width:100px;box-shadow:0 0 5px 0 rgba(0,0,0,.15);border:1px solid var(--ast-border-color)}.single .ast-author-meta .about-author-title-wrapper{padding:0 0 1em}.single.ast-separate-container .ast-author-meta{background-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; +} diff --git a/assets/css/post.css b/assets/css/post.css new file mode 100644 index 00000000..059eb386 --- /dev/null +++ b/assets/css/post.css @@ -0,0 +1,86 @@ +.uagb-post-grid{margin:0 auto;position:relative}.uagb-post-grid:not(.is-grid) .uagb-post__inner-wrap{background-clip:content-box !important}.uagb-post-grid .uagb-post__inner-wrap{transition:box-shadow 0.2s ease;overflow:hidden}.uagb-post-grid .uagb-post__inner-wrap .uagb-post__taxonomy{display:inline-block}.uagb-post-grid .uagb-post__inner-wrap .uagb-post__taxonomy.default{margin:5px 5px 5px 0}.uagb-post-grid .uagb-post__inner-wrap .uagb-post__taxonomy.highlighted{background:#444;color:#fff;border-radius:2px;flex-direction:row;align-items:flex-end;padding:6px 8px;line-height:1;margin-right:5px;margin-bottom:20px}.uagb-post-grid .uagb-post__inner-wrap .uagb-post__taxonomy.highlighted a{color:#fff}.uagb-post-grid .uagb-post__inner-wrap .uagb-post__taxonomy a{text-decoration:none;color:inherit}.uagb-post-grid .uagb-post__inner-wrap .uagb-post__image .uagb-post__image-equal-height{display:block;height:0;padding-bottom:66.67%;overflow:hidden}.uagb-post-grid .uagb-post__load-more-wrap{width:100%;position:absolute;bottom:-30px}.uagb-post-grid .uagb-post__load-more-wrap .uagb-post-pagination-button{cursor:pointer}.uagb-post-grid .uagb-post__load-more-wrap a{color:inherit}.uagb-post-grid.is-grid article{float:left;display:inline-block}.uagb-post-grid.is-grid.uagb-equal_height_inline-read-more-buttons.uagb-post__image-position-top .uagb-post__text:nth-last-child(2){padding-bottom:100px}.uagb-post-grid.is-grid.uagb-equal_height_inline-read-more-buttons.uagb-post__image-position-top .uagb-post__text:last-child{position:absolute;bottom:20px}.uagb-post-grid.is-grid.uagb-equal_height_inline-read-more-buttons.uagb-post__image-position-background .uagb-post__text:nth-last-child(3){padding-bottom:100px}.uagb-post-grid.is-grid.uagb-equal_height_inline-read-more-buttons.uagb-post__image-position-background .uagb-post__text:nth-last-child(2){position:absolute;bottom:20px}.uagb-post-grid.is-grid.uagb-equal_height_inline-read-more-buttons.uagb-post__image-position-top .uagb-post__inner-wrap,.uagb-post-grid.is-grid.uagb-equal_height_inline-read-more-buttons.uagb-post__image-position-background .uagb-post__inner-wrap{position:relative}.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a{display:block;height:0;overflow:hidden;position:relative}.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a.uagb-image-ratio-2-3{padding-bottom:66%}.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a.uagb-image-ratio-9-16{padding-bottom:56.25%}.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a.uagb-image-ratio-1-2{padding-bottom:50%}.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a.uagb-image-ratio-1-1{padding-bottom:67%}.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a.uagb-image-ratio-inherit{padding-bottom:0;height:auto}.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a.uagb-image-ratio-inherit img{position:unset !important}.uagb-post-grid.is-grid.uagb-post__image-position-top .uagb-post__image a[class^="uagb-image-ratio-"]>img{position:absolute;height:100%}.uagb-post-grid.uagb-post__items.is-masonry{display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.uagb-post-grid.uagb-post__items.is-carousel{display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;visibility:hidden}.uagb-post-grid.is-grid .uagb-post__inner-wrap{height:max-content}.uagb-post-grid.is-grid.uagb-post__equal-height .uagb-post__inner-wrap{height:auto}.uagb-post-grid.is-masonry .uagb-post__inner-wrap{height:auto}.uagb-post-grid .uagb-post__author span,.uagb-post-grid .uagb-post__comment span,.uagb-post-grid .uagb-post__taxonomy span,.uagb-post-grid .uagb-post__date span{font-size:inherit;line-height:inherit;width:inherit;height:inherit;margin-right:4px;vertical-align:bottom}.uagb-post-grid.uagb-post__columns-8:not(.is-grid) article{width:12.5%}.uagb-post-grid.uagb-post__columns-7:not(.is-grid) article{width:14.28%}.uagb-post-grid.uagb-post__columns-6:not(.is-grid) article{width:16.66%}.uagb-post-grid.uagb-post__columns-5:not(.is-grid) article{width:20%}.uagb-post-grid.uagb-post__columns-4:not(.is-grid) article{width:25%}.uagb-post-grid.uagb-post__columns-3:not(.is-grid) article{width:33.33%}.uagb-post-grid.uagb-post__columns-2:not(.is-grid) article{width:50%}.uagb-post-grid.uagb-post__columns-1:not(.is-grid) article{width:100%}@media only screen and (max-width: 600px){.uagb-post-grid div[class*="columns"].is-grid{grid-template-columns:1fr}}.uagb-post-grid .uagb-post__image img{display:block;width:100%;height:auto;max-width:100%}.uagb-post-grid .uagb-post__title{margin-top:0;margin-bottom:0;word-break:break-word}.uagb-post-grid .uagb-post__title a{color:inherit;box-shadow:none;transition:0.3s ease;text-decoration:none}.uagb-post-grid .uagb-post__title a:hover{text-decoration:none}.uagb-post-grid .uagb-post__title a:focus{text-decoration:none}.uagb-post-grid .uagb-post__title a:active{text-decoration:none}.uagb-post-grid .uagb-post-grid-byline>*{margin-right:10px}.uagb-post-grid .uagb-post-grid-byline,.uagb-post-grid .uagb-post__taxonomy{text-transform:capitalize;font-size:14px;font-weight:500;line-height:23px;text-decoration:none}.uagb-post-grid .uagb-post-grid-byline a,.uagb-post-grid .uagb-post-grid-byline a:focus,.uagb-post-grid .uagb-post-grid-byline a:active{color:inherit;font-size:inherit;text-decoration:none}.uagb-post-grid .uagb-post__title a,.uagb-post-grid .uagb-post__title a:focus,.uagb-post-grid .uagb-post__title a:active{color:inherit;font-size:inherit}.uagb-post-grid .uagb-post__author,.uagb-post-grid .uagb-post__date,.uagb-post-grid .uagb-post__comment{display:inline-block;word-break:break-all}.uagb-post-grid .uagb-post__author:not(:last-child)::after,.uagb-post-grid .uagb-post__date:not(:last-child)::after,.uagb-post-grid .uagb-post__comment:not(:last-child)::after{content:"\B7";vertical-align:middle;align-self:center;margin:0 5px;line-height:1}.uagb-post-grid .uagb-post__comment,.uagb-post-grid .uagb-post__taxonomy{display:inline-block}.uagb-post-grid .uagb-post__author a{box-shadow:none}.uagb-post-grid .uagb-post__author a:hover{color:inherit;box-shadow:0 -1px 0 inset}.uagb-post-grid .uagb-post__excerpt{word-break:break-word}.uagb-post-grid .uagb-post__inner-wrap p:last-of-type{margin-bottom:0}.uagb-post-grid .uagb-post__cta{border:none;display:inline-block;background:none}.uagb-post-grid .uagb-post__cta .ast-outline-button{display:inline-flex}.uagb-post-grid .uagb-post__excerpt p{color:inherit}.is-grid.uagb-post__items{display:grid}.wp-block-uagb-post-grid .uagb-post-pagination-wrap{grid-column:1 / -1}.uagb-post__image-position-background .uagb-post__link-complete-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11}.uagb-post__image-position-background.uagb-post__image-enabled .uagb-post__text{color:#fff}.uagb-post__image-position-background .uagb-post__text{opacity:1;position:relative;z-index:10;overflow:hidden}.uagb-post__image-position-background .uagb-post__inner-wrap{position:relative;width:100%}.uagb-post__image-position-background .uagb-post__inner-wrap .uagb-post__taxonomy.highlighted,.uagb-post__image-position-background .uagb-post__inner-wrap .uagb-post__taxonomy.default{position:relative;z-index:999}.uagb-post__image-position-background .uagb-post__image img{position:absolute;width:auto;height:auto;min-width:100%;max-width:none;left:50%;top:50%;transform:translate(-50%, -50%);min-height:100%}.uagb-post__image-position-background .uagb-post__image{background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden;text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.uagb-post__image-position-background .uagb-post__image::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,0.5)}.uagb-slick-carousel .is-carousel{padding:0}.uagb-slick-carousel ul.slick-dots{transform:unset;position:relative;padding:unset}.uagb-slick-carousel .slick-prev:not(:hover):not(:active):not(.has-background),.uagb-slick-carousel .slick-next:not(:hover):not(:active):not(.has-background),.uagb-slick-carousel ul.slick-dots li button:not(:hover):not(:active):not(.has-background){background-color:unset}.uagb-post-grid[data-equal-height="yes"] .uagb-post__inner-wrap{display:inline-block;height:100%}.uagb-post__arrow-outside.uagb-post-grid .slick-prev{left:-45px;z-index:1}[dir="rtl"] .uagb-post__arrow-outside.uagb-post-grid .slick-prev{left:-45px;right:auto}.uagb-post__arrow-outside.uagb-post-grid .slick-next{right:-45px}[dir="rtl"] .uagb-post__arrow-outside.uagb-post-grid .slick-next{left:auto;right:-45px}.uagb-post__arrow-inside.uagb-post-grid .slick-prev{left:25px;z-index:1}[dir="rtl"] .uagb-post__arrow-inside.uagb-post-grid .slick-prev{left:auto;right:25px}.uagb-post__arrow-inside.uagb-post-grid .slick-next{right:25px}[dir="rtl"] .uagb-post__arrow-inside.uagb-post-grid .slick-next{left:25px;right:auto}.uagb-post-grid.is-grid article,.uagb-post-grid.is-masonry article,.uagb-post-grid.is-carousel article{box-sizing:border-box}@media (max-width: 976px){.uagb-post__arrow-outside.uagb-post-grid .slick-prev{left:15px;z-index:1}[dir="rtl"] .uagb-post__arrow-outside.uagb-post-grid .slick-prev{left:auto;right:15px}.uagb-post__arrow-outside.uagb-post-grid .slick-next{right:15px}[dir="rtl"] .uagb-post__arrow-outside.uagb-post-grid .slick-next{left:15px;right:auto}:not(.is-grid).uagb-post-grid.uagb-post__columns-tablet-1 article{width:100%}:not(.is-grid).uagb-post-grid.uagb-post__columns-tablet-2 article{width:50%}:not(.is-grid).uagb-post-grid.uagb-post__columns-tablet-3 article{width:33.33%}:not(.is-grid).uagb-post-grid.uagb-post__columns-tablet-4 article{width:25%}:not(.is-grid).uagb-post-grid.uagb-post__columns-tablet-5 article{width:20%}:not(.is-grid).uagb-post-grid.uagb-post__columns-tablet-6 article{width:16.66%}:not(.is-grid).uagb-post-grid.uagb-post__columns-tablet-7 article{width:14.28%}:not(.is-grid).uagb-post-grid.uagb-post__columns-tablet-8 article{width:12.5%}}@media (max-width: 767px){:not(.is-grid).uagb-post-grid.uagb-post__columns-mobile-1 article{width:100%}:not(.is-grid).uagb-post-grid.uagb-post__columns-mobile-2 article{width:50%}:not(.is-grid).uagb-post-grid.uagb-post__columns-mobile-3 article{width:33.33%}:not(.is-grid).uagb-post-grid.uagb-post__columns-mobile-4 article{width:25%}:not(.is-grid).uagb-post-grid.uagb-post__columns-mobile-5 article{width:20%}:not(.is-grid).uagb-post-grid.uagb-post__columns-mobile-6 article{width:16.66%}:not(.is-grid).uagb-post-grid.uagb-post__columns-mobile-7 article{width:14.28%}:not(.is-grid).uagb-post-grid.uagb-post__columns-mobile-8 article{width:12.5%}}.entry .entry-content .uagb-post-grid a{text-decoration:none}.uagb-post-pagination-wrap{display:flex;width:100%;flex-wrap:wrap}.uagb-post-pagination-wrap a.page-numbers,.uagb-post-pagination-wrap span.page-numbers.current{padding:5px 10px;margin:0;display:flex;margin-right:4px;margin-bottom:5px}.uagb-post-grid .uagb-post-inf-loader{margin:0 auto;min-height:58px;line-height:58px;width:160px;text-align:center}.uagb-post-grid .uagb-post-inf-loader div{width:18px;height:18px;background-color:#0085ba;-webkit-border-radius:100%;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.uagb-post-grid .uagb-post-inf-loader .uagb-post-loader-1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.uagb-post-grid .uagb-post-inf-loader .uagb-post-loader-2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.wp-site-blocks .uagb-post__arrow-outside.uagb-post-grid .slick-next{right:0}.wp-site-blocks .uagb-post__arrow-outside.uagb-post-grid .slick-prev{left:0}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}} + + +/* 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; +} diff --git a/assets/css/price-list.css b/assets/css/price-list.css new file mode 100644 index 00000000..dff84ac8 --- /dev/null +++ b/assets/css/price-list.css @@ -0,0 +1,86 @@ +.wp-block-uagb-restaurant-menu,.uagb-rest_menu__wrap{position:relative}.wp-block-uagb-restaurant-menu.uagb-rm__desk-column-1,.uagb-rest_menu__wrap.uagb-rm__desk-column-1{grid-template-columns:auto}.wp-block-uagb-restaurant-menu.uagb-rm__desk-column-2,.uagb-rest_menu__wrap.uagb-rm__desk-column-2{grid-template-columns:auto auto}.wp-block-uagb-restaurant-menu.uagb-rm__desk-column-3,.uagb-rest_menu__wrap.uagb-rm__desk-column-3{grid-template-columns:auto auto auto}.wp-block-uagb-restaurant-menu.uagb-rm__desk-column-4,.uagb-rest_menu__wrap.uagb-rm__desk-column-4{grid-template-columns:auto auto auto auto}.wp-block-uagb-restaurant-menu .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rm__price{min-width:fit-content}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap,.uagb-rest_menu__wrap .uagb-rest_menu__wrap{position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__image-position-right .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__image-position-right .uagb-rm__price{text-align:left !important}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__content,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__content{position:relative;display:table;width:100%;padding:15px;border-radius:inherit;text-align:left;word-break:break-word;overflow:hidden}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__content .uagb-rm-details,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__content .uagb-rm-details{display:table;width:100%}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__content .uagb-rm-details .uagb-rm__title,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__content .uagb-rm-details .uagb-rm__title{display:block;margin-bottom:5px;margin-block-start:0;word-break:normal}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__content .uagb-rm-details .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__content .uagb-rm-details .uagb-rm__price{word-break:normal}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__content .uagb-rm__separator,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__content .uagb-rm__separator{display:-webkit-flex;display:-moz-flexbox;display:flex;margin-right:0;margin-bottom:10px;margin-left:0;line-height:0;-js-display:flex;width:100%;border-top-color:#b2b4b5;border-top-style:inherit;border-top-width:1px}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__content img,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__content img{display:inline-block;box-sizing:content-box}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__desk-column-3,.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__desk-column-2,.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__desk-column-1,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__desk-column-3,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__desk-column-2,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__desk-column-1{padding-right:10px;padding-left:10px}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-center,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__align-center{display:flex;flex-direction:column}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__separator,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__separator{align-self:center}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__price{text-align:center}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-right .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__align-right .uagb-rm__price{display:table-cell;text-align:left}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__price{display:table-cell}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__image-position-top .uagb-rm__content .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__image-position-top .uagb-rm__content .uagb-rm__price{display:table-cell}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__desc,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__desc{margin-bottom:15px}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__image-position-left .uagb-rm__content,.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__image-position-right .uagb-rm__content,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__image-position-left .uagb-rm__content,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__image-position-right .uagb-rm__content{display:-ms-flexbox;display:flex;-js-display:flex}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__price,.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-center .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-center .uagb-rm__price{width:20%}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm-details,.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__title-wrap,.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-center.uagb-rm__image-position-top .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm-details,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__title-wrap,.uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__align-center.uagb-rm__image-position-top .uagb-rm__price{display:block;width:100%}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__image,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__image{overflow:hidden}.wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__image .uagb-rm-aligned-middle img,.uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__image .uagb-rm-aligned-middle img{-ms-flex-item-align:center;align-self:center}.wp-block-uagb-restaurant-menu.uagb-rm__image-aligned-middle img,.wp-block-uagb-restaurant-menu .uagb-rm__image-aligned-middle .uagb-rm__image-content,.uagb-rest_menu__wrap.uagb-rm__image-aligned-middle img,.uagb-rest_menu__wrap .uagb-rm__image-aligned-middle .uagb-rm__image-content{-ms-flex-item-align:center;align-self:center}.wp-block-uagb-restaurant-menu.uagb-rm__image-aligned-top img,.uagb-rest_menu__wrap.uagb-rm__image-aligned-top img{-ms-flex-item-align:flex-start;align-self:flex-start}.wp-block-uagb-restaurant-menu .uagb-rm__align-left .uagb-rm__content span.uagb-rm__price,.uagb-rest_menu__wrap .uagb-rm__align-left .uagb-rm__content span.uagb-rm__price{display:table-cell;text-align:right}.wp-block-uagb-restaurant-menu .uagb-rm__text-wrap,.uagb-rest_menu__wrap .uagb-rm__text-wrap{position:relative;display:block;width:100%}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-center.uagb-rm__align-center .uagb-rm-details,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-center.uagb-rm__align-center .uagb-rm__title-wrap,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-center.uagb-rm__align-center .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rm__image-position-center.uagb-rm__align-center .uagb-rm-details,.uagb-rest_menu__wrap .uagb-rm__image-position-center.uagb-rm__align-center .uagb-rm__title-wrap,.uagb-rest_menu__wrap .uagb-rm__image-position-center.uagb-rm__align-center .uagb-rm__price{display:block;width:100%;text-align:center}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left .uagb-rm__content,.uagb-rest_menu__wrap .uagb-rm__image-position-left .uagb-rm__content{display:-ms-flexbox;display:flex;-js-display:flex}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm-details,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm-details{flex-direction:unset}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__price,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-right .uagb-rm__price,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-right .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__price{text-align:right;display:table-cell}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__title-wrap,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-right .uagb-rm__title-wrap,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__title-wrap,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-left img,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-right img,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-center img,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__title-wrap,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-right .uagb-rm__title-wrap,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__title-wrap,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-left img,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-right img,.uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-center img{text-align:left}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left img,.uagb-rest_menu__wrap .uagb-rm__image-position-left img{margin-right:10px}.wp-block-uagb-restaurant-menu .uagb-rm__image-aligned-middle .uagb-rm__content img,.wp-block-uagb-restaurant-menu .uagb-rm__image-aligned-middle .uagb-rm__content .uagb-rm__image-content,.uagb-rest_menu__wrap .uagb-rm__image-aligned-middle .uagb-rm__content img,.uagb-rest_menu__wrap .uagb-rm__image-aligned-middle .uagb-rm__content .uagb-rm__image-content{-ms-flex-item-align:center;align-self:center}.wp-block-uagb-restaurant-menu .uagb-rm__image-aligned-top .uagb-rm__content img,.wp-block-uagb-restaurant-menu .uagb-rm__image-aligned-top .uagb-rm__content .uagb-rm__image-content,.uagb-rest_menu__wrap .uagb-rm__image-aligned-top .uagb-rm__content img,.uagb-rest_menu__wrap .uagb-rm__image-aligned-top .uagb-rm__content .uagb-rm__image-content{-ms-flex-item-align:flex-start;align-self:flex-start}.wp-block-uagb-restaurant-menu.uagb-rm__image-aligned-middle .uagb-rm__content img,.uagb-rest_menu__wrap.uagb-rm__image-aligned-middle .uagb-rm__content img{-ms-flex-item-align:center;align-self:center}.wp-block-uagb-restaurant-menu.uagb-rm__image-aligned-top .uagb-rm__content img,.uagb-rest_menu__wrap.uagb-rm__image-aligned-top .uagb-rm__content img{-ms-flex-item-align:flex-start;align-self:flex-start}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right .uagb-rm__content,.uagb-rest_menu__wrap .uagb-rm__image-position-right .uagb-rm__content{display:-ms-flexbox;display:flex;-js-display:flex}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-left .uagb-rm-details,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-right .uagb-rm-details,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-center .uagb-rm-details,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-left .uagb-rm-details,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-right .uagb-rm-details,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-center .uagb-rm-details{text-align:right}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-left .uagb-rm__text-wrap .uagb-rm-details,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-left .uagb-rm__text-wrap .uagb-rm-details{display:flex;flex-direction:row-reverse}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-left .uagb-rm__price,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-right .uagb-rm__price,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-center .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-left .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-right .uagb-rm__price,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-center .uagb-rm__price{text-align:left;display:table-cell}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-left .uagb-rm__title-wrap,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-right .uagb-rm__title-wrap,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-center .uagb-rm__title-wrap,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-left img,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-right img,.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm__align-center img,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-left .uagb-rm__title-wrap,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-right .uagb-rm__title-wrap,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-center .uagb-rm__title-wrap,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-left img,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-right img,.uagb-rest_menu__wrap .uagb-rm__image-position-right.uagb-rm__align-center img{text-align:right}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right img,.uagb-rest_menu__wrap .uagb-rm__image-position-right img{margin-left:10px}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-top.uagb-rm__align-right .uagb-rm-details,.uagb-rest_menu__wrap .uagb-rm__image-position-top.uagb-rm__align-right .uagb-rm-details{display:inline-table}.wp-block-uagb-restaurant-menu{display:grid}@media (max-width: 976px){.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm-stacked-tablet .uagb-rm__content{display:block;display:block;-js-display:block}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm-stacked-tablet.uagb-rm__image-aligned-middle img{align-self:flex-start}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm-stacked-tablet .uagb-rm__content{display:block;display:block;-js-display:block}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm-stacked-tablet.uagb-rm-reverse-order-tablet .uagb-rm__content{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flexbox;display:flex;flex-direction:column-reverse;-js-display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-box-direction:reverse}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm-stacked-tablet.uagb-rm__image-aligned-middle img{align-self:flex-end}.wp-block-uagb-restaurant-menu.uagb-rm__tablet-column-1{grid-template-columns:auto}.wp-block-uagb-restaurant-menu.uagb-rm__tablet-column-2{grid-template-columns:auto auto}.wp-block-uagb-restaurant-menu.uagb-rm__tablet-column-3{grid-template-columns:auto auto auto}.wp-block-uagb-restaurant-menu.uagb-rm__tablet-column-4{grid-template-columns:auto auto auto auto}}@media (max-width: 767px){.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm-stacked-mobile .uagb-rm__content{display:block;display:block;-js-display:block}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm-stacked-mobile.uagb-rm__image-aligned-middle img{align-self:flex-start}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm-stacked-mobile .uagb-rm__content{display:block;display:block;-js-display:block}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm-stacked-mobile.uagb-rm-reverse-order-mobile .uagb-rm__content{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flexbox;display:flex;flex-direction:column-reverse;-js-display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-box-direction:reverse}.wp-block-uagb-restaurant-menu .uagb-rm__image-position-right.uagb-rm-stacked-mobile.uagb-rm__image-aligned-middle img{align-self:flex-end}.wp-block-uagb-restaurant-menu.uagb-rm__mobile-column-1{grid-template-columns:auto}.wp-block-uagb-restaurant-menu.uagb-rm__mobile-column-2{grid-template-columns:auto auto}.wp-block-uagb-restaurant-menu.uagb-rm__mobile-column-3{grid-template-columns:auto auto auto}.wp-block-uagb-restaurant-menu.uagb-rm__mobile-column-4{grid-template-columns:auto auto auto auto}}.uagb-rm__title-wrap,.uagb-rm__price-wrap{display:table-cell}.uagb-rm__align-center .uagb-rm-details,.uagb-rm__align-center .uagb-rm__title-wrap,.uagb-rm__align-center .uagb-rm__price-wrap{display:block;width:100%}.uagb-rm__price-wrap,.uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__price-wrap,.uagb-rm__image-position-right.uagb-rm__align-center .uagb-rm__price-wrap{width:15%}.uagb-rm__separator-parent{line-height:0em;margin-left:0;margin-right:0;margin-bottom:10px;-js-display:flex;display:-webkit-flex;display:-moz-flexbox;display:flex} + + +/* 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; +} diff --git a/assets/css/primary-menu-flyout-rtl.css b/assets/css/primary-menu-flyout-rtl.css new file mode 100644 index 00000000..2615e297 --- /dev/null +++ b/assets/css/primary-menu-flyout-rtl.css @@ -0,0 +1,274 @@ +/*---------- 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-menu-enable { + /* Toggle Button */ +} + +.ast-flyout-menu-enable.ast-main-header-nav-open .main-header-bar { + padding-bottom: 1em; +} + +.ast-flyout-menu-enable.ast-header-break-point { + /* Width 70% for Flayout below 544px width devices */ + /* Fixed Header markup override the main header markup which don't allow to click on menu while the header is not sticky */ +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation { + right: 0; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation .site-navigation { + right: -100%; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + right: -100%; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation { + left: 0; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation .site-navigation { + left: -100%; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + left: -100%; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation { + 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-menu-enable.ast-header-break-point .main-header-bar-navigation .close { + position: absolute; + left: 9px; + top: 6px; + line-height: 1; + cursor: pointer; + z-index: 1; + opacity: 0.8; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close:hover { + opacity: 1; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close:after { + content: "\e5cd"; + display: inline-block; + font-family: 'Astra'; + font-size: 28px; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + line-height: normal; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu, +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .sub-menu { + background: transparent; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-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; +} + +.ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + text-align: initial; + 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; +} + +.ast-flyout-menu-enable.ast-header-break-point #masthead > .main-header-bar-wrap .main-header-bar .main-header-bar-navigation .site-navigation { + display: none; +} + +@media (max-width: 544px) { + .ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .site-navigation { + width: 70%; + } + .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + width: 70%; + } +} + +.ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .main-header-bar-navigation { + display: block !important; +} + +.ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header .main-header-bar-navigation { + display: none !important; +} + +.ast-flyout-menu-enable .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5d2"; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .site-header { + z-index: 100000; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active { + height: 100%; + z-index: 100000; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .main-header-bar { + z-index: 99; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation .site-navigation { + right: 0; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + right: 0; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation .site-navigation { + left: 0; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + left: 0; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation { + visibility: visible; + opacity: 1; + z-index: 5; +} + +.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point #masthead > .main-header-bar-wrap .main-header-bar-navigation, +.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point #masthead > .main-header-bar-wrap .main-header-bar-navigation { + display: none !important; +} + +.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point .site-navigation, +.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point div.ast-masthead-custom-menu-items, +.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point .site-navigation, +.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point div.ast-masthead-custom-menu-items { + transition: opacity .25s ease-in-out, visibility .3s ease-in-out; +} + +.ast-offcanvas-active .ast-flyout-menu-enable.ast-header-break-point #masthead > .main-header-bar-wrap .main-header-bar .main-header-bar-navigation .site-navigation { + display: block; +} + + +/* 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; +} diff --git a/assets/css/primary-menu-flyout-rtl.min.css b/assets/css/primary-menu-flyout-rtl.min.css new file mode 100644 index 00000000..cb17f999 --- /dev/null +++ b/assets/css/primary-menu-flyout-rtl.min.css @@ -0,0 +1,85 @@ +.ast-flyout-menu-enable.ast-main-header-nav-open .main-header-bar{padding-bottom:1em}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation{right:0}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation .site-navigation{right:-100%}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{right:-100%}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation{left:0}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation .site-navigation{left:-100%}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{left:-100%}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation{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-menu-enable.ast-header-break-point .main-header-bar-navigation .close{position:absolute;left:9px;top:6px;line-height:1;cursor:pointer;z-index:1;opacity:.8}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close:hover{opacity:1}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close:after{content:"\e5cd";display:inline-block;font-family:Astra;font-size:28px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:normal}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu,.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .sub-menu{background:0 0}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-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}.ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{text-align:initial;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}.ast-flyout-menu-enable.ast-header-break-point #masthead>.main-header-bar-wrap .main-header-bar .main-header-bar-navigation .site-navigation{display:none}@media (max-width:544px){.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .site-navigation{width:70%}.ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{width:70%}}.ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .main-header-bar-navigation{display:block!important}.ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header .main-header-bar-navigation{display:none!important}.ast-flyout-menu-enable .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .site-header{z-index:100000}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active{height:100%;z-index:100000}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .main-header-bar{z-index:99}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation .site-navigation{right:0}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{right:0}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation .site-navigation{left:0}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{left:0}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation{visibility:visible;opacity:1;z-index:5}.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point #masthead>.main-header-bar-wrap .main-header-bar-navigation,.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point #masthead>.main-header-bar-wrap .main-header-bar-navigation{display:none!important}.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point .site-navigation,.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point div.ast-masthead-custom-menu-items,.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point .site-navigation,.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point div.ast-masthead-custom-menu-items{transition:opacity .25s ease-in-out,visibility .3s ease-in-out}.ast-offcanvas-active .ast-flyout-menu-enable.ast-header-break-point #masthead>.main-header-bar-wrap .main-header-bar .main-header-bar-navigation .site-navigation{display:block} + +/* 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; +} diff --git a/assets/css/primary-menu-flyout.css b/assets/css/primary-menu-flyout.css new file mode 100644 index 00000000..bd002baa --- /dev/null +++ b/assets/css/primary-menu-flyout.css @@ -0,0 +1,274 @@ +/*---------- 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-menu-enable { + /* Toggle Button */ +} + +.ast-flyout-menu-enable.ast-main-header-nav-open .main-header-bar { + padding-bottom: 1em; +} + +.ast-flyout-menu-enable.ast-header-break-point { + /* Width 70% for Flayout below 544px width devices */ + /* Fixed Header markup override the main header markup which don't allow to click on menu while the header is not sticky */ +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation { + left: 0; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation .site-navigation { + left: -100%; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + left: -100%; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation { + right: 0; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation .site-navigation { + right: -100%; +} + +.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + right: -100%; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation { + 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-menu-enable.ast-header-break-point .main-header-bar-navigation .close { + position: absolute; + right: 9px; + top: 6px; + line-height: 1; + cursor: pointer; + z-index: 1; + opacity: 0.8; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close:hover { + opacity: 1; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close:after { + content: "\e5cd"; + display: inline-block; + font-family: 'Astra'; + font-size: 28px; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + line-height: normal; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu, +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .sub-menu { + background: transparent; +} + +.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-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; +} + +.ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + text-align: initial; + 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; +} + +.ast-flyout-menu-enable.ast-header-break-point #masthead > .main-header-bar-wrap .main-header-bar .main-header-bar-navigation .site-navigation { + display: none; +} + +@media (max-width: 544px) { + .ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .site-navigation { + width: 70%; + } + .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + width: 70%; + } +} + +.ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .main-header-bar-navigation { + display: block !important; +} + +.ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header .main-header-bar-navigation { + display: none !important; +} + +.ast-flyout-menu-enable .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5d2"; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .site-header { + z-index: 100000; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active { + height: 100%; + z-index: 100000; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .main-header-bar { + z-index: 99; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation .site-navigation { + left: 0; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + left: 0; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation .site-navigation { + right: 0; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + right: 0; +} + +.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation { + visibility: visible; + opacity: 1; + z-index: 5; +} + +.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point #masthead > .main-header-bar-wrap .main-header-bar-navigation, +.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point #masthead > .main-header-bar-wrap .main-header-bar-navigation { + display: none !important; +} + +.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point .site-navigation, +.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point div.ast-masthead-custom-menu-items, +.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point .site-navigation, +.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point div.ast-masthead-custom-menu-items { + transition: opacity .25s ease-in-out, visibility .3s ease-in-out; +} + +.ast-offcanvas-active .ast-flyout-menu-enable.ast-header-break-point #masthead > .main-header-bar-wrap .main-header-bar .main-header-bar-navigation .site-navigation { + display: block; +} + + +/* 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; +} diff --git a/assets/css/primary-menu-flyout.min.css b/assets/css/primary-menu-flyout.min.css new file mode 100644 index 00000000..8133d356 --- /dev/null +++ b/assets/css/primary-menu-flyout.min.css @@ -0,0 +1,85 @@ +.ast-flyout-menu-enable.ast-main-header-nav-open .main-header-bar{padding-bottom:1em}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation{left:0}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation .site-navigation{left:-100%}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{left:-100%}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation{right:0}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation .site-navigation{right:-100%}.ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{right:-100%}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation{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-menu-enable.ast-header-break-point .main-header-bar-navigation .close{position:absolute;right:9px;top:6px;line-height:1;cursor:pointer;z-index:1;opacity:.8}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close:hover{opacity:1}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close:after{content:"\e5cd";display:inline-block;font-family:Astra;font-size:28px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:normal}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu,.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .sub-menu{background:0 0}.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-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}.ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{text-align:initial;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}.ast-flyout-menu-enable.ast-header-break-point #masthead>.main-header-bar-wrap .main-header-bar .main-header-bar-navigation .site-navigation{display:none}@media (max-width:544px){.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .site-navigation{width:70%}.ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{width:70%}}.ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active .main-header-bar-navigation{display:block!important}.ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header .main-header-bar-navigation{display:none!important}.ast-flyout-menu-enable .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .site-header{z-index:100000}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point #ast-fixed-header.ast-sticky-active{height:100%;z-index:100000}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .main-header-bar{z-index:99}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .main-header-bar-navigation .site-navigation{left:0}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-left-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{left:0}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .main-header-bar-navigation .site-navigation{right:0}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point.ast-flyout-right-side .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{right:0}.ast-flyout-menu-overlay .ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation{visibility:visible;opacity:1;z-index:5}.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point #masthead>.main-header-bar-wrap .main-header-bar-navigation,.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point #masthead>.main-header-bar-wrap .main-header-bar-navigation{display:none!important}.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point .site-navigation,.ast-header-stick-scroll-active .ast-flyout-menu-enable.ast-header-break-point div.ast-masthead-custom-menu-items,.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point .site-navigation,.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point div.ast-masthead-custom-menu-items{transition:opacity .25s ease-in-out,visibility .3s ease-in-out}.ast-offcanvas-active .ast-flyout-menu-enable.ast-header-break-point #masthead>.main-header-bar-wrap .main-header-bar .main-header-bar-navigation .site-navigation{display:block} + +/* 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; +} diff --git a/assets/css/primary-menu-fullscreen-rtl.css b/assets/css/primary-menu-fullscreen-rtl.css new file mode 100644 index 00000000..15d41c60 --- /dev/null +++ b/assets/css/primary-menu-fullscreen-rtl.css @@ -0,0 +1,414 @@ +/*---------- 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-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .site-navigation, +.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + padding-top: 32px; +} + +@media screen and (max-width: 782px) { + .ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .site-navigation, + .ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + padding-top: 46px; + } +} + +.ast-fullscreen-menu-enable { + /* Toggle Button */ +} + +.ast-fullscreen-menu-enable.ast-main-header-nav-open .main-header-bar { + padding-bottom: 1em; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation .sub-menu, +.ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-3 .main-header-bar-navigation .sub-menu { + text-align: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation { + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 40px); +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item .menu-link { + width: auto; + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item > div { + position: static; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .main-navigation ul .menu-item > div { + position: static; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-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-menu-enable.ast-header-break-point li.ast-masthead-custom-menu-items { + margin-top: 0; + margin-bottom: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap > li:first-child > a:before { + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item .menu-link, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item .menu-link { + width: auto; + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item.menu-item-has-children .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item.menu-item-has-children .menu-link:before { + border-bottom: 1px solid var(--ast-border-color); + content: ''; + right: 0; + left: 0; + top: 0; + position: absolute; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .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-menu-enable.ast-header-break-point .main-header-bar { + text-align: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + position: relative; + left: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item.menu-item-has-children > button.ast-menu-toggle { + top: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation { + padding: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation { + display: block !important; + opacity: 0; + visibility: hidden; + transition: opacity linear 0.2s, visibility linear 0.2s; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu { + background: transparent; + border-width: 0; + border-style: solid; + border-color: var(--ast-border-color); +} + +@media screen and (min-width: 480px) { + .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu { + margin-right: 40px; + margin-left: 40px; + } +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu > .menu-item:first-child > .menu-link:before { + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items { + width: auto; +} + +@media screen and (min-width: 480px) { + .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items, + .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items, + .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items { + margin-right: 40px; + margin-left: 40px; + } +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items > li:first-child > a:before, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items > li:first-child > a:before, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items > li:first-child > a:before { + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close { + position: fixed; + left: 0px; + display: block; + text-align: left; + height: 40px; + cursor: pointer; + z-index: 99; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close:hover { + opacity: 1; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation { + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + height: 100%; + overflow-y: auto; + background-color: #fff; + text-align: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation .widget_shopping_cart .woocommerce-mini-cart__buttons a, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation .widget_price_filter .price_slider_amount .button { + padding: 10px 15px; + font-weight: normal; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation ul.product_list_widget li a { + margin-bottom: 4px; + line-height: 1.2; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + height: 100%; + overflow-y: auto; + background-color: #fff; + text-align: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap .widget_price_filter .price_slider_amount .button { + padding: 10px 15px; + font-weight: normal; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap ul.product_list_widget li a { + margin-bottom: 4px; + line-height: 1.2; +} + +.ast-fullscreen-menu-enable.ast-header-break-point li.ast-masthead-custom-menu-items.woocommerce-custom-menu-item { + padding-right: 0; + padding-left: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-above-header-merged-responsive .ast-above-header-menu-items .menu-link { + width: auto; + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-below-header-merged-responsive .ast-below-header-menu-items .menu-link { + width: auto; + border: none; +} + +.ast-fullscreen-menu-enable .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5d2"; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.ast-masthead-custom-menu-items:hover, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.ast-masthead-custom-menu-items.focus, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-link:hover, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-custom-item a:hover, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.focus > .menu-link, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-header-sections-navigation a:hover, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-header-sections-navigation a:focus { + background-color: transparent; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide { + height: 100% !important; + max-height: 100% !important; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper { + z-index: 6; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar { + z-index: 6; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation { + opacity: 1; + visibility: visible; + overflow-y: scroll; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + z-index: 5; +} + +.admin-bar.ast-admin-bar-visible .ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation { + top: 32px; +} + +@media screen and (max-width: 782px) { + .admin-bar.ast-admin-bar-visible .ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation { + top: 46px; + } +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation { + right: 0; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-sections-navigation, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-above-header-menu-items, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu-items { + background: transparent; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .site-navigation { + text-align: center; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation .sub-menu { + text-align: 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; +} diff --git a/assets/css/primary-menu-fullscreen-rtl.min.css b/assets/css/primary-menu-fullscreen-rtl.min.css new file mode 100644 index 00000000..39fd245b --- /dev/null +++ b/assets/css/primary-menu-fullscreen-rtl.min.css @@ -0,0 +1,85 @@ +.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .site-navigation{padding-top:32px}@media screen and (max-width:782px){.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .site-navigation{padding-top:46px}}.ast-fullscreen-menu-enable.ast-main-header-nav-open .main-header-bar{padding-bottom:1em}.ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation .sub-menu,.ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-3 .main-header-bar-navigation .sub-menu{text-align:center}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation{-js-display:flex;display:flex;align-items:center;justify-content:center;min-height:calc(100% - 40px)}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item .menu-link{width:auto;border:none}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item>div{position:static}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .main-navigation ul .menu-item>div{position:static}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-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-menu-enable.ast-header-break-point li.ast-masthead-custom-menu-items{margin-top:0;margin-bottom:0}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap>li:first-child>a:before{border:none}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item .menu-link,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item .menu-link{width:auto;border:none}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item.menu-item-has-children .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item.menu-item-has-children .menu-link:before{border-bottom:1px solid var(--ast-border-color);content:'';right:0;left:0;top:0;position:absolute}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .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-menu-enable.ast-header-break-point .main-header-bar{text-align:center}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{position:relative;left:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item.menu-item-has-children>button.ast-menu-toggle{top:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation{padding:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation{display:block!important;opacity:0;visibility:hidden;transition:opacity linear .2s,visibility linear .2s}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu{background:0 0;border-width:0;border-style:solid;border-color:var(--ast-border-color)}@media screen and (min-width:480px){.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu{margin-right:40px;margin-left:40px}}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu>.menu-item:first-child>.menu-link:before{border:none}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items{width:auto}@media screen and (min-width:480px){.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items{margin-right:40px;margin-left:40px}}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items>li:first-child>a:before,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items>li:first-child>a:before,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items>li:first-child>a:before{border:none}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close{position:fixed;left:0;display:block;text-align:left;height:40px;cursor:pointer;z-index:99}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close:hover{opacity:1}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation{position:fixed;right:0;left:0;top:0;bottom:0;height:100%;overflow-y:auto;background-color:#fff;text-align:center}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation .widget_price_filter .price_slider_amount .button,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation ul.product_list_widget li a{margin-bottom:4px;line-height:1.2}.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{position:fixed;right:0;left:0;top:0;bottom:0;height:100%;overflow-y:auto;background-color:#fff;text-align:center}.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap .widget_price_filter .price_slider_amount .button,.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap ul.product_list_widget li a{margin-bottom:4px;line-height:1.2}.ast-fullscreen-menu-enable.ast-header-break-point li.ast-masthead-custom-menu-items.woocommerce-custom-menu-item{padding-right:0;padding-left:0}.ast-fullscreen-menu-enable.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-above-header-merged-responsive .ast-above-header-menu-items .menu-link{width:auto;border:none}.ast-fullscreen-menu-enable.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-below-header-merged-responsive .ast-below-header-menu-items .menu-link{width:auto;border:none}.ast-fullscreen-menu-enable .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-header-sections-navigation a:focus,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-header-sections-navigation a:hover,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-custom-item a:hover,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.ast-masthead-custom-menu-items.focus,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.ast-masthead-custom-menu-items:hover,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.focus>.menu-link,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item:hover>.menu-link,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-link:hover{background-color:transparent}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide{height:100%!important;max-height:100%!important}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper{z-index:6}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar{z-index:6}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation{opacity:1;visibility:visible;overflow-y:scroll;position:fixed;right:0;left:0;top:0;bottom:0;z-index:5}.admin-bar.ast-admin-bar-visible .ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation{top:32px}@media screen and (max-width:782px){.admin-bar.ast-admin-bar-visible .ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation{top:46px}}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation{right:0}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-above-header-menu-items,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu-items,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-sections-navigation{background:0 0}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .site-navigation{text-align:center}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation .sub-menu{text-align: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; +} diff --git a/assets/css/primary-menu-fullscreen.css b/assets/css/primary-menu-fullscreen.css new file mode 100644 index 00000000..58cfbacf --- /dev/null +++ b/assets/css/primary-menu-fullscreen.css @@ -0,0 +1,414 @@ +/*---------- 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-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .site-navigation, +.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + padding-top: 32px; +} + +@media screen and (max-width: 782px) { + .ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .site-navigation, + .ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + padding-top: 46px; + } +} + +.ast-fullscreen-menu-enable { + /* Toggle Button */ +} + +.ast-fullscreen-menu-enable.ast-main-header-nav-open .main-header-bar { + padding-bottom: 1em; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation .sub-menu, +.ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-3 .main-header-bar-navigation .sub-menu { + text-align: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation { + -js-display: flex; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 40px); +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item .menu-link { + width: auto; + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item > div { + position: static; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .main-navigation ul .menu-item > div { + position: static; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-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-menu-enable.ast-header-break-point li.ast-masthead-custom-menu-items { + margin-top: 0; + margin-bottom: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap > li:first-child > a:before { + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item .menu-link, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item .menu-link { + width: auto; + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item.menu-item-has-children .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item.menu-item-has-children .menu-link:before { + border-bottom: 1px solid var(--ast-border-color); + content: ''; + left: 0; + right: 0; + top: 0; + position: absolute; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before { + content: ''; + margin: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .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-menu-enable.ast-header-break-point .main-header-bar { + text-align: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + position: relative; + right: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item.menu-item-has-children > button.ast-menu-toggle { + top: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation { + padding: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation { + display: block !important; + opacity: 0; + visibility: hidden; + transition: opacity linear 0.2s, visibility linear 0.2s; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu { + background: transparent; + border-width: 0; + border-style: solid; + border-color: var(--ast-border-color); +} + +@media screen and (min-width: 480px) { + .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu { + margin-left: 40px; + margin-right: 40px; + } +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu > .menu-item:first-child > .menu-link:before { + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items { + width: auto; +} + +@media screen and (min-width: 480px) { + .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items, + .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items, + .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items { + margin-left: 40px; + margin-right: 40px; + } +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items > li:first-child > a:before, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items > li:first-child > a:before, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items > li:first-child > a:before { + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close { + position: fixed; + right: 0px; + display: block; + text-align: right; + height: 40px; + cursor: pointer; + z-index: 99; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close:hover { + opacity: 1; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation { + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + height: 100%; + overflow-y: auto; + background-color: #fff; + text-align: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation .widget_shopping_cart .woocommerce-mini-cart__buttons a, +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation .widget_price_filter .price_slider_amount .button { + padding: 10px 15px; + font-weight: normal; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation ul.product_list_widget li a { + margin-bottom: 4px; + line-height: 1.2; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap { + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + height: 100%; + overflow-y: auto; + background-color: #fff; + text-align: center; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a, +.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap .widget_price_filter .price_slider_amount .button { + padding: 10px 15px; + font-weight: normal; +} + +.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap ul.product_list_widget li a { + margin-bottom: 4px; + line-height: 1.2; +} + +.ast-fullscreen-menu-enable.ast-header-break-point li.ast-masthead-custom-menu-items.woocommerce-custom-menu-item { + padding-left: 0; + padding-right: 0; +} + +.ast-fullscreen-menu-enable.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-above-header-merged-responsive .ast-above-header-menu-items .menu-link { + width: auto; + border: none; +} + +.ast-fullscreen-menu-enable.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-below-header-merged-responsive .ast-below-header-menu-items .menu-link { + width: auto; + border: none; +} + +.ast-fullscreen-menu-enable .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before { + content: "\e5d2"; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.ast-masthead-custom-menu-items:hover, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.ast-masthead-custom-menu-items.focus, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-link:hover, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-custom-item a:hover, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.focus > .menu-link, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-header-sections-navigation a:hover, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-header-sections-navigation a:focus { + background-color: transparent; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide { + height: 100% !important; + max-height: 100% !important; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper { + z-index: 6; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar { + z-index: 6; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation { + opacity: 1; + visibility: visible; + overflow-y: scroll; + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 5; +} + +.admin-bar.ast-admin-bar-visible .ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation { + top: 32px; +} + +@media screen and (max-width: 782px) { + .admin-bar.ast-admin-bar-visible .ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation { + top: 46px; + } +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation { + left: 0; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-sections-navigation, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-above-header-menu-items, +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu-items { + background: transparent; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .site-navigation { + text-align: center; +} + +.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation .sub-menu { + text-align: 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; +} diff --git a/assets/css/primary-menu-fullscreen.min.css b/assets/css/primary-menu-fullscreen.min.css new file mode 100644 index 00000000..80dbc60e --- /dev/null +++ b/assets/css/primary-menu-fullscreen.min.css @@ -0,0 +1,85 @@ +.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .site-navigation{padding-top:32px}@media screen and (max-width:782px){.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .site-navigation{padding-top:46px}}.ast-fullscreen-menu-enable.ast-main-header-nav-open .main-header-bar{padding-bottom:1em}.ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation .sub-menu,.ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-3 .main-header-bar-navigation .sub-menu{text-align:center}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation{-js-display:flex;display:flex;align-items:center;justify-content:center;min-height:calc(100% - 40px)}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item .menu-link{width:auto;border:none}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation ul .menu-item>div{position:static}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .main-navigation ul .menu-item>div{position:static}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-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-menu-enable.ast-header-break-point li.ast-masthead-custom-menu-items{margin-top:0;margin-bottom:0}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap>li:first-child>a:before{border:none}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item .menu-link,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item .menu-link{width:auto;border:none}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .menu-item.menu-item-has-children .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .menu-item.menu-item-has-children .menu-link:before{border-bottom:1px solid var(--ast-border-color);content:'';left:0;right:0;top:0;position:absolute}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before{content:'';margin:0}.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-above-header-menu-items .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before,.ast-fullscreen-menu-enable.ast-header-break-point .ast-merge-header-navigation-wrap .ast-below-header-menu-items .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-menu-enable.ast-header-break-point .main-header-bar{text-align:center}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{position:relative;right:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item.menu-item-has-children>button.ast-menu-toggle{top:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation{padding:0}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation{display:block!important;opacity:0;visibility:hidden;transition:opacity linear .2s,visibility linear .2s}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu{background:0 0;border-width:0;border-style:solid;border-color:var(--ast-border-color)}@media screen and (min-width:480px){.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu{margin-left:40px;margin-right:40px}}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu>.menu-item:first-child>.menu-link:before{border:none}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items{width:auto}@media screen and (min-width:480px){.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items{margin-left:40px;margin-right:40px}}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-above-header-menu-items>li:first-child>a:before,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap .ast-below-header-menu-items>li:first-child>a:before,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .ast-merge-header-navigation-wrap div.ast-masthead-custom-menu-items>li:first-child>a:before{border:none}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close{position:fixed;right:0;display:block;text-align:right;height:40px;cursor:pointer;z-index:99}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close:hover{opacity:1}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation{position:fixed;left:0;right:0;top:0;bottom:0;height:100%;overflow-y:auto;background-color:#fff;text-align:center}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation .widget_price_filter .price_slider_amount .button,.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation ul.product_list_widget li a{margin-bottom:4px;line-height:1.2}.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap{position:fixed;left:0;right:0;top:0;bottom:0;height:100%;overflow-y:auto;background-color:#fff;text-align:center}.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap .widget_price_filter .price_slider_amount .button,.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.ast-fullscreen-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap ul.product_list_widget li a{margin-bottom:4px;line-height:1.2}.ast-fullscreen-menu-enable.ast-header-break-point li.ast-masthead-custom-menu-items.woocommerce-custom-menu-item{padding-left:0;padding-right:0}.ast-fullscreen-menu-enable.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-above-header-merged-responsive .ast-above-header-menu-items .menu-link{width:auto;border:none}.ast-fullscreen-menu-enable.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled.ast-below-header-merged-responsive .ast-below-header-menu-items .menu-link{width:auto;border:none}.ast-fullscreen-menu-enable .ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5d2"}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-header-sections-navigation a:focus,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-header-sections-navigation a:hover,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-custom-item a:hover,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.ast-masthead-custom-menu-items.focus,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.ast-masthead-custom-menu-items:hover,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item.focus>.menu-link,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item:hover>.menu-link,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-link:hover{background-color:transparent}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide{height:100%!important;max-height:100%!important}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper{z-index:6}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar{z-index:6}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation{opacity:1;visibility:visible;overflow-y:scroll;position:fixed;left:0;right:0;top:0;bottom:0;z-index:5}.admin-bar.ast-admin-bar-visible .ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation{top:32px}@media screen and (max-width:782px){.admin-bar.ast-admin-bar-visible .ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation{top:46px}}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation{left:0}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-above-header-menu-items,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu-items,.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-sections-navigation{background:0 0}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .site-navigation{text-align:center}.ast-fullscreen-menu-overlay .ast-fullscreen-menu-enable.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation .sub-menu{text-align: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; +} diff --git a/assets/css/primary-menu-no-toggle-rtl.css b/assets/css/primary-menu-no-toggle-rtl.css new file mode 100644 index 00000000..7eb1042f --- /dev/null +++ b/assets/css/primary-menu-no-toggle-rtl.css @@ -0,0 +1,289 @@ +/*---------- 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-menu-enable { + /*.main-navigation li { + position: static; + }*/ + /** Layout */ + /** Option: Hide custom menu item on mobile */ + /** Removed custom menu item border if the custom menu item is within the menu. */ + /** Removed hover color from anchor and toggle button and added it to the `li`, Because `li` contain both `a` and `toggle`. */ +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation { + display: block; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation .site-navigation { + background: #fff; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation { + position: relative; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-link { + position: relative; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item .menu-link { + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation li, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .menu-link { + display: inline-block; + width: auto; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside.focus > .sub-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu { + position: absolute; + right: 0; + left: 0; + width: 240px; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside:hover > .sub-menu .sub-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside.focus > .sub-menu .sub-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .sub-menu { + position: relative; + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + left: 0; + top: 0; + position: relative; + transition: all 0.2s linear; + border-radius: 0; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu > .menu-item-has-children > .ast-menu-toggle { + font-size: .8em; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu > .menu-item-has-children > .menu-link { + padding-left: 0; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle { + position: absolute; + background: transparent; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-link { + display: inline-block; + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before { + content: ""; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .menu-link { + border: none; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .main-header-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul ul .menu-item .menu-link { + border: none; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation ul > .menu-item:first-child, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item { + border-style: solid; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .sub-menu .menu-item, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul ul ul li { + border-right: none; + border-left: none; + border-bottom: none; +} + +@media (min-width: 769px) { + .ast-header-break-point.ast-no-toggle-menu-enable .ast-main-header-bar-alignment { + flex: none; + width: auto; + } +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-container { + justify-content: space-between; + align-items: center; + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation { + width: 100%; + margin: 0; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .ast-main-header-bar-alignment { + width: auto; + order: 1; + text-align: left; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation { + display: inline-block; + width: auto; + padding: 0; +} + +@media (max-width: 544px) { + .ast-header-break-point.ast-no-toggle-menu-enable .ast-mobile-header-stack .ast-main-header-bar-alignment { + text-align: center; + } +} + +.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-1.ast-mobile-header-stack .main-header-container, +.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-2.ast-mobile-header-stack .main-header-container, +.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-3.ast-mobile-header-stack .main-header-container { + flex-direction: column; +} + +@media (max-width: 544px) { + .ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-1 .site-branding, + .ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-2 .site-branding, + .ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-3 .site-branding { + padding-left: 0; + padding-bottom: 1em; + } +} + +.ast-header-break-point.ast-no-toggle-menu-enable .ast-hide-custom-menu-mobile .main-navigation .ast-masthead-custom-menu-items { + display: none; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation > .ast-above-header-menu > .menu-item.ast-masthead-custom-menu-items:last-child, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation > ul > .menu-item.ast-masthead-custom-menu-items:last-child, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation > ul > .menu-item.ast-masthead-custom-menu-items { + border: none; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul li { + transition: all 0.2s linear; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-link:hover, +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-custom-item a:hover, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover > .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus > .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item:hover .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item:not(.ast-masthead-custom-menu-items) .menu-link { + background: transparent; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .current-menu-item > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .current-menu-ancestor > .ast-menu-toggle { + color: inherit; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-ancestor > .menu-link { + color: inherit; +} + +@media (max-width: 544px) { + .ast-no-toggle-menu-enable .ast-mobile-header-stack .main-header-bar-navigation .main-header-menu { + justify-content: 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; +} diff --git a/assets/css/primary-menu-no-toggle-rtl.min.css b/assets/css/primary-menu-no-toggle-rtl.min.css new file mode 100644 index 00000000..5e83067c --- /dev/null +++ b/assets/css/primary-menu-no-toggle-rtl.min.css @@ -0,0 +1,85 @@ +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation{display:block}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation .site-navigation{background:#fff}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation{position:relative}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-link{position:relative}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item .menu-link{width:100%}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation li,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .menu-link{display:inline-block;width:auto}.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside:hover>.sub-menu,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu{position:absolute;right:0;left:0;width:240px}.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside.focus>.sub-menu .sub-menu,.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside:hover>.sub-menu .sub-menu,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .sub-menu{position:relative;width:100%}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{left:0;top:0;position:relative;transition:all .2s linear;border-radius:0}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu>.menu-item-has-children>.ast-menu-toggle{font-size:.8em}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu>.menu-item-has-children>.menu-link{padding-left:0}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children>.ast-menu-toggle{position:absolute;background:0 0}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-link{display:inline-block;width:100%}.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-link:before{content:""}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .menu-link{border:none}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .main-header-menu,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul ul .menu-item .menu-link{border:none}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation ul>.menu-item:first-child,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item{border-style:solid}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .sub-menu .menu-item,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul ul ul li{border-right:none;border-left:none;border-bottom:none}@media (min-width:769px){.ast-header-break-point.ast-no-toggle-menu-enable .ast-main-header-bar-alignment{flex:none;width:auto}}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-container{justify-content:space-between;align-items:center;width:100%}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation{width:100%;margin:0}.ast-header-break-point.ast-no-toggle-menu-enable .ast-main-header-bar-alignment{width:auto;order:1;text-align:left}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation{display:inline-block;width:auto;padding:0}@media (max-width:544px){.ast-header-break-point.ast-no-toggle-menu-enable .ast-mobile-header-stack .ast-main-header-bar-alignment{text-align:center}}.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-1.ast-mobile-header-stack .main-header-container,.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-2.ast-mobile-header-stack .main-header-container,.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-3.ast-mobile-header-stack .main-header-container{flex-direction:column}@media (max-width:544px){.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-1 .site-branding,.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-2 .site-branding,.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-3 .site-branding{padding-left:0;padding-bottom:1em}}.ast-header-break-point.ast-no-toggle-menu-enable .ast-hide-custom-menu-mobile .main-navigation .ast-masthead-custom-menu-items{display:none}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation>.ast-above-header-menu>.menu-item.ast-masthead-custom-menu-items:last-child,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation>ul>.menu-item.ast-masthead-custom-menu-items,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation>ul>.menu-item.ast-masthead-custom-menu-items:last-child{border:none}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul li{transition:all .2s linear}.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-custom-item a:hover,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus>.menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover>.menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-link:hover,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item .menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item:hover .menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item:not(.ast-masthead-custom-menu-items) .menu-link{background:0 0}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .current-menu-ancestor>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .current-menu-item>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus>.ast-menu-toggle{color:inherit}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-ancestor>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-ancestor>.menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item>.menu-link{color:inherit}@media (max-width:544px){.ast-no-toggle-menu-enable .ast-mobile-header-stack .main-header-bar-navigation .main-header-menu{justify-content: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; +} diff --git a/assets/css/primary-menu-no-toggle.css b/assets/css/primary-menu-no-toggle.css new file mode 100644 index 00000000..609d3f12 --- /dev/null +++ b/assets/css/primary-menu-no-toggle.css @@ -0,0 +1,289 @@ +/*---------- 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-menu-enable { + /*.main-navigation li { + position: static; + }*/ + /** Layout */ + /** Option: Hide custom menu item on mobile */ + /** Removed custom menu item border if the custom menu item is within the menu. */ + /** Removed hover color from anchor and toggle button and added it to the `li`, Because `li` contain both `a` and `toggle`. */ +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation { + display: block; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation .site-navigation { + background: #fff; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation { + position: relative; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-link { + position: relative; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item .menu-link { + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation li, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .menu-link { + display: inline-block; + width: auto; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside:hover > .sub-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside.focus > .sub-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu { + position: absolute; + left: 0; + right: 0; + width: 240px; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside:hover > .sub-menu .sub-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside.focus > .sub-menu .sub-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .sub-menu { + position: relative; + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle { + right: 0; + top: 0; + position: relative; + transition: all 0.2s linear; + border-radius: 0; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu > .menu-item-has-children > .ast-menu-toggle { + font-size: .8em; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu > .menu-item-has-children > .menu-link { + padding-right: 0; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle { + position: absolute; + background: transparent; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-link { + display: inline-block; + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-item .menu-link:before, +.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before { + content: ""; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .menu-link { + border: none; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .main-header-menu, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul ul .menu-item .menu-link { + border: none; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation ul > .menu-item:first-child, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item { + border-style: solid; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .sub-menu .menu-item, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul ul ul li { + border-left: none; + border-right: none; + border-bottom: none; +} + +@media (min-width: 769px) { + .ast-header-break-point.ast-no-toggle-menu-enable .ast-main-header-bar-alignment { + flex: none; + width: auto; + } +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-container { + justify-content: space-between; + align-items: center; + width: 100%; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation { + width: 100%; + margin: 0; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .ast-main-header-bar-alignment { + width: auto; + order: 1; + text-align: right; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation { + display: inline-block; + width: auto; + padding: 0; +} + +@media (max-width: 544px) { + .ast-header-break-point.ast-no-toggle-menu-enable .ast-mobile-header-stack .ast-main-header-bar-alignment { + text-align: center; + } +} + +.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-1.ast-mobile-header-stack .main-header-container, +.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-2.ast-mobile-header-stack .main-header-container, +.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-3.ast-mobile-header-stack .main-header-container { + flex-direction: column; +} + +@media (max-width: 544px) { + .ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-1 .site-branding, + .ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-2 .site-branding, + .ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-3 .site-branding { + padding-right: 0; + padding-bottom: 1em; + } +} + +.ast-header-break-point.ast-no-toggle-menu-enable .ast-hide-custom-menu-mobile .main-navigation .ast-masthead-custom-menu-items { + display: none; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation > .ast-above-header-menu > .menu-item.ast-masthead-custom-menu-items:last-child, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation > ul > .menu-item.ast-masthead-custom-menu-items:last-child, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation > ul > .menu-item.ast-masthead-custom-menu-items { + border: none; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul li { + transition: all 0.2s linear; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-link:hover, +.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-custom-item a:hover, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover > .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus > .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item:hover .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item:not(.ast-masthead-custom-menu-items) .menu-link { + background: transparent; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .current-menu-item > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .current-menu-ancestor > .ast-menu-toggle { + color: inherit; +} + +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .menu-link, +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-ancestor > .menu-link { + color: inherit; +} + +@media (max-width: 544px) { + .ast-no-toggle-menu-enable .ast-mobile-header-stack .main-header-bar-navigation .main-header-menu { + justify-content: 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; +} diff --git a/assets/css/primary-menu-no-toggle.min.css b/assets/css/primary-menu-no-toggle.min.css new file mode 100644 index 00000000..fd29010a --- /dev/null +++ b/assets/css/primary-menu-no-toggle.min.css @@ -0,0 +1,85 @@ +.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation{display:block}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation .site-navigation{background:#fff}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation{position:relative}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-link{position:relative}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item .menu-link{width:100%}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation li,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .menu-link{display:inline-block;width:auto}.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside:hover>.sub-menu,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu{position:absolute;left:0;right:0;width:240px}.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside.focus>.sub-menu .sub-menu,.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-menu li.ast-sub-menu-goes-outside:hover>.sub-menu .sub-menu,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .sub-menu{position:relative;width:100%}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{right:0;top:0;position:relative;transition:all .2s linear;border-radius:0}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu>.menu-item-has-children>.ast-menu-toggle{font-size:.8em}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu>.menu-item-has-children>.menu-link{padding-right:0}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children>.ast-menu-toggle{position:absolute;background:0 0}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-link{display:inline-block;width:100%}.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-item .menu-link:before,.ast-header-break-point.ast-no-toggle-menu-enable .sub-menu .menu-item .menu-link:before{content:""}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .menu-link{border:none}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation .main-header-menu,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul ul .menu-item .menu-link{border:none}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation ul>.menu-item:first-child,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item{border-style:solid}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .sub-menu .menu-item,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul ul ul li{border-left:none;border-right:none;border-bottom:none}@media (min-width:769px){.ast-header-break-point.ast-no-toggle-menu-enable .ast-main-header-bar-alignment{flex:none;width:auto}}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-container{justify-content:space-between;align-items:center;width:100%}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar-navigation{width:100%;margin:0}.ast-header-break-point.ast-no-toggle-menu-enable .ast-main-header-bar-alignment{width:auto;order:1;text-align:right}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-bar .main-header-bar-navigation{display:inline-block;width:auto;padding:0}@media (max-width:544px){.ast-header-break-point.ast-no-toggle-menu-enable .ast-mobile-header-stack .ast-main-header-bar-alignment{text-align:center}}.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-1.ast-mobile-header-stack .main-header-container,.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-2.ast-mobile-header-stack .main-header-container,.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-3.ast-mobile-header-stack .main-header-container{flex-direction:column}@media (max-width:544px){.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-1 .site-branding,.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-2 .site-branding,.ast-header-break-point.ast-no-toggle-menu-enable .header-main-layout-3 .site-branding{padding-right:0;padding-bottom:1em}}.ast-header-break-point.ast-no-toggle-menu-enable .ast-hide-custom-menu-mobile .main-navigation .ast-masthead-custom-menu-items{display:none}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation>.ast-above-header-menu>.menu-item.ast-masthead-custom-menu-items:last-child,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation>ul>.menu-item.ast-masthead-custom-menu-items,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation>ul>.menu-item.ast-masthead-custom-menu-items:last-child{border:none}.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul li{transition:all .2s linear}.ast-header-break-point.ast-no-toggle-menu-enable .ast-header-custom-item a:hover,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus>.menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover>.menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-link:hover,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item .menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation .sub-menu .menu-item:hover .menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item .ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-navigation ul .menu-item:not(.ast-masthead-custom-menu-items) .menu-link{background:0 0}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .current-menu-ancestor>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .current-menu-item>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus>.ast-menu-toggle{color:inherit}.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-ancestor>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-ancestor>.menu-link,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item>.ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item>.menu-link{color:inherit}@media (max-width:544px){.ast-no-toggle-menu-enable .ast-mobile-header-stack .main-header-bar-navigation .main-header-menu{justify-content: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; +} diff --git a/assets/css/quick-view-rtl.css b/assets/css/quick-view-rtl.css new file mode 100644 index 00000000..ee1d486c --- /dev/null +++ b/assets/css/quick-view-rtl.css @@ -0,0 +1,460 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Quick View Style + */ +/*======================= +* MODAL POPUP STYLE +========================*/ +html.ast-quick-view-is-open { + overflow: hidden; +} + +html.ast-quick-view-is-open body { + overflow: hidden; +} + +html.ast-quick-view-is-open .main-header-bar.ast-sticky-active, html.ast-quick-view-is-open .ast-above-header.ast-sticky-active, html.ast-quick-view-is-open .ast-below-header.ast-sticky-active { + margin-right: 0; +} + +.ast-quick-view-bg { + position: fixed; + visibility: hidden; + overflow: hidden; + background: #0b0b0b; + opacity: 0; + transition: opacity .25s; + z-index: 1042; +} + +.ast-quick-view-loader { + z-index: 1000; + border: none; + margin: 0px; + padding: 0px; + width: 100%; + height: 100%; + top: 0px; + right: 0px; + position: absolute; +} + +.ast-quick-view-loader.blockUI.blockOverlay::before { + content: ""; + background: none !important; + width: 48px; + height: 48px; + display: block; + position: absolute; + top: 50%; + right: 50%; + border: 3px solid white; + margin: 0 auto; + border-radius: 50%; + border-right-color: transparent; + border-left-color: transparent; + animation: ast-qv-spin 575ms infinite linear; +} + +@keyframes ast-qv-spin { + 100% { + transform: rotate(-360deg); + transform: rotate(-360deg); + } +} + +@keyframes spin { + 100% { + transform: rotate(-360deg); + transform: rotate(-360deg); + } +} + +.ast-quick-view-bg-ready { + top: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0.6; + visibility: visible; +} + +body #ast-quick-view-modal div.product .flex-viewport { + width: 100%; + float: none; +} + +#ast-quick-view-modal { + position: fixed; + visibility: hidden; + opacity: 0; + top: 0; + right: 0; + width: 100%; + height: 100%; + z-index: 1400; + text-align: center; + transition: all 0.3s; + overflow-x: hidden; + overflow-y: auto; +} + +#ast-quick-view-content div.images { + min-width: 400px; +} + +#ast-quick-view-modal .ast-content-main-wrapper { + position: absolute; + border-radius: 3px; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + width: max(80%, 800px); +} + +#ast-quick-view-modal .ast-content-main-wrapper:before { + content: ''; + display: inline-block; + vertical-align: middle; + height: 100%; +} + +#ast-quick-view-modal .ast-content-main { + position: relative; + pointer-events: none; + display: inline-block; + vertical-align: middle; + max-width: 100%; + margin: 0 auto; + text-align: right; + z-index: 1045; + transform: translateY(-30px); + opacity: 0; + transition: transform .5s, opacity .3s; +} + +#ast-quick-view-modal .ast-content-main:after, #ast-quick-view-modal .ast-content-main:before { + content: ''; + display: table; + clear: both; +} + +#ast-quick-view-modal .ast-lightbox-content { + display: table; + pointer-events: auto; + background-color: var(--ast-global-color-5); + margin: 0 auto; + box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15); + position: relative; +} + +#ast-quick-view-modal.open { + visibility: visible; + opacity: 1; +} + +#ast-quick-view-modal.open .ast-content-main { + transform: translateY(0); + opacity: 1; + width: 100%; +} + +#ast-quick-view-modal .ast-qv-image-slider { + position: relative; +} + +#ast-quick-view-modal .ast-qv-image-slider .ast-qv-slides li { + list-style: none; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-control-nav { + margin: 0; + padding: 0; + width: 100%; + position: absolute; + bottom: 10px; + text-align: center; + z-index: 2; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-control-nav li { + margin: 0 6px; + display: inline-block; + zoom: 1; + vertical-align: middle; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-control-paging li a { + width: 11px; + height: 11px; + display: block; + background: #666; + background: rgba(0, 0, 0, 0.5); + cursor: pointer; + text-indent: -9999px; + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + border-radius: 20px; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-control-paging li a.flex-active { + background: #000; + background: rgba(0, 0, 0, 0.9); + cursor: default; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav { + margin: 0; + padding: 0; + list-style: none; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav a { + text-decoration: none; + display: block; + margin: -20px 0 0; + position: absolute; + top: 50%; + z-index: 10; + overflow: hidden; + opacity: 0; + cursor: pointer; + color: rgba(0, 0, 0, 0.8); + text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3); + transition: all 0.3s ease-in-out; + visibility: hidden; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-prev:before, #ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-next:before { + speak: none; + font-size: 20px; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + position: absolute; + visibility: visible; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-prev { + right: -50px; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-next { + left: -50px; + text-align: left; +} + +#ast-quick-view-modal .ast-qv-image-slider:hover .flex-direction-nav .flex-prev, #ast-quick-view-modal .ast-qv-image-slider:hover .flex-direction-nav .flex-next { + opacity: 0.7; +} + +#ast-quick-view-content { + height: 100%; + overflow: hidden; +} + +#ast-quick-view-content div.product { + padding: 0; + display: inline-block; + width: 100%; + vertical-align: middle; + overflow: hidden; + max-width: 1000px; +} + +#ast-quick-view-content div.images { + opacity: 1 !important; + margin: 0; + width: 50%; + min-width: 400px; + display: inline-block; + float: right; +} + +#ast-quick-view-content div.summary { + margin: 0; + padding: 30px; + width: 50%; + min-width: 400px; + float: right; + overflow-y: auto; +} + +#ast-quick-view-content .ast-woocommerce-accordion { + display: none; +} + +.open .ast-quick-view-loader { + opacity: 0; +} + +.stick-add-to-cart #ast-quick-view-content div.summary { + padding-bottom: 0; +} + +#ast-quick-view-content div.summary .added_to_cart { + padding-top: 5px; +} + +#ast-quick-view-content div.woocommerce-product-rating:after, #ast-quick-view-content div.woocommerce-product-rating:before { + content: ''; + display: table; + clear: both; +} + +#ast-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link { + display: none; +} + +#ast-quick-view-content .onsale { + top: 15px; + right: 15px; + left: auto; +} + +#ast-quick-view-close { + position: absolute; + font-size: 1em; + top: -15px; + left: -15px; + width: 22px; + height: 22px; + line-height: 22px; + text-align: center; + z-index: 4; + background: #fff; + color: #000; + border-radius: 50%; + box-shadow: 0 0 4px #4c4c4c; +} + +#ast-quick-view-close:hover { + opacity: 1; + transition: all 0.2s ease; +} + +/* Button On Page and Image */ +.astra-shop-thumbnail-wrap { + position: relative; +} + +.ast-quick-view-text { + position: absolute; + opacity: 0; + bottom: 0; + right: 0; + width: 100%; + text-align: center; + min-height: 2em; + background: rgba(0, 0, 0, 0.7); + color: #fff; +} + +.ast-quick-view-text:hover { + background: #000000; + color: #fff; +} + +.astra-shop-thumbnail-wrap:hover .ast-quick-view-text { + opacity: 1; +} + +.woocommerce #ast-quick-view-modal div.product form.cart .button.single_add_to_cart_button { + padding: 10px 20px; + height: 40px; +} + +.woocommerce #ast-quick-view-modal div.product form.cart .button.single_add_to_cart_button.loading { + padding-left: 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; +} diff --git a/assets/css/quick-view-rtl.min.css b/assets/css/quick-view-rtl.min.css new file mode 100644 index 00000000..dfe5a64e --- /dev/null +++ b/assets/css/quick-view-rtl.min.css @@ -0,0 +1,85 @@ +html.ast-quick-view-is-open{overflow:hidden}html.ast-quick-view-is-open body{overflow:hidden}html.ast-quick-view-is-open .ast-above-header.ast-sticky-active,html.ast-quick-view-is-open .ast-below-header.ast-sticky-active,html.ast-quick-view-is-open .main-header-bar.ast-sticky-active{margin-right:0}.ast-quick-view-bg{position:fixed;visibility:hidden;overflow:hidden;background:#0b0b0b;opacity:0;transition:opacity .25s;z-index:1042}.ast-quick-view-loader{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;right:0;position:absolute}.ast-quick-view-loader.blockUI.blockOverlay::before{content:"";background:0 0!important;width:48px;height:48px;display:block;position:absolute;top:50%;right:50%;border:3px solid #fff;margin:0 auto;border-radius:50%;border-right-color:transparent;border-left-color:transparent;animation:ast-qv-spin 575ms infinite linear}@keyframes ast-qv-spin{100%{transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes spin{100%{transform:rotate(-360deg);transform:rotate(-360deg)}}.ast-quick-view-bg-ready{top:0;right:0;width:100%;height:100%;opacity:.6;visibility:visible}body #ast-quick-view-modal div.product .flex-viewport{width:100%;float:none}#ast-quick-view-modal{position:fixed;visibility:hidden;opacity:0;top:0;right:0;width:100%;height:100%;z-index:1400;text-align:center;transition:all .3s;overflow-x:hidden;overflow-y:auto}#ast-quick-view-content div.images{min-width:400px}#ast-quick-view-modal .ast-content-main-wrapper{position:absolute;border-radius:3px;top:50%;right:50%;transform:translate(50%,-50%);width:max(80%,800px)}#ast-quick-view-modal .ast-content-main-wrapper:before{content:'';display:inline-block;vertical-align:middle;height:100%}#ast-quick-view-modal .ast-content-main{position:relative;pointer-events:none;display:inline-block;vertical-align:middle;max-width:100%;margin:0 auto;text-align:right;z-index:1045;transform:translateY(-30px);opacity:0;transition:transform .5s,opacity .3s}#ast-quick-view-modal .ast-content-main:after,#ast-quick-view-modal .ast-content-main:before{content:'';display:table;clear:both}#ast-quick-view-modal .ast-lightbox-content{display:table;pointer-events:auto;background-color:var(--ast-global-color-5);margin:0 auto;box-shadow:-3px 3px 20px 0 rgba(0,0,0,.15);position:relative}#ast-quick-view-modal.open{visibility:visible;opacity:1}#ast-quick-view-modal.open .ast-content-main{transform:translateY(0);opacity:1;width:100%}#ast-quick-view-modal .ast-qv-image-slider{position:relative}#ast-quick-view-modal .ast-qv-image-slider .ast-qv-slides li{list-style:none}#ast-quick-view-modal .ast-qv-image-slider .flex-control-nav{margin:0;padding:0;width:100%;position:absolute;bottom:10px;text-align:center;z-index:2}#ast-quick-view-modal .ast-qv-image-slider .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;vertical-align:middle}#ast-quick-view-modal .ast-qv-image-slider .flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}#ast-quick-view-modal .ast-qv-image-slider .flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav{margin:0;padding:0;list-style:none}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav a{text-decoration:none;display:block;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:-1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out;visibility:hidden}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-next:before,#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-prev:before{speak:none;font-size:20px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;visibility:visible}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-prev{right:-50px}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-next{left:-50px;text-align:left}#ast-quick-view-modal .ast-qv-image-slider:hover .flex-direction-nav .flex-next,#ast-quick-view-modal .ast-qv-image-slider:hover .flex-direction-nav .flex-prev{opacity:.7}#ast-quick-view-content{height:100%;overflow:hidden}#ast-quick-view-content div.product{padding:0;display:inline-block;width:100%;vertical-align:middle;overflow:hidden;max-width:1000px}#ast-quick-view-content div.images{opacity:1!important;margin:0;width:50%;min-width:400px;display:inline-block;float:right}#ast-quick-view-content div.summary{margin:0;padding:30px;width:50%;min-width:400px;float:right;overflow-y:auto}#ast-quick-view-content .ast-woocommerce-accordion{display:none}.open .ast-quick-view-loader{opacity:0}.stick-add-to-cart #ast-quick-view-content div.summary{padding-bottom:0}#ast-quick-view-content div.summary .added_to_cart{padding-top:5px}#ast-quick-view-content div.woocommerce-product-rating:after,#ast-quick-view-content div.woocommerce-product-rating:before{content:'';display:table;clear:both}#ast-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link{display:none}#ast-quick-view-content .onsale{top:15px;right:15px;left:auto}#ast-quick-view-close{position:absolute;font-size:1em;top:-15px;left:-15px;width:22px;height:22px;line-height:22px;text-align:center;z-index:4;background:#fff;color:#000;border-radius:50%;box-shadow:0 0 4px #4c4c4c}#ast-quick-view-close:hover{opacity:1;transition:all .2s ease}.astra-shop-thumbnail-wrap{position:relative}.ast-quick-view-text{position:absolute;opacity:0;bottom:0;right:0;width:100%;text-align:center;min-height:2em;background:rgba(0,0,0,.7);color:#fff}.ast-quick-view-text:hover{background:#000;color:#fff}.astra-shop-thumbnail-wrap:hover .ast-quick-view-text{opacity:1}.woocommerce #ast-quick-view-modal div.product form.cart .button.single_add_to_cart_button{padding:10px 20px;height:40px}.woocommerce #ast-quick-view-modal div.product form.cart .button.single_add_to_cart_button.loading{padding-left: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; +} diff --git a/assets/css/quick-view.css b/assets/css/quick-view.css new file mode 100644 index 00000000..f850da04 --- /dev/null +++ b/assets/css/quick-view.css @@ -0,0 +1,460 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Quick View Style + */ +/*======================= +* MODAL POPUP STYLE +========================*/ +html.ast-quick-view-is-open { + overflow: hidden; +} + +html.ast-quick-view-is-open body { + overflow: hidden; +} + +html.ast-quick-view-is-open .main-header-bar.ast-sticky-active, html.ast-quick-view-is-open .ast-above-header.ast-sticky-active, html.ast-quick-view-is-open .ast-below-header.ast-sticky-active { + margin-left: 0; +} + +.ast-quick-view-bg { + position: fixed; + visibility: hidden; + overflow: hidden; + background: #0b0b0b; + opacity: 0; + transition: opacity .25s; + z-index: 1042; +} + +.ast-quick-view-loader { + z-index: 1000; + border: none; + margin: 0px; + padding: 0px; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + position: absolute; +} + +.ast-quick-view-loader.blockUI.blockOverlay::before { + content: ""; + background: none !important; + width: 48px; + height: 48px; + display: block; + position: absolute; + top: 50%; + left: 50%; + border: 3px solid white; + margin: 0 auto; + border-radius: 50%; + border-left-color: transparent; + border-right-color: transparent; + animation: ast-qv-spin 575ms infinite linear; +} + +@keyframes ast-qv-spin { + 100% { + transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes spin { + 100% { + transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.ast-quick-view-bg-ready { + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0.6; + visibility: visible; +} + +body #ast-quick-view-modal div.product .flex-viewport { + width: 100%; + float: none; +} + +#ast-quick-view-modal { + position: fixed; + visibility: hidden; + opacity: 0; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1400; + text-align: center; + transition: all 0.3s; + overflow-x: hidden; + overflow-y: auto; +} + +#ast-quick-view-content div.images { + min-width: 400px; +} + +#ast-quick-view-modal .ast-content-main-wrapper { + position: absolute; + border-radius: 3px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: max(80%, 800px); +} + +#ast-quick-view-modal .ast-content-main-wrapper:before { + content: ''; + display: inline-block; + vertical-align: middle; + height: 100%; +} + +#ast-quick-view-modal .ast-content-main { + position: relative; + pointer-events: none; + display: inline-block; + vertical-align: middle; + max-width: 100%; + margin: 0 auto; + text-align: left; + z-index: 1045; + transform: translateY(-30px); + opacity: 0; + transition: transform .5s, opacity .3s; +} + +#ast-quick-view-modal .ast-content-main:after, #ast-quick-view-modal .ast-content-main:before { + content: ''; + display: table; + clear: both; +} + +#ast-quick-view-modal .ast-lightbox-content { + display: table; + pointer-events: auto; + background-color: var(--ast-global-color-5); + margin: 0 auto; + box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15); + position: relative; +} + +#ast-quick-view-modal.open { + visibility: visible; + opacity: 1; +} + +#ast-quick-view-modal.open .ast-content-main { + transform: translateY(0); + opacity: 1; + width: 100%; +} + +#ast-quick-view-modal .ast-qv-image-slider { + position: relative; +} + +#ast-quick-view-modal .ast-qv-image-slider .ast-qv-slides li { + list-style: none; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-control-nav { + margin: 0; + padding: 0; + width: 100%; + position: absolute; + bottom: 10px; + text-align: center; + z-index: 2; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-control-nav li { + margin: 0 6px; + display: inline-block; + zoom: 1; + vertical-align: middle; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-control-paging li a { + width: 11px; + height: 11px; + display: block; + background: #666; + background: rgba(0, 0, 0, 0.5); + cursor: pointer; + text-indent: -9999px; + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + border-radius: 20px; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-control-paging li a.flex-active { + background: #000; + background: rgba(0, 0, 0, 0.9); + cursor: default; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav { + margin: 0; + padding: 0; + list-style: none; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav a { + text-decoration: none; + display: block; + margin: -20px 0 0; + position: absolute; + top: 50%; + z-index: 10; + overflow: hidden; + opacity: 0; + cursor: pointer; + color: rgba(0, 0, 0, 0.8); + text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); + transition: all 0.3s ease-in-out; + visibility: hidden; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-prev:before, #ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-next:before { + speak: none; + font-size: 20px; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + position: absolute; + visibility: visible; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-prev { + left: -50px; +} + +#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-next { + right: -50px; + text-align: right; +} + +#ast-quick-view-modal .ast-qv-image-slider:hover .flex-direction-nav .flex-prev, #ast-quick-view-modal .ast-qv-image-slider:hover .flex-direction-nav .flex-next { + opacity: 0.7; +} + +#ast-quick-view-content { + height: 100%; + overflow: hidden; +} + +#ast-quick-view-content div.product { + padding: 0; + display: inline-block; + width: 100%; + vertical-align: middle; + overflow: hidden; + max-width: 1000px; +} + +#ast-quick-view-content div.images { + opacity: 1 !important; + margin: 0; + width: 50%; + min-width: 400px; + display: inline-block; + float: left; +} + +#ast-quick-view-content div.summary { + margin: 0; + padding: 30px; + width: 50%; + min-width: 400px; + float: left; + overflow-y: auto; +} + +#ast-quick-view-content .ast-woocommerce-accordion { + display: none; +} + +.open .ast-quick-view-loader { + opacity: 0; +} + +.stick-add-to-cart #ast-quick-view-content div.summary { + padding-bottom: 0; +} + +#ast-quick-view-content div.summary .added_to_cart { + padding-top: 5px; +} + +#ast-quick-view-content div.woocommerce-product-rating:after, #ast-quick-view-content div.woocommerce-product-rating:before { + content: ''; + display: table; + clear: both; +} + +#ast-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link { + display: none; +} + +#ast-quick-view-content .onsale { + top: 15px; + left: 15px; + right: auto; +} + +#ast-quick-view-close { + position: absolute; + font-size: 1em; + top: -15px; + right: -15px; + width: 22px; + height: 22px; + line-height: 22px; + text-align: center; + z-index: 4; + background: #fff; + color: #000; + border-radius: 50%; + box-shadow: 0 0 4px #4c4c4c; +} + +#ast-quick-view-close:hover { + opacity: 1; + transition: all 0.2s ease; +} + +/* Button On Page and Image */ +.astra-shop-thumbnail-wrap { + position: relative; +} + +.ast-quick-view-text { + position: absolute; + opacity: 0; + bottom: 0; + left: 0; + width: 100%; + text-align: center; + min-height: 2em; + background: rgba(0, 0, 0, 0.7); + color: #fff; +} + +.ast-quick-view-text:hover { + background: #000000; + color: #fff; +} + +.astra-shop-thumbnail-wrap:hover .ast-quick-view-text { + opacity: 1; +} + +.woocommerce #ast-quick-view-modal div.product form.cart .button.single_add_to_cart_button { + padding: 10px 20px; + height: 40px; +} + +.woocommerce #ast-quick-view-modal div.product form.cart .button.single_add_to_cart_button.loading { + padding-right: 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; +} diff --git a/assets/css/quick-view.min.css b/assets/css/quick-view.min.css new file mode 100644 index 00000000..a2684980 --- /dev/null +++ b/assets/css/quick-view.min.css @@ -0,0 +1,85 @@ +html.ast-quick-view-is-open{overflow:hidden}html.ast-quick-view-is-open body{overflow:hidden}html.ast-quick-view-is-open .ast-above-header.ast-sticky-active,html.ast-quick-view-is-open .ast-below-header.ast-sticky-active,html.ast-quick-view-is-open .main-header-bar.ast-sticky-active{margin-left:0}.ast-quick-view-bg{position:fixed;visibility:hidden;overflow:hidden;background:#0b0b0b;opacity:0;transition:opacity .25s;z-index:1042}.ast-quick-view-loader{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;position:absolute}.ast-quick-view-loader.blockUI.blockOverlay::before{content:"";background:0 0!important;width:48px;height:48px;display:block;position:absolute;top:50%;left:50%;border:3px solid #fff;margin:0 auto;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:ast-qv-spin 575ms infinite linear}@keyframes ast-qv-spin{100%{transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{transform:rotate(360deg);transform:rotate(360deg)}}.ast-quick-view-bg-ready{top:0;left:0;width:100%;height:100%;opacity:.6;visibility:visible}body #ast-quick-view-modal div.product .flex-viewport{width:100%;float:none}#ast-quick-view-modal{position:fixed;visibility:hidden;opacity:0;top:0;left:0;width:100%;height:100%;z-index:1400;text-align:center;transition:all .3s;overflow-x:hidden;overflow-y:auto}#ast-quick-view-content div.images{min-width:400px}#ast-quick-view-modal .ast-content-main-wrapper{position:absolute;border-radius:3px;top:50%;left:50%;transform:translate(-50%,-50%);width:max(80%,800px)}#ast-quick-view-modal .ast-content-main-wrapper:before{content:'';display:inline-block;vertical-align:middle;height:100%}#ast-quick-view-modal .ast-content-main{position:relative;pointer-events:none;display:inline-block;vertical-align:middle;max-width:100%;margin:0 auto;text-align:left;z-index:1045;transform:translateY(-30px);opacity:0;transition:transform .5s,opacity .3s}#ast-quick-view-modal .ast-content-main:after,#ast-quick-view-modal .ast-content-main:before{content:'';display:table;clear:both}#ast-quick-view-modal .ast-lightbox-content{display:table;pointer-events:auto;background-color:var(--ast-global-color-5);margin:0 auto;box-shadow:3px 3px 20px 0 rgba(0,0,0,.15);position:relative}#ast-quick-view-modal.open{visibility:visible;opacity:1}#ast-quick-view-modal.open .ast-content-main{transform:translateY(0);opacity:1;width:100%}#ast-quick-view-modal .ast-qv-image-slider{position:relative}#ast-quick-view-modal .ast-qv-image-slider .ast-qv-slides li{list-style:none}#ast-quick-view-modal .ast-qv-image-slider .flex-control-nav{margin:0;padding:0;width:100%;position:absolute;bottom:10px;text-align:center;z-index:2}#ast-quick-view-modal .ast-qv-image-slider .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;vertical-align:middle}#ast-quick-view-modal .ast-qv-image-slider .flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}#ast-quick-view-modal .ast-qv-image-slider .flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav{margin:0;padding:0;list-style:none}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav a{text-decoration:none;display:block;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out;visibility:hidden}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-next:before,#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-prev:before{speak:none;font-size:20px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;visibility:visible}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-prev{left:-50px}#ast-quick-view-modal .ast-qv-image-slider .flex-direction-nav .flex-next{right:-50px;text-align:right}#ast-quick-view-modal .ast-qv-image-slider:hover .flex-direction-nav .flex-next,#ast-quick-view-modal .ast-qv-image-slider:hover .flex-direction-nav .flex-prev{opacity:.7}#ast-quick-view-content{height:100%;overflow:hidden}#ast-quick-view-content div.product{padding:0;display:inline-block;width:100%;vertical-align:middle;overflow:hidden;max-width:1000px}#ast-quick-view-content div.images{opacity:1!important;margin:0;width:50%;min-width:400px;display:inline-block;float:left}#ast-quick-view-content div.summary{margin:0;padding:30px;width:50%;min-width:400px;float:left;overflow-y:auto}#ast-quick-view-content .ast-woocommerce-accordion{display:none}.open .ast-quick-view-loader{opacity:0}.stick-add-to-cart #ast-quick-view-content div.summary{padding-bottom:0}#ast-quick-view-content div.summary .added_to_cart{padding-top:5px}#ast-quick-view-content div.woocommerce-product-rating:after,#ast-quick-view-content div.woocommerce-product-rating:before{content:'';display:table;clear:both}#ast-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link{display:none}#ast-quick-view-content .onsale{top:15px;left:15px;right:auto}#ast-quick-view-close{position:absolute;font-size:1em;top:-15px;right:-15px;width:22px;height:22px;line-height:22px;text-align:center;z-index:4;background:#fff;color:#000;border-radius:50%;box-shadow:0 0 4px #4c4c4c}#ast-quick-view-close:hover{opacity:1;transition:all .2s ease}.astra-shop-thumbnail-wrap{position:relative}.ast-quick-view-text{position:absolute;opacity:0;bottom:0;left:0;width:100%;text-align:center;min-height:2em;background:rgba(0,0,0,.7);color:#fff}.ast-quick-view-text:hover{background:#000;color:#fff}.astra-shop-thumbnail-wrap:hover .ast-quick-view-text{opacity:1}.woocommerce #ast-quick-view-modal div.product form.cart .button.single_add_to_cart_button{padding:10px 20px;height:40px}.woocommerce #ast-quick-view-modal div.product form.cart .button.single_add_to_cart_button.loading{padding-right: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; +} diff --git a/assets/css/radio-icon-rtl.css b/assets/css/radio-icon-rtl.css new file mode 100644 index 00000000..4c8bfe9c --- /dev/null +++ b/assets/css/radio-icon-rtl.css @@ -0,0 +1,149 @@ +.customize-control-ast-radio-icon .ast-control-wrap { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: flex-start; +} + +.customize-control-ast-radio-icon .customize-control-title { + flex: 1; + padding-left: 0.5em; +} + +.customize-control-ast-radio-icon .customize-control-title { + margin-top: 8px; + margin-bottom: 8px; +} + +.customize-control-ast-radio-icon .ast-options { + background-color: transparent; + margin: 0; + line-height: 0; +} + +.customize-control-ast-radio-icon .ast-options li { + display: inline-block; + position: relative; + background-color: transparent; + width: 42px; + height: 28px; + line-height: 28px; + margin-bottom: 0; + border: 1px solid var(--ast-customizer-color-7); + color: var(--ast-customizer-color-8); + cursor: pointer; +} + +.customize-control-ast-radio-icon .ast-options li .dashicon { + text-align: center; + line-height: 28px; + width: 100%; + font-size: 16px; +} + +.customize-control-ast-radio-icon .ast-options li { + margin-right: -1px; +} + +.customize-control-ast-radio-icon .ast-options li:nth-child(1) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + margin-right: 0; +} + +.customize-control-ast-radio-icon .ast-options li:nth-last-child(1) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.customize-control-ast-radio-icon .ast-options li.active { + background-color: var(--ast-customizer-color-1); + color: var(--ast-customizer-color-10); + border-color: var(--ast-customizer-color-1); + margin-left: 1px; +} + + +/* 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; +} diff --git a/assets/css/radio-icon.css b/assets/css/radio-icon.css new file mode 100644 index 00000000..394c1589 --- /dev/null +++ b/assets/css/radio-icon.css @@ -0,0 +1,149 @@ +.customize-control-ast-radio-icon .ast-control-wrap { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: flex-start; +} + +.customize-control-ast-radio-icon .customize-control-title { + flex: 1; + padding-right: 0.5em; +} + +.customize-control-ast-radio-icon .customize-control-title { + margin-top: 8px; + margin-bottom: 8px; +} + +.customize-control-ast-radio-icon .ast-options { + background-color: transparent; + margin: 0; + line-height: 0; +} + +.customize-control-ast-radio-icon .ast-options li { + display: inline-block; + position: relative; + background-color: transparent; + width: 42px; + height: 28px; + line-height: 28px; + margin-bottom: 0; + border: 1px solid var(--ast-customizer-color-7); + color: var(--ast-customizer-color-8); + cursor: pointer; +} + +.customize-control-ast-radio-icon .ast-options li .dashicon { + text-align: center; + line-height: 28px; + width: 100%; + font-size: 16px; +} + +.customize-control-ast-radio-icon .ast-options li { + margin-left: -1px; +} + +.customize-control-ast-radio-icon .ast-options li:nth-child(1) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + margin-left: 0; +} + +.customize-control-ast-radio-icon .ast-options li:nth-last-child(1) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.customize-control-ast-radio-icon .ast-options li.active { + background-color: var(--ast-customizer-color-1); + color: var(--ast-customizer-color-10); + border-color: var(--ast-customizer-color-1); + margin-right: 1px; +} + + +/* 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; +} diff --git a/assets/css/radio-image-rtl.css b/assets/css/radio-image-rtl.css new file mode 100644 index 00000000..11be13f1 --- /dev/null +++ b/assets/css/radio-image-rtl.css @@ -0,0 +1,244 @@ +.customize-control-ast-row-layout .ast-responsive-btns { + position: relative; + top: 1px; +} + +.customize-control-ast-radio-image label { + position: relative; + display: inline-block; + margin-left: 12px; +} + +.ast-divide-four label { + margin-left: 0; +} + +.customize-control-ast-radio-image input { + display: none; +} + +.customize-control-ast-radio-image input:checked + label svg { + background: var(--ast-customizer-color-1); + border-radius: 0; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +.customize-control-ast-radio-image input:checked + label svg path { + color: var(--ast-customizer-color-10); +} + +.customize-control-ast-radio-image .modern-layout input:checked + label svg, +.components-button-group.ahfb-radio-container-control .active-radio.ast-radio-img-svg svg { + background-color: var(--ast-customizer-color-1); + border-color: transparent; + box-shadow: 0px 12px 20px -8px rgba(30, 41, 59, 0.16); + border-bottom-color: #f0f0f1; +} + +.ast-divide-four input:checked + label svg { + box-shadow: none; + color: var(--ast-customizer-color-3); +} + +.customize-control-ast-radio-image input + label .image-clickable { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .image { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 5px; + grid-row-gap: 5px; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .modern-layout, .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-column-gap: 23px; + grid-row-gap: 23px; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .ast-divide-four { + grid-template-columns: repeat(4, 1fr); + grid-column-gap: 14px; + grid-row-gap: 10px; +} + +.customize-control-ast-radio-image .ast-radio-img-svg svg { + width: 75px; + height: 50px; +} + +.customize-control-ast-radio-image .modern-layout .ast-radio-img-svg svg, +.components-button-group.ahfb-radio-container-control .ast-radio-img-svg svg { + margin: 0; + width: 100%; + height: auto; + background-color: rgba(221,224,226,0.5); + border: 1px solid var(--ast-customizer-color-7); + border-radius: 4px; + cursor: pointer; + transition: background 0.15s ease, box-shadow 0.15s ease; +} + +.ast-divide-four .ast-radio-img-svg svg { + color: var(--ast-customizer-color-7); + width: 100%; + height: 93%; +} + +.ast-divide-four .ast-radio-img-svg svg path { + color: var(--ast-customizer-color-8); +} + +/* Image tooltip */ +.image-clickable[data-title]::after { + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + right: 50%; + transform: translate(50%, -.5em); +} + +.image-clickable[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 21em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: .3ch; + box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 9; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert 300ms ease-out forwards; +} + +/* Make the tooltips respond to hover */ +.image-clickable[data-title]:hover::after { + display: block; +} + +/* don't show empty tooltips */ +.image-clickable[data-title='']::after { + display: none !important; +} + +/* KEYFRAMES */ +@keyframes tooltips-vert { + to { + opacity: .9; + transform: translate(50%, 0); + } +} + +@keyframes tooltips-horz { + to { + opacity: .9; + transform: translate(0, -50%); + } +} + +.ast-upgrade-trigger:hover .image-clickable[data-title]::after { + display: block; +} + + +/* 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; +} diff --git a/assets/css/radio-image.css b/assets/css/radio-image.css new file mode 100644 index 00000000..646d2f3a --- /dev/null +++ b/assets/css/radio-image.css @@ -0,0 +1,244 @@ +.customize-control-ast-row-layout .ast-responsive-btns { + position: relative; + top: 1px; +} + +.customize-control-ast-radio-image label { + position: relative; + display: inline-block; + margin-right: 12px; +} + +.ast-divide-four label { + margin-right: 0; +} + +.customize-control-ast-radio-image input { + display: none; +} + +.customize-control-ast-radio-image input:checked + label svg { + background: var(--ast-customizer-color-1); + border-radius: 0; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +.customize-control-ast-radio-image input:checked + label svg path { + color: var(--ast-customizer-color-10); +} + +.customize-control-ast-radio-image .modern-layout input:checked + label svg, +.components-button-group.ahfb-radio-container-control .active-radio.ast-radio-img-svg svg { + background-color: var(--ast-customizer-color-1); + border-color: transparent; + box-shadow: 0px 12px 20px -8px rgba(30, 41, 59, 0.16); + border-bottom-color: #f0f0f1; +} + +.ast-divide-four input:checked + label svg { + box-shadow: none; + color: var(--ast-customizer-color-3); +} + +.customize-control-ast-radio-image input + label .image-clickable { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .image { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 5px; + grid-row-gap: 5px; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .modern-layout, .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-column-gap: 23px; + grid-row-gap: 23px; +} + +.customize-control-ast-radio-image:not(#customize-control-astra-settings-header-trigger-icon) > .ast-divide-four { + grid-template-columns: repeat(4, 1fr); + grid-column-gap: 14px; + grid-row-gap: 10px; +} + +.customize-control-ast-radio-image .ast-radio-img-svg svg { + width: 75px; + height: 50px; +} + +.customize-control-ast-radio-image .modern-layout .ast-radio-img-svg svg, +.components-button-group.ahfb-radio-container-control .ast-radio-img-svg svg { + margin: 0; + width: 100%; + height: auto; + background-color: rgba(221,224,226,0.5); + border: 1px solid var(--ast-customizer-color-7); + border-radius: 4px; + cursor: pointer; + transition: background 0.15s ease, box-shadow 0.15s ease; +} + +.ast-divide-four .ast-radio-img-svg svg { + color: var(--ast-customizer-color-7); + width: 100%; + height: 93%; +} + +.ast-divide-four .ast-radio-img-svg svg path { + color: var(--ast-customizer-color-8); +} + +/* Image tooltip */ +.image-clickable[data-title]::after { + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + left: 50%; + transform: translate(-50%, -.5em); +} + +.image-clickable[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 21em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: .3ch; + box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 9; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert 300ms ease-out forwards; +} + +/* Make the tooltips respond to hover */ +.image-clickable[data-title]:hover::after { + display: block; +} + +/* don't show empty tooltips */ +.image-clickable[data-title='']::after { + display: none !important; +} + +/* KEYFRAMES */ +@keyframes tooltips-vert { + to { + opacity: .9; + transform: translate(-50%, 0); + } +} + +@keyframes tooltips-horz { + to { + opacity: .9; + transform: translate(0, -50%); + } +} + +.ast-upgrade-trigger:hover .image-clickable[data-title]::after { + display: block; +} + + +/* 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; +} diff --git a/assets/css/react-select.min.css b/assets/css/react-select.min.css new file mode 100644 index 00000000..57fdc032 --- /dev/null +++ b/assets/css/react-select.min.css @@ -0,0 +1,527 @@ +.Select { + position: relative; +} +.Select input::-webkit-contacts-auto-fill-button, +.Select input::-webkit-credentials-auto-fill-button { + display: none !important; +} +.Select input::-ms-clear { + display: none !important; +} +.Select input::-ms-reveal { + display: none !important; +} +.Select, +.Select div, +.Select input, +.Select span { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.Select.is-disabled .Select-arrow-zone { + cursor: default; + pointer-events: none; + opacity: 0.35; +} +.Select.is-disabled > .Select-control { + background-color: #f9f9f9; +} +.Select.is-disabled > .Select-control:hover { + box-shadow: none; +} +.Select.is-open > .Select-control { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + background: #fff; + border-color: #b3b3b3 #ccc #d9d9d9; +} +.Select.is-open > .Select-control .Select-arrow { + top: -2px; + border-color: transparent transparent #999; + border-width: 0 5px 5px; +} +.Select.is-searchable.is-open > .Select-control { + cursor: text; +} +.Select.is-searchable.is-focused:not(.is-open) > .Select-control { + cursor: text; +} +.Select.is-focused > .Select-control { + background: #fff; +} +.Select.is-focused:not(.is-open) > .Select-control { + border-color: #007eff; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), + 0 0 0 3px rgba(0, 126, 255, 0.1); + background: #fff; +} +.Select.has-value.is-clearable.Select--single > .Select-control .Select-value { + padding-right: 42px; +} +.Select.has-value.Select--single + > .Select-control + .Select-value + .Select-value-label, +.Select.has-value.is-pseudo-focused.Select--single + > .Select-control + .Select-value + .Select-value-label { + color: #333; +} +.Select.has-value.Select--single + > .Select-control + .Select-value + a.Select-value-label, +.Select.has-value.is-pseudo-focused.Select--single + > .Select-control + .Select-value + a.Select-value-label { + cursor: pointer; + text-decoration: none; +} +.Select.has-value.Select--single + > .Select-control + .Select-value + a.Select-value-label:focus, +.Select.has-value.Select--single + > .Select-control + .Select-value + a.Select-value-label:hover, +.Select.has-value.is-pseudo-focused.Select--single + > .Select-control + .Select-value + a.Select-value-label:focus, +.Select.has-value.is-pseudo-focused.Select--single + > .Select-control + .Select-value + a.Select-value-label:hover { + color: #007eff; + outline: 0; + text-decoration: underline; +} +.Select.has-value.Select--single + > .Select-control + .Select-value + a.Select-value-label:focus, +.Select.has-value.is-pseudo-focused.Select--single + > .Select-control + .Select-value + a.Select-value-label:focus { + background: #fff; +} +.Select.has-value.is-pseudo-focused .Select-input { + opacity: 0; +} +.Select .Select-arrow-zone:hover > .Select-arrow, +.Select.is-open .Select-arrow { + border-top-color: #666; +} +.Select.Select--rtl { + direction: rtl; + text-align: right; +} +.Select-control { + background-color: #fff; + border-color: #d9d9d9 #ccc #b3b3b3; + border-radius: 4px; + border: 1px solid #8d96a0; + color: #333; + cursor: default; + display: table; + border-spacing: 0; + border-collapse: separate; + height: 28px; + outline: 0; + overflow: hidden; + position: relative; + width: 100%; + margin-bottom: 8px; +} +.Select-control:hover { + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); +} +.Select-control .Select-input:focus { + outline: 0; + background: #fff; +} +.Select--single > .Select-control .Select-value, +.Select-placeholder { + bottom: 0; + color: #aaa; + left: 0; + line-height: 28px; + padding-left: 10px; + padding-right: 10px; + position: absolute; + right: 0; + top: 0; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.Select-input { + height: 20px; + padding-left: 10px; + padding-right: 10px; + vertical-align: middle; +} +.Select-input > input { + width: 100%; + background: none transparent; + border: 0 none; + box-shadow: none; + cursor: default; + display: inline-block; + font-family: inherit; + font-size: inherit; + margin: 0; + outline: 0; + line-height: 17px; + padding: 8px 0 12px; + -webkit-appearance: none; +} +.is-focused .Select-input > input { + cursor: text; +} +.has-value.is-pseudo-focused .Select-input { + opacity: 0; +} +.Select-control:not(.is-searchable) > .Select-input { + outline: 0; +} +.Select-loading-zone { + cursor: pointer; + display: table-cell; + position: relative; + text-align: center; + vertical-align: middle; + width: 16px; +} +.Select-loading { + -webkit-animation: Select-animation-spin 0.4s infinite linear; + -o-animation: Select-animation-spin 0.4s infinite linear; + animation: Select-animation-spin 0.4s infinite linear; + width: 16px; + height: 16px; + box-sizing: border-box; + border-radius: 50%; + border: 2px solid #ccc; + border-right-color: #333; + display: inline-block; + position: relative; + vertical-align: middle; +} +.Select-clear-zone { + -webkit-animation: Select-animation-fadeIn 0.2s; + -o-animation: Select-animation-fadeIn 0.2s; + animation: Select-animation-fadeIn 0.2s; + color: #999; + cursor: pointer; + display: table-cell; + position: relative; + text-align: center; + vertical-align: middle; + width: 17px; +} +.Select-clear-zone:hover { + color: #d0021b; +} +.Select-clear { + display: inline-block; + font-size: 18px; + line-height: 1; +} +.Select--multi .Select-clear-zone { + width: 17px; +} +.Select-arrow-zone { + cursor: pointer; + display: table-cell; + position: relative; + text-align: center; + vertical-align: middle; + width: 25px; + padding-right: 5px; +} +.Select--rtl .Select-arrow-zone { + padding-right: 0; + padding-left: 5px; +} +.Select-arrow { + border-color: #999 transparent transparent; + border-style: solid; + border-width: 5px 5px 2.5px; + display: inline-block; + height: 0; + width: 0; + position: relative; +} +.Select-control > :last-child { + padding-right: 5px; +} +.Select--multi .Select-multi-value-wrapper { + display: inline-block; +} +.Select .Select-aria-only { + position: absolute; + display: inline-block; + height: 1px; + width: 1px; + margin: -1px; + clip: rect(0, 0, 0, 0); + overflow: hidden; + float: left; +} +@-webkit-keyframes Select-animation-fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes Select-animation-fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +.Select-menu-outer { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + background-color: #fff; + border: 1px solid #ccc; + border-top-color: #e6e6e6; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); + box-sizing: border-box; + margin-top: -1px; + max-height: 200px; + position: absolute; + left: 0; + top: 100%; + width: 100%; + z-index: 1; + -webkit-overflow-scrolling: touch; +} +.Select-menu { + max-height: 198px; + overflow-y: auto; +} +.Select-option { + box-sizing: border-box; + background-color: #fff; + color: #666; + cursor: pointer; + display: block; + padding: 8px 10px; +} +.Select-option:last-child { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.Select-option.is-selected { + background-color: #f5faff; + background-color: rgba(0, 126, 255, 0.04); + color: #333; +} +.Select-option.is-focused { + background-color: #ebf5ff; + background-color: rgba(0, 126, 255, 0.08); + color: #333; +} +.Select-option.is-disabled { + color: #ccc; + cursor: default; +} +.Select-noresults { + box-sizing: border-box; + color: #999; + cursor: default; + display: block; + padding: 8px 10px; +} +.Select--multi .Select-input { + vertical-align: middle; + margin-left: 10px; + padding: 0; +} +.Select--multi.Select--rtl .Select-input { + margin-left: 0; + margin-right: 10px; +} +.Select--multi.has-value .Select-input { + margin-left: 5px; +} +.Select--multi .Select-value { + background-color: #ebf5ff; + background-color: rgba(0, 126, 255, 0.08); + border-radius: 2px; + border: 1px solid #c2e0ff; + border: 1px solid rgba(0, 126, 255, 0.24); + color: #007eff; + display: inline-block; + font-size: 0.9em; + line-height: 1.4; + margin-left: 5px; + margin-top: 5px; + vertical-align: top; +} +.Select--multi .Select-value-icon, +.Select--multi .Select-value-label { + display: inline-block; + vertical-align: middle; +} +.Select--multi .Select-value-label { + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + cursor: default; + padding: 2px 5px; +} +.Select--multi a.Select-value-label { + color: #007eff; + cursor: pointer; + text-decoration: none; +} +.Select--multi a.Select-value-label:hover { + text-decoration: underline; +} +.Select--multi .Select-value-icon { + cursor: pointer; + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-right: 1px solid #c2e0ff; + border-right: 1px solid rgba(0, 126, 255, 0.24); + padding: 1px 5px 3px; +} +.Select--multi .Select-value-icon:focus, +.Select--multi .Select-value-icon:hover { + background-color: #d8eafd; + background-color: rgba(0, 113, 230, 0.08); + color: #0071e6; +} +.Select--multi .Select-value-icon:active { + background-color: #c2e0ff; + background-color: rgba(0, 126, 255, 0.24); +} +.Select--multi.Select--rtl .Select-value { + margin-left: 0; + margin-right: 5px; +} +.Select--multi.Select--rtl .Select-value-icon { + border-right: none; + border-left: 1px solid #c2e0ff; + border-left: 1px solid rgba(0, 126, 255, 0.24); +} +.Select--multi.is-disabled .Select-value { + background-color: #fcfcfc; + border: 1px solid #e3e3e3; + color: #333; +} +.Select--multi.is-disabled .Select-value-icon { + cursor: not-allowed; + border-right: 1px solid #e3e3e3; +} +.Select--multi.is-disabled .Select-value-icon:active, +.Select--multi.is-disabled .Select-value-icon:focus, +.Select--multi.is-disabled .Select-value-icon:hover { + background-color: #fcfcfc; +} +@keyframes Select-animation-spin { + to { + transform: rotate(1turn); + } +} +@-webkit-keyframes Select-animation-spin { + to { + -webkit-transform: rotate(1turn); + } +} + + +/* 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; +} diff --git a/assets/css/register.css b/assets/css/register.css new file mode 100644 index 00000000..0a01e04c --- /dev/null +++ b/assets/css/register.css @@ -0,0 +1,86 @@ +.wp-block-spectra-pro-register{padding:30px 40px;transition:all 0.3s ease;margin:auto;border-style:solid;border-width:1px;border-radius:3px;box-sizing:border-box}.wp-block-spectra-pro-register .spectra-pro-register-form .required::after{color:#ef4444;content:" *"}.wp-block-spectra-pro-register .spectra-pro-register-form .wp-block-button .spectra-pro-register-form__submit{display:flex;justify-content:center;cursor:pointer;transition:all 0.3s ease}.wp-block-spectra-pro-register .spectra-pro-register-form .wp-block-button .spectra-pro-register-form__submit>span{margin-left:5px;text-decoration:none}.wp-block-spectra-pro-register .spectra-pro-register-form .wp-block-button .spectra-pro-register-form__submit>svg{width:15px;height:15px;fill:#fff}.wp-block-spectra-pro-register .spectra-pro-register-form__field-error-message,.wp-block-spectra-pro-register .spectra-pro-register-form__field-success-message{display:block;position:relative;top:100%;left:0;right:0;font-style:normal;font-weight:400;font-size:13px;line-height:16px;letter-spacing:-0.02em;margin-top:3px}.wp-block-spectra-pro-register .spectra-pro-register-form__field-error-message{color:#ef4444;position:absolute}.wp-block-spectra-pro-register .spectra-pro-register-form__name,.wp-block-spectra-pro-register .spectra-pro-register-form__username,.wp-block-spectra-pro-register .spectra-pro-register-form__email,.wp-block-spectra-pro-register .spectra-pro-register-form__recaptcha,.wp-block-spectra-pro-register .spectra-pro-register-form__password{position:relative;margin-bottom:22px}.wp-block-spectra-pro-register .spectra-pro-register-form__name label,.wp-block-spectra-pro-register .spectra-pro-register-form__username label,.wp-block-spectra-pro-register .spectra-pro-register-form__email label,.wp-block-spectra-pro-register .spectra-pro-register-form__recaptcha label,.wp-block-spectra-pro-register .spectra-pro-register-form__password label{display:block;width:100%;margin-bottom:5px;font-size:14px;line-height:22px;font-weight:400}.wp-block-spectra-pro-register .spectra-pro-register-form__name input,.wp-block-spectra-pro-register .spectra-pro-register-form__username input,.wp-block-spectra-pro-register .spectra-pro-register-form__email input,.wp-block-spectra-pro-register .spectra-pro-register-form__recaptcha input,.wp-block-spectra-pro-register .spectra-pro-register-form__password input{display:block;width:100%;background:#fff;border-color:#e6e7e9;border-style:solid;border-width:1px;outline:unset;padding:11px 15px;font-weight:400;font-size:14px;line-height:20px;border-radius:3px;box-sizing:border-box}.wp-block-spectra-pro-register .spectra-pro-register-form__name input::placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__username input::placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__email input::placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__recaptcha input::placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__password input::placeholder{color:#959595;opacity:1}.wp-block-spectra-pro-register .spectra-pro-register-form__name input:-ms-input-placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__username input:-ms-input-placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__email input:-ms-input-placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__recaptcha input:-ms-input-placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__password input:-ms-input-placeholder{color:#959595}.wp-block-spectra-pro-register .spectra-pro-register-form__name input::-ms-input-placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__username input::-ms-input-placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__email input::-ms-input-placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__recaptcha input::-ms-input-placeholder,.wp-block-spectra-pro-register .spectra-pro-register-form__password input::-ms-input-placeholder{color:#959595}.wp-block-spectra-pro-register .spectra-pro-register-form__name select,.wp-block-spectra-pro-register .spectra-pro-register-form__name input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wp-block-spectra-pro-register .spectra-pro-register-form__username select,.wp-block-spectra-pro-register .spectra-pro-register-form__username input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wp-block-spectra-pro-register .spectra-pro-register-form__email select,.wp-block-spectra-pro-register .spectra-pro-register-form__email input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wp-block-spectra-pro-register .spectra-pro-register-form__recaptcha select,.wp-block-spectra-pro-register .spectra-pro-register-form__recaptcha input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wp-block-spectra-pro-register .spectra-pro-register-form__password select,.wp-block-spectra-pro-register .spectra-pro-register-form__password input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){width:100%;box-sizing:border-box}.wp-block-spectra-pro-register .spectra-pro-register-form__name input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wp-block-spectra-pro-register .spectra-pro-register-form__username input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wp-block-spectra-pro-register .spectra-pro-register-form__email input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wp-block-spectra-pro-register .spectra-pro-register-form__recaptcha input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.wp-block-spectra-pro-register .spectra-pro-register-form__password input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){margin:0}.wp-block-spectra-pro-register .spectra-pro-register-form__password .spectra-pro-register-form__field-success-message{position:absolute}.wp-block-spectra-pro-register .spectra-pro-register-form__input-error{border-color:#ef4444 !important}.wp-block-spectra-pro-register .spectra-pro-register-form__terms{position:relative;margin-bottom:20px}.wp-block-spectra-pro-register .spectra-pro-register-form__terms-label{display:block;width:100%;font-size:14px;line-height:22px;font-weight:400}.wp-block-spectra-pro-register .spectra-pro-register-form__terms-wrap{display:flex;align-items:center;column-gap:10px}.wp-block-spectra-pro-register .spectra-pro-register-form__terms-wrap label.spectra-pro-register-form__terms-label.spectra-pro-register-form__terms-label{margin-bottom:unset}.wp-block-spectra-pro-register .spectra-pro-register-form__terms input[type="checkbox"]{border-style:solid;border-width:1px;border-radius:3px}.wp-block-spectra-pro-register .spectra-pro-register-form__field-wrapper{position:relative}.wp-block-spectra-pro-register .spectra-pro-register-form__field-wrapper>svg{width:15px;position:absolute;display:inline-flex;height:calc(100% - 2px - 2px);padding:0 10px 0 10px;box-sizing:content-box;left:2px;top:2px;align-items:center;border-style:none;border-right:1px solid #e5e5e5;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.wp-block-spectra-pro-register .spectra-pro-register-form__field-wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){padding-left:40px}.wp-block-spectra-pro-register .spectra-pro-register-form__footer .spectra-pro-register-login-info{text-align:center;font-weight:400;font-size:14px;line-height:20px;margin:0}.wp-block-spectra-pro-register .spectra-pro-register-form__social{display:flex}.wp-block-spectra-pro-register .spectra-pro-register-form__social button{column-gap:5px}.wp-block-spectra-pro-register .spectra-pro-register-form__social .required::after{color:#ef4444;content:" *"}.wp-block-spectra-pro-register .spectra-pro-register-form__social-google{display:flex;justify-content:center;align-items:center;cursor:pointer;background:#fff;color:#007cba;font-weight:500;font-size:14px;line-height:16px;border:1px solid #007cba;border-radius:3px;transition:all 0.8s ease}.wp-block-spectra-pro-register .spectra-pro-register-form__social-google svg{text-decoration:none}.wp-block-spectra-pro-register .spectra-pro-register-form__social-facebook{display:flex;justify-content:center;align-items:center;cursor:pointer;background:#fff;color:#007cba;font-weight:500;font-size:14px;line-height:16px;border:1px solid #007cba;border-radius:3px;transition:all 0.8s ease}.wp-block-spectra-pro-register .spectra-pro-register-form__social-facebook svg{margin-right:5px;text-decoration:none}.wp-block-spectra-pro-register .spectra-pro-register-form-status{font-size:14px;border-radius:4px;margin-bottom:15px;margin-top:15px}.wp-block-spectra-pro-register .spectra-pro-register-form-status .dashicons{margin-right:8px}.wp-block-spectra-pro-register .spectra-pro-register-form-status__success{color:#155724;padding:10px 15px;background-color:#d4edda;border-left:2px solid #28a745}.wp-block-spectra-pro-register .spectra-pro-register-form-status__error-item,.wp-block-spectra-pro-register .spectra-pro-register-form-status__error{color:#721c24;padding:10px 15px;background-color:#f8d7da;border-left:2px solid #ef4444}.wp-block-spectra-pro-register .spectra-pro-register-form-status__error-item{margin-bottom:5px}.spectra-pro-register-form__terms-checkbox{display:flex;align-items:center;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:0 !important}.spectra-pro-register-form__terms-checkbox input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.spectra-pro-register-form__terms-checkbox-checkmark{position:relative;height:20px;width:20px;background-color:#fff;border-style:solid;border-width:1px;border-radius:3px;display:flex;justify-content:center;align-items:center}.spectra-pro-register-form__terms-checkbox-checkmark::after{content:"";display:none}.spectra-pro-register-form__terms-checkbox input[type="checkbox"]:checked ~ .spectra-pro-register-form__terms-checkbox-checkmark::after{display:block}.spectra-pro-register-form__terms-checkbox .spectra-pro-register-form__terms-checkbox-checkmark::after{content:"\2714";color:#000;text-align:center;font-size:calc(25px / 1.2);font-weight:500;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;cursor:pointer}html[dir="rtl"] .wp-block-spectra-pro-register .spectra-pro-register-form .wp-block-button .spectra-pro-register-form__submit{flex-direction:row-reverse}html[dir="rtl"] .wp-block-spectra-pro-register .spectra-pro-register-form__social button{flex-direction:row-reverse}html[dir="rtl"] .wp-block-spectra-pro-register .spectra-pro-register-form__field-wrapper input{padding-right:40px}html[dir="rtl"] .wp-block-spectra-pro-register .spectra-pro-register-form__field-wrapper>svg{left:auto;right:0;border-style:none;border-left:1px solid #e5e5e5}@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}} + + +/* 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; +} diff --git a/assets/css/related-posts-rtl.css b/assets/css/related-posts-rtl.css new file mode 100644 index 00000000..b62e5236 --- /dev/null +++ b/assets/css/related-posts-rtl.css @@ -0,0 +1,122 @@ +.ast-related-post-featured-section .post-thumb-img-content + * .posted-on { + position: absolute; + top: 0; + right: 0; +} + +.ast-related-post-featured-section .posted-on { + position: relative; + display: inline-block; + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; + margin-bottom: 1.5em; +} + +.ast-related-post-featured-section .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.ast-related-post-featured-section .posted-on .date-month { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-related-post-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-related-post-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 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; +} diff --git a/assets/css/related-posts-rtl.min.css b/assets/css/related-posts-rtl.min.css new file mode 100644 index 00000000..60698cdb --- /dev/null +++ b/assets/css/related-posts-rtl.min.css @@ -0,0 +1,85 @@ +.ast-related-post-featured-section .post-thumb-img-content+* .posted-on{position:absolute;top:0;right:0}.ast-related-post-featured-section .posted-on{position:relative;display:inline-block;width:5.714285714em;height:5.714285714em;padding:.7em;margin-bottom:1.5em}.ast-related-post-featured-section .posted-on .entry-date span{display:block;width:100%;text-align:center}.ast-related-post-featured-section .posted-on .date-month{font-size:.8571428571em;line-height:1em}.ast-related-post-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-related-post-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 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; +} diff --git a/assets/css/related-posts.css b/assets/css/related-posts.css new file mode 100644 index 00000000..2da409b8 --- /dev/null +++ b/assets/css/related-posts.css @@ -0,0 +1,122 @@ +.ast-related-post-featured-section .post-thumb-img-content + * .posted-on { + position: absolute; + top: 0; + left: 0; +} + +.ast-related-post-featured-section .posted-on { + position: relative; + display: inline-block; + width: 5.714285714em; + height: 5.714285714em; + padding: 0.7em; + margin-bottom: 1.5em; +} + +.ast-related-post-featured-section .posted-on .entry-date span { + display: block; + width: 100%; + text-align: center; +} + +.ast-related-post-featured-section .posted-on .date-month { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-related-post-featured-section .posted-on .date-year { + font-size: 0.8571428571em; + line-height: 1em; +} + +.ast-related-post-featured-section .posted-on .date-day { + font-size: 2.5em; + line-height: .9em; + font-weight: 900; + margin: .1em 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; +} diff --git a/assets/css/related-posts.min.css b/assets/css/related-posts.min.css new file mode 100644 index 00000000..9e477e87 --- /dev/null +++ b/assets/css/related-posts.min.css @@ -0,0 +1,85 @@ +.ast-related-post-featured-section .post-thumb-img-content+* .posted-on{position:absolute;top:0;left:0}.ast-related-post-featured-section .posted-on{position:relative;display:inline-block;width:5.714285714em;height:5.714285714em;padding:.7em;margin-bottom:1.5em}.ast-related-post-featured-section .posted-on .entry-date span{display:block;width:100%;text-align:center}.ast-related-post-featured-section .posted-on .date-month{font-size:.8571428571em;line-height:1em}.ast-related-post-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-related-post-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 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; +} diff --git a/assets/css/related-upsell-list-style-grid-rtl.css b/assets/css/related-upsell-list-style-grid-rtl.css new file mode 100644 index 00000000..2e93cef7 --- /dev/null +++ b/assets/css/related-upsell-list-style-grid-rtl.css @@ -0,0 +1,151 @@ +/** + * Shop Page List Style + */ +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product { + -js-display: flex; + display: flex; + flex-direction: unset; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ + /** + * Sale + */ +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap { + padding: .8em 1.2em 0; + flex: 1; + align-self: center; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: hidden; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: initial; + flex: 1; + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link { + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart { + display: inline-block; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0 1.2em 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale { + margin: 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; +} diff --git a/assets/css/related-upsell-list-style-grid-rtl.min.css b/assets/css/related-upsell-list-style-grid-rtl.min.css new file mode 100644 index 00000000..7b23b405 --- /dev/null +++ b/assets/css/related-upsell-list-style-grid-rtl.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product{-js-display:flex;display:flex;flex-direction:unset;padding-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap{padding:.8em 1.2em 0;flex:1;align-self:center}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:hidden}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:initial;flex:1;margin-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link{margin-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart{display:inline-block}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0 1.2em 0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale{margin: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; +} diff --git a/assets/css/related-upsell-list-style-grid.css b/assets/css/related-upsell-list-style-grid.css new file mode 100644 index 00000000..2e93cef7 --- /dev/null +++ b/assets/css/related-upsell-list-style-grid.css @@ -0,0 +1,151 @@ +/** + * Shop Page List Style + */ +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product { + -js-display: flex; + display: flex; + flex-direction: unset; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ + /** + * Sale + */ +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap { + padding: .8em 1.2em 0; + flex: 1; + align-self: center; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: hidden; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: initial; + flex: 1; + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link { + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart { + display: inline-block; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0 1.2em 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale { + margin: 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; +} diff --git a/assets/css/related-upsell-list-style-grid.min.css b/assets/css/related-upsell-list-style-grid.min.css new file mode 100644 index 00000000..7b23b405 --- /dev/null +++ b/assets/css/related-upsell-list-style-grid.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product{-js-display:flex;display:flex;flex-direction:unset;padding-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap{padding:.8em 1.2em 0;flex:1;align-self:center}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:hidden}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:initial;flex:1;margin-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link{margin-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart{display:inline-block}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0 1.2em 0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale{margin: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; +} diff --git a/assets/css/related-upsell-list-style-rtl.css b/assets/css/related-upsell-list-style-rtl.css new file mode 100644 index 00000000..be7f3eb9 --- /dev/null +++ b/assets/css/related-upsell-list-style-rtl.css @@ -0,0 +1,157 @@ +/** + * Shop Page List Style + */ +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product { + -js-display: flex; + display: flex; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ + /** + * Sale + */ +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap { + padding: .8em 1.2em 0; + flex: 1; + align-self: center; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: hidden; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: initial; + flex: 1; + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link { + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart { + display: inline-block; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0 1.2em 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale { + margin: 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; +} diff --git a/assets/css/related-upsell-list-style-rtl.min.css b/assets/css/related-upsell-list-style-rtl.min.css new file mode 100644 index 00000000..681b75e6 --- /dev/null +++ b/assets/css/related-upsell-list-style-rtl.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products{-js-display:flex;display:flex;flex-wrap:wrap}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product{-js-display:flex;display:flex;padding-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap{padding:.8em 1.2em 0;flex:1;align-self:center}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:hidden}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:initial;flex:1;margin-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link{margin-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart{display:inline-block}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0 1.2em 0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale{margin: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; +} diff --git a/assets/css/related-upsell-list-style.css b/assets/css/related-upsell-list-style.css new file mode 100644 index 00000000..be7f3eb9 --- /dev/null +++ b/assets/css/related-upsell-list-style.css @@ -0,0 +1,157 @@ +/** + * Shop Page List Style + */ +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products { + -js-display: flex; + display: flex; + flex-wrap: wrap; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product { + -js-display: flex; + display: flex; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ + /** + * Sale + */ +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap { + padding: .8em 1.2em 0; + flex: 1; + align-self: center; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: hidden; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: initial; + flex: 1; + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link { + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart { + display: inline-block; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0 1.2em 0; +} + +.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale, +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale { + margin: 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; +} diff --git a/assets/css/related-upsell-list-style.min.css b/assets/css/related-upsell-list-style.min.css new file mode 100644 index 00000000..681b75e6 --- /dev/null +++ b/assets/css/related-upsell-list-style.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products{-js-display:flex;display:flex;flex-wrap:wrap}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product{-js-display:flex;display:flex;padding-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-summary-wrap{padding:.8em 1.2em 0;flex:1;align-self:center}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:hidden}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:initial;flex:1;margin-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link{margin-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .added_to_cart{display:inline-block}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0 1.2em 0}.woocommerce-page.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale,.woocommerce.ast-woocommerce-related-upsell-list-style ul.products li.product .onsale{margin: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; +} diff --git a/assets/css/responsive-background-rtl.css b/assets/css/responsive-background-rtl.css new file mode 100644 index 00000000..c580e3d3 --- /dev/null +++ b/assets/css/responsive-background-rtl.css @@ -0,0 +1,402 @@ +.customize-control-ast-responsive-background { + position: relative; + margin-bottom: -5px; +} + +.customize-control-ast-responsive-background .background-container h4 { + font-size: 14px; + font-weight: 600; + color: #555d66; +} + +.customize-control-ast-responsive-background .background-attachment h4, +.customize-control-ast-responsive-background .background-color h4, +.customize-control-ast-responsive-background .background-position h4, +.customize-control-ast-responsive-background .background-repeat h4, +.customize-control-ast-responsive-background .background-size h4 { + margin-bottom: 5px; + margin-top: 10px; +} + +.customize-control-ast-responsive-background .background-color { + margin-bottom: 12px; +} + +.customize-control-ast-responsive-background .background-repeat { + margin: 15px 0 15px 0; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset, +.customize-control-ast-responsive-background .background-size .buttonset { + display: flex; + flex-wrap: wrap; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-label, +.customize-control-ast-responsive-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-responsive-background .background-attachment .buttonset .switch-label:last-child, +.customize-control-ast-responsive-background .background-size .buttonset .switch-label:last-child { + margin-left: 0; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input:checked + .switch-label, +.customize-control-ast-responsive-background .background-size .buttonset .switch-input:checked + .switch-label { + background-color: #f5f5f5; + color: #565e67; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input[checked="checked"] + .switch-label, +.customize-control-ast-responsive-background .background-size .buttonset .switch-input[checked="checked"] + .switch-label { + background-color: #f5f5f5; + color: #565e67; +} + +.customize-control-ast-responsive-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-responsive-background .ast-bg-img-remove.components-button.is-destructive:hover:not(:disabled) { + color: #a02222; + box-shadow: unset; + border-color: #a02222; +} + +.customize-control-ast-responsive-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:focus { + outline: 0; + box-shadow: none; +} + +.customize-control-ast-responsive-background .arrow-icon { + margin-right: 5px; +} + +.customize-control-ast-responsive-background .background-container { + display: none; +} + +.customize-control-ast-responsive-background .background-container.active { + display: block; +} + +.customize-control-ast-responsive-background .wp-picker-container { + display: block; +} + +.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear { + margin-right: 4px; + min-height: 30px; +} + +.customize-control-ast-responsive-background .customize-control-content .astra-color-picker-wrap { + width: 100%; +} + +.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-color, +.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-white { + border-radius: unset; +} + +.customize-control-ast-responsive-background .ast-color-btn-clear-wrap { + left: 84px; +} + +/** + * BG Media Button. + */ +/** +* Gradient field +*/ +.components-color-picker__inputs-toggle-wrapper .components-color-picker__inputs-toggle { + vertical-align: middle; + height: 32px; +} + +.astra-popover-tabs .components-button.upload-button.button-add-media { + width: 100%; + position: relative; + text-align: center; + color: #555d66; + border: 1px dashed #b4b9be; + box-sizing: border-box; + box-shadow: unset; + padding: 9px 0; + line-height: 1.6; +} + +.astra-popover-tabs .components-button.upload-button.button-add-media:hover { + color: #555d66; + box-sizing: border-box; + box-shadow: unset; + border-color: #0185ba; +} + +.astra-popover-tabs [ID*="-gradient-view"] { + padding: 0 15px 15px 15px; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear { + flex: unset; + box-shadow: unset; + width: auto; + padding: 0 5px; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:hover { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:focus { + box-shadow: unset; +} + +.astra-popover-tabs #tab-panel-0-image-view > div { + text-align: center; +} + +.astra-popover-tabs #tab-panel-0-image-view > div img { + width: 200px; + margin-bottom: 18px; +} + +.astra-popover-tabs #tab-panel-0-image-view > div .media-position-setting { + text-align: right; +} + +.media-position-setting > .components-base-control { + margin-bottom: 15px; +} + +.media-position-setting [CLASS*="-Item-LabelWrapper"] { + margin-bottom: 5px; +} + +.astra-popover-color .components-circular-option-picker { + position: relative; + margin-top: 0; +} + +.astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + margin-top: 10px; + justify-content: flex-start; +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + width: 50px; + } +} + +.astra-popover-color [ID*="-color-view"] .components-circular-option-picker { + width: auto; +} + +.astra-popover-color .ast-color-palette { + width: auto; + padding: 16px 14px 0px 0px; +} + +.astra-popover-color .ast-color-palette .components-circular-option-picker__option { + width: 100%; + height: 100%; + border-radius: 100%; + padding: 0; +} + +.astra-popover-color .ast-color-palette .components-button.is-pressed:focus:not(:disabled) { + box-shadow: none; + border: none; +} + +.astra-popover-color .components-custom-gradient-picker { + margin-top: 0; +} + +.astra-popover-color .components-custom-gradient-picker__gradient-bar { + box-sizing: border-box; + opacity: 1; +} + +.astra-popover-color .components-custom-gradient-picker__type-picker .components-base-control__label { + display: block; +} + +.components-custom-gradient-picker .components-base-control__label { + padding-top: 10px; + font-size: 12px; + display: block; + letter-spacing: 0.1px; + line-height: 18px; +} + +[ID*="-gradient-view"] .components-toolbar.components-custom-gradient-picker__toolbar .components-button.has-icon { + border: none; +} + +.media-position-setting.hide-settings { + display: none; +} + +.media-position-setting .astra-popover-tabs [ID*="-gradient-view"] { + padding: 0 0 15px 0; +} + +.ast-field-settings-modal .customize-control-content .color-button-wrap { + left: 30px; + top: 0; +} + +.ast-field-settings-modal .ast-responsive-btns { + position: absolute; + left: 14px; + top: 4px; +} + +.ast-field-settings-modal .customize-control-content .astra-color-picker-wrap { + margin-right: 0; + margin-top: 0; +} + +.ast-field-settings-modal .customize-control-content .ast-color-btn-reset-wrap { + left: 65px; + top: 7px; +} + +.ast-field-settings-modal .customize-control-content .ast-color-btn-clear-wrap { + left: 91px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-background.customize-control:first-child { + margin-top: 28px; +} +.customize-control-ast-responsive-background .ast-color-btn-reset-wrap, +.customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + display: inline-block; + line-height: 1; + top: 4.5px; +} +.customize-control-ast-responsive-background .ast-responsive-btns, +.customize-control-ast-responsive-color .ast-responsive-btns { + position: relative; + left: -5px; + top: 2px; +} +.ast-field-settings-modal .customize-control-ast-responsive-background .ast-responsive-btns, +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns { + left: 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; +} diff --git a/assets/css/responsive-background.css b/assets/css/responsive-background.css new file mode 100644 index 00000000..9362b02d --- /dev/null +++ b/assets/css/responsive-background.css @@ -0,0 +1,402 @@ +.customize-control-ast-responsive-background { + position: relative; + margin-bottom: -5px; +} + +.customize-control-ast-responsive-background .background-container h4 { + font-size: 14px; + font-weight: 600; + color: #555d66; +} + +.customize-control-ast-responsive-background .background-attachment h4, +.customize-control-ast-responsive-background .background-color h4, +.customize-control-ast-responsive-background .background-position h4, +.customize-control-ast-responsive-background .background-repeat h4, +.customize-control-ast-responsive-background .background-size h4 { + margin-bottom: 5px; + margin-top: 10px; +} + +.customize-control-ast-responsive-background .background-color { + margin-bottom: 12px; +} + +.customize-control-ast-responsive-background .background-repeat { + margin: 15px 0 15px 0; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset, +.customize-control-ast-responsive-background .background-size .buttonset { + display: flex; + flex-wrap: wrap; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-label, +.customize-control-ast-responsive-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-responsive-background .background-attachment .buttonset .switch-label:last-child, +.customize-control-ast-responsive-background .background-size .buttonset .switch-label:last-child { + margin-right: 0; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input:checked + .switch-label, +.customize-control-ast-responsive-background .background-size .buttonset .switch-input:checked + .switch-label { + background-color: #f5f5f5; + color: #565e67; +} + +.customize-control-ast-responsive-background .background-attachment .buttonset .switch-input[checked="checked"] + .switch-label, +.customize-control-ast-responsive-background .background-size .buttonset .switch-input[checked="checked"] + .switch-label { + background-color: #f5f5f5; + color: #565e67; +} + +.customize-control-ast-responsive-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-responsive-background .ast-bg-img-remove.components-button.is-destructive:hover:not(:disabled) { + color: #a02222; + box-shadow: unset; + border-color: #a02222; +} + +.customize-control-ast-responsive-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:focus { + outline: 0; + box-shadow: none; +} + +.customize-control-ast-responsive-background .arrow-icon { + margin-left: 5px; +} + +.customize-control-ast-responsive-background .background-container { + display: none; +} + +.customize-control-ast-responsive-background .background-container.active { + display: block; +} + +.customize-control-ast-responsive-background .wp-picker-container { + display: block; +} + +.customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear { + margin-left: 4px; + min-height: 30px; +} + +.customize-control-ast-responsive-background .customize-control-content .astra-color-picker-wrap { + width: 100%; +} + +.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-color, +.customize-control-ast-responsive-background .customize-control-content .components-color-picker__saturation-white { + border-radius: unset; +} + +.customize-control-ast-responsive-background .ast-color-btn-clear-wrap { + right: 84px; +} + +/** + * BG Media Button. + */ +/** +* Gradient field +*/ +.components-color-picker__inputs-toggle-wrapper .components-color-picker__inputs-toggle { + vertical-align: middle; + height: 32px; +} + +.astra-popover-tabs .components-button.upload-button.button-add-media { + width: 100%; + position: relative; + text-align: center; + color: #555d66; + border: 1px dashed #b4b9be; + box-sizing: border-box; + box-shadow: unset; + padding: 9px 0; + line-height: 1.6; +} + +.astra-popover-tabs .components-button.upload-button.button-add-media:hover { + color: #555d66; + box-sizing: border-box; + box-shadow: unset; + border-color: #0185ba; +} + +.astra-popover-tabs [ID*="-gradient-view"] { + padding: 0 15px 15px 15px; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear { + flex: unset; + box-shadow: unset; + width: auto; + padding: 0 5px; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:hover { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:active { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-gradient-view"] .components-circular-option-picker__clear:focus { + box-shadow: unset; +} + +.astra-popover-tabs #tab-panel-0-image-view > div { + text-align: center; +} + +.astra-popover-tabs #tab-panel-0-image-view > div img { + width: 200px; + margin-bottom: 18px; +} + +.astra-popover-tabs #tab-panel-0-image-view > div .media-position-setting { + text-align: left; +} + +.media-position-setting > .components-base-control { + margin-bottom: 15px; +} + +.media-position-setting [CLASS*="-Item-LabelWrapper"] { + margin-bottom: 5px; +} + +.astra-popover-color .components-circular-option-picker { + position: relative; + margin-top: 0; +} + +.astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + margin-top: 10px; + justify-content: flex-start; +} + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .astra-popover-color .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + width: 50px; + } +} + +.astra-popover-color [ID*="-color-view"] .components-circular-option-picker { + width: auto; +} + +.astra-popover-color .ast-color-palette { + width: auto; + padding: 16px 0px 0px 14px; +} + +.astra-popover-color .ast-color-palette .components-circular-option-picker__option { + width: 100%; + height: 100%; + border-radius: 100%; + padding: 0; +} + +.astra-popover-color .ast-color-palette .components-button.is-pressed:focus:not(:disabled) { + box-shadow: none; + border: none; +} + +.astra-popover-color .components-custom-gradient-picker { + margin-top: 0; +} + +.astra-popover-color .components-custom-gradient-picker__gradient-bar { + box-sizing: border-box; + opacity: 1; +} + +.astra-popover-color .components-custom-gradient-picker__type-picker .components-base-control__label { + display: block; +} + +.components-custom-gradient-picker .components-base-control__label { + padding-top: 10px; + font-size: 12px; + display: block; + letter-spacing: 0.1px; + line-height: 18px; +} + +[ID*="-gradient-view"] .components-toolbar.components-custom-gradient-picker__toolbar .components-button.has-icon { + border: none; +} + +.media-position-setting.hide-settings { + display: none; +} + +.media-position-setting .astra-popover-tabs [ID*="-gradient-view"] { + padding: 0 0 15px 0; +} + +.ast-field-settings-modal .customize-control-content .color-button-wrap { + right: 30px; + top: 0; +} + +.ast-field-settings-modal .ast-responsive-btns { + position: absolute; + right: 14px; + top: 4px; +} + +.ast-field-settings-modal .customize-control-content .astra-color-picker-wrap { + margin-left: 0; + margin-top: 0; +} + +.ast-field-settings-modal .customize-control-content .ast-color-btn-reset-wrap { + right: 65px; + top: 7px; +} + +.ast-field-settings-modal .customize-control-content .ast-color-btn-clear-wrap { + right: 91px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-background.customize-control:first-child { + margin-top: 28px; +} +.customize-control-ast-responsive-background .ast-color-btn-reset-wrap, +.customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + display: inline-block; + line-height: 1; + top: 4.5px; +} +.customize-control-ast-responsive-background .ast-responsive-btns, +.customize-control-ast-responsive-color .ast-responsive-btns { + position: relative; + right: -5px; + top: 2px; +} +.ast-field-settings-modal .customize-control-ast-responsive-background .ast-responsive-btns, +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns { + right: 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; +} diff --git a/assets/css/responsive-color-rtl.css b/assets/css/responsive-color-rtl.css new file mode 100644 index 00000000..b40aac5f --- /dev/null +++ b/assets/css/responsive-color-rtl.css @@ -0,0 +1,155 @@ +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha { + display: none; +} + +.customize-control-ast-responsive-color .customize-control-content { + display: block; + margin-top: 5px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-black { + border-radius: 4px 4px 0 0; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-color, +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-white { + border-radius: 3px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha.active { + display: block; +} + +.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-color, +.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-white { + border-radius: unset; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap { + left: 30px; + top: -3px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .astra-color-picker-wrap { + margin-right: 0px; + margin-bottom: 10px; + margin-top: 10px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .customize-control-title { + display: block; + margin-bottom: 0px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns { + left: 7px; + top: 1px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color.customize-control:first-child { + margin-top: 28px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-clear-btn-inside-picker.components-button { + margin: 5px 10px 20px 20px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + top: 3.5px; +} + +@supports (-moz-appearance: none) { + .ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + top: 5.5px; + left: 65px; + } + .ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap { + left: 27px; + top: -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; +} diff --git a/assets/css/responsive-color.css b/assets/css/responsive-color.css new file mode 100644 index 00000000..6ff8ad9b --- /dev/null +++ b/assets/css/responsive-color.css @@ -0,0 +1,155 @@ +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha { + display: none; +} + +.customize-control-ast-responsive-color .customize-control-content { + display: block; + margin-top: 5px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-black { + border-radius: 4px 4px 0 0; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-color, +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha .astra-color-picker-wrap .components-color-picker__saturation-white { + border-radius: 3px; +} + +.customize-control-ast-responsive-color .customize-control-content .ast-color-picker-alpha.active { + display: block; +} + +.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-color, +.customize-control-ast-responsive-color .customize-control-content .components-color-picker__saturation-white { + border-radius: unset; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap { + right: 30px; + top: -3px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .astra-color-picker-wrap { + margin-left: 0px; + margin-bottom: 10px; + margin-top: 10px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .customize-control-title { + display: block; + margin-bottom: 0px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-responsive-btns { + right: 7px; + top: 1px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color.customize-control:first-child { + margin-top: 28px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-clear-btn-inside-picker.components-button { + margin: 5px 20px 20px 10px; +} + +.ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + top: 3.5px; +} + +@supports (-moz-appearance: none) { + .ast-field-settings-modal .customize-control-ast-responsive-color .ast-color-btn-reset-wrap { + top: 5.5px; + right: 65px; + } + .ast-field-settings-modal .customize-control-ast-responsive-color .customize-control-content .color-button-wrap { + right: 27px; + top: -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; +} diff --git a/assets/css/responsive-rtl.css b/assets/css/responsive-rtl.css new file mode 100644 index 00000000..a1bd9da1 --- /dev/null +++ b/assets/css/responsive-rtl.css @@ -0,0 +1,122 @@ +.ast-responsive-btns { + display: inline-block; + line-height: 1; + vertical-align: top; +} + +.ast-responsive-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-btns > li.active { + display: inline-block; +} + +.ast-responsive-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; +} + +.ast-responsive-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; +} + +.input-wrapper.ast-responsive-wrapper { + display: inline-flex; + justify-content: space-between; + margin-left: 0; + align-items: flex-start; + flex: 0 1; + 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; +} diff --git a/assets/css/responsive-slider-rtl.css b/assets/css/responsive-slider-rtl.css new file mode 100644 index 00000000..9a6f4359 --- /dev/null +++ b/assets/css/responsive-slider-rtl.css @@ -0,0 +1,259 @@ +.customize-control-ast-responsive-slider .wrapper, .customize-control-ast-slider .wrapper { + position: relative; + display: flex; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.customize-control-ast-responsive-slider input[type=range] { + position: inherit; +} + +.customize-control-ast-responsive-slider select, .customize-control.customize-control-select select { + color: #32373c; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: none; +} + +.customize-control-ast-responsive-slider .input-field-wrapper.active { + display: flex; +} + +.customize-control-ast-responsive-slider .components-base-control { + width: 100%; +} + +.customize-control-ast-responsive-slider .slider-control-label, +.customize-control-ast-slider .customize-control-title { + cursor: default; + margin-top: 3px; +} + +/** + * Responsive Icons + */ +.ast-responsive-slider-btns { + position: absolute; + left: 0; + top: 5px; + left: 30px; +} + +.ast-responsive-slider-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-slider-btns > li.active { + display: inline-block; +} + +.ast-responsive-slider-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + line-height: 1; +} + +.ast-responsive-slider-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} +.customize-control-ast-responsive-slider .wrapper .components-base-control, .customize-control-ast-responsive-slider .wrapper .input-field-wrapper.active, .customize-control-ast-slider .components-base-control.components-range-control { + width: 100%; + display: inline-block; +} +.customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + margin-right: 5px; + margin-top: 4px; +} +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + top: 4px; + left: 0; +} + +.customize-control .ast-reset-btn .dashicons-image-rotate { + width: 12px; + height: 12px; + font-size: 12px; +} + +.customize-control-ast-slider .components-input-control input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control input.components-input-control__input { + -moz-appearance: textfield; +} +.customize-control-ast-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-slider input.components-input-control__input::-webkit-outer-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-outer-spin-button { + -webkit-appearance: none; +} +.customize-control-ast-slider .components-input-control__container input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control__container input.components-input-control__input { + display: block; + border-radius: 0 2px 2px 0; + box-shadow: none; + transition: all 0.3s; + border: 1px solid var(--ast-customizer-color-7); +} +.customize-control-ast-slider input.components-input-control__input:hover, +.customize-control-ast-slider input.components-input-control__input:focus, +.customize-control-ast-slider input.components-input-control__input:active, +.customize-control-ast-responsive-slider input.components-input-control__input:hover, +.customize-control-ast-responsive-slider input.components-input-control__input:focus, +.customize-control-ast-responsive-slider input.components-input-control__input:active { + border-color: var(--ast-customizer-color-2); + border-radius: 2px; + outline: none; +} + +.customize-control-ast-slider .ast-slider-wrap, .customize-control-ast-responsive-slider .ast-slider-wrap { + position: relative; +} + +.components-range-control__wrapper .components-range-control__track { + color: var(--ast-customizer-color-1); +} + +.components-range-control__wrapper span span { + background-color: var(--ast-customizer-color-1); +} + +.customize-control-ast-slider .ast-slider-wrap .ast-range-unit, .customize-control-ast-responsive-slider .ast-slider-wrap .ast-range-unit { + position: absolute; + left: 23px; + top: 4px; + border-left: 1px solid var(--ast-customizer-color-7); + padding-left: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-right: 5px; + width: 48px; +} +.customize-control-ast-slider .components-input-control__container div.components-input-control__backdrop, .customize-control-ast-responsive-slider .components-input-control__container div.components-input-control__backdrop { + border: none; + border-radius: 0 2px 2px 0; + box-shadow: none; +} +.customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + position: absolute; + display: inline-block; + line-height: 1; + left: 0; +} + +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-slider .ast-resp-slider-reset-wrap { + top: 1px; + left: -8px; +} + + +.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number { + width: calc(48px) !important; +} + +.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number input{ + text-align: 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; +} diff --git a/assets/css/responsive-slider.css b/assets/css/responsive-slider.css new file mode 100644 index 00000000..f7b32deb --- /dev/null +++ b/assets/css/responsive-slider.css @@ -0,0 +1,259 @@ +.customize-control-ast-responsive-slider .wrapper, .customize-control-ast-slider .wrapper { + position: relative; + display: flex; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.customize-control-ast-responsive-slider input[type=range] { + position: inherit; +} + +.customize-control-ast-responsive-slider select, .customize-control.customize-control-select select { + color: #32373c; +} + +.customize-control-ast-responsive-slider .input-field-wrapper { + display: none; +} + +.customize-control-ast-responsive-slider .input-field-wrapper.active { + display: flex; +} + +.customize-control-ast-responsive-slider .components-base-control { + width: 100%; +} + +.customize-control-ast-responsive-slider .slider-control-label, +.customize-control-ast-slider .customize-control-title { + cursor: default; + margin-top: 3px; +} + +/** + * Responsive Icons + */ +.ast-responsive-slider-btns { + position: absolute; + right: 0; + top: 5px; + right: 30px; +} + +.ast-responsive-slider-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-slider-btns > li.active { + display: inline-block; +} + +.ast-responsive-slider-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + line-height: 1; +} + +.ast-responsive-slider-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} +.customize-control-ast-responsive-slider .wrapper .components-base-control, .customize-control-ast-responsive-slider .wrapper .input-field-wrapper.active, .customize-control-ast-slider .components-base-control.components-range-control { + width: 100%; + display: inline-block; +} +.customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + margin-left: 5px; + margin-top: 4px; +} +.customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + top: 4px; + right: 0; +} + +.customize-control .ast-reset-btn .dashicons-image-rotate { + width: 12px; + height: 12px; + font-size: 12px; +} + +.customize-control-ast-slider .components-input-control input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control input.components-input-control__input { + -moz-appearance: textfield; +} +.customize-control-ast-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-slider input.components-input-control__input::-webkit-outer-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-inner-spin-button, +.customize-control-ast-responsive-slider input.components-input-control__input::-webkit-outer-spin-button { + -webkit-appearance: none; +} +.customize-control-ast-slider .components-input-control__container input.components-input-control__input, .customize-control-ast-responsive-slider .components-input-control__container input.components-input-control__input { + display: block; + border-radius: 2px 0 0 2px; + box-shadow: none; + transition: all 0.3s; + border: 1px solid var(--ast-customizer-color-7); +} +.customize-control-ast-slider input.components-input-control__input:hover, +.customize-control-ast-slider input.components-input-control__input:focus, +.customize-control-ast-slider input.components-input-control__input:active, +.customize-control-ast-responsive-slider input.components-input-control__input:hover, +.customize-control-ast-responsive-slider input.components-input-control__input:focus, +.customize-control-ast-responsive-slider input.components-input-control__input:active { + border-color: var(--ast-customizer-color-2); + border-radius: 2px; + outline: none; +} + +.customize-control-ast-slider .ast-slider-wrap, .customize-control-ast-responsive-slider .ast-slider-wrap { + position: relative; +} + +.components-range-control__wrapper .components-range-control__track { + color: var(--ast-customizer-color-1); +} + +.components-range-control__wrapper span span { + background-color: var(--ast-customizer-color-1); +} + +.customize-control-ast-slider .ast-slider-wrap .ast-range-unit, .customize-control-ast-responsive-slider .ast-slider-wrap .ast-range-unit { + position: absolute; + right: 23px; + top: 4px; + border-right: 1px solid var(--ast-customizer-color-7); + padding-right: 6px; + font-size: 11px; + font-weight: 600; + line-height: normal; + text-transform: uppercase; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-left: 5px; + width: 48px; +} +.customize-control-ast-slider .components-input-control__container div.components-input-control__backdrop, .customize-control-ast-responsive-slider .components-input-control__container div.components-input-control__backdrop { + border: none; + border-radius: 2px 0 0 2px; + box-shadow: none; +} +.customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + position: absolute; + display: inline-block; + line-height: 1; + right: 0; +} + +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-slider .ast-resp-slider-reset-wrap { + top: 1px; + right: -8px; +} + + +.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number { + width: calc(48px) !important; +} + +.customize-control-ast-responsive-slider .ast-slider-wrap .components-range-control__number input{ + text-align: 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; +} diff --git a/assets/css/responsive-spacing-rtl.css b/assets/css/responsive-spacing-rtl.css new file mode 100644 index 00000000..24c297f2 --- /dev/null +++ b/assets/css/responsive-spacing-rtl.css @@ -0,0 +1,252 @@ +.customize-control-ast-responsive-spacing .customize-control-title { + display: inline-block; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item { + margin: 0 2px; + -moz-appearance: textfield; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item input[type=number] { + -moz-appearance: textfield; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-inner-spin-button, +.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units-screen-wrap { + position: relative; + top: -5px; + left: -10px; + display: inline-block; +} +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns { + position: relative; + top: 1px; +} +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns > li { + display: none; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns > li.active { + display: inline-block; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + width: 100%; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] > i { + font-size: 15px; + vertical-align: middle; +} + +.customize-control-ast-responsive-spacing .input-wrapper.ast-spacing-responsive-wrapper { + display: inline-flex; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units { + position: absolute; + font-size: 12px; + line-height: 16px; + text-transform: uppercase; + font-weight: 500; + top: -32px; + left: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit { + display: inline-block; + margin-right: 6px; + width: 18px; + text-align: center; + user-select: none; + opacity: 0.6; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active { + opacity: 1; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + cursor: pointer; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:hover, .customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:focus, .customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:active { + border-color: #1e8cbe; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li .ast-spacing-connected { + color: #1e8cbe; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper.active { + display: flex; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper span.ast-spacing-title { + text-transform: uppercase; + font-size: 10px; + color: var(--ast-customizer-color-6); +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link { + order: 2; + margin-right: 2px; + margin-top: 4px; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .dashicons { + padding: 2px 0; + font-size: 12px; + line-height: 28px; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .ast-spacing-connected { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-disconnected { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-connected { + display: block; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link span { + width: 100%; + height: 32px; + line-height: 28px; + font-size: 14px; + border-radius: 0 3px 3px 0; + background-color: transparent; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link svg { + pointer-events: none; +} + +.customize-control-ast-responsive-spacing .ast-spacing-wrapper > li:nth-child(2) { + margin-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; +} diff --git a/assets/css/responsive-spacing.css b/assets/css/responsive-spacing.css new file mode 100644 index 00000000..339a305d --- /dev/null +++ b/assets/css/responsive-spacing.css @@ -0,0 +1,252 @@ +.customize-control-ast-responsive-spacing .customize-control-title { + display: inline-block; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-outer-wrapper { + display: flex; + position: relative; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item { + margin: 0 2px; + -moz-appearance: textfield; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item input[type=number] { + -moz-appearance: textfield; +} + +.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-inner-spin-button, +.customize-control-ast-responsive-spacing .ast-spacing-input-item input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units-screen-wrap { + position: relative; + top: -5px; + right: -10px; + display: inline-block; +} +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns { + position: relative; + top: 1px; +} +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns > li { + display: none; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns > li.active { + display: inline-block; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; + width: 100%; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] > i { + font-size: 15px; + vertical-align: middle; +} + +.customize-control-ast-responsive-spacing .input-wrapper.ast-spacing-responsive-wrapper { + display: inline-flex; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units { + position: absolute; + font-size: 12px; + line-height: 16px; + text-transform: uppercase; + font-weight: 500; + top: -32px; + right: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit { + display: inline-block; + margin-left: 6px; + width: 18px; + text-align: center; + user-select: none; + opacity: 0.6; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active { + opacity: 1; + color: var(--ast-customizer-color-1); +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li { + text-align: center; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + cursor: pointer; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input { + text-align: center; + display: block; + font-size: 12px; + padding: 15px 0; + width: 100%; + height: 28px; + border: 1px solid var(--ast-customizer-color-7); + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:hover, .customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:focus, .customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li input.ast-spacing-input:active { + border-color: #1e8cbe; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper li .ast-spacing-connected { + color: #1e8cbe; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper.active { + display: flex; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper span.ast-spacing-title { + text-transform: uppercase; + font-size: 10px; + color: var(--ast-customizer-color-6); +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link { + order: 2; + margin-left: 2px; + margin-top: 4px; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .dashicons { + padding: 2px 0; + font-size: 12px; + line-height: 28px; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link .ast-spacing-connected { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-disconnected { + display: none; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link.disconnected .ast-spacing-connected { + display: block; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link span { + width: 100%; + height: 32px; + line-height: 28px; + font-size: 14px; + border-radius: 3px 0 0 3px; + background-color: transparent; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link svg { + pointer-events: none; +} + +.customize-control-ast-responsive-spacing .ast-spacing-wrapper > li:nth-child(2) { + margin-left: 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; +} diff --git a/assets/css/responsive-toggle-control-rtl.css b/assets/css/responsive-toggle-control-rtl.css new file mode 100644 index 00000000..043fc1aa --- /dev/null +++ b/assets/css/responsive-toggle-control-rtl.css @@ -0,0 +1,150 @@ +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-base-control__field, .ast-responsive-toggle-control .components-base-control__field { + margin: 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-form-toggle, .customize-control-ast-link .ast-responsive-toggle-control .components-form-toggle { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-responsive-toggle-control .components-base-control__field { + margin: 20px 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-toggle-control__label, .ast-responsive-toggle-control label { + display: flex; + flex: 1 1 auto; + font-size: 14px; + font-weight: 600; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control { + display: none; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control.active { + position: relative; + top: 2px; + width: 91%; + display: inline-block; + vertical-align: middle; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns { + position: relative; + float: left; + top: 4px; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns > li.active{ + vertical-align: middle; +} + +.ast-responsive-toggle-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-toggle-btns > li.active { + display: inline-block; +} + +.ast-responsive-toggle-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; +} + +.ast-responsive-toggle-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 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; +} diff --git a/assets/css/responsive-toggle-control.css b/assets/css/responsive-toggle-control.css new file mode 100644 index 00000000..4ea2cbaf --- /dev/null +++ b/assets/css/responsive-toggle-control.css @@ -0,0 +1,150 @@ +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-base-control__field, .ast-responsive-toggle-control .components-base-control__field { + margin: 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-form-toggle, .customize-control-ast-link .ast-responsive-toggle-control .components-form-toggle { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-responsive-toggle-control .components-base-control__field { + margin: 20px 0; +} + +.customize-control-ast-responsive-toggle-control .components-toggle-control .components-toggle-control__label, .ast-responsive-toggle-control label { + display: flex; + flex: 1 1 auto; + font-size: 14px; + font-weight: 600; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control { + display: none; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-control.active { + position: relative; + top: 2px; + width: 91%; + display: inline-block; + vertical-align: middle; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns { + position: relative; + float: right; + top: 4px; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns > li.active{ + vertical-align: middle; +} + +.ast-responsive-toggle-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-toggle-btns > li.active { + display: inline-block; +} + +.ast-responsive-toggle-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; +} + +.ast-responsive-toggle-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 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; +} diff --git a/assets/css/responsive.css b/assets/css/responsive.css new file mode 100644 index 00000000..ffd88c6a --- /dev/null +++ b/assets/css/responsive.css @@ -0,0 +1,122 @@ +.ast-responsive-btns { + display: inline-block; + line-height: 1; + vertical-align: top; +} + +.ast-responsive-btns > li { + margin-bottom: 0; + display: none; +} + +.ast-responsive-btns > li.active { + display: inline-block; +} + +.ast-responsive-btns button[type="button"] { + padding: 0; + cursor: pointer; + background: none; + border: none; + outline: none; +} + +.ast-responsive-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; +} + +.input-wrapper.ast-responsive-wrapper { + display: inline-flex; + justify-content: space-between; + margin-right: 0; + align-items: flex-start; + flex: 0 1; + 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; +} diff --git a/assets/css/review.css b/assets/css/review.css new file mode 100644 index 00000000..597a13c8 --- /dev/null +++ b/assets/css/review.css @@ -0,0 +1,86 @@ +.uagb_review_block{padding:25px 40px 35px 40px;margin:30px auto}.uagb_review_block a.uagb-rating-link-wrapper{color:inherit;text-decoration:none}.uagb_review_block .uagb-rating__source-wrap{padding-top:10px;padding-bottom:10px}.uagb_review_block .uagb_review_entry{display:flex;padding:10px 0 10px 0;border-bottom:1px solid #e9e9e9}.uagb_review_block .uagb_review_summary_title{margin:23px 0 13px 0;font-size:24px;font-weight:600}.uagb_review_block .uagb_review_summary .uagb_review_overall_value{flex-basis:75%}.uagb_review_block .uagb_review_average{display:inline-flex}.uagb_review_block .uagb_review_rating{text-align:right;font-size:40px}.uagb_review_block .uagb_review_average_stars{display:flex;grid-area:auto;justify-self:self-end;height:50px;line-height:60px;margin-left:10px;margin-top:25px} + + +/* 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; +} diff --git a/assets/css/rollback-version.css b/assets/css/rollback-version.css new file mode 100644 index 00000000..c7ea5450 --- /dev/null +++ b/assets/css/rollback-version.css @@ -0,0 +1,168 @@ +.bsf-core-rollback-overlay { + background: #000; + opacity: 0.7; + filter: alpha(opacity=70); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 100050; +} +.bsf-confirm-rollback-popup-content { + background: #fcfcfc; + position: fixed; + /* background-color: #fff; */ + z-index: 999999999; + padding: 2px 20px 0px; + text-align: left; + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + border-radius: 2px; +} +.bsf-confirm-rollback-popup-buttons-wrapper .bsf-confirm-cancel{ + padding: 0px 16px; + margin-right: 149px; +} +.bsf-confirm-text{ + margin-bottom: 25px; +} +.bsf-confirm-rollback-popup-buttons-wrapper .bsf-confirm-ok{ + margin-right: 0px; + padding: 0px 16px; + float: right; +} +.bsf-rollback-heading{ + text-align: center; +} + +.bsf-confirm-rollback-popup-header { + font-size: 15px; + color: #495157; + padding: 30px 0 10px; + font-weight: 500; + text-align: center; +} +.bsf-confirm-rollback-popup-message { + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-height: 50px; + text-align: center; +} +.bsf-confirm-rollback-popup-buttons-wrapper { + border-top: 1px solid #e4e4e4; + width: 100%; + padding: 9px 0px 9px 0px +} +.bsf-confirm-rollback-popup-button { + font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; + width: 50%; + border: none; + background: none; + color: #6d7882; + font-size: 15px; + cursor: pointer; + padding: 13px 0; + outline: 0; +} +.bsf-confirm-rollback-popup-button:hover { + background:#e6e9ec6b +} +.bsf-confirm-rollback-popup-button.confirm-cancel { + border-right: 1px solid #e6e9ec; +} +.bsf-confirm-rollback-popup-button.confirm-ok { + color: rgb(74, 0, 224); +} +.bsf-confirm-rollback-popup.show { + display: block; +} + +/* 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; +} diff --git a/assets/css/section.css b/assets/css/section.css new file mode 100644 index 00000000..cfd31697 --- /dev/null +++ b/assets/css/section.css @@ -0,0 +1,86 @@ +.uagb-section__wrap{position:relative}.uagb-section__wrap .uagb-section__inner-wrap{position:relative;z-index:2;margin-right:auto;margin-left:auto}.uagb-section__wrap .uagb-section__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.uagb-section__wrap .uagb-section__video-wrap{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;transition:opacity 1s;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s}.uagb-section__wrap .uagb-section__video-wrap video{display:inline-block;vertical-align:baseline;width:100%;height:100%;max-width:100%;margin:0;background-size:cover;border:none;object-fit:cover;line-height:1;-o-object-fit:cover}@media (min-width: 768px) and (max-width: 1024px){.wp-block-uagb-section.uagb-section__wrap.uagb-section__background-image{background-attachment:scroll}} + + +/* 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; +} diff --git a/assets/css/select-multi-rtl.css b/assets/css/select-multi-rtl.css new file mode 100644 index 00000000..2f9508b9 --- /dev/null +++ b/assets/css/select-multi-rtl.css @@ -0,0 +1,156 @@ +.ast-customizer-select-multi .ast-multi-select__input-container { + padding: 0; + margin: 0; +} + +.ast-customizer-select-multi .ast-multi-select__input-container input { + min-height: min-content; +} + +.ast-customizer-select-multi .ast-multi-select__input-container input:focus{ + box-shadow: none; +} + +.ast-customizer-select-multi { + position: relative; +} + +.ast-customizer-select-multi .ast-multi-select__value-container { + padding-top: 4px; + padding-bottom: 4px; + overflow-x: hidden; + padding-right: 10px; + padding-left: 30px; + gap: 4px; +} + +.ast-customizer-select-multi:after { + content: "\f11c"; + position: absolute; + font-family: dashicons; + font-size: 16px; + margin-left: 15px; + pointer-events: none; + z-index: 1; + top: 50%; + translate: 0 -50%; + left: 0; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__label { + margin-left: 0.2em; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value { + margin: 0; + font-size: 14px; + padding: 2px 5px 2px 5px; + min-width: auto; + color: #4B5563; + background-color: #F5F5F5; + border: 1px solid #D1D5DB; + border-radius: 2px; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__remove { + color: #4B5563; + padding-left: 0; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__remove:hover { + background-color: transparent; + color: #4B5563; +} + +.ast-customizer-select-multi .ast-multi-select__menu *, .ast-customizer-select-multi .ast-multi-select__multi-value__remove { + cursor: pointer; +} + +.ast-customizer-select-multi .ast-multi-select__menu { + z-index: 2; +} + + +/* 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; +} diff --git a/assets/css/select-multi.css b/assets/css/select-multi.css new file mode 100644 index 00000000..1315ccd0 --- /dev/null +++ b/assets/css/select-multi.css @@ -0,0 +1,156 @@ +.ast-customizer-select-multi .ast-multi-select__input-container { + padding: 0; + margin: 0; +} + +.ast-customizer-select-multi .ast-multi-select__input-container input { + min-height: min-content; +} + +.ast-customizer-select-multi .ast-multi-select__input-container input:focus{ + box-shadow: none; +} + +.ast-customizer-select-multi { + position: relative; +} + +.ast-customizer-select-multi .ast-multi-select__value-container { + padding-top: 4px; + padding-bottom: 4px; + overflow-x: hidden; + padding-left: 10px; + padding-right: 30px; + gap: 4px; +} + +.ast-customizer-select-multi:after { + content: "\f11c"; + position: absolute; + font-family: dashicons; + font-size: 16px; + margin-right: 15px; + pointer-events: none; + z-index: 1; + top: 50%; + translate: 0 -50%; + right: 0; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__label { + margin-right: 0.2em; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value { + margin: 0; + font-size: 14px; + padding: 2px 5px 2px 5px; + min-width: auto; + color: #4B5563; + background-color: #F5F5F5; + border: 1px solid #D1D5DB; + border-radius: 2px; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__remove { + color: #4B5563; + padding-right: 0; +} + +.ast-customizer-select-multi .ast-multi-select__multi-value__remove:hover { + background-color: transparent; + color: #4B5563; +} + +.ast-customizer-select-multi .ast-multi-select__menu *, .ast-customizer-select-multi .ast-multi-select__multi-value__remove { + cursor: pointer; +} + +.ast-customizer-select-multi .ast-multi-select__menu { + z-index: 2; +} + + +/* 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; +} diff --git a/assets/css/select-rtl.css b/assets/css/select-rtl.css new file mode 100644 index 00000000..e2dc1085 --- /dev/null +++ b/assets/css/select-rtl.css @@ -0,0 +1,99 @@ +.ast-variant-select > div { + border-color: #dddddd; +} +.customize-control select, .ast-variant-select > div, .customize-control input, .customize-control textarea, .customize-control-content .components-text-control__input { + border-color: var(--ast-customizer-color-7); + color: var(--ast-customizer-color-5); + padding-top: 1px; + padding-bottom: 1px; +} +.customize-control select:focus, .ast-variant-select > div:focus, .customize-control input:focus { + border-color: var(--ast-customizer-color-1); + color: #0a4b78; + box-shadow: 0 0 0 1px var(--ast-customizer-color-1); +} + + +/* 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; +} diff --git a/assets/css/select.css b/assets/css/select.css new file mode 100644 index 00000000..e2dc1085 --- /dev/null +++ b/assets/css/select.css @@ -0,0 +1,99 @@ +.ast-variant-select > div { + border-color: #dddddd; +} +.customize-control select, .ast-variant-select > div, .customize-control input, .customize-control textarea, .customize-control-content .components-text-control__input { + border-color: var(--ast-customizer-color-7); + color: var(--ast-customizer-color-5); + padding-top: 1px; + padding-bottom: 1px; +} +.customize-control select:focus, .ast-variant-select > div:focus, .customize-control input:focus { + border-color: var(--ast-customizer-color-1); + color: #0a4b78; + box-shadow: 0 0 0 1px var(--ast-customizer-color-1); +} + + +/* 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; +} diff --git a/assets/css/separator.css b/assets/css/separator.css new file mode 100644 index 00000000..857d025c --- /dev/null +++ b/assets/css/separator.css @@ -0,0 +1,86 @@ +.wp-block-uagb-separator{text-align:center;box-sizing:border-box;line-height:0}.wp-block-uagb-separator__inner{display:inline-block}.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner{display:flex;justify-content:center;align-items:center;margin:0 auto}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner::before,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner::before{display:block;content:"";border-bottom:0;flex-grow:1;border-top-color:#333;border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner::after,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner::after{display:block;content:"";border-bottom:0;flex-grow:1;border-top-color:#333;border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--icon .wp-block-uagb-separator-element svg{font-size:30px;color:#333;fill:#333;width:30px;height:30px;line-height:30px;max-width:none}.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{word-break:initial;margin: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; +} diff --git a/assets/css/settings-group-rtl.css b/assets/css/settings-group-rtl.css new file mode 100644 index 00000000..503c5686 --- /dev/null +++ b/assets/css/settings-group-rtl.css @@ -0,0 +1,505 @@ +.ast-adv-toggle-icon { + left: 2px; + position: absolute; + width: 18px; + height: 18px; + font-size: 18px; + border-radius: 2px; + padding: 4px; + color: var(--ast-customizer-color-8); + background: var(--ast-customizer-color-9); + cursor: pointer; +} + +.ast-adv-toggle-icon:hover { + color: var(--ast-customizer-color-1); +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon { + font-size: 12px; + width: auto; + height: auto; +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon:before { + display: none; +} + +.ast-adv-toggle-icon:before { + content: "\f464"; +} + +.ast-adv-toggle-icon.open:before { + content: "\f158"; +} + +.ast-field-settings-modal { + position: absolute; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + border-radius: 3px; + right: 0; + left: 0; + z-index: 8; + background-color: #fff; +} + +.customize-control-ast-color-palette .ast-field-settings-modal { + z-index: 11; +} + +.ast-field-settings-modal .customize-control-ast-divider:first-child { + margin-top: 15px; +} + +.ast-field-settings-wrap { + width: 100%; +} + +.ast-group-tabs, +.ast-tab-content { + position: relative; +} + +.ast-group-list { + overflow: hidden; + border-bottom: 1px solid #ddd; +} + +.ast-group-list:before, +.ast-group-list:after { + content: ""; + display: table; + border-collapse: collapse; +} + +/* Tab anchor color */ +.ui-tabs-anchor { + float: right; + padding: .5em 0.5em; + color: #555d66; + text-decoration: none; +} + +.ui-state-active .ui-tabs-anchor { + color: #ffffff; +} + +.ui-tabs-anchor:hover { + color: #555d66; +} + +.ui-state-active .ui-tabs-anchor:hover { + color: #ffffff; +} + +.ast-group-tabs .ui-widget-content { + overflow: hidden; + /*padding-top: 15px;*/ +} + +.ast-group-tabs .ui-widget-content.iris-slider-offset, +.ast-group-tabs .ui-widget-content.iris-slider-offset-alpha { + overflow: inherit; +} + +.ast-fields-wrap { + overflow: hidden; +} + +.ast-field-settings-wrap { + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + background-color: #fff; +} + +.ast-field-settings-wrap .ast-field-settings-modal { + border-radius: 3px; + margin-top: 10px; + margin-bottom: 20px; +} + +.ast-field-settings-modal::before { + content: ''; + position: absolute; + top: -17px; + left: 8px; + border: 9px solid transparent; + border-bottom-color: #fff; + pointer-events: none; +} + +.ast-group-tabs .ui-tabs-nav { + display: flex; + padding: 15px 15px 0 15px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top { + align-items: center; + flex: 1 1 auto; + justify-content: center; + margin: 0 0; + padding: 0; + border: 1px solid #ccc; + transition: background-color 140ms linear; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top:first-child { + border-radius: 0px 3px 3px 0px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top:last-child { + border-radius: 3px 0px 0px 3px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top .ui-tabs-anchor { + width: 100%; + text-align: center; + padding: 2px 4px; + padding-right: 0; + padding-left: 0; + outline: none; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top .ui-tabs-anchor:focus { + box-shadow: none; +} + +.ast-group-tabs .ui-tabs-nav { + border: none; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top.ui-state-active { + background-color: #0185BA; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.ast-group-tabs .ui-tabs-nav { + overflow: visible; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top:not(:first-child) { + border-right-width: 0; +} + +/* Buttons */ +.wp-core-ui .ast-field-settings-modal .background-image-upload .button { + font-size: 11px; +} + +/* Popup params padding */ +.ast-field-settings-modal .customize-control { + padding-right: 16px; + padding-left: 16px; + box-sizing: border-box; +} + +.ast-control-wrap .ast-color-picker-alpha { + margin-right: -5px; + margin-left: -5px; +} + +.ast-field-settings-modal .customize-control:first-child { + margin-top: 16px; +} + +.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child { + margin-top: 0; +} + +.ast-field-settings-modal .customize-control:last-child { + padding-bottom: 16px; +} + +.customize-control-ast-settings-group { + line-height: 27px; +} + +.customize-control-ast-settings-group .customize-control-title { + margin-bottom: 0; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-title { + margin-bottom: 10px; + font-size: 13px; + margin-top: 3px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-units, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-range-unit, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit { + top: 6px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-resp-slider-reset-wrap { + top: 3px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-responsive-slider-btns, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: 2px; +} + +#customize-control-headings-font-extras.ast-sub-top-dotted-divider { + margin-top: 12px; +} + +/** + * Popover Tab Structure. + */ +.astra-popover-tabs { + position: relative; +} + +.astra-popover-tabs .components-tab-panel__tabs { + display: flex; + padding: 15px; + border: none; +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { + color: #555d66; + font-size: 13px; + font-weight: 400; + height: 35px; + transition: unset; + padding: 2px 4px; + text-decoration: none; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:active { + box-shadow: unset; +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-image-view"] { + padding: 15px; + border: none; +} + +.astra-popover-tabs .components-button { + align-items: center; + flex: 1 1 auto; + justify-content: center; + margin: 0 0; + padding: 0; + border: 1px solid #ccc; + transition: background-color 140ms linear; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:first-child { + border-radius: 0px 3px 3px 0px; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:last-child { + border-radius: 3px 0px 0px 3px; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:not(:first-child) { + border-right-width: 0; +} + +.astra-popover-tabs .components-tab-panel__tabs-item.active-tab { + background-color: #0185BA; + color: #ffffff; +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs, +.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content { + padding: 0; +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs-item.active-tab { + border-color: var(--ast-customizer-color-3); + background: var(--ast-customizer-color-1); +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content .ast-social-icon-picker-label { + text-align: right; +} + +.astra-media-tab .astra-media-image { + width: 100%; + margin-bottom: 0; +} + +.astra-media-tab .ast-media-btn { + display: block; + width: 100%; + border: 1px dashed var(--ast-customizer-color-7); + box-sizing: border-box; + box-shadow: unset; + padding: 9px 0; + line-height: 1.6; + text-decoration: none; +} + +.astra-media-tab .ast-danger-btn { + color: var(--ast-customizer-color-14); + margin-top: 10px; +} + +.astra-media-tab .ast-media-btn:hover { + border-color: var(--ast-customizer-color-3); +} + +.astra-media-tab .ast-danger-btn:hover { + border-color: var(--ast-customizer-color-14); +} + +.components-base-control.ast-text-control-input { + margin-bottom: 16px; +} + +.ast-payments-text-control-input .components-base-control__label { + text-transform: none; + color: #334155; + font-size: 13px; +} + +.components-base-control.ast-payments-text-control-input { + margin-bottom: 20px; +} + +.components-base-control.ast-text-control-input input { + border-color: var(--ast-customizer-color-7); + color: var(--ast-customizer-color-5); +} + +.astra-popover-color .astra-popover-tabs .components-tab-panel__tabs button.components-tab-panel__tabs-item.active-tab:not(.is-primary):not(.is-tertiary):not(.is-link):hover { + color: #fff; +} + +.components-popover.astra-popover-color .components-popover__content { + min-width: 310px; + max-height: 60vh; + padding: 0; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); +} + +.ast-field-settings-modal .components-popover.astra-popover-color .components-popover__content { + min-width: 320px; + min-height: 325px; +} + +.ast-field-settings-modal .background-wrapper .components-popover.astra-popover-color .components-popover__content { + min-height: 385px; +} + +.ast-field-settings-modal .components-angle-picker-control .components-flex__block { + min-width: auto; +} + +.customize-control-ast-settings-group .customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + margin-top: 0; +} + +/* + * Divider compatibility CSS for setting group. + */ +.ast-top-divider.customize-control-ast-settings-group .ast-toggle-desc-wrap .ast-adv-toggle-icon { + top: 23px; +} + +/** + * Responsive slider control inside settings-group, case: body-font, headings-font. + */ +.ast-fields-wrap .customize-control-ast-responsive-slider .ast-slider-wrap>label, +.ast-fields-wrap .customize-control-ast-selector .ast-slider-wrap>label { + display: inline-block; +} + +/* 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; +} diff --git a/assets/css/settings-group.css b/assets/css/settings-group.css new file mode 100644 index 00000000..91039dd6 --- /dev/null +++ b/assets/css/settings-group.css @@ -0,0 +1,505 @@ +.ast-adv-toggle-icon { + right: 2px; + position: absolute; + width: 18px; + height: 18px; + font-size: 18px; + border-radius: 2px; + padding: 4px; + color: var(--ast-customizer-color-8); + background: var(--ast-customizer-color-9); + cursor: pointer; +} + +.ast-adv-toggle-icon:hover { + color: var(--ast-customizer-color-1); +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon { + font-size: 12px; + width: auto; + height: auto; +} + +#customize-control-astra-color-palettes .ast-adv-toggle-icon:before { + display: none; +} + +.ast-adv-toggle-icon:before { + content: "\f464"; +} + +.ast-adv-toggle-icon.open:before { + content: "\f158"; +} + +.ast-field-settings-modal { + position: absolute; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + border-radius: 3px; + left: 0; + right: 0; + z-index: 8; + background-color: #fff; +} + +.customize-control-ast-color-palette .ast-field-settings-modal { + z-index: 11; +} + +.ast-field-settings-modal .customize-control-ast-divider:first-child { + margin-top: 15px; +} + +.ast-field-settings-wrap { + width: 100%; +} + +.ast-group-tabs, +.ast-tab-content { + position: relative; +} + +.ast-group-list { + overflow: hidden; + border-bottom: 1px solid #ddd; +} + +.ast-group-list:before, +.ast-group-list:after { + content: ""; + display: table; + border-collapse: collapse; +} + +/* Tab anchor color */ +.ui-tabs-anchor { + float: left; + padding: .5em 0.5em; + color: #555d66; + text-decoration: none; +} + +.ui-state-active .ui-tabs-anchor { + color: #ffffff; +} + +.ui-tabs-anchor:hover { + color: #555d66; +} + +.ui-state-active .ui-tabs-anchor:hover { + color: #ffffff; +} + +.ast-group-tabs .ui-widget-content { + overflow: hidden; + /*padding-top: 15px;*/ +} + +.ast-group-tabs .ui-widget-content.iris-slider-offset, +.ast-group-tabs .ui-widget-content.iris-slider-offset-alpha { + overflow: inherit; +} + +.ast-fields-wrap { + overflow: hidden; +} + +.ast-field-settings-wrap { + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 3px; + background-color: #fff; +} + +.ast-field-settings-wrap .ast-field-settings-modal { + border-radius: 3px; + margin-top: 10px; + margin-bottom: 20px; +} + +.ast-field-settings-modal::before { + content: ''; + position: absolute; + top: -17px; + right: 8px; + border: 9px solid transparent; + border-bottom-color: #fff; + pointer-events: none; +} + +.ast-group-tabs .ui-tabs-nav { + display: flex; + padding: 15px 15px 0 15px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top { + align-items: center; + flex: 1 1 auto; + justify-content: center; + margin: 0 0; + padding: 0; + border: 1px solid #ccc; + transition: background-color 140ms linear; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top:first-child { + border-radius: 3px 0px 0px 3px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top:last-child { + border-radius: 0px 3px 3px 0px; +} + +.ast-group-tabs .ui-tabs-nav .ui-corner-top .ui-tabs-anchor { + width: 100%; + text-align: center; + padding: 2px 4px; + padding-left: 0; + padding-right: 0; + outline: none; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top .ui-tabs-anchor:focus { + box-shadow: none; +} + +.ast-group-tabs .ui-tabs-nav { + border: none; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top.ui-state-active { + background-color: #0185BA; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.ast-group-tabs .ui-tabs-nav { + overflow: visible; +} + +.ast-group-tabs ul.ast-group-list .ui-corner-top:not(:first-child) { + border-left-width: 0; +} + +/* Buttons */ +.wp-core-ui .ast-field-settings-modal .background-image-upload .button { + font-size: 11px; +} + +/* Popup params padding */ +.ast-field-settings-modal .customize-control { + padding-left: 16px; + padding-right: 16px; + box-sizing: border-box; +} + +.ast-control-wrap .ast-color-picker-alpha { + margin-left: -5px; + margin-right: -5px; +} + +.ast-field-settings-modal .customize-control:first-child { + margin-top: 16px; +} + +.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child { + margin-top: 0; +} + +.ast-field-settings-modal .customize-control:last-child { + padding-bottom: 16px; +} + +.customize-control-ast-settings-group { + line-height: 27px; +} + +.customize-control-ast-settings-group .customize-control-title { + margin-bottom: 0; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-title { + margin-bottom: 10px; + font-size: 13px; + margin-top: 3px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-units, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-range-unit, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-range-unit { + top: 6px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-resp-slider-reset-wrap { + top: 3px; +} + +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-slider .ast-responsive-slider-btns, +.customize-control-ast-settings-group .ast-field-settings-modal .customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: 2px; +} + +#customize-control-headings-font-extras.ast-sub-top-dotted-divider { + margin-top: 12px; +} + +/** + * Popover Tab Structure. + */ +.astra-popover-tabs { + position: relative; +} + +.astra-popover-tabs .components-tab-panel__tabs { + display: flex; + padding: 15px; + border: none; +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { + color: #555d66; + font-size: 13px; + font-weight: 400; + height: 35px; + transition: unset; + padding: 2px 4px; + text-decoration: none; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:active { + box-shadow: unset; +} + +.astra-popover-tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus { + box-shadow: unset; +} + +.astra-popover-tabs [ID*="-image-view"] { + padding: 15px; + border: none; +} + +.astra-popover-tabs .components-button { + align-items: center; + flex: 1 1 auto; + justify-content: center; + margin: 0 0; + padding: 0; + border: 1px solid #ccc; + transition: background-color 140ms linear; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:first-child { + border-radius: 3px 0px 0px 3px; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:last-child { + border-radius: 0px 3px 3px 0px; +} + +.astra-popover-tabs .components-tab-panel__tabs-item:not(:first-child) { + border-left-width: 0; +} + +.astra-popover-tabs .components-tab-panel__tabs-item.active-tab { + background-color: #0185BA; + color: #ffffff; +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs, +.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content { + padding: 0; +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tabs-item.active-tab { + border-color: var(--ast-customizer-color-3); + background: var(--ast-customizer-color-1); +} + +.astra-popover-tabs.astra-media-tab .components-tab-panel__tab-content .ast-social-icon-picker-label { + text-align: left; +} + +.astra-media-tab .astra-media-image { + width: 100%; + margin-bottom: 0; +} + +.astra-media-tab .ast-media-btn { + display: block; + width: 100%; + border: 1px dashed var(--ast-customizer-color-7); + box-sizing: border-box; + box-shadow: unset; + padding: 9px 0; + line-height: 1.6; + text-decoration: none; +} + +.astra-media-tab .ast-danger-btn { + color: var(--ast-customizer-color-14); + margin-top: 10px; +} + +.astra-media-tab .ast-media-btn:hover { + border-color: var(--ast-customizer-color-3); +} + +.astra-media-tab .ast-danger-btn:hover { + border-color: var(--ast-customizer-color-14); +} + +.components-base-control.ast-text-control-input { + margin-bottom: 16px; +} + +.ast-payments-text-control-input .components-base-control__label { + text-transform: none; + color: #334155; + font-size: 13px; +} + +.components-base-control.ast-payments-text-control-input { + margin-bottom: 20px; +} + +.components-base-control.ast-text-control-input input { + border-color: var(--ast-customizer-color-7); + color: var(--ast-customizer-color-5); +} + +.astra-popover-color .astra-popover-tabs .components-tab-panel__tabs button.components-tab-panel__tabs-item.active-tab:not(.is-primary):not(.is-tertiary):not(.is-link):hover { + color: #fff; +} + +.components-popover.astra-popover-color .components-popover__content { + min-width: 310px; + max-height: 60vh; + padding: 0; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); +} + +.ast-field-settings-modal .components-popover.astra-popover-color .components-popover__content { + min-width: 320px; + min-height: 325px; +} + +.ast-field-settings-modal .background-wrapper .components-popover.astra-popover-color .components-popover__content { + min-height: 385px; +} + +.ast-field-settings-modal .components-angle-picker-control .components-flex__block { + min-width: auto; +} + +.customize-control-ast-settings-group .customize-control-ast-slider .wrapper .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .wrapper .ast-resp-slider-reset-wrap { + margin-top: 0; +} + +/* + * Divider compatibility CSS for setting group. + */ +.ast-top-divider.customize-control-ast-settings-group .ast-toggle-desc-wrap .ast-adv-toggle-icon { + top: 23px; +} + +/** + * Responsive slider control inside settings-group, case: body-font, headings-font. + */ +.ast-fields-wrap .customize-control-ast-responsive-slider .ast-slider-wrap>label, +.ast-fields-wrap .customize-control-ast-selector .ast-slider-wrap>label { + display: inline-block; +} + +/* 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; +} diff --git a/assets/css/shop-page-list-style-grid-rtl.css b/assets/css/shop-page-list-style-grid-rtl.css new file mode 100644 index 00000000..f66ba523 --- /dev/null +++ b/assets/css/shop-page-list-style-grid-rtl.css @@ -0,0 +1,173 @@ +/** + * Shop Page List Style + */ +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product { + -js-display: flex; + display: flex; + flex-direction: unset; + padding-bottom: 0; + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ + /** + * Sale + */ +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap { + padding: .8em 1.2em; + flex: 1; + align-self: center; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: hidden; + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: initial; + flex: 1; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link { + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart { + display: inline-block; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right { + text-align: left; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating { + float: left; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title { + clear: both; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0 1.2em 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .onsale, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .onsale { + margin: 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; +} diff --git a/assets/css/shop-page-list-style-grid-rtl.min.css b/assets/css/shop-page-list-style-grid-rtl.min.css new file mode 100644 index 00000000..bc9ee0b3 --- /dev/null +++ b/assets/css/shop-page-list-style-grid-rtl.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product{-js-display:flex;display:flex;flex-direction:unset;padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap{padding:.8em 1.2em;flex:1;align-self:center}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:hidden;margin-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:initial;flex:1}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link{margin-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart{display:inline-block}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right{text-align:left}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating{float:left}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title{clear:both}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0 1.2em 0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .onsale,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .onsale{margin: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; +} diff --git a/assets/css/shop-page-list-style-grid.css b/assets/css/shop-page-list-style-grid.css new file mode 100644 index 00000000..3ac3e7e6 --- /dev/null +++ b/assets/css/shop-page-list-style-grid.css @@ -0,0 +1,173 @@ +/** + * Shop Page List Style + */ +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product { + -js-display: flex; + display: flex; + flex-direction: unset; + padding-bottom: 0; + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ + /** + * Sale + */ +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap { + padding: .8em 1.2em; + flex: 1; + align-self: center; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: hidden; + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: initial; + flex: 1; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link { + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart { + display: inline-block; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right { + text-align: right; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating { + float: right; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title { + clear: both; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0 1.2em 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .onsale, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .onsale { + margin: 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; +} diff --git a/assets/css/shop-page-list-style-grid.min.css b/assets/css/shop-page-list-style-grid.min.css new file mode 100644 index 00000000..604258df --- /dev/null +++ b/assets/css/shop-page-list-style-grid.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product{-js-display:flex;display:flex;flex-direction:unset;padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap{padding:.8em 1.2em;flex:1;align-self:center}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:hidden;margin-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:initial;flex:1}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link{margin-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart{display:inline-block}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right{text-align:right}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating{float:right}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title{clear:both}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0 1.2em 0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .onsale,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .onsale{margin: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; +} diff --git a/assets/css/shop-page-list-style-rtl.css b/assets/css/shop-page-list-style-rtl.css new file mode 100644 index 00000000..639f26f5 --- /dev/null +++ b/assets/css/shop-page-list-style-rtl.css @@ -0,0 +1,183 @@ +/** + * Shop Page List Style + */ +.woocommerce.ast-woocommerce-shop-page-list-style ul.products, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products { + -js-display: flex; + display: flex; + flex-wrap: wrap; + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product { + -js-display: flex; + display: flex; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ + /** + * Sale + */ +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap { + padding: .8em 1.2em; + flex: 1; + align-self: center; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: hidden; + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: initial; + flex: 1; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link { + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart { + display: inline-block; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right { + text-align: left; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating { + float: left; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title { + clear: both; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0 1.2em 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .onsale, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .onsale { + margin: 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; +} diff --git a/assets/css/shop-page-list-style-rtl.min.css b/assets/css/shop-page-list-style-rtl.min.css new file mode 100644 index 00000000..6c9af035 --- /dev/null +++ b/assets/css/shop-page-list-style-rtl.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products,.woocommerce.ast-woocommerce-shop-page-list-style ul.products{-js-display:flex;display:flex;flex-wrap:wrap;padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product{-js-display:flex;display:flex;padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap{padding:.8em 1.2em;flex:1;align-self:center}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:hidden;margin-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:initial;flex:1}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link{margin-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart{display:inline-block}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right{text-align:left}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating{float:left}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title{clear:both}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0 1.2em 0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .onsale,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .onsale{margin: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; +} diff --git a/assets/css/shop-page-list-style.css b/assets/css/shop-page-list-style.css new file mode 100644 index 00000000..9182a681 --- /dev/null +++ b/assets/css/shop-page-list-style.css @@ -0,0 +1,183 @@ +/** + * Shop Page List Style + */ +.woocommerce.ast-woocommerce-shop-page-list-style ul.products, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products { + -js-display: flex; + display: flex; + flex-wrap: wrap; + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product { + -js-display: flex; + display: flex; + padding-bottom: 0; + /** + * Shope page list wrapper + */ + /** + * Shope page image and sale wrapper + */ + /** + * No box shadow and no box hover shadow + */ + /** + * Sale + */ +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap { + padding: .8em 1.2em; + flex: 1; + align-self: center; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: hidden; + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap { + overflow: initial; + flex: 1; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link { + margin-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart { + display: inline-block; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right { + text-align: right; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating { + float: right; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description, +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title { + clear: both; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0 1.2em 0; +} + +.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .onsale, +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .onsale { + margin: 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; +} diff --git a/assets/css/shop-page-list-style.min.css b/assets/css/shop-page-list-style.min.css new file mode 100644 index 00000000..a056c22e --- /dev/null +++ b/assets/css/shop-page-list-style.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products,.woocommerce.ast-woocommerce-shop-page-list-style ul.products{-js-display:flex;display:flex;flex-wrap:wrap;padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product{-js-display:flex;display:flex;padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap{padding:.8em 1.2em;flex:1;align-self:center}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:hidden;margin-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap{overflow:initial;flex:1}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-thumbnail-wrap .woocommerce-loop-product__link{margin-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .added_to_cart{display:inline-block}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right{text-align:right}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .star-rating{float:right}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price,.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-product-category,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .ast-woo-shop-product-description,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .categories,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .description,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .price,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.align-right .woocommerce-loop-product__title{clear:both}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0 1.2em 0}.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .onsale,.woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .onsale{margin: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; +} diff --git a/assets/css/shop-page-modern-style-rtl.css b/assets/css/shop-page-modern-style-rtl.css new file mode 100644 index 00000000..f7dbfdce --- /dev/null +++ b/assets/css/shop-page-modern-style-rtl.css @@ -0,0 +1,114 @@ +@media (max-width: 420px) { + .mobile-columns-3 .ast-quick-view-trigger { + top: 3em; + left: 0.5em; + } +} + +/** + * Supportive elements layout compatibility CSS. + */ +.woocommerce-ordering select.orderby { + max-width: 160px; + width: 100%; + text-overflow: ellipsis; +} + +.ast-sticky-shop-filters { + -js-display: flex; + display: flex; + align-items: center; + border: 1px solid rgba(0, 0, 0, 0.1); + border-width: 1px 0 0; + width: 100%; + justify-content: center; + margin: 0; + padding: 10px 20px; + background: #f8f8f8; + box-shadow: 2px 2px 45px -15px rgba(0, 0, 0, 0.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; +} diff --git a/assets/css/shop-page-modern-style-rtl.min.css b/assets/css/shop-page-modern-style-rtl.min.css new file mode 100644 index 00000000..57d73c42 --- /dev/null +++ b/assets/css/shop-page-modern-style-rtl.min.css @@ -0,0 +1,85 @@ +@media (max-width:420px){.mobile-columns-3 .ast-quick-view-trigger{top:3em;left:.5em}}.woocommerce-ordering select.orderby{max-width:160px;width:100%;text-overflow:ellipsis}.ast-sticky-shop-filters{-js-display:flex;display:flex;align-items:center;border:1px solid rgba(0,0,0,.1);border-width:1px 0 0;width:100%;justify-content:center;margin:0;padding:10px 20px;background:#f8f8f8;box-shadow:2px 2px 45px -15px rgba(0,0,0,.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; +} diff --git a/assets/css/shop-page-modern-style.css b/assets/css/shop-page-modern-style.css new file mode 100644 index 00000000..6483dec9 --- /dev/null +++ b/assets/css/shop-page-modern-style.css @@ -0,0 +1,114 @@ +@media (max-width: 420px) { + .mobile-columns-3 .ast-quick-view-trigger { + top: 3em; + right: 0.5em; + } +} + +/** + * Supportive elements layout compatibility CSS. + */ +.woocommerce-ordering select.orderby { + max-width: 160px; + width: 100%; + text-overflow: ellipsis; +} + +.ast-sticky-shop-filters { + -js-display: flex; + display: flex; + align-items: center; + border: 1px solid rgba(0, 0, 0, 0.1); + border-width: 1px 0 0; + width: 100%; + justify-content: center; + margin: 0; + padding: 10px 20px; + background: #f8f8f8; + box-shadow: -2px 2px 45px -15px rgba(0, 0, 0, 0.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; +} diff --git a/assets/css/shop-page-modern-style.min.css b/assets/css/shop-page-modern-style.min.css new file mode 100644 index 00000000..62def29e --- /dev/null +++ b/assets/css/shop-page-modern-style.min.css @@ -0,0 +1,85 @@ +@media (max-width:420px){.mobile-columns-3 .ast-quick-view-trigger{top:3em;right:.5em}}.woocommerce-ordering select.orderby{max-width:160px;width:100%;text-overflow:ellipsis}.ast-sticky-shop-filters{-js-display:flex;display:flex;align-items:center;border:1px solid rgba(0,0,0,.1);border-width:1px 0 0;width:100%;justify-content:center;margin:0;padding:10px 20px;background:#f8f8f8;box-shadow:-2px 2px 45px -15px rgba(0,0,0,.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; +} diff --git a/assets/css/site-normalize-rtl.css b/assets/css/site-normalize-rtl.css new file mode 100644 index 00000000..d3bed1c5 --- /dev/null +++ b/assets/css/site-normalize-rtl.css @@ -0,0 +1,119 @@ +body.ast-padded-layout::before, body.ast-padded-layout::after { + background: inherit; + content: ""; + display: block; + height: 0; + right: 0; + position: fixed; + width: 100%; + z-index: 999; +} + +body.ast-padded-layout::after { + bottom: 0; +} + +body.ast-padded-layout { + background-attachment: fixed; +} + +body.ast-padded-layout::before { + top: 0; +} + +@media (min-width: 44.375em) { + body.ast-padded-layout.admin-bar::before { + top: 46px; + } +} + +@media (min-width: 48.9375em) { + body.ast-padded-layout.admin-bar::before { + top: 32px; + } +} + + +/* 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; +} diff --git a/assets/css/site-normalize-rtl.min.css b/assets/css/site-normalize-rtl.min.css new file mode 100644 index 00000000..25a6b631 --- /dev/null +++ b/assets/css/site-normalize-rtl.min.css @@ -0,0 +1,85 @@ +body.ast-padded-layout::after,body.ast-padded-layout::before{background:inherit;content:"";display:block;height:0;right:0;position:fixed;width:100%;z-index:999}body.ast-padded-layout::after{bottom:0}body.ast-padded-layout{background-attachment:fixed}body.ast-padded-layout::before{top:0}@media (min-width:44.375em){body.ast-padded-layout.admin-bar::before{top:46px}}@media (min-width:48.9375em){body.ast-padded-layout.admin-bar::before{top:32px}} + +/* 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; +} diff --git a/assets/css/site-normalize.css b/assets/css/site-normalize.css new file mode 100644 index 00000000..fc05cd2a --- /dev/null +++ b/assets/css/site-normalize.css @@ -0,0 +1,119 @@ +body.ast-padded-layout::before, body.ast-padded-layout::after { + background: inherit; + content: ""; + display: block; + height: 0; + left: 0; + position: fixed; + width: 100%; + z-index: 999; +} + +body.ast-padded-layout::after { + bottom: 0; +} + +body.ast-padded-layout { + background-attachment: fixed; +} + +body.ast-padded-layout::before { + top: 0; +} + +@media (min-width: 44.375em) { + body.ast-padded-layout.admin-bar::before { + top: 46px; + } +} + +@media (min-width: 48.9375em) { + body.ast-padded-layout.admin-bar::before { + top: 32px; + } +} + + +/* 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; +} diff --git a/assets/css/site-normalize.min.css b/assets/css/site-normalize.min.css new file mode 100644 index 00000000..593e9e06 --- /dev/null +++ b/assets/css/site-normalize.min.css @@ -0,0 +1,85 @@ +body.ast-padded-layout::after,body.ast-padded-layout::before{background:inherit;content:"";display:block;height:0;left:0;position:fixed;width:100%;z-index:999}body.ast-padded-layout::after{bottom:0}body.ast-padded-layout{background-attachment:fixed}body.ast-padded-layout::before{top:0}@media (min-width:44.375em){body.ast-padded-layout.admin-bar::before{top:46px}}@media (min-width:48.9375em){body.ast-padded-layout.admin-bar::before{top:32px}} + +/* 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; +} diff --git a/assets/css/site-origin.min-rtl.css b/assets/css/site-origin.min-rtl.css new file mode 100644 index 00000000..d59297c3 --- /dev/null +++ b/assets/css/site-origin.min-rtl.css @@ -0,0 +1,85 @@ +.siteorigin-panels .panel-row-style{z-index:0;position:relative}.siteorigin-panels .siteorigin-panels-stretch{max-width:100%;margin-right:auto!important;margin-left:auto!important}.siteorigin-panels .siteorigin-panels-stretch[data-stretch-type=full]{padding-right:0!important;padding-left:0!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; +} diff --git a/assets/css/site-origin.min.css b/assets/css/site-origin.min.css new file mode 100644 index 00000000..17fc5890 --- /dev/null +++ b/assets/css/site-origin.min.css @@ -0,0 +1,85 @@ +.siteorigin-panels .panel-row-style{z-index:0;position:relative}.siteorigin-panels .siteorigin-panels-stretch{max-width:100%;margin-left:auto!important;margin-right:auto!important}.siteorigin-panels .siteorigin-panels-stretch[data-stretch-type=full]{padding-left:0!important;padding-right:0!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; +} diff --git a/assets/css/slick-lightbox.css b/assets/css/slick-lightbox.css new file mode 100644 index 00000000..3c404e10 --- /dev/null +++ b/assets/css/slick-lightbox.css @@ -0,0 +1,213 @@ +.slick-lightbox { + position: fixed; + top: 0; + left: 0; + z-index: 9999; + width: 100%; + height: 100%; + background: black; + -webkit-transition: opacity 0.5s ease; + transition: opacity 0.5s ease +} + +.slick-lightbox .slick-loading .slick-list { + background-color: transparent +} + +.slick-lightbox .slick-prev { + left: 15px +} + +.slick-lightbox .slick-next { + right: 15px +} + +.slick-lightbox-hide { + opacity: 0 +} + +.slick-lightbox-hide.slick-lightbox-ie { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0) +} + +.slick-lightbox-hide-init { + position: absolute; + top: -9999px; + opacity: 0 +} + +.slick-lightbox-hide-init.slick-lightbox-ie { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0) +} + +.slick-lightbox-inner { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100% +} + +.slick-lightbox-slick-item { + text-align: center; + overflow: hidden +} + +.slick-lightbox-slick-item:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; + margin-right: -0.25em +} + +.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { + position: absolute; + bottom: 0; + left: 0; + text-align: center; + width: 100%; + margin-bottom: 20px +} + +.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { + display: block; + text-align: center +} + +.slick-lightbox-slick-item-inner { + display: inline-block; + vertical-align: middle; + max-width: 90%; + max-height: 90% +} + +.slick-lightbox-slick-img { + margin: 0 auto; + display: block; + max-width: 90%; + max-height: 90% +} + +.slick-lightbox-slick-caption { + margin: 10px 0 0; + color: white +} + +.slick-lightbox-close { + position: absolute; + top: 30px; + right: 15px; + display: block; + height: 20px; + width: 20px; + line-height: 0; + font-size: 0; + cursor: pointer; + background: transparent; + color: transparent; + padding: 0; + border: none +} + +.slick-lightbox-close:focus { + outline: none +} + +.slick-lightbox-close:before { + font-family: "slick"; + font-size: 20px; + line-height: 1; + color: white; + opacity: 0.85; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: '×' +} + + +/* 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; +} diff --git a/assets/css/slick.css b/assets/css/slick.css new file mode 100644 index 00000000..8ad66dee --- /dev/null +++ b/assets/css/slick.css @@ -0,0 +1,323 @@ +.uagb-slick-carousel .slick-list, +.uagb-slick-carousel .slick-slider, +.uagb-slick-carousel.slick-slider, +.uagb-slick-carousel .slick-track { + position: relative; + display: block; +} + +.uagb-slick-carousel .slick-loading .slick-slide, +.uagb-slick-carousel .slick-loading .slick-track { + visibility: hidden; +} + +.uagb-slick-carousel.slick-slider { + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; +} + +.uagb-slick-carousel .slick-list { + overflow: hidden; + margin: 0; + padding: 0; +} + +.uagb-slick-carousel .slick-list:focus { + outline: 0; +} + +.uagb-slick-carousel .slick-list.dragging { + cursor: pointer; + cursor: hand; +} + +.uagb-slick-carousel.slick-slider .slick-list, +.uagb-slick-carousel.slick-slider .slick-track { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.uagb-slick-carousel .slick-track { + top: 0; + left: 0; +} + +.uagb-slick-carousel .slick-track::after, +.uagb-slick-carousel .slick-track::before { + display: table; + content: ""; +} + +.uagb-slick-carousel .slick-track::after { + clear: both; +} + +/* For testimonial */ +.uagb-slick-carousel .slick-initialized .slick-slide { + display: block; +} + +.uagb-slick-carousel .slick-slide { + display: none; + float: left; + height: 100%; + min-height: 1px; +} + +[dir="rtl"] .uagb-slick-carousel .slick-slide { + float: right; +} + +.uagb-slick-carousel .slick-slide img { + display: block; +} + +.uagb-slick-carousel .slick-slide.slick-loading img { + display: none; +} + +.uagb-slick-carousel .slick-slide.dragging img { + pointer-events: none; +} + +.uagb-slick-carousel.slick-initialized .slick-slide { + display: block; +} + +.uagb-slick-carousel .slick-vertical .slick-slide { + display: block; + height: auto; + border: 1px solid transparent; +} + +.uagb-slick-carousel .slick-arrow.slick-hidden { + display: none; +} + +.uagb-slick-carousel { + padding: 30px; +} + +.uagb-slick-carousel .slick-prev, +.uagb-slick-carousel .slick-next { + font-size: 0; + line-height: 0; + position: absolute; + top: 50%; + display: block; + width: auto; + padding: 0; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + cursor: pointer; + color: #aaa; + border-color: #aaa; + outline: none; + background: transparent; +} + +.uagb-slick-carousel .slick-prev::before, +.uagb-slick-carousel .slick-next::before { + font-size: 35px; + line-height: 1; + opacity: 0.75; + color: #000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.uagb-slick-carousel .slick-prev::before, +[dir="rtl"] .uagb-slick-carousel .slick-prev::before, +.uagb-slick-carousel .slick-next::before, +[dir="rtl"] .uagb-slick-carousel .slick-next::before { + content: ""; + font-size: 0; + line-height: 0; +} + +.uagb-slick-carousel .slick-prev { + left: -45px; + z-index: 1; + border-radius: 0; +} + +[dir="rtl"] .uagb-tm__arrow-outside.uagb-slick-carousel .slick-prev { + left: auto; + right: -45px; +} + +.uagb-slick-carousel button.slick-arrow { + padding: 7px; +} + +.uagb-slick-carousel .slick-prev i, +.uagb-slick-carousel .slick-next i, +.uagb-slick-carousel .slick-prev i:hover, +.uagb-slick-carousel .slick-next i:hover, +.uagb-slick-carousel .slick-prev i:focus, +.uagb-slick-carousel .slick-next i:focus { + font-size: 20px; + width: 1.5em; + height: 1.5em; + line-height: 26px; + text-align: center; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +.uagb-slick-carousel ul.slick-dots { + padding-top: 0; + display: block; + position: absolute; + margin: 0; + left: 0; + width: 100%; + bottom: 0; + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + text-align: center; +} + +.uagb-slick-carousel ul.slick-dots li { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + margin: 0; + padding: 0; + cursor: pointer; +} + +.uagb-slick-carousel ul.slick-dots li.slick-active button::before { + opacity: 0.75; + color: #000f; +} + +.uagb-slick-carousel ul.slick-dots li button { + font-size: 0; + line-height: 0; + display: block; + width: 20px; + height: 20px; + padding: 5px; + cursor: pointer; + color: transparent; + border: 0; + outline: none; + background: transparent; +} + +.uagb-slick-carousel ul.slick-dots li button::before { + font-family: none; + font-size: 30px; + line-height: 20px; + position: absolute; + top: 0; + left: 0; + width: 20px; + height: 20px; + content: "•"; + text-align: center; + opacity: 0.25; + color: #000; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +@media only screen and (max-width: 976px) { + + .uagb-slick-carousel { + padding: 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; +} diff --git a/assets/css/slick.min.css b/assets/css/slick.min.css new file mode 100644 index 00000000..0ef44342 --- /dev/null +++ b/assets/css/slick.min.css @@ -0,0 +1,85 @@ +.uagb-slick-carousel .slick-list,.uagb-slick-carousel .slick-slider,.uagb-slick-carousel .slick-track,.uagb-slick-carousel.slick-slider{position:relative;display:block}.uagb-slick-carousel .slick-loading .slick-slide,.uagb-slick-carousel .slick-loading .slick-track{visibility:hidden}.uagb-slick-carousel.slick-slider{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.uagb-slick-carousel .slick-list{overflow:hidden;margin:0;padding:0}.uagb-slick-carousel .slick-list:focus{outline:0}.uagb-slick-carousel .slick-list.dragging{cursor:pointer;cursor:hand}.uagb-slick-carousel.slick-slider .slick-list,.uagb-slick-carousel.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.uagb-slick-carousel .slick-track{top:0;left:0}.uagb-slick-carousel .slick-track::after,.uagb-slick-carousel .slick-track::before{display:table;content:""}.uagb-slick-carousel .slick-track::after{clear:both}.uagb-slick-carousel .slick-initialized .slick-slide{display:block}.uagb-slick-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .uagb-slick-carousel .slick-slide{float:right}.uagb-slick-carousel .slick-slide img{display:block}.uagb-slick-carousel .slick-slide.slick-loading img{display:none}.uagb-slick-carousel .slick-slide.dragging img{pointer-events:none}.uagb-slick-carousel.slick-initialized .slick-slide{display:block}.uagb-slick-carousel .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.uagb-slick-carousel .slick-arrow.slick-hidden{display:none}.uagb-slick-carousel{padding:30px}.uagb-slick-carousel .slick-next,.uagb-slick-carousel .slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:auto;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:#aaa;border-color:#aaa;outline:0;background:0 0}.uagb-slick-carousel .slick-next::before,.uagb-slick-carousel .slick-prev::before{font-size:35px;line-height:1;opacity:.75;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uagb-slick-carousel .slick-next::before,.uagb-slick-carousel .slick-prev::before,[dir=rtl] .uagb-slick-carousel .slick-next::before,[dir=rtl] .uagb-slick-carousel .slick-prev::before{content:"";font-size:0;line-height:0}.uagb-slick-carousel .slick-prev{left:-45px;z-index:1;border-radius:0}[dir=rtl] .uagb-tm__arrow-outside.uagb-slick-carousel .slick-prev{left:auto;right:-45px}.uagb-slick-carousel button.slick-arrow{padding:7px}.uagb-slick-carousel .slick-next i,.uagb-slick-carousel .slick-next i:focus,.uagb-slick-carousel .slick-next i:hover,.uagb-slick-carousel .slick-prev i,.uagb-slick-carousel .slick-prev i:focus,.uagb-slick-carousel .slick-prev i:hover{font-size:20px;width:1.5em;height:1.5em;line-height:26px;text-align:center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.uagb-slick-carousel ul.slick-dots{padding-top:0;display:block;position:absolute;margin:0;left:0;width:100%;bottom:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);text-align:center}.uagb-slick-carousel ul.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0;padding:0;cursor:pointer}.uagb-slick-carousel ul.slick-dots li.slick-active button::before{opacity:.75;color:#000f}.uagb-slick-carousel ul.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.uagb-slick-carousel ul.slick-dots li button::before{font-family:none;font-size:30px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media only screen and (max-width:976px){.uagb-slick-carousel{padding: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; +} diff --git a/assets/css/slider-pro.css b/assets/css/slider-pro.css new file mode 100644 index 00000000..1cbf744f --- /dev/null +++ b/assets/css/slider-pro.css @@ -0,0 +1,86 @@ +.uagb-slider-container.slider-focus-mode .swiper-slide::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;height:100%;width:100%;z-index:99;transition-property:background}.uagb-slider-container.slider-focus-mode .swiper-slide.swiper-slide-active::before{pointer-events: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; +} diff --git a/assets/css/slider-rtl.css b/assets/css/slider-rtl.css new file mode 100644 index 00000000..6a8ae7e2 --- /dev/null +++ b/assets/css/slider-rtl.css @@ -0,0 +1,174 @@ +.customize-control-ast-slider .wrapper { + display: flex; +} + +.customize-control-ast-slider .components-range-control { + width: 100%; +} + +.customize-control-ast-slider .ast-range-unit, .customize-control-ast-responsive-slider .wrapper .ast-range-unit { + padding: 0 5px 0 0; + font-size: 11px; + line-height: 1em; + font-weight: 500; + align-self: auto; + text-transform: uppercase; +} +.components-range-control__slider[type=range] { + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.components-range-control__slider[type=range]::-webkit-slider-runnable-track, +.components-range-control__slider[type=range]::-moz-range-track { + content: ''; + height: 2px; + pointer-events: none; +} +.components-range-control__slider[type=range]::-webkit-slider-thumb, +.components-range-control__slider[type=range]::-moz-range-thumb { + cursor: pointer; + -webkit-appearance: none; + margin-top: 5px; +} +.customize-control-ast-slider .components-range-control__wrapper, +.customize-control-ast-responsive-slider .components-range-control__wrapper { + margin-right: 0px; +} +.customize-control-ast-slider span[CLASS*="-ThumbWrapper"], +.customize-control-ast-responsive-slider span[CLASS*="-ThumbWrapper"] { + height: 17px; + width: 17px; + top: 2px; + margin-right: 0px; +} + +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap .ast-resp-slider-reset-wrap { + top: 68px; +} + +.customize-control-ast-responsive-slider .ast-responsive-slider-btns { + position: relative; + top: -3px; + left: -10px; + display: inline-block; +} + +.customize-control-ast-responsive-slider .ast-responsive-units { + position: absolute; + top: 4px; + left: 15px; + font-size: 11px; + line-height: normal; + padding-left: 5px; + text-transform: uppercase; + width: auto; + display: none; +} + +.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit { + display: inline-block; + margin-right: 6px; + margin-bottom: 0; + width: 16px; + text-align: center; + user-select: none; + opacity: 0.6; + cursor: pointer; +} + +.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit.active { + opacity: 1; + font-weight: 600; + color: #0073aa; + cursor: default; +} +.ast-field-settings-modal .ast-fields-wrap > .customize-control-ast-responsive-slider + .customize-control-ast-font { + margin-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; +} diff --git a/assets/css/slider.css b/assets/css/slider.css new file mode 100644 index 00000000..c6ee3d82 --- /dev/null +++ b/assets/css/slider.css @@ -0,0 +1,174 @@ +.customize-control-ast-slider .wrapper { + display: flex; +} + +.customize-control-ast-slider .components-range-control { + width: 100%; +} + +.customize-control-ast-slider .ast-range-unit, .customize-control-ast-responsive-slider .wrapper .ast-range-unit { + padding: 0 0 0 5px; + font-size: 11px; + line-height: 1em; + font-weight: 500; + align-self: auto; + text-transform: uppercase; +} +.components-range-control__slider[type=range] { + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.components-range-control__slider[type=range]::-webkit-slider-runnable-track, +.components-range-control__slider[type=range]::-moz-range-track { + content: ''; + height: 2px; + pointer-events: none; +} +.components-range-control__slider[type=range]::-webkit-slider-thumb, +.components-range-control__slider[type=range]::-moz-range-thumb { + cursor: pointer; + -webkit-appearance: none; + margin-top: 5px; +} +.customize-control-ast-slider .components-range-control__wrapper, +.customize-control-ast-responsive-slider .components-range-control__wrapper { + margin-left: 0px; +} +.customize-control-ast-slider span[CLASS*="-ThumbWrapper"], +.customize-control-ast-responsive-slider span[CLASS*="-ThumbWrapper"] { + height: 17px; + width: 17px; + top: 2px; + margin-left: 0px; +} + +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap .ast-resp-slider-reset-wrap { + top: 68px; +} + +.customize-control-ast-responsive-slider .ast-responsive-slider-btns { + position: relative; + top: -3px; + right: -10px; + display: inline-block; +} + +.customize-control-ast-responsive-slider .ast-responsive-units { + position: absolute; + top: 4px; + right: 15px; + font-size: 11px; + line-height: normal; + padding-right: 5px; + text-transform: uppercase; + width: auto; + display: none; +} + +.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit { + display: inline-block; + margin-left: 6px; + margin-bottom: 0; + width: 16px; + text-align: center; + user-select: none; + opacity: 0.6; + cursor: pointer; +} + +.customize-control-ast-responsive-slider .ast-responsive-units li.single-unit.active { + opacity: 1; + font-weight: 600; + color: #0073aa; + cursor: default; +} +.ast-field-settings-modal .ast-fields-wrap > .customize-control-ast-responsive-slider + .customize-control-ast-font { + margin-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; +} diff --git a/assets/css/smtp-about.min.css b/assets/css/smtp-about.min.css new file mode 100644 index 00000000..325605c4 --- /dev/null +++ b/assets/css/smtp-about.min.css @@ -0,0 +1,85 @@ +.wp-mail-smtp-page-about{padding:0 !important}.wp-mail-smtp-page-about *,.wp-mail-smtp-page-about *::before,.wp-mail-smtp-page-about *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins{padding:0 10px}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container{margin-left:-20px;margin-right:-20px}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-container{padding:0 10px;float:left;width:33.333333%;margin-bottom:20px}@media(max-width: 1249px){.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-container{width:50%}}@media(max-width: 781px){.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-container{width:100%;margin-bottom:20px}}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container h5{font-size:17px;font-weight:600}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item{background-color:#fff;border:1px solid #ddd;border-radius:3px;margin:0}@media(max-width: 781px){.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item{margin:0 0}}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item img{border:1px solid #eee;float:left;max-width:75px;padding:10px}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item img[src*=-mi]{padding:13px}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item h5{margin:0 0 10px 100px;font-size:16px}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item p{margin:0 0 0 100px}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .details{padding:20px}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .actions{background-color:#f7f7f7;border-top:1px solid #ddd;padding:20px;position:relative}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .actions .msg{background-color:#f7f7f7;position:absolute;text-align:center;font-weight:600;top:0;left:0;height:100%;width:100%;z-index:99;padding:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;justify-content:center}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .actions .msg.success{color:#00a32a}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .actions .msg.error{color:#d63638}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .status{float:left;padding-top:8px}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .status .status-inactive{color:#d63638}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .status .status-download{color:#666}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .status .status-active{color:#00a32a}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button{float:right}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button{cursor:pointer;width:140px;text-align:center;display:inline-block;text-decoration:none;font-size:13px;line-height:26px;height:28px;margin:0;padding:0 10px 1px;-webkit-appearance:none;border-radius:3px;border:1px solid #ccc;background:#f7f7f7;box-shadow:0 1px 0 #ccc;font-weight:normal}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button:hover,.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button:focus,.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.loading{background:#fafafa;border-color:#999;color:#23282d}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button .fa{margin-right:8px}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button .fa.fa-spinner{margin-right:0}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.button-primary{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.button-primary:hover,.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.button-primary:focus{background:#008ec2;border-color:#006799;color:#fff}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.button-primary .fa-spinner{color:#fff}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.button-secondary{color:#50575e;border-color:#ccc;background:#f7f7f7;box-shadow:0 1px 0 #ccc}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.button-secondary:hover,.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.button-secondary:focus{background:#fafafa;border-color:#999;color:#23282d}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.status-active .fa{color:#00a32a}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.status-inactive .fa{color:#d63638}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.status-download .fa{color:#999}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.loading .fa{color:#666}.wp-mail-smtp-page-about.wp-mail-smtp-tab-about-about .wp-mail-smtp-admin-about-plugins .plugins-container .plugin-item .action-button button.disabled{cursor:default}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section{margin:0 0 20px;padding:30px;background:#fff;border:1px solid #e5e6e6;line-height:2}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section h1,.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section h2,.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section h3,.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section h4,.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section h5{margin-top:0;padding-top:0;line-height:1.6}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section h2{font-size:24px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section h3{font-size:18px;margin-bottom:30px;color:#23282c}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section ul,.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section p{font-size:16px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section p{margin-bottom:20px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section p.bigger{font-size:18px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section p.smaller{font-size:14px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section p:last-child{margin-bottom:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section hr{margin:30px 0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section figure{margin:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section figure img{width:100%}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section figure figcaption{font-size:14px;color:#646970;margin-top:5px;text-align:center;line-height:initial}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section .wp-mail-smtp-admin-column-40{padding-left:15px}@media(max-width: 781px){.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section .wp-mail-smtp-admin-column-40{width:100%;padding-left:0;padding-top:20px}}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section .wp-mail-smtp-admin-column-60{padding-right:15px}@media(max-width: 781px){.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section .wp-mail-smtp-admin-column-60{width:100%;padding-right:0}}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section ul.list-plain{margin-top:0;margin-bottom:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section ul.list-plain li{margin-bottom:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section ul.list-features li .fa{color:#00a32a;margin:0 8px 0 0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section .fa-star{color:gold}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section .no-margin{margin:0 !important}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section .no-padding{padding:0 !important}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section .centered{text-align:center !important}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero{padding:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero .wp-mail-smtp-admin-about-section-hero-main,.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero .wp-mail-smtp-admin-about-section-hero-extra{padding:30px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero .wp-mail-smtp-admin-about-section-hero-extra table{width:100%}@media(max-width: 781px){.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero .wp-mail-smtp-admin-about-section-hero-extra .wp-mail-smtp-admin-column-50{float:none;width:100%}}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero .wp-mail-smtp-admin-about-section-hero-main{background-color:#fafafa;border-bottom:1px solid #e5e6e6}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero .wp-mail-smtp-admin-about-section-hero-main.no-border{border-bottom:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero .wp-mail-smtp-admin-about-section-hero-main p{color:#666}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero h3.call-to-action{margin-bottom:-10px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-hero span.price-off{color:#00a32a}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-squashed{margin-bottom:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-squashed:not(:last-of-type){border-bottom:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post h2{margin-bottom:-10px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post h3{margin-bottom:15px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post p:last-of-type{margin-bottom:30px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post .wp-mail-smtp-admin-column-20{padding-right:20px;width:auto}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post .wp-mail-smtp-admin-column-20 img{width:270px}@media(max-width: 781px){.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post .wp-mail-smtp-admin-column-20{width:20%}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post .wp-mail-smtp-admin-column-20 img{width:auto;max-width:100%}}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post .wp-mail-smtp-admin-column-80{padding-left:20px;width:calc(100% - 20px - 270px)}@media(max-width: 781px){.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post .wp-mail-smtp-admin-column-80{width:80%}}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post .wp-mail-smtp-admin-about-section-post-link{padding:10px 15px;background-color:#df7739;color:#fff;border-radius:3px;text-decoration:none;margin-top:15px;font-size:14px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post .wp-mail-smtp-admin-about-section-post-link:hover{background-color:#b85a1b}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-post .wp-mail-smtp-admin-about-section-post-link .fa{color:#edba9e;vertical-align:middle;margin-left:8px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table table{border-collapse:collapse}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table table tr td{border-bottom:1px solid #e5e6e6;border-right:1px solid #e5e6e6;padding:30px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table table tr td:last-of-type{border-right:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table table tr:last-child td{border-bottom:none}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table table p{background-repeat:no-repeat;background-size:15px auto;background-position:0 6px;margin:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table table p.features-full{padding-left:30px;background-image:url(../images/about/icon-full.svg)}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table table p.features-none{padding-left:30px;background-image:url(../images/about/icon-none.svg)}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table table p.features-partial{padding-left:30px;background-position:-3px 0;background-size:23px auto;background-image:url(../images/about/icon-partial.svg)}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table .wp-mail-smtp-admin-about-section-hero-main{padding:0}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table .wp-mail-smtp-admin-about-section-hero-main h3{padding:30px 30px 30px 60px}.wp-mail-smtp-page-about .wp-mail-smtp-admin-about-section-table .wp-mail-smtp-admin-about-section-hero-main .wp-mail-smtp-admin-column-33:first-child h3{padding:30px} + +/* 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; +} diff --git a/assets/css/smtp-admin.min.css b/assets/css/smtp-admin.min.css new file mode 100644 index 00000000..8fbe1a2d --- /dev/null +++ b/assets/css/smtp-admin.min.css @@ -0,0 +1,85 @@ +#wpcontent{padding-left:0 !important;position:relative}@media(max-width: 600px){#wpcontent{padding-top:46px}}@media(max-width: 600px){#wpbody{padding-top:0}}@-webkit-keyframes wp-mail-smtp-fade-in-stop-out{0%,100%{opacity:0}35%{opacity:1}65%{opacity:1}}@keyframes wp-mail-smtp-fade-in-stop-out{0%,100%{opacity:0}35%{opacity:1}65%{opacity:1}}body.wp-mail-smtp-admin-page-body div.jconfirm *,body.wp-mail-smtp-admin-page-body div.jconfirm *::before,body.wp-mail-smtp-admin-page-body div.jconfirm *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-bg{background-color:rgba(114,119,124,.75);opacity:1}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box{padding:30px;border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,.15);border-top-width:4px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,.4);top:8px;right:8px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{color:rgba(0,0,0,.8)}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-title-c{margin:0 0 15px 0;padding:0}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin:0 0 30px;-webkit-transition:none;transition:none;-webkit-transform:none !important;-ms-transform:none !important;transform:none !important}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty,body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i:empty{display:none}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{display:block;color:#2c3337;font-weight:500;font-size:24px;line-height:29px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content-pane{display:block;margin-bottom:30px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{margin-bottom:0;overflow:inherit}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content{font-size:16px;color:#2c3337;line-height:1.4}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content p{margin:0 0 20px;font-size:16px;line-height:1.5}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content p:last-of-type{margin:0}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content p.large{font-size:18px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content p.small{font-size:14px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content .wp-mail-smtp-debug-event-preview p{font-size:14px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content .wp-mail-smtp-btn{font-weight:600;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px;outline:none;display:inline-block;font-size:14px;line-height:1.4;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;background-image:none}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-content .wp-mail-smtp-btn.with-loader{padding:12px 12px 7px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons{padding:0}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons button{transition:.2s;box-shadow:none;margin:0 10px 0}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons button:hover{box-shadow:inset 0 0 0 100px rgba(0,0,0,.1)}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons button.btn-confirm{color:#fff;outline:none;border:1px solid #e27730;background-color:#e27730}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons button.btn-cancel{color:#777;outline:none;background:#f8f8f8;border:1px solid #ccc}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons button,body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons button.btn-default{color:#666}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons button.btn-hide{display:none}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons button.btn-block{display:block;text-align:center;width:100%;margin:0 0 10px 0 !important}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box div.jconfirm-buttons button.btn-normal-case{text-transform:none !important}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.jconfirm-type-green{border-color:#00a32a}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.jconfirm-type-green div.jconfirm-buttons button.btn-confirm{background-color:#00a32a;border-color:#00a32a}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.jconfirm-type-orange{border-color:#e27730}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.jconfirm-type-orange div.jconfirm-buttons button.btn-confirm{background-color:#e27730;border-color:#e27730}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.jconfirm-type-red{border-color:#d63638}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.jconfirm-type-red div.jconfirm-buttons button.btn-confirm{background-color:#d63638;border-color:#d63638}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.jconfirm-type-blue{border-color:#3582c4}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.jconfirm-type-blue div.jconfirm-buttons button.btn-confirm{background-color:#3582c4;border-color:#3582c4}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.loading{border-top-color:#fff !important;height:160px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.loading .jconfirm-title-c{display:block !important;position:relative;z-index:4}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.loading .jconfirm-title-c .jconfirm-icon-c{display:none}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.loading:before{z-index:2}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.loading:after{content:"";position:absolute;left:50%;top:68%;margin-left:-20px;height:40px;width:40px;border:solid 6px rgba(0,0,0,0);border-bottom-color:#e27730;opacity:1;z-index:3}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal{padding:30px 30px 15px;border-top:none}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal div.jconfirm-title-c{margin:0 0 26px 0;padding:0}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal div.jconfirm-title-c .jconfirm-icon-c{margin-bottom:20px;color:#c4c4c4 !important}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal div.jconfirm-title-c .jconfirm-icon-c svg{height:35px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal div.jconfirm-content-pane{margin-bottom:25px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal div.jconfirm-buttons button.btn-confirm{background-color:#e27730;border-color:#e27730}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal .discount-note{text-align:center;margin:45px 0 0}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal .discount-note p{background-color:#fcf9e8;margin:0 -30px;padding:24px 60px 20px;font-size:15px;color:#4d4d4d;position:relative}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal .discount-note p:after{content:url(../images/font-awesome/check-circle-solid-green.svg);width:40px;height:40px;background-color:#fff;border-radius:50%;padding:5px 6px;position:absolute;top:-20px;right:50%;margin-right:-18px}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal .discount-note span{font-weight:600;color:#00a32a}body.wp-mail-smtp-admin-page-body div.jconfirm .jconfirm-box.wp-mail-smtp-upgrade-mailer-education-modal .discount-note a{color:#aaa;display:block;margin-top:12px}@media screen and (max-width: 1023px){#wp-mail-smtp-notice-bar{display:none !important}}#wp-mail-smtp-notice-bar{max-height:35px;position:relative;margin-bottom:-3px;transition:all .3s ease-out;overflow:hidden}#wp-mail-smtp-notice-bar.out{max-height:3px}#wp-mail-smtp-notice-bar .wp-mail-smtp-notice-bar-container{background-color:#ddd;border-top:3px solid #e27730;color:#50575e;text-align:center;padding:7px}#wp-mail-smtp-notice-bar a{color:#e27730}#wp-mail-smtp-notice-bar a:hover{color:#b85a1b}#wp-mail-smtp-notice-bar .dismiss{position:absolute;top:0;right:0;border:none;padding:5px;margin-top:4px;background:0 0;color:#72777c;cursor:pointer}#wp-mail-smtp-notice-bar .dismiss:before{background:0 0;color:#72777c;content:"";display:block;font:normal 20px/20px dashicons;speak:none;height:20px;text-align:center;width:20px;-webkit-font-smoothing:antialiased}#screen-meta-links .screen-meta-toggle{position:absolute;right:20px;top:auto}#wp-mail-smtp .wp-mail-smtp-product-education__row{border-bottom:1px solid #e4e4e4;padding:25px 0 5px;font-size:14px;line-height:1.3;max-width:1005px}#wp-mail-smtp .wp-mail-smtp-product-education__row>*:last-child{border-bottom:none !important}#wp-mail-smtp .wp-mail-smtp-product-education__row--inactive{opacity:.5;pointer-events:none}#wp-mail-smtp .wp-mail-smtp-product-education__row--full-width{max-width:unset}#wp-mail-smtp .wp-mail-smtp-product-education__row--no-border{border-bottom:none !important}#wp-mail-smtp .wp-mail-smtp-product-education__row--no-padding{padding:0 !important}#wp-mail-smtp .wp-mail-smtp-product-education__row:first-of-type{padding-top:10px}#wp-mail-smtp .wp-mail-smtp-product-education__row:last-of-type+.wp-mail-smtp-btn-upgrade{margin-top:25px}#wp-mail-smtp .wp-mail-smtp-product-education__heading{display:flex;align-items:center;margin-top:0;margin-bottom:10px;font-size:20px;line-height:24px;color:#2c3337}#wp-mail-smtp .wp-mail-smtp-product-education__heading:after{content:"";margin-left:10px;background-image:url("../images/pro-badge-small.svg");background-size:contain;background-repeat:no-repeat;width:35px;height:16px}#wp-mail-smtp .wp-mail-smtp-product-education__description{margin-top:0;margin-bottom:20px;color:#50575e;font-size:14px;line-height:1.5em}#wp-mail-smtp .wp-mail-smtp-product-education__upgrade-btn--top{margin-bottom:20px}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots{display:flex;flex-wrap:wrap}@media(max-width: 599px){#wp-mail-smtp .wp-mail-smtp-product-education__screenshots{flex-direction:column}}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots>div{display:flex;flex-direction:column;align-items:center;margin:0 25px 20px 0}@media(max-width: 599px){#wp-mail-smtp .wp-mail-smtp-product-education__screenshots>div{margin-right:0;max-width:unset !important}}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots>div:last-child{margin-right:0}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots>div a{position:relative;margin-bottom:10px;background:#fff;border:5px solid #fff;box-sizing:border-box;border-radius:4px}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots>div a:after{content:"";position:absolute;opacity:0;height:100%;width:100%;top:0;left:0;background-color:rgba(68,68,68,.15);background-image:url("../../assets/images/icons/zoom.svg");background-repeat:no-repeat;background-position:center;background-size:50px;transition:all .3s}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots>div a:hover:after{opacity:1}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots>div img{display:block;max-width:100%;height:auto}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots>div span{font-size:14px;line-height:18px;text-align:center;color:#50575e}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots--two>div{max-width:487px}#wp-mail-smtp .wp-mail-smtp-product-education__screenshots--three>div{max-width:316px}#wp-mail-smtp .wp-mail-smtp-product-education__list>h4{margin-top:0;margin-bottom:20px;font-size:16px;line-height:20px;color:#2c3337}#wp-mail-smtp .wp-mail-smtp-product-education__list>div{display:flex;flex-wrap:wrap}#wp-mail-smtp .wp-mail-smtp-product-education__list ul{width:290px;margin:0 40px 20px 0}#wp-mail-smtp .wp-mail-smtp-product-education__list ul li{display:flex;align-items:center;font-size:14px;line-height:20px;margin-bottom:0;color:#50575e}#wp-mail-smtp .wp-mail-smtp-product-education__list ul li+li{margin-top:20px}#wp-mail-smtp .wp-mail-smtp-product-education__list ul li:before{content:url("../../assets/images/icons/check-solid.svg");width:16px;margin-right:10px}#wp-mail-smtp #wp-mail-smtp-tools-export-email-logs-product-education section{margin-bottom:20px;cursor:not-allowed}#wp-mail-smtp #wp-mail-smtp-tools-export-email-logs-product-education section:last-of-type{margin-bottom:20px}#wp-mail-smtp #wp-mail-smtp-tools-export-email-logs-product-education section h5{clear:both;margin:0 0 10px 0;color:#2c3337;font-size:16px;font-weight:600}#wp-mail-smtp #wp-mail-smtp-tools-export-email-logs-product-education section label{clear:both;float:left;margin:3px 0 3px 0}#wp-mail-smtp #wp-mail-smtp-tools-export-email-logs-product-education section .wp-mail-smtp-date-selector{width:200px;cursor:pointer}#wp-mail-smtp #wp-mail-smtp-tools-export-email-logs-product-education section .wp-mail-smtp-search-box-field{width:200px}#wp-mail-smtp #wp-mail-smtp-tools-export-email-logs-product-education section .wp-mail-smtp-search-box-term{width:300px}#wp-mail-smtp #wp-mail-smtp-email-controls-product-education .wp-mail-smtp-product-education__row--inactive{padding-top:20px;padding-bottom:0}#wp-mail-smtp #wp-mail-smtp-email-controls-product-education .wp-mail-smtp-setting-row:last-child{border-bottom:none}#wp-mail-smtp .wp-mail-smtp-page-nw-product-edu h2{display:inline-block;vertical-align:middle}#wp-mail-smtp .wp-mail-smtp-page-nw-product-edu .badge{margin:0 0 2px 7px;vertical-align:middle;width:40px;height:17px}#wp-mail-smtp .wp-mail-smtp-page-nw-product-edu .wp-mail-smtp-setting-row-multisite{color:#9a9a9a}#wp-mail-smtp .wp-mail-smtp-page-nw-product-edu .wp-mail-smtp-setting-row-multisite p.desc{color:#bababa}#wp-mail-smtp .wp-mail-smtp-page-nw-product-edu .wp-mail-smtp-setting-row-multisite input[type=checkbox]:disabled{border-color:#aaa}#wp-mail-smtp .wp-mail-smtp-page-nw-product-edu .wp-mail-smtp-setting-row-no-setting{margin-top:30px}.wp-mail-smtp-lite #wp-mail-smtp .wp-mail-smtp-page-reports .wp-mail-smtp-page-title .page-title{position:relative}.wp-mail-smtp-lite #wp-mail-smtp .wp-mail-smtp-page-reports .wp-mail-smtp-page-title .page-title:after{content:"";display:inline-block;margin-left:10px;background-image:url("../images/pro-badge-small.svg");background-size:contain;background-repeat:no-repeat;width:35px;height:16px}.wp-mail-smtp-lite #wp-mail-smtp #wp-mail-smtp-setting-row-gmail-one_click_setup_enabled-lite .wp-mail-smtp-toggle::after,.wp-mail-smtp-lite #wp-mail-smtp #wp-mail-smtp-setting-row-misc-rate_limit-lite .wp-mail-smtp-toggle::after{content:"";margin-left:10px;background-image:url("../images/pro-badge-small.svg");background-size:contain;background-repeat:no-repeat;width:35px;height:16px}.wp-mail-smtp-loading{animation:.65s linear infinite wp-mail-smtp-loading-spin}.wp-mail-smtp-loading-md{width:32px;height:32px}.wp-mail-smtp-loading-sm{width:16px;height:16px}.wp-mail-smtp-loading-spin{position:relative;color:rgba(0,0,0,0) !important;pointer-events:none}.wp-mail-smtp-loading-spin:after{position:absolute;box-sizing:border-box;animation:.65s linear infinite wp-mail-smtp-loading-spin;border:2px solid #fff;border-radius:50%;border-right-color:rgba(0,0,0,0) !important;border-top-color:rgba(0,0,0,0) !important;content:"";display:block;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px}@keyframes wp-mail-smtp-loading-spin{0%{transform:rotateZ(270deg)}100%{transform:rotateZ(630deg)}}#wp-mail-smtp-flyout{position:fixed;z-index:99999;transition:all .2s ease-in-out;right:40px;bottom:40px;opacity:1}@media(max-width: 959px){#wp-mail-smtp-flyout{display:none}}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-head{display:block}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-head:focus{box-shadow:none}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-head figure{margin:0;border-radius:50%;border:3px solid #e27730;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.15);background-color:#fff;transition:all .2s ease-in-out}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-head figure img{display:block;width:54px;height:54px;transition:all .2s ease-in-out}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-head:hover figure{box-shadow:0 2px 30px rgba(0,0,0,.2)}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-head .wp-mail-smtp-flyout-label{right:calc(100% + 15px);opacity:0;transform:translateY(-50%) scale(0);margin-right:-50px}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-head:hover .wp-mail-smtp-flyout-label{opacity:1;transform:translateY(-50%) scale(1);margin-right:0}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-label{position:absolute;display:block;top:50%;right:calc(100% + 15px);transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#fff;background-color:#a7aaad;font-size:12px;white-space:nowrap;padding:6px 10px;height:auto !important;line-height:initial;transition:all .2s ease-out;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-item{position:absolute;display:flex;left:10px;width:40px;height:40px;opacity:0;visibility:hidden;transition:all .2s ease-in-out;transform:scale(0);border-radius:50%;box-shadow:0px 2px 10px rgba(0,0,0,.15);background-color:#738e9e}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-item img{margin:auto}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-item.wp-mail-smtp-flyout-item-0{bottom:75px}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-item.wp-mail-smtp-flyout-item-1{bottom:130px}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-item.wp-mail-smtp-flyout-item-2{bottom:185px}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-item.wp-mail-smtp-flyout-item-3{bottom:240px}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-item.wp-mail-smtp-flyout-item-4{bottom:295px}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-item:hover{background-color:#395360}#wp-mail-smtp-flyout .wp-mail-smtp-flyout-item:hover .wp-mail-smtp-flyout-label{background-color:#787c82}#wp-mail-smtp-flyout.opened .wp-mail-smtp-flyout-item{opacity:1;visibility:visible;transform:scale(1)}#wp-mail-smtp-flyout.opened .wp-mail-smtp-flyout-head .wp-mail-smtp-flyout-label{display:none}#wp-mail-smtp-flyout.opened .wp-mail-smtp-flyout-head figure img{transform:rotate(-15deg) scale(1.17)}#wp-mail-smtp-flyout.opened .wp-mail-smtp-flyout-item-0{transition:transform .2s 0ms,background-color .2s}#wp-mail-smtp-flyout.opened .wp-mail-smtp-flyout-item-1{transition:transform .2s 35ms,background-color .2s}#wp-mail-smtp-flyout.opened .wp-mail-smtp-flyout-item-2{transition:transform .2s 70ms,background-color .2s}#wp-mail-smtp-flyout.opened .wp-mail-smtp-flyout-item-3{transition:transform .2s 105ms,background-color .2s}#wp-mail-smtp-flyout.opened .wp-mail-smtp-flyout-item-4{transition:transform .2s 140ms,background-color .2s}#wp-mail-smtp-flyout.out{opacity:0;visibility:hidden}.wp-mail-smtp-tooltip{position:relative;display:inline-block;text-decoration:underline;text-decoration-style:dotted;cursor:help;color:#50575e;margin-top:15px !important}.wp-mail-smtp-tooltip-text{visibility:hidden;position:absolute;z-index:9999;width:360px;background-color:#2d4f60;color:#fff;text-align:center;padding:16px 20px;font-size:14px;border-radius:5px;bottom:100%;left:50%;margin-left:-180px}.wp-mail-smtp-tooltip-text::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#2d4f60 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.wp-mail-smtp-tooltip:hover .wp-mail-smtp-tooltip-text{visibility:visible}#wp-mail-smtp .wp-mail-smtp-conditional button{cursor:pointer}#wp-mail-smtp .wp-mail-smtp-conditional table{width:100%;max-width:740px;padding:0;margin:0;border-collapse:collapse;border-spacing:0;font-size:13px}#wp-mail-smtp .wp-mail-smtp-conditional table td{padding:0 10px 20px 0}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-conditional__row{display:flex;flex-direction:column}}#wp-mail-smtp .wp-mail-smtp-conditional__row input,#wp-mail-smtp .wp-mail-smtp-conditional__row select{width:100% !important;max-width:100%;margin:0;text-overflow:ellipsis}#wp-mail-smtp .wp-mail-smtp-conditional__property-col{width:23%}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-conditional__property-col{width:100%}}#wp-mail-smtp .wp-mail-smtp-conditional__operator-col{width:23%}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-conditional__operator-col{width:100%}}#wp-mail-smtp .wp-mail-smtp-conditional__value-col{width:42%}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-conditional__value-col{width:100%}}#wp-mail-smtp .wp-mail-smtp-conditional__value :disabled{background-color:#f1f1f1;cursor:not-allowed}#wp-mail-smtp .wp-mail-smtp-conditional__actions{display:flex;align-items:center;padding-right:0}#wp-mail-smtp .wp-mail-smtp-conditional__delete-rule{background-color:rgba(0,0,0,0);border:none;color:#999;margin:0 0 0 10px;padding:0;vertical-align:middle}#wp-mail-smtp .wp-mail-smtp-conditional__delete-rule:hover{color:#d63638}#wp-mail-smtp .wp-mail-smtp-conditional__group-delimiter{margin:0 0 20px;font-size:14px;font-style:italic;font-weight:400;line-height:17px;color:#646970}.wp-mail-smtp-toggle{vertical-align:middle;display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wp-mail-smtp-toggle__switch{position:relative;width:27px;height:17px;flex-shrink:0;cursor:pointer;background-color:#ccc;border-radius:10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.wp-mail-smtp-toggle__switch:before{position:absolute;content:"";height:13px;width:13px;left:2px;top:2px;background-color:#fff;border-radius:50%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.wp-mail-smtp-toggle__label{display:none;margin-left:10px;font-weight:400;font-size:13px;line-height:15px;color:#50575e;text-transform:uppercase}.wp-mail-smtp-toggle__label--static{display:block;text-transform:none}.wp-mail-smtp-toggle input[type=checkbox]{position:absolute;top:auto;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;white-space:nowrap}.wp-mail-smtp-toggle input[type=checkbox]:not(:checked):hover+.wp-mail-smtp-toggle__switch,.wp-mail-smtp-toggle input[type=checkbox]:not(:checked):focus+.wp-mail-smtp-toggle__switch{box-shadow:0 0 0 1px #fff,0 0 0 3px #999;background-color:#999}.wp-mail-smtp-toggle input[type=checkbox]:not(:checked)~.wp-mail-smtp-toggle__label--unchecked{display:block}.wp-mail-smtp-toggle input[type=checkbox]:checked+.wp-mail-smtp-toggle__switch{background-color:#00a32a}.wp-mail-smtp-toggle input[type=checkbox]:checked+.wp-mail-smtp-toggle__switch:before{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.wp-mail-smtp-toggle input[type=checkbox]:checked:hover+.wp-mail-smtp-toggle__switch,.wp-mail-smtp-toggle input[type=checkbox]:checked:focus+.wp-mail-smtp-toggle__switch{box-shadow:0 0 0 1px #fff,0 0 0 3px #00a32a}.wp-mail-smtp-toggle input[type=checkbox]:checked~.wp-mail-smtp-toggle__label--checked{display:block}.wp-mail-smtp-toggle input[type=checkbox]:disabled:hover+.wp-mail-smtp-toggle__switch,.wp-mail-smtp-toggle input[type=checkbox]:disabled:focus+.wp-mail-smtp-toggle__switch{box-shadow:none}.wp-mail-smtp-toggle input[type=checkbox]:disabled~*{opacity:.5;cursor:default}.wp-mail-smtp-admin-page-body #wpbody-content{padding-bottom:200px}@media(max-width: 782px){.wp-mail-smtp-admin-page-body #wpbody-content{padding-bottom:0 !important}}.wp-mail-smtp-admin-page-body #wpfooter a{color:#2171b1 !important}.wp-mail-smtp-admin-page-body #wpfooter a:hover,.wp-mail-smtp-admin-page-body #wpfooter a:active{color:#135e96 !important}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion{text-align:center;font-weight:400;font-size:13px;line-height:normal;color:#646970;padding:30px 0;margin-bottom:20px}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion p{font-weight:600}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-links,.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-social{display:flex;justify-content:center;align-items:center}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-links{margin:10px 0;color:#646970}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-links a{color:#04558a}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-links a:hover{color:#04558a}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-links span{color:#c3c4c7;padding:0 7px}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-social{gap:10px;margin:0}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-social li{margin-bottom:0}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-social li path{color:#646970}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-social li:hover path{fill:#50575e}.wp-mail-smtp-admin-page-body #wpfooter .wp-mail-smtp-footer-promotion-social a{display:block;height:16px}.wp-mail-smtp-admin-page-body #wpfooter #footer-left{color:#50575e;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.wp-mail-smtp-admin-page-body #wpfooter #footer-left strong{font-weight:600}#screen-meta-links,#screen-meta{display:none}#wp-mail-smtp-header-temp{position:absolute;margin:0;top:-1px;left:20px;right:0;z-index:99}#wp-mail-smtp-header{border-top:3px solid #e27730;padding:24px 20px}#wp-mail-smtp-header img{display:block;margin:0;max-width:242px}@media(max-width: 782px){#wp-mail-smtp-header img{max-width:200px}}.wp-mail-smtp-page{color:#2c3337}.wp-mail-smtp-page a{color:#2171b1}.wp-mail-smtp-page a:hover,.wp-mail-smtp-page a:active{color:#135e96}#wp-mail-smtp{margin:0}#wp-mail-smtp .wp-mail-smtp-hide{display:none}#wp-mail-smtp .wp-mail-smtp-page-title{min-height:58px;background-color:#fff;font-size:14px;margin:0 0 20px 0;padding:0 20px}#wp-mail-smtp .wp-mail-smtp-page-title a.tab{border-bottom:3px solid #fff;box-shadow:none;color:#666;display:inline-block;margin-right:30px;padding:20px 0 17px 0;text-decoration:none}#wp-mail-smtp .wp-mail-smtp-page-title a.tab.active{border-color:#e27730}#wp-mail-smtp .wp-mail-smtp-page-title a.tab:hover{border-color:#999}#wp-mail-smtp .wp-mail-smtp-page-title a.action{color:#fff;font-weight:600;margin:14px 0 14px 10px;line-height:28px;min-height:30px;vertical-align:top}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-page-title a.action{margin-left:0}}#wp-mail-smtp .wp-mail-smtp-page-title .page-title{background-color:#fff;display:inline-block;font-size:23px;margin:0;padding:20px 20px 20px 0}#wp-mail-smtp .wp-mail-smtp-page-content{padding:0 20px}#wp-mail-smtp .wp-mail-smtp-page-content *,#wp-mail-smtp .wp-mail-smtp-page-content *::before,#wp-mail-smtp .wp-mail-smtp-page-content *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-clear:before{content:" ";display:table}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-clear:after{clear:both;content:" ";display:table}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row{border-bottom:1px solid #e4e4e4;padding:30px 0;font-size:14px;line-height:1.3}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row:first-of-type{padding-top:10px !important}@media(max-width: 781px){#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row{padding:20px 0}}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.inactive{display:none}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row .wp-mail-smtp-setting-mid-row-sep{background:#e4e4e4;height:1px;border:0;margin:15px 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.section-heading{padding:20px 0 10px;border-bottom:none}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.section-heading.no-desc h2,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.section-heading.no-desc h4{margin:0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.section-heading.wp-mail-smtp-section-heading--has-divider{padding:20px 0 30px;border-bottom:1px solid #e4e4e4}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.section-heading .wp-mail-smtp-setting-field{margin:0;max-width:1005px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.section-heading .desc{font-style:normal}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-checkbox input[type=checkbox]{float:left;margin:1px 0 0 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-checkbox input[type=checkbox]+label{margin:0 0 0 8px;vertical-align:baseline}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-checkbox .desc{margin:0 0 0 30px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-checkbox input[type=checkbox]+label+.desc{margin:8px 0 0 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-text .wp-mail-smtp-setting-label,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-password .wp-mail-smtp-setting-label,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-number .wp-mail-smtp-setting-label,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-email .wp-mail-smtp-setting-label{padding-top:8px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-select .wp-mail-smtp-setting-label{padding-top:8px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-radio .wp-mail-smtp-setting-field input[type=radio]{margin:-3px 10px 0 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-radio .wp-mail-smtp-setting-field label{margin-right:30px;display:inline-block}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-no-border{border-bottom:none}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-no-padding{padding:0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer{padding-bottom:20px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer .wp-mail-smtp-mailers .wp-mail-smtp-mailer{display:inline-block;width:140px;margin-right:12px;margin-bottom:12px;position:relative}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer .wp-mail-smtp-mailers .wp-mail-smtp-mailer .wp-mail-smtp-mailer-image{background:#fff;text-align:center;border:2px solid #e5e5e5;border-radius:4px;cursor:pointer;height:76px;position:relative;margin-bottom:10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer .wp-mail-smtp-mailers .wp-mail-smtp-mailer .wp-mail-smtp-mailer-image.is-recommended{background-image:url(../images/recommended.svg);background-repeat:no-repeat;background-size:60%;background-position:top right -2px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer .wp-mail-smtp-mailers .wp-mail-smtp-mailer .wp-mail-smtp-mailer-image img{max-width:80%;max-height:40px;display:block;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);opacity:.6;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer .wp-mail-smtp-mailers .wp-mail-smtp-mailer.wp-mail-smtp-mailer-smtp .wp-mail-smtp-mailer-image img{max-height:30px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer .wp-mail-smtp-mailers .wp-mail-smtp-mailer.active .wp-mail-smtp-mailer-image{border-color:#e27730}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer .wp-mail-smtp-mailers .wp-mail-smtp-mailer.active .wp-mail-smtp-mailer-image img{opacity:1}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer .wp-mail-smtp-mailers .wp-mail-smtp-mailer:hover .wp-mail-smtp-mailer-image{border-color:#ccc}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-mailer .wp-mail-smtp-mailers .wp-mail-smtp-mailer:hover .wp-mail-smtp-mailer-image img{opacity:1}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert{padding-top:20px;padding-bottom:25px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .wp-mail-smtp-setting-row{border:none}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .section-heading{margin-bottom:25px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .section-heading h3{margin-bottom:10px;font-weight:500;font-size:18px;line-height:22px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .section-heading .notice{margin-top:20px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .section-heading .notice p{margin:6.5px 0;font-size:13px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .wp-mail-smtp-setting-row{padding:0 !important}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .wp-mail-smtp-setting-row+.wp-mail-smtp-setting-row{margin-top:20px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .wp-mail-smtp-setting-label label{font-weight:500}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .dashicons-trash{position:relative;top:6px;color:#a7aaad;cursor:pointer;transition:.2s}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row.wp-mail-smtp-setting-row-alert .dashicons-trash:hover{color:#d63638}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row#wp-mail-smtp-setting-row-alerts-twilio_sms .wp-mail-smtp-setting-row-alert-connection-options{position:relative}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row#wp-mail-smtp-setting-row-alerts-twilio_sms .wp-mail-smtp-setting-row-alert-connection-options+.wp-mail-smtp-setting-row-alert-connection-options:before{content:"";display:block;max-width:605px;height:1px;margin-bottom:20px;background-color:#dcdcde}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row h2,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row h4{color:#2c3337;font-size:20px;font-weight:600;margin:0 0 6px 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row h2{margin-bottom:15px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row h3{color:#2c3337;font-size:24px;font-weight:600;margin:0 0 20px 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row h5{color:#2c3337;font-size:16px;font-weight:600;margin:0 0 20px 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p{margin:12px 0 0;font-size:14px;line-height:1.5em}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p:first-of-type{margin:8px 0 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p.desc{margin:10px 0 0;font-style:italic;color:#50575e}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p.desc+.desc{font-style:normal}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p.buttonned{margin-top:30px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p.inline-notice{margin:5px 0 15px;box-sizing:border-box;background:#fff;border-left:4px solid rgba(0,0,0,0);box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p.inline-notice.inline-error{border-color:#d63638;margin-bottom:5px;padding:10px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p.inline-notice.inline-info{border-color:#2171b1;margin-bottom:5px;padding:10px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p.inline-notice.inline-edu-notice{border-color:#809eb0;line-height:1.5em;padding:10px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p.inline-notice a.wp-mail-smtp-mailer-notice-dismiss{float:right;color:#999da1;margin:0 0 10px 10px;text-decoration:none}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row p.inline-notice a.wp-mail-smtp-mailer-notice-dismiss:hover{color:#666a6e}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row ul{margin:8px 0 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row ul.list li{margin-left:20px;list-style-type:disc}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list th{padding:5px 5px 5px 0;text-align:left}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.email{padding-right:2em}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.status{width:100px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.actions a{border-bottom:1px solid;display:inline-block;margin-right:5px;text-decoration:none}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.actions a[class*=delete],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.actions a[class*=error]{color:#d63638}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.actions a[class*=delete]:hover,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.actions a[class*=delete]:active,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.actions a[class*=delete]:focus,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.actions a[class*=error]:hover,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.actions a[class*=error]:active,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row table.actions-list td.actions a[class*=error]:focus{color:#8a1c1d}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=text],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=email],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=number],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=password],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row select{background-color:#fff;border:1px solid #8d8f95;border-radius:4px;box-shadow:none;color:#2c3337;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:400px;min-height:36px;line-height:1.3}@media(max-width: 959px){#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=text],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=email],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=number],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=password],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row select{width:300px}}@media(max-width: 599px){#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=text],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=email],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=number],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=password],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row select{width:100%;max-width:unset;margin-right:0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=text]~button,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=text]~.wp-mail-smtp-btn,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=email]~button,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=email]~.wp-mail-smtp-btn,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=number]~button,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=number]~.wp-mail-smtp-btn,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=password]~button,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=password]~.wp-mail-smtp-btn,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row select~button,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row select~.wp-mail-smtp-btn{margin-top:8px}}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=text][readonly],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=email][readonly],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=number][readonly],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=password][readonly],#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row select[readonly]{background-color:#f9f9f9}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=text].small-text,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=email].small-text,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=number].small-text,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=password].small-text,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row select.small-text{width:75px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=text]:focus,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=email]:focus,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=number]:focus,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=password]:focus,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row select:focus{border:1px solid #016aab;box-shadow:0 0 0 1px #016aab;outline:none}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=text]:disabled,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=email]:disabled,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=number]:disabled,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=password]:disabled,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row select:disabled{opacity:.6}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=checkbox]:focus,#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row input[type=radio]:focus{border:1px solid #016aab;box-shadow:0 0 0 1px #016aab;outline:none}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row .wp-mail-smtp-dashicons-yes-alt-green.wp-mail-smtp-animate{-webkit-animation:wp-mail-smtp-fade-in-stop-out 1s linear;animation:wp-mail-smtp-fade-in-stop-out 1s linear}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-row .wp-mail-smtp-dashicons-yes-alt-green.wp-mail-smtp-success{color:#00a32a}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-group{border-bottom:1px solid #e4e4e4;padding:0 0 30px}@media(max-width: 781px){#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-group{padding:0 0 20px}}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-group:first-of-type{padding-top:10px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-group .wp-mail-smtp-setting-row{border:none;padding:30px 0 0 !important}@media(max-width: 781px){#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-group .wp-mail-smtp-setting-row{padding:20px 0 0}}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-label{display:block;float:left;width:205px;padding:0 20px 0 0}@media(max-width: 781px){#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-label{float:none;width:100%;padding-bottom:15px}}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-label label{display:block;font-weight:600}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-field{display:block;margin:0 0 0 205px;max-width:800px}@media(max-width: 781px){#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-field{margin:0}}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-field hr{margin:20px 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-field .wp-mail-smtp-setting-field-row{display:flex;flex-wrap:wrap}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-setting-field .wp-mail-smtp-setting-field-row>.wp-mail-smtp-btn+.wp-mail-smtp-btn{margin-left:10px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-submit{margin:0;padding:25px 0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-submit .help-text{margin-left:10px;vertical-align:middle}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-mailer-options .wp-mail-smtp-mailer-option .wp-mail-smtp-setting-row.section-heading{padding:20px 0 !important}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-mailer-options .wp-mail-smtp-mailer-option blockquote{background:#e5e5e5;border-radius:4px;color:#666;font-size:14px;margin:20px 0;padding:15px;max-width:1005px;width:100%}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-mailer-options .wp-mail-smtp-connected-row{display:flex;align-items:center}@media(max-width: 781px){#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-mailer-options .wp-mail-smtp-connected-row{flex-direction:column;align-items:flex-start}}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-mailer-options .wp-mail-smtp-connected-row__info{margin-left:30px}@media(max-width: 781px){#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-mailer-options .wp-mail-smtp-connected-row__info{margin-left:0;margin-top:10px}}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-mailer-options p.inline-notice{margin-top:10px}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-mailer-options p.inline-notice:first-child{margin-top:0}#wp-mail-smtp .wp-mail-smtp-page-content .wp-mail-smtp-mailer-options p.inline-notice:last-child{margin-bottom:0}#wp-mail-smtp .wp-mail-smtp-page-content.wp-mail-smtp-page-general p{margin:0}#wp-mail-smtp .wp-mail-smtp-page-content .notice-inline{background:#fff;border-left:4px solid #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 15px;padding:1px 12px}#wp-mail-smtp .wp-mail-smtp-page-content .notice-inline.notice-success{border-left-color:#00a32a}#wp-mail-smtp .wp-mail-smtp-page-content .notice-inline.notice-warning{border-left-color:#ffb900}#wp-mail-smtp .wp-mail-smtp-page-content .notice-inline.notice-error{border-left-color:#d63638}#wp-mail-smtp .wp-mail-smtp-page-content .notice-inline.notice-info{border-left-color:#00a0d2}#wp-mail-smtp .wp-mail-smtp-page-content .notice p,#wp-mail-smtp .wp-mail-smtp-page-content .notice-inline p,#wp-mail-smtp .wp-mail-smtp-page-content .notice p:first-of-type,#wp-mail-smtp .wp-mail-smtp-page-content .notice-inline p:first-of-type{margin:.5em 0;padding:2px}#wp-mail-smtp .wp-mail-smtp-page-content pre{white-space:pre-line}#wp-mail-smtp .wp-mail-smtp-page-content.active{display:block}#wp-mail-smtp .wp-mail-smtp-page-content .connected-as{margin-left:30px}@media(max-width: 599px){#wp-mail-smtp .wp-mail-smtp-page-content .connected-as{display:block;margin-left:0;margin-top:8px}}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner{background-color:#fff;padding:25px 20px;border:1px solid #dadada;margin:10px 0 0 0;position:relative}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .wp-mail-smtp-pro-banner-dismiss{position:absolute;right:10px;top:10px}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .wp-mail-smtp-pro-banner-dismiss button{background:none;border:none;color:#a9a9a9;cursor:pointer;margin:0;padding:0}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner h2{color:#2c3337;margin-top:0;font-size:16px;font-weight:600}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner p{font-size:14px;color:#50575e;margin-bottom:1.1em}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner p:last-of-type{margin:0}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .benefits{margin:0 0 16px 0;overflow:auto;max-width:1000px}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .benefits ul{margin:0;padding:0;width:50%;float:left}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .benefits ul{width:100%;float:none}}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .benefits ul li{margin:0;padding:0 0 2px 16px;color:#50575e;font-size:14px;position:relative}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .benefits ul li:before{content:"+";position:absolute;top:-1px;left:0}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .benefits ul li.arrow-right:before{content:"→"}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner a{color:#e27730}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner a:hover,#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner a:active,#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner a:focus{color:#b85a1b}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .stars{text-decoration:none}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .stars .dashicons{width:16px;height:16px;font-size:16px;vertical-align:text-top}#wp-mail-smtp .wp-mail-smtp-page-content #wp-mail-smtp-pro-banner .price-off{color:#00a32a;font-weight:600}#wp-mail-smtp .wp-mail-smtp-admin-columns>div[class*=-column-]{float:left}#wp-mail-smtp .wp-mail-smtp-admin-columns .wp-mail-smtp-admin-column-20{width:20%}#wp-mail-smtp .wp-mail-smtp-admin-columns .wp-mail-smtp-admin-column-33{width:33.33333%}#wp-mail-smtp .wp-mail-smtp-admin-columns .wp-mail-smtp-admin-column-40{width:40%}#wp-mail-smtp .wp-mail-smtp-admin-columns .wp-mail-smtp-admin-column-50{width:50%}#wp-mail-smtp .wp-mail-smtp-admin-columns .wp-mail-smtp-admin-column-60{width:60%}#wp-mail-smtp .wp-mail-smtp-admin-columns .wp-mail-smtp-admin-column-80{width:80%}#wp-mail-smtp .wp-mail-smtp-admin-columns .wp-mail-smtp-admin-column-last{float:right !important}#wp-mail-smtp .wp-mail-smtp-admin-columns:after{content:"";display:table;clear:both}#wp-mail-smtp .notice blockquote{margin-left:0;padding:2px}#wp-mail-smtp .notice blockquote pre{margin:0;white-space:pre-line}#wp-mail-smtp #wp-mail-smtp-reset-filter{clear:both;margin:20px 0;padding:10px;font-size:15px;text-align:center;background:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,.04)}#wp-mail-smtp #wp-mail-smtp-reset-filter a{text-decoration:none}#wp-mail-smtp #wp-mail-smtp-reset-filter .reset{cursor:pointer;color:#a6a6a6;font-size:15px;line-height:18px;width:18px;height:18px}#wp-mail-smtp #wp-mail-smtp-reset-filter .reset:focus,#wp-mail-smtp #wp-mail-smtp-reset-filter .reset:hover{color:#d63638}@media(min-width: 783px){#wp-mail-smtp .wp-mail-smtp-tab-tools-debug-events th#event{width:130px}#wp-mail-smtp .wp-mail-smtp-tab-tools-debug-events th#type{width:80px}#wp-mail-smtp .wp-mail-smtp-tab-tools-debug-events th#initiator{width:20%}#wp-mail-smtp .wp-mail-smtp-tab-tools-debug-events th#created_at{width:200px}}#wp-mail-smtp .wp-mail-smtp-tab-misc #wp-mail-smtp-setting-row-rate_limit_periods input[type=number]{width:100px}#wp-mail-smtp .wp-mail-smtp-tab-misc #wp-mail-smtp-setting-row-uninstall .wp-mail-smtp-danger{font-weight:600;color:#d63638}@media(max-width: 782px){#wp-mail-smtp .wp-mail-smtp-filter-date{display:flex !important;flex-direction:column;align-items:flex-start;float:none;width:100%;padding-right:0;margin-bottom:10px;max-width:600px}}#wp-mail-smtp .wp-mail-smtp-filter-date__control{float:left;margin:0 5px 0 0;min-height:30px;background-color:#fff;vertical-align:middle;max-width:210px}@media(max-width: 782px){#wp-mail-smtp .wp-mail-smtp-filter-date__control{flex-grow:1;width:100%;max-width:none;min-height:40px;margin-right:0;margin-bottom:5px}}#wp-mail-smtp .wp-mail-smtp-filter-date__btn{margin:0;vertical-align:top}#wp-mail-smtp .wp-mail-smtp-sign-in-btn{display:inline-flex;align-items:center;background-color:#4285f4;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.25);transition:all 300ms ease-in-out;text-decoration:none;cursor:pointer;color:#fff}#wp-mail-smtp .wp-mail-smtp-sign-in-btn:hover{box-shadow:0 0 3px 3px rgba(66,133,244,.3)}#wp-mail-smtp .wp-mail-smtp-sign-in-btn:active{background:#3367d6}#wp-mail-smtp .wp-mail-smtp-sign-in-btn--disabled{pointer-events:none;background-color:#d4d3d3;box-shadow:none;color:#7f7f7f}#wp-mail-smtp .wp-mail-smtp-sign-in-btn--disabled .wp-mail-smtp-sign-in-icon__border,#wp-mail-smtp .wp-mail-smtp-sign-in-btn--disabled .wp-mail-smtp-sign-in-icon__bg{fill:#d4d3d3}#wp-mail-smtp .wp-mail-smtp-sign-in-btn--disabled .wp-mail-smtp-sign-in-icon__symbol{fill:#7f7f7f}#wp-mail-smtp .wp-mail-smtp-sign-in-btn__icon{overflow:hidden;border-radius:2px}#wp-mail-smtp .wp-mail-smtp-sign-in-btn__icon svg{display:block;margin:-3px}#wp-mail-smtp .wp-mail-smtp-sign-in-btn__text{font-size:14px;font-weight:600;margin:0 10px}.wp-mail-smtp-btn{border:0;border-radius:3px;cursor:pointer;display:inline-block;margin:0;text-decoration:none;text-align:center;vertical-align:middle;white-space:nowrap;text-shadow:none;box-shadow:none;outline:none}.wp-mail-smtp-btn .dashicons{font-size:16px;width:16px;height:16px}.wp-mail-smtp-btn+.wp-mail-smtp-btn{margin-left:16px}.wp-mail-smtp-btn:disabled,.wp-mail-smtp-btn-disabled{opacity:.5;cursor:not-allowed}.wp-mail-smtp-btn-disabled{pointer-events:none}.wp-mail-smtp-btn.wp-mail-smtp-btn-md{font-size:14px;font-weight:500;padding:9px 15px;min-height:36px;line-height:16px;border-width:1px;border-style:solid}.wp-mail-smtp-btn.wp-mail-smtp-btn-lg{font-size:16px;font-weight:600;padding:16px 28px}.wp-mail-smtp-btn.wp-mail-smtp-btn-upgrade,.wp-mail-smtp-btn.wp-mail-smtp-btn-cta{font-size:16px;line-height:20px;font-weight:500;padding:14px 30px}.wp-mail-smtp-btn.wp-mail-smtp-btn-orange{background-color:#e27730;border-color:#e27730;color:#fff}.wp-mail-smtp-btn.wp-mail-smtp-btn-orange:hover,.wp-mail-smtp-btn.wp-mail-smtp-btn-orange:active,.wp-mail-smtp-btn.wp-mail-smtp-btn-orange:focus{background-color:#b85a1b;border-color:#b85a1b;color:#fff}.wp-mail-smtp-btn.wp-mail-smtp-btn-orange:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #b85a1b}.wp-mail-smtp-btn.wp-mail-smtp-btn-red{background-color:#d63638;border-color:#d63638;color:#fff}.wp-mail-smtp-btn.wp-mail-smtp-btn-red:hover,.wp-mail-smtp-btn.wp-mail-smtp-btn-red:active,.wp-mail-smtp-btn.wp-mail-smtp-btn-red:focus{background-color:#b32d2e;border-color:#b32d2e;color:#fff}.wp-mail-smtp-btn.wp-mail-smtp-btn-red:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #b32d2e}.wp-mail-smtp-btn.wp-mail-smtp-btn-grey{background-color:#f8f8f8;border-color:#999;color:#555}.wp-mail-smtp-btn.wp-mail-smtp-btn-grey:hover,.wp-mail-smtp-btn.wp-mail-smtp-btn-grey:active,.wp-mail-smtp-btn.wp-mail-smtp-btn-grey:focus{background-color:#eee;border-color:#555;color:#444}.wp-mail-smtp-btn.wp-mail-smtp-btn-light-grey{background-color:#f5f5f5;border-color:#ccc;color:#666}.wp-mail-smtp-btn.wp-mail-smtp-btn-light-grey:hover,.wp-mail-smtp-btn.wp-mail-smtp-btn-light-grey:active,.wp-mail-smtp-btn.wp-mail-smtp-btn-light-grey:focus{background-color:#eee;color:#444}.wp-mail-smtp-btn.wp-mail-smtp-btn-blueish{background-color:#738e9e;border-color:#738e9e;color:#fff}.wp-mail-smtp-btn.wp-mail-smtp-btn-blueish:hover,.wp-mail-smtp-btn.wp-mail-smtp-btn-blueish:active,.wp-mail-smtp-btn.wp-mail-smtp-btn-blueish:focus{background-color:#395360;border-color:#395360;color:#fff}.wp-mail-smtp-btn.wp-mail-smtp-btn-blueish:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #395360}a.wp-mail-smtp-btn.wp-mail-smtp-btn-md{line-height:16px}#wp-mail-smtp-domain-check-details h2{color:#2c3337;font-size:20px;line-height:24px;font-weight:600;margin:28px 0 23px}#wp-mail-smtp-domain-check-details .wp-mail-smtp-domain-check-details-check-list-item{padding:25px 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{padding-bottom:0}#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;color:#2c3337;margin:0 0 4px 0}#wp-mail-smtp-domain-check-details .wp-mail-smtp-domain-check-details-check-list-item-content p{color:#50575e;font-size:14px;line-height:20px;margin:0 0 10px 0}#wp-mail-smtp-domain-check-details .wp-mail-smtp-domain-check-details-check-list-item-content p:last-of-type{margin-bottom:0}.wp-mail-smtp-tab-tools-test .wp-mail-smtp-setting-row.section-heading{margin-bottom:22px}.wp-mail-smtp-tab-tools-test .wp-mail-smtp-test-email-resend{padding-top:22px;margin-top:22px;border-top:1px solid #e4e4e4}.wp-mail-smtp-tab-tools-test .wp-mail-smtp-test-email-resend a{font-size:14px;outline:none;box-shadow:none}.wp-mail-smtp-tab-tools-test #email-test-success{margin-top:30px;text-align:center}.wp-mail-smtp-tab-tools-test #email-test-success svg{display:block;max-width:500px;width:100%;height:auto;margin:0 auto 22px}.wp-mail-smtp-tab-tools-test #email-test-success h2{margin-top:0;margin-bottom:10px;font-weight:500;font-size:24px;line-height:29px;color:#2c3337}.wp-mail-smtp-tab-tools-test #email-test-success p{margin-top:0;font-size:16px;line-height:24px;color:#50575e}.wp-mail-smtp-tab-tools-test #email-test-form .wp-mail-smtp-setting-row.section-heading{margin-bottom:0}.wp-mail-smtp-tab-tools-test #email-test-form .wp-mail-smtp-btn{min-width:95px}.wp-mail-smtp-tab-tools-test #email-test-form .wp-mail-smtp-loading{display:none;margin-bottom:-2px}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug{margin-top:25px}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug h2{margin:20px 0 10px;color:#2c3337;font-size:16px;line-height:20px;font-weight:600}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug p{margin:10px 0;color:#50575e;font-size:14px;line-height:20px}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug ul{list-style-type:disc}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug ul,.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug ol{margin:10px 0 10px 15px;color:#50575e;font-size:14px;line-height:20px}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug ul li,.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug ol li{margin:0 0 8px 0}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug ul li:last-of-type,.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug ol li:last-of-type{margin:0}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug ul li ul,.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug ol li ul{list-style-type:disc}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .dashicons-star-filled{color:#e27730;width:16px;height:16px;font-size:16px;vertical-align:text-top}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .price-off{color:#00a32a;font-weight:600}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .error-log-button-container{margin-bottom:22px}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .error-log-toggle{float:left;margin-right:10px}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .error-log-copy{min-width:122px}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .error-log-copy .error-log-copy-back{display:none}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .error-log-copy-copied .error-log-copy-front{display:none}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .error-log-copy-copied .error-log-copy-back{display:inline}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .error-log{padding-top:10px;padding-bottom:10px;display:none}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .error-log.error-log-selection{display:block !important;opacity:0;height:0;padding:0;margin:0}.wp-mail-smtp-tab-tools-test #wp-mail-smtp-debug .error-log pre{margin:0}.wp-mail-smtp-tab-tools-action-scheduler .wp-mail-smtp-page-content .wrap,.wp-mail-smtp-tab-tools-action-scheduler .wp-mail-smtp-page-content .subsubsub{margin:0}.wp-mail-smtp-tab-tools-action-scheduler .wp-mail-smtp-page-content>h1{color:#2c3337;font-size:20px;font-weight:600;margin:0 0 15px 0;padding:0}.wp-mail-smtp-tab-tools-action-scheduler .wp-mail-smtp-page-content>p{font-size:14px}.wp-mail-smtp-tab-tools-action-scheduler .wp-mail-smtp-page-content h1.wp-heading-inline,.wp-mail-smtp-tab-tools-action-scheduler .wp-mail-smtp-page-content span.subtitle{display:none}.wp-mail-smtp-tab-tools-action-scheduler .wp-mail-smtp-page-content hr.wp-header-end{visibility:hidden;margin:-2px 0 0}.wp-mail-smtp-admin-page-body .lity{z-index:999999999;padding:20px}.wp-mail-smtp-admin-page-body .lity-close{margin:10px}.wp-mail-smtp-admin-page-body .lity-content{max-width:80vw;max-height:80vh}.wp-mail-smtp-admin-page-body .lity-content img{max-height:80vh !important;max-width:80vw !important}.wp-mail-smtp-debug-event-preview{text-align:left}.wp-mail-smtp-debug-event-preview h4{margin:15px 0;font-size:18px}.wp-mail-smtp-debug-event-preview .wp-mail-smtp-debug-event-preview-subtitle{margin-bottom:30px;text-align:center}.wp-mail-smtp-debug-event-preview .wp-mail-smtp-debug-event-preview-subtitle span{color:#50575e;font-size:16px;line-height:22px}.wp-mail-smtp-debug-event-preview .wp-mail-smtp-debug-event-row{padding:20px 0;border-top:1px solid #ddd;display:flex;justify-content:flex-start;align-items:flex-start;font-size:16px;line-height:22px}.wp-mail-smtp-debug-event-preview .wp-mail-smtp-debug-event-row .debug-event-label{width:60px;margin-right:30px;font-weight:500}.wp-mail-smtp-debug-event-preview .wp-mail-smtp-debug-event-row .debug-event-value{width:calc(100% - 90px)}.wp-mail-smtp-debug-event-preview .wp-mail-smtp-debug-event-row .debug-event-initiator{display:inline-block;margin-bottom:5px}.wp-mail-smtp-debug-event-preview .wp-mail-smtp-debug-event-row .debug-event-code{color:#50575e}.wp-mail-smtp-debug-event-preview .wp-mail-smtp-debug-event-row:last-child{border-bottom:1px solid #ddd}.wp-mail-smtp-debug-event-preview .wp-mail-smtp-debug-event-preview-content>div{word-break:break-word}[class^=wp-mail-smtp-dashicons]{display:inline-block;width:20px;height:20px}.wp-mail-smtp-dashicons-yes-alt-green{background-image:url("../images/icons/dashicons/dashicons-yes-alt-green.svg")}.wp-mail-smtp-dashicons-pdf-gray{background-image:url("../images/icons/dashicons/dashicons-pdf-grey.svg")} + +/* 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; +} diff --git a/assets/css/smtp-smart-routing.min.css b/assets/css/smtp-smart-routing.min.css new file mode 100644 index 00000000..d7b6c57f --- /dev/null +++ b/assets/css/smtp-smart-routing.min.css @@ -0,0 +1,85 @@ +#wp-mail-smtp .wp-mail-smtp-smart-routing-header{padding-bottom:0 !important;border-bottom:none !important}#wp-mail-smtp .wp-mail-smtp-smart-routing-header__heading{display:flex;align-items:center}#wp-mail-smtp .wp-mail-smtp-smart-routing-header__heading>a{margin-left:15px;font-weight:600;font-size:14px;line-height:22px}#wp-mail-smtp .wp-mail-smtp-smart-routing-notice-top{max-width:1000px;margin:10px 0 0 !important;border:1px solid #bbb}#wp-mail-smtp .wp-mail-smtp-smart-routing-notice-top--no-connections~.wp-mail-smtp-setting-row,#wp-mail-smtp .wp-mail-smtp-smart-routing-notice-top--no-connections~.wp-mail-smtp-submit{opacity:.5;pointer-events:none}#wp-mail-smtp .wp-mail-smtp-smart-routing-toggle .wp-mail-smtp-toggle__label{font-weight:500;font-size:14px;text-transform:capitalize}#wp-mail-smtp .wp-mail-smtp-smart-routing-routes{max-width:1000px;margin-bottom:30px}#wp-mail-smtp .wp-mail-smtp-smart-routing-route{background:#fff;box-shadow:0px 2px 4px rgba(0,0,0,.07);border-radius:6px}#wp-mail-smtp .wp-mail-smtp-smart-routing-route+.wp-mail-smtp-smart-routing-route{margin-top:30px}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__header{display:flex;align-items:center;padding:20px;border-bottom:1px solid #f1f1f1}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-smart-routing-route__header{flex-direction:column;align-items:flex-start}}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__header>span{margin-right:10px;font-size:14px;line-height:17px;font-style:italic;color:#646970}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-smart-routing-route__header>span{margin-right:0;margin-top:10px}}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__header>select{margin-right:10px !important}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-smart-routing-route__header>select{margin-right:0;margin-top:10px !important}}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__connection{max-width:273px;width:100%}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__connection--invalid{border-color:#d63638 !important}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__actions{display:flex;align-items:center;margin-left:auto}@media(max-width: 600px){#wp-mail-smtp .wp-mail-smtp-smart-routing-route__actions{order:-1}}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__order{margin-right:23px;white-space:nowrap}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__order-btn{background-color:rgba(0,0,0,0);border:none;padding:0;vertical-align:middle;cursor:pointer}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__order-btn--down{margin-left:13px;transform:rotate(-180deg)}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__order-btn img{display:block}#wp-mail-smtp .wp-mail-smtp-smart-routing-route:first-child .wp-mail-smtp-smart-routing-route__order-btn--up,#wp-mail-smtp .wp-mail-smtp-smart-routing-route:last-child .wp-mail-smtp-smart-routing-route__order-btn--down{opacity:.25;cursor:not-allowed;pointer-events:none}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__delete{background-color:rgba(0,0,0,0);border:none;color:#999;padding:0;vertical-align:middle;cursor:pointer}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__delete:hover:not(:disabled){color:#d63638}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__delete:disabled{opacity:.25;cursor:not-allowed}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__main{padding:20px}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__notice{margin-top:0 !important;margin-bottom:20px !important;border:1px solid #bbb}#wp-mail-smtp .wp-mail-smtp-smart-routing-route__notice p{margin:6px 0 !important;font-size:13px !important}#wp-mail-smtp .wp-mail-smtp-smart-routing-route .wp-mail-smtp-btn-grey{font-weight:500}#wp-mail-smtp .wp-mail-smtp-smart-routing-routes-note{display:flex;align-items:center;margin-bottom:5px;font-size:14px;line-height:20px;color:#646970}#wp-mail-smtp .wp-mail-smtp-smart-routing-routes-note img{margin-right:10px}#wp-mail-smtp .wp-mail-smtp-smart-routing-routes-note p{margin:0 !important}#wp-mail-smtp .wp-mail-smtp-smart-routing-routes-note a{color:inherit}#wp-mail-smtp .wp-mail-smtp-smart-routing-routes-note a:hover,#wp-mail-smtp .wp-mail-smtp-smart-routing-routes-note a:active{color:#555} + +/* 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; +} diff --git a/assets/css/social-share-child.css b/assets/css/social-share-child.css new file mode 100644 index 00000000..3e2822ff --- /dev/null +++ b/assets/css/social-share-child.css @@ -0,0 +1,86 @@ +.wp-block-uagb-social-share .uagb-social-share__wrapper{text-decoration:none}.uagb-social-share__wrapper{box-shadow:none}.uagb-social-share__outer-wrap:not(.uagb-social-share__no-label) .uagb-social-share__source-wrap{margin-right:15px}.uagb-social-share__outer-wrap.uagb-social-share__icon-at-top .uagb-social-share__source-wrap{-ms-flex-item-align:flex-start;align-self:flex-start;margin-top:5px} + + +/* 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; +} diff --git a/assets/css/social-share.css b/assets/css/social-share.css new file mode 100644 index 00000000..10140031 --- /dev/null +++ b/assets/css/social-share.css @@ -0,0 +1,86 @@ +.uagb-social-share__outer-wrap,.uagb-social-share__wrap{display:flex;align-items:center;justify-content:center}.uagb-social-share__layout-vertical.uagb-social-share__outer-wrap,.uagb-social-share__layout-vertical .uagb-social-share__wrap{flex-direction:column}.uagb-social-share__layout-vertical .wp-block-uagb-social-share-child.uagb-ss-repeater.uagb-ss__wrapper:first-child{margin-top:0 !important}.uagb-social-share__layout-vertical .wp-block-uagb-social-share-child.uagb-ss-repeater.uagb-ss__wrapper:last-child{margin-bottom:0 !important}.uagb-social-share__outer-wrap a.uagb-button__link:focus{box-shadow:none}.uagb-social-share__outer-wrap .uagb-ss__wrapper{padding:0;margin-left:5px;margin-right:5px;transition:all 0.2s;display:inline-flex;text-align:center}.uagb-social-share__outer-wrap .uagb-ss__source-wrap{display:inline-block}.uagb-social-share__outer-wrap .uagb-ss__link{color:#3a3a3a;display:inline-table;line-height:0;cursor:pointer}.uagb-social-share__outer-wrap .uagb-ss__source-icon{font-size:40px;width:40px;height:40px}.uagb-social-share__outer-wrap .uagb-ss__source-image{width:40px}@media (max-width: 976px){.uagb-social-share__layout-horizontal .uagb-ss__wrapper{margin-left:0;margin-right:0}}.uagb-social-share__layout-horizontal .wp-block-uagb-social-share-child.uagb-ss-repeater.uagb-ss__wrapper:first-child{margin-left:0 !important}.uagb-social-share__layout-horizontal .wp-block-uagb-social-share-child.uagb-ss-repeater.uagb-ss__wrapper:last-child{margin-right:0 !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; +} diff --git a/assets/css/sortable-rtl.css b/assets/css/sortable-rtl.css new file mode 100644 index 00000000..42d631a0 --- /dev/null +++ b/assets/css/sortable-rtl.css @@ -0,0 +1,335 @@ +.customize-control-ast-sortable .sortable { + cursor: default; +} + +.customize-control-ast-sortable .sortable .dashicons-visibility { + cursor: pointer; +} + +.customize-control-ast-sortable .sortable .ast-sortable-item, .customize-control-ast-sortable .sortable .ast-sortable-subcontrols { + padding: 1px 12px 1px 3px; + border: 1px solid #D1D5DB; + color: #334155; + background: #ffffff; + cursor: move; + font-size: 14px; + line-height: 38px; + margin: 0 0 10px; + border-radius: 4px; +} +.customize-control-ast-sortable .sortable .ast-sortable-subcontrols { + border: none; + padding: 0 0 0 9px; + border-top: 1px solid #d1d5db; + border-radius: 0 0 3px 3px; +} +.customize-control-ast-sortable .sortable div:last-child { + margin: 0; +} + +.customize-control-ast-sortable .sortable div > .dashicons { + float: left; + position: relative; + font-size: 16px; + padding: 9px; + line-height: 20px; + border-right: none; +} + +.customize-control-ast-sortable .sortable div.invisible { + opacity: 0.6; + visibility: visible; +} + +.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after { + opacity: 1; + position: absolute; + content: ''; + width: 18px; + height: 2px; + top: 18px; + right: 11px; + background: #656565; + border-radius: 5px; + transform: rotate(45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} + +/** + * Expansion specific new raw CSS. + */ +.ast-sortable-item.invisible, +.ast-sortable-item:hover { + opacity: .8; +} +.ast-sortable-item.show:hover { + opacity: 1; +} +.ast-sortable-item .dashicons-arrow-down-alt2, .ast-sortable-item .dashicons-remove { + margin-left: -6px; +} +.ast-sortable-item .dashicons-admin-page, .ast-sortable-item .dashicons-arrow-down-alt2, .ast-sortable-item .dashicons-remove { + cursor: pointer; +} +.ast-sortable-subcontrols { + display: none; + padding: 12px 0; + border-top: 1px solid #d1d5db; +} +.show .ast-sortable-subcontrols { + display: block; +} +.ast-sortable-subfields-wrap .customize-control { + box-sizing: border-box; + position: relative; +} +/** + * ast-list-icons inside sortable compatibility CSS. + */ +.ast-sortable-item.show i.ast-accordion { + transform: rotate(-180deg); + border-right: none;border-left: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button { + padding: 6px 8px; + height: 40px; + background: white; +} + +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button:focus { + box-shadow: none; +} + +.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .ahfb-sorter-title { + padding-left: 20px; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; +} +.customize-control-ast-list-icons span.feature-label { + max-width: 100px; + text-overflow: ellipsis; + font-size: 14px; + line-height: 18px; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .dashicons-admin-page { + color: #556068; +} + +.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item-panel-header { + border: 1px solid #ddd; + border-right: 0; + border-bottom: 0; + overflow: hidden; +} + +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg, +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity .ast-media-image-preview { + height: 14px; + width: 14px; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity span { + display: flex; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg { + height: 16px; + width: 16px; + fill: #556068; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ast-sorter-item-expand { + border-right: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity { + border-left: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item { + border: 1px solid #ddd; + border-top: 0; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown { + width: 225px !important; + right: -10px; + box-shadow: 0 5px 15px rgb(0 0 0 / 22%), 0 0px 5px rgb(0 0 0 / 30%); +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open { + height: 285px; + overflow: hidden; + position: absolute; +} +.ast-sortable-item .ahfb-sorter-item-panel-content { + border-top: 1px solid #ddd; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox:hover>* { + transform: scale(1.3) !important; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox { + height: 32px !important; +} +.ast-sortable-subfields-wrap .ast-color-btn-reset-wrap { + top: 0; +} +.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-title { + margin-bottom: 16px; + font-size: 14px; +} +.ast-sortable-subfields-wrap .customize-control-ast-color .ast-control-wrap .astra-popover-color { + margin-right: -10px; + margin-left: 10px; + width: calc(100% + 15px); +} + +.customize-control-ast-sortable .ast-sortable-subfields-wrap .ast-responsive-btns { + top: 7px; +} + +.ast-sortable-subfields-wrap .ast-fields-wrap { + padding-bottom: 16px; +} +.customize-control-content { + width: 100%; + display: flex; + flex-direction: column; +} + +.ast-sortable-subfields-wrap .ast-fields-wrap { + overflow: inherit; +} + +.ast-sortable-subfields-wrap .customize-control{ + float: none; +} + +/** + * Hide clone & accordion dashicons for invisible items. + */ +.ast-sortable-item.invisible > .dashicons-admin-page, .ast-sortable-item.invisible > .ast-accordion, .ast-sortable-item.invisible > .dashicons-remove { + display: none; +} +.ast-sortable-item.invisible .ast-sortable-subcontrols { + display: none; +} +.ast-sortable-item .ahfb-sorter-item .dashicons { + font-size: 16px; + width: 16px; + height: 16px; +} +.ast-sortable-item .ahfb-sorter-item .ahfb-sorter-item-expand:before { + right: 7px; + width: 17px; +} +.ast-sortable-item .components-button.item-is-hidden:not(.visibility-item), .ahfb-sorter-item:first-child .ahfb-sorter-item-remove { + display: none; +} +.customize-control-ast-sortable .sortable .rfip .rfipbtn__button { + margin-right: auto; +} +.ast-sortable-subfields-wrap .customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: -2px; +} + +/** + * Dynamic featured-image section compat. + */ +.ast-sortable-item .customize-control-ast-color .ast-color-btn-reset-wrap { + top: 12px; +} +.ast-sortable-item .customize-control-ast-color .color-button-wrap { + top: 8px; +} +.ast-sortable-item .customize-control-ast-color .astra-color-picker-wrap { + position: relative; + top: 8px; +} +.ast-sortable-subfields-wrap .customize-control-ast-description { + line-height: 1; +} + +.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .dashicons-admin-page { + margin-left: 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; +} diff --git a/assets/css/sortable.css b/assets/css/sortable.css new file mode 100644 index 00000000..ec3ad516 --- /dev/null +++ b/assets/css/sortable.css @@ -0,0 +1,335 @@ +.customize-control-ast-sortable .sortable { + cursor: default; +} + +.customize-control-ast-sortable .sortable .dashicons-visibility { + cursor: pointer; +} + +.customize-control-ast-sortable .sortable .ast-sortable-item, .customize-control-ast-sortable .sortable .ast-sortable-subcontrols { + padding: 1px 3px 1px 12px; + border: 1px solid #D1D5DB; + color: #334155; + background: #ffffff; + cursor: move; + font-size: 14px; + line-height: 38px; + margin: 0 0 10px; + border-radius: 4px; +} +.customize-control-ast-sortable .sortable .ast-sortable-subcontrols { + border: none; + padding: 0 9px 0 0; + border-top: 1px solid #d1d5db; + border-radius: 0 0 3px 3px; +} +.customize-control-ast-sortable .sortable div:last-child { + margin: 0; +} + +.customize-control-ast-sortable .sortable div > .dashicons { + float: right; + position: relative; + font-size: 16px; + padding: 9px; + line-height: 20px; + border-left: none; +} + +.customize-control-ast-sortable .sortable div.invisible { + opacity: 0.6; + visibility: visible; +} + +.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after { + opacity: 1; + position: absolute; + content: ''; + width: 18px; + height: 2px; + top: 18px; + left: 11px; + background: #656565; + border-radius: 5px; + transform: rotate(-45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} + +/** + * Expansion specific new raw CSS. + */ +.ast-sortable-item.invisible, +.ast-sortable-item:hover { + opacity: .8; +} +.ast-sortable-item.show:hover { + opacity: 1; +} +.ast-sortable-item .dashicons-arrow-down-alt2, .ast-sortable-item .dashicons-remove { + margin-right: -6px; +} +.ast-sortable-item .dashicons-admin-page, .ast-sortable-item .dashicons-arrow-down-alt2, .ast-sortable-item .dashicons-remove { + cursor: pointer; +} +.ast-sortable-subcontrols { + display: none; + padding: 12px 0; + border-top: 1px solid #d1d5db; +} +.show .ast-sortable-subcontrols { + display: block; +} +.ast-sortable-subfields-wrap .customize-control { + box-sizing: border-box; + position: relative; +} +/** + * ast-list-icons inside sortable compatibility CSS. + */ +.ast-sortable-item.show i.ast-accordion { + transform: rotate(180deg); + border-left: none;border-right: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button { + padding: 6px 8px; + height: 40px; + background: white; +} + +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .components-button:focus { + box-shadow: none; +} + +.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .ahfb-sorter-title { + padding-right: 20px; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; +} +.customize-control-ast-list-icons span.feature-label { + max-width: 100px; + text-overflow: ellipsis; + font-size: 14px; + line-height: 18px; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .dashicons-admin-page { + color: #556068; +} + +.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item-panel-header { + border: 1px solid #ddd; + border-left: 0; + border-bottom: 0; + overflow: hidden; +} + +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg, +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity .ast-media-image-preview { + height: 14px; + width: 14px; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity span { + display: flex; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity svg { + height: 16px; + width: 16px; + fill: #556068; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ast-sorter-item-expand { + border-left: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-visiblity { + border-right: none; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .ahfb-sorter-item { + border: 1px solid #ddd; + border-top: 0; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown { + width: 225px !important; + left: -10px; + box-shadow: 0 5px 15px rgb(0 0 0 / 22%), 0 0px 5px rgb(0 0 0 / 30%); +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open { + height: 285px; + overflow: hidden; + position: absolute; +} +.ast-sortable-item .ahfb-sorter-item-panel-content { + border-top: 1px solid #ddd; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox:hover>* { + transform: scale(1.3) !important; +} +.ast-sortable-subfields-wrap .customize-control-ast-list-icons .rfipdropdown--open .rfipicons__ibox { + height: 32px !important; +} +.ast-sortable-subfields-wrap .ast-color-btn-reset-wrap { + top: 0; +} +.customize-control-ast-sortable .ast-sortable-subfields-wrap .customize-control-title { + margin-bottom: 16px; + font-size: 14px; +} +.ast-sortable-subfields-wrap .customize-control-ast-color .ast-control-wrap .astra-popover-color { + margin-left: -10px; + margin-right: 10px; + width: calc(100% + 15px); +} + +.customize-control-ast-sortable .ast-sortable-subfields-wrap .ast-responsive-btns { + top: 7px; +} + +.ast-sortable-subfields-wrap .ast-fields-wrap { + padding-bottom: 16px; +} +.customize-control-content { + width: 100%; + display: flex; + flex-direction: column; +} + +.ast-sortable-subfields-wrap .ast-fields-wrap { + overflow: inherit; +} + +.ast-sortable-subfields-wrap .customize-control{ + float: none; +} + +/** + * Hide clone & accordion dashicons for invisible items. + */ +.ast-sortable-item.invisible > .dashicons-admin-page, .ast-sortable-item.invisible > .ast-accordion, .ast-sortable-item.invisible > .dashicons-remove { + display: none; +} +.ast-sortable-item.invisible .ast-sortable-subcontrols { + display: none; +} +.ast-sortable-item .ahfb-sorter-item .dashicons { + font-size: 16px; + width: 16px; + height: 16px; +} +.ast-sortable-item .ahfb-sorter-item .ahfb-sorter-item-expand:before { + left: 7px; + width: 17px; +} +.ast-sortable-item .components-button.item-is-hidden:not(.visibility-item), .ahfb-sorter-item:first-child .ahfb-sorter-item-remove { + display: none; +} +.customize-control-ast-sortable .sortable .rfip .rfipbtn__button { + margin-left: auto; +} +.ast-sortable-subfields-wrap .customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: -2px; +} + +/** + * Dynamic featured-image section compat. + */ +.ast-sortable-item .customize-control-ast-color .ast-color-btn-reset-wrap { + top: 12px; +} +.ast-sortable-item .customize-control-ast-color .color-button-wrap { + top: 8px; +} +.ast-sortable-item .customize-control-ast-color .astra-color-picker-wrap { + position: relative; + top: 8px; +} +.ast-sortable-subfields-wrap .customize-control-ast-description { + line-height: 1; +} + +.customize-control-ast-list-icons .ahfb-sorter-item-panel-header .dashicons-admin-page { + margin-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; +} diff --git a/assets/css/spectra-block-positioning.css b/assets/css/spectra-block-positioning.css new file mode 100644 index 00000000..3bef4dac --- /dev/null +++ b/assets/css/spectra-block-positioning.css @@ -0,0 +1,103 @@ +/* The Sticky Position Class. */ +body .wp-block-uagb-container.uagb-position__sticky { + transition-property: top, bottom; + transition-duration: 250ms; + transition-timing-function: ease; +} + +/* The Sticky Position Stuck Class. */ +body .wp-block-uagb-container.uagb-position__sticky--stuck { + position: fixed; + margin: 0 !important; /* Margins should not exist on the sticky element. They are applied to the filler element. */ +} + +/* The Sticky Position Restricted Class. */ +body .wp-block-uagb-container.uagb-position__sticky--restricted { + position: absolute; + margin: 0 !important; /* Margins should not exist on the sticky element. They are applied to the filler element. */ +} + + +/* 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; +} diff --git a/assets/css/spectra-block-positioning.min.css b/assets/css/spectra-block-positioning.min.css new file mode 100644 index 00000000..53a0dc4b --- /dev/null +++ b/assets/css/spectra-block-positioning.min.css @@ -0,0 +1,85 @@ +body .wp-block-uagb-container.uagb-position__sticky{transition-property:top,bottom;transition-duration:250ms;transition-timing-function:ease}body .wp-block-uagb-container.uagb-position__sticky--stuck{position:fixed;margin:0!important}body .wp-block-uagb-container.uagb-position__sticky--restricted{position:absolute;margin:0!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; +} diff --git a/assets/css/spectra-popup-builder-admin.css b/assets/css/spectra-popup-builder-admin.css new file mode 100644 index 00000000..50bf5855 --- /dev/null +++ b/assets/css/spectra-popup-builder-admin.css @@ -0,0 +1,187 @@ +/* This file contains the styles used in the Popup Builder Admin Page */ + + +/* Page Styling ---------------------- Start */ + +/* Background of the Popup Builder Admin Page */ +#wpwrap, +.striped > tbody > :nth-child(odd) { + background-color: #f8fafc; +} + +/* Page Styling ------------------------ End */ + +/* Toggle Styling -------------------- Start */ + +/* Toggle Styling */ +.spectra-popup-builder__switch { + position: relative; + width: 42px; + height: 22px; + padding: 2px; + margin: inherit; + cursor: pointer; + border: none; + border-radius: 100px; + box-sizing: border-box; + background: #64748b; + 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); +} + +/* Toggle Disabled Styling */ +.spectra-popup-builder__switch.spectra-popup-builder__switch--disabled { + pointer-events: none; + cursor: not-allowed; + background: #e2e8f0; +} + +/* Toggle Dot Styling */ +.spectra-popup-builder__switch > span { + pointer-events: none; + -js-display: flex; + display: flex; + width: 16px; + height: 16px; + background: #fff; + box-shadow: 0 1px 2px 0 #0000000f, 0 1px 3px 0 #0000001a; + border-radius: inherit; + transform: translate(2px, 1px); + transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); +} + +/* Toggle Dot Styling - RTL */ +.spectra-popup-builder__switch.is-rtl-toggle > span { + transform: translate(-2px, 1px); +} + +/* Toggle Active Styling */ +.spectra-popup-builder__switch.spectra-popup-builder__switch--active { + background: #007cba; + opacity: 1; +} + +/* Toggle Active Dot Styling */ +.spectra-popup-builder__switch.spectra-popup-builder__switch--active span { + transform: translate(20px, 1px); +} + +/* Toggle Active Dot Styling - RTL */ +.spectra-popup-builder__switch.spectra-popup-builder__switch--active.is-rtl-toggle span { + transform: translate(-20px, 1px); +} + +/* Toggle Styling ---------------------- End */ + +/* Columns Styling ------------------- Start */ + +/* Style for all the Headings in the Admin Table */ +/* stylelint-disable selector-id-pattern */ +.post-type-spectra-popup .wp-list-table #spectra_popup_type, +.post-type-spectra-popup .wp-list-table #author, +.post-type-spectra-popup .wp-list-table #spectra_popup_toggle { + width: 150px; +} + +.post-type-spectra-popup .wp-list-table #spectra_popup_trigger { + width: 200px; +} +/* stylelint-enable selector-id-pattern */ + +/* Style for the Switch Column and Row in the Admin Table */ +th.column-spectra_popup_toggle, +td.column-spectra_popup_toggle { + text-align: center; +} + +/* Style for the Switch Element in the Admin Table */ +td.spectra_popup_toggle.column-spectra_popup_toggle .spectra-popup-builder__switch { + margin: 0 auto; +} + +/* Columns Styling --------------------- End */ + + +/* 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; +} diff --git a/assets/css/spectra-popup-builder-admin.min.css b/assets/css/spectra-popup-builder-admin.min.css new file mode 100644 index 00000000..dadfa65f --- /dev/null +++ b/assets/css/spectra-popup-builder-admin.min.css @@ -0,0 +1,85 @@ +#wpwrap,.striped>tbody>:nth-child(odd){background-color:#f8fafc}.spectra-popup-builder__switch{position:relative;width:42px;height:22px;padding:2px;margin:inherit;cursor:pointer;border:none;border-radius:100px;box-sizing:border-box;background:#64748b;opacity:.7;transition:background .15s cubic-bezier(.4, 0, .2, 1),border-color .15s cubic-bezier(.4, 0, .2, 1)}.spectra-popup-builder__switch.spectra-popup-builder__switch--disabled{pointer-events:none;cursor:not-allowed;background:#e2e8f0}.spectra-popup-builder__switch>span{pointer-events:none;-js-display:flex;display:flex;width:16px;height:16px;background:#fff;box-shadow:0 1px 2px 0 #0000000f,0 1px 3px 0 #0000001a;border-radius:inherit;transform:translate(2px,1px);transition:background .15s cubic-bezier(.4, 0, .2, 1),transform .15s cubic-bezier(.4, 0, .2, 1)}.spectra-popup-builder__switch.is-rtl-toggle>span{transform:translate(-2px,1px)}.spectra-popup-builder__switch.spectra-popup-builder__switch--active{background:#007cba;opacity:1}.spectra-popup-builder__switch.spectra-popup-builder__switch--active span{transform:translate(20px,1px)}.spectra-popup-builder__switch.spectra-popup-builder__switch--active.is-rtl-toggle span{transform:translate(-20px,1px)}.post-type-spectra-popup .wp-list-table #author,.post-type-spectra-popup .wp-list-table #spectra_popup_toggle,.post-type-spectra-popup .wp-list-table #spectra_popup_type{width:150px}.post-type-spectra-popup .wp-list-table #spectra_popup_trigger{width:200px}td.column-spectra_popup_toggle,th.column-spectra_popup_toggle{text-align:center}td.spectra_popup_toggle.column-spectra_popup_toggle .spectra-popup-builder__switch{margin:0 auto} + +/* 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; +} diff --git a/assets/css/spectra-pro-popup-builder-admin.css b/assets/css/spectra-pro-popup-builder-admin.css new file mode 100644 index 00000000..b6b0fd50 --- /dev/null +++ b/assets/css/spectra-pro-popup-builder-admin.css @@ -0,0 +1,252 @@ +/* This file contains the styles used in the Popup Builder Pro Admin Page Elements */ + +/* Columns Styling ------------------- Start */ + + +/* Style for all the Headings in the Admin Table */ +/* stylelint-disable selector-id-pattern */ +.post-type-spectra-popup .wp-list-table #spectra_popup_details { + width: 150px; +} + +/* stylelint-enable selector-id-pattern */ + +/* Style for the Switch and Quick-view Column and Row in the Admin Table */ +th.column-spectra_popup_details, +td.column-spectra_popup_details { + text-align: center; +} + +/* Style for the Quick-view Element in the Admin Table */ +td.spectra_popup_details.column-spectra_popup_details .spectra-popup-builder__button { + background: transparent; + border: none; + cursor: pointer; +} + +/* Style for the Quick-view Dashicon in the Admin Table */ +td.spectra_popup_details.column-spectra_popup_details .spectra-popup-builder__button { + color: #50575e; +} + +/* Style for everything inside the Quick View Button in the Admin Table */ +td.spectra_popup_details.column-spectra_popup_details .spectra-popup-builder__button * { + pointer-events: none; +} + +/* Columns Styling --------------------- End */ + +/* Modal Styling --------------------- Start */ + +/* Style for the Modal Overlay */ +.spectra-popup-builder__modal--overlay { + display: none; /* Hidden by default */ + align-items: center; + justify-content: center; + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + z-index: 99999; + backdrop-filter: blur(4px); + background-color: rgba(107, 114, 128, 0.75); + opacity: 0; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +/* Style for the Modal */ +.spectra-popup-builder__modal { + position: relative; + width: 100%; + max-width: 32rem; + border-radius: 8px; + background-color: white; + box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); + opacity: 0; + transition-property: all; + transition-timing-function: ease; + transition-duration: 250ms; +} + +/* Style for all the padded elements in the Modal */ +.spectra-popup-builder__modal--padded { + padding: 16px 32px; +} + +/* Style for the Modal Header */ +.spectra-popup-builder__modal--header { + border-bottom: 1px solid #e6e7e9; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style for the Modal Title */ +.spectra-popup-builder__modal--title { + font-size: 20px; + line-height: 24px; + font-weight: 600; + margin: 0; +} + +/* Style for the Modal Type Badge */ +.spectra-popup-builder__modal--type { + background-color: #f5f3ff; + color: #4f46e5; + padding: 8px 12px; + border-radius: 4px; + font-size: 12px; + line-height: 16px; + font-weight: 600; + text-transform: capitalize; +} + +/* Style for the Modal Body */ +.spectra-popup-builder__modal--body { + display: grid; + grid-template-columns: repeat( 2, 1fr ); + grid-gap: 1px; + width: 100%; + background-color: #e6e7e9; +} + +/* Style for each cell in the Modal Body */ +.spectra-popup-builder__modal--body div { + background-color: white; + display: flex; + align-items: center; + justify-content: flex-start; +} + +/* Style for the lists in the Modal Body */ +.spectra-popup-builder__modal--body ul { + list-style-type: disc; + text-align: left; + padding-left: 12px; +} + +/* Style for the Modal Footer */ +.spectra-popup-builder__modal--footer { + border-top: 1px solid #e6e7e9; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style for the Modal Status */ +.spectra-popup-builder__modal--status { + text-transform: capitalize; +} + +/* Style for the Modal Close Button */ +.spectra-popup-builder__modal--close { + background: transparent; + border: none; + cursor: pointer; + position: absolute; + color: white; + top: 0; + right: -32px; + padding: 0; +} +/* Style for the Modal Close Button Dashicon */ +.spectra-popup-builder__modal--close .dashicons { + width: 24px; + height: 24px; + font-size: 24px; + line-height: 14px; +} + +/* Style for the admin page scroll lock */ +.spectra-popup-builder__modal--scroll-lock { + overflow: hidden; +} + +/* Modal Styling ----------------------- End */ + +/* 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; +} diff --git a/assets/css/spectra-pro-popup-builder-admin.min.css b/assets/css/spectra-pro-popup-builder-admin.min.css new file mode 100644 index 00000000..d0a19cf1 --- /dev/null +++ b/assets/css/spectra-pro-popup-builder-admin.min.css @@ -0,0 +1,85 @@ +.post-type-spectra-popup .wp-list-table #spectra_popup_details{width:150px}td.column-spectra_popup_details,th.column-spectra_popup_details{text-align:center}td.spectra_popup_details.column-spectra_popup_details .spectra-popup-builder__button{background:0 0;border:none;cursor:pointer}td.spectra_popup_details.column-spectra_popup_details .spectra-popup-builder__button{color:#50575e}td.spectra_popup_details.column-spectra_popup_details .spectra-popup-builder__button *{pointer-events:none}.spectra-popup-builder__modal--overlay{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;backdrop-filter:blur(4px);background-color:rgba(107,114,128,.75);opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.spectra-popup-builder__modal{position:relative;width:100%;max-width:32rem;border-radius:8px;background-color:#fff;box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);opacity:0;transition-property:all;transition-timing-function:ease;transition-duration:250ms}.spectra-popup-builder__modal--padded{padding:16px 32px}.spectra-popup-builder__modal--header{border-bottom:1px solid #e6e7e9;display:flex;justify-content:space-between;align-items:center}.spectra-popup-builder__modal--title{font-size:20px;line-height:24px;font-weight:600;margin:0}.spectra-popup-builder__modal--type{background-color:#f5f3ff;color:#4f46e5;padding:8px 12px;border-radius:4px;font-size:12px;line-height:16px;font-weight:600;text-transform:capitalize}.spectra-popup-builder__modal--body{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;width:100%;background-color:#e6e7e9}.spectra-popup-builder__modal--body div{background-color:#fff;display:flex;align-items:center;justify-content:flex-start}.spectra-popup-builder__modal--body ul{list-style-type:disc;text-align:left;padding-left:12px}.spectra-popup-builder__modal--footer{border-top:1px solid #e6e7e9;display:flex;justify-content:space-between;align-items:center}.spectra-popup-builder__modal--status{text-transform:capitalize}.spectra-popup-builder__modal--close{background:0 0;border:none;cursor:pointer;position:absolute;color:#fff;top:0;right:-32px;padding:0}.spectra-popup-builder__modal--close .dashicons{width:24px;height:24px;font-size:24px;line-height:14px}.spectra-popup-builder__modal--scroll-lock{overflow: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; +} diff --git a/assets/css/star-rating.css b/assets/css/star-rating.css new file mode 100644 index 00000000..ed841335 --- /dev/null +++ b/assets/css/star-rating.css @@ -0,0 +1,86 @@ +.wp-block-uagb-star-rating{display:flex}.wp-block-uagb-star-rating .uag-star-rating__title{margin:0}.wp-block-uagb-star-rating .uag-star-rating{display:flex;align-items:center}.wp-block-uagb-star-rating .uag-star{color:#ccd6df;display:inline-block;line-height:0.75em} + + +/* 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; +} diff --git a/assets/css/sticky-add-to-cart.min-rtl.css b/assets/css/sticky-add-to-cart.min-rtl.css new file mode 100644 index 00000000..ae5b20ae --- /dev/null +++ b/assets/css/sticky-add-to-cart.min-rtl.css @@ -0,0 +1,85 @@ +#ast-scroll-top{z-index:9999}.ast-sticky-add-to-cart{position:fixed;right:0;left:0;opacity:0;z-index:1200;transition:opacity .4s ease-in-out,transform .6s ease-in-out,outline .15s ease;transform:translate(0,0);background-color:var(--ast-global-color-primary,var(--ast-global-color-5))}.ast-sticky-add-to-cart.is-active{transform:translate(0,0);opacity:1}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content{display:flex;min-height:60px;padding:10px 0}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-sticky-add-to-cart-title-wrap{display:flex;align-items:center;flex-grow:1}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-sticky-add-to-cart-title-wrap img{max-height:50px;width:auto}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-sticky-add-to-cart-title-wrap .ast-sticky-add-to-cart-title{padding:5px 20px;font-size:18px;font-weight:inherit;line-height:1.5}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-stock-detail{display:none}.ast-sticky-add-to-cart-action-wrap{display:flex;align-items:center;justify-content:flex-end}.ast-sticky-add-to-cart-action-wrap .ast-quantity-add-to-cart{display:flex;align-items:flex-start}.ast-sticky-add-to-cart-action-wrap .cart{display:flex;align-items:center}.ast-sticky-add-to-cart-action-wrap .quantity{padding-left:14px}.ast-sticky-add-to-cart-action-wrap .quantity.ast-vertical-style-applied{margin-left:1em}.ast-sticky-add-to-cart-action-wrap .ast-sticky-add-to-cart-action-price{font-weight:700;padding-left:20px}.ast-sticky-add-to-cart-action-wrap .ast-sticky-add-to-cart-action-price del{opacity:.5;font-weight:400}.woocommerce div.ast-sticky-add-to-cart-action-wrap .button.single_add_to_cart_button{padding:11px 25px;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; +} diff --git a/assets/css/sticky-add-to-cart.min.css b/assets/css/sticky-add-to-cart.min.css new file mode 100644 index 00000000..12c0fb3b --- /dev/null +++ b/assets/css/sticky-add-to-cart.min.css @@ -0,0 +1,85 @@ +#ast-scroll-top{z-index:9999}.ast-sticky-add-to-cart{position:fixed;left:0;right:0;opacity:0;z-index:1200;transition:opacity .4s ease-in-out,transform .6s ease-in-out,outline .15s ease;transform:translate(0,0);background-color:var(--ast-global-color-primary,var(--ast-global-color-5))}.ast-sticky-add-to-cart.is-active{transform:translate(0,0);opacity:1}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content{display:flex;min-height:60px;padding:10px 0}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-sticky-add-to-cart-title-wrap{display:flex;align-items:center;flex-grow:1}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-sticky-add-to-cart-title-wrap img{max-height:50px;width:auto}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-sticky-add-to-cart-title-wrap .ast-sticky-add-to-cart-title{padding:5px 20px;font-size:18px;font-weight:inherit;line-height:1.5}.ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-stock-detail{display:none}.ast-sticky-add-to-cart-action-wrap{display:flex;align-items:center;justify-content:flex-end}.ast-sticky-add-to-cart-action-wrap .ast-quantity-add-to-cart{display:flex;align-items:flex-start}.ast-sticky-add-to-cart-action-wrap .cart{display:flex;align-items:center}.ast-sticky-add-to-cart-action-wrap .quantity{padding-right:14px}.ast-sticky-add-to-cart-action-wrap .quantity.ast-vertical-style-applied{margin-right:1em}.ast-sticky-add-to-cart-action-wrap .ast-sticky-add-to-cart-action-price{font-weight:700;padding-right:20px}.ast-sticky-add-to-cart-action-wrap .ast-sticky-add-to-cart-action-price del{opacity:.5;font-weight:400}.woocommerce div.ast-sticky-add-to-cart-action-wrap .button.single_add_to_cart_button{padding:11px 25px;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; +} diff --git a/assets/css/style-blocks-rtl.css b/assets/css/style-blocks-rtl.css new file mode 100644 index 00000000..baf7110c --- /dev/null +++ b/assets/css/style-blocks-rtl.css @@ -0,0 +1,264 @@ +.rtl.block-editor-page #wpwrap .wp-block-uagb-blockquote .uagb-blockquote__skin-border blockquote.uagb-blockquote, +.rtl .wp-block-uagb-blockquote .uagb-blockquote__skin-border blockquote.uagb-blockquote { + border-left-style: none; + border-left-width: 0; + padding-right: 15px; +} + +.rtl.block-editor-page #wpwrap .wp-block-uagb-blockquote .uagb-blockquote__content.block-editor-rich-text__editable, +.rtl .wp-block-uagb-blockquote .uagb-blockquote__content.block-editor-rich-text__editable { + text-align: right; +} + +.rtl .uagb_review_block .uagb_review_entry { + display: unset; +} + +.rtl .uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow::after { + border-left: 13px solid #eee; + border-right: none; +} + +.rtl .uagb-timeline__right-block .uagb-timeline__line { + left: calc(2em / 2); + right: auto; +} + +.uagb-timeline__day-right .uagb-timeline__arrow::after { + right: 970px; +} + +.uagb-timeline__day-left .uagb-timeline__arrow::after { + right: -970px; +} + +.rtl .uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__arrow::after { + border-left: none; + border-right: 13px solid #eee; +} + +.uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow::after { + right: -970px; +} + +.rtl .uagb-timeline__center-block .uagb-timeline__line { + right: 50% !important; + left: auto; +} + +.uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow::after { + border-left: 13px solid #eee; + border-right: none; +} + +.rtl .uagb-post-grid .uagb-post__text { + text-align: right; +} + +.rtl .uagb-icon-list__outer-wrap:not(.uagb-icon-list__no-label) .uagb-icon-list__source-wrap { + margin-left: 15px; +} + +.rtl .uagb-faq__outer-wrap.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap { + margin-left: 10px; +} + +.rtl .uagb-rm__content { + text-align: right; +} + +/* Spectra blocks */ +.rtl .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-center .uagb-team__content, +.rtl .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-left .uagb-team__content, +.rtl .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-right .uagb-team__content { + text-align: right; +} + +.rtl .wp-block-uagb-inline-notice.uagb-inline_notice__align-left, +.rtl .wp-block-uagb-inline-notice.uagb-inline_notice__align-right, +.rtl .wp-block-uagb-inline-notice.uagb-inline_notice__align-center { + text-align: right; +} + +.rtl .uagb-tm__content { + text-align: right; +} + +.rtl .uagb-social-share__outer-wrap, +.uagb-social-share__wrap { + justify-content: right; +} + +.rtl .uagb-post-grid .uagb-post__inner-wrap { + text-align: right; +} + +.rtl .uagb-timeline__left, +.rtl .uagb-timeline__right, +.rtl .uagb-timeline__center { + text-align: right; +} + +.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-center, +.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__title-wrap, +.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__link { + text-align: right; +} + +.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-center, +.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__title-wrap, +.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__link { + justify-content: right; +} + +.rtl .uagb-infobox-icon-left.uagb-infobox__content-wrap, +.uagb-infobox-icon-right.uagb-infobox__content-wrap, +.rtl .uagb-infobox-icon-left-title .uagb-ifb-left-title-image, +.rtl .uagb-infobox-icon-right-title .uagb-ifb-right-title-image { + flex-direction: row; +} + +.rtl .wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__content, +.rtl .uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__content { /* without image */ + text-align: right; +} + +.rtl .wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__price, +.rtl .wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-right .uagb-rm__price, +.rtl .wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__price, +.rtl .uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__price, +.rtl .uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-right .uagb-rm__price, +.rtl .uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__price { + text-align: left; +} + +.rtl .wp-block-uagb-restaurant-menu .uagb-rm__image-position-left img, +.rtl .uagb-rest_menu__wrap .uagb-rm__image-position-left img { + margin-left: 10px; +} + +.rtl .wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__separator, +.rtl .uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__separator { + align-self: flex-start; +} + +.rtl .wp-block-uagb-blockquote blockquote.uagb-blockquote { + border-right-style: none; +} + +.rtl .uagb-forms-radio-wrap input[type="radio"] + label::before { + margin-left: 10px; +} + +.rtl .uagb-forms-checkbox-wrap input[type="checkbox"] + label::before, +.rtl .uagb-forms-accept-wrap input[type="checkbox"] + label::before { + margin-left: 10px; +} + +.rtl .wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-right .uagb-rm__content { + text-align: left; +} + +.rtl .uagb-blockquote__tweet-icon_text a.uagb-blockquote__tweet-button svg { + margin-left: 10px; + margin-right: 0; +} + +.rtl .uag-star-rating__title { + margin-left: 10px; +} + +.rtl .uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow::after { + border-right: 13px solid #eee; + border-left: none; + right: 581px; +} + +.rtl .uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow::after { + right: -585px; +} + + +/* 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; +} diff --git a/assets/css/style-blocks-rtl.min.css b/assets/css/style-blocks-rtl.min.css new file mode 100644 index 00000000..c5b5ea6a --- /dev/null +++ b/assets/css/style-blocks-rtl.min.css @@ -0,0 +1,85 @@ +.rtl .wp-block-uagb-blockquote .uagb-blockquote__skin-border blockquote.uagb-blockquote,.rtl.block-editor-page #wpwrap .wp-block-uagb-blockquote .uagb-blockquote__skin-border blockquote.uagb-blockquote{border-left-style:none;border-left-width:0;padding-right:15px}.rtl .wp-block-uagb-blockquote .uagb-blockquote__content.block-editor-rich-text__editable,.rtl.block-editor-page #wpwrap .wp-block-uagb-blockquote .uagb-blockquote__content.block-editor-rich-text__editable{text-align:right}.rtl .uagb_review_block .uagb_review_entry{display:unset}.rtl .uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow::after{border-left:13px solid #eee;border-right:none}.rtl .uagb-timeline__right-block .uagb-timeline__line{left:calc(2em / 2);right:auto}.uagb-timeline__day-right .uagb-timeline__arrow::after{right:970px}.uagb-timeline__day-left .uagb-timeline__arrow::after{right:-970px}.rtl .uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__arrow::after{border-left:none;border-right:13px solid #eee}.uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow::after{right:-970px}.rtl .uagb-timeline__center-block .uagb-timeline__line{right:50%!important;left:auto}.uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow::after{border-left:13px solid #eee;border-right:none}.rtl .uagb-post-grid .uagb-post__text{text-align:right}.rtl .uagb-icon-list__outer-wrap:not(.uagb-icon-list__no-label) .uagb-icon-list__source-wrap{margin-left:15px}.rtl .uagb-faq__outer-wrap.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-left:10px}.rtl .uagb-rm__content{text-align:right}.rtl .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-center .uagb-team__content,.rtl .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-left .uagb-team__content,.rtl .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-right .uagb-team__content{text-align:right}.rtl .wp-block-uagb-inline-notice.uagb-inline_notice__align-center,.rtl .wp-block-uagb-inline-notice.uagb-inline_notice__align-left,.rtl .wp-block-uagb-inline-notice.uagb-inline_notice__align-right{text-align:right}.rtl .uagb-tm__content{text-align:right}.rtl .uagb-social-share__outer-wrap,.uagb-social-share__wrap{justify-content:right}.rtl .uagb-post-grid .uagb-post__inner-wrap{text-align:right}.rtl .uagb-timeline__center,.rtl .uagb-timeline__left,.rtl .uagb-timeline__right{text-align:right}.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-center,.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__link,.wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__title-wrap{text-align:right}.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-center,.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__link,.rtl .wp-block-uagb-marketing-button.uagb-marketing-btn__align-text-center .uagb-marketing-btn__title-wrap{justify-content:right}.rtl .uagb-infobox-icon-left-title .uagb-ifb-left-title-image,.rtl .uagb-infobox-icon-left.uagb-infobox__content-wrap,.rtl .uagb-infobox-icon-right-title .uagb-ifb-right-title-image,.uagb-infobox-icon-right.uagb-infobox__content-wrap{flex-direction:row}.rtl .uagb-rest_menu__wrap .uagb-rest_menu__wrap .uagb-rm__content,.rtl .wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap .uagb-rm__content{text-align:right}.rtl .uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__price,.rtl .uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__price,.rtl .uagb-rest_menu__wrap .uagb-rm__image-position-left.uagb-rm__align-right .uagb-rm__price,.rtl .wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-center .uagb-rm__price,.rtl .wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-left .uagb-rm__price,.rtl .wp-block-uagb-restaurant-menu .uagb-rm__image-position-left.uagb-rm__align-right .uagb-rm__price{text-align:left}.rtl .uagb-rest_menu__wrap .uagb-rm__image-position-left img,.rtl .wp-block-uagb-restaurant-menu .uagb-rm__image-position-left img{margin-left:10px}.rtl .uagb-rest_menu__wrap .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__separator,.rtl .wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-center .uagb-rm__separator{align-self:flex-start}.rtl .wp-block-uagb-blockquote blockquote.uagb-blockquote{border-right-style:none}.rtl .uagb-forms-radio-wrap input[type=radio]+label::before{margin-left:10px}.rtl .uagb-forms-accept-wrap input[type=checkbox]+label::before,.rtl .uagb-forms-checkbox-wrap input[type=checkbox]+label::before{margin-left:10px}.rtl .wp-block-uagb-restaurant-menu .uagb-rest_menu__wrap.uagb-rm__align-right .uagb-rm__content{text-align:left}.rtl .uagb-blockquote__tweet-icon_text a.uagb-blockquote__tweet-button svg{margin-left:10px;margin-right:0}.rtl .uag-star-rating__title{margin-left:10px}.rtl .uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow::after{border-right:13px solid #eee;border-left:none;right:581px}.rtl .uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow::after{right:-585px} + +/* 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; +} diff --git a/assets/css/style-css.min.css b/assets/css/style-css.min.css new file mode 100644 index 00000000..2f66451e --- /dev/null +++ b/assets/css/style-css.min.css @@ -0,0 +1,87 @@ +@charset "UTF-8";a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #eaeaea;margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */.ast-container{max-width:100%}.ast-container,.ast-container-fluid{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-row{margin-left:-20px;margin-right:-20px}.ast-grid-common-col{position:relative;min-height:1px;padding-left:20px;padding-right:20px}.ast-float{float:left}@media (max-width:992px){.ast-width-sm-25{width:25%}.ast-width-md-50{width:50%}}@media (max-width:768px){.ast-width-md-25{width:25%}}.ast-full-width{width:100%}.ast-width-50{width:50%}@media (min-width:768px){.ast-width-md-4{width:33.3333333333%}.ast-width-md-16{width:16.6666666667%}.ast-width-md-6{width:50%;float:left}.ast-width-md-3{width:25%}.ast-width-md-66{width:66.6666666667%}}@media (min-width:769px){.ast-width-md-20{width:20%}}@media (min-width:992px){.ast-width-lg-33{width:33.3333333333%}.ast-width-lg-16{width:16.6666666667%}.ast-width-lg-50{width:50%}.ast-width-lg-66{width:66.6666666667%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}th{font-weight:700}td,th{padding:8px;border-width:0 1px 1px 0}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#eaeaea;border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:#eaeaea}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#eaeaea;outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid #ccc;border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-left:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-left:auto;margin-right:auto}#primary:after,#primary:before,#secondary:after,#secondary:before,.ast-container:after,.ast-container:before,.ast-row:after,.ast-row:before,.clear:after,.clear:before,.sidebar-main:after,.sidebar-main:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-main:after,.site-main:before{content:"";display:table}#primary:after,#secondary:after,.ast-container:after,.ast-row:after,.clear:after,.sidebar-main:after,.site-content:after,.site-footer:after,.site-header:after,.site-main:after{clear:both}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 1em 1.5em 3em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;left:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:400}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;left:0;width:100%;height:100%}body .ast-oembed-container *{position:absolute;top:0;left:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{display:block;position:relative;float:left;width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-left:0;margin-right:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid #eee;margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}.ast-page-builder-template .hentry{margin:0}.ast-page-builder-template .site-content>.ast-container{max-width:100%;padding:0}.ast-page-builder-template .site-content #primary{padding:0;margin:0}.ast-page-builder-template .no-results{text-align:center;margin:4em auto}.ast-page-builder-template .entry-header{margin-top:4em;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail{margin-top:0}.ast-page-builder-template .entry-header.ast-header-without-markup{margin-top:0;margin-bottom:0}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta{margin-bottom:0}.ast-page-builder-template.single .post-navigation{padding-bottom:2em}.ast-page-builder-template .ast-archive-description{margin-top:4em;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-right:60px}.ast-left-sidebar #primary{padding-left:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-left:0;padding-right:0}.ast-right-sidebar #primary{padding-right:30px}.ast-left-sidebar #primary{padding-left:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-left:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu{right:auto;left:0}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0;left:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{left:100%;right:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow svg{position:absolute;right:.6em;top:50%;transform:translate(0,-50%) rotate(270deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-1px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-width:0}.ast-header-break-point .main-navigation{padding-left:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:#eaeaea}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-right:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-left:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-left:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-left:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:1px;border-style:solid;border-color:#eaeaea}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1){display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-left:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-left:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-right:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-left:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-next,.comment-navigation .nav-previous,.post-navigation .nav-next,.post-navigation .nav-previous,.posts-navigation .nav-next,.posts-navigation .nav-previous{width:50%;display:inline-block}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:right}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:16px;font-size:1.06666rem;padding:0 1.5em;height:2.33333em;line-height:calc(2.33333em - 3px)}.main-header-bar{z-index:1}.header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items{text-align:right}.header-main-layout-1 .main-header-bar-navigation{text-align:right}.header-main-layout-1 .main-header-bar-navigation .sub-menu{text-align:left}.header-main-layout-1 .main-navigation{padding-left:15px;vertical-align:top}.header-main-layout-1 .main-header-container{align-items:stretch}.header-main-layout-2 .main-header-container{display:block}.header-main-layout-2 .site-branding{text-align:center;padding-bottom:1em}.header-main-layout-2 .site-title{justify-content:center}.header-main-layout-2 .main-navigation ul{justify-content:center}.header-main-layout-2 .main-header-bar-navigation{text-align:center}.header-main-layout-2 .main-header-bar-navigation .sub-menu{text-align:left}.header-main-layout-2 .ast-header-custom-item{justify-content:center;line-height:1.85714285714286}.header-main-layout-2 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-2 .widget{text-align:center}.ast-header-custom-item-outside .header-main-layout-2 .main-header-container{-js-display:flex;display:flex;justify-content:center}.ast-header-custom-item-outside .header-main-layout-2 .site-branding{flex:0 0 100%}.header-main-layout-3 .ast-site-identity{text-align:right}.header-main-layout-3 .main-header-container{flex-direction:row-reverse;align-items:stretch}.header-main-layout-3 .main-navigation{padding-right:15px}.header-main-layout-3 .main-navigation ul{justify-content:flex-start}.header-main-layout-3 .main-header-bar-navigation{text-align:left}.header-main-layout-3 .ast-header-custom-item{justify-content:flex-start}.header-main-layout-3 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-3 li .ast-search-icon{padding-left:.5em}.header-main-layout-3 .ast-search-menu-icon{left:0;right:0}.header-main-layout-3 li .ast-search-menu-icon{left:1em;right:0}.header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form{padding:0 0 0 3em}.header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{left:-1em;right:auto}.ast-header-break-point .header-main-layout-1 .site-branding{padding-right:1em}.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation{text-align:left}.ast-header-break-point .header-main-layout-1 .main-navigation{padding-left:0}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .site-branding{padding-left:0;padding-right:0;padding-bottom:1em;flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items,.ast-header-break-point .ast-mobile-header-stack .ast-site-identity,.ast-header-break-point .ast-mobile-header-stack .site-branding,.ast-header-break-point .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title{text-align:left}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{flex:1 1 100%;text-align:center;justify-content:center}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container{flex-direction:initial}.ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons{-js-display:flex;display:flex;justify-content:center}.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation,.ast-header-break-point .header-main-layout-2 .widget{text-align:left}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon{margin-right:auto;margin-left:1em}.ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{right:auto;left:0}.ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons{justify-content:flex-start}.ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon{left:0}.ast-header-break-point .header-main-layout-3 .site-branding{padding-left:1em;justify-content:flex-end}.ast-header-break-point .header-main-layout-3 .main-navigation{padding-right:0}.ast-logo-title-inline .ast-site-identity{-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-logo-title-inline .site-logo-img{padding-right:1em}.ast-logo-title-inline.header-main-layout-2 .site-logo-img+.ast-site-title-wrap .site-title{justify-content:flex-start}@media (max-width:544px){.ast-header-custom-item-outside .ast-mobile-header-stack .site-branding{padding-right:0}.ast-header-custom-item-outside .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center;text-align:center;padding-bottom:0}}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{text-align:left}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title{justify-content:left}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:1em}.ast-header-break-point .ast-mobile-header-inline .main-header-container,.ast-header-break-point .ast-mobile-header-stack .main-header-container{-js-display:flex;display:flex}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:#eaeaea;border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:#eaeaea;border-bottom-style:solid}.main-header-bar{margin-left:auto;margin-right:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.nav-style{display:block;padding:0 15px}.site-branding{line-height:1;align-self:center}.ast-no-menu-items .main-navigation{display:none}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative;line-height:4}.main-header-bar .main-header-bar-navigation{height:100%}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.main-header-bar .main-header-bar-navigation .ast-search-icon{display:block;z-index:4;position:relative}.main-header-bar .ast-search-menu-icon .search-form{background-color:#fff}.ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on{padding-top:0}.ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link{border:none}.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form{visibility:visible;opacity:1;position:relative;right:auto;top:auto;transform:none}.ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon,.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon,.below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon{color:#757575}.ast-search-menu-icon.slide-search .search-form{-webkit-backface-visibility:visible;backface-visibility:visible;visibility:hidden;opacity:0;transition:all .2s;position:absolute;z-index:3;right:-1em;top:50%;transform:translateY(-50%)}.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form{visibility:visible;opacity:1}.ast-search-menu-icon .search-form{border:1px solid #e7e7e7;line-height:normal;padding:0 3em 0 0;border-radius:2px;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;color:inherit;background-color:#fff}.ast-search-menu-icon .astra-search-icon{-js-display:flex;display:flex;line-height:normal}.ast-search-menu-icon .astra-search-icon:focus{outline:0}.ast-search-menu-icon .search-field{border:none;background-color:transparent;transition:width .2s;border-radius:inherit;color:inherit;font-size:inherit;width:0;color:#757575}.ast-search-menu-icon .search-submit{display:none;background:0 0;border:none;font-size:1.3em;color:#757575}.ast-search-menu-icon.ast-dropdown-active{visibility:visible;opacity:1;position:relative}.ast-search-menu-icon.ast-dropdown-active .search-field{width:235px}li.ast-masthead-custom-menu-items{padding:0 1em}li.ast-masthead-custom-menu-items a{padding-left:0;padding-right:0;vertical-align:middle}li.ast-masthead-custom-menu-items a,li.ast-masthead-custom-menu-items a:focus,li.ast-masthead-custom-menu-items a:hover{background:0 0}li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon{line-height:1}.ast-search-icon{z-index:4;position:relative;line-height:normal}.ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items{text-align:right}.ast-primary-menu-disabled .ast-masthead-custom-menu-items{flex:1}.ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items{text-align:left}.ast-masthead-custom-menu-items{padding:0 1em}.search-custom-menu-item{position:relative}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .ast-mobile-header-stack .site-description{text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description{text-align:left}.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons{display:none}.ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items{display:none}.ast-header-break-point .ast-mobile-header-inline .site-branding{text-align:left;padding-bottom:0}.ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding{text-align:right}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{-js-display:flex;display:flex;flex:1;align-self:center}.ast-header-break-point ul li.ast-masthead-custom-menu-items a{padding:0;display:inline-block;width:auto;border:0}.ast-header-break-point li.ast-masthead-custom-menu-items{padding-left:20px;padding-right:20px;margin-bottom:1em;margin-top:1em}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.menu-link:after{display:none}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3;display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle .icon-arrow svg,.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:1px;border-style:solid;border-color:#eaeaea}.ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon{position:relative;display:block;right:auto;transform:none}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul>.menu-item:first-child{border-top:0}.ast-header-break-point .main-navigation ul ul{left:auto;right:auto}.ast-header-break-point .main-navigation li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link{display:none}.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link{display:inline-block}.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg,.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link{display:block}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons{order:2}.ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation{order:3}.ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items{order:1}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons,.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{-js-display:flex;display:flex}.ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:0}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity{width:100%}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity{width:auto}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding{flex:1 1 auto}@media (max-width:544px){.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{width:100%}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center}.ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding{flex:1 1 auto}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding{padding-bottom:0}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{padding:.8em 1em 0 1em;text-align:center;width:100%}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items,.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons{padding-top:.8em}}.customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:none}.site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:none}.main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:inline-block}.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{left:100px}.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{left:5px}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button{top:15px}.ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{left:-30px;top:-7px;display:none}.ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{top:-14px;display:none}.ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{left:-30px;top:15px;display:none}.ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.widget-custom-menu-item{text-align:left}.ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{left:-25px;top:-8px;display:none}.ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{top:-20px;left:-25px;display:none}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-below-header .below-header-user-select .ast-search-menu-icon,.ast-below-header .below-header-user-select .ast-site-header-cart,.ast-below-header .below-header-user-select.below-header-widget{text-align:left}.ast-below-header .customize-partial-edit-shortcut{top:1em}.ast-above-header-section .user-select .ast-search-menu-icon{text-align:left}.ast-above-header .customize-partial-edit-shortcut{top:.3em}.ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{left:-14px}.ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button{left:-25px;top:-10px}.ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{left:-25px;top:-15px}.ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button{left:-25px}.ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{left:-14px}.ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;left:-25px}.ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{left:-14px}.below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button{top:-10px;left:-25px}.below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{left:-14px}.below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;left:-25px}.below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button{left:-25px}.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button,.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button{left:-60px}.ast-header-break-point .ast-mobile-menu-buttons{text-align:right;-js-display:flex;display:flex;justify-content:flex-end}.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal{font-size:1.7em}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline,.updated:not(.published){display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:#eaeaea;background:0 0}.page-links .page-link{padding:0;margin:0 0 .3em .3em;border:2px solid #eaeaea;color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.bypostauthor{display:block}.ast-no-sidebar .entry-content .alignfull{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);max-width:100vw;width:100vw}.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-no-sidebar .entry-content .alignfull .alignwide{width:100%;margin-left:auto;margin-right:auto}.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-no-sidebar .entry-content .alignwide .alignwide{width:100%;margin-left:auto;margin-right:auto}.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-no-sidebar .entry-content .wp-block-column .alignwide{margin-left:auto;margin-right:auto;width:100%}[ast-blocks-layout] .wp-block-separator:not(.is-style-wide){max-width:100px}[ast-blocks-layout] .wp-block-separator.is-style-dots,[ast-blocks-layout] .wp-block-separator.is-style-wide{max-width:none}[ast-blocks-layout] .wp-block-separator .has-background{padding:0}[ast-blocks-layout]>*{max-width:var(--ast-content-width-size);margin-left:auto;margin-right:auto}[ast-blocks-layout]>.alignwide{max-width:var(--ast-wide-width-size)}[ast-blocks-layout] .alignfull{max-width:none}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-left:20px}.widget_nav_menu ul ul.sub-menu a:after{left:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{left:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{left:-60px}.widget_nav_menu li{transition:all .2s linear}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;right:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;right:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:#fafafa;border-width:1px;border-color:#eaeaea;border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:16px 45px 16px 15px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-left:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{left:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{left:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid #e2e2e2;padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-right:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-right:none;border-left:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid #eaeaea;border-top:2px solid #eaeaea}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{background:#0274be}.ast-footer-overlay{background-color:#3a3a3a;padding-top:2em;padding-bottom:2em}@media (min-width:769px){.ast-footer-overlay{padding-top:2.66666em;padding-bottom:2.66666em}}.ast-small-footer{line-height:1.85714285714286;position:relative}.ast-small-footer .nav-menu a{padding:0 .5em}.ast-small-footer .no-widget-text,.ast-small-footer .widget-title{margin-bottom:0}.ast-small-footer .widget{margin-bottom:1em}.ast-small-footer .widget ul{position:static;border:0;width:auto}.ast-small-footer .widget ul a{border:0}.ast-small-footer .widget:last-child{margin-bottom:0}@media (min-width:769px){.ast-small-footer .nav-menu li{margin:0}.ast-small-footer .nav-menu li:first-child a{padding-left:0}.ast-small-footer .nav-menu li:last-child a{padding-right:0}}.ast-footer-site-title .customize-partial-edit-shortcut-button{display:none}.footer-sml-layout-1{text-align:center}.footer-sml-layout-1 .ast-small-footer-section-2{margin-top:1em}.footer-sml-layout-2 .ast-small-footer-section-1,.footer-sml-layout-2 .ast-small-footer-section-2{text-align:center}@media (min-width:769px){.footer-sml-layout-2 .ast-small-footer-section-1{text-align:left}.footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link{padding:0 1em 0 0}.footer-sml-layout-2 .ast-small-footer-section-2{text-align:right}.footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link{padding:0 0 0 1em}}@media (max-width:768px){.ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2{margin-top:1em}}@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0){.ast-small-footer-wrap .ast-row:before{display:block}}.site-footer{color:#fff}.site-footer .widget-title{color:#eaeaea}.site-footer a{color:#eaeaea}.site-footer a:focus,.site-footer a:hover{color:#fff}.site-footer ul{margin:0;list-style-type:none}.site-footer .nav-menu li{display:inline-block}.footer-adv-overlay{background-color:#3a3a3a;padding-top:70px;padding-bottom:70px}.footer-adv p:last-child{margin-bottom:0}.footer-adv .widget_calendar table{margin-bottom:0}@media all and (max-width:768px){.footer-adv-widget-1 .widget:last-child{margin:0 0 2.8em}}.footer-adv .ast-no-widget-row .widget-title{text-transform:capitalize}@media all and (max-width:768px){.footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child{margin:0 0 2.8em}}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:#eaeaea;border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:#eaeaea;box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.entry-content{word-wrap:break-word}.entry-content p{margin-bottom:1.6em}.read-more{margin-bottom:0}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-left:0;padding-right:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 0 0 20px}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid #eee}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid #eee}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;text-align:center;color:#000}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{flex:auto}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:100%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .ast-single-post-order+.post-thumb img{margin-top:2em;margin-bottom:0}.single .entry-header.ast-no-title .post-thumb+.ast-single-post-order{margin-top:0}.single .entry-header .post-thumb+.ast-single-post-order{margin-top:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-separate-container .post-navigation{border-top:0;padding-left:3.33333em;padding-right:3.33333em}@media (max-width:420px){.ast-separate-container .post-navigation{padding-left:0;padding-right:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid #eee}.blog-layout-1 .posted-on{left:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-left:0;padding-right:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-flex-grow-1{flex-grow:1}.ast-icon.icon-search{z-index:4} + +/* 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; +} diff --git a/assets/css/style-flex.min-rtl.css b/assets/css/style-flex.min-rtl.css new file mode 100644 index 00000000..320d77af --- /dev/null +++ b/assets/css/style-flex.min-rtl.css @@ -0,0 +1,87 @@ +@charset "UTF-8";a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */.ast-container{max-width:100%}.ast-container,.ast-container-fluid{margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.ast-row{margin-right:-20px;margin-left:-20px}@media (min-width:768px) and (max-width:921px){.blog-layout-2 .ast-width-md-6,.blog-layout-3 .ast-width-md-6{float:none;width:100%}}@media (min-width:769px) and (max-width:921px){.blog-layout-2,.blog-layout-3{flex-direction:unset}}@media (max-width:768px){.blog-layout-3{flex-direction:column}}.ast-grid-common-col{position:relative;min-height:1px;padding-right:20px;padding-left:20px}.ast-float{float:right}@media (max-width:992px){.ast-width-sm-25{width:25%}.ast-width-md-50{width:50%}}@media (max-width:768px){.ast-width-md-25{width:25%}}.ast-full-width{width:100%}.ast-width-50{width:50%}@media (min-width:768px){.ast-width-md-4{width:33.3333333333%}.ast-width-md-16{width:16.6666666667%}.ast-width-md-6{width:50%;float:right}.ast-width-md-3{width:25%}.ast-width-md-66{width:66.6666666667%}}@media (min-width:769px){.ast-width-md-20{width:20%}}@media (min-width:992px){.ast-width-lg-33{width:33.3333333333%}.ast-width-lg-16{width:16.6666666667%}.ast-width-lg-50{width:50%}.ast-width-lg-66{width:66.6666666667%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 3em 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-right:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-right:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-left:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 1px 0 0;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 0 1px 1px}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-right:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-right:auto;margin-left:auto}#primary:after,#primary:before,#secondary:after,#secondary:before,.ast-container:after,.ast-container:before,.ast-row:after,.ast-row:before,.clear:after,.clear:before,.sidebar-main:after,.sidebar-main:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-main:after,.site-main:before{content:"";display:table}#primary:after,#secondary:after,.ast-container:after,.ast-row:after,.clear:after,.sidebar-main:after,.site-content:after,.site-footer:after,.site-header:after,.site-main:after{clear:both}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-right:auto;margin-left:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 3em 1.5em 1em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;right:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;right:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;right:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{display:block;position:relative;float:right;width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-right:0;margin-left:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid var(--ast-border-color);margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}.ast-page-builder-template .hentry{margin:0}.ast-page-builder-template .site-content>.ast-container{max-width:100%;padding:0}.ast-page-builder-template .site-content #primary{padding:0;margin:0}.ast-page-builder-template .no-results{text-align:center;margin:4em auto}.ast-page-builder-template .entry-header{margin-top:4em;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail{margin-top:0}.ast-page-builder-template .entry-header.ast-header-without-markup{margin-top:0;margin-bottom:0}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta{margin-bottom:0}.ast-page-builder-template.single .post-navigation{padding-bottom:2em}.ast-page-builder-template .ast-archive-description{margin-top:4em;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-left:60px}.ast-left-sidebar #primary{padding-right:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-right:0;padding-left:0}.ast-right-sidebar #primary{padding-left:30px}.ast-left-sidebar #primary{padding-right:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-right:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu,.main-header-menu .menu-item>.sub-menu.toggled-on{left:auto;right:0;visibility:visible}.main-header-menu .menu-item.focus>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item:hover>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item>.sub-menu.toggled-on .sub-menu.toggled-on{right:100%;left:auto;visibility:visible}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0;right:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{right:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;right:-999em;position:absolute;top:100%;z-index:99999;visibility:hidden}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{right:100%;left:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{position:absolute;left:.6em;top:50%;transform:translate(0,-50%) rotate(-270deg)}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow{display:block}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow svg{margin:0}#ast-desktop-header .account-main-navigation .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{transform:translate(0,-50%) rotate(-360deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-2px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-style:none}.ast-header-break-point .main-navigation{padding-right:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-left:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-right:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-right:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-right:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-right:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:0}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:first-child{display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-right:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-right:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-left:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-right:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{position:relative;text-align:right}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{grid-column-start:2;text-align:left}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:1.06666rem;font-size:1rem;padding:0 var(--ast-post-nav-space,1.5em);height:2.33333em;line-height:calc(2.33333em - 3px)}.main-header-bar{z-index:1}.header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items{text-align:left}.header-main-layout-1 .main-header-bar-navigation{text-align:left}.header-main-layout-1 .main-header-bar-navigation .sub-menu{text-align:right}.header-main-layout-1 .main-navigation{padding-right:15px;vertical-align:top}.header-main-layout-1 .main-header-container{align-items:stretch}.header-main-layout-2 .main-header-container{display:block}.header-main-layout-2 .site-branding{text-align:center;padding-bottom:1em}.header-main-layout-2 .site-title{justify-content:center}.header-main-layout-2 .main-navigation ul{justify-content:center}.header-main-layout-2 .main-header-bar-navigation{text-align:center}.header-main-layout-2 .main-header-bar-navigation .sub-menu{text-align:right}.header-main-layout-2 .ast-header-custom-item{justify-content:center;line-height:1.85714285714286}.header-main-layout-2 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-2 .widget{text-align:center}.ast-header-custom-item-outside .header-main-layout-2 .main-header-container{-js-display:flex;display:flex;justify-content:center}.ast-header-custom-item-outside .header-main-layout-2 .site-branding{flex:0 0 100%}.header-main-layout-3 .ast-site-identity{text-align:left}.header-main-layout-3 .main-header-container{flex-direction:row-reverse;align-items:stretch}.header-main-layout-3 .main-navigation{padding-left:15px}.header-main-layout-3 .main-navigation ul{justify-content:flex-start}.header-main-layout-3 .main-header-bar-navigation{text-align:right}.header-main-layout-3 .ast-header-custom-item{justify-content:flex-start}.header-main-layout-3 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-3 li .ast-search-icon{padding-right:.5em}.header-main-layout-3 .ast-search-menu-icon{right:0;left:0}.header-main-layout-3 li .ast-search-menu-icon{right:1em;left:0}.header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form{padding:0 3em 0 0}.header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{right:-1em;left:auto}.ast-header-break-point .header-main-layout-1 .site-branding{padding-left:1em}.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation{text-align:right}.ast-header-break-point .header-main-layout-1 .main-navigation{padding-right:0}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .site-branding{padding-right:0;padding-left:0;padding-bottom:1em;flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items,.ast-header-break-point .ast-mobile-header-stack .ast-site-identity,.ast-header-break-point .ast-mobile-header-stack .site-branding,.ast-header-break-point .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title{text-align:right}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{flex:1 1 100%;text-align:center;justify-content:center}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container{flex-direction:initial}.ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons{-js-display:flex;display:flex;justify-content:center}.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation,.ast-header-break-point .header-main-layout-2 .widget{text-align:right}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon{margin-left:auto;margin-right:1em}.ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{left:auto;right:0}.ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons{justify-content:flex-start}.ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon{right:0}.ast-header-break-point .header-main-layout-3 .site-branding{padding-right:1em;justify-content:flex-end}.ast-header-break-point .header-main-layout-3 .main-navigation{padding-left:0}.ast-logo-title-inline .ast-site-identity{-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-logo-title-inline .site-logo-img{padding-left:1em}.ast-logo-title-inline.header-main-layout-2 .site-logo-img+.ast-site-title-wrap .site-title{justify-content:flex-start}@media (max-width:544px){.ast-header-custom-item-outside .ast-mobile-header-stack .site-branding{padding-left:0}.ast-header-custom-item-outside .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center;text-align:center;padding-bottom:0}}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{text-align:right}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title{justify-content:left}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:1em}.ast-header-break-point .ast-mobile-header-inline .main-header-container,.ast-header-break-point .ast-mobile-header-stack .main-header-container{-js-display:flex;display:flex}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.main-header-bar{margin-right:auto;margin-left:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-right:0;padding-left:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.ast-theme-transparent-header .post-password-form{margin-top:100px}.nav-style{display:block;padding:0 15px}.site-branding{line-height:1;align-self:center}.ast-no-menu-items .main-navigation{display:none}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative;line-height:4}.main-header-bar .main-header-bar-navigation{height:100%}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.main-header-bar .main-header-bar-navigation .ast-search-icon{display:block;z-index:4;position:relative}.main-header-bar .ast-search-menu-icon .search-form{background-color:#fff}.ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on{padding-top:0}.ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link{border:none}.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form{visibility:visible;opacity:1;position:relative;left:auto;top:auto;transform:none}.ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon,.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon,.below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon{color:#757575}.ast-search-menu-icon.slide-search .search-form{backface-visibility:visible;visibility:hidden;opacity:0;transition:all .2s;position:absolute;z-index:3;left:-1em;top:50%;transform:translateY(-50%)}.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form{visibility:visible;opacity:1}.ast-search-menu-icon .search-form{border:1px solid var(--ast-border-color);line-height:normal;padding:0 0 0 3em;border-radius:2px;display:inline-block;backface-visibility:hidden;position:relative;color:inherit;background-color:#fff}.ast-search-menu-icon .astra-search-icon{-js-display:flex;display:flex;line-height:normal}.ast-search-menu-icon .astra-search-icon:focus{outline:0}.ast-search-menu-icon .search-field{border:none;background-color:transparent;transition:width .2s;border-radius:inherit;color:inherit;font-size:inherit;width:0;color:#757575}.ast-search-menu-icon .search-submit{display:none;background:0 0;border:none;font-size:1.3em;color:#757575}.ast-search-menu-icon.ast-dropdown-active{visibility:visible;opacity:1;position:relative}.ast-search-menu-icon.ast-dropdown-active .search-field{width:235px}li.ast-masthead-custom-menu-items{padding:0 1em}li.ast-masthead-custom-menu-items a{padding-right:0;padding-left:0;vertical-align:middle}li.ast-masthead-custom-menu-items a,li.ast-masthead-custom-menu-items a:focus,li.ast-masthead-custom-menu-items a:hover{background:0 0}li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon{line-height:1}.ast-search-icon{z-index:4;position:relative;line-height:normal}.ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items{text-align:left}.ast-primary-menu-disabled .ast-masthead-custom-menu-items{flex:1}.ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items{text-align:right}.ast-masthead-custom-menu-items{padding:0 1em}.search-custom-menu-item{position:relative}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .ast-mobile-header-stack .site-description{text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description{text-align:right}.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons{display:none}.ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items{display:none}.ast-header-break-point .ast-mobile-header-inline .site-branding{text-align:right;padding-bottom:0}.ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding{text-align:left}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{-js-display:flex;display:flex;flex:1;align-self:center}.ast-header-break-point ul li.ast-masthead-custom-menu-items a{padding:0;display:inline-block;width:auto;border:0}.ast-header-break-point li.ast-masthead-custom-menu-items{padding-right:20px;padding-left:20px;margin-bottom:1em;margin-top:1em}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.menu-link:after{display:none}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3;display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;left:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle .icon-arrow svg,.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon{position:relative;display:block;left:auto;transform:none}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul>.menu-item:first-child{border-top:0}.ast-header-break-point .main-navigation ul ul{right:auto;left:auto}.ast-header-break-point .main-navigation li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link{display:none}.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link{display:inline-block}.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg,.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link{display:block}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons{order:2}.ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation{order:3}.ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items{order:1}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons,.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{-js-display:flex;display:flex}.ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:0}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity{width:100%}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity{width:auto}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding{flex:1 1 auto}@media (max-width:544px){.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{width:100%}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center}.ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding{flex:1 1 auto}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding{padding-bottom:0}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{padding:.8em 1em 0 1em;text-align:center;width:100%}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items,.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons{padding-top:.8em}}.customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:none}.site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:none}.main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:inline-block}.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{right:100px}.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{right:5px}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button{top:15px}.ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{right:-30px;top:-7px;display:none}.ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{top:-14px;display:none}.ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{right:-30px;top:15px;display:none}.ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.widget-custom-menu-item{text-align:right}.ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{right:-25px;top:-8px;display:none}.ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{top:-20px;right:-25px;display:none}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-below-header .below-header-user-select .ast-search-menu-icon,.ast-below-header .below-header-user-select .ast-site-header-cart,.ast-below-header .below-header-user-select.below-header-widget{text-align:right}.ast-below-header .customize-partial-edit-shortcut{top:1em}.ast-above-header-section .user-select .ast-search-menu-icon{text-align:right}.ast-above-header .customize-partial-edit-shortcut{top:.3em}.ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{right:-14px}.ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button{right:-25px;top:-10px}.ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{right:-25px;top:-15px}.ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button{right:-25px}.ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{right:-14px}.ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;right:-25px}.ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{right:-25px}.below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{right:-14px}.below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button{top:-10px;right:-25px}.below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{right:-25px}.below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button{right:-25px}.below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{right:-14px}.below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;right:-25px}.below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{right:-25px}.below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button{right:-25px}.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button,.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button{right:-60px}.ast-header-break-point .ast-mobile-menu-buttons{text-align:left;-js-display:flex;display:flex;justify-content:flex-end}.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal{font-size:1.7em}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline{display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:var(--ast-border-color);background:0 0}.page-links .page-link{padding:0;margin:0 .3em .3em 0;border:2px solid var(--ast-border-color);color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){margin:20px auto}.bypostauthor{display:block}body{overflow-x:hidden}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-right:20px}.widget_nav_menu ul ul.sub-menu a:after{right:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{right:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{right:-60px}.widget_nav_menu li{transition:all .2s linear}#secondary .wp-block-search__input{line-height:1}#secondary .wp-block-search__button{padding:.7em 1em}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;left:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;left:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:var(--ast-widget-bg-color);border-width:1px;border-color:var(--ast-border-color);border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:12px 15px 12px 45px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-right:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{right:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{right:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-left:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-left:none;border-right:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid var(--ast-border-color);border-top:2px solid var(--ast-border-color)}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{color:#0274be;font-weight:700;border-bottom:2px solid #0274be}.ast-footer-overlay{background-color:#3a3a3a;padding-top:2em;padding-bottom:2em}@media (min-width:769px){.ast-footer-overlay{padding-top:2.66666em;padding-bottom:2.66666em}}.ast-small-footer{line-height:1.85714285714286;position:relative}.ast-small-footer .nav-menu a{padding:0 .5em}.ast-small-footer .no-widget-text,.ast-small-footer .widget-title{margin-bottom:0}.ast-small-footer .widget{margin-bottom:1em}.ast-small-footer .widget ul{position:static;border:0;width:auto}.ast-small-footer .widget ul a{border:0}.ast-small-footer .widget:last-child{margin-bottom:0}@media (min-width:769px){.ast-small-footer .nav-menu li{margin:0}.ast-small-footer .nav-menu li:first-child a{padding-right:0}.ast-small-footer .nav-menu li:last-child a{padding-left:0}}.ast-footer-site-title .customize-partial-edit-shortcut-button{display:none}.footer-sml-layout-1{text-align:center}.footer-sml-layout-1 .ast-small-footer-section-2{margin-top:1em}.footer-sml-layout-2 .ast-small-footer-section-1,.footer-sml-layout-2 .ast-small-footer-section-2{text-align:center}@media (min-width:769px){.footer-sml-layout-2 .ast-small-footer-section-1{text-align:right}.footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link{padding:0 0 0 1em}.footer-sml-layout-2 .ast-small-footer-section-2{text-align:left}.footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link{padding:0 1em 0 0}}@media (max-width:768px){.ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2{margin-top:1em}}@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0){.ast-small-footer-wrap .ast-row:before{display:block}}.site-footer{color:#fff}.site-footer .widget-title{color:var(--ast-border-color)}.site-footer a{color:var(--ast-border-color)}.site-footer a:focus,.site-footer a:hover{color:#fff}.site-footer ul{margin:0;list-style-type:none}.site-footer .nav-menu li{display:inline-block}.footer-adv-overlay{background-color:#3a3a3a;padding-top:70px;padding-bottom:70px}.footer-adv p:last-child{margin-bottom:0}.footer-adv .widget_calendar table{margin-bottom:0}@media all and (max-width:768px){.footer-adv-widget-1 .widget:last-child{margin:0 0 2.8em}}.footer-adv .ast-no-widget-row .widget-title{text-transform:capitalize}@media all and (max-width:768px){.footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child{margin:0 0 2.8em}}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:var(--ast-comment-inputs-background);box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--ast-border-color);box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}.astra-dark-mode-enable form .form-row textarea,.astra-dark-mode-enable input[type=email],.astra-dark-mode-enable input[type=number],.astra-dark-mode-enable input[type=password],.astra-dark-mode-enable input[type=reset],.astra-dark-mode-enable input[type=search],.astra-dark-mode-enable input[type=tel],.astra-dark-mode-enable input[type=text],.astra-dark-mode-enable input[type=url],.astra-dark-mode-enable textarea{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)!important;border:1px solid var(--ast-border-color)}.astra-dark-mode-enable form .form-row textarea:focus,.astra-dark-mode-enable input[type=email]:focus,.astra-dark-mode-enable input[type=number]:focus,.astra-dark-mode-enable input[type=password]:focus,.astra-dark-mode-enable input[type=reset]:focus,.astra-dark-mode-enable input[type=search]:focus,.astra-dark-mode-enable input[type=tel]:focus,.astra-dark-mode-enable input[type=text]:focus,.astra-dark-mode-enable input[type=url]:focus,.astra-dark-mode-enable textarea:focus{border:1px solid var(--ast-global-color-0)!important;background-color:var(--ast-global-color-secondary,--ast-global-color-5)!important}.astra-dark-mode-enable .select2-container .select2-selection--single,.astra-dark-mode-enable .select2-dropdown,.astra-dark-mode-enable select{background-color:var(--ast-global-color-secondary,--ast-global-color-5);border-color:var(--ast-border-color);color:var(--ast-global-color-2)}.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=url],.astra-dark-mode-enable .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-text-input input[type=tel],.astra-dark-mode-enable .wc-block-components-text-input input[type=text],.astra-dark-mode-enable .wc-block-components-text-input input[type=url],.wc-block-components-form .wc-block-components-text-input input[type=tel],.wc-block-components-form .wc-block-components-text-input input[type=text]{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1.2em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.blog-layout-6 .entry-header+.ast-blog-featured-section{margin-top:0}.entry-content{word-wrap:break-word}.entry-content .wp-audio-shortcode,.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video,.entry-content .wp-video,.entry-content p{margin-bottom:1.6em}.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video{display:inline-block}.entry-content::after{display:table;clear:both;content:''}.post-content>.cat-links,.post-content>.read-more,.post-content>.tags-links{display:block;margin-bottom:.8em;font-weight:var(--ast-blog-meta-weight, "")}.ast-excerpt-container>p:last-child{margin-bottom:0}.post-content>.read-more{margin-top:1.5em}.ast-article-inner{width:100%;overflow-wrap:break-word}.read-more{margin-bottom:0}.read-more a{display:inline-block}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.blog-layout-2 .ast-blog-featured-section,.blog-layout-3 .ast-blog-featured-section{margin-bottom:0}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-right:0;padding-left:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 20px 0 0}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid var(--ast-border-color)}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;color:#000}.single .post-navigation a p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex;width:100%}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-links .nav-previous+.nav-next{width:50%}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{max-width:95%;width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .post-thumb{margin-bottom:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-author-avatar{margin:0 5px}.ast-author-avatar img{border-radius:100%;width:var(--ast-author-avatar-size,30px);height:var(--ast-author-avatar-size,30px)}.ast-separate-container .post-navigation{border-top:0;padding-right:var(--ast-post-nav-space,3.33333em);padding-left:var(--ast-post-nav-space,3.33333em)}@media (max-width:420px){.ast-separate-container .post-navigation{padding-right:0;padding-left:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-1 .posted-on{right:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-right:0;padding-left:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-flex-grow-1{flex-grow:1}.ast-icon.icon-search{z-index:4}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition: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; +} diff --git a/assets/css/style-flex.min.css b/assets/css/style-flex.min.css new file mode 100644 index 00000000..2780b4ac --- /dev/null +++ b/assets/css/style-flex.min.css @@ -0,0 +1,87 @@ +@charset "UTF-8";a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */.ast-container{max-width:100%}.ast-container,.ast-container-fluid{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-row{margin-left:-20px;margin-right:-20px}@media (min-width:768px) and (max-width:921px){.blog-layout-2 .ast-width-md-6,.blog-layout-3 .ast-width-md-6{float:none;width:100%}}@media (min-width:769px) and (max-width:921px){.blog-layout-2,.blog-layout-3{flex-direction:unset}}@media (max-width:768px){.blog-layout-3{flex-direction:column}}.ast-grid-common-col{position:relative;min-height:1px;padding-left:20px;padding-right:20px}.ast-float{float:left}@media (max-width:992px){.ast-width-sm-25{width:25%}.ast-width-md-50{width:50%}}@media (max-width:768px){.ast-width-md-25{width:25%}}.ast-full-width{width:100%}.ast-width-50{width:50%}@media (min-width:768px){.ast-width-md-4{width:33.3333333333%}.ast-width-md-16{width:16.6666666667%}.ast-width-md-6{width:50%;float:left}.ast-width-md-3{width:25%}.ast-width-md-66{width:66.6666666667%}}@media (min-width:769px){.ast-width-md-20{width:20%}}@media (min-width:992px){.ast-width-lg-33{width:33.3333333333%}.ast-width-lg-16{width:16.6666666667%}.ast-width-lg-50{width:50%}.ast-width-lg-66{width:66.6666666667%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-left:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-right:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 1px 1px 0}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-left:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-left:auto;margin-right:auto}#primary:after,#primary:before,#secondary:after,#secondary:before,.ast-container:after,.ast-container:before,.ast-row:after,.ast-row:before,.clear:after,.clear:before,.sidebar-main:after,.sidebar-main:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-main:after,.site-main:before{content:"";display:table}#primary:after,#secondary:after,.ast-container:after,.ast-row:after,.clear:after,.sidebar-main:after,.site-content:after,.site-footer:after,.site-header:after,.site-main:after{clear:both}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 1em 1.5em 3em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;left:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;left:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{display:block;position:relative;float:left;width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-left:0;margin-right:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid var(--ast-border-color);margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}.ast-page-builder-template .hentry{margin:0}.ast-page-builder-template .site-content>.ast-container{max-width:100%;padding:0}.ast-page-builder-template .site-content #primary{padding:0;margin:0}.ast-page-builder-template .no-results{text-align:center;margin:4em auto}.ast-page-builder-template .entry-header{margin-top:4em;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail{margin-top:0}.ast-page-builder-template .entry-header.ast-header-without-markup{margin-top:0;margin-bottom:0}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta{margin-bottom:0}.ast-page-builder-template.single .post-navigation{padding-bottom:2em}.ast-page-builder-template .ast-archive-description{margin-top:4em;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-right:60px}.ast-left-sidebar #primary{padding-left:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-left:0;padding-right:0}.ast-right-sidebar #primary{padding-right:30px}.ast-left-sidebar #primary{padding-left:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-left:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu,.main-header-menu .menu-item>.sub-menu.toggled-on{right:auto;left:0;visibility:visible}.main-header-menu .menu-item.focus>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item:hover>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item>.sub-menu.toggled-on .sub-menu.toggled-on{left:100%;right:auto;visibility:visible}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0;left:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999;visibility:hidden}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{left:100%;right:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{position:absolute;right:.6em;top:50%;transform:translate(0,-50%) rotate(270deg)}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow{display:block}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow svg{margin:0}#ast-desktop-header .account-main-navigation .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{transform:translate(0,-50%) rotate(360deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-2px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-style:none}.ast-header-break-point .main-navigation{padding-left:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-right:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-left:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-left:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-left:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:0}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:first-child{display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-left:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-left:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-right:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-left:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{position:relative;text-align:left}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{grid-column-start:2;text-align:right}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:1.06666rem;font-size:1rem;padding:0 var(--ast-post-nav-space,1.5em);height:2.33333em;line-height:calc(2.33333em - 3px)}.main-header-bar{z-index:1}.header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items{text-align:right}.header-main-layout-1 .main-header-bar-navigation{text-align:right}.header-main-layout-1 .main-header-bar-navigation .sub-menu{text-align:left}.header-main-layout-1 .main-navigation{padding-left:15px;vertical-align:top}.header-main-layout-1 .main-header-container{align-items:stretch}.header-main-layout-2 .main-header-container{display:block}.header-main-layout-2 .site-branding{text-align:center;padding-bottom:1em}.header-main-layout-2 .site-title{justify-content:center}.header-main-layout-2 .main-navigation ul{justify-content:center}.header-main-layout-2 .main-header-bar-navigation{text-align:center}.header-main-layout-2 .main-header-bar-navigation .sub-menu{text-align:left}.header-main-layout-2 .ast-header-custom-item{justify-content:center;line-height:1.85714285714286}.header-main-layout-2 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-2 .widget{text-align:center}.ast-header-custom-item-outside .header-main-layout-2 .main-header-container{-js-display:flex;display:flex;justify-content:center}.ast-header-custom-item-outside .header-main-layout-2 .site-branding{flex:0 0 100%}.header-main-layout-3 .ast-site-identity{text-align:right}.header-main-layout-3 .main-header-container{flex-direction:row-reverse;align-items:stretch}.header-main-layout-3 .main-navigation{padding-right:15px}.header-main-layout-3 .main-navigation ul{justify-content:flex-start}.header-main-layout-3 .main-header-bar-navigation{text-align:left}.header-main-layout-3 .ast-header-custom-item{justify-content:flex-start}.header-main-layout-3 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-3 li .ast-search-icon{padding-left:.5em}.header-main-layout-3 .ast-search-menu-icon{left:0;right:0}.header-main-layout-3 li .ast-search-menu-icon{left:1em;right:0}.header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form{padding:0 0 0 3em}.header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{left:-1em;right:auto}.ast-header-break-point .header-main-layout-1 .site-branding{padding-right:1em}.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation{text-align:left}.ast-header-break-point .header-main-layout-1 .main-navigation{padding-left:0}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .site-branding{padding-left:0;padding-right:0;padding-bottom:1em;flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items,.ast-header-break-point .ast-mobile-header-stack .ast-site-identity,.ast-header-break-point .ast-mobile-header-stack .site-branding,.ast-header-break-point .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title{text-align:left}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{flex:1 1 100%;text-align:center;justify-content:center}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container{flex-direction:initial}.ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons{-js-display:flex;display:flex;justify-content:center}.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation,.ast-header-break-point .header-main-layout-2 .widget{text-align:left}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon{margin-right:auto;margin-left:1em}.ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{right:auto;left:0}.ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons{justify-content:flex-start}.ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon{left:0}.ast-header-break-point .header-main-layout-3 .site-branding{padding-left:1em;justify-content:flex-end}.ast-header-break-point .header-main-layout-3 .main-navigation{padding-right:0}.ast-logo-title-inline .ast-site-identity{-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-logo-title-inline .site-logo-img{padding-right:1em}.ast-logo-title-inline.header-main-layout-2 .site-logo-img+.ast-site-title-wrap .site-title{justify-content:flex-start}@media (max-width:544px){.ast-header-custom-item-outside .ast-mobile-header-stack .site-branding{padding-right:0}.ast-header-custom-item-outside .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center;text-align:center;padding-bottom:0}}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{text-align:left}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title{justify-content:left}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:1em}.ast-header-break-point .ast-mobile-header-inline .main-header-container,.ast-header-break-point .ast-mobile-header-stack .main-header-container{-js-display:flex;display:flex}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.main-header-bar{margin-left:auto;margin-right:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.ast-theme-transparent-header .post-password-form{margin-top:100px}.nav-style{display:block;padding:0 15px}.site-branding{line-height:1;align-self:center}.ast-no-menu-items .main-navigation{display:none}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative;line-height:4}.main-header-bar .main-header-bar-navigation{height:100%}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.main-header-bar .main-header-bar-navigation .ast-search-icon{display:block;z-index:4;position:relative}.main-header-bar .ast-search-menu-icon .search-form{background-color:#fff}.ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on{padding-top:0}.ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link{border:none}.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form{visibility:visible;opacity:1;position:relative;right:auto;top:auto;transform:none}.ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon,.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon,.below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon{color:#757575}.ast-search-menu-icon.slide-search .search-form{backface-visibility:visible;visibility:hidden;opacity:0;transition:all .2s;position:absolute;z-index:3;right:-1em;top:50%;transform:translateY(-50%)}.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form{visibility:visible;opacity:1}.ast-search-menu-icon .search-form{border:1px solid var(--ast-border-color);line-height:normal;padding:0 3em 0 0;border-radius:2px;display:inline-block;backface-visibility:hidden;position:relative;color:inherit;background-color:#fff}.ast-search-menu-icon .astra-search-icon{-js-display:flex;display:flex;line-height:normal}.ast-search-menu-icon .astra-search-icon:focus{outline:0}.ast-search-menu-icon .search-field{border:none;background-color:transparent;transition:width .2s;border-radius:inherit;color:inherit;font-size:inherit;width:0;color:#757575}.ast-search-menu-icon .search-submit{display:none;background:0 0;border:none;font-size:1.3em;color:#757575}.ast-search-menu-icon.ast-dropdown-active{visibility:visible;opacity:1;position:relative}.ast-search-menu-icon.ast-dropdown-active .search-field{width:235px}li.ast-masthead-custom-menu-items{padding:0 1em}li.ast-masthead-custom-menu-items a{padding-left:0;padding-right:0;vertical-align:middle}li.ast-masthead-custom-menu-items a,li.ast-masthead-custom-menu-items a:focus,li.ast-masthead-custom-menu-items a:hover{background:0 0}li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon{line-height:1}.ast-search-icon{z-index:4;position:relative;line-height:normal}.ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items{text-align:right}.ast-primary-menu-disabled .ast-masthead-custom-menu-items{flex:1}.ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items{text-align:left}.ast-masthead-custom-menu-items{padding:0 1em}.search-custom-menu-item{position:relative}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .ast-mobile-header-stack .site-description{text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description{text-align:left}.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons{display:none}.ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items{display:none}.ast-header-break-point .ast-mobile-header-inline .site-branding{text-align:left;padding-bottom:0}.ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding{text-align:right}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{-js-display:flex;display:flex;flex:1;align-self:center}.ast-header-break-point ul li.ast-masthead-custom-menu-items a{padding:0;display:inline-block;width:auto;border:0}.ast-header-break-point li.ast-masthead-custom-menu-items{padding-left:20px;padding-right:20px;margin-bottom:1em;margin-top:1em}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.menu-link:after{display:none}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3;display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle .icon-arrow svg,.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon{position:relative;display:block;right:auto;transform:none}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul>.menu-item:first-child{border-top:0}.ast-header-break-point .main-navigation ul ul{left:auto;right:auto}.ast-header-break-point .main-navigation li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link{display:none}.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link{display:inline-block}.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg,.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link{display:block}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons{order:2}.ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation{order:3}.ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items{order:1}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons,.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{-js-display:flex;display:flex}.ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:0}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity{width:100%}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity{width:auto}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding{flex:1 1 auto}@media (max-width:544px){.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{width:100%}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center}.ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding{flex:1 1 auto}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding{padding-bottom:0}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{padding:.8em 1em 0 1em;text-align:center;width:100%}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items,.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons{padding-top:.8em}}.customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:none}.site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:none}.main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:inline-block}.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{left:100px}.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{left:5px}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button{top:15px}.ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{left:-30px;top:-7px;display:none}.ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{top:-14px;display:none}.ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{left:-30px;top:15px;display:none}.ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.widget-custom-menu-item{text-align:left}.ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{left:-25px;top:-8px;display:none}.ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{top:-20px;left:-25px;display:none}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-below-header .below-header-user-select .ast-search-menu-icon,.ast-below-header .below-header-user-select .ast-site-header-cart,.ast-below-header .below-header-user-select.below-header-widget{text-align:left}.ast-below-header .customize-partial-edit-shortcut{top:1em}.ast-above-header-section .user-select .ast-search-menu-icon{text-align:left}.ast-above-header .customize-partial-edit-shortcut{top:.3em}.ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{left:-14px}.ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button{left:-25px;top:-10px}.ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{left:-25px;top:-15px}.ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button{left:-25px}.ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{left:-14px}.ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;left:-25px}.ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{left:-14px}.below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button{top:-10px;left:-25px}.below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{left:-14px}.below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;left:-25px}.below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button{left:-25px}.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button,.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button{left:-60px}.ast-header-break-point .ast-mobile-menu-buttons{text-align:right;-js-display:flex;display:flex;justify-content:flex-end}.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal{font-size:1.7em}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline{display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:var(--ast-border-color);background:0 0}.page-links .page-link{padding:0;margin:0 0 .3em .3em;border:2px solid var(--ast-border-color);color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){margin:20px auto}.bypostauthor{display:block}body{overflow-x:hidden}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-left:20px}.widget_nav_menu ul ul.sub-menu a:after{left:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{left:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{left:-60px}.widget_nav_menu li{transition:all .2s linear}#secondary .wp-block-search__input{line-height:1}#secondary .wp-block-search__button{padding:.7em 1em}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;right:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;right:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:var(--ast-widget-bg-color);border-width:1px;border-color:var(--ast-border-color);border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:12px 45px 12px 15px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-left:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{left:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{left:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-right:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-right:none;border-left:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid var(--ast-border-color);border-top:2px solid var(--ast-border-color)}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{color:#0274be;font-weight:700;border-bottom:2px solid #0274be}.ast-footer-overlay{background-color:#3a3a3a;padding-top:2em;padding-bottom:2em}@media (min-width:769px){.ast-footer-overlay{padding-top:2.66666em;padding-bottom:2.66666em}}.ast-small-footer{line-height:1.85714285714286;position:relative}.ast-small-footer .nav-menu a{padding:0 .5em}.ast-small-footer .no-widget-text,.ast-small-footer .widget-title{margin-bottom:0}.ast-small-footer .widget{margin-bottom:1em}.ast-small-footer .widget ul{position:static;border:0;width:auto}.ast-small-footer .widget ul a{border:0}.ast-small-footer .widget:last-child{margin-bottom:0}@media (min-width:769px){.ast-small-footer .nav-menu li{margin:0}.ast-small-footer .nav-menu li:first-child a{padding-left:0}.ast-small-footer .nav-menu li:last-child a{padding-right:0}}.ast-footer-site-title .customize-partial-edit-shortcut-button{display:none}.footer-sml-layout-1{text-align:center}.footer-sml-layout-1 .ast-small-footer-section-2{margin-top:1em}.footer-sml-layout-2 .ast-small-footer-section-1,.footer-sml-layout-2 .ast-small-footer-section-2{text-align:center}@media (min-width:769px){.footer-sml-layout-2 .ast-small-footer-section-1{text-align:left}.footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link{padding:0 1em 0 0}.footer-sml-layout-2 .ast-small-footer-section-2{text-align:right}.footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link{padding:0 0 0 1em}}@media (max-width:768px){.ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2{margin-top:1em}}@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0){.ast-small-footer-wrap .ast-row:before{display:block}}.site-footer{color:#fff}.site-footer .widget-title{color:var(--ast-border-color)}.site-footer a{color:var(--ast-border-color)}.site-footer a:focus,.site-footer a:hover{color:#fff}.site-footer ul{margin:0;list-style-type:none}.site-footer .nav-menu li{display:inline-block}.footer-adv-overlay{background-color:#3a3a3a;padding-top:70px;padding-bottom:70px}.footer-adv p:last-child{margin-bottom:0}.footer-adv .widget_calendar table{margin-bottom:0}@media all and (max-width:768px){.footer-adv-widget-1 .widget:last-child{margin:0 0 2.8em}}.footer-adv .ast-no-widget-row .widget-title{text-transform:capitalize}@media all and (max-width:768px){.footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child{margin:0 0 2.8em}}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:var(--ast-comment-inputs-background);box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--ast-border-color);box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}.astra-dark-mode-enable form .form-row textarea,.astra-dark-mode-enable input[type=email],.astra-dark-mode-enable input[type=number],.astra-dark-mode-enable input[type=password],.astra-dark-mode-enable input[type=reset],.astra-dark-mode-enable input[type=search],.astra-dark-mode-enable input[type=tel],.astra-dark-mode-enable input[type=text],.astra-dark-mode-enable input[type=url],.astra-dark-mode-enable textarea{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)!important;border:1px solid var(--ast-border-color)}.astra-dark-mode-enable form .form-row textarea:focus,.astra-dark-mode-enable input[type=email]:focus,.astra-dark-mode-enable input[type=number]:focus,.astra-dark-mode-enable input[type=password]:focus,.astra-dark-mode-enable input[type=reset]:focus,.astra-dark-mode-enable input[type=search]:focus,.astra-dark-mode-enable input[type=tel]:focus,.astra-dark-mode-enable input[type=text]:focus,.astra-dark-mode-enable input[type=url]:focus,.astra-dark-mode-enable textarea:focus{border:1px solid var(--ast-global-color-0)!important;background-color:var(--ast-global-color-secondary,--ast-global-color-5)!important}.astra-dark-mode-enable .select2-container .select2-selection--single,.astra-dark-mode-enable .select2-dropdown,.astra-dark-mode-enable select{background-color:var(--ast-global-color-secondary,--ast-global-color-5);border-color:var(--ast-border-color);color:var(--ast-global-color-2)}.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=url],.astra-dark-mode-enable .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-text-input input[type=tel],.astra-dark-mode-enable .wc-block-components-text-input input[type=text],.astra-dark-mode-enable .wc-block-components-text-input input[type=url],.wc-block-components-form .wc-block-components-text-input input[type=tel],.wc-block-components-form .wc-block-components-text-input input[type=text]{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1.2em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.blog-layout-6 .entry-header+.ast-blog-featured-section{margin-top:0}.entry-content{word-wrap:break-word}.entry-content .wp-audio-shortcode,.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video,.entry-content .wp-video,.entry-content p{margin-bottom:1.6em}.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video{display:inline-block}.entry-content::after{display:table;clear:both;content:''}.post-content>.cat-links,.post-content>.read-more,.post-content>.tags-links{display:block;margin-bottom:.8em;font-weight:var(--ast-blog-meta-weight, "")}.ast-excerpt-container>p:last-child{margin-bottom:0}.post-content>.read-more{margin-top:1.5em}.ast-article-inner{width:100%;overflow-wrap:break-word}.read-more{margin-bottom:0}.read-more a{display:inline-block}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.blog-layout-2 .ast-blog-featured-section,.blog-layout-3 .ast-blog-featured-section{margin-bottom:0}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-left:0;padding-right:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 0 0 20px}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid var(--ast-border-color)}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;color:#000}.single .post-navigation a p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex;width:100%}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-links .nav-previous+.nav-next{width:50%}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{max-width:95%;width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .post-thumb{margin-bottom:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-author-avatar{margin:0 5px}.ast-author-avatar img{border-radius:100%;width:var(--ast-author-avatar-size,30px);height:var(--ast-author-avatar-size,30px)}.ast-separate-container .post-navigation{border-top:0;padding-left:var(--ast-post-nav-space,3.33333em);padding-right:var(--ast-post-nav-space,3.33333em)}@media (max-width:420px){.ast-separate-container .post-navigation{padding-left:0;padding-right:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-1 .posted-on{left:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-left:0;padding-right:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-flex-grow-1{flex-grow:1}.ast-icon.icon-search{z-index:4}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition: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; +} diff --git a/assets/css/style-grid-rtl.css b/assets/css/style-grid-rtl.css new file mode 100644 index 00000000..fa1908c3 --- /dev/null +++ b/assets/css/style-grid-rtl.css @@ -0,0 +1,821 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Infinite Scroll + */ +.ast-shop-pagination-infinite { + text-align: center; + margin: 2.5em 0 0; +} + +.ast-page-builder-template .ast-shop-pagination-infinite { + margin: 2.5em 0; +} + +.ast-shop-load-more { + cursor: pointer; + display: none; + border: 2px solid var(--ast-border-color); + transition: all 0.2s linear; + color: #000; +} + +.ast-shop-load-more.active { + display: inline-block; + padding: 0 1.5em; + line-height: 3em; +} + +.ast-shop-load-more.no-more:hover { + border-color: var(--ast-border-color); + color: #000; +} + +/** + * Globally hidden elements when Infinite Scroll is supported and in use. + */ +.infinite-scroll .posts-navigation, +.infinite-scroll.neverending .site-footer { + /* Theme Footer (when set to scrolling) */ + display: none; +} + +/** + * When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. + */ +.infinity-end.neverending .site-footer { + display: block; +} + +.ast-shop-load-more.no-more:hover { + background-color: inherit; +} + +.no-more { + cursor: default; +} + +/* Loader */ +.ast-loader { + display: none; + margin: 0 auto; + min-height: 58px; + line-height: 58px; + width: 70px; + text-align: center; +} + +.ast-loader > div { + width: 18px; + height: 18px; + background-color: #0085ba; + border-radius: 100%; + display: inline-block; + animation: sk-bouncedelay 1.4s infinite ease-in-out both; +} + +.ast-loader .ast-loader-1 { + animation-delay: -0.32s; +} + +.ast-loader .ast-loader-2 { + animation-delay: -0.16s; +} + +@keyframes sk-bouncedelay { + 0%, + 80%, + 100% { + transform: scale(0); + } + 40% { + transform: scale(1); + } +} + +/* Hiding 'woocommerce-pagination' for infinite-scroll page. */ +.ast-woocommerce-pagination-type-infinite .woocommerce-pagination { + display: none; +} + +.logged-in.admin-bar.woocommerce .astra-off-canvas-sidebar, .logged-in.admin-bar.woocommerce-page .astra-off-canvas-sidebar { + top: 32px; + height: calc(100% - 32px); +} + +.logged-in.admin-bar.woocommerce .close, .logged-in.admin-bar.woocommerce-page .close { + top: 5px; +} + +.woocommerce .ast-shop-toolbar-container { + margin-bottom: 2.5em; + -js-display: flex; + display: flex; + align-items: center; + justify-content: space-between; +} + +.woocommerce .ast-shop-toolbar-container > *, .woocommerce .ast-shop-toolbar-container .woocommerce-ordering { + margin: 0; +} + +.woocommerce .ast-shop-toolbar-container > *:last-child { + float: left; +} + +.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + column-gap: 20px; +} + +.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap .woocommerce-result-count { + margin: 0; +} + +.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap .astra-shop-filter-button { + -js-display: flex; + display: flex; + align-items: center; +} + +.ast-woo-mini-cart-wrapper { + display: inline-block; + line-height: 4; +} + +.ast-woo-mini-cart-wrapper.top .widget_shopping_cart { + box-shadow: 0px -2px 8px 1px rgba(0, 0, 0, 0.07); +} + +.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart { + bottom: 100%; + top: auto; +} + +.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart:before { + bottom: -18px; + transform: rotateX(180deg); +} + +.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart:after { + bottom: -12px; + transform: rotateX(180deg); +} + +.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart { + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); +} + +.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart:focus .widget_shopping_cart, +.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart:hover .widget_shopping_cart { + bottom: 100%; + top: auto; +} + +.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart { + left: 0; + right: auto; +} + +.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart:before { + left: 10px; + right: auto; +} + +.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart:after { + left: 13px; + right: auto; +} + +.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart { + left: auto; + right: 0; +} + +.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart:before { + left: auto; + right: 10px; +} + +.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart:after { + left: auto; + right: 14px; +} + +.ast-separate-container #secondary .ast-woo-mini-cart-wrapper .widget_shopping_cart { + padding: 0; +} + +.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper, +.ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper { + visibility: visible; + opacity: 1; +} + +.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar, +.ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar { + right: 0; +} + +.ast-off-canvas-overlay body > .select2-container { + /* Make the select2 container wrapper visible on filter sidebar */ + z-index: 99; +} + +/** + * Shop page content alignment. + */ +.woocommerce .astra-shop-filter-button, +.woocommerce button.astra-shop-filter-button, +.woocommerce-page .astra-shop-filter-button, +.woocommerce-page button.astra-shop-filter-button { + float: right; + outline: none; + margin: 0; +} + +.woocommerce .astra-shop-filter-button .ast-icon.icon-close, +.woocommerce button.astra-shop-filter-button .ast-icon.icon-close, +.woocommerce-page .astra-shop-filter-button .ast-icon.icon-close, +.woocommerce-page button.astra-shop-filter-button .ast-icon.icon-close { + display: none; +} + +.woocommerce .astra-shop-filter-button .astra-woo-filter-text, +.woocommerce button.astra-shop-filter-button .astra-woo-filter-text, +.woocommerce-page .astra-shop-filter-button .astra-woo-filter-text, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-text { + margin-right: 0.5em; + font-size: 1.07em; + color: var(--ast-global-color-2); +} + +.woocommerce .astra-shop-filter-button .astra-woo-filter-icon, +.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon, +.woocommerce-page .astra-shop-filter-button .astra-woo-filter-icon, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon { + display: inline-block; + font-size: 1.30em; + line-height: 1; + font-weight: normal; + vertical-align: middle; + width: 0.8em; +} + +.woocommerce .astra-shop-filter-button .astra-woo-filter-icon svg, +.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon svg, +.woocommerce-page .astra-shop-filter-button .astra-woo-filter-icon svg, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon svg { + font-size: 1em; + width: 0.8em; + height: 0.8em; + color: var(--ast-global-color-3); +} + +.woocommerce .astra-shop-filter-button.active .ast-icon.icon-menu-bars, +.woocommerce button.astra-shop-filter-button.active .ast-icon.icon-menu-bars, +.woocommerce-page .astra-shop-filter-button.active .ast-icon.icon-menu-bars, +.woocommerce-page button.astra-shop-filter-button.active .ast-icon.icon-menu-bars { + display: none; +} + +.woocommerce .astra-shop-filter-button.active .ast-icon.icon-close, +.woocommerce button.astra-shop-filter-button.active .ast-icon.icon-close, +.woocommerce-page .astra-shop-filter-button.active .ast-icon.icon-close, +.woocommerce-page button.astra-shop-filter-button.active .ast-icon.icon-close { + display: inline-block; +} + +.woocommerce button.astra-shop-filter-button, +.woocommerce-page button.astra-shop-filter-button { + padding: 0.67em 1em; + font-weight: 600; + -js-display: flex; + display: flex; + align-items: center; +} + +.woocommerce button.astra-shop-filter-button .astra-woo-filter-text, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-text { + color: inherit; +} + +.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon svg, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon svg { + color: inherit; +} + +.woocommerce button.astra-shop-filter-button ~ .woocommerce-result-count, +.woocommerce-page button.astra-shop-filter-button ~ .woocommerce-result-count { + padding: 4px 0; +} + +.woocommerce .ast-woocommerce-container .widget_layered_nav_filters, +.woocommerce-page .ast-woocommerce-container .widget_layered_nav_filters { + clear: both; + margin: 0px 0 1.5em; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper, +.woocommerce-page .astra-off-canvas-sidebar-wrapper { + width: 100%; + top: 0; + position: fixed; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 99; + visibility: hidden; + opacity: 0; + transition: .25s ease-in-out; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .close, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .close { + position: absolute; + left: 5px; + top: 5px; + line-height: 1; + cursor: pointer; + color: var(--ast-global-color-3); + z-index: 1; + opacity: 0.8; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .close .ast-icon, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .close .ast-icon { + pointer-events: none; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .close:hover, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .close:hover { + opacity: 1; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar { + position: absolute; + background: var(--ast-global-color-primary, --ast-global-color-5); + height: 100%; + top: 0; + right: -100%; + padding: 35px; + box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4); + width: 325px; + overflow: auto; + transition: .3s ease-in-out; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons a, +.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_price_filter .price_slider_amount .button, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons a, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_price_filter .price_slider_amount .button { + padding: 10px 15px; + font-weight: normal; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar ul.product_list_widget li a, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar ul.product_list_widget li a { + margin-bottom: 4px; + line-height: 1.2; +} + +.woocommerce ul.products li.product, +.woocommerce-page ul.products li.product { + padding-bottom: 1.2em; + transition: all 300ms ease-in-out; +} + +.woocommerce ul.products li.product .ast-woo-shop-product-description p:last-child, +.woocommerce ul.products li.product > *:last-child, +.woocommerce ul.products li.product > .button:last-child, +.woocommerce ul.products li.product > .ast-loop-product__link:last-child .woocommerce-loop-product__title, +.woocommerce-page ul.products li.product .ast-woo-shop-product-description p:last-child, +.woocommerce-page ul.products li.product > *:last-child, +.woocommerce-page ul.products li.product > .button:last-child, +.woocommerce-page ul.products li.product > .ast-loop-product__link:last-child .woocommerce-loop-product__title { + margin-bottom: 0; +} + +.woocommerce ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page ul.products li.product .astra-shop-summary-wrap { + padding: 0 1.2em; +} + +.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0; +} + +.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover .added_to_cart, +.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover .added_to_cart { + margin: 0; +} + +.woocommerce ul.products li.product .button, +.woocommerce-page ul.products li.product .button { + margin: 0.5em 0; +} + +.woocommerce ul.products li.product .button.added, +.woocommerce-page ul.products li.product .button.added { + margin-bottom: 0; + transition: none; +} + +.woocommerce ul.products li.product .added_to_cart, +.woocommerce-page ul.products li.product .added_to_cart { + margin: 0 1.2em; +} + +.woocommerce ul.products li.product .description p, +.woocommerce-page ul.products li.product .description p { + margin: 0; + font-size: .9rem; + line-height: 1.5; +} + +.woocommerce ul.products li.product .categories, +.woocommerce-page ul.products li.product .categories { + font-size: .857rem; +} + +.woocommerce ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap { + margin-bottom: .8em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link { + overflow: hidden; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link img, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link img { + margin-bottom: 0; + backface-visibility: hidden; + transition: filter .6s, opacity .6s, transform .6s; +} + +.woocommerce ul.products li.product.astra-woo-hover-zoom:hover img, +.woocommerce-page ul.products li.product.astra-woo-hover-zoom:hover img { + transform: scale(1.1); +} + +.woocommerce ul.products li.product.astra-woo-hover-zoom-fade:hover img, +.woocommerce-page ul.products li.product.astra-woo-hover-zoom-fade:hover img { + opacity: .7; + transform: scale(1.1); +} + +.woocommerce ul.products li.product.astra-woo-hover-fade:hover img, +.woocommerce-page ul.products li.product.astra-woo-hover-fade:hover img { + opacity: .7; +} + +/** + * Checkout + */ +.woocommerce-checkout.distraction-free .main-header-container { + text-align: center; + justify-content: center; +} + +.woocommerce-checkout.distraction-free .site-branding .site-title { + justify-content: center; +} + +/** + * Sale Flash + */ +.woocommerce, +.woocommerce-page { + /** + * Sale Flash on Shop Page + */ + /** + * Sale Flash + */ +} + +.woocommerce ul.products li.product .onsale, +.woocommerce-page ul.products li.product .onsale { + border-radius: 999px; + padding: 0 2px; +} + +.woocommerce ul.products li.product .onsale.square, .woocommerce ul.products li.product .onsale.square-outline, +.woocommerce-page ul.products li.product .onsale.square, +.woocommerce-page ul.products li.product .onsale.square-outline { + border-radius: 0; + padding: 0; +} + +.woocommerce .onsale.circle-outline, +.woocommerce-page .onsale.circle-outline { + line-height: 2.7; +} + +.woocommerce div.product .onsale.circle-outline, +.woocommerce-page div.product .onsale.circle-outline { + line-height: 3.1; +} + +.woocommerce .onsale.square, +.woocommerce .onsale.square-outline, +.woocommerce div.product .onsale.square, +.woocommerce div.product .onsale.square-outline, +.woocommerce-page .onsale.square, +.woocommerce-page .onsale.square-outline, +.woocommerce-page div.product .onsale.square, +.woocommerce-page div.product .onsale.square-outline { + border-radius: 0; + padding: 0; + line-height: 3; +} + +.woocommerce.single-product .related.products { + width: 100%; +} + +/* Pagination */ +.ast-woocommerce-pagination-default .woocommerce-pagination .page-numbers, +.ast-woocommerce-pagination-default .woocommerce-pagination .page-numbers li { + border: 0; +} + +.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:focus, +.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:hover, +.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li span.current { + background: transparent; + color: inherit; +} + +.ast-woocommerce-pagination-circle .woocommerce-pagination .page-numbers { + border: 0; +} + +.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li { + margin: 0 3px; + border: none; +} + +.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li > span, +.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li > a { + border-width: 1px; + border-style: solid; + border-radius: 50%; + min-width: calc(2.5em + 2px); +} + +/** + * Single product Tabs Layout. + * + * (vertical/horizontal) + */ +@media all and (min-width: 421px) { + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-product-gallery { + margin-bottom: 3em; + } + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs { + margin-bottom: 3.5em; + -js-display: flex; + display: flex; + flex-wrap: wrap; + } + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs:after { + content: ""; + display: table; + clear: both; + } + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs { + padding: 0; + width: 200px; + float: right; + margin: 0; + border: none; + } + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs .panel { + border: 1px solid var(--ast-border-color); + border-width: 0 1px 0 0; + padding: 0 1.5em 1.5em 1.5em; + margin-bottom: 0; + width: calc(100% - 200px); + } + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h1, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h2, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h3, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h4, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h5, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h6 { + clear: none; + } +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs { + border-top: 0; +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li { + width: 100%; + margin: 0; + border-bottom: none; + border-width: 0 0 1px; + border-style: solid; + border-color: var(--ast-border-color); +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li.active { + z-index: 0; + border-left-color: var(--ast-border-color); + border-bottom-color: var(--ast-border-color); +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li.active:before { + opacity: 1; +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:last-child { + border-bottom: 0; +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li a { + width: 100%; + padding: 0.5em 0.8em 0.5em 0; +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:before { + top: auto; + bottom: 0; + left: 0; + z-index: 1; + right: auto; + width: 3px; + height: 100%; + opacity: 0; + transition: .3s; +} + +@media all and (min-width: 421px) { + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before { + opacity: 1; + } +} + +@media all and (min-width: 421px) { + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs:hover > li:not(:hover):before { + opacity: 0; + } +} + +/** + * Single product. + */ +.ast-product-navigation-wrapper { + z-index: 1; + position: relative; + display: inline-block; + float: left; +} + +.ast-product-navigation-wrapper.circle-outline .product-links a, .ast-product-navigation-wrapper.circle .product-links a { + border-radius: 50%; +} + +.product-links a { + display: inline-block; + height: 2em; + height: calc( 1.8em + 2px); + width: 2em; + width: calc( 1.8em + 2px); + text-align: center; + border: 1px solid; + margin-right: 0.4em; +} + +.product-links a.ast-disable { + opacity: .5; + pointer-events: none; +} + +.product-links a i { + display: inline-grid; +} + +.product-links a[rel="prev"] i { + margin-right: -1px; +} + +.product-links a[rel="next"] i { + margin-left: -1px; +} + +li.woocommerce-custom-menu-item .ast-site-header-cart i.astra-icon:after { + padding-right: 2px; +} + +.astra-hfb-header .ast-addon-cart-wrap { + padding: 0.2em .6em; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-woo-header-cart-info-wrap { + display: none; +} + +.eael-woo-product-carousel-container .woocommerce ul.products li.product, +.eael-woo-product-carousel-container .woocommerce-page ul.products li.product { + transition: inherit; +} + + +/* 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; +} diff --git a/assets/css/style-grid-rtl.min.css b/assets/css/style-grid-rtl.min.css new file mode 100644 index 00000000..2666e5ce --- /dev/null +++ b/assets/css/style-grid-rtl.min.css @@ -0,0 +1,85 @@ +.ast-shop-pagination-infinite{text-align:center;margin:2.5em 0 0}.ast-page-builder-template .ast-shop-pagination-infinite{margin:2.5em 0}.ast-shop-load-more{cursor:pointer;display:none;border:2px solid var(--ast-border-color);transition:all .2s linear;color:#000}.ast-shop-load-more.active{display:inline-block;padding:0 1.5em;line-height:3em}.ast-shop-load-more.no-more:hover{border-color:var(--ast-border-color);color:#000}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.ast-shop-load-more.no-more:hover{background-color:inherit}.no-more{cursor:default}.ast-loader{display:none;margin:0 auto;min-height:58px;line-height:58px;width:70px;text-align:center}.ast-loader>div{width:18px;height:18px;background-color:#0085ba;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.ast-loader .ast-loader-1{animation-delay:-.32s}.ast-loader .ast-loader-2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.ast-woocommerce-pagination-type-infinite .woocommerce-pagination{display:none}.logged-in.admin-bar.woocommerce .astra-off-canvas-sidebar,.logged-in.admin-bar.woocommerce-page .astra-off-canvas-sidebar{top:32px;height:calc(100% - 32px)}.logged-in.admin-bar.woocommerce .close,.logged-in.admin-bar.woocommerce-page .close{top:5px}.woocommerce .ast-shop-toolbar-container{margin-bottom:2.5em;-js-display:flex;display:flex;align-items:center;justify-content:space-between}.woocommerce .ast-shop-toolbar-container .woocommerce-ordering,.woocommerce .ast-shop-toolbar-container>*{margin:0}.woocommerce .ast-shop-toolbar-container>:last-child{float:left}.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap{-js-display:inline-flex;display:inline-flex;align-items:center;column-gap:20px}.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap .woocommerce-result-count{margin:0}.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap .astra-shop-filter-button{-js-display:flex;display:flex;align-items:center}.ast-woo-mini-cart-wrapper{display:inline-block;line-height:4}.ast-woo-mini-cart-wrapper.top .widget_shopping_cart{box-shadow:0 -2px 8px 1px rgba(0,0,0,.07)}.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart{bottom:100%;top:auto}.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart:before{bottom:-18px;transform:rotateX(180deg)}.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart:after{bottom:-12px;transform:rotateX(180deg)}.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart{box-shadow:0 2px 8px 1px rgba(0,0,0,.07)}.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart:focus .widget_shopping_cart,.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart:hover .widget_shopping_cart{bottom:100%;top:auto}.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart{left:0;right:auto}.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart:before{left:10px;right:auto}.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart:after{left:13px;right:auto}.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart{left:auto;right:0}.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart:before{left:auto;right:10px}.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart:after{left:auto;right:14px}.ast-separate-container #secondary .ast-woo-mini-cart-wrapper .widget_shopping_cart{padding:0}.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper,.ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper{visibility:visible;opacity:1}.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar,.ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar{right:0}.ast-off-canvas-overlay body>.select2-container{z-index:99}.woocommerce .astra-shop-filter-button,.woocommerce button.astra-shop-filter-button,.woocommerce-page .astra-shop-filter-button,.woocommerce-page button.astra-shop-filter-button{float:right;outline:0;margin:0}.woocommerce .astra-shop-filter-button .ast-icon.icon-close,.woocommerce button.astra-shop-filter-button .ast-icon.icon-close,.woocommerce-page .astra-shop-filter-button .ast-icon.icon-close,.woocommerce-page button.astra-shop-filter-button .ast-icon.icon-close{display:none}.woocommerce .astra-shop-filter-button .astra-woo-filter-text,.woocommerce button.astra-shop-filter-button .astra-woo-filter-text,.woocommerce-page .astra-shop-filter-button .astra-woo-filter-text,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-text{margin-right:.5em;font-size:1.07em;color:var(--ast-global-color-2)}.woocommerce .astra-shop-filter-button .astra-woo-filter-icon,.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon,.woocommerce-page .astra-shop-filter-button .astra-woo-filter-icon,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon{display:inline-block;font-size:1.3em;line-height:1;font-weight:400;vertical-align:middle;width:.8em}.woocommerce .astra-shop-filter-button .astra-woo-filter-icon svg,.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon svg,.woocommerce-page .astra-shop-filter-button .astra-woo-filter-icon svg,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon svg{font-size:1em;width:.8em;height:.8em;color:var(--ast-global-color-3)}.woocommerce .astra-shop-filter-button.active .ast-icon.icon-menu-bars,.woocommerce button.astra-shop-filter-button.active .ast-icon.icon-menu-bars,.woocommerce-page .astra-shop-filter-button.active .ast-icon.icon-menu-bars,.woocommerce-page button.astra-shop-filter-button.active .ast-icon.icon-menu-bars{display:none}.woocommerce .astra-shop-filter-button.active .ast-icon.icon-close,.woocommerce button.astra-shop-filter-button.active .ast-icon.icon-close,.woocommerce-page .astra-shop-filter-button.active .ast-icon.icon-close,.woocommerce-page button.astra-shop-filter-button.active .ast-icon.icon-close{display:inline-block}.woocommerce button.astra-shop-filter-button,.woocommerce-page button.astra-shop-filter-button{padding:.67em 1em;font-weight:600;-js-display:flex;display:flex;align-items:center}.woocommerce button.astra-shop-filter-button .astra-woo-filter-text,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-text{color:inherit}.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon svg,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon svg{color:inherit}.woocommerce button.astra-shop-filter-button~.woocommerce-result-count,.woocommerce-page button.astra-shop-filter-button~.woocommerce-result-count{padding:4px 0}.woocommerce .ast-woocommerce-container .widget_layered_nav_filters,.woocommerce-page .ast-woocommerce-container .widget_layered_nav_filters{clear:both;margin:0 0 1.5em}.woocommerce .astra-off-canvas-sidebar-wrapper,.woocommerce-page .astra-off-canvas-sidebar-wrapper{width:100%;top:0;position:fixed;height:100%;background:rgba(0,0,0,.4);z-index:99;visibility:hidden;opacity:0;transition:.25s ease-in-out}.woocommerce .astra-off-canvas-sidebar-wrapper .close,.woocommerce-page .astra-off-canvas-sidebar-wrapper .close{position:absolute;left:5px;top:5px;line-height:1;cursor:pointer;color:var(--ast-global-color-3);z-index:1;opacity:.8}.woocommerce .astra-off-canvas-sidebar-wrapper .close .ast-icon,.woocommerce-page .astra-off-canvas-sidebar-wrapper .close .ast-icon{pointer-events:none}.woocommerce .astra-off-canvas-sidebar-wrapper .close:hover,.woocommerce-page .astra-off-canvas-sidebar-wrapper .close:hover{opacity:1}.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar,.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar{position:absolute;background:var(--ast-global-color-primary,--ast-global-color-5);height:100%;top:0;right:-100%;padding:35px;box-shadow:0 0 12px 0 rgba(0,0,0,.4);width:325px;overflow:auto;transition:.3s ease-in-out}.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_price_filter .price_slider_amount .button,.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons a,.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_price_filter .price_slider_amount .button,.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar ul.product_list_widget li a,.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar ul.product_list_widget li a{margin-bottom:4px;line-height:1.2}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{padding-bottom:1.2em;transition:all .3s ease-in-out}.woocommerce ul.products li.product .ast-woo-shop-product-description p:last-child,.woocommerce ul.products li.product>.ast-loop-product__link:last-child .woocommerce-loop-product__title,.woocommerce ul.products li.product>.button:last-child,.woocommerce ul.products li.product>:last-child,.woocommerce-page ul.products li.product .ast-woo-shop-product-description p:last-child,.woocommerce-page ul.products li.product>.ast-loop-product__link:last-child .woocommerce-loop-product__title,.woocommerce-page ul.products li.product>.button:last-child,.woocommerce-page ul.products li.product>:last-child{margin-bottom:0}.woocommerce ul.products li.product .astra-shop-summary-wrap,.woocommerce-page ul.products li.product .astra-shop-summary-wrap{padding:0 1.2em}.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0}.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover .added_to_cart,.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover .added_to_cart{margin:0}.woocommerce ul.products li.product .button,.woocommerce-page ul.products li.product .button{margin:.5em 0}.woocommerce ul.products li.product .button.added,.woocommerce-page ul.products li.product .button.added{margin-bottom:0;transition:none}.woocommerce ul.products li.product .added_to_cart,.woocommerce-page ul.products li.product .added_to_cart{margin:0 1.2em}.woocommerce ul.products li.product .description p,.woocommerce-page ul.products li.product .description p{margin:0;font-size:.9rem;line-height:1.5}.woocommerce ul.products li.product .categories,.woocommerce-page ul.products li.product .categories{font-size:.857rem}.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap{margin-bottom:.8em}.woocommerce ul.products li.product .woocommerce-loop-product__link,.woocommerce-page ul.products li.product .woocommerce-loop-product__link{overflow:hidden}.woocommerce ul.products li.product .woocommerce-loop-product__link img,.woocommerce-page ul.products li.product .woocommerce-loop-product__link img{margin-bottom:0;backface-visibility:hidden;transition:filter .6s,opacity .6s,transform .6s}.woocommerce ul.products li.product.astra-woo-hover-zoom:hover img,.woocommerce-page ul.products li.product.astra-woo-hover-zoom:hover img{transform:scale(1.1)}.woocommerce ul.products li.product.astra-woo-hover-zoom-fade:hover img,.woocommerce-page ul.products li.product.astra-woo-hover-zoom-fade:hover img{opacity:.7;transform:scale(1.1)}.woocommerce ul.products li.product.astra-woo-hover-fade:hover img,.woocommerce-page ul.products li.product.astra-woo-hover-fade:hover img{opacity:.7}.woocommerce-checkout.distraction-free .main-header-container{text-align:center;justify-content:center}.woocommerce-checkout.distraction-free .site-branding .site-title{justify-content:center}.woocommerce ul.products li.product .onsale,.woocommerce-page ul.products li.product .onsale{border-radius:999px;padding:0 2px}.woocommerce ul.products li.product .onsale.square,.woocommerce ul.products li.product .onsale.square-outline,.woocommerce-page ul.products li.product .onsale.square,.woocommerce-page ul.products li.product .onsale.square-outline{border-radius:0;padding:0}.woocommerce .onsale.circle-outline,.woocommerce-page .onsale.circle-outline{line-height:2.7}.woocommerce div.product .onsale.circle-outline,.woocommerce-page div.product .onsale.circle-outline{line-height:3.1}.woocommerce .onsale.square,.woocommerce .onsale.square-outline,.woocommerce div.product .onsale.square,.woocommerce div.product .onsale.square-outline,.woocommerce-page .onsale.square,.woocommerce-page .onsale.square-outline,.woocommerce-page div.product .onsale.square,.woocommerce-page div.product .onsale.square-outline{border-radius:0;padding:0;line-height:3}.woocommerce.single-product .related.products{width:100%}.ast-woocommerce-pagination-default .woocommerce-pagination .page-numbers,.ast-woocommerce-pagination-default .woocommerce-pagination .page-numbers li{border:0}.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:focus,.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:hover,.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li span.current{background:0 0;color:inherit}.ast-woocommerce-pagination-circle .woocommerce-pagination .page-numbers{border:0}.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li{margin:0 3px;border:none}.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li>a,.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li>span{border-width:1px;border-style:solid;border-radius:50%;min-width:calc(2.5em + 2px)}@media all and (min-width:421px){.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-product-gallery{margin-bottom:3em}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs{margin-bottom:3.5em;-js-display:flex;display:flex;flex-wrap:wrap}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs:after{content:"";display:table;clear:both}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs{padding:0;width:200px;float:right;margin:0;border:none}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs .panel{border:1px solid var(--ast-border-color);border-width:0 1px 0 0;padding:0 1.5em 1.5em 1.5em;margin-bottom:0;width:calc(100% - 200px)}.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h1,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h2,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h3,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h4,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h5,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h6{clear:none}}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs{border-top:0}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li{width:100%;margin:0;border-bottom:none;border-width:0 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li.active{z-index:0;border-left-color:var(--ast-border-color);border-bottom-color:var(--ast-border-color)}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li.active:before{opacity:1}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:last-child{border-bottom:0}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li a{width:100%;padding:.5em .8em .5em 0}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:before{top:auto;bottom:0;left:0;z-index:1;right:auto;width:3px;height:100%;opacity:0;transition:.3s}@media all and (min-width:421px){.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before{opacity:1}}@media all and (min-width:421px){.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs:hover>li:not(:hover):before{opacity:0}}.ast-product-navigation-wrapper{z-index:1;position:relative;display:inline-block;float:left}.ast-product-navigation-wrapper.circle .product-links a,.ast-product-navigation-wrapper.circle-outline .product-links a{border-radius:50%}.product-links a{display:inline-block;height:2em;height:calc(1.8em + 2px);width:2em;width:calc(1.8em + 2px);text-align:center;border:1px solid;margin-right:.4em}.product-links a.ast-disable{opacity:.5;pointer-events:none}.product-links a i{display:inline-grid}.product-links a[rel=prev] i{margin-right:-1px}.product-links a[rel=next] i{margin-left:-1px}li.woocommerce-custom-menu-item .ast-site-header-cart i.astra-icon:after{padding-right:2px}.astra-hfb-header .ast-addon-cart-wrap{padding:.2em .6em}.ast-header-break-point.ast-header-custom-item-outside .ast-woo-header-cart-info-wrap{display:none}.eael-woo-product-carousel-container .woocommerce ul.products li.product,.eael-woo-product-carousel-container .woocommerce-page ul.products li.product{transition:inherit} + +/* 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; +} diff --git a/assets/css/style-grid.css b/assets/css/style-grid.css new file mode 100644 index 00000000..9cd75ec5 --- /dev/null +++ b/assets/css/style-grid.css @@ -0,0 +1,821 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/** + * Infinite Scroll + */ +.ast-shop-pagination-infinite { + text-align: center; + margin: 2.5em 0 0; +} + +.ast-page-builder-template .ast-shop-pagination-infinite { + margin: 2.5em 0; +} + +.ast-shop-load-more { + cursor: pointer; + display: none; + border: 2px solid var(--ast-border-color); + transition: all 0.2s linear; + color: #000; +} + +.ast-shop-load-more.active { + display: inline-block; + padding: 0 1.5em; + line-height: 3em; +} + +.ast-shop-load-more.no-more:hover { + border-color: var(--ast-border-color); + color: #000; +} + +/** + * Globally hidden elements when Infinite Scroll is supported and in use. + */ +.infinite-scroll .posts-navigation, +.infinite-scroll.neverending .site-footer { + /* Theme Footer (when set to scrolling) */ + display: none; +} + +/** + * When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. + */ +.infinity-end.neverending .site-footer { + display: block; +} + +.ast-shop-load-more.no-more:hover { + background-color: inherit; +} + +.no-more { + cursor: default; +} + +/* Loader */ +.ast-loader { + display: none; + margin: 0 auto; + min-height: 58px; + line-height: 58px; + width: 70px; + text-align: center; +} + +.ast-loader > div { + width: 18px; + height: 18px; + background-color: #0085ba; + border-radius: 100%; + display: inline-block; + animation: sk-bouncedelay 1.4s infinite ease-in-out both; +} + +.ast-loader .ast-loader-1 { + animation-delay: -0.32s; +} + +.ast-loader .ast-loader-2 { + animation-delay: -0.16s; +} + +@keyframes sk-bouncedelay { + 0%, + 80%, + 100% { + transform: scale(0); + } + 40% { + transform: scale(1); + } +} + +/* Hiding 'woocommerce-pagination' for infinite-scroll page. */ +.ast-woocommerce-pagination-type-infinite .woocommerce-pagination { + display: none; +} + +.logged-in.admin-bar.woocommerce .astra-off-canvas-sidebar, .logged-in.admin-bar.woocommerce-page .astra-off-canvas-sidebar { + top: 32px; + height: calc(100% - 32px); +} + +.logged-in.admin-bar.woocommerce .close, .logged-in.admin-bar.woocommerce-page .close { + top: 5px; +} + +.woocommerce .ast-shop-toolbar-container { + margin-bottom: 2.5em; + -js-display: flex; + display: flex; + align-items: center; + justify-content: space-between; +} + +.woocommerce .ast-shop-toolbar-container > *, .woocommerce .ast-shop-toolbar-container .woocommerce-ordering { + margin: 0; +} + +.woocommerce .ast-shop-toolbar-container > *:last-child { + float: right; +} + +.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap { + -js-display: inline-flex; + display: inline-flex; + align-items: center; + column-gap: 20px; +} + +.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap .woocommerce-result-count { + margin: 0; +} + +.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap .astra-shop-filter-button { + -js-display: flex; + display: flex; + align-items: center; +} + +.ast-woo-mini-cart-wrapper { + display: inline-block; + line-height: 4; +} + +.ast-woo-mini-cart-wrapper.top .widget_shopping_cart { + box-shadow: 0px -2px 8px 1px rgba(0, 0, 0, 0.07); +} + +.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart { + bottom: 100%; + top: auto; +} + +.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart:before { + bottom: -18px; + transform: rotateX(180deg); +} + +.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart:after { + bottom: -12px; + transform: rotateX(180deg); +} + +.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart { + box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.07); +} + +.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart:focus .widget_shopping_cart, +.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart:hover .widget_shopping_cart { + bottom: 100%; + top: auto; +} + +.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart { + right: 0; + left: auto; +} + +.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart:before { + right: 10px; + left: auto; +} + +.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart:after { + right: 13px; + left: auto; +} + +.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart { + right: auto; + left: 0; +} + +.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart:before { + right: auto; + left: 10px; +} + +.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart:after { + right: auto; + left: 14px; +} + +.ast-separate-container #secondary .ast-woo-mini-cart-wrapper .widget_shopping_cart { + padding: 0; +} + +.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper, +.ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper { + visibility: visible; + opacity: 1; +} + +.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar, +.ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar { + left: 0; +} + +.ast-off-canvas-overlay body > .select2-container { + /* Make the select2 container wrapper visible on filter sidebar */ + z-index: 99; +} + +/** + * Shop page content alignment. + */ +.woocommerce .astra-shop-filter-button, +.woocommerce button.astra-shop-filter-button, +.woocommerce-page .astra-shop-filter-button, +.woocommerce-page button.astra-shop-filter-button { + float: left; + outline: none; + margin: 0; +} + +.woocommerce .astra-shop-filter-button .ast-icon.icon-close, +.woocommerce button.astra-shop-filter-button .ast-icon.icon-close, +.woocommerce-page .astra-shop-filter-button .ast-icon.icon-close, +.woocommerce-page button.astra-shop-filter-button .ast-icon.icon-close { + display: none; +} + +.woocommerce .astra-shop-filter-button .astra-woo-filter-text, +.woocommerce button.astra-shop-filter-button .astra-woo-filter-text, +.woocommerce-page .astra-shop-filter-button .astra-woo-filter-text, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-text { + margin-left: 0.5em; + font-size: 1.07em; + color: var(--ast-global-color-2); +} + +.woocommerce .astra-shop-filter-button .astra-woo-filter-icon, +.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon, +.woocommerce-page .astra-shop-filter-button .astra-woo-filter-icon, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon { + display: inline-block; + font-size: 1.30em; + line-height: 1; + font-weight: normal; + vertical-align: middle; + width: 0.8em; +} + +.woocommerce .astra-shop-filter-button .astra-woo-filter-icon svg, +.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon svg, +.woocommerce-page .astra-shop-filter-button .astra-woo-filter-icon svg, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon svg { + font-size: 1em; + width: 0.8em; + height: 0.8em; + color: var(--ast-global-color-3); +} + +.woocommerce .astra-shop-filter-button.active .ast-icon.icon-menu-bars, +.woocommerce button.astra-shop-filter-button.active .ast-icon.icon-menu-bars, +.woocommerce-page .astra-shop-filter-button.active .ast-icon.icon-menu-bars, +.woocommerce-page button.astra-shop-filter-button.active .ast-icon.icon-menu-bars { + display: none; +} + +.woocommerce .astra-shop-filter-button.active .ast-icon.icon-close, +.woocommerce button.astra-shop-filter-button.active .ast-icon.icon-close, +.woocommerce-page .astra-shop-filter-button.active .ast-icon.icon-close, +.woocommerce-page button.astra-shop-filter-button.active .ast-icon.icon-close { + display: inline-block; +} + +.woocommerce button.astra-shop-filter-button, +.woocommerce-page button.astra-shop-filter-button { + padding: 0.67em 1em; + font-weight: 600; + -js-display: flex; + display: flex; + align-items: center; +} + +.woocommerce button.astra-shop-filter-button .astra-woo-filter-text, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-text { + color: inherit; +} + +.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon svg, +.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon svg { + color: inherit; +} + +.woocommerce button.astra-shop-filter-button ~ .woocommerce-result-count, +.woocommerce-page button.astra-shop-filter-button ~ .woocommerce-result-count { + padding: 4px 0; +} + +.woocommerce .ast-woocommerce-container .widget_layered_nav_filters, +.woocommerce-page .ast-woocommerce-container .widget_layered_nav_filters { + clear: both; + margin: 0px 0 1.5em; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper, +.woocommerce-page .astra-off-canvas-sidebar-wrapper { + width: 100%; + top: 0; + position: fixed; + height: 100%; + background: rgba(0, 0, 0, 0.4); + z-index: 99; + visibility: hidden; + opacity: 0; + transition: .25s ease-in-out; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .close, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .close { + position: absolute; + right: 5px; + top: 5px; + line-height: 1; + cursor: pointer; + color: var(--ast-global-color-3); + z-index: 1; + opacity: 0.8; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .close .ast-icon, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .close .ast-icon { + pointer-events: none; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .close:hover, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .close:hover { + opacity: 1; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar { + position: absolute; + background: var(--ast-global-color-primary, --ast-global-color-5); + height: 100%; + top: 0; + left: -100%; + padding: 35px; + box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4); + width: 325px; + overflow: auto; + transition: .3s ease-in-out; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons a, +.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_price_filter .price_slider_amount .button, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons a, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_price_filter .price_slider_amount .button { + padding: 10px 15px; + font-weight: normal; +} + +.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar ul.product_list_widget li a, +.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar ul.product_list_widget li a { + margin-bottom: 4px; + line-height: 1.2; +} + +.woocommerce ul.products li.product, +.woocommerce-page ul.products li.product { + padding-bottom: 1.2em; + transition: all 300ms ease-in-out; +} + +.woocommerce ul.products li.product .ast-woo-shop-product-description p:last-child, +.woocommerce ul.products li.product > *:last-child, +.woocommerce ul.products li.product > .button:last-child, +.woocommerce ul.products li.product > .ast-loop-product__link:last-child .woocommerce-loop-product__title, +.woocommerce-page ul.products li.product .ast-woo-shop-product-description p:last-child, +.woocommerce-page ul.products li.product > *:last-child, +.woocommerce-page ul.products li.product > .button:last-child, +.woocommerce-page ul.products li.product > .ast-loop-product__link:last-child .woocommerce-loop-product__title { + margin-bottom: 0; +} + +.woocommerce ul.products li.product .astra-shop-summary-wrap, +.woocommerce-page ul.products li.product .astra-shop-summary-wrap { + padding: 0 1.2em; +} + +.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover, +.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover { + padding-bottom: 0; +} + +.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap, +.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap { + padding: 0; +} + +.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover .added_to_cart, +.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover .added_to_cart { + margin: 0; +} + +.woocommerce ul.products li.product .button, +.woocommerce-page ul.products li.product .button { + margin: 0.5em 0; +} + +.woocommerce ul.products li.product .button.added, +.woocommerce-page ul.products li.product .button.added { + margin-bottom: 0; + transition: none; +} + +.woocommerce ul.products li.product .added_to_cart, +.woocommerce-page ul.products li.product .added_to_cart { + margin: 0 1.2em; +} + +.woocommerce ul.products li.product .description p, +.woocommerce-page ul.products li.product .description p { + margin: 0; + font-size: .9rem; + line-height: 1.5; +} + +.woocommerce ul.products li.product .categories, +.woocommerce-page ul.products li.product .categories { + font-size: .857rem; +} + +.woocommerce ul.products li.product .astra-shop-thumbnail-wrap, +.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap { + margin-bottom: .8em; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link { + overflow: hidden; +} + +.woocommerce ul.products li.product .woocommerce-loop-product__link img, +.woocommerce-page ul.products li.product .woocommerce-loop-product__link img { + margin-bottom: 0; + backface-visibility: hidden; + transition: filter .6s, opacity .6s, transform .6s; +} + +.woocommerce ul.products li.product.astra-woo-hover-zoom:hover img, +.woocommerce-page ul.products li.product.astra-woo-hover-zoom:hover img { + transform: scale(1.1); +} + +.woocommerce ul.products li.product.astra-woo-hover-zoom-fade:hover img, +.woocommerce-page ul.products li.product.astra-woo-hover-zoom-fade:hover img { + opacity: .7; + transform: scale(1.1); +} + +.woocommerce ul.products li.product.astra-woo-hover-fade:hover img, +.woocommerce-page ul.products li.product.astra-woo-hover-fade:hover img { + opacity: .7; +} + +/** + * Checkout + */ +.woocommerce-checkout.distraction-free .main-header-container { + text-align: center; + justify-content: center; +} + +.woocommerce-checkout.distraction-free .site-branding .site-title { + justify-content: center; +} + +/** + * Sale Flash + */ +.woocommerce, +.woocommerce-page { + /** + * Sale Flash on Shop Page + */ + /** + * Sale Flash + */ +} + +.woocommerce ul.products li.product .onsale, +.woocommerce-page ul.products li.product .onsale { + border-radius: 999px; + padding: 0 2px; +} + +.woocommerce ul.products li.product .onsale.square, .woocommerce ul.products li.product .onsale.square-outline, +.woocommerce-page ul.products li.product .onsale.square, +.woocommerce-page ul.products li.product .onsale.square-outline { + border-radius: 0; + padding: 0; +} + +.woocommerce .onsale.circle-outline, +.woocommerce-page .onsale.circle-outline { + line-height: 2.7; +} + +.woocommerce div.product .onsale.circle-outline, +.woocommerce-page div.product .onsale.circle-outline { + line-height: 3.1; +} + +.woocommerce .onsale.square, +.woocommerce .onsale.square-outline, +.woocommerce div.product .onsale.square, +.woocommerce div.product .onsale.square-outline, +.woocommerce-page .onsale.square, +.woocommerce-page .onsale.square-outline, +.woocommerce-page div.product .onsale.square, +.woocommerce-page div.product .onsale.square-outline { + border-radius: 0; + padding: 0; + line-height: 3; +} + +.woocommerce.single-product .related.products { + width: 100%; +} + +/* Pagination */ +.ast-woocommerce-pagination-default .woocommerce-pagination .page-numbers, +.ast-woocommerce-pagination-default .woocommerce-pagination .page-numbers li { + border: 0; +} + +.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:focus, +.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:hover, +.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li span.current { + background: transparent; + color: inherit; +} + +.ast-woocommerce-pagination-circle .woocommerce-pagination .page-numbers { + border: 0; +} + +.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li { + margin: 0 3px; + border: none; +} + +.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li > span, +.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li > a { + border-width: 1px; + border-style: solid; + border-radius: 50%; + min-width: calc(2.5em + 2px); +} + +/** + * Single product Tabs Layout. + * + * (vertical/horizontal) + */ +@media all and (min-width: 421px) { + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-product-gallery { + margin-bottom: 3em; + } + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs { + margin-bottom: 3.5em; + -js-display: flex; + display: flex; + flex-wrap: wrap; + } + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs:after { + content: ""; + display: table; + clear: both; + } + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs { + padding: 0; + width: 200px; + float: left; + margin: 0; + border: none; + } + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs .panel { + border: 1px solid var(--ast-border-color); + border-width: 0 0 0 1px; + padding: 0 1.5em 1.5em 1.5em; + margin-bottom: 0; + width: calc(100% - 200px); + } + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h1, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h2, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h3, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h4, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h5, + .ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h6 { + clear: none; + } +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs { + border-top: 0; +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li { + width: 100%; + margin: 0; + border-bottom: none; + border-width: 0 0 1px; + border-style: solid; + border-color: var(--ast-border-color); +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li.active { + z-index: 0; + border-right-color: var(--ast-border-color); + border-bottom-color: var(--ast-border-color); +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li.active:before { + opacity: 1; +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:last-child { + border-bottom: 0; +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li a { + width: 100%; + padding: 0.5em 0 0.5em 0.8em; +} + +.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:before { + top: auto; + bottom: 0; + right: 0; + z-index: 1; + left: auto; + width: 3px; + height: 100%; + opacity: 0; + transition: .3s; +} + +@media all and (min-width: 421px) { + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before { + opacity: 1; + } +} + +@media all and (min-width: 421px) { + .woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs:hover > li:not(:hover):before { + opacity: 0; + } +} + +/** + * Single product. + */ +.ast-product-navigation-wrapper { + z-index: 1; + position: relative; + display: inline-block; + float: right; +} + +.ast-product-navigation-wrapper.circle-outline .product-links a, .ast-product-navigation-wrapper.circle .product-links a { + border-radius: 50%; +} + +.product-links a { + display: inline-block; + height: 2em; + height: calc( 1.8em + 2px); + width: 2em; + width: calc( 1.8em + 2px); + text-align: center; + border: 1px solid; + margin-left: 0.4em; +} + +.product-links a.ast-disable { + opacity: .5; + pointer-events: none; +} + +.product-links a i { + display: inline-grid; +} + +.product-links a[rel="prev"] i { + margin-left: -1px; +} + +.product-links a[rel="next"] i { + margin-right: -1px; +} + +li.woocommerce-custom-menu-item .ast-site-header-cart i.astra-icon:after { + padding-left: 2px; +} + +.astra-hfb-header .ast-addon-cart-wrap { + padding: 0.2em .6em; +} + +.ast-header-break-point.ast-header-custom-item-outside .ast-woo-header-cart-info-wrap { + display: none; +} + +.eael-woo-product-carousel-container .woocommerce ul.products li.product, +.eael-woo-product-carousel-container .woocommerce-page ul.products li.product { + transition: inherit; +} + + +/* 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; +} diff --git a/assets/css/style-grid.min.css b/assets/css/style-grid.min.css new file mode 100644 index 00000000..3f6cf7cb --- /dev/null +++ b/assets/css/style-grid.min.css @@ -0,0 +1,85 @@ +.ast-shop-pagination-infinite{text-align:center;margin:2.5em 0 0}.ast-page-builder-template .ast-shop-pagination-infinite{margin:2.5em 0}.ast-shop-load-more{cursor:pointer;display:none;border:2px solid var(--ast-border-color);transition:all .2s linear;color:#000}.ast-shop-load-more.active{display:inline-block;padding:0 1.5em;line-height:3em}.ast-shop-load-more.no-more:hover{border-color:var(--ast-border-color);color:#000}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.ast-shop-load-more.no-more:hover{background-color:inherit}.no-more{cursor:default}.ast-loader{display:none;margin:0 auto;min-height:58px;line-height:58px;width:70px;text-align:center}.ast-loader>div{width:18px;height:18px;background-color:#0085ba;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.ast-loader .ast-loader-1{animation-delay:-.32s}.ast-loader .ast-loader-2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.ast-woocommerce-pagination-type-infinite .woocommerce-pagination{display:none}.logged-in.admin-bar.woocommerce .astra-off-canvas-sidebar,.logged-in.admin-bar.woocommerce-page .astra-off-canvas-sidebar{top:32px;height:calc(100% - 32px)}.logged-in.admin-bar.woocommerce .close,.logged-in.admin-bar.woocommerce-page .close{top:5px}.woocommerce .ast-shop-toolbar-container{margin-bottom:2.5em;-js-display:flex;display:flex;align-items:center;justify-content:space-between}.woocommerce .ast-shop-toolbar-container .woocommerce-ordering,.woocommerce .ast-shop-toolbar-container>*{margin:0}.woocommerce .ast-shop-toolbar-container>:last-child{float:right}.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap{-js-display:inline-flex;display:inline-flex;align-items:center;column-gap:20px}.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap .woocommerce-result-count{margin:0}.woocommerce .ast-shop-toolbar-container .ast-shop-toolbar-aside-wrap .astra-shop-filter-button{-js-display:flex;display:flex;align-items:center}.ast-woo-mini-cart-wrapper{display:inline-block;line-height:4}.ast-woo-mini-cart-wrapper.top .widget_shopping_cart{box-shadow:0 -2px 8px 1px rgba(0,0,0,.07)}.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart{bottom:100%;top:auto}.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart:before{bottom:-18px;transform:rotateX(180deg)}.ast-woo-mini-cart-wrapper.top .ast-site-header-cart .widget_shopping_cart:after{bottom:-12px;transform:rotateX(180deg)}.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart{box-shadow:0 2px 8px 1px rgba(0,0,0,.07)}.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart:focus .widget_shopping_cart,.ast-woo-mini-cart-wrapper.bottom .widget_shopping_cart:hover .widget_shopping_cart{bottom:100%;top:auto}.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart{right:0;left:auto}.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart:before{right:10px;left:auto}.ast-woo-mini-cart-wrapper.left .ast-site-header-cart .widget_shopping_cart:after{right:13px;left:auto}.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart{right:auto;left:0}.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart:before{right:auto;left:10px}.ast-woo-mini-cart-wrapper.right .ast-site-header-cart .widget_shopping_cart:after{right:auto;left:14px}.ast-separate-container #secondary .ast-woo-mini-cart-wrapper .widget_shopping_cart{padding:0}.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper,.ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper{visibility:visible;opacity:1}.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar,.ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar{left:0}.ast-off-canvas-overlay body>.select2-container{z-index:99}.woocommerce .astra-shop-filter-button,.woocommerce button.astra-shop-filter-button,.woocommerce-page .astra-shop-filter-button,.woocommerce-page button.astra-shop-filter-button{float:left;outline:0;margin:0}.woocommerce .astra-shop-filter-button .ast-icon.icon-close,.woocommerce button.astra-shop-filter-button .ast-icon.icon-close,.woocommerce-page .astra-shop-filter-button .ast-icon.icon-close,.woocommerce-page button.astra-shop-filter-button .ast-icon.icon-close{display:none}.woocommerce .astra-shop-filter-button .astra-woo-filter-text,.woocommerce button.astra-shop-filter-button .astra-woo-filter-text,.woocommerce-page .astra-shop-filter-button .astra-woo-filter-text,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-text{margin-left:.5em;font-size:1.07em;color:var(--ast-global-color-2)}.woocommerce .astra-shop-filter-button .astra-woo-filter-icon,.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon,.woocommerce-page .astra-shop-filter-button .astra-woo-filter-icon,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon{display:inline-block;font-size:1.3em;line-height:1;font-weight:400;vertical-align:middle;width:.8em}.woocommerce .astra-shop-filter-button .astra-woo-filter-icon svg,.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon svg,.woocommerce-page .astra-shop-filter-button .astra-woo-filter-icon svg,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon svg{font-size:1em;width:.8em;height:.8em;color:var(--ast-global-color-3)}.woocommerce .astra-shop-filter-button.active .ast-icon.icon-menu-bars,.woocommerce button.astra-shop-filter-button.active .ast-icon.icon-menu-bars,.woocommerce-page .astra-shop-filter-button.active .ast-icon.icon-menu-bars,.woocommerce-page button.astra-shop-filter-button.active .ast-icon.icon-menu-bars{display:none}.woocommerce .astra-shop-filter-button.active .ast-icon.icon-close,.woocommerce button.astra-shop-filter-button.active .ast-icon.icon-close,.woocommerce-page .astra-shop-filter-button.active .ast-icon.icon-close,.woocommerce-page button.astra-shop-filter-button.active .ast-icon.icon-close{display:inline-block}.woocommerce button.astra-shop-filter-button,.woocommerce-page button.astra-shop-filter-button{padding:.67em 1em;font-weight:600;-js-display:flex;display:flex;align-items:center}.woocommerce button.astra-shop-filter-button .astra-woo-filter-text,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-text{color:inherit}.woocommerce button.astra-shop-filter-button .astra-woo-filter-icon svg,.woocommerce-page button.astra-shop-filter-button .astra-woo-filter-icon svg{color:inherit}.woocommerce button.astra-shop-filter-button~.woocommerce-result-count,.woocommerce-page button.astra-shop-filter-button~.woocommerce-result-count{padding:4px 0}.woocommerce .ast-woocommerce-container .widget_layered_nav_filters,.woocommerce-page .ast-woocommerce-container .widget_layered_nav_filters{clear:both;margin:0 0 1.5em}.woocommerce .astra-off-canvas-sidebar-wrapper,.woocommerce-page .astra-off-canvas-sidebar-wrapper{width:100%;top:0;position:fixed;height:100%;background:rgba(0,0,0,.4);z-index:99;visibility:hidden;opacity:0;transition:.25s ease-in-out}.woocommerce .astra-off-canvas-sidebar-wrapper .close,.woocommerce-page .astra-off-canvas-sidebar-wrapper .close{position:absolute;right:5px;top:5px;line-height:1;cursor:pointer;color:var(--ast-global-color-3);z-index:1;opacity:.8}.woocommerce .astra-off-canvas-sidebar-wrapper .close .ast-icon,.woocommerce-page .astra-off-canvas-sidebar-wrapper .close .ast-icon{pointer-events:none}.woocommerce .astra-off-canvas-sidebar-wrapper .close:hover,.woocommerce-page .astra-off-canvas-sidebar-wrapper .close:hover{opacity:1}.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar,.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar{position:absolute;background:var(--ast-global-color-primary,--ast-global-color-5);height:100%;top:0;left:-100%;padding:35px;box-shadow:0 0 12px 0 rgba(0,0,0,.4);width:325px;overflow:auto;transition:.3s ease-in-out}.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_price_filter .price_slider_amount .button,.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons a,.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_price_filter .price_slider_amount .button,.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons a{padding:10px 15px;font-weight:400}.woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar ul.product_list_widget li a,.woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar ul.product_list_widget li a{margin-bottom:4px;line-height:1.2}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{padding-bottom:1.2em;transition:all .3s ease-in-out}.woocommerce ul.products li.product .ast-woo-shop-product-description p:last-child,.woocommerce ul.products li.product>.ast-loop-product__link:last-child .woocommerce-loop-product__title,.woocommerce ul.products li.product>.button:last-child,.woocommerce ul.products li.product>:last-child,.woocommerce-page ul.products li.product .ast-woo-shop-product-description p:last-child,.woocommerce-page ul.products li.product>.ast-loop-product__link:last-child .woocommerce-loop-product__title,.woocommerce-page ul.products li.product>.button:last-child,.woocommerce-page ul.products li.product>:last-child{margin-bottom:0}.woocommerce ul.products li.product .astra-shop-summary-wrap,.woocommerce-page ul.products li.product .astra-shop-summary-wrap{padding:0 1.2em}.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover,.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover{padding-bottom:0}.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap,.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover .astra-shop-summary-wrap{padding:0}.woocommerce ul.products li.product.box-shadow-0.box-shadow-0-hover .added_to_cart,.woocommerce-page ul.products li.product.box-shadow-0.box-shadow-0-hover .added_to_cart{margin:0}.woocommerce ul.products li.product .button,.woocommerce-page ul.products li.product .button{margin:.5em 0}.woocommerce ul.products li.product .button.added,.woocommerce-page ul.products li.product .button.added{margin-bottom:0;transition:none}.woocommerce ul.products li.product .added_to_cart,.woocommerce-page ul.products li.product .added_to_cart{margin:0 1.2em}.woocommerce ul.products li.product .description p,.woocommerce-page ul.products li.product .description p{margin:0;font-size:.9rem;line-height:1.5}.woocommerce ul.products li.product .categories,.woocommerce-page ul.products li.product .categories{font-size:.857rem}.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap{margin-bottom:.8em}.woocommerce ul.products li.product .woocommerce-loop-product__link,.woocommerce-page ul.products li.product .woocommerce-loop-product__link{overflow:hidden}.woocommerce ul.products li.product .woocommerce-loop-product__link img,.woocommerce-page ul.products li.product .woocommerce-loop-product__link img{margin-bottom:0;backface-visibility:hidden;transition:filter .6s,opacity .6s,transform .6s}.woocommerce ul.products li.product.astra-woo-hover-zoom:hover img,.woocommerce-page ul.products li.product.astra-woo-hover-zoom:hover img{transform:scale(1.1)}.woocommerce ul.products li.product.astra-woo-hover-zoom-fade:hover img,.woocommerce-page ul.products li.product.astra-woo-hover-zoom-fade:hover img{opacity:.7;transform:scale(1.1)}.woocommerce ul.products li.product.astra-woo-hover-fade:hover img,.woocommerce-page ul.products li.product.astra-woo-hover-fade:hover img{opacity:.7}.woocommerce-checkout.distraction-free .main-header-container{text-align:center;justify-content:center}.woocommerce-checkout.distraction-free .site-branding .site-title{justify-content:center}.woocommerce ul.products li.product .onsale,.woocommerce-page ul.products li.product .onsale{border-radius:999px;padding:0 2px}.woocommerce ul.products li.product .onsale.square,.woocommerce ul.products li.product .onsale.square-outline,.woocommerce-page ul.products li.product .onsale.square,.woocommerce-page ul.products li.product .onsale.square-outline{border-radius:0;padding:0}.woocommerce .onsale.circle-outline,.woocommerce-page .onsale.circle-outline{line-height:2.7}.woocommerce div.product .onsale.circle-outline,.woocommerce-page div.product .onsale.circle-outline{line-height:3.1}.woocommerce .onsale.square,.woocommerce .onsale.square-outline,.woocommerce div.product .onsale.square,.woocommerce div.product .onsale.square-outline,.woocommerce-page .onsale.square,.woocommerce-page .onsale.square-outline,.woocommerce-page div.product .onsale.square,.woocommerce-page div.product .onsale.square-outline{border-radius:0;padding:0;line-height:3}.woocommerce.single-product .related.products{width:100%}.ast-woocommerce-pagination-default .woocommerce-pagination .page-numbers,.ast-woocommerce-pagination-default .woocommerce-pagination .page-numbers li{border:0}.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:focus,.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:hover,.ast-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li span.current{background:0 0;color:inherit}.ast-woocommerce-pagination-circle .woocommerce-pagination .page-numbers{border:0}.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li{margin:0 3px;border:none}.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li>a,.ast-woocommerce-pagination-circle.woocommerce nav.woocommerce-pagination ul li>span{border-width:1px;border-style:solid;border-radius:50%;min-width:calc(2.5em + 2px)}@media all and (min-width:421px){.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-product-gallery{margin-bottom:3em}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs{margin-bottom:3.5em;-js-display:flex;display:flex;flex-wrap:wrap}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs:after{content:"";display:table;clear:both}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs{padding:0;width:200px;float:left;margin:0;border:none}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs .panel{border:1px solid var(--ast-border-color);border-width:0 0 0 1px;padding:0 1.5em 1.5em 1.5em;margin-bottom:0;width:calc(100% - 200px)}.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h1,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h2,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h3,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h4,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h5,.ast-product-tabs-layout-vertical .woocommerce-Tabs-panel h6{clear:none}}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs{border-top:0}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li{width:100%;margin:0;border-bottom:none;border-width:0 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li.active{z-index:0;border-right-color:var(--ast-border-color);border-bottom-color:var(--ast-border-color)}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li.active:before{opacity:1}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:last-child{border-bottom:0}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li a{width:100%;padding:.5em 0 .5em .8em}.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:before{top:auto;bottom:0;right:0;z-index:1;left:auto;width:3px;height:100%;opacity:0;transition:.3s}@media all and (min-width:421px){.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before{opacity:1}}@media all and (min-width:421px){.woocommerce div.product.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs:hover>li:not(:hover):before{opacity:0}}.ast-product-navigation-wrapper{z-index:1;position:relative;display:inline-block;float:right}.ast-product-navigation-wrapper.circle .product-links a,.ast-product-navigation-wrapper.circle-outline .product-links a{border-radius:50%}.product-links a{display:inline-block;height:2em;height:calc(1.8em + 2px);width:2em;width:calc(1.8em + 2px);text-align:center;border:1px solid;margin-left:.4em}.product-links a.ast-disable{opacity:.5;pointer-events:none}.product-links a i{display:inline-grid}.product-links a[rel=prev] i{margin-left:-1px}.product-links a[rel=next] i{margin-right:-1px}li.woocommerce-custom-menu-item .ast-site-header-cart i.astra-icon:after{padding-left:2px}.astra-hfb-header .ast-addon-cart-wrap{padding:.2em .6em}.ast-header-break-point.ast-header-custom-item-outside .ast-woo-header-cart-info-wrap{display:none}.eael-woo-product-carousel-container .woocommerce ul.products li.product,.eael-woo-product-carousel-container .woocommerce-page ul.products li.product{transition:inherit} + +/* 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; +} diff --git a/assets/css/style-guide-rtl.min.css b/assets/css/style-guide-rtl.min.css new file mode 100644 index 00000000..f834aada --- /dev/null +++ b/assets/css/style-guide-rtl.min.css @@ -0,0 +1,85 @@ +.ast-sg-loaded .site{display:none!important}.ast-sg-loaded .ast-style-guide-wrapper{display:block}.ast-sg-show-less,.ast-sg-show-more,.ast-style-guide-wrapper,.ast-style-guide-wrapper .customize-partial-edit-shortcut,.wp-full-overlay-main.hide{display:none}.ast-sg-show-less.show,.ast-sg-show-more.show,.ast-style-guide-wrapper.show{display:block}#customize-header-actions button#astra-tour{display:block;position:absolute;top:0;bottom:0;right:48px;width:45px;margin-top:0!important;background:#f0f0f1;border:none;border-radius:0;border-top:4px solid #f0f0f1;border-left:1px solid #dcdcde;color:#3c434a;fill:#3c434a;stroke:#3c434a}#customize-header-actions button#astra-tour:focus,#customize-header-actions button#astra-tour:hover{background:#fff;color:#2271b1;fill:#2271b1;stroke:#2271b1;border-top-color:#2271b1;box-shadow:none;outline:1px solid transparent}#customize-header-actions button#astra-tour svg{margin-top:7px;width:15px;height:15px}#customize-header-actions input#astra-reset{position:absolute;right:100px}@media screen and (max-width:640px){#customize-header-actions button#astra-tour{right:153px}}.ast-style-guide-wrapper{width:100%;height:100%;z-index:99;background:'(--ast-bg-style-guide)'}.ast-sg-more-content-loaded .ast-style-guide-wrapper{height:100%}.ast-sg-card-title,.ast-sg-content-show-more,.ast-sg-field-title,.ast-sg-site-icon-wrap{font-family:Inter,sans-serif}.ast-tour-inner-wrap{position:relative;max-width:956px;margin:0 auto;padding:32px 0}.ast-sg-site-icon{width:16px;height:16px;margin-left:8px}.ast-sg-site-icon-inner-wrap{-js-display:inline-flex;display:inline-flex;align-items:center;justify-content:center;padding:7px 8px!important;border:1px solid #e2e8f0;border-bottom:0;border-radius:8px 8px 0 0}.ast-sg-site-icon-aside-divider{width:40px;height:0;border-top:1px solid #e2e8f0;display:block}.ast-sg-site-blogdescription{max-width:60%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px}.ast-sg-site-icon-wrap{-js-display:flex;display:flex;align-items:flex-end;font-size:14px;line-height:18px;font-weight:400;margin:8px 0!important}.ast-sg-desktop,.ast-sg-mobile,.ast-sg-tablet{display:none}.ast-tour-header-container{align-items:center;-js-display:flex;display:flex;flex-direction:row;flex-grow:1}button.ast-close-tour{line-height:1px;background:0 0;box-shadow:none;border:0;color:#6b7280;cursor:pointer;position:absolute;left:10px;top:10px;padding:0;z-index:999}.ast-tour-inner-wrap span.ast-icon{margin-top:5px}.ast-sg-content-show-more,.ast-sg-element-wrap .ast-site-identity,.ast-style-guide-wrapper .ast-sg-heading,.ast-style-guide-wrapper h1,.ast-style-guide-wrapper h2,.ast-style-guide-wrapper h3,.ast-style-guide-wrapper h4,.ast-style-guide-wrapper h5,.ast-style-guide-wrapper h6,.ast-style-guide-wrapper ol,.ast-style-guide-wrapper p,.ast-style-guide-wrapper ul{margin:0;padding:0}button.ast-close-tour svg{width:24px;height:24px;fill:#64748B}.ast-sg-1-col-grid{gap:16px;display:grid}.ast-sg-2-col-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px}.ast-styler-card{display:grid;gap:16px;background:var(--ast-bg-style-guide);padding:24px;border-radius:16px;box-shadow:var(--ast-shadow-style-guide)}.ast-sg-card-title{font-size:14px;line-height:18px;font-weight:600;color:var(--ast-global-color-2)}.ast-sg-icon-button-section{gap:16px;display:grid}.ast-sg-logo-section{min-height:222px}.ast-styler-card a{text-decoration:none}.ast-sg-element-wrap{position:relative;display:grid;justify-content:center;transition:all .3s;border:1px solid transparent;border-radius:8px;align-items:center;align-content:center}.ast-sg-content-section:hover,.ast-sg-element-wrap:hover,.ast-sg-heading-card:hover,.ast-sg-heading-section:hover{opacity:.8;border-color:#e2e8f0;cursor:pointer}.ast-sg-button-element-wrap{display:grid;gap:16px;align-items:center;justify-content:center;align-content:center;grid-template-columns:repeat(2,1fr);justify-items:center}.ast-sg-button-element-wrap .ast-sg-element-wrap{padding:8px;width:100%;height:100%}.ast-sg-colors-section-wrap{grid-template-columns:repeat(9,1fr);gap:12px;display:grid}.ast-sg-color-item-wrap{position:relative;border:1px solid #02061714;border-radius:8px;overflow:hidden;background:#fff;display:grid;transition:all .3s}.ast-sg-content-inner-wrap{display:grid;gap:16px;border-radius:16px;grid-template-columns:repeat(2,1fr)}.ast-sg-content-section,.ast-sg-heading-section{padding:16px;border-radius:8px;transition:all .3s;position:relative}.ast-quick-tour-item{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0}.ast-sg-customizer-shortcut{display:none;position:absolute;left:5px;top:5px;line-height:1;transition:all .3s}.ast-sg-color-item-wrap:hover .ast-sg-customizer-shortcut,.ast-sg-content-section:hover .ast-sg-customizer-shortcut,.ast-sg-element-wrap:hover .ast-sg-customizer-shortcut,.ast-sg-heading-card:hover .ast-sg-customizer-shortcut,.ast-sg-heading-section:hover .ast-sg-customizer-shortcut{display:block}.ast-sg-heading-section .sub-heading{font-size:18px;line-height:27px;max-width:296px}.ast-sg-color-item-wrap:hover{cursor:pointer;box-shadow:0 0 0 4px #00000014}.ast-sg-color-picker{width:100%;height:40px;border-bottom:1px solid #02061714}.ast-sg-field-title{font-size:12px;line-height:16px;color:#64748b;padding:6px 10px;text-align:center}.ast-quick-tour-body .ast-sg-content-show-more{text-align:center;color:#64748b;font-size:14px;line-height:18px;padding:16px;cursor:pointer;display:block;margin:0 auto}.ast-sg-heading-section h1{margin-bottom:16px}.ast-sg-typo-field{padding:0;text-align:right;text-transform:capitalize;font-weight:400}.ast-sg-heading-card{display:grid;gap:4px;padding:16px;border-radius:8px;transition:all .3s;position:relative}.ast-sg-content-section ol,.ast-sg-content-section ul{margin:0;padding:0 20px}.ast-sg-content-section blockquote{margin:0;padding:5px 20px 0 0;font-size:1em;border-right:2px solid #e2e8f0}.ast-style-guide-wrapper .ast-sg-content-divider{width:100%;margin:16px 0;border-top:1px dashed #e2e8f0}.ast-sg-content-section{display:grid;gap:16px}@media(min-width:769px){.ast-sg-desktop{display:inline-block}}@media(min-width:545px) and (max-width:768px){.ast-sg-tablet{display:inline-block}}@media(max-width:544px){.ast-sg-mobile{display:inline-block}}@media(max-width:768px){.ast-tour-inner-wrap{padding-top:46px}.ast-sg-colors-section-wrap{grid-template-columns:repeat(5,1fr)}}@media(max-width:544px){.ast-style-guide-wrapper{padding:5px}.ast-sg-2-col-grid,.ast-sg-button-element-wrap,.ast-sg-content-inner-wrap{grid-template-columns:repeat(1,1fr)}.ast-sg-colors-section-wrap{grid-template-columns:repeat(2,1fr)}.ast-styler-card{padding:16px}}.ast-sg-colors-section{display:grid;margin:16px 0}.transperent-logo{background-color:#000;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; +} diff --git a/assets/css/style-guide.min.css b/assets/css/style-guide.min.css new file mode 100644 index 00000000..f9703cd5 --- /dev/null +++ b/assets/css/style-guide.min.css @@ -0,0 +1,85 @@ +.ast-sg-loaded .site{display:none!important}.ast-sg-loaded .ast-style-guide-wrapper{display:block}.ast-sg-show-less,.ast-sg-show-more,.ast-style-guide-wrapper,.ast-style-guide-wrapper .customize-partial-edit-shortcut,.wp-full-overlay-main.hide{display:none}.ast-sg-show-less.show,.ast-sg-show-more.show,.ast-style-guide-wrapper.show{display:block}#customize-header-actions button#astra-tour{display:block;position:absolute;top:0;bottom:0;left:48px;width:45px;margin-top:0!important;background:#f0f0f1;border:none;border-radius:0;border-top:4px solid #f0f0f1;border-right:1px solid #dcdcde;color:#3c434a;fill:#3c434a;stroke:#3c434a}#customize-header-actions button#astra-tour:focus,#customize-header-actions button#astra-tour:hover{background:#fff;color:#2271b1;fill:#2271b1;stroke:#2271b1;border-top-color:#2271b1;box-shadow:none;outline:1px solid transparent}#customize-header-actions button#astra-tour svg{margin-top:7px;width:15px;height:15px}#customize-header-actions input#astra-reset{position:absolute;left:100px}@media screen and (max-width:640px){#customize-header-actions button#astra-tour{left:153px}}.ast-style-guide-wrapper{width:100%;height:100%;z-index:99;background:'(--ast-bg-style-guide)'}.ast-sg-more-content-loaded .ast-style-guide-wrapper{height:100%}.ast-sg-card-title,.ast-sg-content-show-more,.ast-sg-field-title,.ast-sg-site-icon-wrap{font-family:Inter,sans-serif}.ast-tour-inner-wrap{position:relative;max-width:956px;margin:0 auto;padding:32px 0}.ast-sg-site-icon{width:16px;height:16px;margin-right:8px}.ast-sg-site-icon-inner-wrap{-js-display:inline-flex;display:inline-flex;align-items:center;justify-content:center;padding:7px 8px!important;border:1px solid #e2e8f0;border-bottom:0;border-radius:8px 8px 0 0}.ast-sg-site-icon-aside-divider{width:40px;height:0;border-top:1px solid #e2e8f0;display:block}.ast-sg-site-blogdescription{max-width:60%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-left:5px}.ast-sg-site-icon-wrap{-js-display:flex;display:flex;align-items:flex-end;font-size:14px;line-height:18px;font-weight:400;margin:8px 0!important}.ast-sg-desktop,.ast-sg-mobile,.ast-sg-tablet{display:none}.ast-tour-header-container{align-items:center;-js-display:flex;display:flex;flex-direction:row;flex-grow:1}button.ast-close-tour{line-height:1px;background:0 0;box-shadow:none;border:0;color:#6b7280;cursor:pointer;position:absolute;right:10px;top:10px;padding:0;z-index:999}.ast-tour-inner-wrap span.ast-icon{margin-top:5px}.ast-sg-content-show-more,.ast-sg-element-wrap .ast-site-identity,.ast-style-guide-wrapper .ast-sg-heading,.ast-style-guide-wrapper h1,.ast-style-guide-wrapper h2,.ast-style-guide-wrapper h3,.ast-style-guide-wrapper h4,.ast-style-guide-wrapper h5,.ast-style-guide-wrapper h6,.ast-style-guide-wrapper ol,.ast-style-guide-wrapper p,.ast-style-guide-wrapper ul{margin:0;padding:0}button.ast-close-tour svg{width:24px;height:24px;fill:#64748B}.ast-sg-1-col-grid{gap:16px;display:grid}.ast-sg-2-col-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px}.ast-styler-card{display:grid;gap:16px;background:var(--ast-bg-style-guide);padding:24px;border-radius:16px;box-shadow:var(--ast-shadow-style-guide)}.ast-sg-card-title{font-size:14px;line-height:18px;font-weight:600;color:var(--ast-global-color-2)}.ast-sg-icon-button-section{gap:16px;display:grid}.ast-sg-logo-section{min-height:222px}.ast-styler-card a{text-decoration:none}.ast-sg-element-wrap{position:relative;display:grid;justify-content:center;transition:all .3s;border:1px solid transparent;border-radius:8px;align-items:center;align-content:center}.ast-sg-content-section:hover,.ast-sg-element-wrap:hover,.ast-sg-heading-card:hover,.ast-sg-heading-section:hover{opacity:.8;border-color:#e2e8f0;cursor:pointer}.ast-sg-button-element-wrap{display:grid;gap:16px;align-items:center;justify-content:center;align-content:center;grid-template-columns:repeat(2,1fr);justify-items:center}.ast-sg-button-element-wrap .ast-sg-element-wrap{padding:8px;width:100%;height:100%}.ast-sg-colors-section-wrap{grid-template-columns:repeat(9,1fr);gap:12px;display:grid}.ast-sg-color-item-wrap{position:relative;border:1px solid #02061714;border-radius:8px;overflow:hidden;background:#fff;display:grid;transition:all .3s}.ast-sg-content-inner-wrap{display:grid;gap:16px;border-radius:16px;grid-template-columns:repeat(2,1fr)}.ast-sg-content-section,.ast-sg-heading-section{padding:16px;border-radius:8px;transition:all .3s;position:relative}.ast-quick-tour-item{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.ast-sg-customizer-shortcut{display:none;position:absolute;right:5px;top:5px;line-height:1;transition:all .3s}.ast-sg-color-item-wrap:hover .ast-sg-customizer-shortcut,.ast-sg-content-section:hover .ast-sg-customizer-shortcut,.ast-sg-element-wrap:hover .ast-sg-customizer-shortcut,.ast-sg-heading-card:hover .ast-sg-customizer-shortcut,.ast-sg-heading-section:hover .ast-sg-customizer-shortcut{display:block}.ast-sg-heading-section .sub-heading{font-size:18px;line-height:27px;max-width:296px}.ast-sg-color-item-wrap:hover{cursor:pointer;box-shadow:0 0 0 4px #00000014}.ast-sg-color-picker{width:100%;height:40px;border-bottom:1px solid #02061714}.ast-sg-field-title{font-size:12px;line-height:16px;color:#64748b;padding:6px 10px;text-align:center}.ast-quick-tour-body .ast-sg-content-show-more{text-align:center;color:#64748b;font-size:14px;line-height:18px;padding:16px;cursor:pointer;display:block;margin:0 auto}.ast-sg-heading-section h1{margin-bottom:16px}.ast-sg-typo-field{padding:0;text-align:left;text-transform:capitalize;font-weight:400}.ast-sg-heading-card{display:grid;gap:4px;padding:16px;border-radius:8px;transition:all .3s;position:relative}.ast-sg-content-section ol,.ast-sg-content-section ul{margin:0;padding:0 20px}.ast-sg-content-section blockquote{margin:0;padding:5px 0 0 20px;font-size:1em;border-left:2px solid #e2e8f0}.ast-style-guide-wrapper .ast-sg-content-divider{width:100%;margin:16px 0;border-top:1px dashed #e2e8f0}.ast-sg-content-section{display:grid;gap:16px}@media(min-width:769px){.ast-sg-desktop{display:inline-block}}@media(min-width:545px) and (max-width:768px){.ast-sg-tablet{display:inline-block}}@media(max-width:544px){.ast-sg-mobile{display:inline-block}}@media(max-width:768px){.ast-tour-inner-wrap{padding-top:46px}.ast-sg-colors-section-wrap{grid-template-columns:repeat(5,1fr)}}@media(max-width:544px){.ast-style-guide-wrapper{padding:5px}.ast-sg-2-col-grid,.ast-sg-button-element-wrap,.ast-sg-content-inner-wrap{grid-template-columns:repeat(1,1fr)}.ast-sg-colors-section-wrap{grid-template-columns:repeat(2,1fr)}.ast-styler-card{padding:16px}}.ast-sg-colors-section{display:grid;margin:16px 0}.transperent-logo{background-color:#000;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; +} diff --git a/assets/css/style-rtl.css b/assets/css/style-rtl.css new file mode 100644 index 00000000..651af368 --- /dev/null +++ b/assets/css/style-rtl.css @@ -0,0 +1,105 @@ +[ID*="-optin-notice"] { + padding: 1px 12px; + border-right-color: #007cba; +} + +[ID*="-optin-notice"] .notice-container { + padding-top: 10px; + padding-bottom: 12px; +} + +[ID*="-optin-notice"] .notice-content { + margin: 0; +} + +[ID*="-optin-notice"] .notice-heading { + padding: 0 0 12px 20px; +} + +[ID*="-optin-notice"] .button-primary { + margin-left: 5px; +} + +/* 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; +} diff --git a/assets/css/style-rtl.min.css b/assets/css/style-rtl.min.css new file mode 100644 index 00000000..ca293865 --- /dev/null +++ b/assets/css/style-rtl.min.css @@ -0,0 +1,85 @@ +[ID*="-optin-notice"]{padding:1px 12px;border-right-color:#007cba}[ID*="-optin-notice"] .notice-container{padding-top:10px;padding-bottom:12px}[ID*="-optin-notice"] .notice-content{margin:0}[ID*="-optin-notice"] .notice-heading{padding:0 0 12px 20px}[ID*="-optin-notice"] .button-primary{margin-left:5px} + +/* 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; +} diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 00000000..04026ad6 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,105 @@ +[ID*="-optin-notice"] { + padding: 1px 12px; + border-left-color: #007cba; +} + +[ID*="-optin-notice"] .notice-container { + padding-top: 10px; + padding-bottom: 12px; +} + +[ID*="-optin-notice"] .notice-content { + margin: 0; +} + +[ID*="-optin-notice"] .notice-heading { + padding: 0 20px 12px 0; +} + +[ID*="-optin-notice"] .button-primary { + margin-right: 5px; +} + +/* 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; +} diff --git a/assets/css/style.min-rtl.css b/assets/css/style.min-rtl.css new file mode 100644 index 00000000..c62b444e --- /dev/null +++ b/assets/css/style.min-rtl.css @@ -0,0 +1,87 @@ +@charset "UTF-8";a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */@media (min-width:544px){.ast-container{max-width:100%}}@media (min-width:768px){.ast-container{max-width:100%}}@media (min-width:992px){.ast-container{max-width:100%}}@media (min-width:1200px){.ast-container{max-width:100%}}.ast-container,.ast-container-fluid{margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.ast-container-fluid::after,.ast-container::after{content:"";display:table;clear:both}.ast-row{margin-right:-20px;margin-left:-20px}.ast-row::after{content:"";display:table;clear:both}.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9,.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9,.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9,.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9,.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{position:relative;min-height:1px;padding-right:20px;padding-left:20px}.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{float:right}.ast-col-xs-1{width:8.3333333333%}.ast-col-xs-2{width:16.6666666667%}.ast-col-xs-3{width:25%}.ast-col-xs-4{width:33.3333333333%}.ast-col-xs-5{width:41.6666666667%}.ast-col-xs-6{width:50%}.ast-col-xs-7{width:58.3333333333%}.ast-col-xs-8{width:66.6666666667%}.ast-col-xs-9{width:75%}.ast-col-xs-10{width:83.3333333333%}.ast-col-xs-11{width:91.6666666667%}.ast-col-xs-12{width:100%}.ast-col-xs-pull-0{left:auto}.ast-col-xs-pull-1{left:8.3333333333%}.ast-col-xs-pull-2{left:16.6666666667%}.ast-col-xs-pull-3{left:25%}.ast-col-xs-pull-4{left:33.3333333333%}.ast-col-xs-pull-5{left:41.6666666667%}.ast-col-xs-pull-6{left:50%}.ast-col-xs-pull-7{left:58.3333333333%}.ast-col-xs-pull-8{left:66.6666666667%}.ast-col-xs-pull-9{left:75%}.ast-col-xs-pull-10{left:83.3333333333%}.ast-col-xs-pull-11{left:91.6666666667%}.ast-col-xs-pull-12{left:100%}.ast-col-xs-push-0{right:auto}.ast-col-xs-push-1{right:8.3333333333%}.ast-col-xs-push-2{right:16.6666666667%}.ast-col-xs-push-3{right:25%}.ast-col-xs-push-4{right:33.3333333333%}.ast-col-xs-push-5{right:41.6666666667%}.ast-col-xs-push-6{right:50%}.ast-col-xs-push-7{right:58.3333333333%}.ast-col-xs-push-8{right:66.6666666667%}.ast-col-xs-push-9{right:75%}.ast-col-xs-push-10{right:83.3333333333%}.ast-col-xs-push-11{right:91.6666666667%}.ast-col-xs-push-12{right:100%}.ast-col-xs-offset-0{margin-right:0}.ast-col-xs-offset-1{margin-right:8.3333333333%}.ast-col-xs-offset-2{margin-right:16.6666666667%}.ast-col-xs-offset-3{margin-right:25%}.ast-col-xs-offset-4{margin-right:33.3333333333%}.ast-col-xs-offset-5{margin-right:41.6666666667%}.ast-col-xs-offset-6{margin-right:50%}.ast-col-xs-offset-7{margin-right:58.3333333333%}.ast-col-xs-offset-8{margin-right:66.6666666667%}.ast-col-xs-offset-9{margin-right:75%}.ast-col-xs-offset-10{margin-right:83.3333333333%}.ast-col-xs-offset-11{margin-right:91.6666666667%}.ast-col-xs-offset-12{margin-right:100%}@media (min-width:544px){.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9{float:right}.ast-col-sm-1{width:8.3333333333%}.ast-col-sm-2{width:16.6666666667%}.ast-col-sm-3{width:25%}.ast-col-sm-4{width:33.3333333333%}.ast-col-sm-5{width:41.6666666667%}.ast-col-sm-6{width:50%}.ast-col-sm-7{width:58.3333333333%}.ast-col-sm-8{width:66.6666666667%}.ast-col-sm-9{width:75%}.ast-col-sm-10{width:83.3333333333%}.ast-col-sm-11{width:91.6666666667%}.ast-col-sm-12{width:100%}.ast-col-sm-pull-0{left:auto}.ast-col-sm-pull-1{left:8.3333333333%}.ast-col-sm-pull-2{left:16.6666666667%}.ast-col-sm-pull-3{left:25%}.ast-col-sm-pull-4{left:33.3333333333%}.ast-col-sm-pull-5{left:41.6666666667%}.ast-col-sm-pull-6{left:50%}.ast-col-sm-pull-7{left:58.3333333333%}.ast-col-sm-pull-8{left:66.6666666667%}.ast-col-sm-pull-9{left:75%}.ast-col-sm-pull-10{left:83.3333333333%}.ast-col-sm-pull-11{left:91.6666666667%}.ast-col-sm-pull-12{left:100%}.ast-col-sm-push-0{right:auto}.ast-col-sm-push-1{right:8.3333333333%}.ast-col-sm-push-2{right:16.6666666667%}.ast-col-sm-push-3{right:25%}.ast-col-sm-push-4{right:33.3333333333%}.ast-col-sm-push-5{right:41.6666666667%}.ast-col-sm-push-6{right:50%}.ast-col-sm-push-7{right:58.3333333333%}.ast-col-sm-push-8{right:66.6666666667%}.ast-col-sm-push-9{right:75%}.ast-col-sm-push-10{right:83.3333333333%}.ast-col-sm-push-11{right:91.6666666667%}.ast-col-sm-push-12{right:100%}.ast-col-sm-offset-0{margin-right:0}.ast-col-sm-offset-1{margin-right:8.3333333333%}.ast-col-sm-offset-2{margin-right:16.6666666667%}.ast-col-sm-offset-3{margin-right:25%}.ast-col-sm-offset-4{margin-right:33.3333333333%}.ast-col-sm-offset-5{margin-right:41.6666666667%}.ast-col-sm-offset-6{margin-right:50%}.ast-col-sm-offset-7{margin-right:58.3333333333%}.ast-col-sm-offset-8{margin-right:66.6666666667%}.ast-col-sm-offset-9{margin-right:75%}.ast-col-sm-offset-10{margin-right:83.3333333333%}.ast-col-sm-offset-11{margin-right:91.6666666667%}.ast-col-sm-offset-12{margin-right:100%}}@media (min-width:768px){.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9{float:right}.ast-col-md-1{width:8.3333333333%}.ast-col-md-2{width:16.6666666667%}.ast-col-md-3{width:25%}.ast-col-md-4{width:33.3333333333%}.ast-col-md-5{width:41.6666666667%}.ast-col-md-6{width:50%}.ast-col-md-7{width:58.3333333333%}.ast-col-md-8{width:66.6666666667%}.ast-col-md-9{width:75%}.ast-col-md-10{width:83.3333333333%}.ast-col-md-11{width:91.6666666667%}.ast-col-md-12{width:100%}.ast-col-md-pull-0{left:auto}.ast-col-md-pull-1{left:8.3333333333%}.ast-col-md-pull-2{left:16.6666666667%}.ast-col-md-pull-3{left:25%}.ast-col-md-pull-4{left:33.3333333333%}.ast-col-md-pull-5{left:41.6666666667%}.ast-col-md-pull-6{left:50%}.ast-col-md-pull-7{left:58.3333333333%}.ast-col-md-pull-8{left:66.6666666667%}.ast-col-md-pull-9{left:75%}.ast-col-md-pull-10{left:83.3333333333%}.ast-col-md-pull-11{left:91.6666666667%}.ast-col-md-pull-12{left:100%}.ast-col-md-push-0{right:auto}.ast-col-md-push-1{right:8.3333333333%}.ast-col-md-push-2{right:16.6666666667%}.ast-col-md-push-3{right:25%}.ast-col-md-push-4{right:33.3333333333%}.ast-col-md-push-5{right:41.6666666667%}.ast-col-md-push-6{right:50%}.ast-col-md-push-7{right:58.3333333333%}.ast-col-md-push-8{right:66.6666666667%}.ast-col-md-push-9{right:75%}.ast-col-md-push-10{right:83.3333333333%}.ast-col-md-push-11{right:91.6666666667%}.ast-col-md-push-12{right:100%}.ast-col-md-offset-0{margin-right:0}.ast-col-md-offset-1{margin-right:8.3333333333%}.ast-col-md-offset-2{margin-right:16.6666666667%}.ast-col-md-offset-3{margin-right:25%}.ast-col-md-offset-4{margin-right:33.3333333333%}.ast-col-md-offset-5{margin-right:41.6666666667%}.ast-col-md-offset-6{margin-right:50%}.ast-col-md-offset-7{margin-right:58.3333333333%}.ast-col-md-offset-8{margin-right:66.6666666667%}.ast-col-md-offset-9{margin-right:75%}.ast-col-md-offset-10{margin-right:83.3333333333%}.ast-col-md-offset-11{margin-right:91.6666666667%}.ast-col-md-offset-12{margin-right:100%}}@media (min-width:992px){.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9{float:right}.ast-col-lg-1{width:8.3333333333%}.ast-col-lg-2{width:16.6666666667%}.ast-col-lg-3{width:25%}.ast-col-lg-4{width:33.3333333333%}.ast-col-lg-5{width:41.6666666667%}.ast-col-lg-6{width:50%}.ast-col-lg-7{width:58.3333333333%}.ast-col-lg-8{width:66.6666666667%}.ast-col-lg-9{width:75%}.ast-col-lg-10{width:83.3333333333%}.ast-col-lg-11{width:91.6666666667%}.ast-col-lg-12{width:100%}.ast-col-lg-pull-0{left:auto}.ast-col-lg-pull-1{left:8.3333333333%}.ast-col-lg-pull-2{left:16.6666666667%}.ast-col-lg-pull-3{left:25%}.ast-col-lg-pull-4{left:33.3333333333%}.ast-col-lg-pull-5{left:41.6666666667%}.ast-col-lg-pull-6{left:50%}.ast-col-lg-pull-7{left:58.3333333333%}.ast-col-lg-pull-8{left:66.6666666667%}.ast-col-lg-pull-9{left:75%}.ast-col-lg-pull-10{left:83.3333333333%}.ast-col-lg-pull-11{left:91.6666666667%}.ast-col-lg-pull-12{left:100%}.ast-col-lg-push-0{right:auto}.ast-col-lg-push-1{right:8.3333333333%}.ast-col-lg-push-2{right:16.6666666667%}.ast-col-lg-push-3{right:25%}.ast-col-lg-push-4{right:33.3333333333%}.ast-col-lg-push-5{right:41.6666666667%}.ast-col-lg-push-6{right:50%}.ast-col-lg-push-7{right:58.3333333333%}.ast-col-lg-push-8{right:66.6666666667%}.ast-col-lg-push-9{right:75%}.ast-col-lg-push-10{right:83.3333333333%}.ast-col-lg-push-11{right:91.6666666667%}.ast-col-lg-push-12{right:100%}.ast-col-lg-offset-0{margin-right:0}.ast-col-lg-offset-1{margin-right:8.3333333333%}.ast-col-lg-offset-2{margin-right:16.6666666667%}.ast-col-lg-offset-3{margin-right:25%}.ast-col-lg-offset-4{margin-right:33.3333333333%}.ast-col-lg-offset-5{margin-right:41.6666666667%}.ast-col-lg-offset-6{margin-right:50%}.ast-col-lg-offset-7{margin-right:58.3333333333%}.ast-col-lg-offset-8{margin-right:66.6666666667%}.ast-col-lg-offset-9{margin-right:75%}.ast-col-lg-offset-10{margin-right:83.3333333333%}.ast-col-lg-offset-11{margin-right:91.6666666667%}.ast-col-lg-offset-12{margin-right:100%}}@media (min-width:1200px){.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9{float:right}.ast-col-xl-1{width:8.3333333333%}.ast-col-xl-2{width:16.6666666667%}.ast-col-xl-3{width:25%}.ast-col-xl-4{width:33.3333333333%}.ast-col-xl-5{width:41.6666666667%}.ast-col-xl-6{width:50%}.ast-col-xl-7{width:58.3333333333%}.ast-col-xl-8{width:66.6666666667%}.ast-col-xl-9{width:75%}.ast-col-xl-10{width:83.3333333333%}.ast-col-xl-11{width:91.6666666667%}.ast-col-xl-12{width:100%}.ast-col-xl-pull-0{left:auto}.ast-col-xl-pull-1{left:8.3333333333%}.ast-col-xl-pull-2{left:16.6666666667%}.ast-col-xl-pull-3{left:25%}.ast-col-xl-pull-4{left:33.3333333333%}.ast-col-xl-pull-5{left:41.6666666667%}.ast-col-xl-pull-6{left:50%}.ast-col-xl-pull-7{left:58.3333333333%}.ast-col-xl-pull-8{left:66.6666666667%}.ast-col-xl-pull-9{left:75%}.ast-col-xl-pull-10{left:83.3333333333%}.ast-col-xl-pull-11{left:91.6666666667%}.ast-col-xl-pull-12{left:100%}.ast-col-xl-push-0{right:auto}.ast-col-xl-push-1{right:8.3333333333%}.ast-col-xl-push-2{right:16.6666666667%}.ast-col-xl-push-3{right:25%}.ast-col-xl-push-4{right:33.3333333333%}.ast-col-xl-push-5{right:41.6666666667%}.ast-col-xl-push-6{right:50%}.ast-col-xl-push-7{right:58.3333333333%}.ast-col-xl-push-8{right:66.6666666667%}.ast-col-xl-push-9{right:75%}.ast-col-xl-push-10{right:83.3333333333%}.ast-col-xl-push-11{right:91.6666666667%}.ast-col-xl-push-12{right:100%}.ast-col-xl-offset-0{margin-right:0}.ast-col-xl-offset-1{margin-right:8.3333333333%}.ast-col-xl-offset-2{margin-right:16.6666666667%}.ast-col-xl-offset-3{margin-right:25%}.ast-col-xl-offset-4{margin-right:33.3333333333%}.ast-col-xl-offset-5{margin-right:41.6666666667%}.ast-col-xl-offset-6{margin-right:50%}.ast-col-xl-offset-7{margin-right:58.3333333333%}.ast-col-xl-offset-8{margin-right:66.6666666667%}.ast-col-xl-offset-9{margin-right:75%}.ast-col-xl-offset-10{margin-right:83.3333333333%}.ast-col-xl-offset-11{margin-right:91.6666666667%}.ast-col-xl-offset-12{margin-right:100%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 3em 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-right:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-right:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-left:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 1px 0 0;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 0 1px 1px}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-right:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-right:auto;margin-left:auto}#primary:after,#primary:before,#secondary:after,#secondary:before,.ast-container:after,.ast-container:before,.ast-row:after,.ast-row:before,.clear:after,.clear:before,.sidebar-main:after,.sidebar-main:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-main:after,.site-main:before{content:"";display:table}#primary:after,#secondary:after,.ast-container:after,.ast-row:after,.clear:after,.sidebar-main:after,.site-content:after,.site-footer:after,.site-header:after,.site-main:after{clear:both}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-right:auto;margin-left:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 3em 1.5em 1em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;right:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;right:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;right:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{display:block;position:relative;float:right;width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-right:0;margin-left:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid var(--ast-border-color);margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}.ast-page-builder-template .hentry{margin:0}.ast-page-builder-template .site-content>.ast-container{max-width:100%;padding:0}.ast-page-builder-template .site-content #primary{padding:0;margin:0}.ast-page-builder-template .no-results{text-align:center;margin:4em auto}.ast-page-builder-template .entry-header{margin-top:4em;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail{margin-top:0}.ast-page-builder-template .entry-header.ast-header-without-markup{margin-top:0;margin-bottom:0}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta{margin-bottom:0}.ast-page-builder-template.single .post-navigation{padding-bottom:2em}.ast-page-builder-template .ast-archive-description{margin-top:4em;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-left:60px}.ast-left-sidebar #primary{padding-right:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-right:0;padding-left:0}.ast-right-sidebar #primary{padding-left:30px}.ast-left-sidebar #primary{padding-right:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-right:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu,.main-header-menu .menu-item>.sub-menu.toggled-on{left:auto;right:0;visibility:visible}.main-header-menu .menu-item.focus>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item:hover>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item>.sub-menu.toggled-on .sub-menu.toggled-on{right:100%;left:auto;visibility:visible}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0;right:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{right:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;right:-999em;position:absolute;top:100%;z-index:99999;visibility:hidden}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{right:100%;left:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{position:absolute;left:.6em;top:50%;transform:translate(0,-50%) rotate(-270deg)}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow{display:block}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow svg{margin:0}#ast-desktop-header .account-main-navigation .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{transform:translate(0,-50%) rotate(-360deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-2px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-style:none}.ast-header-break-point .main-navigation{padding-right:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-left:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-right:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-right:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-right:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-right:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:0}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{right:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:first-child{display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-right:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-right:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-left:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-right:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{position:relative;text-align:right}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{grid-column-start:2;text-align:left}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:1.06666rem;font-size:1rem;padding:0 var(--ast-post-nav-space,1.5em);height:2.33333em;line-height:calc(2.33333em - 3px)}.main-header-bar{z-index:1}.header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items{text-align:left}.header-main-layout-1 .main-header-bar-navigation{text-align:left}.header-main-layout-1 .main-header-bar-navigation .sub-menu{text-align:right}.header-main-layout-1 .main-navigation{padding-right:15px;vertical-align:top}.header-main-layout-1 .main-header-container{align-items:stretch}.header-main-layout-2 .main-header-container{display:block}.header-main-layout-2 .site-branding{text-align:center;padding-bottom:1em}.header-main-layout-2 .site-title{justify-content:center}.header-main-layout-2 .main-navigation ul{justify-content:center}.header-main-layout-2 .main-header-bar-navigation{text-align:center}.header-main-layout-2 .main-header-bar-navigation .sub-menu{text-align:right}.header-main-layout-2 .ast-header-custom-item{justify-content:center;line-height:1.85714285714286}.header-main-layout-2 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-2 .widget{text-align:center}.ast-header-custom-item-outside .header-main-layout-2 .main-header-container{-js-display:flex;display:flex;justify-content:center}.ast-header-custom-item-outside .header-main-layout-2 .site-branding{flex:0 0 100%}.header-main-layout-3 .ast-site-identity{text-align:left}.header-main-layout-3 .main-header-container{flex-direction:row-reverse;align-items:stretch}.header-main-layout-3 .main-navigation{padding-left:15px}.header-main-layout-3 .main-navigation ul{justify-content:flex-start}.header-main-layout-3 .main-header-bar-navigation{text-align:right}.header-main-layout-3 .ast-header-custom-item{justify-content:flex-start}.header-main-layout-3 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-3 li .ast-search-icon{padding-right:.5em}.header-main-layout-3 .ast-search-menu-icon{right:0;left:0}.header-main-layout-3 li .ast-search-menu-icon{right:1em;left:0}.header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form{padding:0 3em 0 0}.header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{right:-1em;left:auto}.ast-header-break-point .header-main-layout-1 .site-branding{padding-left:1em}.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation{text-align:right}.ast-header-break-point .header-main-layout-1 .main-navigation{padding-right:0}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .site-branding{padding-right:0;padding-left:0;padding-bottom:1em;flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items,.ast-header-break-point .ast-mobile-header-stack .ast-site-identity,.ast-header-break-point .ast-mobile-header-stack .site-branding,.ast-header-break-point .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title{text-align:right}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{flex:1 1 100%;text-align:center;justify-content:center}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container{flex-direction:initial}.ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons{-js-display:flex;display:flex;justify-content:center}.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation,.ast-header-break-point .header-main-layout-2 .widget{text-align:right}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon{margin-left:auto;margin-right:1em}.ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{left:auto;right:0}.ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons{justify-content:flex-start}.ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon{right:0}.ast-header-break-point .header-main-layout-3 .site-branding{padding-right:1em;justify-content:flex-end}.ast-header-break-point .header-main-layout-3 .main-navigation{padding-left:0}.ast-logo-title-inline .ast-site-identity{-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-logo-title-inline .site-logo-img{padding-left:1em}.ast-logo-title-inline.header-main-layout-2 .site-logo-img+.ast-site-title-wrap .site-title{justify-content:flex-start}@media (max-width:544px){.ast-header-custom-item-outside .ast-mobile-header-stack .site-branding{padding-left:0}.ast-header-custom-item-outside .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center;text-align:center;padding-bottom:0}}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{text-align:right}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title{justify-content:left}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:1em}.ast-header-break-point .ast-mobile-header-inline .main-header-container,.ast-header-break-point .ast-mobile-header-stack .main-header-container{-js-display:flex;display:flex}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.main-header-bar{margin-right:auto;margin-left:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-right:0;padding-left:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.ast-theme-transparent-header .post-password-form{margin-top:100px}.nav-style{display:block;padding:0 15px}.site-branding{line-height:1;align-self:center}.ast-no-menu-items .main-navigation{display:none}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative;line-height:4}.main-header-bar .main-header-bar-navigation{height:100%}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.main-header-bar .main-header-bar-navigation .ast-search-icon{display:block;z-index:4;position:relative}.main-header-bar .ast-search-menu-icon .search-form{background-color:#fff}.ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on{padding-top:0}.ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link{border:none}.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form{visibility:visible;opacity:1;position:relative;left:auto;top:auto;transform:none}.ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon,.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon,.below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon{color:#757575}.ast-search-menu-icon.slide-search .search-form{backface-visibility:visible;visibility:hidden;opacity:0;transition:all .2s;position:absolute;z-index:3;left:-1em;top:50%;transform:translateY(-50%)}.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form{visibility:visible;opacity:1}.ast-search-menu-icon .search-form{border:1px solid var(--ast-border-color);line-height:normal;padding:0 0 0 3em;border-radius:2px;display:inline-block;backface-visibility:hidden;position:relative;color:inherit;background-color:#fff}.ast-search-menu-icon .astra-search-icon{-js-display:flex;display:flex;line-height:normal}.ast-search-menu-icon .astra-search-icon:focus{outline:0}.ast-search-menu-icon .search-field{border:none;background-color:transparent;transition:width .2s;border-radius:inherit;color:inherit;font-size:inherit;width:0;color:#757575}.ast-search-menu-icon .search-submit{display:none;background:0 0;border:none;font-size:1.3em;color:#757575}.ast-search-menu-icon.ast-dropdown-active{visibility:visible;opacity:1;position:relative}.ast-search-menu-icon.ast-dropdown-active .search-field{width:235px}li.ast-masthead-custom-menu-items{padding:0 1em}li.ast-masthead-custom-menu-items a{padding-right:0;padding-left:0;vertical-align:middle}li.ast-masthead-custom-menu-items a,li.ast-masthead-custom-menu-items a:focus,li.ast-masthead-custom-menu-items a:hover{background:0 0}li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon{line-height:1}.ast-search-icon{z-index:4;position:relative;line-height:normal}.ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items{text-align:left}.ast-primary-menu-disabled .ast-masthead-custom-menu-items{flex:1}.ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items{text-align:right}.ast-masthead-custom-menu-items{padding:0 1em}.search-custom-menu-item{position:relative}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .ast-mobile-header-stack .site-description{text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description{text-align:right}.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons{display:none}.ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items{display:none}.ast-header-break-point .ast-mobile-header-inline .site-branding{text-align:right;padding-bottom:0}.ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding{text-align:left}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{-js-display:flex;display:flex;flex:1;align-self:center}.ast-header-break-point ul li.ast-masthead-custom-menu-items a{padding:0;display:inline-block;width:auto;border:0}.ast-header-break-point li.ast-masthead-custom-menu-items{padding-right:20px;padding-left:20px;margin-bottom:1em;margin-top:1em}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.menu-link:after{display:none}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3;display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;left:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle .icon-arrow svg,.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon{position:relative;display:block;left:auto;transform:none}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul>.menu-item:first-child{border-top:0}.ast-header-break-point .main-navigation ul ul{right:auto;left:auto}.ast-header-break-point .main-navigation li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link{display:none}.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link{display:inline-block}.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg,.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link{display:block}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons{order:2}.ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation{order:3}.ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items{order:1}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons,.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{-js-display:flex;display:flex}.ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:0}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity{width:100%}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity{width:auto}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding{flex:1 1 auto}@media (max-width:544px){.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{width:100%}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center}.ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding{flex:1 1 auto}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding{padding-bottom:0}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{padding:.8em 1em 0 1em;text-align:center;width:100%}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items,.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons{padding-top:.8em}}.customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:none}.site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:none}.main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:inline-block}.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{right:100px}.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{right:5px}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button{top:15px}.ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{right:-30px;top:-7px;display:none}.ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{top:-14px;display:none}.ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{right:-30px;top:15px;display:none}.ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.widget-custom-menu-item{text-align:right}.ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{right:-25px;top:-8px;display:none}.ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{top:-20px;right:-25px;display:none}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-below-header .below-header-user-select .ast-search-menu-icon,.ast-below-header .below-header-user-select .ast-site-header-cart,.ast-below-header .below-header-user-select.below-header-widget{text-align:right}.ast-below-header .customize-partial-edit-shortcut{top:1em}.ast-above-header-section .user-select .ast-search-menu-icon{text-align:right}.ast-above-header .customize-partial-edit-shortcut{top:.3em}.ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{right:-14px}.ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button{right:-25px;top:-10px}.ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{right:-25px;top:-15px}.ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button{right:-25px}.ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{right:-14px}.ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;right:-25px}.ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{right:-25px}.below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{right:-14px}.below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button{top:-10px;right:-25px}.below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{right:-25px}.below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button{right:-25px}.below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{right:-14px}.below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;right:-25px}.below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{right:-25px}.below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button{right:-25px}.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button,.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button{right:-60px}.ast-header-break-point .ast-mobile-menu-buttons{text-align:left;-js-display:flex;display:flex;justify-content:flex-end}.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal{font-size:1.7em}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline{display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:var(--ast-border-color);background:0 0}.page-links .page-link{padding:0;margin:0 .3em .3em 0;border:2px solid var(--ast-border-color);color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){margin:20px auto}.bypostauthor{display:block}body{overflow-x:hidden}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-right:20px}.widget_nav_menu ul ul.sub-menu a:after{right:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{right:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{right:-60px}.widget_nav_menu li{transition:all .2s linear}#secondary .wp-block-search__input{line-height:1}#secondary .wp-block-search__button{padding:.7em 1em}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;left:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;left:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:var(--ast-widget-bg-color);border-width:1px;border-color:var(--ast-border-color);border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:12px 15px 12px 45px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-right:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{right:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{right:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-left:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-left:none;border-right:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid var(--ast-border-color);border-top:2px solid var(--ast-border-color)}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{color:#0274be;font-weight:700;border-bottom:2px solid #0274be}.ast-footer-overlay{background-color:#3a3a3a;padding-top:2em;padding-bottom:2em}@media (min-width:769px){.ast-footer-overlay{padding-top:2.66666em;padding-bottom:2.66666em}}.ast-small-footer{line-height:1.85714285714286;position:relative}.ast-small-footer .nav-menu a{padding:0 .5em}.ast-small-footer .no-widget-text,.ast-small-footer .widget-title{margin-bottom:0}.ast-small-footer .widget{margin-bottom:1em}.ast-small-footer .widget ul{position:static;border:0;width:auto}.ast-small-footer .widget ul a{border:0}.ast-small-footer .widget:last-child{margin-bottom:0}@media (min-width:769px){.ast-small-footer .nav-menu li{margin:0}.ast-small-footer .nav-menu li:first-child a{padding-right:0}.ast-small-footer .nav-menu li:last-child a{padding-left:0}}.ast-footer-site-title .customize-partial-edit-shortcut-button{display:none}.footer-sml-layout-1{text-align:center}.footer-sml-layout-1 .ast-small-footer-section-2{margin-top:1em}.footer-sml-layout-2 .ast-small-footer-section-1,.footer-sml-layout-2 .ast-small-footer-section-2{text-align:center}@media (min-width:769px){.footer-sml-layout-2 .ast-small-footer-section-1{text-align:right}.footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link{padding:0 0 0 1em}.footer-sml-layout-2 .ast-small-footer-section-2{text-align:left}.footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link{padding:0 1em 0 0}}@media (max-width:768px){.ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2{margin-top:1em}}@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0){.ast-small-footer-wrap .ast-row:before{display:block}}.site-footer{color:#fff}.site-footer .widget-title{color:var(--ast-border-color)}.site-footer a{color:var(--ast-border-color)}.site-footer a:focus,.site-footer a:hover{color:#fff}.site-footer ul{margin:0;list-style-type:none}.site-footer .nav-menu li{display:inline-block}.footer-adv-overlay{background-color:#3a3a3a;padding-top:70px;padding-bottom:70px}.footer-adv p:last-child{margin-bottom:0}.footer-adv .widget_calendar table{margin-bottom:0}@media all and (max-width:768px){.footer-adv-widget-1 .widget:last-child{margin:0 0 2.8em}}.footer-adv .ast-no-widget-row .widget-title{text-transform:capitalize}@media all and (max-width:768px){.footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child{margin:0 0 2.8em}}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:var(--ast-comment-inputs-background);box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--ast-border-color);box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}.astra-dark-mode-enable form .form-row textarea,.astra-dark-mode-enable input[type=email],.astra-dark-mode-enable input[type=number],.astra-dark-mode-enable input[type=password],.astra-dark-mode-enable input[type=reset],.astra-dark-mode-enable input[type=search],.astra-dark-mode-enable input[type=tel],.astra-dark-mode-enable input[type=text],.astra-dark-mode-enable input[type=url],.astra-dark-mode-enable textarea{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)!important;border:1px solid var(--ast-border-color)}.astra-dark-mode-enable form .form-row textarea:focus,.astra-dark-mode-enable input[type=email]:focus,.astra-dark-mode-enable input[type=number]:focus,.astra-dark-mode-enable input[type=password]:focus,.astra-dark-mode-enable input[type=reset]:focus,.astra-dark-mode-enable input[type=search]:focus,.astra-dark-mode-enable input[type=tel]:focus,.astra-dark-mode-enable input[type=text]:focus,.astra-dark-mode-enable input[type=url]:focus,.astra-dark-mode-enable textarea:focus{border:1px solid var(--ast-global-color-0)!important;background-color:var(--ast-global-color-secondary,--ast-global-color-5)!important}.astra-dark-mode-enable .select2-container .select2-selection--single,.astra-dark-mode-enable .select2-dropdown,.astra-dark-mode-enable select{background-color:var(--ast-global-color-secondary,--ast-global-color-5);border-color:var(--ast-border-color);color:var(--ast-global-color-2)}.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=url],.astra-dark-mode-enable .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-text-input input[type=tel],.astra-dark-mode-enable .wc-block-components-text-input input[type=text],.astra-dark-mode-enable .wc-block-components-text-input input[type=url],.wc-block-components-form .wc-block-components-text-input input[type=tel],.wc-block-components-form .wc-block-components-text-input input[type=text]{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:-2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1.2em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.blog-layout-6 .entry-header+.ast-blog-featured-section{margin-top:0}.entry-content{word-wrap:break-word}.entry-content .wp-audio-shortcode,.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video,.entry-content .wp-video,.entry-content p{margin-bottom:1.6em}.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video{display:inline-block}.entry-content::after{display:table;clear:both;content:''}.post-content>.cat-links,.post-content>.read-more,.post-content>.tags-links{display:block;margin-bottom:.8em;font-weight:var(--ast-blog-meta-weight, "")}.ast-excerpt-container>p:last-child{margin-bottom:0}.post-content>.read-more{margin-top:1.5em}.ast-article-inner{width:100%;overflow-wrap:break-word}.read-more{margin-bottom:0}.read-more a{display:inline-block}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.blog-layout-2 .ast-blog-featured-section,.blog-layout-3 .ast-blog-featured-section{margin-bottom:0}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-right:0;padding-left:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 20px 0 0}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid var(--ast-border-color)}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;color:#000}.single .post-navigation a p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex;width:100%}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-links .nav-previous+.nav-next{width:50%}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{max-width:95%;width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .post-thumb{margin-bottom:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-author-avatar{margin:0 5px}.ast-author-avatar img{border-radius:100%;width:var(--ast-author-avatar-size,30px);height:var(--ast-author-avatar-size,30px)}.ast-separate-container .post-navigation{border-top:0;padding-right:var(--ast-post-nav-space,3.33333em);padding-left:var(--ast-post-nav-space,3.33333em)}@media (max-width:420px){.ast-separate-container .post-navigation{padding-right:0;padding-left:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-1 .posted-on{right:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-right:0;padding-left:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-flex-2{flex:2}.ast-flex-3{flex:3}.ast-flex-4{flex:4}.ast-flex-5{flex:5}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-flex-direction-row{flex-direction:row}.ast-flex-direction-row-reverse{flex-direction:row-reverse}.ast-flex-direction-column{flex-direction:column}.ast-flex-direction-column-reverse{flex-direction:column-reverse}.ast-flex-wrap-nowrap{flex-wrap:nowrap}.ast-flex-wrap-wrap{flex-wrap:wrap}.ast-flex-wrap-wrap-reverse{flex-wrap:wrap-reverse}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-items-flex-start{align-items:flex-start}.ast-align-items-flex-end{align-items:flex-end}.ast-align-items-center{align-items:center}.ast-align-items-baseline{align-items:baseline}.ast-align-items-stretch{align-items:stretch}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-order-1{order:1}.ast-order-2{order:2}.ast-order-3{order:3}.ast-order-4{order:4}.ast-order-5{order:5}.ast-flex-grow-1{flex-grow:1}.ast-flex-grow-2{flex-grow:2}.ast-flex-grow-3{flex-grow:3}.ast-flex-grow-4{flex-grow:4}.ast-flex-grow-5{flex-grow:5}.ast-flex-shrink-1{flex-shrink:1}.ast-flex-shrink-2{flex-shrink:2}.ast-flex-shrink-3{flex-shrink:3}.ast-flex-shrink-4{flex-shrink:4}.ast-flex-shrink-5{flex-shrink:5}.ast-align-self-auto{align-self:auto}.ast-align-self-flex-start{align-self:flex-start}.ast-align-self-flex-end{align-self:flex-end}.ast-align-self-center{align-self:center}.ast-align-self-baseline{align-self:baseline}.ast-align-self-stretch{align-self:stretch}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition: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; +} diff --git a/assets/css/style.min.css b/assets/css/style.min.css new file mode 100644 index 00000000..ecd4b66d --- /dev/null +++ b/assets/css/style.min.css @@ -0,0 +1,87 @@ +@charset "UTF-8";a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.archive .no-results .ast-search-submit,.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid var(--ast-border-color);margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */@media (min-width:544px){.ast-container{max-width:100%}}@media (min-width:768px){.ast-container{max-width:100%}}@media (min-width:992px){.ast-container{max-width:100%}}@media (min-width:1200px){.ast-container{max-width:100%}}.ast-container,.ast-container-fluid{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-container-fluid::after,.ast-container::after{content:"";display:table;clear:both}.ast-row{margin-left:-20px;margin-right:-20px}.ast-row::after{content:"";display:table;clear:both}.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9,.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9,.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9,.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9,.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{position:relative;min-height:1px;padding-left:20px;padding-right:20px}.ast-col-xs-1,.ast-col-xs-10,.ast-col-xs-11,.ast-col-xs-12,.ast-col-xs-2,.ast-col-xs-3,.ast-col-xs-4,.ast-col-xs-5,.ast-col-xs-6,.ast-col-xs-7,.ast-col-xs-8,.ast-col-xs-9{float:left}.ast-col-xs-1{width:8.3333333333%}.ast-col-xs-2{width:16.6666666667%}.ast-col-xs-3{width:25%}.ast-col-xs-4{width:33.3333333333%}.ast-col-xs-5{width:41.6666666667%}.ast-col-xs-6{width:50%}.ast-col-xs-7{width:58.3333333333%}.ast-col-xs-8{width:66.6666666667%}.ast-col-xs-9{width:75%}.ast-col-xs-10{width:83.3333333333%}.ast-col-xs-11{width:91.6666666667%}.ast-col-xs-12{width:100%}.ast-col-xs-pull-0{right:auto}.ast-col-xs-pull-1{right:8.3333333333%}.ast-col-xs-pull-2{right:16.6666666667%}.ast-col-xs-pull-3{right:25%}.ast-col-xs-pull-4{right:33.3333333333%}.ast-col-xs-pull-5{right:41.6666666667%}.ast-col-xs-pull-6{right:50%}.ast-col-xs-pull-7{right:58.3333333333%}.ast-col-xs-pull-8{right:66.6666666667%}.ast-col-xs-pull-9{right:75%}.ast-col-xs-pull-10{right:83.3333333333%}.ast-col-xs-pull-11{right:91.6666666667%}.ast-col-xs-pull-12{right:100%}.ast-col-xs-push-0{left:auto}.ast-col-xs-push-1{left:8.3333333333%}.ast-col-xs-push-2{left:16.6666666667%}.ast-col-xs-push-3{left:25%}.ast-col-xs-push-4{left:33.3333333333%}.ast-col-xs-push-5{left:41.6666666667%}.ast-col-xs-push-6{left:50%}.ast-col-xs-push-7{left:58.3333333333%}.ast-col-xs-push-8{left:66.6666666667%}.ast-col-xs-push-9{left:75%}.ast-col-xs-push-10{left:83.3333333333%}.ast-col-xs-push-11{left:91.6666666667%}.ast-col-xs-push-12{left:100%}.ast-col-xs-offset-0{margin-left:0}.ast-col-xs-offset-1{margin-left:8.3333333333%}.ast-col-xs-offset-2{margin-left:16.6666666667%}.ast-col-xs-offset-3{margin-left:25%}.ast-col-xs-offset-4{margin-left:33.3333333333%}.ast-col-xs-offset-5{margin-left:41.6666666667%}.ast-col-xs-offset-6{margin-left:50%}.ast-col-xs-offset-7{margin-left:58.3333333333%}.ast-col-xs-offset-8{margin-left:66.6666666667%}.ast-col-xs-offset-9{margin-left:75%}.ast-col-xs-offset-10{margin-left:83.3333333333%}.ast-col-xs-offset-11{margin-left:91.6666666667%}.ast-col-xs-offset-12{margin-left:100%}@media (min-width:544px){.ast-col-sm-1,.ast-col-sm-10,.ast-col-sm-11,.ast-col-sm-12,.ast-col-sm-2,.ast-col-sm-3,.ast-col-sm-4,.ast-col-sm-5,.ast-col-sm-6,.ast-col-sm-7,.ast-col-sm-8,.ast-col-sm-9{float:left}.ast-col-sm-1{width:8.3333333333%}.ast-col-sm-2{width:16.6666666667%}.ast-col-sm-3{width:25%}.ast-col-sm-4{width:33.3333333333%}.ast-col-sm-5{width:41.6666666667%}.ast-col-sm-6{width:50%}.ast-col-sm-7{width:58.3333333333%}.ast-col-sm-8{width:66.6666666667%}.ast-col-sm-9{width:75%}.ast-col-sm-10{width:83.3333333333%}.ast-col-sm-11{width:91.6666666667%}.ast-col-sm-12{width:100%}.ast-col-sm-pull-0{right:auto}.ast-col-sm-pull-1{right:8.3333333333%}.ast-col-sm-pull-2{right:16.6666666667%}.ast-col-sm-pull-3{right:25%}.ast-col-sm-pull-4{right:33.3333333333%}.ast-col-sm-pull-5{right:41.6666666667%}.ast-col-sm-pull-6{right:50%}.ast-col-sm-pull-7{right:58.3333333333%}.ast-col-sm-pull-8{right:66.6666666667%}.ast-col-sm-pull-9{right:75%}.ast-col-sm-pull-10{right:83.3333333333%}.ast-col-sm-pull-11{right:91.6666666667%}.ast-col-sm-pull-12{right:100%}.ast-col-sm-push-0{left:auto}.ast-col-sm-push-1{left:8.3333333333%}.ast-col-sm-push-2{left:16.6666666667%}.ast-col-sm-push-3{left:25%}.ast-col-sm-push-4{left:33.3333333333%}.ast-col-sm-push-5{left:41.6666666667%}.ast-col-sm-push-6{left:50%}.ast-col-sm-push-7{left:58.3333333333%}.ast-col-sm-push-8{left:66.6666666667%}.ast-col-sm-push-9{left:75%}.ast-col-sm-push-10{left:83.3333333333%}.ast-col-sm-push-11{left:91.6666666667%}.ast-col-sm-push-12{left:100%}.ast-col-sm-offset-0{margin-left:0}.ast-col-sm-offset-1{margin-left:8.3333333333%}.ast-col-sm-offset-2{margin-left:16.6666666667%}.ast-col-sm-offset-3{margin-left:25%}.ast-col-sm-offset-4{margin-left:33.3333333333%}.ast-col-sm-offset-5{margin-left:41.6666666667%}.ast-col-sm-offset-6{margin-left:50%}.ast-col-sm-offset-7{margin-left:58.3333333333%}.ast-col-sm-offset-8{margin-left:66.6666666667%}.ast-col-sm-offset-9{margin-left:75%}.ast-col-sm-offset-10{margin-left:83.3333333333%}.ast-col-sm-offset-11{margin-left:91.6666666667%}.ast-col-sm-offset-12{margin-left:100%}}@media (min-width:768px){.ast-col-md-1,.ast-col-md-10,.ast-col-md-11,.ast-col-md-12,.ast-col-md-2,.ast-col-md-3,.ast-col-md-4,.ast-col-md-5,.ast-col-md-6,.ast-col-md-7,.ast-col-md-8,.ast-col-md-9{float:left}.ast-col-md-1{width:8.3333333333%}.ast-col-md-2{width:16.6666666667%}.ast-col-md-3{width:25%}.ast-col-md-4{width:33.3333333333%}.ast-col-md-5{width:41.6666666667%}.ast-col-md-6{width:50%}.ast-col-md-7{width:58.3333333333%}.ast-col-md-8{width:66.6666666667%}.ast-col-md-9{width:75%}.ast-col-md-10{width:83.3333333333%}.ast-col-md-11{width:91.6666666667%}.ast-col-md-12{width:100%}.ast-col-md-pull-0{right:auto}.ast-col-md-pull-1{right:8.3333333333%}.ast-col-md-pull-2{right:16.6666666667%}.ast-col-md-pull-3{right:25%}.ast-col-md-pull-4{right:33.3333333333%}.ast-col-md-pull-5{right:41.6666666667%}.ast-col-md-pull-6{right:50%}.ast-col-md-pull-7{right:58.3333333333%}.ast-col-md-pull-8{right:66.6666666667%}.ast-col-md-pull-9{right:75%}.ast-col-md-pull-10{right:83.3333333333%}.ast-col-md-pull-11{right:91.6666666667%}.ast-col-md-pull-12{right:100%}.ast-col-md-push-0{left:auto}.ast-col-md-push-1{left:8.3333333333%}.ast-col-md-push-2{left:16.6666666667%}.ast-col-md-push-3{left:25%}.ast-col-md-push-4{left:33.3333333333%}.ast-col-md-push-5{left:41.6666666667%}.ast-col-md-push-6{left:50%}.ast-col-md-push-7{left:58.3333333333%}.ast-col-md-push-8{left:66.6666666667%}.ast-col-md-push-9{left:75%}.ast-col-md-push-10{left:83.3333333333%}.ast-col-md-push-11{left:91.6666666667%}.ast-col-md-push-12{left:100%}.ast-col-md-offset-0{margin-left:0}.ast-col-md-offset-1{margin-left:8.3333333333%}.ast-col-md-offset-2{margin-left:16.6666666667%}.ast-col-md-offset-3{margin-left:25%}.ast-col-md-offset-4{margin-left:33.3333333333%}.ast-col-md-offset-5{margin-left:41.6666666667%}.ast-col-md-offset-6{margin-left:50%}.ast-col-md-offset-7{margin-left:58.3333333333%}.ast-col-md-offset-8{margin-left:66.6666666667%}.ast-col-md-offset-9{margin-left:75%}.ast-col-md-offset-10{margin-left:83.3333333333%}.ast-col-md-offset-11{margin-left:91.6666666667%}.ast-col-md-offset-12{margin-left:100%}}@media (min-width:992px){.ast-col-lg-1,.ast-col-lg-10,.ast-col-lg-11,.ast-col-lg-12,.ast-col-lg-2,.ast-col-lg-3,.ast-col-lg-4,.ast-col-lg-5,.ast-col-lg-6,.ast-col-lg-7,.ast-col-lg-8,.ast-col-lg-9{float:left}.ast-col-lg-1{width:8.3333333333%}.ast-col-lg-2{width:16.6666666667%}.ast-col-lg-3{width:25%}.ast-col-lg-4{width:33.3333333333%}.ast-col-lg-5{width:41.6666666667%}.ast-col-lg-6{width:50%}.ast-col-lg-7{width:58.3333333333%}.ast-col-lg-8{width:66.6666666667%}.ast-col-lg-9{width:75%}.ast-col-lg-10{width:83.3333333333%}.ast-col-lg-11{width:91.6666666667%}.ast-col-lg-12{width:100%}.ast-col-lg-pull-0{right:auto}.ast-col-lg-pull-1{right:8.3333333333%}.ast-col-lg-pull-2{right:16.6666666667%}.ast-col-lg-pull-3{right:25%}.ast-col-lg-pull-4{right:33.3333333333%}.ast-col-lg-pull-5{right:41.6666666667%}.ast-col-lg-pull-6{right:50%}.ast-col-lg-pull-7{right:58.3333333333%}.ast-col-lg-pull-8{right:66.6666666667%}.ast-col-lg-pull-9{right:75%}.ast-col-lg-pull-10{right:83.3333333333%}.ast-col-lg-pull-11{right:91.6666666667%}.ast-col-lg-pull-12{right:100%}.ast-col-lg-push-0{left:auto}.ast-col-lg-push-1{left:8.3333333333%}.ast-col-lg-push-2{left:16.6666666667%}.ast-col-lg-push-3{left:25%}.ast-col-lg-push-4{left:33.3333333333%}.ast-col-lg-push-5{left:41.6666666667%}.ast-col-lg-push-6{left:50%}.ast-col-lg-push-7{left:58.3333333333%}.ast-col-lg-push-8{left:66.6666666667%}.ast-col-lg-push-9{left:75%}.ast-col-lg-push-10{left:83.3333333333%}.ast-col-lg-push-11{left:91.6666666667%}.ast-col-lg-push-12{left:100%}.ast-col-lg-offset-0{margin-left:0}.ast-col-lg-offset-1{margin-left:8.3333333333%}.ast-col-lg-offset-2{margin-left:16.6666666667%}.ast-col-lg-offset-3{margin-left:25%}.ast-col-lg-offset-4{margin-left:33.3333333333%}.ast-col-lg-offset-5{margin-left:41.6666666667%}.ast-col-lg-offset-6{margin-left:50%}.ast-col-lg-offset-7{margin-left:58.3333333333%}.ast-col-lg-offset-8{margin-left:66.6666666667%}.ast-col-lg-offset-9{margin-left:75%}.ast-col-lg-offset-10{margin-left:83.3333333333%}.ast-col-lg-offset-11{margin-left:91.6666666667%}.ast-col-lg-offset-12{margin-left:100%}}@media (min-width:1200px){.ast-col-xl-1,.ast-col-xl-10,.ast-col-xl-11,.ast-col-xl-12,.ast-col-xl-2,.ast-col-xl-3,.ast-col-xl-4,.ast-col-xl-5,.ast-col-xl-6,.ast-col-xl-7,.ast-col-xl-8,.ast-col-xl-9{float:left}.ast-col-xl-1{width:8.3333333333%}.ast-col-xl-2{width:16.6666666667%}.ast-col-xl-3{width:25%}.ast-col-xl-4{width:33.3333333333%}.ast-col-xl-5{width:41.6666666667%}.ast-col-xl-6{width:50%}.ast-col-xl-7{width:58.3333333333%}.ast-col-xl-8{width:66.6666666667%}.ast-col-xl-9{width:75%}.ast-col-xl-10{width:83.3333333333%}.ast-col-xl-11{width:91.6666666667%}.ast-col-xl-12{width:100%}.ast-col-xl-pull-0{right:auto}.ast-col-xl-pull-1{right:8.3333333333%}.ast-col-xl-pull-2{right:16.6666666667%}.ast-col-xl-pull-3{right:25%}.ast-col-xl-pull-4{right:33.3333333333%}.ast-col-xl-pull-5{right:41.6666666667%}.ast-col-xl-pull-6{right:50%}.ast-col-xl-pull-7{right:58.3333333333%}.ast-col-xl-pull-8{right:66.6666666667%}.ast-col-xl-pull-9{right:75%}.ast-col-xl-pull-10{right:83.3333333333%}.ast-col-xl-pull-11{right:91.6666666667%}.ast-col-xl-pull-12{right:100%}.ast-col-xl-push-0{left:auto}.ast-col-xl-push-1{left:8.3333333333%}.ast-col-xl-push-2{left:16.6666666667%}.ast-col-xl-push-3{left:25%}.ast-col-xl-push-4{left:33.3333333333%}.ast-col-xl-push-5{left:41.6666666667%}.ast-col-xl-push-6{left:50%}.ast-col-xl-push-7{left:58.3333333333%}.ast-col-xl-push-8{left:66.6666666667%}.ast-col-xl-push-9{left:75%}.ast-col-xl-push-10{left:83.3333333333%}.ast-col-xl-push-11{left:91.6666666667%}.ast-col-xl-push-12{left:100%}.ast-col-xl-offset-0{margin-left:0}.ast-col-xl-offset-1{margin-left:8.3333333333%}.ast-col-xl-offset-2{margin-left:16.6666666667%}.ast-col-xl-offset-3{margin-left:25%}.ast-col-xl-offset-4{margin-left:33.3333333333%}.ast-col-xl-offset-5{margin-left:41.6666666667%}.ast-col-xl-offset-6{margin-left:50%}.ast-col-xl-offset-7{margin-left:58.3333333333%}.ast-col-xl-offset-8{margin-left:66.6666666667%}.ast-col-xl-offset-9{margin-left:75%}.ast-col-xl-offset-10{margin-left:83.3333333333%}.ast-col-xl-offset-11{margin-left:91.6666666667%}.ast-col-xl-offset-12{margin-left:100%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:600}dd{margin:0 1.5em 1em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-left:5px solid var(--ast-border-color);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}address,cite{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:var(--ast-code-block-background);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}.normal-search{margin-right:-5px}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid var(--ast-border-color)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}th{font-weight:600}td,th{padding:.7em 1em;border-width:0 1px 1px 0}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:var(--ast-border-color);border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:var(--ast-border-color)}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:var(--ast-border-color);outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid var(--ast-border-color);border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-left:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-left:auto;margin-right:auto}#primary:after,#primary:before,#secondary:after,#secondary:before,.ast-container:after,.ast-container:before,.ast-row:after,.ast-row:before,.clear:after,.clear:before,.sidebar-main:after,.sidebar-main:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-main:after,.site-main:before{content:"";display:table}#primary:after,#secondary:after,.ast-container:after,.ast-row:after,.clear:after,.sidebar-main:after,.site-content:after,.site-footer:after,.site-header:after,.site-main:after{clear:both}.entry-content[data-ast-blocks-layout]>embed,.entry-content[data-ast-blocks-layout]>iframe,.entry-content[data-ast-blocks-layout]>object,embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 1em 1.5em 3em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;left:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:var(--ast-blog-title-font-weight,normal)}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;left:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{display:block;position:relative;float:left;width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-left:0;margin-right:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid var(--ast-border-color);margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}.ast-page-builder-template .hentry{margin:0}.ast-page-builder-template .site-content>.ast-container{max-width:100%;padding:0}.ast-page-builder-template .site-content #primary{padding:0;margin:0}.ast-page-builder-template .no-results{text-align:center;margin:4em auto}.ast-page-builder-template .entry-header{margin-top:4em;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail{margin-top:0}.ast-page-builder-template .entry-header.ast-header-without-markup{margin-top:0;margin-bottom:0}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta{margin-bottom:0}.ast-page-builder-template.single .post-navigation{padding-bottom:2em}.ast-page-builder-template .ast-archive-description{margin-top:4em;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-right:60px}.ast-left-sidebar #primary{padding-left:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-left:0;padding-right:0}.ast-right-sidebar #primary{padding-right:30px}.ast-left-sidebar #primary{padding-left:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-left:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu,.main-header-menu .menu-item>.sub-menu.toggled-on{right:auto;left:0;visibility:visible}.main-header-menu .menu-item.focus>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item:hover>.sub-menu .sub-menu.toggled-on,.main-header-menu .menu-item>.sub-menu.toggled-on .sub-menu.toggled-on{left:100%;right:auto;visibility:visible}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0;left:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999;visibility:hidden}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{left:100%;right:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{position:absolute;right:.6em;top:50%;transform:translate(0,-50%) rotate(270deg)}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow{display:block}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow .icon-arrow svg{margin:0}#ast-desktop-header .account-main-navigation .sub-menu .menu-item.menu-item-has-children>.menu-link .ast-header-navigation-arrow{transform:translate(0,-50%) rotate(360deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-2px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-style:none}.ast-header-break-point .main-navigation{padding-left:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-right:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-left:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-left:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-left:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:0}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:first-child{display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-left:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-left:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-right:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-left:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{position:relative;text-align:left}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{grid-column-start:2;text-align:right}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:1.06666rem;font-size:1rem;padding:0 var(--ast-post-nav-space,1.5em);height:2.33333em;line-height:calc(2.33333em - 3px)}.main-header-bar{z-index:1}.header-main-layout-1.ast-primary-menu-disabled .ast-masthead-custom-menu-items{text-align:right}.header-main-layout-1 .main-header-bar-navigation{text-align:right}.header-main-layout-1 .main-header-bar-navigation .sub-menu{text-align:left}.header-main-layout-1 .main-navigation{padding-left:15px;vertical-align:top}.header-main-layout-1 .main-header-container{align-items:stretch}.header-main-layout-2 .main-header-container{display:block}.header-main-layout-2 .site-branding{text-align:center;padding-bottom:1em}.header-main-layout-2 .site-title{justify-content:center}.header-main-layout-2 .main-navigation ul{justify-content:center}.header-main-layout-2 .main-header-bar-navigation{text-align:center}.header-main-layout-2 .main-header-bar-navigation .sub-menu{text-align:left}.header-main-layout-2 .ast-header-custom-item{justify-content:center;line-height:1.85714285714286}.header-main-layout-2 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-2 .widget{text-align:center}.ast-header-custom-item-outside .header-main-layout-2 .main-header-container{-js-display:flex;display:flex;justify-content:center}.ast-header-custom-item-outside .header-main-layout-2 .site-branding{flex:0 0 100%}.header-main-layout-3 .ast-site-identity{text-align:right}.header-main-layout-3 .main-header-container{flex-direction:row-reverse;align-items:stretch}.header-main-layout-3 .main-navigation{padding-right:15px}.header-main-layout-3 .main-navigation ul{justify-content:flex-start}.header-main-layout-3 .main-header-bar-navigation{text-align:left}.header-main-layout-3 .ast-header-custom-item{justify-content:flex-start}.header-main-layout-3 .ast-masthead-custom-menu-items{position:relative}.header-main-layout-3 li .ast-search-icon{padding-left:.5em}.header-main-layout-3 .ast-search-menu-icon{left:0;right:0}.header-main-layout-3 li .ast-search-menu-icon{left:1em;right:0}.header-main-layout-3 .main-header-bar .ast-search-menu-icon .search-form{padding:0 0 0 3em}.header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{left:-1em;right:auto}.ast-header-break-point .header-main-layout-1 .site-branding{padding-right:1em}.ast-header-break-point .header-main-layout-1 .main-header-bar-navigation{text-align:left}.ast-header-break-point .header-main-layout-1 .main-navigation{padding-left:0}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .site-branding{padding-left:0;padding-right:0;padding-bottom:1em;flex:1 1 100%}.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items,.ast-header-break-point .ast-mobile-header-stack .ast-site-identity,.ast-header-break-point .ast-mobile-header-stack .site-branding,.ast-header-break-point .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-title{text-align:left}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{flex:1 1 100%;text-align:center;justify-content:center}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .main-header-container{flex-direction:initial}.ast-header-break-point .header-main-layout-2 .ast-mobile-menu-buttons{-js-display:flex;display:flex;justify-content:center}.ast-header-break-point .header-main-layout-2 .main-header-bar-navigation,.ast-header-break-point .header-main-layout-2 .widget{text-align:left}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-3 .main-header-bar .ast-search-icon{margin-right:auto;margin-left:1em}.ast-header-break-point .header-main-layout-3 .main-header-bar .ast-search-menu-icon.slide-search .search-form{right:auto;left:0}.ast-header-break-point .header-main-layout-3.ast-mobile-header-inline .ast-mobile-menu-buttons{justify-content:flex-start}.ast-header-break-point .header-main-layout-3 li .ast-search-menu-icon{left:0}.ast-header-break-point .header-main-layout-3 .site-branding{padding-left:1em;justify-content:flex-end}.ast-header-break-point .header-main-layout-3 .main-navigation{padding-right:0}.ast-logo-title-inline .ast-site-identity{-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-logo-title-inline .site-logo-img{padding-right:1em}.ast-logo-title-inline.header-main-layout-2 .site-logo-img+.ast-site-title-wrap .site-title{justify-content:flex-start}@media (max-width:544px){.ast-header-custom-item-outside .ast-mobile-header-stack .site-branding{padding-right:0}.ast-header-custom-item-outside .ast-mobile-header-stack .site-title{justify-content:center;text-align:center}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center;text-align:center;padding-bottom:0}}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{text-align:left}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-title{justify-content:left}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:1em}.ast-header-break-point .ast-mobile-header-inline .main-header-container,.ast-header-break-point .ast-mobile-header-stack .main-header-container{-js-display:flex;display:flex}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:var(--ast-border-color);border-bottom-style:solid}.main-header-bar{margin-left:auto;margin-right:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.ast-theme-transparent-header .post-password-form{margin-top:100px}.nav-style{display:block;padding:0 15px}.site-branding{line-height:1;align-self:center}.ast-no-menu-items .main-navigation{display:none}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative;line-height:4}.main-header-bar .main-header-bar-navigation{height:100%}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.main-header-bar .main-header-bar-navigation .ast-search-icon{display:block;z-index:4;position:relative}.main-header-bar .ast-search-menu-icon .search-form{background-color:#fff}.ast-primary-menu-disabled .main-header-bar .main-header-bar-navigation.toggle-on{padding-top:0}.ast-flyout-menu-enable .main-header-bar .ast-masthead-custom-menu-items .ast-custom-button-link{border:none}.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form{visibility:visible;opacity:1;position:relative;right:auto;top:auto;transform:none}.ast-above-header-section .user-select .ast-dropdown-active .slide-search.astra-search-icon,.ast-masthead-custom-menu-items .ast-dropdown-active .slide-search.astra-search-icon,.below-header-user-select .ast-dropdown-active .slide-search.astra-search-icon{color:#757575}.ast-search-menu-icon.slide-search .search-form{backface-visibility:visible;visibility:hidden;opacity:0;transition:all .2s;position:absolute;z-index:3;right:-1em;top:50%;transform:translateY(-50%)}.ast-search-menu-icon.ast-dropdown-active.slide-search .search-form{visibility:visible;opacity:1}.ast-search-menu-icon .search-form{border:1px solid var(--ast-border-color);line-height:normal;padding:0 3em 0 0;border-radius:2px;display:inline-block;backface-visibility:hidden;position:relative;color:inherit;background-color:#fff}.ast-search-menu-icon .astra-search-icon{-js-display:flex;display:flex;line-height:normal}.ast-search-menu-icon .astra-search-icon:focus{outline:0}.ast-search-menu-icon .search-field{border:none;background-color:transparent;transition:width .2s;border-radius:inherit;color:inherit;font-size:inherit;width:0;color:#757575}.ast-search-menu-icon .search-submit{display:none;background:0 0;border:none;font-size:1.3em;color:#757575}.ast-search-menu-icon.ast-dropdown-active{visibility:visible;opacity:1;position:relative}.ast-search-menu-icon.ast-dropdown-active .search-field{width:235px}li.ast-masthead-custom-menu-items{padding:0 1em}li.ast-masthead-custom-menu-items a{padding-left:0;padding-right:0;vertical-align:middle}li.ast-masthead-custom-menu-items a,li.ast-masthead-custom-menu-items a:focus,li.ast-masthead-custom-menu-items a:hover{background:0 0}li.ast-masthead-custom-menu-items .ast-search-icon .astra-search-icon{line-height:1}.ast-search-icon{z-index:4;position:relative;line-height:normal}.ast-primary-menu-disabled.ast-mobile-header-inline .ast-masthead-custom-menu-items{text-align:right}.ast-primary-menu-disabled .ast-masthead-custom-menu-items{flex:1}.ast-primary-menu-disabled.header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-primary-menu-disabled.header-main-layout-3 .ast-masthead-custom-menu-items{text-align:left}.ast-masthead-custom-menu-items{padding:0 1em}.search-custom-menu-item{position:relative}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .ast-mobile-header-stack .site-description{text-align:center}.ast-header-break-point .ast-mobile-header-stack.ast-logo-title-inline .site-description{text-align:left}.ast-header-break-point.ast-header-custom-item-outside .ast-primary-menu-disabled .ast-mobile-menu-buttons{display:none}.ast-header-break-point .ast-hide-custom-menu-mobile .ast-masthead-custom-menu-items{display:none}.ast-header-break-point .ast-mobile-header-inline .site-branding{text-align:left;padding-bottom:0}.ast-header-break-point .ast-mobile-header-inline.header-main-layout-3 .site-branding{text-align:right}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{-js-display:flex;display:flex;flex:1;align-self:center}.ast-header-break-point ul li.ast-masthead-custom-menu-items a{padding:0;display:inline-block;width:auto;border:0}.ast-header-break-point li.ast-masthead-custom-menu-items{padding-left:20px;padding-right:20px;margin-bottom:1em;margin-top:1em}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.menu-link:after{display:none}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3;display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle .icon-arrow svg,.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:1px;border-style:solid;border-color:var(--ast-border-color)}.ast-header-break-point.ast-header-custom-item-inside .ast-search-menu-icon{position:relative;display:block;right:auto;transform:none}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul>.menu-item:first-child{border-top:0}.ast-header-break-point .main-navigation ul ul{left:auto;right:auto}.ast-header-break-point .main-navigation li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link{display:none}.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link{display:inline-block}.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg,.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link{display:block}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-menu-buttons{order:2}.ast-header-break-point.ast-header-custom-item-outside .main-header-bar-navigation{order:3}.ast-header-break-point.ast-header-custom-item-outside .ast-masthead-custom-menu-items{order:1}.ast-header-break-point.ast-header-custom-item-outside .header-main-layout-2 .ast-masthead-custom-menu-items{text-align:center}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-mobile-menu-buttons,.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .site-branding{-js-display:flex;display:flex}.ast-header-break-point.ast-header-custom-item-outside.ast-header-custom-item-outside .header-main-layout-2 .ast-mobile-menu-buttons{padding-bottom:0}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline .ast-site-identity{width:100%}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-3 .ast-site-identity{width:auto}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-inline.header-main-layout-2 .site-branding{flex:1 1 auto}@media (max-width:544px){.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{width:100%}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons,.ast-header-break-point .ast-mobile-header-stack .site-branding{justify-content:center}.ast-header-break-point .ast-mobile-header-stack .main-header-bar-wrap .site-branding{flex:1 1 auto}.ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-2 .ast-mobile-menu-buttons{padding-top:.8em}.ast-header-break-point .ast-mobile-header-stack.header-main-layout-1 .site-branding{padding-bottom:0}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack .ast-masthead-custom-menu-items{padding:.8em 1em 0 1em;text-align:center;width:100%}.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-masthead-custom-menu-items,.ast-header-custom-item-outside.ast-header-break-point .ast-mobile-header-stack.header-main-layout-3 .ast-mobile-menu-buttons{padding-top:.8em}}.customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogname button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:none}.ast-site-title-wrap:hover .customize-partial-edit-shortcut-blogdescription button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-display-site-title-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-astra-settings-display-site-tagline-responsive button.customize-partial-edit-shortcut-button{display:none}.customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:none}.site-logo-img:hover .customize-partial-edit-shortcut-custom_logo button.customize-partial-edit-shortcut-button{display:inline-block}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:none}.main-navigation:hover .customize-partial-edit-shortcut-astra-settings-disable-primary-nav button.customize-partial-edit-shortcut-button{display:inline-block}.ast-primary-sticky-header-active .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{left:100px}.ast-primary-sticky-header-active.ast-full-width-header .customize-partial-edit-shortcut-astra-settings-header-main-stick .customize-partial-edit-shortcut-button{left:5px}.customize-partial-edit-shortcut-astra-settings-disable-primary-nav .customize-partial-edit-shortcut-button{top:15px}.ast-masthead-custom-menu-items.search-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{left:-30px;top:-7px;display:none}.ast-masthead-custom-menu-items.search-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.button-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{top:-14px;display:none}.ast-masthead-custom-menu-items.button-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-button-text .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.text-html-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{left:-30px;top:15px;display:none}.ast-masthead-custom-menu-items.text-html-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section-html .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.widget-custom-menu-item{text-align:left}.ast-masthead-custom-menu-items.widget-custom-menu-item .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{left:-25px;top:-8px;display:none}.ast-masthead-custom-menu-items.widget-custom-menu-item:hover .customize-partial-edit-shortcut .customize-partial-edit-shortcut-button{display:block}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{top:-20px;left:-25px;display:none}.ast-masthead-custom-menu-items.woocommerce-custom-menu-item:hover .customize-partial-edit-shortcut-astra-settings-header-main-rt-section .customize-partial-edit-shortcut-button{display:block}.ast-below-header .below-header-user-select .ast-search-menu-icon,.ast-below-header .below-header-user-select .ast-site-header-cart,.ast-below-header .below-header-user-select.below-header-widget{text-align:left}.ast-below-header .customize-partial-edit-shortcut{top:1em}.ast-above-header-section .user-select .ast-search-menu-icon{text-align:left}.ast-above-header .customize-partial-edit-shortcut{top:.3em}.ast-above-header-section-1 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{left:-14px}.ast-above-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-1-search-box-type .customize-partial-edit-shortcut-button{left:-25px;top:-10px}.ast-above-header-section-1.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-1 .customize-partial-edit-shortcut-button{left:-25px;top:-15px}.ast-above-header-section-1 .customize-partial-edit-shortcut-astra-settings-above-header-section-1-html .customize-partial-edit-shortcut-button{left:-25px}.ast-above-header-section-2 .ast-above-header-navigation .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{left:-14px}.ast-above-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-above-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;left:-25px}.ast-above-header-section-2.woocommerce-above-header .customize-partial-edit-shortcut-astra-settings-above-header-section-2 .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-1.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{left:-14px}.below-header-section-1 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-1-search-box-type .customize-partial-edit-shortcut-button{top:-10px;left:-25px}.below-header-section-1 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-1 .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-1 .customize-partial-edit-shortcut-astra-settings-below-header-section-1-html .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-2.ast-below-header-navigation .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{left:-14px}.below-header-section-2 .ast-search-menu-icon .customize-partial-edit-shortcut-astra-settings-below-header-section-2-search-box-type .customize-partial-edit-shortcut-button{top:-10px;left:-25px}.below-header-section-2 .ast-site-header-cart .customize-partial-edit-shortcut-astra-settings-below-header-section-2 .customize-partial-edit-shortcut-button{left:-25px}.below-header-section-2 .customize-partial-edit-shortcut-astra-settings-below-header-section-2-html .customize-partial-edit-shortcut-button{left:-25px}.customize-partial-edit-shortcut-astra-settings-above-header-layout .customize-partial-edit-shortcut-button,.customize-partial-edit-shortcut-astra-settings-below-header-layout .customize-partial-edit-shortcut-button{left:-60px}.ast-header-break-point .ast-mobile-menu-buttons{text-align:right;-js-display:flex;display:flex;justify-content:flex-end}.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal{font-size:1.7em}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline{display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:var(--ast-border-color);background:0 0}.page-links .page-link{padding:0;margin:0 0 .3em .3em;border:2px solid var(--ast-border-color);color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){margin:20px auto}.bypostauthor{display:block}body{overflow-x:hidden}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-left:20px}.widget_nav_menu ul ul.sub-menu a:after{left:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{left:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{left:-60px}.widget_nav_menu li{transition:all .2s linear}#secondary .wp-block-search__input{line-height:1}#secondary .wp-block-search__button{padding:.7em 1em}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;right:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;right:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:var(--ast-widget-bg-color);border-width:1px;border-color:var(--ast-border-color);border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:12px 45px 12px 15px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-left:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{left:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{left:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-right:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-right:none;border-left:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid var(--ast-border-color);border-top:2px solid var(--ast-border-color)}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{color:#0274be;font-weight:700;border-bottom:2px solid #0274be}.ast-footer-overlay{background-color:#3a3a3a;padding-top:2em;padding-bottom:2em}@media (min-width:769px){.ast-footer-overlay{padding-top:2.66666em;padding-bottom:2.66666em}}.ast-small-footer{line-height:1.85714285714286;position:relative}.ast-small-footer .nav-menu a{padding:0 .5em}.ast-small-footer .no-widget-text,.ast-small-footer .widget-title{margin-bottom:0}.ast-small-footer .widget{margin-bottom:1em}.ast-small-footer .widget ul{position:static;border:0;width:auto}.ast-small-footer .widget ul a{border:0}.ast-small-footer .widget:last-child{margin-bottom:0}@media (min-width:769px){.ast-small-footer .nav-menu li{margin:0}.ast-small-footer .nav-menu li:first-child a{padding-left:0}.ast-small-footer .nav-menu li:last-child a{padding-right:0}}.ast-footer-site-title .customize-partial-edit-shortcut-button{display:none}.footer-sml-layout-1{text-align:center}.footer-sml-layout-1 .ast-small-footer-section-2{margin-top:1em}.footer-sml-layout-2 .ast-small-footer-section-1,.footer-sml-layout-2 .ast-small-footer-section-2{text-align:center}@media (min-width:769px){.footer-sml-layout-2 .ast-small-footer-section-1{text-align:left}.footer-sml-layout-2 .ast-small-footer-section-1 .menu-item .menu-link{padding:0 1em 0 0}.footer-sml-layout-2 .ast-small-footer-section-2{text-align:right}.footer-sml-layout-2 .ast-small-footer-section-2 .menu-item .menu-link{padding:0 0 0 1em}}@media (max-width:768px){.ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2{margin-top:1em}}@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0){.ast-small-footer-wrap .ast-row:before{display:block}}.site-footer{color:#fff}.site-footer .widget-title{color:var(--ast-border-color)}.site-footer a{color:var(--ast-border-color)}.site-footer a:focus,.site-footer a:hover{color:#fff}.site-footer ul{margin:0;list-style-type:none}.site-footer .nav-menu li{display:inline-block}.footer-adv-overlay{background-color:#3a3a3a;padding-top:70px;padding-bottom:70px}.footer-adv p:last-child{margin-bottom:0}.footer-adv .widget_calendar table{margin-bottom:0}@media all and (max-width:768px){.footer-adv-widget-1 .widget:last-child{margin:0 0 2.8em}}.footer-adv .ast-no-widget-row .widget-title{text-transform:capitalize}@media all and (max-width:768px){.footer-adv-layout-4 .footer-adv-widget-2 .widget:last-child,.footer-adv-layout-4 .footer-adv-widget-3 .widget:last-child{margin:0 0 2.8em}}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:var(--ast-comment-inputs-background);box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--ast-border-color);box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}.astra-dark-mode-enable form .form-row textarea,.astra-dark-mode-enable input[type=email],.astra-dark-mode-enable input[type=number],.astra-dark-mode-enable input[type=password],.astra-dark-mode-enable input[type=reset],.astra-dark-mode-enable input[type=search],.astra-dark-mode-enable input[type=tel],.astra-dark-mode-enable input[type=text],.astra-dark-mode-enable input[type=url],.astra-dark-mode-enable textarea{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)!important;border:1px solid var(--ast-border-color)}.astra-dark-mode-enable form .form-row textarea:focus,.astra-dark-mode-enable input[type=email]:focus,.astra-dark-mode-enable input[type=number]:focus,.astra-dark-mode-enable input[type=password]:focus,.astra-dark-mode-enable input[type=reset]:focus,.astra-dark-mode-enable input[type=search]:focus,.astra-dark-mode-enable input[type=tel]:focus,.astra-dark-mode-enable input[type=text]:focus,.astra-dark-mode-enable input[type=url]:focus,.astra-dark-mode-enable textarea:focus{border:1px solid var(--ast-global-color-0)!important;background-color:var(--ast-global-color-secondary,--ast-global-color-5)!important}.astra-dark-mode-enable .select2-container .select2-selection--single,.astra-dark-mode-enable .select2-dropdown,.astra-dark-mode-enable select{background-color:var(--ast-global-color-secondary,--ast-global-color-5);border-color:var(--ast-border-color);color:var(--ast-global-color-2)}.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-form .wc-block-components-text-input input[type=url],.astra-dark-mode-enable .wc-block-components-text-input input[type=email],.astra-dark-mode-enable .wc-block-components-text-input input[type=number],.astra-dark-mode-enable .wc-block-components-text-input input[type=password],.astra-dark-mode-enable .wc-block-components-text-input input[type=tel],.astra-dark-mode-enable .wc-block-components-text-input input[type=text],.astra-dark-mode-enable .wc-block-components-text-input input[type=url],.wc-block-components-form .wc-block-components-text-input input[type=tel],.wc-block-components-form .wc-block-components-text-input input[type=text]{background-color:var(--ast-global-color-secondary,--ast-global-color-5);color:var(--ast-global-color-2)}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1.2em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.blog-layout-6 .entry-header+.ast-blog-featured-section{margin-top:0}.entry-content{word-wrap:break-word}.entry-content .wp-audio-shortcode,.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video,.entry-content .wp-video,.entry-content p{margin-bottom:1.6em}.entry-content .wp-embedded-audio,.entry-content .wp-embedded-video{display:inline-block}.entry-content::after{display:table;clear:both;content:''}.post-content>.cat-links,.post-content>.read-more,.post-content>.tags-links{display:block;margin-bottom:.8em;font-weight:var(--ast-blog-meta-weight, "")}.ast-excerpt-container>p:last-child{margin-bottom:0}.post-content>.read-more{margin-top:1.5em}.ast-article-inner{width:100%;overflow-wrap:break-word}.read-more{margin-bottom:0}.read-more a{display:inline-block}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.blog-layout-2 .ast-blog-featured-section,.blog-layout-3 .ast-blog-featured-section{margin-bottom:0}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-left:0;padding-right:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 0 0 20px}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid var(--ast-border-color)}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid var(--ast-single-post-border,var(--ast-border-color))}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;color:#000}.single .post-navigation a p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex;width:100%}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-links .nav-previous+.nav-next{width:50%}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-links:not(:has(.nav-previous)){justify-content:flex-end}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:50%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{max-width:95%;width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .post-thumb{margin-bottom:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-author-avatar{margin:0 5px}.ast-author-avatar img{border-radius:100%;width:var(--ast-author-avatar-size,30px);height:var(--ast-author-avatar-size,30px)}.ast-separate-container .post-navigation{border-top:0;padding-left:var(--ast-post-nav-space,3.33333em);padding-right:var(--ast-post-nav-space,3.33333em)}@media (max-width:420px){.ast-separate-container .post-navigation{padding-left:0;padding-right:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid var(--ast-border-color)}.blog-layout-1 .posted-on{left:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-left:0;padding-right:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-flex-2{flex:2}.ast-flex-3{flex:3}.ast-flex-4{flex:4}.ast-flex-5{flex:5}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-flex-direction-row{flex-direction:row}.ast-flex-direction-row-reverse{flex-direction:row-reverse}.ast-flex-direction-column{flex-direction:column}.ast-flex-direction-column-reverse{flex-direction:column-reverse}.ast-flex-wrap-nowrap{flex-wrap:nowrap}.ast-flex-wrap-wrap{flex-wrap:wrap}.ast-flex-wrap-wrap-reverse{flex-wrap:wrap-reverse}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-items-flex-start{align-items:flex-start}.ast-align-items-flex-end{align-items:flex-end}.ast-align-items-center{align-items:center}.ast-align-items-baseline{align-items:baseline}.ast-align-items-stretch{align-items:stretch}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-order-1{order:1}.ast-order-2{order:2}.ast-order-3{order:3}.ast-order-4{order:4}.ast-order-5{order:5}.ast-flex-grow-1{flex-grow:1}.ast-flex-grow-2{flex-grow:2}.ast-flex-grow-3{flex-grow:3}.ast-flex-grow-4{flex-grow:4}.ast-flex-grow-5{flex-grow:5}.ast-flex-shrink-1{flex-shrink:1}.ast-flex-shrink-2{flex-shrink:2}.ast-flex-shrink-3{flex-shrink:3}.ast-flex-shrink-4{flex-shrink:4}.ast-flex-shrink-5{flex-shrink:5}.ast-align-self-auto{align-self:auto}.ast-align-self-flex-start{align-self:flex-start}.ast-align-self-flex-end{align-self:flex-end}.ast-align-self-center{align-self:center}.ast-align-self-baseline{align-self:baseline}.ast-align-self-stretch{align-self:stretch}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition: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; +} diff --git a/assets/css/stylesheet.min.css b/assets/css/stylesheet.min.css new file mode 100644 index 00000000..3ade24ab --- /dev/null +++ b/assets/css/stylesheet.min.css @@ -0,0 +1,87 @@ +@charset "UTF-8";address,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}main,nav{display:block}progress{display:inline-block;vertical-align:baseline}a{background-color:transparent}a:active{outline:0}a,a:focus,a:hover,a:visited{text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}#comments .submit,.search .search-submit{padding:10px 15px;border-radius:2px;line-height:1.85714285714286;border:0}.search .site-main .ast-search-submit{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #eaeaea;margin:0 0;padding:.35em .625em .75em}legend{border:0;padding:0}fieldset legend{margin-bottom:1.5em;padding:0 .5em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! + * Bootstrap v4.0.0-alpha.2 (https://getbootstrap.com) + */.ast-container{max-width:100%}.ast-container,.ast-container-fluid{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.ast-row{margin-left:-20px;margin-right:-20px}.ast-grid-common-col{position:relative;min-height:1px;padding-left:20px;padding-right:20px}.ast-float{float:left}@media (max-width:992px){.ast-width-sm-25{width:25%}.ast-width-md-50{width:50%}}@media (max-width:768px){.ast-width-md-25{width:25%}}.ast-full-width{width:100%}.ast-width-50{width:50%}@media (min-width:768px){.ast-width-md-4{width:33.3333333333%}.ast-width-md-16{width:16.6666666667%}.ast-width-md-6{width:50%;float:left}.ast-width-md-3{width:25%}.ast-width-md-66{width:66.6666666667%}}@media (min-width:769px){.ast-width-md-20{width:20%}}@media (min-width:992px){.ast-width-lg-33{width:33.3333333333%}.ast-width-lg-16{width:16.6666666667%}.ast-width-lg-50{width:50%}.ast-width-lg-66{width:66.6666666667%}}h1,h2,h3,h4,h5,h6{clear:both}.entry-content h1,h1{color:#808285;font-size:2em;line-height:1.2}.entry-content h2,h2{color:#808285;font-size:1.7em;line-height:1.3}.entry-content h3,h3{color:#808285;font-size:1.5em;line-height:1.4}.entry-content h4,h4{color:#808285;line-height:1.5;font-size:1.3em}.entry-content h5,h5{color:#808285;line-height:1.6;font-size:1.2em}.entry-content h6,h6{color:#808285;line-height:1.7;font-size:1.1em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#808285;background:#fff;font-style:normal}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}address{margin:0 0 1.5em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.6em;overflow:auto;max-width:100%;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}img{height:auto;max-width:100%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}.ast-button,.button,button,input,select,textarea{color:#808285;font-weight:400;font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}big{font-size:125%}ins,mark{background:0 0;text-decoration:none}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}th{font-weight:700}td,th{padding:8px;border-width:0 1px 1px 0}.ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#eaeaea;border-radius:2px;background:#e6e6e6;padding:.6em 1em .4em;color:#fff}.ast-button:focus,.ast-button:hover,.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff;border-color:#eaeaea}.ast-button:active,.ast-button:focus,.button:active,.button:focus,button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#eaeaea;outline:0}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{color:#666;border:1px solid #ccc;border-radius:2px;-webkit-appearance:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}textarea{padding-left:3px;width:100%}a{color:#4169e1}a:focus,a:hover{color:#191970}a:focus{outline:thin dotted}a:hover{outline:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:2px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:12.25px;font-size:.875rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;text-align:center;display:block;margin-left:auto;margin-right:auto}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}::selection{color:#fff;background:#0274be}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:not(.logged-in){position:relative}#page{position:relative}a,a:focus{text-decoration:none}.secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s linear}.capitalize{text-transform:uppercase}img{vertical-align:middle}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin-bottom:20px}p{margin-bottom:1.75em}blockquote{margin:1.5em 1em 1.5em 3em;font-size:1.1em;line-height:inherit;position:relative}.ast-button,.button,input[type=button],input[type=submit]{border-radius:0;padding:18px 30px;border:0;box-shadow:none;text-shadow:none}.ast-button:hover,.button:hover,input[type=button]:hover,input[type=submit]:hover{box-shadow:none}.ast-button:active,.ast-button:focus,.button:active,.button:focus,input[type=button]:active,input[type=button]:focus,input[type=submit]:active,input[type=submit]:focus{box-shadow:none}.site-title{font-weight:400}.site-description,.site-title{margin-bottom:0}.site-description a,.site-description:focus a,.site-description:hover a,.site-title a,.site-title:focus a,.site-title:hover a{transition:all .2s linear}.site-title a,.site-title a:focus,.site-title a:hover,.site-title a:visited{color:#222}.site-description a,.site-description a:focus,.site-description a:hover,.site-description a:visited{color:#999}.search-form .search-field{outline:0}.ast-search-menu-icon{position:relative;z-index:3}.site .skip-link{background-color:#f1f1f1;box-shadow:0 0 1px 1px rgba(0,0,0,.2);color:#21759b;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;left:-9999em;outline:0;padding:15px 23px 14px;text-decoration:none;text-transform:none;top:-9999em}.site .skip-link:focus{clip:auto;height:auto;left:6px;top:7px;width:auto;z-index:100000;outline:thin dotted}.logged-in .site .skip-link{box-shadow:0 0 2px 2px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif}input,select{line-height:1}.ast-button,.ast-custom-button,body,button,input[type=button],input[type=submit],textarea{line-height:1.85714285714286}.site-title a{line-height:1.2}.site-header .site-description{line-height:1.5}.ast-single-post .entry-title,.ast-single-post .entry-title a{line-height:1.2}.entry-title,.entry-title a{font-weight:400}.ast-oembed-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.ast-oembed-container embed,.ast-oembed-container iframe,.ast-oembed-container object{position:absolute;top:0;left:0;width:100%;height:100%}body .ast-oembed-container *{position:absolute;top:0;left:0;width:100%;height:100%}.ast-hidden{display:none!important}body{background-color:#fff}#page{display:block}#primary,#secondary{width:100%}#primary{margin:4em 0}.ast-separate-container{background-color:#f5f5f5}.ast-separate-container #primary{padding:4em 0;margin:0;border:0}.ast-separate-container .site-main>.ast-row{margin-left:0;margin-right:0}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{border-bottom:1px solid #eee;margin:0;padding:5.34em 6.67em}.ast-separate-container .blog-layout-1{padding:0;border-bottom:0}.ast-separate-container .ast-article-single{border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}}@media (min-width:993px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{margin:4em 0;padding:0}.ast-right-sidebar #primary{padding-right:60px}.ast-left-sidebar #primary{padding-left:60px}}@media (max-width:992px){.ast-separate-container #primary,.ast-separate-container.ast-left-sidebar #primary,.ast-separate-container.ast-right-sidebar #primary{padding-left:0;padding-right:0}.ast-right-sidebar #primary{padding-right:30px}.ast-left-sidebar #primary{padding-left:30px}}.ast-search-icon .astra-search-icon{font-size:1.3em}.main-navigation{height:100%;-js-display:inline-flex;display:inline-flex}.main-navigation ul{list-style:none;margin:0;padding-left:0;position:relative}.main-header-menu .menu-link,.main-header-menu>a{text-decoration:none;padding:0 1em;display:inline-block;transition:all .2s linear}.main-header-menu .menu-item{position:relative}.main-header-menu .menu-item.focus>.sub-menu,.main-header-menu .menu-item:hover>.sub-menu{right:auto;left:0}.main-header-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu:hover>.sub-menu{right:0;left:auto}@media (min-width:769px){.main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .ast-left-align-sub-menu .sub-menu .menu-item:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu{width:240px;background:#fff;left:-999em;position:absolute;top:100%;z-index:99999}@media (min-width:769px){.main-header-menu .sub-menu .menu-item.focus>.sub-menu,.main-header-menu .sub-menu .menu-item:hover>.sub-menu{left:100%;right:auto}.main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:focus * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover * .sub-menu,.main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:-100%}.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.main-header-menu .sub-menu .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:-100%}}.main-header-menu .sub-menu .menu-link{padding:.9em 1em;display:block;word-wrap:break-word}.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:none}#ast-desktop-header .main-header-menu .sub-menu .menu-item.menu-item-has-children>.menu-link .icon-arrow svg{position:absolute;right:.6em;top:50%;transform:translate(0,-50%) rotate(270deg)}.main-header-menu .sub-menu .sub-menu{top:0}.submenu-with-border .sub-menu{border-width:1px;border-style:solid}.submenu-with-border .sub-menu .menu-link{border-width:0 0 1px;border-style:solid}.submenu-with-border .sub-menu .sub-menu{top:-1px}.ast-desktop .submenu-with-border .sub-menu>.menu-item:last-child>.menu-link{border-bottom-width:0}.ast-header-break-point .main-navigation{padding-left:0}.ast-header-break-point .main-navigation ul .menu-item .menu-link{padding:0 20px;display:inline-block;width:100%;border:0;border-bottom-width:1px;border-style:solid;border-color:#eaeaea}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type{margin-right:5px}.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type{display:inline}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link{padding-left:30px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link{padding-left:40px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link{padding-left:50px}.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link{padding-left:60px}.ast-header-break-point .main-header-menu{background-color:#f9f9f9;border-top-width:1px;border-style:solid;border-color:#eaeaea}.ast-header-break-point .main-header-menu .sub-menu{background-color:#f9f9f9;position:static;opacity:1;visibility:visible;border:0;width:auto}.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu.focus>.sub-menu,.ast-header-break-point .main-header-menu .sub-menu .ast-left-align-sub-menu:hover>.sub-menu{left:0}.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside.focus>.sub-menu,.ast-header-break-point .main-header-menu .ast-sub-menu-goes-outside:hover>.sub-menu{left:0}.ast-header-break-point .submenu-with-border .sub-menu{border:0}.ast-header-break-point .dropdown-menu-toggle{display:none}.ast-mobile-menu-buttons{display:none}.ast-button-wrap{display:inline-block}.ast-button-wrap button{box-shadow:none;border:none}.ast-button-wrap .menu-toggle{padding:0;width:2.2em;height:2.1em;font-size:1.5em;font-weight:400;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;vertical-align:middle;line-height:1.85714285714286}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:0 .5em;width:auto;text-align:center}.ast-button-wrap .menu-toggle.main-header-menu-toggle .mobile-menu{font-size:15px;font-size:1rem;font-weight:600}.ast-button-wrap .menu-toggle .menu-toggle-icon{font-style:normal;display:inline-block;vertical-align:middle;line-height:2.05}.ast-button-wrap .menu-toggle .menu-toggle-icon:before{content:"\e5d2";font-family:Astra;text-decoration:inherit}.ast-button-wrap .menu-toggle .icon-menu-bars svg:nth-child(2){display:none}.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before{content:"\e5cd"}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(1){display:none}.ast-button-wrap .menu-toggle.toggled .icon-menu-bars svg:nth-child(2){display:block}.ast-button-wrap .menu-toggle .mobile-menu-wrap{display:inline-block}.ast-button-wrap .menu-toggle:focus{outline:thin dotted}.header-main-layout-1 .ast-main-header-bar-alignment{margin-left:auto}.site-navigation{height:100%}.site-header .menu-link *{transition:none}.ast-icon.icon-arrow svg{height:.6em;width:.6em;position:relative;margin-left:10px}.ast-icon.icon-search svg{height:1em;width:.9em;margin-top:3px;margin-right:2px}.ast-header-break-point .user-select{clear:both}.ast-header-break-point .ast-mobile-menu-buttons{display:block;align-self:center}.ast-header-break-point .main-header-bar-navigation{flex:auto}.ast-header-break-point .ast-main-header-bar-alignment{display:block;width:100%;flex:auto;order:4}.ast-header-break-point .ast-icon.icon-arrow svg{height:.85em;width:.95em;position:relative;margin-left:10px}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-next,.comment-navigation .nav-previous,.post-navigation .nav-next,.post-navigation .nav-previous,.posts-navigation .nav-next,.posts-navigation .nav-previous{width:50%;display:inline-block}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:right}.ast-icon svg{fill:currentColor}.post-navigation a{background:0 0;font-size:16px;font-size:1.06666rem;padding:0 1.5em;height:2.33333em;line-height:calc(2.33333em - 3px)}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline,.updated:not(.published){display:none}.group-blog .byline,.single .byline{display:inline}.page-links{clear:both;margin-top:1em}.page-links a{display:inline-block}.page-links a .page-link{border-color:#eaeaea;background:0 0}.page-links .page-link{padding:0;margin:0 0 .3em .3em;border:2px solid #eaeaea;color:#000;background:0 0;font-size:.8em;width:2.5em;height:2.5em;line-height:calc( 2.5em - 4px);display:inline-block;text-align:center;transition:all .2s linear}.page-links .page-link:focus,.page-links .page-link:hover{color:#000}@media (max-width:768px){.page-links .page-link{margin-bottom:6px}}.entry-content>:last-child,.entry-summary>:last-child,.page-content>:last-child{margin-bottom:0}.bypostauthor{display:block}.widget-title{font-weight:400;margin-bottom:1em;line-height:1.5}.widget{margin:0 0 2.8em 0}.widget:last-child{margin-bottom:0}.widget select{max-width:100%}.widget ul{margin:0;list-style-type:none}.no-widget-text{margin-bottom:0}.widget_nav_menu ul ul.sub-menu{margin-top:.25em}.widget_nav_menu ul ul.sub-menu li{padding-left:20px}.widget_nav_menu ul ul.sub-menu a:after{left:-20px}.widget_nav_menu ul ul.sub-menu ul a:after{left:-40px}.widget_nav_menu ul ul.sub-menu ul ul a:after{left:-60px}.widget_nav_menu li{transition:all .2s linear}.widget_search .search-form{position:relative;padding:0;background:initial;color:inherit}.widget_search .search-form>label{position:relative}.widget_search .search-form i{color:#3a3a3a}.widget_search .search-form button{position:absolute;top:0;right:15px;border:none;padding:0;cursor:pointer;background:0 0}.widget_search .search-form input[type=submit],.widget_search .search-form input[type=submit]:focus,.widget_search .search-form input[type=submit]:hover{padding:13px 20px;border-radius:2px;border:none;top:0;right:0;position:absolute;color:transparent;background:0 0;max-width:45px;z-index:2}.widget_search .search-form .search-field{background:#fafafa;border-width:1px;border-color:#eaeaea;border-radius:2px}.widget_search .search-field,.widget_search .search-field:focus{width:100%;padding:16px 45px 16px 15px}.widget_archive ul.children,.widget_categories ul.children,.widget_pages ul.children{position:relative;margin-top:5px;width:100%}.widget_archive ul.children li,.widget_categories ul.children li,.widget_pages ul.children li{padding-left:20px}.widget_archive li ul.children a:after,.widget_categories li ul.children a:after,.widget_pages li ul.children a:after{left:-20px}.widget_archive li ul.children ul a:after,.widget_categories li ul.children ul a:after,.widget_pages li ul.children ul a:after{left:-40px}.widget_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.widget_tag_cloud .tagcloud a{border:1px solid #e2e2e2;padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-right:4px;line-height:1.5;transition:all .2s linear}.widget_calendar table,.widget_calendar td,.widget_calendar th{padding:0;text-align:center}.widget_calendar table,.widget_calendar th{border:none}.widget_calendar td{border-right:none;border-left:none}.widget_calendar caption{line-height:2.7em}.widget_calendar thead{line-height:2.5em}.widget_calendar thead a{color:#0274be;font-size:1rem;vertical-align:middle}.widget_calendar thead td{vertical-align:middle;font-weight:700}.widget_calendar thead>tr>th{line-height:2.5em;border-bottom:2px solid #eaeaea;border-top:2px solid #eaeaea}.widget_calendar tbody{line-height:2.1em;text-align:center}.widget_calendar tbody>tr>td{width:14.2857%}.widget_calendar tbody>tr:first-child>td{padding-top:3px}.widget_calendar #today{background:#0274be}.ast-builder-grid-row{display:grid;grid-template-columns:auto auto;align-items:center;grid-column-gap:20px;overflow-wrap:anywhere}.ast-builder-grid-row>.site-header-section{flex-wrap:nowrap}.ast-builder-footer-grid-columns{grid-column-gap:50px}.ast-builder-grid-row.ast-grid-center-col-layout{grid-template-columns:1fr auto 1fr}.ast-builder-layout-element{align-items:center}.ast-builder-grid-row.ast-grid-center-col-layout-only{-js-display:flex;display:flex;height:100%;justify-content:center}.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center{flex-grow:1}.site-header-section{height:100%;min-height:0;align-items:center}.site-header-section .ast-main-header-bar-alignment{height:100%}.site-header-section>*{padding:0 10px}.site-header-section>div:first-child{padding-left:0}.site-header-section>div:last-child{padding-right:0}.site-header-section .ast-builder-menu{align-items:center}.ast-builder-layout-element.ast-header-search{height:auto}.ast-grid-right-center-section{justify-content:flex-start;flex-grow:1}.ast-grid-right-section{justify-content:flex-end}.ast-grid-right-section .ast-site-identity>:first-child{text-align:right}.ast-grid-right-section .ast-grid-right-center-section .ast-site-identity>:first-child{text-align:left}.ast-grid-left-center-section{justify-content:flex-end;flex-grow:1}.ast-logo-title-inline .ast-site-identity{padding:1em 0;-js-display:inline-flex;display:inline-flex;vertical-align:middle;align-items:center;transition:all .2s linear}.ast-grid-section-center{justify-content:center}.ast-grid-section-center .ast-site-identity>:first-child{text-align:center}.ast-builder-social-element{line-height:1;color:#3a3a3a;background:0 0;vertical-align:middle;transition:all 10ms;margin-left:6px;margin-right:6px;justify-content:center;align-items:center}.ast-builder-social-element:hover{color:#0274be}.ast-builder-social-element .social-item-label{padding-left:6px}.ast-social-stack-desktop .ast-builder-social-element,.ast-social-stack-mobile .ast-builder-social-element,.ast-social-stack-tablet .ast-builder-social-element{margin-top:6px;margin-bottom:6px}.ahfb-svg-iconset{-js-display:inline-flex;display:inline-flex;align-self:center}.ahfb-svg-iconset svg{width:17px;height:17px;transition:none}.ahfb-svg-iconset svg>*{transition:none}.ast-footer-copyright p{margin-bottom:0}.ast-builder-grid-row-container{display:grid;align-content:center}.main-header-bar .main-header-bar-navigation{height:100%}.ast-nav-menu .sub-menu{line-height:1.45}.ast-builder-menu .main-navigation{padding:0}.ast-builder-menu .main-navigation>ul{align-self:center}.ast-footer-copyright,.ast-footer-social-wrap,.site-footer-focus-item{width:100%}#astra-footer-menu{margin:0;list-style:none;background:inherit}#astra-footer-menu>ul{margin:0;list-style:none;background:inherit}.ast-header-break-point #ast-mobile-header{display:block}.ast-header-break-point .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:0;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit}.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before,.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .ast-nav-menu .sub-menu{line-height:3}.site-footer-section{justify-content:center}.site-footer-section>*{margin-bottom:10px}.site-footer-section>:last-child{margin-bottom:0}.site-primary-footer-wrap{padding-top:45px;padding-bottom:45px}.site-above-footer-wrap,.site-below-footer-wrap{padding-top:20px;padding-bottom:20px}.ast-hfb-header.ast-header-break-point .main-header-bar-navigation{width:100%;margin:0}.ast-hfb-header .menu-toggle.toggled .ast-mobile-svg{display:none}.ast-hfb-header .menu-toggle.toggled .ast-close-svg{display:block}.menu-toggle .ast-close-svg{display:none}.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-left:.4em}.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{-js-display:flex;display:flex;align-items:center;width:auto;height:auto}.menu-toggle .mobile-menu-toggle-icon{-js-display:inline-flex;display:inline-flex;align-self:center}.menu-toggle .mobile-menu-wrap{-js-display:inline-flex;display:inline-flex;align-self:center;margin-left:.4em}.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap{align-items:center;-js-display:flex;display:flex}.ast-button-wrap .menu-toggle.main-header-menu-toggle{padding:.5em;align-items:center;-js-display:flex;display:flex}.ast-search-menu-icon.ast-inline-search .search-field{width:100%;padding:.6em;padding-right:5.5em}@media (min-width:769px){.footer-nav-wrap .astra-footer-horizontal-menu li{margin:0}.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a{padding-left:0}.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a{padding-right:0}.footer-nav-wrap .astra-footer-horizontal-menu a{padding:0 .5em}}.site-header{z-index:99;position:relative}.main-header-container{position:relative}.main-header-bar-wrap{position:relative}.main-header-bar{background-color:#fff;border-bottom-color:#eaeaea;border-bottom-style:solid}.ast-header-break-point .main-header-bar{border:0}.ast-header-break-point .main-header-bar{border-bottom-color:#eaeaea;border-bottom-style:solid}.main-header-bar{margin-left:auto;margin-right:auto}.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu{box-shadow:0 4px 10px -2px rgba(0,0,0,.1)}.ast-header-custom-item-inside .button-custom-menu-item .menu-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item{padding-left:0;padding-right:0;margin-top:0;margin-bottom:0}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link{display:none}.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link{display:block}.site-branding{line-height:1;align-self:center}.ast-menu-toggle{display:none;background:0 0;color:inherit;border-style:dotted;border-color:transparent}.ast-menu-toggle:focus,.ast-menu-toggle:hover{background:0 0;border-color:inherit;color:inherit}.ast-menu-toggle:focus{outline:thin dotted}.ast-main-header-nav-open .main-header-bar{padding-bottom:0}.main-header-bar{z-index:4;position:relative}.main-header-bar .main-header-bar-navigation:empty{padding:0}.main-header-bar .main-header-bar-navigation .sub-menu{line-height:1.45}.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{line-height:normal}.custom-mobile-logo-link{display:none}.ast-site-identity{padding:1em 0}.ast-header-break-point .site-header .main-header-bar-wrap .site-branding{flex:1;align-self:center}.ast-header-break-point .ast-site-identity{width:100%}.ast-header-break-point .main-header-bar{display:block;line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu{line-height:3}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu{display:none}.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:-1px;right:20px;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 .907em;font-weight:400;line-height:inherit;transition:all .2s}.ast-header-break-point .main-header-bar .main-header-bar-navigation .ast-submenu-expanded>.ast-menu-toggle::before{transform:rotateX(180deg)}.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu{border-top-width:1px;border-style:solid;border-color:#eaeaea}.ast-header-break-point .main-navigation{display:block;width:100%}.ast-header-break-point .main-navigation ul ul{left:auto;right:auto}.ast-header-break-point .main-navigation .stack-on-mobile li{width:100%}.ast-header-break-point .main-navigation .widget{margin-bottom:1em}.ast-header-break-point .main-navigation .widget li{width:auto}.ast-header-break-point .main-navigation .widget:last-child{margin-bottom:0}.ast-header-break-point .main-header-bar-navigation{width:calc(100% + 40px);margin:0 -20px}.ast-header-break-point .main-header-menu ul ul{top:0}.ast-header-break-point .ast-builder-menu{width:100%}.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile{flex-wrap:wrap}.ast-desktop .main-header-menu>.menu-item .sub-menu:before{position:absolute;content:'';top:0;left:0;width:100%;transform:translateY(-100%)}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{color:#666;padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:#eaeaea;border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}input[type=email]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:#fff;border-color:#eaeaea;box-shadow:none}input[type=button],input[type=button]:focus,input[type=button]:hover,input[type=reset],input[type=reset]:focus,input[type=reset]:hover,input[type=submit],input[type=submit]:focus,input[type=submit]:hover{box-shadow:none}textarea{width:100%}input[type=search]:focus{outline:thin dotted}input[type=range]{-webkit-appearance:none;width:100%;margin:5.7px 0;padding:0;border:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;-webkit-appearance:none;margin-top:-5.7px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.2)}input[type=range]::-moz-range-track{width:100%;height:8.6px;cursor:pointer;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9;background:rgba(255,255,255,.2);border-radius:13.6px;border:0 solid #fff}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.6px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(199,199,199,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-fill-upper{background:rgba(255,255,255,.2);border:0 solid #fff;border-radius:27.2px;box-shadow:2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9}input[type=range]::-ms-thumb{box-shadow:0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37);border:7.9px solid #0274be;height:20px;width:20px;border-radius:50px;background:#0274be;cursor:pointer;height:8.6px}input[type=range]:focus::-ms-fill-lower{background:rgba(255,255,255,.2)}input[type=range]:focus::-ms-fill-upper{background:rgba(255,255,255,.2)}input[type=color]{border:none;width:100px;padding:0;height:30px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}input[type=color]::-webkit-color-swatch{border:none}.page .entry-header{margin-bottom:1.5em}.search .entry-header{margin-bottom:1em}.ast-single-post .entry-header.ast-header-without-markup,.ast-single-post .entry-header.ast-no-title.ast-no-thumbnail{margin-bottom:0}.entry-header{margin-bottom:1em;word-wrap:break-word}.entry-header+.ast-blog-featured-section{margin-top:.5em}.entry-content{word-wrap:break-word}.entry-content p{margin-bottom:1.6em}.read-more{margin-bottom:0}.read-more .ast-right-arrow{font-size:1em}.ast-no-thumb .ast-blog-featured-section{margin-bottom:0}.ast-no-thumb .entry-header+.ast-blog-featured-section{margin-top:0}.ast-blog-featured-section{margin-bottom:1.5em}.error404 .page-header{margin-bottom:1.5em}.error404 .page-header .page-title{margin-bottom:0}.archive .entry-title,.blog .entry-title,.search .entry-title{line-height:1.3}.archive .format-aside .entry-title,.archive .format-status .entry-title,.blog .format-aside .entry-title,.blog .format-status .entry-title{display:none}.page-title{margin-bottom:1em;font-weight:400}.entry-title{margin-bottom:.2em}.ast-article-post{margin-bottom:2.5em}.ast-article-post:last-child{margin-bottom:0;border-bottom:0}.search .site-content .content-area .search-form{margin-bottom:3em}.blog-layout-1 .post-thumb{padding-left:0;padding-right:0;position:relative}.blog .posted-on{z-index:1}.ast-blog-featured-section .posted-on{width:5.714285714em;height:5.714285714em;padding:.7em}.ast-blog-featured-section .posted-on .date-month,.ast-blog-featured-section .posted-on .date-year{font-size:.8571428571em;line-height:1em}.ast-blog-featured-section .posted-on .date-day{font-size:2.5em;line-height:.9em;font-weight:900;margin:.1em 0}.ast-author-box img.avatar{border-radius:50%;margin:0 0 0 20px}.ast-archive-description{margin-bottom:2.5em;padding-bottom:1.3333em;border-bottom:1px solid #eee}.ast-archive-description .ast-archive-title{margin-bottom:4px;font-size:40px;font-size:2.85714rem;font-weight:300}.ast-archive-description p{margin-bottom:0;font-size:20px;font-size:1.42857rem;line-height:1.65;font-weight:300}.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{background-color:#eee;padding-bottom:0;border-bottom:0}@media (max-width:1200px){.ast-separate-container .ast-archive-description{margin:0;padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-archive-description{padding:2.14em}}@media (min-width:1201px){.ast-separate-container .ast-archive-description,.ast-separate-container .ast-author-box{margin:0;padding:5em 6.67em 3.33333em}}.single .entry-header{margin-bottom:2em}.single .post-navigation{margin:0;padding:2em 0 0;border-top:1px solid #eee}@media (max-width:768px){.single .post-navigation{padding-top:1.5em}}.single .post-navigation a{margin:2px;display:inline-block;text-align:center;color:#000}@media (min-width:421px){.single .post-navigation .nav-links{-js-display:flex;display:flex}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{flex:auto}}@media (max-width:420px){.single .post-navigation .ast-left-arrow,.single .post-navigation .ast-right-arrow{display:none}.single .post-navigation .nav-next,.single .post-navigation .nav-previous{width:100%}.single .post-navigation .nav-next a,.single .post-navigation .nav-previous a{width:100%}.single .post-navigation .nav-previous{margin-bottom:1em}}.single .entry-header .ast-single-post-order+.post-thumb img{margin-top:2em;margin-bottom:0}.single .entry-header.ast-no-title .post-thumb+.ast-single-post-order{margin-top:0}.single .entry-header .post-thumb+.ast-single-post-order{margin-top:2em}.single .entry-header .post-thumb img{margin-top:0;margin-bottom:0}.page .has-post-thumbnail .post-thumb img{margin-bottom:1.5em}.post-password-form{text-align:center}@media (max-width:420px){.post-password-form input[type=password]{display:block;margin:10px auto}}.post-password-form input[type=submit]{padding:10px 20px;border-radius:2px}.ast-separate-container .post-navigation{border-top:0;padding-left:3.33333em;padding-right:3.33333em}@media (max-width:420px){.ast-separate-container .post-navigation{padding-left:0;padding-right:0}}@media (max-width:768px){.ast-separate-container .entry-header{margin-bottom:1em}}.ast-404-layout-1{text-align:center;margin:4em auto}.ast-404-layout-1 .page-sub-title{font-size:1.5rem;font-weight:700}.ast-404-layout-1 .widget_search{padding-top:.5em}.ast-404-search{margin-top:1.5em}.ast-404-search .widget_search{max-width:370px;margin:0 auto}.ast-separate-container .error-404,.ast-separate-container .no-results{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:3.34em 2.4em}}@media (max-width:768px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 2.14em}}@media (max-width:544px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:1.5em 1em}}@media (min-width:1201px){.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{margin:0;padding:5.34em 6.67em}}.blog-layout-1{width:100%;display:inline-block;padding-bottom:2em;vertical-align:middle;border-bottom:1px solid #eee}.blog-layout-1 .posted-on{left:0}.blog-layout-1 .post-content,.blog-layout-1 .post-thumb{padding-left:0;padding-right:0}.ast-flex{-js-display:flex;display:flex;flex-wrap:wrap}.ast-flex-1{flex:1}.ast-inline-flex{-js-display:inline-flex;display:inline-flex;align-items:center;flex-wrap:wrap;align-content:center}.ast-justify-content-flex-start{justify-content:flex-start}.ast-justify-content-flex-end{justify-content:flex-end}.ast-justify-content-center{justify-content:center}.ast-justify-content-space-between{justify-content:space-between}.ast-justify-content-space-around{justify-content:space-around}.ast-align-content-flex-start{align-content:flex-start}.ast-align-content-flex-end{align-content:flex-end}.ast-align-content-center{align-content:center}.ast-align-content-space-between{align-content:space-between}.ast-align-content-space-around{align-content:space-around}.ast-align-content-stretch{align-content:stretch}.ast-flex-grow-1{flex-grow:1} + +/* 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; +} diff --git a/assets/css/summary-report-email.css b/assets/css/summary-report-email.css new file mode 100644 index 00000000..89726351 --- /dev/null +++ b/assets/css/summary-report-email.css @@ -0,0 +1,384 @@ +/* General styles. */ + +#outlook a { + padding: 0; +} + +.ExternalClass { + width: 100%; +} + +.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { + line-height: 100%; +} + +#backgroundTable { + margin: 0; + padding: 0; + width: 100% !important; + line-height: 100% !important; +} + +/* Prevent blue links in subject. */ +.stats-subject-heading a { + color: inherit !important; + text-decoration: none !important; +} + +/* Mobile styles. */ + +@media only screen and (max-width: 599px) { + table.body .container { + width: 94% !important; + max-width: 600px !important; + } + + .header img { + width: 240px !important; + height: auto !important; + } + + .content { + padding: 30px !important; + } + + .main-heading { + font-size: 16px !important; + line-height: 20px !important; + } + + .main-description { + margin-bottom: 20px !important; + } + + .stats-totals-wrapper.two .stats-totals-item-wrapper { + width: 50% !important; + } + + .stats-totals-wrapper.three .stats-totals-item-wrapper { + width: 33.3% !important; + } + + .stats-totals-wrapper.four .stats-totals-item-wrapper { + width: 25% !important; + } + + .stats-totals-wrapper { + border-collapse: separate !important; + border: 1px solid #DDDDDD !important; + border-radius: 4px !important; + } + + .stats-total-item { + width: 100% !important; + min-width: 100% !important; + } + + .stats-total-item-inner { + border: none !important; + } + + .stats-total-item-icon-wrapper { + height: 24px !important; + } + + .stats-total-item-icon { + width: 24px !important; + height: 24px !important; + } + + .stats-totals-wrapper.three .stats-total-item-title, + .stats-totals-wrapper.four .stats-total-item-title { + display: none !important; + } + + .stats-total-item-value { + font-size: 18px !important; + line-height: 22px !important; + } + + .stats-total-item-percent { + font-size: 12px !important; + line-height: 14px !important; + } + + .stats-total-item-percent img { + width: 9px !important; + height: 9px !important; + } + + .stats-heading th { + display: block !important; + width: 100% !important; + min-width: 100% !important; + padding-right: 0 !important; + padding-left: 0 !important; + text-align: center !important; + } + + .stats-heading .first-col { + padding-top: 20px !important; + padding-bottom: 5px !important; + } + + .stats-heading .second-col { + padding-top: 0 !important; + padding-bottom: 20px !important; + } + + .stats-heading h2 { + text-align: center !important; + font-size: 15px !important; + line-height: 18px !important; + } + + .stats-heading a { + font-size: 13px !important; + line-height: 16px !important; + } + + .stats-subject-heading { + text-align: center !important; + } + + .stats-subject-row { + text-align: center !important; + } + + .stats-subject-column.total, + .stats-subject-column.sent, + .stats-subject-column.confirmed, + .stats-subject-column.unconfirmed, + .stats-subject-column.unsent { + max-width: 64px !important; + } + + .stats-subject-column.opened, + .stats-subject-column.clicked { + max-width: 111px !important; + } + + .spacer-40 { + line-height: 20px !important; + height: 20px !important; + } + + .upgrade-heading { + font-size: 18px !important; + line-height: 22px !important; + } + + .upgrade-text { + font-size: 14px !important; + line-height: 20px !important; + } +} + +@media only screen and (max-width: 360px) { + .content { + padding: 20px !important; + } + + .stats-subject-column.total, + .stats-subject-column.sent, + .stats-subject-column.confirmed, + .stats-subject-column.unconfirmed, + .stats-subject-column.unsent { + max-width: 61px !important; + } +} + +/* Dark Mode. */ + +@media (prefers-color-scheme: dark) { + .dark-body-bg { + background: #1C1E20 !important; + } + + .dark-content-bg { + background: #23282C !important; + } + + .dark-bg { + background: #202326 !important; + } + + .dark-white-color { + color: #ffffff !important; + } + + .dark-img { + display: block !important; + width: auto !important; + overflow: visible !important; + float: none !important; + max-height: inherit !important; + max-width: inherit !important; + line-height: auto !important; + margin-top: 0px !important; + visibility: inherit !important; + } + + .light-img { + display: none; + display: none !important; + } + + .stats-total-item-inner, + .stats-heading { + border-color: #395360 !important; + } + + .stats-subject-column-value, + .stats-total-item-percent, + .footer { + color: #8C8F94 !important; + } + + .stats-subject-column-value span { + color: #4A5057 !important; + } + + .upgrade-text { + color: #8C8F94 !important; + } +} + +/* Dark Mode Outlook. */ + +[data-ogsc] .dark-body-bg { + background: #1C1E20 !important; +} + +[data-ogsc] .dark-content-bg { + background: #23282C !important; +} + +[data-ogsc] .dark-bg { + background: #202326 !important; +} + +[data-ogsc] .dark-white-color { + color: #ffffff !important; +} + +[data-ogsc] .dark-img { + display: block !important; + width: auto !important; + overflow: visible !important; + float: none !important; + max-height: inherit !important; + max-width: inherit !important; + line-height: auto !important; + margin-top: 0px !important; + visibility: inherit !important; +} + +[data-ogsc] .light-img { + display: none; + display: none !important; +} + +[data-ogsc] .stats-total-item-inner, +[data-ogsc] .stats-heading { + border-color: #395360 !important; +} + +[data-ogsc] .stats-subject-column-value, +[data-ogsc] .stats-total-item-percent, +[data-ogsc] .footer { + color: #8C8F94 !important; +} + +[data-ogsc] .stats-subject-column-value span { + color: #4A5057 !important; +} + +[data-ogsc] .upgrade-text { + color: #8C8F94 !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; +} diff --git a/assets/css/summary.css b/assets/css/summary.css new file mode 100644 index 00000000..b4ab6540 --- /dev/null +++ b/assets/css/summary.css @@ -0,0 +1,925 @@ +body, +.body { + height: 100% !important; + margin: 0; + Margin: 0; + padding: 0; + width: 100% !important; + min-width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} + +img { + outline: none; + text-decoration: none; + -ms-interpolation-mode: bicubic; + width: auto; + max-width: 100%; + clear: both; + display: block; +} + +a img { + border: none; +} + +p { + margin: 0 0 10px 0; + Margin: 0 0 10px 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td { + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; + border-collapse: collapse !important; +} + +table, +tr, +td { + padding: 0; + vertical-align: top; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + Margin: 0; + padding: 0; +} + +.ReadMsgBody, +.ExternalClass { + width: 100%; +} + +.ExternalClass { + width: 100%; +} + +.ExternalClass, +.ExternalClass p, +.ExternalClass span, +.ExternalClass font, +.ExternalClass td, +.ExternalClass div { + line-height: 100%; +} + +table, +td { + mso-table-lspace: 0pt; + mso-table-rspace: 0pt; +} + +#outlook a { + padding: 0; +} + +img { + -ms-interpolation-mode: bicubic; +} + +body, table, td, p, a, li, blockquote { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body, +table.body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +td, +th, +a { + color: #444444; + font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; + font-weight: normal; + padding: 0; + margin: 0; + Margin: 0; + mso-line-height-rule: exactly; + line-height: 1.4; + line-height: 140%; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #444444; + word-wrap: normal; + font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; + font-weight: bold; + margin: 0 0 7px 0; + Margin: 0 0 7px 0; + mso-line-height-rule: exactly; + line-height: 1.3; + line-height: 130%; +} + +h1.normal, +h2.normal, +h3.normal, +h4.normal, +h5.normal, +h6.normal { + font-weight: normal; +} + +h1 { + font-size: 32px; +} + +h2 { + font-size: 30px; +} + +h3 { + font-size: 28px; +} + +h4 { + font-size: 24px; +} + +h5 { + font-size: 20px; +} + +h6 { + font-size: 18px; +} + +body, +table.body, +p, +td, +th { + font-size: 14px; + mso-line-height-rule: exactly; + line-height: 1.4; + line-height: 140%; +} + +p { + margin: 0 0 7px 0; + Margin: 0 0 7px 0; + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-all; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; +} + +p.large, p.text-large { + font-size: 16px; +} + +p.bold, p.text-bold { + font-weight: 700; +} + +p a { + Margin: inherit; + margin: inherit; +} + +small { + font-size: 80%; +} + +center { + width: 100%; +} + +a { + color: #e27730; +} + +a:visited { + color: #e27730; +} + +a:hover, a:active { + color: #e27730; +} + +h1 a, +h1 a:visited, +h2 a, +h2 a:visited, +h3 a, +h3 a:visited, +h4 a, +h4 a:visited, +h5 a, +h5 a:visited, +h6 a, +h6 a:visited { + color: #e27730; +} + +table.text-center, +th.text-center, +td.text-center, +h1.text-center, +h2.text-center, +h3.text-center, +h4.text-center, +h5.text-center, +h6.text-center, +p.text-center, +span.text-center { + text-align: center; +} + +table.text-left, +th.text-left, +td.text-left, +h1.text-left, +h2.text-left, +h3.text-left, +h4.text-left, +h5.text-left, +h6.text-left, +p.text-left, +span.text-left { + text-align: left; +} + +table.text-right, +th.text-right, +td.text-right, +h1.text-right, +h2.text-right, +h3.text-right, +h4.text-right, +h5.text-right, +h6.text-right, +p.text-right, +span.text-right { + text-align: right; +} + +table.primary, +th.primary, +td.primary, +h1.primary, +h2.primary, +h3.primary, +h4.primary, +h5.primary, +h6.primary, +p.primary, +span.primary { + color: #333333; +} + +table.orange, +th.orange, +td.orange, +h1.orange, +h2.orange, +h3.orange, +h4.orange, +h5.orange, +h6.orange, +p.orange, +span.orange { + color: #e27730; +} + +table.blue, +th.blue, +td.blue, +h1.blue, +h2.blue, +h3.blue, +h4.blue, +h5.blue, +h6.blue, +p.blue, +span.blue { + color: #036aab; +} + +span.text-center { + display: block; + width: 100%; + text-align: center; +} + +ol, +ul { + margin: 0 0 7px 20px; + Margin: 0 0 7px 20px; + padding: 0; +} + +ol li, +ul li { + list-style-type: decimal; + padding-top: 5px; +} + +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0 !important; +} + +/* Helper class for breaking long URLs. */ +.break-all { + word-break: break-all !important; +} + +.break-all > a { + word-break: break-all !important; +} + +/* Base */ +table.body, +body { + background-color: #f8f8f8; + text-align: center; +} + +.wrapper { + max-width: 700px; +} + +.body-inner { + box-sizing: border-box; + padding-bottom: 40px; +} + +.container { + margin: 0 auto 0 auto; + Margin: 0 auto 0 auto; +} + +.header { + line-height: 1; + padding: 30px; + text-align: center; +} + +.header .header-image { + display: inline-block; + margin: 0 auto 0 auto; + Margin: 0 auto 0 auto; + max-width: 260px; + vertical-align: middle; +} + +.header img { + display: inline-block !important; + max-height: 180px; + vertical-align: middle; +} + +.header-wrapper.dark-mode { + display: none; +} + +/* Typography */ +p, td { + -webkit-hyphens: none; + -moz-hyphens: none; + hyphens: none; +} + +a, p, pre { + -ms-word-break: break-word; + word-break: break-word; +} + +.content p { + font-size: 16px; + line-height: 24px; + margin-bottom: 0; + Margin-bottom: 0; +} + +.content p + p { + margin-top: 24px; + Margin-top: 24px; +} + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: #444444; +} + +/* Buttons */ +.button-container { + text-align: center; +} + +.button-container .button-wrapper { + border-spacing: 24px; + margin: 0 auto; + Margin: 0 auto; +} + +.button-wrapper { + border-collapse: separate; +} + +.button { + border-collapse: separate !important; + border-radius: 3px; + line-height: 16px; + padding: 11.5px 15px; + vertical-align: middle; +} + +.button-link { + color: #ffffff; + line-height: 16px; + font-size: 16px; + font-weight: 500; + margin: 0; + Margin: 0; + text-decoration: none; +} + +.button-orange { + background: #e27730; + border: 1px solid #e27730; +} + +.button-blue { + background: #036aab; + border: 1px solid #036aab; + color: #ffffff; +} + +.button-blue-outline { + background: transparent; + border: 1px solid #036aab; +} + +.button-blue-outline a { + color: #036aab; +} + +/* Content */ +.content .summary-container > tbody > tr:last-child .summary-content { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.content .summary-content { + background-color: #ffffff; + border-top-left-radius: 6px; + border-top-right-radius: 6px; + padding: 50px 30px; +} + +.content .summary-content .summary-content-inner div { + max-width: 600px; + margin-left: auto; + Margin-left: auto; + margin-right: auto; + Margin-right: auto; +} + +.content .summary-content .greeting { + font-size: 20px; + line-height: 24px; + margin-bottom: 24px; + Margin-bottom: 24px; +} + +.content .summary-trend td { + white-space: nowrap; +} + +.content .email-summaries-wrapper { + margin-bottom: 1px; + Margin-bottom: 1px; +} + +.content .email-summaries-wrapper .summary-trend td { + line-height: 20px; +} + +.content .summary-header, +.content .email-summaries-overview-wrapper { + margin-bottom: 50px; + Margin-bottom: 50px; +} + +.content .email-summaries-overview { + background: #f8f8f8; + border: 1px solid #dddddd; + border-collapse: separate; + border-radius: 6px; +} + +.content .email-summaries-overview td { + padding-bottom: 20px; + padding-top: 20px; + vertical-align: middle; +} + +.content .email-summaries-overview .overview-icon { + vertical-align: top; +} + +.content .email-summaries-overview .overview-icon img { + min-width: 52px; +} + +.content .email-summaries-overview .overview-stats { + width: 90%; + vertical-align: top; +} + +.content .email-summaries-overview .overview-stats h5 { + line-height: 30px; + margin-bottom: 0; + Margin-bottom: 0; +} + +.content .email-summaries-overview .overview-stats p { + color: #777777; + line-height: 22px; +} + +.content .email-summaries-overview .summary-trend td { + font-size: 16px; + line-height: 16px; +} + +.content .email-summaries-overview .summary-trend td img { + min-width: 14px; +} + +.content .email-summaries th { + background-color: #f8f8f8; + border: 1px solid #dddddd; + font-size: 16px; + font-weight: bold; + line-height: 16px; + padding: 15px 20px 15px 20px; +} + +.content .email-summaries td { + border: 1px solid #dddddd; + padding: 12px 20px 12px 20px; + vertical-align: middle; +} + +.content .email-summaries .form-name { + font-size: 16px; + line-height: 24px; + width: 90%; +} + +.content .email-summaries .entry-count { + color: #777777; + font-size: 16px; + line-height: 20px; + text-align: center; + vertical-align: middle; + white-space: nowrap; +} + +.content .email-summaries .entry-count a { + color: #777777; + text-decoration: underline; +} + +.content .email-summaries .entry-count a:hover { + color: #777777; +} + +.content .email-summaries .summary-trend td img { + min-width: 10px; +} + +.content .summary-trend table { + border-collapse: separate; +} + +.content .summary-trend table tr td { + padding: 0; + border: 0 !important; +} + +.trend-upward td { + color: #46b450 !important; +} + +.trend-downward td { + color: #d63637 !important; +} + +/* Notice */ +.summary-notice { + text-align: center; +} + +.summary-notice h4 { + line-height: 36px; + margin-bottom: 16px; + Margin-bottom: 16px; +} + +.summary-notice p { + font-size: 16px; + line-height: 24px; +} + +.summary-notice > td { + padding: 50px 50px 26px 50px; +} + +.summary-notice:last-child > td { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.summary-notice + .summary-notice { + margin-top: 1px; + Margin-top: 1px; +} + +tr:last-child > .summary-notice-content, +.summary-notice-icon { + padding-bottom: 24px; +} + +.summary-notice-divider { + height: 1px; + font-size: 0; + line-height: 1px; +} + +/* Info Block */ +.summary-info-block { + background-color: #f7f0ed; +} + +/* Notification Block */ +.summary-notification-block { + background-color: #edf3f7; +} + +.summary-notification-block p a { + color: #036aab; +} + +/* Footer */ +.footer { + color: #777777; + font-size: 13px; + line-height: 20px; + padding: 20px 30px 20px 30px; + text-align: center; +} + +.footer a { + color: #777777; + text-decoration: underline; +} + +.footer a:hover { + color: #777777; +} + +/* Direction */ +[dir="rtl"] th { + text-align: right; +} + +[dir="rtl"] th:first-child { + border-left: 0 !important; +} + +[dir="rtl"] th:last-child { + border-right: 0 !important; +} + +[dir="rtl"] .summary-content-inner { + text-align: right; +} + +[dir="rtl"] .summary-trend td:last-child { + padding-right: 5px; +} + +[dir="rtl"] .email-summaries-overview .summary-trend, +[dir="rtl"] .email-summaries-overview .overview-stats { + padding-right: 16px; +} + +[dir="rtl"] .email-summaries-overview .overview-icon { + padding-right: 20px; +} + +[dir="rtl"] .email-summaries-overview .summary-trend { + padding-left: 20px; +} + +[dir="ltr"] th { + text-align: left; +} + +[dir="ltr"] th:first-child { + border-right: 0 !important; +} + +[dir="ltr"] th:last-child { + border-left: 0 !important; +} + +[dir="ltr"] .summary-content-inner { + text-align: left; +} + +[dir="ltr"] .summary-trend td:last-child { + padding-left: 5px; +} + +[dir="ltr"] .email-summaries-overview .summary-trend, +[dir="ltr"] .email-summaries-overview .overview-stats { + padding-left: 16px; +} + +[dir="ltr"] .email-summaries-overview .overview-icon { + padding-left: 20px; +} + +[dir="ltr"] .email-summaries-overview .summary-trend { + padding-right: 20px; +} + +.wpforms-layout-table > td { + padding-bottom: 25px; +} + +.wpforms-layout-table .wpforms-layout-table-row { + width: 100%; + margin-left: -10px; + margin-right: -10px; +} + +.wpforms-layout-table .wpforms-layout-table-row .field-value { + padding-bottom: 25px; +} + +.wpforms-layout-table .wpforms-layout-table-row > tr > td { + padding-left: 10px; + padding-right: 10px; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row:not(.wpforms-first-row) td.field-name { + display: none; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-value { + padding-bottom: 15px; +} + +.wpforms-layout-table-display-rows .wpforms-layout-table-row:last-child .field-value { + padding-bottom: 0; +} + +.wpforms-layout-table-display-blocks .wpforms-layout-table-row:last-child .field-value, .wpforms-layout-table-display-columns .wpforms-layout-table-row:last-child .field-value { + padding-bottom: 0; +} + +.wpforms-layout-table .wpforms-layout-table-cell td { + border: 0 !important; +} + +.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-payment-total, .wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-payment-total { + display: block !important; +} + +.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-order-summary-preview, .wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-order-summary-preview { + display: none !important; +} + +.field-payment-total .wpforms-payment-total { + display: none !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; +} diff --git a/assets/css/summary.min.css b/assets/css/summary.min.css new file mode 100644 index 00000000..cd2a5236 --- /dev/null +++ b/assets/css/summary.min.css @@ -0,0 +1,86 @@ +body,.body{height:100% !important;margin:0;Margin:0;padding:0;width:100% !important;min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important}img{outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block}a img{border:none}p{margin:0 0 10px 0;Margin:0 0 10px 0}table{border-collapse:collapse;border-spacing:0}td{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important}table,tr,td{padding:0;vertical-align:top}h1,h2,h3,h4,h5,h6{margin:0;Margin:0;padding:0}.ReadMsgBody,.ExternalClass{width:100%}.ExternalClass{width:100%}.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:100%}table,td{mso-table-lspace:0pt;mso-table-rspace:0pt}#outlook a{padding:0}img{-ms-interpolation-mode:bicubic}body,table,td,p,a,li,blockquote{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,table.body,h1,h2,h3,h4,h5,h6,p,td,th,a{color:#444444;font-family:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;font-weight:normal;padding:0;margin:0;Margin:0;mso-line-height-rule:exactly;line-height:1.4;line-height:140%}h1,h2,h3,h4,h5,h6{color:#444444;word-wrap:normal;font-family:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;font-weight:bold;margin:0 0 7px 0;Margin:0 0 7px 0;mso-line-height-rule:exactly;line-height:1.3;line-height:130%}h1.normal,h2.normal,h3.normal,h4.normal,h5.normal,h6.normal{font-weight:normal}h1{font-size:32px}h2{font-size:30px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}body,table.body,p,td,th{font-size:14px;mso-line-height-rule:exactly;line-height:1.4;line-height:140%}p{margin:0 0 7px 0;Margin:0 0 7px 0;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}p.large,p.text-large{font-size:16px}p.bold,p.text-bold{font-weight:700}p a{Margin:inherit;margin:inherit}small{font-size:80%}center{width:100%}a{color:#e27730}a:visited{color:#e27730}a:hover,a:active{color:#e27730}h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited,h4 a,h4 a:visited,h5 a,h5 a:visited,h6 a,h6 a:visited{color:#e27730}table.text-center,th.text-center,td.text-center,h1.text-center,h2.text-center,h3.text-center,h4.text-center,h5.text-center,h6.text-center,p.text-center,span.text-center{text-align:center}table.text-left,th.text-left,td.text-left,h1.text-left,h2.text-left,h3.text-left,h4.text-left,h5.text-left,h6.text-left,p.text-left,span.text-left{text-align:left}table.text-right,th.text-right,td.text-right,h1.text-right,h2.text-right,h3.text-right,h4.text-right,h5.text-right,h6.text-right,p.text-right,span.text-right{text-align:right}table.primary,th.primary,td.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary,p.primary,span.primary{color:#333333}table.orange,th.orange,td.orange,h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,p.orange,span.orange{color:#e27730}table.blue,th.blue,td.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,p.blue,span.blue{color:#036aab}span.text-center{display:block;width:100%;text-align:center}ol,ul{margin:0 0 7px 20px;Margin:0 0 7px 20px;padding:0}ol li,ul li{list-style-type:decimal;padding-top:5px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0 !important}.break-all{word-break:break-all !important}.break-all>a{word-break:break-all !important}table.body,body{background-color:#f8f8f8;text-align:center}.wrapper{max-width:700px}.body-inner{box-sizing:border-box;padding-bottom:40px}.container{margin:0 auto 0 auto;Margin:0 auto 0 auto}.header{line-height:1;padding:30px;text-align:center}.header .header-image{display:inline-block;margin:0 auto 0 auto;Margin:0 auto 0 auto;max-width:260px;vertical-align:middle}.header img{display:inline-block !important;max-height:180px;vertical-align:middle}.header-wrapper.dark-mode{display:none}p,td{-webkit-hyphens:none;-moz-hyphens:none;hyphens:none}a,p,pre{-ms-word-break:break-word;word-break:break-word}.content p{font-size:16px;line-height:24px;margin-bottom:0;Margin-bottom:0}.content p+p{margin-top:24px;Margin-top:24px}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#444444}.button-container{text-align:center}.button-container .button-wrapper{border-spacing:24px;margin:0 auto;Margin:0 auto}.button-wrapper{border-collapse:separate}.button{border-collapse:separate !important;border-radius:3px;line-height:16px;padding:11.5px 15px;vertical-align:middle}.button-link{color:#ffffff;line-height:16px;font-size:16px;font-weight:500;margin:0;Margin:0;text-decoration:none}.button-orange{background:#e27730;border:1px solid #e27730}.button-blue{background:#036aab;border:1px solid #036aab;color:#ffffff}.button-blue-outline{background:transparent;border:1px solid #036aab}.button-blue-outline a{color:#036aab}.content .summary-container>tbody>tr:last-child .summary-content{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.content .summary-content{background-color:#ffffff;border-top-left-radius:6px;border-top-right-radius:6px;padding:50px 30px}.content .summary-content .summary-content-inner div{max-width:600px;margin-left:auto;Margin-left:auto;margin-right:auto;Margin-right:auto}.content .summary-content .greeting{font-size:20px;line-height:24px;margin-bottom:24px;Margin-bottom:24px}.content .summary-trend td{white-space:nowrap}.content .email-summaries-wrapper{margin-bottom:1px;Margin-bottom:1px}.content .email-summaries-wrapper .summary-trend td{line-height:20px}.content .summary-header,.content .email-summaries-overview-wrapper{margin-bottom:50px;Margin-bottom:50px}.content .email-summaries-overview{background:#f8f8f8;border:1px solid #dddddd;border-collapse:separate;border-radius:6px}.content .email-summaries-overview td{padding-bottom:20px;padding-top:20px;vertical-align:middle}.content .email-summaries-overview .overview-icon{vertical-align:top}.content .email-summaries-overview .overview-icon img{min-width:52px}.content .email-summaries-overview .overview-stats{width:90%;vertical-align:top}.content .email-summaries-overview .overview-stats h5{line-height:30px;margin-bottom:0;Margin-bottom:0}.content .email-summaries-overview .overview-stats p{color:#777777;line-height:22px}.content .email-summaries-overview .summary-trend td{font-size:16px;line-height:16px}.content .email-summaries-overview .summary-trend td img{min-width:14px}.content .email-summaries th{background-color:#f8f8f8;border:1px solid #dddddd;font-size:16px;font-weight:bold;line-height:16px;padding:15px 20px 15px 20px}.content .email-summaries td{border:1px solid #dddddd;padding:12px 20px 12px 20px;vertical-align:middle}.content .email-summaries .form-name{font-size:16px;line-height:24px;width:90%}.content .email-summaries .entry-count{color:#777777;font-size:16px;line-height:20px;text-align:center;vertical-align:middle;white-space:nowrap}.content .email-summaries .entry-count a{color:#777777;text-decoration:underline}.content .email-summaries .entry-count a:hover{color:#777777}.content .email-summaries .summary-trend td img{min-width:10px}.content .summary-trend table{border-collapse:separate}.content .summary-trend table tr td{padding:0;border:0 !important}.trend-upward td{color:#46b450 !important}.trend-downward td{color:#d63637 !important}.summary-notice{text-align:center}.summary-notice h4{line-height:36px;margin-bottom:16px;Margin-bottom:16px}.summary-notice p{font-size:16px;line-height:24px}.summary-notice>td{padding:50px 50px 26px 50px}.summary-notice:last-child>td{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.summary-notice+.summary-notice{margin-top:1px;Margin-top:1px}tr:last-child>.summary-notice-content,.summary-notice-icon{padding-bottom:24px}.summary-notice-divider{height:1px;font-size:0;line-height:1px}.summary-info-block{background-color:#f7f0ed}.summary-notification-block{background-color:#edf3f7}.summary-notification-block p a{color:#036aab}.footer{color:#777777;font-size:13px;line-height:20px;padding:20px 30px 20px 30px;text-align:center}.footer a{color:#777777;text-decoration:underline}.footer a:hover{color:#777777}[dir="rtl"] th{text-align:right}[dir="rtl"] th:first-child{border-left:0 !important}[dir="rtl"] th:last-child{border-right:0 !important}[dir="rtl"] .summary-content-inner{text-align:right}[dir="rtl"] .summary-trend td:last-child{padding-right:5px}[dir="rtl"] .email-summaries-overview .summary-trend,[dir="rtl"] .email-summaries-overview .overview-stats{padding-right:16px}[dir="rtl"] .email-summaries-overview .overview-icon{padding-right:20px}[dir="rtl"] .email-summaries-overview .summary-trend{padding-left:20px}[dir="ltr"] th{text-align:left}[dir="ltr"] th:first-child{border-right:0 !important}[dir="ltr"] th:last-child{border-left:0 !important}[dir="ltr"] .summary-content-inner{text-align:left}[dir="ltr"] .summary-trend td:last-child{padding-left:5px}[dir="ltr"] .email-summaries-overview .summary-trend,[dir="ltr"] .email-summaries-overview .overview-stats{padding-left:16px}[dir="ltr"] .email-summaries-overview .overview-icon{padding-left:20px}[dir="ltr"] .email-summaries-overview .summary-trend{padding-right:20px}.wpforms-layout-table>td{padding-bottom:25px}.wpforms-layout-table .wpforms-layout-table-row{width:100%;margin-left:-10px;margin-right:-10px}.wpforms-layout-table .wpforms-layout-table-row .field-value{padding-bottom:25px}.wpforms-layout-table .wpforms-layout-table-row>tr>td{padding-left:10px;padding-right:10px}.wpforms-layout-table-display-rows .wpforms-layout-table-row:not(.wpforms-first-row) td.field-name{display:none}.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-value{padding-bottom:15px}.wpforms-layout-table-display-rows .wpforms-layout-table-row:last-child .field-value{padding-bottom:0}.wpforms-layout-table-display-blocks .wpforms-layout-table-row:last-child .field-value,.wpforms-layout-table-display-columns .wpforms-layout-table-row:last-child .field-value{padding-bottom:0}.wpforms-layout-table .wpforms-layout-table-cell td{border:0 !important}.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-payment-total,.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-payment-total{display:block !important}.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-25 .field-payment-total .wpforms-order-summary-preview,.wpforms-layout-table .wpforms-layout-table-cell.wpforms-width-33 .field-payment-total .wpforms-order-summary-preview{display:none !important}.field-payment-total .wpforms-payment-total{display:none !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; +} diff --git a/assets/css/summary_media_queries.css b/assets/css/summary_media_queries.css new file mode 100644 index 00000000..da2dadb4 --- /dev/null +++ b/assets/css/summary_media_queries.css @@ -0,0 +1,328 @@ +@media only screen and (max-width: 599px) { + .wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name { + display: block !important; + } + .wpforms-layout-table .wpforms-layout-table-row { + display: block; + width: 100%; + } + .wpforms-layout-table .wpforms-layout-table-row table, .wpforms-layout-table .wpforms-layout-table-row thead, .wpforms-layout-table .wpforms-layout-table-row tbody, .wpforms-layout-table .wpforms-layout-table-row tr, .wpforms-layout-table .wpforms-layout-table-row td, .wpforms-layout-table .wpforms-layout-table-row th { + display: block; + width: 100% !important; + padding-bottom: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row tr { + padding-top: 0 !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-value { + padding-bottom: 25px !important; + } + .wpforms-layout-table .wpforms-layout-table-row td.field-name { + padding-bottom: 10px !important; + } + .wpforms-layout-table > td { + padding-bottom: 0 !important; + } +} + +@media only screen and (max-width: 700px) { + .header .header-image { + max-width: 221px; + } + .body-inner { + padding-bottom: 0 !important; + } + .summary-content { + border-radius: 0 !important; + padding: 30px !important; + } + .summary-header, + .email-summaries-overview-wrapper { + margin-bottom: 30px !important; + Margin-bottom: 30px !important; + } + .email-summaries-overview h5 { + font-size: 18px !important; + line-height: 26px !important; + } + .email-summaries-overview p { + font-size: 14px !important; + line-height: 20px !important; + } + .email-summaries .entry-count, + .email-summaries .form-name { + font-size: 14px !important; + } + .summary-notice h4 { + font-size: 20px !important; + line-height: 30px !important; + } + .summary-notification-block, + .summary-info-block { + border-radius: 0 !important; + padding: 30px 30px 6px 30px !important; + } +} + +@media only screen and (max-width: 320px) { + .email-summaries th { + padding: 15px !important; + } + .email-summaries .form-name, + .email-summaries .entry-count, + .email-summaries .summary-trend { + padding: 12px !important; + } +} + +@media (prefers-color-scheme: light) { + tr.dark-mode { + display: none !important; + } +} + +@media (prefers-color-scheme: dark) { + tr.dark-mode { + display: table-row !important; + } + tr.light-mode { + display: none !important; + } + body, + table.body, + .email-summaries th { + background-color: #2d2f31 !important; + } + .email-summaries td, + .summary-header, + .summary-content { + background-color: #1f1f1f !important; + } + body, table.body, h4, h6, p, td, th { + color: #dddddd !important; + } + .email-summaries th, .email-summaries td { + border: 1px solid #424446 !important; + } + .email-summaries-overview { + border: 1px solid #424446 !important; + background: #2d2f31 !important; + } + .email-summaries-overview h5 { + color: #dddddd !important; + } + .email-summaries-overview p { + color: #999999 !important; + } + .footer, + .entry-count { + color: #999999 !important; + } + .footer a, + .entry-count a { + color: #999999 !important; + } + .footer a:hover, + .entry-count a:hover { + color: #999999 !important; + } + .summary-notice { + color: #ffffff !important; + } + .summary-notice h4, .summary-notice p { + color: #ffffff !important; + } + .summary-info-block { + background-color: #383230 !important; + } + .summary-notification-block { + background-color: #2e353b !important; + } + .summary-notification-block .summary-notice-content a { + color: #3389bd !important; + } + .button-blue a, + .button-orange a { + color: #ffffff !important; + } + .button-blue-outline { + border: 1px solid #3389bd !important; + } + .button-blue-outline a { + color: #3389bd !important; + } +} + +[data-ogsc] tr.dark-mode { + display: table-row !important; +} + +[data-ogsc] tr.light-mode { + display: none !important; +} + +[data-ogsc] body, +[data-ogsc] table.body, +[data-ogsc] .email-summaries th { + background-color: #2d2f31 !important; +} + +[data-ogsc] .email-summaries td, +[data-ogsc] .summary-header, +[data-ogsc] .summary-content { + background-color: #1f1f1f !important; +} + +[data-ogsc] body, [data-ogsc] table.body, [data-ogsc] h4, [data-ogsc] h6, [data-ogsc] p, [data-ogsc] td, [data-ogsc] th { + color: #dddddd !important; +} + +[data-ogsc] .email-summaries th, [data-ogsc] .email-summaries td { + border: 1px solid #424446 !important; +} + +[data-ogsc] .email-summaries-overview { + border: 1px solid #424446 !important; + background: #2d2f31 !important; +} + +[data-ogsc] .email-summaries-overview h5 { + color: #dddddd !important; +} + +[data-ogsc] .email-summaries-overview p { + color: #999999 !important; +} + +[data-ogsc] .footer, +[data-ogsc] .entry-count { + color: #999999 !important; +} + +[data-ogsc] .footer a, +[data-ogsc] .entry-count a { + color: #999999 !important; +} + +[data-ogsc] .footer a:hover, +[data-ogsc] .entry-count a:hover { + color: #999999 !important; +} + +[data-ogsc] .summary-notice { + color: #ffffff !important; +} + +[data-ogsc] .summary-notice h4, [data-ogsc] .summary-notice p { + color: #ffffff !important; +} + +[data-ogsc] .summary-info-block { + background-color: #383230 !important; +} + +[data-ogsc] .summary-notification-block { + background-color: #2e353b !important; +} + +[data-ogsc] .summary-notification-block .summary-notice-content a { + color: #3389bd !important; +} + +[data-ogsc] .button-blue a, +[data-ogsc] .button-orange a { + color: #ffffff !important; +} + +[data-ogsc] .button-blue-outline { + border: 1px solid #3389bd !important; +} + +[data-ogsc] .button-blue-outline a { + color: #3389bd !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; +} diff --git a/assets/css/summary_media_queries.min.css b/assets/css/summary_media_queries.min.css new file mode 100644 index 00000000..29cbde26 --- /dev/null +++ b/assets/css/summary_media_queries.min.css @@ -0,0 +1,86 @@ +@media only screen and (max-width: 599px){.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name{display:block !important}.wpforms-layout-table .wpforms-layout-table-row{display:block;width:100%}.wpforms-layout-table .wpforms-layout-table-row table,.wpforms-layout-table .wpforms-layout-table-row thead,.wpforms-layout-table .wpforms-layout-table-row tbody,.wpforms-layout-table .wpforms-layout-table-row tr,.wpforms-layout-table .wpforms-layout-table-row td,.wpforms-layout-table .wpforms-layout-table-row th{display:block;width:100% !important;padding-bottom:0 !important}.wpforms-layout-table .wpforms-layout-table-row tr{padding-top:0 !important}.wpforms-layout-table .wpforms-layout-table-row td.field-value{padding-bottom:25px !important}.wpforms-layout-table .wpforms-layout-table-row td.field-name{padding-bottom:10px !important}.wpforms-layout-table>td{padding-bottom:0 !important}}@media only screen and (max-width: 700px){.header .header-image{max-width:221px}.body-inner{padding-bottom:0 !important}.summary-content{border-radius:0 !important;padding:30px !important}.summary-header,.email-summaries-overview-wrapper{margin-bottom:30px !important;Margin-bottom:30px !important}.email-summaries-overview h5{font-size:18px !important;line-height:26px !important}.email-summaries-overview p{font-size:14px !important;line-height:20px !important}.email-summaries .entry-count,.email-summaries .form-name{font-size:14px !important}.summary-notice h4{font-size:20px !important;line-height:30px !important}.summary-notification-block,.summary-info-block{border-radius:0 !important;padding:30px 30px 6px 30px !important}}@media only screen and (max-width: 320px){.email-summaries th{padding:15px !important}.email-summaries .form-name,.email-summaries .entry-count,.email-summaries .summary-trend{padding:12px !important}}@media (prefers-color-scheme: light){tr.dark-mode{display:none !important}}@media (prefers-color-scheme: dark){tr.dark-mode{display:table-row !important}tr.light-mode{display:none !important}body,table.body,.email-summaries th{background-color:#2d2f31 !important}.email-summaries td,.summary-header,.summary-content{background-color:#1f1f1f !important}body,table.body,h4,h6,p,td,th{color:#dddddd !important}.email-summaries th,.email-summaries td{border:1px solid #424446 !important}.email-summaries-overview{border:1px solid #424446 !important;background:#2d2f31 !important}.email-summaries-overview h5{color:#dddddd !important}.email-summaries-overview p{color:#999999 !important}.footer,.entry-count{color:#999999 !important}.footer a,.entry-count a{color:#999999 !important}.footer a:hover,.entry-count a:hover{color:#999999 !important}.summary-notice{color:#ffffff !important}.summary-notice h4,.summary-notice p{color:#ffffff !important}.summary-info-block{background-color:#383230 !important}.summary-notification-block{background-color:#2e353b !important}.summary-notification-block .summary-notice-content a{color:#3389bd !important}.button-blue a,.button-orange a{color:#ffffff !important}.button-blue-outline{border:1px solid #3389bd !important}.button-blue-outline a{color:#3389bd !important}}[data-ogsc] tr.dark-mode{display:table-row !important}[data-ogsc] tr.light-mode{display:none !important}[data-ogsc] body,[data-ogsc] table.body,[data-ogsc] .email-summaries th{background-color:#2d2f31 !important}[data-ogsc] .email-summaries td,[data-ogsc] .summary-header,[data-ogsc] .summary-content{background-color:#1f1f1f !important}[data-ogsc] body,[data-ogsc] table.body,[data-ogsc] h4,[data-ogsc] h6,[data-ogsc] p,[data-ogsc] td,[data-ogsc] th{color:#dddddd !important}[data-ogsc] .email-summaries th,[data-ogsc] .email-summaries td{border:1px solid #424446 !important}[data-ogsc] .email-summaries-overview{border:1px solid #424446 !important;background:#2d2f31 !important}[data-ogsc] .email-summaries-overview h5{color:#dddddd !important}[data-ogsc] .email-summaries-overview p{color:#999999 !important}[data-ogsc] .footer,[data-ogsc] .entry-count{color:#999999 !important}[data-ogsc] .footer a,[data-ogsc] .entry-count a{color:#999999 !important}[data-ogsc] .footer a:hover,[data-ogsc] .entry-count a:hover{color:#999999 !important}[data-ogsc] .summary-notice{color:#ffffff !important}[data-ogsc] .summary-notice h4,[data-ogsc] .summary-notice p{color:#ffffff !important}[data-ogsc] .summary-info-block{background-color:#383230 !important}[data-ogsc] .summary-notification-block{background-color:#2e353b !important}[data-ogsc] .summary-notification-block .summary-notice-content a{color:#3389bd !important}[data-ogsc] .button-blue a,[data-ogsc] .button-orange a{color:#ffffff !important}[data-ogsc] .button-blue-outline{border:1px solid #3389bd !important}[data-ogsc] .button-blue-outline a{color:#3389bd !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; +} diff --git a/assets/css/swiper-bundle.min.css b/assets/css/swiper-bundle.min.css new file mode 100644 index 00000000..3e928d6e --- /dev/null +++ b/assets/css/swiper-bundle.min.css @@ -0,0 +1,97 @@ +/** + * Swiper 8.4.5 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2022 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: November 21, 2022 + */ + + @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow: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; +} diff --git a/assets/css/switch.css b/assets/css/switch.css new file mode 100644 index 00000000..6eed86aa --- /dev/null +++ b/assets/css/switch.css @@ -0,0 +1,231 @@ +input.form-control.smile-switch.switch + label.bsf-switch-btn:before { + display: none; +} +input.form-control.smile-input.bsf-switch-input { + display: none; +} +.switch-wrapper { + width: 95px; +} +.shadow_type .onoffswitch-switch { + width: 45px; +} +.shadow_type .onoffswitch-inactive .onoffswitch-switch:before { + right: 45px; +} +.shadow_type .onoffswitch-active .onoffswitch-switch:before { + left: 45px; +} +.ios-toggle, .ios-toggle:active { + position:absolute; + top:-5000px; + height:0; + width:0; + opacity:0; + border:none; + outline:none; +} + +.checkbox-label { + display:block; + position:relative; + padding:0px; + margin: 0px; + margin-bottom:20px; + font-size:12px; + line-height:16px; + width:40px; + height:20px; + -webkit-border-radius:18px; + -moz-border-radius:18px; + border-radius:18px; + background:#f8f8f8; + cursor:pointer; + -webkit-transition:.25s ease-in-out; + -moz-transition:.25s ease-in-out; + -o-transition:.25s ease-in-out; + transition:.25s ease-in-out; +} +.checkbox-label:before { + content:''; + display:block; + position:absolute; + z-index:1; + line-height:34px; + text-indent:40px; + height:20px; + width:20px; + -webkit-border-radius:100%; + -moz-border-radius:100%; + border-radius:100%; + top:0px; + left:0px; + right:auto; + background:white; + -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd; + -moz-box-shadow:0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd; + box-shadow:0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd; + -webkit-transition:.25s ease-in-out; + -moz-transition:.25s ease-in-out; + -o-transition:.25s ease-in-out; + transition:.25s ease-in-out; +} +.checkbox-label:after { + content: attr(data-off); + font-size: 13px; + display: block; + position: absolute; + z-index: 0; + top: 0; + left: 50px; + padding: 0; + height: 20px; + line-height: 20px; + width: 36px; + text-align: left; + color: #BFBFBF; + white-space: nowrap; + -webkit-transition: .25s ease-in-out; + -moz-transition: .25s ease-in-out; + -o-transition: .25s ease-in-out; + transition: .25s ease-in-out; +} +/* Switch CHECKBOX */ +.switch-checkbox + .checkbox-label { + -webkit-box-shadow:inset 0 0 0 18px #dddddd, 0 0 0 2px #dddddd; + -moz-box-shadow:inset 0 0 0 18px #dddddd, 0 0 0 2px #dddddd; + box-shadow:inset 0 0 0 18px #dddddd, 0 0 0 2px #dddddd; + background: #dddddd; +} +.switch-checkbox:checked + .checkbox-label { + -webkit-box-shadow:inset 0 0 0 18px #0094DD, 0 0 0 2px #0094DD; + -moz-box-shadow:inset 0 0 0 18px #0094DD, 0 0 0 2px #0094DD; + box-shadow:inset 0 0 0 18px #0094DD, 0 0 0 2px #0094DD; + background: #0094DD; +} +.switch-checkbox:checked + .checkbox-label:after { + color:#0094DD; + -webkit-transition:.25s ease-in-out; + -moz-transition:.25s ease-in-out; + -o-transition:.25s ease-in-out; + transition:.25s ease-in-out; +} + +/* Toggle Checkbox */ +.ios-toggle:checked + .checkbox-label { + -webkit-box-shadow:inset 0 0 0 20px #0094DD, 0 0 0 2px #0094DD; + -moz-box-shadow:inset 0 0 0 20px #0094DD, 0 0 0 2px #0094DD; + box-shadow:inset 0 0 0 20px #0094DD, 0 0 0 2px #0094DD; +} +.ios-toggle:checked + .checkbox-label:before { + left:calc(100% - 21px); + -webkit-box-shadow:0 0 0 1px transparent, 0 2px 2px rgba(0, 0, 0, .3); + -moz-box-shadow:0 0 0 1px transparent, 0 2px 2px rgba(0, 0, 0, .3); + box-shadow:0 0 0 1px transparent, 0 2px 2px rgba(0, 0, 0, .3); + -webkit-transition:.25s ease-in-out; + -moz-transition:.25s ease-in-out; + -o-transition:.25s ease-in-out; + transition:.25s ease-in-out; +} +.ios-toggle:checked + .checkbox-label:after { + content:attr(data-on); + -webkit-transition:.25s ease-in-out; + -moz-transition:.25s ease-in-out; + -o-transition:.25s ease-in-out; + transition:.25s ease-in-out; +} +.ios-toggle[type=checkbox] { + display: none; +} + +.brainstorm-updater-switch { + display: inline-block; + position: absolute; + right: 0; + 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; +} diff --git a/assets/css/table-of-contents.css b/assets/css/table-of-contents.css new file mode 100644 index 00000000..b3195e27 --- /dev/null +++ b/assets/css/table-of-contents.css @@ -0,0 +1,86 @@ +.wp-block-uagb-table-of-contents .uagb-toc__wrap{display:inline-block;max-width:-moz-available;max-width:-webkit-fill-available;max-width:fill-available}.wp-block-uagb-table-of-contents li.uagb-toc__list{padding-top:10px}.wp-block-uagb-table-of-contents ul.uagb-toc__list,.wp-block-uagb-table-of-contents ol.uagb-toc__list{list-style-position:inside;padding-left:0;margin-bottom:0;margin-left:2.2em}.wp-block-uagb-table-of-contents ul.uagb-toc__list li,.wp-block-uagb-table-of-contents ol.uagb-toc__list li{margin:0}.wp-block-uagb-table-of-contents ul li:empty{display:none}.wp-block-uagb-table-of-contents .uagb-toc__title-wrap{display:flex;align-items:center}.wp-block-uagb-table-of-contents .uagb-toc__title{display:flex;align-items:center}.wp-block-uagb-table-of-contents .uagb-toc__is-collapsible.uagb-toc__title-wrap{cursor:pointer}.wp-block-uagb-table-of-contents .uag-toc__collapsible-wrap svg{width:20px;height:20px}.wp-block-uagb-table-of-contents svg{width:20px;height:20px;display:inline-block;margin-left:10px;cursor:pointer}.wp-block-uagb-table-of-contents .uag-toc__collapsible-wrap{display:flex;margin-left:10px;cursor:pointer}.wp-block-uagb-table-of-contents.uagb-toc__collapse .uagb-toc__list-wrap{display:none}.wp-block-uagb-table-of-contents.uagb-toc__collapse--list ul.uagb-toc__list,.wp-block-uagb-table-of-contents.uagb-toc__collapse--list ol.uagb-toc__list{padding-left:2px}ol.uagb-toc__list li.uagb-toc__list ul,ol.uagb-toc__list ul.uagb-toc__list ul{list-style-type:circle}ol.uagb-toc__list>ul,ol.uagb-toc__list>li{list-style-type:disc}.uagb-toc__scroll-top{position:fixed;right:50px;bottom:50px;display:none;padding:10px;background:#ccd0d4;cursor:pointer;font-size:1rem;line-height:1.85714285714286}.uagb-toc__scroll-top svg{width:1.6em;height:0.6em;margin-left:0;transform:translate(0, -20%) rotate(180deg);fill:currentColor}.uagb-toc__scroll-top.uagb-toc__show-scroll{display:inline-table}body[class*="astra"] .uagb-toc__list{line-height:normal}.uagb-toc__list{margin-top:0}.wp-block-uagb-table-of-contents ol.uagb-toc__list li.uagb-toc__list.uagb-toc__list--expandable{list-style-type:none !important}ul.uagb-toc__list--child-of-closed-list{padding-top:0 !important}ul.uagb-toc__list--hidden-child{display:none !important}.list-open::before,.list-collapsed::before{content:"\25BC" / "";transition:transform 0.3s ease;transform:scale(0.7) translateX(-50%);display:inline-block}.list-collapsed::before{transform:scale(0.7) rotate(-90deg) translate(-84%, 6%)}span.list-open,span.list-collapsed{cursor:pointer;outline:none !important}.uagb-toc__list.transition{transition:max-height 300ms ease-in-out, padding-top 300ms ease-in-out}.uagb-toc__loader{border:2px solid #f3f3f3;border-top:2px solid #0073aa;border-radius:50%;width:20px;height:20px;animation:spin 1.1s linear infinite;display:block;position:absolute;margin-top:5px}.uagb-toc__list-hidden{opacity:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}[dir="rtl"] .list-open::before{transform:scale(0.7) translateX(50%)}[dir="rtl"] .list-collapsed::before{transform:scale(0.7) rotate(90deg) translate(84%, 6%)}[dir="rtl"] .wp-block-uagb-table-of-contents.uagb-toc__collapse--list ul.uagb-toc__list,[dir="rtl"] .wp-block-uagb-table-of-contents.uagb-toc__collapse--list ol.uagb-toc__list{padding-left:0;padding-right:2px;margin-left:0;margin-right:2.2em} + + +/* 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; +} diff --git a/assets/css/tabs-child.css b/assets/css/tabs-child.css new file mode 100644 index 00000000..1601dd15 --- /dev/null +++ b/assets/css/tabs-child.css @@ -0,0 +1,86 @@ +.uagb-tabs__wrap .uagb-tabs__body-container{padding:10px 15px;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; +} diff --git a/assets/css/tabs.css b/assets/css/tabs.css new file mode 100644 index 00000000..8508a9d1 --- /dev/null +++ b/assets/css/tabs.css @@ -0,0 +1,86 @@ +.uagb-tabs__wrap{display:flex}.uagb-tabs__wrap ul.uagb-tabs__panel{margin:0;list-style-type:none;display:inherit}.uagb-tabs__wrap ul.uagb-tabs__panel.uagb-tabs__align-center{justify-content:center}.uagb-tabs__wrap ul.uagb-tabs__panel.uagb-tabs__align-left{justify-content:flex-start}.uagb-tabs__wrap ul.uagb-tabs__panel.uagb-tabs__align-right{justify-content:flex-end}.uagb-tabs__wrap ul.uagb-tabs__panel.uagb-tabs__align-right .uagb-tab:last-child{margin-right:0}.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a{position:relative;padding:6px 12px;display:inline-flex;color:inherit}.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a.uagb-tabs__icon-position-top{display:block}.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a.uagb-tabs__icon-position-top .uagb-tabs__icon{display:block}.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a.uagb-tabs__icon-position-bottom{display:block}.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a.uagb-tabs__icon-position-bottom .uagb-tabs__icon{display:block}.uagb-tabs__wrap ul.uagb-tabs__panel p{margin:0}.uagb-tabs__wrap ul.uagb-tabs__panel .uagb-tabs__icon{vertical-align:text-top}.uagb-tabs__wrap ul.uagb-tabs__panel .uagb-tabs__icon-position-left{display:block;align-items:center}.uagb-tabs__wrap ul.uagb-tabs__panel .uagb-tabs__icon-position-left .uagb-tabs__icon{display:flex;align-self:center}.uagb-tabs__wrap ul.uagb-tabs__panel .uagb-tabs__icon-position-right{display:block}.uagb-tabs__wrap ul.uagb-tabs__panel .uagb-tabs__icon-position-right .uagb-tabs__icon{display:flex;align-self:center}.uagb-tabs__wrap .uagb-tabs__body-wrap{position:relative;max-width:100%;padding:10px}.editor-styles-wrapper .uagb-editor-preview-mode-tablet.uagb-tabs__wrap li.uagb-tab.uagb-tabs__add-tab,.editor-styles-wrapper .uagb-editor-preview-mode-mobile.uagb-tabs__wrap li.uagb-tab.uagb-tabs__add-tab{display:none}.uagb-tabs__wrap.uagb-tabs__hstyle1-desktop,.uagb-tabs__wrap.uagb-tabs__hstyle2-desktop,.uagb-tabs__wrap.uagb-tabs__hstyle3-desktop,.uagb-tabs__wrap.uagb-tabs__hstyle4-desktop,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop{flex-direction:column}.uagb-tabs__wrap.uagb-tabs__hstyle1-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle2-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle3-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle4-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop ul.uagb-tabs__panel{margin-bottom:0;padding:0;display:flex;align-items:center;flex-direction:row;max-width:100%;flex-wrap:wrap}.uagb-tabs__wrap.uagb-tabs__hstyle1-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle2-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle3-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle4-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop .uagb-tabs__body-wrap{max-width:100%}.uagb-tabs__wrap.uagb-tabs__hstyle1-desktop .uagb-tab{margin:10px 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__hstyle2-desktop .uagb-tab{margin:10px 10px -1px 0}.uagb-tabs__wrap.uagb-tabs__hstyle2-desktop .uagb-tabs__body-wrap{border:none}.uagb-tabs__wrap.uagb-tabs__hstyle3-desktop .uagb-tab{margin:10px 10px 0 0}.uagb-tabs__wrap.uagb-tabs__hstyle4-desktop .uagb-tab{margin:10px 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop ul.uagb-tabs__panel{justify-content:space-between;margin:0}.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop .uagb-tab{margin:10px 10px 10px 10px;text-align:center}.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop,.uagb-tabs__wrap.uagb-tabs__vstyle7-desktop,.uagb-tabs__wrap.uagb-tabs__vstyle8-desktop,.uagb-tabs__wrap.uagb-tabs__vstyle9-desktop,.uagb-tabs__wrap.uagb-tabs__vstyle10-desktop{flex-direction:row}.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle7-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle8-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle9-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle10-desktop ul.uagb-tabs__panel{padding:0;display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap}.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle7-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle8-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle9-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle10-desktop .uagb-tabs__body-wrap{flex-grow:3}.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle7-desktop .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle8-desktop .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle9-desktop .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle10-desktop .uagb-tabs-list{width:-webkit-fill-available;justify-content:center}.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle7-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle9-desktop ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle10-desktop ul.uagb-tabs__panel{min-width:24%;max-width:24%;margin:0}.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle7-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle9-desktop .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle10-desktop .uagb-tabs__body-wrap{max-width:75%}.uagb-tabs__wrap.uagb-tabs__vstyle6-desktop .uagb-tab{margin:0 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__vstyle7-desktop .uagb-tab{margin:10px 10px 0 0}.uagb-tabs__wrap.uagb-tabs__vstyle8-desktop ul.uagb-tabs__panel{min-width:25%;max-width:25%}.uagb-tabs__wrap.uagb-tabs__vstyle8-desktop .uagb-tabs__body-wrap{max-width:75%}.uagb-tabs__wrap.uagb-tabs__vstyle9-desktop .uagb-tab{margin:0 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__vstyle10-desktop .uagb-tab{margin:10px 10px 10px 10px;text-align:center}@media (max-width: 1023px){.uagb-tabs__wrap.uagb-tabs__hstyle1-tablet,.uagb-tabs__wrap.uagb-tabs__hstyle2-tablet,.uagb-tabs__wrap.uagb-tabs__hstyle3-tablet,.uagb-tabs__wrap.uagb-tabs__hstyle4-tablet,.uagb-tabs__wrap.uagb-tabs__hstyle5-tablet{flex-direction:column}.uagb-tabs__wrap.uagb-tabs__hstyle1-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle2-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle3-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle4-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle5-tablet ul.uagb-tabs__panel{margin-bottom:0;padding:0;max-width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.uagb-tabs__wrap.uagb-tabs__hstyle1-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle2-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle3-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle4-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle5-tablet .uagb-tabs__body-wrap{max-width:100%}.uagb-tabs__wrap.uagb-tabs__hstyle1-tablet .uagb-tab{margin:10px 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__hstyle2-tablet .uagb-tab{margin:10px 10px -1px 0}.uagb-tabs__wrap.uagb-tabs__hstyle3-tablet .uagb-tab{margin:10px 10px 0 0}.uagb-tabs__wrap.uagb-tabs__hstyle4-tablet .uagb-tab{margin:10px 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__hstyle5-tablet ul.uagb-tabs__panel{justify-content:flex-start;margin:0}.uagb-tabs__wrap.uagb-tabs__hstyle5-tablet .uagb-tab{margin:10px 10px 10px 10px;text-align:center}.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet,.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet,.uagb-tabs__wrap.uagb-tabs__vstyle8-tablet,.uagb-tabs__wrap.uagb-tabs__vstyle9-tablet,.uagb-tabs__wrap.uagb-tabs__vstyle10-tablet{flex-direction:row}.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle8-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle9-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle10-tablet ul.uagb-tabs__panel{margin-bottom:0;padding:0;display:flex;flex-direction:column;flex-grow:1}.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__vstyle8-tablet .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__vstyle9-tablet .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__vstyle10-tablet .uagb-tab p{margin:0}.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle8-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle9-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle10-tablet .uagb-tabs__body-wrap{flex-grow:3}.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle9-tablet ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle10-tablet ul.uagb-tabs__panel{min-width:24%;max-width:24%}.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle9-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle10-tablet .uagb-tabs__body-wrap{max-width:75%}.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet .uagb-tabs__body-wrap .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet .uagb-tabs__body-wrap .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle9-tablet .uagb-tabs__body-wrap .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle10-tablet .uagb-tabs__body-wrap .uagb-tabs-list{width:-webkit-fill-available;justify-content:center}.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet .uagb-tab{margin:0 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet ul.uagb-tabs__panel{margin:0}.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet ul.uagb-tabs__panel .uagb-tab{margin:10px 10px 0 0}.uagb-tabs__wrap.uagb-tabs__vstyle7-tablet .uagb-tabs__body-wrap{border:none}.uagb-tabs__wrap.uagb-tabs__vstyle8-tablet ul.uagb-tabs__panel{margin-bottom:0;min-width:25%;max-width:25%;justify-content:normal}.uagb-tabs__wrap.uagb-tabs__vstyle9-tablet ul.uagb-tabs__panel{margin-bottom:0}.uagb-tabs__wrap.uagb-tabs__vstyle9-tablet ul.uagb-tabs__panel .uagb-tab{margin:0 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__vstyle10-tablet ul.uagb-tabs__panel{margin:0}.uagb-tabs__wrap.uagb-tabs__vstyle10-tablet ul.uagb-tabs__panel .uagb-tab{margin:10px 10px 10px 10px;text-align:center}.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__hstyle3-tablet,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__hstyle4-tablet,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__hstyle3-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__hstyle4-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__vstyle6-tablet,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__vstyle8-tablet,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__vstyle9-tablet,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__vstyle6-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__vstyle8-tablet .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle5-desktop.uagb-tabs__vstyle9-tablet .uagb-tabs__body-wrap{border-style:none}}@media (max-width: 767px){.uagb-tabs__wrap.uagb-tabs__hstyle1-mobile,.uagb-tabs__wrap.uagb-tabs__hstyle2-mobile,.uagb-tabs__wrap.uagb-tabs__hstyle3-mobile,.uagb-tabs__wrap.uagb-tabs__hstyle4-mobile,.uagb-tabs__wrap.uagb-tabs__hstyle5-mobile{flex-direction:column;border-style:none}.uagb-tabs__wrap.uagb-tabs__hstyle1-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle2-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle3-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle4-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__hstyle5-mobile ul.uagb-tabs__panel{margin-bottom:0;padding:0;display:flex;flex-direction:row;flex-grow:1;max-width:100%}.uagb-tabs__wrap.uagb-tabs__hstyle1-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle2-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle3-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle4-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__hstyle5-mobile .uagb-tabs__body-wrap{flex-direction:row;max-width:100%}.uagb-tabs__wrap.uagb-tabs__vstyle6-mobile,.uagb-tabs__wrap.uagb-tabs__vstyle7-mobile,.uagb-tabs__wrap.uagb-tabs__vstyle8-mobile,.uagb-tabs__wrap.uagb-tabs__vstyle9-mobile,.uagb-tabs__wrap.uagb-tabs__vstyle10-mobile{flex-direction:row;border-style:none}.uagb-tabs__wrap.uagb-tabs__vstyle6-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle7-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle8-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle9-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__vstyle10-mobile ul.uagb-tabs__panel{margin-bottom:0;padding:0;display:flex;flex-direction:column;flex-grow:1}.uagb-tabs__wrap.uagb-tabs__vstyle6-mobile .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__vstyle7-mobile .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__vstyle8-mobile .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__vstyle9-mobile .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__vstyle10-mobile .uagb-tab p{margin:0}.uagb-tabs__wrap.uagb-tabs__vstyle6-mobile .uagb-tab .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle7-mobile .uagb-tab .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle8-mobile .uagb-tab .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle9-mobile .uagb-tab .uagb-tabs-list,.uagb-tabs__wrap.uagb-tabs__vstyle10-mobile .uagb-tab .uagb-tabs-list{width:-webkit-fill-available;justify-content:center}.uagb-tabs__wrap.uagb-tabs__vstyle6-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle7-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle8-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle9-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__vstyle10-mobile .uagb-tabs__body-wrap{flex-grow:3;max-width:75%}.uagb-tabs__wrap.uagb-tabs__hstyle1-mobile .uagb-tab{margin:10px 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__hstyle2-mobile .uagb-tab{margin:10px 10px -1px 0}.uagb-tabs__wrap.uagb-tabs__hstyle3-mobile .uagb-tab{margin:10px 10px 0 0}.uagb-tabs__wrap.uagb-tabs__hstyle4-mobile .uagb-tab{margin:10px 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__hstyle5-mobile ul.uagb-tabs__panel{justify-content:flex-start;margin:0}.uagb-tabs__wrap.uagb-tabs__hstyle5-mobile .uagb-tab{margin:10px 10px 10px 10px;text-align:center}.uagb-tabs__wrap.uagb-tabs__vstyle6-mobile ul.uagb-tabs__panel{min-width:24%;max-width:24%}.uagb-tabs__wrap.uagb-tabs__vstyle6-mobile ul.uagb-tabs__panel .uagb-tab{margin:0 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__vstyle7-mobile ul.uagb-tabs__panel{min-width:24%;max-width:24%;margin:0}.uagb-tabs__wrap.uagb-tabs__vstyle7-mobile ul.uagb-tabs__panel .uagb-tab{margin:10px 10px 0 0}.uagb-tabs__wrap.uagb-tabs__vstyle8-mobile ul.uagb-tabs__panel{min-width:24%;max-width:24%}.uagb-tabs__wrap.uagb-tabs__vstyle8-mobile ul.uagb-tabs__panel .uagb-tab{margin:0 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__vstyle9-mobile ul.uagb-tabs__panel{min-width:24%;max-width:24%}.uagb-tabs__wrap.uagb-tabs__vstyle9-mobile ul.uagb-tabs__panel .uagb-tab{margin:0 10px 10px 0}.uagb-tabs__wrap.uagb-tabs__vstyle10-mobile ul.uagb-tabs__panel{min-width:24%;max-width:24%;margin:0}.uagb-tabs__wrap.uagb-tabs__vstyle10-mobile ul.uagb-tabs__panel .uagb-tab{margin:10px 10px 10px 10px;text-align:center}.uagb-tabs__wrap.uagb-tabs__stack1-mobile,.uagb-tabs__wrap.uagb-tabs__stack2-mobile,.uagb-tabs__wrap.uagb-tabs__stack3-mobile,.uagb-tabs__wrap.uagb-tabs__stack4-mobile{display:block}.uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__stack2-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__stack3-mobile ul.uagb-tabs__panel,.uagb-tabs__wrap.uagb-tabs__stack4-mobile ul.uagb-tabs__panel{margin:0;padding:0;display:flex;flex-direction:column;max-width:100%;flex-grow:unset}.uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel .uagb-tab,.uagb-tabs__wrap.uagb-tabs__stack2-mobile ul.uagb-tabs__panel .uagb-tab,.uagb-tabs__wrap.uagb-tabs__stack3-mobile ul.uagb-tabs__panel .uagb-tab,.uagb-tabs__wrap.uagb-tabs__stack4-mobile ul.uagb-tabs__panel .uagb-tab{width:100%}.uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__stack2-mobile ul.uagb-tabs__panel .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__stack3-mobile ul.uagb-tabs__panel .uagb-tab p,.uagb-tabs__wrap.uagb-tabs__stack4-mobile ul.uagb-tabs__panel .uagb-tab p{margin:0}.uagb-tabs__wrap.uagb-tabs__stack1-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__stack2-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__stack3-mobile .uagb-tabs__body-wrap,.uagb-tabs__wrap.uagb-tabs__stack4-mobile .uagb-tabs__body-wrap{max-width:100%}.uagb-tabs__wrap.uagb-tabs__stack1-mobile{display:block}.uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel{margin:0;padding:0;display:flex;flex-direction:column;max-width:100%;flex-grow:unset}.uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel .uagb-tab{margin:0 0 10px 0}.uagb-tabs__wrap.uagb-tabs__stack1-mobile ul.uagb-tabs__panel .uagb-tab p{margin:0}.uagb-tabs__wrap.uagb-tabs__stack1-mobile .uagb-tabs__body-wrap{max-width:100%}.uagb-tabs__wrap.uagb-tabs__stack2-mobile ul.uagb-tabs__panel .uagb-tab{margin:0 0 10px 0}.uagb-tabs__wrap.uagb-tabs__stack3-mobile ul.uagb-tabs__panel .uagb-tab{margin:0 0 10px 0;padding:6px 12px 6px 12px}.uagb-tabs__wrap.uagb-tabs__stack4-mobile{margin:auto}.uagb-tabs__wrap.uagb-tabs__stack4-mobile ul.uagb-tabs__panel .uagb-tab{margin:0 0 10px 0;text-align:center}}.uagb-tabs__wrap .uagb-tabs__body-container.uagb-tabs-body__active{display:block} + + +/* 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; +} diff --git a/assets/css/taxonomy-list.css b/assets/css/taxonomy-list.css new file mode 100644 index 00000000..fc6b389a --- /dev/null +++ b/assets/css/taxonomy-list.css @@ -0,0 +1,86 @@ +.uagb-tax-not-available{padding:10px;border:1px solid;text-align:center}.uagb-layout-list .uagb-list-wrap{margin-left:10px}.uagb-taxonomy__outer-wrap{margin-bottom:20px}ul.uagb-taxonomy-list-children{margin-bottom:0}.uagb-tax-link h1,.uagb-tax-link h2,.uagb-tax-link h3,.uagb-tax-link h4,.uagb-tax-link h5,.uagb-tax-link h6{margin-top:unset} + + +/* 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; +} diff --git a/assets/css/team.css b/assets/css/team.css new file mode 100644 index 00000000..757b87d2 --- /dev/null +++ b/assets/css/team.css @@ -0,0 +1,86 @@ +.wp-block-uagb-team{display:flex}.wp-block-uagb-team .uagb-team__content{width:100%}.wp-block-uagb-team.uagb-team__outer-wrap.uagb-team__image-position-left .uagb-team__wrap,.wp-block-uagb-team.uagb-team__outer-wrap.uagb-team__image-position-right .uagb-team__wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.wp-block-uagb-team .uagb-team__title,.wp-block-uagb-team span.uagb-team__title{display:block;margin-block-start:0;margin-block-end:0}.wp-block-uagb-team .uagb-team__image-wrap img{display:inline;width:inherit;height:auto !important;max-width:100%;box-sizing:content-box;border-radius:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-border-radius:inherit}.wp-block-uagb-team .uagb-team__image-wrap.uagb-team__image-crop-circle img{-webkit-border-radius:100%;border-radius:100%}.wp-block-uagb-team img.uagb-team__image-crop-circle{-webkit-border-radius:100%;border-radius:100%}.wp-block-uagb-team .uagb-team__image-wrap.uagb-team__image-crop-square img{-webkit-border-radius:0;border-radius:0}.wp-block-uagb-team img.uagb-team__image-crop-square{-webkit-border-radius:0;border-radius:0}.wp-block-uagb-team .uagb-team__social-icon-wrap ul{display:flex;list-style:none}.wp-block-uagb-team .uagb-team__social-icon a{display:block;width:20px;height:20px;color:#333;font-size:20px}.wp-block-uagb-team .uagb-team__social-icon{margin-right:20px;margin-left:0}.wp-block-uagb-team .uagb-team__social-list{padding:0;margin:0}.wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-center{text-align:center}.wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-center .uagb-team__content{text-align:center}.wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-left{text-align:left}.wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-left .uagb-team__content{text-align:left}.wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-right{text-align:right}.wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-right .uagb-team__content{text-align:right}.wp-block-uagb-team.uagb-team__image-position-above ul.uagb-team__social-list{display:flex;list-style:none}.wp-block-uagb-team.uagb-team__image-position-above .uagb-team__social-icon-wrap{display:inline-block}.wp-block-uagb-team.uagb-team__image-position-left ul.uagb-team__social-list{display:flex;list-style:none;justify-content:flex-start}.wp-block-uagb-team.uagb-team__image-position-left .uagb-team__content{text-align:left}.wp-block-uagb-team.uagb-team__image-position-left .uagb-team__social-icon-wrap ul{justify-content:flex-start;padding:0;margin:0}.wp-block-uagb-team.uagb-team__image-position-left li{margin-right:5px}.wp-block-uagb-team.uagb-team__image-position-right ul.uagb-team__social-list{display:flex;list-style:none;justify-content:flex-end}.wp-block-uagb-team.uagb-team__image-position-right .uagb-team__content{text-align:right}.wp-block-uagb-team.uagb-team__image-position-right .uagb-team__social-icon-wrap ul{justify-content:flex-end;padding:0;margin:0}.wp-block-uagb-team.uagb-team__image-position-right li{margin-left:5px}.wp-block-uagb-team .uagb-team__image-position-left .uagb-team__wrap,.wp-block-uagb-team .uagb-team__image-position-right .uagb-team__wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.wp-block-uagb-team img{display:inline;max-width:100%;width:inherit;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-border-radius:inherit;border-radius:inherit}@media only screen and (max-width: 976px){.wp-block-uagb-team.uagb-team__image-position-left ul.uagb-team__social-list{justify-content:center}.wp-block-uagb-team.uagb-team__image-position-right ul.uagb-team__social-list{justify-content:center}.wp-block-uagb-team.uagb-team__stack-tablet{text-align:center;display:block}.wp-block-uagb-team.uagb-team__stack-tablet .uagb-team__content{text-align:center}.wp-block-uagb-team.uagb-team__stack-tablet .uagb-team__wrap{display:inline-block}.wp-block-uagb-team.uagb-team__stack-tablet .uagb-team__image-wrap,.wp-block-uagb-team.uagb-team__stack-tablet img{margin-right:auto !important;margin-left:auto !important}.wp-block-uagb-team.uagb-team__stack-tablet .uagb-team__social-icon-wrap ul{justify-content:center}}@media screen and (max-width: 767px){.wp-block-uagb-team.uagb-team__image-position-left ul.uagb-team__social-list{justify-content:center}.wp-block-uagb-team.uagb-team__image-position-right ul.uagb-team__social-list{justify-content:center}.wp-block-uagb-team.uagb-team__stack-mobile{text-align:center;display:block}.wp-block-uagb-team.uagb-team__stack-mobile .uagb-team__content{text-align:center}.wp-block-uagb-team.uagb-team__stack-mobile .uagb-team__wrap{display:inline-block}.wp-block-uagb-team.uagb-team__stack-mobile .uagb-team__image-wrap{margin-right:auto !important;margin-left:auto !important}.wp-block-uagb-team.uagb-team__stack-mobile .uagb-team__social-icon-wrap ul{justify-content:center}}html[dir="rtl"] .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-center{text-align:center}html[dir="rtl"] .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-center .uagb-team__content{text-align:center}html[dir="rtl"] .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-left{text-align:right}html[dir="rtl"] .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-left .uagb-team__content{text-align:right}html[dir="rtl"] .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-right{text-align:left}html[dir="rtl"] .wp-block-uagb-team.uagb-team__image-position-above.uagb-team__align-right .uagb-team__content{text-align:left}html[dir="rtl"] .wp-block-uagb-team.uagb-team__image-position-left .uagb-team__content{text-align:right}html[dir="rtl"] .wp-block-uagb-team.uagb-team__image-position-right .uagb-team__content{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; +} diff --git a/assets/css/testimonial.css b/assets/css/testimonial.css new file mode 100644 index 00000000..817f07e9 --- /dev/null +++ b/assets/css/testimonial.css @@ -0,0 +1,86 @@ +.wp-block-uagb-testimonial.uagb-slick-carousel ul.slick-dots{margin-bottom:20px}.uagb-testimonial__wrap{box-sizing:border-box}.uagb-testimonial__wrap,.uagb-testimonial__wrap *{transition:all 0.2s}.uagb-icon-wrap .uagb-icon{display:inline-block}.uagb-tm__image-content img{height:auto !important}.uagb-tm__image,.uagb-testimonial__wrap,.uagb-tm__content,.uagb-tm__text-wrap{position:relative}.uagb-tm__imgicon-style-circle .uagb-tm__image img{border-radius:100%}.uagb-tm__imgicon-style-square .uagb-tm__image img{border-radius:0%}.uagb-tm__image img,.slick-slide .uagb-tm__image img{display:inline-block;box-sizing:content-box}.uagb-tm__content{overflow:hidden;text-align:center;word-break:break-word;border-radius:inherit;display:grid}.uagb-tm__image-position-left .uagb-tm__content,.uagb-tm__image-position-right .uagb-tm__content{display:flex}.uagb-tm__meta-inner{display:inline;width:100%;line-height:1}.uagb-tm__image-position-bottom .uagb-tm__image-content,.uagb-tm__image-position-bottom .uagb-testimonial-details{display:table-cell;vertical-align:middle}.uagb-tm__image-position-bottom .uagb-tm__image-content{padding-right:10px}.uagb-tm__author-name,.uagb-tm__company{display:block}.uagb-tm__image-aligned-middle .uagb-tm__image-content{align-self:center}.uagb-tm__author-name{font-size:30px;line-height:16px}.uagb-tm__company{font-size:15px;font-style:normal;line-height:16px;color:#888}.uagb-tm__overlay{height:100%;width:100%;top:0;left:0;position:absolute;background:transparent}.uagb-tm__items{visibility:hidden}.uagb-tm__items.slick-initialized{visibility:visible}.uagb-tm__image-position-top .uagb-tm__image-content{display:flex;justify-content:center}.uagb-slick-carousel.uagb-tm__arrow-outside .slick-next{right:-45px}.uagb-slick-carousel.uagb-tm__arrow-inside .slick-prev{left:25px;z-index:1}.uagb-slick-carousel.uagb-tm__arrow-inside .slick-next{right:25px}[dir="rtl"] .uagb-tm__arrow-inside.uagb-slick-carousel .slick-prev{left:auto;right:25px}[dir="rtl"] .uagb-tm__arrow-inside.uagb-slick-carousel .slick-next{left:25px;right:auto}[dir="rtl"] .uagb-tm__arrow-outside.uagb-slick-carousel .slick-prev{right:auto;left:-45px}[dir="rtl"] .uagb-tm__arrow-outside.uagb-slick-carousel .slick-next{left:auto;right:-45px}@media (min-width: 1025px){.wp-block-uagb-testimonial.uagb-post__carousel_notset .slick-slide:last-child .uagb-testimonial__wrap{padding-right:0}.wp-block-uagb-testimonial.uagb-post__carousel_notset .slick-slide:first-child .uagb-testimonial__wrap{padding-left:0}.wp-block-uagb-testimonial.uagb-post__carousel_notset .uagb-testimonial__wrap{margin-bottom:0}}@media (max-width: 976px){.wp-block-uagb-testimonial.uagb-post__carousel_notset-tablet .uagb-testimonial__wrap{margin-bottom:0}.wp-block-uagb-testimonial.uagb-post__carousel_notset-tablet .slick-slide:last-child .uagb-testimonial__wrap{padding-right:0}.wp-block-uagb-testimonial.uagb-post__carousel_notset-tablet .slick-slide:first-child .uagb-testimonial__wrap{padding-left:0}.uagb-tm-stacked-tablet.uagb-tm__image-position-bottom .uagb-tm__image-content,.uagb-tm-stacked-tablet.uagb-tm__image-position-bottom .uagb-testimonial-details{display:block;vertical-align:middle}.uagb-tm-stacked-tablet.uagb-tm__image-position-left .uagb-tm__content,.uagb-tm-stacked-tablet.uagb-tm__image-position-right .uagb-tm__content{display:block}.uagb-tm-stacked-tablet.uagb-tm__image-position-right.uagb-tm-reverse-order-tablet .uagb-tm__content{display:inline-flex;flex-direction:column-reverse}.uagb-tm-stacked-tablet.uagb-tm__image-aligned-top .uagb-tm__image-content{display:inline-flex;align-self:center}.uagb-slick-carousel.uagb-tm__arrow-outside .slick-prev{left:-10px;z-index:1}.uagb-slick-carousel.uagb-tm__arrow-outside .slick-next{right:-10px}[dir="rtl"] .uagb-slick-carousel.uagb-tm__arrow-outside .slick-prev{left:auto;right:15px}[dir="rtl"] .uagb-slick-carousel.uagb-tm__arrow-outside .slick-next{left:15px;right:auto}}@media (max-width: 768px){.wp-block-uagb-testimonial.uagb-post__carousel_notset-mobile .uagb-testimonial__wrap{margin-bottom:0}.wp-block-uagb-testimonial.uagb-post__carousel_notset-mobile .slick-slide:last-child .uagb-testimonial__wrap{padding-right:0}.wp-block-uagb-testimonial.uagb-post__carousel_notset-mobile .slick-slide:first-child .uagb-testimonial__wrap{padding-left:0}.uagb-tm-stacked-mobile.uagb-tm__image-position-bottom .uagb-tm__image-content,.uagb-tm-stacked-mobile.uagb-tm__image-position-bottom .uagb-testimonial-details{display:block;vertical-align:middle}.uagb-tm-stacked-mobile.uagb-tm__image-position-left .uagb-tm__content,.uagb-tm-stacked-mobile.uagb-tm__image-position-right .uagb-tm__content{display:block}.uagb-tm-stacked-mobile.uagb-tm__image-position-right.uagb-tm-reverse-order-mobile .uagb-tm__content{display:inline-flex;flex-direction:column-reverse}.uagb-tm-stacked-mobile.uagb-tm__image-aligned-top .uagb-tm__image-content{display:inline-flex;align-self:center}}.entry-content .wp-block-uagb-testimonial .is-carousel ul.slick-dots{padding:unset} + + +/* 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; +} diff --git a/assets/css/text-input-rtl.css b/assets/css/text-input-rtl.css new file mode 100644 index 00000000..a0b6be25 --- /dev/null +++ b/assets/css/text-input-rtl.css @@ -0,0 +1,89 @@ +.customize-control-ast-text-input textarea { + display: block; + 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; +} diff --git a/assets/css/text-input.css b/assets/css/text-input.css new file mode 100644 index 00000000..a0b6be25 --- /dev/null +++ b/assets/css/text-input.css @@ -0,0 +1,89 @@ +.customize-control-ast-text-input textarea { + display: block; + 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; +} diff --git a/assets/css/timeline.css b/assets/css/timeline.css new file mode 100644 index 00000000..e9157dea --- /dev/null +++ b/assets/css/timeline.css @@ -0,0 +1,86 @@ +.uagb-timeline__outer-wrap{position:relative}.uagb-timeline__outer-wrap .uagb-timeline__field{position:relative;display:flex;align-items:flex-start;margin-bottom:inherit;color:inherit;font-size:inherit}.uagb-timeline__outer-wrap .uagb-timeline__field:not(:last-child){margin-bottom:20px}.uagb-timeline__outer-wrap .uagb-timeline__field a{margin-bottom:inherit;text-decoration:none}.uagb-timeline__outer-wrap .uagb-timeline__field a.uagb-timeline__image{position:relative;display:block;max-width:100%}.uagb-timeline__outer-wrap .uagb-timeline__field a.uagb-timeline__image img{display:inline-block;box-sizing:content-box;height:auto;max-width:100%}.uagb-timeline__outer-wrap .uagb-timeline__field .uagb-timeline__author-link{text-transform:capitalize}.uagb-timeline__outer-wrap .uagb-timeline__field a.uagb-timeline__link{display:inline-block}.uagb-timeline__outer-wrap .uagb-timeline__field.uagb-timeline__left.hide-events .uagb-timeline__events-inner-new,.uagb-timeline__outer-wrap .uagb-timeline__field.uagb-timeline__left.hide-events .uagb-timeline__date-new{visibility:hidden}.uagb-timeline__outer-wrap .uagb-timeline__field.uagb-timeline__right.hide-events .uagb-timeline__events-inner-new,.uagb-timeline__outer-wrap .uagb-timeline__field.uagb-timeline__right.hide-events .uagb-timeline__date-new{visibility:hidden}.uagb-timeline__outer-wrap .uagb-timeline__field .uagb-timeline__image a{position:relative;display:block;max-width:100%}.uagb-timeline__outer-wrap .uagb-timeline__field .uagb-timeline__image img{display:inline-block;box-sizing:content-box}.uagb-timeline__outer-wrap .uagb-timeline__line{position:absolute;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);width:3px;background-color:#eee}.uagb-timeline__outer-wrap .uagb-timeline__line .uagb-timeline__line__inner{width:100%;background-color:#0693e3}.uagb-timeline__outer-wrap svg{display:inline-block;vertical-align:middle;font-size:16px;font-style:normal;line-height:16px}.uagb-timeline__outer-wrap .uagb-timeline__field:hover .uagb-timeline__marker{transition:all 0.2s ease-in-out}.uagb-timeline__outer-wrap .uagb-timeline__marker{position:relative;display:flex;z-index:1;justify-content:center;align-items:center;min-width:3em;min-height:3em;background-color:#eee;border-radius:999px;line-height:48px;transition:all 0.2s ease-in-out}.uagb-timeline__outer-wrap .uagb-timeline__year{position:relative;display:flex}.uagb-timeline__outer-wrap .uagb-timeline__year span{display:inline-block;padding-bottom:6px}.uagb-timeline__outer-wrap.uagb-timeline__arrow-center .uagb-timeline__field{align-items:center}.uagb-timeline__outer-wrap.uagb-timeline__arrow-center .uagb-timeline__left .uagb-timeline__arrow,.uagb-timeline__outer-wrap.uagb-timeline__arrow-center .uagb-timeline__right .uagb-timeline__arrow{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__outer-wrap.uagb-timeline__arrow-bottom .uagb-timeline__field{align-items:flex-end}.uagb-timeline__outer-wrap.uagb-timeline__arrow-bottom .uagb-timeline__left .uagb-timeline__arrow,.uagb-timeline__outer-wrap.uagb-timeline__arrow-bottom .uagb-timeline__right .uagb-timeline__arrow{top:100%;transform:translateY(-100%)}.uagb-timeline__outer-wrap.uagb-timeline__arrow-bottom .uagb-timeline__date-new .uagb-timeline__date-new{padding-top:8px;padding-bottom:8px}.uagb-timeline__outer-wrap .uagb-timeline__date .uagb-timeline__inner-date-new{margin:0;white-space:nowrap}.uagb-timeline__outer-wrap .in-view i.uagb-timeline__in-view-icon{-webkit-transition:background 0.25s ease-out 0.25s, width 0.25s ease-in-out, height 0.25s ease-in-out, color 0.25s ease-in-out, font-size 0.25s ease-in-out;-webkit-transition:background 0.25s ease-out 0.25s, width 0.25s ease-in-out, height 0.25s ease-in-out, color 0.25s ease-in-out, font-size 0.25s ease-out;transition:background 0.25s ease-out 0.25s, width 0.25s ease-in-out, height 0.25s ease-in-out, color 0.25s ease-in-out, font-size 0.25s ease-out}.uagb-timeline__outer-wrap.uagb-timeline__left-block .uagb-timeline__date-new{display:none}.uagb-timeline__outer-wrap.uagb-timeline__right-block .uagb-timeline__date-new{display:none}.uagb-timeline__outer-wrap p:empty{display:none}.uagb-timeline__outer-wrap.uagb-timeline__right-block .uagb-timeline__line{position:absolute;transform:translateX(50%);-webkit-transform:translateX(50%);-ms-transform:translateX(50%)}.uagb-timeline__outer-wrap span.dashicons-admin-users.dashicons{display:inline;vertical-align:baseline;margin-right:4px}.uagb-content{word-break:break-word}.uagb-timeline__headingh1,.uagb-timeline__headingh2,.uagb-timeline__headingh3,.uagb-timeline__headingh4,.uagb-timeline__headingh5,.uagb-timeline__headingh6{margin-bottom:0}.uagb-timeline__inner-date-new p,.uagb-timeline__date-inner .uagb-timeline__inner-date-new p{margin-bottom:0}.uagb-timeline__center-block{text-align:center}.uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow::after{position:absolute;top:50%;right:0;display:inline;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:13px solid #eee;transform:translateY(-50%);content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__center-block .uagb-timeline__marker{flex-grow:0;flex-shrink:0;order:1}.uagb-timeline__center-block .uagb-timeline__date-hide{display:none}.uagb-timeline__center-block .uagb-timeline__field.uagb-timeline__right{flex-direction:row-reverse}.uagb-timeline__center-block .uagb-timeline__day-new,.uagb-timeline__center-block .uagb-timeline__date-new{display:block;position:relative;flex-grow:1;flex-basis:50%;max-width:100%}.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__day-new{order:2}.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__date-new{display:flex;justify-content:flex-start}.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow{position:absolute;top:0;right:-10px;width:10px;height:40px}.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__day-new{order:2}.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__date-new{display:flex;justify-content:flex-end}.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow{position:absolute;top:0;left:-10px;width:10px;height:40px}.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__center-block .uagb-timeline__line{right:auto;left:50%}.uagb-timeline__right-block .uagb-timeline__field{flex-direction:row-reverse}.uagb-timeline__right-block .uagb-timeline__date-new{display:flex;align-items:center;margin-left:10px}.uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__events-inner-new,.uagb-timeline__right-block .uagb-timeline__day-right .uagb-timeline__events-inner-new{text-align:inherit}.uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__events-inner-new,.uagb-timeline__right-block .uagb-timeline__left .uagb-timeline__events-inner-new{text-align:right}.uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__arrow::after,.uagb-timeline__right-block .uagb-timeline__left .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%)}.uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__arrow,.uagb-timeline__right-block .uagb-timeline__left .uagb-timeline__arrow{position:absolute;top:0;right:0;width:10px;height:40px}.uagb-timeline__right-block .uagb-timeline__right .uagb-timeline__arrow{right:-12px}.uagb-timeline__right-block .uagb-timeline__left .uagb-timeline__arrow{right:-10px}.uagb-timeline__right-block .uagb-timeline__marker,.uagb-timeline__right-block .uagb-timeline__day-new{position:relative;max-width:100%}.uagb-timeline__right-block .uagb-timeline__day-new{flex-grow:1;margin-right:14px}.uagb-timeline__right-block .uagb-timeline__marker{flex-grow:0;flex-shrink:0}.uagb-timeline__left-block{text-align:left}.uagb-timeline__left-block .uagb-timeline__marker,.uagb-timeline__left-block .uagb-timeline__day-new{position:relative;max-width:100%}.uagb-timeline__left-block .uagb-timeline__line{right:auto;left:20px}.uagb-timeline__left-block .uagb-timeline__day-new{flex-grow:1;order:1;margin-left:14px}.uagb-timeline__left-block .uagb-timeline__date-new{margin-right:10px}.uagb-timeline__left-block .uagb-timeline__marker{flex-grow:0;flex-shrink:0;order:0}.uagb-timeline__left-block .uagb-timeline__right .uagb-timeline__events-inner-new,.uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__events-inner-new{text-align:left}.uagb-timeline__left-block .uagb-timeline__right .uagb-timeline__arrow::after,.uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%)}.uagb-timeline__left-block .uagb-timeline__right .uagb-timeline__arrow,.uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__arrow{position:absolute;top:0;width:10px;height:40px}.uagb-timeline__left-block .uagb-timeline__right .uagb-timeline__arrow{left:-10px}.uagb-timeline__left-block .uagb-timeline__left .uagb-timeline__arrow{left:-12px}.uagb-timeline__left-block .uagb-timeline__day-right .uagb-timeline__arrow::after{position:absolute;display:inline;width:0;height:0;border-top:12px solid transparent;border-right:13px solid #eee;border-bottom:12px solid transparent;content:""}.uagb-timeline__day-right .uagb-timeline__events-inner{text-align:right}.uagb-timeline__day-left .uagb-timeline__events-inner{text-align:left}.uagb-timeline__arrow-top .uagb-timeline__date-new .uagb-timeline__date-new{padding-top:8px;padding-bottom:8px}.uagb-timeline__events-inner-new,.uagb-timeline__arrow{transition:background 0.2s ease-in-out}.uagb-timeline__arrow::after{transition:border-color 0.2s ease-in-out}.uagb-timeline__date-new{transition:color 0.2s ease-in-out}.uagb-timeline__day-left .uagb-timeline__arrow::after{position:absolute;left:0;display:inline;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;content:""}.uagb-timeline__right .uagb-timeline__day-left .uagb-timeline__arrow::after{right:0}.uagb-timeline__day-right .uagb-timeline__arrow::after{position:absolute;right:0;display:inline;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;content:""}.uagb-timeline__icon{position:relative;z-index:1;vertical-align:middle;width:100px;height:100px;border-radius:50%;text-align:center;line-height:100px;-webkit-border-radius:50%}.uagb-timeline__left{text-align:left}.uagb-timeline__right{text-align:right}.uagb-timeline__right-block .uagb-timeline__day-right .uagb-timeline__arrow::after{border-left:13px solid #eee}.uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__arrow::after{border-left:13px solid #eee}.uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow::after{border-right:13px solid #eee}.uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow::after{border-right:13px solid #eee}.uagb-timeline__day-right .uagb-timeline__events-inner-new{border-radius:4px 4px 4px 4px}.uagb-timeline__day-left .uagb-timeline__events-inner-new{border-radius:4px 4px 4px 4px}.uagb-timeline__arrow{height:3em}.uagb-timeline__right-block .uagb-timeline__line{right:1.5em}.rtl .uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow::after{border-right:13px solid #eee;border-left:none}.rtl .uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow::after{border-right:none;border-left:13px solid #eee}.rtl .uagb-timeline__left-block .uagb-timeline__line{right:auto;left:16px}.rtl .uagb-timeline__left-block .uagb-timeline__field{flex-direction:row-reverse}.rtl .uagb-timeline__left-block .uagb-timeline__day-left .uagb-timeline__arrow::after{border-right:13px solid #eee;right:-3px}.rtl .uagb-timeline__left-block .uagb-timeline__day-right .uagb-timeline__arrow::after{border-right:13px solid #eee;right:-3px}.rtl .uagb-timeline__right-block .uagb-timeline__line{right:auto;left:1.5em}.rtl .uagb-timeline__right-block .uagb-timeline__field{flex-direction:row}.rtl .uagb-timeline__right-block .uagb-timeline__day-right .uagb-timeline__arrow::after{border-left:13px solid #eee}.rtl .uagb-timeline__right-block .uagb-timeline__day-left .uagb-timeline__arrow::after{border-left:13px solid #eee;right:-17px}@media screen and (max-width: 1023px){.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__line{position:absolute;right:16px;left:auto;transform:translateX(50%);-webkit-transform:translateX(50%);-ms-transform:translateX(50%)}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-hide{display:block}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-left .uagb-timeline__events-inner-new,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__events-inner-new{text-align:left}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__marker,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new{position:relative;max-width:100%}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__line{right:auto;left:20px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__marker{-webkit-box-ordinal-group:1;-webkit-order:0;-moz-box-ordinal-group:1;-ms-flex-order:0;flex-grow:0;flex-shrink:0;order:0;-webkit-flex-shrink:0;-ms-flex-negative:0;-webkit-box-flex:0;-webkit-flex-grow:0;-moz-box-flex:0;-ms-flex-positive:0}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new{flex-grow:1;order:1;margin-left:16px;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow{position:absolute;width:10px;height:40px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow{left:-10px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow{left:-12px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__center-block.uagb-timeline__responsive-tablet{text-align:left}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__arrow::after{position:absolute;display:inline;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;content:""}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__field.uagb-timeline__right{-webkit-box-orient:unset;-webkit-box-direction:unset;-webkit-flex-direction:unset;-moz-box-orient:unset;-moz-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-new{-webkit-box-flex:unset;-webkit-flex-grow:unset;-moz-box-flex:unset;-ms-flex-positive:unset;position:relative;flex-grow:unset;flex-basis:unset;width:100%;max-width:100%;-webkit-flex-basis:unset;-ms-flex-preferred-size:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__day-new{-webkit-box-ordinal-group:unset;-webkit-order:unset;-moz-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__day-new{-webkit-box-ordinal-group:unset;-webkit-order:unset;-moz-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__field{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__events-inner-new,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__events-inner-new{text-align:right}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow{position:absolute;right:0;left:auto;width:10px;height:40px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow{right:-12px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow{right:-10px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__marker,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new{position:relative;max-width:100%}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__marker{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-grow:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-moz-box-flex:0;-ms-flex-positive:0}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new{flex-grow:1;margin-right:16px;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right{text-align:right}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__date-new{-webkit-box-flex:unset;-webkit-flex-grow:unset;-moz-box-flex:unset;-ms-flex-positive:unset;position:relative;flex-grow:unset;flex-basis:unset;max-width:100%;-webkit-flex-basis:unset;-ms-flex-preferred-size:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__day-new{-webkit-box-ordinal-group:unset;-webkit-order:unset;-moz-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__day-new{-webkit-box-ordinal-group:unset;-webkit-order:unset;-moz-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__date-new{display:none}}@media screen and (max-width: 767px){.uagb-timeline-responsive-none .uagb-timeline__events-inner-new{padding:15px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__date-hide{display:block}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-left .uagb-timeline__events-inner-new,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-right .uagb-timeline__events-inner-new{text-align:left}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__marker,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-new{position:relative;max-width:100%}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__line{right:auto;left:20px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__marker{-webkit-box-ordinal-group:1;-webkit-order:0;-moz-box-ordinal-group:1;-ms-flex-order:0;flex-grow:0;flex-shrink:0;order:0;-webkit-flex-shrink:0;-ms-flex-negative:0;-webkit-box-flex:0;-webkit-flex-grow:0;-moz-box-flex:0;-ms-flex-positive:0}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-new{flex-grow:1;order:1;margin-left:16px;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__arrow,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__arrow{position:absolute;width:10px;height:40px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__arrow{left:-10px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__arrow{left:-12px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__day-left .uagb-timeline__events-inner-new{text-align:left}.uagb-timeline__left-block .uagb-timeline__date-new{margin-right:10px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile{text-align:left}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-right .uagb-timeline__arrow::after{position:absolute;display:inline;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;content:""}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__field.uagb-timeline__right{-webkit-box-orient:unset;-webkit-box-direction:unset;-webkit-flex-direction:unset;-moz-box-orient:unset;-moz-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-new,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__date-new{-webkit-box-flex:unset;-webkit-flex-grow:unset;-moz-box-flex:unset;-ms-flex-positive:unset;position:relative;flex-grow:unset;flex-basis:unset;max-width:100%;-webkit-flex-basis:unset;-ms-flex-preferred-size:unset}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__day-new{-webkit-box-ordinal-group:unset;-webkit-order:unset;-moz-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__day-new{-webkit-box-ordinal-group:unset;-webkit-order:unset;-moz-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__left .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__right .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__field{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__events-inner-new,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__events-inner-new{text-align:right}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow{position:absolute;right:0;left:auto;width:10px;height:40px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow{right:-12px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow{right:-10px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__marker,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-new{position:relative;max-width:100%}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__marker{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-grow:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-moz-box-flex:0;-ms-flex-positive:0}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-new{flex-grow:1;margin-right:16px;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__line{position:absolute;right:16px;left:auto;transform:translateX(50%);-webkit-transform:translateX(50%);-ms-transform:translateX(50%)}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right{text-align:right}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-new,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__date-new{-webkit-box-flex:unset;-webkit-flex-grow:unset;-moz-box-flex:unset;-ms-flex-positive:unset;position:relative;flex-grow:unset;flex-basis:unset;max-width:100%;-webkit-flex-basis:unset;-ms-flex-preferred-size:unset}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__day-new{-webkit-box-ordinal-group:unset;-webkit-order:unset;-moz-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__day-new{-webkit-box-ordinal-group:unset;-webkit-order:unset;-moz-box-ordinal-group:unset;-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-right .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-left .uagb-timeline__arrow::after,.rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__arrow::after,.rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__arrow::after{border-right:13px solid #eee;border-left:none}.rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-right .uagb-timeline__arrow::after,.rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__day-left .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__arrow::after{border-right:none;border-left:13px solid #eee}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__line,.rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__line{right:auto;left:17.5px}.uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline-res-right .uagb-timeline__line,.rtl .uagb-timeline__center-block.uagb-timeline__responsive-mobile .uagb-timeline__line{right:17.5px;left:auto}.uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__author-link,.uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__link_parent,.uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__link,.uagb-timeline__responsive-mobile.uagb-timeline__center-block a.uagb-timeline__image,.uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__image a,.uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__heading,.uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline-desc-content,.uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__date-inner,.uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__inner-date-new{text-align:left}.uagb-timeline__responsive-mobile.uagb-timeline__center-block .uagb-timeline__date-hide.uagb-timeline__date-inner{text-align:left}}@media (max-width: 976px){.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__line{position:absolute;right:16px;left:auto;transform:translateX(50%);-webkit-transform:translateX(50%);-ms-transform:translateX(50%)}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-hide{display:block}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-left .uagb-timeline__events-inner-new,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__events-inner-new{text-align:left}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__marker,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new{position:relative;max-width:100%}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__line{right:auto;left:17.5px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__marker{-ms-flex-order:0;flex-grow:0;flex-shrink:0;order:0;-ms-flex-negative:0;-ms-flex-positive:0}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new{flex-grow:1;order:1;margin-left:16px;-ms-flex-positive:1;-ms-flex-order:1}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow{position:absolute;width:10px;height:40px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow{left:-10px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow{left:-12px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__center-block.uagb-timeline__responsive-tablet,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right{text-align:left}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__arrow::after{position:absolute;display:inline;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;content:""}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__field.uagb-timeline__right{-ms-flex-direction:unset;flex-direction:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-new,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__date-new{-ms-flex-positive:unset;position:relative;flex-grow:unset;flex-basis:unset;width:100%;max-width:100%;-ms-flex-preferred-size:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__day-new{-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__day-new{-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__left .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__right .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__field{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-left .uagb-timeline__events-inner-new,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-right .uagb-timeline__events-inner-new{text-align:right}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow{position:absolute;right:0;left:auto;width:10px;height:40px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow{right:-12px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow{right:-10px}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__marker,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new{position:relative;max-width:100%}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__marker{-ms-flex-negative:0;flex-grow:0;flex-shrink:0;-ms-flex-positive:0}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new{flex-grow:1;margin-right:16px;-ms-flex-positive:1}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__arrow::after{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right{text-align:right}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__day-new,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__date-new{-ms-flex-positive:unset;position:relative;flex-grow:unset;flex-basis:unset;max-width:100%;-ms-flex-preferred-size:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__day-new{-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__day-new{-ms-flex-order:unset;order:unset}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__left .uagb-timeline__date-new,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline-res-right .uagb-timeline__right .uagb-timeline__date-new{display:none}.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-right .uagb-timeline__arrow::after,.uagb-timeline__center-block.uagb-timeline__responsive-tablet .uagb-timeline__day-left .uagb-timeline__arrow::after{border-right:13px solid #eee;border-left:none}.uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__author-link,.uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__link_parent,.uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__link,.uagb-timeline__responsive-tablet.uagb-timeline__center-block a.uagb-timeline__image,.uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__image a,.uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__heading,.uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline-desc-content,.uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__date-inner,.uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__inner-date-new{text-align:left}.uagb-timeline__responsive-tablet.uagb-timeline__center-block .uagb-timeline__date-hide.uagb-timeline__date-inner{text-align:left}}.wp-block-uagb-content-timeline .wp-block-uagb-content-timeline-child .uagb-timeline__events-inner--content .uagb-timeline__heading{margin-top:unset}.wp-block-uagb-content-timeline .wp-block-uagb-content-timeline-child .uagb-timeline__events-inner--content p.uagb-timeline-desc-content{margin-bottom:unset}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap .uagb-timeline__field{display:unset}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap .uagb-timeline__field .uagb-timeline__widget{position:relative;display:flex;align-items:flex-start;font-size:inherit;color:inherit;margin-bottom:inherit}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__left-block .uagb-timeline__date-new{display:none}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__right-block .uagb-timeline__date-new{display:none}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__widget.uagb-timeline__right{flex-direction:row-reverse}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__marker{order:1;flex-shrink:0;flex-grow:0}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__day-new{order:2;padding-left:0;padding-right:12px}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__day-new{order:2;padding-right:0;padding-left:12px}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__right .uagb-timeline__arrow{right:0;top:0;width:10px;height:40px;position:absolute}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__center-block .uagb-timeline__left .uagb-timeline__arrow{left:0;top:0;width:10px;height:40px;position:absolute}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__right-block .uagb-timeline__widget{flex-direction:row-reverse}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__arrow-center .uagb-timeline__widget{align-items:center}.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__arrow-center .uagb-timeline__left .uagb-timeline__arrow,.wp-block-uagb-content-timeline .uagb-timeline__content-wrap.uagb-timeline__arrow-center .uagb-timeline__right .uagb-timeline__arrow{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} + + +/* 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; +} diff --git a/assets/css/tinyslider-rtl.css b/assets/css/tinyslider-rtl.css new file mode 100644 index 00000000..7e2b9aff --- /dev/null +++ b/assets/css/tinyslider-rtl.css @@ -0,0 +1,207 @@ +.tns-outer { + padding: 0 !important; +} +.tns-outer [hidden] { + display: none !important; +} +.tns-outer [aria-controls], +.tns-outer [data-action] { + cursor: pointer; +} +.tns-slider { + transition: all 0s; +} +.tns-slider > .tns-item { + box-sizing: border-box; +} +.tns-horizontal.tns-subpixel { + white-space: nowrap; +} +.tns-horizontal.tns-subpixel > .tns-item { + display: inline-block; + vertical-align: top; + white-space: normal; +} +.tns-horizontal.tns-no-subpixel:after { + content: ""; + display: table; + clear: both; +} +.tns-horizontal.tns-no-subpixel > .tns-item { + float: right; +} +.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { + margin-left: -100%; +} +.tns-no-calc { + position: relative; + right: 0; +} +.tns-gallery { + position: relative; + right: 0; + min-height: 1px; +} +.tns-gallery > .tns-item { + position: absolute; + right: -100%; + transition: transform 0s, opacity 0s; +} +.tns-gallery > .tns-slide-active { + position: relative; + right: auto !important; +} +.tns-gallery > .tns-moving { + transition: all 0.25s; +} +.tns-autowidth { + display: inline-block; +} +.tns-lazy-img { + transition: opacity 0.6s; + opacity: 0.6; +} +.tns-lazy-img.tns-complete { + opacity: 1; +} +.tns-ah { + transition: height 0s; +} +.tns-ovh { + overflow: hidden; +} +.tns-visually-hidden { + position: absolute; + right: -10000em; +} +.tns-transparent { + opacity: 0; + visibility: hidden; +} +.tns-fadeIn { + opacity: 1; + filter: alpha(opacity=100); + z-index: 0; +} +.tns-normal, +.tns-fadeOut { + opacity: 0; + filter: alpha(opacity=0); + z-index: -1; +} +.tns-vpfix { + white-space: nowrap; +} +.tns-vpfix > div, +.tns-vpfix > li { + display: inline-block; +} +.tns-t-subp2 { + margin: 0 auto; + width: 310px; + position: relative; + height: 10px; + overflow: hidden; +} +.tns-t-ct { + width: 2333.3333333%; + width: calc(100% * 70 / 3); + position: absolute; + left: 0; +} +.tns-t-ct:after { + content: ""; + display: table; + clear: both; +} +.tns-t-ct > div { + width: 1.4285714%; + width: calc(100% / 70); + height: 10px; + float: 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; +} diff --git a/assets/css/tinyslider-rtl.min.css b/assets/css/tinyslider-rtl.min.css new file mode 100644 index 00000000..b9263c8a --- /dev/null +++ b/assets/css/tinyslider-rtl.min.css @@ -0,0 +1,85 @@ +.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{transition:all 0s}.tns-slider>.tns-item{box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:"";display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:right}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-left:-100%}.tns-no-calc{position:relative;right:0}.tns-gallery{position:relative;right:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;right:-100%;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;right:auto!important}.tns-gallery>.tns-moving{transition:all .25s}.tns-autowidth{display:inline-block}.tns-lazy-img{transition:opacity .6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;right:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;z-index:0}.tns-fadeOut,.tns-normal{opacity:0;z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:calc(100% * 70 / 3);position:absolute;left:0}.tns-t-ct:after{content:"";display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:calc(100% / 70);height:10px;float: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; +} diff --git a/assets/css/tinyslider.css b/assets/css/tinyslider.css new file mode 100644 index 00000000..2e4c208b --- /dev/null +++ b/assets/css/tinyslider.css @@ -0,0 +1,207 @@ +.tns-outer { + padding: 0 !important; +} +.tns-outer [hidden] { + display: none !important; +} +.tns-outer [aria-controls], +.tns-outer [data-action] { + cursor: pointer; +} +.tns-slider { + transition: all 0s; +} +.tns-slider > .tns-item { + box-sizing: border-box; +} +.tns-horizontal.tns-subpixel { + white-space: nowrap; +} +.tns-horizontal.tns-subpixel > .tns-item { + display: inline-block; + vertical-align: top; + white-space: normal; +} +.tns-horizontal.tns-no-subpixel:after { + content: ""; + display: table; + clear: both; +} +.tns-horizontal.tns-no-subpixel > .tns-item { + float: left; +} +.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { + margin-right: -100%; +} +.tns-no-calc { + position: relative; + left: 0; +} +.tns-gallery { + position: relative; + left: 0; + min-height: 1px; +} +.tns-gallery > .tns-item { + position: absolute; + left: -100%; + transition: transform 0s, opacity 0s; +} +.tns-gallery > .tns-slide-active { + position: relative; + left: auto !important; +} +.tns-gallery > .tns-moving { + transition: all 0.25s; +} +.tns-autowidth { + display: inline-block; +} +.tns-lazy-img { + transition: opacity 0.6s; + opacity: 0.6; +} +.tns-lazy-img.tns-complete { + opacity: 1; +} +.tns-ah { + transition: height 0s; +} +.tns-ovh { + overflow: hidden; +} +.tns-visually-hidden { + position: absolute; + left: -10000em; +} +.tns-transparent { + opacity: 0; + visibility: hidden; +} +.tns-fadeIn { + opacity: 1; + filter: alpha(opacity=100); + z-index: 0; +} +.tns-normal, +.tns-fadeOut { + opacity: 0; + filter: alpha(opacity=0); + z-index: -1; +} +.tns-vpfix { + white-space: nowrap; +} +.tns-vpfix > div, +.tns-vpfix > li { + display: inline-block; +} +.tns-t-subp2 { + margin: 0 auto; + width: 310px; + position: relative; + height: 10px; + overflow: hidden; +} +.tns-t-ct { + width: 2333.3333333%; + width: calc(100% * 70 / 3); + position: absolute; + right: 0; +} +.tns-t-ct:after { + content: ""; + display: table; + clear: both; +} +.tns-t-ct > div { + width: 1.4285714%; + width: calc(100% / 70); + height: 10px; + 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; +} diff --git a/assets/css/tinyslider.min.css b/assets/css/tinyslider.min.css new file mode 100644 index 00000000..d443ac3f --- /dev/null +++ b/assets/css/tinyslider.min.css @@ -0,0 +1,85 @@ +.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{transition:all 0s}.tns-slider>.tns-item{box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:"";display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto!important}.tns-gallery>.tns-moving{transition:all .25s}.tns-autowidth{display:inline-block}.tns-lazy-img{transition:opacity .6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;z-index:0}.tns-fadeOut,.tns-normal{opacity:0;z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:"";display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:calc(100% / 70);height:10px;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; +} diff --git a/assets/css/toggle-control-rtl.css b/assets/css/toggle-control-rtl.css new file mode 100644 index 00000000..285975ba --- /dev/null +++ b/assets/css/toggle-control-rtl.css @@ -0,0 +1,162 @@ +.customize-control-ast-toggle-control .components-toggle-control .components-base-control__field, .ast-togglecontrol-wrapper .components-base-control__field { + margin: 0; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-form-toggle, .customize-control-ast-link .ast-togglecontrol-wrapper .components-form-toggle, .customize-control-ast-toggle .components-toggle-control .components-form-toggle { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field { + margin: 24px 0 0; +} + +.ast-togglecontrol-wrapper .toggle-control-label, .ast-togglecontrol-wrapper .components-toggle-control__label { + font-size: 14px; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label, .ast-togglecontrol-wrapper label { + display: flex; + flex: 1 1 auto; + font-size: 14px; +} + +.ast-switch ~ label { + position: relative; + display: block; + width: 35px; + height: 14px; + background-color: var(--ast-customizer-color-7); + color: transparent; + border-radius: 50px; + cursor: pointer; + transition: all 0.2s ease-in; +} +.ast-switch ~ label:after { + content: ''; + position: absolute; + top: -3px; + right: -1px; + display: block; + width: 20px; + height: 20px; + border-radius: 50px; + background: var(--ast-customizer-color-9); + box-shadow: 0 2px 4px 0 rgba(72, 72, 72, 0.50); + transition: all 0.2s ease-in; +} +.ast-switch:checked ~ label { + background: var(--ast-customizer-color-1); +} +.ast-switch:checked ~ label:after { + transform: translateX(-16px); + background: var(--ast-customizer-color-9); +} +.ast-switch:disabled ~ label { + background: #f0f0f0; + pointer-events: none; +} +.ast-switch:disabled ~ label:after { + background: #d1d1d1; + box-shadow: 0 1px 2px 0 rgba(72, 72, 72, 0.50); +} +.ast-switch:not(:checked), .ast-switch:checked { + opacity: 0; +} +.customize-control-ast-section-toggle .components-form-toggle { + margin-right: 5px; + text-align: left; +} + +/* Wordpress 6.1 Compatibility CSS for toggle UI */ +.components-toggle-control .components-base-control__field { + display: flex; + margin-bottom: 12px; + line-height: initial; + 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; +} diff --git a/assets/css/toggle-control.css b/assets/css/toggle-control.css new file mode 100644 index 00000000..93afc3a9 --- /dev/null +++ b/assets/css/toggle-control.css @@ -0,0 +1,162 @@ +.customize-control-ast-toggle-control .components-toggle-control .components-base-control__field, .ast-togglecontrol-wrapper .components-base-control__field { + margin: 0; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-form-toggle, .customize-control-ast-link .ast-togglecontrol-wrapper .components-form-toggle, .customize-control-ast-toggle .components-toggle-control .components-form-toggle { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field { + margin: 24px 0 0; +} + +.ast-togglecontrol-wrapper .toggle-control-label, .ast-togglecontrol-wrapper .components-toggle-control__label { + font-size: 14px; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label, .ast-togglecontrol-wrapper label { + display: flex; + flex: 1 1 auto; + font-size: 14px; +} + +.ast-switch ~ label { + position: relative; + display: block; + width: 35px; + height: 14px; + background-color: var(--ast-customizer-color-7); + color: transparent; + border-radius: 50px; + cursor: pointer; + transition: all 0.2s ease-in; +} +.ast-switch ~ label:after { + content: ''; + position: absolute; + top: -3px; + left: -1px; + display: block; + width: 20px; + height: 20px; + border-radius: 50px; + background: var(--ast-customizer-color-9); + box-shadow: 0 2px 4px 0 rgba(72, 72, 72, 0.50); + transition: all 0.2s ease-in; +} +.ast-switch:checked ~ label { + background: var(--ast-customizer-color-1); +} +.ast-switch:checked ~ label:after { + transform: translateX(16px); + background: var(--ast-customizer-color-9); +} +.ast-switch:disabled ~ label { + background: #f0f0f0; + pointer-events: none; +} +.ast-switch:disabled ~ label:after { + background: #d1d1d1; + box-shadow: 0 1px 2px 0 rgba(72, 72, 72, 0.50); +} +.ast-switch:not(:checked), .ast-switch:checked { + opacity: 0; +} +.customize-control-ast-section-toggle .components-form-toggle { + margin-left: 5px; + text-align: right; +} + +/* Wordpress 6.1 Compatibility CSS for toggle UI */ +.components-toggle-control .components-base-control__field { + display: flex; + margin-bottom: 12px; + line-height: initial; + 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; +} diff --git a/assets/css/tooltip-rtl.css b/assets/css/tooltip-rtl.css new file mode 100644 index 00000000..db4158cc --- /dev/null +++ b/assets/css/tooltip-rtl.css @@ -0,0 +1,157 @@ +.dashicons-editor-help[data-title]{ + z-index: 1; +} + +.ast-dashicons-custom-tooltip { + display: none; + opacity: 0; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ast-dashicons-custom-tooltip[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 3; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + right: 50%; + transform: translate(50%,-0.5em); +} + +.dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip { + display: block; + opacity: 100; +} + +.dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip[data-title]::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} +.ast-top-dotted-divider .ast-control-tooltip.dashicons-editor-help { + top: 22px; +} +.customize-control.ast-bottom-dotted-divider.customize-control-ast-toggle-control .ast-control-tooltip { + top: 8px; +} +.customize-control.customize-control-ast-select.ast-top-dotted-divider .ast-control-tooltip { + top: 36px; +} +.customize-control-ast-sortable .customize-control-ast-selector .dashicons.ast-control-tooltip { + top: 18%; + padding: 0; + font-size: 20px; +} +.customize-control.customize-control-ast-color i.ast-control-tooltip { + top: 5px; + left: 60px; +} + + +/* 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; +} diff --git a/assets/css/tooltip.css b/assets/css/tooltip.css new file mode 100644 index 00000000..4904571d --- /dev/null +++ b/assets/css/tooltip.css @@ -0,0 +1,157 @@ +.dashicons-editor-help[data-title]{ + z-index: 1; +} + +.ast-dashicons-custom-tooltip { + display: none; + opacity: 0; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.ast-dashicons-custom-tooltip[data-title]::after { + content: attr(data-title); + min-width: 3em; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 1ch 1.5ch; + border-radius: 0.3ch; + box-shadow: 0 1em 2em -0.5em rgb(0 0 0 / 35%); + background: var(--ast-customizer-color-12); + color: var(--ast-customizer-color-10); + z-index: 3; + bottom: calc(100% + 5px); + text-align: center; + animation: tooltips-vert .3s ease-out forwards; + text-transform: none; + font-size: .9em; + line-height: 1; + user-select: none; + pointer-events: none; + position: absolute; + display: none; + opacity: 0; + left: 50%; + transform: translate(-50%,-0.5em); +} + +.dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip { + display: block; + opacity: 100; +} + +.dashicons-editor-help[data-title]:hover ~ .ast-dashicons-custom-tooltip[data-title]::after{ + display: flex; + white-space: break-spaces; + inline-size: max-content; +} +.ast-top-dotted-divider .ast-control-tooltip.dashicons-editor-help { + top: 22px; +} +.customize-control.ast-bottom-dotted-divider.customize-control-ast-toggle-control .ast-control-tooltip { + top: 8px; +} +.customize-control.customize-control-ast-select.ast-top-dotted-divider .ast-control-tooltip { + top: 36px; +} +.customize-control-ast-sortable .customize-control-ast-selector .dashicons.ast-control-tooltip { + top: 18%; + padding: 0; + font-size: 20px; +} +.customize-control.customize-control-ast-color i.ast-control-tooltip { + top: 5px; + right: 60px; +} + + +/* 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; +} diff --git a/assets/css/two-step-modern-checkout-rtl.css b/assets/css/two-step-modern-checkout-rtl.css new file mode 100644 index 00000000..61d8cf3d --- /dev/null +++ b/assets/css/two-step-modern-checkout-rtl.css @@ -0,0 +1,357 @@ +.ast-woo-two-step-modern-checkout { + width: 100%; + margin: 0 auto; +} + +.ast-woo-two-step-modern-checkout .ast-two-step-wrap { + padding-bottom: 2em; +} + +.ast-woo-two-step-modern-checkout .woocommerce { + border-top: none; + border-right-style: solid; + border-left-style: solid; + border-bottom-style: solid; + border-width: 2px; + border-color: var(--ast-border-color); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + padding: .7em 1.7em 1.7em; + overflow: hidden; + background-color: var(--ast-global-color-primary, --ast-global-color-5); +} + +.ast-woo-two-step-modern-checkout .woocommerce .ast-embed-checkout-form-nav-btns a.ast-next-button { + font-family: inherit; + font-weight: inherit; + letter-spacing: 0.5px; + width: 100%; + padding: 1em 1.7em; + font-size: 1.1em; + line-height: 1.5; + border-radius: 3px; + text-transform: none; + text-align: center; +} + +.ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #customer_details, .ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #order_review_heading, .ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #order_review { + width: 100%; + float: none; + margin-bottom: 0; +} + +.ast-woo-two-step-modern-checkout .woocommerce .ast-checkout-fields-wrapper { + display: block; +} + +.ast-woo-two-step-modern-checkout .woocommerce .ast-order-wrap { + display: none; +} + +.ast-woo-two-step-modern-checkout .woocommerce.step-two .ast-order-wrap { + display: block; +} + +.ast-woo-two-step-modern-checkout .woocommerce.step-two .ast-checkout-fields-wrapper { + display: none; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav { + border-right-style: solid; + border-left-style: solid; + border-width: 2px; + border-color: var(--ast-border-color); + border-top-right-radius: 3px; + border-top-left-radius: 3px; + display: block; + width: 100%; + margin: 0 auto; + padding-bottom: 0; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note { + border: 1px dashed; + border-color: var(--ast-global-color-0); + margin-bottom: 1.4em; + padding: 0.7em 1em; + border-radius: 3px; + background-color: var(--ast-global-color-0); + position: relative; + color: #fff; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note::before { + content: ""; + border: 10px solid; + border-top-color: var(--ast-global-color-0); + position: absolute; + width: 20px; + height: 20px; + bottom: -20px; + right: auto; + top: auto; + border-right: 10px transparent solid; + border-left: 10px transparent solid; + border-bottom: 10px transparent solid; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note p { + margin: 0; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns { + display: inline-block; + width: 100%; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-button-text { + display: inline-block; + font-size: 1.15em; + font-weight: 700; + vertical-align: middle; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-button-sub-text { + display: inline-block; + font-size: 0.9em; + font-weight: 400; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-next-button-icon-wrap { + display: block; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .dashicons-arrow-right-alt { + margin-left: 0.25em; + display: inline-block; + font-weight: 700; + vertical-align: middle; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button-content { + display: block; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button-content .customize-partial-edit-shortcut-button { + cursor: pointer !important; +} + +.ast-woo-two-step-modern-checkout ul.ast-embed-checkout-form-steps { + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + -js-display: flex; + display: flex; + list-style: none; + margin-right: 0; + margin-bottom: 0; + padding: 0; + width: 100%; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps { + flex: 1; + width: 100%; + text-align: right; + vertical-align: middle; + position: relative; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps a { + -js-display: flex; + display: flex; + align-items: center; + padding: 1em; + width: 100%; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-heading { + display: inline-block; + vertical-align: middle; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-number { + display: inline-block; + font-weight: 700; + font-size: 1.66em; + line-height: 1.5; + margin-left: 0.4em; + vertical-align: middle; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-name { + font-weight: 600; + font-size: .94em; + line-height: 1.5; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-sub-name { + font-size: .86em; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.step-one, .ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.step-two { + opacity: 1; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .step-one.ast-current::before { + content: ""; + background-color: var(--ast-global-color-0); + border-top-right-radius: 3px; + width: calc( 100% + 2px); + height: 2px; + position: absolute; + right: -2px; + top: -2px; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .step-two.ast-current::before { + content: ""; + background-color: var(--ast-global-color-0); + border-top-left-radius: 3px; + width: calc( 100% + 2px); + height: 2px; + position: absolute; + left: -2px; + top: -2px; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .steps.ast-current { + background-color: var(--ast-global-color-primary, --ast-global-color-5); +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .ast-current .step-name { + color: var(--ast-global-color-0); +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .ast-current a { + text-decoration: none; + color: var(--ast-global-color-3); +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a { + text-decoration: none; + color: var(--ast-global-color-3); +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:visited { + color: var(--ast-global-color-3); + border: none; + outline: none; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:focus { + color: var(--ast-global-color-3); + border: none; + outline: none; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:active { + color: var(--ast-global-color-3); + border: none; + outline: none; +} + +.ast-woo-two-step-modern-checkout .ast-border-none .ast-embed-checkout-form-steps .step-one.ast-current::before { + right: 0; + top: 0; + width: 100%; + border-top-right-radius: 0; +} + +.ast-woo-two-step-modern-checkout .ast-border-none .ast-embed-checkout-form-steps .step-two.ast-current::before { + left: 0; + top: 0; + width: 100%; + border-top-left-radius: 0; +} + +#tve_editor ol { + margin: 0; +} + +#tve_editor ul { + margin: 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; +} diff --git a/assets/css/two-step-modern-checkout-rtl.min.css b/assets/css/two-step-modern-checkout-rtl.min.css new file mode 100644 index 00000000..a3f8f1e7 --- /dev/null +++ b/assets/css/two-step-modern-checkout-rtl.min.css @@ -0,0 +1,85 @@ +.ast-woo-two-step-modern-checkout{width:100%;margin:0 auto}.ast-woo-two-step-modern-checkout .ast-two-step-wrap{padding-bottom:2em}.ast-woo-two-step-modern-checkout .woocommerce{border-top:none;border-right-style:solid;border-left-style:solid;border-bottom-style:solid;border-width:2px;border-color:var(--ast-border-color);border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:.7em 1.7em 1.7em;overflow:hidden;background-color:var(--ast-global-color-primary,--ast-global-color-5)}.ast-woo-two-step-modern-checkout .woocommerce .ast-embed-checkout-form-nav-btns a.ast-next-button{font-family:inherit;font-weight:inherit;letter-spacing:.5px;width:100%;padding:1em 1.7em;font-size:1.1em;line-height:1.5;border-radius:3px;text-transform:none;text-align:center}.ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #customer_details,.ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #order_review,.ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #order_review_heading{width:100%;float:none;margin-bottom:0}.ast-woo-two-step-modern-checkout .woocommerce .ast-checkout-fields-wrapper{display:block}.ast-woo-two-step-modern-checkout .woocommerce .ast-order-wrap{display:none}.ast-woo-two-step-modern-checkout .woocommerce.step-two .ast-order-wrap{display:block}.ast-woo-two-step-modern-checkout .woocommerce.step-two .ast-checkout-fields-wrapper{display:none}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav{border-right-style:solid;border-left-style:solid;border-width:2px;border-color:var(--ast-border-color);border-top-right-radius:3px;border-top-left-radius:3px;display:block;width:100%;margin:0 auto;padding-bottom:0}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note{border:1px dashed;border-color:var(--ast-global-color-0);margin-bottom:1.4em;padding:.7em 1em;border-radius:3px;background-color:var(--ast-global-color-0);position:relative;color:#fff}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note::before{content:"";border:10px solid;border-top-color:var(--ast-global-color-0);position:absolute;width:20px;height:20px;bottom:-20px;right:auto;top:auto;border-right:10px transparent solid;border-left:10px transparent solid;border-bottom:10px transparent solid}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note p{margin:0}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns{display:inline-block;width:100%}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-button-text{display:inline-block;font-size:1.15em;font-weight:700;vertical-align:middle}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-button-sub-text{display:inline-block;font-size:.9em;font-weight:400}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-next-button-icon-wrap{display:block}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .dashicons-arrow-right-alt{margin-left:.25em;display:inline-block;font-weight:700;vertical-align:middle}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button-content{display:block}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button-content .customize-partial-edit-shortcut-button{cursor:pointer!important}.ast-woo-two-step-modern-checkout ul.ast-embed-checkout-form-steps{background-color:var(--ast-global-color-secondary,--ast-global-color-4);-js-display:flex;display:flex;list-style:none;margin-right:0;margin-bottom:0;padding:0;width:100%}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps{flex:1;width:100%;text-align:right;vertical-align:middle;position:relative}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps a{-js-display:flex;display:flex;align-items:center;padding:1em;width:100%}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-heading{display:inline-block;vertical-align:middle}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-number{display:inline-block;font-weight:700;font-size:1.66em;line-height:1.5;margin-left:.4em;vertical-align:middle}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-name{font-weight:600;font-size:.94em;line-height:1.5}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-sub-name{font-size:.86em}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.step-one,.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.step-two{opacity:1}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .step-one.ast-current::before{content:"";background-color:var(--ast-global-color-0);border-top-right-radius:3px;width:calc(100% + 2px);height:2px;position:absolute;right:-2px;top:-2px}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .step-two.ast-current::before{content:"";background-color:var(--ast-global-color-0);border-top-left-radius:3px;width:calc(100% + 2px);height:2px;position:absolute;left:-2px;top:-2px}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .steps.ast-current{background-color:var(--ast-global-color-primary,--ast-global-color-5)}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .ast-current .step-name{color:var(--ast-global-color-0)}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .ast-current a{text-decoration:none;color:var(--ast-global-color-3)}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a{text-decoration:none;color:var(--ast-global-color-3)}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:visited{color:var(--ast-global-color-3);border:none;outline:0}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:focus{color:var(--ast-global-color-3);border:none;outline:0}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:active{color:var(--ast-global-color-3);border:none;outline:0}.ast-woo-two-step-modern-checkout .ast-border-none .ast-embed-checkout-form-steps .step-one.ast-current::before{right:0;top:0;width:100%;border-top-right-radius:0}.ast-woo-two-step-modern-checkout .ast-border-none .ast-embed-checkout-form-steps .step-two.ast-current::before{left:0;top:0;width:100%;border-top-left-radius:0}#tve_editor ol{margin:0}#tve_editor ul{margin: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; +} diff --git a/assets/css/two-step-modern-checkout.css b/assets/css/two-step-modern-checkout.css new file mode 100644 index 00000000..2317e466 --- /dev/null +++ b/assets/css/two-step-modern-checkout.css @@ -0,0 +1,357 @@ +.ast-woo-two-step-modern-checkout { + width: 100%; + margin: 0 auto; +} + +.ast-woo-two-step-modern-checkout .ast-two-step-wrap { + padding-bottom: 2em; +} + +.ast-woo-two-step-modern-checkout .woocommerce { + border-top: none; + border-left-style: solid; + border-right-style: solid; + border-bottom-style: solid; + border-width: 2px; + border-color: var(--ast-border-color); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + padding: .7em 1.7em 1.7em; + overflow: hidden; + background-color: var(--ast-global-color-primary, --ast-global-color-5); +} + +.ast-woo-two-step-modern-checkout .woocommerce .ast-embed-checkout-form-nav-btns a.ast-next-button { + font-family: inherit; + font-weight: inherit; + letter-spacing: 0.5px; + width: 100%; + padding: 1em 1.7em; + font-size: 1.1em; + line-height: 1.5; + border-radius: 3px; + text-transform: none; + text-align: center; +} + +.ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #customer_details, .ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #order_review_heading, .ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #order_review { + width: 100%; + float: none; + margin-bottom: 0; +} + +.ast-woo-two-step-modern-checkout .woocommerce .ast-checkout-fields-wrapper { + display: block; +} + +.ast-woo-two-step-modern-checkout .woocommerce .ast-order-wrap { + display: none; +} + +.ast-woo-two-step-modern-checkout .woocommerce.step-two .ast-order-wrap { + display: block; +} + +.ast-woo-two-step-modern-checkout .woocommerce.step-two .ast-checkout-fields-wrapper { + display: none; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav { + border-left-style: solid; + border-right-style: solid; + border-width: 2px; + border-color: var(--ast-border-color); + border-top-left-radius: 3px; + border-top-right-radius: 3px; + display: block; + width: 100%; + margin: 0 auto; + padding-bottom: 0; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note { + border: 1px dashed; + border-color: var(--ast-global-color-0); + margin-bottom: 1.4em; + padding: 0.7em 1em; + border-radius: 3px; + background-color: var(--ast-global-color-0); + position: relative; + color: #fff; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note::before { + content: ""; + border: 10px solid; + border-top-color: var(--ast-global-color-0); + position: absolute; + width: 20px; + height: 20px; + bottom: -20px; + left: auto; + top: auto; + border-left: 10px transparent solid; + border-right: 10px transparent solid; + border-bottom: 10px transparent solid; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note p { + margin: 0; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns { + display: inline-block; + width: 100%; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-button-text { + display: inline-block; + font-size: 1.15em; + font-weight: 700; + vertical-align: middle; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-button-sub-text { + display: inline-block; + font-size: 0.9em; + font-weight: 400; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-next-button-icon-wrap { + display: block; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .dashicons-arrow-right-alt { + margin-right: 0.25em; + display: inline-block; + font-weight: 700; + vertical-align: middle; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button-content { + display: block; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button-content .customize-partial-edit-shortcut-button { + cursor: pointer !important; +} + +.ast-woo-two-step-modern-checkout ul.ast-embed-checkout-form-steps { + background-color: var(--ast-global-color-secondary, --ast-global-color-4); + -js-display: flex; + display: flex; + list-style: none; + margin-left: 0; + margin-bottom: 0; + padding: 0; + width: 100%; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps { + flex: 1; + width: 100%; + text-align: left; + vertical-align: middle; + position: relative; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps a { + -js-display: flex; + display: flex; + align-items: center; + padding: 1em; + width: 100%; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-heading { + display: inline-block; + vertical-align: middle; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-number { + display: inline-block; + font-weight: 700; + font-size: 1.66em; + line-height: 1.5; + margin-right: 0.4em; + vertical-align: middle; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-name { + font-weight: 600; + font-size: .94em; + line-height: 1.5; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-sub-name { + font-size: .86em; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.step-one, .ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.step-two { + opacity: 1; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .step-one.ast-current::before { + content: ""; + background-color: var(--ast-global-color-0); + border-top-left-radius: 3px; + width: calc( 100% + 2px); + height: 2px; + position: absolute; + left: -2px; + top: -2px; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .step-two.ast-current::before { + content: ""; + background-color: var(--ast-global-color-0); + border-top-right-radius: 3px; + width: calc( 100% + 2px); + height: 2px; + position: absolute; + right: -2px; + top: -2px; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .steps.ast-current { + background-color: var(--ast-global-color-primary, --ast-global-color-5); +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .ast-current .step-name { + color: var(--ast-global-color-0); +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .ast-current a { + text-decoration: none; + color: var(--ast-global-color-3); +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a { + text-decoration: none; + color: var(--ast-global-color-3); +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:visited { + color: var(--ast-global-color-3); + border: none; + outline: none; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:focus { + color: var(--ast-global-color-3); + border: none; + outline: none; +} + +.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:active { + color: var(--ast-global-color-3); + border: none; + outline: none; +} + +.ast-woo-two-step-modern-checkout .ast-border-none .ast-embed-checkout-form-steps .step-one.ast-current::before { + left: 0; + top: 0; + width: 100%; + border-top-left-radius: 0; +} + +.ast-woo-two-step-modern-checkout .ast-border-none .ast-embed-checkout-form-steps .step-two.ast-current::before { + right: 0; + top: 0; + width: 100%; + border-top-right-radius: 0; +} + +#tve_editor ol { + margin: 0; +} + +#tve_editor ul { + margin: 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; +} diff --git a/assets/css/two-step-modern-checkout.min.css b/assets/css/two-step-modern-checkout.min.css new file mode 100644 index 00000000..e24ceb61 --- /dev/null +++ b/assets/css/two-step-modern-checkout.min.css @@ -0,0 +1,85 @@ +.ast-woo-two-step-modern-checkout{width:100%;margin:0 auto}.ast-woo-two-step-modern-checkout .ast-two-step-wrap{padding-bottom:2em}.ast-woo-two-step-modern-checkout .woocommerce{border-top:none;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-width:2px;border-color:var(--ast-border-color);border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding:.7em 1.7em 1.7em;overflow:hidden;background-color:var(--ast-global-color-primary,--ast-global-color-5)}.ast-woo-two-step-modern-checkout .woocommerce .ast-embed-checkout-form-nav-btns a.ast-next-button{font-family:inherit;font-weight:inherit;letter-spacing:.5px;width:100%;padding:1em 1.7em;font-size:1.1em;line-height:1.5;border-radius:3px;text-transform:none;text-align:center}.ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #customer_details,.ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #order_review,.ast-woo-two-step-modern-checkout .woocommerce form.woocommerce-checkout #order_review_heading{width:100%;float:none;margin-bottom:0}.ast-woo-two-step-modern-checkout .woocommerce .ast-checkout-fields-wrapper{display:block}.ast-woo-two-step-modern-checkout .woocommerce .ast-order-wrap{display:none}.ast-woo-two-step-modern-checkout .woocommerce.step-two .ast-order-wrap{display:block}.ast-woo-two-step-modern-checkout .woocommerce.step-two .ast-checkout-fields-wrapper{display:none}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav{border-left-style:solid;border-right-style:solid;border-width:2px;border-color:var(--ast-border-color);border-top-left-radius:3px;border-top-right-radius:3px;display:block;width:100%;margin:0 auto;padding-bottom:0}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note{border:1px dashed;border-color:var(--ast-global-color-0);margin-bottom:1.4em;padding:.7em 1em;border-radius:3px;background-color:var(--ast-global-color-0);position:relative;color:#fff}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note::before{content:"";border:10px solid;border-top-color:var(--ast-global-color-0);position:absolute;width:20px;height:20px;bottom:-20px;left:auto;top:auto;border-left:10px transparent solid;border-right:10px transparent solid;border-bottom:10px transparent solid}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-note p{margin:0}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns{display:inline-block;width:100%}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-button-text{display:inline-block;font-size:1.15em;font-weight:700;vertical-align:middle}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-button-sub-text{display:inline-block;font-size:.9em;font-weight:400}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .ast-next-button-icon-wrap{display:block}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button .dashicons-arrow-right-alt{margin-right:.25em;display:inline-block;font-weight:700;vertical-align:middle}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button-content{display:block}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-nav-btns .ast-next-button-content .customize-partial-edit-shortcut-button{cursor:pointer!important}.ast-woo-two-step-modern-checkout ul.ast-embed-checkout-form-steps{background-color:var(--ast-global-color-secondary,--ast-global-color-4);-js-display:flex;display:flex;list-style:none;margin-left:0;margin-bottom:0;padding:0;width:100%}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps{flex:1;width:100%;text-align:left;vertical-align:middle;position:relative}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps a{-js-display:flex;display:flex;align-items:center;padding:1em;width:100%}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-heading{display:inline-block;vertical-align:middle}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-number{display:inline-block;font-weight:700;font-size:1.66em;line-height:1.5;margin-right:.4em;vertical-align:middle}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-name{font-weight:600;font-size:.94em;line-height:1.5}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.steps .step-sub-name{font-size:.86em}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.step-one,.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps div.step-two{opacity:1}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .step-one.ast-current::before{content:"";background-color:var(--ast-global-color-0);border-top-left-radius:3px;width:calc(100% + 2px);height:2px;position:absolute;left:-2px;top:-2px}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .step-two.ast-current::before{content:"";background-color:var(--ast-global-color-0);border-top-right-radius:3px;width:calc(100% + 2px);height:2px;position:absolute;right:-2px;top:-2px}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .steps.ast-current{background-color:var(--ast-global-color-primary,--ast-global-color-5)}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .ast-current .step-name{color:var(--ast-global-color-0)}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps .ast-current a{text-decoration:none;color:var(--ast-global-color-3)}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a{text-decoration:none;color:var(--ast-global-color-3)}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:visited{color:var(--ast-global-color-3);border:none;outline:0}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:focus{color:var(--ast-global-color-3);border:none;outline:0}.ast-woo-two-step-modern-checkout .ast-embed-checkout-form-steps a:active{color:var(--ast-global-color-3);border:none;outline:0}.ast-woo-two-step-modern-checkout .ast-border-none .ast-embed-checkout-form-steps .step-one.ast-current::before{left:0;top:0;width:100%;border-top-left-radius:0}.ast-woo-two-step-modern-checkout .ast-border-none .ast-embed-checkout-form-steps .step-two.ast-current::before{right:0;top:0;width:100%;border-top-right-radius:0}#tve_editor ol{margin:0}#tve_editor ul{margin: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; +} diff --git a/assets/css/two-steps-checkout-rtl.css b/assets/css/two-steps-checkout-rtl.css new file mode 100644 index 00000000..b236fc56 --- /dev/null +++ b/assets/css/two-steps-checkout-rtl.css @@ -0,0 +1,224 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout:after, +.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout:after { + clear: both; + content: ""; + display: table; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav { + -js-display: flex; + display: flex; + list-style: none; + margin-right: 0; + padding: 1em 0 3.632em; + margin-bottom: 2.618em; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li { + position: relative; + flex: 1; + text-align: center; + line-height: 3; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:before, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:before { + content: ""; + display: block; + height: 4px; + width: 50%; + position: absolute; + bottom: -1.1em; + left: 0; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:after, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:after { + display: block; + content: ""; + width: 1em; + height: 1em; + position: absolute; + bottom: -1.5em; + right: 50%; + margin-right: -.5em; + box-sizing: border-box; + background-color: #ffffff; + border-width: 3px; + border-style: solid; + border-radius: 20px; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li:nth-child(2) a:before, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li:nth-child(2) a:before { + right: 0; + left: auto; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout, +.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout { + margin-right: 0; +} + +.woocommerce.ast-woo-two-step-checkout form #order_review_heading, +.woocommerce-page.ast-woo-two-step-checkout form #order_review_heading { + display: none; + padding: 20px 0 14px; + margin: 0 0 20px; + border: 0; + border-bottom: 1px solid var(--ast-border-color); +} + +.woocommerce.ast-woo-two-step-checkout form .order-review #order_review_heading, +.woocommerce.ast-woo-two-step-checkout form .order-review .ast-checkout-addresses, +.woocommerce-page.ast-woo-two-step-checkout form .order-review #order_review_heading, +.woocommerce-page.ast-woo-two-step-checkout form .order-review .ast-checkout-addresses { + display: block; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-addresses, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-addresses { + display: none; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout > li:not(.flex-active-slide), +.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout > li:not(.flex-active-slide) { + height: 0; + display: none !important; +} + +.woocommerce.ast-woo-two-step-checkout form #order_review, +.woocommerce-page.ast-woo-two-step-checkout form #order_review { + padding: 0; + border: 0; +} + +.woocommerce.ast-woo-two-step-checkout form #payment #place_order, +.woocommerce-page.ast-woo-two-step-checkout form #payment #place_order { + width: 100%; + padding-top: 1em; + font-size: 1.3em; + padding-bottom: 1em; +} + +.woocommerce.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_country, +.woocommerce.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_state, +.woocommerce-page.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_country, +.woocommerce-page.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_state { + border-color: var(--ast-border-color); + background: #ffffff; +} + +.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav, +.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav { + list-style: none; + -js-display: flex; + display: flex; + margin-right: 0; +} + +.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav > li, +.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav > li { + flex: 1; +} + +.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav > li:last-child, +.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav > li:last-child { + text-align: left; +} + +.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav a.flex-disabled, +.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav a.flex-disabled { + 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; +} diff --git a/assets/css/two-steps-checkout-rtl.min.css b/assets/css/two-steps-checkout-rtl.min.css new file mode 100644 index 00000000..925e9bf8 --- /dev/null +++ b/assets/css/two-steps-checkout-rtl.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout:after,.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout:after{clear:both;content:"";display:table}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav{-js-display:flex;display:flex;list-style:none;margin-right:0;padding:1em 0 3.632em;margin-bottom:2.618em}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li{position:relative;flex:1;text-align:center;line-height:3}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:before,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:before{content:"";display:block;height:4px;width:50%;position:absolute;bottom:-1.1em;left:0}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:after,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:after{display:block;content:"";width:1em;height:1em;position:absolute;bottom:-1.5em;right:50%;margin-right:-.5em;box-sizing:border-box;background-color:#fff;border-width:3px;border-style:solid;border-radius:20px}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li:nth-child(2) a:before,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li:nth-child(2) a:before{right:0;left:auto}.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout,.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout{margin-right:0}.woocommerce-page.ast-woo-two-step-checkout form #order_review_heading,.woocommerce.ast-woo-two-step-checkout form #order_review_heading{display:none;padding:20px 0 14px;margin:0 0 20px;border:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-page.ast-woo-two-step-checkout form .order-review #order_review_heading,.woocommerce-page.ast-woo-two-step-checkout form .order-review .ast-checkout-addresses,.woocommerce.ast-woo-two-step-checkout form .order-review #order_review_heading,.woocommerce.ast-woo-two-step-checkout form .order-review .ast-checkout-addresses{display:block}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-addresses,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-addresses{display:none}.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout>li:not(.flex-active-slide),.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout>li:not(.flex-active-slide){height:0;display:none!important}.woocommerce-page.ast-woo-two-step-checkout form #order_review,.woocommerce.ast-woo-two-step-checkout form #order_review{padding:0;border:0}.woocommerce-page.ast-woo-two-step-checkout form #payment #place_order,.woocommerce.ast-woo-two-step-checkout form #payment #place_order{width:100%;padding-top:1em;font-size:1.3em;padding-bottom:1em}.woocommerce-page.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_country,.woocommerce-page.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_state,.woocommerce.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_country,.woocommerce.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_state{border-color:var(--ast-border-color);background:#fff}.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav,.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav{list-style:none;-js-display:flex;display:flex;margin-right:0}.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav>li,.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav>li{flex:1}.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav>li:last-child,.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav>li:last-child{text-align:left}.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav a.flex-disabled,.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav a.flex-disabled{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; +} diff --git a/assets/css/two-steps-checkout.css b/assets/css/two-steps-checkout.css new file mode 100644 index 00000000..3a5bd37d --- /dev/null +++ b/assets/css/two-steps-checkout.css @@ -0,0 +1,224 @@ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout:after, +.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout:after { + clear: both; + content: ""; + display: table; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav { + -js-display: flex; + display: flex; + list-style: none; + margin-left: 0; + padding: 1em 0 3.632em; + margin-bottom: 2.618em; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li { + position: relative; + flex: 1; + text-align: center; + line-height: 3; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:before, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:before { + content: ""; + display: block; + height: 4px; + width: 50%; + position: absolute; + bottom: -1.1em; + right: 0; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:after, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:after { + display: block; + content: ""; + width: 1em; + height: 1em; + position: absolute; + bottom: -1.5em; + left: 50%; + margin-left: -.5em; + box-sizing: border-box; + background-color: #ffffff; + border-width: 3px; + border-style: solid; + border-radius: 20px; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li:nth-child(2) a:before, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li:nth-child(2) a:before { + left: 0; + right: auto; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout, +.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout { + margin-left: 0; +} + +.woocommerce.ast-woo-two-step-checkout form #order_review_heading, +.woocommerce-page.ast-woo-two-step-checkout form #order_review_heading { + display: none; + padding: 20px 0 14px; + margin: 0 0 20px; + border: 0; + border-bottom: 1px solid var(--ast-border-color); +} + +.woocommerce.ast-woo-two-step-checkout form .order-review #order_review_heading, +.woocommerce.ast-woo-two-step-checkout form .order-review .ast-checkout-addresses, +.woocommerce-page.ast-woo-two-step-checkout form .order-review #order_review_heading, +.woocommerce-page.ast-woo-two-step-checkout form .order-review .ast-checkout-addresses { + display: block; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-checkout-addresses, +.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-addresses { + display: none; +} + +.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout > li:not(.flex-active-slide), +.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout > li:not(.flex-active-slide) { + height: 0; + display: none !important; +} + +.woocommerce.ast-woo-two-step-checkout form #order_review, +.woocommerce-page.ast-woo-two-step-checkout form #order_review { + padding: 0; + border: 0; +} + +.woocommerce.ast-woo-two-step-checkout form #payment #place_order, +.woocommerce-page.ast-woo-two-step-checkout form #payment #place_order { + width: 100%; + padding-top: 1em; + font-size: 1.3em; + padding-bottom: 1em; +} + +.woocommerce.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_country, +.woocommerce.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_state, +.woocommerce-page.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_country, +.woocommerce-page.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_state { + border-color: var(--ast-border-color); + background: #ffffff; +} + +.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav, +.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav { + list-style: none; + -js-display: flex; + display: flex; + margin-left: 0; +} + +.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav > li, +.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav > li { + flex: 1; +} + +.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav > li:last-child, +.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav > li:last-child { + text-align: right; +} + +.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav a.flex-disabled, +.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav a.flex-disabled { + 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; +} diff --git a/assets/css/two-steps-checkout.min.css b/assets/css/two-steps-checkout.min.css new file mode 100644 index 00000000..0774fe0e --- /dev/null +++ b/assets/css/two-steps-checkout.min.css @@ -0,0 +1,85 @@ +.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout:after,.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout:after{clear:both;content:"";display:table}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav{-js-display:flex;display:flex;list-style:none;margin-left:0;padding:1em 0 3.632em;margin-bottom:2.618em}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li{position:relative;flex:1;text-align:center;line-height:3}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:before,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:before{content:"";display:block;height:4px;width:50%;position:absolute;bottom:-1.1em;right:0}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:after,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li a:after{display:block;content:"";width:1em;height:1em;position:absolute;bottom:-1.5em;left:50%;margin-left:-.5em;box-sizing:border-box;background-color:#fff;border-width:3px;border-style:solid;border-radius:20px}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-control-nav li:nth-child(2) a:before,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-control-nav li:nth-child(2) a:before{left:0;right:auto}.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout,.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout{margin-left:0}.woocommerce-page.ast-woo-two-step-checkout form #order_review_heading,.woocommerce.ast-woo-two-step-checkout form #order_review_heading{display:none;padding:20px 0 14px;margin:0 0 20px;border:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-page.ast-woo-two-step-checkout form .order-review #order_review_heading,.woocommerce-page.ast-woo-two-step-checkout form .order-review .ast-checkout-addresses,.woocommerce.ast-woo-two-step-checkout form .order-review #order_review_heading,.woocommerce.ast-woo-two-step-checkout form .order-review .ast-checkout-addresses{display:block}.woocommerce-page.ast-woo-two-step-checkout form .ast-checkout-addresses,.woocommerce.ast-woo-two-step-checkout form .ast-checkout-addresses{display:none}.woocommerce-page.ast-woo-two-step-checkout form .ast-two-step-checkout>li:not(.flex-active-slide),.woocommerce.ast-woo-two-step-checkout form .ast-two-step-checkout>li:not(.flex-active-slide){height:0;display:none!important}.woocommerce-page.ast-woo-two-step-checkout form #order_review,.woocommerce.ast-woo-two-step-checkout form #order_review{padding:0;border:0}.woocommerce-page.ast-woo-two-step-checkout form #payment #place_order,.woocommerce.ast-woo-two-step-checkout form #payment #place_order{width:100%;padding-top:1em;font-size:1.3em;padding-bottom:1em}.woocommerce-page.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_country,.woocommerce-page.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_state,.woocommerce.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_country,.woocommerce.ast-woo-two-step-checkout form .form-row.woocommerce-validated select#billing_state{border-color:var(--ast-border-color);background:#fff}.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav,.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav{list-style:none;-js-display:flex;display:flex;margin-left:0}.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav>li,.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav>li{flex:1}.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav>li:last-child,.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav>li:last-child{text-align:right}.woocommerce-page.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav a.flex-disabled,.woocommerce.ast-woo-two-step-checkout .ast-checkout-slides .flex-direction-nav a.flex-disabled{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; +} diff --git a/assets/css/typography-rtl.css b/assets/css/typography-rtl.css new file mode 100644 index 00000000..0ec6f48f --- /dev/null +++ b/assets/css/typography-rtl.css @@ -0,0 +1,134 @@ +.select2-container { + width: 100% !important; +} + +span.select2-container.select2-container--default.select2-container--open { + z-index: 999999; +} + +span.select2-container.select2-container--default.select2-container--open li.select2-results__option { + margin: 0; +} + +.select2-selection__rendered li { + margin-bottom: 0; +} + +.select2-container--default .select2-selection--single, .select2-container--default.select2-container .select2-selection--multiple { + border-color: #ddd; + border-radius: 0; +} + +.select2-dropdown, .select2-container--default .select2-selection--multiple .select2-selection__choice { + border-color: #ddd; + border-radius: 0; +} + +.customize-control.customize-control-ast-hidden { + margin-top: 0; +} + +/* Vetically align customizer footer device icons */ +.wp-full-overlay-footer .devices-wrapper .preview-desktop, +.wp-full-overlay-footer .devices-wrapper .preview-tablet, +.wp-full-overlay-footer .devices-wrapper .preview-mobile { + vertical-align: middle; +} + +.customize-control-ast-font-variant .ast-variant-select input#react-select-2-input:focus { + box-shadow: none; +} + +.ast-variant-select [CLASS*="-indicatorContainer"] { + padding: 2px; + display: contents; +} + +.ast-variant-select [CLASS*="-multiValue"] > div:first-child { + padding: 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; +} diff --git a/assets/css/typography.css b/assets/css/typography.css new file mode 100644 index 00000000..0ec6f48f --- /dev/null +++ b/assets/css/typography.css @@ -0,0 +1,134 @@ +.select2-container { + width: 100% !important; +} + +span.select2-container.select2-container--default.select2-container--open { + z-index: 999999; +} + +span.select2-container.select2-container--default.select2-container--open li.select2-results__option { + margin: 0; +} + +.select2-selection__rendered li { + margin-bottom: 0; +} + +.select2-container--default .select2-selection--single, .select2-container--default.select2-container .select2-selection--multiple { + border-color: #ddd; + border-radius: 0; +} + +.select2-dropdown, .select2-container--default .select2-selection--multiple .select2-selection__choice { + border-color: #ddd; + border-radius: 0; +} + +.customize-control.customize-control-ast-hidden { + margin-top: 0; +} + +/* Vetically align customizer footer device icons */ +.wp-full-overlay-footer .devices-wrapper .preview-desktop, +.wp-full-overlay-footer .devices-wrapper .preview-tablet, +.wp-full-overlay-footer .devices-wrapper .preview-mobile { + vertical-align: middle; +} + +.customize-control-ast-font-variant .ast-variant-select input#react-select-2-input:focus { + box-shadow: none; +} + +.ast-variant-select [CLASS*="-indicatorContainer"] { + padding: 2px; + display: contents; +} + +.ast-variant-select [CLASS*="-multiValue"] > div:first-child { + padding: 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; +} diff --git a/assets/css/update-notice.css b/assets/css/update-notice.css new file mode 100644 index 00000000..c082efbf --- /dev/null +++ b/assets/css/update-notice.css @@ -0,0 +1,121 @@ +.uagb-plugin-update-notification { + margin-bottom: 10px; + max-width: 1000px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.uagb-plugin-update-notification__separator { + margin: 15px -12px; +} +.uagb-plugin-update-notification__icon { + font-size: 17px; + margin-right: 9px; + margin-left: 2px; +} +.uagb-plugin-update-notification__title { + font-weight: 600; + margin-bottom: 10px; +} +.uagb-plugin-update-notification + p { + display: none; +} + +.notice-success .uagb-plugin-update-notification__separator { + border: 1px solid #46b450; +} +.notice-success .uagb-plugin-update-notification__icon { + color: #79ba49; +} + +.notice-warning .uagb-plugin-update-notification__separator { + border: 1px solid #ffb900; +} +.notice-warning .uagb-plugin-update-notification__icon { + color: #f56e28; +} + + +/* 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; +} diff --git a/assets/css/upgrade-rtl.css b/assets/css/upgrade-rtl.css new file mode 100644 index 00000000..f244ba18 --- /dev/null +++ b/assets/css/upgrade-rtl.css @@ -0,0 +1,222 @@ +.ast-upgrade-pro-wrap .ast-upgrade-trigger, .ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap { + width: 100%; + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; + position: relative; + overflow: hidden; + justify-content: center; +} +.ast-upgrade-pro-wrap .ast-upgrade-cta { + position: absolute; + top: auto; + right: auto; + width: auto; + height: 28px; + border-radius: 4px; + padding: 0 5px 0 8px; + font-size: 1em; + line-height: 1em; + display: inline-flex; + color: var(--ast-customizer-color-1); + background: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-1); + align-items: center; + align-content: center; + white-space: nowrap; +} +a.ast-upgrade-trigger:focus, a.ast-upgrade-trigger:active { + box-shadow: none; + border: none; + outline: none; +} +.ast-upgrade-pro-wrap .ast-upgrade-section-title { + margin-right: 8px; +} +.ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap > svg { + width: 100%; + height: 100%; + filter: blur(4px); +} +.ast-upgrade-pro-wrap .ast-upgrade-cta svg { + width: 1.2em; + height: 1.2em; +} + +/** Radio image upgrade CSS */ +.customize-control-ast-radio-image .ast-pro-option > *:not(.image-clickable) { + opacity: 0.4; +} +.ast-radio-img-svg.ast-pro-option .image-clickable::before { + display: inline-flex; + position: absolute; + top: 36%; + right: 41%; + content: ''; + background-size: 1.5em 1.5em; + height: 1.5em; + width: 1.5em; + border: 1px solid var(--ast-customizer-color-1); + background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 7.2001H11.7002V4.8001C11.7002 3.0401 10.2602 1.6001 8.5002 1.6001C6.7402 1.6001 5.3002 3.0401 5.3002 4.8001V7.2001H4.5002C4.1002 7.2001 3.7002 7.6001 3.7002 8.0001V13.6001C3.7002 14.0001 4.1002 14.4001 4.5002 14.4001H12.5002C12.9002 14.4001 13.3002 14.0001 13.3002 13.6001V8.0001C13.3002 7.6001 12.9002 7.2001 12.5002 7.2001ZM9.3002 12.8001H7.7002L8.0202 11.0401C7.6202 10.8801 7.3002 10.4001 7.3002 10.0001C7.3002 9.3601 7.8602 8.8001 8.5002 8.8001C9.1402 8.8001 9.7002 9.3601 9.7002 10.0001C9.7002 10.4801 9.4602 10.8801 8.9802 11.0401L9.3002 12.8001ZM10.1002 7.2001H6.9002V4.8001C6.9002 3.9201 7.6202 3.2001 8.5002 3.2001C9.3802 3.2001 10.1002 3.9201 10.1002 4.8001V7.2001Z' fill='%230284C7'/%3E%3C/svg%3E"); +} + +.ast-upgrade-list-wrapper { + text-align: center; +} +.ast-upgrade-list-wrapper .ast-brand-logo { + margin: 0; +} +.ast-upgrade-list-wrapper svg { + width: 32px; + height: 32px; +} +.ast-upgrade-list-items { + margin-bottom: 1.8em; +} +.ast-upgrade-list-wrapper .ast-upgrade-list-section-title { + margin: 0.5em auto 1.8em; + max-width: 240px; +} +.ast-pro-upgrade-item svg { + vertical-align: middle; + margin-left: 5px; + fill: var(--ast-customizer-color-1); +} +.ast-pro-upgrade-item span { + display: inline; +} +.ast-upgrade-list-description { + margin: 5px 20px 0 0; +} +.ast-upgrade-list-title { + font-weight: 600; +} +.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available), +.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available) *, +.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available), +.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available) * { + color: var(--ast-customizer-color-9); + background: var(--ast-customizer-color-1); +} +.customize-control .button.ahfb-builder-section-shortcut { + border-right: 1px solid #ddd; + border-left: 1px solid #ddd; +} +.ast-customize-control-title a.ast-builder-upgrade-link { + background: var(--ast-customizer-color-9) !important; + color: var(--ast-customizer-color-1) !important; + box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.16); + margin-right: 10px; + border-radius: 4px; + padding: 3px 10px 5px; + text-decoration: none; + vertical-align: top; +} +.ast-pro-upgrade-item p { + margin: 1.25em 0; + line-height: 1; +} +li#customize-control-astra-settings-header-builder-pro-items .ast-upgrade-pro-wrap, +li#customize-control-astra-settings-footer-builder-pro-items .ast-upgrade-pro-wrap { + padding-right: 12px; + padding-left: 12px; +} + +/* Styling for SVG Icon Control's icon lbrary picker */ +.customize-control-ast-svg-icon-selector .icon-library-picker input[type="tel"] { + max-width: 40px; + } + + /* Styling for SVG Icon Control's textarea */ + .customize-control-ast-svg-icon-selector .custom-svg-icon-wrapper textarea { + width: 100%; + margin: 8px 0; + height: 100px; + } + + +/* 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; +} diff --git a/assets/css/upgrade.css b/assets/css/upgrade.css new file mode 100644 index 00000000..62aff8fa --- /dev/null +++ b/assets/css/upgrade.css @@ -0,0 +1,222 @@ +.ast-upgrade-pro-wrap .ast-upgrade-trigger, .ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap { + width: 100%; + -js-display: inline-flex; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + align-content: center; + position: relative; + overflow: hidden; + justify-content: center; +} +.ast-upgrade-pro-wrap .ast-upgrade-cta { + position: absolute; + top: auto; + left: auto; + width: auto; + height: 28px; + border-radius: 4px; + padding: 0 8px 0 5px; + font-size: 1em; + line-height: 1em; + display: inline-flex; + color: var(--ast-customizer-color-1); + background: var(--ast-customizer-color-9); + border: 1px solid var(--ast-customizer-color-1); + align-items: center; + align-content: center; + white-space: nowrap; +} +a.ast-upgrade-trigger:focus, a.ast-upgrade-trigger:active { + box-shadow: none; + border: none; + outline: none; +} +.ast-upgrade-pro-wrap .ast-upgrade-section-title { + margin-left: 8px; +} +.ast-upgrade-pro-wrap .ast-upgrade-pro-innerwrap > svg { + width: 100%; + height: 100%; + filter: blur(4px); +} +.ast-upgrade-pro-wrap .ast-upgrade-cta svg { + width: 1.2em; + height: 1.2em; +} + +/** Radio image upgrade CSS */ +.customize-control-ast-radio-image .ast-pro-option > *:not(.image-clickable) { + opacity: 0.4; +} +.ast-radio-img-svg.ast-pro-option .image-clickable::before { + display: inline-flex; + position: absolute; + top: 36%; + left: 41%; + content: ''; + background-size: 1.5em 1.5em; + height: 1.5em; + width: 1.5em; + border: 1px solid var(--ast-customizer-color-1); + background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5002 7.2001H11.7002V4.8001C11.7002 3.0401 10.2602 1.6001 8.5002 1.6001C6.7402 1.6001 5.3002 3.0401 5.3002 4.8001V7.2001H4.5002C4.1002 7.2001 3.7002 7.6001 3.7002 8.0001V13.6001C3.7002 14.0001 4.1002 14.4001 4.5002 14.4001H12.5002C12.9002 14.4001 13.3002 14.0001 13.3002 13.6001V8.0001C13.3002 7.6001 12.9002 7.2001 12.5002 7.2001ZM9.3002 12.8001H7.7002L8.0202 11.0401C7.6202 10.8801 7.3002 10.4001 7.3002 10.0001C7.3002 9.3601 7.8602 8.8001 8.5002 8.8001C9.1402 8.8001 9.7002 9.3601 9.7002 10.0001C9.7002 10.4801 9.4602 10.8801 8.9802 11.0401L9.3002 12.8001ZM10.1002 7.2001H6.9002V4.8001C6.9002 3.9201 7.6202 3.2001 8.5002 3.2001C9.3802 3.2001 10.1002 3.9201 10.1002 4.8001V7.2001Z' fill='%230284C7'/%3E%3C/svg%3E"); +} + +.ast-upgrade-list-wrapper { + text-align: center; +} +.ast-upgrade-list-wrapper .ast-brand-logo { + margin: 0; +} +.ast-upgrade-list-wrapper svg { + width: 32px; + height: 32px; +} +.ast-upgrade-list-items { + margin-bottom: 1.8em; +} +.ast-upgrade-list-wrapper .ast-upgrade-list-section-title { + margin: 0.5em auto 1.8em; + max-width: 240px; +} +.ast-pro-upgrade-item svg { + vertical-align: middle; + margin-right: 5px; + fill: var(--ast-customizer-color-1); +} +.ast-pro-upgrade-item span { + display: inline; +} +.ast-upgrade-list-description { + margin: 5px 0 0 20px; +} +.ast-upgrade-list-title { + font-weight: 600; +} +.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available), +.ahfb-header-builder-active li#customize-control-astra-settings-builder-header:not(.ast-pro-available) *, +.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available), +.ahfb-footer-builder-active li#customize-control-astra-settings-builder-footer:not(.ast-pro-available) * { + color: var(--ast-customizer-color-9); + background: var(--ast-customizer-color-1); +} +.customize-control .button.ahfb-builder-section-shortcut { + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; +} +.ast-customize-control-title a.ast-builder-upgrade-link { + background: var(--ast-customizer-color-9) !important; + color: var(--ast-customizer-color-1) !important; + box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.16); + margin-left: 10px; + border-radius: 4px; + padding: 3px 10px 5px; + text-decoration: none; + vertical-align: top; +} +.ast-pro-upgrade-item p { + margin: 1.25em 0; + line-height: 1; +} +li#customize-control-astra-settings-header-builder-pro-items .ast-upgrade-pro-wrap, +li#customize-control-astra-settings-footer-builder-pro-items .ast-upgrade-pro-wrap { + padding-left: 12px; + padding-right: 12px; +} + +/* Styling for SVG Icon Control's icon lbrary picker */ +.customize-control-ast-svg-icon-selector .icon-library-picker input[type="tel"] { + max-width: 40px; + } + + /* Styling for SVG Icon Control's textarea */ + .customize-control-ast-svg-icon-selector .custom-svg-icon-wrapper textarea { + width: 100%; + margin: 8px 0; + height: 100px; + } + + +/* 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; +} diff --git a/assets/css/vc-plugin.min-rtl.css b/assets/css/vc-plugin.min-rtl.css new file mode 100644 index 00000000..858540ba --- /dev/null +++ b/assets/css/vc-plugin.min-rtl.css @@ -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; +} diff --git a/assets/css/vc-plugin.min.css b/assets/css/vc-plugin.min.css new file mode 100644 index 00000000..289954b0 --- /dev/null +++ b/assets/css/vc-plugin.min.css @@ -0,0 +1,85 @@ +.js_active .vc_row{margin-left:auto;margin-right:auto}.js_active .ast-plain-container.ast-single-post #primary,.js_active .ast-plain-container.ast-single-post .hentry{margin:0;padding-top:0;padding-bottom:0}.js_active .ast-plain-container.ast-single-post .entry-header{margin-top:4em}.js_active .ast-plain-container.ast-single-post .entry-header.ast-header-without-markup{margin-top:0;margin-bottom:0}.js_active .ast-plain-container.ast-single-post .entry-header.ast-no-title.ast-no-meta{margin-bottom:0}@media (max-width:768px){.js_active .ast-plain-container.ast-single-post .entry-header{margin-top:1.5em}}.js_active .ast-page-builder-template.ast-left-sidebar .vc_row[data-vc-full-width],.js_active .ast-page-builder-template.ast-right-sidebar .vc_row[data-vc-full-width],.js_active .ast-plain-container.ast-left-sidebar .vc_row[data-vc-full-width],.js_active .ast-plain-container.ast-right-sidebar .vc_row[data-vc-full-width]{max-width:100%;left:0!important}.js_active .ast-left-sidebar .vc_row[data-vc-full-width],.js_active .ast-right-sidebar .vc_row[data-vc-full-width]{max-width:100%;left:0!important;padding-right:0!important;padding-left:0!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; +} diff --git a/assets/css/visibility.css b/assets/css/visibility.css new file mode 100644 index 00000000..e01502ee --- /dev/null +++ b/assets/css/visibility.css @@ -0,0 +1,89 @@ +header.site-header, +footer.site-footer { + 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; +} diff --git a/assets/css/visibility.min.css b/assets/css/visibility.min.css new file mode 100644 index 00000000..d0cc377e --- /dev/null +++ b/assets/css/visibility.min.css @@ -0,0 +1,85 @@ +footer.site-footer,header.site-header{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; +} diff --git a/assets/css/welcome.css b/assets/css/welcome.css new file mode 100644 index 00000000..0fa7d9a7 --- /dev/null +++ b/assets/css/welcome.css @@ -0,0 +1,87 @@ +@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap); +.eb-welcome-container{margin:0 auto;max-width:100%;width:1170px}.eb-welcome-grid{display:grid;gap:30px;grid-template-columns:repeat(12,1fr);place-items:center}body.admin_page_welcome-essential-blocks{background-color:#f5f5f5}.essential-blocks-welcome-page-wrapper{font-family:DM Sans,sans-serif;margin-right:20px}.essential-blocks-welcome-page-wrapper a,.essential-blocks-welcome-page-wrapper span{color:#2673ff;text-decoration:none}.essential-blocks-welcome-page-wrapper h2,.essential-blocks-welcome-page-wrapper h3,.essential-blocks-welcome-page-wrapper h4,.essential-blocks-welcome-page-wrapper h5,.essential-blocks-welcome-page-wrapper h6{margin:0}.essential-blocks-welcome-page-wrapper p{margin:0;padding:0}.eb-welcome-header-wrapper{background-color:#2673ff;color:#fff;margin:20px 0 110px;padding:75px 30px;text-align:center}.eb-welcome-header-wrapper h2{color:#fff;font-size:36px;font-style:normal;font-weight:700;line-height:48px;margin-bottom:10px}.eb-welcome-header-wrapper p{color:#fff;font-size:20px;font-weight:400;line-height:34px;margin:0 15%}.eb-welcome-section-header{margin-bottom:50px;text-align:center}.eb-welcome-section-header h3{color:#211c70;font-size:36px;font-style:normal;font-weight:700;line-height:48px;margin-bottom:25px}.eb-welcome-section-header p{color:#6a72a5;font-size:18px;font-style:normal;font-weight:400;line-height:34px;margin:0 15%;text-align:center}.eb-whats-new-wrapper{margin-bottom:60px}.eb-whats-new-header span{color:#2673ff}.eb-global-controls-wrapper{background:#fdf7ef;border:1px solid #c5b094;border-radius:25px;box-sizing:border-box;margin-bottom:40px;padding:40px 40px 0}.eb-global-controls-wrapper h4{color:#211c70;font-size:36px;font-style:normal;font-weight:700;line-height:34px;margin-bottom:20px}.eb-global-controls-wrapper p{color:#3b416a;font-size:18px;font-weight:400;line-height:32px}.eb-new-block-wrapper{background:#e3fff0;border:1px solid #81c49f;border-radius:25px;box-sizing:border-box;margin-bottom:60px;padding:40px 40px 0}.eb-new-block-wrapper h4{color:#211c70;font-size:36px;font-style:normal;font-weight:700;line-height:34px;margin-bottom:20px}.eb-new-block-wrapper p{color:#3b416a;font-size:18px;font-weight:400;line-height:32px}.eb-option-wrapper{background-color:#2673ff;box-sizing:border-box;color:#fff;margin-bottom:110px;padding:90px 40px}.eb-option-wrapper h4{color:#fff;font-size:36px;font-style:normal;font-weight:500;line-height:1.2em;margin-bottom:20px}.eb-option-wrapper p{margin-bottom:20px}.eb-option-wrapper a,.eb-option-wrapper p{color:#fff;font-size:20px;font-style:normal;font-weight:400;line-height:34px}.eb-option-wrapper a{text-decoration:underline}.eb-option-wrapper img{margin-bottom:10px;margin-left:-10px}.eb-dashboard-list .eb-welcome-grid{margin-bottom:30px}.eb-dashboard-list img{margin-bottom:-55px}.eb-dashboard-list .eb-col-6{position:relative}.eb-dashboard-list .dashboard-title{color:#211c70;font-size:22px;font-style:normal;font-weight:700;left:50%;line-height:34px;margin-top:15px;position:absolute;transform:translateX(-50%)}.back-dashboard{background-color:#007bff;border:1px solid transparent;border-radius:.25rem;color:#fff!important;cursor:pointer;display:block;font-size:15px;font-size:1rem;font-weight:500;line-height:1.2em;line-height:1.5;margin:20px auto;padding:11px 20px;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:171px}.eb-welcome-flex{align-items:center;display:flex;justify-content:center}.eb-welcome-flex>*{flex:1;margin-bottom:40px}.eb-welcome-flex>div:first-child{margin-right:20px}.eb-video-container{padding-bottom:56.25%;position:relative}.eb-video-container iframe{border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}.eb-video{aspect-ratio:16/9;width:100%}@media (min-width:1025px){.eb-welcome-grid .eb-col-12{grid-column:span 12}.eb-welcome-grid .eb-col-8{grid-column:span 8}.eb-welcome-grid .eb-col-7{grid-column:span 7}.eb-welcome-grid .eb-col-6{grid-column:span 6}.eb-welcome-grid .eb-col-5{grid-column:span 5}.eb-welcome-grid .eb-col-4{grid-column:span 4}.eb-welcome-grid .eb-col-3{grid-column:span 3}.eb-dashboard-list .eb-col-6:nth-child(2n){justify-self:flex-start}.eb-dashboard-list .eb-col-6:nth-child(odd){justify-self:flex-end}}@media (max-width:1024px){.eb-welcome-grid .eb-col-12,.eb-welcome-grid .eb-col-3,.eb-welcome-grid .eb-col-4,.eb-welcome-grid .eb-col-5,.eb-welcome-grid .eb-col-6,.eb-welcome-grid .eb-col-7,.eb-welcome-grid .eb-col-8{grid-column:span 12;margin-bottom:20px;text-align:center}.eb-welcome-flex{display:block}} + + +/* 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; +} diff --git a/assets/css/woo-modern-input-rtl.css b/assets/css/woo-modern-input-rtl.css new file mode 100644 index 00000000..fbc7827c --- /dev/null +++ b/assets/css/woo-modern-input-rtl.css @@ -0,0 +1,203 @@ +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="text"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="number"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="email"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="url"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="password"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="search"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single { + border: 1px solid var(--ast-border-color); + border-radius: 4px; + padding: 0.9em 0.8em; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="text"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="number"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="email"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="url"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="password"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="search"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single:focus:-ms-input-placeholder { + opacity: 1 !important; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="text"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="number"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="email"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="url"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="password"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="search"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single:focus::placeholder { + opacity: 1 !important; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="text"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="number"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="email"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="url"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="password"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="search"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select.field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea.field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single.field-required { + border-color: #d65d67; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b { + display: none; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row label:not(.checkbox):not(.radio):not(.woocommerce-form__label-for-checkbox) { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + position: absolute; + color: var(--ast-global-color-3); + font-size: 0.7em; + font-weight: inherit; + margin-top: 0.35em; + padding: 0 1.1em; + line-height: 1.625; + opacity: 0; + height: auto; + width: auto; + clip-path: none; + clip: unset; + white-space: nowrap; + overflow: hidden; + max-width: 95%; + text-overflow: ellipsis; + z-index: 1; + transition: all 0.2s ease-out; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row [ID*="mailchimp_woocommerce"] { + pointer-events: visible; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input label:not(.checkbox):not(.woocommerce-form__label-for-checkbox) { + opacity: 1; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="text"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="number"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="email"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="url"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="password"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="search"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=reset], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=tel], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input select, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input textarea, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input .select2-container--default .select2-selection--single { + padding: 1.45em 0.8em 0.35em; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="text"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="number"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="email"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="url"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="password"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="search"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=reset], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=tel], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid select, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid textarea, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid .select2-container--default .select2-selection--single { + border-color: #d65d67; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods .payment_method_stripe label { + opacity: 1; + padding: 0; + position: relative; +} + + +/* 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; +} diff --git a/assets/css/woo-modern-input-rtl.min.css b/assets/css/woo-modern-input-rtl.min.css new file mode 100644 index 00000000..8bf5d897 --- /dev/null +++ b/assets/css/woo-modern-input-rtl.min.css @@ -0,0 +1,85 @@ +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=email],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=number],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=password],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=search],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=text],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=url],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea{border:1px solid var(--ast-border-color);border-radius:4px;padding:.9em .8em}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=email]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=number]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=password]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=search]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=text]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=url]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea:focus:-ms-input-placeholder{opacity:1!important}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=email]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=number]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=password]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=search]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=text]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=url]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea:focus::placeholder{opacity:1!important}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single.field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=email].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=number].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=password].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=search].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=text].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=url].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select.field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea.field-required{border-color:#d65d67}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row label:not(.checkbox):not(.radio):not(.woocommerce-form__label-for-checkbox){-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;color:var(--ast-global-color-3);font-size:.7em;font-weight:inherit;margin-top:.35em;padding:0 1.1em;line-height:1.625;opacity:0;height:auto;width:auto;clip-path:none;clip:unset;white-space:nowrap;overflow:hidden;max-width:95%;text-overflow:ellipsis;z-index:1;transition:all .2s ease-out}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row [ID*=mailchimp_woocommerce]{pointer-events:visible}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input label:not(.checkbox):not(.woocommerce-form__label-for-checkbox){opacity:1}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input .select2-container--default .select2-selection--single,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=email],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=number],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=password],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=reset],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=search],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=tel],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=text],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=url],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input select,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input textarea{padding:1.45em .8em .35em}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid .select2-container--default .select2-selection--single,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=email],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=number],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=password],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=reset],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=search],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=tel],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=text],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=url],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid select,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid textarea{border-color:#d65d67}.ast-modern-checkout .woocommerce #payment ul.payment_methods .payment_method_stripe label{opacity:1;padding:0;position:relative} + +/* 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; +} diff --git a/assets/css/woo-modern-input.css b/assets/css/woo-modern-input.css new file mode 100644 index 00000000..fbc7827c --- /dev/null +++ b/assets/css/woo-modern-input.css @@ -0,0 +1,203 @@ +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="text"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="number"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="email"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="url"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="password"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="search"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single { + border: 1px solid var(--ast-border-color); + border-radius: 4px; + padding: 0.9em 0.8em; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="text"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="number"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="email"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="url"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="password"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="search"]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel]:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea:focus:-ms-input-placeholder, body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single:focus:-ms-input-placeholder { + opacity: 1 !important; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="text"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="number"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="email"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="url"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="password"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="search"]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel]:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea:focus::placeholder, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single:focus::placeholder { + opacity: 1 !important; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="text"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="number"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="email"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="url"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="password"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type="search"].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel].field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select.field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea.field-required, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single.field-required { + border-color: #d65d67; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b { + display: none; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row label:not(.checkbox):not(.radio):not(.woocommerce-form__label-for-checkbox) { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + position: absolute; + color: var(--ast-global-color-3); + font-size: 0.7em; + font-weight: inherit; + margin-top: 0.35em; + padding: 0 1.1em; + line-height: 1.625; + opacity: 0; + height: auto; + width: auto; + clip-path: none; + clip: unset; + white-space: nowrap; + overflow: hidden; + max-width: 95%; + text-overflow: ellipsis; + z-index: 1; + transition: all 0.2s ease-out; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row [ID*="mailchimp_woocommerce"] { + pointer-events: visible; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input label:not(.checkbox):not(.woocommerce-form__label-for-checkbox) { + opacity: 1; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="text"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="number"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="email"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="url"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="password"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type="search"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=reset], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=tel], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input select, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input textarea, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input .select2-container--default .select2-selection--single { + padding: 1.45em 0.8em 0.35em; +} + +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="text"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="number"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="email"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="url"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="password"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type="search"], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=reset], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=tel], +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid select, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid textarea, +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid .select2-container--default .select2-selection--single { + border-color: #d65d67; +} + +.ast-modern-checkout .woocommerce #payment ul.payment_methods .payment_method_stripe label { + opacity: 1; + padding: 0; + position: relative; +} + + +/* 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; +} diff --git a/assets/css/woo-modern-input.min.css b/assets/css/woo-modern-input.min.css new file mode 100644 index 00000000..8bf5d897 --- /dev/null +++ b/assets/css/woo-modern-input.min.css @@ -0,0 +1,85 @@ +body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=email],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=number],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=password],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=search],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=text],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=url],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea{border:1px solid var(--ast-border-color);border-radius:4px;padding:.9em .8em}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=email]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=number]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=password]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=search]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=text]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=url]:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select:focus:-ms-input-placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea:focus:-ms-input-placeholder{opacity:1!important}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=email]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=number]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=password]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=search]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=text]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=url]:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select:focus::placeholder,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea:focus::placeholder{opacity:1!important}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single.field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=email].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=number].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=password].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=reset].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=search].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=tel].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=text].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row input[type=url].field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row select.field-required,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row textarea.field-required{border-color:#d65d67}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row label:not(.checkbox):not(.radio):not(.woocommerce-form__label-for-checkbox){-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;color:var(--ast-global-color-3);font-size:.7em;font-weight:inherit;margin-top:.35em;padding:0 1.1em;line-height:1.625;opacity:0;height:auto;width:auto;clip-path:none;clip:unset;white-space:nowrap;overflow:hidden;max-width:95%;text-overflow:ellipsis;z-index:1;transition:all .2s ease-out}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row [ID*=mailchimp_woocommerce]{pointer-events:visible}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input label:not(.checkbox):not(.woocommerce-form__label-for-checkbox){opacity:1}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input .select2-container--default .select2-selection--single,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=email],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=number],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=password],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=reset],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=search],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=tel],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=text],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input input[type=url],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input select,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.ast-animate-input textarea{padding:1.45em .8em .35em}body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid .select2-container--default .select2-selection--single,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=email],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=number],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=password],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=reset],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=search],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=tel],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=text],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid input[type=url],body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid select,body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row.woocommerce-invalid textarea{border-color:#d65d67}.ast-modern-checkout .woocommerce #payment ul.payment_methods .payment_method_stripe label{opacity:1;padding:0;position:relative} + +/* 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; +} diff --git a/assets/css/woocommerce-blocks.min.css b/assets/css/woocommerce-blocks.min.css new file mode 100644 index 00000000..ce00179f --- /dev/null +++ b/assets/css/woocommerce-blocks.min.css @@ -0,0 +1,85 @@ +.wp-block-woocommerce-cart input,.wp-block-woocommerce-cart select,.wp-block-woocommerce-checkout input,.wp-block-woocommerce-checkout select{height:auto}.wp-block-woocommerce-cart .wc-block-components-address-form .wc-block-components-address-form__address_2-toggle,.wp-block-woocommerce-cart .wc-block-components-order-summary .wc-block-components-panel__button,.wp-block-woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-panel__button,.wp-block-woocommerce-checkout .wc-block-components-address-form .wc-block-components-address-form__address_2-toggle,.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-panel__button,.wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button{background-color:transparent;color:inherit;line-height:inherit;padding:0;box-shadow:none;font-weight:inherit;text-transform:inherit;font-size:inherit;letter-spacing:inherit;border-style:inherit}.wp-block-woocommerce-cart .wc-block-components-radio-control__input:checked,.wp-block-woocommerce-cart .wc-block-components-radio-control__input:focus,.wp-block-woocommerce-checkout .wc-block-components-radio-control__input:checked,.wp-block-woocommerce-checkout .wc-block-components-radio-control__input:focus{background-color:inherit;outline:inherit}.wp-block-woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-panel__button[aria-expanded=true],.wp-block-woocommerce-cart .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary .wc-block-components-panel__button[aria-expanded=true],.wp-block-woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button[aria-expanded=true],.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary .wc-block-components-panel__button[aria-expanded=true]{padding-bottom:8px}.wp-block-woocommerce-cart .wc-block-components-text-input.is-active label,.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active label{top:-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; +} diff --git a/assets/css/woocommerce-grid.min-rtl.css b/assets/css/woocommerce-grid.min-rtl.css new file mode 100644 index 00000000..13f160c7 --- /dev/null +++ b/assets/css/woocommerce-grid.min-rtl.css @@ -0,0 +1,85 @@ +@charset "UTF-8";@keyframes spin{100%{transform:rotate(-360deg)}}@keyframes dotPulse{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}@font-face{font-family:star;src:url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot");src:url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot");src:url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");font-weight:400;font-style:normal}.woocommerce-store-notice,p.demo_store{position:fixed;top:0;right:0;left:0;margin:0;width:100%;font-size:1em;padding:1em 0;text-align:center;background-color:#a46497;color:#fff;z-index:99998;box-shadow:0 1px 1em rgba(0,0,0,.2);display:none}.woocommerce-store-notice a,p.demo_store a{color:#fff;text-decoration:underline}.woocommerce-store-notice[data-position=bottom],p.demo_store[data-position=bottom]{bottom:0;top:initial}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.clear{clear:both}.ast-site-header-cart,.woocommerce .ast-site-header-cart{position:relative;list-style-type:none;margin-right:0;padding-right:0;margin-bottom:0;order:1;cursor:pointer}.ast-site-header-cart:focus .widget_shopping_cart,.ast-site-header-cart:hover .widget_shopping_cart,.woocommerce .ast-site-header-cart:focus .widget_shopping_cart,.woocommerce .ast-site-header-cart:hover .widget_shopping_cart{left:0;right:auto}.ast-site-header-cart .ast-shopping-cart-icon,.woocommerce .ast-site-header-cart .ast-shopping-cart-icon{display:initial;vertical-align:middle}.ast-site-header-cart .ast-shopping-cart-icon:before,.woocommerce .ast-site-header-cart .ast-shopping-cart-icon:before{content:"\e854";font-family:Astra;font-size:18px;font-size:1.2857rem}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons{margin:1.41575em}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a{width:100%}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a.button,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a.button{text-align:center}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .ast-mini-cart-message .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .ast-mini-cart-message .woocommerce-mini-cart__empty-message{text-align:center;margin-bottom:0}.ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content>ul,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content>ul{text-align:right;width:auto;position:relative;right:auto;top:auto;border-top:0}.ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message{text-align:right}.ast-site-header-cart .widget_shopping_cart,.woocommerce .ast-site-header-cart .widget_shopping_cart{position:absolute;top:100%;width:280px;z-index:999999;font-size:.875em;right:-999em;display:block;line-height:1.618;transition:all .3s ease;opacity:0;visibility:hidden;transition:all .3s ease}.ast-site-header-cart .widget_shopping_cart:after,.ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-site-header-cart .widget_shopping_cart:before{bottom:99.9%;right:auto;left:8px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-site-header-cart .widget_shopping_cart:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-right:-6px;margin-bottom:-.3px}.ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-site-header-cart .widget_shopping_cart:before{border-color:rgba(230,230,230,0);border-bottom-color:var(--ast-border-color);border-width:7px;margin-right:-12px;left:7px}.ast-site-header-cart .widget_shopping_cart .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .widget_shopping_cart .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message{display:none}.ast-site-header-cart .widget_shopping_cart .product_list_widget,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget{padding:1em 1.5em;max-height:500px;max-height:50vh;overflow-y:auto}.ast-site-header-cart .widget_shopping_cart .product_list_widget li,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li{padding:.5em 5em .5em 2em;border-bottom:1px solid var(--ast-border-color)}.ast-site-header-cart .widget_shopping_cart .product_list_widget li .remove,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li .remove{top:.4em}.ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child{border-bottom:0}.ast-site-header-cart .widget_shopping_cart .product_list_widget li img,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li img{max-width:4em;margin:0 0 .5em 0}.ast-site-header-cart .widget_shopping_cart p.buttons,.ast-site-header-cart .widget_shopping_cart p.total,.woocommerce .ast-site-header-cart .widget_shopping_cart p.buttons,.woocommerce .ast-site-header-cart .widget_shopping_cart p.total{padding:1em 1.5em;margin:0;text-align:center}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message{margin:1.41575em}.ast-site-header-cart .widget_shopping_cart .cart_list a,.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a{padding:0}.ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a.remove{border-width:1px}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total{display:flex;justify-content:space-between}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong{width:40%;text-align:right;font-weight:500}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount{width:60%;text-align:left}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount{padding-right:.5em}.ast-site-header-cart:focus .widget_shopping_cart,.ast-site-header-cart:hover .widget_shopping_cart{opacity:1;visibility:visible}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .variation,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list .variation,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .variation{margin-bottom:.4em}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove{color:var(--ast-global-color-3)}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover{color:var(--ast-global-color-3)}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart,.site-header-section-left .ast-site-header-cart .widget_shopping_cart,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart{left:auto;right:0;transition:right 0s}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:after,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before{right:15px;left:auto}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before{right:11px;left:auto}.ast-cart-menu-wrap{display:inline-block;line-height:1}.ast-cart-menu-wrap .count{font-weight:700;position:relative;display:inline-block;vertical-align:middle;text-align:center;min-width:2.1em;min-height:2.1em;font-size:.86em;line-height:1.8;border-radius:0 0 .3em .3em;border-width:2px;border-style:solid;padding:0 .4em}.ast-cart-menu-wrap .count:after{bottom:100%;margin-bottom:0;height:.8em;width:.8em;right:50%;transform:translateX(50%);top:-.6em;content:' ';position:absolute;pointer-events:none;border-width:2px;border-style:solid;border-top-right-radius:10em;border-top-left-radius:10em;border-bottom:0}.ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item li:hover>a.remove{color:#ccc}.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart{flex:1}.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li{text-align:left}.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart{flex:1}.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li{text-align:right}.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container{display:flex;justify-content:center}.ast-woocommerce-cart-menu .header-main-layout-2 .site-branding{flex:0 0 100%}.ast-header-break-point .woocommerce-custom-menu-item .ast-cart-menu-wrap{width:2em;height:2em;font-size:1.4em;line-height:2;vertical-align:middle;text-align:left}.ast-header-break-point .ast-button-wrap .main-header-menu-toggle{font-size:1.4em}.ast-header-break-point .main-header-menu .woocommerce-custom-menu-item .ast-cart-menu-wrap{height:3em;line-height:3;text-align:right}.ast-header-break-point .ast-site-header-cart .widget_shopping_cart{display:none}.ast-header-break-point.ast-woocommerce-cart-menu .ast-site-header-cart{order:initial;line-height:3;padding:0}.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3 .ast-site-header-cart{padding:0 1em 1em 0}.ast-header-break-point.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-site-header-cart{padding:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item{margin-bottom:0;margin-top:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart{padding:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart a{border:none;display:inline-block}.woocommerce-js .blockUI.blockOverlay{position:relative}.woocommerce-js .blockUI.blockOverlay::before{height:1em;width:1em;display:block;position:absolute;top:50%;right:50%;margin-right:-.5em;margin-top:-.5em;content:'';animation:spin 1s ease-in-out infinite;background:url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center;background-size:cover;background-color:var(--ast-global-color-secondary,--ast-global-color-5);line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}.woocommerce-js .loader::before{height:1em;width:1em;display:block;position:absolute;top:50%;right:50%;margin-right:-.5em;margin-top:-.5em;content:'';animation:spin 1s ease-in-out infinite;background:url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center;background-size:cover;background-color:var(--ast-global-color-secondary,--ast-global-color-5);line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}.woocommerce-js h2{margin-bottom:.7em}.woocommerce-js a.remove{position:relative;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;font-size:18px;width:20px;height:20px;text-align:center;line-height:21px;border-radius:100%;color:var(--ast-global-color-3);text-decoration:none;opacity:.5}.woocommerce-js a.remove .ahfb-svg-iconset{transform:scale(.7);transition:none}.woocommerce-js a.remove .ahfb-svg-iconset .ast-close-svg{width:100%;height:100%}.woocommerce-js a.remove:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;border:1px solid var(--ast-global-color-3);border-radius:100%;transition:all .2s linear}.woocommerce-js a.remove:hover{color:var(--ast-global-color-3);opacity:1}.woocommerce-js a.remove:hover:before{border-color:var(--ast-global-color-3)}.woocommerce-js small.note{display:block;color:#777;font-size:.857em;margin-top:10px}.woocommerce-js .woocommerce-breadcrumb{zoom:1;margin:0 0 1em;padding:0;font-size:.92em;color:#777}.woocommerce-js .woocommerce-breadcrumb::after,.woocommerce-js .woocommerce-breadcrumb::before{content:' ';display:table}.woocommerce-js .woocommerce-breadcrumb::after{clear:both}.woocommerce-js .woocommerce-breadcrumb a{color:#777}.woocommerce-js .quantity input[type=email],.woocommerce-js .quantity input[type=number],.woocommerce-js .quantity input[type=text]{padding:.3em}.woocommerce-js .quantity input[type=email]:focus,.woocommerce-js .quantity input[type=number]:focus,.woocommerce-js .quantity input[type=text]:focus{outline:0;border-color:var(--ast-border-color)}.woocommerce-js .quantity .qty{width:3.631em;text-align:center;min-height:35px}.woocommerce-js div.product{margin-bottom:0;position:relative}.woocommerce-js div.product .product_title{clear:none;margin-top:0;padding:0}.woocommerce-js div.product p.price,.woocommerce-js div.product span.price{color:#77a464;font-size:1.5rem;font-weight:700;margin:0 0 .2em}.woocommerce-js div.product p.price ins,.woocommerce-js div.product span.price ins{background:inherit;font-weight:700;display:inline-block;text-decoration:inherit}.woocommerce-js div.product p.price del,.woocommerce-js div.product span.price del{opacity:.5;font-weight:400;display:initial}.woocommerce-js div.product p.ast-stock-detail,.woocommerce-js div.product p.stock{font-size:1em}.woocommerce-js div.product p.ast-stock-detail .ast-stock-avail,.woocommerce-js div.product p.stock .ast-stock-avail{font-weight:700}.woocommerce-js div.product .stock{color:#77a464}.woocommerce-js div.product .out-of-stock{color:red}.woocommerce-js div.product .product_title{margin:0 0 .5em 0}.woocommerce-js div.product .product_meta{border-top:1px solid var(--ast-border-color);padding-top:.5em;font-size:.9em;margin:0 0 .8em}.woocommerce-js div.product .product_meta>span{display:inline-block;margin-left:15px;align-items:center;font-weight:500;text-decoration:inherit}.woocommerce-js div.product .product_meta>span>*{font-weight:400}.woocommerce-js div.product .woocommerce-product-rating{margin:0 0 .5em}.woocommerce-js div.product div.images{margin-bottom:2em}.woocommerce-js div.product div.images img{display:block;width:100%;height:auto;box-shadow:none}.woocommerce-js div.product div.images div.thumbnails{padding-top:1em}.woocommerce-js div.product div.images.woocommerce-product-gallery{position:relative}.woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport{transform-style:preserve-3d;margin-bottom:1em}.woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper{transition:all cubic-bezier(.795, -.035, 0, 1) .5s;margin:0;padding:0}.woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background-color:#fff}.woocommerce-js div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){width:25%;display:inline-block}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger{position:absolute;top:.5em;left:.5em;font-size:2em;z-index:9;width:36px;height:36px;background:var(--ast-global-color-primary,var(--ast-global-color-5));text-indent:-9999px;border-radius:100%;box-sizing:content-box;backface-visibility:hidden}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:before{content:"";display:block;width:10px;height:10px;border:2px solid var(--ast-global-color-3);border-radius:100%;position:absolute;top:9px;right:9px;box-sizing:content-box}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:after{content:"";display:block;width:2px;height:8px;background:var(--ast-global-color-3);border-radius:6px;position:absolute;top:19px;right:22px;transform:rotate(45deg);box-sizing:content-box}.woocommerce-js div.product div.images .flex-control-thumbs{overflow:hidden;zoom:1;margin:0;padding:0}.woocommerce-js div.product div.images .flex-control-thumbs li{width:25%;float:right;margin:0;list-style:none}.woocommerce-js div.product div.images .flex-control-thumbs li img{cursor:pointer;opacity:.5;margin:0}.woocommerce-js div.product div.images .flex-control-thumbs li img.flex-active,.woocommerce-js div.product div.images .flex-control-thumbs li img:hover{opacity:1}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li{width:32%;width:calc(33.33% - .7em);margin-left:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1){clear:right}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n){margin-left:0}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{width:24%;width:calc(25% - .75em);margin-left:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){clear:right}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n){margin-left:0}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li{width:18.5%;width:calc(20% - .8em);margin-left:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1){clear:right}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n){margin-left:0}.woocommerce-js div.product div.summary{margin-bottom:2em}.woocommerce-js div.product div.summary .single-product-category{display:block;line-height:1;margin-bottom:1em}.woocommerce-js div.product div.summary .woocommerce-product-details__short-description :last-child{margin-bottom:1em}.woocommerce-js div.product div.social{text-align:left;margin:0 0 1em}.woocommerce-js div.product div.social span{margin:0 2px 0 0}.woocommerce-js div.product div.social span span{margin:0}.woocommerce-js div.product div.social span .stButton .chicklets{padding-right:16px;width:0}.woocommerce-js div.product div.social iframe{float:right;margin-top:3px}.woocommerce-js div.product .woocommerce-tabs{padding-top:2em;margin-bottom:4em;width:100%}.woocommerce-js div.product .woocommerce-tabs ul.tabs{list-style:none;padding:0;margin:0 0 1em;overflow:hidden;position:relative}.woocommerce-js div.product .woocommerce-tabs ul.tabs:before{content:'';position:absolute;top:0;right:0;width:100%;height:1px;background-color:var(--ast-border-color)}.woocommerce-js div.product .woocommerce-tabs ul.tabs li{border:0;background:0 0;display:inline-block;position:relative;z-index:0;border-radius:4px 4px 0 0;margin:0 0 0 1em;padding:0;border-radius:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li a{display:inline-block;padding:.5em 0;font-weight:700;color:#515151;text-decoration:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs li a:hover{text-decoration:none;color:#6b6a6b}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active{z-index:2;border-bottom-color:#fff}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active a{text-shadow:inherit}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active::before{content:' ';position:absolute;width:100%;height:3px;box-shadow:none;top:0;right:0;border-radius:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active::after{border:none;box-shadow:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs li::after,.woocommerce-js div.product .woocommerce-tabs ul.tabs li::before{content:' ';position:absolute;bottom:-1px;width:5px;height:5px;border:none;box-shadow:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs::before{position:absolute;content:' ';width:100%;bottom:0;right:0;border-bottom:1px solid var(--ast-border-color);z-index:1}.woocommerce-js div.product .woocommerce-tabs ul.tabs li::after,.woocommerce-js div.product .woocommerce-tabs ul.tabs.tabs::before{display:none;border:0}.woocommerce-js div.product .woocommerce-tabs .panel{margin:0 0 1.2em;padding:0}.woocommerce-js div.product .woocommerce-tabs .shop_attributes{border-style:solid}.woocommerce-js div.product .woocommerce-tabs .shop_attributes p{padding:0}.woocommerce-js div.product .woocommerce-tabs .shop_attributes td,.woocommerce-js div.product .woocommerce-tabs .shop_attributes th{padding:.67em 1.34em;border-color:var(--ast-border-color)}.woocommerce-js div.product .woocommerce-tabs .shop_attributes th{border-right-width:1px;border-style:solid;padding-right:.9em;color:var(--ast-global-color-2)}.woocommerce-js div.product .woocommerce-tabs .shop_attributes td{font-style:normal;border-style:solid}.woocommerce-js div.product #reviews #comments{width:100%}.woocommerce-js div.product #reviews #review_form_wrapper{width:100%;padding-right:0}.woocommerce-js div.product #reviews #respond p.comment-form-author,.woocommerce-js div.product #reviews #respond p.comment-form-email{margin-bottom:1em}@media (min-width:1201px){.woocommerce-js div.product #reviews .comment-form-author,.woocommerce-js div.product #reviews .comment-form-email{width:49%;display:inline-block}.woocommerce-js div.product #reviews .comment-form-author input,.woocommerce-js div.product #reviews .comment-form-email input{width:100%}.woocommerce-js div.product #reviews .comment-form-author{float:right}.woocommerce-js div.product #reviews .comment-form-email{float:left}.woocommerce-js div.product #reviews .comment-form-cookies-consent{clear:both}}.woocommerce-js div.product p.cart{margin-bottom:2em;zoom:1}.woocommerce-js div.product p.cart::after,.woocommerce-js div.product p.cart::before{content:' ';display:table}.woocommerce-js div.product p.cart::after{clear:both}.woocommerce-js div.product form.cart{zoom:1}.woocommerce-js div.product form.cart .ast-woo-single-cart-button-wrap{display:flex;align-items:center;flex-wrap:wrap}.woocommerce-js div.product form.cart::after,.woocommerce-js div.product form.cart::before{content:' ';display:table}.woocommerce-js div.product form.cart::after{clear:both}.woocommerce-js div.product form.cart div.quantity{float:right;margin:0 0 1em 1em}.woocommerce-js div.product form.cart table{border-width:0 0 1px;margin:0 0 1em}.woocommerce-js div.product form.cart table td{padding-right:0}.woocommerce-js div.product form.cart table div.quantity{float:none;margin:0}.woocommerce-js div.product form.cart table small.stock{display:block;float:none}.woocommerce-js div.product form.cart .variations{border-bottom:1px solid var(--ast-border-color);position:relative;margin-bottom:1em;width:100%}.woocommerce-js div.product form.cart .variations td,.woocommerce-js div.product form.cart .variations th{border:0;vertical-align:top;line-height:2em;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;display:block}.woocommerce-js div.product form.cart .variations tr{margin-bottom:.5em}.woocommerce-js div.product form.cart .variations th{margin-bottom:.5em;padding-right:0}.woocommerce-js div.product form.cart .variations label{font-weight:700}.woocommerce-js div.product form.cart .variations select{max-width:100%;min-width:75%;display:inline-block;width:100%}.woocommerce-js div.product form.cart .variations td.label{vertical-align:middle;margin-top:8px;margin-bottom:1px}.woocommerce-js div.product form.cart .woocommerce-variation-description p{margin-bottom:1em}.woocommerce-js div.product form.cart .reset_variations{all:initial;font-family:inherit;visibility:hidden;position:static;display:inline-block;color:inherit;opacity:.6;font-size:.75rem;text-transform:uppercase;cursor:pointer}.woocommerce-js div.product form.cart .wc-no-matching-variations{display:none}.woocommerce-js div.product form.cart .button{vertical-align:middle;float:right;width:auto;margin-bottom:1em}.woocommerce-js div.product form.cart .button.single_add_to_cart_button{padding:10px 20px}.woocommerce-js div.product form.cart .group_table tr:last-child td{border-bottom:0}.woocommerce-js div.product form.cart .group_table td.label{padding:.5em;font-size:.8rem;line-height:1.3;font-weight:700}.woocommerce-js div.product form.cart .group_table td{vertical-align:middle;padding-bottom:.5em;border-left:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-js div.product form.cart .group_table td:first-child{text-align:right;width:4em}.woocommerce-js div.product form.cart .group_table td.price{padding-right:.8em;font-weight:700;font-size:.9rem}.woocommerce-js div.product form.cart .group_table td.price del{opacity:.5}.woocommerce-js div.product form.cart .group_table .button{padding:.8em;font-weight:400;font-size:.9rem;white-space:nowrap}.woocommerce-js div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox{display:inline-block;width:auto;margin:0 auto;transform:scale(1.5,1.5)}.woocommerce-js div.product form.cart p.stock{line-height:1.3;margin-bottom:.8em;font-size:.9em}.woocommerce-js div.product form.cart .single_variation_wrap{width:100%}.woocommerce-js div.product form.cart .single_variation_wrap p{margin-bottom:1em}.woocommerce-js div.product form.cart .single_variation_wrap .single_variation{margin-bottom:1.2em;border-top:1px solid var(--ast-border-color);padding-top:0;border-top:0}.woocommerce-js div.product span.onsale{min-height:3.5em;min-width:3.5em;line-height:3.5em}.woocommerce-js div.product .related.products,.woocommerce-js div.product .woocommerce-tabs{display:block}.woocommerce-js span.onsale{min-width:3em;min-height:3em;line-height:3em;padding:0;font-size:.8em;font-weight:400;position:absolute;text-align:center;top:.5em;right:.5em;margin:0;border-radius:100%;background-color:#77a464;color:#fff;-webkit-font-smoothing:antialiased;z-index:9}.woocommerce-js.single-product .sale>span.onsale{font-size:1em;right:-.5em}.woocommerce-js.single-product .sale:not(.ast-product-gallery-layout-vertical-slider)>span.onsale{top:-.5em}.woocommerce-js .products ul,.woocommerce-js ul.products{margin:0 0 1em;padding:0;list-style:none outside;clear:both}.woocommerce-js .products ul::after,.woocommerce-js .products ul::before,.woocommerce-js ul.products::after,.woocommerce-js ul.products::before{width:0}.woocommerce-js .products ul li,.woocommerce-js ul.products li{list-style:none outside}.woocommerce-js ul.products li.product.product-category{padding-bottom:0}.woocommerce-js ul.products li.product.product-category a{height:100%}.woocommerce-js ul.products li.product.product-category a img{height:100%;object-fit:cover}.woocommerce-js ul.products li.product .onsale{top:0;left:0;right:auto;margin:-.5em 0 0 -.5em}.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-js ul.products li.product .woocommerce-loop-product__title,.woocommerce-js ul.products li.product h3{padding:.5em 0;margin:0;font-size:1em}.woocommerce-js ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 1em;box-shadow:none}.woocommerce-js ul.products li.product a img.show-on-hover{width:0;height:0;object-fit:cover}.woocommerce-js ul.products li.product strong{display:block}.woocommerce-js ul.products li.product .star-rating{font-size:.857em}.woocommerce-js ul.products li.product .button{margin-top:1em}.woocommerce-js ul.products li.product .price{color:#77a464;display:block;font-weight:400;margin-bottom:.5em;font-size:.857em}.woocommerce-js ul.products li.product .price del{color:inherit;opacity:.5;display:inline-block}.woocommerce-js ul.products li.product .price ins{background:0 0;font-weight:700;display:inline-block;text-decoration:inherit}.woocommerce-js ul.products li.product .price .from{font-size:.67em;margin:-2px 0 0 0;text-transform:uppercase;color:rgba(132,132,132,.5)}.woocommerce-js ul.products li.product a.ast-loop-product__link{display:inline-block;width:100%}.woocommerce-js ul.products li.product:hover .show-on-hover{width:100%;height:100%}.woocommerce-js .woocommerce-result-count{margin:1em 0 1em;line-height:1}.woocommerce-js .woocommerce-ordering{margin:0 0 1.5em}.woocommerce-js .woocommerce-ordering select{vertical-align:top}.woocommerce-js nav.woocommerce-pagination ul{flex-wrap:wrap;justify-content:center;white-space:normal;padding:0;border:0;margin:1px}.woocommerce-js nav.woocommerce-pagination ul li{margin:0 0 2px 2px;border:1px solid var(--ast-border-color);padding:0;display:inline-block;overflow:hidden}.woocommerce-js nav.woocommerce-pagination ul li a,.woocommerce-js nav.woocommerce-pagination ul li span{margin:0;text-decoration:none;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.75em;text-align:center;display:block;min-width:2.5em}.woocommerce-js nav.woocommerce-pagination ul li a:focus,.woocommerce-js nav.woocommerce-pagination ul li a:hover,.woocommerce-js nav.woocommerce-pagination ul li span.current{background:#ebe9eb;color:#8a7e88}.woocommerce-js #respond input#submit,.woocommerce-js a.button,.woocommerce-js button.button,.woocommerce-js input.button{margin:0;position:relative;overflow:visible;right:auto;display:inline-block;background-image:none;box-shadow:none;text-shadow:none}.woocommerce-js #respond input#submit.loading,.woocommerce-js a.button.loading,.woocommerce-js button.button.loading,.woocommerce-js input.button.loading{opacity:.25}.woocommerce-js #respond input#submit.loading::after,.woocommerce-js a.button.loading::after,.woocommerce-js button.button.loading::after,.woocommerce-js input.button.loading::after{display:inline-block;content:"";position:relative;top:0;left:-.5em;right:auto;width:.8em;height:.8em;background-color:var(--ast-global-color-primary,var(--ast-global-color-5));background-image:none;border-radius:100%;animation:dotPulse .65s 0s infinite cubic-bezier(.21,.53,.56,.8)}.woocommerce-js #respond input#submit.added::after,.woocommerce-js a.button.added::after,.woocommerce-js button.button.added::after,.woocommerce-js input.button.added::after{font-family:WooCommerce;content:'\e017';margin-right:.53em;vertical-align:bottom}.woocommerce-js #respond input#submit.alt.disabled,.woocommerce-js #respond input#submit.alt.disabled:hover,.woocommerce-js #respond input#submit.alt:disabled,.woocommerce-js #respond input#submit.alt:disabled:hover,.woocommerce-js #respond input#submit.alt:disabled[disabled],.woocommerce-js #respond input#submit.alt:disabled[disabled]:hover,.woocommerce-js a.button.alt.disabled,.woocommerce-js a.button.alt.disabled:hover,.woocommerce-js a.button.alt:disabled,.woocommerce-js a.button.alt:disabled:hover,.woocommerce-js a.button.alt:disabled[disabled],.woocommerce-js a.button.alt:disabled[disabled]:hover,.woocommerce-js button.button.alt.disabled,.woocommerce-js button.button.alt.disabled:hover,.woocommerce-js button.button.alt:disabled,.woocommerce-js button.button.alt:disabled:hover,.woocommerce-js button.button.alt:disabled[disabled],.woocommerce-js button.button.alt:disabled[disabled]:hover,.woocommerce-js input.button.alt.disabled,.woocommerce-js input.button.alt.disabled:hover,.woocommerce-js input.button.alt:disabled,.woocommerce-js input.button.alt:disabled:hover,.woocommerce-js input.button.alt:disabled[disabled],.woocommerce-js input.button.alt:disabled[disabled]:hover{background-color:var(--ast-global-color-1);color:#fff}.woocommerce-js #respond input#submit.disabled,.woocommerce-js #respond input#submit:disabled,.woocommerce-js #respond input#submit:disabled[disabled],.woocommerce-js a.button.disabled,.woocommerce-js a.button:disabled,.woocommerce-js a.button:disabled[disabled],.woocommerce-js button.button.disabled,.woocommerce-js button.button:disabled,.woocommerce-js button.button:disabled[disabled],.woocommerce-js input.button.disabled,.woocommerce-js input.button:disabled,.woocommerce-js input.button:disabled[disabled]{cursor:not-allowed;opacity:.5;padding:.618em 1em}.woocommerce-js #respond input#submit.disabled:hover,.woocommerce-js #respond input#submit:disabled:hover,.woocommerce-js #respond input#submit:disabled[disabled]:hover,.woocommerce-js a.button.disabled:hover,.woocommerce-js a.button:disabled:hover,.woocommerce-js a.button:disabled[disabled]:hover,.woocommerce-js button.button.disabled:hover,.woocommerce-js button.button:disabled:hover,.woocommerce-js button.button:disabled[disabled]:hover,.woocommerce-js input.button.disabled:hover,.woocommerce-js input.button:disabled:hover,.woocommerce-js input.button:disabled[disabled]:hover{color:var(--ast-global-color-4);background-color:var(--ast-global-color-1)}.woocommerce-js .cart .button,.woocommerce-js .cart input.button{float:none}.woocommerce-js #reviews .woocommerce-Reviews-title{display:none}.woocommerce-js #reviews h2{font-weight:400}.woocommerce-js #reviews h2 small{float:left;color:#777;font-size:15px;margin:10px 0 0}.woocommerce-js #reviews h2 small a{text-decoration:none;color:#777}.woocommerce-js #reviews h3{margin:0}.woocommerce-js #reviews #respond{margin:0;border:0;padding:0}.woocommerce-js #reviews #comment{height:75px}.woocommerce-js #reviews #comments ol.commentlist{margin:0;width:100%;background:0 0;list-style:none}.woocommerce-js #reviews #comments ol.commentlist li{padding:0;margin:0 0 2em;border:0;position:relative;background:100%;border:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-js #reviews #comments ol.commentlist li:last-child{border-bottom:0}.woocommerce-js #reviews #comments ol.commentlist li .meta{color:#777;font-size:.75em}.woocommerce-js #reviews #comments ol.commentlist li img.avatar{float:right;position:absolute;top:0;right:0;padding:3px;height:3.6em;width:3.6em;border:none;background:0 0;margin:0;border-radius:100%;box-shadow:none}.woocommerce-js #reviews #comments ol.commentlist li .comment-text{margin:0 50px 0 0;border:none;border-radius:4px;padding:0 1.5em;zoom:1;display:flex;flex-wrap:wrap}.woocommerce-js #reviews #comments ol.commentlist li .comment-text::after,.woocommerce-js #reviews #comments ol.commentlist li .comment-text::before{content:' ';display:table}.woocommerce-js #reviews #comments ol.commentlist li .comment-text::after{clear:both}.woocommerce-js #reviews #comments ol.commentlist li .comment-text p{margin:0 0 1.7em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta{order:1;width:100%;font-size:1.2em;margin-bottom:.4em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__author,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{font-weight:500}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__dash,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash{display:none}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__published-date,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date{padding-right:.5em;font-size:.73em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text .description{font-style:normal;order:3;width:100%}.woocommerce-js #reviews #comments ol.commentlist li .comment-text .star-rating{order:2;margin-bottom:1em}.woocommerce-js #reviews #comments ol.commentlist ul.children{list-style:none outside;margin:20px 50px 0 0}.woocommerce-js #reviews #comments ol.commentlist ul.children .star-rating{display:none}.woocommerce-js #reviews #comments ol.commentlist #respond{border:1px solid #e4e1e3;border-radius:4px;padding:1em 1em 0;margin:20px 50px 0 0}.woocommerce-js #reviews #comments .commentlist>li::before{content:''}.woocommerce-js #reviews #review_form{border:1px solid var(--ast-border-color);padding:1.67em}.woocommerce-js #reviews #review_form #respond p{margin:2px 0 6px}.woocommerce-js #reviews #review_form #respond p.form-submit{margin-top:1em}.woocommerce-js #reviews #review_form #respond p.comment-form-author,.woocommerce-js #reviews #review_form #respond p.comment-form-email{margin-bottom:1em}.woocommerce-js #reviews #review_form #respond p.comment-form-author label,.woocommerce-js #reviews #review_form #respond p.comment-form-email label{display:inline-block;min-width:100px}.woocommerce-js #reviews #review_form #respond p.comment-form-author input,.woocommerce-js #reviews #review_form #respond p.comment-form-email input{width:100%}.woocommerce-js #reviews #review_form #respond #comment{height:90px}.woocommerce-js #reviews #review_form #respond .stars{margin:0}.woocommerce-js #reviews #review_form input{max-width:100%}.woocommerce-js #reviews .comment-form-rating{display:flex;vertical-align:middle;margin:15px 0}.woocommerce-js #reviews .comment-form-rating .stars{margin-bottom:0}.woocommerce-js #reviews .comment-form-rating .stars a{position:relative;top:8px;height:1.2em;width:1.2em}.woocommerce-js #reviews .comment-form-rating .stars a:before{width:1.2em;height:1.2em;font-size:1.2em}.woocommerce-js #reviews .comment-form-comment label,.woocommerce-js #reviews .comment-form-rating label{font-size:1.2em;font-weight:500;padding-left:.5em}.woocommerce-js .star-rating{float:left;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star,serif}.woocommerce-js .star-rating::before{content:'\73\73\73\73\73';color:#d3ced2;float:right;top:0;right:0;position:absolute}.woocommerce-js .star-rating span{overflow:hidden;float:right;top:0;right:0;position:absolute;padding-top:1.5em}.woocommerce-js .star-rating span::before{content:'\53\53\53\53\53';top:0;position:absolute;right:0}.woocommerce-js .woocommerce-product-rating{zoom:1;line-height:2;display:block}.woocommerce-js .woocommerce-product-rating::after,.woocommerce-js .woocommerce-product-rating::before{content:' ';display:table}.woocommerce-js .woocommerce-product-rating::after{clear:both}.woocommerce-js .woocommerce-product-rating .star-rating{margin:.5em 0 0 4px;float:right}.woocommerce-js .products .star-rating{display:block;margin:.5em auto 0;float:none}.woocommerce-js .hreview-aggregate .star-rating{margin:10px 0 0}.woocommerce-js #review_form #respond{zoom:1;position:static;margin:0;width:auto;background:transparent none}.woocommerce-js #review_form #respond::after,.woocommerce-js #review_form #respond::before{content:' ';display:table}.woocommerce-js #review_form #respond::after{clear:both}.woocommerce-js #review_form #respond .form-submit input{right:auto}.woocommerce-js #review_form #respond textarea{box-sizing:border-box;width:100%}.woocommerce-js p.stars a{position:relative;height:1em;width:1em;text-indent:-999em;display:inline-block;text-decoration:none}.woocommerce-js p.stars a::before{display:block;position:absolute;top:0;right:0;width:1em;height:1em;line-height:1;font-family:WooCommerce;content:'\e021';text-indent:0}.woocommerce-js p.stars a:hover~a::before{content:'\e021'}.woocommerce-js p.stars:hover a::before{content:'\e020'}.woocommerce-js p.stars.selected a.active::before{content:'\e020'}.woocommerce-js p.stars.selected a.active~a::before{content:'\e021'}.woocommerce-js p.stars.selected a:not(.active)::before{content:'\e020'}.woocommerce-js table.shop_attributes{border:0;border-top:1px solid var(--ast-border-color);margin-bottom:1.618em;width:100%}.woocommerce-js table.shop_attributes th{width:150px;font-weight:500;border-top:0;border-bottom:1px dotted var(--ast-border-color);margin:0;line-height:1.5;text-align:right}.woocommerce-js table.shop_attributes td{font-style:italic;padding:0;border-top:0;border-bottom:1px dotted var(--ast-border-color);margin:0;line-height:1.5}.woocommerce-js table.shop_attributes td p{margin:0;padding:8px 0}.woocommerce-js table.shop_table{border:1px solid var(--ast-border-color);margin:0 0 24px -1px;text-align:right;width:100%;border-collapse:separate;border-radius:5px}.woocommerce-js table.shop_table th{font-weight:700;padding:9px 12px}.woocommerce-js table.shop_table td{border-top:1px solid var(--ast-border-color);padding:6px 12px;vertical-align:middle}.woocommerce-js table.shop_table td small{font-weight:400}.woocommerce-js table.shop_table tbody:first-child tr:first-child td,.woocommerce-js table.shop_table tbody:first-child tr:first-child th{border-top:0}.woocommerce-js table.shop_table tbody th,.woocommerce-js table.shop_table tfoot td,.woocommerce-js table.shop_table tfoot th{font-weight:500;border-top:1px solid var(--ast-border-color)}.woocommerce-js #customer_details,.woocommerce-js .woocommerce table.shop_table{margin-bottom:2em;border-radius:0}.woocommerce-js table.my_account_orders{font-size:.85em}.woocommerce-js table.my_account_orders td,.woocommerce-js table.my_account_orders th{padding:4px 8px;vertical-align:middle}.woocommerce-js table.my_account_orders .button{white-space:nowrap}.woocommerce-js table.my_account_orders .order-actions{text-align:left}.woocommerce-js table.my_account_orders .order-actions .button{margin:.125em .25em .125em 0}.woocommerce-js table.woocommerce-MyAccount-downloads td,.woocommerce-js table.woocommerce-MyAccount-downloads th{vertical-align:top;text-align:center}.woocommerce-js table.woocommerce-MyAccount-downloads td:first-child,.woocommerce-js table.woocommerce-MyAccount-downloads th:first-child{text-align:right}.woocommerce-js table.woocommerce-MyAccount-downloads td:last-child,.woocommerce-js table.woocommerce-MyAccount-downloads th:last-child{text-align:right}.woocommerce-js table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before,.woocommerce-js table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before{content:'\2193';display:inline-block}.woocommerce-js td.product-name .wc-item-meta,.woocommerce-js td.product-name dl.variation{list-style:none outside;word-wrap:normal;width:100%}.woocommerce-js td.product-name .wc-item-meta .wc-item-meta-label,.woocommerce-js td.product-name .wc-item-meta dt,.woocommerce-js td.product-name dl.variation .wc-item-meta-label,.woocommerce-js td.product-name dl.variation dt{float:right;clear:both;margin-left:.25em;display:inline-block;list-style:none outside;font-weight:500}.woocommerce-js td.product-name .wc-item-meta dd,.woocommerce-js td.product-name dl.variation dd{margin:0}.woocommerce-js td.product-name .wc-item-meta dd p,.woocommerce-js td.product-name dl.variation dd p{font-weight:400}.woocommerce-js td.product-name .wc-item-meta p,.woocommerce-js td.product-name .wc-item-meta:last-child,.woocommerce-js td.product-name dl.variation p,.woocommerce-js td.product-name dl.variation:last-child{margin-bottom:0}.woocommerce-js td.product-name p.backorder_notification{font-size:.83em}.woocommerce-js td.product-quantity{min-width:80px}.woocommerce-js ul.cart_list,.woocommerce-js ul.product_list_widget{list-style:none outside;padding:0;margin:0}.woocommerce-js ul.cart_list li,.woocommerce-js ul.product_list_widget li{padding:4px 0;margin:0;zoom:1;list-style:none}.woocommerce-js ul.cart_list li::after,.woocommerce-js ul.cart_list li::before,.woocommerce-js ul.product_list_widget li::after,.woocommerce-js ul.product_list_widget li::before{content:' ';display:table}.woocommerce-js ul.cart_list li::after,.woocommerce-js ul.product_list_widget li::after{clear:both}.woocommerce-js ul.cart_list li a,.woocommerce-js ul.product_list_widget li a{display:block;font-weight:700}.woocommerce-js ul.cart_list li img,.woocommerce-js ul.product_list_widget li img{float:left;margin-right:4px;width:32px;height:auto;box-shadow:none}.woocommerce-js ul.cart_list li dl,.woocommerce-js ul.product_list_widget li dl{margin:0;padding-right:1em;border-right:2px solid var(--ast-border-color);zoom:1}.woocommerce-js ul.cart_list li dl::after,.woocommerce-js ul.cart_list li dl::before,.woocommerce-js ul.product_list_widget li dl::after,.woocommerce-js ul.product_list_widget li dl::before{content:' ';display:table}.woocommerce-js ul.cart_list li dl::after,.woocommerce-js ul.product_list_widget li dl::after{clear:both}.woocommerce-js ul.cart_list li dl dd,.woocommerce-js ul.cart_list li dl dt,.woocommerce-js ul.product_list_widget li dl dd,.woocommerce-js ul.product_list_widget li dl dt{display:inline-block;float:right;margin-bottom:.1em}.woocommerce-js ul.cart_list li dl dt,.woocommerce-js ul.product_list_widget li dl dt{font-weight:500;padding:0 0 .25em;margin:0 0 0 4px;clear:right}.woocommerce-js ul.cart_list li dl dd,.woocommerce-js ul.product_list_widget li dl dd{padding:0 0 .25em}.woocommerce-js ul.cart_list li dl dd p:last-child,.woocommerce-js ul.product_list_widget li dl dd p:last-child{margin-bottom:0}.woocommerce-js ul.cart_list li .star-rating,.woocommerce-js ul.product_list_widget li .star-rating{float:none}.woocommerce-js .widget_shopping_cart .total strong,.woocommerce-js.widget_shopping_cart .total strong{min-width:40px;display:inline-block;color:var(--ast-global-color-2)}.woocommerce-js .widget_shopping_cart .buttons,.woocommerce-js.widget_shopping_cart .buttons{zoom:1}.woocommerce-js .widget_shopping_cart .buttons::after,.woocommerce-js .widget_shopping_cart .buttons::before,.woocommerce-js.widget_shopping_cart .buttons::after,.woocommerce-js.widget_shopping_cart .buttons::before{content:' ';display:table}.woocommerce-js .widget_shopping_cart .buttons::after,.woocommerce-js.widget_shopping_cart .buttons::after{clear:both}.woocommerce-js .widget_shopping_cart .buttons a,.woocommerce-js.widget_shopping_cart .buttons a{margin-left:5px;margin-bottom:5px}.woocommerce-js form .form-row{padding:3px;margin:0 0 6px}.woocommerce-js form .form-row.place-order .input-checkbox{cursor:pointer}.woocommerce-js form .form-row [placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}.woocommerce-js form .form-row label{line-height:2;font-weight:700;font-size:13.5px;font-size:.9rem}.woocommerce-js form .form-row label.hidden{visibility:hidden}.woocommerce-js form .form-row label.inline{display:inline}.woocommerce-js form .form-row select{cursor:pointer;margin:0}.woocommerce-js form .form-row .required{color:red;font-weight:700;border:0}.woocommerce-js form .form-row .input-checkbox{display:inline;margin:-2px 0 0 8px;text-align:center;vertical-align:middle}.woocommerce-js form .form-row input.input-text,.woocommerce-js form .form-row textarea{box-sizing:border-box;width:100%;margin:0;outline:0;line-height:1}.woocommerce-js form .form-row textarea{height:4em;line-height:1.5;display:block;box-shadow:none}.woocommerce-js form .form-row .select2-container{width:100%;line-height:2em}.woocommerce-js form .form-row.woocommerce-invalid .select2-container,.woocommerce-js form .form-row.woocommerce-invalid input.input-text,.woocommerce-js form .form-row.woocommerce-invalid select{border-color:#d65d67}.woocommerce-js form .form-row.woocommerce-validated .select2-container,.woocommerce-js form .form-row.woocommerce-validated input.input-text,.woocommerce-js form .form-row.woocommerce-validated select{border-color:#69bf29}.woocommerce-js form .form-row ::-webkit-input-placeholder{line-height:normal}.woocommerce-js form .form-row :-moz-placeholder{line-height:normal}.woocommerce-js form .form-row :-ms-input-placeholder{line-height:normal}.woocommerce-js ul#shipping_method{list-style:none outside;margin:0;padding:0}.woocommerce-js ul#shipping_method li input{margin:3px .5ex}.woocommerce-js ul#shipping_method li label{display:inline}.woocommerce-js ul#shipping_method .amount{font-weight:700}.woocommerce-js p.woocommerce-shipping-contents{margin:0}.woocommerce-js ul.order_details{zoom:1;margin:0 0 3em;list-style:none}.woocommerce-js ul.order_details::after,.woocommerce-js ul.order_details::before{content:' ';display:table}.woocommerce-js ul.order_details::after{clear:both}.woocommerce-js ul.order_details li{float:right;margin-left:2em;text-transform:uppercase;font-size:.715em;line-height:1;border-left:1px dashed var(--ast-border-color);padding-left:2em;margin-right:0;padding-right:0;list-style-type:none}.woocommerce-js ul.order_details li strong{display:block;font-size:1.4em;text-transform:none;line-height:1.5}.woocommerce-js ul.order_details li:last-of-type{border:none}.woocommerce-js .wc-bacs-bank-details-account-name{font-weight:700}.woocommerce-js .woocommerce-customer-details,.woocommerce-js .woocommerce-order-details,.woocommerce-js .woocommerce-order-downloads{margin-bottom:2em}.woocommerce-js .woocommerce-customer-details :last-child,.woocommerce-js .woocommerce-order-details :last-child,.woocommerce-js .woocommerce-order-downloads :last-child{margin-bottom:0}.woocommerce-js .woocommerce-customer-details address{font-style:normal;margin-bottom:0;border:1px solid var(--ast-border-color);border-bottom-width:2px;border-left-width:2px;text-align:right;width:100%;border-radius:5px;padding:6px 12px}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email,.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--phone{margin-bottom:0;padding-right:1.5em}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--phone::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;margin-right:-1.5em;line-height:1.75;position:absolute}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;margin-right:-1.5em;line-height:1.75;position:absolute}.woocommerce-js .woocommerce-widget-layered-nav-list{margin:0;padding:0;border:0;list-style:none outside}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{zoom:1;padding:0 0 1px;list-style:none}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after,.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before{content:' ';display:table}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after{clear:both}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{padding:1px 0}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .woocommerce-widget-layered-nav-dropdown__submit{margin-top:1em}.woocommerce-js .widget_layered_nav_filters ul{margin:0;padding:0;border:0;list-style:none outside;overflow:hidden;zoom:1}.woocommerce-js .widget_layered_nav_filters ul li{float:right;padding:0 0 1px 1px;list-style:none}.woocommerce-js .widget_layered_nav_filters ul li a{text-decoration:none}.woocommerce-js .widget_layered_nav_filters ul li a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .widget_product_categories .product-categories .count{float:left}.woocommerce-js .widget_price_filter .price_slider{margin-bottom:1em}.woocommerce-js .widget_price_filter .price_slider_amount{text-align:left;line-height:2.4;font-size:.8751em}.woocommerce-js .widget_price_filter .price_slider_amount .button{font-size:1.15em;float:right}.woocommerce-js .widget_price_filter .ui-slider{position:relative;text-align:right;margin-right:.5em;margin-left:.5em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1em;height:1em;background-color:#a46497;border-radius:1em;cursor:ew-resize;outline:0;top:-.3em;margin-left:-.5em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;border-radius:1em;background-color:#a46497}.woocommerce-js .widget_price_filter .price_slider_wrapper .ui-widget-content{border-radius:1em;background-color:#602053;border:0}.woocommerce-js .widget_price_filter .ui-slider-horizontal{height:.5em}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range-min{right:-1px}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range-max{left:-1px}.woocommerce-js .widget_rating_filter ul{margin:0;padding:0;border:0;list-style:none outside}.woocommerce-js .widget_rating_filter ul li{zoom:1;padding:0 0 1px;list-style:none}.woocommerce-js .widget_rating_filter ul li::after,.woocommerce-js .widget_rating_filter ul li::before{content:' ';display:table}.woocommerce-js .widget_rating_filter ul li::after{clear:both}.woocommerce-js .widget_rating_filter ul li a{padding:1px 0;text-decoration:none}.woocommerce-js .widget_rating_filter ul li .star-rating{float:none;display:inline-block}.woocommerce-js .widget_rating_filter ul li.chosen a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .show-on-hover{position:absolute;top:0;right:0;height:100%;left:0;bottom:0;padding:0;margin:0;opacity:0;filter:blur(0);transition:all .2s linear}.woocommerce-js li.product:hover .show-on-hover{opacity:1;transform:scale(1) translateZ(0) translateY(0);pointer-events:inherit}.woocommerce-js .ast-return-to-shop{display:inline-block;margin:5px 0;vertical-align:middle}.woocommerce-js .comment-reply-title{font-size:1.34rem;line-height:1.3;font-weight:500}.woocommerce-js .select2-container .select2-selection--single{height:auto;padding:.75em}.woocommerce-js .select2-container .select2-selection--single .select2-selection__rendered{padding-right:0}.woocommerce-js .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.35}.woocommerce-js .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;width:1.7em;transform:translateY(-50%)}.woocommerce-js .select2-results__option,.woocommerce-js .select2-search--dropdown .select2-search__field{padding:6px .75em}.woocommerce-js .variations th{text-align:right}.woocommerce-js.single-product a.added_to_cart{padding:.4em .4em 0;display:inline-block}.woocommerce a.added_to_cart{display:none}.woocommerce-js .widget_product_search button,.woocommerce-page .widget_product_search button{flex:0 0 auto;padding:10px 20px}.woocommerce-js ul.products li.product,.woocommerce-page ul.products li.product{text-align:right;margin-bottom:2.5em}.woocommerce-js ul.products li.product.product-category>a,.woocommerce-page ul.products li.product.product-category>a{display:inline-block;position:relative}.woocommerce-js ul.products li.product a img,.woocommerce-page ul.products li.product a img{margin-bottom:.8em}.woocommerce-js ul.products li.product .woocommerce-loop-product__title,.woocommerce-page ul.products li.product .woocommerce-loop-product__title{margin-bottom:.5em;padding:0;font-size:1em}.woocommerce-js ul.products li.product .ast-woo-product-category,.woocommerce-page ul.products li.product .ast-woo-product-category{font-size:.85em;margin-bottom:.5em;display:block;line-height:1.3;opacity:.6}.woocommerce-js ul.products li.product .star-rating,.woocommerce-page ul.products li.product .star-rating{margin:0 0 .5em auto;backface-visibility:hidden}.woocommerce-js ul.products li.product .ast-woo-shop-product-description p,.woocommerce-page ul.products li.product .ast-woo-shop-product-description p{margin-bottom:.5em}.woocommerce-js ul.products li.product .woocommerce-loop-product__link,.woocommerce-page ul.products li.product .woocommerce-loop-product__link{position:relative;display:block}.woocommerce-js ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock{background-color:#fff}.woocommerce-js ul.products li.product.product-category>a:hover .woocommerce-loop-category__title,.woocommerce-page ul.products li.product.product-category>a:hover .woocommerce-loop-category__title{background-color:#fff}.woocommerce-js ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{position:absolute;background-color:rgba(255,255,255,.88);transition:background .3s;text-align:center;right:1em;left:1em;padding:.5em 0 .7em}.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{bottom:1.8em;font-size:.9em}.woocommerce-js ul.products li.product .woocommerce-loop-category__title .count,.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count{font-size:.7em}.woocommerce-js ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock{bottom:1em;text-transform:uppercase;font-weight:700}.woocommerce-js ul.products li.product .price,.woocommerce-page ul.products li.product .price{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9em}.woocommerce-js ul.products li.product .price del,.woocommerce-page ul.products li.product .price del{display:initial}.woocommerce-js ul.products li.product .button,.woocommerce-page ul.products li.product .button{margin-top:.5em;margin-bottom:.5em;white-space:normal}.woocommerce-js ul.products li.product .button.added,.woocommerce-page ul.products li.product .button.added{margin-bottom:0;transition:margin 0s}.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{text-transform:uppercase;font-weight:700;line-height:1.5}.woocommerce-js ul.products li.product .woocommerce-loop-category__title .count,.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count{display:block;background:0 0;opacity:.5;font-size:.75em}.woocommerce-js .related.products li.product:last-child,.woocommerce-page .related.products li.product:last-child{margin-left:0}.woocommerce-js table.shop_table,.woocommerce-page table.shop_table{border:1px solid var(--ast-border-color);border-radius:0}.woocommerce-js table.shop_table .product-thumbnail img,.woocommerce-page table.shop_table .product-thumbnail img{width:auto;max-width:70px}.woocommerce-js table.shop_table thead,.woocommerce-page table.shop_table thead{background-color:var(--ast-wc-container-head-bg-color)}.woocommerce-js table.shop_table thead th,.woocommerce-page table.shop_table thead th{border-width:0}.woocommerce-js table.shop_table td,.woocommerce-js table.shop_table th,.woocommerce-page table.shop_table td,.woocommerce-page table.shop_table th{border-bottom-width:0;padding:.7em 1em}.woocommerce-js table.shop_table td,.woocommerce-page table.shop_table td{border-top:1px solid var(--ast-border-color)}.woocommerce-js table.shop_table td.download-file,.woocommerce-js table.shop_table td.woocommerce-orders-table__cell-order-actions,.woocommerce-page table.shop_table td.download-file,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions{display:block}.woocommerce-js table.shop_table td.download-file a,.woocommerce-js table.shop_table td.woocommerce-orders-table__cell-order-actions a,.woocommerce-page table.shop_table td.download-file a,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions a{margin-left:.5em;margin-top:.25em;margin-bottom:.25em}.woocommerce-js table.shop_table td.download-file a:last-child,.woocommerce-js table.shop_table td.woocommerce-orders-table__cell-order-actions a:last-child,.woocommerce-page table.shop_table td.download-file a:last-child,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions a:last-child{margin-left:0}.woocommerce-js table.shop_table .woocommerce-Price-amount,.woocommerce-page table.shop_table .woocommerce-Price-amount{font-weight:400}.woocommerce-js #content table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text{width:auto}.woocommerce-js #content table.cart td,.woocommerce-page #content table.cart td{min-height:3.25em}.woocommerce-js #content table.cart [name=coupon_code],.woocommerce-page #content table.cart [name=coupon_code]{max-height:35px}.woocommerce-js #content table.cart .button,.woocommerce-page #content table.cart .button{display:inline-block;width:auto}.ast-separate-container .ast-woocommerce-container{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-woocommerce-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-woocommerce-container{padding:1.5em 2.14em}}@media (min-width:1201px){.ast-separate-container .ast-woocommerce-container{padding:5.34em 6.67em}}.ast-separate-container .ast-woocommerce-container .product{border-bottom:0}.ast-separate-container.single-product .ast-article-single{margin:0;padding:0;display:inline-block;width:100%}.pswp{z-index:999999}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}.woocommerce .pswp__caption__center,.woocommerce-page .pswp__caption__center{text-align:center}.woocommerce .pswp__bg,.woocommerce-page .pswp__bg{opacity:.7!important}.woocommerce .pswp__ui--fit .pswp__caption,.woocommerce .pswp__ui--fit .pswp__top-bar,.woocommerce-page .pswp__ui--fit .pswp__caption,.woocommerce-page .pswp__ui--fit .pswp__top-bar{background-color:transparent}.woocommerce-js form .form-row textarea,.woocommerce-js input[type=email],.woocommerce-js input[type=number],.woocommerce-js input[type=password],.woocommerce-js input[type=reset],.woocommerce-js input[type=search],.woocommerce-js input[type=tel],.woocommerce-js input[type=text],.woocommerce-js input[type=url],.woocommerce-js textarea,.woocommerce-page form .form-row textarea,.woocommerce-page input[type=email],.woocommerce-page input[type=number],.woocommerce-page input[type=password],.woocommerce-page input[type=reset],.woocommerce-page input[type=search],.woocommerce-page input[type=tel],.woocommerce-page input[type=text],.woocommerce-page input[type=url],.woocommerce-page textarea{border-color:var(--ast-border-color);background-color:var(--ast-global-dark-bg-style);box-shadow:none;border-radius:0}.woocommerce-js form .form-row textarea:focus,.woocommerce-js input[type=email]:focus,.woocommerce-js input[type=number]:focus,.woocommerce-js input[type=password]:focus,.woocommerce-js input[type=reset]:focus,.woocommerce-js input[type=search]:focus,.woocommerce-js input[type=tel]:focus,.woocommerce-js input[type=text]:focus,.woocommerce-js input[type=url]:focus,.woocommerce-js textarea:focus,.woocommerce-page form .form-row textarea:focus,.woocommerce-page input[type=email]:focus,.woocommerce-page input[type=number]:focus,.woocommerce-page input[type=password]:focus,.woocommerce-page input[type=reset]:focus,.woocommerce-page input[type=search]:focus,.woocommerce-page input[type=tel]:focus,.woocommerce-page input[type=text]:focus,.woocommerce-page input[type=url]:focus,.woocommerce-page textarea:focus{box-shadow:none;border-color:var(--ast-border-color)}.woocommerce-js .select2-container .select2-dropdown,.woocommerce-js .select2-container .select2-search__field,.woocommerce-page .select2-container .select2-dropdown,.woocommerce-page .select2-container .select2-search__field{border:1px solid var(--ast-border-color);z-index:98}.woocommerce-js .select2-container .select2-selection--single,.woocommerce-js select,.woocommerce-page .select2-container .select2-selection--single,.woocommerce-page select{padding:.5em .8em;line-height:normal;padding-left:2em;appearance:none;background-position:2% 50%;background-color:var(--ast-global-dark-bg-style,#fff);border-color:var(--ast-border-color);border-radius:3px;box-shadow:none}.woocommerce-js .select2-container .select2-selection--single:focus,.woocommerce-js select:focus,.woocommerce-page .select2-container .select2-selection--single:focus,.woocommerce-page select:focus{outline:0}.woocommerce-js .select2-container .select2-selection--single b,.woocommerce-js select b,.woocommerce-page .select2-container .select2-selection--single b,.woocommerce-page select b{display:none}.woocommerce-js .woocommerce-ordering select,.woocommerce-page .woocommerce-ordering select{background-color:transparent;border:transparent;border-radius:0}button.pswp__button{box-shadow:none!important;background-image:url("../../../../../../../plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png")!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:100% -44px}button.pswp__button--zoom:hover{background-position:-88px 0}.woocommerce-error,.woocommerce-info,.woocommerce-message{padding:1em 3.5em 1em 2em;margin:0 0 2em;position:relative;background-color:#f7f6f7;color:#515151;border-top:3px solid #a46497;list-style:none outside;zoom:1;width:auto;word-wrap:break-word}.woocommerce-error::after,.woocommerce-error::before,.woocommerce-info::after,.woocommerce-info::before,.woocommerce-message::after,.woocommerce-message::before{content:' ';display:table}.woocommerce-error::after,.woocommerce-info::after,.woocommerce-message::after{clear:both}.woocommerce-error::before,.woocommerce-info::before,.woocommerce-message::before{font-family:WooCommerce;content:'\e028';display:inline-block;position:absolute;top:1em;right:1.5em}.woocommerce-error .button,.woocommerce-info .button,.woocommerce-message .button{float:left}.woocommerce-error li,.woocommerce-info li,.woocommerce-message li{list-style:none outside!important;padding-right:0!important;margin-right:0!important}.woocommerce-message{border-top-color:#8fae1b}.woocommerce-message::before{content:'\e015';color:#8fae1b}.woocommerce-info{border-top-color:#1e85be}.woocommerce-info::before{color:#1e85be}.woocommerce-error{border-top-color:#b81c23}.woocommerce-error::before{content:'\e016';color:#b81c23}.woocommerce .woocommerce,.woocommerce-account .woocommerce{zoom:1}.woocommerce .woocommerce::after,.woocommerce .woocommerce::before,.woocommerce-account .woocommerce::after,.woocommerce-account .woocommerce::before{content:' ';display:table}.woocommerce .woocommerce::after,.woocommerce-account .woocommerce::after{clear:both}.woocommerce .addresses .title,.woocommerce-account .addresses .title{zoom:1}.woocommerce .addresses .title::after,.woocommerce .addresses .title::before,.woocommerce-account .addresses .title::after,.woocommerce-account .addresses .title::before{content:' ';display:table}.woocommerce .addresses .title::after,.woocommerce-account .addresses .title::after{clear:both}.woocommerce .addresses .title h3,.woocommerce-account .addresses .title h3{float:right}.woocommerce .addresses .title .edit,.woocommerce-account .addresses .title .edit{float:left;padding:.7em 1em}.woocommerce ol.commentlist.notes li.note p.meta,.woocommerce-account ol.commentlist.notes li.note p.meta{font-weight:700;margin-bottom:0}.woocommerce ol.commentlist.notes li.note .description p:last-child,.woocommerce-account ol.commentlist.notes li.note .description p:last-child{margin-bottom:0}.woocommerce ul.digital-downloads,.woocommerce-account ul.digital-downloads{margin-right:0;padding-right:0}.woocommerce ul.digital-downloads li,.woocommerce-account ul.digital-downloads li{list-style:none;margin-right:0;padding-right:0}.woocommerce ul.digital-downloads li::before,.woocommerce-account ul.digital-downloads li::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none}.woocommerce ul.digital-downloads li .count,.woocommerce-account ul.digital-downloads li .count{float:left}.woocommerce .woocommerce-Addresses .woocommerce-Address-title,.woocommerce .woocommerce-Addresses .woocommerce-column__title,.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title,.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title,.woocommerce .woocommerce-customer-details .woocommerce-Address-title,.woocommerce .woocommerce-customer-details .woocommerce-column__title,.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title,.woocommerce-account .woocommerce-Addresses .woocommerce-column__title,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title,.woocommerce-account .woocommerce-customer-details .woocommerce-column__title{background:#fbfbfb;padding:.5em;margin-bottom:0;border-width:1px 1px 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce .woocommerce-Addresses .woocommerce-Address-title h3,.woocommerce .woocommerce-Addresses .woocommerce-column__title h3,.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3,.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title h3,.woocommerce .woocommerce-customer-details .woocommerce-Address-title h3,.woocommerce .woocommerce-customer-details .woocommerce-column__title h3,.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3,.woocommerce-account .woocommerce-Addresses .woocommerce-column__title h3,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title h3,.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title h3,.woocommerce-account .woocommerce-customer-details .woocommerce-column__title h3{margin-bottom:0}.woocommerce .woocommerce-Addresses address,.woocommerce .woocommerce-MyAccount-content address,.woocommerce .woocommerce-customer-details address,.woocommerce-account .woocommerce-Addresses address,.woocommerce-account .woocommerce-MyAccount-content address,.woocommerce-account .woocommerce-customer-details address{border:1px solid var(--ast-border-color);padding:1em;border-radius:0}#add_payment_method table.cart .product-thumbnail,.woocommerce-cart table.cart .product-thumbnail,.woocommerce-checkout table.cart .product-thumbnail{min-width:32px}#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img{width:32px;box-shadow:none}#add_payment_method table.cart td,#add_payment_method table.cart th,.woocommerce-cart table.cart td,.woocommerce-cart table.cart th,.woocommerce-checkout table.cart td,.woocommerce-checkout table.cart th{vertical-align:middle}#add_payment_method table.cart td.actions .coupon .input-text,.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce-checkout table.cart td.actions .coupon .input-text{float:right;box-sizing:border-box;border:1px solid var(--ast-border-color);padding:6px 6px 5px;margin:0 0 0 4px;outline:0;line-height:1}#add_payment_method table.cart input,.woocommerce-cart table.cart input,.woocommerce-checkout table.cart input{margin:0;vertical-align:middle;line-height:1}#add_payment_method .wc-proceed-to-checkout,.woocommerce-cart .wc-proceed-to-checkout,.woocommerce-checkout .wc-proceed-to-checkout{zoom:1;padding:1em 0}#add_payment_method .wc-proceed-to-checkout::after,#add_payment_method .wc-proceed-to-checkout::before,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::before,.woocommerce-checkout .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::before{content:' ';display:table}#add_payment_method .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::after{clear:both}#add_payment_method .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;margin-bottom:1em;font-size:1.25em;padding:1em}#add_payment_method .cart-collaterals .shipping_calculator .button,.woocommerce-cart .cart-collaterals .shipping_calculator .button,.woocommerce-checkout .cart-collaterals .shipping_calculator .button{width:100%;float:none;display:block}#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after,.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after,.woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none}#add_payment_method .cart-collaterals .cart_totals p small,.woocommerce-cart .cart-collaterals .cart_totals p small,.woocommerce-checkout .cart-collaterals .cart_totals p small{color:#777;font-size:.83em}#add_payment_method .cart-collaterals .cart_totals table,.woocommerce-cart .cart-collaterals .cart_totals table,.woocommerce-checkout .cart-collaterals .cart_totals table{border-collapse:separate;margin:0 0 6px;padding:0}#add_payment_method .cart-collaterals .cart_totals table tr:first-child td,#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th{border-top:0}#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table th{width:40%}#add_payment_method .cart-collaterals .cart_totals table td,#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table td,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table td,.woocommerce-checkout .cart-collaterals .cart_totals table th{vertical-align:top;border-right:0;border-left:0;line-height:1.5em}#add_payment_method .cart-collaterals .cart_totals table small,.woocommerce-cart .cart-collaterals .cart_totals table small,.woocommerce-checkout .cart-collaterals .cart_totals table small{color:#777}#add_payment_method .cart-collaterals .cart_totals table select,.woocommerce-cart .cart-collaterals .cart_totals table select,.woocommerce-checkout .cart-collaterals .cart_totals table select{width:100%}#add_payment_method .cart-collaterals .cart_totals .discount td,.woocommerce-cart .cart-collaterals .cart_totals .discount td,.woocommerce-checkout .cart-collaterals .cart_totals .discount td{color:#77a464}#add_payment_method .cart-collaterals .cart_totals tr td,#add_payment_method .cart-collaterals .cart_totals tr th,.woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-checkout .cart-collaterals .cart_totals tr td,.woocommerce-checkout .cart-collaterals .cart_totals tr th{border-top:1px solid var(--ast-border-color)}#add_payment_method .cart-collaterals .cross-sells ul.products li.product,.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product{margin-top:0}#add_payment_method .checkout .col-2 h3#ship-to-different-address,.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address{float:right;clear:none}#add_payment_method .checkout .col-2 .notes,.woocommerce-cart .checkout .col-2 .notes,.woocommerce-checkout .checkout .col-2 .notes{clear:right}#add_payment_method .checkout .col-2 .form-row-first,.woocommerce-cart .checkout .col-2 .form-row-first,.woocommerce-checkout .checkout .col-2 .form-row-first{clear:right}#add_payment_method .checkout .create-account small,.woocommerce-cart .checkout .create-account small,.woocommerce-checkout .checkout .create-account small{font-size:11px;color:#777;font-weight:400}#add_payment_method .checkout div.shipping-address,.woocommerce-cart .checkout div.shipping-address,.woocommerce-checkout .checkout div.shipping-address{padding:0;clear:right;width:100%}#add_payment_method .checkout .shipping_address,.woocommerce-cart .checkout .shipping_address,.woocommerce-checkout .checkout .shipping_address{clear:both}#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment{border-radius:5px}#add_payment_method #payment ul.payment_methods,.woocommerce-cart #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods{zoom:1;text-align:right;padding:1em;border-bottom:1px solid var(--ast-border-color);margin:0;list-style:none outside}#add_payment_method #payment ul.payment_methods::after,#add_payment_method #payment ul.payment_methods::before,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::before,.woocommerce-checkout #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::before{content:' ';display:table}#add_payment_method #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::after{clear:both}#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li{line-height:2;text-align:right;margin:0;font-weight:400}#add_payment_method #payment ul.payment_methods li input,.woocommerce-cart #payment ul.payment_methods li input,.woocommerce-checkout #payment ul.payment_methods li input{cursor:pointer;margin:0 0 0 1em}#add_payment_method #payment ul.payment_methods li img,.woocommerce-cart #payment ul.payment_methods li img,.woocommerce-checkout #payment ul.payment_methods li img{vertical-align:middle;margin:-2px .5em 0 0;padding:0;position:relative;box-shadow:none}#add_payment_method #payment ul.payment_methods li img+img,.woocommerce-cart #payment ul.payment_methods li img+img,.woocommerce-checkout #payment ul.payment_methods li img+img{margin-right:2px}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice),.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice),.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice){zoom:1}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before{content:' ';display:table}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after{clear:both}#add_payment_method #payment div.form-row,.woocommerce-cart #payment div.form-row,.woocommerce-checkout #payment div.form-row{padding:1em}#add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #payment div.payment_box{position:relative;box-sizing:border-box;width:100%;padding:1em;margin:1em 0;font-size:.92em;border-radius:2px;line-height:1.5;background-color:#dfdcde;color:#515151}#add_payment_method #payment div.payment_box input.input-text,#add_payment_method #payment div.payment_box textarea,.woocommerce-cart #payment div.payment_box input.input-text,.woocommerce-cart #payment div.payment_box textarea,.woocommerce-checkout #payment div.payment_box input.input-text,.woocommerce-checkout #payment div.payment_box textarea{border-color:#c7c1c6;border-top-color:#bbb3b9}#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box :-moz-placeholder,.woocommerce-cart #payment div.payment_box :-moz-placeholder,.woocommerce-checkout #payment div.payment_box :-moz-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box :-ms-input-placeholder,.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods{list-style:none outside;margin:0}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token{margin:0 0 .5em}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label{cursor:pointer}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput{vertical-align:middle;margin:-3px 0 0 1em;position:relative}#add_payment_method #payment div.payment_box .wc-credit-card-form,.woocommerce-cart #payment div.payment_box .wc-credit-card-form,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form{border:0;padding:0;margin:1em 0 0}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number{font-size:1.5em;padding:8px;background-repeat:no-repeat;background-position:left .618em center;background-size:32px 20px}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/visa.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/laser.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/diners.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/amex.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/discover.svg")}#add_payment_method #payment div.payment_box span.help,.woocommerce-cart #payment div.payment_box span.help,.woocommerce-checkout #payment div.payment_box span.help{font-size:.857em;color:#777;font-weight:400}#add_payment_method #payment div.payment_box .form-row,.woocommerce-cart #payment div.payment_box .form-row,.woocommerce-checkout #payment div.payment_box .form-row{margin:0 0 1em}#add_payment_method #payment div.payment_box p:last-child,.woocommerce-cart #payment div.payment_box p:last-child,.woocommerce-checkout #payment div.payment_box p:last-child{margin-bottom:0}#add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before{content:'';display:block;border:1em solid #dfdcde;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;position:absolute;top:-1em;right:0;margin:-1em 2em 0 0}#add_payment_method #payment .payment_method_paypal .about_paypal,.woocommerce-cart #payment .payment_method_paypal .about_paypal,.woocommerce-checkout #payment .payment_method_paypal .about_paypal{float:left;line-height:52px;font-size:.83em}#add_payment_method #payment .payment_method_paypal img,.woocommerce-cart #payment .payment_method_paypal img,.woocommerce-checkout #payment .payment_method_paypal img{max-height:52px;vertical-align:middle}.woocommerce-cart .cart_totals .shop_table{table-layout:fixed}.woocommerce-cart-form__cart-item td.product-remove{text-align:center}.woocommerce-cart-form__cart-item td.product-remove a.remove{display:inline-block;vertical-align:middle}.woocommerce-cart table.shop_table td,.woocommerce-cart table.shop_table th{border-left:0}.woocommerce-cart table.shop_table td.product-name{font-weight:500}.woocommerce-cart table.shop_table .woocommerce-Price-amount{font-weight:400}.woocommerce-cart table.shop_table dl dt{font-weight:500}.woocommerce-cart table.shop_table dl dd{font-weight:400}.woocommerce-cart .cart-collaterals .cross-sells li.product{padding-bottom:1em}.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-cart .cart-collaterals .cross-sells{padding:0 20px;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:0;margin-bottom:2em}.woocommerce-cart .cart-collaterals .cart_totals .shop_table,.woocommerce-cart .cart-collaterals .cross-sells .shop_table{border-top:0;border-right:0;border-left:0;border-radius:0}.woocommerce-cart .cart-collaterals .cart_totals>h2,.woocommerce-cart .cart-collaterals .cross-sells>h2{margin:0 -20px 20px;background-color:var(--ast-global-dark-lfs);border-bottom:1px solid var(--ast-border-color)}.woocommerce-cart .hentry,.woocommerce-cart ul.products{margin-bottom:0}.woocommerce-cart .hentry li.product,.woocommerce-cart ul.products li.product{margin-bottom:0}.woocommerce-cart table.cart td.actions .coupon{display:flex;align-items:center;margin:5px 0}.woocommerce-cart table.cart td.actions .coupon .input-text{padding:.5em .75em}.woocommerce-cart table.cart td.actions input.button{display:inline-block;width:auto}.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{font-size:1.1em;line-height:1.8em}.woocommerce-page.woocommerce-checkout form.checkout.woocommerce-checkout:after,.woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout:after{content:"";clear:both;display:table}.woocommerce-page.woocommerce-checkout table.shop_table thead,.woocommerce.woocommerce-checkout table.shop_table thead{background:0 0}.woocommerce-page.woocommerce-checkout table.shop_table th,.woocommerce.woocommerce-checkout table.shop_table th{padding:14px 12px}.woocommerce-page.woocommerce-checkout table.shop_table td,.woocommerce.woocommerce-checkout table.shop_table td{padding:10px 0 10px 10px;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout table.shop_table tfoot td,.woocommerce.woocommerce-checkout table.shop_table tfoot td{opacity:1}.woocommerce-page.woocommerce-checkout table.shop_table td,.woocommerce-page.woocommerce-checkout table.shop_table th,.woocommerce.woocommerce-checkout table.shop_table td,.woocommerce.woocommerce-checkout table.shop_table th{border-bottom-width:1px}.woocommerce-page.woocommerce-checkout form #order_review table,.woocommerce.woocommerce-checkout form #order_review table{border-width:0}.woocommerce-page.woocommerce-checkout form #order_review td,.woocommerce-page.woocommerce-checkout form #order_review th,.woocommerce.woocommerce-checkout form #order_review td,.woocommerce.woocommerce-checkout form #order_review th{border-top:0;border-left:0;padding-right:0;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout form #order_review td.product-name,.woocommerce.woocommerce-checkout form #order_review td.product-name{font-weight:500;display:flex;align-items:center;flex-wrap:wrap}.woocommerce-page.woocommerce-checkout form #order_review td.product-name .product-quantity,.woocommerce.woocommerce-checkout form #order_review td.product-name .product-quantity{font-weight:400}.woocommerce-page.woocommerce-checkout form #order_review td:last-child,.woocommerce-page.woocommerce-checkout form #order_review th:last-child,.woocommerce.woocommerce-checkout form #order_review td:last-child,.woocommerce.woocommerce-checkout form #order_review th:last-child{text-align:left}.woocommerce-page.woocommerce-checkout form .form-row:last-child,.woocommerce.woocommerce-checkout form .form-row:last-child{margin-bottom:0}.woocommerce-page.woocommerce-checkout #payment,.woocommerce.woocommerce-checkout #payment{border-radius:0}.woocommerce-page.woocommerce-checkout #payment ul.payment_methods,.woocommerce.woocommerce-checkout #payment ul.payment_methods{padding:0;margin-bottom:1em;border-bottom:0}.woocommerce-page.woocommerce-checkout #payment div.payment_box,.woocommerce.woocommerce-checkout #payment div.payment_box{background-color:#efefef}.woocommerce-page.woocommerce-checkout #payment div.payment_box:before,.woocommerce.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:#efefef}.woocommerce-page.woocommerce-checkout #payment div.form-row,.woocommerce.woocommerce-checkout #payment div.form-row{padding:0 0 2em}.woocommerce-page.woocommerce-checkout #payment #place_order,.woocommerce.woocommerce-checkout #payment #place_order{width:100%}.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td,.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th{padding:.7em 1em;border-bottom-width:0}.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td:last-child,.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th:last-child,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td:last-child,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th:last-child{border-left-width:0}.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title,.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title{background:#fbfbfb;padding:1em;margin-bottom:0;font-size:1.3rem;border-width:1px 1px 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading,.woocommerce.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading{font-size:1.5rem;border-top:3px solid var(--ast-border-color);padding-top:.5em}.woocommerce-page.woocommerce-checkout .woocommerce-order h3,.woocommerce.woocommerce-checkout .woocommerce-order h3{font-size:1.1rem}.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details,.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details{margin-bottom:2em}.woocommerce-page.woocommerce-checkout .woocommerce-customer-details address,.woocommerce.woocommerce-checkout .woocommerce-customer-details address{border-left-width:1px;border-bottom-width:1px;border-radius:0}.woocommerce form .form-row .required{text-decoration:none}.woocommerce form.checkout_coupon{margin:0;border:0;padding:0 0 2em}.woocommerce form.checkout_coupon .form-row{margin:0;padding:0;float:none;display:inline-block}.woocommerce form.checkout_coupon [name=coupon_code]{padding-top:9px;padding-bottom:9px}.woocommerce form.checkout_coupon .button{padding:.5em 1em;vertical-align:initial;line-height:1.35}@media (max-width:420px){.woocommerce form.checkout_coupon .form-row-first,.woocommerce form.checkout_coupon .form-row-last{display:block;margin:0 auto;width:100%}.woocommerce form.checkout_coupon .form-row-first{margin-bottom:10px}.woocommerce form.checkout_coupon .button[name=apply_coupon]{width:100%;padding:10px 5px}}.checkout_coupon .input-text{padding:.5em .75em}.woocommerce-MyAccount-navigation>ul{margin:0}.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button{margin-top:1em;margin-right:3px}#secondary .widget.woocommerce>li,#secondary .widget_layered_nav_filters>li{margin-bottom:0}#secondary .widget .select2-container .select2-selection--multiple .select2-selection__rendered{display:block;min-height:42px}#secondary .widget .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{margin-top:5px;margin-bottom:5px}#secondary .widget .select2-search__field{min-height:42px;margin:0}.woocommerce-js ul.cart_list li>a,.woocommerce-js ul.product_list_widget li>a{font-weight:500;margin-bottom:.33em;color:var(--ast-global-color-2)}.woocommerce-js #secondary .woocommerce ul.cart_list,.woocommerce-js #secondary .woocommerce ul.product_list_widget{margin:0}.woocommerce-js .widget_shopping_cart .cart_list li,.woocommerce-js .widget_shopping_cart li,.woocommerce-js ul.product_list_widget .cart_list li,.woocommerce-js ul.product_list_widget li{padding:.6em 5em .6em 0;min-height:5em;position:relative;border-bottom:1px solid var(--ast-border-color);margin:0;line-height:1.5}.woocommerce-js .widget_shopping_cart .cart_list li:last-child,.woocommerce-js .widget_shopping_cart li:last-child,.woocommerce-js ul.product_list_widget .cart_list li:last-child,.woocommerce-js ul.product_list_widget li:last-child{border-bottom:none}.woocommerce-js .widget_shopping_cart .woocommerce-mini-cart__buttons{margin-bottom:0}.woocommerce-js .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward{margin-right:5px;margin-left:0}.woocommerce-js.widget_product_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.woocommerce-js.widget_product_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-left:4px;line-height:1.5;transition:all .2s linear}.woocommerce-js .widget_shopping_cart .total,.woocommerce-js.widget_shopping_cart .total{padding:5px 0;border-top:1px solid var(--ast-border-color);border-bottom:1px solid var(--ast-border-color);margin-bottom:1.3em}.woocommerce-js ul.product_list_widget li img{position:absolute;right:0;width:4em;height:4em;margin:0 0 .5em 0;top:50%;transform:translateY(-50%);object-fit:cover}.woocommerce-js ul.product-categories>li{padding:2px 0}.woocommerce-js ul.product-categories>li:first-child{border:none}.woocommerce-js .widget del{opacity:.5}.woocommerce-js .widget ins{background:inherit}.woocommerce-js .widget .amount,.woocommerce-js .widget ins{font-weight:400}.woocommerce-js .widget .star-rating{margin:5px 0}.woocommerce-js .widget_rating_filter ul li a{display:inline-flex;align-items:center}.woocommerce-js .price_slider_amount .price_label span{font-weight:700}.woocommerce-js .widget_price_filter .ui-slider-horizontal{height:.2em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-handle{top:-.4em;cursor:pointer}.woocommerce-js .widget_price_filter .price_slider_amount .button{font-size:.9em!important;padding:8px 18px}.woocommerce-js .widget_price_filter .price_slider{margin-bottom:1.2em}.woocommerce-js .widget_price_filter .price_slider_wrapper .ui-widget-content{background-color:#ededed}.woocommerce-js .widget_product_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;margin-left:4px;line-height:1.5;padding:.5em 1.2em;font-size:12px!important;font-size:.8rem!important}.woocommerce-js .widget_product_tag_cloud .tagcloud a a.current-item,.woocommerce-js .widget_product_tag_cloud .tagcloud a a:focus,.woocommerce-js .widget_product_tag_cloud .tagcloud a a:hover{background-color:#fafafa}.ast-site-header-cart .widget_shopping_cart .buttons .button,.ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward,.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button,.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward{display:block;margin-left:0;width:100%;margin-right:0}.woocommerce .widget_shopping_cart .cart_list li,.woocommerce.widget_shopping_cart .cart_list li{padding:1.2em 5em 1.2em 0}.woocommerce .widget_shopping_cart .cart_list li a.remove,.woocommerce.widget_shopping_cart .cart_list li a.remove{position:absolute;right:auto;left:0;top:1.1em;color:var(--ast-global-color-3)}.woocommerce .widget_shopping_cart .cart_list li a.remove:hover,.woocommerce.widget_shopping_cart .cart_list li a.remove:hover{color:var(--ast-global-color-3)}.woocommerce-product-search{display:flex}.woocommerce-product-search .search-field{flex:auto;width:100%;border-top-left-radius:0;border-bottom-left-radius:0}.woocommerce-product-search input[type=submit]{padding:10px 15px;border-top-right-radius:0;border-bottom-right-radius:0}#secondary .widget_layered_nav_filters ul li.chosen,.widget_layered_nav_filters ul li.chosen{padding:0 .5em;margin-left:.5em;margin-bottom:.5em;background:rgba(245,245,245,.75);border-radius:20px;font-size:1em}#secondary .widget_layered_nav_filters ul li.chosen:hover,.widget_layered_nav_filters ul li.chosen:hover{background-color:#f5f5f5}#secondary .widget_layered_nav_filters ul li.chosen a,.widget_layered_nav_filters ul li.chosen a{display:block}#secondary .widget_layered_nav_filters ul li.chosen a::before,.widget_layered_nav_filters ul li.chosen a::before{margin-left:.5em;line-height:inherit;position:relative;top:1px}.woocommerce-terms-and-conditions{border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background:rgba(0,0,0,.05)}.woocommerce-password-strength{text-align:center;font-weight:600;padding:3px .5em;font-size:1em}.woocommerce-password-strength.strong{background-color:#c1e1b9;border-color:#83c373}.woocommerce-password-strength.short{background-color:#f1adad;border-color:#e35b5b}.woocommerce-password-strength.bad{background-color:#fbc5a9;border-color:#f78b53}.woocommerce-password-strength.good{background-color:#ffe399;border-color:#ffc733}.woocommerce-password-hint{margin:.5em 0 0;display:block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container{display:block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .header-main-layout-2 .main-header-container{text-align:center}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-main-header-bar-alignment{display:inline-block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-masthead-custom-menu-items{display:inline-block;float:left}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-break-point .header-main-layout-2 .main-header-container{display:flex}.rtl .woocommerce-pagination .page-numbers li:last-child .next{transform:rotateY(-180deg)}.rtl .woocommerce-pagination .page-numbers li:first-child .prev{transform:rotateY(180deg)}.ast-site-header-cart .widgettitle{display:none}.wc-block-grid .wc-block-grid__products .wc-block-grid__product{text-align:right;margin-bottom:2.5em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category>a{display:inline-block;position:relative}.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img{width:100%;height:auto;display:block;margin:0 0 .8em 0;box-shadow:none}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{margin-bottom:.5em;padding:0;font-size:1em;line-height:1.2;font-weight:inherit}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating{margin:0 0 .5em auto;backface-visibility:hidden}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link{position:relative;display:block}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock{background-color:#fff}.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category>a:hover .woocommerce-loop-category__title{background-color:#fff}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title{bottom:1.8em;font-size:.9em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count{font-size:.7em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del{display:initial}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link{margin-top:.5em;margin-bottom:.5em;white-space:normal;line-height:1.3;font-size:100%;font-weight:700}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added{margin-bottom:0;transition:margin 0s}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title{text-transform:uppercase;font-weight:700;line-height:1.5}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count{display:block;background:0 0;opacity:.5;font-size:.75em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale{min-width:3em;min-height:3em;line-height:3em;padding:0;font-size:.8em;font-weight:400;text-transform:capitalize;position:absolute;text-align:center;border-radius:100%;z-index:9;top:0;left:10px;right:auto;margin:-.5em 0 0 -.5em}.widget_product_categories .children{padding-right:20px}@supports (-moz-appearance:none){.sidebar-main .widget_product_search .search-field{width:60%}}.wc-block-product-categories-list li{padding-right:15px}.woocommerce-page .widget .wc-block-price-slider{padding-top:.15em}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress{--range-color:var(--ast-global-color-0);top:-1px}@-moz-document url-prefix(){.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress{top:1px}}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-wrapper{box-shadow:none;background-color:#ededed}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress,.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-wrapper{height:3px}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__controls{border-color:var(--ast-border-color)}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__range-text{line-height:2.4;font-size:.8751em}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__range-text .wc-block-components-formatted-money-amount{font-weight:700}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__controls{justify-content:end}.woocommerce-page .widget .wc-block-price-slider input[type=range]{margin:0}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-webkit-slider-runnable-track{height:3px;box-shadow:none;background-color:transparent}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-moz-range-track{height:3px;box-shadow:none;background-color:transparent}.woocommerce-page .widget .wc-block-price-slider input[type=range].wc-block-price-filter__range-input::-webkit-slider-thumb{-webkit-appearance:none;border:0;width:15px;height:15px}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-moz-range-thumb{height:15px;border:0;width:15px}.woocommerce-page .widget .wc-block-checkbox-list li input[type=checkbox]{margin:0 0 0 .5rem;position:relative;top:1px}.woocommerce-page .widget .wc-block-checkbox-list li .wc-filter-element-label-list-count{opacity:1}.woocommerce-page .widget .wc-layered-nav-rating{line-height:1}.woocommerce-page .widget .wc-layered-nav-rating .star-rating{margin:0}.product.woocommerce.add_to_cart_inline{border:0!important}.product.woocommerce.add_to_cart_inline a.button{margin-right:1em}.ast-site-header-cart .widget_shopping_cart,.astra-cart-drawer{background-color:var(--ast-global-color-primary,var(--ast-global-color-5));border:1px solid var(--ast-border-color)}.woocommerce-js .sold-individually .button.single_add_to_cart_button{margin-right:-1em}.sidebar-main .ast-mini-cart-empty .woocommerce-mini-cart__empty-message{display:none}.woocommerce-js .variations select,.woocommerce-js .woocommerce-ordering select{padding:.5em}.astra-dark-mode-enable .woocommerce-js .woocommerce-page label,legend{color:var(--ast-global-color-primary,--ast-global-color-4)} + +/* 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; +} diff --git a/assets/css/woocommerce-grid.min.css b/assets/css/woocommerce-grid.min.css new file mode 100644 index 00000000..ed57a254 --- /dev/null +++ b/assets/css/woocommerce-grid.min.css @@ -0,0 +1,85 @@ +@charset "UTF-8";@keyframes spin{100%{transform:rotate(360deg)}}@keyframes dotPulse{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}@font-face{font-family:star;src:url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot");src:url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot");src:url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");font-weight:400;font-style:normal}.woocommerce-store-notice,p.demo_store{position:fixed;top:0;left:0;right:0;margin:0;width:100%;font-size:1em;padding:1em 0;text-align:center;background-color:#a46497;color:#fff;z-index:99998;box-shadow:0 1px 1em rgba(0,0,0,.2);display:none}.woocommerce-store-notice a,p.demo_store a{color:#fff;text-decoration:underline}.woocommerce-store-notice[data-position=bottom],p.demo_store[data-position=bottom]{bottom:0;top:initial}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.clear{clear:both}.ast-site-header-cart,.woocommerce .ast-site-header-cart{position:relative;list-style-type:none;margin-left:0;padding-left:0;margin-bottom:0;order:1;cursor:pointer}.ast-site-header-cart:focus .widget_shopping_cart,.ast-site-header-cart:hover .widget_shopping_cart,.woocommerce .ast-site-header-cart:focus .widget_shopping_cart,.woocommerce .ast-site-header-cart:hover .widget_shopping_cart{right:0;left:auto}.ast-site-header-cart .ast-shopping-cart-icon,.woocommerce .ast-site-header-cart .ast-shopping-cart-icon{display:initial;vertical-align:middle}.ast-site-header-cart .ast-shopping-cart-icon:before,.woocommerce .ast-site-header-cart .ast-shopping-cart-icon:before{content:"\e854";font-family:Astra;font-size:18px;font-size:1.2857rem}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons{margin:1.41575em}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a{width:100%}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a.button,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a.button{text-align:center}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .ast-mini-cart-message .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .ast-mini-cart-message .woocommerce-mini-cart__empty-message{text-align:center;margin-bottom:0}.ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content>ul,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content>ul{text-align:left;width:auto;position:relative;left:auto;top:auto;border-top:0}.ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message{text-align:left}.ast-site-header-cart .widget_shopping_cart,.woocommerce .ast-site-header-cart .widget_shopping_cart{position:absolute;top:100%;width:280px;z-index:999999;font-size:.875em;left:-999em;display:block;line-height:1.618;transition:all .3s ease;opacity:0;visibility:hidden;transition:all .3s ease}.ast-site-header-cart .widget_shopping_cart:after,.ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-site-header-cart .widget_shopping_cart:before{bottom:99.9%;left:auto;right:8px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-site-header-cart .widget_shopping_cart:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px;margin-bottom:-.3px}.ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-site-header-cart .widget_shopping_cart:before{border-color:rgba(230,230,230,0);border-bottom-color:var(--ast-border-color);border-width:7px;margin-left:-12px;right:7px}.ast-site-header-cart .widget_shopping_cart .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .widget_shopping_cart .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message{display:none}.ast-site-header-cart .widget_shopping_cart .product_list_widget,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget{padding:1em 1.5em;max-height:500px;max-height:50vh;overflow-y:auto}.ast-site-header-cart .widget_shopping_cart .product_list_widget li,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li{padding:.5em 2em .5em 5em;border-bottom:1px solid var(--ast-border-color)}.ast-site-header-cart .widget_shopping_cart .product_list_widget li .remove,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li .remove{top:.4em}.ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child{border-bottom:0}.ast-site-header-cart .widget_shopping_cart .product_list_widget li img,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li img{max-width:4em;margin:0 0 .5em 0}.ast-site-header-cart .widget_shopping_cart p.buttons,.ast-site-header-cart .widget_shopping_cart p.total,.woocommerce .ast-site-header-cart .widget_shopping_cart p.buttons,.woocommerce .ast-site-header-cart .widget_shopping_cart p.total{padding:1em 1.5em;margin:0;text-align:center}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message{margin:1.41575em}.ast-site-header-cart .widget_shopping_cart .cart_list a,.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a{padding:0}.ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a.remove{border-width:1px}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total{display:flex;justify-content:space-between}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong{width:40%;text-align:left;font-weight:500}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount{width:60%;text-align:right}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount{padding-left:.5em}.ast-site-header-cart:focus .widget_shopping_cart,.ast-site-header-cart:hover .widget_shopping_cart{opacity:1;visibility:visible}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .variation,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list .variation,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .variation{margin-bottom:.4em}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove{color:var(--ast-global-color-3)}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover{color:var(--ast-global-color-3)}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart,.site-header-section-left .ast-site-header-cart .widget_shopping_cart,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart{right:auto;left:0;transition:left 0s}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:after,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before{left:15px;right:auto}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before{left:11px;right:auto}.ast-cart-menu-wrap{display:inline-block;line-height:1}.ast-cart-menu-wrap .count{font-weight:700;position:relative;display:inline-block;vertical-align:middle;text-align:center;min-width:2.1em;min-height:2.1em;font-size:.86em;line-height:1.8;border-radius:0 0 .3em .3em;border-width:2px;border-style:solid;padding:0 .4em}.ast-cart-menu-wrap .count:after{bottom:100%;margin-bottom:0;height:.8em;width:.8em;left:50%;transform:translateX(-50%);top:-.6em;content:' ';position:absolute;pointer-events:none;border-width:2px;border-style:solid;border-top-left-radius:10em;border-top-right-radius:10em;border-bottom:0}.ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item li:hover>a.remove{color:#ccc}.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart{flex:1}.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li{text-align:right}.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart{flex:1}.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li{text-align:left}.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container{display:flex;justify-content:center}.ast-woocommerce-cart-menu .header-main-layout-2 .site-branding{flex:0 0 100%}.ast-header-break-point .woocommerce-custom-menu-item .ast-cart-menu-wrap{width:2em;height:2em;font-size:1.4em;line-height:2;vertical-align:middle;text-align:right}.ast-header-break-point .ast-button-wrap .main-header-menu-toggle{font-size:1.4em}.ast-header-break-point .main-header-menu .woocommerce-custom-menu-item .ast-cart-menu-wrap{height:3em;line-height:3;text-align:left}.ast-header-break-point .ast-site-header-cart .widget_shopping_cart{display:none}.ast-header-break-point.ast-woocommerce-cart-menu .ast-site-header-cart{order:initial;line-height:3;padding:0}.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3 .ast-site-header-cart{padding:0 0 1em 1em}.ast-header-break-point.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-site-header-cart{padding:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item{margin-bottom:0;margin-top:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart{padding:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart a{border:none;display:inline-block}.woocommerce-js .blockUI.blockOverlay{position:relative}.woocommerce-js .blockUI.blockOverlay::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:'';animation:spin 1s ease-in-out infinite;background:url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center;background-size:cover;background-color:var(--ast-global-color-secondary,--ast-global-color-5);line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}.woocommerce-js .loader::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:'';animation:spin 1s ease-in-out infinite;background:url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center;background-size:cover;background-color:var(--ast-global-color-secondary,--ast-global-color-5);line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}.woocommerce-js h2{margin-bottom:.7em}.woocommerce-js a.remove{position:relative;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;font-size:18px;width:20px;height:20px;text-align:center;line-height:21px;border-radius:100%;color:var(--ast-global-color-3);text-decoration:none;opacity:.5}.woocommerce-js a.remove .ahfb-svg-iconset{transform:scale(.7);transition:none}.woocommerce-js a.remove .ahfb-svg-iconset .ast-close-svg{width:100%;height:100%}.woocommerce-js a.remove:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;border:1px solid var(--ast-global-color-3);border-radius:100%;transition:all .2s linear}.woocommerce-js a.remove:hover{color:var(--ast-global-color-3);opacity:1}.woocommerce-js a.remove:hover:before{border-color:var(--ast-global-color-3)}.woocommerce-js small.note{display:block;color:#777;font-size:.857em;margin-top:10px}.woocommerce-js .woocommerce-breadcrumb{zoom:1;margin:0 0 1em;padding:0;font-size:.92em;color:#777}.woocommerce-js .woocommerce-breadcrumb::after,.woocommerce-js .woocommerce-breadcrumb::before{content:' ';display:table}.woocommerce-js .woocommerce-breadcrumb::after{clear:both}.woocommerce-js .woocommerce-breadcrumb a{color:#777}.woocommerce-js .quantity input[type=email],.woocommerce-js .quantity input[type=number],.woocommerce-js .quantity input[type=text]{padding:.3em}.woocommerce-js .quantity input[type=email]:focus,.woocommerce-js .quantity input[type=number]:focus,.woocommerce-js .quantity input[type=text]:focus{outline:0;border-color:var(--ast-border-color)}.woocommerce-js .quantity .qty{width:3.631em;text-align:center;min-height:35px}.woocommerce-js div.product{margin-bottom:0;position:relative}.woocommerce-js div.product .product_title{clear:none;margin-top:0;padding:0}.woocommerce-js div.product p.price,.woocommerce-js div.product span.price{color:#77a464;font-size:1.5rem;font-weight:700;margin:0 0 .2em}.woocommerce-js div.product p.price ins,.woocommerce-js div.product span.price ins{background:inherit;font-weight:700;display:inline-block;text-decoration:inherit}.woocommerce-js div.product p.price del,.woocommerce-js div.product span.price del{opacity:.5;font-weight:400;display:initial}.woocommerce-js div.product p.ast-stock-detail,.woocommerce-js div.product p.stock{font-size:1em}.woocommerce-js div.product p.ast-stock-detail .ast-stock-avail,.woocommerce-js div.product p.stock .ast-stock-avail{font-weight:700}.woocommerce-js div.product .stock{color:#77a464}.woocommerce-js div.product .out-of-stock{color:red}.woocommerce-js div.product .product_title{margin:0 0 .5em 0}.woocommerce-js div.product .product_meta{border-top:1px solid var(--ast-border-color);padding-top:.5em;font-size:.9em;margin:0 0 .8em}.woocommerce-js div.product .product_meta>span{display:inline-block;margin-right:15px;align-items:center;font-weight:500;text-decoration:inherit}.woocommerce-js div.product .product_meta>span>*{font-weight:400}.woocommerce-js div.product .woocommerce-product-rating{margin:0 0 .5em}.woocommerce-js div.product div.images{margin-bottom:2em}.woocommerce-js div.product div.images img{display:block;width:100%;height:auto;box-shadow:none}.woocommerce-js div.product div.images div.thumbnails{padding-top:1em}.woocommerce-js div.product div.images.woocommerce-product-gallery{position:relative}.woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport{transform-style:preserve-3d;margin-bottom:1em}.woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper{transition:all cubic-bezier(.795, -.035, 0, 1) .5s;margin:0;padding:0}.woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background-color:#fff}.woocommerce-js div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){width:25%;display:inline-block}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger{position:absolute;top:.5em;right:.5em;font-size:2em;z-index:9;width:36px;height:36px;background:var(--ast-global-color-primary,var(--ast-global-color-5));text-indent:-9999px;border-radius:100%;box-sizing:content-box;backface-visibility:hidden}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:before{content:"";display:block;width:10px;height:10px;border:2px solid var(--ast-global-color-3);border-radius:100%;position:absolute;top:9px;left:9px;box-sizing:content-box}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:after{content:"";display:block;width:2px;height:8px;background:var(--ast-global-color-3);border-radius:6px;position:absolute;top:19px;left:22px;transform:rotate(-45deg);box-sizing:content-box}.woocommerce-js div.product div.images .flex-control-thumbs{overflow:hidden;zoom:1;margin:0;padding:0}.woocommerce-js div.product div.images .flex-control-thumbs li{width:25%;float:left;margin:0;list-style:none}.woocommerce-js div.product div.images .flex-control-thumbs li img{cursor:pointer;opacity:.5;margin:0}.woocommerce-js div.product div.images .flex-control-thumbs li img.flex-active,.woocommerce-js div.product div.images .flex-control-thumbs li img:hover{opacity:1}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li{width:32%;width:calc(33.33% - .7em);margin-right:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1){clear:left}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n){margin-right:0}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{width:24%;width:calc(25% - .75em);margin-right:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){clear:left}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n){margin-right:0}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li{width:18.5%;width:calc(20% - .8em);margin-right:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1){clear:left}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n){margin-right:0}.woocommerce-js div.product div.summary{margin-bottom:2em}.woocommerce-js div.product div.summary .single-product-category{display:block;line-height:1;margin-bottom:1em}.woocommerce-js div.product div.summary .woocommerce-product-details__short-description :last-child{margin-bottom:1em}.woocommerce-js div.product div.social{text-align:right;margin:0 0 1em}.woocommerce-js div.product div.social span{margin:0 0 0 2px}.woocommerce-js div.product div.social span span{margin:0}.woocommerce-js div.product div.social span .stButton .chicklets{padding-left:16px;width:0}.woocommerce-js div.product div.social iframe{float:left;margin-top:3px}.woocommerce-js div.product .woocommerce-tabs{padding-top:2em;margin-bottom:4em;width:100%}.woocommerce-js div.product .woocommerce-tabs ul.tabs{list-style:none;padding:0;margin:0 0 1em;overflow:hidden;position:relative}.woocommerce-js div.product .woocommerce-tabs ul.tabs:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background-color:var(--ast-border-color)}.woocommerce-js div.product .woocommerce-tabs ul.tabs li{border:0;background:0 0;display:inline-block;position:relative;z-index:0;border-radius:4px 4px 0 0;margin:0 1em 0 0;padding:0;border-radius:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li a{display:inline-block;padding:.5em 0;font-weight:700;color:#515151;text-decoration:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs li a:hover{text-decoration:none;color:#6b6a6b}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active{z-index:2;border-bottom-color:#fff}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active a{text-shadow:inherit}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active::before{content:' ';position:absolute;width:100%;height:3px;box-shadow:none;top:0;left:0;border-radius:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active::after{border:none;box-shadow:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs li::after,.woocommerce-js div.product .woocommerce-tabs ul.tabs li::before{content:' ';position:absolute;bottom:-1px;width:5px;height:5px;border:none;box-shadow:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs::before{position:absolute;content:' ';width:100%;bottom:0;left:0;border-bottom:1px solid var(--ast-border-color);z-index:1}.woocommerce-js div.product .woocommerce-tabs ul.tabs li::after,.woocommerce-js div.product .woocommerce-tabs ul.tabs.tabs::before{display:none;border:0}.woocommerce-js div.product .woocommerce-tabs .panel{margin:0 0 1.2em;padding:0}.woocommerce-js div.product .woocommerce-tabs .shop_attributes{border-style:solid}.woocommerce-js div.product .woocommerce-tabs .shop_attributes p{padding:0}.woocommerce-js div.product .woocommerce-tabs .shop_attributes td,.woocommerce-js div.product .woocommerce-tabs .shop_attributes th{padding:.67em 1.34em;border-color:var(--ast-border-color)}.woocommerce-js div.product .woocommerce-tabs .shop_attributes th{border-left-width:1px;border-style:solid;padding-left:.9em;color:var(--ast-global-color-2)}.woocommerce-js div.product .woocommerce-tabs .shop_attributes td{font-style:normal;border-style:solid}.woocommerce-js div.product #reviews #comments{width:100%}.woocommerce-js div.product #reviews #review_form_wrapper{width:100%;padding-left:0}.woocommerce-js div.product #reviews #respond p.comment-form-author,.woocommerce-js div.product #reviews #respond p.comment-form-email{margin-bottom:1em}@media (min-width:1201px){.woocommerce-js div.product #reviews .comment-form-author,.woocommerce-js div.product #reviews .comment-form-email{width:49%;display:inline-block}.woocommerce-js div.product #reviews .comment-form-author input,.woocommerce-js div.product #reviews .comment-form-email input{width:100%}.woocommerce-js div.product #reviews .comment-form-author{float:left}.woocommerce-js div.product #reviews .comment-form-email{float:right}.woocommerce-js div.product #reviews .comment-form-cookies-consent{clear:both}}.woocommerce-js div.product p.cart{margin-bottom:2em;zoom:1}.woocommerce-js div.product p.cart::after,.woocommerce-js div.product p.cart::before{content:' ';display:table}.woocommerce-js div.product p.cart::after{clear:both}.woocommerce-js div.product form.cart{zoom:1}.woocommerce-js div.product form.cart .ast-woo-single-cart-button-wrap{display:flex;align-items:center;flex-wrap:wrap}.woocommerce-js div.product form.cart::after,.woocommerce-js div.product form.cart::before{content:' ';display:table}.woocommerce-js div.product form.cart::after{clear:both}.woocommerce-js div.product form.cart div.quantity{float:left;margin:0 1em 1em 0}.woocommerce-js div.product form.cart table{border-width:0 0 1px;margin:0 0 1em}.woocommerce-js div.product form.cart table td{padding-left:0}.woocommerce-js div.product form.cart table div.quantity{float:none;margin:0}.woocommerce-js div.product form.cart table small.stock{display:block;float:none}.woocommerce-js div.product form.cart .variations{border-bottom:1px solid var(--ast-border-color);position:relative;margin-bottom:1em;width:100%}.woocommerce-js div.product form.cart .variations td,.woocommerce-js div.product form.cart .variations th{border:0;vertical-align:top;line-height:2em;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:block}.woocommerce-js div.product form.cart .variations tr{margin-bottom:.5em}.woocommerce-js div.product form.cart .variations th{margin-bottom:.5em;padding-left:0}.woocommerce-js div.product form.cart .variations label{font-weight:700}.woocommerce-js div.product form.cart .variations select{max-width:100%;min-width:75%;display:inline-block;width:100%}.woocommerce-js div.product form.cart .variations td.label{vertical-align:middle;margin-top:8px;margin-bottom:1px}.woocommerce-js div.product form.cart .woocommerce-variation-description p{margin-bottom:1em}.woocommerce-js div.product form.cart .reset_variations{all:initial;font-family:inherit;visibility:hidden;position:static;display:inline-block;color:inherit;opacity:.6;font-size:.75rem;text-transform:uppercase;cursor:pointer}.woocommerce-js div.product form.cart .wc-no-matching-variations{display:none}.woocommerce-js div.product form.cart .button{vertical-align:middle;float:left;width:auto;margin-bottom:1em}.woocommerce-js div.product form.cart .button.single_add_to_cart_button{padding:10px 20px}.woocommerce-js div.product form.cart .group_table tr:last-child td{border-bottom:0}.woocommerce-js div.product form.cart .group_table td.label{padding:.5em;font-size:.8rem;line-height:1.3;font-weight:700}.woocommerce-js div.product form.cart .group_table td{vertical-align:middle;padding-bottom:.5em;border-right:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-js div.product form.cart .group_table td:first-child{text-align:left;width:4em}.woocommerce-js div.product form.cart .group_table td.price{padding-left:.8em;font-weight:700;font-size:.9rem}.woocommerce-js div.product form.cart .group_table td.price del{opacity:.5}.woocommerce-js div.product form.cart .group_table .button{padding:.8em;font-weight:400;font-size:.9rem;white-space:nowrap}.woocommerce-js div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox{display:inline-block;width:auto;margin:0 auto;transform:scale(1.5,1.5)}.woocommerce-js div.product form.cart p.stock{line-height:1.3;margin-bottom:.8em;font-size:.9em}.woocommerce-js div.product form.cart .single_variation_wrap{width:100%}.woocommerce-js div.product form.cart .single_variation_wrap p{margin-bottom:1em}.woocommerce-js div.product form.cart .single_variation_wrap .single_variation{margin-bottom:1.2em;border-top:1px solid var(--ast-border-color);padding-top:0;border-top:0}.woocommerce-js div.product span.onsale{min-height:3.5em;min-width:3.5em;line-height:3.5em}.woocommerce-js div.product .related.products,.woocommerce-js div.product .woocommerce-tabs{display:block}.woocommerce-js span.onsale{min-width:3em;min-height:3em;line-height:3em;padding:0;font-size:.8em;font-weight:400;position:absolute;text-align:center;top:.5em;left:.5em;margin:0;border-radius:100%;background-color:#77a464;color:#fff;-webkit-font-smoothing:antialiased;z-index:9}.woocommerce-js.single-product .sale>span.onsale{font-size:1em;left:-.5em}.woocommerce-js.single-product .sale:not(.ast-product-gallery-layout-vertical-slider)>span.onsale{top:-.5em}.woocommerce-js .products ul,.woocommerce-js ul.products{margin:0 0 1em;padding:0;list-style:none outside;clear:both}.woocommerce-js .products ul::after,.woocommerce-js .products ul::before,.woocommerce-js ul.products::after,.woocommerce-js ul.products::before{width:0}.woocommerce-js .products ul li,.woocommerce-js ul.products li{list-style:none outside}.woocommerce-js ul.products li.product.product-category{padding-bottom:0}.woocommerce-js ul.products li.product.product-category a{height:100%}.woocommerce-js ul.products li.product.product-category a img{height:100%;object-fit:cover}.woocommerce-js ul.products li.product .onsale{top:0;right:0;left:auto;margin:-.5em -.5em 0 0}.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-js ul.products li.product .woocommerce-loop-product__title,.woocommerce-js ul.products li.product h3{padding:.5em 0;margin:0;font-size:1em}.woocommerce-js ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 1em;box-shadow:none}.woocommerce-js ul.products li.product a img.show-on-hover{width:0;height:0;object-fit:cover}.woocommerce-js ul.products li.product strong{display:block}.woocommerce-js ul.products li.product .star-rating{font-size:.857em}.woocommerce-js ul.products li.product .button{margin-top:1em}.woocommerce-js ul.products li.product .price{color:#77a464;display:block;font-weight:400;margin-bottom:.5em;font-size:.857em}.woocommerce-js ul.products li.product .price del{color:inherit;opacity:.5;display:inline-block}.woocommerce-js ul.products li.product .price ins{background:0 0;font-weight:700;display:inline-block;text-decoration:inherit}.woocommerce-js ul.products li.product .price .from{font-size:.67em;margin:-2px 0 0 0;text-transform:uppercase;color:rgba(132,132,132,.5)}.woocommerce-js ul.products li.product a.ast-loop-product__link{display:inline-block;width:100%}.woocommerce-js ul.products li.product:hover .show-on-hover{width:100%;height:100%}.woocommerce-js .woocommerce-result-count{margin:1em 0 1em;line-height:1}.woocommerce-js .woocommerce-ordering{margin:0 0 1.5em}.woocommerce-js .woocommerce-ordering select{vertical-align:top}.woocommerce-js nav.woocommerce-pagination ul{flex-wrap:wrap;justify-content:center;white-space:normal;padding:0;border:0;margin:1px}.woocommerce-js nav.woocommerce-pagination ul li{margin:0 2px 2px 0;border:1px solid var(--ast-border-color);padding:0;display:inline-block;overflow:hidden}.woocommerce-js nav.woocommerce-pagination ul li a,.woocommerce-js nav.woocommerce-pagination ul li span{margin:0;text-decoration:none;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.75em;text-align:center;display:block;min-width:2.5em}.woocommerce-js nav.woocommerce-pagination ul li a:focus,.woocommerce-js nav.woocommerce-pagination ul li a:hover,.woocommerce-js nav.woocommerce-pagination ul li span.current{background:#ebe9eb;color:#8a7e88}.woocommerce-js #respond input#submit,.woocommerce-js a.button,.woocommerce-js button.button,.woocommerce-js input.button{margin:0;position:relative;overflow:visible;left:auto;display:inline-block;background-image:none;box-shadow:none;text-shadow:none}.woocommerce-js #respond input#submit.loading,.woocommerce-js a.button.loading,.woocommerce-js button.button.loading,.woocommerce-js input.button.loading{opacity:.25}.woocommerce-js #respond input#submit.loading::after,.woocommerce-js a.button.loading::after,.woocommerce-js button.button.loading::after,.woocommerce-js input.button.loading::after{display:inline-block;content:"";position:relative;top:0;right:-.5em;left:auto;width:.8em;height:.8em;background-color:var(--ast-global-color-primary,var(--ast-global-color-5));background-image:none;border-radius:100%;animation:dotPulse .65s 0s infinite cubic-bezier(.21,.53,.56,.8)}.woocommerce-js #respond input#submit.added::after,.woocommerce-js a.button.added::after,.woocommerce-js button.button.added::after,.woocommerce-js input.button.added::after{font-family:WooCommerce;content:'\e017';margin-left:.53em;vertical-align:bottom}.woocommerce-js #respond input#submit.alt.disabled,.woocommerce-js #respond input#submit.alt.disabled:hover,.woocommerce-js #respond input#submit.alt:disabled,.woocommerce-js #respond input#submit.alt:disabled:hover,.woocommerce-js #respond input#submit.alt:disabled[disabled],.woocommerce-js #respond input#submit.alt:disabled[disabled]:hover,.woocommerce-js a.button.alt.disabled,.woocommerce-js a.button.alt.disabled:hover,.woocommerce-js a.button.alt:disabled,.woocommerce-js a.button.alt:disabled:hover,.woocommerce-js a.button.alt:disabled[disabled],.woocommerce-js a.button.alt:disabled[disabled]:hover,.woocommerce-js button.button.alt.disabled,.woocommerce-js button.button.alt.disabled:hover,.woocommerce-js button.button.alt:disabled,.woocommerce-js button.button.alt:disabled:hover,.woocommerce-js button.button.alt:disabled[disabled],.woocommerce-js button.button.alt:disabled[disabled]:hover,.woocommerce-js input.button.alt.disabled,.woocommerce-js input.button.alt.disabled:hover,.woocommerce-js input.button.alt:disabled,.woocommerce-js input.button.alt:disabled:hover,.woocommerce-js input.button.alt:disabled[disabled],.woocommerce-js input.button.alt:disabled[disabled]:hover{background-color:var(--ast-global-color-1);color:#fff}.woocommerce-js #respond input#submit.disabled,.woocommerce-js #respond input#submit:disabled,.woocommerce-js #respond input#submit:disabled[disabled],.woocommerce-js a.button.disabled,.woocommerce-js a.button:disabled,.woocommerce-js a.button:disabled[disabled],.woocommerce-js button.button.disabled,.woocommerce-js button.button:disabled,.woocommerce-js button.button:disabled[disabled],.woocommerce-js input.button.disabled,.woocommerce-js input.button:disabled,.woocommerce-js input.button:disabled[disabled]{cursor:not-allowed;opacity:.5;padding:.618em 1em}.woocommerce-js #respond input#submit.disabled:hover,.woocommerce-js #respond input#submit:disabled:hover,.woocommerce-js #respond input#submit:disabled[disabled]:hover,.woocommerce-js a.button.disabled:hover,.woocommerce-js a.button:disabled:hover,.woocommerce-js a.button:disabled[disabled]:hover,.woocommerce-js button.button.disabled:hover,.woocommerce-js button.button:disabled:hover,.woocommerce-js button.button:disabled[disabled]:hover,.woocommerce-js input.button.disabled:hover,.woocommerce-js input.button:disabled:hover,.woocommerce-js input.button:disabled[disabled]:hover{color:var(--ast-global-color-4);background-color:var(--ast-global-color-1)}.woocommerce-js .cart .button,.woocommerce-js .cart input.button{float:none}.woocommerce-js #reviews .woocommerce-Reviews-title{display:none}.woocommerce-js #reviews h2{font-weight:400}.woocommerce-js #reviews h2 small{float:right;color:#777;font-size:15px;margin:10px 0 0}.woocommerce-js #reviews h2 small a{text-decoration:none;color:#777}.woocommerce-js #reviews h3{margin:0}.woocommerce-js #reviews #respond{margin:0;border:0;padding:0}.woocommerce-js #reviews #comment{height:75px}.woocommerce-js #reviews #comments ol.commentlist{margin:0;width:100%;background:0 0;list-style:none}.woocommerce-js #reviews #comments ol.commentlist li{padding:0;margin:0 0 2em;border:0;position:relative;background:0;border:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-js #reviews #comments ol.commentlist li:last-child{border-bottom:0}.woocommerce-js #reviews #comments ol.commentlist li .meta{color:#777;font-size:.75em}.woocommerce-js #reviews #comments ol.commentlist li img.avatar{float:left;position:absolute;top:0;left:0;padding:3px;height:3.6em;width:3.6em;border:none;background:0 0;margin:0;border-radius:100%;box-shadow:none}.woocommerce-js #reviews #comments ol.commentlist li .comment-text{margin:0 0 0 50px;border:none;border-radius:4px;padding:0 1.5em;zoom:1;display:flex;flex-wrap:wrap}.woocommerce-js #reviews #comments ol.commentlist li .comment-text::after,.woocommerce-js #reviews #comments ol.commentlist li .comment-text::before{content:' ';display:table}.woocommerce-js #reviews #comments ol.commentlist li .comment-text::after{clear:both}.woocommerce-js #reviews #comments ol.commentlist li .comment-text p{margin:0 0 1.7em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta{order:1;width:100%;font-size:1.2em;margin-bottom:.4em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__author,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{font-weight:500}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__dash,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash{display:none}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__published-date,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date{padding-left:.5em;font-size:.73em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text .description{font-style:normal;order:3;width:100%}.woocommerce-js #reviews #comments ol.commentlist li .comment-text .star-rating{order:2;margin-bottom:1em}.woocommerce-js #reviews #comments ol.commentlist ul.children{list-style:none outside;margin:20px 0 0 50px}.woocommerce-js #reviews #comments ol.commentlist ul.children .star-rating{display:none}.woocommerce-js #reviews #comments ol.commentlist #respond{border:1px solid #e4e1e3;border-radius:4px;padding:1em 1em 0;margin:20px 0 0 50px}.woocommerce-js #reviews #comments .commentlist>li::before{content:''}.woocommerce-js #reviews #review_form{border:1px solid var(--ast-border-color);padding:1.67em}.woocommerce-js #reviews #review_form #respond p{margin:2px 0 6px}.woocommerce-js #reviews #review_form #respond p.form-submit{margin-top:1em}.woocommerce-js #reviews #review_form #respond p.comment-form-author,.woocommerce-js #reviews #review_form #respond p.comment-form-email{margin-bottom:1em}.woocommerce-js #reviews #review_form #respond p.comment-form-author label,.woocommerce-js #reviews #review_form #respond p.comment-form-email label{display:inline-block;min-width:100px}.woocommerce-js #reviews #review_form #respond p.comment-form-author input,.woocommerce-js #reviews #review_form #respond p.comment-form-email input{width:100%}.woocommerce-js #reviews #review_form #respond #comment{height:90px}.woocommerce-js #reviews #review_form #respond .stars{margin:0}.woocommerce-js #reviews #review_form input{max-width:100%}.woocommerce-js #reviews .comment-form-rating{display:flex;vertical-align:middle;margin:15px 0}.woocommerce-js #reviews .comment-form-rating .stars{margin-bottom:0}.woocommerce-js #reviews .comment-form-rating .stars a{position:relative;top:8px;height:1.2em;width:1.2em}.woocommerce-js #reviews .comment-form-rating .stars a:before{width:1.2em;height:1.2em;font-size:1.2em}.woocommerce-js #reviews .comment-form-comment label,.woocommerce-js #reviews .comment-form-rating label{font-size:1.2em;font-weight:500;padding-right:.5em}.woocommerce-js .star-rating{float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star,serif}.woocommerce-js .star-rating::before{content:'\73\73\73\73\73';color:#d3ced2;float:left;top:0;left:0;position:absolute}.woocommerce-js .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.woocommerce-js .star-rating span::before{content:'\53\53\53\53\53';top:0;position:absolute;left:0}.woocommerce-js .woocommerce-product-rating{zoom:1;line-height:2;display:block}.woocommerce-js .woocommerce-product-rating::after,.woocommerce-js .woocommerce-product-rating::before{content:' ';display:table}.woocommerce-js .woocommerce-product-rating::after{clear:both}.woocommerce-js .woocommerce-product-rating .star-rating{margin:.5em 4px 0 0;float:left}.woocommerce-js .products .star-rating{display:block;margin:.5em auto 0;float:none}.woocommerce-js .hreview-aggregate .star-rating{margin:10px 0 0}.woocommerce-js #review_form #respond{zoom:1;position:static;margin:0;width:auto;background:transparent none}.woocommerce-js #review_form #respond::after,.woocommerce-js #review_form #respond::before{content:' ';display:table}.woocommerce-js #review_form #respond::after{clear:both}.woocommerce-js #review_form #respond .form-submit input{left:auto}.woocommerce-js #review_form #respond textarea{box-sizing:border-box;width:100%}.woocommerce-js p.stars a{position:relative;height:1em;width:1em;text-indent:-999em;display:inline-block;text-decoration:none}.woocommerce-js p.stars a::before{display:block;position:absolute;top:0;left:0;width:1em;height:1em;line-height:1;font-family:WooCommerce;content:'\e021';text-indent:0}.woocommerce-js p.stars a:hover~a::before{content:'\e021'}.woocommerce-js p.stars:hover a::before{content:'\e020'}.woocommerce-js p.stars.selected a.active::before{content:'\e020'}.woocommerce-js p.stars.selected a.active~a::before{content:'\e021'}.woocommerce-js p.stars.selected a:not(.active)::before{content:'\e020'}.woocommerce-js table.shop_attributes{border:0;border-top:1px solid var(--ast-border-color);margin-bottom:1.618em;width:100%}.woocommerce-js table.shop_attributes th{width:150px;font-weight:500;border-top:0;border-bottom:1px dotted var(--ast-border-color);margin:0;line-height:1.5;text-align:left}.woocommerce-js table.shop_attributes td{font-style:italic;padding:0;border-top:0;border-bottom:1px dotted var(--ast-border-color);margin:0;line-height:1.5}.woocommerce-js table.shop_attributes td p{margin:0;padding:8px 0}.woocommerce-js table.shop_table{border:1px solid var(--ast-border-color);margin:0 -1px 24px 0;text-align:left;width:100%;border-collapse:separate;border-radius:5px}.woocommerce-js table.shop_table th{font-weight:700;padding:9px 12px}.woocommerce-js table.shop_table td{border-top:1px solid var(--ast-border-color);padding:6px 12px;vertical-align:middle}.woocommerce-js table.shop_table td small{font-weight:400}.woocommerce-js table.shop_table tbody:first-child tr:first-child td,.woocommerce-js table.shop_table tbody:first-child tr:first-child th{border-top:0}.woocommerce-js table.shop_table tbody th,.woocommerce-js table.shop_table tfoot td,.woocommerce-js table.shop_table tfoot th{font-weight:500;border-top:1px solid var(--ast-border-color)}.woocommerce-js #customer_details,.woocommerce-js .woocommerce table.shop_table{margin-bottom:2em;border-radius:0}.woocommerce-js table.my_account_orders{font-size:.85em}.woocommerce-js table.my_account_orders td,.woocommerce-js table.my_account_orders th{padding:4px 8px;vertical-align:middle}.woocommerce-js table.my_account_orders .button{white-space:nowrap}.woocommerce-js table.my_account_orders .order-actions{text-align:right}.woocommerce-js table.my_account_orders .order-actions .button{margin:.125em 0 .125em .25em}.woocommerce-js table.woocommerce-MyAccount-downloads td,.woocommerce-js table.woocommerce-MyAccount-downloads th{vertical-align:top;text-align:center}.woocommerce-js table.woocommerce-MyAccount-downloads td:first-child,.woocommerce-js table.woocommerce-MyAccount-downloads th:first-child{text-align:left}.woocommerce-js table.woocommerce-MyAccount-downloads td:last-child,.woocommerce-js table.woocommerce-MyAccount-downloads th:last-child{text-align:left}.woocommerce-js table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before,.woocommerce-js table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before{content:'\2193';display:inline-block}.woocommerce-js td.product-name .wc-item-meta,.woocommerce-js td.product-name dl.variation{list-style:none outside;word-wrap:normal;width:100%}.woocommerce-js td.product-name .wc-item-meta .wc-item-meta-label,.woocommerce-js td.product-name .wc-item-meta dt,.woocommerce-js td.product-name dl.variation .wc-item-meta-label,.woocommerce-js td.product-name dl.variation dt{float:left;clear:both;margin-right:.25em;display:inline-block;list-style:none outside;font-weight:500}.woocommerce-js td.product-name .wc-item-meta dd,.woocommerce-js td.product-name dl.variation dd{margin:0}.woocommerce-js td.product-name .wc-item-meta dd p,.woocommerce-js td.product-name dl.variation dd p{font-weight:400}.woocommerce-js td.product-name .wc-item-meta p,.woocommerce-js td.product-name .wc-item-meta:last-child,.woocommerce-js td.product-name dl.variation p,.woocommerce-js td.product-name dl.variation:last-child{margin-bottom:0}.woocommerce-js td.product-name p.backorder_notification{font-size:.83em}.woocommerce-js td.product-quantity{min-width:80px}.woocommerce-js ul.cart_list,.woocommerce-js ul.product_list_widget{list-style:none outside;padding:0;margin:0}.woocommerce-js ul.cart_list li,.woocommerce-js ul.product_list_widget li{padding:4px 0;margin:0;zoom:1;list-style:none}.woocommerce-js ul.cart_list li::after,.woocommerce-js ul.cart_list li::before,.woocommerce-js ul.product_list_widget li::after,.woocommerce-js ul.product_list_widget li::before{content:' ';display:table}.woocommerce-js ul.cart_list li::after,.woocommerce-js ul.product_list_widget li::after{clear:both}.woocommerce-js ul.cart_list li a,.woocommerce-js ul.product_list_widget li a{display:block;font-weight:700}.woocommerce-js ul.cart_list li img,.woocommerce-js ul.product_list_widget li img{float:right;margin-left:4px;width:32px;height:auto;box-shadow:none}.woocommerce-js ul.cart_list li dl,.woocommerce-js ul.product_list_widget li dl{margin:0;padding-left:1em;border-left:2px solid var(--ast-border-color);zoom:1}.woocommerce-js ul.cart_list li dl::after,.woocommerce-js ul.cart_list li dl::before,.woocommerce-js ul.product_list_widget li dl::after,.woocommerce-js ul.product_list_widget li dl::before{content:' ';display:table}.woocommerce-js ul.cart_list li dl::after,.woocommerce-js ul.product_list_widget li dl::after{clear:both}.woocommerce-js ul.cart_list li dl dd,.woocommerce-js ul.cart_list li dl dt,.woocommerce-js ul.product_list_widget li dl dd,.woocommerce-js ul.product_list_widget li dl dt{display:inline-block;float:left;margin-bottom:.1em}.woocommerce-js ul.cart_list li dl dt,.woocommerce-js ul.product_list_widget li dl dt{font-weight:500;padding:0 0 .25em;margin:0 4px 0 0;clear:left}.woocommerce-js ul.cart_list li dl dd,.woocommerce-js ul.product_list_widget li dl dd{padding:0 0 .25em}.woocommerce-js ul.cart_list li dl dd p:last-child,.woocommerce-js ul.product_list_widget li dl dd p:last-child{margin-bottom:0}.woocommerce-js ul.cart_list li .star-rating,.woocommerce-js ul.product_list_widget li .star-rating{float:none}.woocommerce-js .widget_shopping_cart .total strong,.woocommerce-js.widget_shopping_cart .total strong{min-width:40px;display:inline-block;color:var(--ast-global-color-2)}.woocommerce-js .widget_shopping_cart .buttons,.woocommerce-js.widget_shopping_cart .buttons{zoom:1}.woocommerce-js .widget_shopping_cart .buttons::after,.woocommerce-js .widget_shopping_cart .buttons::before,.woocommerce-js.widget_shopping_cart .buttons::after,.woocommerce-js.widget_shopping_cart .buttons::before{content:' ';display:table}.woocommerce-js .widget_shopping_cart .buttons::after,.woocommerce-js.widget_shopping_cart .buttons::after{clear:both}.woocommerce-js .widget_shopping_cart .buttons a,.woocommerce-js.widget_shopping_cart .buttons a{margin-right:5px;margin-bottom:5px}.woocommerce-js form .form-row{padding:3px;margin:0 0 6px}.woocommerce-js form .form-row.place-order .input-checkbox{cursor:pointer}.woocommerce-js form .form-row [placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}.woocommerce-js form .form-row label{line-height:2;font-weight:700;font-size:13.5px;font-size:.9rem}.woocommerce-js form .form-row label.hidden{visibility:hidden}.woocommerce-js form .form-row label.inline{display:inline}.woocommerce-js form .form-row select{cursor:pointer;margin:0}.woocommerce-js form .form-row .required{color:red;font-weight:700;border:0}.woocommerce-js form .form-row .input-checkbox{display:inline;margin:-2px 8px 0 0;text-align:center;vertical-align:middle}.woocommerce-js form .form-row input.input-text,.woocommerce-js form .form-row textarea{box-sizing:border-box;width:100%;margin:0;outline:0;line-height:1}.woocommerce-js form .form-row textarea{height:4em;line-height:1.5;display:block;box-shadow:none}.woocommerce-js form .form-row .select2-container{width:100%;line-height:2em}.woocommerce-js form .form-row.woocommerce-invalid .select2-container,.woocommerce-js form .form-row.woocommerce-invalid input.input-text,.woocommerce-js form .form-row.woocommerce-invalid select{border-color:#d65d67}.woocommerce-js form .form-row.woocommerce-validated .select2-container,.woocommerce-js form .form-row.woocommerce-validated input.input-text,.woocommerce-js form .form-row.woocommerce-validated select{border-color:#69bf29}.woocommerce-js form .form-row ::-webkit-input-placeholder{line-height:normal}.woocommerce-js form .form-row :-moz-placeholder{line-height:normal}.woocommerce-js form .form-row :-ms-input-placeholder{line-height:normal}.woocommerce-js ul#shipping_method{list-style:none outside;margin:0;padding:0}.woocommerce-js ul#shipping_method li input{margin:3px .5ex}.woocommerce-js ul#shipping_method li label{display:inline}.woocommerce-js ul#shipping_method .amount{font-weight:700}.woocommerce-js p.woocommerce-shipping-contents{margin:0}.woocommerce-js ul.order_details{zoom:1;margin:0 0 3em;list-style:none}.woocommerce-js ul.order_details::after,.woocommerce-js ul.order_details::before{content:' ';display:table}.woocommerce-js ul.order_details::after{clear:both}.woocommerce-js ul.order_details li{float:left;margin-right:2em;text-transform:uppercase;font-size:.715em;line-height:1;border-right:1px dashed var(--ast-border-color);padding-right:2em;margin-left:0;padding-left:0;list-style-type:none}.woocommerce-js ul.order_details li strong{display:block;font-size:1.4em;text-transform:none;line-height:1.5}.woocommerce-js ul.order_details li:last-of-type{border:none}.woocommerce-js .wc-bacs-bank-details-account-name{font-weight:700}.woocommerce-js .woocommerce-customer-details,.woocommerce-js .woocommerce-order-details,.woocommerce-js .woocommerce-order-downloads{margin-bottom:2em}.woocommerce-js .woocommerce-customer-details :last-child,.woocommerce-js .woocommerce-order-details :last-child,.woocommerce-js .woocommerce-order-downloads :last-child{margin-bottom:0}.woocommerce-js .woocommerce-customer-details address{font-style:normal;margin-bottom:0;border:1px solid var(--ast-border-color);border-bottom-width:2px;border-right-width:2px;text-align:left;width:100%;border-radius:5px;padding:6px 12px}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email,.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--phone{margin-bottom:0;padding-left:1.5em}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--phone::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;margin-left:-1.5em;line-height:1.75;position:absolute}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;margin-left:-1.5em;line-height:1.75;position:absolute}.woocommerce-js .woocommerce-widget-layered-nav-list{margin:0;padding:0;border:0;list-style:none outside}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{zoom:1;padding:0 0 1px;list-style:none}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after,.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before{content:' ';display:table}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after{clear:both}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{padding:1px 0}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .woocommerce-widget-layered-nav-dropdown__submit{margin-top:1em}.woocommerce-js .widget_layered_nav_filters ul{margin:0;padding:0;border:0;list-style:none outside;overflow:hidden;zoom:1}.woocommerce-js .widget_layered_nav_filters ul li{float:left;padding:0 1px 1px 0;list-style:none}.woocommerce-js .widget_layered_nav_filters ul li a{text-decoration:none}.woocommerce-js .widget_layered_nav_filters ul li a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .widget_product_categories .product-categories .count{float:right}.woocommerce-js .widget_price_filter .price_slider{margin-bottom:1em}.woocommerce-js .widget_price_filter .price_slider_amount{text-align:right;line-height:2.4;font-size:.8751em}.woocommerce-js .widget_price_filter .price_slider_amount .button{font-size:1.15em;float:left}.woocommerce-js .widget_price_filter .ui-slider{position:relative;text-align:left;margin-left:.5em;margin-right:.5em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1em;height:1em;background-color:#a46497;border-radius:1em;cursor:ew-resize;outline:0;top:-.3em;margin-left:-.5em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;border-radius:1em;background-color:#a46497}.woocommerce-js .widget_price_filter .price_slider_wrapper .ui-widget-content{border-radius:1em;background-color:#602053;border:0}.woocommerce-js .widget_price_filter .ui-slider-horizontal{height:.5em}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}.woocommerce-js .widget_rating_filter ul{margin:0;padding:0;border:0;list-style:none outside}.woocommerce-js .widget_rating_filter ul li{zoom:1;padding:0 0 1px;list-style:none}.woocommerce-js .widget_rating_filter ul li::after,.woocommerce-js .widget_rating_filter ul li::before{content:' ';display:table}.woocommerce-js .widget_rating_filter ul li::after{clear:both}.woocommerce-js .widget_rating_filter ul li a{padding:1px 0;text-decoration:none}.woocommerce-js .widget_rating_filter ul li .star-rating{float:none;display:inline-block}.woocommerce-js .widget_rating_filter ul li.chosen a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .show-on-hover{position:absolute;top:0;left:0;height:100%;right:0;bottom:0;padding:0;margin:0;opacity:0;filter:blur(0);transition:all .2s linear}.woocommerce-js li.product:hover .show-on-hover{opacity:1;transform:scale(1) translateZ(0) translateY(0);pointer-events:inherit}.woocommerce-js .ast-return-to-shop{display:inline-block;margin:5px 0;vertical-align:middle}.woocommerce-js .comment-reply-title{font-size:1.34rem;line-height:1.3;font-weight:500}.woocommerce-js .select2-container .select2-selection--single{height:auto;padding:.75em}.woocommerce-js .select2-container .select2-selection--single .select2-selection__rendered{padding-left:0}.woocommerce-js .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.35}.woocommerce-js .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;width:1.7em;transform:translateY(-50%)}.woocommerce-js .select2-results__option,.woocommerce-js .select2-search--dropdown .select2-search__field{padding:6px .75em}.woocommerce-js .variations th{text-align:left}.woocommerce-js.single-product a.added_to_cart{padding:.4em .4em 0;display:inline-block}.woocommerce a.added_to_cart{display:none}.woocommerce-js .widget_product_search button,.woocommerce-page .widget_product_search button{flex:0 0 auto;padding:10px 20px}.woocommerce-js ul.products li.product,.woocommerce-page ul.products li.product{text-align:left;margin-bottom:2.5em}.woocommerce-js ul.products li.product.product-category>a,.woocommerce-page ul.products li.product.product-category>a{display:inline-block;position:relative}.woocommerce-js ul.products li.product a img,.woocommerce-page ul.products li.product a img{margin-bottom:.8em}.woocommerce-js ul.products li.product .woocommerce-loop-product__title,.woocommerce-page ul.products li.product .woocommerce-loop-product__title{margin-bottom:.5em;padding:0;font-size:1em}.woocommerce-js ul.products li.product .ast-woo-product-category,.woocommerce-page ul.products li.product .ast-woo-product-category{font-size:.85em;margin-bottom:.5em;display:block;line-height:1.3;opacity:.6}.woocommerce-js ul.products li.product .star-rating,.woocommerce-page ul.products li.product .star-rating{margin:0 auto .5em 0;backface-visibility:hidden}.woocommerce-js ul.products li.product .ast-woo-shop-product-description p,.woocommerce-page ul.products li.product .ast-woo-shop-product-description p{margin-bottom:.5em}.woocommerce-js ul.products li.product .woocommerce-loop-product__link,.woocommerce-page ul.products li.product .woocommerce-loop-product__link{position:relative;display:block}.woocommerce-js ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock{background-color:#fff}.woocommerce-js ul.products li.product.product-category>a:hover .woocommerce-loop-category__title,.woocommerce-page ul.products li.product.product-category>a:hover .woocommerce-loop-category__title{background-color:#fff}.woocommerce-js ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{position:absolute;background-color:rgba(255,255,255,.88);transition:background .3s;text-align:center;left:1em;right:1em;padding:.5em 0 .7em}.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{bottom:1.8em;font-size:.9em}.woocommerce-js ul.products li.product .woocommerce-loop-category__title .count,.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count{font-size:.7em}.woocommerce-js ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock{bottom:1em;text-transform:uppercase;font-weight:700}.woocommerce-js ul.products li.product .price,.woocommerce-page ul.products li.product .price{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9em}.woocommerce-js ul.products li.product .price del,.woocommerce-page ul.products li.product .price del{display:initial}.woocommerce-js ul.products li.product .button,.woocommerce-page ul.products li.product .button{margin-top:.5em;margin-bottom:.5em;white-space:normal}.woocommerce-js ul.products li.product .button.added,.woocommerce-page ul.products li.product .button.added{margin-bottom:0;transition:margin 0s}.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{text-transform:uppercase;font-weight:700;line-height:1.5}.woocommerce-js ul.products li.product .woocommerce-loop-category__title .count,.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count{display:block;background:0 0;opacity:.5;font-size:.75em}.woocommerce-js .related.products li.product:last-child,.woocommerce-page .related.products li.product:last-child{margin-right:0}.woocommerce-js table.shop_table,.woocommerce-page table.shop_table{border:1px solid var(--ast-border-color);border-radius:0}.woocommerce-js table.shop_table .product-thumbnail img,.woocommerce-page table.shop_table .product-thumbnail img{width:auto;max-width:70px}.woocommerce-js table.shop_table thead,.woocommerce-page table.shop_table thead{background-color:var(--ast-wc-container-head-bg-color)}.woocommerce-js table.shop_table thead th,.woocommerce-page table.shop_table thead th{border-width:0}.woocommerce-js table.shop_table td,.woocommerce-js table.shop_table th,.woocommerce-page table.shop_table td,.woocommerce-page table.shop_table th{border-bottom-width:0;padding:.7em 1em}.woocommerce-js table.shop_table td,.woocommerce-page table.shop_table td{border-top:1px solid var(--ast-border-color)}.woocommerce-js table.shop_table td.download-file,.woocommerce-js table.shop_table td.woocommerce-orders-table__cell-order-actions,.woocommerce-page table.shop_table td.download-file,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions{display:block}.woocommerce-js table.shop_table td.download-file a,.woocommerce-js table.shop_table td.woocommerce-orders-table__cell-order-actions a,.woocommerce-page table.shop_table td.download-file a,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions a{margin-right:.5em;margin-top:.25em;margin-bottom:.25em}.woocommerce-js table.shop_table td.download-file a:last-child,.woocommerce-js table.shop_table td.woocommerce-orders-table__cell-order-actions a:last-child,.woocommerce-page table.shop_table td.download-file a:last-child,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions a:last-child{margin-right:0}.woocommerce-js table.shop_table .woocommerce-Price-amount,.woocommerce-page table.shop_table .woocommerce-Price-amount{font-weight:400}.woocommerce-js #content table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text{width:auto}.woocommerce-js #content table.cart td,.woocommerce-page #content table.cart td{min-height:3.25em}.woocommerce-js #content table.cart [name=coupon_code],.woocommerce-page #content table.cart [name=coupon_code]{max-height:35px}.woocommerce-js #content table.cart .button,.woocommerce-page #content table.cart .button{display:inline-block;width:auto}.ast-separate-container .ast-woocommerce-container{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-woocommerce-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-woocommerce-container{padding:1.5em 2.14em}}@media (min-width:1201px){.ast-separate-container .ast-woocommerce-container{padding:5.34em 6.67em}}.ast-separate-container .ast-woocommerce-container .product{border-bottom:0}.ast-separate-container.single-product .ast-article-single{margin:0;padding:0;display:inline-block;width:100%}.pswp{z-index:999999}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}.woocommerce .pswp__caption__center,.woocommerce-page .pswp__caption__center{text-align:center}.woocommerce .pswp__bg,.woocommerce-page .pswp__bg{opacity:.7!important}.woocommerce .pswp__ui--fit .pswp__caption,.woocommerce .pswp__ui--fit .pswp__top-bar,.woocommerce-page .pswp__ui--fit .pswp__caption,.woocommerce-page .pswp__ui--fit .pswp__top-bar{background-color:transparent}.woocommerce-js form .form-row textarea,.woocommerce-js input[type=email],.woocommerce-js input[type=number],.woocommerce-js input[type=password],.woocommerce-js input[type=reset],.woocommerce-js input[type=search],.woocommerce-js input[type=tel],.woocommerce-js input[type=text],.woocommerce-js input[type=url],.woocommerce-js textarea,.woocommerce-page form .form-row textarea,.woocommerce-page input[type=email],.woocommerce-page input[type=number],.woocommerce-page input[type=password],.woocommerce-page input[type=reset],.woocommerce-page input[type=search],.woocommerce-page input[type=tel],.woocommerce-page input[type=text],.woocommerce-page input[type=url],.woocommerce-page textarea{border-color:var(--ast-border-color);background-color:var(--ast-global-dark-bg-style);box-shadow:none;border-radius:0}.woocommerce-js form .form-row textarea:focus,.woocommerce-js input[type=email]:focus,.woocommerce-js input[type=number]:focus,.woocommerce-js input[type=password]:focus,.woocommerce-js input[type=reset]:focus,.woocommerce-js input[type=search]:focus,.woocommerce-js input[type=tel]:focus,.woocommerce-js input[type=text]:focus,.woocommerce-js input[type=url]:focus,.woocommerce-js textarea:focus,.woocommerce-page form .form-row textarea:focus,.woocommerce-page input[type=email]:focus,.woocommerce-page input[type=number]:focus,.woocommerce-page input[type=password]:focus,.woocommerce-page input[type=reset]:focus,.woocommerce-page input[type=search]:focus,.woocommerce-page input[type=tel]:focus,.woocommerce-page input[type=text]:focus,.woocommerce-page input[type=url]:focus,.woocommerce-page textarea:focus{box-shadow:none;border-color:var(--ast-border-color)}.woocommerce-js .select2-container .select2-dropdown,.woocommerce-js .select2-container .select2-search__field,.woocommerce-page .select2-container .select2-dropdown,.woocommerce-page .select2-container .select2-search__field{border:1px solid var(--ast-border-color);z-index:98}.woocommerce-js .select2-container .select2-selection--single,.woocommerce-js select,.woocommerce-page .select2-container .select2-selection--single,.woocommerce-page select{padding:.5em .8em;line-height:normal;padding-right:2em;appearance:none;background-position:98% 50%;background-color:var(--ast-global-dark-bg-style,#fff);border-color:var(--ast-border-color);border-radius:3px;box-shadow:none}.woocommerce-js .select2-container .select2-selection--single:focus,.woocommerce-js select:focus,.woocommerce-page .select2-container .select2-selection--single:focus,.woocommerce-page select:focus{outline:0}.woocommerce-js .select2-container .select2-selection--single b,.woocommerce-js select b,.woocommerce-page .select2-container .select2-selection--single b,.woocommerce-page select b{display:none}.woocommerce-js .woocommerce-ordering select,.woocommerce-page .woocommerce-ordering select{background-color:transparent;border:transparent;border-radius:0}button.pswp__button{box-shadow:none!important;background-image:url("../../../../../../../plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png")!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0}.woocommerce-error,.woocommerce-info,.woocommerce-message{padding:1em 2em 1em 3.5em;margin:0 0 2em;position:relative;background-color:#f7f6f7;color:#515151;border-top:3px solid #a46497;list-style:none outside;zoom:1;width:auto;word-wrap:break-word}.woocommerce-error::after,.woocommerce-error::before,.woocommerce-info::after,.woocommerce-info::before,.woocommerce-message::after,.woocommerce-message::before{content:' ';display:table}.woocommerce-error::after,.woocommerce-info::after,.woocommerce-message::after{clear:both}.woocommerce-error::before,.woocommerce-info::before,.woocommerce-message::before{font-family:WooCommerce;content:'\e028';display:inline-block;position:absolute;top:1em;left:1.5em}.woocommerce-error .button,.woocommerce-info .button,.woocommerce-message .button{float:right}.woocommerce-error li,.woocommerce-info li,.woocommerce-message li{list-style:none outside!important;padding-left:0!important;margin-left:0!important}.woocommerce-message{border-top-color:#8fae1b}.woocommerce-message::before{content:'\e015';color:#8fae1b}.woocommerce-info{border-top-color:#1e85be}.woocommerce-info::before{color:#1e85be}.woocommerce-error{border-top-color:#b81c23}.woocommerce-error::before{content:'\e016';color:#b81c23}.woocommerce .woocommerce,.woocommerce-account .woocommerce{zoom:1}.woocommerce .woocommerce::after,.woocommerce .woocommerce::before,.woocommerce-account .woocommerce::after,.woocommerce-account .woocommerce::before{content:' ';display:table}.woocommerce .woocommerce::after,.woocommerce-account .woocommerce::after{clear:both}.woocommerce .addresses .title,.woocommerce-account .addresses .title{zoom:1}.woocommerce .addresses .title::after,.woocommerce .addresses .title::before,.woocommerce-account .addresses .title::after,.woocommerce-account .addresses .title::before{content:' ';display:table}.woocommerce .addresses .title::after,.woocommerce-account .addresses .title::after{clear:both}.woocommerce .addresses .title h3,.woocommerce-account .addresses .title h3{float:left}.woocommerce .addresses .title .edit,.woocommerce-account .addresses .title .edit{float:right;padding:.7em 1em}.woocommerce ol.commentlist.notes li.note p.meta,.woocommerce-account ol.commentlist.notes li.note p.meta{font-weight:700;margin-bottom:0}.woocommerce ol.commentlist.notes li.note .description p:last-child,.woocommerce-account ol.commentlist.notes li.note .description p:last-child{margin-bottom:0}.woocommerce ul.digital-downloads,.woocommerce-account ul.digital-downloads{margin-left:0;padding-left:0}.woocommerce ul.digital-downloads li,.woocommerce-account ul.digital-downloads li{list-style:none;margin-left:0;padding-left:0}.woocommerce ul.digital-downloads li::before,.woocommerce-account ul.digital-downloads li::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none}.woocommerce ul.digital-downloads li .count,.woocommerce-account ul.digital-downloads li .count{float:right}.woocommerce .woocommerce-Addresses .woocommerce-Address-title,.woocommerce .woocommerce-Addresses .woocommerce-column__title,.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title,.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title,.woocommerce .woocommerce-customer-details .woocommerce-Address-title,.woocommerce .woocommerce-customer-details .woocommerce-column__title,.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title,.woocommerce-account .woocommerce-Addresses .woocommerce-column__title,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title,.woocommerce-account .woocommerce-customer-details .woocommerce-column__title{background:#fbfbfb;padding:.5em;margin-bottom:0;border-width:1px 1px 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce .woocommerce-Addresses .woocommerce-Address-title h3,.woocommerce .woocommerce-Addresses .woocommerce-column__title h3,.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3,.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title h3,.woocommerce .woocommerce-customer-details .woocommerce-Address-title h3,.woocommerce .woocommerce-customer-details .woocommerce-column__title h3,.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3,.woocommerce-account .woocommerce-Addresses .woocommerce-column__title h3,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title h3,.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title h3,.woocommerce-account .woocommerce-customer-details .woocommerce-column__title h3{margin-bottom:0}.woocommerce .woocommerce-Addresses address,.woocommerce .woocommerce-MyAccount-content address,.woocommerce .woocommerce-customer-details address,.woocommerce-account .woocommerce-Addresses address,.woocommerce-account .woocommerce-MyAccount-content address,.woocommerce-account .woocommerce-customer-details address{border:1px solid var(--ast-border-color);padding:1em;border-radius:0}#add_payment_method table.cart .product-thumbnail,.woocommerce-cart table.cart .product-thumbnail,.woocommerce-checkout table.cart .product-thumbnail{min-width:32px}#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img{width:32px;box-shadow:none}#add_payment_method table.cart td,#add_payment_method table.cart th,.woocommerce-cart table.cart td,.woocommerce-cart table.cart th,.woocommerce-checkout table.cart td,.woocommerce-checkout table.cart th{vertical-align:middle}#add_payment_method table.cart td.actions .coupon .input-text,.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce-checkout table.cart td.actions .coupon .input-text{float:left;box-sizing:border-box;border:1px solid var(--ast-border-color);padding:6px 6px 5px;margin:0 4px 0 0;outline:0;line-height:1}#add_payment_method table.cart input,.woocommerce-cart table.cart input,.woocommerce-checkout table.cart input{margin:0;vertical-align:middle;line-height:1}#add_payment_method .wc-proceed-to-checkout,.woocommerce-cart .wc-proceed-to-checkout,.woocommerce-checkout .wc-proceed-to-checkout{zoom:1;padding:1em 0}#add_payment_method .wc-proceed-to-checkout::after,#add_payment_method .wc-proceed-to-checkout::before,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::before,.woocommerce-checkout .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::before{content:' ';display:table}#add_payment_method .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::after{clear:both}#add_payment_method .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;margin-bottom:1em;font-size:1.25em;padding:1em}#add_payment_method .cart-collaterals .shipping_calculator .button,.woocommerce-cart .cart-collaterals .shipping_calculator .button,.woocommerce-checkout .cart-collaterals .shipping_calculator .button{width:100%;float:none;display:block}#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after,.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after,.woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none}#add_payment_method .cart-collaterals .cart_totals p small,.woocommerce-cart .cart-collaterals .cart_totals p small,.woocommerce-checkout .cart-collaterals .cart_totals p small{color:#777;font-size:.83em}#add_payment_method .cart-collaterals .cart_totals table,.woocommerce-cart .cart-collaterals .cart_totals table,.woocommerce-checkout .cart-collaterals .cart_totals table{border-collapse:separate;margin:0 0 6px;padding:0}#add_payment_method .cart-collaterals .cart_totals table tr:first-child td,#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th{border-top:0}#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table th{width:40%}#add_payment_method .cart-collaterals .cart_totals table td,#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table td,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table td,.woocommerce-checkout .cart-collaterals .cart_totals table th{vertical-align:top;border-left:0;border-right:0;line-height:1.5em}#add_payment_method .cart-collaterals .cart_totals table small,.woocommerce-cart .cart-collaterals .cart_totals table small,.woocommerce-checkout .cart-collaterals .cart_totals table small{color:#777}#add_payment_method .cart-collaterals .cart_totals table select,.woocommerce-cart .cart-collaterals .cart_totals table select,.woocommerce-checkout .cart-collaterals .cart_totals table select{width:100%}#add_payment_method .cart-collaterals .cart_totals .discount td,.woocommerce-cart .cart-collaterals .cart_totals .discount td,.woocommerce-checkout .cart-collaterals .cart_totals .discount td{color:#77a464}#add_payment_method .cart-collaterals .cart_totals tr td,#add_payment_method .cart-collaterals .cart_totals tr th,.woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-checkout .cart-collaterals .cart_totals tr td,.woocommerce-checkout .cart-collaterals .cart_totals tr th{border-top:1px solid var(--ast-border-color)}#add_payment_method .cart-collaterals .cross-sells ul.products li.product,.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product{margin-top:0}#add_payment_method .checkout .col-2 h3#ship-to-different-address,.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address{float:left;clear:none}#add_payment_method .checkout .col-2 .notes,.woocommerce-cart .checkout .col-2 .notes,.woocommerce-checkout .checkout .col-2 .notes{clear:left}#add_payment_method .checkout .col-2 .form-row-first,.woocommerce-cart .checkout .col-2 .form-row-first,.woocommerce-checkout .checkout .col-2 .form-row-first{clear:left}#add_payment_method .checkout .create-account small,.woocommerce-cart .checkout .create-account small,.woocommerce-checkout .checkout .create-account small{font-size:11px;color:#777;font-weight:400}#add_payment_method .checkout div.shipping-address,.woocommerce-cart .checkout div.shipping-address,.woocommerce-checkout .checkout div.shipping-address{padding:0;clear:left;width:100%}#add_payment_method .checkout .shipping_address,.woocommerce-cart .checkout .shipping_address,.woocommerce-checkout .checkout .shipping_address{clear:both}#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment{border-radius:5px}#add_payment_method #payment ul.payment_methods,.woocommerce-cart #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods{zoom:1;text-align:left;padding:1em;border-bottom:1px solid var(--ast-border-color);margin:0;list-style:none outside}#add_payment_method #payment ul.payment_methods::after,#add_payment_method #payment ul.payment_methods::before,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::before,.woocommerce-checkout #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::before{content:' ';display:table}#add_payment_method #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::after{clear:both}#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li{line-height:2;text-align:left;margin:0;font-weight:400}#add_payment_method #payment ul.payment_methods li input,.woocommerce-cart #payment ul.payment_methods li input,.woocommerce-checkout #payment ul.payment_methods li input{cursor:pointer;margin:0 1em 0 0}#add_payment_method #payment ul.payment_methods li img,.woocommerce-cart #payment ul.payment_methods li img,.woocommerce-checkout #payment ul.payment_methods li img{vertical-align:middle;margin:-2px 0 0 .5em;padding:0;position:relative;box-shadow:none}#add_payment_method #payment ul.payment_methods li img+img,.woocommerce-cart #payment ul.payment_methods li img+img,.woocommerce-checkout #payment ul.payment_methods li img+img{margin-left:2px}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice),.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice),.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice){zoom:1}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before{content:' ';display:table}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after{clear:both}#add_payment_method #payment div.form-row,.woocommerce-cart #payment div.form-row,.woocommerce-checkout #payment div.form-row{padding:1em}#add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #payment div.payment_box{position:relative;box-sizing:border-box;width:100%;padding:1em;margin:1em 0;font-size:.92em;border-radius:2px;line-height:1.5;background-color:#dfdcde;color:#515151}#add_payment_method #payment div.payment_box input.input-text,#add_payment_method #payment div.payment_box textarea,.woocommerce-cart #payment div.payment_box input.input-text,.woocommerce-cart #payment div.payment_box textarea,.woocommerce-checkout #payment div.payment_box input.input-text,.woocommerce-checkout #payment div.payment_box textarea{border-color:#c7c1c6;border-top-color:#bbb3b9}#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box :-moz-placeholder,.woocommerce-cart #payment div.payment_box :-moz-placeholder,.woocommerce-checkout #payment div.payment_box :-moz-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box :-ms-input-placeholder,.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods{list-style:none outside;margin:0}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token{margin:0 0 .5em}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label{cursor:pointer}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput{vertical-align:middle;margin:-3px 1em 0 0;position:relative}#add_payment_method #payment div.payment_box .wc-credit-card-form,.woocommerce-cart #payment div.payment_box .wc-credit-card-form,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form{border:0;padding:0;margin:1em 0 0}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number{font-size:1.5em;padding:8px;background-repeat:no-repeat;background-position:right .618em center;background-size:32px 20px}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/visa.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/laser.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/diners.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/amex.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/discover.svg")}#add_payment_method #payment div.payment_box span.help,.woocommerce-cart #payment div.payment_box span.help,.woocommerce-checkout #payment div.payment_box span.help{font-size:.857em;color:#777;font-weight:400}#add_payment_method #payment div.payment_box .form-row,.woocommerce-cart #payment div.payment_box .form-row,.woocommerce-checkout #payment div.payment_box .form-row{margin:0 0 1em}#add_payment_method #payment div.payment_box p:last-child,.woocommerce-cart #payment div.payment_box p:last-child,.woocommerce-checkout #payment div.payment_box p:last-child{margin-bottom:0}#add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before{content:'';display:block;border:1em solid #dfdcde;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;position:absolute;top:-1em;left:0;margin:-1em 0 0 2em}#add_payment_method #payment .payment_method_paypal .about_paypal,.woocommerce-cart #payment .payment_method_paypal .about_paypal,.woocommerce-checkout #payment .payment_method_paypal .about_paypal{float:right;line-height:52px;font-size:.83em}#add_payment_method #payment .payment_method_paypal img,.woocommerce-cart #payment .payment_method_paypal img,.woocommerce-checkout #payment .payment_method_paypal img{max-height:52px;vertical-align:middle}.woocommerce-cart .cart_totals .shop_table{table-layout:fixed}.woocommerce-cart-form__cart-item td.product-remove{text-align:center}.woocommerce-cart-form__cart-item td.product-remove a.remove{display:inline-block;vertical-align:middle}.woocommerce-cart table.shop_table td,.woocommerce-cart table.shop_table th{border-right:0}.woocommerce-cart table.shop_table td.product-name{font-weight:500}.woocommerce-cart table.shop_table .woocommerce-Price-amount{font-weight:400}.woocommerce-cart table.shop_table dl dt{font-weight:500}.woocommerce-cart table.shop_table dl dd{font-weight:400}.woocommerce-cart .cart-collaterals .cross-sells li.product{padding-bottom:1em}.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-cart .cart-collaterals .cross-sells{padding:0 20px;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:0;margin-bottom:2em}.woocommerce-cart .cart-collaterals .cart_totals .shop_table,.woocommerce-cart .cart-collaterals .cross-sells .shop_table{border-top:0;border-left:0;border-right:0;border-radius:0}.woocommerce-cart .cart-collaterals .cart_totals>h2,.woocommerce-cart .cart-collaterals .cross-sells>h2{margin:0 -20px 20px;background-color:var(--ast-global-dark-lfs);border-bottom:1px solid var(--ast-border-color)}.woocommerce-cart .hentry,.woocommerce-cart ul.products{margin-bottom:0}.woocommerce-cart .hentry li.product,.woocommerce-cart ul.products li.product{margin-bottom:0}.woocommerce-cart table.cart td.actions .coupon{display:flex;align-items:center;margin:5px 0}.woocommerce-cart table.cart td.actions .coupon .input-text{padding:.5em .75em}.woocommerce-cart table.cart td.actions input.button{display:inline-block;width:auto}.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{font-size:1.1em;line-height:1.8em}.woocommerce-page.woocommerce-checkout form.checkout.woocommerce-checkout:after,.woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout:after{content:"";clear:both;display:table}.woocommerce-page.woocommerce-checkout table.shop_table thead,.woocommerce.woocommerce-checkout table.shop_table thead{background:0 0}.woocommerce-page.woocommerce-checkout table.shop_table th,.woocommerce.woocommerce-checkout table.shop_table th{padding:14px 12px}.woocommerce-page.woocommerce-checkout table.shop_table td,.woocommerce.woocommerce-checkout table.shop_table td{padding:10px 10px 10px 0;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout table.shop_table tfoot td,.woocommerce.woocommerce-checkout table.shop_table tfoot td{opacity:1}.woocommerce-page.woocommerce-checkout table.shop_table td,.woocommerce-page.woocommerce-checkout table.shop_table th,.woocommerce.woocommerce-checkout table.shop_table td,.woocommerce.woocommerce-checkout table.shop_table th{border-bottom-width:1px}.woocommerce-page.woocommerce-checkout form #order_review table,.woocommerce.woocommerce-checkout form #order_review table{border-width:0}.woocommerce-page.woocommerce-checkout form #order_review td,.woocommerce-page.woocommerce-checkout form #order_review th,.woocommerce.woocommerce-checkout form #order_review td,.woocommerce.woocommerce-checkout form #order_review th{border-top:0;border-right:0;padding-left:0;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout form #order_review td.product-name,.woocommerce.woocommerce-checkout form #order_review td.product-name{font-weight:500;display:flex;align-items:center;flex-wrap:wrap}.woocommerce-page.woocommerce-checkout form #order_review td.product-name .product-quantity,.woocommerce.woocommerce-checkout form #order_review td.product-name .product-quantity{font-weight:400}.woocommerce-page.woocommerce-checkout form #order_review td:last-child,.woocommerce-page.woocommerce-checkout form #order_review th:last-child,.woocommerce.woocommerce-checkout form #order_review td:last-child,.woocommerce.woocommerce-checkout form #order_review th:last-child{text-align:right}.woocommerce-page.woocommerce-checkout form .form-row:last-child,.woocommerce.woocommerce-checkout form .form-row:last-child{margin-bottom:0}.woocommerce-page.woocommerce-checkout #payment,.woocommerce.woocommerce-checkout #payment{border-radius:0}.woocommerce-page.woocommerce-checkout #payment ul.payment_methods,.woocommerce.woocommerce-checkout #payment ul.payment_methods{padding:0;margin-bottom:1em;border-bottom:0}.woocommerce-page.woocommerce-checkout #payment div.payment_box,.woocommerce.woocommerce-checkout #payment div.payment_box{background-color:#efefef}.woocommerce-page.woocommerce-checkout #payment div.payment_box:before,.woocommerce.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:#efefef}.woocommerce-page.woocommerce-checkout #payment div.form-row,.woocommerce.woocommerce-checkout #payment div.form-row{padding:0 0 2em}.woocommerce-page.woocommerce-checkout #payment #place_order,.woocommerce.woocommerce-checkout #payment #place_order{width:100%}.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td,.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th{padding:.7em 1em;border-bottom-width:0}.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td:last-child,.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th:last-child,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td:last-child,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th:last-child{border-right-width:0}.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title,.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title{background:#fbfbfb;padding:1em;margin-bottom:0;font-size:1.3rem;border-width:1px 1px 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading,.woocommerce.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading{font-size:1.5rem;border-top:3px solid var(--ast-border-color);padding-top:.5em}.woocommerce-page.woocommerce-checkout .woocommerce-order h3,.woocommerce.woocommerce-checkout .woocommerce-order h3{font-size:1.1rem}.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details,.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details{margin-bottom:2em}.woocommerce-page.woocommerce-checkout .woocommerce-customer-details address,.woocommerce.woocommerce-checkout .woocommerce-customer-details address{border-right-width:1px;border-bottom-width:1px;border-radius:0}.woocommerce form .form-row .required{text-decoration:none}.woocommerce form.checkout_coupon{margin:0;border:0;padding:0 0 2em}.woocommerce form.checkout_coupon .form-row{margin:0;padding:0;float:none;display:inline-block}.woocommerce form.checkout_coupon [name=coupon_code]{padding-top:9px;padding-bottom:9px}.woocommerce form.checkout_coupon .button{padding:.5em 1em;vertical-align:initial;line-height:1.35}@media (max-width:420px){.woocommerce form.checkout_coupon .form-row-first,.woocommerce form.checkout_coupon .form-row-last{display:block;margin:0 auto;width:100%}.woocommerce form.checkout_coupon .form-row-first{margin-bottom:10px}.woocommerce form.checkout_coupon .button[name=apply_coupon]{width:100%;padding:10px 5px}}.checkout_coupon .input-text{padding:.5em .75em}.woocommerce-MyAccount-navigation>ul{margin:0}.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button{margin-top:1em;margin-left:3px}#secondary .widget.woocommerce>li,#secondary .widget_layered_nav_filters>li{margin-bottom:0}#secondary .widget .select2-container .select2-selection--multiple .select2-selection__rendered{display:block;min-height:42px}#secondary .widget .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{margin-top:5px;margin-bottom:5px}#secondary .widget .select2-search__field{min-height:42px;margin:0}.woocommerce-js ul.cart_list li>a,.woocommerce-js ul.product_list_widget li>a{font-weight:500;margin-bottom:.33em;color:var(--ast-global-color-2)}.woocommerce-js #secondary .woocommerce ul.cart_list,.woocommerce-js #secondary .woocommerce ul.product_list_widget{margin:0}.woocommerce-js .widget_shopping_cart .cart_list li,.woocommerce-js .widget_shopping_cart li,.woocommerce-js ul.product_list_widget .cart_list li,.woocommerce-js ul.product_list_widget li{padding:.6em 0 .6em 5em;min-height:5em;position:relative;border-bottom:1px solid var(--ast-border-color);margin:0;line-height:1.5}.woocommerce-js .widget_shopping_cart .cart_list li:last-child,.woocommerce-js .widget_shopping_cart li:last-child,.woocommerce-js ul.product_list_widget .cart_list li:last-child,.woocommerce-js ul.product_list_widget li:last-child{border-bottom:none}.woocommerce-js .widget_shopping_cart .woocommerce-mini-cart__buttons{margin-bottom:0}.woocommerce-js .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward{margin-left:5px;margin-right:0}.woocommerce-js.widget_product_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.woocommerce-js.widget_product_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-right:4px;line-height:1.5;transition:all .2s linear}.woocommerce-js .widget_shopping_cart .total,.woocommerce-js.widget_shopping_cart .total{padding:5px 0;border-top:1px solid var(--ast-border-color);border-bottom:1px solid var(--ast-border-color);margin-bottom:1.3em}.woocommerce-js ul.product_list_widget li img{position:absolute;left:0;width:4em;height:4em;margin:0 0 .5em 0;top:50%;transform:translateY(-50%);object-fit:cover}.woocommerce-js ul.product-categories>li{padding:2px 0}.woocommerce-js ul.product-categories>li:first-child{border:none}.woocommerce-js .widget del{opacity:.5}.woocommerce-js .widget ins{background:inherit}.woocommerce-js .widget .amount,.woocommerce-js .widget ins{font-weight:400}.woocommerce-js .widget .star-rating{margin:5px 0}.woocommerce-js .widget_rating_filter ul li a{display:inline-flex;align-items:center}.woocommerce-js .price_slider_amount .price_label span{font-weight:700}.woocommerce-js .widget_price_filter .ui-slider-horizontal{height:.2em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-handle{top:-.4em;cursor:pointer}.woocommerce-js .widget_price_filter .price_slider_amount .button{font-size:.9em!important;padding:8px 18px}.woocommerce-js .widget_price_filter .price_slider{margin-bottom:1.2em}.woocommerce-js .widget_price_filter .price_slider_wrapper .ui-widget-content{background-color:#ededed}.woocommerce-js .widget_product_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;margin-right:4px;line-height:1.5;padding:.5em 1.2em;font-size:12px!important;font-size:.8rem!important}.woocommerce-js .widget_product_tag_cloud .tagcloud a a.current-item,.woocommerce-js .widget_product_tag_cloud .tagcloud a a:focus,.woocommerce-js .widget_product_tag_cloud .tagcloud a a:hover{background-color:#fafafa}.ast-site-header-cart .widget_shopping_cart .buttons .button,.ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward,.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button,.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward{display:block;margin-right:0;width:100%;margin-left:0}.woocommerce .widget_shopping_cart .cart_list li,.woocommerce.widget_shopping_cart .cart_list li{padding:1.2em 0 1.2em 5em}.woocommerce .widget_shopping_cart .cart_list li a.remove,.woocommerce.widget_shopping_cart .cart_list li a.remove{position:absolute;left:auto;right:0;top:1.1em;color:var(--ast-global-color-3)}.woocommerce .widget_shopping_cart .cart_list li a.remove:hover,.woocommerce.widget_shopping_cart .cart_list li a.remove:hover{color:var(--ast-global-color-3)}.woocommerce-product-search{display:flex}.woocommerce-product-search .search-field{flex:auto;width:100%;border-top-right-radius:0;border-bottom-right-radius:0}.woocommerce-product-search input[type=submit]{padding:10px 15px;border-top-left-radius:0;border-bottom-left-radius:0}#secondary .widget_layered_nav_filters ul li.chosen,.widget_layered_nav_filters ul li.chosen{padding:0 .5em;margin-right:.5em;margin-bottom:.5em;background:rgba(245,245,245,.75);border-radius:20px;font-size:1em}#secondary .widget_layered_nav_filters ul li.chosen:hover,.widget_layered_nav_filters ul li.chosen:hover{background-color:#f5f5f5}#secondary .widget_layered_nav_filters ul li.chosen a,.widget_layered_nav_filters ul li.chosen a{display:block}#secondary .widget_layered_nav_filters ul li.chosen a::before,.widget_layered_nav_filters ul li.chosen a::before{margin-right:.5em;line-height:inherit;position:relative;top:1px}.woocommerce-terms-and-conditions{border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background:rgba(0,0,0,.05)}.woocommerce-password-strength{text-align:center;font-weight:600;padding:3px .5em;font-size:1em}.woocommerce-password-strength.strong{background-color:#c1e1b9;border-color:#83c373}.woocommerce-password-strength.short{background-color:#f1adad;border-color:#e35b5b}.woocommerce-password-strength.bad{background-color:#fbc5a9;border-color:#f78b53}.woocommerce-password-strength.good{background-color:#ffe399;border-color:#ffc733}.woocommerce-password-hint{margin:.5em 0 0;display:block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container{display:block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .header-main-layout-2 .main-header-container{text-align:center}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-main-header-bar-alignment{display:inline-block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-masthead-custom-menu-items{display:inline-block;float:right}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-break-point .header-main-layout-2 .main-header-container{display:flex}.rtl .woocommerce-pagination .page-numbers li:last-child .next{transform:rotateY(180deg)}.rtl .woocommerce-pagination .page-numbers li:first-child .prev{transform:rotateY(-180deg)}.ast-site-header-cart .widgettitle{display:none}.wc-block-grid .wc-block-grid__products .wc-block-grid__product{text-align:left;margin-bottom:2.5em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category>a{display:inline-block;position:relative}.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img{width:100%;height:auto;display:block;margin:0 0 .8em 0;box-shadow:none}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{margin-bottom:.5em;padding:0;font-size:1em;line-height:1.2;font-weight:inherit}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating{margin:0 auto .5em 0;backface-visibility:hidden}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link{position:relative;display:block}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock{background-color:#fff}.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category>a:hover .woocommerce-loop-category__title{background-color:#fff}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title{bottom:1.8em;font-size:.9em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count{font-size:.7em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del{display:initial}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link{margin-top:.5em;margin-bottom:.5em;white-space:normal;line-height:1.3;font-size:100%;font-weight:700}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added{margin-bottom:0;transition:margin 0s}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title{text-transform:uppercase;font-weight:700;line-height:1.5}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count{display:block;background:0 0;opacity:.5;font-size:.75em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale{min-width:3em;min-height:3em;line-height:3em;padding:0;font-size:.8em;font-weight:400;text-transform:capitalize;position:absolute;text-align:center;border-radius:100%;z-index:9;top:0;right:10px;left:auto;margin:-.5em -.5em 0 0}.widget_product_categories .children{padding-left:20px}@supports (-moz-appearance:none){.sidebar-main .widget_product_search .search-field{width:60%}}.wc-block-product-categories-list li{padding-left:15px}.woocommerce-page .widget .wc-block-price-slider{padding-top:.15em}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress{--range-color:var(--ast-global-color-0);top:-1px}@-moz-document url-prefix(){.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress{top:1px}}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-wrapper{box-shadow:none;background-color:#ededed}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress,.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-wrapper{height:3px}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__controls{border-color:var(--ast-border-color)}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__range-text{line-height:2.4;font-size:.8751em}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__range-text .wc-block-components-formatted-money-amount{font-weight:700}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__controls{justify-content:end}.woocommerce-page .widget .wc-block-price-slider input[type=range]{margin:0}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-webkit-slider-runnable-track{height:3px;box-shadow:none;background-color:transparent}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-moz-range-track{height:3px;box-shadow:none;background-color:transparent}.woocommerce-page .widget .wc-block-price-slider input[type=range].wc-block-price-filter__range-input::-webkit-slider-thumb{-webkit-appearance:none;border:0;width:15px;height:15px}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-moz-range-thumb{height:15px;border:0;width:15px}.woocommerce-page .widget .wc-block-checkbox-list li input[type=checkbox]{margin:0 .5rem 0 0;position:relative;top:1px}.woocommerce-page .widget .wc-block-checkbox-list li .wc-filter-element-label-list-count{opacity:1}.woocommerce-page .widget .wc-layered-nav-rating{line-height:1}.woocommerce-page .widget .wc-layered-nav-rating .star-rating{margin:0}.product.woocommerce.add_to_cart_inline{border:0!important}.product.woocommerce.add_to_cart_inline a.button{margin-left:1em}.ast-site-header-cart .widget_shopping_cart,.astra-cart-drawer{background-color:var(--ast-global-color-primary,var(--ast-global-color-5));border:1px solid var(--ast-border-color)}.woocommerce-js .sold-individually .button.single_add_to_cart_button{margin-left:-1em}.sidebar-main .ast-mini-cart-empty .woocommerce-mini-cart__empty-message{display:none}.woocommerce-js .variations select,.woocommerce-js .woocommerce-ordering select{padding:.5em}.astra-dark-mode-enable .woocommerce-js .woocommerce-page label,legend{color:var(--ast-global-color-primary,--ast-global-color-4)} + +/* 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; +} diff --git a/assets/css/woocommerce-layout-grid.min-rtl.css b/assets/css/woocommerce-layout-grid.min-rtl.css new file mode 100644 index 00000000..c70dd648 --- /dev/null +++ b/assets/css/woocommerce-layout-grid.min-rtl.css @@ -0,0 +1,85 @@ +.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:left}.woocommerce .col2-set,.woocommerce-page .col2-set{zoom:1;width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:' ';display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:right;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:left;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:right;width:48%}.woocommerce #content div.product div.thumbnails,.woocommerce div.product div.thumbnails,.woocommerce-page #content div.product div.thumbnails,.woocommerce-page div.product div.thumbnails{zoom:1}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:' ';display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:right;width:30.75%;margin-left:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-left:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-left:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:left;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs,.woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,.woocommerce-page div.product .woocommerce-tabs ul.tabs{zoom:1}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:' ';display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment,.woocommerce div.product #reviews .comment,.woocommerce-page #content div.product #reviews .comment,.woocommerce-page div.product #reviews .comment{zoom:1}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:' ';display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:left;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{display:grid;column-gap:20px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{display:flex;flex-direction:column;width:100%;padding:0;position:relative}.woocommerce ul.products:not(.elementor-grid),.woocommerce-page ul.products:not(.elementor-grid){grid-template-columns:repeat(4,1fr)}.woocommerce ul.products:not(.elementor-grid).columns-1,.woocommerce-page ul.products:not(.elementor-grid).columns-1{grid-template-columns:repeat(1,minmax(0,1fr));width:100%;margin-left:0}.woocommerce ul.products:not(.elementor-grid).columns-2,.woocommerce-page ul.products:not(.elementor-grid).columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-3,.woocommerce-page ul.products:not(.elementor-grid).columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-5,.woocommerce-page ul.products:not(.elementor-grid).columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-6,.woocommerce-page ul.products:not(.elementor-grid).columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{zoom:1}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:' ';display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:left}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:right;display:flex;margin:0 auto}.woocommerce #content table.cart td.actions .coupon label,.woocommerce table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label{display:none}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{margin-right:5px}@media (min-width:545px){.woocommerce #content table.cart td.actions>input[type=submit],.woocommerce table.cart td.actions>input[type=submit],.woocommerce-page #content table.cart td.actions>input[type=submit],.woocommerce-page table.cart td.actions>input[type=submit]{margin:5px auto}}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{zoom:1;width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:' ';display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:right}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:right}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:calc(50% - 10px)}.woocommerce .cart-collaterals .cross-sells ul.products li.first,.woocommerce-page .cart-collaterals .cross-sells ul.products li.first{clear:both}.woocommerce .cart-collaterals .cross-sells ul.products li.last,.woocommerce-page .cart-collaterals .cross-sells ul.products li.last{margin-left:0}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;zoom:1;clear:left;float:left}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:' ';display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:left;width:48%}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{zoom:1}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:' ';display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:left;height:auto}.woocommerce form .form-row,.woocommerce-page form .form-row{zoom:1}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:' ';display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:right}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:left}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:right;padding:0;width:100%;margin-bottom:1em}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:left}.woocommerce .woocommerce-billing-fields,.woocommerce .woocommerce-shipping-fields,.woocommerce-page .woocommerce-billing-fields,.woocommerce-page .woocommerce-shipping-fields{zoom:1}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:' ';display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.review-rating{order:2}.star-rating{margin-left:10px}.review-count{margin-right:10px;font-size:14px;margin-top:-6px}@media (max-width:544px){.review-rating{display:block}.review-count{margin-right:0;margin-top:0}}.woocommerce-account .woocommerce-MyAccount-navigation{float:right;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:left;width:68%}.woocommerce-account .woocommerce-MyAccount-content fieldset{border:0;margin:1em 0 0;padding:3px}.woocommerce-account .woocommerce-MyAccount-content fieldset legend{padding:3px 0;border-bottom:1px solid var(--ast-border-color);width:100%;margin:10px 0}.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row{padding-right:0;padding-left: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; +} diff --git a/assets/css/woocommerce-layout-grid.min.css b/assets/css/woocommerce-layout-grid.min.css new file mode 100644 index 00000000..09408a4d --- /dev/null +++ b/assets/css/woocommerce-layout-grid.min.css @@ -0,0 +1,85 @@ +.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{zoom:1;width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:' ';display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails,.woocommerce div.product div.thumbnails,.woocommerce-page #content div.product div.thumbnails,.woocommerce-page div.product div.thumbnails{zoom:1}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:' ';display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs,.woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,.woocommerce-page div.product .woocommerce-tabs ul.tabs{zoom:1}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:' ';display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment,.woocommerce div.product #reviews .comment,.woocommerce-page #content div.product #reviews .comment,.woocommerce-page div.product #reviews .comment{zoom:1}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:' ';display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{display:grid;column-gap:20px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{display:flex;flex-direction:column;width:100%;padding:0;position:relative}.woocommerce ul.products:not(.elementor-grid),.woocommerce-page ul.products:not(.elementor-grid){grid-template-columns:repeat(4,1fr)}.woocommerce ul.products:not(.elementor-grid).columns-1,.woocommerce-page ul.products:not(.elementor-grid).columns-1{grid-template-columns:repeat(1,minmax(0,1fr));width:100%;margin-right:0}.woocommerce ul.products:not(.elementor-grid).columns-2,.woocommerce-page ul.products:not(.elementor-grid).columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-3,.woocommerce-page ul.products:not(.elementor-grid).columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-5,.woocommerce-page ul.products:not(.elementor-grid).columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.woocommerce ul.products:not(.elementor-grid).columns-6,.woocommerce-page ul.products:not(.elementor-grid).columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{zoom:1}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:' ';display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left;display:flex;margin:0 auto}.woocommerce #content table.cart td.actions .coupon label,.woocommerce table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label{display:none}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{margin-left:5px}@media (min-width:545px){.woocommerce #content table.cart td.actions>input[type=submit],.woocommerce table.cart td.actions>input[type=submit],.woocommerce-page #content table.cart td.actions>input[type=submit],.woocommerce-page table.cart td.actions>input[type=submit]{margin:5px auto}}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{zoom:1;width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:' ';display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:calc(50% - 10px)}.woocommerce .cart-collaterals .cross-sells ul.products li.first,.woocommerce-page .cart-collaterals .cross-sells ul.products li.first{clear:both}.woocommerce .cart-collaterals .cross-sells ul.products li.last,.woocommerce-page .cart-collaterals .cross-sells ul.products li.last{margin-right:0}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;zoom:1;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:' ';display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{zoom:1}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:' ';display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row,.woocommerce-page form .form-row{zoom:1}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:' ';display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0;width:100%;margin-bottom:1em}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields,.woocommerce .woocommerce-shipping-fields,.woocommerce-page .woocommerce-billing-fields,.woocommerce-page .woocommerce-shipping-fields{zoom:1}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:' ';display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.review-rating{order:2}.star-rating{margin-right:10px}.review-count{margin-left:10px;font-size:14px;margin-top:-6px}@media (max-width:544px){.review-rating{display:block}.review-count{margin-left:0;margin-top:0}}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content fieldset{border:0;margin:1em 0 0;padding:3px}.woocommerce-account .woocommerce-MyAccount-content fieldset legend{padding:3px 0;border-bottom:1px solid var(--ast-border-color);width:100%;margin:10px 0}.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row{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; +} diff --git a/assets/css/woocommerce-layout.min-rtl.css b/assets/css/woocommerce-layout.min-rtl.css new file mode 100644 index 00000000..9fefb062 --- /dev/null +++ b/assets/css/woocommerce-layout.min-rtl.css @@ -0,0 +1,85 @@ +.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:left}.woocommerce .col2-set,.woocommerce-page .col2-set{zoom:1;width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:' ';display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:right;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:left;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:right;width:48%}.woocommerce #content div.product div.thumbnails,.woocommerce div.product div.thumbnails,.woocommerce-page #content div.product div.thumbnails,.woocommerce-page div.product div.thumbnails{zoom:1}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:' ';display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:right;width:30.75%;margin-left:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-left:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-left:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:left;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs,.woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,.woocommerce-page div.product .woocommerce-tabs ul.tabs{zoom:1}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:' ';display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment,.woocommerce div.product #reviews .comment,.woocommerce-page #content div.product #reviews .comment,.woocommerce-page div.product #reviews .comment{zoom:1}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:' ';display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:left;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{display:flex;flex-wrap:wrap;clear:both;zoom:1}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:' ';display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:right;margin:0 0 2.992em 20px;padding:0;position:relative;width:22.05%;margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-left:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-left:0}.woocommerce-page.columns-2 ul.products li.product:nth-child(2n),.woocommerce.columns-2 ul.products li.product:nth-child(2n){margin-left:0;clear:left}.woocommerce-page.columns-2 ul.products li.product:nth-child(odd),.woocommerce.columns-2 ul.products li.product:nth-child(odd){clear:right}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:31.2%;width:calc(33.33% - 14px)}.woocommerce-page.columns-3 ul.products li.product:nth-child(3n),.woocommerce.columns-3 ul.products li.product:nth-child(3n){margin-left:0;clear:left}.woocommerce-page.columns-3 ul.products li.product:nth-child(3n+1),.woocommerce.columns-3 ul.products li.product:nth-child(3n+1){clear:right}.woocommerce-page.columns-4 ul.products li.product,.woocommerce.columns-4 ul.products li.product{width:22.5%;width:calc(25% - 15px)}.woocommerce-page.columns-4 ul.products li.product:nth-child(4n),.woocommerce.columns-4 ul.products li.product:nth-child(4n){margin-left:0;clear:left}.woocommerce-page.columns-4 ul.products li.product:nth-child(4n+1),.woocommerce.columns-4 ul.products li.product:nth-child(4n+1){clear:right}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:17.5%;width:calc(20% - 16px)}.woocommerce-page.columns-5 ul.products li.product:nth-child(5n),.woocommerce.columns-5 ul.products li.product:nth-child(5n){margin-left:0;clear:left}.woocommerce-page.columns-5 ul.products li.product:nth-child(5n+1),.woocommerce.columns-5 ul.products li.product:nth-child(5n+1){clear:right}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:14%;width:calc(16.66% - 16.66px)}.woocommerce-page.columns-6 ul.products li.product:nth-child(6n),.woocommerce.columns-6 ul.products li.product:nth-child(6n){margin-left:0;clear:left}.woocommerce-page.columns-6 ul.products li.product:nth-child(6n+1),.woocommerce.columns-6 ul.products li.product:nth-child(6n+1){clear:right}.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{zoom:1}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:' ';display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:left}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:right;display:flex;margin:0 auto}.woocommerce #content table.cart td.actions .coupon label,.woocommerce table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label{display:none}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{margin-right:5px}@media (min-width:545px){.woocommerce #content table.cart td.actions>input[type=submit],.woocommerce table.cart td.actions>input[type=submit],.woocommerce-page #content table.cart td.actions>input[type=submit],.woocommerce-page table.cart td.actions>input[type=submit]{margin:5px auto}}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{zoom:1;width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:' ';display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:right}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:right}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:calc(50% - 10px)}.woocommerce .cart-collaterals .cross-sells ul.products li.first,.woocommerce-page .cart-collaterals .cross-sells ul.products li.first{clear:both}.woocommerce .cart-collaterals .cross-sells ul.products li.last,.woocommerce-page .cart-collaterals .cross-sells ul.products li.last{margin-left:0}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;zoom:1;clear:left;float:left}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:' ';display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:left;width:48%}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{zoom:1}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:' ';display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:left;height:auto}.woocommerce form .form-row,.woocommerce-page form .form-row{zoom:1}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:' ';display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:right}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:left}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:right;padding:0;width:100%;margin-bottom:1em}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:left}.woocommerce .woocommerce-billing-fields,.woocommerce .woocommerce-shipping-fields,.woocommerce-page .woocommerce-billing-fields,.woocommerce-page .woocommerce-shipping-fields{zoom:1}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:' ';display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:right;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:left;width:68%}.woocommerce-account .woocommerce-MyAccount-content fieldset{border:0;margin:1em 0 0;padding:3px}.woocommerce-account .woocommerce-MyAccount-content fieldset legend{padding:3px 0;border-bottom:1px solid var(--ast-border-color);width:100%;margin:10px 0}.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row{padding-right:0;padding-left: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; +} diff --git a/assets/css/woocommerce-layout.min.css b/assets/css/woocommerce-layout.min.css new file mode 100644 index 00000000..82c4d648 --- /dev/null +++ b/assets/css/woocommerce-layout.min.css @@ -0,0 +1,85 @@ +.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{zoom:1;width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:' ';display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails,.woocommerce div.product div.thumbnails,.woocommerce-page #content div.product div.thumbnails,.woocommerce-page div.product div.thumbnails{zoom:1}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:' ';display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs,.woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,.woocommerce-page div.product .woocommerce-tabs ul.tabs{zoom:1}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:' ';display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment,.woocommerce div.product #reviews .comment,.woocommerce-page #content div.product #reviews .comment,.woocommerce-page div.product #reviews .comment{zoom:1}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:' ';display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{display:flex;flex-wrap:wrap;clear:both;zoom:1}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:' ';display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 20px 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product:nth-child(2n),.woocommerce.columns-2 ul.products li.product:nth-child(2n){margin-right:0;clear:right}.woocommerce-page.columns-2 ul.products li.product:nth-child(odd),.woocommerce.columns-2 ul.products li.product:nth-child(odd){clear:left}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:31.2%;width:calc(33.33% - 14px)}.woocommerce-page.columns-3 ul.products li.product:nth-child(3n),.woocommerce.columns-3 ul.products li.product:nth-child(3n){margin-right:0;clear:right}.woocommerce-page.columns-3 ul.products li.product:nth-child(3n+1),.woocommerce.columns-3 ul.products li.product:nth-child(3n+1){clear:left}.woocommerce-page.columns-4 ul.products li.product,.woocommerce.columns-4 ul.products li.product{width:22.5%;width:calc(25% - 15px)}.woocommerce-page.columns-4 ul.products li.product:nth-child(4n),.woocommerce.columns-4 ul.products li.product:nth-child(4n){margin-right:0;clear:right}.woocommerce-page.columns-4 ul.products li.product:nth-child(4n+1),.woocommerce.columns-4 ul.products li.product:nth-child(4n+1){clear:left}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:17.5%;width:calc(20% - 16px)}.woocommerce-page.columns-5 ul.products li.product:nth-child(5n),.woocommerce.columns-5 ul.products li.product:nth-child(5n){margin-right:0;clear:right}.woocommerce-page.columns-5 ul.products li.product:nth-child(5n+1),.woocommerce.columns-5 ul.products li.product:nth-child(5n+1){clear:left}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:14%;width:calc(16.66% - 16.66px)}.woocommerce-page.columns-6 ul.products li.product:nth-child(6n),.woocommerce.columns-6 ul.products li.product:nth-child(6n){margin-right:0;clear:right}.woocommerce-page.columns-6 ul.products li.product:nth-child(6n+1),.woocommerce.columns-6 ul.products li.product:nth-child(6n+1){clear:left}.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{zoom:1}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:' ';display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left;display:flex;margin:0 auto}.woocommerce #content table.cart td.actions .coupon label,.woocommerce table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label{display:none}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{margin-left:5px}@media (min-width:545px){.woocommerce #content table.cart td.actions>input[type=submit],.woocommerce table.cart td.actions>input[type=submit],.woocommerce-page #content table.cart td.actions>input[type=submit],.woocommerce-page table.cart td.actions>input[type=submit]{margin:5px auto}}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{zoom:1;width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:' ';display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:calc(50% - 10px)}.woocommerce .cart-collaterals .cross-sells ul.products li.first,.woocommerce-page .cart-collaterals .cross-sells ul.products li.first{clear:both}.woocommerce .cart-collaterals .cross-sells ul.products li.last,.woocommerce-page .cart-collaterals .cross-sells ul.products li.last{margin-right:0}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;zoom:1;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:' ';display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li{zoom:1}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:' ';display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row,.woocommerce-page form .form-row{zoom:1}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:' ';display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0;width:100%;margin-bottom:1em}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields,.woocommerce .woocommerce-shipping-fields,.woocommerce-page .woocommerce-billing-fields,.woocommerce-page .woocommerce-shipping-fields{zoom:1}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:' ';display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content fieldset{border:0;margin:1em 0 0;padding:3px}.woocommerce-account .woocommerce-MyAccount-content fieldset legend{padding:3px 0;border-bottom:1px solid var(--ast-border-color);width:100%;margin:10px 0}.woocommerce-account .woocommerce-MyAccount-content fieldset .form-row{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; +} diff --git a/assets/css/woocommerce-smallscreen-grid.min-rtl.css b/assets/css/woocommerce-smallscreen-grid.min-rtl.css new file mode 100644 index 00000000..96733945 --- /dev/null +++ b/assets/css/woocommerce-smallscreen-grid.min-rtl.css @@ -0,0 +1,85 @@ +.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th{display:none}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{display:block}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{display:block;text-align:left!important}.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions{text-align:right!important}.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before{content:attr(data-title) ": ";font-weight:700;float:right}.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before{display:none}.woocommerce table.shop_table_responsive tr td .shipping-calculator-form,.woocommerce-page table.shop_table_responsive tr td .shipping-calculator-form{text-align:right}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:right}.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before{display:none}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em 0 .125em .25em}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail{display:block;text-align:center!important}.woocommerce #content table.cart .product-thumbnail:before,.woocommerce table.cart .product-thumbnail:before,.woocommerce-page #content table.cart .product-thumbnail:before,.woocommerce-page table.cart .product-thumbnail:before{display:none}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{zoom:1;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before{content:' ';display:table}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after{clear:both}.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input{width:48%;box-sizing:border-box}.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button{float:left}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:right}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:right;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-left:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{float:none;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; +} diff --git a/assets/css/woocommerce-smallscreen-grid.min.css b/assets/css/woocommerce-smallscreen-grid.min.css new file mode 100644 index 00000000..e94ade3f --- /dev/null +++ b/assets/css/woocommerce-smallscreen-grid.min.css @@ -0,0 +1,85 @@ +.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th{display:none}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{display:block}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{display:block;text-align:right!important}.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions{text-align:left!important}.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before{content:attr(data-title) ": ";font-weight:700;float:left}.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before{display:none}.woocommerce table.shop_table_responsive tr td .shipping-calculator-form,.woocommerce-page table.shop_table_responsive tr td .shipping-calculator-form{text-align:left}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:left}.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before{display:none}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em .25em .125em 0}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail{display:block;text-align:center!important}.woocommerce #content table.cart .product-thumbnail:before,.woocommerce table.cart .product-thumbnail:before,.woocommerce-page #content table.cart .product-thumbnail:before,.woocommerce-page table.cart .product-thumbnail:before{display:none}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:left}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{zoom:1;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before{content:' ';display:table}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after{clear:both}.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input{width:48%;box-sizing:border-box}.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button{float:right}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:left}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:left;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-right:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{float:none;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; +} diff --git a/assets/css/woocommerce-smallscreen.min-rtl.css b/assets/css/woocommerce-smallscreen.min-rtl.css new file mode 100644 index 00000000..671cb671 --- /dev/null +++ b/assets/css/woocommerce-smallscreen.min-rtl.css @@ -0,0 +1,85 @@ +.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th{display:none}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{display:block}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{display:block;text-align:left!important}.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions{text-align:right!important}.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before{content:attr(data-title) ": ";font-weight:700;float:right}.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before{display:none}.woocommerce table.shop_table_responsive tr td .shipping-calculator-form,.woocommerce-page table.shop_table_responsive tr td .shipping-calculator-form{text-align:right}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:right}.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before{display:none}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em 0 .125em .25em}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce-page[class*=columns-] ul.products li.product,.woocommerce[class*=columns-] ul.products li.product{display:inline-block;margin-left:20px;vertical-align:top;clear:none}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail{display:block;text-align:center!important}.woocommerce #content table.cart .product-thumbnail:before,.woocommerce table.cart .product-thumbnail:before,.woocommerce-page #content table.cart .product-thumbnail:before,.woocommerce-page table.cart .product-thumbnail:before{display:none}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{zoom:1;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before{content:' ';display:table}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after{clear:both}.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input{width:48%;box-sizing:border-box}.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button{float:left}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:right}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:right;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-left:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{float:none;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; +} diff --git a/assets/css/woocommerce-smallscreen.min.css b/assets/css/woocommerce-smallscreen.min.css new file mode 100644 index 00000000..5813f184 --- /dev/null +++ b/assets/css/woocommerce-smallscreen.min.css @@ -0,0 +1,85 @@ +.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th{display:none}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{display:block}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{display:block;text-align:right!important}.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions{text-align:left!important}.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before{content:attr(data-title) ": ";font-weight:700;float:left}.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before{display:none}.woocommerce table.shop_table_responsive tr td .shipping-calculator-form,.woocommerce-page table.shop_table_responsive tr td .shipping-calculator-form{text-align:left}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:left}.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before{display:none}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em .25em .125em 0}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce-page[class*=columns-] ul.products li.product,.woocommerce[class*=columns-] ul.products li.product{display:inline-block;margin-right:20px;vertical-align:top;clear:none}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail{display:block;text-align:center!important}.woocommerce #content table.cart .product-thumbnail:before,.woocommerce table.cart .product-thumbnail:before,.woocommerce-page #content table.cart .product-thumbnail:before,.woocommerce-page table.cart .product-thumbnail:before{display:none}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:left}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{zoom:1;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before{content:' ';display:table}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after{clear:both}.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input{width:48%;box-sizing:border-box}.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button{float:right}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:left}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:left;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-right:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{float:none;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; +} diff --git a/assets/css/woocommerce.min-rtl.css b/assets/css/woocommerce.min-rtl.css new file mode 100644 index 00000000..e9ef76f8 --- /dev/null +++ b/assets/css/woocommerce.min-rtl.css @@ -0,0 +1,85 @@ +@charset "UTF-8";@keyframes spin{100%{transform:rotate(-360deg)}}@keyframes dotPulse{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}@font-face{font-family:star;src:url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot");src:url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot");src:url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");font-weight:400;font-style:normal}.woocommerce-store-notice,p.demo_store{position:fixed;top:0;right:0;left:0;margin:0;width:100%;font-size:1em;padding:1em 0;text-align:center;background-color:#a46497;color:#fff;z-index:99998;box-shadow:0 1px 1em rgba(0,0,0,.2);display:none}.woocommerce-store-notice a,p.demo_store a{color:#fff;text-decoration:underline}.woocommerce-store-notice[data-position=bottom],p.demo_store[data-position=bottom]{bottom:0;top:initial}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.clear{clear:both}.ast-site-header-cart,.woocommerce .ast-site-header-cart{position:relative;list-style-type:none;margin-right:0;padding-right:0;margin-bottom:0;order:1;cursor:pointer}.ast-site-header-cart:focus .widget_shopping_cart,.ast-site-header-cart:hover .widget_shopping_cart,.woocommerce .ast-site-header-cart:focus .widget_shopping_cart,.woocommerce .ast-site-header-cart:hover .widget_shopping_cart{left:0;right:auto}.ast-site-header-cart .ast-shopping-cart-icon,.woocommerce .ast-site-header-cart .ast-shopping-cart-icon{display:initial;vertical-align:middle}.ast-site-header-cart .ast-shopping-cart-icon:before,.woocommerce .ast-site-header-cart .ast-shopping-cart-icon:before{content:"\e854";font-family:Astra;font-size:18px;font-size:1.2857rem}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons{margin:1.41575em}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a{width:100%}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a.button,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a.button{text-align:center}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .ast-mini-cart-message .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .ast-mini-cart-message .woocommerce-mini-cart__empty-message{text-align:center;margin-bottom:0}.ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content>ul,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content>ul{text-align:right;width:auto;position:relative;right:auto;top:auto;border-top:0}.ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message{text-align:right}.ast-site-header-cart .widget_shopping_cart,.woocommerce .ast-site-header-cart .widget_shopping_cart{position:absolute;top:100%;width:280px;z-index:999999;font-size:.875em;right:-999em;display:block;line-height:1.618;opacity:0;visibility:hidden;transition:all .3s ease}.ast-site-header-cart .widget_shopping_cart:after,.ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-site-header-cart .widget_shopping_cart:before{bottom:99.9%;right:auto;left:8px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-site-header-cart .widget_shopping_cart:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-right:-6px;margin-bottom:-.3px}.ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-site-header-cart .widget_shopping_cart:before{border-color:rgba(230,230,230,0);border-bottom-color:var(--ast-border-color);border-width:7px;margin-right:-12px;left:7px}.ast-site-header-cart .widget_shopping_cart .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .widget_shopping_cart .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message{display:none}.ast-site-header-cart .widget_shopping_cart .product_list_widget,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget{padding:1em 1.5em;max-height:500px;max-height:50vh;overflow-y:auto}.ast-site-header-cart .widget_shopping_cart .product_list_widget li,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li{padding:.5em 5em .5em 2em;border-bottom:1px solid var(--ast-border-color)}.ast-site-header-cart .widget_shopping_cart .product_list_widget li .remove,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li .remove{top:.4em}.ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child{border-bottom:0}.ast-site-header-cart .widget_shopping_cart .product_list_widget li img,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li img{max-width:4em;margin:0 0 .5em 0}.ast-site-header-cart .widget_shopping_cart p.buttons,.ast-site-header-cart .widget_shopping_cart p.total,.woocommerce .ast-site-header-cart .widget_shopping_cart p.buttons,.woocommerce .ast-site-header-cart .widget_shopping_cart p.total{padding:1em 1.5em;margin:0;text-align:center}.ast-site-header-cart .widget_shopping_cart .buttons .button,.ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward,.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button,.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward{display:block;margin-left:0;width:100%;margin-right:0}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message{margin:1.41575em}.ast-site-header-cart .widget_shopping_cart .cart_list a,.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a{padding:0}.ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a.remove{border-width:1px}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total{display:flex;justify-content:space-between}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong{width:40%;text-align:right;font-weight:500}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount{width:60%;text-align:left}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount{padding-right:.5em}.ast-site-header-cart:focus .widget_shopping_cart,.ast-site-header-cart:hover .widget_shopping_cart{opacity:1;visibility:visible}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .variation,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list .variation,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .variation{margin-bottom:.4em}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove{color:var(--ast-global-color-3)}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover{color:var(--ast-global-color-3)}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart,.site-header-section-left .ast-site-header-cart .widget_shopping_cart,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart{left:auto;right:0;transition:right 0s}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:after,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before{right:15px;left:auto}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before{right:11px;left:auto}.ast-cart-menu-wrap{display:inline-block;line-height:1}.ast-cart-menu-wrap .count{font-weight:700;position:relative;display:inline-block;vertical-align:middle;text-align:center;min-width:2.1em;min-height:2.1em;font-size:.86em;line-height:1.8;border-radius:0 0 .3em .3em;border-width:2px;border-style:solid;padding:0 .4em}.ast-cart-menu-wrap .count:after{bottom:100%;margin-bottom:0;height:.8em;width:.8em;right:50%;transform:translateX(50%);top:-.6em;content:' ';position:absolute;pointer-events:none;border-width:2px;border-style:solid;border-top-right-radius:10em;border-top-left-radius:10em;border-bottom:0}.ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item li:hover>a.remove{color:#ccc}.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart{flex:1}.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li{text-align:left}.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart{flex:1}.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li{text-align:right}.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container{display:flex;justify-content:center}.ast-woocommerce-cart-menu .header-main-layout-2 .site-branding{flex:0 0 100%}.ast-header-break-point .woocommerce-custom-menu-item .ast-cart-menu-wrap{width:2em;height:2em;font-size:1.4em;line-height:2;vertical-align:middle;text-align:left}.ast-header-break-point .ast-button-wrap .main-header-menu-toggle{font-size:1.4em}.ast-header-break-point .main-header-menu .woocommerce-custom-menu-item .ast-cart-menu-wrap{height:3em;line-height:3;text-align:right}.ast-header-break-point .ast-site-header-cart .widget_shopping_cart{display:none}.ast-header-break-point.ast-woocommerce-cart-menu .ast-site-header-cart{order:initial;line-height:3;padding:0}.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3 .ast-site-header-cart{padding:0 1em 1em 0}.ast-header-break-point.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-site-header-cart{padding:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item{margin-bottom:0;margin-top:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart{padding:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart a{border:none;display:inline-block}.ast-header-break-point.ast-hfb-header.ast-woocommerce-cart-menu .ast-site-header-cart{padding:0}.woocommerce-js .blockUI.blockOverlay{position:relative}.woocommerce-js .blockUI.blockOverlay::before{height:1em;width:1em;display:block;position:absolute;top:50%;right:50%;margin-right:-.5em;margin-top:-.5em;content:'';animation:spin 1s ease-in-out infinite;background:url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center;background-size:cover;background-color:var(--ast-global-color-secondary,--ast-global-color-5);line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}.woocommerce-js .loader::before{height:1em;width:1em;display:block;position:absolute;top:50%;right:50%;margin-right:-.5em;margin-top:-.5em;content:'';animation:spin 1s ease-in-out infinite;background:url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center;background-size:cover;background-color:var(--ast-global-color-secondary,--ast-global-color-5);line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}.woocommerce-js h2{margin-bottom:.7em}.woocommerce-js a.remove{position:relative;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;font-size:18px;width:20px;height:20px;text-align:center;line-height:21px;border-radius:100%;color:var(--ast-global-color-3);text-decoration:none;opacity:.5}.woocommerce-js a.remove .ahfb-svg-iconset{transform:scale(.7);transition:none}.woocommerce-js a.remove .ahfb-svg-iconset .ast-close-svg{width:100%;height:100%}.woocommerce-js a.remove:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;border:1px solid var(--ast-global-color-3);border-radius:100%;transition:all .2s linear}.woocommerce-js a.remove:hover{color:var(--ast-global-color-3);opacity:1}.woocommerce-js a.remove:hover:before{border-color:var(--ast-global-color-3)}.woocommerce-js small.note{display:block;color:#777;font-size:.857em;margin-top:10px}.woocommerce-js .woocommerce-breadcrumb{zoom:1;margin:0 0 1em;padding:0;font-size:.92em;color:#777}.woocommerce-js .woocommerce-breadcrumb::after,.woocommerce-js .woocommerce-breadcrumb::before{content:' ';display:table}.woocommerce-js .woocommerce-breadcrumb::after{clear:both}.woocommerce-js .woocommerce-breadcrumb a{color:#777}.woocommerce-js .quantity input[type=email],.woocommerce-js .quantity input[type=number],.woocommerce-js .quantity input[type=text]{padding:.3em}.woocommerce-js .quantity input[type=email]:focus,.woocommerce-js .quantity input[type=number]:focus,.woocommerce-js .quantity input[type=text]:focus{outline:0;border-color:var(--ast-border-color)}.woocommerce-js .quantity .qty{width:3.631em;text-align:center;min-height:35px}.woocommerce-js div.product{margin-bottom:0;position:relative}.woocommerce-js div.product .product_title{clear:none;margin-top:0;padding:0}.woocommerce-js div.product p.price,.woocommerce-js div.product span.price{color:#77a464;font-size:1.5rem;font-weight:700;margin:0 0 .2em}.woocommerce-js div.product p.price ins,.woocommerce-js div.product span.price ins{background:inherit;font-weight:700;display:inline-block;text-decoration:inherit}.woocommerce-js div.product p.price del,.woocommerce-js div.product span.price del{opacity:.5;font-weight:400;display:initial}.woocommerce-js div.product p.ast-stock-detail,.woocommerce-js div.product p.stock{font-size:1em}.woocommerce-js div.product p.ast-stock-detail .ast-stock-avail,.woocommerce-js div.product p.stock .ast-stock-avail{font-weight:700}.woocommerce-js div.product .stock{color:#77a464}.woocommerce-js div.product .out-of-stock{color:red}.woocommerce-js div.product .product_title{margin:0 0 .5em 0}.woocommerce-js div.product .product_meta{border-top:1px solid var(--ast-border-color);padding-top:.5em;font-size:.9em;margin:0 0 .8em;text-decoration:inherit}.woocommerce-js div.product .product_meta>span{display:inline-block;margin-left:15px;align-items:center;font-weight:500}.woocommerce-js div.product .product_meta>span>*{font-weight:400}.woocommerce-js div.product .woocommerce-product-rating{margin:0 0 .5em}.woocommerce-js div.product div.images{margin-bottom:2em}.woocommerce-js div.product div.images img{display:block;width:100%;height:auto;box-shadow:none}.woocommerce-js div.product div.images div.thumbnails{padding-top:1em}.woocommerce-js div.product div.images.woocommerce-product-gallery{position:relative}.woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport{transform-style:preserve-3d;margin-bottom:1em}.woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper{transition:all cubic-bezier(.795, -.035, 0, 1) .5s;margin:0;padding:0}.woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background-color:#fff}.woocommerce-js div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){width:25%;display:inline-block}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger{position:absolute;top:.5em;left:.5em;font-size:2em;z-index:9;width:36px;height:36px;background:var(--ast-global-color-primary,var(--ast-global-color-5));text-indent:-9999px;border-radius:100%;box-sizing:content-box;backface-visibility:hidden}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:before{content:"";display:block;width:10px;height:10px;border:2px solid var(--ast-global-color-3);border-radius:100%;position:absolute;top:9px;right:9px;box-sizing:content-box}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:after{content:"";display:block;width:2px;height:8px;background:var(--ast-global-color-3);border-radius:6px;position:absolute;top:19px;right:22px;transform:rotate(45deg);box-sizing:content-box}.woocommerce-js div.product div.images .flex-control-thumbs{overflow:hidden;zoom:1;margin:0;padding:0}.woocommerce-js div.product div.images .flex-control-thumbs li{width:25%;float:right;margin:0;list-style:none}.woocommerce-js div.product div.images .flex-control-thumbs li img{cursor:pointer;opacity:.5;margin:0}.woocommerce-js div.product div.images .flex-control-thumbs li img.flex-active,.woocommerce-js div.product div.images .flex-control-thumbs li img:hover{opacity:1}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li{width:32%;width:calc(33.33% - .7em);margin-left:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1){clear:right}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n){margin-left:0}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{width:24%;width:calc(25% - .75em);margin-left:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){clear:right}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n){margin-left:0}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li{width:18.5%;width:calc(20% - .8em);margin-left:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1){clear:right}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n){margin-left:0}.woocommerce-js div.product div.summary{margin-bottom:2em}.woocommerce-js div.product div.summary .single-product-category{display:block;line-height:1;margin-bottom:1em}.woocommerce-js div.product div.summary .woocommerce-product-details__short-description :last-child{margin-bottom:1em}.woocommerce-js div.product div.social{text-align:left;margin:0 0 1em}.woocommerce-js div.product div.social span{margin:0 2px 0 0}.woocommerce-js div.product div.social span span{margin:0}.woocommerce-js div.product div.social span .stButton .chicklets{padding-right:16px;width:0}.woocommerce-js div.product div.social iframe{float:right;margin-top:3px}.woocommerce-js div.product .woocommerce-tabs{padding-top:2em;margin-bottom:4em;width:100%}.woocommerce-js div.product .woocommerce-tabs ul.tabs{list-style:none;padding:0;margin:0 0 1em;overflow:hidden;position:relative}.woocommerce-js div.product .woocommerce-tabs ul.tabs:before{content:'';position:absolute;top:0;right:0;width:100%;height:1px;background-color:var(--ast-border-color)}.woocommerce-js div.product .woocommerce-tabs ul.tabs li{border:0;background:0 0;display:inline-block;position:relative;z-index:0;border-radius:4px 4px 0 0;margin:0 0 0 1em;padding:0;border-radius:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li a{display:inline-block;padding:.5em 0;font-weight:700;color:#515151;text-decoration:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs li a:hover{text-decoration:none;color:#6b6a6b}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active{z-index:2;border-bottom-color:#fff}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active a{text-shadow:inherit;outline:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active::before{content:' ';position:absolute;width:100%;height:3px;box-shadow:none;top:0;right:0;border-radius:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active::after{border:none;box-shadow:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs li::after,.woocommerce-js div.product .woocommerce-tabs ul.tabs li::before{content:' ';position:absolute;bottom:-1px;width:5px;height:5px;border:none;box-shadow:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs::before{position:absolute;content:' ';width:100%;bottom:0;right:0;border-bottom:1px solid var(--ast-border-color);z-index:1}.woocommerce-js div.product .woocommerce-tabs ul.tabs li::after,.woocommerce-js div.product .woocommerce-tabs ul.tabs.tabs::before{display:none;border:0}.woocommerce-js div.product .woocommerce-tabs .panel{margin:0 0 1.2em;padding:0}.woocommerce-js div.product .woocommerce-tabs .shop_attributes{border-style:solid}.woocommerce-js div.product .woocommerce-tabs .shop_attributes p{padding:0}.woocommerce-js div.product .woocommerce-tabs .shop_attributes td,.woocommerce-js div.product .woocommerce-tabs .shop_attributes th{padding:.67em 1.34em;border-color:var(--ast-border-color)}.woocommerce-js div.product .woocommerce-tabs .shop_attributes th{border-right-width:1px;border-style:solid;padding-right:.9em;color:var(--ast-global-color-2)}.woocommerce-js div.product .woocommerce-tabs .shop_attributes td{font-style:normal;border-style:solid}.woocommerce-js div.product #reviews #comments{width:100%}.woocommerce-js div.product #reviews #review_form_wrapper{width:100%;padding-right:0}.woocommerce-js div.product #reviews #respond p.comment-form-author,.woocommerce-js div.product #reviews #respond p.comment-form-email{margin-bottom:1em}@media (min-width:1201px){.woocommerce-js div.product #reviews .comment-form-author,.woocommerce-js div.product #reviews .comment-form-email{width:49%;display:inline-block}.woocommerce-js div.product #reviews .comment-form-author input,.woocommerce-js div.product #reviews .comment-form-email input{width:100%}.woocommerce-js div.product #reviews .comment-form-author{float:right}.woocommerce-js div.product #reviews .comment-form-email{float:left}.woocommerce-js div.product #reviews .comment-form-cookies-consent{clear:both}}.woocommerce-js div.product p.cart{margin-bottom:2em;zoom:1}.woocommerce-js div.product p.cart::after,.woocommerce-js div.product p.cart::before{content:' ';display:table}.woocommerce-js div.product p.cart::after{clear:both}.woocommerce-js div.product form.cart{zoom:1}.woocommerce-js div.product form.cart .ast-woo-single-cart-button-wrap{display:flex;align-items:center;flex-wrap:wrap}.woocommerce-js div.product form.cart::after,.woocommerce-js div.product form.cart::before{content:' ';display:table}.woocommerce-js div.product form.cart::after{clear:both}.woocommerce-js div.product form.cart div.quantity{float:right;margin:0 0 1em 1em}.woocommerce-js div.product form.cart table{border-width:0 0 1px;margin:0 0 1em}.woocommerce-js div.product form.cart table td{padding-right:0}.woocommerce-js div.product form.cart table div.quantity{float:none;margin:0}.woocommerce-js div.product form.cart table small.stock{display:block;float:none}.woocommerce-js div.product form.cart .variations{border-bottom:1px solid var(--ast-border-color);position:relative;margin-bottom:1em;width:100%}.woocommerce-js div.product form.cart .variations td,.woocommerce-js div.product form.cart .variations th{border:0;vertical-align:top;line-height:2em;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;display:block}.woocommerce-js div.product form.cart .variations tr{margin-bottom:.5em}.woocommerce-js div.product form.cart .variations th{margin-bottom:.5em;padding-right:0}.woocommerce-js div.product form.cart .variations label{font-weight:700}.woocommerce-js div.product form.cart .variations select{max-width:100%;min-width:75%;display:inline-block;width:100%}.woocommerce-js div.product form.cart .variations td.label{vertical-align:middle;margin-top:8px;margin-bottom:1px}.woocommerce-js div.product form.cart .woocommerce-variation-description p{margin-bottom:1em}.woocommerce-js div.product form.cart .reset_variations{all:initial;font-family:inherit;visibility:hidden;position:static;display:inline-block;color:inherit;opacity:.6;font-size:.75rem;text-transform:uppercase;cursor:pointer}.woocommerce-js div.product form.cart .wc-no-matching-variations{display:none}.woocommerce-js div.product form.cart .button{vertical-align:middle;float:right;width:auto;margin-bottom:1em}.woocommerce-js div.product form.cart .button.single_add_to_cart_button{padding:10px 20px}.woocommerce-js div.product form.cart .group_table tr:last-child td{border-bottom:0}.woocommerce-js div.product form.cart .group_table td.label{padding:.5em;font-size:.8rem;line-height:1.3;font-weight:700}.woocommerce-js div.product form.cart .group_table td{vertical-align:middle;padding-bottom:.5em;border-left:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-js div.product form.cart .group_table td:first-child{text-align:right;width:4em}.woocommerce-js div.product form.cart .group_table td.price{padding-right:.8em;font-weight:700;font-size:.9rem}.woocommerce-js div.product form.cart .group_table td.price del{opacity:.5}.woocommerce-js div.product form.cart .group_table .button{padding:.8em;font-weight:400;font-size:.9rem;white-space:nowrap}.woocommerce-js div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox{display:inline-block;width:auto;margin:0 auto;transform:scale(1.5,1.5)}.woocommerce-js div.product form.cart p.stock{line-height:1.3;margin-bottom:.8em;font-size:.9em}.woocommerce-js div.product form.cart .single_variation_wrap{width:100%}.woocommerce-js div.product form.cart .single_variation_wrap p{margin-bottom:1em}.woocommerce-js div.product form.cart .single_variation_wrap .single_variation{margin-bottom:1.2em;border-top:1px solid var(--ast-border-color);padding-top:0;border-top:0}.woocommerce-js div.product span.onsale{min-height:3.5em;min-width:3.5em;line-height:3.5em}.woocommerce-js div.product .related.products,.woocommerce-js div.product .woocommerce-tabs{display:block}.woocommerce-js div.product .related.products ul.products{margin:0}.woocommerce-js div.product .related.products ul.products li.product{width:22.5%;width:calc(25% - 15px)}.woocommerce-js span.onsale{min-width:3em;min-height:3em;line-height:3em;padding:0;font-size:.8em;font-weight:400;position:absolute;text-align:center;top:.5em;right:.5em;margin:0;border-radius:100%;background-color:#77a464;color:#fff;-webkit-font-smoothing:antialiased;z-index:9}.woocommerce-js.single-product .sale>span.onsale{font-size:1em;right:-.5em}.woocommerce-js.single-product .sale:not(.ast-product-gallery-layout-vertical-slider)>span.onsale{top:-.5em}.woocommerce-js .products ul,.woocommerce-js ul.products{margin:0 0 1em;padding:0;list-style:none outside;clear:both;zoom:1}.woocommerce-js .products ul::after,.woocommerce-js .products ul::before,.woocommerce-js ul.products::after,.woocommerce-js ul.products::before{content:' ';display:table}.woocommerce-js .products ul::after,.woocommerce-js ul.products::after{clear:both}.woocommerce-js .products ul::after,.woocommerce-js .products ul::before,.woocommerce-js ul.products::after,.woocommerce-js ul.products::before{width:0}.woocommerce-js .products ul li,.woocommerce-js ul.products li{list-style:none outside}.woocommerce-js ul.products li.product.product-category{padding-bottom:0}.woocommerce-js ul.products li.product.product-category a{height:100%}.woocommerce-js ul.products li.product.product-category a img{height:100%;object-fit:cover}.woocommerce-js ul.products li.product .onsale{top:0;left:0;right:auto;margin:-.5em 0 0 -.5em}.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-js ul.products li.product .woocommerce-loop-product__title,.woocommerce-js ul.products li.product h3{padding:.5em 0;margin:0;font-size:1em}.woocommerce-js ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 1em;box-shadow:none}.woocommerce-js ul.products li.product a img.show-on-hover{width:0;height:0;object-fit:cover}.woocommerce-js ul.products li.product strong{display:block}.woocommerce-js ul.products li.product .star-rating{font-size:.857em}.woocommerce-js ul.products li.product .button{margin-top:1em}.woocommerce-js ul.products li.product .price{color:#77a464;display:block;font-weight:400;margin-bottom:.5em;font-size:.857em}.woocommerce-js ul.products li.product .price del{color:inherit;opacity:.5;display:inline-block}.woocommerce-js ul.products li.product .price ins{background:0 0;font-weight:700;display:inline-block;text-decoration:inherit}.woocommerce-js ul.products li.product .price .from{font-size:.67em;margin:-2px 0 0 0;text-transform:uppercase;color:rgba(132,132,132,.5)}.woocommerce-js ul.products li.product a.ast-loop-product__link{display:inline-block;width:100%}.woocommerce-js ul.products li.product:hover .show-on-hover{width:100%;height:100%}.woocommerce-js .woocommerce-result-count{margin:1em 0 1em;line-height:1}.woocommerce-js .woocommerce-ordering{margin:0 0 1.5em}.woocommerce-js .woocommerce-ordering select{vertical-align:top}.woocommerce-js nav.woocommerce-pagination{text-align:right}.woocommerce-js nav.woocommerce-pagination ul{display:inline-block;text-align:center;white-space:normal;padding:0;clear:both;border:0;margin:1px}.woocommerce-js nav.woocommerce-pagination ul li{margin:0 0 5px 5px;border:1px solid var(--ast-border-color);padding:0;float:right;display:inline;overflow:hidden}.woocommerce-js nav.woocommerce-pagination ul li a,.woocommerce-js nav.woocommerce-pagination ul li span{margin:0;text-decoration:none;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.75em;display:block;min-width:2.5em}.woocommerce-js nav.woocommerce-pagination ul li a:focus,.woocommerce-js nav.woocommerce-pagination ul li a:hover,.woocommerce-js nav.woocommerce-pagination ul li span.current{background:#ebe9eb;color:#8a7e88}.woocommerce-js #respond input#submit,.woocommerce-js a.button,.woocommerce-js button.button,.woocommerce-js input.button{margin:0;position:relative;overflow:visible;right:auto;display:inline-block;background-image:none;box-shadow:none;text-shadow:none}.woocommerce-js #respond input#submit.loading,.woocommerce-js a.button.loading,.woocommerce-js button.button.loading,.woocommerce-js input.button.loading{opacity:.25}.woocommerce-js #respond input#submit.loading::after,.woocommerce-js a.button.loading::after,.woocommerce-js button.button.loading::after,.woocommerce-js input.button.loading::after{display:inline-block;content:"";position:relative;top:0;left:-.5em;right:auto;width:.8em;height:.8em;background-color:var(--ast-global-color-primary,var(--ast-global-color-5));background-image:none;border-radius:100%;animation:dotPulse .65s 0s infinite cubic-bezier(.21,.53,.56,.8)}.woocommerce-js #respond input#submit.added::after,.woocommerce-js a.button.added::after,.woocommerce-js button.button.added::after,.woocommerce-js input.button.added::after{font-family:WooCommerce;content:'\e017';margin-right:.53em;vertical-align:bottom}.woocommerce-js #respond input#submit.alt.disabled,.woocommerce-js #respond input#submit.alt.disabled:hover,.woocommerce-js #respond input#submit.alt:disabled,.woocommerce-js #respond input#submit.alt:disabled:hover,.woocommerce-js #respond input#submit.alt:disabled[disabled],.woocommerce-js #respond input#submit.alt:disabled[disabled]:hover,.woocommerce-js a.button.alt.disabled,.woocommerce-js a.button.alt.disabled:hover,.woocommerce-js a.button.alt:disabled,.woocommerce-js a.button.alt:disabled:hover,.woocommerce-js a.button.alt:disabled[disabled],.woocommerce-js a.button.alt:disabled[disabled]:hover,.woocommerce-js button.button.alt.disabled,.woocommerce-js button.button.alt.disabled:hover,.woocommerce-js button.button.alt:disabled,.woocommerce-js button.button.alt:disabled:hover,.woocommerce-js button.button.alt:disabled[disabled],.woocommerce-js button.button.alt:disabled[disabled]:hover,.woocommerce-js input.button.alt.disabled,.woocommerce-js input.button.alt.disabled:hover,.woocommerce-js input.button.alt:disabled,.woocommerce-js input.button.alt:disabled:hover,.woocommerce-js input.button.alt:disabled[disabled],.woocommerce-js input.button.alt:disabled[disabled]:hover{background-color:var(--ast-global-color-1);color:#fff}.woocommerce-js #respond input#submit.disabled,.woocommerce-js #respond input#submit:disabled,.woocommerce-js #respond input#submit:disabled[disabled],.woocommerce-js a.button.disabled,.woocommerce-js a.button:disabled,.woocommerce-js a.button:disabled[disabled],.woocommerce-js button.button.disabled,.woocommerce-js button.button:disabled,.woocommerce-js button.button:disabled[disabled],.woocommerce-js input.button.disabled,.woocommerce-js input.button:disabled,.woocommerce-js input.button:disabled[disabled]{cursor:not-allowed;opacity:.5;padding:.618em 1em}.woocommerce-js #respond input#submit.disabled:hover,.woocommerce-js #respond input#submit:disabled:hover,.woocommerce-js #respond input#submit:disabled[disabled]:hover,.woocommerce-js a.button.disabled:hover,.woocommerce-js a.button:disabled:hover,.woocommerce-js a.button:disabled[disabled]:hover,.woocommerce-js button.button.disabled:hover,.woocommerce-js button.button:disabled:hover,.woocommerce-js button.button:disabled[disabled]:hover,.woocommerce-js input.button.disabled:hover,.woocommerce-js input.button:disabled:hover,.woocommerce-js input.button:disabled[disabled]:hover{color:var(--ast-global-color-4);background-color:var(--ast-global-color-1)}.woocommerce-js .cart .button,.woocommerce-js .cart input.button{float:none}.woocommerce-js #reviews .woocommerce-Reviews-title{display:none}.woocommerce-js #reviews h2{font-weight:400}.woocommerce-js #reviews h2 small{float:left;color:#777;font-size:15px;margin:10px 0 0}.woocommerce-js #reviews h2 small a{text-decoration:none;color:#777}.woocommerce-js #reviews h3{margin:0}.woocommerce-js #reviews #respond{margin:0;border:0;padding:0}.woocommerce-js #reviews #comment{height:75px}.woocommerce-js #reviews #comments .add_review{zoom:1}.woocommerce-js #reviews #comments .add_review::after,.woocommerce-js #reviews #comments .add_review::before{content:' ';display:table}.woocommerce-js #reviews #comments .add_review::after{clear:both}.woocommerce-js #reviews #comments h2{clear:none}.woocommerce-js #reviews #comments ol.commentlist{zoom:1;margin:0;width:100%;background:0 0;list-style:none}.woocommerce-js #reviews #comments ol.commentlist::after,.woocommerce-js #reviews #comments ol.commentlist::before{content:' ';display:table}.woocommerce-js #reviews #comments ol.commentlist::after{clear:both}.woocommerce-js #reviews #comments ol.commentlist li{padding:0;margin:0 0 2em;border:0;position:relative;background:100%;border:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-js #reviews #comments ol.commentlist li:last-child{border-bottom:0}.woocommerce-js #reviews #comments ol.commentlist li .meta{color:#777;font-size:.75em}.woocommerce-js #reviews #comments ol.commentlist li img.avatar{float:right;position:absolute;top:0;right:0;padding:3px;height:3.6em;width:3.6em;border:none;background:0 0;margin:0;border-radius:100%;box-shadow:none}.woocommerce-js #reviews #comments ol.commentlist li .comment-text{margin:0 50px 0 0;border:none;border-radius:4px;padding:0 1.5em;zoom:1;display:flex;flex-wrap:wrap}.woocommerce-js #reviews #comments ol.commentlist li .comment-text::after,.woocommerce-js #reviews #comments ol.commentlist li .comment-text::before{content:' ';display:table}.woocommerce-js #reviews #comments ol.commentlist li .comment-text::after{clear:both}.woocommerce-js #reviews #comments ol.commentlist li .comment-text p{margin:0 0 1.7em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta{order:1;width:100%;font-size:1.2em;margin-bottom:.4em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__author,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{font-weight:500}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__dash,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash{display:none}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__published-date,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date{padding-right:.5em;font-size:.73em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text .description{font-style:normal;order:3;width:100%}.woocommerce-js #reviews #comments ol.commentlist li .comment-text .star-rating{order:2;margin-bottom:1em}.woocommerce-js #reviews #comments ol.commentlist ul.children{list-style:none outside;margin:20px 50px 0 0}.woocommerce-js #reviews #comments ol.commentlist ul.children .star-rating{display:none}.woocommerce-js #reviews #comments ol.commentlist #respond{border:1px solid #e4e1e3;border-radius:4px;padding:1em 1em 0;margin:20px 50px 0 0}.woocommerce-js #reviews #comments .commentlist>li::before{content:''}.woocommerce-js #reviews #review_form{border:1px solid var(--ast-border-color);padding:1.67em}.woocommerce-js #reviews #review_form #respond p{margin:2px 0 6px}.woocommerce-js #reviews #review_form #respond p.form-submit{margin-top:1em}.woocommerce-js #reviews #review_form #respond p.comment-form-author,.woocommerce-js #reviews #review_form #respond p.comment-form-email{margin-bottom:1em}.woocommerce-js #reviews #review_form #respond p.comment-form-author label,.woocommerce-js #reviews #review_form #respond p.comment-form-email label{display:inline-block;min-width:100px}.woocommerce-js #reviews #review_form #respond p.comment-form-author input,.woocommerce-js #reviews #review_form #respond p.comment-form-email input{width:100%}.woocommerce-js #reviews #review_form #respond #comment{height:90px}.woocommerce-js #reviews #review_form #respond .stars{margin:0}.woocommerce-js #reviews #review_form input{max-width:100%}.woocommerce-js #reviews .comment-form-rating{display:flex;vertical-align:middle;margin:15px 0}.woocommerce-js #reviews .comment-form-rating .stars{margin-bottom:0}.woocommerce-js #reviews .comment-form-rating .stars a{position:relative;top:8px;height:1.2em;width:1.2em}.woocommerce-js #reviews .comment-form-rating .stars a:before{width:1.2em;height:1.2em;font-size:1.2em}.woocommerce-js #reviews .comment-form-comment label,.woocommerce-js #reviews .comment-form-rating label{font-size:1.2em;font-weight:500;padding-left:.5em}.woocommerce-js .star-rating{float:left;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star,serif}.woocommerce-js .star-rating::before{content:'\73\73\73\73\73';color:#d3ced2;float:right;top:0;right:0;position:absolute}.woocommerce-js .star-rating span{overflow:hidden;float:right;top:0;right:0;position:absolute;padding-top:1.5em}.woocommerce-js .star-rating span::before{content:'\53\53\53\53\53';top:0;position:absolute;right:0}.woocommerce-js .woocommerce-product-rating{zoom:1;line-height:2;display:block}.woocommerce-js .woocommerce-product-rating::after,.woocommerce-js .woocommerce-product-rating::before{content:' ';display:table}.woocommerce-js .woocommerce-product-rating::after{clear:both}.woocommerce-js .woocommerce-product-rating .star-rating{margin:.5em 0 0 4px;float:right}.woocommerce-js .products .star-rating{display:block;margin:.5em auto 0;float:none}.woocommerce-js .hreview-aggregate .star-rating{margin:10px 0 0}.woocommerce-js #review_form #respond{zoom:1;position:static;margin:0;width:auto;background:transparent none}.woocommerce-js #review_form #respond::after,.woocommerce-js #review_form #respond::before{content:' ';display:table}.woocommerce-js #review_form #respond::after{clear:both}.woocommerce-js #review_form #respond .form-submit input{right:auto}.woocommerce-js #review_form #respond textarea{box-sizing:border-box;width:100%}.woocommerce-js p.stars a{position:relative;height:1em;width:1em;text-indent:-999em;display:inline-block;text-decoration:none}.woocommerce-js p.stars a::before{display:block;position:absolute;top:0;right:0;width:1em;height:1em;line-height:1;font-family:WooCommerce;content:'\e021';text-indent:0}.woocommerce-js p.stars a:hover~a::before{content:'\e021'}.woocommerce-js p.stars:hover a::before{content:'\e020'}.woocommerce-js p.stars.selected a.active::before{content:'\e020'}.woocommerce-js p.stars.selected a.active~a::before{content:'\e021'}.woocommerce-js p.stars.selected a:not(.active)::before{content:'\e020'}.woocommerce-js table.shop_attributes{border:0;border-top:1px solid var(--ast-border-color);margin-bottom:1.618em;width:100%}.woocommerce-js table.shop_attributes th{width:150px;font-weight:500;border-top:0;border-bottom:1px dotted var(--ast-border-color);margin:0;line-height:1.5;text-align:right}.woocommerce-js table.shop_attributes td{font-style:italic;padding:0;border-top:0;border-bottom:1px dotted var(--ast-border-color);margin:0;line-height:1.5;text-align:right}.woocommerce-js table.shop_attributes td p{margin:0;padding:8px 0}.woocommerce-js table.shop_table{border:1px solid var(--ast-border-color);margin:0 0 24px -1px;text-align:right;width:100%;border-collapse:separate;border-radius:5px}.woocommerce-js table.shop_table th{font-weight:700;padding:9px 12px}.woocommerce-js table.shop_table td{border-top:1px solid var(--ast-border-color);padding:6px 12px;vertical-align:middle}.woocommerce-js table.shop_table td small{font-weight:400}.woocommerce-js table.shop_table tbody:first-child tr:first-child td,.woocommerce-js table.shop_table tbody:first-child tr:first-child th{border-top:0}.woocommerce-js table.shop_table tbody th,.woocommerce-js table.shop_table tfoot td,.woocommerce-js table.shop_table tfoot th{font-weight:500;border-top:1px solid var(--ast-border-color)}.woocommerce-js #customer_details,.woocommerce-js .woocommerce table.shop_table{margin-bottom:2em;border-radius:0}.woocommerce-js table.my_account_orders{font-size:.85em}.woocommerce-js table.my_account_orders td,.woocommerce-js table.my_account_orders th{padding:4px 8px;vertical-align:middle}.woocommerce-js table.my_account_orders .button{white-space:nowrap}.woocommerce-js table.my_account_orders .order-actions{text-align:left}.woocommerce-js table.my_account_orders .order-actions .button{margin:.125em .25em .125em 0}.woocommerce-js table.woocommerce-MyAccount-downloads td,.woocommerce-js table.woocommerce-MyAccount-downloads th{vertical-align:top;text-align:center}.woocommerce-js table.woocommerce-MyAccount-downloads td:first-child,.woocommerce-js table.woocommerce-MyAccount-downloads th:first-child{text-align:right}.woocommerce-js table.woocommerce-MyAccount-downloads td:last-child,.woocommerce-js table.woocommerce-MyAccount-downloads th:last-child{text-align:right}.woocommerce-js table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before,.woocommerce-js table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before{content:'\2193';display:inline-block}.woocommerce-js td.product-name .wc-item-meta,.woocommerce-js td.product-name dl.variation{list-style:none outside;word-wrap:normal;width:100%}.woocommerce-js td.product-name .wc-item-meta .wc-item-meta-label,.woocommerce-js td.product-name .wc-item-meta dt,.woocommerce-js td.product-name dl.variation .wc-item-meta-label,.woocommerce-js td.product-name dl.variation dt{float:right;clear:both;margin-left:.25em;display:inline-block;list-style:none outside;font-weight:500}.woocommerce-js td.product-name .wc-item-meta dd,.woocommerce-js td.product-name dl.variation dd{margin:0}.woocommerce-js td.product-name .wc-item-meta dd p,.woocommerce-js td.product-name dl.variation dd p{font-weight:400}.woocommerce-js td.product-name .wc-item-meta p,.woocommerce-js td.product-name .wc-item-meta:last-child,.woocommerce-js td.product-name dl.variation p,.woocommerce-js td.product-name dl.variation:last-child{margin-bottom:0}.woocommerce-js td.product-name p.backorder_notification{font-size:.83em}.woocommerce-js td.product-quantity{min-width:80px}.woocommerce-js ul.cart_list,.woocommerce-js ul.product_list_widget{list-style:none outside;padding:0;margin:0}.woocommerce-js ul.cart_list li,.woocommerce-js ul.product_list_widget li{padding:4px 0;margin:0;zoom:1;list-style:none}.woocommerce-js ul.cart_list li::after,.woocommerce-js ul.cart_list li::before,.woocommerce-js ul.product_list_widget li::after,.woocommerce-js ul.product_list_widget li::before{content:' ';display:table}.woocommerce-js ul.cart_list li::after,.woocommerce-js ul.product_list_widget li::after{clear:both}.woocommerce-js ul.cart_list li a,.woocommerce-js ul.product_list_widget li a{display:block;font-weight:700}.woocommerce-js ul.cart_list li img,.woocommerce-js ul.product_list_widget li img{float:left;margin-right:4px;width:32px;height:auto;box-shadow:none}.woocommerce-js ul.cart_list li dl,.woocommerce-js ul.product_list_widget li dl{margin:0;padding-right:1em;border-right:2px solid var(--ast-border-color);zoom:1}.woocommerce-js ul.cart_list li dl::after,.woocommerce-js ul.cart_list li dl::before,.woocommerce-js ul.product_list_widget li dl::after,.woocommerce-js ul.product_list_widget li dl::before{content:' ';display:table}.woocommerce-js ul.cart_list li dl::after,.woocommerce-js ul.product_list_widget li dl::after{clear:both}.woocommerce-js ul.cart_list li dl dd,.woocommerce-js ul.cart_list li dl dt,.woocommerce-js ul.product_list_widget li dl dd,.woocommerce-js ul.product_list_widget li dl dt{display:inline-block;float:right;margin-bottom:.1em}.woocommerce-js ul.cart_list li dl dt,.woocommerce-js ul.product_list_widget li dl dt{font-weight:500;padding:0 0 .25em;margin:0 0 0 4px;clear:right}.woocommerce-js ul.cart_list li dl dd,.woocommerce-js ul.product_list_widget li dl dd{padding:0 0 .25em}.woocommerce-js ul.cart_list li dl dd p:last-child,.woocommerce-js ul.product_list_widget li dl dd p:last-child{margin-bottom:0}.woocommerce-js ul.cart_list li .star-rating,.woocommerce-js ul.product_list_widget li .star-rating{float:none}.woocommerce-js .widget_shopping_cart .total strong,.woocommerce-js.widget_shopping_cart .total strong{min-width:40px;display:inline-block;color:var(--ast-global-color-2)}.woocommerce-js .widget_shopping_cart .buttons,.woocommerce-js.widget_shopping_cart .buttons{zoom:1}.woocommerce-js .widget_shopping_cart .buttons::after,.woocommerce-js .widget_shopping_cart .buttons::before,.woocommerce-js.widget_shopping_cart .buttons::after,.woocommerce-js.widget_shopping_cart .buttons::before{content:' ';display:table}.woocommerce-js .widget_shopping_cart .buttons::after,.woocommerce-js.widget_shopping_cart .buttons::after{clear:both}.woocommerce-js .widget_shopping_cart .buttons a,.woocommerce-js.widget_shopping_cart .buttons a{margin-left:5px;margin-bottom:5px}.woocommerce-js form .form-row{padding:3px;margin:0 0 6px}.woocommerce-js form .form-row.place-order .input-checkbox{cursor:pointer}.woocommerce-js form .form-row [placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}.woocommerce-js form .form-row label{line-height:2;font-weight:700;font-size:13.5px;font-size:.9rem}.woocommerce-js form .form-row label.hidden{visibility:hidden}.woocommerce-js form .form-row label.inline{display:inline}.woocommerce-js form .form-row select{cursor:pointer;margin:0}.woocommerce-js form .form-row .required{color:red;font-weight:700;border:0}.woocommerce-js form .form-row .input-checkbox{display:inline;margin:-2px 0 0 8px;text-align:center;vertical-align:middle}.woocommerce-js form .form-row input.input-text,.woocommerce-js form .form-row textarea{box-sizing:border-box;width:100%;margin:0;outline:0;line-height:1}.woocommerce-js form .form-row textarea{height:4em;line-height:1.5;display:block;box-shadow:none}.woocommerce-js form .form-row .select2-container{width:100%;line-height:2em}.woocommerce-js form .form-row.woocommerce-invalid .select2-container,.woocommerce-js form .form-row.woocommerce-invalid input.input-text,.woocommerce-js form .form-row.woocommerce-invalid select{border-color:#d65d67}.woocommerce-js form .form-row.woocommerce-validated .select2-container,.woocommerce-js form .form-row.woocommerce-validated input.input-text,.woocommerce-js form .form-row.woocommerce-validated select{border-color:#69bf29}.woocommerce-js form .form-row ::-webkit-input-placeholder{line-height:normal}.woocommerce-js form .form-row :-moz-placeholder{line-height:normal}.woocommerce-js form .form-row :-ms-input-placeholder{line-height:normal}.woocommerce-js ul#shipping_method{list-style:none outside;margin:0;padding:0}.woocommerce-js ul#shipping_method li input{margin:3px .5ex}.woocommerce-js ul#shipping_method li label{display:inline}.woocommerce-js ul#shipping_method .amount{font-weight:700}.woocommerce-js p.woocommerce-shipping-contents{margin:0}.woocommerce-js ul.order_details{zoom:1;margin:0 0 3em;list-style:none}.woocommerce-js ul.order_details::after,.woocommerce-js ul.order_details::before{content:' ';display:table}.woocommerce-js ul.order_details::after{clear:both}.woocommerce-js ul.order_details li{float:right;margin-left:2em;text-transform:uppercase;font-size:.715em;line-height:1;border-left:1px dashed var(--ast-border-color);padding-left:2em;margin-right:0;padding-right:0;list-style-type:none}.woocommerce-js ul.order_details li strong{display:block;font-size:1.4em;text-transform:none;line-height:1.5}.woocommerce-js ul.order_details li:last-of-type{border:none}.woocommerce-js .wc-bacs-bank-details-account-name{font-weight:700}.woocommerce-js .woocommerce-customer-details,.woocommerce-js .woocommerce-order-details,.woocommerce-js .woocommerce-order-downloads{margin-bottom:2em}.woocommerce-js .woocommerce-customer-details :last-child,.woocommerce-js .woocommerce-order-details :last-child,.woocommerce-js .woocommerce-order-downloads :last-child{margin-bottom:0}.woocommerce-js .woocommerce-customer-details address{font-style:normal;margin-bottom:0;border:1px solid var(--ast-border-color);border-bottom-width:2px;border-left-width:2px;text-align:right;width:100%;border-radius:5px;padding:6px 12px}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email,.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--phone{margin-bottom:0;padding-right:1.5em}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--phone::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;margin-right:-1.5em;line-height:1.75;position:absolute}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;margin-right:-1.5em;line-height:1.75;position:absolute}.woocommerce-js .woocommerce-widget-layered-nav-list{margin:0;padding:0;border:0;list-style:none outside}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{zoom:1;padding:0 0 1px;list-style:none}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after,.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before{content:' ';display:table}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after{clear:both}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{padding:1px 0}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .woocommerce-widget-layered-nav-dropdown__submit{margin-top:1em}.woocommerce-js .widget_layered_nav_filters ul{margin:0;padding:0;border:0;list-style:none outside;overflow:hidden;zoom:1}.woocommerce-js .widget_layered_nav_filters ul li{float:right;padding:0 0 1px 1px;list-style:none}.woocommerce-js .widget_layered_nav_filters ul li a{text-decoration:none}.woocommerce-js .widget_layered_nav_filters ul li a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .widget_product_categories .product-categories .count{float:left}.woocommerce-js .widget_price_filter .price_slider{margin-bottom:1em}.woocommerce-js .widget_price_filter .price_slider_amount{text-align:left;line-height:2.4;font-size:.8751em}.woocommerce-js .widget_price_filter .price_slider_amount .button{font-size:1.15em;float:right}.woocommerce-js .widget_price_filter .ui-slider{position:relative;text-align:right;margin-right:.5em;margin-left:.5em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1em;height:1em;background-color:#a46497;border-radius:1em;cursor:ew-resize;outline:0;top:-.3em;margin-left:-.5em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;border-radius:1em;background-color:#a46497}.woocommerce-js .widget_price_filter .price_slider_wrapper .ui-widget-content{border-radius:1em;background-color:#602053;border:0}.woocommerce-js .widget_price_filter .ui-slider-horizontal{height:.5em}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range-min{right:-1px}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range-max{left:-1px}.woocommerce-js .widget_rating_filter ul{margin:0;padding:0;border:0;list-style:none outside}.woocommerce-js .widget_rating_filter ul li{zoom:1;padding:0 0 1px;list-style:none}.woocommerce-js .widget_rating_filter ul li::after,.woocommerce-js .widget_rating_filter ul li::before{content:' ';display:table}.woocommerce-js .widget_rating_filter ul li::after{clear:both}.woocommerce-js .widget_rating_filter ul li a{padding:1px 0;text-decoration:none}.woocommerce-js .widget_rating_filter ul li .star-rating{float:none;display:inline-block}.woocommerce-js .widget_rating_filter ul li.chosen a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .show-on-hover{position:absolute;top:0;right:0;height:100%;left:0;bottom:0;padding:0;margin:0;opacity:0;filter:blur(0);transition:all .2s linear}.woocommerce-js li.product:hover .show-on-hover{opacity:1;transform:scale(1) translateZ(0) translateY(0);pointer-events:inherit}.woocommerce-js .ast-return-to-shop{display:inline-block;margin:5px 0;vertical-align:middle}.woocommerce-js .comment-reply-title{font-size:1.34rem;line-height:1.3;font-weight:500}.woocommerce-js .select2-container .select2-selection--single{height:auto;padding:.75em}.woocommerce-js .select2-container .select2-selection--single .select2-selection__rendered{padding-right:0}.woocommerce-js .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.35}.woocommerce-js .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;width:1.7em;transform:translateY(-50%)}.woocommerce-js .select2-results__option,.woocommerce-js .select2-search--dropdown .select2-search__field{padding:6px .75em}.woocommerce-js .variations th{text-align:right}.woocommerce-js.single-product a.added_to_cart{padding:.4em .4em 0;display:inline-block}.woocommerce a.added_to_cart{display:none}.woocommerce .widget_product_search button,.woocommerce-page .widget_product_search button{flex:0 0 auto;padding:10px 20px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{text-align:right;margin-bottom:2.5em}.woocommerce ul.products li.product.product-category>a,.woocommerce-page ul.products li.product.product-category>a{display:inline-block;position:relative}.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img{margin-bottom:.8em}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce-page ul.products li.product .woocommerce-loop-product__title{margin-bottom:.5em;padding:0;font-size:1em}.woocommerce ul.products li.product .ast-woo-product-category,.woocommerce-page ul.products li.product .ast-woo-product-category{font-size:.85em;margin-bottom:.5em;display:block;line-height:1.3;opacity:.6}.woocommerce ul.products li.product .star-rating,.woocommerce-page ul.products li.product .star-rating{margin:0 0 .5em auto;backface-visibility:hidden}.woocommerce ul.products li.product .ast-woo-shop-product-description p,.woocommerce-page ul.products li.product .ast-woo-shop-product-description p{margin-bottom:.5em}.woocommerce ul.products li.product .woocommerce-loop-product__link,.woocommerce-page ul.products li.product .woocommerce-loop-product__link{position:relative;display:block}.woocommerce ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock{background-color:#fff}.woocommerce ul.products li.product.product-category>a:hover .woocommerce-loop-category__title,.woocommerce-page ul.products li.product.product-category>a:hover .woocommerce-loop-category__title{background-color:#fff}.woocommerce ul.products li.product .ast-shop-product-out-of-stock,.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{position:absolute;background-color:rgba(255,255,255,.88);transition:background .3s;text-align:center;right:1em;left:1em;padding:.5em 0 .7em}.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{bottom:1.8em;font-size:.9em}.woocommerce ul.products li.product .woocommerce-loop-category__title .count,.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count{font-size:.7em}.woocommerce ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock{bottom:1em;text-transform:uppercase;font-weight:700}.woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9em}.woocommerce ul.products li.product .price del,.woocommerce-page ul.products li.product .price del{display:initial}.woocommerce ul.products li.product .button,.woocommerce-page ul.products li.product .button{margin-top:.5em;margin-bottom:.5em;white-space:normal}.woocommerce ul.products li.product .button.added,.woocommerce-page ul.products li.product .button.added{margin-bottom:0;transition:margin 0s}.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{text-transform:uppercase;font-weight:700;line-height:1.5}.woocommerce ul.products li.product .woocommerce-loop-category__title .count,.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count{display:block;background:0 0;opacity:.5;font-size:.75em}.woocommerce .related.products li.product:last-child,.woocommerce-page .related.products li.product:last-child{margin-left:0}.woocommerce table.shop_table,.woocommerce-page table.shop_table{border:1px solid var(--ast-border-color);border-radius:0}.woocommerce table.shop_table .product-thumbnail img,.woocommerce-page table.shop_table .product-thumbnail img{width:auto;max-width:70px}.woocommerce table.shop_table thead,.woocommerce-page table.shop_table thead{background-color:#fbfbfb}.woocommerce table.shop_table thead th,.woocommerce-page table.shop_table thead th{border-width:0}.woocommerce table.shop_table td,.woocommerce table.shop_table th,.woocommerce-page table.shop_table td,.woocommerce-page table.shop_table th{border-bottom-width:0;padding:.7em 1em}.woocommerce table.shop_table td,.woocommerce-page table.shop_table td{border-top:1px solid var(--ast-border-color)}.woocommerce table.shop_table td.download-file,.woocommerce table.shop_table td.woocommerce-orders-table__cell-order-actions,.woocommerce-page table.shop_table td.download-file,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions{display:block}.woocommerce table.shop_table td.download-file a,.woocommerce table.shop_table td.woocommerce-orders-table__cell-order-actions a,.woocommerce-page table.shop_table td.download-file a,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions a{margin-left:.5em;margin-top:.25em;margin-bottom:.25em}.woocommerce table.shop_table td.download-file a:last-child,.woocommerce table.shop_table td.woocommerce-orders-table__cell-order-actions a:last-child,.woocommerce-page table.shop_table td.download-file a:last-child,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions a:last-child{margin-left:0}.woocommerce table.shop_table .woocommerce-Price-amount,.woocommerce-page table.shop_table .woocommerce-Price-amount{font-weight:400}.woocommerce #content table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text{width:auto}.woocommerce #content table.cart td,.woocommerce-page #content table.cart td{min-height:3.25em}.woocommerce #content table.cart [name=coupon_code],.woocommerce-page #content table.cart [name=coupon_code]{max-height:35px}.woocommerce #content table.cart .button,.woocommerce-page #content table.cart .button{display:inline-block;width:auto}.ast-separate-container .ast-woocommerce-container{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-woocommerce-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-woocommerce-container{padding:1.5em 2.14em}}@media (min-width:1201px){.ast-separate-container .ast-woocommerce-container{padding:5.34em 6.67em}}.ast-separate-container .ast-woocommerce-container .product{border-bottom:0}.ast-separate-container.single-product .ast-article-single{margin:0;padding:0;display:inline-block;width:100%}.pswp{z-index:999999}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}.woocommerce .pswp__caption__center,.woocommerce-page .pswp__caption__center{text-align:center}.woocommerce .pswp__bg,.woocommerce-page .pswp__bg{opacity:.7!important}.woocommerce .pswp__ui--fit .pswp__caption,.woocommerce .pswp__ui--fit .pswp__top-bar,.woocommerce-page .pswp__ui--fit .pswp__caption,.woocommerce-page .pswp__ui--fit .pswp__top-bar{background-color:transparent}.woocommerce form .form-row textarea,.woocommerce input[type=email],.woocommerce input[type=number],.woocommerce input[type=password],.woocommerce input[type=reset],.woocommerce input[type=search],.woocommerce input[type=tel],.woocommerce input[type=text],.woocommerce input[type=url],.woocommerce textarea,.woocommerce-page form .form-row textarea,.woocommerce-page input[type=email],.woocommerce-page input[type=number],.woocommerce-page input[type=password],.woocommerce-page input[type=reset],.woocommerce-page input[type=search],.woocommerce-page input[type=tel],.woocommerce-page input[type=text],.woocommerce-page input[type=url],.woocommerce-page textarea{border-color:var(--ast-border-color);background-color:#fff;box-shadow:none;border-radius:0}.woocommerce form .form-row textarea:focus,.woocommerce input[type=email]:focus,.woocommerce input[type=number]:focus,.woocommerce input[type=password]:focus,.woocommerce input[type=reset]:focus,.woocommerce input[type=search]:focus,.woocommerce input[type=tel]:focus,.woocommerce input[type=text]:focus,.woocommerce input[type=url]:focus,.woocommerce textarea:focus,.woocommerce-page form .form-row textarea:focus,.woocommerce-page input[type=email]:focus,.woocommerce-page input[type=number]:focus,.woocommerce-page input[type=password]:focus,.woocommerce-page input[type=reset]:focus,.woocommerce-page input[type=search]:focus,.woocommerce-page input[type=tel]:focus,.woocommerce-page input[type=text]:focus,.woocommerce-page input[type=url]:focus,.woocommerce-page textarea:focus{box-shadow:none;border-color:var(--ast-border-color)}.woocommerce .select2-container .select2-dropdown,.woocommerce-page .select2-container .select2-dropdown{border:1px solid var(--ast-border-color);z-index:98}.woocommerce .select2-container .select2-selection--single,.woocommerce select,.woocommerce-page .select2-container .select2-selection--single,.woocommerce-page select{padding:.5em .8em;line-height:normal;padding-left:2em;appearance:none;background-position:2% 50%;background-color:var(--ast-global-dark-bg-style,#fff);border-color:var(--ast-border-color);border-radius:3px;box-shadow:none}.woocommerce .select2-container .select2-selection--single:focus,.woocommerce select:focus,.woocommerce-page .select2-container .select2-selection--single:focus,.woocommerce-page select:focus{outline:0}.woocommerce .select2-container .select2-selection--single b,.woocommerce select b,.woocommerce-page .select2-container .select2-selection--single b,.woocommerce-page select b{display:none}.woocommerce .woocommerce-ordering select,.woocommerce-page .woocommerce-ordering select{background-color:transparent;border:transparent;border-radius:0}button.pswp__button{box-shadow:none!important;background-image:url("../../../../../../../plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png")!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:100% -44px}button.pswp__button--zoom:hover{background-position:-88px 0}.woocommerce-error,.woocommerce-info,.woocommerce-message{padding:1em 3.5em 1em 2em;margin:0 0 2em;position:relative;background-color:#f7f6f7;color:#515151;border-top:3px solid #a46497;list-style:none outside;zoom:1;width:auto;word-wrap:break-word}.woocommerce-error::after,.woocommerce-error::before,.woocommerce-info::after,.woocommerce-info::before,.woocommerce-message::after,.woocommerce-message::before{content:' ';display:table}.woocommerce-error::after,.woocommerce-info::after,.woocommerce-message::after{clear:both}.woocommerce-error::before,.woocommerce-info::before,.woocommerce-message::before{font-family:WooCommerce;content:'\e028';display:inline-block;position:absolute;top:1em;right:1.5em}.woocommerce-error .button,.woocommerce-info .button,.woocommerce-message .button{float:left}.woocommerce-error li,.woocommerce-info li,.woocommerce-message li{list-style:none outside!important;padding-right:0!important;margin-right:0!important}.woocommerce-message{border-top-color:#8fae1b}.woocommerce-message::before{content:'\e015';color:#8fae1b}.woocommerce-info{border-top-color:#1e85be}.woocommerce-info::before{color:#1e85be}.woocommerce-error{border-top-color:#b81c23}.woocommerce-error::before{content:'\e016';color:#b81c23}.woocommerce .woocommerce,.woocommerce-account .woocommerce{zoom:1}.woocommerce .woocommerce::after,.woocommerce .woocommerce::before,.woocommerce-account .woocommerce::after,.woocommerce-account .woocommerce::before{content:' ';display:table}.woocommerce .woocommerce::after,.woocommerce-account .woocommerce::after{clear:both}.woocommerce .addresses .title,.woocommerce-account .addresses .title{zoom:1}.woocommerce .addresses .title::after,.woocommerce .addresses .title::before,.woocommerce-account .addresses .title::after,.woocommerce-account .addresses .title::before{content:' ';display:table}.woocommerce .addresses .title::after,.woocommerce-account .addresses .title::after{clear:both}.woocommerce .addresses .title h3,.woocommerce-account .addresses .title h3{float:right}.woocommerce .addresses .title .edit,.woocommerce-account .addresses .title .edit{float:left;padding:.7em 1em}.woocommerce ol.commentlist.notes li.note p.meta,.woocommerce-account ol.commentlist.notes li.note p.meta{font-weight:700;margin-bottom:0}.woocommerce ol.commentlist.notes li.note .description p:last-child,.woocommerce-account ol.commentlist.notes li.note .description p:last-child{margin-bottom:0}.woocommerce ul.digital-downloads,.woocommerce-account ul.digital-downloads{margin-right:0;padding-right:0}.woocommerce ul.digital-downloads li,.woocommerce-account ul.digital-downloads li{list-style:none;margin-right:0;padding-right:0}.woocommerce ul.digital-downloads li::before,.woocommerce-account ul.digital-downloads li::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none}.woocommerce ul.digital-downloads li .count,.woocommerce-account ul.digital-downloads li .count{float:left}.woocommerce .woocommerce-Addresses .woocommerce-Address-title,.woocommerce .woocommerce-Addresses .woocommerce-column__title,.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title,.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title,.woocommerce .woocommerce-customer-details .woocommerce-Address-title,.woocommerce .woocommerce-customer-details .woocommerce-column__title,.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title,.woocommerce-account .woocommerce-Addresses .woocommerce-column__title,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title,.woocommerce-account .woocommerce-customer-details .woocommerce-column__title{background:#fbfbfb;padding:.5em;margin-bottom:0;border-width:1px 1px 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce .woocommerce-Addresses .woocommerce-Address-title h3,.woocommerce .woocommerce-Addresses .woocommerce-column__title h3,.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3,.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title h3,.woocommerce .woocommerce-customer-details .woocommerce-Address-title h3,.woocommerce .woocommerce-customer-details .woocommerce-column__title h3,.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3,.woocommerce-account .woocommerce-Addresses .woocommerce-column__title h3,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title h3,.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title h3,.woocommerce-account .woocommerce-customer-details .woocommerce-column__title h3{margin-bottom:0}.woocommerce .woocommerce-Addresses address,.woocommerce .woocommerce-MyAccount-content address,.woocommerce .woocommerce-customer-details address,.woocommerce-account .woocommerce-Addresses address,.woocommerce-account .woocommerce-MyAccount-content address,.woocommerce-account .woocommerce-customer-details address{border:1px solid var(--ast-border-color);padding:1em;border-radius:0}#add_payment_method table.cart .product-thumbnail,.woocommerce-cart table.cart .product-thumbnail,.woocommerce-checkout table.cart .product-thumbnail{min-width:32px}#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img{width:32px;box-shadow:none}#add_payment_method table.cart td,#add_payment_method table.cart th,.woocommerce-cart table.cart td,.woocommerce-cart table.cart th,.woocommerce-checkout table.cart td,.woocommerce-checkout table.cart th{vertical-align:middle}#add_payment_method table.cart td.actions .coupon .input-text,.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce-checkout table.cart td.actions .coupon .input-text{float:right;box-sizing:border-box;border:1px solid var(--ast-border-color);padding:6px 6px 5px;margin:0 0 0 4px;outline:0;line-height:1}#add_payment_method table.cart input,.woocommerce-cart table.cart input,.woocommerce-checkout table.cart input{margin:0;vertical-align:middle;line-height:1}#add_payment_method .wc-proceed-to-checkout,.woocommerce-cart .wc-proceed-to-checkout,.woocommerce-checkout .wc-proceed-to-checkout{zoom:1;padding:1em 0}#add_payment_method .wc-proceed-to-checkout::after,#add_payment_method .wc-proceed-to-checkout::before,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::before,.woocommerce-checkout .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::before{content:' ';display:table}#add_payment_method .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::after{clear:both}#add_payment_method .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;margin-bottom:1em;font-size:1.25em;padding:1em}#add_payment_method .cart-collaterals .shipping_calculator .button,.woocommerce-cart .cart-collaterals .shipping_calculator .button,.woocommerce-checkout .cart-collaterals .shipping_calculator .button{width:100%;float:none;display:block}#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after,.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after,.woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none}#add_payment_method .cart-collaterals .cart_totals p small,.woocommerce-cart .cart-collaterals .cart_totals p small,.woocommerce-checkout .cart-collaterals .cart_totals p small{color:#777;font-size:.83em}#add_payment_method .cart-collaterals .cart_totals table,.woocommerce-cart .cart-collaterals .cart_totals table,.woocommerce-checkout .cart-collaterals .cart_totals table{border-collapse:separate;margin:0 0 6px;padding:0}#add_payment_method .cart-collaterals .cart_totals table tr:first-child td,#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th{border-top:0}#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table th{width:40%}#add_payment_method .cart-collaterals .cart_totals table td,#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table td,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table td,.woocommerce-checkout .cart-collaterals .cart_totals table th{vertical-align:top;border-right:0;border-left:0;line-height:1.5em}#add_payment_method .cart-collaterals .cart_totals table small,.woocommerce-cart .cart-collaterals .cart_totals table small,.woocommerce-checkout .cart-collaterals .cart_totals table small{color:#777}#add_payment_method .cart-collaterals .cart_totals table select,.woocommerce-cart .cart-collaterals .cart_totals table select,.woocommerce-checkout .cart-collaterals .cart_totals table select{width:100%}#add_payment_method .cart-collaterals .cart_totals .discount td,.woocommerce-cart .cart-collaterals .cart_totals .discount td,.woocommerce-checkout .cart-collaterals .cart_totals .discount td{color:#77a464}#add_payment_method .cart-collaterals .cart_totals tr td,#add_payment_method .cart-collaterals .cart_totals tr th,.woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-checkout .cart-collaterals .cart_totals tr td,.woocommerce-checkout .cart-collaterals .cart_totals tr th{border-top:1px solid var(--ast-border-color)}#add_payment_method .cart-collaterals .cross-sells ul.products li.product,.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product{margin-top:0}#add_payment_method .checkout .col-2 h3#ship-to-different-address,.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address{float:right;clear:none}#add_payment_method .checkout .col-2 .notes,.woocommerce-cart .checkout .col-2 .notes,.woocommerce-checkout .checkout .col-2 .notes{clear:right}#add_payment_method .checkout .col-2 .form-row-first,.woocommerce-cart .checkout .col-2 .form-row-first,.woocommerce-checkout .checkout .col-2 .form-row-first{clear:right}#add_payment_method .checkout .create-account small,.woocommerce-cart .checkout .create-account small,.woocommerce-checkout .checkout .create-account small{font-size:11px;color:#777;font-weight:400}#add_payment_method .checkout div.shipping-address,.woocommerce-cart .checkout div.shipping-address,.woocommerce-checkout .checkout div.shipping-address{padding:0;clear:right;width:100%}#add_payment_method .checkout .shipping_address,.woocommerce-cart .checkout .shipping_address,.woocommerce-checkout .checkout .shipping_address{clear:both}#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment{border-radius:5px}#add_payment_method #payment ul.payment_methods,.woocommerce-cart #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods{zoom:1;text-align:right;padding:1em;border-bottom:1px solid var(--ast-border-color);margin:0;list-style:none outside}#add_payment_method #payment ul.payment_methods::after,#add_payment_method #payment ul.payment_methods::before,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::before,.woocommerce-checkout #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::before{content:' ';display:table}#add_payment_method #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::after{clear:both}#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li{line-height:2;text-align:right;margin:0;font-weight:400}#add_payment_method #payment ul.payment_methods li input,.woocommerce-cart #payment ul.payment_methods li input,.woocommerce-checkout #payment ul.payment_methods li input{cursor:pointer;margin:0 0 0 1em}#add_payment_method #payment ul.payment_methods li img,.woocommerce-cart #payment ul.payment_methods li img,.woocommerce-checkout #payment ul.payment_methods li img{vertical-align:middle;margin:-2px .5em 0 0;padding:0;position:relative;box-shadow:none}#add_payment_method #payment ul.payment_methods li img+img,.woocommerce-cart #payment ul.payment_methods li img+img,.woocommerce-checkout #payment ul.payment_methods li img+img{margin-right:2px}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice),.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice),.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice){zoom:1}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before{content:' ';display:table}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after{clear:both}#add_payment_method #payment div.form-row,.woocommerce-cart #payment div.form-row,.woocommerce-checkout #payment div.form-row{padding:1em}#add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #payment div.payment_box{position:relative;box-sizing:border-box;width:100%;padding:1em;margin:1em 0;font-size:.92em;border-radius:2px;line-height:1.5;background-color:#dfdcde;color:#515151}#add_payment_method #payment div.payment_box input.input-text,#add_payment_method #payment div.payment_box textarea,.woocommerce-cart #payment div.payment_box input.input-text,.woocommerce-cart #payment div.payment_box textarea,.woocommerce-checkout #payment div.payment_box input.input-text,.woocommerce-checkout #payment div.payment_box textarea{border-color:#c7c1c6;border-top-color:#bbb3b9}#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box :-moz-placeholder,.woocommerce-cart #payment div.payment_box :-moz-placeholder,.woocommerce-checkout #payment div.payment_box :-moz-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box :-ms-input-placeholder,.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods{list-style:none outside;margin:0}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token{margin:0 0 .5em}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label{cursor:pointer}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput{vertical-align:middle;margin:-3px 0 0 1em;position:relative}#add_payment_method #payment div.payment_box .wc-credit-card-form,.woocommerce-cart #payment div.payment_box .wc-credit-card-form,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form{border:0;padding:0;margin:1em 0 0}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number{font-size:1.5em;padding:8px;background-repeat:no-repeat;background-position:left .618em center;background-size:32px 20px}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/visa.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/laser.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/diners.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/amex.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/discover.svg")}#add_payment_method #payment div.payment_box span.help,.woocommerce-cart #payment div.payment_box span.help,.woocommerce-checkout #payment div.payment_box span.help{font-size:.857em;color:#777;font-weight:400}#add_payment_method #payment div.payment_box .form-row,.woocommerce-cart #payment div.payment_box .form-row,.woocommerce-checkout #payment div.payment_box .form-row{margin:0 0 1em}#add_payment_method #payment div.payment_box p:last-child,.woocommerce-cart #payment div.payment_box p:last-child,.woocommerce-checkout #payment div.payment_box p:last-child{margin-bottom:0}#add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before{content:'';display:block;border:1em solid #dfdcde;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;position:absolute;top:-1em;right:0;margin:-1em 2em 0 0}#add_payment_method #payment .payment_method_paypal .about_paypal,.woocommerce-cart #payment .payment_method_paypal .about_paypal,.woocommerce-checkout #payment .payment_method_paypal .about_paypal{float:left;line-height:52px;font-size:.83em}#add_payment_method #payment .payment_method_paypal img,.woocommerce-cart #payment .payment_method_paypal img,.woocommerce-checkout #payment .payment_method_paypal img{max-height:52px;vertical-align:middle}.woocommerce-cart-form__cart-item td.product-remove{text-align:center}.woocommerce-cart-form__cart-item td.product-remove a.remove{display:inline-block;vertical-align:middle}.woocommerce-cart table.shop_table td,.woocommerce-cart table.shop_table th{border-left:0}.woocommerce-cart table.shop_table .woocommerce-Price-amount,.woocommerce-cart table.shop_table td.product-name{font-weight:500}.woocommerce-cart table.shop_table .woocommerce-Price-amount{font-weight:400}.woocommerce-cart table.shop_table dl dt{font-weight:500}.woocommerce-cart table.shop_table dl dd{font-weight:400}.woocommerce-cart .cart-collaterals .cross-sells li.product{padding-bottom:1em}.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-cart .cart-collaterals .cross-sells{padding:0 20px;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:0;margin-bottom:2em}.woocommerce-cart .cart-collaterals .cart_totals .shop_table,.woocommerce-cart .cart-collaterals .cross-sells .shop_table{border-top:0;border-right:0;border-left:0;border-radius:0}.woocommerce-cart .cart-collaterals .cart_totals>h2,.woocommerce-cart .cart-collaterals .cross-sells>h2{margin:0 -20px 20px;background-color:var(--ast-global-dark-lfs);border-bottom:1px solid var(--ast-border-color);font-weight:700}.woocommerce-cart .hentry,.woocommerce-cart ul.products{margin-bottom:0}.woocommerce-cart .hentry li.product,.woocommerce-cart ul.products li.product{margin-bottom:0}.woocommerce-cart table.cart td.actions .coupon{display:flex;align-items:center;margin:5px 0}.woocommerce-cart table.cart td.actions .coupon .input-text{padding:.5em .75em}.woocommerce-cart table.cart td.actions .button{padding:.5em 1em;line-height:1.5}.woocommerce-cart table.cart td.actions input.button{display:inline-block;width:auto}.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{font-size:1.1em;line-height:1.8em}.woocommerce-page.woocommerce-checkout form.checkout.woocommerce-checkout:after,.woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout:after{content:"";clear:both;display:table}.woocommerce-page.woocommerce-checkout table.shop_table thead,.woocommerce.woocommerce-checkout table.shop_table thead{background:0 0}.woocommerce-page.woocommerce-checkout table.shop_table th,.woocommerce.woocommerce-checkout table.shop_table th{padding:14px 12px}.woocommerce-page.woocommerce-checkout table.shop_table td,.woocommerce.woocommerce-checkout table.shop_table td{padding:10px 0 10px 10px;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout table.shop_table tfoot td,.woocommerce.woocommerce-checkout table.shop_table tfoot td{opacity:1}.woocommerce-page.woocommerce-checkout table.shop_table td,.woocommerce-page.woocommerce-checkout table.shop_table th,.woocommerce.woocommerce-checkout table.shop_table td,.woocommerce.woocommerce-checkout table.shop_table th{border-bottom-width:1px}.woocommerce-page.woocommerce-checkout form #order_review table,.woocommerce.woocommerce-checkout form #order_review table{border-width:0}.woocommerce-page.woocommerce-checkout form #order_review td,.woocommerce-page.woocommerce-checkout form #order_review th,.woocommerce.woocommerce-checkout form #order_review td,.woocommerce.woocommerce-checkout form #order_review th{border-top:0;border-left:0;padding-right:0;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout form #order_review td.product-name,.woocommerce.woocommerce-checkout form #order_review td.product-name{font-weight:500;display:flex;align-items:center;flex-wrap:wrap}.woocommerce-page.woocommerce-checkout form #order_review td.product-name .product-quantity,.woocommerce.woocommerce-checkout form #order_review td.product-name .product-quantity{font-weight:400}.woocommerce-page.woocommerce-checkout form #order_review td:last-child,.woocommerce-page.woocommerce-checkout form #order_review th:last-child,.woocommerce.woocommerce-checkout form #order_review td:last-child,.woocommerce.woocommerce-checkout form #order_review th:last-child{text-align:left}.woocommerce-page.woocommerce-checkout form .form-row:last-child,.woocommerce.woocommerce-checkout form .form-row:last-child{margin-bottom:0}.woocommerce-page.woocommerce-checkout #payment,.woocommerce.woocommerce-checkout #payment{border-radius:0}.woocommerce-page.woocommerce-checkout #payment ul.payment_methods,.woocommerce.woocommerce-checkout #payment ul.payment_methods{padding:0;margin-bottom:1em;border-bottom:0}.woocommerce-page.woocommerce-checkout #payment div.payment_box,.woocommerce.woocommerce-checkout #payment div.payment_box{background-color:#efefef}.woocommerce-page.woocommerce-checkout #payment div.payment_box:before,.woocommerce.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:#efefef}.woocommerce-page.woocommerce-checkout #payment div.form-row,.woocommerce.woocommerce-checkout #payment div.form-row{padding:0 0 2em}.woocommerce-page.woocommerce-checkout #payment #place_order,.woocommerce.woocommerce-checkout #payment #place_order{width:100%}.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td,.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th{padding:.7em 1em;border-bottom-width:0}.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td:last-child,.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th:last-child,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td:last-child,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th:last-child{border-left-width:0}.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title,.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title{background:#fbfbfb;padding:1em;margin-bottom:0;font-size:1.3rem;border-width:1px 1px 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading,.woocommerce.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading{font-size:1.5rem;border-top:3px solid var(--ast-border-color);padding-top:.5em}.woocommerce-page.woocommerce-checkout .woocommerce-order h3,.woocommerce.woocommerce-checkout .woocommerce-order h3{font-size:1.1rem}.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details,.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details{margin-bottom:2em}.woocommerce-page.woocommerce-checkout .woocommerce-customer-details address,.woocommerce.woocommerce-checkout .woocommerce-customer-details address{border-left-width:1px;border-bottom-width:1px;border-radius:0}.woocommerce form .form-row .required{text-decoration:none}.woocommerce form.checkout_coupon{margin:0;border:0;padding:0 0 2em}.woocommerce form.checkout_coupon .form-row{margin:0;padding:0;float:none;display:inline-block}.woocommerce form.checkout_coupon [name=coupon_code]{padding-top:9px;padding-bottom:9px}.woocommerce form.checkout_coupon .button{padding:.5em 1em;vertical-align:initial;line-height:1.35}@media (max-width:420px){.woocommerce form.checkout_coupon .form-row-first,.woocommerce form.checkout_coupon .form-row-last{display:block;margin:0 auto;width:100%}.woocommerce form.checkout_coupon .form-row-first{margin-bottom:10px}.woocommerce form.checkout_coupon .button[name=apply_coupon]{width:100%;padding:10px 5px}}.checkout_coupon .input-text{padding:.5em .75em}.woocommerce-MyAccount-navigation>ul{margin:0}.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button{margin-top:1em;margin-right:3px}#secondary .widget.woocommerce>li,#secondary .widget_layered_nav_filters>li{margin-bottom:0}#secondary .widget .select2-container .select2-selection--multiple .select2-selection__rendered{display:block;min-height:42px}#secondary .widget .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{margin-top:5px;margin-bottom:5px}#secondary .widget .select2-search__field{min-height:42px;margin:0}.woocommerce-js ul.cart_list li>a,.woocommerce-js ul.product_list_widget li>a{font-weight:500;margin-bottom:.33em;color:var(--ast-global-color-2)}.woocommerce-js #secondary .woocommerce-js ul.cart_list,.woocommerce-js #secondary .woocommerce-js ul.product_list_widget{margin:0}.woocommerce-js .widget_shopping_cart .cart_list li,.woocommerce-js .widget_shopping_cart li,.woocommerce-js ul.product_list_widget .cart_list li,.woocommerce-js ul.product_list_widget li{padding:.6em 5em .6em 0;min-height:5em;position:relative;border-bottom:1px solid var(--ast-border-color);margin:0;line-height:1.5}.woocommerce-js .widget_shopping_cart .cart_list li:last-child,.woocommerce-js .widget_shopping_cart li:last-child,.woocommerce-js ul.product_list_widget .cart_list li:last-child,.woocommerce-js ul.product_list_widget li:last-child{border-bottom:none}.woocommerce-js .widget_shopping_cart .woocommerce-mini-cart__buttons{margin-bottom:0}.woocommerce-js .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward{margin-right:5px;margin-left:0}.woocommerce-js.widget_product_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.woocommerce-js.widget_product_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-left:4px;line-height:1.5;transition:all .2s linear}.woocommerce-js .widget_shopping_cart .total,.woocommerce-js.widget_shopping_cart .total{padding:5px 0;border-top:1px solid var(--ast-border-color);border-bottom:1px solid var(--ast-border-color);margin-bottom:1.3em}.woocommerce-js ul.product_list_widget li img{position:absolute;right:0;width:4em;height:4em;margin:0 0 .5em 0;top:50%;transform:translateY(-50%);object-fit:cover}.woocommerce-js ul.product-categories>li{padding:2px 0}.woocommerce-js ul.product-categories>li:first-child{border:none}.woocommerce-js .widget del{opacity:.5}.woocommerce-js .widget ins{background:inherit}.woocommerce-js .widget .amount,.woocommerce-js .widget ins{font-weight:400}.woocommerce-js .widget .star-rating{margin:5px 0}.woocommerce-js .widget_rating_filter ul li a{display:inline-flex;align-items:center}.woocommerce-js .price_slider_amount .price_label span{font-weight:700}.woocommerce-js .widget_price_filter .ui-slider-horizontal{height:.2em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-handle{top:-.4em;cursor:pointer}.woocommerce-js .widget_price_filter .price_slider_amount .button{font-size:.9em!important;padding:8px 18px}.woocommerce-js .widget_price_filter .price_slider{margin-bottom:1.2em}.woocommerce-js .widget_price_filter .price_slider_wrapper .ui-widget-content{background-color:#ededed}.woocommerce-js .widget_product_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;margin-left:4px;line-height:1.5;padding:.5em 1.2em;font-size:12px!important;font-size:.8rem!important}.woocommerce-js .widget_product_tag_cloud .tagcloud a a.current-item,.woocommerce-js .widget_product_tag_cloud .tagcloud a a:focus,.woocommerce-js .widget_product_tag_cloud .tagcloud a a:hover{background-color:#fafafa}.woocommerce-js .widget_shopping_cart .cart_list li,.woocommerce.widget_shopping_cart .cart_list li{padding:1.2em 5em 1.2em 1.8em}.woocommerce-js .widget_shopping_cart .cart_list li a.remove,.woocommerce.widget_shopping_cart .cart_list li a.remove{position:absolute;right:auto;left:0;top:.5em;color:var(--ast-global-color-3)}.woocommerce-js .widget_shopping_cart .cart_list li a.remove:hover,.woocommerce.widget_shopping_cart .cart_list li a.remove:hover{color:var(--ast-global-color-3)}.woocommerce-product-search{display:flex}.woocommerce-product-search .search-field{flex:auto;width:100%;border-top-left-radius:0;border-bottom-left-radius:0}.woocommerce-product-search input[type=submit]{padding:10px 15px;border-top-right-radius:0;border-bottom-right-radius:0}#secondary .widget_layered_nav_filters ul li.chosen,.widget_layered_nav_filters ul li.chosen{padding:0 .5em;margin-left:.5em;margin-bottom:.5em;background:rgba(245,245,245,.75);border-radius:20px;font-size:1em}#secondary .widget_layered_nav_filters ul li.chosen:hover,.widget_layered_nav_filters ul li.chosen:hover{background-color:#f5f5f5}#secondary .widget_layered_nav_filters ul li.chosen a,.widget_layered_nav_filters ul li.chosen a{display:block}#secondary .widget_layered_nav_filters ul li.chosen a::before,.widget_layered_nav_filters ul li.chosen a::before{margin-left:.5em;line-height:inherit;position:relative;top:1px}.woocommerce-terms-and-conditions{border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background:rgba(0,0,0,.05)}.woocommerce-password-strength{text-align:center;font-weight:600;padding:3px .5em;font-size:1em}.woocommerce-password-strength.strong{background-color:#c1e1b9;border-color:#83c373}.woocommerce-password-strength.short{background-color:#f1adad;border-color:#e35b5b}.woocommerce-password-strength.bad{background-color:#fbc5a9;border-color:#f78b53}.woocommerce-password-strength.good{background-color:#ffe399;border-color:#ffc733}.woocommerce-password-hint{margin:.5em 0 0;display:block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container{display:block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .header-main-layout-2 .main-header-container{text-align:center}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-main-header-bar-alignment{display:inline-block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-masthead-custom-menu-items{display:inline-block;float:left}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-break-point .header-main-layout-2 .main-header-container{display:flex}.rtl .woocommerce-pagination .page-numbers li:last-child .next{transform:rotateY(-180deg)}.rtl .woocommerce-pagination .page-numbers li:first-child .prev{transform:rotateY(180deg)}.ast-site-header-cart .widgettitle{display:none}.wc-block-grid .wc-block-grid__products .wc-block-grid__product{text-align:right;margin-bottom:2.5em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category>a{display:inline-block;position:relative}.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img{width:100%;height:auto;display:block;margin:0 0 .8em 0;box-shadow:none}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{margin-bottom:.5em;padding:0;font-size:1em;line-height:1.2;font-weight:inherit}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating{margin:0 0 .5em auto;backface-visibility:hidden}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link{position:relative;display:block}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock{background-color:#fff}.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category>a:hover .woocommerce-loop-category__title{background-color:#fff}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title{bottom:1.8em;font-size:.9em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count{font-size:.7em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del{display:initial}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link{margin-top:.5em;margin-bottom:.5em;white-space:normal;line-height:1.3;font-size:100%;font-weight:700}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added{margin-bottom:0;transition:margin 0s}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title{text-transform:uppercase;font-weight:700;line-height:1.5}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count{display:block;background:0 0;opacity:.5;font-size:.75em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale{min-width:3em;min-height:3em;line-height:3em;padding:0;font-size:.8em;font-weight:400;text-transform:capitalize;position:absolute;text-align:center;border-radius:100%;z-index:9;top:0;left:10px;right:auto;margin:-.5em 0 0 -.5em}.widget_product_categories .children{padding-right:20px}@supports (-moz-appearance:none){.sidebar-main .widget_product_search .search-field{width:60%}}.woocommerce-page .widget .wc-block-price-slider{padding-top:.15em}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress{--range-color:var(--ast-global-color-0);top:-1px}@-moz-document url-prefix(){.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress{top:1px}}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-wrapper{box-shadow:none;background-color:#ededed}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress,.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-wrapper{height:3px}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__controls{border-color:var(--ast-border-color)}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__range-text{line-height:2.4;font-size:.8751em}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__range-text .wc-block-components-formatted-money-amount{font-weight:700}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__controls{justify-content:end}.woocommerce-page .widget .wc-block-price-slider input[type=range]{margin:0}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-webkit-slider-runnable-track{height:3px;box-shadow:none;background-color:transparent}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-moz-range-track{height:3px;box-shadow:none;background-color:transparent}.woocommerce-page .widget .wc-block-price-slider input[type=range].wc-block-price-filter__range-input::-webkit-slider-thumb{-webkit-appearance:none;border:0;width:15px;height:15px}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-moz-range-thumb{height:15px;border:0;width:15px}.woocommerce-page .widget .wc-block-checkbox-list li input[type=checkbox]{margin:0 0 0 .5rem;position:relative;top:1px}.woocommerce-page .widget .wc-block-checkbox-list li .wc-filter-element-label-list-count{opacity:1}.woocommerce-page .widget .wc-layered-nav-rating{line-height:1}.woocommerce-page .widget .wc-layered-nav-rating .star-rating{margin:0}.product.woocommerce.add_to_cart_inline{border:0!important}.product.woocommerce.add_to_cart_inline a.button{margin-right:1em}.ast-site-header-cart .widget_shopping_cart,.astra-cart-drawer{background-color:var(--ast-global-color-primary,var(--ast-global-color-5));border:1px solid var(--ast-border-color)}.woocommerce-js .sold-individually .button.single_add_to_cart_button{margin-right:-1em}.sidebar-main .ast-mini-cart-empty .woocommerce-mini-cart__empty-message{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; +} diff --git a/assets/css/woocommerce.min.css b/assets/css/woocommerce.min.css new file mode 100644 index 00000000..fd55abbd --- /dev/null +++ b/assets/css/woocommerce.min.css @@ -0,0 +1,85 @@ +@charset "UTF-8";@keyframes spin{100%{transform:rotate(360deg)}}@keyframes dotPulse{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}@font-face{font-family:star;src:url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot");src:url("../../../../../../../plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.woff") format("woff"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.ttf") format("truetype"),url("../../../../../../../plugins/woocommerce/assets/fonts/star.svg#star") format("svg");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot");src:url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"),url("../../../../../../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");font-weight:400;font-style:normal}.woocommerce-store-notice,p.demo_store{position:fixed;top:0;left:0;right:0;margin:0;width:100%;font-size:1em;padding:1em 0;text-align:center;background-color:#a46497;color:#fff;z-index:99998;box-shadow:0 1px 1em rgba(0,0,0,.2);display:none}.woocommerce-store-notice a,p.demo_store a{color:#fff;text-decoration:underline}.woocommerce-store-notice[data-position=bottom],p.demo_store[data-position=bottom]{bottom:0;top:initial}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.clear{clear:both}.ast-site-header-cart,.woocommerce .ast-site-header-cart{position:relative;list-style-type:none;margin-left:0;padding-left:0;margin-bottom:0;order:1;cursor:pointer}.ast-site-header-cart:focus .widget_shopping_cart,.ast-site-header-cart:hover .widget_shopping_cart,.woocommerce .ast-site-header-cart:focus .widget_shopping_cart,.woocommerce .ast-site-header-cart:hover .widget_shopping_cart{right:0;left:auto}.ast-site-header-cart .ast-shopping-cart-icon,.woocommerce .ast-site-header-cart .ast-shopping-cart-icon{display:initial;vertical-align:middle}.ast-site-header-cart .ast-shopping-cart-icon:before,.woocommerce .ast-site-header-cart .ast-shopping-cart-icon:before{content:"\e854";font-family:Astra;font-size:18px;font-size:1.2857rem}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons{margin:1.41575em}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a{width:100%}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a.button,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .woocommerce-mini-cart__buttons a.button{text-align:center}.ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .ast-mini-cart-message .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .ast-mini-cart-empty .ast-mini-cart-message .woocommerce-mini-cart__empty-message{text-align:center;margin-bottom:0}.ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content>ul,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .widget_shopping_cart_content>ul{text-align:left;width:auto;position:relative;left:auto;top:auto;border-top:0}.ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .ast-site-header-cart-data .woocommerce-mini-cart__empty-message{text-align:left}.ast-site-header-cart .widget_shopping_cart,.woocommerce .ast-site-header-cart .widget_shopping_cart{position:absolute;top:100%;width:280px;z-index:999999;font-size:.875em;left:-999em;display:block;line-height:1.618;opacity:0;visibility:hidden;transition:all .3s ease}.ast-site-header-cart .widget_shopping_cart:after,.ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-site-header-cart .widget_shopping_cart:before{bottom:99.9%;left:auto;right:8px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-site-header-cart .widget_shopping_cart:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px;margin-bottom:-.3px}.ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-site-header-cart .widget_shopping_cart:before{border-color:rgba(230,230,230,0);border-bottom-color:var(--ast-border-color);border-width:7px;margin-left:-12px;right:7px}.ast-site-header-cart .widget_shopping_cart .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .widget_shopping_cart .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message{display:none}.ast-site-header-cart .widget_shopping_cart .product_list_widget,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget{padding:1em 1.5em;max-height:500px;max-height:50vh;overflow-y:auto}.ast-site-header-cart .widget_shopping_cart .product_list_widget li,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li{padding:.5em 2em .5em 5em;border-bottom:1px solid var(--ast-border-color)}.ast-site-header-cart .widget_shopping_cart .product_list_widget li .remove,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li .remove{top:.4em}.ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li:last-child{border-bottom:0}.ast-site-header-cart .widget_shopping_cart .product_list_widget li img,.woocommerce .ast-site-header-cart .widget_shopping_cart .product_list_widget li img{max-width:4em;margin:0 0 .5em 0}.ast-site-header-cart .widget_shopping_cart p.buttons,.ast-site-header-cart .widget_shopping_cart p.total,.woocommerce .ast-site-header-cart .widget_shopping_cart p.buttons,.woocommerce .ast-site-header-cart .widget_shopping_cart p.total{padding:1em 1.5em;margin:0;text-align:center}.ast-site-header-cart .widget_shopping_cart .buttons .button,.ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward,.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button,.woocommerce .ast-site-header-cart .widget_shopping_cart .buttons .button.wc-forward{display:block;margin-right:0;width:100%;margin-left:0}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message{margin:1.41575em}.ast-site-header-cart .widget_shopping_cart .cart_list a,.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a{padding:0}.ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.woocommerce .ast-site-header-cart .widget_shopping_cart .cart_list a.remove{border-width:1px}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total{display:flex;justify-content:space-between}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong{width:40%;text-align:left;font-weight:500}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount{width:60%;text-align:right}.ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount,.woocommerce .ast-site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .amount{padding-left:.5em}.ast-site-header-cart:focus .widget_shopping_cart,.ast-site-header-cart:hover .widget_shopping_cart{opacity:1;visibility:visible}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .variation,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list .variation,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .quantity,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list .variation{margin-bottom:.4em}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove{color:var(--ast-global-color-3)}.ast-above-header-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover,.ast-below-header .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover,.main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart .cart_list a.remove:hover{color:var(--ast-global-color-3)}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart,.site-header-section-left .ast-site-header-cart .widget_shopping_cart,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart{right:auto;left:0;transition:left 0s}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:after,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:after,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before{left:15px;right:auto}.ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.site-header-section-left .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .ast-above-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .below-header-section-1 .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .header-main-layout-3 .main-header-bar-wrap .ast-site-header-cart .widget_shopping_cart:before,.woocommerce .site-header-section-left .ast-site-header-cart .widget_shopping_cart:before{left:11px;right:auto}.ast-cart-menu-wrap{display:inline-block;line-height:1}.ast-cart-menu-wrap .count{font-weight:700;position:relative;display:inline-block;vertical-align:middle;text-align:center;min-width:2.1em;min-height:2.1em;font-size:.86em;line-height:1.8;border-radius:0 0 .3em .3em;border-width:2px;border-style:solid;padding:0 .4em}.ast-cart-menu-wrap .count:after{bottom:100%;margin-bottom:0;height:.8em;width:.8em;left:50%;transform:translateX(-50%);top:-.6em;content:' ';position:absolute;pointer-events:none;border-width:2px;border-style:solid;border-top-left-radius:10em;border-top-right-radius:10em;border-bottom:0}.ast-woocommerce-cart-menu .main-header-menu .woocommerce-custom-menu-item li:hover>a.remove{color:#ccc}.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart{flex:1}.ast-woocommerce-cart-menu .header-main-layout-1.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li{text-align:right}.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart{flex:1}.ast-woocommerce-cart-menu .header-main-layout-3.ast-no-menu-items .ast-site-header-cart .ast-site-header-cart-li{text-align:left}.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container{display:flex;justify-content:center}.ast-woocommerce-cart-menu .header-main-layout-2 .site-branding{flex:0 0 100%}.ast-header-break-point .woocommerce-custom-menu-item .ast-cart-menu-wrap{width:2em;height:2em;font-size:1.4em;line-height:2;vertical-align:middle;text-align:right}.ast-header-break-point .ast-button-wrap .main-header-menu-toggle{font-size:1.4em}.ast-header-break-point .main-header-menu .woocommerce-custom-menu-item .ast-cart-menu-wrap{height:3em;line-height:3;text-align:left}.ast-header-break-point .ast-site-header-cart .widget_shopping_cart{display:none}.ast-header-break-point.ast-woocommerce-cart-menu .ast-site-header-cart{order:initial;line-height:3;padding:0}.ast-header-break-point.ast-woocommerce-cart-menu .header-main-layout-3 .ast-site-header-cart{padding:0 0 1em 1em}.ast-header-break-point.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-site-header-cart{padding:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item{margin-bottom:0;margin-top:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart{padding:0}.ast-header-break-point .ast-masthead-custom-menu-items.woocommerce-custom-menu-item .ast-site-header-cart a{border:none;display:inline-block}.ast-header-break-point.ast-hfb-header.ast-woocommerce-cart-menu .ast-site-header-cart{padding:0}.woocommerce-js .blockUI.blockOverlay{position:relative}.woocommerce-js .blockUI.blockOverlay::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:'';animation:spin 1s ease-in-out infinite;background:url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center;background-size:cover;background-color:var(--ast-global-color-secondary,--ast-global-color-5);line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}.woocommerce-js .loader::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:'';animation:spin 1s ease-in-out infinite;background:url("../../../../../../../plugins/woocommerce/assets/images/icons/loader.svg") center center;background-size:cover;background-color:var(--ast-global-color-secondary,--ast-global-color-5);line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}.woocommerce-js h2{margin-bottom:.7em}.woocommerce-js a.remove{position:relative;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;font-size:18px;width:20px;height:20px;text-align:center;line-height:21px;border-radius:100%;color:var(--ast-global-color-3);text-decoration:none;opacity:.5}.woocommerce-js a.remove .ahfb-svg-iconset{transform:scale(.7);transition:none}.woocommerce-js a.remove .ahfb-svg-iconset .ast-close-svg{width:100%;height:100%}.woocommerce-js a.remove:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;border:1px solid var(--ast-global-color-3);border-radius:100%;transition:all .2s linear}.woocommerce-js a.remove:hover{color:var(--ast-global-color-3);opacity:1}.woocommerce-js a.remove:hover:before{border-color:var(--ast-global-color-3)}.woocommerce-js small.note{display:block;color:#777;font-size:.857em;margin-top:10px}.woocommerce-js .woocommerce-breadcrumb{zoom:1;margin:0 0 1em;padding:0;font-size:.92em;color:#777}.woocommerce-js .woocommerce-breadcrumb::after,.woocommerce-js .woocommerce-breadcrumb::before{content:' ';display:table}.woocommerce-js .woocommerce-breadcrumb::after{clear:both}.woocommerce-js .woocommerce-breadcrumb a{color:#777}.woocommerce-js .quantity input[type=email],.woocommerce-js .quantity input[type=number],.woocommerce-js .quantity input[type=text]{padding:.3em}.woocommerce-js .quantity input[type=email]:focus,.woocommerce-js .quantity input[type=number]:focus,.woocommerce-js .quantity input[type=text]:focus{outline:0;border-color:var(--ast-border-color)}.woocommerce-js .quantity .qty{width:3.631em;text-align:center;min-height:35px}.woocommerce-js div.product{margin-bottom:0;position:relative}.woocommerce-js div.product .product_title{clear:none;margin-top:0;padding:0}.woocommerce-js div.product p.price,.woocommerce-js div.product span.price{color:#77a464;font-size:1.5rem;font-weight:700;margin:0 0 .2em}.woocommerce-js div.product p.price ins,.woocommerce-js div.product span.price ins{background:inherit;font-weight:700;display:inline-block;text-decoration:inherit}.woocommerce-js div.product p.price del,.woocommerce-js div.product span.price del{opacity:.5;font-weight:400;display:initial}.woocommerce-js div.product p.ast-stock-detail,.woocommerce-js div.product p.stock{font-size:1em}.woocommerce-js div.product p.ast-stock-detail .ast-stock-avail,.woocommerce-js div.product p.stock .ast-stock-avail{font-weight:700}.woocommerce-js div.product .stock{color:#77a464}.woocommerce-js div.product .out-of-stock{color:red}.woocommerce-js div.product .product_title{margin:0 0 .5em 0}.woocommerce-js div.product .product_meta{border-top:1px solid var(--ast-border-color);padding-top:.5em;font-size:.9em;margin:0 0 .8em;text-decoration:inherit}.woocommerce-js div.product .product_meta>span{display:inline-block;margin-right:15px;align-items:center;font-weight:500}.woocommerce-js div.product .product_meta>span>*{font-weight:400}.woocommerce-js div.product .woocommerce-product-rating{margin:0 0 .5em}.woocommerce-js div.product div.images{margin-bottom:2em}.woocommerce-js div.product div.images img{display:block;width:100%;height:auto;box-shadow:none}.woocommerce-js div.product div.images div.thumbnails{padding-top:1em}.woocommerce-js div.product div.images.woocommerce-product-gallery{position:relative}.woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport{transform-style:preserve-3d;margin-bottom:1em}.woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper{transition:all cubic-bezier(.795, -.035, 0, 1) .5s;margin:0;padding:0}.woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background-color:#fff}.woocommerce-js div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){width:25%;display:inline-block}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger{position:absolute;top:.5em;right:.5em;font-size:2em;z-index:9;width:36px;height:36px;background:var(--ast-global-color-primary,var(--ast-global-color-5));text-indent:-9999px;border-radius:100%;box-sizing:content-box;backface-visibility:hidden}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:before{content:"";display:block;width:10px;height:10px;border:2px solid var(--ast-global-color-3);border-radius:100%;position:absolute;top:9px;left:9px;box-sizing:content-box}.woocommerce-js div.product div.images .woocommerce-product-gallery__trigger:after{content:"";display:block;width:2px;height:8px;background:var(--ast-global-color-3);border-radius:6px;position:absolute;top:19px;left:22px;transform:rotate(-45deg);box-sizing:content-box}.woocommerce-js div.product div.images .flex-control-thumbs{overflow:hidden;zoom:1;margin:0;padding:0}.woocommerce-js div.product div.images .flex-control-thumbs li{width:25%;float:left;margin:0;list-style:none}.woocommerce-js div.product div.images .flex-control-thumbs li img{cursor:pointer;opacity:.5;margin:0}.woocommerce-js div.product div.images .flex-control-thumbs li img.flex-active,.woocommerce-js div.product div.images .flex-control-thumbs li img:hover{opacity:1}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li{width:32%;width:calc(33.33% - .7em);margin-right:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1){clear:left}.woocommerce-js div.product div.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n){margin-right:0}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{width:24%;width:calc(25% - .75em);margin-right:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){clear:left}.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n){margin-right:0}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li{width:18.5%;width:calc(20% - .8em);margin-right:1em;margin-bottom:1em}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1){clear:left}.woocommerce-js div.product div.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n){margin-right:0}.woocommerce-js div.product div.summary{margin-bottom:2em}.woocommerce-js div.product div.summary .single-product-category{display:block;line-height:1;margin-bottom:1em}.woocommerce-js div.product div.summary .woocommerce-product-details__short-description :last-child{margin-bottom:1em}.woocommerce-js div.product div.social{text-align:right;margin:0 0 1em}.woocommerce-js div.product div.social span{margin:0 0 0 2px}.woocommerce-js div.product div.social span span{margin:0}.woocommerce-js div.product div.social span .stButton .chicklets{padding-left:16px;width:0}.woocommerce-js div.product div.social iframe{float:left;margin-top:3px}.woocommerce-js div.product .woocommerce-tabs{padding-top:2em;margin-bottom:4em;width:100%}.woocommerce-js div.product .woocommerce-tabs ul.tabs{list-style:none;padding:0;margin:0 0 1em;overflow:hidden;position:relative}.woocommerce-js div.product .woocommerce-tabs ul.tabs:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background-color:var(--ast-border-color)}.woocommerce-js div.product .woocommerce-tabs ul.tabs li{border:0;background:0 0;display:inline-block;position:relative;z-index:0;border-radius:4px 4px 0 0;margin:0 1em 0 0;padding:0;border-radius:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li a{display:inline-block;padding:.5em 0;font-weight:700;color:#515151;text-decoration:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs li a:hover{text-decoration:none;color:#6b6a6b}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active{z-index:2;border-bottom-color:#fff}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active a{text-shadow:inherit;outline:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active::before{content:' ';position:absolute;width:100%;height:3px;box-shadow:none;top:0;left:0;border-radius:0}.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active::after{border:none;box-shadow:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs li::after,.woocommerce-js div.product .woocommerce-tabs ul.tabs li::before{content:' ';position:absolute;bottom:-1px;width:5px;height:5px;border:none;box-shadow:none}.woocommerce-js div.product .woocommerce-tabs ul.tabs::before{position:absolute;content:' ';width:100%;bottom:0;left:0;border-bottom:1px solid var(--ast-border-color);z-index:1}.woocommerce-js div.product .woocommerce-tabs ul.tabs li::after,.woocommerce-js div.product .woocommerce-tabs ul.tabs.tabs::before{display:none;border:0}.woocommerce-js div.product .woocommerce-tabs .panel{margin:0 0 1.2em;padding:0}.woocommerce-js div.product .woocommerce-tabs .shop_attributes{border-style:solid}.woocommerce-js div.product .woocommerce-tabs .shop_attributes p{padding:0}.woocommerce-js div.product .woocommerce-tabs .shop_attributes td,.woocommerce-js div.product .woocommerce-tabs .shop_attributes th{padding:.67em 1.34em;border-color:var(--ast-border-color)}.woocommerce-js div.product .woocommerce-tabs .shop_attributes th{border-left-width:1px;border-style:solid;padding-left:.9em;color:var(--ast-global-color-2)}.woocommerce-js div.product .woocommerce-tabs .shop_attributes td{font-style:normal;border-style:solid}.woocommerce-js div.product #reviews #comments{width:100%}.woocommerce-js div.product #reviews #review_form_wrapper{width:100%;padding-left:0}.woocommerce-js div.product #reviews #respond p.comment-form-author,.woocommerce-js div.product #reviews #respond p.comment-form-email{margin-bottom:1em}@media (min-width:1201px){.woocommerce-js div.product #reviews .comment-form-author,.woocommerce-js div.product #reviews .comment-form-email{width:49%;display:inline-block}.woocommerce-js div.product #reviews .comment-form-author input,.woocommerce-js div.product #reviews .comment-form-email input{width:100%}.woocommerce-js div.product #reviews .comment-form-author{float:left}.woocommerce-js div.product #reviews .comment-form-email{float:right}.woocommerce-js div.product #reviews .comment-form-cookies-consent{clear:both}}.woocommerce-js div.product p.cart{margin-bottom:2em;zoom:1}.woocommerce-js div.product p.cart::after,.woocommerce-js div.product p.cart::before{content:' ';display:table}.woocommerce-js div.product p.cart::after{clear:both}.woocommerce-js div.product form.cart{zoom:1}.woocommerce-js div.product form.cart .ast-woo-single-cart-button-wrap{display:flex;align-items:center;flex-wrap:wrap}.woocommerce-js div.product form.cart::after,.woocommerce-js div.product form.cart::before{content:' ';display:table}.woocommerce-js div.product form.cart::after{clear:both}.woocommerce-js div.product form.cart div.quantity{float:left;margin:0 1em 1em 0}.woocommerce-js div.product form.cart table{border-width:0 0 1px;margin:0 0 1em}.woocommerce-js div.product form.cart table td{padding-left:0}.woocommerce-js div.product form.cart table div.quantity{float:none;margin:0}.woocommerce-js div.product form.cart table small.stock{display:block;float:none}.woocommerce-js div.product form.cart .variations{border-bottom:1px solid var(--ast-border-color);position:relative;margin-bottom:1em;width:100%}.woocommerce-js div.product form.cart .variations td,.woocommerce-js div.product form.cart .variations th{border:0;vertical-align:top;line-height:2em;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:block}.woocommerce-js div.product form.cart .variations tr{margin-bottom:.5em}.woocommerce-js div.product form.cart .variations th{margin-bottom:.5em;padding-left:0}.woocommerce-js div.product form.cart .variations label{font-weight:700}.woocommerce-js div.product form.cart .variations select{max-width:100%;min-width:75%;display:inline-block;width:100%}.woocommerce-js div.product form.cart .variations td.label{vertical-align:middle;margin-top:8px;margin-bottom:1px}.woocommerce-js div.product form.cart .woocommerce-variation-description p{margin-bottom:1em}.woocommerce-js div.product form.cart .reset_variations{all:initial;font-family:inherit;visibility:hidden;position:static;display:inline-block;color:inherit;opacity:.6;font-size:.75rem;text-transform:uppercase;cursor:pointer}.woocommerce-js div.product form.cart .wc-no-matching-variations{display:none}.woocommerce-js div.product form.cart .button{vertical-align:middle;float:left;width:auto;margin-bottom:1em}.woocommerce-js div.product form.cart .button.single_add_to_cart_button{padding:10px 20px}.woocommerce-js div.product form.cart .group_table tr:last-child td{border-bottom:0}.woocommerce-js div.product form.cart .group_table td.label{padding:.5em;font-size:.8rem;line-height:1.3;font-weight:700}.woocommerce-js div.product form.cart .group_table td{vertical-align:middle;padding-bottom:.5em;border-right:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-js div.product form.cart .group_table td:first-child{text-align:left;width:4em}.woocommerce-js div.product form.cart .group_table td.price{padding-left:.8em;font-weight:700;font-size:.9rem}.woocommerce-js div.product form.cart .group_table td.price del{opacity:.5}.woocommerce-js div.product form.cart .group_table .button{padding:.8em;font-weight:400;font-size:.9rem;white-space:nowrap}.woocommerce-js div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox{display:inline-block;width:auto;margin:0 auto;transform:scale(1.5,1.5)}.woocommerce-js div.product form.cart p.stock{line-height:1.3;margin-bottom:.8em;font-size:.9em}.woocommerce-js div.product form.cart .single_variation_wrap{width:100%}.woocommerce-js div.product form.cart .single_variation_wrap p{margin-bottom:1em}.woocommerce-js div.product form.cart .single_variation_wrap .single_variation{margin-bottom:1.2em;border-top:1px solid var(--ast-border-color);padding-top:0;border-top:0}.woocommerce-js div.product span.onsale{min-height:3.5em;min-width:3.5em;line-height:3.5em}.woocommerce-js div.product .related.products,.woocommerce-js div.product .woocommerce-tabs{display:block}.woocommerce-js div.product .related.products ul.products{margin:0}.woocommerce-js div.product .related.products ul.products li.product{width:22.5%;width:calc(25% - 15px)}.woocommerce-js span.onsale{min-width:3em;min-height:3em;line-height:3em;padding:0;font-size:.8em;font-weight:400;position:absolute;text-align:center;top:.5em;left:.5em;margin:0;border-radius:100%;background-color:#77a464;color:#fff;-webkit-font-smoothing:antialiased;z-index:9}.woocommerce-js.single-product .sale>span.onsale{font-size:1em;left:-.5em}.woocommerce-js.single-product .sale:not(.ast-product-gallery-layout-vertical-slider)>span.onsale{top:-.5em}.woocommerce-js .products ul,.woocommerce-js ul.products{margin:0 0 1em;padding:0;list-style:none outside;clear:both;zoom:1}.woocommerce-js .products ul::after,.woocommerce-js .products ul::before,.woocommerce-js ul.products::after,.woocommerce-js ul.products::before{content:' ';display:table}.woocommerce-js .products ul::after,.woocommerce-js ul.products::after{clear:both}.woocommerce-js .products ul::after,.woocommerce-js .products ul::before,.woocommerce-js ul.products::after,.woocommerce-js ul.products::before{width:0}.woocommerce-js .products ul li,.woocommerce-js ul.products li{list-style:none outside}.woocommerce-js ul.products li.product.product-category{padding-bottom:0}.woocommerce-js ul.products li.product.product-category a{height:100%}.woocommerce-js ul.products li.product.product-category a img{height:100%;object-fit:cover}.woocommerce-js ul.products li.product .onsale{top:0;right:0;left:auto;margin:-.5em -.5em 0 0}.woocommerce-js ul.products li.product .woocommerce-loop-category__title,.woocommerce-js ul.products li.product .woocommerce-loop-product__title,.woocommerce-js ul.products li.product h3{padding:.5em 0;margin:0;font-size:1em}.woocommerce-js ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 1em;box-shadow:none}.woocommerce-js ul.products li.product a img.show-on-hover{width:0;height:0;object-fit:cover}.woocommerce-js ul.products li.product strong{display:block}.woocommerce-js ul.products li.product .star-rating{font-size:.857em}.woocommerce-js ul.products li.product .button{margin-top:1em}.woocommerce-js ul.products li.product .price{color:#77a464;display:block;font-weight:400;margin-bottom:.5em;font-size:.857em}.woocommerce-js ul.products li.product .price del{color:inherit;opacity:.5;display:inline-block}.woocommerce-js ul.products li.product .price ins{background:0 0;font-weight:700;display:inline-block;text-decoration:inherit}.woocommerce-js ul.products li.product .price .from{font-size:.67em;margin:-2px 0 0 0;text-transform:uppercase;color:rgba(132,132,132,.5)}.woocommerce-js ul.products li.product a.ast-loop-product__link{display:inline-block;width:100%}.woocommerce-js ul.products li.product:hover .show-on-hover{width:100%;height:100%}.woocommerce-js .woocommerce-result-count{margin:1em 0 1em;line-height:1}.woocommerce-js .woocommerce-ordering{margin:0 0 1.5em}.woocommerce-js .woocommerce-ordering select{vertical-align:top}.woocommerce-js nav.woocommerce-pagination{text-align:left}.woocommerce-js nav.woocommerce-pagination ul{display:inline-block;text-align:center;white-space:normal;padding:0;clear:both;border:0;margin:1px}.woocommerce-js nav.woocommerce-pagination ul li{margin:0 5px 5px 0;border:1px solid var(--ast-border-color);padding:0;float:left;display:inline;overflow:hidden}.woocommerce-js nav.woocommerce-pagination ul li a,.woocommerce-js nav.woocommerce-pagination ul li span{margin:0;text-decoration:none;padding:0;line-height:1;font-size:1em;font-weight:400;padding:.75em;display:block;min-width:2.5em}.woocommerce-js nav.woocommerce-pagination ul li a:focus,.woocommerce-js nav.woocommerce-pagination ul li a:hover,.woocommerce-js nav.woocommerce-pagination ul li span.current{background:#ebe9eb;color:#8a7e88}.woocommerce-js #respond input#submit,.woocommerce-js a.button,.woocommerce-js button.button,.woocommerce-js input.button{margin:0;position:relative;overflow:visible;left:auto;display:inline-block;background-image:none;box-shadow:none;text-shadow:none}.woocommerce-js #respond input#submit.loading,.woocommerce-js a.button.loading,.woocommerce-js button.button.loading,.woocommerce-js input.button.loading{opacity:.25}.woocommerce-js #respond input#submit.loading::after,.woocommerce-js a.button.loading::after,.woocommerce-js button.button.loading::after,.woocommerce-js input.button.loading::after{display:inline-block;content:"";position:relative;top:0;right:-.5em;left:auto;width:.8em;height:.8em;background-color:var(--ast-global-color-primary,var(--ast-global-color-5));background-image:none;border-radius:100%;animation:dotPulse .65s 0s infinite cubic-bezier(.21,.53,.56,.8)}.woocommerce-js #respond input#submit.added::after,.woocommerce-js a.button.added::after,.woocommerce-js button.button.added::after,.woocommerce-js input.button.added::after{font-family:WooCommerce;content:'\e017';margin-left:.53em;vertical-align:bottom}.woocommerce-js #respond input#submit.alt.disabled,.woocommerce-js #respond input#submit.alt.disabled:hover,.woocommerce-js #respond input#submit.alt:disabled,.woocommerce-js #respond input#submit.alt:disabled:hover,.woocommerce-js #respond input#submit.alt:disabled[disabled],.woocommerce-js #respond input#submit.alt:disabled[disabled]:hover,.woocommerce-js a.button.alt.disabled,.woocommerce-js a.button.alt.disabled:hover,.woocommerce-js a.button.alt:disabled,.woocommerce-js a.button.alt:disabled:hover,.woocommerce-js a.button.alt:disabled[disabled],.woocommerce-js a.button.alt:disabled[disabled]:hover,.woocommerce-js button.button.alt.disabled,.woocommerce-js button.button.alt.disabled:hover,.woocommerce-js button.button.alt:disabled,.woocommerce-js button.button.alt:disabled:hover,.woocommerce-js button.button.alt:disabled[disabled],.woocommerce-js button.button.alt:disabled[disabled]:hover,.woocommerce-js input.button.alt.disabled,.woocommerce-js input.button.alt.disabled:hover,.woocommerce-js input.button.alt:disabled,.woocommerce-js input.button.alt:disabled:hover,.woocommerce-js input.button.alt:disabled[disabled],.woocommerce-js input.button.alt:disabled[disabled]:hover{background-color:var(--ast-global-color-1);color:#fff}.woocommerce-js #respond input#submit.disabled,.woocommerce-js #respond input#submit:disabled,.woocommerce-js #respond input#submit:disabled[disabled],.woocommerce-js a.button.disabled,.woocommerce-js a.button:disabled,.woocommerce-js a.button:disabled[disabled],.woocommerce-js button.button.disabled,.woocommerce-js button.button:disabled,.woocommerce-js button.button:disabled[disabled],.woocommerce-js input.button.disabled,.woocommerce-js input.button:disabled,.woocommerce-js input.button:disabled[disabled]{cursor:not-allowed;opacity:.5;padding:.618em 1em}.woocommerce-js #respond input#submit.disabled:hover,.woocommerce-js #respond input#submit:disabled:hover,.woocommerce-js #respond input#submit:disabled[disabled]:hover,.woocommerce-js a.button.disabled:hover,.woocommerce-js a.button:disabled:hover,.woocommerce-js a.button:disabled[disabled]:hover,.woocommerce-js button.button.disabled:hover,.woocommerce-js button.button:disabled:hover,.woocommerce-js button.button:disabled[disabled]:hover,.woocommerce-js input.button.disabled:hover,.woocommerce-js input.button:disabled:hover,.woocommerce-js input.button:disabled[disabled]:hover{color:var(--ast-global-color-4);background-color:var(--ast-global-color-1)}.woocommerce-js .cart .button,.woocommerce-js .cart input.button{float:none}.woocommerce-js #reviews .woocommerce-Reviews-title{display:none}.woocommerce-js #reviews h2{font-weight:400}.woocommerce-js #reviews h2 small{float:right;color:#777;font-size:15px;margin:10px 0 0}.woocommerce-js #reviews h2 small a{text-decoration:none;color:#777}.woocommerce-js #reviews h3{margin:0}.woocommerce-js #reviews #respond{margin:0;border:0;padding:0}.woocommerce-js #reviews #comment{height:75px}.woocommerce-js #reviews #comments .add_review{zoom:1}.woocommerce-js #reviews #comments .add_review::after,.woocommerce-js #reviews #comments .add_review::before{content:' ';display:table}.woocommerce-js #reviews #comments .add_review::after{clear:both}.woocommerce-js #reviews #comments h2{clear:none}.woocommerce-js #reviews #comments ol.commentlist{zoom:1;margin:0;width:100%;background:0 0;list-style:none}.woocommerce-js #reviews #comments ol.commentlist::after,.woocommerce-js #reviews #comments ol.commentlist::before{content:' ';display:table}.woocommerce-js #reviews #comments ol.commentlist::after{clear:both}.woocommerce-js #reviews #comments ol.commentlist li{padding:0;margin:0 0 2em;border:0;position:relative;background:0;border:0;border-bottom:1px solid var(--ast-border-color)}.woocommerce-js #reviews #comments ol.commentlist li:last-child{border-bottom:0}.woocommerce-js #reviews #comments ol.commentlist li .meta{color:#777;font-size:.75em}.woocommerce-js #reviews #comments ol.commentlist li img.avatar{float:left;position:absolute;top:0;left:0;padding:3px;height:3.6em;width:3.6em;border:none;background:0 0;margin:0;border-radius:100%;box-shadow:none}.woocommerce-js #reviews #comments ol.commentlist li .comment-text{margin:0 0 0 50px;border:none;border-radius:4px;padding:0 1.5em;zoom:1;display:flex;flex-wrap:wrap}.woocommerce-js #reviews #comments ol.commentlist li .comment-text::after,.woocommerce-js #reviews #comments ol.commentlist li .comment-text::before{content:' ';display:table}.woocommerce-js #reviews #comments ol.commentlist li .comment-text::after{clear:both}.woocommerce-js #reviews #comments ol.commentlist li .comment-text p{margin:0 0 1.7em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta{order:1;width:100%;font-size:1.2em;margin-bottom:.4em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__author,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{font-weight:500}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__dash,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash{display:none}.woocommerce-js #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__published-date,.woocommerce-js #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date{padding-left:.5em;font-size:.73em}.woocommerce-js #reviews #comments ol.commentlist li .comment-text .description{font-style:normal;order:3;width:100%}.woocommerce-js #reviews #comments ol.commentlist li .comment-text .star-rating{order:2;margin-bottom:1em}.woocommerce-js #reviews #comments ol.commentlist ul.children{list-style:none outside;margin:20px 0 0 50px}.woocommerce-js #reviews #comments ol.commentlist ul.children .star-rating{display:none}.woocommerce-js #reviews #comments ol.commentlist #respond{border:1px solid #e4e1e3;border-radius:4px;padding:1em 1em 0;margin:20px 0 0 50px}.woocommerce-js #reviews #comments .commentlist>li::before{content:''}.woocommerce-js #reviews #review_form{border:1px solid var(--ast-border-color);padding:1.67em}.woocommerce-js #reviews #review_form #respond p{margin:2px 0 6px}.woocommerce-js #reviews #review_form #respond p.form-submit{margin-top:1em}.woocommerce-js #reviews #review_form #respond p.comment-form-author,.woocommerce-js #reviews #review_form #respond p.comment-form-email{margin-bottom:1em}.woocommerce-js #reviews #review_form #respond p.comment-form-author label,.woocommerce-js #reviews #review_form #respond p.comment-form-email label{display:inline-block;min-width:100px}.woocommerce-js #reviews #review_form #respond p.comment-form-author input,.woocommerce-js #reviews #review_form #respond p.comment-form-email input{width:100%}.woocommerce-js #reviews #review_form #respond #comment{height:90px}.woocommerce-js #reviews #review_form #respond .stars{margin:0}.woocommerce-js #reviews #review_form input{max-width:100%}.woocommerce-js #reviews .comment-form-rating{display:flex;vertical-align:middle;margin:15px 0}.woocommerce-js #reviews .comment-form-rating .stars{margin-bottom:0}.woocommerce-js #reviews .comment-form-rating .stars a{position:relative;top:8px;height:1.2em;width:1.2em}.woocommerce-js #reviews .comment-form-rating .stars a:before{width:1.2em;height:1.2em;font-size:1.2em}.woocommerce-js #reviews .comment-form-comment label,.woocommerce-js #reviews .comment-form-rating label{font-size:1.2em;font-weight:500;padding-right:.5em}.woocommerce-js .star-rating{float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star,serif}.woocommerce-js .star-rating::before{content:'\73\73\73\73\73';color:#d3ced2;float:left;top:0;left:0;position:absolute}.woocommerce-js .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.woocommerce-js .star-rating span::before{content:'\53\53\53\53\53';top:0;position:absolute;left:0}.woocommerce-js .woocommerce-product-rating{zoom:1;line-height:2;display:block}.woocommerce-js .woocommerce-product-rating::after,.woocommerce-js .woocommerce-product-rating::before{content:' ';display:table}.woocommerce-js .woocommerce-product-rating::after{clear:both}.woocommerce-js .woocommerce-product-rating .star-rating{margin:.5em 4px 0 0;float:left}.woocommerce-js .products .star-rating{display:block;margin:.5em auto 0;float:none}.woocommerce-js .hreview-aggregate .star-rating{margin:10px 0 0}.woocommerce-js #review_form #respond{zoom:1;position:static;margin:0;width:auto;background:transparent none}.woocommerce-js #review_form #respond::after,.woocommerce-js #review_form #respond::before{content:' ';display:table}.woocommerce-js #review_form #respond::after{clear:both}.woocommerce-js #review_form #respond .form-submit input{left:auto}.woocommerce-js #review_form #respond textarea{box-sizing:border-box;width:100%}.woocommerce-js p.stars a{position:relative;height:1em;width:1em;text-indent:-999em;display:inline-block;text-decoration:none}.woocommerce-js p.stars a::before{display:block;position:absolute;top:0;left:0;width:1em;height:1em;line-height:1;font-family:WooCommerce;content:'\e021';text-indent:0}.woocommerce-js p.stars a:hover~a::before{content:'\e021'}.woocommerce-js p.stars:hover a::before{content:'\e020'}.woocommerce-js p.stars.selected a.active::before{content:'\e020'}.woocommerce-js p.stars.selected a.active~a::before{content:'\e021'}.woocommerce-js p.stars.selected a:not(.active)::before{content:'\e020'}.woocommerce-js table.shop_attributes{border:0;border-top:1px solid var(--ast-border-color);margin-bottom:1.618em;width:100%}.woocommerce-js table.shop_attributes th{width:150px;font-weight:500;border-top:0;border-bottom:1px dotted var(--ast-border-color);margin:0;line-height:1.5;text-align:left}.woocommerce-js table.shop_attributes td{font-style:italic;padding:0;border-top:0;border-bottom:1px dotted var(--ast-border-color);margin:0;line-height:1.5;text-align:left}.woocommerce-js table.shop_attributes td p{margin:0;padding:8px 0}.woocommerce-js table.shop_table{border:1px solid var(--ast-border-color);margin:0 -1px 24px 0;text-align:left;width:100%;border-collapse:separate;border-radius:5px}.woocommerce-js table.shop_table th{font-weight:700;padding:9px 12px}.woocommerce-js table.shop_table td{border-top:1px solid var(--ast-border-color);padding:6px 12px;vertical-align:middle}.woocommerce-js table.shop_table td small{font-weight:400}.woocommerce-js table.shop_table tbody:first-child tr:first-child td,.woocommerce-js table.shop_table tbody:first-child tr:first-child th{border-top:0}.woocommerce-js table.shop_table tbody th,.woocommerce-js table.shop_table tfoot td,.woocommerce-js table.shop_table tfoot th{font-weight:500;border-top:1px solid var(--ast-border-color)}.woocommerce-js #customer_details,.woocommerce-js .woocommerce table.shop_table{margin-bottom:2em;border-radius:0}.woocommerce-js table.my_account_orders{font-size:.85em}.woocommerce-js table.my_account_orders td,.woocommerce-js table.my_account_orders th{padding:4px 8px;vertical-align:middle}.woocommerce-js table.my_account_orders .button{white-space:nowrap}.woocommerce-js table.my_account_orders .order-actions{text-align:right}.woocommerce-js table.my_account_orders .order-actions .button{margin:.125em 0 .125em .25em}.woocommerce-js table.woocommerce-MyAccount-downloads td,.woocommerce-js table.woocommerce-MyAccount-downloads th{vertical-align:top;text-align:center}.woocommerce-js table.woocommerce-MyAccount-downloads td:first-child,.woocommerce-js table.woocommerce-MyAccount-downloads th:first-child{text-align:left}.woocommerce-js table.woocommerce-MyAccount-downloads td:last-child,.woocommerce-js table.woocommerce-MyAccount-downloads th:last-child{text-align:left}.woocommerce-js table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before,.woocommerce-js table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before{content:'\2193';display:inline-block}.woocommerce-js td.product-name .wc-item-meta,.woocommerce-js td.product-name dl.variation{list-style:none outside;word-wrap:normal;width:100%}.woocommerce-js td.product-name .wc-item-meta .wc-item-meta-label,.woocommerce-js td.product-name .wc-item-meta dt,.woocommerce-js td.product-name dl.variation .wc-item-meta-label,.woocommerce-js td.product-name dl.variation dt{float:left;clear:both;margin-right:.25em;display:inline-block;list-style:none outside;font-weight:500}.woocommerce-js td.product-name .wc-item-meta dd,.woocommerce-js td.product-name dl.variation dd{margin:0}.woocommerce-js td.product-name .wc-item-meta dd p,.woocommerce-js td.product-name dl.variation dd p{font-weight:400}.woocommerce-js td.product-name .wc-item-meta p,.woocommerce-js td.product-name .wc-item-meta:last-child,.woocommerce-js td.product-name dl.variation p,.woocommerce-js td.product-name dl.variation:last-child{margin-bottom:0}.woocommerce-js td.product-name p.backorder_notification{font-size:.83em}.woocommerce-js td.product-quantity{min-width:80px}.woocommerce-js ul.cart_list,.woocommerce-js ul.product_list_widget{list-style:none outside;padding:0;margin:0}.woocommerce-js ul.cart_list li,.woocommerce-js ul.product_list_widget li{padding:4px 0;margin:0;zoom:1;list-style:none}.woocommerce-js ul.cart_list li::after,.woocommerce-js ul.cart_list li::before,.woocommerce-js ul.product_list_widget li::after,.woocommerce-js ul.product_list_widget li::before{content:' ';display:table}.woocommerce-js ul.cart_list li::after,.woocommerce-js ul.product_list_widget li::after{clear:both}.woocommerce-js ul.cart_list li a,.woocommerce-js ul.product_list_widget li a{display:block;font-weight:700}.woocommerce-js ul.cart_list li img,.woocommerce-js ul.product_list_widget li img{float:right;margin-left:4px;width:32px;height:auto;box-shadow:none}.woocommerce-js ul.cart_list li dl,.woocommerce-js ul.product_list_widget li dl{margin:0;padding-left:1em;border-left:2px solid var(--ast-border-color);zoom:1}.woocommerce-js ul.cart_list li dl::after,.woocommerce-js ul.cart_list li dl::before,.woocommerce-js ul.product_list_widget li dl::after,.woocommerce-js ul.product_list_widget li dl::before{content:' ';display:table}.woocommerce-js ul.cart_list li dl::after,.woocommerce-js ul.product_list_widget li dl::after{clear:both}.woocommerce-js ul.cart_list li dl dd,.woocommerce-js ul.cart_list li dl dt,.woocommerce-js ul.product_list_widget li dl dd,.woocommerce-js ul.product_list_widget li dl dt{display:inline-block;float:left;margin-bottom:.1em}.woocommerce-js ul.cart_list li dl dt,.woocommerce-js ul.product_list_widget li dl dt{font-weight:500;padding:0 0 .25em;margin:0 4px 0 0;clear:left}.woocommerce-js ul.cart_list li dl dd,.woocommerce-js ul.product_list_widget li dl dd{padding:0 0 .25em}.woocommerce-js ul.cart_list li dl dd p:last-child,.woocommerce-js ul.product_list_widget li dl dd p:last-child{margin-bottom:0}.woocommerce-js ul.cart_list li .star-rating,.woocommerce-js ul.product_list_widget li .star-rating{float:none}.woocommerce-js .widget_shopping_cart .total strong,.woocommerce-js.widget_shopping_cart .total strong{min-width:40px;display:inline-block;color:var(--ast-global-color-2)}.woocommerce-js .widget_shopping_cart .buttons,.woocommerce-js.widget_shopping_cart .buttons{zoom:1}.woocommerce-js .widget_shopping_cart .buttons::after,.woocommerce-js .widget_shopping_cart .buttons::before,.woocommerce-js.widget_shopping_cart .buttons::after,.woocommerce-js.widget_shopping_cart .buttons::before{content:' ';display:table}.woocommerce-js .widget_shopping_cart .buttons::after,.woocommerce-js.widget_shopping_cart .buttons::after{clear:both}.woocommerce-js .widget_shopping_cart .buttons a,.woocommerce-js.widget_shopping_cart .buttons a{margin-right:5px;margin-bottom:5px}.woocommerce-js form .form-row{padding:3px;margin:0 0 6px}.woocommerce-js form .form-row.place-order .input-checkbox{cursor:pointer}.woocommerce-js form .form-row [placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}.woocommerce-js form .form-row label{line-height:2;font-weight:700;font-size:13.5px;font-size:.9rem}.woocommerce-js form .form-row label.hidden{visibility:hidden}.woocommerce-js form .form-row label.inline{display:inline}.woocommerce-js form .form-row select{cursor:pointer;margin:0}.woocommerce-js form .form-row .required{color:red;font-weight:700;border:0}.woocommerce-js form .form-row .input-checkbox{display:inline;margin:-2px 8px 0 0;text-align:center;vertical-align:middle}.woocommerce-js form .form-row input.input-text,.woocommerce-js form .form-row textarea{box-sizing:border-box;width:100%;margin:0;outline:0;line-height:1}.woocommerce-js form .form-row textarea{height:4em;line-height:1.5;display:block;box-shadow:none}.woocommerce-js form .form-row .select2-container{width:100%;line-height:2em}.woocommerce-js form .form-row.woocommerce-invalid .select2-container,.woocommerce-js form .form-row.woocommerce-invalid input.input-text,.woocommerce-js form .form-row.woocommerce-invalid select{border-color:#d65d67}.woocommerce-js form .form-row.woocommerce-validated .select2-container,.woocommerce-js form .form-row.woocommerce-validated input.input-text,.woocommerce-js form .form-row.woocommerce-validated select{border-color:#69bf29}.woocommerce-js form .form-row ::-webkit-input-placeholder{line-height:normal}.woocommerce-js form .form-row :-moz-placeholder{line-height:normal}.woocommerce-js form .form-row :-ms-input-placeholder{line-height:normal}.woocommerce-js ul#shipping_method{list-style:none outside;margin:0;padding:0}.woocommerce-js ul#shipping_method li input{margin:3px .5ex}.woocommerce-js ul#shipping_method li label{display:inline}.woocommerce-js ul#shipping_method .amount{font-weight:700}.woocommerce-js p.woocommerce-shipping-contents{margin:0}.woocommerce-js ul.order_details{zoom:1;margin:0 0 3em;list-style:none}.woocommerce-js ul.order_details::after,.woocommerce-js ul.order_details::before{content:' ';display:table}.woocommerce-js ul.order_details::after{clear:both}.woocommerce-js ul.order_details li{float:left;margin-right:2em;text-transform:uppercase;font-size:.715em;line-height:1;border-right:1px dashed var(--ast-border-color);padding-right:2em;margin-left:0;padding-left:0;list-style-type:none}.woocommerce-js ul.order_details li strong{display:block;font-size:1.4em;text-transform:none;line-height:1.5}.woocommerce-js ul.order_details li:last-of-type{border:none}.woocommerce-js .wc-bacs-bank-details-account-name{font-weight:700}.woocommerce-js .woocommerce-customer-details,.woocommerce-js .woocommerce-order-details,.woocommerce-js .woocommerce-order-downloads{margin-bottom:2em}.woocommerce-js .woocommerce-customer-details :last-child,.woocommerce-js .woocommerce-order-details :last-child,.woocommerce-js .woocommerce-order-downloads :last-child{margin-bottom:0}.woocommerce-js .woocommerce-customer-details address{font-style:normal;margin-bottom:0;border:1px solid var(--ast-border-color);border-bottom-width:2px;border-right-width:2px;text-align:left;width:100%;border-radius:5px;padding:6px 12px}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email,.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--phone{margin-bottom:0;padding-left:1.5em}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--phone::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;margin-left:-1.5em;line-height:1.75;position:absolute}.woocommerce-js .woocommerce-customer-details .woocommerce-customer-details--email::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;margin-left:-1.5em;line-height:1.75;position:absolute}.woocommerce-js .woocommerce-widget-layered-nav-list{margin:0;padding:0;border:0;list-style:none outside}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{zoom:1;padding:0 0 1px;list-style:none}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after,.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before{content:' ';display:table}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after{clear:both}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{padding:1px 0}.woocommerce-js .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .woocommerce-widget-layered-nav-dropdown__submit{margin-top:1em}.woocommerce-js .widget_layered_nav_filters ul{margin:0;padding:0;border:0;list-style:none outside;overflow:hidden;zoom:1}.woocommerce-js .widget_layered_nav_filters ul li{float:left;padding:0 1px 1px 0;list-style:none}.woocommerce-js .widget_layered_nav_filters ul li a{text-decoration:none}.woocommerce-js .widget_layered_nav_filters ul li a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .widget_product_categories .product-categories .count{float:right}.woocommerce-js .widget_price_filter .price_slider{margin-bottom:1em}.woocommerce-js .widget_price_filter .price_slider_amount{text-align:right;line-height:2.4;font-size:.8751em}.woocommerce-js .widget_price_filter .price_slider_amount .button{font-size:1.15em;float:left}.woocommerce-js .widget_price_filter .ui-slider{position:relative;text-align:left;margin-left:.5em;margin-right:.5em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1em;height:1em;background-color:#a46497;border-radius:1em;cursor:ew-resize;outline:0;top:-.3em;margin-left:-.5em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;border-radius:1em;background-color:#a46497}.woocommerce-js .widget_price_filter .price_slider_wrapper .ui-widget-content{border-radius:1em;background-color:#602053;border:0}.woocommerce-js .widget_price_filter .ui-slider-horizontal{height:.5em}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}.woocommerce-js .widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}.woocommerce-js .widget_rating_filter ul{margin:0;padding:0;border:0;list-style:none outside}.woocommerce-js .widget_rating_filter ul li{zoom:1;padding:0 0 1px;list-style:none}.woocommerce-js .widget_rating_filter ul li::after,.woocommerce-js .widget_rating_filter ul li::before{content:' ';display:table}.woocommerce-js .widget_rating_filter ul li::after{clear:both}.woocommerce-js .widget_rating_filter ul li a{padding:1px 0;text-decoration:none}.woocommerce-js .widget_rating_filter ul li .star-rating{float:none;display:inline-block}.woocommerce-js .widget_rating_filter ul li.chosen a::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none;color:#d65d67}.woocommerce-js .show-on-hover{position:absolute;top:0;left:0;height:100%;right:0;bottom:0;padding:0;margin:0;opacity:0;filter:blur(0);transition:all .2s linear}.woocommerce-js li.product:hover .show-on-hover{opacity:1;transform:scale(1) translateZ(0) translateY(0);pointer-events:inherit}.woocommerce-js .ast-return-to-shop{display:inline-block;margin:5px 0;vertical-align:middle}.woocommerce-js .comment-reply-title{font-size:1.34rem;line-height:1.3;font-weight:500}.woocommerce-js .select2-container .select2-selection--single{height:auto;padding:.75em}.woocommerce-js .select2-container .select2-selection--single .select2-selection__rendered{padding-left:0}.woocommerce-js .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.35}.woocommerce-js .select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;width:1.7em;transform:translateY(-50%)}.woocommerce-js .select2-results__option,.woocommerce-js .select2-search--dropdown .select2-search__field{padding:6px .75em}.woocommerce-js .variations th{text-align:left}.woocommerce-js.single-product a.added_to_cart{padding:.4em .4em 0;display:inline-block}.woocommerce a.added_to_cart{display:none}.woocommerce .widget_product_search button,.woocommerce-page .widget_product_search button{flex:0 0 auto;padding:10px 20px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{text-align:left;margin-bottom:2.5em}.woocommerce ul.products li.product.product-category>a,.woocommerce-page ul.products li.product.product-category>a{display:inline-block;position:relative}.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img{margin-bottom:.8em}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce-page ul.products li.product .woocommerce-loop-product__title{margin-bottom:.5em;padding:0;font-size:1em}.woocommerce ul.products li.product .ast-woo-product-category,.woocommerce-page ul.products li.product .ast-woo-product-category{font-size:.85em;margin-bottom:.5em;display:block;line-height:1.3;opacity:.6}.woocommerce ul.products li.product .star-rating,.woocommerce-page ul.products li.product .star-rating{margin:0 auto .5em 0;backface-visibility:hidden}.woocommerce ul.products li.product .ast-woo-shop-product-description p,.woocommerce-page ul.products li.product .ast-woo-shop-product-description p{margin-bottom:.5em}.woocommerce ul.products li.product .woocommerce-loop-product__link,.woocommerce-page ul.products li.product .woocommerce-loop-product__link{position:relative;display:block}.woocommerce ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock{background-color:#fff}.woocommerce ul.products li.product.product-category>a:hover .woocommerce-loop-category__title,.woocommerce-page ul.products li.product.product-category>a:hover .woocommerce-loop-category__title{background-color:#fff}.woocommerce ul.products li.product .ast-shop-product-out-of-stock,.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{position:absolute;background-color:rgba(255,255,255,.88);transition:background .3s;text-align:center;left:1em;right:1em;padding:.5em 0 .7em}.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{bottom:1.8em;font-size:.9em}.woocommerce ul.products li.product .woocommerce-loop-category__title .count,.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count{font-size:.7em}.woocommerce ul.products li.product .ast-shop-product-out-of-stock,.woocommerce-page ul.products li.product .ast-shop-product-out-of-stock{bottom:1em;text-transform:uppercase;font-weight:700}.woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9em}.woocommerce ul.products li.product .price del,.woocommerce-page ul.products li.product .price del{display:initial}.woocommerce ul.products li.product .button,.woocommerce-page ul.products li.product .button{margin-top:.5em;margin-bottom:.5em;white-space:normal}.woocommerce ul.products li.product .button.added,.woocommerce-page ul.products li.product .button.added{margin-bottom:0;transition:margin 0s}.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce-page ul.products li.product .woocommerce-loop-category__title{text-transform:uppercase;font-weight:700;line-height:1.5}.woocommerce ul.products li.product .woocommerce-loop-category__title .count,.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count{display:block;background:0 0;opacity:.5;font-size:.75em}.woocommerce .related.products li.product:last-child,.woocommerce-page .related.products li.product:last-child{margin-right:0}.woocommerce table.shop_table,.woocommerce-page table.shop_table{border:1px solid var(--ast-border-color);border-radius:0}.woocommerce table.shop_table .product-thumbnail img,.woocommerce-page table.shop_table .product-thumbnail img{width:auto;max-width:70px}.woocommerce table.shop_table thead,.woocommerce-page table.shop_table thead{background-color:#fbfbfb}.woocommerce table.shop_table thead th,.woocommerce-page table.shop_table thead th{border-width:0}.woocommerce table.shop_table td,.woocommerce table.shop_table th,.woocommerce-page table.shop_table td,.woocommerce-page table.shop_table th{border-bottom-width:0;padding:.7em 1em}.woocommerce table.shop_table td,.woocommerce-page table.shop_table td{border-top:1px solid var(--ast-border-color)}.woocommerce table.shop_table td.download-file,.woocommerce table.shop_table td.woocommerce-orders-table__cell-order-actions,.woocommerce-page table.shop_table td.download-file,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions{display:block}.woocommerce table.shop_table td.download-file a,.woocommerce table.shop_table td.woocommerce-orders-table__cell-order-actions a,.woocommerce-page table.shop_table td.download-file a,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions a{margin-right:.5em;margin-top:.25em;margin-bottom:.25em}.woocommerce table.shop_table td.download-file a:last-child,.woocommerce table.shop_table td.woocommerce-orders-table__cell-order-actions a:last-child,.woocommerce-page table.shop_table td.download-file a:last-child,.woocommerce-page table.shop_table td.woocommerce-orders-table__cell-order-actions a:last-child{margin-right:0}.woocommerce table.shop_table .woocommerce-Price-amount,.woocommerce-page table.shop_table .woocommerce-Price-amount{font-weight:400}.woocommerce #content table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text{width:auto}.woocommerce #content table.cart td,.woocommerce-page #content table.cart td{min-height:3.25em}.woocommerce #content table.cart [name=coupon_code],.woocommerce-page #content table.cart [name=coupon_code]{max-height:35px}.woocommerce #content table.cart .button,.woocommerce-page #content table.cart .button{display:inline-block;width:auto}.ast-separate-container .ast-woocommerce-container{background-color:#fff}@media (max-width:1200px){.ast-separate-container .ast-woocommerce-container{padding:3.34em 2.4em}}@media (max-width:992px){.ast-separate-container .ast-woocommerce-container{padding:1.5em 2.14em}}@media (min-width:1201px){.ast-separate-container .ast-woocommerce-container{padding:5.34em 6.67em}}.ast-separate-container .ast-woocommerce-container .product{border-bottom:0}.ast-separate-container.single-product .ast-article-single{margin:0;padding:0;display:inline-block;width:100%}.pswp{z-index:999999}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}.woocommerce .pswp__caption__center,.woocommerce-page .pswp__caption__center{text-align:center}.woocommerce .pswp__bg,.woocommerce-page .pswp__bg{opacity:.7!important}.woocommerce .pswp__ui--fit .pswp__caption,.woocommerce .pswp__ui--fit .pswp__top-bar,.woocommerce-page .pswp__ui--fit .pswp__caption,.woocommerce-page .pswp__ui--fit .pswp__top-bar{background-color:transparent}.woocommerce form .form-row textarea,.woocommerce input[type=email],.woocommerce input[type=number],.woocommerce input[type=password],.woocommerce input[type=reset],.woocommerce input[type=search],.woocommerce input[type=tel],.woocommerce input[type=text],.woocommerce input[type=url],.woocommerce textarea,.woocommerce-page form .form-row textarea,.woocommerce-page input[type=email],.woocommerce-page input[type=number],.woocommerce-page input[type=password],.woocommerce-page input[type=reset],.woocommerce-page input[type=search],.woocommerce-page input[type=tel],.woocommerce-page input[type=text],.woocommerce-page input[type=url],.woocommerce-page textarea{border-color:var(--ast-border-color);background-color:#fff;box-shadow:none;border-radius:0}.woocommerce form .form-row textarea:focus,.woocommerce input[type=email]:focus,.woocommerce input[type=number]:focus,.woocommerce input[type=password]:focus,.woocommerce input[type=reset]:focus,.woocommerce input[type=search]:focus,.woocommerce input[type=tel]:focus,.woocommerce input[type=text]:focus,.woocommerce input[type=url]:focus,.woocommerce textarea:focus,.woocommerce-page form .form-row textarea:focus,.woocommerce-page input[type=email]:focus,.woocommerce-page input[type=number]:focus,.woocommerce-page input[type=password]:focus,.woocommerce-page input[type=reset]:focus,.woocommerce-page input[type=search]:focus,.woocommerce-page input[type=tel]:focus,.woocommerce-page input[type=text]:focus,.woocommerce-page input[type=url]:focus,.woocommerce-page textarea:focus{box-shadow:none;border-color:var(--ast-border-color)}.woocommerce .select2-container .select2-dropdown,.woocommerce-page .select2-container .select2-dropdown{border:1px solid var(--ast-border-color);z-index:98}.woocommerce .select2-container .select2-selection--single,.woocommerce select,.woocommerce-page .select2-container .select2-selection--single,.woocommerce-page select{padding:.5em .8em;line-height:normal;padding-right:2em;appearance:none;background-position:98% 50%;background-color:var(--ast-global-dark-bg-style,#fff);border-color:var(--ast-border-color);border-radius:3px;box-shadow:none}.woocommerce .select2-container .select2-selection--single:focus,.woocommerce select:focus,.woocommerce-page .select2-container .select2-selection--single:focus,.woocommerce-page select:focus{outline:0}.woocommerce .select2-container .select2-selection--single b,.woocommerce select b,.woocommerce-page .select2-container .select2-selection--single b,.woocommerce-page select b{display:none}.woocommerce .woocommerce-ordering select,.woocommerce-page .woocommerce-ordering select{background-color:transparent;border:transparent;border-radius:0}button.pswp__button{box-shadow:none!important;background-image:url("../../../../../../../plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png")!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0}.woocommerce-error,.woocommerce-info,.woocommerce-message{padding:1em 2em 1em 3.5em;margin:0 0 2em;position:relative;background-color:#f7f6f7;color:#515151;border-top:3px solid #a46497;list-style:none outside;zoom:1;width:auto;word-wrap:break-word}.woocommerce-error::after,.woocommerce-error::before,.woocommerce-info::after,.woocommerce-info::before,.woocommerce-message::after,.woocommerce-message::before{content:' ';display:table}.woocommerce-error::after,.woocommerce-info::after,.woocommerce-message::after{clear:both}.woocommerce-error::before,.woocommerce-info::before,.woocommerce-message::before{font-family:WooCommerce;content:'\e028';display:inline-block;position:absolute;top:1em;left:1.5em}.woocommerce-error .button,.woocommerce-info .button,.woocommerce-message .button{float:right}.woocommerce-error li,.woocommerce-info li,.woocommerce-message li{list-style:none outside!important;padding-left:0!important;margin-left:0!important}.woocommerce-message{border-top-color:#8fae1b}.woocommerce-message::before{content:'\e015';color:#8fae1b}.woocommerce-info{border-top-color:#1e85be}.woocommerce-info::before{color:#1e85be}.woocommerce-error{border-top-color:#b81c23}.woocommerce-error::before{content:'\e016';color:#b81c23}.woocommerce .woocommerce,.woocommerce-account .woocommerce{zoom:1}.woocommerce .woocommerce::after,.woocommerce .woocommerce::before,.woocommerce-account .woocommerce::after,.woocommerce-account .woocommerce::before{content:' ';display:table}.woocommerce .woocommerce::after,.woocommerce-account .woocommerce::after{clear:both}.woocommerce .addresses .title,.woocommerce-account .addresses .title{zoom:1}.woocommerce .addresses .title::after,.woocommerce .addresses .title::before,.woocommerce-account .addresses .title::after,.woocommerce-account .addresses .title::before{content:' ';display:table}.woocommerce .addresses .title::after,.woocommerce-account .addresses .title::after{clear:both}.woocommerce .addresses .title h3,.woocommerce-account .addresses .title h3{float:left}.woocommerce .addresses .title .edit,.woocommerce-account .addresses .title .edit{float:right;padding:.7em 1em}.woocommerce ol.commentlist.notes li.note p.meta,.woocommerce-account ol.commentlist.notes li.note p.meta{font-weight:700;margin-bottom:0}.woocommerce ol.commentlist.notes li.note .description p:last-child,.woocommerce-account ol.commentlist.notes li.note .description p:last-child{margin-bottom:0}.woocommerce ul.digital-downloads,.woocommerce-account ul.digital-downloads{margin-left:0;padding-left:0}.woocommerce ul.digital-downloads li,.woocommerce-account ul.digital-downloads li{list-style:none;margin-left:0;padding-left:0}.woocommerce ul.digital-downloads li::before,.woocommerce-account ul.digital-downloads li::before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none}.woocommerce ul.digital-downloads li .count,.woocommerce-account ul.digital-downloads li .count{float:right}.woocommerce .woocommerce-Addresses .woocommerce-Address-title,.woocommerce .woocommerce-Addresses .woocommerce-column__title,.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title,.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title,.woocommerce .woocommerce-customer-details .woocommerce-Address-title,.woocommerce .woocommerce-customer-details .woocommerce-column__title,.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title,.woocommerce-account .woocommerce-Addresses .woocommerce-column__title,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title,.woocommerce-account .woocommerce-customer-details .woocommerce-column__title{background:#fbfbfb;padding:.5em;margin-bottom:0;border-width:1px 1px 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce .woocommerce-Addresses .woocommerce-Address-title h3,.woocommerce .woocommerce-Addresses .woocommerce-column__title h3,.woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3,.woocommerce .woocommerce-MyAccount-content .woocommerce-column__title h3,.woocommerce .woocommerce-customer-details .woocommerce-Address-title h3,.woocommerce .woocommerce-customer-details .woocommerce-column__title h3,.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3,.woocommerce-account .woocommerce-Addresses .woocommerce-column__title h3,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title h3,.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title h3,.woocommerce-account .woocommerce-customer-details .woocommerce-column__title h3{margin-bottom:0}.woocommerce .woocommerce-Addresses address,.woocommerce .woocommerce-MyAccount-content address,.woocommerce .woocommerce-customer-details address,.woocommerce-account .woocommerce-Addresses address,.woocommerce-account .woocommerce-MyAccount-content address,.woocommerce-account .woocommerce-customer-details address{border:1px solid var(--ast-border-color);padding:1em;border-radius:0}#add_payment_method table.cart .product-thumbnail,.woocommerce-cart table.cart .product-thumbnail,.woocommerce-checkout table.cart .product-thumbnail{min-width:32px}#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img{width:32px;box-shadow:none}#add_payment_method table.cart td,#add_payment_method table.cart th,.woocommerce-cart table.cart td,.woocommerce-cart table.cart th,.woocommerce-checkout table.cart td,.woocommerce-checkout table.cart th{vertical-align:middle}#add_payment_method table.cart td.actions .coupon .input-text,.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce-checkout table.cart td.actions .coupon .input-text{float:left;box-sizing:border-box;border:1px solid var(--ast-border-color);padding:6px 6px 5px;margin:0 4px 0 0;outline:0;line-height:1}#add_payment_method table.cart input,.woocommerce-cart table.cart input,.woocommerce-checkout table.cart input{margin:0;vertical-align:middle;line-height:1}#add_payment_method .wc-proceed-to-checkout,.woocommerce-cart .wc-proceed-to-checkout,.woocommerce-checkout .wc-proceed-to-checkout{zoom:1;padding:1em 0}#add_payment_method .wc-proceed-to-checkout::after,#add_payment_method .wc-proceed-to-checkout::before,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::before,.woocommerce-checkout .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::before{content:' ';display:table}#add_payment_method .wc-proceed-to-checkout::after,.woocommerce-cart .wc-proceed-to-checkout::after,.woocommerce-checkout .wc-proceed-to-checkout::after{clear:both}#add_payment_method .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;margin-bottom:1em;font-size:1.25em;padding:1em}#add_payment_method .cart-collaterals .shipping_calculator .button,.woocommerce-cart .cart-collaterals .shipping_calculator .button,.woocommerce-checkout .cart-collaterals .shipping_calculator .button{width:100%;float:none;display:block}#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after,.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after,.woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none}#add_payment_method .cart-collaterals .cart_totals p small,.woocommerce-cart .cart-collaterals .cart_totals p small,.woocommerce-checkout .cart-collaterals .cart_totals p small{color:#777;font-size:.83em}#add_payment_method .cart-collaterals .cart_totals table,.woocommerce-cart .cart-collaterals .cart_totals table,.woocommerce-checkout .cart-collaterals .cart_totals table{border-collapse:separate;margin:0 0 6px;padding:0}#add_payment_method .cart-collaterals .cart_totals table tr:first-child td,#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th{border-top:0}#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table th{width:40%}#add_payment_method .cart-collaterals .cart_totals table td,#add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table td,.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-checkout .cart-collaterals .cart_totals table td,.woocommerce-checkout .cart-collaterals .cart_totals table th{vertical-align:top;border-left:0;border-right:0;line-height:1.5em}#add_payment_method .cart-collaterals .cart_totals table small,.woocommerce-cart .cart-collaterals .cart_totals table small,.woocommerce-checkout .cart-collaterals .cart_totals table small{color:#777}#add_payment_method .cart-collaterals .cart_totals table select,.woocommerce-cart .cart-collaterals .cart_totals table select,.woocommerce-checkout .cart-collaterals .cart_totals table select{width:100%}#add_payment_method .cart-collaterals .cart_totals .discount td,.woocommerce-cart .cart-collaterals .cart_totals .discount td,.woocommerce-checkout .cart-collaterals .cart_totals .discount td{color:#77a464}#add_payment_method .cart-collaterals .cart_totals tr td,#add_payment_method .cart-collaterals .cart_totals tr th,.woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-checkout .cart-collaterals .cart_totals tr td,.woocommerce-checkout .cart-collaterals .cart_totals tr th{border-top:1px solid var(--ast-border-color)}#add_payment_method .cart-collaterals .cross-sells ul.products li.product,.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product{margin-top:0}#add_payment_method .checkout .col-2 h3#ship-to-different-address,.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address{float:left;clear:none}#add_payment_method .checkout .col-2 .notes,.woocommerce-cart .checkout .col-2 .notes,.woocommerce-checkout .checkout .col-2 .notes{clear:left}#add_payment_method .checkout .col-2 .form-row-first,.woocommerce-cart .checkout .col-2 .form-row-first,.woocommerce-checkout .checkout .col-2 .form-row-first{clear:left}#add_payment_method .checkout .create-account small,.woocommerce-cart .checkout .create-account small,.woocommerce-checkout .checkout .create-account small{font-size:11px;color:#777;font-weight:400}#add_payment_method .checkout div.shipping-address,.woocommerce-cart .checkout div.shipping-address,.woocommerce-checkout .checkout div.shipping-address{padding:0;clear:left;width:100%}#add_payment_method .checkout .shipping_address,.woocommerce-cart .checkout .shipping_address,.woocommerce-checkout .checkout .shipping_address{clear:both}#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment{border-radius:5px}#add_payment_method #payment ul.payment_methods,.woocommerce-cart #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods{zoom:1;text-align:left;padding:1em;border-bottom:1px solid var(--ast-border-color);margin:0;list-style:none outside}#add_payment_method #payment ul.payment_methods::after,#add_payment_method #payment ul.payment_methods::before,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::before,.woocommerce-checkout #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::before{content:' ';display:table}#add_payment_method #payment ul.payment_methods::after,.woocommerce-cart #payment ul.payment_methods::after,.woocommerce-checkout #payment ul.payment_methods::after{clear:both}#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li{line-height:2;text-align:left;margin:0;font-weight:400}#add_payment_method #payment ul.payment_methods li input,.woocommerce-cart #payment ul.payment_methods li input,.woocommerce-checkout #payment ul.payment_methods li input{cursor:pointer;margin:0 1em 0 0}#add_payment_method #payment ul.payment_methods li img,.woocommerce-cart #payment ul.payment_methods li img,.woocommerce-checkout #payment ul.payment_methods li img{vertical-align:middle;margin:-2px 0 0 .5em;padding:0;position:relative;box-shadow:none}#add_payment_method #payment ul.payment_methods li img+img,.woocommerce-cart #payment ul.payment_methods li img+img,.woocommerce-checkout #payment ul.payment_methods li img+img{margin-left:2px}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice),.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice),.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice){zoom:1}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before{content:' ';display:table}#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after{clear:both}#add_payment_method #payment div.form-row,.woocommerce-cart #payment div.form-row,.woocommerce-checkout #payment div.form-row{padding:1em}#add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #payment div.payment_box{position:relative;box-sizing:border-box;width:100%;padding:1em;margin:1em 0;font-size:.92em;border-radius:2px;line-height:1.5;background-color:#dfdcde;color:#515151}#add_payment_method #payment div.payment_box input.input-text,#add_payment_method #payment div.payment_box textarea,.woocommerce-cart #payment div.payment_box input.input-text,.woocommerce-cart #payment div.payment_box textarea,.woocommerce-checkout #payment div.payment_box input.input-text,.woocommerce-checkout #payment div.payment_box textarea{border-color:#c7c1c6;border-top-color:#bbb3b9}#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box :-moz-placeholder,.woocommerce-cart #payment div.payment_box :-moz-placeholder,.woocommerce-checkout #payment div.payment_box :-moz-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box :-ms-input-placeholder,.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder{color:#bbb3b9}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods{list-style:none outside;margin:0}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token{margin:0 0 .5em}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label{cursor:pointer}#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput{vertical-align:middle;margin:-3px 1em 0 0;position:relative}#add_payment_method #payment div.payment_box .wc-credit-card-form,.woocommerce-cart #payment div.payment_box .wc-credit-card-form,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form{border:0;padding:0;margin:1em 0 0}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number{font-size:1.5em;padding:8px;background-repeat:no-repeat;background-position:right .618em center;background-size:32px 20px}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/visa.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/laser.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/diners.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/amex.svg")}#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover{background-image:url("../../../../../../../plugins/woocommerce/assets/images/icons/credit-cards/discover.svg")}#add_payment_method #payment div.payment_box span.help,.woocommerce-cart #payment div.payment_box span.help,.woocommerce-checkout #payment div.payment_box span.help{font-size:.857em;color:#777;font-weight:400}#add_payment_method #payment div.payment_box .form-row,.woocommerce-cart #payment div.payment_box .form-row,.woocommerce-checkout #payment div.payment_box .form-row{margin:0 0 1em}#add_payment_method #payment div.payment_box p:last-child,.woocommerce-cart #payment div.payment_box p:last-child,.woocommerce-checkout #payment div.payment_box p:last-child{margin-bottom:0}#add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before{content:'';display:block;border:1em solid #dfdcde;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;position:absolute;top:-1em;left:0;margin:-1em 0 0 2em}#add_payment_method #payment .payment_method_paypal .about_paypal,.woocommerce-cart #payment .payment_method_paypal .about_paypal,.woocommerce-checkout #payment .payment_method_paypal .about_paypal{float:right;line-height:52px;font-size:.83em}#add_payment_method #payment .payment_method_paypal img,.woocommerce-cart #payment .payment_method_paypal img,.woocommerce-checkout #payment .payment_method_paypal img{max-height:52px;vertical-align:middle}.woocommerce-cart-form__cart-item td.product-remove{text-align:center}.woocommerce-cart-form__cart-item td.product-remove a.remove{display:inline-block;vertical-align:middle}.woocommerce-cart table.shop_table td,.woocommerce-cart table.shop_table th{border-right:0}.woocommerce-cart table.shop_table .woocommerce-Price-amount,.woocommerce-cart table.shop_table td.product-name{font-weight:500}.woocommerce-cart table.shop_table .woocommerce-Price-amount{font-weight:400}.woocommerce-cart table.shop_table dl dt{font-weight:500}.woocommerce-cart table.shop_table dl dd{font-weight:400}.woocommerce-cart .cart-collaterals .cross-sells li.product{padding-bottom:1em}.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-cart .cart-collaterals .cross-sells{padding:0 20px;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:0;margin-bottom:2em}.woocommerce-cart .cart-collaterals .cart_totals .shop_table,.woocommerce-cart .cart-collaterals .cross-sells .shop_table{border-top:0;border-left:0;border-right:0;border-radius:0}.woocommerce-cart .cart-collaterals .cart_totals>h2,.woocommerce-cart .cart-collaterals .cross-sells>h2{margin:0 -20px 20px;background-color:var(--ast-global-dark-lfs);border-bottom:1px solid var(--ast-border-color);font-weight:700}.woocommerce-cart .hentry,.woocommerce-cart ul.products{margin-bottom:0}.woocommerce-cart .hentry li.product,.woocommerce-cart ul.products li.product{margin-bottom:0}.woocommerce-cart table.cart td.actions .coupon{display:flex;align-items:center;margin:5px 0}.woocommerce-cart table.cart td.actions .coupon .input-text{padding:.5em .75em}.woocommerce-cart table.cart td.actions .button{padding:.5em 1em;line-height:1.5}.woocommerce-cart table.cart td.actions input.button{display:inline-block;width:auto}.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{font-size:1.1em;line-height:1.8em}.woocommerce-page.woocommerce-checkout form.checkout.woocommerce-checkout:after,.woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout:after{content:"";clear:both;display:table}.woocommerce-page.woocommerce-checkout table.shop_table thead,.woocommerce.woocommerce-checkout table.shop_table thead{background:0 0}.woocommerce-page.woocommerce-checkout table.shop_table th,.woocommerce.woocommerce-checkout table.shop_table th{padding:14px 12px}.woocommerce-page.woocommerce-checkout table.shop_table td,.woocommerce.woocommerce-checkout table.shop_table td{padding:10px 10px 10px 0;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout table.shop_table tfoot td,.woocommerce.woocommerce-checkout table.shop_table tfoot td{opacity:1}.woocommerce-page.woocommerce-checkout table.shop_table td,.woocommerce-page.woocommerce-checkout table.shop_table th,.woocommerce.woocommerce-checkout table.shop_table td,.woocommerce.woocommerce-checkout table.shop_table th{border-bottom-width:1px}.woocommerce-page.woocommerce-checkout form #order_review table,.woocommerce.woocommerce-checkout form #order_review table{border-width:0}.woocommerce-page.woocommerce-checkout form #order_review td,.woocommerce-page.woocommerce-checkout form #order_review th,.woocommerce.woocommerce-checkout form #order_review td,.woocommerce.woocommerce-checkout form #order_review th{border-top:0;border-right:0;padding-left:0;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout form #order_review td.product-name,.woocommerce.woocommerce-checkout form #order_review td.product-name{font-weight:500;display:flex;align-items:center;flex-wrap:wrap}.woocommerce-page.woocommerce-checkout form #order_review td.product-name .product-quantity,.woocommerce.woocommerce-checkout form #order_review td.product-name .product-quantity{font-weight:400}.woocommerce-page.woocommerce-checkout form #order_review td:last-child,.woocommerce-page.woocommerce-checkout form #order_review th:last-child,.woocommerce.woocommerce-checkout form #order_review td:last-child,.woocommerce.woocommerce-checkout form #order_review th:last-child{text-align:right}.woocommerce-page.woocommerce-checkout form .form-row:last-child,.woocommerce.woocommerce-checkout form .form-row:last-child{margin-bottom:0}.woocommerce-page.woocommerce-checkout #payment,.woocommerce.woocommerce-checkout #payment{border-radius:0}.woocommerce-page.woocommerce-checkout #payment ul.payment_methods,.woocommerce.woocommerce-checkout #payment ul.payment_methods{padding:0;margin-bottom:1em;border-bottom:0}.woocommerce-page.woocommerce-checkout #payment div.payment_box,.woocommerce.woocommerce-checkout #payment div.payment_box{background-color:#efefef}.woocommerce-page.woocommerce-checkout #payment div.payment_box:before,.woocommerce.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:#efefef}.woocommerce-page.woocommerce-checkout #payment div.form-row,.woocommerce.woocommerce-checkout #payment div.form-row{padding:0 0 2em}.woocommerce-page.woocommerce-checkout #payment #place_order,.woocommerce.woocommerce-checkout #payment #place_order{width:100%}.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td,.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th{padding:.7em 1em;border-bottom-width:0}.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td:last-child,.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table th:last-child,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table td:last-child,.woocommerce.woocommerce-checkout .woocommerce-order table.shop_table th:last-child{border-right-width:0}.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title,.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,.woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title{background:#fbfbfb;padding:1em;margin-bottom:0;font-size:1.3rem;border-width:1px 1px 0 1px;border-style:solid;border-color:var(--ast-border-color)}.woocommerce-page.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading,.woocommerce.woocommerce-checkout .woocommerce-order h2.wc-bacs-bank-details-heading{font-size:1.5rem;border-top:3px solid var(--ast-border-color);padding-top:.5em}.woocommerce-page.woocommerce-checkout .woocommerce-order h3,.woocommerce.woocommerce-checkout .woocommerce-order h3{font-size:1.1rem}.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details,.woocommerce.woocommerce-checkout .woocommerce-order ul.order_details{margin-bottom:2em}.woocommerce-page.woocommerce-checkout .woocommerce-customer-details address,.woocommerce.woocommerce-checkout .woocommerce-customer-details address{border-right-width:1px;border-bottom-width:1px;border-radius:0}.woocommerce form .form-row .required{text-decoration:none}.woocommerce form.checkout_coupon{margin:0;border:0;padding:0 0 2em}.woocommerce form.checkout_coupon .form-row{margin:0;padding:0;float:none;display:inline-block}.woocommerce form.checkout_coupon [name=coupon_code]{padding-top:9px;padding-bottom:9px}.woocommerce form.checkout_coupon .button{padding:.5em 1em;vertical-align:initial;line-height:1.35}@media (max-width:420px){.woocommerce form.checkout_coupon .form-row-first,.woocommerce form.checkout_coupon .form-row-last{display:block;margin:0 auto;width:100%}.woocommerce form.checkout_coupon .form-row-first{margin-bottom:10px}.woocommerce form.checkout_coupon .button[name=apply_coupon]{width:100%;padding:10px 5px}}.checkout_coupon .input-text{padding:.5em .75em}.woocommerce-MyAccount-navigation>ul{margin:0}.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button{margin-top:1em;margin-left:3px}#secondary .widget.woocommerce>li,#secondary .widget_layered_nav_filters>li{margin-bottom:0}#secondary .widget .select2-container .select2-selection--multiple .select2-selection__rendered{display:block;min-height:42px}#secondary .widget .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{margin-top:5px;margin-bottom:5px}#secondary .widget .select2-search__field{min-height:42px;margin:0}.woocommerce-js ul.cart_list li>a,.woocommerce-js ul.product_list_widget li>a{font-weight:500;margin-bottom:.33em;color:var(--ast-global-color-2)}.woocommerce-js #secondary .woocommerce-js ul.cart_list,.woocommerce-js #secondary .woocommerce-js ul.product_list_widget{margin:0}.woocommerce-js .widget_shopping_cart .cart_list li,.woocommerce-js .widget_shopping_cart li,.woocommerce-js ul.product_list_widget .cart_list li,.woocommerce-js ul.product_list_widget li{padding:.6em 0 .6em 5em;min-height:5em;position:relative;border-bottom:1px solid var(--ast-border-color);margin:0;line-height:1.5}.woocommerce-js .widget_shopping_cart .cart_list li:last-child,.woocommerce-js .widget_shopping_cart li:last-child,.woocommerce-js ul.product_list_widget .cart_list li:last-child,.woocommerce-js ul.product_list_widget li:last-child{border-bottom:none}.woocommerce-js .widget_shopping_cart .woocommerce-mini-cart__buttons{margin-bottom:0}.woocommerce-js .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward{margin-left:5px;margin-right:0}.woocommerce-js.widget_product_tag_cloud .tagcloud{margin-top:10px;display:inline-block}.woocommerce-js.widget_product_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;font-size:14px;margin-right:4px;line-height:1.5;transition:all .2s linear}.woocommerce-js .widget_shopping_cart .total,.woocommerce-js.widget_shopping_cart .total{padding:5px 0;border-top:1px solid var(--ast-border-color);border-bottom:1px solid var(--ast-border-color);margin-bottom:1.3em}.woocommerce-js ul.product_list_widget li img{position:absolute;left:0;width:4em;height:4em;margin:0 0 .5em 0;top:50%;transform:translateY(-50%);object-fit:cover}.woocommerce-js ul.product-categories>li{padding:2px 0}.woocommerce-js ul.product-categories>li:first-child{border:none}.woocommerce-js .widget del{opacity:.5}.woocommerce-js .widget ins{background:inherit}.woocommerce-js .widget .amount,.woocommerce-js .widget ins{font-weight:400}.woocommerce-js .widget .star-rating{margin:5px 0}.woocommerce-js .widget_rating_filter ul li a{display:inline-flex;align-items:center}.woocommerce-js .price_slider_amount .price_label span{font-weight:700}.woocommerce-js .widget_price_filter .ui-slider-horizontal{height:.2em}.woocommerce-js .widget_price_filter .ui-slider .ui-slider-handle{top:-.4em;cursor:pointer}.woocommerce-js .widget_price_filter .price_slider_amount .button{font-size:.9em!important;padding:8px 18px}.woocommerce-js .widget_price_filter .price_slider{margin-bottom:1.2em}.woocommerce-js .widget_price_filter .price_slider_wrapper .ui-widget-content{background-color:#ededed}.woocommerce-js .widget_product_tag_cloud .tagcloud a{border:1px solid var(--ast-border-color);padding:.5em .9em;display:inline-block;margin-bottom:4px;margin-right:4px;line-height:1.5;padding:.5em 1.2em;font-size:12px!important;font-size:.8rem!important}.woocommerce-js .widget_product_tag_cloud .tagcloud a a.current-item,.woocommerce-js .widget_product_tag_cloud .tagcloud a a:focus,.woocommerce-js .widget_product_tag_cloud .tagcloud a a:hover{background-color:#fafafa}.woocommerce-js .widget_shopping_cart .cart_list li,.woocommerce.widget_shopping_cart .cart_list li{padding:1.2em 1.8em 1.2em 5em}.woocommerce-js .widget_shopping_cart .cart_list li a.remove,.woocommerce.widget_shopping_cart .cart_list li a.remove{position:absolute;left:auto;right:0;top:.5em;color:var(--ast-global-color-3)}.woocommerce-js .widget_shopping_cart .cart_list li a.remove:hover,.woocommerce.widget_shopping_cart .cart_list li a.remove:hover{color:var(--ast-global-color-3)}.woocommerce-product-search{display:flex}.woocommerce-product-search .search-field{flex:auto;width:100%;border-top-right-radius:0;border-bottom-right-radius:0}.woocommerce-product-search input[type=submit]{padding:10px 15px;border-top-left-radius:0;border-bottom-left-radius:0}#secondary .widget_layered_nav_filters ul li.chosen,.widget_layered_nav_filters ul li.chosen{padding:0 .5em;margin-right:.5em;margin-bottom:.5em;background:rgba(245,245,245,.75);border-radius:20px;font-size:1em}#secondary .widget_layered_nav_filters ul li.chosen:hover,.widget_layered_nav_filters ul li.chosen:hover{background-color:#f5f5f5}#secondary .widget_layered_nav_filters ul li.chosen a,.widget_layered_nav_filters ul li.chosen a{display:block}#secondary .widget_layered_nav_filters ul li.chosen a::before,.widget_layered_nav_filters ul li.chosen a::before{margin-right:.5em;line-height:inherit;position:relative;top:1px}.woocommerce-terms-and-conditions{border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background:rgba(0,0,0,.05)}.woocommerce-password-strength{text-align:center;font-weight:600;padding:3px .5em;font-size:1em}.woocommerce-password-strength.strong{background-color:#c1e1b9;border-color:#83c373}.woocommerce-password-strength.short{background-color:#f1adad;border-color:#e35b5b}.woocommerce-password-strength.bad{background-color:#fbc5a9;border-color:#f78b53}.woocommerce-password-strength.good{background-color:#ffe399;border-color:#ffc733}.woocommerce-password-hint{margin:.5em 0 0;display:block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu .header-main-layout-2 .main-header-container{display:block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .header-main-layout-2 .main-header-container{text-align:center}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-main-header-bar-alignment{display:inline-block}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-custom-item-outside .ast-masthead-custom-menu-items{display:inline-block;float:right}.ast-safari-browser-less-than-11.ast-woocommerce-cart-menu.ast-header-break-point .header-main-layout-2 .main-header-container{display:flex}.rtl .woocommerce-pagination .page-numbers li:last-child .next{transform:rotateY(180deg)}.rtl .woocommerce-pagination .page-numbers li:first-child .prev{transform:rotateY(-180deg)}.ast-site-header-cart .widgettitle{display:none}.wc-block-grid .wc-block-grid__products .wc-block-grid__product{text-align:left;margin-bottom:2.5em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category>a{display:inline-block;position:relative}.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img{width:100%;height:auto;display:block;margin:0 0 .8em 0;box-shadow:none}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{margin-bottom:.5em;padding:0;font-size:1em;line-height:1.2;font-weight:inherit}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating{margin:0 auto .5em 0;backface-visibility:hidden}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link{position:relative;display:block}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock{background-color:#fff}.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category>a:hover .woocommerce-loop-category__title{background-color:#fff}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title{bottom:1.8em;font-size:.9em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count{font-size:.7em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price{line-height:1.3;margin-bottom:0;font-weight:700;margin-bottom:.5em;font-size:.9em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del{display:initial}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link{margin-top:.5em;margin-bottom:.5em;white-space:normal;line-height:1.3;font-size:100%;font-weight:700}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added{margin-bottom:0;transition:margin 0s}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title{text-transform:uppercase;font-weight:700;line-height:1.5}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count{display:block;background:0 0;opacity:.5;font-size:.75em}.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale{min-width:3em;min-height:3em;line-height:3em;padding:0;font-size:.8em;font-weight:400;text-transform:capitalize;position:absolute;text-align:center;border-radius:100%;z-index:9;top:0;right:10px;left:auto;margin:-.5em -.5em 0 0}.widget_product_categories .children{padding-left:20px}@supports (-moz-appearance:none){.sidebar-main .widget_product_search .search-field{width:60%}}.woocommerce-page .widget .wc-block-price-slider{padding-top:.15em}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress{--range-color:var(--ast-global-color-0);top:-1px}@-moz-document url-prefix(){.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress{top:1px}}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-wrapper{box-shadow:none;background-color:#ededed}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-progress,.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-wrapper{height:3px}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__controls{border-color:var(--ast-border-color)}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__range-text{line-height:2.4;font-size:.8751em}.woocommerce-page .widget .wc-block-price-slider .wc-block-price-filter__range-text .wc-block-components-formatted-money-amount{font-weight:700}.woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__controls{justify-content:end}.woocommerce-page .widget .wc-block-price-slider input[type=range]{margin:0}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-webkit-slider-runnable-track{height:3px;box-shadow:none;background-color:transparent}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-moz-range-track{height:3px;box-shadow:none;background-color:transparent}.woocommerce-page .widget .wc-block-price-slider input[type=range].wc-block-price-filter__range-input::-webkit-slider-thumb{-webkit-appearance:none;border:0;width:15px;height:15px}.woocommerce-page .widget .wc-block-price-slider input[type=range]::-moz-range-thumb{height:15px;border:0;width:15px}.woocommerce-page .widget .wc-block-checkbox-list li input[type=checkbox]{margin:0 .5rem 0 0;position:relative;top:1px}.woocommerce-page .widget .wc-block-checkbox-list li .wc-filter-element-label-list-count{opacity:1}.woocommerce-page .widget .wc-layered-nav-rating{line-height:1}.woocommerce-page .widget .wc-layered-nav-rating .star-rating{margin:0}.product.woocommerce.add_to_cart_inline{border:0!important}.product.woocommerce.add_to_cart_inline a.button{margin-left:1em}.ast-site-header-cart .widget_shopping_cart,.astra-cart-drawer{background-color:var(--ast-global-color-primary,var(--ast-global-color-5));border:1px solid var(--ast-border-color)}.woocommerce-js .sold-individually .button.single_add_to_cart_button{margin-left:-1em}.sidebar-main .ast-mini-cart-empty .woocommerce-mini-cart__empty-message{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; +} diff --git a/assets/css/wp-editor-styles-rtl.css b/assets/css/wp-editor-styles-rtl.css new file mode 100644 index 00000000..615ecd69 --- /dev/null +++ b/assets/css/wp-editor-styles-rtl.css @@ -0,0 +1,836 @@ +html { + font-size: 93.75%; +} + +/* Variables */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/* + * Button mixin- creates a button effect with correct + * highlights/shadows, based on a base color. + */ +.edit-post-visual-editor { + /* must have higher specificity than alternative color schemes inline styles */ +} + +.edit-post-visual-editor ::selection { + color: #fff; + background: royalblue; +} + +.edit-post-visual-editor body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.edit-post-visual-editor body:not(.logged-in) { + position: relative; +} + +.edit-post-visual-editor #page { + position: relative; +} + +.edit-post-visual-editor a, +.edit-post-visual-editor a:focus { + text-decoration: none; +} + +.edit-post-visual-editor a, +.edit-post-visual-editor .site-header a *, +.edit-post-visual-editor .site-footer a *, +.edit-post-visual-editor .secondary a * { + transition: all 0.2s linear; +} + +.edit-post-visual-editor .capitalize { + text-transform: uppercase; +} + +.edit-post-visual-editor img { + vertical-align: middle; +} + +.edit-post-visual-editor .entry-content h1, +.edit-post-visual-editor .entry-content h2, +.edit-post-visual-editor .entry-content h3, +.edit-post-visual-editor .entry-content h4, +.edit-post-visual-editor .entry-content h5, +.edit-post-visual-editor .entry-content h6 { + margin-bottom: 20px; +} + +.edit-post-visual-editor p { + margin-bottom: 1.75em; +} + +.edit-post-visual-editor blockquote { + margin: 1.5em 3em 1.5em 1em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.edit-post-visual-editor .ast-button, +.edit-post-visual-editor .button, +.edit-post-visual-editor input[type="button"], +.edit-post-visual-editor input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.edit-post-visual-editor .ast-button:hover, +.edit-post-visual-editor .button:hover, +.edit-post-visual-editor input[type="button"]:hover, +.edit-post-visual-editor input[type="submit"]:hover { + box-shadow: none; +} + +.edit-post-visual-editor .ast-button:active, .edit-post-visual-editor .ast-button:focus, +.edit-post-visual-editor .button:active, +.edit-post-visual-editor .button:focus, +.edit-post-visual-editor input[type="button"]:active, +.edit-post-visual-editor input[type="button"]:focus, +.edit-post-visual-editor input[type="submit"]:active, +.edit-post-visual-editor input[type="submit"]:focus { + box-shadow: none; +} + +.edit-post-visual-editor .site-title { + font-weight: normal; +} + +.edit-post-visual-editor .site-title, +.edit-post-visual-editor .site-description { + margin-bottom: 0; +} + +.edit-post-visual-editor .site-title a, +.edit-post-visual-editor .site-title:hover a, +.edit-post-visual-editor .site-title:focus a, +.edit-post-visual-editor .site-description a, +.edit-post-visual-editor .site-description:hover a, +.edit-post-visual-editor .site-description:focus a { + transition: all 0.2s linear; +} + +.edit-post-visual-editor .site-title a, +.edit-post-visual-editor .site-title a:focus, +.edit-post-visual-editor .site-title a:hover, +.edit-post-visual-editor .site-title a:visited { + color: #222; +} + +.edit-post-visual-editor .site-description a, +.edit-post-visual-editor .site-description a:focus, +.edit-post-visual-editor .site-description a:hover, +.edit-post-visual-editor .site-description a:visited { + color: #999; +} + +.edit-post-visual-editor .search-form .search-field { + outline: none; +} + +.edit-post-visual-editor .ast-search-menu-icon { + position: relative; + z-index: 3; +} + +.edit-post-visual-editor .site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + right: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.edit-post-visual-editor .site .skip-link:focus { + clip: auto; + height: auto; + right: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .edit-post-visual-editor .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +.edit-post-visual-editor .editor-styles-wrapper > .is-root-container { + padding-top: 20px; +} + +/** + * Responsive view management CSS. + */ +.responsive-enabled #editor .edit-post-visual-editor { + background-color: #2f2f2f; +} + +.wp-embed-responsive.editor-styles-wrapper { + padding-right: 10px; + padding-left: 10px; +} + +.wp-embed-responsive.editor-styles-wrapper .wp-block-pullquote { + border: none; +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block { + transition: all 0.2s; +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted, .ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block:not(.editor-post-title__input):hover { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after { + box-shadow: none; +} + +/** + * Editor core layout supportive CSS. + */ +.edit-post-visual-editor__post-title-wrapper { + position: relative; + max-width: calc(var(--wp--custom--ast-content-width-size) + 10px) !important; + margin-right: auto !important; + margin-left: auto !important; + margin-bottom: 1.5em; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility { + cursor: pointer; + font-size: 18px; + width: 36px; + height: 100%; + text-align: center; + color: var(--wp-admin-theme-color); + vertical-align: middle; + position: absolute; + right: -37px; + bottom: 0; + opacity: 0; + margin: 0 !important; + padding: 0 !important; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility:before { + width: 100%; + height: 100%; + display: inline-flex; + align-items: center; + justify-content: center; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility:after { + content: attr(data-tooltip); + white-space: nowrap; + border-radius: 2px; + pointer-events: none; + color: #fff; + background: #1e1e1e; + opacity: 0; + visibility: hidden; + width: max-content; + line-height: 26px; + margin-right: -1px; + display: flex; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + align-items: flex-start; + padding: 0 6px; + font-size: 12px; + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper > .wp-block-post-title { + max-width: 100% !important; +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input { + padding: 10px 6px; + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input.is-selected { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input.is-selected + .title-visibility { + opacity: 1; + color: var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper .ast-show-visibility-icon { + opacity: 1; + color: var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper .ast-show-editor-title-outline { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper.invisible { + opacity: 0.5; +} + +.ast-page-builder-template .edit-post-visual-editor__post-title-wrapper, .ast-stacked-title-visibility .edit-post-visual-editor__post-title-wrapper { + max-width: none; +} + +.ast-page-builder-template .edit-post-visual-editor__post-title-wrapper .title-visibility, .ast-stacked-title-visibility .edit-post-visual-editor__post-title-wrapper .title-visibility { + right: unset; + top: -41px; + height: 40px; +} + +/** + * For widget screen. + */ +html .edit-widgets-main-block-list :where(.wp-block) { + margin-bottom: 28px; +} + +/** + * ast-separate-container layout compatibility. + */ +.ast-separate-container .edit-post-visual-editor__content-area, .ast-separate-container .edit-post-visual-editor { + padding: 20px !important; +} + +/** + * Color control's name adjustment. + */ +.ast-theme-block-color-name { + mix-blend-mode: difference; +} + +/** + * Page builder triggers support. + */ +#elementor-editor-button { + background: #0073aa; + border-color: #0073aa; + color: #fff; + font-size: 14px; + height: 46px; + line-height: 44px; + padding: 0 36px; + display: inline-block; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; + box-shadow: 0 2px 0 #006799; +} + +#elementor-editor-button:hover, #elementor-editor-button:focus { + background: #007db9; + border-color: #00699b; + color: #fff; +} + +#elementor-editor-button:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0073aa; +} + +#elementor-editor-button:active { + background: #006291; + border-color: #006291; + color: #fff; +} + +#elementor-editor-button.active, #elementor-editor-button.active:focus, #elementor-editor-button.active:hover { + background: #0073aa; + color: #fff; + border-color: #003f5e; + box-shadow: inset 0 2px 5px -3px black; +} + +#elementor-editor-button i { + font-style: normal; + color: white; +} + +.editor-media-placeholder button, +.fl-builder-layout-launch-view button { + margin: 2px; +} + +.fl-builder-layout-launch-view .is-primary.is-primary { + color: white; +} + +/** + * Modern Gutenberg editor improved UI/UX. + */ +body .editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > * + *, body .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > * + * { + margin-block-start: 0; +} + +.wp-block-separator { + height: 0; +} + +.wp-block-separator:not(.is-style-wide) { + margin-right: auto; + margin-left: auto; +} + +.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + width: 100px; +} + +.editor-styles-wrapper hr { + margin-bottom: 1.5em; + padding: 0; +} + +.editor-styles-wrapper .wp-block-columns { + margin-bottom: 0; +} + +.editor-styles-wrapper cite { + font-style: initial; +} + +.editor-styles-wrapper .block-editor-block-variation-picker { + margin-right: auto; + margin-left: auto; +} + +.editor-styles-wrapper .is-root-container > .wp-block-buttons, +.editor-styles-wrapper .is-root-container > .wp-block:has(.uagb-buttons__wrap) { + /* Spacing for WP Core and Spectra's buttons block */ + margin-bottom: 1.5em; +} + +.wp-block-cover:not([class*='background-color']):not(.has-text-color.has-link-color) .wp-block-cover__inner-container, .wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text, .wp-block-cover:not([class*='background-color']) .wp-block-cover-text, .wp-block-cover:not([class*='background-color']):not(.has-text-color.has-link-color):not(.wp-block-cover__inner-container .wp-block-cover) > .block-editor-block-list__block, .wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text, .wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block { + color: var(--ast-global-color-primary, var(--ast-global-color-5)); +} + +.wp-block-file__content-wrapper { + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} + +pre.wp-block { + background: #ECEFF3; + overflow: auto; + max-width: 100%; + padding: 1.6em; + font-size: 1em; + line-height: 1.8; +} + +pre.wp-block.wp-block-preformatted { + font-family: "Courier 10 Pitch", Courier, monospace; +} + +pre.wp-block code { + font-size: 15px; + font-family: "Courier 10 Pitch", Courier, monospace; +} + +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + border-right: 5px solid rgba(0, 0, 0, 0.05); + padding: 0 1.2em 1.2em; +} + +.editor-styles-wrapper blockquote { + padding: 20px 20px 20px; + margin: 1.5em; + border: none; +} + +.editor-styles-wrapper blockquote.has-text-align-left, +.editor-styles-wrapper .has-text-align-left blockquote { + border-right: 5px solid rgba(0, 0, 0, 0.05); +} + +.editor-styles-wrapper blockquote.has-text-align-right, +.editor-styles-wrapper .has-text-align-right blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); +} + +.wp-block-pullquote blockquote:before { + content: "\201D"; + font-family: "Helvetica",sans-serif; + display: flex; + transform: rotate(-180deg); + font-size: 6rem; + font-style: normal; + line-height: 1; + font-weight: bold; + align-items: center; + justify-content: center; +} + +.wp-block-pullquote.has-text-align-left blockquote:before { + justify-content: flex-end; +} + +.wp-block-pullquote.has-text-align-right blockquote:before { + justify-content: flex-start; +} + +.wp-block-media-text .wp-block-media-text__content { + padding: 0 8% 0 0; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + padding: 0 0 0 8%; +} + +.wp-block-media-text.has-background .wp-block-media-text__content { + padding: 8%; +} + +@media (max-width: 600px) { + .wp-block-media-text .wp-block-media-text__content { + padding: 8% 0; + } +} + +.editor-styles-wrapper .wp-block-latest-posts > li > *:first-child, +.editor-styles-wrapper .wp-block-latest-posts:not(.is-grid) > li:first-child { + margin-top: 0; +} + +.editor-styles-wrapper .wp-block-latest-posts > li > *, +.editor-styles-wrapper .wp-block-latest-posts:not(.is-grid) > li { + margin-top: 15px; + margin-bottom: 15px; +} + +.editor-styles-wrapper .wp-block-latest-posts > li > *:last-child, +.editor-styles-wrapper .wp-block-latest-posts:not(.is-grid) > li:last-child { + margin-bottom: 0; +} + +.editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__post-author, .editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__post-date { + font-size: 15px; +} + +.editor-styles-wrapper .wp-block-latest-posts > li > a { + font-size: 28px; +} + +.wp-block-gallery.has-nested-images figure.wp-block-image img { + width: 100%; +} + +.wp-block-table td, .wp-block-table th { + padding: 0.5em; + border: 1px solid; + word-break: normal; +} + +.wp-block-quote.is-style-large cite { + text-align: right; +} + +.components-color-palette__custom-color { + text-align: right; + padding-right: 5px; +} + +/** + * Woocommerce Gutenberg Blocks Product Grid CSS Compatibility. + */ +.wc-block-grid .wc-block-grid__products .wc-block-grid__product { + text-align: right; + margin-bottom: 2.5em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a { + display: inline-block; + position: relative; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 .8em 0; + box-shadow: none; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; + line-height: 1.2; + font-weight: inherit; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating { + margin: 0 0 .5em auto; + backface-visibility: hidden; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price { + line-height: 1.3; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del { + display: initial; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + font-size: 100%; + font-weight: 700; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added { + margin-bottom: 0; + transition: margin 0s; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + text-transform: capitalize; + position: absolute; + text-align: center; + border-radius: 100%; + z-index: 9; + top: 0; + left: 15px; + right: auto; + margin: -0.5em 0 0 -0.5em; +} + +.wp-core-ui .components-angle-picker-control .components-input-control__container .components-input-control__input { + padding-right: 10px; + padding-left: 10px; +} + +.editor-styles-wrapper .is-root-container .wp-block-code, .editor-styles-wrapper .is-root-container pre.wp-block { + margin-bottom: 1.6em; +} + +.editor-styles-wrapper .is-root-container .wp-block-image, .editor-styles-wrapper .is-root-container .wp-block-gallery, .editor-styles-wrapper .is-root-container .wp-block-audio, .editor-styles-wrapper .is-root-container .wp-block-video, .editor-styles-wrapper .is-root-container .wp-block-table, .editor-styles-wrapper .is-root-container .wp-block-pullquote { + margin-bottom: 1em; +} + +.editor-styles-wrapper .is-root-container .wp-block-quote { + margin-top: 1.5em; + margin-bottom: 1.5em; +} + +.editor-styles-wrapper .is-root-container .wp-block-file { + margin-bottom: 1.5em; +} + +.editor-styles-wrapper .is-root-container ol, .editor-styles-wrapper .is-root-container ul { + line-height: 1.85714285714286; +} + +.editor-styles-wrapper .is-root-container .wp-block-separator { + margin-top: 20px; + margin-bottom: 20px; +} + +body .editor-styles-wrapper > .block-editor-block-list__layout.is-root-container > .wp-block + .wp-block-separator { + margin-top: 20px; +} + +body .editor-styles-wrapper > .block-editor-block-list__layout.is-root-container > .wp-block + .wp-block-list { + margin-top: 1em; + margin-bottom: 1em; +} + +body .editor-styles-wrapper > .block-editor-block-list__layout.edit-post-visual-editor__post-title-wrapper { + padding-top: 0; +} + +.wp-block-table table { + margin-bottom: 1.5em; +} + +.wp-block-table figcaption { + font-size: 1rem; +} + +.wp-block-button button { + border-radius: 2px; +} + +/** + * 6.3 Compatibility fixes in block editor. + */ +span.title-visibility svg { + position: absolute; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + width: 16px; + height: 40px; + fill: var(--wp-admin-theme-color); +} + +#astra_settings_meta_box .components-button.is-primary:hover:not(:disabled), +.ast-meta-settings-content .components-button.is-primary:hover:not(:disabled) { + background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)) !important; + color: var(--wp-components-color-accent-inverted, #fff) !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; +} diff --git a/assets/css/wp-editor-styles.css b/assets/css/wp-editor-styles.css new file mode 100644 index 00000000..4ad6b162 --- /dev/null +++ b/assets/css/wp-editor-styles.css @@ -0,0 +1,836 @@ +html { + font-size: 93.75%; +} + +/* Variables */ +/*---------- Media Query min-width Structure ----------*/ +/*---------- Media Query max-width Structure ----------*/ +/*---------- Break-point min-width Structure ----------*/ +/*---------- Break-point max-width Structure ----------*/ +/*---------- Font Size ----------*/ +/*---------- Line Height ----------*/ +/*---------- Site Basic Structure ----------*/ +/*---------- z-index Structure ----------*/ +/* + * Button mixin- creates a button effect with correct + * highlights/shadows, based on a base color. + */ +.edit-post-visual-editor { + /* must have higher specificity than alternative color schemes inline styles */ +} + +.edit-post-visual-editor ::selection { + color: #fff; + background: royalblue; +} + +.edit-post-visual-editor body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.edit-post-visual-editor body:not(.logged-in) { + position: relative; +} + +.edit-post-visual-editor #page { + position: relative; +} + +.edit-post-visual-editor a, +.edit-post-visual-editor a:focus { + text-decoration: none; +} + +.edit-post-visual-editor a, +.edit-post-visual-editor .site-header a *, +.edit-post-visual-editor .site-footer a *, +.edit-post-visual-editor .secondary a * { + transition: all 0.2s linear; +} + +.edit-post-visual-editor .capitalize { + text-transform: uppercase; +} + +.edit-post-visual-editor img { + vertical-align: middle; +} + +.edit-post-visual-editor .entry-content h1, +.edit-post-visual-editor .entry-content h2, +.edit-post-visual-editor .entry-content h3, +.edit-post-visual-editor .entry-content h4, +.edit-post-visual-editor .entry-content h5, +.edit-post-visual-editor .entry-content h6 { + margin-bottom: 20px; +} + +.edit-post-visual-editor p { + margin-bottom: 1.75em; +} + +.edit-post-visual-editor blockquote { + margin: 1.5em 1em 1.5em 3em; + font-size: 1.1em; + line-height: inherit; + position: relative; +} + +.edit-post-visual-editor .ast-button, +.edit-post-visual-editor .button, +.edit-post-visual-editor input[type="button"], +.edit-post-visual-editor input[type="submit"] { + border-radius: 0; + padding: 18px 30px; + border: 0; + box-shadow: none; + text-shadow: none; +} + +.edit-post-visual-editor .ast-button:hover, +.edit-post-visual-editor .button:hover, +.edit-post-visual-editor input[type="button"]:hover, +.edit-post-visual-editor input[type="submit"]:hover { + box-shadow: none; +} + +.edit-post-visual-editor .ast-button:active, .edit-post-visual-editor .ast-button:focus, +.edit-post-visual-editor .button:active, +.edit-post-visual-editor .button:focus, +.edit-post-visual-editor input[type="button"]:active, +.edit-post-visual-editor input[type="button"]:focus, +.edit-post-visual-editor input[type="submit"]:active, +.edit-post-visual-editor input[type="submit"]:focus { + box-shadow: none; +} + +.edit-post-visual-editor .site-title { + font-weight: normal; +} + +.edit-post-visual-editor .site-title, +.edit-post-visual-editor .site-description { + margin-bottom: 0; +} + +.edit-post-visual-editor .site-title a, +.edit-post-visual-editor .site-title:hover a, +.edit-post-visual-editor .site-title:focus a, +.edit-post-visual-editor .site-description a, +.edit-post-visual-editor .site-description:hover a, +.edit-post-visual-editor .site-description:focus a { + transition: all 0.2s linear; +} + +.edit-post-visual-editor .site-title a, +.edit-post-visual-editor .site-title a:focus, +.edit-post-visual-editor .site-title a:hover, +.edit-post-visual-editor .site-title a:visited { + color: #222; +} + +.edit-post-visual-editor .site-description a, +.edit-post-visual-editor .site-description a:focus, +.edit-post-visual-editor .site-description a:hover, +.edit-post-visual-editor .site-description a:visited { + color: #999; +} + +.edit-post-visual-editor .search-form .search-field { + outline: none; +} + +.edit-post-visual-editor .ast-search-menu-icon { + position: relative; + z-index: 3; +} + +.edit-post-visual-editor .site .skip-link { + background-color: #f1f1f1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); + color: #21759b; + display: block; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 700; + left: -9999em; + outline: none; + padding: 15px 23px 14px; + text-decoration: none; + text-transform: none; + top: -9999em; +} + +.edit-post-visual-editor .site .skip-link:focus { + clip: auto; + height: auto; + left: 6px; + top: 7px; + width: auto; + z-index: 100000; + outline: thin dotted; +} + +.logged-in .edit-post-visual-editor .site .skip-link { + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); + font-family: "Open Sans", sans-serif; +} + +.edit-post-visual-editor .editor-styles-wrapper > .is-root-container { + padding-top: 20px; +} + +/** + * Responsive view management CSS. + */ +.responsive-enabled #editor .edit-post-visual-editor { + background-color: #2f2f2f; +} + +.wp-embed-responsive.editor-styles-wrapper { + padding-left: 10px; + padding-right: 10px; +} + +.wp-embed-responsive.editor-styles-wrapper .wp-block-pullquote { + border: none; +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block { + transition: all 0.2s; +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted, .ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block:not(.editor-post-title__input):hover { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.ast-highlight-wpblock-onhover .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after { + box-shadow: none; +} + +/** + * Editor core layout supportive CSS. + */ +.edit-post-visual-editor__post-title-wrapper { + position: relative; + max-width: calc(var(--wp--custom--ast-content-width-size) + 10px) !important; + margin-left: auto !important; + margin-right: auto !important; + margin-bottom: 1.5em; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility { + cursor: pointer; + font-size: 18px; + width: 36px; + height: 100%; + text-align: center; + color: var(--wp-admin-theme-color); + vertical-align: middle; + position: absolute; + left: -37px; + bottom: 0; + opacity: 0; + margin: 0 !important; + padding: 0 !important; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility:before { + width: 100%; + height: 100%; + display: inline-flex; + align-items: center; + justify-content: center; +} + +.edit-post-visual-editor__post-title-wrapper .title-visibility:after { + content: attr(data-tooltip); + white-space: nowrap; + border-radius: 2px; + pointer-events: none; + color: #fff; + background: #1e1e1e; + opacity: 0; + visibility: hidden; + width: max-content; + line-height: 26px; + margin-left: -1px; + display: flex; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + align-items: flex-start; + padding: 0 6px; + font-size: 12px; + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper > .wp-block-post-title { + max-width: 100% !important; +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input { + padding: 10px 6px; + transition: all 0.2s; +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input.is-selected { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper h1.editor-post-title__input.is-selected + .title-visibility { + opacity: 1; + color: var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper .ast-show-visibility-icon { + opacity: 1; + color: var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper .ast-show-editor-title-outline { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.edit-post-visual-editor__post-title-wrapper.invisible { + opacity: 0.5; +} + +.ast-page-builder-template .edit-post-visual-editor__post-title-wrapper, .ast-stacked-title-visibility .edit-post-visual-editor__post-title-wrapper { + max-width: none; +} + +.ast-page-builder-template .edit-post-visual-editor__post-title-wrapper .title-visibility, .ast-stacked-title-visibility .edit-post-visual-editor__post-title-wrapper .title-visibility { + left: unset; + top: -41px; + height: 40px; +} + +/** + * For widget screen. + */ +html .edit-widgets-main-block-list :where(.wp-block) { + margin-bottom: 28px; +} + +/** + * ast-separate-container layout compatibility. + */ +.ast-separate-container .edit-post-visual-editor__content-area, .ast-separate-container .edit-post-visual-editor { + padding: 20px !important; +} + +/** + * Color control's name adjustment. + */ +.ast-theme-block-color-name { + mix-blend-mode: difference; +} + +/** + * Page builder triggers support. + */ +#elementor-editor-button { + background: #0073aa; + border-color: #0073aa; + color: #fff; + font-size: 14px; + height: 46px; + line-height: 44px; + padding: 0 36px; + display: inline-block; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; + box-shadow: 0 2px 0 #006799; +} + +#elementor-editor-button:hover, #elementor-editor-button:focus { + background: #007db9; + border-color: #00699b; + color: #fff; +} + +#elementor-editor-button:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0073aa; +} + +#elementor-editor-button:active { + background: #006291; + border-color: #006291; + color: #fff; +} + +#elementor-editor-button.active, #elementor-editor-button.active:focus, #elementor-editor-button.active:hover { + background: #0073aa; + color: #fff; + border-color: #003f5e; + box-shadow: inset 0 2px 5px -3px black; +} + +#elementor-editor-button i { + font-style: normal; + color: white; +} + +.editor-media-placeholder button, +.fl-builder-layout-launch-view button { + margin: 2px; +} + +.fl-builder-layout-launch-view .is-primary.is-primary { + color: white; +} + +/** + * Modern Gutenberg editor improved UI/UX. + */ +body .editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > * + *, body .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > * + * { + margin-block-start: 0; +} + +.wp-block-separator { + height: 0; +} + +.wp-block-separator:not(.is-style-wide) { + margin-left: auto; + margin-right: auto; +} + +.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + width: 100px; +} + +.editor-styles-wrapper hr { + margin-bottom: 1.5em; + padding: 0; +} + +.editor-styles-wrapper .wp-block-columns { + margin-bottom: 0; +} + +.editor-styles-wrapper cite { + font-style: initial; +} + +.editor-styles-wrapper .block-editor-block-variation-picker { + margin-left: auto; + margin-right: auto; +} + +.editor-styles-wrapper .is-root-container > .wp-block-buttons, +.editor-styles-wrapper .is-root-container > .wp-block:has(.uagb-buttons__wrap) { + /* Spacing for WP Core and Spectra's buttons block */ + margin-bottom: 1.5em; +} + +.wp-block-cover:not([class*='background-color']):not(.has-text-color.has-link-color) .wp-block-cover__inner-container, .wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text, .wp-block-cover:not([class*='background-color']) .wp-block-cover-text, .wp-block-cover:not([class*='background-color']):not(.has-text-color.has-link-color):not(.wp-block-cover__inner-container .wp-block-cover) > .block-editor-block-list__block, .wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text, +.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text, .wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block { + color: var(--ast-global-color-primary, var(--ast-global-color-5)); +} + +.wp-block-file__content-wrapper { + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} + +pre.wp-block { + background: #ECEFF3; + overflow: auto; + max-width: 100%; + padding: 1.6em; + font-size: 1em; + line-height: 1.8; +} + +pre.wp-block.wp-block-preformatted { + font-family: "Courier 10 Pitch", Courier, monospace; +} + +pre.wp-block code { + font-size: 15px; + font-family: "Courier 10 Pitch", Courier, monospace; +} + +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); + padding: 0 1.2em 1.2em; +} + +.editor-styles-wrapper blockquote { + padding: 20px 20px 20px; + margin: 1.5em; + border: none; +} + +.editor-styles-wrapper blockquote.has-text-align-left, +.editor-styles-wrapper .has-text-align-left blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); +} + +.editor-styles-wrapper blockquote.has-text-align-right, +.editor-styles-wrapper .has-text-align-right blockquote { + border-right: 5px solid rgba(0, 0, 0, 0.05); +} + +.wp-block-pullquote blockquote:before { + content: "\201D"; + font-family: "Helvetica",sans-serif; + display: flex; + transform: rotate(180deg); + font-size: 6rem; + font-style: normal; + line-height: 1; + font-weight: bold; + align-items: center; + justify-content: center; +} + +.wp-block-pullquote.has-text-align-left blockquote:before { + justify-content: flex-end; +} + +.wp-block-pullquote.has-text-align-right blockquote:before { + justify-content: flex-start; +} + +.wp-block-media-text .wp-block-media-text__content { + padding: 0 0 0 8%; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + padding: 0 8% 0 0; +} + +.wp-block-media-text.has-background .wp-block-media-text__content { + padding: 8%; +} + +@media (max-width: 600px) { + .wp-block-media-text .wp-block-media-text__content { + padding: 8% 0; + } +} + +.editor-styles-wrapper .wp-block-latest-posts > li > *:first-child, +.editor-styles-wrapper .wp-block-latest-posts:not(.is-grid) > li:first-child { + margin-top: 0; +} + +.editor-styles-wrapper .wp-block-latest-posts > li > *, +.editor-styles-wrapper .wp-block-latest-posts:not(.is-grid) > li { + margin-top: 15px; + margin-bottom: 15px; +} + +.editor-styles-wrapper .wp-block-latest-posts > li > *:last-child, +.editor-styles-wrapper .wp-block-latest-posts:not(.is-grid) > li:last-child { + margin-bottom: 0; +} + +.editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__post-author, .editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__post-date { + font-size: 15px; +} + +.editor-styles-wrapper .wp-block-latest-posts > li > a { + font-size: 28px; +} + +.wp-block-gallery.has-nested-images figure.wp-block-image img { + width: 100%; +} + +.wp-block-table td, .wp-block-table th { + padding: 0.5em; + border: 1px solid; + word-break: normal; +} + +.wp-block-quote.is-style-large cite { + text-align: left; +} + +.components-color-palette__custom-color { + text-align: left; + padding-left: 5px; +} + +/** + * Woocommerce Gutenberg Blocks Product Grid CSS Compatibility. + */ +.wc-block-grid .wc-block-grid__products .wc-block-grid__product { + text-align: left; + margin-bottom: 2.5em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a { + display: inline-block; + position: relative; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 .8em 0; + box-shadow: none; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title { + margin-bottom: .5em; + padding: 0; + font-size: 1em; + line-height: 1.2; + font-weight: inherit; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .star-rating { + margin: 0 auto .5em 0; + backface-visibility: hidden; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link { + position: relative; + display: block; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__link:hover .ast-shop-product-out-of-stock { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category > a:hover .woocommerce-loop-category__title { + background-color: white; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + bottom: 1.8em; + font-size: 0.9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + font-size: .7em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price { + line-height: 1.3; + font-weight: 700; + margin-bottom: .5em; + font-size: .9em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price del { + display: initial; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link { + margin-top: .5em; + margin-bottom: .5em; + white-space: normal; + line-height: 1.3; + font-size: 100%; + font-weight: 700; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.added { + margin-bottom: 0; + transition: margin 0s; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title { + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title .count { + display: block; + background: none; + opacity: .5; + font-size: .75em; +} + +.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { + min-width: 3em; + min-height: 3em; + line-height: 3em; + padding: 0; + font-size: 1em; + font-weight: normal; + text-transform: capitalize; + position: absolute; + text-align: center; + border-radius: 100%; + z-index: 9; + top: 0; + right: 15px; + left: auto; + margin: -0.5em -0.5em 0 0; +} + +.wp-core-ui .components-angle-picker-control .components-input-control__container .components-input-control__input { + padding-left: 10px; + padding-right: 10px; +} + +.editor-styles-wrapper .is-root-container .wp-block-code, .editor-styles-wrapper .is-root-container pre.wp-block { + margin-bottom: 1.6em; +} + +.editor-styles-wrapper .is-root-container .wp-block-image, .editor-styles-wrapper .is-root-container .wp-block-gallery, .editor-styles-wrapper .is-root-container .wp-block-audio, .editor-styles-wrapper .is-root-container .wp-block-video, .editor-styles-wrapper .is-root-container .wp-block-table, .editor-styles-wrapper .is-root-container .wp-block-pullquote { + margin-bottom: 1em; +} + +.editor-styles-wrapper .is-root-container .wp-block-quote { + margin-top: 1.5em; + margin-bottom: 1.5em; +} + +.editor-styles-wrapper .is-root-container .wp-block-file { + margin-bottom: 1.5em; +} + +.editor-styles-wrapper .is-root-container ol, .editor-styles-wrapper .is-root-container ul { + line-height: 1.85714285714286; +} + +.editor-styles-wrapper .is-root-container .wp-block-separator { + margin-top: 20px; + margin-bottom: 20px; +} + +body .editor-styles-wrapper > .block-editor-block-list__layout.is-root-container > .wp-block + .wp-block-separator { + margin-top: 20px; +} + +body .editor-styles-wrapper > .block-editor-block-list__layout.is-root-container > .wp-block + .wp-block-list { + margin-top: 1em; + margin-bottom: 1em; +} + +body .editor-styles-wrapper > .block-editor-block-list__layout.edit-post-visual-editor__post-title-wrapper { + padding-top: 0; +} + +.wp-block-table table { + margin-bottom: 1.5em; +} + +.wp-block-table figcaption { + font-size: 1rem; +} + +.wp-block-button button { + border-radius: 2px; +} + +/** + * 6.3 Compatibility fixes in block editor. + */ +span.title-visibility svg { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 16px; + height: 40px; + fill: var(--wp-admin-theme-color); +} + +#astra_settings_meta_box .components-button.is-primary:hover:not(:disabled), +.ast-meta-settings-content .components-button.is-primary:hover:not(:disabled) { + background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)) !important; + color: var(--wp-components-color-accent-inverted, #fff) !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; +} diff --git a/assets/css/wp-search.css b/assets/css/wp-search.css new file mode 100644 index 00000000..835f1fea --- /dev/null +++ b/assets/css/wp-search.css @@ -0,0 +1,86 @@ +.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap{width:100%;min-height:20px}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap.uagb-layout-input-button .uagb-search-submit{border:none;border-radius:0;color:#fff}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap.uagb-layout-input-button svg{fill:currentColor}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap.uagb-layout-input .uagb-wp-search-icon-wrap{display:flex;align-items:center}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap.uagb-layout-input svg{fill:currentColor;opacity:0.6}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap .uagb-search-wrapper .uagb-search-form__container{display:flex;overflow:hidden;max-width:100%}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap .uagb-search-wrapper .uagb-search-form__container .uagb-search-form__input{width:100%}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap .uagb-search-wrapper .uagb-search-form__container .uagb-search-form__input::-webkit-input-placeholder{overflow:unset} + + +/* 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; +} diff --git a/assets/css/wpforms-base.css b/assets/css/wpforms-base.css new file mode 100644 index 00000000..54a098d6 --- /dev/null +++ b/assets/css/wpforms-base.css @@ -0,0 +1,1466 @@ +.wpforms-container .wpforms-form .wpforms-error-alert { + border: 1px solid #cccccc; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-form .wpforms-error-alert { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +/* hCAPTCHA Area +----------------------------------------------------------------------------- */ +div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +/* Cloudflare Turnstile iframe content alignment fix. +----------------------------------------------------------------------------- */ +.wpforms-is-turnstile iframe { + margin-left: -2px !important; +} + +/* ========================================================================== + Base - basic bare bones styling + ========================================================================== */ +/* Errors, Warnings, etc +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-error-container, +.wpforms-container noscript.wpforms-error-noscript { + color: #990000; +} + +.wpforms-container label.wpforms-error { + display: block; + color: #990000; + font-size: 0.9em; + float: none; + cursor: default; +} + +.wpforms-container .wpforms-field input.wpforms-error, +.wpforms-container .wpforms-field input.user-invalid, +.wpforms-container .wpforms-field textarea.wpforms-error, +.wpforms-container .wpforms-field textarea.user-invalid, +.wpforms-container .wpforms-field select.wpforms-error, +.wpforms-container .wpforms-field select.user-invalid, +.wpforms-container .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #cc0000; +} + +.wpforms-container .wpforms-field-credit-card-expiration label.wpforms-error, +.wpforms-container .wpforms-field-credit-card-code label.wpforms-error { + display: none !important; +} + +/* Page Indicator themes +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-page-indicator { + margin: 0 0 20px 0; + overflow: hidden; +} + +/** Circles theme **/ +.wpforms-container .wpforms-page-indicator.circles { + border-top: 1px solid #dfdfdf; + border-bottom: 1px solid #dfdfdf; + padding: 15px 10px; +} + +.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page { + float: left; + margin: 0 20px 0 0; +} + +.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type { + margin: 0; +} + +.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + height: 40px; + width: 40px; + border-radius: 50%; + display: inline-block; + margin: 0 10px 0 0; + line-height: 40px; + text-align: center; + background-color: #ddd; + color: #666; +} + +.wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number { + color: #fff; +} + +/* Connector theme */ +.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page { + float: left; + text-align: center; + line-height: 1.2; +} + +.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: block; + text-indent: -9999px; + height: 6px; + background-color: #ddd; + margin: 0 0 16px 0; + position: relative; +} + +.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle { + position: absolute; + top: 100%; + left: 50%; + width: 0; + height: 0; + margin-left: -5px; + border-style: solid; + border-width: 6px 5px 0 5px; + border-color: transparent transparent transparent transparent; +} + +.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: inline-block; + padding: 0 15px; + font-size: 16px; +} + +/* Progress theme */ +.wpforms-container .wpforms-page-indicator.progress { + font-size: 18px; +} + +.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap { + display: block; + width: 100%; + background-color: #ddd; + height: 18px; + border-radius: 10px; + overflow: hidden; + position: relative; + margin: 5px 0 0; +} + +.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress { + height: 18px; + position: absolute; + left: 0; + top: 0; +} + +/* Notices +----------------------------------------------------------------------------- */ +div.wpforms-container .wpforms-notice { + background-color: #fff; + border: 1px solid #ddd; + border-left-width: 12px; + color: #333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +div.wpforms-container .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + outline: none; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +div.wpforms-container .wpforms-notice .wpforms-delete:before, +div.wpforms-container .wpforms-notice .wpforms-delete:after { + background-color: #fff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +div.wpforms-container .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +div.wpforms-container .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +div.wpforms-container .wpforms-notice .wpforms-delete:hover, +div.wpforms-container .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +div.wpforms-container .wpforms-notice a { + text-decoration: underline; +} + +div.wpforms-container .wpforms-notice p { + margin: 0 0 20px 0; +} + +div.wpforms-container .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-error { + border-color: #ff3860; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active { + color: #fff; +} + +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #ff3860; +} + +/* Preview notice. +----------------------------------------------------------------------------- */ +.wpforms-preview-notice-links { + line-height: 2.4; +} + +/* Form Header area +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-title { + font-size: 26px; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-description { + margin: 0 0 10px 0; +} + +/* Form Footer area +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-submit-container { + padding: 10px 0 0 0; + position: relative; +} + +.wpforms-container .wpforms-submit-spinner { + margin-left: 0.5em; +} + +/* Misc +----------------------------------------------------------------------------- */ +.wpforms-container { + margin-bottom: 26px; +} + +/* Honeypot Area */ +.wpforms-container .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +.wpforms-container .wpforms-field.wpforms-field-hidden { + display: none; + padding: 0; +} + +.wpforms-container .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0); + height: 1px; + width: 1px; + border: 0; + overflow: hidden; + word-wrap: normal !important; +} + +/* + * Hide the form fields upon successful submission. This may not be the best approach. + * Perhaps more robust: .wpforms-form.amp-form-submit-success > *:not([submit-success]) { display:none } + */ +.amp-form-submit-success .wpforms-field-container, +.amp-form-submit-success .wpforms-submit-container { + display: none; +} + +/* Gutenberg Block +----------------------------------------------------------------------------- */ +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap h3 { + width: 100%; + margin: 10px 0 5px; + font-weight: 700; + font-size: 20px; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img { + margin-right: 25px; + width: initial; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control { + width: 100%; +} + +div.wpforms-gutenberg-form-selector .wpforms-form input:disabled, +div.wpforms-gutenberg-form-selector .wpforms-form textarea:disabled, +div.wpforms-gutenberg-form-selector .wpforms-form select:disabled, +div.wpforms-gutenberg-form-selector .wpforms-form button[type=submit]:disabled { + cursor: not-allowed; +} + +div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner, +div.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 2px 2px; +} + +div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +div.wpforms-container .wpforms-form .choices.is-open .choices__inner { + border-radius: 2px 2px 0 0; +} + +div.wpforms-container .wpforms-form .choices .choices__inner { + border-radius: 2px; + min-height: 35px; +} + +div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single { + height: auto; +} + +div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item { + line-height: 1.3; +} + +/* RTL support +----------------------------------------------------------------------------- */ +/* Phone US format */ +body.rtl .wpforms-field-phone input[type=tel] { + direction: ltr; + unicode-bidi: embed; + text-align: right; +} + +body.rtl .wpforms-container .wpforms-first { + float: right; +} + +body.rtl .wpforms-container .wpforms-first + .wpforms-one-half { + margin-right: 4%; + margin-left: 0; +} + +/* ========================================================================== + Base - basic bare bones styling + ========================================================================== */ +.wpforms-clear:before { + content: " "; + display: table; +} + +.wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +.wpforms-container ul, +.wpforms-container ul li { + background: none; + border: 0; + margin: 0; + list-style: none; +} + +/* Basic Field properties +----------------------------------------------------------------------------- */ +/* Field sizes - medium */ +.wpforms-container input.wpforms-field-medium, +.wpforms-container select.wpforms-field-medium, +.wpforms-container .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +.wpforms-container textarea.wpforms-field-medium { + height: 120px; +} + +/* Field sizes - small */ +.wpforms-container input.wpforms-field-small, +.wpforms-container select.wpforms-field-small, +.wpforms-container .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +.wpforms-container textarea.wpforms-field-small { + height: 70px; +} + +/* Field sizes - medium */ +.wpforms-container input.wpforms-field-large, +.wpforms-container select.wpforms-field-large, +.wpforms-container .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +.wpforms-container textarea.wpforms-field-large { + height: 220px; +} + +/* Field container*/ +.wpforms-container .wpforms-field { + padding: 10px 0; + position: relative; +} + +/* Field description */ +.wpforms-container .wpforms-field-description, +.wpforms-container .wpforms-field-limit-text { + font-size: 0.85em; + margin: 5px 0 0 0; +} + +.wpforms-container .wpforms-field-description.wpforms-disclaimer-description { + background-color: #fff; + border: 1px solid #ddd; + padding: 15px 15px 0; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; +} + +.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p { + margin: 0 0 15px 0; +} + +.wpforms-container .wpforms-field-description-before, +.wpforms-container .wpforms-field-description.before { + font-size: 0.85em; + margin: 0 0 5px 0; +} + +/* Labels and sub-labels */ +.wpforms-container .wpforms-field-label { + display: block; + font-weight: 700; + float: none; + word-break: break-word; + word-wrap: break-word; +} + +.wpforms-container .wpforms-field-sublabel { + display: block; + font-size: 0.85em; + float: none; +} + +.wpforms-container .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-weight: 400; + word-break: break-word; +} + +.wpforms-container .wpforms-field-label.wpforms-label-hide, +.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + top: -99999px; + left: -99999px; +} + +.wpforms-container .wpforms-required-label { + color: #ff0000; + font-weight: normal; +} + +/* Rows (multi-line fields: address, credit card, etc) +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-row { + margin-bottom: 8px; + position: relative; +} + +.wpforms-container .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +.wpforms-container .wpforms-field-row:before { + content: " "; + display: table; +} + +.wpforms-container .wpforms-field-row:after { + clear: both; + content: " "; + display: table; +} + +.wpforms-container .wpforms-form .wpforms-field-address .wpforms-one-half:only-child { + margin-left: 0; +} + +/* Columns +----------------------------------------------------------------------------- */ +/* User column classes */ +.wpforms-container .wpforms-five-sixths, +.wpforms-container .wpforms-four-sixths, +.wpforms-container .wpforms-four-fifths, +.wpforms-container .wpforms-one-fifth, +.wpforms-container .wpforms-one-fourth, +.wpforms-container .wpforms-one-half, +.wpforms-container .wpforms-one-sixth, +.wpforms-container .wpforms-one-third, +.wpforms-container .wpforms-three-fourths, +.wpforms-container .wpforms-three-fifths, +.wpforms-container .wpforms-three-sixths, +.wpforms-container .wpforms-two-fourths, +.wpforms-container .wpforms-two-fifths, +.wpforms-container .wpforms-two-sixths, +.wpforms-container .wpforms-two-thirds { + float: left; + margin-left: 4%; + clear: none; +} + +.wpforms-container .wpforms-one-half, +.wpforms-container .wpforms-three-sixths, +.wpforms-container .wpforms-two-fourths { + width: 48%; +} + +.wpforms-container .wpforms-one-third, +.wpforms-container .wpforms-two-sixths { + width: 30.6666666667%; +} + +.wpforms-container .wpforms-four-sixths, +.wpforms-container .wpforms-two-thirds { + width: 65.3333333333%; +} + +.wpforms-container .wpforms-one-fourth { + width: 22%; +} + +.wpforms-container .wpforms-three-fourths { + width: 74%; +} + +.wpforms-container .wpforms-one-fifth { + width: 16.8%; +} + +.wpforms-container .wpforms-two-fifths { + width: 37.6%; +} + +.wpforms-container .wpforms-three-fifths { + width: 58.4%; +} + +.wpforms-container .wpforms-four-fifths { + width: 79.2%; +} + +.wpforms-container .wpforms-one-sixth { + width: 13.3333333333%; +} + +.wpforms-container .wpforms-five-sixths { + width: 82.6666666667%; +} + +.wpforms-container .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +/* User list column classes */ +.wpforms-container .wpforms-checkbox-2-columns ul, +.wpforms-container .wpforms-multiplechoice-2-columns ul, +.wpforms-container .wpforms-list-2-columns ul, +.wpforms-container .wpforms-checkbox-3-columns ul, +.wpforms-container .wpforms-multiplechoice-3-columns ul, +.wpforms-container .wpforms-list-3-columns ul { + display: -ms-flex; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} + +.wpforms-container .wpforms-checkbox-2-columns ul li, +.wpforms-container .wpforms-multiplechoice-2-columns ul li, +.wpforms-container .wpforms-list-2-columns ul li { + width: 50%; + display: block; + padding-right: 26px; +} + +.wpforms-container .wpforms-checkbox-3-columns ul li, +.wpforms-container .wpforms-multiplechoice-3-columns ul li, +.wpforms-container .wpforms-list-3-columns ul li { + width: 33.3333%; + display: block; + padding-right: 26px; +} + +.wpforms-container .wpforms-list-inline ul li { + display: inline-block; + margin-right: 20px; + vertical-align: top; +} + +/* Legacy, for BC */ +.wpforms-container .wpforms-first-half { + float: left; + width: 48%; + clear: both; +} + +.wpforms-container .wpforms-last-half { + float: right; + width: 48%; + clear: none; +} + +.wpforms-container .wpforms-first-third { + float: left; + width: 30.666666667%; + clear: both; +} + +.wpforms-container .wpforms-middle-third { + float: left; + width: 30.666666667%; + margin-left: 4%; + clear: none; +} + +.wpforms-container .wpforms-last-third { + float: right; + width: 30.666666667%; + clear: none; +} + +.wpforms-container .wpforms-last { + float: right !important; + margin-right: 0 !important; + clear: none; +} + +/* Preset Layouts +----------------------------------------------------------------------------- */ +/* Single line */ +.wpforms-container.inline-fields { + overflow: hidden; +} + +.wpforms-container.inline-fields .wpforms-field-container { + display: table; + width: calc(100% - 160px); + float: left; +} + +.wpforms-container.inline-fields .wpforms-field { + display: table-cell; + padding-right: 2%; + vertical-align: top; +} + +.wpforms-container.inline-fields .wpforms-submit-container { + float: right; + width: 160px; +} + +.wpforms-container.inline-fields .wpforms-submit { + display: block; + width: 100%; +} + +.wpforms-container.inline-fields input.wpforms-field-medium, +.wpforms-container.inline-fields select.wpforms-field-medium, +.wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +/* Set Styles +----------------------------------------------------------------------------- */ +.wpforms-container input[type=date], +.wpforms-container input[type=datetime], +.wpforms-container input[type=datetime-local], +.wpforms-container input[type=email], +.wpforms-container input[type=month], +.wpforms-container input[type=number], +.wpforms-container input[type=password], +.wpforms-container input[type=range], +.wpforms-container input[type=search], +.wpforms-container input[type=tel], +.wpforms-container input[type=text], +.wpforms-container input[type=time], +.wpforms-container input[type=url], +.wpforms-container input[type=week], +.wpforms-container select, +.wpforms-container textarea { + display: block; + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + float: none; + font-family: inherit; +} + +.wpforms-container input[type=checkbox], +.wpforms-container input[type=radio] { + width: 13px; + height: 13px; + margin: 2px 10px 0 3px; + display: inline-block; + vertical-align: baseline; +} + +.wpforms-container amp-img > img { + position: absolute; + /* Override position:static from previous rule, to prevent breaking AMP layout. */ +} + +/* reCAPTCHA Area +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-recaptcha-container { + padding: 10px 0 20px 0; + clear: both; +} + +/* Date/time field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-date-time-date-sep { + display: inline-block; + padding: 0 5px; +} + +.wpforms-container .wpforms-field-date-time-date-year, +.wpforms-container .wpforms-field-date-time-date-day, +.wpforms-container .wpforms-field-date-time-date-month { + display: inline-block; + width: auto; +} + +/* Rating field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-rating-item { + padding: 0 6px 0 0; + margin: 0; + display: inline-block; +} + +.wpforms-container .wpforms-field-rating svg { + cursor: pointer; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px transparent; + opacity: 0.60; +} + +.wpforms-container .wpforms-field-rating-item.selected svg, +.wpforms-container .wpforms-field-rating-item.hover svg, +.wpforms-container .wpforms-field-rating-item input:focus + svg { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 1; +} + +/* Date/time field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-date-time-date-sep { + display: inline-block; + padding: 0 5px; +} + +.wpforms-container .wpforms-field-date-time-date-year, +.wpforms-container .wpforms-field-date-time-date-day, +.wpforms-container .wpforms-field-date-time-date-month { + display: inline-block; + width: auto; +} + +.wpforms-container .wpforms-datepicker-wrap { + position: relative; +} + +.wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear { + position: absolute; + background-image: url(../images/times-solid-white.svg); + background-position: 50% 50%; + background-repeat: no-repeat; + background-color: #cccccc; + background-size: 8px; + width: 16px; + height: 16px; + cursor: pointer; + display: block; + border-radius: 50%; + right: 10px; + top: 50%; + margin-top: -8px; + transition: all 0.3s; +} + +.wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover { + background-color: red; +} + +.wpforms-container .wpforms-datepicker-wrap .wpforms-field-small + .wpforms-datepicker-clear { + right: calc( 75% + 10px); +} + +.wpforms-container .wpforms-datepicker-wrap .wpforms-field-medium + .wpforms-datepicker-clear { + right: calc( 40% + 10px); +} + +/* Rating field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-rating-item { + padding: 0 6px 0 0; + margin: 0; + display: inline-block; +} + +.wpforms-container .wpforms-field-rating svg { + cursor: pointer; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px transparent; + opacity: 0.60; +} + +.wpforms-container .wpforms-field-rating-item.selected svg, +.wpforms-container .wpforms-field-rating-item.hover svg, +.wpforms-container .wpforms-field-rating-item input:focus + svg { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 1; +} + +/* Image choices +----------------------------------------------------------------------------- */ +.wpforms-container ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +.wpforms-container ul.wpforms-image-choices label input { + top: 50%; +} + +/* Modern style */ +.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li { + margin: 5px 5px 5px 5px; +} + +.wpforms-container .wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error) { + background-color: #fff; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid #fff; + border-radius: 3px; + padding: 20px 20px 18px 20px; + transition: all 0.5s; + text-align: center; +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover { + border: 1px solid #ddd; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #fff; + background: green; + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after { + opacity: 1; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label { + font-weight: 700; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +/* Classic */ +.wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +.wpforms-container .wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error) { + background-color: #fff; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 2px solid #fff; + padding: 10px; + text-align: center; +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover { + border-color: #ddd; +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-selected label { + border-color: #666 !important; +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +/* Icon choices +----------------------------------------------------------------------------- */ +/* Base styles */ +.wpforms-container ul.wpforms-icon-choices, +.wpforms-container ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +.wpforms-container ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0; + margin: 8px 0 -20px 0; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +.wpforms-container ul.wpforms-icon-choices + .wpforms-field-description, +.wpforms-container ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +.wpforms-container ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0; + margin: 0 0 20px 0; +} + +.wpforms-container ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +.wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +.wpforms-container ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.wpforms-container .wpforms-field-radio .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-multiple .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc( 50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.wpforms-container .wpforms-field-radio .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-multiple .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container .wpforms-field-radio .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-multiple .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc( 15px + 4px); + left: calc( 50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.wpforms-container .wpforms-field-checkbox .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-checkbox .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc( 50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.wpforms-container .wpforms-field-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container .wpforms-field-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc( 50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px; + margin-bottom: 22px; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0; +} + +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +/* Rich Text field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-form textarea.wpforms-field-small.wp-editor-area { + height: 100px; +} + +.wpforms-container .wpforms-form textarea.wpforms-field-medium.wp-editor-area { + height: 250px; +} + +.wpforms-container .wpforms-form textarea.wpforms-field-large.wp-editor-area { + height: 400px; +} + +.wpforms-container .wpforms-form textarea.wp-editor-area:focus { + outline: none; +} + +@media only screen and (max-width: 600px) { + .wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) { + overflow-x: hidden; + } + .wpforms-container .wpforms-form .wpforms-field > * { + max-width: 100%; + } + .wpforms-container .wpforms-mobile-full { + width: 100%; + margin-left: 0; + float: none; + } + .wpforms-container .wpforms-checkbox-2-columns ul li, + .wpforms-container .wpforms-multiplechoice-2-columns ul li, + .wpforms-container .wpforms-list-2-columns ul li, + .wpforms-container .wpforms-checkbox-3-columns ul li, + .wpforms-container .wpforms-multiplechoice-3-columns ul li, + .wpforms-container .wpforms-list-3-columns ul li { + float: none; + width: 100%; + } + .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page { + float: none; + display: block; + margin: 0 0 10px 0; + } + .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page { + width: 100% !important; + padding: 5px 10px; + } + .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: none; + } + .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page.active { + font-weight: 700; + } + .wpforms-container.inline-fields .wpforms-field-container, + .wpforms-container.inline-fields .wpforms-field { + display: block; + width: 100%; + } + .wpforms-container.inline-fields .wpforms-submit-container { + width: 100%; + } +} + +/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXRzL2Nzcy93cGZvcm1zLWJhc2UuY3NzIiwic291cmNlcyI6WyJhc3NldHMvc2Nzcy93cGZvcm1zLWJhc2Uuc2NzcyIsImFzc2V0cy9zY3NzL3BhcnRpYWxzL19jb21tb24uc2NzcyIsImFzc2V0cy9zY3NzL3BhcnRpYWxzL19iYXNlLnNjc3MiLCJhc3NldHMvc2Nzcy9wYXJ0aWFscy9fZmllbGRzLWJhc2Uuc2NzcyIsImFzc2V0cy9zY3NzL3BhcnRpYWxzL19yZXNwb25zaXZlLWJhc2Uuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBXUEZvcm1zIEJhc2UgZnJvbnRlbmQgc3R5bGVzLlxuLy9cbi8vIEBzaW5jZSAxLjYuMC4xXG5cbkBpbXBvcnQgXCJwYXJ0aWFscy9jb21tb25cIjtcbkBpbXBvcnQgJ3BhcnRpYWxzL2Jhc2UnO1xuQGltcG9ydCAncGFydGlhbHMvZmllbGRzLWJhc2UnO1xuQGltcG9ydCBcInBhcnRpYWxzL3Jlc3BvbnNpdmUtYmFzZVwiO1xuIiwiLy8gV1BGb3JtcyBmcm9udGVuZCBzdHlsZXMuXG4vL1xuLy8gQ29tbW9uIHBhcnQgZm9yIEJhc2UgYW5kIEZ1bGwgc3R5bGVzLlxuLy9cbi8vIEBzaW5jZSAxLjcuNVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZm9ybSB7XG5cdCV3cGZvcm1zLWJhc2UtYWxlcnQge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICNjY2NjY2M7XG5cdFx0dGV4dC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpO1xuXHRcdHBhZGRpbmc6IDEwcHggMTVweDtcblx0XHRmb250LXNpemU6IDE0cHg7XG5cdFx0bWFyZ2luOiAwIDAgMTBweCAwO1xuXHR9XG5cblx0LndwZm9ybXMtZXJyb3ItYWxlcnQge1xuXHRcdEBleHRlbmQgJXdwZm9ybXMtYmFzZS1hbGVydDtcblxuXHRcdGNvbG9yOiAjYjk0YTQ4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICNmMmRlZGU7XG5cdFx0Ym9yZGVyLWNvbG9yOiAjZWVkM2Q3O1xuXHR9XG59XG5cblxuLyogaENBUFRDSEEgQXJlYVxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cbmRpdltzdHlsZSo9XCJ6LWluZGV4OiAyMTQ3NDgzNjQ3XCJdIHtcblx0ZGl2W3N0eWxlKj1cImJvcmRlci13aWR0aDogMTFweFwiXVtzdHlsZSo9XCJwb3NpdGlvbjogYWJzb2x1dGVcIl1bc3R5bGUqPVwicG9pbnRlci1ldmVudHM6IG5vbmVcIl0ge1xuXHRcdGJvcmRlci1zdHlsZTogbm9uZTtcblx0fVxufVxuXG4vKiBDbG91ZGZsYXJlIFR1cm5zdGlsZSBpZnJhbWUgY29udGVudCBhbGlnbm1lbnQgZml4LlxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cbi53cGZvcm1zLWlzLXR1cm5zdGlsZSBpZnJhbWUge1xuXHRtYXJnaW4tbGVmdDogLTJweCAhaW1wb3J0YW50O1xufVxuIiwiLyogPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgIEJhc2UgLSBiYXNpYyBiYXJlIGJvbmVzIHN0eWxpbmdcbiAgID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09ICovXG5cbi8qIEVycm9ycywgV2FybmluZ3MsIGV0Y1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1lcnJvci1jb250YWluZXIsXG4ud3Bmb3Jtcy1jb250YWluZXIgbm9zY3JpcHQud3Bmb3Jtcy1lcnJvci1ub3NjcmlwdCB7XG5cdGNvbG9yOiAjOTkwMDAwO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgbGFiZWwud3Bmb3Jtcy1lcnJvciB7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRjb2xvcjogIzk5MDAwMDtcblx0Zm9udC1zaXplOiAwLjllbTtcblx0ZmxvYXQ6IG5vbmU7XG5cdGN1cnNvcjogZGVmYXVsdDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkIGlucHV0LndwZm9ybXMtZXJyb3IsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQgaW5wdXQudXNlci1pbnZhbGlkLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkIHRleHRhcmVhLndwZm9ybXMtZXJyb3IsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQgdGV4dGFyZWEudXNlci1pbnZhbGlkLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkIHNlbGVjdC53cGZvcm1zLWVycm9yLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkIHNlbGVjdC51c2VyLWludmFsaWQsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQud3Bmb3Jtcy1oYXMtZXJyb3IgLmNob2ljZXNfX2lubmVyIHtcblx0Ym9yZGVyOiAxcHggc29saWQgI2NjMDAwMDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLWNyZWRpdC1jYXJkLWV4cGlyYXRpb24gbGFiZWwud3Bmb3Jtcy1lcnJvcixcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1jcmVkaXQtY2FyZC1jb2RlIGxhYmVsLndwZm9ybXMtZXJyb3Ige1xuXHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG59XG5cbi8qIFBhZ2UgSW5kaWNhdG9yIHRoZW1lc1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yIHtcblx0bWFyZ2luOiAwIDAgMjBweCAwO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4vKiogQ2lyY2xlcyB0aGVtZSAqKi9cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci5jaXJjbGVzIHtcblx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICNkZmRmZGY7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGZkZmRmO1xuXHRwYWRkaW5nOiAxNXB4IDEwcHg7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci5jaXJjbGVzIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2Uge1xuXHRmbG9hdDogbGVmdDtcblx0bWFyZ2luOiAwIDIwcHggMCAwO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtcGFnZS1pbmRpY2F0b3IuY2lyY2xlcyAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci1wYWdlOmxhc3Qtb2YtdHlwZSB7XG5cdG1hcmdpbjogMDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLmNpcmNsZXMgLndwZm9ybXMtcGFnZS1pbmRpY2F0b3ItcGFnZS1udW1iZXIge1xuXHRoZWlnaHQ6IDQwcHg7XG5cdHdpZHRoOiA0MHB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiAwIDEwcHggMCAwO1xuXHRsaW5lLWhlaWdodDogNDBweDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkO1xuXHRjb2xvcjogIzY2Njtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLmNpcmNsZXMgLmFjdGl2ZSAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci1wYWdlLW51bWJlciB7XG5cdGNvbG9yOiAjZmZmO1xufVxuXG4vKiBDb25uZWN0b3IgdGhlbWUgKi9cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci5jb25uZWN0b3IgLndwZm9ybXMtcGFnZS1pbmRpY2F0b3ItcGFnZSB7XG5cdGZsb2F0OiBsZWZ0O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdGxpbmUtaGVpZ2h0OiAxLjI7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci5jb25uZWN0b3IgLndwZm9ybXMtcGFnZS1pbmRpY2F0b3ItcGFnZS1udW1iZXIge1xuXHRkaXNwbGF5OiBibG9jaztcblx0dGV4dC1pbmRlbnQ6IC05OTk5cHg7XG5cdGhlaWdodDogNnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkO1xuXHRtYXJnaW46IDAgMCAxNnB4IDA7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLmNvbm5lY3RvciAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci1wYWdlLXRyaWFuZ2xlIHtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDEwMCU7XG5cdGxlZnQ6IDUwJTtcblx0d2lkdGg6IDA7XG5cdGhlaWdodDogMDtcblx0bWFyZ2luLWxlZnQ6IC01cHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci13aWR0aDogNnB4IDVweCAwIDVweDtcblx0Ym9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLmNvbm5lY3RvciAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci1wYWdlLXRpdGxlIHtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRwYWRkaW5nOiAwIDE1cHg7XG5cdGZvbnQtc2l6ZTogMTZweDtcbn1cblxuLyogUHJvZ3Jlc3MgdGhlbWUgKi9cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci5wcm9ncmVzcyB7XG5cdGZvbnQtc2l6ZTogMThweDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLnByb2dyZXNzIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2UtcHJvZ3Jlc3Mtd3JhcCB7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogI2RkZDtcblx0aGVpZ2h0OiAxOHB4O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdG1hcmdpbjogNXB4IDAgMDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLnByb2dyZXNzIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2UtcHJvZ3Jlc3Mge1xuXHRoZWlnaHQ6IDE4cHg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0bGVmdDogMDtcblx0dG9wOiAwO1xufVxuXG4vKiBOb3RpY2VzXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG5kaXYud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtbm90aWNlIHtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblx0Ym9yZGVyOiAxcHggc29saWQgI2RkZDtcblx0Ym9yZGVyLWxlZnQtd2lkdGg6IDEycHg7XG5cdGNvbG9yOiAjMzMzO1xuXHRmb250LXNpemU6IDE2cHg7XG5cdGxpbmUtaGVpZ2h0OiAxLjU7XG5cdG1hcmdpbi1ib3R0b206IDMwcHg7XG5cdHBhZGRpbmc6IDIwcHggMzZweCAyMHB4IDI2cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1kZWxldGUge1xuXHQtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7XG5cdC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG5cdC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG5cdC1tcy11c2VyLXNlbGVjdDogbm9uZTtcblx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdC1tb3otYXBwZWFyYW5jZTogbm9uZTtcblx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMik7XG5cdGJvcmRlcjogbm9uZTtcblx0Ym9yZGVyLXJhZGl1czogMjkwNDg2cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRoZWlnaHQ6IDIwcHg7XG5cdG1hcmdpbjogMDtcblx0cGFkZGluZzogMDtcblx0b3V0bGluZTogbm9uZTtcblx0dmVydGljYWwtYWxpZ246IHRvcDtcblx0d2lkdGg6IDIwcHg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0cmlnaHQ6IDEwcHg7XG5cdHRvcDogMTBweDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1kZWxldGU6YmVmb3JlLFxuZGl2LndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1kZWxldGU6YWZ0ZXIge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXHRjb250ZW50OiBcIlwiO1xuXHRkaXNwbGF5OiBibG9jaztcblx0bGVmdDogNTAlO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHQtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpIHJvdGF0ZSg0NWRlZyk7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpIHJvdGF0ZSg0NWRlZyk7XG5cdC13ZWJraXQtdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcblx0dHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1kZWxldGU6YmVmb3JlIHtcblx0aGVpZ2h0OiAycHg7XG5cdHdpZHRoOiA1MCU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1ub3RpY2UgLndwZm9ybXMtZGVsZXRlOmFmdGVyIHtcblx0aGVpZ2h0OiA1MCU7XG5cdHdpZHRoOiAycHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1ub3RpY2UgLndwZm9ybXMtZGVsZXRlOmhvdmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1kZWxldGU6Zm9jdXMgIHtcblx0YmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMCwgMTAsIDEwLCAwLjMpO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtbm90aWNlIGEge1xuXHR0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW5vdGljZSBwIHtcblx0bWFyZ2luOiAwIDAgMjBweCAwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtbm90aWNlIHA6bGFzdC1vZi10eXBlIHtcblx0bWFyZ2luLWJvdHRvbTogMDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtaW5mbyAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtaW5mbyB7XG5cdGJvcmRlci1jb2xvcjogIzMyNzNkY1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1zdWNjZXNzIC53cGZvcm1zLW5vdGljZS1hY3Rpb24sXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1zdWNjZXNzIHtcblx0Ym9yZGVyLWNvbG9yOiAjMjNkMTYwXG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLXdhcm5pbmcgLndwZm9ybXMtbm90aWNlLWFjdGlvbixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLXdhcm5pbmcge1xuXHRib3JkZXItY29sb3I6ICNmZmRkNTdcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtZXJyb3IgLndwZm9ybXMtbm90aWNlLWFjdGlvbixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLWVycm9yIHtcblx0Ym9yZGVyLWNvbG9yOiAjZmYzODYwXG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9ucyB7XG5cdG1hcmdpbi10b3A6IDIwcHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uIHtcblx0Ym9yZGVyOiAycHggc29saWQ7XG5cdG1hcmdpbi1yaWdodDogMjBweDtcblx0cGFkZGluZzogNXB4O1xuXHR0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2UgLndwZm9ybXMtbm90aWNlLWFjdGlvbjpob3ZlcixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmZvY3VzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlIC53cGZvcm1zLW5vdGljZS1hY3Rpb246YWN0aXZlIHtcblx0Y29sb3I6ICNmZmY7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLWluZm8gLndwZm9ybXMtbm90aWNlLWFjdGlvbjpob3ZlcixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLWluZm8gLndwZm9ybXMtbm90aWNlLWFjdGlvbjpmb2N1cyxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLWluZm8gLndwZm9ybXMtbm90aWNlLWFjdGlvbjphY3RpdmUge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzI3M2RjO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1zdWNjZXNzIC53cGZvcm1zLW5vdGljZS1hY3Rpb246aG92ZXIsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1zdWNjZXNzIC53cGZvcm1zLW5vdGljZS1hY3Rpb246Zm9jdXMsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1zdWNjZXNzIC53cGZvcm1zLW5vdGljZS1hY3Rpb246YWN0aXZlIHtcblx0YmFja2dyb3VuZC1jb2xvcjogIzIzZDE2MDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtd2FybmluZyAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmhvdmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtd2FybmluZyAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmZvY3VzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtd2FybmluZyAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmFjdGl2ZSB7XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmRkNTc7XG5cdGNvbG9yOiBpbmhlcml0O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1lcnJvciAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmhvdmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtZXJyb3IgLndwZm9ybXMtbm90aWNlLWFjdGlvbjpmb2N1cyxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLWVycm9yIC53cGZvcm1zLW5vdGljZS1hY3Rpb246YWN0aXZlIHtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmMzg2MDtcbn1cblxuLyogUHJldmlldyBub3RpY2UuXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4ud3Bmb3Jtcy1wcmV2aWV3LW5vdGljZS1saW5rcyB7XG5cdGxpbmUtaGVpZ2h0OiAyLjQ7XG59XG5cbi8qIEZvcm0gSGVhZGVyIGFyZWFcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy10aXRsZSB7XG5cdGZvbnQtc2l6ZTogMjZweDtcblx0bWFyZ2luOiAwIDAgMTBweCAwO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZGVzY3JpcHRpb24ge1xuXHRtYXJnaW46IDAgMCAxMHB4IDA7XG59XG5cblxuLyogRm9ybSBGb290ZXIgYXJlYVxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXN1Ym1pdC1jb250YWluZXIge1xuXHRwYWRkaW5nOiAxMHB4IDAgMCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciBidXR0b25bdHlwZT1zdWJtaXRdIHtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXN1Ym1pdC1zcGlubmVyIHtcblx0bWFyZ2luLWxlZnQ6IDAuNWVtO1xufVxuXG4vKiBNaXNjXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4ud3Bmb3Jtcy1jb250YWluZXIge1xuXHRtYXJnaW4tYm90dG9tOiAyNnB4O1xufVxuXG4vKiBIb25leXBvdCBBcmVhICovXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtaHAge1xuXHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuXHRsZWZ0OiAtOTAwMHB4ICFpbXBvcnRhbnQ7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC53cGZvcm1zLWZpZWxkLWhpZGRlbiB7XG5cdGRpc3BsYXk6IG5vbmU7XG5cdHBhZGRpbmc6IDA7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1zY3JlZW4tcmVhZGVyLWVsZW1lbnQge1xuXHRwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcblx0Y2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcblx0aGVpZ2h0OiAxcHg7XG5cdHdpZHRoOiAxcHg7XG5cdGJvcmRlcjogMDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0d29yZC13cmFwOiBub3JtYWwgIWltcG9ydGFudDtcbn1cblxuLypcbiAqIEhpZGUgdGhlIGZvcm0gZmllbGRzIHVwb24gc3VjY2Vzc2Z1bCBzdWJtaXNzaW9uLiBUaGlzIG1heSBub3QgYmUgdGhlIGJlc3QgYXBwcm9hY2guXG4gKiBQZXJoYXBzIG1vcmUgcm9idXN0OiAud3Bmb3Jtcy1mb3JtLmFtcC1mb3JtLXN1Ym1pdC1zdWNjZXNzID4gKjpub3QoW3N1Ym1pdC1zdWNjZXNzXSkgeyBkaXNwbGF5Om5vbmUgfVxuICovXG4uYW1wLWZvcm0tc3VibWl0LXN1Y2Nlc3MgLndwZm9ybXMtZmllbGQtY29udGFpbmVyLFxuLmFtcC1mb3JtLXN1Ym1pdC1zdWNjZXNzIC53cGZvcm1zLXN1Ym1pdC1jb250YWluZXIge1xuXHRkaXNwbGF5OiBub25lO1xufVxuXG4vKiBHdXRlbmJlcmcgQmxvY2tcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbi5lZGl0LXBvc3QtdmlzdWFsLWVkaXRvciAud3Bmb3Jtcy1ndXRlbmJlcmctZm9ybS1zZWxlY3Rvci13cmFwIGgzIHtcblx0d2lkdGg6IDEwMCU7XG5cdG1hcmdpbjogMTBweCAwIDVweDtcblx0Zm9udC13ZWlnaHQ6IDcwMDtcblx0Zm9udC1zaXplOiAyMHB4O1xufVxuXG4uZWRpdC1wb3N0LXZpc3VhbC1lZGl0b3IgLndwZm9ybXMtZ3V0ZW5iZXJnLWZvcm0tc2VsZWN0b3Itd3JhcCBpbWcge1xuXHRtYXJnaW4tcmlnaHQ6IDI1cHg7XG5cdHdpZHRoOiBpbml0aWFsO1xufVxuXG4uZWRpdC1wb3N0LXZpc3VhbC1lZGl0b3IgLndwZm9ybXMtZ3V0ZW5iZXJnLWZvcm0tc2VsZWN0b3Itd3JhcCAuY29tcG9uZW50cy1iYXNlLWNvbnRyb2wge1xuXHR3aWR0aDogMTAwJTtcbn1cblxuZGl2LndwZm9ybXMtZ3V0ZW5iZXJnLWZvcm0tc2VsZWN0b3IgLndwZm9ybXMtZm9ybSBpbnB1dDpkaXNhYmxlZCxcbmRpdi53cGZvcm1zLWd1dGVuYmVyZy1mb3JtLXNlbGVjdG9yIC53cGZvcm1zLWZvcm0gdGV4dGFyZWE6ZGlzYWJsZWQsXG5kaXYud3Bmb3Jtcy1ndXRlbmJlcmctZm9ybS1zZWxlY3RvciAud3Bmb3Jtcy1mb3JtIHNlbGVjdDpkaXNhYmxlZCxcbmRpdi53cGZvcm1zLWd1dGVuYmVyZy1mb3JtLXNlbGVjdG9yIC53cGZvcm1zLWZvcm0gYnV0dG9uW3R5cGU9c3VibWl0XTpkaXNhYmxlZCB7XG5cdGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi8vIE92ZXJyaWRlIENob2ljZXMgYm9yZGVyLXJhZGl1cyBvbiB0aGUgZnJvbnRlbmQuXG5kaXYud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZm9ybSAuY2hvaWNlcy5pcy1vcGVuLmlzLWZsaXBwZWQgLmNob2ljZXNfX2lubmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZvcm0gLmNob2ljZXMuaXMtb3BlbiAuY2hvaWNlc19fbGlzdC0tZHJvcGRvd24ge1xuXHRib3JkZXItcmFkaXVzOiAwIDAgMnB4IDJweDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZvcm0gLmNob2ljZXMuaXMtb3Blbi5pcy1mbGlwcGVkIC5jaG9pY2VzX19saXN0LS1kcm9wZG93bixcbmRpdi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1mb3JtIC5jaG9pY2VzLmlzLW9wZW4gLmNob2ljZXNfX2lubmVyIHtcblx0Ym9yZGVyLXJhZGl1czogMnB4IDJweCAwIDA7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1mb3JtIC5jaG9pY2VzIHtcblx0LmNob2ljZXNfX2lubmVyIHtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0bWluLWhlaWdodDogMzVweDtcblxuXHRcdC5jaG9pY2VzX19saXN0LS1zaW5nbGUge1xuXHRcdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdH1cblxuXHRcdC5jaG9pY2VzX19saXN0LS1tdWx0aXBsZSB7XG5cdFx0XHQuY2hvaWNlc19faXRlbSB7XG5cdFx0XHRcdGxpbmUtaGVpZ2h0OiAxLjM7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG59XG5cbi8qIFJUTCBzdXBwb3J0XG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4vKiBQaG9uZSBVUyBmb3JtYXQgKi9cbmJvZHkucnRsIC53cGZvcm1zLWZpZWxkLXBob25lIGlucHV0W3R5cGU9dGVsXSB7XG5cdGRpcmVjdGlvbjogbHRyO1xuXHR1bmljb2RlLWJpZGk6IGVtYmVkO1xuXHR0ZXh0LWFsaWduOiByaWdodDtcbn1cblxuYm9keS5ydGwgLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpcnN0IHtcblx0ZmxvYXQ6IHJpZ2h0O1xufVxuXG5ib2R5LnJ0bCAud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmlyc3QgKyAud3Bmb3Jtcy1vbmUtaGFsZiB7XG5cdG1hcmdpbi1yaWdodDogNCU7XG5cdG1hcmdpbi1sZWZ0OiAwO1xufVxuIiwiLyogPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgIEJhc2UgLSBiYXNpYyBiYXJlIGJvbmVzIHN0eWxpbmdcbiAgID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09ICovXG5cbi53cGZvcm1zLWNsZWFyOmJlZm9yZSB7XG5cdGNvbnRlbnQ6IFwiIFwiO1xuXHRkaXNwbGF5OiB0YWJsZTtcbn1cblxuLndwZm9ybXMtY2xlYXI6YWZ0ZXIge1xuXHRjbGVhcjogYm90aDtcblx0Y29udGVudDogXCIgXCI7XG5cdGRpc3BsYXk6IHRhYmxlO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgdWwsXG4ud3Bmb3Jtcy1jb250YWluZXIgdWwgbGkge1xuXHRiYWNrZ3JvdW5kOiBub25lO1xuXHRib3JkZXI6IDA7XG5cdG1hcmdpbjogMDtcblx0bGlzdC1zdHlsZTogbm9uZTtcbn1cblxuXG4vKiBCYXNpYyBGaWVsZCBwcm9wZXJ0aWVzXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4vKiBGaWVsZCBzaXplcyAtIG1lZGl1bSAqL1xuLndwZm9ybXMtY29udGFpbmVyIGlucHV0LndwZm9ybXMtZmllbGQtbWVkaXVtLFxuLndwZm9ybXMtY29udGFpbmVyIHNlbGVjdC53cGZvcm1zLWZpZWxkLW1lZGl1bSxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1yb3cud3Bmb3Jtcy1maWVsZC1tZWRpdW0ge1xuXHRtYXgtd2lkdGg6IDYwJTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIHRleHRhcmVhLndwZm9ybXMtZmllbGQtbWVkaXVtIHtcblx0aGVpZ2h0OiAxMjBweDtcbn1cblxuLyogRmllbGQgc2l6ZXMgLSBzbWFsbCAqL1xuLndwZm9ybXMtY29udGFpbmVyIGlucHV0LndwZm9ybXMtZmllbGQtc21hbGwsXG4ud3Bmb3Jtcy1jb250YWluZXIgc2VsZWN0LndwZm9ybXMtZmllbGQtc21hbGwsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtcm93LndwZm9ybXMtZmllbGQtc21hbGwge1xuXHRtYXgtd2lkdGg6IDI1JTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIHRleHRhcmVhLndwZm9ybXMtZmllbGQtc21hbGwge1xuXHRoZWlnaHQ6IDcwcHg7XG59XG5cbi8qIEZpZWxkIHNpemVzIC0gbWVkaXVtICovXG4ud3Bmb3Jtcy1jb250YWluZXIgaW5wdXQud3Bmb3Jtcy1maWVsZC1sYXJnZSxcbi53cGZvcm1zLWNvbnRhaW5lciBzZWxlY3Qud3Bmb3Jtcy1maWVsZC1sYXJnZSxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1yb3cud3Bmb3Jtcy1maWVsZC1sYXJnZSB7XG5cdG1heC13aWR0aDogMTAwJTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIHRleHRhcmVhLndwZm9ybXMtZmllbGQtbGFyZ2Uge1xuXHRoZWlnaHQ6IDIyMHB4O1xufVxuXG4vKiBGaWVsZCBjb250YWluZXIqL1xuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkIHtcblx0cGFkZGluZzogMTBweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi8qIEZpZWxkIGRlc2NyaXB0aW9uICovXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtZGVzY3JpcHRpb24sXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtbGltaXQtdGV4dCB7XG5cdGZvbnQtc2l6ZTogMC44NWVtO1xuXHRtYXJnaW46IDVweCAwIDAgMDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLWRlc2NyaXB0aW9uLndwZm9ybXMtZGlzY2xhaW1lci1kZXNjcmlwdGlvbiB7XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XG5cdHBhZGRpbmc6IDE1cHggMTVweCAwO1xuXHRoZWlnaHQ6IDEyNXB4O1xuXHRvdmVyZmxvdy15OiBzY3JvbGw7XG5cdG92ZXJmbG93LXg6IGhpZGRlbjtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLWRlc2NyaXB0aW9uLndwZm9ybXMtZGlzY2xhaW1lci1kZXNjcmlwdGlvbiBwIHtcblx0bWFyZ2luOiAwIDAgMTVweCAwO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtZGVzY3JpcHRpb24tYmVmb3JlLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLWRlc2NyaXB0aW9uLmJlZm9yZSB7XG5cdGZvbnQtc2l6ZTogMC44NWVtO1xuXHRtYXJnaW46IDAgMCA1cHggMDtcbn1cblxuLyogTGFiZWxzIGFuZCBzdWItbGFiZWxzICovXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtbGFiZWwge1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC13ZWlnaHQ6IDcwMDtcblx0ZmxvYXQ6IG5vbmU7XG5cdHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5cdHdvcmQtd3JhcDogYnJlYWstd29yZDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLXN1YmxhYmVsIHtcblx0ZGlzcGxheTogYmxvY2s7XG5cdGZvbnQtc2l6ZTogMC44NWVtO1xuXHRmbG9hdDogbm9uZTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLWxhYmVsLWlubGluZSB7XG5cdGRpc3BsYXk6IGlubGluZTtcblx0dmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xuXHRmb250LXdlaWdodDogNDAwO1xuXHR3b3JkLWJyZWFrOiBicmVhay13b3JkO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtbGFiZWwud3Bmb3Jtcy1sYWJlbC1oaWRlLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLXN1YmxhYmVsLndwZm9ybXMtc3VibGFiZWwtaGlkZSB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAtOTk5OTlweDtcblx0bGVmdDogLTk5OTk5cHg7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1yZXF1aXJlZC1sYWJlbCB7XG5cdGNvbG9yOiAjZmYwMDAwO1xuXHRmb250LXdlaWdodDogbm9ybWFsO1xufVxuXG4vKiBSb3dzIChtdWx0aS1saW5lIGZpZWxkczogYWRkcmVzcywgY3JlZGl0IGNhcmQsIGV0Yylcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1yb3cge1xuXHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkIC53cGZvcm1zLWZpZWxkLXJvdzpsYXN0LW9mLXR5cGUge1xuXHRtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtcm93OmJlZm9yZSB7XG5cdGNvbnRlbnQ6IFwiIFwiO1xuXHRkaXNwbGF5OiB0YWJsZTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLXJvdzphZnRlciB7XG5cdGNsZWFyOiBib3RoO1xuXHRjb250ZW50OiBcIiBcIjtcblx0ZGlzcGxheTogdGFibGU7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWFkZHJlc3MgLndwZm9ybXMtb25lLWhhbGY6b25seS1jaGlsZCB7XG5cdG1hcmdpbi1sZWZ0OiAwO1xufVxuXG4vKiBDb2x1bW5zXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4vKiBVc2VyIGNvbHVtbiBjbGFzc2VzICAqL1xuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpdmUtc2l4dGhzLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZvdXItc2l4dGhzLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZvdXItZmlmdGhzLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW9uZS1maWZ0aCxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1vbmUtZm91cnRoLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW9uZS1oYWxmLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW9uZS1zaXh0aCxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1vbmUtdGhpcmQsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtdGhyZWUtZm91cnRocyxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy10aHJlZS1maWZ0aHMsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtdGhyZWUtc2l4dGhzLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXR3by1mb3VydGhzLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXR3by1maWZ0aHMsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtdHdvLXNpeHRocyxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy10d28tdGhpcmRzIHtcblx0ZmxvYXQ6IGxlZnQ7XG5cdG1hcmdpbi1sZWZ0OiA0JTtcblx0Y2xlYXI6IG5vbmU7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1vbmUtaGFsZixcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy10aHJlZS1zaXh0aHMsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtdHdvLWZvdXJ0aHMge1xuXHR3aWR0aDogNDglO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtb25lLXRoaXJkLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXR3by1zaXh0aHMge1xuXHR3aWR0aDogMzAuNjY2NjY2NjY2NyU7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1mb3VyLXNpeHRocyxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy10d28tdGhpcmRzIHtcblx0d2lkdGg6IDY1LjMzMzMzMzMzMzMlO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtb25lLWZvdXJ0aCB7XG5cdHdpZHRoOiAyMiU7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy10aHJlZS1mb3VydGhzIHtcblx0d2lkdGg6IDc0JTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW9uZS1maWZ0aCB7XG5cdHdpZHRoOiAxNi44JTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLXR3by1maWZ0aHMge1xuXHR3aWR0aDogMzcuNiU7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy10aHJlZS1maWZ0aHMge1xuXHR3aWR0aDogNTguNCU7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1mb3VyLWZpZnRocyB7XG5cdHdpZHRoOiA3OS4yJTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW9uZS1zaXh0aCB7XG5cdHdpZHRoOiAxMy4zMzMzMzMzMzMzJTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpdmUtc2l4dGhzIHtcblx0d2lkdGg6IDgyLjY2NjY2NjY2NjclO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmlyc3Qge1xuXHRjbGVhcjogYm90aCAhaW1wb3J0YW50O1xuXHRtYXJnaW4tbGVmdDogMCAhaW1wb3J0YW50O1xufVxuXG4vKiBVc2VyIGxpc3QgY29sdW1uIGNsYXNzZXMgICovXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtY2hlY2tib3gtMi1jb2x1bW5zIHVsLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW11bHRpcGxlY2hvaWNlLTItY29sdW1ucyB1bCxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1saXN0LTItY29sdW1ucyB1bCxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1jaGVja2JveC0zLWNvbHVtbnMgdWwsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtbXVsdGlwbGVjaG9pY2UtMy1jb2x1bW5zIHVsLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWxpc3QtMy1jb2x1bW5zIHVsIHtcblx0ZGlzcGxheTogLW1zLWZsZXg7XG5cdGRpc3BsYXk6IC13ZWJraXQtZmxleDtcblx0ZGlzcGxheTogZmxleDtcblx0LXdlYmtpdC1mbGV4LXdyYXA6IHdyYXA7XG5cdGZsZXgtd3JhcDogd3JhcDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWNoZWNrYm94LTItY29sdW1ucyB1bCBsaSxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1tdWx0aXBsZWNob2ljZS0yLWNvbHVtbnMgdWwgbGksXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtbGlzdC0yLWNvbHVtbnMgdWwgbGkge1xuXHR3aWR0aDogNTAlO1xuXHRkaXNwbGF5OiBibG9jaztcblx0cGFkZGluZy1yaWdodDogMjZweDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWNoZWNrYm94LTMtY29sdW1ucyB1bCBsaSxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1tdWx0aXBsZWNob2ljZS0zLWNvbHVtbnMgdWwgbGksXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtbGlzdC0zLWNvbHVtbnMgdWwgbGkge1xuXHR3aWR0aDogMzMuMzMzMyU7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwYWRkaW5nLXJpZ2h0OiAyNnB4O1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtbGlzdC1pbmxpbmUgdWwgbGkge1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdG1hcmdpbi1yaWdodDogMjBweDtcblx0dmVydGljYWwtYWxpZ246IHRvcDtcbn1cblxuLyogTGVnYWN5LCBmb3IgQkMgKi9cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maXJzdC1oYWxmIHtcblx0ZmxvYXQ6IGxlZnQ7XG5cdHdpZHRoOiA0OCU7XG5cdGNsZWFyOiBib3RoO1xufVxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWxhc3QtaGFsZiB7XG5cdGZsb2F0OiByaWdodDtcblx0d2lkdGg6IDQ4JTtcblx0Y2xlYXI6IG5vbmU7XG59XG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmlyc3QtdGhpcmQge1xuXHRmbG9hdDogbGVmdDtcblx0d2lkdGg6IDMwLjY2NjY2NjY2NyU7XG5cdGNsZWFyOiBib3RoO1xufVxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLW1pZGRsZS10aGlyZCAge1xuXHRmbG9hdDogbGVmdDtcblx0d2lkdGg6IDMwLjY2NjY2NjY2NyU7XG5cdG1hcmdpbi1sZWZ0OiA0JTtcblx0Y2xlYXI6IG5vbmU7XG59XG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtbGFzdC10aGlyZCB7XG5cdGZsb2F0OiByaWdodDtcblx0d2lkdGg6IDMwLjY2NjY2NjY2NyU7XG5cdGNsZWFyOiBub25lO1xufVxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWxhc3Qge1xuXHRmbG9hdDogcmlnaHQgIWltcG9ydGFudDtcblx0bWFyZ2luLXJpZ2h0OiAwICFpbXBvcnRhbnQ7XG5cdGNsZWFyOiBub25lO1xufVxuXG4vKiBQcmVzZXQgTGF5b3V0c1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuLyogU2luZ2xlIGxpbmUgKi9cbi53cGZvcm1zLWNvbnRhaW5lci5pbmxpbmUtZmllbGRzIHtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyLmlubGluZS1maWVsZHMgLndwZm9ybXMtZmllbGQtY29udGFpbmVyICB7XG5cdGRpc3BsYXk6IHRhYmxlO1xuXHR3aWR0aDogY2FsYygxMDAlIC0gMTYwcHgpO1xuXHRmbG9hdDogbGVmdDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyLmlubGluZS1maWVsZHMgLndwZm9ybXMtZmllbGQgIHtcblx0ZGlzcGxheTogdGFibGUtY2VsbDtcblx0cGFkZGluZy1yaWdodDogMiU7XG5cdHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lci5pbmxpbmUtZmllbGRzIC53cGZvcm1zLXN1Ym1pdC1jb250YWluZXIge1xuXHRmbG9hdDogcmlnaHQ7XG5cdHdpZHRoOiAxNjBweDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyLmlubGluZS1maWVsZHMgLndwZm9ybXMtc3VibWl0IHtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHdpZHRoOiAxMDAlO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIuaW5saW5lLWZpZWxkcyBpbnB1dC53cGZvcm1zLWZpZWxkLW1lZGl1bSxcbi53cGZvcm1zLWNvbnRhaW5lci5pbmxpbmUtZmllbGRzIHNlbGVjdC53cGZvcm1zLWZpZWxkLW1lZGl1bSxcbi53cGZvcm1zLWNvbnRhaW5lci5pbmxpbmUtZmllbGRzIC53cGZvcm1zLWZpZWxkLXJvdy53cGZvcm1zLWZpZWxkLW1lZGl1bSB7XG5cdG1heC13aWR0aDogMTAwJTtcbn1cblxuXG4vKiBTZXQgU3R5bGVzXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4ud3Bmb3Jtcy1jb250YWluZXIgaW5wdXRbdHlwZT1kYXRlXSxcbi53cGZvcm1zLWNvbnRhaW5lciBpbnB1dFt0eXBlPWRhdGV0aW1lXSxcbi53cGZvcm1zLWNvbnRhaW5lciBpbnB1dFt0eXBlPWRhdGV0aW1lLWxvY2FsXSxcbi53cGZvcm1zLWNvbnRhaW5lciBpbnB1dFt0eXBlPWVtYWlsXSxcbi53cGZvcm1zLWNvbnRhaW5lciBpbnB1dFt0eXBlPW1vbnRoXSxcbi53cGZvcm1zLWNvbnRhaW5lciBpbnB1dFt0eXBlPW51bWJlcl0sXG4ud3Bmb3Jtcy1jb250YWluZXIgaW5wdXRbdHlwZT1wYXNzd29yZF0sXG4ud3Bmb3Jtcy1jb250YWluZXIgaW5wdXRbdHlwZT1yYW5nZV0sXG4ud3Bmb3Jtcy1jb250YWluZXIgaW5wdXRbdHlwZT1zZWFyY2hdLFxuLndwZm9ybXMtY29udGFpbmVyIGlucHV0W3R5cGU9dGVsXSxcbi53cGZvcm1zLWNvbnRhaW5lciBpbnB1dFt0eXBlPXRleHRdLFxuLndwZm9ybXMtY29udGFpbmVyIGlucHV0W3R5cGU9dGltZV0sXG4ud3Bmb3Jtcy1jb250YWluZXIgaW5wdXRbdHlwZT11cmxdLFxuLndwZm9ybXMtY29udGFpbmVyIGlucHV0W3R5cGU9d2Vla10sXG4ud3Bmb3Jtcy1jb250YWluZXIgc2VsZWN0LFxuLndwZm9ybXMtY29udGFpbmVyIHRleHRhcmVhIHtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHdpZHRoOiAxMDAlO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHQtd2Via2l0LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdC1tb3otYm94LXNpemluZzogYm9yZGVyLWJveDtcblx0ZmxvYXQ6IG5vbmU7XG5cdGZvbnQtZmFtaWx5OiBpbmhlcml0O1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgaW5wdXRbdHlwZT1jaGVja2JveF0sXG4ud3Bmb3Jtcy1jb250YWluZXIgaW5wdXRbdHlwZT1yYWRpb10ge1xuXHR3aWR0aDogMTNweDtcblx0aGVpZ2h0OiAxM3B4O1xuXHRtYXJnaW46IDJweCAxMHB4IDAgM3B4O1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIGFtcC1pbWcgPiBpbWcge1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7IC8qIE92ZXJyaWRlIHBvc2l0aW9uOnN0YXRpYyBmcm9tIHByZXZpb3VzIHJ1bGUsIHRvIHByZXZlbnQgYnJlYWtpbmcgQU1QIGxheW91dC4gKi9cbn1cblxuLyogcmVDQVBUQ0hBIEFyZWFcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1yZWNhcHRjaGEtY29udGFpbmVyIHtcblx0cGFkZGluZzogMTBweCAwIDIwcHggMDtcblx0Y2xlYXI6IGJvdGg7XG59XG5cblxuLyogRGF0ZS90aW1lIGZpZWxkXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4ud3Bmb3Jtcy1jb250YWluZXIgIC53cGZvcm1zLWZpZWxkLWRhdGUtdGltZS1kYXRlLXNlcCB7XG5cdGRpc3BsYXk6aW5saW5lLWJsb2NrO1xuXHRwYWRkaW5nOjAgNXB4O1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtZGF0ZS10aW1lLWRhdGUteWVhcixcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1kYXRlLXRpbWUtZGF0ZS1kYXksXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtZGF0ZS10aW1lLWRhdGUtbW9udGgge1xuXHRkaXNwbGF5OmlubGluZS1ibG9jaztcblx0d2lkdGg6YXV0bztcbn1cblxuXG4vKiBSYXRpbmcgZmllbGRcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1yYXRpbmctaXRlbSB7XG5cdHBhZGRpbmc6IDAgNnB4IDAgMDtcblx0bWFyZ2luOiAwO1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1yYXRpbmcgc3ZnIHtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQtd2Via2l0LXRyYW5zZm9ybTogcGVyc3BlY3RpdmUoMXB4KSB0cmFuc2xhdGVaKDApO1xuXHR0cmFuc2Zvcm06IHBlcnNwZWN0aXZlKDFweCkgdHJhbnNsYXRlWigwKTtcblx0Ym94LXNoYWRvdzogMCAwIDFweCB0cmFuc3BhcmVudDtcblx0b3BhY2l0eTogMC42MDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLXJhdGluZy1pdGVtLnNlbGVjdGVkIHN2Zyxcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1yYXRpbmctaXRlbS5ob3ZlciBzdmcsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtcmF0aW5nLWl0ZW0gaW5wdXQ6Zm9jdXMgKyBzdmcge1xuXHQtd2Via2l0LXRyYW5zZm9ybTogc2NhbGUoMS4zKTtcblx0dHJhbnNmb3JtOiBzY2FsZSgxLjMpO1xuXHRvcGFjaXR5OiAxO1xufVxuXG5cbi8qIERhdGUvdGltZSBmaWVsZFxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuLndwZm9ybXMtY29udGFpbmVyICAud3Bmb3Jtcy1maWVsZC1kYXRlLXRpbWUtZGF0ZS1zZXAge1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHBhZGRpbmc6IDAgNXB4O1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtZGF0ZS10aW1lLWRhdGUteWVhcixcbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1kYXRlLXRpbWUtZGF0ZS1kYXksXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtZGF0ZS10aW1lLWRhdGUtbW9udGgge1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHdpZHRoOiBhdXRvO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZGF0ZXBpY2tlci13cmFwIHtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZGF0ZXBpY2tlci13cmFwIC53cGZvcm1zLWRhdGVwaWNrZXItY2xlYXIge1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi9pbWFnZXMvdGltZXMtc29saWQtd2hpdGUuc3ZnKTtcblx0YmFja2dyb3VuZC1wb3NpdGlvbjogNTAlIDUwJTtcblx0YmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcblx0YmFja2dyb3VuZC1jb2xvcjogI2NjY2NjYztcblx0YmFja2dyb3VuZC1zaXplOiA4cHg7XG5cdHdpZHRoOiAxNnB4O1xuXHRoZWlnaHQ6IDE2cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogYmxvY2s7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0cmlnaHQ6IDEwcHg7XG5cdHRvcDogNTAlO1xuXHRtYXJnaW4tdG9wOiAtOHB4O1xuXHR0cmFuc2l0aW9uOiBhbGwgMC4zcztcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWRhdGVwaWNrZXItd3JhcCAud3Bmb3Jtcy1kYXRlcGlja2VyLWNsZWFyOmhvdmVyIHtcblx0YmFja2dyb3VuZC1jb2xvcjogcmVkO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZGF0ZXBpY2tlci13cmFwIC53cGZvcm1zLWZpZWxkLXNtYWxsICsgLndwZm9ybXMtZGF0ZXBpY2tlci1jbGVhciB7XG5cdHJpZ2h0OiBjYWxjKCA3NSUgKyAxMHB4ICk7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1kYXRlcGlja2VyLXdyYXAgLndwZm9ybXMtZmllbGQtbWVkaXVtICsgLndwZm9ybXMtZGF0ZXBpY2tlci1jbGVhciB7XG5cdHJpZ2h0OiBjYWxjKCA0MCUgKyAxMHB4ICk7XG59XG5cblxuLyogUmF0aW5nIGZpZWxkXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtcmF0aW5nLWl0ZW0ge1xuXHRwYWRkaW5nOiAwIDZweCAwIDA7XG5cdG1hcmdpbjogMDtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtcmF0aW5nIHN2ZyB7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0LXdlYmtpdC10cmFuc2Zvcm06IHBlcnNwZWN0aXZlKDFweCkgdHJhbnNsYXRlWigwKTtcblx0dHJhbnNmb3JtOiBwZXJzcGVjdGl2ZSgxcHgpIHRyYW5zbGF0ZVooMCk7XG5cdGJveC1zaGFkb3c6IDAgMCAxcHggdHJhbnNwYXJlbnQ7XG5cdG9wYWNpdHk6IDAuNjA7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1maWVsZC1yYXRpbmctaXRlbS5zZWxlY3RlZCBzdmcsXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtZmllbGQtcmF0aW5nLWl0ZW0uaG92ZXIgc3ZnLFxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZpZWxkLXJhdGluZy1pdGVtIGlucHV0OmZvY3VzICsgc3ZnIHtcblx0LXdlYmtpdC10cmFuc2Zvcm06IHNjYWxlKDEuMyk7XG5cdHRyYW5zZm9ybTogc2NhbGUoMS4zKTtcblx0b3BhY2l0eTogMTtcbn1cblxuXG4vKiBJbWFnZSBjaG9pY2VzXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4ud3Bmb3Jtcy1jb250YWluZXIgdWwud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzIGxhYmVsOm5vdCgud3Bmb3Jtcy1lcnJvcikge1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIHVsLndwZm9ybXMtaW1hZ2UtY2hvaWNlcyBsYWJlbCBpbnB1dCB7XG5cdHRvcDogNTAlO1xufVxuXG4vKiBNb2Rlcm4gc3R5bGUgKi9cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1saXN0LWlubGluZSAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLW1vZGVybiBsaSB7XG5cdG1hcmdpbjogNXB4IDVweCA1cHggNXB4IDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIGltZyB7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiAwIGF1dG87XG5cdG1heC13aWR0aDogMTAwJTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIGxhYmVsOm5vdCgud3Bmb3Jtcy1lcnJvcikge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdG1hcmdpbjogMCBhdXRvO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJvcmRlcjogMXB4IHNvbGlkICNmZmY7XG5cdGJvcmRlci1yYWRpdXM6IDNweDtcblx0cGFkZGluZzogMjBweCAyMHB4IDE4cHggMjBweDtcblx0dHJhbnNpdGlvbjogYWxsIDAuNXM7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIGxhYmVsOm5vdCgud3Bmb3Jtcy1lcnJvcik6aG92ZXIge1xuXHRib3JkZXI6MXB4IHNvbGlkICNkZGQ7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLW1vZGVybiAud3Bmb3Jtcy1zZWxlY3RlZCBsYWJlbCB7XG5cdGJveC1zaGFkb3c6IDAgMCAyMHB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1tb2Rlcm4gLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1pbWFnZTphZnRlciB7XG5cdGNvbnRlbnQ6IFwiXFwyNzE0XCI7XG5cdGZvbnQtc2l6ZTogMjJweDtcblx0bGluZS1oZWlnaHQ6IDMycHg7XG5cdGNvbG9yOiAjZmZmO1xuXHRiYWNrZ3JvdW5kOiBncmVlbjtcblx0b3BhY2l0eTogMDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDUwJTtcblx0bGVmdDogNTAlO1xuXHRtYXJnaW46IC0xNnB4IDAgMCAtMTZweDtcblx0d2lkdGg6IDMycHg7XG5cdGhlaWdodDogMzJweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHR0cmFuc2l0aW9uOiBhbGwgMC41cztcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIC53cGZvcm1zLXNlbGVjdGVkIC53cGZvcm1zLWltYWdlLWNob2ljZXMtaW1hZ2U6YWZ0ZXIge1xuXHRvcGFjaXR5OiAxO1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1tb2Rlcm4gLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1pbWFnZSB7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLW1vZGVybiAud3Bmb3Jtcy1zZWxlY3RlZCAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLWxhYmVsIHtcblx0Zm9udC13ZWlnaHQ6IDcwMDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIC53cGZvcm1zLWltYWdlLWNob2ljZXMtbGFiZWwge1xuXHRkaXNwbGF5OiBibG9jaztcblx0bWFyZ2luLXRvcDogMTJweDtcbn1cblxuLyogQ2xhc3NpYyAqL1xuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWxpc3QtaW5saW5lIC53cGZvcm1zLWltYWdlLWNob2ljZXMtY2xhc3NpYyBsaSB7XG5cdG1hcmdpbjogMCAxMHB4IDEwcHggMCAhaW1wb3J0YW50O1xufVxuXG4ud3Bmb3Jtcy1jb250YWluZXIgLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1jbGFzc2ljIGltZyB7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiAwIGF1dG87XG5cdG1heC13aWR0aDogMTAwJTtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWltYWdlLWNob2ljZXMtY2xhc3NpYyBsYWJlbDpub3QoLndwZm9ybXMtZXJyb3IpIHtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRtYXJnaW46IDAgYXV0bztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRib3JkZXI6IDJweCBzb2xpZCAjZmZmO1xuXHRwYWRkaW5nOiAxMHB4O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLWNsYXNzaWMgbGFiZWw6bm90KC53cGZvcm1zLWVycm9yKTpob3ZlciB7XG5cdGJvcmRlci1jb2xvcjogI2RkZDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWltYWdlLWNob2ljZXMtY2xhc3NpYyAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLWltYWdlIHtcblx0ZGlzcGxheTogYmxvY2s7XG59XG5cbi53cGZvcm1zLWNvbnRhaW5lciAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLWNsYXNzaWMgLndwZm9ybXMtc2VsZWN0ZWQgbGFiZWwge1xuXHRib3JkZXItY29sb3I6ICM2NjYgIWltcG9ydGFudDtcbn1cblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWltYWdlLWNob2ljZXMtY2xhc3NpYyAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLWxhYmVsIHtcblx0ZGlzcGxheTogYmxvY2s7XG5cdG1hcmdpbi10b3A6IDhweDtcbn1cblxuLyogSWNvbiBjaG9pY2VzXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG4vKiBCYXNlIHN0eWxlcyAqL1xuLndwZm9ybXMtY29udGFpbmVyIHtcblxuXHR1bC53cGZvcm1zLWljb24tY2hvaWNlcyxcblx0dWwud3Bmb3Jtcy1pY29uLWNob2ljZXMgKiB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0fVxuXG5cdC8vIEJhc2UgbGlzdCBjb250YWluZXIgc3R5bGVzLCBhcHBsaWVzIHRvIG9uZSBjb2x1bW4gbGF5b3V0IG9wdGlvbiB0b28uXG5cdHVsLndwZm9ybXMtaWNvbi1jaG9pY2VzIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0cGFkZGluZzogMDtcblx0XHRtYXJnaW46IDhweCAwIC0yMHB4IDA7IC8vIENvbXBlbnNhdGUgZm9yIHJpZ2h0LW1vc3QgYW5kIGJvdHRvbS1tb3N0IGl0ZW1zIG1hcmdpbi5cblxuXHRcdC8vIERlc2NyaXB0aW9ucyBhbmQgZXJyb3JzIGFmdGVyIHRoZSBsaXN0IHNob3VsZCBiZSBzcGFjZWQgb3V0IGNvbnNpc3RlbnRseS5cblx0XHQmICsgLndwZm9ybXMtZmllbGQtZGVzY3JpcHRpb24sXG5cdFx0JiArIC53cGZvcm1zLWVycm9yIHtcblx0XHRcdG1hcmdpbi10b3A6IDE1cHg7XG5cdFx0fVxuXG5cdFx0Ly8gQmFzZSBsaXN0IGl0ZW0gc3R5bGVzLCBhcHBsaWVzIHRvIDEgY29sdW1uIGxheW91dCBvcHRpb24gdG9vLlxuXHRcdGxpIHtcblx0XHRcdG1pbi13aWR0aDogMTIwcHg7XG5cdFx0XHRwYWRkaW5nLXJpZ2h0OiAwO1xuXHRcdFx0bWFyZ2luOiAwIDAgMjBweCAwOyAvLyBGYXV4IGdhcHMuXG5cdFx0fVxuXG5cdFx0bGFiZWwge1xuXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRtYXJnaW46IDA7XG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0fVxuXG5cdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb24ge1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0fVxuXG5cdFx0c3ZnIHtcblx0XHRcdG1hcmdpbjogMCBhdXRvO1xuXHRcdFx0ZmlsbDogdmFyKC0td3Bmb3Jtcy1pY29uLWNob2ljZXMtY29sb3IpO1xuXHRcdH1cblxuXHRcdCYud3Bmb3Jtcy1pY29uLWNob2ljZXMtbm9uZSB7XG5cblx0XHRcdHN2ZyB7XG5cdFx0XHRcdG1hcmdpbjogMDtcblx0XHRcdH1cblx0XHR9XG5cblx0XHQmLndwZm9ybXMtaWNvbi1jaG9pY2VzLWRlZmF1bHQsXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1tb2Rlcm4ge1xuXG5cdFx0XHRsaSB7XG5cdFx0XHRcdG1hcmdpbjogMCAwIDIycHggMDsgLy8gRmF1eCBnYXBzLlxuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8qIFN0eWxlOiBEZWZhdWx0ICovXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1kZWZhdWx0IHtcblxuXHRcdFx0bGFiZWwge1xuXHRcdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cblx0XHRcdFx0Jjpmb2N1cy13aXRoaW4ge1xuXG5cdFx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb24ge1xuXHRcdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb24ge1xuXHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRcdG1hcmdpbi1ib3R0b206IDEwcHg7XG5cdFx0XHRcdHBhZGRpbmc6IDE1cHggMjBweCA0NXB4IDIwcHg7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCAjY2NjY2NjO1xuXHRcdFx0XHRib3JkZXItcmFkaXVzOiA2cHg7XG5cblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdHN2ZyB7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHotaW5kZXg6IDI7XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb24tYmcge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR6LWluZGV4OiAwO1xuXHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdHJpZ2h0OiAwO1xuXHRcdFx0XHRib3R0b206IDA7XG5cdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdGJvcmRlci1yYWRpdXM6IDZweDtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcblx0XHRcdH1cblxuXHRcdFx0LndwZm9ybXMtc2VsZWN0ZWQge1xuXG5cdFx0XHRcdC53cGZvcm1zLWljb24tY2hvaWNlcy1pY29uIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdFx0XHRib3gtc2hhZG93OiAwIDAgMCAxcHggdmFyKC0td3Bmb3Jtcy1pY29uLWNob2ljZXMtY29sb3IpO1xuXHRcdFx0XHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQud3Bmb3Jtcy1pY29uLWNob2ljZXMtaWNvbi1iZyB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0td3Bmb3Jtcy1pY29uLWNob2ljZXMtY29sb3IpO1xuXHRcdFx0XHRcdG9wYWNpdHk6IC4xO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0LyogU3R5bGU6IE1vZGVybiAqL1xuXHRcdCYud3Bmb3Jtcy1pY29uLWNob2ljZXMtbW9kZXJuIHtcblxuXHRcdFx0bGkge1xuXG5cdFx0XHRcdGxhYmVsIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuXHRcdFx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCAjY2NjY2NjO1xuXHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDZweDtcblx0XHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdFx0cGFkZGluZzogMjBweCAyMHB4IDE1cHggMjBweDtcblx0XHRcdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cblx0XHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS13cGZvcm1zLWljb24tY2hvaWNlcy1jb2xvcik7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0Jjpmb2N1cy13aXRoaW4ge1xuXG5cdFx0XHRcdFx0bGFiZWwge1xuXHRcdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQmLndwZm9ybXMtc2VsZWN0ZWQge1xuXG5cdFx0XHRcdFx0bGFiZWwge1xuXHRcdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKSwgMCAycHggMTBweCByZ2JhKDAsIDAsIDAsIDAuMTUpO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXG5cdFx0XHRcdC53cGZvcm1zLWljb24tY2hvaWNlcy1pY29uIHtcblx0XHRcdFx0XHRtYXJnaW4tYm90dG9tOiAxMHB4O1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0LyogU3R5bGU6IENsYXNzaWMgKi9cblx0XHQmLndwZm9ybXMtaWNvbi1jaG9pY2VzLWNsYXNzaWMge1xuXG5cdFx0XHRsaSB7XG5cblx0XHRcdFx0bGFiZWwge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHRcdHBhZGRpbmc6IDIwcHggMjBweCAxNXB4IDIwcHg7XG5cdFx0XHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRib3gtc2hhZG93OiAwIDAgMCAxcHggIzk5OTk5OTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cblx0XHRcdFx0XHRsYWJlbCB7XG5cdFx0XHRcdFx0XHRib3gtc2hhZG93OiAwIDAgMCAxcHggIzk5OTk5OTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQmLndwZm9ybXMtc2VsZWN0ZWQge1xuXG5cdFx0XHRcdFx0bGFiZWwge1xuXHRcdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQud3Bmb3Jtcy1pY29uLWNob2ljZXMtaWNvbiB7XG5cdFx0XHRcdFx0bWFyZ2luLWJvdHRvbTogMTBweDtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC8vIEN1c3RvbSBjb250cm9scyBmb3IgcmFkaW8gaW5wdXRzIChEZWZhdWx0IHN0eWxlKS5cblx0LndwZm9ybXMtZmllbGQtcmFkaW8sXG5cdC53cGZvcm1zLWZpZWxkLXBheW1lbnQtbXVsdGlwbGUge1xuXG5cdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWRlZmF1bHQge1xuXG5cdFx0XHRsaSB7XG5cblx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb246YmVmb3JlIHtcblx0XHRcdFx0XHRjb250ZW50OiBcIlwiO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHR6LWluZGV4OiAyO1xuXHRcdFx0XHRcdGJvdHRvbTogMTVweDtcblx0XHRcdFx0XHRsZWZ0OiBjYWxjKCA1MCUgLSA4cHggKTtcblx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHR3aWR0aDogMTZweDtcblx0XHRcdFx0XHRoZWlnaHQ6IDE2cHg7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcblx0XHRcdFx0XHRib3gtc2hhZG93OiAwIDAgMCAxcHggI2NjY2NjYztcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0XHRcdFx0bWFyZ2luOiAxNXB4IGF1dG8gMDtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdCYud3Bmb3Jtcy1zZWxlY3RlZCB7XG5cblx0XHRcdFx0XHQud3Bmb3Jtcy1pY29uLWNob2ljZXMtaWNvbjpiZWZvcmUge1xuXHRcdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHQud3Bmb3Jtcy1pY29uLWNob2ljZXMtaWNvbjphZnRlciB7XG5cdFx0XHRcdFx0XHRjb250ZW50OiBcIlwiO1xuXHRcdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdFx0ei1pbmRleDogMjtcblx0XHRcdFx0XHRcdGJvdHRvbTogY2FsYyggMTVweCArIDRweCApO1xuXHRcdFx0XHRcdFx0bGVmdDogY2FsYyggNTAlIC0gNHB4ICk7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRcdHdpZHRoOiA4cHg7XG5cdFx0XHRcdFx0XHRoZWlnaHQ6IDhweDtcblx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQvLyBDdXN0b20gY29udHJvbHMgZm9yIGNoZWNrYm94IGlucHV0cyAoRGVmYXVsdCBzdHlsZSkuXG5cdC53cGZvcm1zLWZpZWxkLWNoZWNrYm94LFxuXHQud3Bmb3Jtcy1maWVsZC1wYXltZW50LWNoZWNrYm94IHtcblxuXHRcdC53cGZvcm1zLWljb24tY2hvaWNlcy1kZWZhdWx0IHtcblxuXHRcdFx0bGkge1xuXG5cdFx0XHRcdC53cGZvcm1zLWljb24tY2hvaWNlcy1pY29uOmJlZm9yZSB7XG5cdFx0XHRcdFx0Y29udGVudDogXCJcIjtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0ei1pbmRleDogMjtcblx0XHRcdFx0XHRib3R0b206IDE1cHg7XG5cdFx0XHRcdFx0bGVmdDogY2FsYyggNTAlIC0gOHB4ICk7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0d2lkdGg6IDE2cHg7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4ICNjY2NjY2M7XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHRcdFx0XHRcdG1hcmdpbjogMTVweCBhdXRvIDA7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQmLndwZm9ybXMtc2VsZWN0ZWQge1xuXG5cdFx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb246YmVmb3JlIHtcblx0XHRcdFx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS13cGZvcm1zLWljb24tY2hvaWNlcy1jb2xvcik7XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb246YWZ0ZXIge1xuXHRcdFx0XHRcdFx0Y29udGVudDogXCJcIjtcblx0XHRcdFx0XHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHRcdHotaW5kZXg6IDI7XG5cdFx0XHRcdFx0XHRib3R0b206IDIzcHg7XG5cdFx0XHRcdFx0XHRsZWZ0OiBjYWxjKCA1MCUgLSA2cHggKTtcblx0XHRcdFx0XHRcdHdpZHRoOiA2cHg7XG5cdFx0XHRcdFx0XHRoZWlnaHQ6IDEwcHg7XG5cdFx0XHRcdFx0XHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRcdFx0XHRcdFx0Ym9yZGVyLWNvbG9yOiB2YXIoLS13cGZvcm1zLWljb24tY2hvaWNlcy1jb2xvcik7XG5cdFx0XHRcdFx0XHRib3JkZXItd2lkdGg6IDAgMnB4IDJweCAwO1xuXHRcdFx0XHRcdFx0dHJhbnNmb3JtLW9yaWdpbjogYm90dG9tIGxlZnQ7XG5cdFx0XHRcdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0Ly8gQWxsIG90aGVyIGxheW91dHMsIGV4Y2VwdCBvbmUgY29sdW1uLlxuXHQud3Bmb3Jtcy1saXN0LTItY29sdW1ucyB1bC53cGZvcm1zLWljb24tY2hvaWNlcyxcblx0LndwZm9ybXMtbGlzdC0zLWNvbHVtbnMgdWwud3Bmb3Jtcy1pY29uLWNob2ljZXMsXG5cdC53cGZvcm1zLWxpc3QtaW5saW5lIHVsLndwZm9ybXMtaWNvbi1jaG9pY2VzIHtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGZsZXgtd3JhcDogd3JhcDtcblxuXHRcdGxpIHtcblx0XHRcdG1hcmdpbi1yaWdodDogMjBweDtcblx0XHR9XG5cblx0XHQmLndwZm9ybXMtaWNvbi1jaG9pY2VzLWRlZmF1bHQsXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1tb2Rlcm4ge1xuXG5cdFx0XHRsaSB7XG5cdFx0XHRcdG1hcmdpbi1yaWdodDogMjJweDtcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogMjJweDtcblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQvLyBUd28gY29sdW1ucyBsYXlvdXQuXG5cdC53cGZvcm1zLWxpc3QtMi1jb2x1bW5zIHVsLndwZm9ybXMtaWNvbi1jaG9pY2VzIHtcblxuXHRcdGxpIHtcblx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC8gMiAtIDIwcHggLyAyICk7XG5cblx0XHRcdCY6bnRoLWNoaWxkKDJuKSB7XG5cdFx0XHRcdG1hcmdpbi1yaWdodDogMDtcblx0XHRcdH1cblx0XHR9XG5cblx0XHQmLndwZm9ybXMtaWNvbi1jaG9pY2VzLWRlZmF1bHQsXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1tb2Rlcm4ge1xuXG5cdFx0XHRsaSB7XG5cdFx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC8gMiAtIDIycHggLyAyICk7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0Ly8gVGhyZWUgY29sdW1ucyBsYXlvdXQuXG5cdC53cGZvcm1zLWxpc3QtMy1jb2x1bW5zIHVsLndwZm9ybXMtaWNvbi1jaG9pY2VzIHtcblxuXHRcdGxpIHtcblx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC8gMyAtIDIwcHggKiAyIC8gMyApO1xuXG5cdFx0XHQmOm50aC1jaGlsZCgzbikge1xuXHRcdFx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1kZWZhdWx0LFxuXHRcdCYud3Bmb3Jtcy1pY29uLWNob2ljZXMtbW9kZXJuIHtcblxuXHRcdFx0bGkge1xuXHRcdFx0XHR3aWR0aDogY2FsYyggMTAwJSAvIDMgLSAyMnB4ICogMiAvIDMgKTtcblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQvLyBJbmxpbmUgbGF5b3V0LlxuXHQud3Bmb3Jtcy1saXN0LWlubGluZSB1bC53cGZvcm1zLWljb24tY2hvaWNlcyB7XG5cblx0XHRsaSB7XG5cdFx0XHR3aWR0aDogYXV0bztcblx0XHRcdG1heC13aWR0aDogY2FsYyggMTAwJSAvIDQgLSAyMHB4ICk7XG5cdFx0fVxuXHR9XG59XG5cbi8qIFJpY2ggVGV4dCBmaWVsZFxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuLndwZm9ybXMtY29udGFpbmVyIHtcblx0LndwZm9ybXMtZm9ybSB7XG5cdFx0dGV4dGFyZWEud3Bmb3Jtcy1maWVsZC1zbWFsbC53cC1lZGl0b3ItYXJlYSB7XG5cdFx0XHRoZWlnaHQ6IDEwMHB4O1xuXHRcdH1cblxuXHRcdHRleHRhcmVhLndwZm9ybXMtZmllbGQtbWVkaXVtLndwLWVkaXRvci1hcmVhIHtcblx0XHRcdGhlaWdodDogMjUwcHg7XG5cdFx0fVxuXG5cdFx0dGV4dGFyZWEud3Bmb3Jtcy1maWVsZC1sYXJnZS53cC1lZGl0b3ItYXJlYSB7XG5cdFx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdH1cblxuXHRcdHRleHRhcmVhLndwLWVkaXRvci1hcmVhOmZvY3VzIHtcblx0XHRcdG91dGxpbmU6IG5vbmU7XG5cdFx0fVxuXHR9XG59XG4iLCIvLyBTbWFsbCBkZXZpY2VzLlxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2MDBweCkge1xuXHQud3Bmb3Jtcy1jb250YWluZXIge1xuXG5cdFx0Ly8gQXZvaWQgaG9yaXpvbnRhbCBzY3JvbGwgb24gbW9iaWxlcy5cblx0XHQvLyBTa2lwIGZvciBwaG9uZSBhbmQgbW9kZXJuIG11bHRpcGxlIHNlbGVjdCBmaWVsZC4gT3RoZXJ3aXNlIHRoZXkgKGRyb3Bkb3ducykgd2lsbCBiZSBjcm9wcGVkLlxuXHRcdC53cGZvcm1zLWZpZWxkOm5vdCgud3Bmb3Jtcy1maWVsZC1waG9uZSk6bm90KC53cGZvcm1zLWZpZWxkLXNlbGVjdC1zdHlsZS1tb2Rlcm4pIHtcblx0XHRcdG92ZXJmbG93LXg6IGhpZGRlbjtcblx0XHR9XG5cblx0XHQud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkID4gKiB7XG5cdFx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0fVxuXG5cdFx0Ly8gTW9iaWxlIHdpZHRoIG92ZXJyaWRlLlxuXHRcdC53cGZvcm1zLW1vYmlsZS1mdWxsIHtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDA7XG5cdFx0XHRmbG9hdDogbm9uZTtcblx0XHR9XG5cblx0XHQvLyBVc2VyIGxpc3QgY29sdW1uIGNsYXNzZXMuXG5cdFx0LndwZm9ybXMtY2hlY2tib3gtMi1jb2x1bW5zLFxuXHRcdC53cGZvcm1zLW11bHRpcGxlY2hvaWNlLTItY29sdW1ucyxcblx0XHQud3Bmb3Jtcy1saXN0LTItY29sdW1ucyxcblx0XHQud3Bmb3Jtcy1jaGVja2JveC0zLWNvbHVtbnMsXG5cdFx0LndwZm9ybXMtbXVsdGlwbGVjaG9pY2UtMy1jb2x1bW5zLFxuXHRcdC53cGZvcm1zLWxpc3QtMy1jb2x1bW5zIHtcblx0XHRcdHVsIGxpIHtcblx0XHRcdFx0ZmxvYXQ6IG5vbmU7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8vIFBhZ2UgaW5kaWNhdG9yLlxuXHRcdC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yIHtcblx0XHRcdCYuY2lyY2xlcyB7XG5cdFx0XHRcdC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2Uge1xuXHRcdFx0XHRcdGZsb2F0OiBub25lO1xuXHRcdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRcdG1hcmdpbjogMCAwIDEwcHggMDtcblxuXHRcdFx0XHRcdCYtbnVtYmVyIHtcblx0XHRcdFx0XHRcdHdpZHRoOiAzMHB4O1xuXHRcdFx0XHRcdFx0aGVpZ2h0OiAzMHB4O1xuXHRcdFx0XHRcdFx0bGluZS1oZWlnaHQ6IDMwcHg7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9XG5cblx0XHRcdCYuY29ubmVjdG9yIHtcblx0XHRcdFx0LndwZm9ybXMtcGFnZS1pbmRpY2F0b3ItcGFnZSB7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCUgIWltcG9ydGFudDtcblx0XHRcdFx0XHRwYWRkaW5nOiA1cHggMTBweDtcblx0XHRcdFx0XHQmLW51bWJlciB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBub25lO1xuXHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdCYuYWN0aXZlIHtcblx0XHRcdFx0XHRcdGZvbnQtd2VpZ2h0OiA3MDA7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ly8gUHJlc2V0IGxheW91dCAtIHNpbmdsZSBsaW5lLlxuXHRcdCYuaW5saW5lLWZpZWxkcyB7XG5cdFx0XHQud3Bmb3Jtcy1maWVsZC1jb250YWluZXIsXG5cdFx0XHQud3Bmb3Jtcy1maWVsZCB7XG5cdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdH1cblxuXHRcdFx0LndwZm9ybXMtc3VibWl0LWNvbnRhaW5lciB7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQ01BLEFBQ0Msa0JBRGlCLENBQUMsYUFBYSxDQVMvQixvQkFBb0IsQ0FSQTtFQUNuQixNQUFNLEVBQUUsaUJBQWlCO0VBQ3pCLFdBQVcsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyx3QkFBd0I7RUFDN0MsT0FBTyxFQUFFLFNBQVM7RUFDbEIsU0FBUyxFQUFFLElBQUk7RUFDZixNQUFNLEVBQUUsVUFBVTtDQUNsQjs7QUFQRixBQVNDLGtCQVRpQixDQUFDLGFBQWEsQ0FTL0Isb0JBQW9CLENBQUM7RUFHcEIsS0FBSyxFQUFFLE9BQU87RUFDZCxnQkFBZ0IsRUFBRSxPQUFPO0VBQ3pCLFlBQVksRUFBRSxPQUFPO0NBQ3JCOztBQUlGO2dGQUNnRjtBQUNoRixBQUNDLEdBREUsQ0FBQSxBQUFBLEtBQUMsRUFBTyxxQkFBcUIsQUFBNUIsRUFDSCxHQUFHLENBQUEsQUFBQSxLQUFDLEVBQU8sb0JBQW9CLEFBQTNCLEVBQTRCLEFBQUEsS0FBQyxFQUFPLG9CQUFvQixBQUEzQixFQUE0QixBQUFBLEtBQUMsRUFBTyxzQkFBc0IsQUFBN0IsRUFBK0I7RUFDNUYsWUFBWSxFQUFFLElBQUk7Q0FDbEI7O0FBR0Y7Z0ZBQ2dGO0FBQ2hGLEFBQUEscUJBQXFCLENBQUMsTUFBTSxDQUFDO0VBQzVCLFdBQVcsRUFBRSxlQUFlO0NBQzVCOztBQ3JDRDs7Z0ZBRWdGO0FBRWhGO2dGQUNnRjtBQUNoRixBQUFBLGtCQUFrQixDQUFDLHdCQUF3QjtBQUMzQyxrQkFBa0IsQ0FBQyxRQUFRLEFBQUEsdUJBQXVCLENBQUM7RUFDbEQsS0FBSyxFQUFFLE9BQU87Q0FDZDs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLEtBQUssQUFBQSxjQUFjLENBQUM7RUFDdEMsT0FBTyxFQUFFLEtBQUs7RUFDZCxLQUFLLEVBQUUsT0FBTztFQUNkLFNBQVMsRUFBRSxLQUFLO0VBQ2hCLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLE9BQU87Q0FDZjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLGNBQWMsQ0FBQyxLQUFLLEFBQUEsY0FBYztBQUNyRCxrQkFBa0IsQ0FBQyxjQUFjLENBQUMsS0FBSyxBQUFBLGFBQWE7QUFDcEQsa0JBQWtCLENBQUMsY0FBYyxDQUFDLFFBQVEsQUFBQSxjQUFjO0FBQ3hELGtCQUFrQixDQUFDLGNBQWMsQ0FBQyxRQUFRLEFBQUEsYUFBYTtBQUN2RCxrQkFBa0IsQ0FBQyxjQUFjLENBQUMsTUFBTSxBQUFBLGNBQWM7QUFDdEQsa0JBQWtCLENBQUMsY0FBYyxDQUFDLE1BQU0sQUFBQSxhQUFhO0FBQ3JELGtCQUFrQixDQUFDLGNBQWMsQUFBQSxrQkFBa0IsQ0FBQyxlQUFlLENBQUM7RUFDbkUsTUFBTSxFQUFFLGlCQUFpQjtDQUN6Qjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLHFDQUFxQyxDQUFDLEtBQUssQUFBQSxjQUFjO0FBQzVFLGtCQUFrQixDQUFDLCtCQUErQixDQUFDLEtBQUssQUFBQSxjQUFjLENBQUM7RUFDdEUsT0FBTyxFQUFFLGVBQWU7Q0FDeEI7O0FBRUQ7Z0ZBQ2dGO0FBRWhGLEFBQUEsa0JBQWtCLENBQUMsdUJBQXVCLENBQUM7RUFDMUMsTUFBTSxFQUFFLFVBQVU7RUFDbEIsUUFBUSxFQUFFLE1BQU07Q0FDaEI7O0FBRUQscUJBQXFCO0FBQ3JCLEFBQUEsa0JBQWtCLENBQUMsdUJBQXVCLEFBQUEsUUFBUSxDQUFDO0VBQ2xELFVBQVUsRUFBRSxpQkFBaUI7RUFDN0IsYUFBYSxFQUFFLGlCQUFpQjtFQUNoQyxPQUFPLEVBQUUsU0FBUztDQUNsQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLHVCQUF1QixBQUFBLFFBQVEsQ0FBQyw0QkFBNEIsQ0FBQztFQUMvRSxLQUFLLEVBQUUsSUFBSTtFQUNYLE1BQU0sRUFBRSxVQUFVO0NBQ2xCOztBQUVELEFBQUEsa0JBQWtCLENBQUMsdUJBQXVCLEFBQUEsUUFBUSxDQUFDLDRCQUE0QixBQUFBLGFBQWEsQ0FBQztFQUM1RixNQUFNLEVBQUUsQ0FBQztDQUNUOztBQUVELEFBQUEsa0JBQWtCLENBQUMsdUJBQXVCLEFBQUEsUUFBUSxDQUFDLG1DQUFtQyxDQUFDO0VBQ3RGLE1BQU0sRUFBRSxJQUFJO0VBQ1osS0FBSyxFQUFFLElBQUk7RUFDWCxhQUFhLEVBQUUsR0FBRztFQUNsQixPQUFPLEVBQUUsWUFBWTtFQUNyQixNQUFNLEVBQUUsVUFBVTtFQUNsQixXQUFXLEVBQUUsSUFBSTtFQUNqQixVQUFVLEVBQUUsTUFBTTtFQUNsQixnQkFBZ0IsRUFBRSxJQUFJO0VBQ3RCLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyx1QkFBdUIsQUFBQSxRQUFRLENBQUMsT0FBTyxDQUFDLG1DQUFtQyxDQUFDO0VBQzlGLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBRUQscUJBQXFCO0FBQ3JCLEFBQUEsa0JBQWtCLENBQUMsdUJBQXVCLEFBQUEsVUFBVSxDQUFDLDRCQUE0QixDQUFDO0VBQ2pGLEtBQUssRUFBRSxJQUFJO0VBQ1gsVUFBVSxFQUFFLE1BQU07RUFDbEIsV0FBVyxFQUFFLEdBQUc7Q0FDaEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyx1QkFBdUIsQUFBQSxVQUFVLENBQUMsbUNBQW1DLENBQUM7RUFDeEYsT0FBTyxFQUFFLEtBQUs7RUFDZCxXQUFXLEVBQUUsT0FBTztFQUNwQixNQUFNLEVBQUUsR0FBRztFQUNYLGdCQUFnQixFQUFFLElBQUk7RUFDdEIsTUFBTSxFQUFFLFVBQVU7RUFDbEIsUUFBUSxFQUFFLFFBQVE7Q0FDbEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyx1QkFBdUIsQUFBQSxVQUFVLENBQUMscUNBQXFDLENBQUM7RUFDMUYsUUFBUSxFQUFFLFFBQVE7RUFDbEIsR0FBRyxFQUFFLElBQUk7RUFDVCxJQUFJLEVBQUUsR0FBRztFQUNULEtBQUssRUFBRSxDQUFDO0VBQ1IsTUFBTSxFQUFFLENBQUM7RUFDVCxXQUFXLEVBQUUsSUFBSTtFQUNqQixZQUFZLEVBQUUsS0FBSztFQUNuQixZQUFZLEVBQUUsYUFBYTtFQUMzQixZQUFZLEVBQUUsK0NBQStDO0NBQzdEOztBQUVELEFBQUEsa0JBQWtCLENBQUMsdUJBQXVCLEFBQUEsVUFBVSxDQUFDLGtDQUFrQyxDQUFDO0VBQ3ZGLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLE9BQU8sRUFBRSxNQUFNO0VBQ2YsU0FBUyxFQUFFLElBQUk7Q0FDZjs7QUFFRCxvQkFBb0I7QUFDcEIsQUFBQSxrQkFBa0IsQ0FBQyx1QkFBdUIsQUFBQSxTQUFTLENBQUM7RUFDbkQsU0FBUyxFQUFFLElBQUk7Q0FDZjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLHVCQUF1QixBQUFBLFNBQVMsQ0FBQywwQ0FBMEMsQ0FBQztFQUM5RixPQUFPLEVBQUUsS0FBSztFQUNkLEtBQUssRUFBRSxJQUFJO0VBQ1gsZ0JBQWdCLEVBQUUsSUFBSTtFQUN0QixNQUFNLEVBQUUsSUFBSTtFQUNaLGFBQWEsRUFBRSxJQUFJO0VBQ25CLFFBQVEsRUFBRSxNQUFNO0VBQ2hCLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLE1BQU0sRUFBRSxPQUFPO0NBQ2Y7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyx1QkFBdUIsQUFBQSxTQUFTLENBQUMscUNBQXFDLENBQUM7RUFDekYsTUFBTSxFQUFFLElBQUk7RUFDWixRQUFRLEVBQUUsUUFBUTtFQUNsQixJQUFJLEVBQUUsQ0FBQztFQUNQLEdBQUcsRUFBRSxDQUFDO0NBQ047O0FBRUQ7Z0ZBQ2dGO0FBRWhGLEFBQUEsR0FBRyxBQUFBLGtCQUFrQixDQUFDLGVBQWUsQ0FBQztFQUNyQyxnQkFBZ0IsRUFBRSxJQUFJO0VBQ3RCLE1BQU0sRUFBRSxjQUFjO0VBQ3RCLGlCQUFpQixFQUFFLElBQUk7RUFDdkIsS0FBSyxFQUFFLElBQUk7RUFDWCxTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxHQUFHO0VBQ2hCLGFBQWEsRUFBRSxJQUFJO0VBQ25CLE9BQU8sRUFBRSxtQkFBbUI7RUFDNUIsUUFBUSxFQUFFLFFBQVE7Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsa0JBQWtCLENBQUMsZUFBZSxDQUFDLGVBQWUsQ0FBQztFQUNyRCxxQkFBcUIsRUFBRSxJQUFJO0VBQzNCLG1CQUFtQixFQUFFLElBQUk7RUFDekIsZ0JBQWdCLEVBQUUsSUFBSTtFQUN0QixlQUFlLEVBQUUsSUFBSTtFQUNyQixXQUFXLEVBQUUsSUFBSTtFQUNqQixlQUFlLEVBQUUsSUFBSTtFQUNyQixrQkFBa0IsRUFBRSxJQUFJO0VBQ3hCLGdCQUFnQixFQUFFLHFCQUFxQjtFQUN2QyxNQUFNLEVBQUUsSUFBSTtFQUNaLGFBQWEsRUFBRSxRQUFRO0VBQ3ZCLE1BQU0sRUFBRSxPQUFPO0VBQ2YsT0FBTyxFQUFFLFlBQVk7RUFDckIsTUFBTSxFQUFFLElBQUk7RUFDWixNQUFNLEVBQUUsQ0FBQztFQUNULE9BQU8sRUFBRSxDQUFDO0VBQ1YsT0FBTyxFQUFFLElBQUk7RUFDYixjQUFjLEVBQUUsR0FBRztFQUNuQixLQUFLLEVBQUUsSUFBSTtFQUNYLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLEtBQUssRUFBRSxJQUFJO0VBQ1gsR0FBRyxFQUFFLElBQUk7Q0FDVDs7QUFFRCxBQUFBLEdBQUcsQUFBQSxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsZUFBZSxBQUFBLE9BQU87QUFDNUQsR0FBRyxBQUFBLGtCQUFrQixDQUFDLGVBQWUsQ0FBQyxlQUFlLEFBQUEsTUFBTSxDQUFDO0VBQzNELGdCQUFnQixFQUFFLElBQUk7RUFDdEIsT0FBTyxFQUFFLEVBQUU7RUFDWCxPQUFPLEVBQUUsS0FBSztFQUNkLElBQUksRUFBRSxHQUFHO0VBQ1QsUUFBUSxFQUFFLFFBQVE7RUFDbEIsR0FBRyxFQUFFLEdBQUc7RUFDUixpQkFBaUIsRUFBRSxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhO0VBQ2xFLFNBQVMsRUFBRSxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhO0VBQzFELHdCQUF3QixFQUFFLGFBQWE7RUFDdkMsZ0JBQWdCLEVBQUUsYUFBYTtDQUMvQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsZUFBZSxBQUFBLE9BQU8sQ0FBQztFQUM1RCxNQUFNLEVBQUUsR0FBRztFQUNYLEtBQUssRUFBRSxHQUFHO0NBQ1Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsa0JBQWtCLENBQUMsZUFBZSxDQUFDLGVBQWUsQUFBQSxNQUFNLENBQUM7RUFDM0QsTUFBTSxFQUFFLEdBQUc7RUFDWCxLQUFLLEVBQUUsR0FBRztDQUNWOztBQUVELEFBQUEsR0FBRyxBQUFBLGtCQUFrQixDQUFDLGVBQWUsQ0FBQyxlQUFlLEFBQUEsTUFBTTtBQUMzRCxHQUFHLEFBQUEsa0JBQWtCLENBQUMsZUFBZSxDQUFDLGVBQWUsQUFBQSxNQUFNLENBQUU7RUFDNUQsZ0JBQWdCLEVBQUUscUJBQXFCO0NBQ3ZDOztBQUVELEFBQUEsR0FBRyxBQUFBLGtCQUFrQixDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUM7RUFDdkMsZUFBZSxFQUFFLFNBQVM7Q0FDMUI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsa0JBQWtCLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztFQUN2QyxNQUFNLEVBQUUsVUFBVTtDQUNsQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSxrQkFBa0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxBQUFBLGFBQWEsQ0FBQztFQUNwRCxhQUFhLEVBQUUsQ0FBQztDQUNoQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsYUFBYSxDQUFDLHNCQUFzQjtBQUM5RSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGFBQWEsQ0FBQztFQUN2RCxZQUFZLEVBQUUsT0FDZjtDQUFDOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxnQkFBZ0IsQ0FBQyxzQkFBc0I7QUFDakYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxnQkFBZ0IsQ0FBQztFQUMxRCxZQUFZLEVBQUUsT0FDZjtDQUFDOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxnQkFBZ0IsQ0FBQyxzQkFBc0I7QUFDakYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxnQkFBZ0IsQ0FBQztFQUMxRCxZQUFZLEVBQUUsT0FDZjtDQUFDOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxjQUFjLENBQUMsc0JBQXNCO0FBQy9FLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsY0FBYyxDQUFDO0VBQ3hELFlBQVksRUFBRSxPQUNmO0NBQUM7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxDQUFDLHVCQUF1QixDQUFDO0VBQ2xFLFVBQVUsRUFBRSxJQUFJO0NBQ2hCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQ0FBQyxzQkFBc0IsQ0FBQztFQUNqRSxNQUFNLEVBQUUsU0FBUztFQUNqQixZQUFZLEVBQUUsSUFBSTtFQUNsQixPQUFPLEVBQUUsR0FBRztFQUNaLGVBQWUsRUFBRSxJQUFJO0NBQ3JCOztBQUNELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNO0FBQ3ZFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLENBQUMsc0JBQXNCLEFBQUEsTUFBTTtBQUN2RSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxDQUFDLHNCQUFzQixBQUFBLE9BQU8sQ0FBQztFQUN4RSxLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxhQUFhLENBQUMsc0JBQXNCLEFBQUEsTUFBTTtBQUNwRixHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGFBQWEsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNO0FBQ3BGLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsYUFBYSxDQUFDLHNCQUFzQixBQUFBLE9BQU8sQ0FBQztFQUNyRixnQkFBZ0IsRUFBRSxPQUFPO0NBQ3pCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxnQkFBZ0IsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNO0FBQ3ZGLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsZ0JBQWdCLENBQUMsc0JBQXNCLEFBQUEsTUFBTTtBQUN2RixHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGdCQUFnQixDQUFDLHNCQUFzQixBQUFBLE9BQU8sQ0FBQztFQUN4RixnQkFBZ0IsRUFBRSxPQUFPO0NBQ3pCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxnQkFBZ0IsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNO0FBQ3ZGLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsZ0JBQWdCLENBQUMsc0JBQXNCLEFBQUEsTUFBTTtBQUN2RixHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGdCQUFnQixDQUFDLHNCQUFzQixBQUFBLE9BQU8sQ0FBQztFQUN4RixnQkFBZ0IsRUFBRSxPQUFPO0VBQ3pCLEtBQUssRUFBRSxPQUFPO0NBQ2Q7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGNBQWMsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNO0FBQ3JGLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsY0FBYyxDQUFDLHNCQUFzQixBQUFBLE1BQU07QUFDckYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxjQUFjLENBQUMsc0JBQXNCLEFBQUEsT0FBTyxDQUFDO0VBQ3RGLGdCQUFnQixFQUFFLE9BQU87Q0FDekI7O0FBRUQ7Z0ZBQ2dGO0FBRWhGLEFBQUEsNkJBQTZCLENBQUM7RUFDN0IsV0FBVyxFQUFFLEdBQUc7Q0FDaEI7O0FBRUQ7Z0ZBQ2dGO0FBRWhGLEFBQUEsa0JBQWtCLENBQUMsY0FBYyxDQUFDO0VBQ2pDLFNBQVMsRUFBRSxJQUFJO0VBQ2YsTUFBTSxFQUFFLFVBQVU7Q0FDbEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztFQUN2QyxNQUFNLEVBQUUsVUFBVTtDQUNsQjs7QUFHRDtnRkFDZ0Y7QUFFaEYsQUFBQSxrQkFBa0IsQ0FBQyx5QkFBeUIsQ0FBQztFQUM1QyxPQUFPLEVBQUUsVUFBVTtFQUNuQixRQUFRLEVBQUUsUUFBUTtDQUNsQjs7QUFLRCxBQUFBLGtCQUFrQixDQUFDLHVCQUF1QixDQUFDO0VBQzFDLFdBQVcsRUFBRSxLQUFLO0NBQ2xCOztBQUVEO2dGQUNnRjtBQUVoRixBQUFBLGtCQUFrQixDQUFDO0VBQ2xCLGFBQWEsRUFBRSxJQUFJO0NBQ25COztBQUVELG1CQUFtQjtBQUNuQixBQUFBLGtCQUFrQixDQUFDLGlCQUFpQixDQUFDO0VBQ3BDLE9BQU8sRUFBRSxlQUFlO0VBQ3hCLFFBQVEsRUFBRSxtQkFBbUI7RUFDN0IsSUFBSSxFQUFFLGtCQUFrQjtDQUN4Qjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLGNBQWMsQUFBQSxxQkFBcUIsQ0FBQztFQUN0RCxPQUFPLEVBQUUsSUFBSTtFQUNiLE9BQU8sRUFBRSxDQUFDO0NBQ1Y7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyw4QkFBOEIsQ0FBQztFQUNqRCxRQUFRLEVBQUUsbUJBQW1CO0VBQzdCLElBQUksRUFBRSxnQkFBZ0I7RUFDdEIsTUFBTSxFQUFFLEdBQUc7RUFDWCxLQUFLLEVBQUUsR0FBRztFQUNWLE1BQU0sRUFBRSxDQUFDO0VBQ1QsUUFBUSxFQUFFLE1BQU07RUFDaEIsU0FBUyxFQUFFLGlCQUFpQjtDQUM1Qjs7QUFFRDs7O0dBR0c7QUFDSCxBQUFBLHdCQUF3QixDQUFDLHdCQUF3QjtBQUNqRCx3QkFBd0IsQ0FBQyx5QkFBeUIsQ0FBQztFQUNsRCxPQUFPLEVBQUUsSUFBSTtDQUNiOztBQUVEO2dGQUNnRjtBQUVoRixBQUFBLHdCQUF3QixDQUFDLHFDQUFxQyxDQUFDLEVBQUUsQ0FBQztFQUNqRSxLQUFLLEVBQUUsSUFBSTtFQUNYLE1BQU0sRUFBRSxVQUFVO0VBQ2xCLFdBQVcsRUFBRSxHQUFHO0VBQ2hCLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSx3QkFBd0IsQ0FBQyxxQ0FBcUMsQ0FBQyxHQUFHLENBQUM7RUFDbEUsWUFBWSxFQUFFLElBQUk7RUFDbEIsS0FBSyxFQUFFLE9BQU87Q0FDZDs7QUFFRCxBQUFBLHdCQUF3QixDQUFDLHFDQUFxQyxDQUFDLHdCQUF3QixDQUFDO0VBQ3ZGLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBRUQsQUFBQSxHQUFHLEFBQUEsZ0NBQWdDLENBQUMsYUFBYSxDQUFDLEtBQUssQUFBQSxTQUFTO0FBQ2hFLEdBQUcsQUFBQSxnQ0FBZ0MsQ0FBQyxhQUFhLENBQUMsUUFBUSxBQUFBLFNBQVM7QUFDbkUsR0FBRyxBQUFBLGdDQUFnQyxDQUFDLGFBQWEsQ0FBQyxNQUFNLEFBQUEsU0FBUztBQUNqRSxHQUFHLEFBQUEsZ0NBQWdDLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQSxBQUFBLElBQUMsQ0FBRCxNQUFDLEFBQUEsQ0FBWSxTQUFTLENBQUM7RUFDOUUsTUFBTSxFQUFFLFdBQVc7Q0FDbkI7O0FBR0QsQUFBQSxHQUFHLEFBQUEsa0JBQWtCLENBQUMsYUFBYSxDQUFDLFFBQVEsQUFBQSxRQUFRLEFBQUEsV0FBVyxDQUFDLGVBQWU7QUFDL0UsR0FBRyxBQUFBLGtCQUFrQixDQUFDLGFBQWEsQ0FBQyxRQUFRLEFBQUEsUUFBUSxDQUFDLHdCQUF3QixDQUFDO0VBQzdFLGFBQWEsRUFBRSxXQUFXO0NBQzFCOztBQUVELEFBQUEsR0FBRyxBQUFBLGtCQUFrQixDQUFDLGFBQWEsQ0FBQyxRQUFRLEFBQUEsUUFBUSxBQUFBLFdBQVcsQ0FBQyx3QkFBd0I7QUFDeEYsR0FBRyxBQUFBLGtCQUFrQixDQUFDLGFBQWEsQ0FBQyxRQUFRLEFBQUEsUUFBUSxDQUFDLGVBQWUsQ0FBQztFQUNwRSxhQUFhLEVBQUUsV0FBVztDQUMxQjs7QUFFRCxBQUNDLEdBREUsQUFBQSxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUMzQyxlQUFlLENBQUM7RUFDZixhQUFhLEVBQUUsR0FBRztFQUNsQixVQUFVLEVBQUUsSUFBSTtDQVdoQjs7QUFkRixBQUtFLEdBTEMsQUFBQSxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUMzQyxlQUFlLENBSWQsc0JBQXNCLENBQUM7RUFDdEIsTUFBTSxFQUFFLElBQUk7Q0FDWjs7QUFQSCxBQVVHLEdBVkEsQUFBQSxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUMzQyxlQUFlLENBUWQsd0JBQXdCLENBQ3ZCLGNBQWMsQ0FBQztFQUNkLFdBQVcsRUFBRSxHQUFHO0NBQ2hCOztBQUtKO2dGQUNnRjtBQUVoRixxQkFBcUI7QUFDckIsQUFBQSxJQUFJLEFBQUEsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxHQUFDLEFBQUEsRUFBVTtFQUM3QyxTQUFTLEVBQUUsR0FBRztFQUNkLFlBQVksRUFBRSxLQUFLO0VBQ25CLFVBQVUsRUFBRSxLQUFLO0NBQ2pCOztBQUVELEFBQUEsSUFBSSxBQUFBLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxjQUFjLENBQUM7RUFDMUMsS0FBSyxFQUFFLEtBQUs7Q0FDWjs7QUFFRCxBQUFBLElBQUksQUFBQSxJQUFJLENBQUMsa0JBQWtCLENBQUMsY0FBYyxHQUFHLGlCQUFpQixDQUFDO0VBQzlELFlBQVksRUFBRSxFQUFFO0VBQ2hCLFdBQVcsRUFBRSxDQUFDO0NBQ2Q7O0FDaGFEOztnRkFFZ0Y7QUFFaEYsQUFBQSxjQUFjLEFBQUEsT0FBTyxDQUFDO0VBQ3JCLE9BQU8sRUFBRSxHQUFHO0VBQ1osT0FBTyxFQUFFLEtBQUs7Q0FDZDs7QUFFRCxBQUFBLGNBQWMsQUFBQSxNQUFNLENBQUM7RUFDcEIsS0FBSyxFQUFFLElBQUk7RUFDWCxPQUFPLEVBQUUsR0FBRztFQUNaLE9BQU8sRUFBRSxLQUFLO0NBQ2Q7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxFQUFFO0FBQ3JCLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7RUFDeEIsVUFBVSxFQUFFLElBQUk7RUFDaEIsTUFBTSxFQUFFLENBQUM7RUFDVCxNQUFNLEVBQUUsQ0FBQztFQUNULFVBQVUsRUFBRSxJQUFJO0NBQ2hCOztBQUdEO2dGQUNnRjtBQUVoRiwwQkFBMEI7QUFDMUIsQUFBQSxrQkFBa0IsQ0FBQyxLQUFLLEFBQUEscUJBQXFCO0FBQzdDLGtCQUFrQixDQUFDLE1BQU0sQUFBQSxxQkFBcUI7QUFDOUMsa0JBQWtCLENBQUMsa0JBQWtCLEFBQUEscUJBQXFCLENBQUM7RUFDMUQsU0FBUyxFQUFFLEdBQUc7Q0FDZDs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLFFBQVEsQUFBQSxxQkFBcUIsQ0FBQztFQUNoRCxNQUFNLEVBQUUsS0FBSztDQUNiOztBQUVELHlCQUF5QjtBQUN6QixBQUFBLGtCQUFrQixDQUFDLEtBQUssQUFBQSxvQkFBb0I7QUFDNUMsa0JBQWtCLENBQUMsTUFBTSxBQUFBLG9CQUFvQjtBQUM3QyxrQkFBa0IsQ0FBQyxrQkFBa0IsQUFBQSxvQkFBb0IsQ0FBQztFQUN6RCxTQUFTLEVBQUUsR0FBRztDQUNkOztBQUVELEFBQUEsa0JBQWtCLENBQUMsUUFBUSxBQUFBLG9CQUFvQixDQUFDO0VBQy9DLE1BQU0sRUFBRSxJQUFJO0NBQ1o7O0FBRUQsMEJBQTBCO0FBQzFCLEFBQUEsa0JBQWtCLENBQUMsS0FBSyxBQUFBLG9CQUFvQjtBQUM1QyxrQkFBa0IsQ0FBQyxNQUFNLEFBQUEsb0JBQW9CO0FBQzdDLGtCQUFrQixDQUFDLGtCQUFrQixBQUFBLG9CQUFvQixDQUFDO0VBQ3pELFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxRQUFRLEFBQUEsb0JBQW9CLENBQUM7RUFDL0MsTUFBTSxFQUFFLEtBQUs7Q0FDYjs7QUFFRCxvQkFBb0I7QUFDcEIsQUFBQSxrQkFBa0IsQ0FBQyxjQUFjLENBQUM7RUFDakMsT0FBTyxFQUFFLE1BQU07RUFDZixRQUFRLEVBQUUsUUFBUTtDQUNsQjs7QUFFRCx1QkFBdUI7QUFDdkIsQUFBQSxrQkFBa0IsQ0FBQywwQkFBMEI7QUFDN0Msa0JBQWtCLENBQUMseUJBQXlCLENBQUM7RUFDNUMsU0FBUyxFQUFFLE1BQU07RUFDakIsTUFBTSxFQUFFLFNBQVM7Q0FDakI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQywwQkFBMEIsQUFBQSwrQkFBK0IsQ0FBQztFQUM1RSxnQkFBZ0IsRUFBRSxJQUFJO0VBQ3RCLE1BQU0sRUFBRSxjQUFjO0VBQ3RCLE9BQU8sRUFBRSxXQUFXO0VBQ3BCLE1BQU0sRUFBRSxLQUFLO0VBQ2IsVUFBVSxFQUFFLE1BQU07RUFDbEIsVUFBVSxFQUFFLE1BQU07Q0FDbEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQywwQkFBMEIsQUFBQSwrQkFBK0IsQ0FBQyxDQUFDLENBQUM7RUFDOUUsTUFBTSxFQUFFLFVBQVU7Q0FDbEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxpQ0FBaUM7QUFDcEQsa0JBQWtCLENBQUMsMEJBQTBCLEFBQUEsT0FBTyxDQUFDO0VBQ3BELFNBQVMsRUFBRSxNQUFNO0VBQ2pCLE1BQU0sRUFBRSxTQUFTO0NBQ2pCOztBQUVELDJCQUEyQjtBQUMzQixBQUFBLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO0VBQ3ZDLE9BQU8sRUFBRSxLQUFLO0VBQ2QsV0FBVyxFQUFFLEdBQUc7RUFDaEIsS0FBSyxFQUFFLElBQUk7RUFDWCxVQUFVLEVBQUUsVUFBVTtFQUN0QixTQUFTLEVBQUUsVUFBVTtDQUNyQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLHVCQUF1QixDQUFDO0VBQzFDLE9BQU8sRUFBRSxLQUFLO0VBQ2QsU0FBUyxFQUFFLE1BQU07RUFDakIsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLDJCQUEyQixDQUFDO0VBQzlDLE9BQU8sRUFBRSxNQUFNO0VBQ2YsY0FBYyxFQUFFLFFBQVE7RUFDeEIsV0FBVyxFQUFFLEdBQUc7RUFDaEIsVUFBVSxFQUFFLFVBQVU7Q0FDdEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxvQkFBb0IsQUFBQSxtQkFBbUI7QUFDMUQsa0JBQWtCLENBQUMsdUJBQXVCLEFBQUEsc0JBQXNCLENBQUM7RUFDaEUsUUFBUSxFQUFFLFFBQVE7RUFDbEIsR0FBRyxFQUFFLFFBQVE7RUFDYixJQUFJLEVBQUUsUUFBUTtDQUNkOztBQUVELEFBQUEsa0JBQWtCLENBQUMsdUJBQXVCLENBQUM7RUFDMUMsS0FBSyxFQUFFLE9BQU87RUFDZCxXQUFXLEVBQUUsTUFBTTtDQUNuQjs7QUFFRDtnRkFDZ0Y7QUFFaEYsQUFBQSxrQkFBa0IsQ0FBQyxrQkFBa0IsQ0FBQztFQUNyQyxhQUFhLEVBQUUsR0FBRztFQUNsQixRQUFRLEVBQUUsUUFBUTtDQUNsQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLGNBQWMsQ0FBQyxrQkFBa0IsQUFBQSxhQUFhLENBQUM7RUFDakUsYUFBYSxFQUFFLENBQUM7Q0FDaEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxrQkFBa0IsQUFBQSxPQUFPLENBQUM7RUFDNUMsT0FBTyxFQUFFLEdBQUc7RUFDWixPQUFPLEVBQUUsS0FBSztDQUNkOztBQUVELEFBQUEsa0JBQWtCLENBQUMsa0JBQWtCLEFBQUEsTUFBTSxDQUFDO0VBQzNDLEtBQUssRUFBRSxJQUFJO0VBQ1gsT0FBTyxFQUFFLEdBQUc7RUFDWixPQUFPLEVBQUUsS0FBSztDQUNkOztBQUVELEFBQUEsa0JBQWtCLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLGlCQUFpQixBQUFBLFdBQVcsQ0FBQztFQUNwRixXQUFXLEVBQUUsQ0FBQztDQUNkOztBQUVEO2dGQUNnRjtBQUVoRiwwQkFBMEI7QUFDMUIsQUFBQSxrQkFBa0IsQ0FBQyxvQkFBb0I7QUFDdkMsa0JBQWtCLENBQUMsb0JBQW9CO0FBQ3ZDLGtCQUFrQixDQUFDLG9CQUFvQjtBQUN2QyxrQkFBa0IsQ0FBQyxrQkFBa0I7QUFDckMsa0JBQWtCLENBQUMsbUJBQW1CO0FBQ3RDLGtCQUFrQixDQUFDLGlCQUFpQjtBQUNwQyxrQkFBa0IsQ0FBQyxrQkFBa0I7QUFDckMsa0JBQWtCLENBQUMsa0JBQWtCO0FBQ3JDLGtCQUFrQixDQUFDLHNCQUFzQjtBQUN6QyxrQkFBa0IsQ0FBQyxxQkFBcUI7QUFDeEMsa0JBQWtCLENBQUMscUJBQXFCO0FBQ3hDLGtCQUFrQixDQUFDLG9CQUFvQjtBQUN2QyxrQkFBa0IsQ0FBQyxtQkFBbUI7QUFDdEMsa0JBQWtCLENBQUMsbUJBQW1CO0FBQ3RDLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDO0VBQ3RDLEtBQUssRUFBRSxJQUFJO0VBQ1gsV0FBVyxFQUFFLEVBQUU7RUFDZixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUVELEFBQUEsa0JBQWtCLENBQUMsaUJBQWlCO0FBQ3BDLGtCQUFrQixDQUFDLHFCQUFxQjtBQUN4QyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztFQUN2QyxLQUFLLEVBQUUsR0FBRztDQUNWOztBQUVELEFBQUEsa0JBQWtCLENBQUMsa0JBQWtCO0FBQ3JDLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDO0VBQ3RDLEtBQUssRUFBRSxjQUFjO0NBQ3JCOztBQUVELEFBQUEsa0JBQWtCLENBQUMsb0JBQW9CO0FBQ3ZDLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDO0VBQ3RDLEtBQUssRUFBRSxjQUFjO0NBQ3JCOztBQUVELEFBQUEsa0JBQWtCLENBQUMsbUJBQW1CLENBQUM7RUFDdEMsS0FBSyxFQUFFLEdBQUc7Q0FDVjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLHNCQUFzQixDQUFDO0VBQ3pDLEtBQUssRUFBRSxHQUFHO0NBQ1Y7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxrQkFBa0IsQ0FBQztFQUNyQyxLQUFLLEVBQUUsS0FBSztDQUNaOztBQUVELEFBQUEsa0JBQWtCLENBQUMsbUJBQW1CLENBQUM7RUFDdEMsS0FBSyxFQUFFLEtBQUs7Q0FDWjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLHFCQUFxQixDQUFDO0VBQ3hDLEtBQUssRUFBRSxLQUFLO0NBQ1o7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztFQUN2QyxLQUFLLEVBQUUsS0FBSztDQUNaOztBQUVELEFBQUEsa0JBQWtCLENBQUMsa0JBQWtCLENBQUM7RUFDckMsS0FBSyxFQUFFLGNBQWM7Q0FDckI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztFQUN2QyxLQUFLLEVBQUUsY0FBYztDQUNyQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLGNBQWMsQ0FBQztFQUNqQyxLQUFLLEVBQUUsZUFBZTtFQUN0QixXQUFXLEVBQUUsWUFBWTtDQUN6Qjs7QUFFRCwrQkFBK0I7QUFDL0IsQUFBQSxrQkFBa0IsQ0FBQywyQkFBMkIsQ0FBQyxFQUFFO0FBQ2pELGtCQUFrQixDQUFDLGlDQUFpQyxDQUFDLEVBQUU7QUFDdkQsa0JBQWtCLENBQUMsdUJBQXVCLENBQUMsRUFBRTtBQUM3QyxrQkFBa0IsQ0FBQywyQkFBMkIsQ0FBQyxFQUFFO0FBQ2pELGtCQUFrQixDQUFDLGlDQUFpQyxDQUFDLEVBQUU7QUFDdkQsa0JBQWtCLENBQUMsdUJBQXVCLENBQUMsRUFBRSxDQUFDO0VBQzdDLE9BQU8sRUFBRSxRQUFRO0VBQ2pCLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLE9BQU8sRUFBRSxJQUFJO0VBQ2IsaUJBQWlCLEVBQUUsSUFBSTtFQUN2QixTQUFTLEVBQUUsSUFBSTtDQUNmOztBQUVELEFBQUEsa0JBQWtCLENBQUMsMkJBQTJCLENBQUMsRUFBRSxDQUFDLEVBQUU7QUFDcEQsa0JBQWtCLENBQUMsaUNBQWlDLENBQUMsRUFBRSxDQUFDLEVBQUU7QUFDMUQsa0JBQWtCLENBQUMsdUJBQXVCLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztFQUNoRCxLQUFLLEVBQUUsR0FBRztFQUNWLE9BQU8sRUFBRSxLQUFLO0VBQ2QsYUFBYSxFQUFFLElBQUk7Q0FDbkI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQywyQkFBMkIsQ0FBQyxFQUFFLENBQUMsRUFBRTtBQUNwRCxrQkFBa0IsQ0FBQyxpQ0FBaUMsQ0FBQyxFQUFFLENBQUMsRUFBRTtBQUMxRCxrQkFBa0IsQ0FBQyx1QkFBdUIsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO0VBQ2hELEtBQUssRUFBRSxRQUFRO0VBQ2YsT0FBTyxFQUFFLEtBQUs7RUFDZCxhQUFhLEVBQUUsSUFBSTtDQUNuQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7RUFDN0MsT0FBTyxFQUFFLFlBQVk7RUFDckIsWUFBWSxFQUFFLElBQUk7RUFDbEIsY0FBYyxFQUFFLEdBQUc7Q0FDbkI7O0FBRUQsb0JBQW9CO0FBQ3BCLEFBQUEsa0JBQWtCLENBQUMsbUJBQW1CLENBQUM7RUFDdEMsS0FBSyxFQUFFLElBQUk7RUFDWCxLQUFLLEVBQUUsR0FBRztFQUNWLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBQ0QsQUFBQSxrQkFBa0IsQ0FBQyxrQkFBa0IsQ0FBQztFQUNyQyxLQUFLLEVBQUUsS0FBSztFQUNaLEtBQUssRUFBRSxHQUFHO0VBQ1YsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFDRCxBQUFBLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO0VBQ3ZDLEtBQUssRUFBRSxJQUFJO0VBQ1gsS0FBSyxFQUFFLGFBQWE7RUFDcEIsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFDRCxBQUFBLGtCQUFrQixDQUFDLHFCQUFxQixDQUFFO0VBQ3pDLEtBQUssRUFBRSxJQUFJO0VBQ1gsS0FBSyxFQUFFLGFBQWE7RUFDcEIsV0FBVyxFQUFFLEVBQUU7RUFDZixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUNELEFBQUEsa0JBQWtCLENBQUMsbUJBQW1CLENBQUM7RUFDdEMsS0FBSyxFQUFFLEtBQUs7RUFDWixLQUFLLEVBQUUsYUFBYTtFQUNwQixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUNELEFBQUEsa0JBQWtCLENBQUMsYUFBYSxDQUFDO0VBQ2hDLEtBQUssRUFBRSxnQkFBZ0I7RUFDdkIsWUFBWSxFQUFFLFlBQVk7RUFDMUIsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFFRDtnRkFDZ0Y7QUFFaEYsaUJBQWlCO0FBQ2pCLEFBQUEsa0JBQWtCLEFBQUEsY0FBYyxDQUFDO0VBQ2hDLFFBQVEsRUFBRSxNQUFNO0NBQ2hCOztBQUVELEFBQUEsa0JBQWtCLEFBQUEsY0FBYyxDQUFDLHdCQUF3QixDQUFFO0VBQzFELE9BQU8sRUFBRSxLQUFLO0VBQ2QsS0FBSyxFQUFFLGtCQUFrQjtFQUN6QixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUVELEFBQUEsa0JBQWtCLEFBQUEsY0FBYyxDQUFDLGNBQWMsQ0FBRTtFQUNoRCxPQUFPLEVBQUUsVUFBVTtFQUNuQixhQUFhLEVBQUUsRUFBRTtFQUNqQixjQUFjLEVBQUUsR0FBRztDQUNuQjs7QUFFRCxBQUFBLGtCQUFrQixBQUFBLGNBQWMsQ0FBQyx5QkFBeUIsQ0FBQztFQUMxRCxLQUFLLEVBQUUsS0FBSztFQUNaLEtBQUssRUFBRSxLQUFLO0NBQ1o7O0FBRUQsQUFBQSxrQkFBa0IsQUFBQSxjQUFjLENBQUMsZUFBZSxDQUFDO0VBQ2hELE9BQU8sRUFBRSxLQUFLO0VBQ2QsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFFRCxBQUFBLGtCQUFrQixBQUFBLGNBQWMsQ0FBQyxLQUFLLEFBQUEscUJBQXFCO0FBQzNELGtCQUFrQixBQUFBLGNBQWMsQ0FBQyxNQUFNLEFBQUEscUJBQXFCO0FBQzVELGtCQUFrQixBQUFBLGNBQWMsQ0FBQyxrQkFBa0IsQUFBQSxxQkFBcUIsQ0FBQztFQUN4RSxTQUFTLEVBQUUsSUFBSTtDQUNmOztBQUdEO2dGQUNnRjtBQUVoRixBQUFBLGtCQUFrQixDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxJQUFDLEFBQUE7QUFDekIsa0JBQWtCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELFFBQUMsQUFBQTtBQUN6QixrQkFBa0IsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsY0FBQyxBQUFBO0FBQ3pCLGtCQUFrQixDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxLQUFDLEFBQUE7QUFDekIsa0JBQWtCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELEtBQUMsQUFBQTtBQUN6QixrQkFBa0IsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsTUFBQyxBQUFBO0FBQ3pCLGtCQUFrQixDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxRQUFDLEFBQUE7QUFDekIsa0JBQWtCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELEtBQUMsQUFBQTtBQUN6QixrQkFBa0IsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsTUFBQyxBQUFBO0FBQ3pCLGtCQUFrQixDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxHQUFDLEFBQUE7QUFDekIsa0JBQWtCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELElBQUMsQUFBQTtBQUN6QixrQkFBa0IsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsSUFBQyxBQUFBO0FBQ3pCLGtCQUFrQixDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxHQUFDLEFBQUE7QUFDekIsa0JBQWtCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELElBQUMsQUFBQTtBQUN6QixrQkFBa0IsQ0FBQyxNQUFNO0FBQ3pCLGtCQUFrQixDQUFDLFFBQVEsQ0FBQztFQUMzQixPQUFPLEVBQUUsS0FBSztFQUNkLEtBQUssRUFBRSxJQUFJO0VBQ1gsVUFBVSxFQUFFLFVBQVU7RUFDdEIsa0JBQWtCLEVBQUUsVUFBVTtFQUM5QixlQUFlLEVBQUUsVUFBVTtFQUMzQixLQUFLLEVBQUUsSUFBSTtFQUNYLFdBQVcsRUFBRSxPQUFPO0NBQ3BCOztBQUVELEFBQUEsa0JBQWtCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELFFBQUMsQUFBQTtBQUN6QixrQkFBa0IsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsS0FBQyxBQUFBLEVBQVk7RUFDcEMsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLE1BQU0sRUFBRSxjQUFjO0VBQ3RCLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLGNBQWMsRUFBRSxRQUFRO0NBQ3hCOztBQUVELEFBQUEsa0JBQWtCLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztFQUNoQyxRQUFRLEVBQUUsUUFBUTtFQUFFLGtGQUFrRjtDQUN0Rzs7QUFFRDtnRkFDZ0Y7QUFFaEYsQUFBQSxrQkFBa0IsQ0FBQyw0QkFBNEIsQ0FBQztFQUMvQyxPQUFPLEVBQUUsYUFBYTtFQUN0QixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUdEO2dGQUNnRjtBQUVoRixBQUFBLGtCQUFrQixDQUFFLGlDQUFpQyxDQUFDO0VBQ3JELE9BQU8sRUFBQyxZQUFZO0VBQ3BCLE9BQU8sRUFBQyxLQUFLO0NBQ2I7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyxrQ0FBa0M7QUFDckQsa0JBQWtCLENBQUMsaUNBQWlDO0FBQ3BELGtCQUFrQixDQUFDLG1DQUFtQyxDQUFDO0VBQ3RELE9BQU8sRUFBQyxZQUFZO0VBQ3BCLEtBQUssRUFBQyxJQUFJO0NBQ1Y7O0FBR0Q7Z0ZBQ2dGO0FBRWhGLEFBQUEsa0JBQWtCLENBQUMsMEJBQTBCLENBQUM7RUFDN0MsT0FBTyxFQUFFLFNBQVM7RUFDbEIsTUFBTSxFQUFFLENBQUM7RUFDVCxPQUFPLEVBQUUsWUFBWTtDQUNyQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLHFCQUFxQixDQUFDLEdBQUcsQ0FBQztFQUM1QyxNQUFNLEVBQUUsT0FBTztFQUNmLGlCQUFpQixFQUFFLGdCQUFnQixDQUFDLGFBQWE7RUFDakQsU0FBUyxFQUFFLGdCQUFnQixDQUFDLGFBQWE7RUFDekMsVUFBVSxFQUFFLG1CQUFtQjtFQUMvQixPQUFPLEVBQUUsSUFBSTtDQUNiOztBQUVELEFBQUEsa0JBQWtCLENBQUMsMEJBQTBCLEFBQUEsU0FBUyxDQUFDLEdBQUc7QUFDMUQsa0JBQWtCLENBQUMsMEJBQTBCLEFBQUEsTUFBTSxDQUFDLEdBQUc7QUFDdkQsa0JBQWtCLENBQUMsMEJBQTBCLENBQUMsS0FBSyxBQUFBLE1BQU0sR0FBRyxHQUFHLENBQUM7RUFDL0QsaUJBQWlCLEVBQUUsVUFBVTtFQUM3QixTQUFTLEVBQUUsVUFBVTtFQUNyQixPQUFPLEVBQUUsQ0FBQztDQUNWOztBQUdEO2dGQUNnRjtBQXhDaEYsQUFBQSxrQkFBa0IsQ0FBRSxpQ0FBaUMsQ0EwQ0M7RUFDckQsT0FBTyxFQUFFLFlBQVk7RUFDckIsT0FBTyxFQUFFLEtBQUs7Q0FDZDs7QUF4Q0QsQUFBQSxrQkFBa0IsQ0FBQyxrQ0FBa0M7QUFDckQsa0JBQWtCLENBQUMsaUNBQWlDO0FBQ3BELGtCQUFrQixDQUFDLG1DQUFtQyxDQTBDQztFQUN0RCxPQUFPLEVBQUUsWUFBWTtFQUNyQixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUVELEFBQUEsa0JBQWtCLENBQUMsd0JBQXdCLENBQUM7RUFDM0MsUUFBUSxFQUFFLFFBQVE7Q0FDbEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQyx5QkFBeUIsQ0FBQztFQUNyRSxRQUFRLEVBQUUsUUFBUTtFQUNsQixnQkFBZ0IsRUFBRSxvQ0FBb0M7RUFDdEQsbUJBQW1CLEVBQUUsT0FBTztFQUM1QixpQkFBaUIsRUFBRSxTQUFTO0VBQzVCLGdCQUFnQixFQUFFLE9BQU87RUFDekIsZUFBZSxFQUFFLEdBQUc7RUFDcEIsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLE1BQU0sRUFBRSxPQUFPO0VBQ2YsT0FBTyxFQUFFLEtBQUs7RUFDZCxhQUFhLEVBQUUsR0FBRztFQUNsQixLQUFLLEVBQUUsSUFBSTtFQUNYLEdBQUcsRUFBRSxHQUFHO0VBQ1IsVUFBVSxFQUFFLElBQUk7RUFDaEIsVUFBVSxFQUFFLFFBQVE7Q0FDcEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQyx5QkFBeUIsQUFBQSxNQUFNLENBQUM7RUFDM0UsZ0JBQWdCLEVBQUUsR0FBRztDQUNyQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLHdCQUF3QixDQUFDLG9CQUFvQixHQUFHLHlCQUF5QixDQUFDO0VBQzVGLEtBQUssRUFBRSxpQkFBa0I7Q0FDekI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQyxxQkFBcUIsR0FBRyx5QkFBeUIsQ0FBQztFQUM3RixLQUFLLEVBQUUsaUJBQWtCO0NBQ3pCOztBQUdEO2dGQUNnRjtBQTFFaEYsQUFBQSxrQkFBa0IsQ0FBQywwQkFBMEIsQ0E0RUM7RUFDN0MsT0FBTyxFQUFFLFNBQVM7RUFDbEIsTUFBTSxFQUFFLENBQUM7RUFDVCxPQUFPLEVBQUUsWUFBWTtDQUNyQjs7QUExRUQsQUFBQSxrQkFBa0IsQ0FBQyxxQkFBcUIsQ0FBQyxHQUFHLENBNEVDO0VBQzVDLE1BQU0sRUFBRSxPQUFPO0VBQ2YsaUJBQWlCLEVBQUUsZ0JBQWdCLENBQUMsYUFBYTtFQUNqRCxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsYUFBYTtFQUN6QyxVQUFVLEVBQUUsbUJBQW1CO0VBQy9CLE9BQU8sRUFBRSxJQUFJO0NBQ2I7O0FBMUVELEFBQUEsa0JBQWtCLENBQUMsMEJBQTBCLEFBQUEsU0FBUyxDQUFDLEdBQUc7QUFDMUQsa0JBQWtCLENBQUMsMEJBQTBCLEFBQUEsTUFBTSxDQUFDLEdBQUc7QUFDdkQsa0JBQWtCLENBQUMsMEJBQTBCLENBQUMsS0FBSyxBQUFBLE1BQU0sR0FBRyxHQUFHLENBNEVDO0VBQy9ELGlCQUFpQixFQUFFLFVBQVU7RUFDN0IsU0FBUyxFQUFFLFVBQVU7RUFDckIsT0FBTyxFQUFFLENBQUM7Q0FDVjs7QUFHRDtnRkFDZ0Y7QUFFaEYsQUFBQSxrQkFBa0IsQ0FBQyxFQUFFLEFBQUEsc0JBQXNCLENBQUMsS0FBSyxBQUFBLElBQUssQ0FBQSxjQUFjLEVBQUU7RUFDckUsTUFBTSxFQUFFLE9BQU87RUFDZixRQUFRLEVBQUUsUUFBUTtDQUNsQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLEVBQUUsQUFBQSxzQkFBc0IsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO0VBQ3ZELEdBQUcsRUFBRSxHQUFHO0NBQ1I7O0FBRUQsa0JBQWtCO0FBQ2xCLEFBQUEsa0JBQWtCLENBQUMsb0JBQW9CLENBQUMsNkJBQTZCLENBQUMsRUFBRSxDQUFDO0VBQ3hFLE1BQU0sRUFBRSxlQUFnQjtDQUN4Qjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLDZCQUE2QixDQUFDLEdBQUcsQ0FBQztFQUNwRCxPQUFPLEVBQUUsWUFBWTtFQUNyQixNQUFNLEVBQUUsTUFBTTtFQUNkLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyw2QkFBNkIsQ0FBQyxLQUFLLEFBQUEsSUFBSyxDQXBCTCxjQUFjLEVBb0JPO0VBQzFFLGdCQUFnQixFQUFFLElBQUk7RUFDdEIsT0FBTyxFQUFFLFlBQVk7RUFDckIsTUFBTSxFQUFFLE1BQU07RUFDZCxNQUFNLEVBQUUsT0FBTztFQUNmLE1BQU0sRUFBRSxjQUFjO0VBQ3RCLGFBQWEsRUFBRSxHQUFHO0VBQ2xCLE9BQU8sRUFBRSxtQkFBbUI7RUFDNUIsVUFBVSxFQUFFLFFBQVE7RUFDcEIsVUFBVSxFQUFFLE1BQU07Q0FDbEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyw2QkFBNkIsQ0FBQyxLQUFLLEFBQUEsSUFBSyxDQWhDTCxjQUFjLENBZ0NNLE1BQU0sQ0FBQztFQUNoRixNQUFNLEVBQUMsY0FBYztDQUNyQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLDZCQUE2QixDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQztFQUN4RSxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGtCQUFrQjtDQUN6Qzs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLDZCQUE2QixDQUFDLDRCQUE0QixBQUFBLE1BQU0sQ0FBQztFQUNuRixPQUFPLEVBQUUsT0FBTztFQUNoQixTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLEtBQUssRUFBRSxJQUFJO0VBQ1gsVUFBVSxFQUFFLEtBQUs7RUFDakIsT0FBTyxFQUFFLENBQUM7RUFDVixRQUFRLEVBQUUsUUFBUTtFQUNsQixHQUFHLEVBQUUsR0FBRztFQUNSLElBQUksRUFBRSxHQUFHO0VBQ1QsTUFBTSxFQUFFLGVBQWU7RUFDdkIsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLGFBQWEsRUFBRSxHQUFHO0VBQ2xCLFVBQVUsRUFBRSxRQUFRO0NBQ3BCOztBQUVELEFBQUEsa0JBQWtCLENBQUMsNkJBQTZCLENBQUMsaUJBQWlCLENBQUMsNEJBQTRCLEFBQUEsTUFBTSxDQUFDO0VBQ3JHLE9BQU8sRUFBRSxDQUFDO0NBQ1Y7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyw2QkFBNkIsQ0FBQyw0QkFBNEIsQ0FBQztFQUM3RSxPQUFPLEVBQUUsS0FBSztFQUNkLFFBQVEsRUFBRSxRQUFRO0NBQ2xCOztBQUVELEFBQUEsa0JBQWtCLENBQUMsNkJBQTZCLENBQUMsaUJBQWlCLENBQUMsNEJBQTRCLENBQUM7RUFDL0YsV0FBVyxFQUFFLEdBQUc7Q0FDaEI7O0FBRUQsQUFBQSxrQkFBa0IsQ0FBQyw2QkFBNkIsQ0FBQyw0QkFBNEIsQ0FBQztFQUM3RSxPQUFPLEVBQUUsS0FBSztFQUNkLFVBQVUsRUFBRSxJQUFJO0NBQ2hCOztBQUVELGFBQWE7QUFDYixBQUFBLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDLDhCQUE4QixDQUFDLEVBQUUsQ0FBQztFQUN6RSxNQUFNLEVBQUUsd0JBQXdCO0NBQ2hDOztBQUVELEFBQUEsa0JBQWtCLENBQUMsOEJBQThCLENBQUMsR0FBRyxDQUFDO0VBQ3JELE9BQU8sRUFBRSxZQUFZO0VBQ3JCLE1BQU0sRUFBRSxNQUFNO0VBQ2QsU0FBUyxFQUFFLElBQUk7Q0FDZjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLDhCQUE4QixDQUFDLEtBQUssQUFBQSxJQUFLLENBdEZOLGNBQWMsRUFzRlE7RUFDM0UsZ0JBQWdCLEVBQUUsSUFBSTtFQUN0QixPQUFPLEVBQUUsWUFBWTtFQUNyQixNQUFNLEVBQUUsTUFBTTtFQUNkLE1BQU0sRUFBRSxPQUFPO0VBQ2YsTUFBTSxFQUFFLGNBQWM7RUFDdEIsT0FBTyxFQUFFLElBQUk7RUFDYixVQUFVLEVBQUUsTUFBTTtDQUNsQjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLDhCQUE4QixDQUFDLEtBQUssQUFBQSxJQUFLLENBaEdOLGNBQWMsQ0FnR08sTUFBTSxDQUFDO0VBQ2pGLFlBQVksRUFBRSxJQUFJO0NBQ2xCOztBQUVELEFBQUEsa0JBQWtCLENBQUMsOEJBQThCLENBQUMsNEJBQTRCLENBQUM7RUFDOUUsT0FBTyxFQUFFLEtBQUs7Q0FDZDs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLDhCQUE4QixDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQztFQUN6RSxZQUFZLEVBQUUsZUFBZTtDQUM3Qjs7QUFFRCxBQUFBLGtCQUFrQixDQUFDLDhCQUE4QixDQUFDLDRCQUE0QixDQUFDO0VBQzlFLE9BQU8sRUFBRSxLQUFLO0VBQ2QsVUFBVSxFQUFFLEdBQUc7Q0FDZjs7QUFFRDtnRkFDZ0Y7QUFFaEYsaUJBQWlCO0FBQ2pCLEFBRUMsa0JBRmlCLENBRWpCLEVBQUUsQUFBQSxxQkFBcUI7QUFGeEIsa0JBQWtCLENBR2pCLEVBQUUsQUFBQSxxQkFBcUIsQ0FBQyxDQUFDLENBQUM7RUFDekIsVUFBVSxFQUFFLFVBQVU7Q0FDdEI7O0FBTEYsQUFRQyxrQkFSaUIsQ0FRakIsRUFBRSxBQUFBLHFCQUFxQixDQUFDO0VBQ3ZCLE9BQU8sRUFBRSxJQUFJO0VBQ2IsY0FBYyxFQUFFLE1BQU07RUFDdEIsS0FBSyxFQUFFLElBQUk7RUFDWCxPQUFPLEVBQUUsQ0FBQztFQUNWLE1BQU0sRUFBRSxhQUFhO0VBOENyQixvQkFBb0I7RUE0RHBCLG1CQUFtQjtFQXNDbkIsb0JBQW9CO0NBbUNwQjs7QUFoTUYsQUFnQkUsa0JBaEJnQixDQVFqQixFQUFFLEFBQUEscUJBQXFCLEdBUWxCLDBCQUEwQjtBQWhCaEMsa0JBQWtCLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsR0FTbEIsY0FBYyxDQUFDO0VBQ2xCLFVBQVUsRUFBRSxJQUFJO0NBQ2hCOztBQW5CSCxBQXNCRSxrQkF0QmdCLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQ0FjdEIsRUFBRSxDQUFDO0VBQ0YsU0FBUyxFQUFFLEtBQUs7RUFDaEIsYUFBYSxFQUFFLENBQUM7RUFDaEIsTUFBTSxFQUFFLFVBQVU7Q0FDbEI7O0FBMUJILEFBNEJFLGtCQTVCZ0IsQ0FRakIsRUFBRSxBQUFBLHFCQUFxQixDQW9CdEIsS0FBSyxDQUFDO0VBQ0wsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLEtBQUs7RUFDZCxNQUFNLEVBQUUsQ0FBQztFQUNULE1BQU0sRUFBRSxPQUFPO0NBQ2Y7O0FBakNILEFBbUNFLGtCQW5DZ0IsQ0FRakIsRUFBRSxBQUFBLHFCQUFxQixDQTJCdEIsMEJBQTBCLENBQUM7RUFDMUIsT0FBTyxFQUFFLEtBQUs7Q0FDZDs7QUFyQ0gsQUF1Q0Usa0JBdkNnQixDQVFqQixFQUFFLEFBQUEscUJBQXFCLENBK0J0QixHQUFHLENBQUM7RUFDSCxNQUFNLEVBQUUsTUFBTTtFQUNkLElBQUksRUFBRSxpQ0FBaUM7Q0FDdkM7O0FBMUNILEFBOENHLGtCQTlDZSxDQVFqQixFQUFFLEFBQUEscUJBQXFCLEFBb0NyQiwwQkFBMEIsQ0FFMUIsR0FBRyxDQUFDO0VBQ0gsTUFBTSxFQUFFLENBQUM7Q0FDVDs7QUFoREosQUFzREcsa0JBdERlLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUEyQ3JCLDZCQUE2QixDQUc3QixFQUFFLEVBdERMLGtCQUFrQixDQVFqQixFQUFFLEFBQUEscUJBQXFCLEFBNENyQiw0QkFBNEIsQ0FFNUIsRUFBRSxDQUFDO0VBQ0YsTUFBTSxFQUFFLFVBQVU7Q0FDbEI7O0FBeERKLEFBOERHLGtCQTlEZSxDQVFqQixFQUFFLEFBQUEscUJBQXFCLEFBb0RyQiw2QkFBNkIsQ0FFN0IsS0FBSyxDQUFDO0VBQ0wsVUFBVSxFQUFFLE1BQU07Q0FRbEI7O0FBdkVKLEFBbUVLLGtCQW5FYSxDQVFqQixFQUFFLEFBQUEscUJBQXFCLEFBb0RyQiw2QkFBNkIsQ0FFN0IsS0FBSyxBQUdILGFBQWEsQ0FFYiwwQkFBMEIsQ0FBQztFQUMxQixVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlDQUFpQztDQUN2RDs7QUFyRU4sQUF5RUcsa0JBekVlLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUFvRHJCLDZCQUE2QixDQWE3QiwwQkFBMEIsQ0FBQztFQUMxQixRQUFRLEVBQUUsUUFBUTtFQUNsQixPQUFPLEVBQUUsQ0FBQztFQUNWLGFBQWEsRUFBRSxJQUFJO0VBQ25CLE9BQU8sRUFBRSxtQkFBbUI7RUFDNUIsZ0JBQWdCLEVBQUUsT0FBTztFQUN6QixVQUFVLEVBQUUsaUJBQWlCO0VBQzdCLGFBQWEsRUFBRSxHQUFHO0NBVWxCOztBQTFGSixBQWtGSSxrQkFsRmMsQ0FRakIsRUFBRSxBQUFBLHFCQUFxQixBQW9EckIsNkJBQTZCLENBYTdCLDBCQUEwQixBQVN4QixNQUFNLENBQUM7RUFDUCxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlDQUFpQztDQUN2RDs7QUFwRkwsQUFzRkksa0JBdEZjLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUFvRHJCLDZCQUE2QixDQWE3QiwwQkFBMEIsQ0FhekIsR0FBRyxDQUFDO0VBQ0gsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLENBQUM7Q0FDVjs7QUF6RkwsQUE0Rkcsa0JBNUZlLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUFvRHJCLDZCQUE2QixDQWdDN0IsNkJBQTZCLENBQUM7RUFDN0IsT0FBTyxFQUFFLEtBQUs7RUFDZCxRQUFRLEVBQUUsUUFBUTtFQUNsQixPQUFPLEVBQUUsQ0FBQztFQUNWLEdBQUcsRUFBRSxDQUFDO0VBQ04sS0FBSyxFQUFFLENBQUM7RUFDUixNQUFNLEVBQUUsQ0FBQztFQUNULElBQUksRUFBRSxDQUFDO0VBQ1AsYUFBYSxFQUFFLEdBQUc7RUFDbEIsZ0JBQWdCLEVBQUUsT0FBTztDQUN6Qjs7QUF0R0osQUEwR0ksa0JBMUdjLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUFvRHJCLDZCQUE2QixDQTRDN0IsaUJBQWlCLENBRWhCLDBCQUEwQixDQUFDO0VBQzFCLGdCQUFnQixFQUFFLFdBQVc7RUFDN0IsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxpQ0FBaUM7RUFDdkQsVUFBVSxFQUFFLFVBQVU7Q0FDdEI7O0FBOUdMLEFBZ0hJLGtCQWhIYyxDQVFqQixFQUFFLEFBQUEscUJBQXFCLEFBb0RyQiw2QkFBNkIsQ0E0QzdCLGlCQUFpQixDQVFoQiw2QkFBNkIsQ0FBQztFQUM3QixnQkFBZ0IsRUFBRSxpQ0FBaUM7RUFDbkQsT0FBTyxFQUFFLEVBQUU7Q0FDWDs7QUFuSEwsQUE0SEksa0JBNUhjLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUFnSHJCLDRCQUE0QixDQUU1QixFQUFFLENBRUQsS0FBSyxDQUFDO0VBQ0wsZ0JBQWdCLEVBQUUsT0FBTztFQUN6QixVQUFVLEVBQUUsaUJBQWlCO0VBQzdCLGFBQWEsRUFBRSxHQUFHO0VBQ2xCLE1BQU0sRUFBRSxJQUFJO0VBQ1osT0FBTyxFQUFFLG1CQUFtQjtFQUM1QixVQUFVLEVBQUUsTUFBTTtDQUtsQjs7QUF2SUwsQUFvSUssa0JBcElhLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUFnSHJCLDRCQUE0QixDQUU1QixFQUFFLENBRUQsS0FBSyxBQVFILE1BQU0sQ0FBQztFQUNQLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUNBQWlDO0NBQ3ZEOztBQXRJTixBQTJJSyxrQkEzSWEsQ0FRakIsRUFBRSxBQUFBLHFCQUFxQixBQWdIckIsNEJBQTRCLENBRTVCLEVBQUUsQUFlQSxhQUFhLENBRWIsS0FBSyxDQUFDO0VBQ0wsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxpQ0FBaUM7Q0FDdkQ7O0FBN0lOLEFBa0pLLGtCQWxKYSxDQVFqQixFQUFFLEFBQUEscUJBQXFCLEFBZ0hyQiw0QkFBNEIsQ0FFNUIsRUFBRSxBQXNCQSxpQkFBaUIsQ0FFakIsS0FBSyxDQUFDO0VBQ0wsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxpQ0FBaUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxtQkFBbUI7Q0FDdkY7O0FBcEpOLEFBdUpJLGtCQXZKYyxDQVFqQixFQUFFLEFBQUEscUJBQXFCLEFBZ0hyQiw0QkFBNEIsQ0FFNUIsRUFBRSxDQTZCRCwwQkFBMEIsQ0FBQztFQUMxQixhQUFhLEVBQUUsSUFBSTtDQUNuQjs7QUF6SkwsQUFrS0ksa0JBbEtjLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUFzSnJCLDZCQUE2QixDQUU3QixFQUFFLENBRUQsS0FBSyxDQUFDO0VBQ0wsZ0JBQWdCLEVBQUUsT0FBTztFQUN6QixNQUFNLEVBQUUsSUFBSTtFQUNaLE9BQU8sRUFBRSxtQkFBbUI7RUFDNUIsVUFBVSxFQUFFLE1BQU07Q0FLbEI7O0FBM0tMLEFBd0tLLGtCQXhLYSxDQVFqQixFQUFFLEFBQUEscUJBQXFCLEFBc0pyQiw2QkFBNkIsQ0FFN0IsRUFBRSxDQUVELEtBQUssQUFNSCxNQUFNLENBQUM7RUFDUCxVQUFVLEVBQUUsaUJBQWlCO0NBQzdCOztBQTFLTixBQStLSyxrQkEvS2EsQ0FRakIsRUFBRSxBQUFBLHFCQUFxQixBQXNKckIsNkJBQTZCLENBRTdCLEVBQUUsQUFhQSxhQUFhLENBRWIsS0FBSyxDQUFDO0VBQ0wsVUFBVSxFQUFFLGlCQUFpQjtDQUM3Qjs7QUFqTE4sQUFzTEssa0JBdExhLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUFzSnJCLDZCQUE2QixDQUU3QixFQUFFLEFBb0JBLGlCQUFpQixDQUVqQixLQUFLLENBQUM7RUFDTCxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlDQUFpQztDQUN2RDs7QUF4TE4sQUEyTEksa0JBM0xjLENBUWpCLEVBQUUsQUFBQSxxQkFBcUIsQUFzSnJCLDZCQUE2QixDQUU3QixFQUFFLENBMkJELDBCQUEwQixDQUFDO0VBQzFCLGFBQWEsRUFBRSxJQUFJO0NBQ25COztBQTdMTCxBQTBNSSxrQkExTWMsQ0FtTWpCLG9CQUFvQixDQUduQiw2QkFBNkIsQ0FFNUIsRUFBRSxDQUVELDBCQUEwQixBQUFBLE9BQU87QUExTXJDLGtCQUFrQixDQW9NakIsK0JBQStCLENBRTlCLDZCQUE2QixDQUU1QixFQUFFLENBRUQsMEJBQTBCLEFBQUEsT0FBTyxDQUFDO0VBQ2pDLE9BQU8sRUFBRSxFQUFFO0VBQ1gsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLENBQUM7RUFDVixNQUFNLEVBQUUsSUFBSTtFQUNaLElBQUksRUFBRSxnQkFBaUI7RUFDdkIsT0FBTyxFQUFFLEtBQUs7RUFDZCxLQUFLLEVBQUUsSUFBSTtFQUNYLE1BQU0sRUFBRSxJQUFJO0VBQ1osZ0JBQWdCLEVBQUUsT0FBTztFQUN6QixVQUFVLEVBQUUsaUJBQWlCO0VBQzdCLGFBQWEsRUFBRSxHQUFHO0VBQ2xCLE1BQU0sRUFBRSxXQUFXO0NBQ25COztBQXZOTCxBQTJOSyxrQkEzTmEsQ0FtTWpCLG9CQUFvQixDQUduQiw2QkFBNkIsQ0FFNUIsRUFBRSxBQWlCQSxpQkFBaUIsQ0FFakIsMEJBQTBCLEFBQUEsT0FBTztBQTNOdEMsa0JBQWtCLENBb01qQiwrQkFBK0IsQ0FFOUIsNkJBQTZCLENBRTVCLEVBQUUsQUFpQkEsaUJBQWlCLENBRWpCLDBCQUEwQixBQUFBLE9BQU8sQ0FBQztFQUNqQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlDQUFpQztDQUN2RDs7QUE3Tk4sQUErTkssa0JBL05hLENBbU1qQixvQkFBb0IsQ0FHbkIsNkJBQTZCLENBRTVCLEVBQUUsQUFpQkEsaUJBQWlCLENBTWpCLDBCQUEwQixBQUFBLE1BQU07QUEvTnJDLGtCQUFrQixDQW9NakIsK0JBQStCLENBRTlCLDZCQUE2QixDQUU1QixFQUFFLEFBaUJBLGlCQUFpQixDQU1qQiwwQkFBMEIsQUFBQSxNQUFNLENBQUM7RUFDaEMsT0FBTyxFQUFFLEVBQUU7RUFDWCxRQUFRLEVBQUUsUUFBUTtFQUNsQixPQUFPLEVBQUUsQ0FBQztFQUNWLE1BQU0sRUFBRSxpQkFBa0I7RUFDMUIsSUFBSSxFQUFFLGdCQUFpQjtFQUN2QixPQUFPLEVBQUUsS0FBSztFQUNkLEtBQUssRUFBRSxHQUFHO0VBQ1YsTUFBTSxFQUFFLEdBQUc7RUFDWCxnQkFBZ0IsRUFBRSxpQ0FBaUM7RUFDbkQsYUFBYSxFQUFFLEdBQUc7Q0FDbEI7O0FBMU9OLEFBd1BJLGtCQXhQYyxDQWlQakIsdUJBQXVCLENBR3RCLDZCQUE2QixDQUU1QixFQUFFLENBRUQsMEJBQTBCLEFBQUEsT0FBTztBQXhQckMsa0JBQWtCLENBa1BqQiwrQkFBK0IsQ0FFOUIsNkJBQTZCLENBRTVCLEVBQUUsQ0FFRCwwQkFBMEIsQUFBQSxPQUFPLENBQUM7RUFDakMsT0FBTyxFQUFFLEVBQUU7RUFDWCxRQUFRLEVBQUUsUUFBUTtFQUNsQixPQUFPLEVBQUUsQ0FBQztFQUNWLE1BQU0sRUFBRSxJQUFJO0VBQ1osSUFBSSxFQUFFLGdCQUFpQjtFQUN2QixPQUFPLEVBQUUsS0FBSztFQUNkLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7RUFDWixnQkFBZ0IsRUFBRSxPQUFPO0VBQ3pCLFVBQVUsRUFBRSxpQkFBaUI7RUFDN0IsYUFBYSxFQUFFLEdBQUc7RUFDbEIsTUFBTSxFQUFFLFdBQVc7Q0FDbkI7O0FBclFMLEFBeVFLLGtCQXpRYSxDQWlQakIsdUJBQXVCLENBR3RCLDZCQUE2QixDQUU1QixFQUFFLEFBaUJBLGlCQUFpQixDQUVqQiwwQkFBMEIsQUFBQSxPQUFPO0FBelF0QyxrQkFBa0IsQ0FrUGpCLCtCQUErQixDQUU5Qiw2QkFBNkIsQ0FFNUIsRUFBRSxBQWlCQSxpQkFBaUIsQ0FFakIsMEJBQTBCLEFBQUEsT0FBTyxDQUFDO0VBQ2pDLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUNBQWlDO0NBQ3ZEOztBQTNRTixBQTZRSyxrQkE3UWEsQ0FpUGpCLHVCQUF1QixDQUd0Qiw2QkFBNkIsQ0FFNUIsRUFBRSxBQWlCQSxpQkFBaUIsQ0FNakIsMEJBQTBCLEFBQUEsTUFBTTtBQTdRckMsa0JBQWtCLENBa1BqQiwrQkFBK0IsQ0FFOUIsNkJBQTZCLENBRTVCLEVBQUUsQUFpQkEsaUJBQWlCLENBTWpCLDBCQUEwQixBQUFBLE1BQU0sQ0FBQztFQUNoQyxPQUFPLEVBQUUsRUFBRTtFQUNYLFVBQVUsRUFBRSxVQUFVO0VBQ3RCLE9BQU8sRUFBRSxLQUFLO0VBQ2QsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLENBQUM7RUFDVixNQUFNLEVBQUUsSUFBSTtFQUNaLElBQUksRUFBRSxnQkFBaUI7RUFDdkIsS0FBSyxFQUFFLEdBQUc7RUFDVixNQUFNLEVBQUUsSUFBSTtFQUNaLFlBQVksRUFBRSxLQUFLO0VBQ25CLFlBQVksRUFBRSxpQ0FBaUM7RUFDL0MsWUFBWSxFQUFFLFdBQVc7RUFDekIsZ0JBQWdCLEVBQUUsV0FBVztFQUM3QixTQUFTLEVBQUUsYUFBYTtDQUN4Qjs7QUE1Uk4sQUFtU0Msa0JBblNpQixDQW1TakIsdUJBQXVCLENBQUMsRUFBRSxBQUFBLHFCQUFxQjtBQW5TaEQsa0JBQWtCLENBb1NqQix1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCO0FBcFNoRCxrQkFBa0IsQ0FxU2pCLG9CQUFvQixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQ0FBQztFQUM1QyxjQUFjLEVBQUUsR0FBRztFQUNuQixTQUFTLEVBQUUsSUFBSTtDQWNmOztBQXJURixBQXlTRSxrQkF6U2dCLENBbVNqQix1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLENBTTlDLEVBQUU7QUF6U0osa0JBQWtCLENBb1NqQix1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLENBSzlDLEVBQUU7QUF6U0osa0JBQWtCLENBcVNqQixvQkFBb0IsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLENBSTNDLEVBQUUsQ0FBQztFQUNGLFlBQVksRUFBRSxJQUFJO0NBQ2xCOztBQTNTSCxBQWdURyxrQkFoVGUsQ0FtU2pCLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQUFVN0MsNkJBQTZCLENBRzdCLEVBQUUsRUFoVEwsa0JBQWtCLENBbVNqQix1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBVzdDLDRCQUE0QixDQUU1QixFQUFFO0FBaFRMLGtCQUFrQixDQW9TakIsdUJBQXVCLENBQUMsRUFBRSxBQUFBLHFCQUFxQixBQVM3Qyw2QkFBNkIsQ0FHN0IsRUFBRTtBQWhUTCxrQkFBa0IsQ0FvU2pCLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQUFVN0MsNEJBQTRCLENBRTVCLEVBQUU7QUFoVEwsa0JBQWtCLENBcVNqQixvQkFBb0IsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBUTFDLDZCQUE2QixDQUc3QixFQUFFO0FBaFRMLGtCQUFrQixDQXFTakIsb0JBQW9CLENBQUMsRUFBRSxBQUFBLHFCQUFxQixBQVMxQyw0QkFBNEIsQ0FFNUIsRUFBRSxDQUFDO0VBQ0YsWUFBWSxFQUFFLElBQUk7RUFDbEIsYUFBYSxFQUFFLElBQUk7Q0FDbkI7O0FBblRKLEFBMFRFLGtCQTFUZ0IsQ0F3VGpCLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQ0FFOUMsRUFBRSxDQUFDO0VBQ0YsS0FBSyxFQUFFLDBCQUEyQjtDQUtsQzs7QUFoVUgsQUE2VEcsa0JBN1RlLENBd1RqQix1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLENBRTlDLEVBQUUsQUFHQSxVQUFXLENBQUEsRUFBRSxFQUFFO0VBQ2YsWUFBWSxFQUFFLENBQUM7Q0FDZjs7QUEvVEosQUFxVUcsa0JBclVlLENBd1RqQix1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBVTdDLDZCQUE2QixDQUc3QixFQUFFLEVBclVMLGtCQUFrQixDQXdUakIsdUJBQXVCLENBQUMsRUFBRSxBQUFBLHFCQUFxQixBQVc3Qyw0QkFBNEIsQ0FFNUIsRUFBRSxDQUFDO0VBQ0YsS0FBSyxFQUFFLDBCQUEyQjtDQUNsQzs7QUF2VUosQUE4VUUsa0JBOVVnQixDQTRVakIsdUJBQXVCLENBQUMsRUFBRSxBQUFBLHFCQUFxQixDQUU5QyxFQUFFLENBQUM7RUFDRixLQUFLLEVBQUUsOEJBQStCO0NBS3RDOztBQXBWSCxBQWlWRyxrQkFqVmUsQ0E0VWpCLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQ0FFOUMsRUFBRSxBQUdBLFVBQVcsQ0FBQSxFQUFFLEVBQUU7RUFDZixZQUFZLEVBQUUsQ0FBQztDQUNmOztBQW5WSixBQXlWRyxrQkF6VmUsQ0E0VWpCLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQUFVN0MsNkJBQTZCLENBRzdCLEVBQUUsRUF6Vkwsa0JBQWtCLENBNFVqQix1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBVzdDLDRCQUE0QixDQUU1QixFQUFFLENBQUM7RUFDRixLQUFLLEVBQUUsOEJBQStCO0NBQ3RDOztBQTNWSixBQWtXRSxrQkFsV2dCLENBZ1dqQixvQkFBb0IsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLENBRTNDLEVBQUUsQ0FBQztFQUNGLEtBQUssRUFBRSxJQUFJO0VBQ1gsU0FBUyxFQUFFLHNCQUF1QjtDQUNsQzs7QUFJSDtnRkFDZ0Y7QUFFaEYsQUFFRSxrQkFGZ0IsQ0FDakIsYUFBYSxDQUNaLFFBQVEsQUFBQSxvQkFBb0IsQUFBQSxlQUFlLENBQUM7RUFDM0MsTUFBTSxFQUFFLEtBQUs7Q0FDYjs7QUFKSCxBQU1FLGtCQU5nQixDQUNqQixhQUFhLENBS1osUUFBUSxBQUFBLHFCQUFxQixBQUFBLGVBQWUsQ0FBQztFQUM1QyxNQUFNLEVBQUUsS0FBSztDQUNiOztBQVJILEFBVUUsa0JBVmdCLENBQ2pCLGFBQWEsQ0FTWixRQUFRLEFBQUEsb0JBQW9CLEFBQUEsZUFBZSxDQUFDO0VBQzNDLE1BQU0sRUFBRSxLQUFLO0NBQ2I7O0FBWkgsQUFjRSxrQkFkZ0IsQ0FDakIsYUFBYSxDQWFaLFFBQVEsQUFBQSxlQUFlLEFBQUEsTUFBTSxDQUFDO0VBQzdCLE9BQU8sRUFBRSxJQUFJO0NBQ2I7O0FDMytCSCxNQUFNLE1BQU0sTUFBTSxNQUFNLFNBQVMsRUFBRSxLQUFLO0VBQ3ZDLEFBSUMsa0JBSmlCLENBSWpCLGNBQWMsQUFBQSxJQUFLLENBQUEsb0JBQW9CLENBQUMsSUFBSyxDQUFBLGtDQUFrQyxFQUFFO0lBQ2hGLFVBQVUsRUFBRSxNQUFNO0dBQ2xCO0VBTkYsQUFRQyxrQkFSaUIsQ0FRakIsYUFBYSxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUM7SUFDaEMsU0FBUyxFQUFFLElBQUk7R0FDZjtFQVZGLEFBYUMsa0JBYmlCLENBYWpCLG9CQUFvQixDQUFDO0lBQ3BCLEtBQUssRUFBRSxJQUFJO0lBQ1gsV0FBVyxFQUFFLENBQUM7SUFDZCxLQUFLLEVBQUUsSUFBSTtHQUNYO0VBakJGLEFBMEJFLGtCQTFCZ0IsQ0FvQmpCLDJCQUEyQixDQU0xQixFQUFFLENBQUMsRUFBRTtFQTFCUCxrQkFBa0IsQ0FxQmpCLGlDQUFpQyxDQUtoQyxFQUFFLENBQUMsRUFBRTtFQTFCUCxrQkFBa0IsQ0FzQmpCLHVCQUF1QixDQUl0QixFQUFFLENBQUMsRUFBRTtFQTFCUCxrQkFBa0IsQ0F1QmpCLDJCQUEyQixDQUcxQixFQUFFLENBQUMsRUFBRTtFQTFCUCxrQkFBa0IsQ0F3QmpCLGlDQUFpQyxDQUVoQyxFQUFFLENBQUMsRUFBRTtFQTFCUCxrQkFBa0IsQ0F5QmpCLHVCQUF1QixDQUN0QixFQUFFLENBQUMsRUFBRSxDQUFDO0lBQ0wsS0FBSyxFQUFFLElBQUk7SUFDWCxLQUFLLEVBQUUsSUFBSTtHQUNYO0VGa0JKLEFBQUEsa0JBQWtCLENBQUMsdUJBQXVCLEFBQUEsUUFBUSxDQUFDLDRCQUE0QixDRVo5QztJQUM1QixLQUFLLEVBQUUsSUFBSTtJQUNYLE9BQU8sRUFBRSxLQUFLO0lBQ2QsTUFBTSxFQUFFLFVBQVU7R0FPbEI7RUZXTCxBQUFBLGtCQUFrQixDQUFDLHVCQUF1QixBQUFBLFFBQVEsQ0FBQyxtQ0FBbUMsQ0VoQnhFO0lBQ1IsS0FBSyxFQUFFLElBQUk7SUFDWCxNQUFNLEVBQUUsSUFBSTtJQUNaLFdBQVcsRUFBRSxJQUFJO0dBQ2pCO0VGNkJOLEFBQUEsa0JBQWtCLENBQUMsdUJBQXVCLEFBQUEsVUFBVSxDQUFDLDRCQUE0QixDRXhCaEQ7SUFDNUIsS0FBSyxFQUFFLGVBQWU7SUFDdEIsT0FBTyxFQUFFLFFBQVE7R0FRakI7RUZvQkwsQUFBQSxrQkFBa0IsQ0FBQyx1QkFBdUIsQUFBQSxVQUFVLENBQUMsbUNBQW1DLENFM0IxRTtJQUNSLE9BQU8sRUFBRSxJQUFJO0dBQ2I7RUF0REwsQUF3REksa0JBeERjLENBaUNqQix1QkFBdUIsQUFlckIsVUFBVSxDQUNWLDRCQUE0QixBQU8xQixPQUFPLENBQUM7SUFDUixXQUFXLEVBQUUsR0FBRztHQUNoQjtFQTFETCxBQWlFRSxrQkFqRWdCLEFBZ0VoQixjQUFjLENBQ2Qsd0JBQXdCO0VBakUxQixrQkFBa0IsQUFnRWhCLGNBQWMsQ0FFZCxjQUFjLENBQUM7SUFDZCxPQUFPLEVBQUUsS0FBSztJQUNkLEtBQUssRUFBRSxJQUFJO0dBQ1g7RUR3UEosQUFBQSxrQkFBa0IsQUFBQSxjQUFjLENBQUMseUJBQXlCLENDdFA3QjtJQUN6QixLQUFLLEVBQUUsSUFBSTtHQUNYIn0= */ + + +/* 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; +} diff --git a/assets/css/wpforms-base.min.css b/assets/css/wpforms-base.min.css new file mode 100644 index 00000000..60977e09 --- /dev/null +++ b/assets/css/wpforms-base.min.css @@ -0,0 +1,86 @@ +.wpforms-container .wpforms-form .wpforms-error-alert,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert{border:1px solid #cccccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.wpforms-container .wpforms-form .wpforms-error-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.wpforms-is-turnstile iframe{margin-left:-2px !important}.wpforms-container .wpforms-error-container,.wpforms-container noscript.wpforms-error-noscript{color:#990000}.wpforms-container label.wpforms-error{display:block;color:#990000;font-size:0.9em;float:none;cursor:default}.wpforms-container .wpforms-field input.wpforms-error,.wpforms-container .wpforms-field input.user-invalid,.wpforms-container .wpforms-field textarea.wpforms-error,.wpforms-container .wpforms-field textarea.user-invalid,.wpforms-container .wpforms-field select.wpforms-error,.wpforms-container .wpforms-field select.user-invalid,.wpforms-container .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #cc0000}.wpforms-container .wpforms-field-credit-card-expiration label.wpforms-error,.wpforms-container .wpforms-field-credit-card-code label.wpforms-error{display:none !important}.wpforms-container .wpforms-page-indicator{margin:0 0 20px 0;overflow:hidden}.wpforms-container .wpforms-page-indicator.circles{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 10px}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:left;margin:0 20px 0 0}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type{margin:0}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{height:40px;width:40px;border-radius:50%;display:inline-block;margin:0 10px 0 0;line-height:40px;text-align:center;background-color:#ddd;color:#666}.wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number{color:#fff}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page{float:left;text-align:center;line-height:1.2}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:block;text-indent:-9999px;height:6px;background-color:#ddd;margin:0 0 16px 0;position:relative}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:6px 5px 0 5px;border-color:transparent transparent transparent transparent}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:inline-block;padding:0 15px;font-size:16px}.wpforms-container .wpforms-page-indicator.progress{font-size:18px}.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{display:block;width:100%;background-color:#ddd;height:18px;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 0}.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{height:18px;position:absolute;left:0;top:0}div.wpforms-container .wpforms-notice{background-color:#fff;border:1px solid #ddd;border-left-width:12px;color:#333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}div.wpforms-container .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;outline:none;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}div.wpforms-container .wpforms-notice .wpforms-delete:before,div.wpforms-container .wpforms-notice .wpforms-delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}div.wpforms-container .wpforms-notice .wpforms-delete:before{height:2px;width:50%}div.wpforms-container .wpforms-notice .wpforms-delete:after{height:50%;width:2px}div.wpforms-container .wpforms-notice .wpforms-delete:hover,div.wpforms-container .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}div.wpforms-container .wpforms-notice a{text-decoration:underline}div.wpforms-container .wpforms-notice p{margin:0 0 20px 0}div.wpforms-container .wpforms-notice p:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-info{border-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-success{border-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-warning{border-color:#ffdd57}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-error{border-color:#ff3860}div.wpforms-container-full .wpforms-notice .wpforms-notice-actions{margin-top:20px}div.wpforms-container-full .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active{color:#fff}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#ff3860}.wpforms-preview-notice-links{line-height:2.4}.wpforms-container .wpforms-title{font-size:26px;margin:0 0 10px 0}.wpforms-container .wpforms-description{margin:0 0 10px 0}.wpforms-container .wpforms-submit-container{padding:10px 0 0 0;position:relative}.wpforms-container .wpforms-submit-spinner{margin-left:0.5em}.wpforms-container{margin-bottom:26px}.wpforms-container .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}.wpforms-container .wpforms-field.wpforms-field-hidden{display:none;padding:0}.wpforms-container .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;word-wrap:normal !important}.amp-form-submit-success .wpforms-field-container,.amp-form-submit-success .wpforms-submit-container{display:none}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap h3{width:100%;margin:10px 0 5px;font-weight:700;font-size:20px}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img{margin-right:25px;width:initial}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control{width:100%}div.wpforms-gutenberg-form-selector .wpforms-form input:disabled,div.wpforms-gutenberg-form-selector .wpforms-form textarea:disabled,div.wpforms-gutenberg-form-selector .wpforms-form select:disabled,div.wpforms-gutenberg-form-selector .wpforms-form button[type=submit]:disabled{cursor:not-allowed}div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner,div.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 2px 2px}div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,div.wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:2px 2px 0 0}div.wpforms-container .wpforms-form .choices .choices__inner{border-radius:2px;min-height:35px}div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single{height:auto}div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1.3}body.rtl .wpforms-field-phone input[type=tel]{direction:ltr;unicode-bidi:embed;text-align:right}body.rtl .wpforms-container .wpforms-first{float:right}body.rtl .wpforms-container .wpforms-first+.wpforms-one-half{margin-right:4%;margin-left:0}.wpforms-clear:before{content:" ";display:table}.wpforms-clear:after{clear:both;content:" ";display:table}.wpforms-container ul,.wpforms-container ul li{background:none;border:0;margin:0;list-style:none}.wpforms-container input.wpforms-field-medium,.wpforms-container select.wpforms-field-medium,.wpforms-container .wpforms-field-row.wpforms-field-medium{max-width:60%}.wpforms-container textarea.wpforms-field-medium{height:120px}.wpforms-container input.wpforms-field-small,.wpforms-container select.wpforms-field-small,.wpforms-container .wpforms-field-row.wpforms-field-small{max-width:25%}.wpforms-container textarea.wpforms-field-small{height:70px}.wpforms-container input.wpforms-field-large,.wpforms-container select.wpforms-field-large,.wpforms-container .wpforms-field-row.wpforms-field-large{max-width:100%}.wpforms-container textarea.wpforms-field-large{height:220px}.wpforms-container .wpforms-field{padding:10px 0;position:relative}.wpforms-container .wpforms-field-description,.wpforms-container .wpforms-field-limit-text{font-size:0.85em;margin:5px 0 0 0}.wpforms-container .wpforms-field-description.wpforms-disclaimer-description{background-color:#fff;border:1px solid #ddd;padding:15px 15px 0;height:125px;overflow-y:scroll;overflow-x:hidden}.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p{margin:0 0 15px 0}.wpforms-container .wpforms-field-description-before,.wpforms-container .wpforms-field-description.before{font-size:0.85em;margin:0 0 5px 0}.wpforms-container .wpforms-field-label{display:block;font-weight:700;float:none;word-break:break-word;word-wrap:break-word}.wpforms-container .wpforms-field-sublabel{display:block;font-size:0.85em;float:none}.wpforms-container .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-weight:400;word-break:break-word}.wpforms-container .wpforms-field-label.wpforms-label-hide,.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;top:-99999px;left:-99999px}.wpforms-container .wpforms-required-label{color:#ff0000;font-weight:normal}.wpforms-container .wpforms-field-row{margin-bottom:8px;position:relative}.wpforms-container .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}.wpforms-container .wpforms-field-row:before{content:" ";display:table}.wpforms-container .wpforms-field-row:after{clear:both;content:" ";display:table}.wpforms-container .wpforms-form .wpforms-field-address .wpforms-one-half:only-child{margin-left:0}.wpforms-container .wpforms-five-sixths,.wpforms-container .wpforms-four-sixths,.wpforms-container .wpforms-four-fifths,.wpforms-container .wpforms-one-fifth,.wpforms-container .wpforms-one-fourth,.wpforms-container .wpforms-one-half,.wpforms-container .wpforms-one-sixth,.wpforms-container .wpforms-one-third,.wpforms-container .wpforms-three-fourths,.wpforms-container .wpforms-three-fifths,.wpforms-container .wpforms-three-sixths,.wpforms-container .wpforms-two-fourths,.wpforms-container .wpforms-two-fifths,.wpforms-container .wpforms-two-sixths,.wpforms-container .wpforms-two-thirds{float:left;margin-left:4%;clear:none}.wpforms-container .wpforms-one-half,.wpforms-container .wpforms-three-sixths,.wpforms-container .wpforms-two-fourths{width:48%}.wpforms-container .wpforms-one-third,.wpforms-container .wpforms-two-sixths{width:30.6666666667%}.wpforms-container .wpforms-four-sixths,.wpforms-container .wpforms-two-thirds{width:65.3333333333%}.wpforms-container .wpforms-one-fourth{width:22%}.wpforms-container .wpforms-three-fourths{width:74%}.wpforms-container .wpforms-one-fifth{width:16.8%}.wpforms-container .wpforms-two-fifths{width:37.6%}.wpforms-container .wpforms-three-fifths{width:58.4%}.wpforms-container .wpforms-four-fifths{width:79.2%}.wpforms-container .wpforms-one-sixth{width:13.3333333333%}.wpforms-container .wpforms-five-sixths{width:82.6666666667%}.wpforms-container .wpforms-first{clear:both !important;margin-left:0 !important}.wpforms-container .wpforms-checkbox-2-columns ul,.wpforms-container .wpforms-multiplechoice-2-columns ul,.wpforms-container .wpforms-list-2-columns ul,.wpforms-container .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-list-3-columns ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.wpforms-container .wpforms-checkbox-2-columns ul li,.wpforms-container .wpforms-multiplechoice-2-columns ul li,.wpforms-container .wpforms-list-2-columns ul li{width:50%;display:block;padding-right:26px}.wpforms-container .wpforms-checkbox-3-columns ul li,.wpforms-container .wpforms-multiplechoice-3-columns ul li,.wpforms-container .wpforms-list-3-columns ul li{width:33.3333%;display:block;padding-right:26px}.wpforms-container .wpforms-list-inline ul li{display:inline-block;margin-right:20px;vertical-align:top}.wpforms-container .wpforms-first-half{float:left;width:48%;clear:both}.wpforms-container .wpforms-last-half{float:right;width:48%;clear:none}.wpforms-container .wpforms-first-third{float:left;width:30.666666667%;clear:both}.wpforms-container .wpforms-middle-third{float:left;width:30.666666667%;margin-left:4%;clear:none}.wpforms-container .wpforms-last-third{float:right;width:30.666666667%;clear:none}.wpforms-container .wpforms-last{float:right !important;margin-right:0 !important;clear:none}.wpforms-container.inline-fields{overflow:hidden}.wpforms-container.inline-fields .wpforms-field-container{display:table;width:calc(100% - 160px);float:left}.wpforms-container.inline-fields .wpforms-field{display:table-cell;padding-right:2%;vertical-align:top}.wpforms-container.inline-fields .wpforms-submit-container{float:right;width:160px}.wpforms-container.inline-fields .wpforms-submit{display:block;width:100%}.wpforms-container.inline-fields input.wpforms-field-medium,.wpforms-container.inline-fields select.wpforms-field-medium,.wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium{max-width:100%}.wpforms-container input[type=date],.wpforms-container input[type=datetime],.wpforms-container input[type=datetime-local],.wpforms-container input[type=email],.wpforms-container input[type=month],.wpforms-container input[type=number],.wpforms-container input[type=password],.wpforms-container input[type=range],.wpforms-container input[type=search],.wpforms-container input[type=tel],.wpforms-container input[type=text],.wpforms-container input[type=time],.wpforms-container input[type=url],.wpforms-container input[type=week],.wpforms-container select,.wpforms-container textarea{display:block;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float:none;font-family:inherit}.wpforms-container input[type=checkbox],.wpforms-container input[type=radio]{width:13px;height:13px;margin:2px 10px 0 3px;display:inline-block;vertical-align:baseline}.wpforms-container amp-img>img{position:absolute}.wpforms-container .wpforms-recaptcha-container{padding:10px 0 20px 0;clear:both}.wpforms-container .wpforms-field-date-time-date-sep{display:inline-block;padding:0 5px}.wpforms-container .wpforms-field-date-time-date-year,.wpforms-container .wpforms-field-date-time-date-day,.wpforms-container .wpforms-field-date-time-date-month{display:inline-block;width:auto}.wpforms-container .wpforms-field-rating-item{padding:0 6px 0 0;margin:0;display:inline-block}.wpforms-container .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}.wpforms-container .wpforms-field-rating-item.selected svg,.wpforms-container .wpforms-field-rating-item.hover svg,.wpforms-container .wpforms-field-rating-item input:focus+svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}.wpforms-container .wpforms-field-date-time-date-sep{display:inline-block;padding:0 5px}.wpforms-container .wpforms-field-date-time-date-year,.wpforms-container .wpforms-field-date-time-date-day,.wpforms-container .wpforms-field-date-time-date-month{display:inline-block;width:auto}.wpforms-container .wpforms-datepicker-wrap{position:relative}.wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear{position:absolute;background-image:url(../images/times-solid-white.svg);background-position:50% 50%;background-repeat:no-repeat;background-color:#cccccc;background-size:8px;width:16px;height:16px;cursor:pointer;display:block;border-radius:50%;right:10px;top:50%;margin-top:-8px;transition:all 0.3s}.wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover{background-color:red}.wpforms-container .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear{right:calc( 75% + 10px)}.wpforms-container .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{right:calc( 40% + 10px)}.wpforms-container .wpforms-field-rating-item{padding:0 6px 0 0;margin:0;display:inline-block}.wpforms-container .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}.wpforms-container .wpforms-field-rating-item.selected svg,.wpforms-container .wpforms-field-rating-item.hover svg,.wpforms-container .wpforms-field-rating-item input:focus+svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}.wpforms-container ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}.wpforms-container ul.wpforms-image-choices label input{top:50%}.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{margin:5px 5px 5px 5px}.wpforms-container .wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error){background-color:#fff;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid #fff;border-radius:3px;padding:20px 20px 18px 20px;transition:all 0.5s;text-align:center}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover{border:1px solid #ddd}.wpforms-container .wpforms-image-choices-modern .wpforms-selected label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#fff;background:green;opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after{opacity:1}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label{font-weight:700}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}.wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}.wpforms-container .wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error){background-color:#fff;display:inline-block;margin:0 auto;cursor:pointer;border:2px solid #fff;padding:10px;text-align:center}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover{border-color:#ddd}.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.wpforms-container .wpforms-image-choices-classic .wpforms-selected label{border-color:#666 !important}.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.wpforms-container ul.wpforms-icon-choices,.wpforms-container ul.wpforms-icon-choices *{box-sizing:border-box}.wpforms-container ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0;margin:8px 0 -20px 0}.wpforms-container ul.wpforms-icon-choices+.wpforms-field-description,.wpforms-container ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.wpforms-container ul.wpforms-icon-choices li{min-width:120px;padding-right:0;margin:0 0 20px 0}.wpforms-container ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.wpforms-container ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff;height:100%;padding:20px 20px 15px 20px;text-align:center}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.wpforms-container .wpforms-field-radio .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-multiple .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc( 50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.wpforms-container .wpforms-field-radio .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-multiple .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container .wpforms-field-radio .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-multiple .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc( 15px + 4px);left:calc( 50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.wpforms-container .wpforms-field-checkbox .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-checkbox .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc( 50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.wpforms-container .wpforms-field-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container .wpforms-field-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc( 50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px;margin-bottom:22px}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0}.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.wpforms-container .wpforms-form textarea.wpforms-field-small.wp-editor-area{height:100px}.wpforms-container .wpforms-form textarea.wpforms-field-medium.wp-editor-area{height:250px}.wpforms-container .wpforms-form textarea.wpforms-field-large.wp-editor-area{height:400px}.wpforms-container .wpforms-form textarea.wp-editor-area:focus{outline:none}@media only screen and (max-width: 600px){.wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern){overflow-x:hidden}.wpforms-container .wpforms-form .wpforms-field>*{max-width:100%}.wpforms-container .wpforms-mobile-full{width:100%;margin-left:0;float:none}.wpforms-container .wpforms-checkbox-2-columns ul li,.wpforms-container .wpforms-multiplechoice-2-columns ul li,.wpforms-container .wpforms-list-2-columns ul li,.wpforms-container .wpforms-checkbox-3-columns ul li,.wpforms-container .wpforms-multiplechoice-3-columns ul li,.wpforms-container .wpforms-list-3-columns ul li{float:none;width:100%}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:none;display:block;margin:0 0 10px 0}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page{width:100% !important;padding:5px 10px}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:none}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page.active{font-weight:700}.wpforms-container.inline-fields .wpforms-field-container,.wpforms-container.inline-fields .wpforms-field{display:block;width:100%}.wpforms-container.inline-fields .wpforms-submit-container{width:100%}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert{border:1px solid #cccccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.et-db #et-boc .et-l .et_pb_module div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.et-db #et-boc .et-l .et_pb_module .wpforms-is-turnstile iframe{margin-left:-2px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container noscript.wpforms-error-noscript{color:#990000}.et-db #et-boc .et-l .et_pb_module .wpforms-container label.wpforms-error{display:block;color:#990000;font-size:0.9em;float:none;cursor:default}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #cc0000}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-credit-card-expiration label.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-credit-card-code label.wpforms-error{display:none !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator{margin:0 0 20px 0;overflow:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:left;margin:0 20px 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type{margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{height:40px;width:40px;border-radius:50%;display:inline-block;margin:0 10px 0 0;line-height:40px;text-align:center;background-color:#ddd;color:#666}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number{color:#fff}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page{float:left;text-align:center;line-height:1.2}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:block;text-indent:-9999px;height:6px;background-color:#ddd;margin:0 0 16px 0;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:6px 5px 0 5px;border-color:transparent transparent transparent transparent}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:inline-block;padding:0 15px;font-size:16px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.progress{font-size:18px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{display:block;width:100%;background-color:#ddd;height:18px;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{height:18px;position:absolute;left:0;top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice{background-color:#fff;border:1px solid #ddd;border-left-width:12px;color:#333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;outline:none;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:before{height:2px;width:50%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:after{height:50%;width:2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice a{text-decoration:underline}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice p{margin:0 0 20px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice p:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info{border-color:#3273dc}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success{border-color:#23d160}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning{border-color:#ffdd57}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error{border-color:#ff3860}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-actions{margin-top:20px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active{color:#fff}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#ff3860}.et-db #et-boc .et-l .et_pb_module .wpforms-preview-notice-links{line-height:2.4}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-title{font-size:26px;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-description{margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-container{padding:10px 0 0 0;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-spinner{margin-left:0.5em}.et-db #et-boc .et-l .et_pb_module .wpforms-container{margin-bottom:26px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-field-hidden{display:none;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;word-wrap:normal !important}.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-submit-container{display:none}.et-db #et-boc .et-l .et_pb_module .edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap h3{width:100%;margin:10px 0 5px;font-weight:700;font-size:20px}.et-db #et-boc .et-l .et_pb_module .edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img{margin-right:25px;width:initial}.et-db #et-boc .et-l .et_pb_module .edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form input:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form textarea:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form select:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form button[type=submit]:disabled{cursor:not-allowed}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 2px 2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:2px 2px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner{border-radius:2px;min-height:35px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single{height:auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1.3}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-field-phone input[type=tel]{direction:ltr;unicode-bidi:embed;text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-first{float:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-first+.wpforms-one-half{margin-right:4%;margin-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:before{content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:after{clear:both;content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul li{background:none;border:0;margin:0;list-style:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-medium{max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-medium{height:120px}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-small{max-width:25%}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-small{height:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-large{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-large{height:220px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field{padding:10px 0;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-limit-text{font-size:0.85em;margin:5px 0 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description{background-color:#fff;border:1px solid #ddd;padding:15px 15px 0;height:125px;overflow-y:scroll;overflow-x:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description p{margin:0 0 15px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description-before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.before{font-size:0.85em;margin:0 0 5px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label{display:block;font-weight:700;float:none;word-break:break-word;word-wrap:break-word}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel{display:block;font-size:0.85em;float:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-weight:400;word-break:break-word}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label.wpforms-label-hide,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;top:-99999px;left:-99999px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-required-label{color:#ff0000;font-weight:normal}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row{margin-bottom:8px;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row:before{content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row:after{clear:both;content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-address .wpforms-one-half:only-child{margin-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds{float:left;margin-left:4%;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths{width:48%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths{width:30.6666666667%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds{width:65.3333333333%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth{width:22%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths{width:74%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth{width:16.8%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths{width:37.6%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths{width:58.4%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths{width:79.2%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth{width:13.3333333333%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths{width:82.6666666667%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first{clear:both !important;margin-left:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul li{width:50%;display:block;padding-right:26px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul li{width:33.3333%;display:block;padding-right:26px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul li{display:inline-block;margin-right:20px;vertical-align:top}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first-half{float:left;width:48%;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-last-half{float:right;width:48%;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first-third{float:left;width:30.666666667%;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-middle-third{float:left;width:30.666666667%;margin-left:4%;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-last-third{float:right;width:30.666666667%;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-last{float:right !important;margin-right:0 !important;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields{overflow:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container{display:table;width:calc(100% - 160px);float:left}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field{display:table-cell;padding-right:2%;vertical-align:top}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container{float:right;width:160px}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week],.et-db #et-boc .et-l .et_pb_module .wpforms-container select,.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea{display:block;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float:none;font-family:inherit}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=checkbox],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=radio]{width:13px;height:13px;margin:2px 10px 0 3px;display:inline-block;vertical-align:baseline}.et-db #et-boc .et-l .et_pb_module .wpforms-container amp-img>img{position:absolute}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container{padding:10px 0 20px 0;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-sep{display:inline-block;padding:0 5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-year,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-day,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-month{display:inline-block;width:auto}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item{padding:0 6px 0 0;margin:0;display:inline-block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.selected svg,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.hover svg,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item input:focus+svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-sep{display:inline-block;padding:0 5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-year,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-day,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-month{display:inline-block;width:auto}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap{position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear{position:absolute;background-image:url(../images/times-solid-white.svg);background-position:50% 50%;background-repeat:no-repeat;background-color:#cccccc;background-size:8px;width:16px;height:16px;cursor:pointer;display:block;border-radius:50%;right:10px;top:50%;margin-top:-8px;transition:all 0.3s}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover{background-color:red}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear{right:calc( 75% + 10px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{right:calc( 40% + 10px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item{padding:0 6px 0 0;margin:0;display:inline-block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.selected svg,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.hover svg,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item input:focus+svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label input{top:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{margin:5px 5px 5px 5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error){background-color:#fff;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid #fff;border-radius:3px;padding:20px 20px 18px 20px;transition:all 0.5s;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover{border:1px solid #ddd}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#fff;background:green;opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after{opacity:1}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label{font-weight:700}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error){background-color:#fff;display:inline-block;margin:0 auto;cursor:pointer;border:2px solid #fff;padding:10px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover{border-color:#ddd}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-selected label{border-color:#666 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices *{box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0;margin:8px 0 -20px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices+.wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices li{min-width:120px;padding-right:0;margin:0 0 20px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc( 50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc( 15px + 4px);left:calc( 50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox .wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc( 50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox .wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc( 50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px;margin-bottom:22px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wpforms-field-small.wp-editor-area{height:100px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wpforms-field-medium.wp-editor-area{height:250px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wpforms-field-large.wp-editor-area{height:400px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wp-editor-area:focus{outline:none}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern){overflow-x:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field>*{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-mobile-full{width:100%;margin-left:0;float:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul li{float:none;width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:none;display:block;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page{width:100% !important;padding:5px 10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page.active{font-weight:700}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container{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; +} diff --git a/assets/css/wpforms-classic-base.css b/assets/css/wpforms-classic-base.css new file mode 100644 index 00000000..68bc39be --- /dev/null +++ b/assets/css/wpforms-classic-base.css @@ -0,0 +1,4321 @@ +.flatpickr-calendar .flatpickr-current-month select { + display: initial; +} + +@media only screen and (max-width: 600px) { + .flatpickr-calendar .flatpickr-current-month .numInputWrapper { + width: calc(6ch - 14px); + } + .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp, + .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown { + display: none; + } +} + +.wpforms-container .wpforms-form .wpforms-error-alert, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert { + border: 1px solid #cccccc; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-form .wpforms-error-alert { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +/* hCAPTCHA Area +----------------------------------------------------------------------------- */ +div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +/* Cloudflare Turnstile iframe content alignment fix. +----------------------------------------------------------------------------- */ +.wpforms-is-turnstile iframe { + margin-left: -2px !important; +} + +.wpforms-container .wpforms-hidden { + display: none !important; +} + +/* ========================================================================== + Base - basic bare bones styling + ========================================================================== */ +/* Errors, Warnings, etc +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-error-container, +.wpforms-container noscript.wpforms-error-noscript { + color: #990000; +} + +.wpforms-container label.wpforms-error { + display: block; + color: #990000; + font-size: 0.9em; + float: none; + cursor: default; +} + +.wpforms-container .wpforms-field input.wpforms-error, +.wpforms-container .wpforms-field input.user-invalid, +.wpforms-container .wpforms-field textarea.wpforms-error, +.wpforms-container .wpforms-field textarea.user-invalid, +.wpforms-container .wpforms-field select.wpforms-error, +.wpforms-container .wpforms-field select.user-invalid, +.wpforms-container .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #cc0000; +} + +.wpforms-container .wpforms-field-credit-card-expiration label.wpforms-error, +.wpforms-container .wpforms-field-credit-card-code label.wpforms-error { + display: none !important; +} + +/* Page Indicator themes +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-page-indicator { + margin: 0 0 20px 0; + overflow: hidden; +} + +/** Circles theme **/ +.wpforms-container .wpforms-page-indicator.circles { + border-top: 1px solid #dfdfdf; + border-bottom: 1px solid #dfdfdf; + padding: 15px 10px; +} + +.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page { + float: left; + margin: 0 20px 0 0; +} + +.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type { + margin: 0; +} + +.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + height: 40px; + width: 40px; + border-radius: 50%; + display: inline-block; + margin: 0 10px 0 0; + line-height: 40px; + text-align: center; + background-color: #ddd; + color: #666; +} + +.wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number { + color: #fff; +} + +/* Connector theme */ +.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page { + float: left; + text-align: center; + line-height: 1.2; +} + +.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: block; + text-indent: -9999px; + height: 6px; + background-color: #ddd; + margin: 0 0 16px 0; + position: relative; +} + +.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle { + position: absolute; + top: 100%; + left: 50%; + width: 0; + height: 0; + margin-left: -5px; + border-style: solid; + border-width: 6px 5px 0 5px; + border-color: transparent transparent transparent transparent; +} + +.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: inline-block; + padding: 0 15px; + font-size: 16px; +} + +/* Progress theme */ +.wpforms-container .wpforms-page-indicator.progress { + font-size: 18px; +} + +.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap { + display: block; + width: 100%; + background-color: #ddd; + height: 18px; + border-radius: 10px; + overflow: hidden; + position: relative; + margin: 5px 0 0; +} + +.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress { + height: 18px; + position: absolute; + left: 0; + top: 0; +} + +/* Notices +----------------------------------------------------------------------------- */ +div.wpforms-container .wpforms-notice { + background-color: #fff; + border: 1px solid #ddd; + border-left-width: 12px; + color: #333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +div.wpforms-container .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + outline: none; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +div.wpforms-container .wpforms-notice .wpforms-delete:before, +div.wpforms-container .wpforms-notice .wpforms-delete:after { + background-color: #fff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +div.wpforms-container .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +div.wpforms-container .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +div.wpforms-container .wpforms-notice .wpforms-delete:hover, +div.wpforms-container .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +div.wpforms-container .wpforms-notice a { + text-decoration: underline; +} + +div.wpforms-container .wpforms-notice p { + margin: 0 0 20px 0; +} + +div.wpforms-container .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-error { + border-color: #ff3860; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active { + color: #fff; +} + +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #ff3860; +} + +div.wpforms-container .wpforms-error-container.wpforms-error-styled-container { + padding: 10px 0; + font-size: 15px; +} + +div.wpforms-container .wpforms-error-container.wpforms-error-styled-container p { + margin: 0; +} + +/* Preview notice. +----------------------------------------------------------------------------- */ +.wpforms-preview-notice-links { + line-height: 2.4; +} + +/* Form Header area +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-title { + font-size: 26px; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-description { + margin: 0 0 10px 0; +} + +/* Form Footer area +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-submit-container { + padding: 10px 0 0 0; + position: relative; +} + +.wpforms-container .wpforms-submit-spinner { + margin-inline-start: 0.5em; + vertical-align: middle; +} + +/* Misc +----------------------------------------------------------------------------- */ +.wpforms-container { + margin-bottom: 26px; +} + +/* Honeypot Area */ +.wpforms-container .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +.wpforms-container .wpforms-field.wpforms-field-hidden { + display: none; + padding: 0; +} + +.wpforms-container .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0); + height: 1px; + width: 1px; + border: 0; + overflow: hidden; + word-wrap: normal !important; +} + +div.wpforms-container .wpforms-form textarea { + resize: vertical; +} + +/* + * Hide the form fields upon successful submission. This may not be the best approach. + * Perhaps more robust: .wpforms-form.amp-form-submit-success > *:not([submit-success]) { display:none } + */ +.amp-form-submit-success .wpforms-field-container, +.amp-form-submit-success .wpforms-submit-container { + display: none; +} + +/* Gutenberg Block +----------------------------------------------------------------------------- */ +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap h3 { + width: 100%; + margin: 10px 0 5px; + font-weight: 700; + font-size: 20px; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img { + margin-right: 25px; + width: initial; +} + +.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control { + width: 100%; +} + +div.wpforms-gutenberg-form-selector .wpforms-form input:disabled, +div.wpforms-gutenberg-form-selector .wpforms-form textarea:disabled, +div.wpforms-gutenberg-form-selector .wpforms-form select:disabled, +div.wpforms-gutenberg-form-selector .wpforms-form button[type=submit]:disabled { + cursor: not-allowed; +} + +div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner, +div.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 2px 2px; +} + +div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +div.wpforms-container .wpforms-form .choices.is-open .choices__inner { + border-radius: 2px 2px 0 0; +} + +div.wpforms-container .wpforms-form .choices .choices__inner { + border-radius: 2px; + min-height: 35px; +} + +div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single { + height: auto; +} + +div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item { + line-height: 1.3; +} + +/* RTL support +----------------------------------------------------------------------------- */ +/* Phone US format */ +body.rtl .wpforms-field-phone input[type=tel] { + direction: ltr; + unicode-bidi: embed; + text-align: right; +} + +body.rtl .wpforms-container .wpforms-first { + float: right; +} + +body.rtl .wpforms-container .wpforms-first + .wpforms-one-half { + margin-right: 4%; + margin-left: 0; +} + +body.rtl .wpforms-container.wpforms-edit-entry-container .wpforms-first + .wpforms-one-half { + margin-right: 0; +} + +/* ========================================================================== + Base - basic bare bones styling + ========================================================================== */ +.wpforms-clear:before { + content: " "; + display: table; +} + +.wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +.wpforms-container ul, +.wpforms-container ul li { + background: none; + border: 0; + margin: 0; + list-style: none; +} + +/* Basic Field properties +----------------------------------------------------------------------------- */ +/* Field sizes - medium */ +.wpforms-container input.wpforms-field-medium, +.wpforms-container select.wpforms-field-medium, +.wpforms-container .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +.wpforms-container textarea.wpforms-field-medium { + height: 120px; +} + +/* Field sizes - small */ +.wpforms-container input.wpforms-field-small, +.wpforms-container select.wpforms-field-small, +.wpforms-container .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +.wpforms-container textarea.wpforms-field-small { + height: 70px; +} + +/* Field sizes - medium */ +.wpforms-container input.wpforms-field-large, +.wpforms-container select.wpforms-field-large, +.wpforms-container .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +.wpforms-container textarea.wpforms-field-large { + height: 220px; +} + +/* Field container*/ +.wpforms-container .wpforms-field { + padding: 10px 0; + position: relative; +} + +/* Field description */ +.wpforms-container .wpforms-field-description, +.wpforms-container .wpforms-field-limit-text { + font-size: 0.85em; + margin: 5px 0 0 0; +} + +.wpforms-container .wpforms-field-description.wpforms-disclaimer-description { + background-color: #fff; + border: 1px solid #ddd; + padding: 15px 15px 0; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; +} + +.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p { + margin: 0 0 15px 0; +} + +.wpforms-container .wpforms-field-description-before, +.wpforms-container .wpforms-field-description.before { + font-size: 0.85em; + margin: 0 0 5px 0; +} + +/* Labels and sub-labels */ +.wpforms-container .wpforms-field-label { + display: block; + font-weight: 700; + float: none; + word-break: break-word; + word-wrap: break-word; +} + +.wpforms-container .wpforms-field-sublabel { + display: block; + font-size: 0.85em; + float: none; +} + +.wpforms-container .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-weight: 400; + word-break: break-word; +} + +.wpforms-container .wpforms-field-label.wpforms-label-hide, +.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + clip: rect(0 0 0 0); + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; +} + +.wpforms-container .wpforms-required-label { + color: #ff0000; + font-weight: normal; +} + +/* Rows (multi-line fields: address, credit card, etc) +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-row { + margin-bottom: 8px; + position: relative; +} + +.wpforms-container .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +.wpforms-container .wpforms-field-row:before { + content: ""; + display: table; +} + +.wpforms-container .wpforms-field-row:after { + clear: both; + content: ""; + display: table; +} + +.wpforms-container .wpforms-form .wpforms-field-address .wpforms-one-half:only-child { + margin-left: 0; +} + +/* Columns +----------------------------------------------------------------------------- */ +/* User column classes (legacy). */ +.wpforms-container .wpforms-five-sixths, +.wpforms-container .wpforms-four-sixths, +.wpforms-container .wpforms-four-fifths, +.wpforms-container .wpforms-one-fifth, +.wpforms-container .wpforms-one-fourth, +.wpforms-container .wpforms-one-half, +.wpforms-container .wpforms-one-sixth, +.wpforms-container .wpforms-one-third, +.wpforms-container .wpforms-three-fourths, +.wpforms-container .wpforms-three-fifths, +.wpforms-container .wpforms-three-sixths, +.wpforms-container .wpforms-two-fourths, +.wpforms-container .wpforms-two-fifths, +.wpforms-container .wpforms-two-sixths, +.wpforms-container .wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.wpforms-container .wpforms-one-half, +.wpforms-container .wpforms-three-sixths, +.wpforms-container .wpforms-two-fourths { + width: calc( 50% - 10px); +} + +.wpforms-container .wpforms-one-third, +.wpforms-container .wpforms-two-sixths { + width: calc( 100% / 3 - 20px); +} + +.wpforms-container .wpforms-one-third.wpforms-first, +.wpforms-container .wpforms-two-sixths.wpforms-first { + width: calc( 100% / 3); +} + +.wpforms-container .wpforms-four-sixths, +.wpforms-container .wpforms-two-thirds { + width: calc( 2 * 100% / 3 - 20px); +} + +.wpforms-container .wpforms-four-sixths.wpforms-first, +.wpforms-container .wpforms-two-thirds.wpforms-first { + width: calc( 2 * 100% / 3); +} + +.wpforms-container .wpforms-one-fourth { + width: calc( 25% - 20px); +} + +.wpforms-container .wpforms-one-fourth.wpforms-first { + width: 25%; +} + +.wpforms-container .wpforms-three-fourths { + width: calc( 75% - 20px); +} + +.wpforms-container .wpforms-three-fourths.wpforms-first { + width: 75%; +} + +.wpforms-container .wpforms-one-fifth { + width: calc( 100% / 5 - 20px); +} + +.wpforms-container .wpforms-one-fifth.wpforms-first { + width: calc( 100% / 5); +} + +.wpforms-container .wpforms-two-fifths { + width: calc( 2 * 100% / 5 - 20px); +} + +.wpforms-container .wpforms-two-fifths.wpforms-first { + width: calc( 2 * 100% / 5); +} + +.wpforms-container .wpforms-three-fifths { + width: calc( 3 * 100% / 5 - 20px); +} + +.wpforms-container .wpforms-three-fifths.wpforms-first { + width: calc( 3 * 100% / 5); +} + +.wpforms-container .wpforms-four-fifths { + width: calc( 4 * 100% / 5 - 20px); +} + +.wpforms-container .wpforms-four-fifths.wpforms-first { + width: calc( 4 * 100% / 5); +} + +.wpforms-container .wpforms-one-sixth { + width: calc( 100% / 6 - 20px); +} + +.wpforms-container .wpforms-one-sixth.wpforms-first { + width: calc( 100% / 6); +} + +.wpforms-container .wpforms-five-sixths { + width: calc( 5 * 100% / 6 - 20px); +} + +.wpforms-container .wpforms-five-sixths.wpforms-first { + width: calc( 5 * 100% / 6); +} + +.wpforms-container .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +/* User list column classes */ +.wpforms-container .wpforms-checkbox-2-columns ul, +.wpforms-container .wpforms-multiplechoice-2-columns ul, +.wpforms-container .wpforms-list-2-columns ul, +.wpforms-container .wpforms-checkbox-3-columns ul, +.wpforms-container .wpforms-multiplechoice-3-columns ul, +.wpforms-container .wpforms-list-3-columns ul { + display: -ms-flex; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} + +.wpforms-container .wpforms-checkbox-2-columns ul li, +.wpforms-container .wpforms-multiplechoice-2-columns ul li, +.wpforms-container .wpforms-list-2-columns ul li { + width: 50%; + display: block; + padding-right: 26px; +} + +.wpforms-container .wpforms-checkbox-3-columns ul li, +.wpforms-container .wpforms-multiplechoice-3-columns ul li, +.wpforms-container .wpforms-list-3-columns ul li { + width: 33.3333%; + display: block; + padding-right: 26px; +} + +.wpforms-container .wpforms-list-inline ul li { + display: inline-block; + margin-right: 20px; + vertical-align: top; +} + +/* Legacy, for BC */ +.wpforms-container .wpforms-first-half { + float: left; + width: 48%; + clear: both; +} + +.wpforms-container .wpforms-last-half { + float: right; + width: 48%; + clear: none; +} + +.wpforms-container .wpforms-first-third { + float: left; + width: 30.666666667%; + clear: both; +} + +.wpforms-container .wpforms-middle-third { + float: left; + width: 30.666666667%; + margin-left: 4%; + clear: none; +} + +.wpforms-container .wpforms-last-third { + float: right; + width: 30.666666667%; + clear: none; +} + +.wpforms-container .wpforms-last { + float: right !important; + margin-right: 0 !important; + clear: none; +} + +/* Preset Layouts +----------------------------------------------------------------------------- */ +/* Single line */ +.wpforms-container.inline-fields { + overflow: visible; +} + +.wpforms-container.inline-fields .wpforms-field-container { + display: table; + width: calc(100% - 160px); + float: left; +} + +.wpforms-container.inline-fields .wpforms-field { + display: table-cell; + padding-right: 2%; + vertical-align: top; +} + +.wpforms-container.inline-fields .wpforms-submit-container { + float: right; + width: 160px; +} + +.wpforms-container.inline-fields .wpforms-submit { + display: block; + width: 100%; +} + +.wpforms-container.inline-fields input.wpforms-field-medium, +.wpforms-container.inline-fields select.wpforms-field-medium, +.wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +/* Set Styles +----------------------------------------------------------------------------- */ +.wpforms-container input[type=date], +.wpforms-container input[type=datetime], +.wpforms-container input[type=datetime-local], +.wpforms-container input[type=email], +.wpforms-container input[type=month], +.wpforms-container input[type=number], +.wpforms-container input[type=password], +.wpforms-container input[type=range], +.wpforms-container input[type=search], +.wpforms-container input[type=tel], +.wpforms-container input[type=text], +.wpforms-container input[type=time], +.wpforms-container input[type=url], +.wpforms-container input[type=week], +.wpforms-container select, +.wpforms-container textarea { + display: block; + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + float: none; + font-family: inherit; +} + +.wpforms-container input[type=checkbox], +.wpforms-container input[type=radio] { + width: 13px; + height: 13px; + margin: 2px 10px 0 3px; + display: inline-block; + vertical-align: baseline; +} + +.wpforms-container amp-img > img { + position: absolute; + /* Override position:static from previous rule, to prevent breaking AMP layout. */ +} + +/* reCAPTCHA Area +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-recaptcha-container { + padding: 10px 0 20px 0; + clear: both; +} + +/* Date/time field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-date-time-date-sep { + display: inline-block; + padding: 0 5px; +} + +.wpforms-container .wpforms-field-date-time-date-year, +.wpforms-container .wpforms-field-date-time-date-day, +.wpforms-container .wpforms-field-date-time-date-month { + display: inline-block; + width: auto; +} + +/* Rating field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-rating-item { + padding: 0 6px 0 0; + margin: 0; + display: inline-block; +} + +.wpforms-container .wpforms-field-rating svg { + cursor: pointer; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px transparent; + opacity: 0.60; +} + +.wpforms-container .wpforms-field-rating-item.selected svg, +.wpforms-container .wpforms-field-rating-item.hover svg { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 1; +} + +/* Date/time field +----------------------------------------------------------------------------- */ +.wpforms-field-container .wpforms-field-date-time .wpforms-field-row { + display: flex; + flex-wrap: wrap; + align-items: start; + gap: 10px 4%; +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-field-row::before, .wpforms-field-container .wpforms-field-date-time .wpforms-field-row::after { + position: absolute; +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown { + align-items: center; + display: flex; + flex-grow: 1; + flex-wrap: wrap; +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap { + width: 100%; +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown + .wpforms-field-row-block { + flex: 1; + min-width: 30%; +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel { + width: 100%; +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap { + align-items: center; + display: flex; + flex-grow: 1; + flex-wrap: nowrap; + margin: 0 -6px 0 -6px; +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small { + width: calc( 25% + 12px); +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium { + width: calc( 60% + 12px); +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-large { + width: calc( 100% + 12px); +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap select { + margin: 0 6px 0 6px; +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-day, +.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-month { + width: calc( 30% - 12px); +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-year { + width: calc( 40% - 12px); +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-datepicker { + width: clamp(50%, 100px, 100%); +} + +.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-datepicker + .wpforms-field-row-block { + width: clamp(50%, 100px, 100%); +} + +.wpforms-container .wpforms-datepicker-wrap { + position: relative; +} + +.wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear { + position: absolute; + background-image: url(../../../pro/images/times-solid-white.svg); + background-position: 50% 50%; + background-repeat: no-repeat; + background-color: #cccccc; + background-size: 8px; + width: 16px; + height: 16px; + cursor: pointer; + display: block; + border-radius: 50%; + right: 10px; + top: 50%; + margin-top: -8px; + transition: all 0.3s; +} + +.wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover { + background-color: red; +} + +.wpforms-container .wpforms-datepicker-wrap .wpforms-field-small + .wpforms-datepicker-clear { + right: calc( 75% + 10px); +} + +.wpforms-container .wpforms-datepicker-wrap .wpforms-field-medium + .wpforms-datepicker-clear { + right: calc( 40% + 10px); +} + +/* Rating field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-rating-item { + padding: 0 6px 0 0; + margin: 0; + display: inline-block; +} + +.wpforms-container .wpforms-field-rating svg { + cursor: pointer; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px transparent; + opacity: 0.60; +} + +.wpforms-container .wpforms-field-rating-item.selected svg, +.wpforms-container .wpforms-field-rating-item.hover svg { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 1; +} + +/* Image choices +----------------------------------------------------------------------------- */ +.wpforms-container ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +.wpforms-container ul.wpforms-image-choices label input { + top: 50%; +} + +/* Modern style */ +.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li { + margin: 5px 5px 5px 5px; +} + +.wpforms-container .wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error) { + background-color: #fff; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid #fff; + border-radius: 3px; + padding: 20px 20px 18px 20px; + transition: all 0.5s; + text-align: center; +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover { + border: 1px solid #ddd; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected label, +.wpforms-container .wpforms-image-choices-modern li:has(input:checked) label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #fff; + background: green; + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after { + opacity: 1; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label, +.wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label { + font-weight: 700; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +/* Classic */ +.wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +.wpforms-container .wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error) { + background-color: #fff; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 2px solid #fff; + padding: 10px; + text-align: center; +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover { + border-color: #ddd; +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-selected label, +.wpforms-container .wpforms-image-choices-classic li:has(input:checked) label { + border-color: #666 !important; +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +/* Icon choices +----------------------------------------------------------------------------- */ +.wpforms-container ul.wpforms-icon-choices, +.wpforms-container ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +.wpforms-container ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +.wpforms-container ul.wpforms-icon-choices + .wpforms-field-description, +.wpforms-container ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +.wpforms-container ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +.wpforms-container ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +.wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +.wpforms-container ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +/* Rich Text field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-form textarea.wpforms-field-small.wp-editor-area { + height: 100px; +} + +.wpforms-container .wpforms-form textarea.wpforms-field-medium.wp-editor-area { + height: 250px; +} + +.wpforms-container .wpforms-form textarea.wpforms-field-large.wp-editor-area { + height: 400px; +} + +.wpforms-container .wpforms-form textarea.wp-editor-area:focus { + outline: none; +} + +/* Layout field +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-field-layout { + padding: 0; +} + +/* Payment fields. +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.wpforms-container .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.wpforms-container .size-large > .wpforms-order-summary-container, +.wpforms-container .wpforms-field-large > .wpforms-order-summary-container { + max-width: 100%; +} + +.wpforms-container .size-medium > .wpforms-order-summary-container, +.wpforms-container .wpforms-field-medium > .wpforms-order-summary-container { + max-width: 60%; +} + +.wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #990000; +} + +ul.wpforms-icon-choices, +ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +ul.wpforms-icon-choices + .wpforms-field-description, +ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-default li, ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.wpforms-list-2-columns ul.wpforms-icon-choices, +.wpforms-list-3-columns ul.wpforms-icon-choices, +.wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.wpforms-list-2-columns ul.wpforms-icon-choices li, +.wpforms-list-3-columns ul.wpforms-icon-choices li, +.wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +.wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +@media only screen and (max-width: 600px) { + .wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) { + overflow-x: hidden; + } + .wpforms-container .wpforms-field { + padding-right: 1px; + padding-left: 1px; + } + .wpforms-container .wpforms-form .wpforms-field > * { + max-width: 100%; + } + .wpforms-container .wpforms-mobile-full { + width: 100%; + margin-left: 0; + float: none; + } + .wpforms-container .wpforms-checkbox-2-columns ul li, + .wpforms-container .wpforms-multiplechoice-2-columns ul li, + .wpforms-container .wpforms-list-2-columns ul li, + .wpforms-container .wpforms-checkbox-3-columns ul li, + .wpforms-container .wpforms-multiplechoice-3-columns ul li, + .wpforms-container .wpforms-list-3-columns ul li { + float: none; + width: 100%; + } + .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page { + float: none; + display: block; + margin: 0 0 10px 0; + } + .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page { + width: 100% !important; + padding: 5px 10px; + } + .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: none; + } + .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page.active { + font-weight: 700; + } + .wpforms-container.inline-fields .wpforms-field-container, + .wpforms-container.inline-fields .wpforms-field { + display: block; + width: 100%; + } + .wpforms-container.inline-fields .wpforms-submit-container { + width: 100%; + } +} + +.et-db #et-boc .et-l .et_pb_module { + /* hCAPTCHA Area +----------------------------------------------------------------------------- */ + /* Cloudflare Turnstile iframe content alignment fix. +----------------------------------------------------------------------------- */ + /* ========================================================================== + Base - basic bare bones styling + ========================================================================== */ + /* Errors, Warnings, etc +----------------------------------------------------------------------------- */ + /* Page Indicator themes +----------------------------------------------------------------------------- */ + /** Circles theme **/ + /* Connector theme */ + /* Progress theme */ + /* Notices +----------------------------------------------------------------------------- */ + /* Preview notice. +----------------------------------------------------------------------------- */ + /* Form Header area +----------------------------------------------------------------------------- */ + /* Form Footer area +----------------------------------------------------------------------------- */ + /* Misc +----------------------------------------------------------------------------- */ + /* Honeypot Area */ + /* + * Hide the form fields upon successful submission. This may not be the best approach. + * Perhaps more robust: .wpforms-form.amp-form-submit-success > *:not([submit-success]) { display:none } + */ + /* Gutenberg Block +----------------------------------------------------------------------------- */ + /* RTL support +----------------------------------------------------------------------------- */ + /* Phone US format */ + /* ========================================================================== + Base - basic bare bones styling + ========================================================================== */ + /* Basic Field properties +----------------------------------------------------------------------------- */ + /* Field sizes - medium */ + /* Field sizes - small */ + /* Field sizes - medium */ + /* Field container*/ + /* Field description */ + /* Labels and sub-labels */ + /* Rows (multi-line fields: address, credit card, etc) +----------------------------------------------------------------------------- */ + /* Columns +----------------------------------------------------------------------------- */ + /* User column classes (legacy). */ + /* User list column classes */ + /* Legacy, for BC */ + /* Preset Layouts +----------------------------------------------------------------------------- */ + /* Single line */ + /* Set Styles +----------------------------------------------------------------------------- */ + /* reCAPTCHA Area +----------------------------------------------------------------------------- */ + /* Date/time field +----------------------------------------------------------------------------- */ + /* Rating field +----------------------------------------------------------------------------- */ + /* Date/time field +----------------------------------------------------------------------------- */ + /* Rating field +----------------------------------------------------------------------------- */ + /* Image choices +----------------------------------------------------------------------------- */ + /* Modern style */ + /* Classic */ + /* Icon choices +----------------------------------------------------------------------------- */ + /* Rich Text field +----------------------------------------------------------------------------- */ + /* Layout field +----------------------------------------------------------------------------- */ + /* Payment fields. +----------------------------------------------------------------------------- */ +} + +.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month select { + display: initial; +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper { + width: calc(6ch - 14px); + } + .et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp, + .et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown { + display: none; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert { + border: 1px solid #cccccc; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.et-db #et-boc .et-l .et_pb_module div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-is-turnstile iframe { + margin-left: -2px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-hidden { + display: none !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container noscript.wpforms-error-noscript { + color: #990000; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container label.wpforms-error { + display: block; + color: #990000; + font-size: 0.9em; + float: none; + cursor: default; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.user-invalid, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.user-invalid, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.user-invalid, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #cc0000; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-credit-card-expiration label.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-credit-card-code label.wpforms-error { + display: none !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator { + margin: 0 0 20px 0; + overflow: hidden; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles { + border-top: 1px solid #dfdfdf; + border-bottom: 1px solid #dfdfdf; + padding: 15px 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page { + float: left; + margin: 0 20px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + height: 40px; + width: 40px; + border-radius: 50%; + display: inline-block; + margin: 0 10px 0 0; + line-height: 40px; + text-align: center; + background-color: #ddd; + color: #666; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number { + color: #fff; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page { + float: left; + text-align: center; + line-height: 1.2; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: block; + text-indent: -9999px; + height: 6px; + background-color: #ddd; + margin: 0 0 16px 0; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle { + position: absolute; + top: 100%; + left: 50%; + width: 0; + height: 0; + margin-left: -5px; + border-style: solid; + border-width: 6px 5px 0 5px; + border-color: transparent transparent transparent transparent; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: inline-block; + padding: 0 15px; + font-size: 16px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.progress { + font-size: 18px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap { + display: block; + width: 100%; + background-color: #ddd; + height: 18px; + border-radius: 10px; + overflow: hidden; + position: relative; + margin: 5px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress { + height: 18px; + position: absolute; + left: 0; + top: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice { + background-color: #fff; + border: 1px solid #ddd; + border-left-width: 12px; + color: #333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + outline: none; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:after { + background-color: #fff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice a { + text-decoration: underline; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice p { + margin: 0 0 20px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error { + border-color: #ff3860; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active { + color: #fff; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #ff3860; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-error-container.wpforms-error-styled-container { + padding: 10px 0; + font-size: 15px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-error-container.wpforms-error-styled-container p { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-preview-notice-links { + line-height: 2.4; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-title { + font-size: 26px; + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-description { + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-container { + padding: 10px 0 0 0; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-spinner { + margin-inline-start: 0.5em; + vertical-align: middle; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container { + margin-bottom: 26px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-field-hidden { + display: none; + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0); + height: 1px; + width: 1px; + border: 0; + overflow: hidden; + word-wrap: normal !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form textarea { + resize: vertical; +} + +.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-field-container, +.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-submit-container { + display: none; +} + +.et-db #et-boc .et-l .et_pb_module .edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap h3 { + width: 100%; + margin: 10px 0 5px; + font-weight: 700; + font-size: 20px; +} + +.et-db #et-boc .et-l .et_pb_module .edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img { + margin-right: 25px; + width: initial; +} + +.et-db #et-boc .et-l .et_pb_module .edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form input:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form textarea:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form select:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form button[type=submit]:disabled { + cursor: not-allowed; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 2px 2px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open .choices__inner { + border-radius: 2px 2px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner { + border-radius: 2px; + min-height: 35px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single { + height: auto; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item { + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-field-phone input[type=tel] { + direction: ltr; + unicode-bidi: embed; + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-first { + float: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-first + .wpforms-one-half { + margin-right: 4%; + margin-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container.wpforms-edit-entry-container .wpforms-first + .wpforms-one-half { + margin-right: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-clear:before { + content: " "; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul li { + background: none; + border: 0; + margin: 0; + list-style: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-medium { + height: 120px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-small { + height: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-large { + height: 220px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field { + padding: 10px 0; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-limit-text { + font-size: 0.85em; + margin: 5px 0 0 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description { + background-color: #fff; + border: 1px solid #ddd; + padding: 15px 15px 0; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description p { + margin: 0 0 15px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description-before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.before { + font-size: 0.85em; + margin: 0 0 5px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label { + display: block; + font-weight: 700; + float: none; + word-break: break-word; + word-wrap: break-word; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel { + display: block; + font-size: 0.85em; + float: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-weight: 400; + word-break: break-word; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label.wpforms-label-hide, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + clip: rect(0 0 0 0); + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-required-label { + color: #ff0000; + font-weight: normal; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row { + margin-bottom: 8px; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row:before { + content: ""; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row:after { + clear: both; + content: ""; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-address .wpforms-one-half:only-child { + margin-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths { + width: calc( 50% - 10px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths { + width: calc( 100% / 3 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third.wpforms-first, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths.wpforms-first { + width: calc( 100% / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds { + width: calc( 2 * 100% / 3 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths.wpforms-first, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds.wpforms-first { + width: calc( 2 * 100% / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth { + width: calc( 25% - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth.wpforms-first { + width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths { + width: calc( 75% - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths.wpforms-first { + width: 75%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth { + width: calc( 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth.wpforms-first { + width: calc( 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths { + width: calc( 2 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths.wpforms-first { + width: calc( 2 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths { + width: calc( 3 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths.wpforms-first { + width: calc( 3 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths { + width: calc( 4 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths.wpforms-first { + width: calc( 4 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth { + width: calc( 100% / 6 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth.wpforms-first { + width: calc( 100% / 6); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths { + width: calc( 5 * 100% / 6 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths.wpforms-first { + width: calc( 5 * 100% / 6); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul { + display: -ms-flex; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-2-columns ul li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-2-columns ul li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul li { + width: 50%; + display: block; + padding-right: 26px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-3-columns ul li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-3-columns ul li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul li { + width: 33.3333%; + display: block; + padding-right: 26px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul li { + display: inline-block; + margin-right: 20px; + vertical-align: top; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first-half { + float: left; + width: 48%; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-last-half { + float: right; + width: 48%; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first-third { + float: left; + width: 30.666666667%; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-middle-third { + float: left; + width: 30.666666667%; + margin-left: 4%; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-last-third { + float: right; + width: 30.666666667%; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-last { + float: right !important; + margin-right: 0 !important; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields { + overflow: visible; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container { + display: table; + width: calc(100% - 160px); + float: left; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field { + display: table-cell; + padding-right: 2%; + vertical-align: top; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container { + float: right; + width: 160px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit { + display: block; + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week], +.et-db #et-boc .et-l .et_pb_module .wpforms-container select, +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea { + display: block; + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + float: none; + font-family: inherit; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=checkbox], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=radio] { + width: 13px; + height: 13px; + margin: 2px 10px 0 3px; + display: inline-block; + vertical-align: baseline; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container amp-img > img { + position: absolute; + /* Override position:static from previous rule, to prevent breaking AMP layout. */ +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container { + padding: 10px 0 20px 0; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-sep { + display: inline-block; + padding: 0 5px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-year, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-day, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-month { + display: inline-block; + width: auto; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item { + padding: 0 6px 0 0; + margin: 0; + display: inline-block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating svg { + cursor: pointer; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px transparent; + opacity: 0.60; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.selected svg, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.hover svg { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-row { + display: flex; + flex-wrap: wrap; + align-items: start; + gap: 10px 4%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-row::before, .et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-row::after { + position: absolute; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown { + align-items: center; + display: flex; + flex-grow: 1; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown + .wpforms-field-row-block { + flex: 1; + min-width: 30%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap { + align-items: center; + display: flex; + flex-grow: 1; + flex-wrap: nowrap; + margin: 0 -6px 0 -6px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small { + width: calc( 25% + 12px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium { + width: calc( 60% + 12px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-large { + width: calc( 100% + 12px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap select { + margin: 0 6px 0 6px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-day, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-month { + width: calc( 30% - 12px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-year { + width: calc( 40% - 12px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-datepicker { + width: clamp(50%, 100px, 100%); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-datepicker + .wpforms-field-row-block { + width: clamp(50%, 100px, 100%); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap { + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear { + position: absolute; + background-image: url(../../../pro/images/times-solid-white.svg); + background-position: 50% 50%; + background-repeat: no-repeat; + background-color: #cccccc; + background-size: 8px; + width: 16px; + height: 16px; + cursor: pointer; + display: block; + border-radius: 50%; + right: 10px; + top: 50%; + margin-top: -8px; + transition: all 0.3s; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover { + background-color: red; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-field-small + .wpforms-datepicker-clear { + right: calc( 75% + 10px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-field-medium + .wpforms-datepicker-clear { + right: calc( 40% + 10px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item { + padding: 0 6px 0 0; + margin: 0; + display: inline-block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating svg { + cursor: pointer; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px transparent; + opacity: 0.60; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.selected svg, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.hover svg { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label input { + top: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li { + margin: 5px 5px 5px 5px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error) { + background-color: #fff; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid #fff; + border-radius: 3px; + padding: 20px 20px 18px 20px; + transition: all 0.5s; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover { + border: 1px solid #ddd; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected label, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #fff; + background: green; + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after { + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label { + font-weight: 700; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error) { + background-color: #fff; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 2px solid #fff; + padding: 10px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover { + border-color: #ddd; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-selected label, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic li:has(input:checked) label { + border-color: #666 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices + .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wpforms-field-small.wp-editor-area { + height: 100px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wpforms-field-medium.wp-editor-area { + height: 250px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wpforms-field-large.wp-editor-area { + height: 400px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wp-editor-area:focus { + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-layout { + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, .et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-large > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-large > .wpforms-order-summary-container { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-medium > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-medium > .wpforms-order-summary-container { + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #990000; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices + .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, .et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, .et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, .et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) { + overflow-x: hidden; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field { + padding-right: 1px; + padding-left: 1px; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field > * { + max-width: 100%; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-mobile-full { + width: 100%; + margin-left: 0; + float: none; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul li { + float: none; + width: 100%; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page { + float: none; + display: block; + margin: 0 0 10px 0; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page { + width: 100% !important; + padding: 5px 10px; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: none; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page.active { + font-weight: 700; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container, + .et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field { + display: block; + width: 100%; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container { + 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; +} diff --git a/assets/css/wpforms-classic-base.min.css b/assets/css/wpforms-classic-base.min.css new file mode 100644 index 00000000..f5c9211d --- /dev/null +++ b/assets/css/wpforms-classic-base.min.css @@ -0,0 +1,86 @@ +.flatpickr-calendar .flatpickr-current-month select{display:initial}@media only screen and (max-width: 600px){.flatpickr-calendar .flatpickr-current-month .numInputWrapper{width:calc(6ch - 14px)}.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp,.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown{display:none}}.wpforms-container .wpforms-form .wpforms-error-alert,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert{border:1px solid #cccccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.wpforms-container .wpforms-form .wpforms-error-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.wpforms-is-turnstile iframe{margin-left:-2px !important}.wpforms-container .wpforms-hidden{display:none !important}.wpforms-container .wpforms-error-container,.wpforms-container noscript.wpforms-error-noscript{color:#990000}.wpforms-container label.wpforms-error{display:block;color:#990000;font-size:0.9em;float:none;cursor:default}.wpforms-container .wpforms-field input.wpforms-error,.wpforms-container .wpforms-field input.user-invalid,.wpforms-container .wpforms-field textarea.wpforms-error,.wpforms-container .wpforms-field textarea.user-invalid,.wpforms-container .wpforms-field select.wpforms-error,.wpforms-container .wpforms-field select.user-invalid,.wpforms-container .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #cc0000}.wpforms-container .wpforms-field-credit-card-expiration label.wpforms-error,.wpforms-container .wpforms-field-credit-card-code label.wpforms-error{display:none !important}.wpforms-container .wpforms-page-indicator{margin:0 0 20px 0;overflow:hidden}.wpforms-container .wpforms-page-indicator.circles{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 10px}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:left;margin:0 20px 0 0}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type{margin:0}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{height:40px;width:40px;border-radius:50%;display:inline-block;margin:0 10px 0 0;line-height:40px;text-align:center;background-color:#ddd;color:#666}.wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number{color:#fff}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page{float:left;text-align:center;line-height:1.2}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:block;text-indent:-9999px;height:6px;background-color:#ddd;margin:0 0 16px 0;position:relative}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:6px 5px 0 5px;border-color:transparent transparent transparent transparent}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:inline-block;padding:0 15px;font-size:16px}.wpforms-container .wpforms-page-indicator.progress{font-size:18px}.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{display:block;width:100%;background-color:#ddd;height:18px;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 0}.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{height:18px;position:absolute;left:0;top:0}div.wpforms-container .wpforms-notice{background-color:#fff;border:1px solid #ddd;border-left-width:12px;color:#333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}div.wpforms-container .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;outline:none;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}div.wpforms-container .wpforms-notice .wpforms-delete:before,div.wpforms-container .wpforms-notice .wpforms-delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}div.wpforms-container .wpforms-notice .wpforms-delete:before{height:2px;width:50%}div.wpforms-container .wpforms-notice .wpforms-delete:after{height:50%;width:2px}div.wpforms-container .wpforms-notice .wpforms-delete:hover,div.wpforms-container .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}div.wpforms-container .wpforms-notice a{text-decoration:underline}div.wpforms-container .wpforms-notice p{margin:0 0 20px 0}div.wpforms-container .wpforms-notice p:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-info{border-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-success{border-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-warning{border-color:#ffdd57}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-error{border-color:#ff3860}div.wpforms-container-full .wpforms-notice .wpforms-notice-actions{margin-top:20px}div.wpforms-container-full .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active{color:#fff}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#ff3860}div.wpforms-container .wpforms-error-container.wpforms-error-styled-container{padding:10px 0;font-size:15px}div.wpforms-container .wpforms-error-container.wpforms-error-styled-container p{margin:0}.wpforms-preview-notice-links{line-height:2.4}.wpforms-container .wpforms-title{font-size:26px;margin:0 0 10px 0}.wpforms-container .wpforms-description{margin:0 0 10px 0}.wpforms-container .wpforms-submit-container{padding:10px 0 0 0;position:relative}.wpforms-container .wpforms-submit-spinner{margin-inline-start:0.5em;vertical-align:middle}.wpforms-container{margin-bottom:26px}.wpforms-container .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}.wpforms-container .wpforms-field.wpforms-field-hidden{display:none;padding:0}.wpforms-container .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;word-wrap:normal !important}div.wpforms-container .wpforms-form textarea{resize:vertical}.amp-form-submit-success .wpforms-field-container,.amp-form-submit-success .wpforms-submit-container{display:none}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap h3{width:100%;margin:10px 0 5px;font-weight:700;font-size:20px}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img{margin-right:25px;width:initial}.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control{width:100%}div.wpforms-gutenberg-form-selector .wpforms-form input:disabled,div.wpforms-gutenberg-form-selector .wpforms-form textarea:disabled,div.wpforms-gutenberg-form-selector .wpforms-form select:disabled,div.wpforms-gutenberg-form-selector .wpforms-form button[type=submit]:disabled{cursor:not-allowed}div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner,div.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 2px 2px}div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,div.wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:2px 2px 0 0}div.wpforms-container .wpforms-form .choices .choices__inner{border-radius:2px;min-height:35px}div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single{height:auto}div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1.3}body.rtl .wpforms-field-phone input[type=tel]{direction:ltr;unicode-bidi:embed;text-align:right}body.rtl .wpforms-container .wpforms-first{float:right}body.rtl .wpforms-container .wpforms-first+.wpforms-one-half{margin-right:4%;margin-left:0}body.rtl .wpforms-container.wpforms-edit-entry-container .wpforms-first+.wpforms-one-half{margin-right:0}.wpforms-clear:before{content:" ";display:table}.wpforms-clear:after{clear:both;content:" ";display:table}.wpforms-container ul,.wpforms-container ul li{background:none;border:0;margin:0;list-style:none}.wpforms-container input.wpforms-field-medium,.wpforms-container select.wpforms-field-medium,.wpforms-container .wpforms-field-row.wpforms-field-medium{max-width:60%}.wpforms-container textarea.wpforms-field-medium{height:120px}.wpforms-container input.wpforms-field-small,.wpforms-container select.wpforms-field-small,.wpforms-container .wpforms-field-row.wpforms-field-small{max-width:25%}.wpforms-container textarea.wpforms-field-small{height:70px}.wpforms-container input.wpforms-field-large,.wpforms-container select.wpforms-field-large,.wpforms-container .wpforms-field-row.wpforms-field-large{max-width:100%}.wpforms-container textarea.wpforms-field-large{height:220px}.wpforms-container .wpforms-field{padding:10px 0;position:relative}.wpforms-container .wpforms-field-description,.wpforms-container .wpforms-field-limit-text{font-size:0.85em;margin:5px 0 0 0}.wpforms-container .wpforms-field-description.wpforms-disclaimer-description{background-color:#fff;border:1px solid #ddd;padding:15px 15px 0;height:125px;overflow-y:scroll;overflow-x:hidden}.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p{margin:0 0 15px 0}.wpforms-container .wpforms-field-description-before,.wpforms-container .wpforms-field-description.before{font-size:0.85em;margin:0 0 5px 0}.wpforms-container .wpforms-field-label{display:block;font-weight:700;float:none;word-break:break-word;word-wrap:break-word}.wpforms-container .wpforms-field-sublabel{display:block;font-size:0.85em;float:none}.wpforms-container .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-weight:400;word-break:break-word}.wpforms-container .wpforms-field-label.wpforms-label-hide,.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.wpforms-container .wpforms-required-label{color:#ff0000;font-weight:normal}.wpforms-container .wpforms-field-row{margin-bottom:8px;position:relative}.wpforms-container .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}.wpforms-container .wpforms-field-row:before{content:"";display:table}.wpforms-container .wpforms-field-row:after{clear:both;content:"";display:table}.wpforms-container .wpforms-form .wpforms-field-address .wpforms-one-half:only-child{margin-left:0}.wpforms-container .wpforms-five-sixths,.wpforms-container .wpforms-four-sixths,.wpforms-container .wpforms-four-fifths,.wpforms-container .wpforms-one-fifth,.wpforms-container .wpforms-one-fourth,.wpforms-container .wpforms-one-half,.wpforms-container .wpforms-one-sixth,.wpforms-container .wpforms-one-third,.wpforms-container .wpforms-three-fourths,.wpforms-container .wpforms-three-fifths,.wpforms-container .wpforms-three-sixths,.wpforms-container .wpforms-two-fourths,.wpforms-container .wpforms-two-fifths,.wpforms-container .wpforms-two-sixths,.wpforms-container .wpforms-two-thirds{float:left;margin-left:20px;clear:none}.wpforms-container .wpforms-one-half,.wpforms-container .wpforms-three-sixths,.wpforms-container .wpforms-two-fourths{width:calc( 50% - 10px)}.wpforms-container .wpforms-one-third,.wpforms-container .wpforms-two-sixths{width:calc( 100% / 3 - 20px)}.wpforms-container .wpforms-one-third.wpforms-first,.wpforms-container .wpforms-two-sixths.wpforms-first{width:calc( 100% / 3)}.wpforms-container .wpforms-four-sixths,.wpforms-container .wpforms-two-thirds{width:calc( 2 * 100% / 3 - 20px)}.wpforms-container .wpforms-four-sixths.wpforms-first,.wpforms-container .wpforms-two-thirds.wpforms-first{width:calc( 2 * 100% / 3)}.wpforms-container .wpforms-one-fourth{width:calc( 25% - 20px)}.wpforms-container .wpforms-one-fourth.wpforms-first{width:25%}.wpforms-container .wpforms-three-fourths{width:calc( 75% - 20px)}.wpforms-container .wpforms-three-fourths.wpforms-first{width:75%}.wpforms-container .wpforms-one-fifth{width:calc( 100% / 5 - 20px)}.wpforms-container .wpforms-one-fifth.wpforms-first{width:calc( 100% / 5)}.wpforms-container .wpforms-two-fifths{width:calc( 2 * 100% / 5 - 20px)}.wpforms-container .wpforms-two-fifths.wpforms-first{width:calc( 2 * 100% / 5)}.wpforms-container .wpforms-three-fifths{width:calc( 3 * 100% / 5 - 20px)}.wpforms-container .wpforms-three-fifths.wpforms-first{width:calc( 3 * 100% / 5)}.wpforms-container .wpforms-four-fifths{width:calc( 4 * 100% / 5 - 20px)}.wpforms-container .wpforms-four-fifths.wpforms-first{width:calc( 4 * 100% / 5)}.wpforms-container .wpforms-one-sixth{width:calc( 100% / 6 - 20px)}.wpforms-container .wpforms-one-sixth.wpforms-first{width:calc( 100% / 6)}.wpforms-container .wpforms-five-sixths{width:calc( 5 * 100% / 6 - 20px)}.wpforms-container .wpforms-five-sixths.wpforms-first{width:calc( 5 * 100% / 6)}.wpforms-container .wpforms-first{clear:both !important;margin-left:0 !important}.wpforms-container .wpforms-checkbox-2-columns ul,.wpforms-container .wpforms-multiplechoice-2-columns ul,.wpforms-container .wpforms-list-2-columns ul,.wpforms-container .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-list-3-columns ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.wpforms-container .wpforms-checkbox-2-columns ul li,.wpforms-container .wpforms-multiplechoice-2-columns ul li,.wpforms-container .wpforms-list-2-columns ul li{width:50%;display:block;padding-right:26px}.wpforms-container .wpforms-checkbox-3-columns ul li,.wpforms-container .wpforms-multiplechoice-3-columns ul li,.wpforms-container .wpforms-list-3-columns ul li{width:33.3333%;display:block;padding-right:26px}.wpforms-container .wpforms-list-inline ul li{display:inline-block;margin-right:20px;vertical-align:top}.wpforms-container .wpforms-first-half{float:left;width:48%;clear:both}.wpforms-container .wpforms-last-half{float:right;width:48%;clear:none}.wpforms-container .wpforms-first-third{float:left;width:30.666666667%;clear:both}.wpforms-container .wpforms-middle-third{float:left;width:30.666666667%;margin-left:4%;clear:none}.wpforms-container .wpforms-last-third{float:right;width:30.666666667%;clear:none}.wpforms-container .wpforms-last{float:right !important;margin-right:0 !important;clear:none}.wpforms-container.inline-fields{overflow:visible}.wpforms-container.inline-fields .wpforms-field-container{display:table;width:calc(100% - 160px);float:left}.wpforms-container.inline-fields .wpforms-field{display:table-cell;padding-right:2%;vertical-align:top}.wpforms-container.inline-fields .wpforms-submit-container{float:right;width:160px}.wpforms-container.inline-fields .wpforms-submit{display:block;width:100%}.wpforms-container.inline-fields input.wpforms-field-medium,.wpforms-container.inline-fields select.wpforms-field-medium,.wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium{max-width:100%}.wpforms-container input[type=date],.wpforms-container input[type=datetime],.wpforms-container input[type=datetime-local],.wpforms-container input[type=email],.wpforms-container input[type=month],.wpforms-container input[type=number],.wpforms-container input[type=password],.wpforms-container input[type=range],.wpforms-container input[type=search],.wpforms-container input[type=tel],.wpforms-container input[type=text],.wpforms-container input[type=time],.wpforms-container input[type=url],.wpforms-container input[type=week],.wpforms-container select,.wpforms-container textarea{display:block;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float:none;font-family:inherit}.wpforms-container input[type=checkbox],.wpforms-container input[type=radio]{width:13px;height:13px;margin:2px 10px 0 3px;display:inline-block;vertical-align:baseline}.wpforms-container amp-img>img{position:absolute}.wpforms-container .wpforms-recaptcha-container{padding:10px 0 20px 0;clear:both}.wpforms-container .wpforms-field-date-time-date-sep{display:inline-block;padding:0 5px}.wpforms-container .wpforms-field-date-time-date-year,.wpforms-container .wpforms-field-date-time-date-day,.wpforms-container .wpforms-field-date-time-date-month{display:inline-block;width:auto}.wpforms-container .wpforms-field-rating-item{padding:0 6px 0 0;margin:0;display:inline-block}.wpforms-container .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}.wpforms-container .wpforms-field-rating-item.selected svg,.wpforms-container .wpforms-field-rating-item.hover svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}.wpforms-field-container .wpforms-field-date-time .wpforms-field-row{display:flex;flex-wrap:wrap;align-items:start;gap:10px 4%}.wpforms-field-container .wpforms-field-date-time .wpforms-field-row::before,.wpforms-field-container .wpforms-field-date-time .wpforms-field-row::after{position:absolute}.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap}.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap{width:100%}.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown+.wpforms-field-row-block{flex:1;min-width:30%}.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel{width:100%}.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap{align-items:center;display:flex;flex-grow:1;flex-wrap:nowrap;margin:0 -6px 0 -6px}.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small{width:calc( 25% + 12px)}.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium{width:calc( 60% + 12px)}.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-large{width:calc( 100% + 12px)}.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap select{margin:0 6px 0 6px}.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-day,.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-month{width:calc( 30% - 12px)}.wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-year{width:calc( 40% - 12px)}.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-datepicker{width:clamp(50%, 100px, 100%)}.wpforms-field-container .wpforms-field-date-time .wpforms-date-type-datepicker+.wpforms-field-row-block{width:clamp(50%, 100px, 100%)}.wpforms-container .wpforms-datepicker-wrap{position:relative}.wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear{position:absolute;background-image:url(../../../pro/images/times-solid-white.svg);background-position:50% 50%;background-repeat:no-repeat;background-color:#cccccc;background-size:8px;width:16px;height:16px;cursor:pointer;display:block;border-radius:50%;right:10px;top:50%;margin-top:-8px;transition:all 0.3s}.wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover{background-color:red}.wpforms-container .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear{right:calc( 75% + 10px)}.wpforms-container .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{right:calc( 40% + 10px)}.wpforms-container .wpforms-field-rating-item{padding:0 6px 0 0;margin:0;display:inline-block}.wpforms-container .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}.wpforms-container .wpforms-field-rating-item.selected svg,.wpforms-container .wpforms-field-rating-item.hover svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}.wpforms-container ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}.wpforms-container ul.wpforms-image-choices label input{top:50%}.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{margin:5px 5px 5px 5px}.wpforms-container .wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error){background-color:#fff;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid #fff;border-radius:3px;padding:20px 20px 18px 20px;transition:all 0.5s;text-align:center}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover{border:1px solid #ddd}.wpforms-container .wpforms-image-choices-modern .wpforms-selected label,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#fff;background:green;opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after{opacity:1}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label{font-weight:700}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}.wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}.wpforms-container .wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error){background-color:#fff;display:inline-block;margin:0 auto;cursor:pointer;border:2px solid #fff;padding:10px;text-align:center}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover{border-color:#ddd}.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.wpforms-container .wpforms-image-choices-classic .wpforms-selected label,.wpforms-container .wpforms-image-choices-classic li:has(input:checked) label{border-color:#666 !important}.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.wpforms-container ul.wpforms-icon-choices,.wpforms-container ul.wpforms-icon-choices *{box-sizing:border-box}.wpforms-container ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}.wpforms-container ul.wpforms-icon-choices+.wpforms-field-description,.wpforms-container ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.wpforms-container ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}.wpforms-container ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.wpforms-container ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.wpforms-container .wpforms-form textarea.wpforms-field-small.wp-editor-area{height:100px}.wpforms-container .wpforms-form textarea.wpforms-field-medium.wp-editor-area{height:250px}.wpforms-container .wpforms-form textarea.wpforms-field-large.wp-editor-area{height:400px}.wpforms-container .wpforms-form textarea.wp-editor-area:focus{outline:none}.wpforms-container .wpforms-field-layout{padding:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-order-summary-container{display:block;max-width:60%}.wpforms-container .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.wpforms-container .size-large>.wpforms-order-summary-container,.wpforms-container .wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.wpforms-container .size-medium>.wpforms-order-summary-container,.wpforms-container .wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#990000}ul.wpforms-icon-choices,ul.wpforms-icon-choices *{box-sizing:border-box}ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}ul.wpforms-icon-choices+.wpforms-field-description,ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}ul.wpforms-icon-choices.wpforms-icon-choices-default li,ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.wpforms-list-2-columns ul.wpforms-icon-choices,.wpforms-list-3-columns ul.wpforms-icon-choices,.wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.wpforms-list-2-columns ul.wpforms-icon-choices li,.wpforms-list-3-columns ul.wpforms-icon-choices li,.wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}.wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}@media only screen and (max-width: 600px){.wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:hidden}.wpforms-container .wpforms-field{padding-right:1px;padding-left:1px}.wpforms-container .wpforms-form .wpforms-field>*{max-width:100%}.wpforms-container .wpforms-mobile-full{width:100%;margin-left:0;float:none}.wpforms-container .wpforms-checkbox-2-columns ul li,.wpforms-container .wpforms-multiplechoice-2-columns ul li,.wpforms-container .wpforms-list-2-columns ul li,.wpforms-container .wpforms-checkbox-3-columns ul li,.wpforms-container .wpforms-multiplechoice-3-columns ul li,.wpforms-container .wpforms-list-3-columns ul li{float:none;width:100%}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:none;display:block;margin:0 0 10px 0}.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page{width:100% !important;padding:5px 10px}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:none}.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page.active{font-weight:700}.wpforms-container.inline-fields .wpforms-field-container,.wpforms-container.inline-fields .wpforms-field{display:block;width:100%}.wpforms-container.inline-fields .wpforms-submit-container{width:100%}}.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month select{display:initial}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper{width:calc(6ch - 14px)}.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp,.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown{display:none}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert{border:1px solid #cccccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.et-db #et-boc .et-l .et_pb_module div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.et-db #et-boc .et-l .et_pb_module .wpforms-is-turnstile iframe{margin-left:-2px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-hidden{display:none !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container noscript.wpforms-error-noscript{color:#990000}.et-db #et-boc .et-l .et_pb_module .wpforms-container label.wpforms-error{display:block;color:#990000;font-size:0.9em;float:none;cursor:default}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #cc0000}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-credit-card-expiration label.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-credit-card-code label.wpforms-error{display:none !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator{margin:0 0 20px 0;overflow:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:left;margin:0 20px 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type{margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{height:40px;width:40px;border-radius:50%;display:inline-block;margin:0 10px 0 0;line-height:40px;text-align:center;background-color:#ddd;color:#666}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number{color:#fff}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page{float:left;text-align:center;line-height:1.2}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:block;text-indent:-9999px;height:6px;background-color:#ddd;margin:0 0 16px 0;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:6px 5px 0 5px;border-color:transparent transparent transparent transparent}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:inline-block;padding:0 15px;font-size:16px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.progress{font-size:18px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{display:block;width:100%;background-color:#ddd;height:18px;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{height:18px;position:absolute;left:0;top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice{background-color:#fff;border:1px solid #ddd;border-left-width:12px;color:#333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;outline:none;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:before{height:2px;width:50%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:after{height:50%;width:2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice a{text-decoration:underline}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice p{margin:0 0 20px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-notice p:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info{border-color:#3273dc}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success{border-color:#23d160}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning{border-color:#ffdd57}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error{border-color:#ff3860}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-actions{margin-top:20px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active{color:#fff}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#ff3860}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-error-container.wpforms-error-styled-container{padding:10px 0;font-size:15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-error-container.wpforms-error-styled-container p{margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-preview-notice-links{line-height:2.4}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-title{font-size:26px;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-description{margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-container{padding:10px 0 0 0;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-spinner{margin-inline-start:0.5em;vertical-align:middle}.et-db #et-boc .et-l .et_pb_module .wpforms-container{margin-bottom:26px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-field-hidden{display:none;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;word-wrap:normal !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form textarea{resize:vertical}.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-submit-container{display:none}.et-db #et-boc .et-l .et_pb_module .edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap h3{width:100%;margin:10px 0 5px;font-weight:700;font-size:20px}.et-db #et-boc .et-l .et_pb_module .edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img{margin-right:25px;width:initial}.et-db #et-boc .et-l .et_pb_module .edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form input:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form textarea:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form select:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-gutenberg-form-selector .wpforms-form button[type=submit]:disabled{cursor:not-allowed}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 2px 2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:2px 2px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner{border-radius:2px;min-height:35px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single{height:auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1.3}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-field-phone input[type=tel]{direction:ltr;unicode-bidi:embed;text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-first{float:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-first+.wpforms-one-half{margin-right:4%;margin-left:0}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container.wpforms-edit-entry-container .wpforms-first+.wpforms-one-half{margin-right:0}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:before{content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:after{clear:both;content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul li{background:none;border:0;margin:0;list-style:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-medium{max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-medium{height:120px}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-small{max-width:25%}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-small{height:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-large{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-large{height:220px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field{padding:10px 0;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-limit-text{font-size:0.85em;margin:5px 0 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description{background-color:#fff;border:1px solid #ddd;padding:15px 15px 0;height:125px;overflow-y:scroll;overflow-x:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description p{margin:0 0 15px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description-before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.before{font-size:0.85em;margin:0 0 5px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label{display:block;font-weight:700;float:none;word-break:break-word;word-wrap:break-word}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel{display:block;font-size:0.85em;float:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-weight:400;word-break:break-word}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label.wpforms-label-hide,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-required-label{color:#ff0000;font-weight:normal}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row{margin-bottom:8px;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row:before{content:"";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row:after{clear:both;content:"";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-address .wpforms-one-half:only-child{margin-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds{float:left;margin-left:20px;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths{width:calc( 50% - 10px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths{width:calc( 100% / 3 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third.wpforms-first,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths.wpforms-first{width:calc( 100% / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds{width:calc( 2 * 100% / 3 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths.wpforms-first,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds.wpforms-first{width:calc( 2 * 100% / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth{width:calc( 25% - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth.wpforms-first{width:25%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths{width:calc( 75% - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths.wpforms-first{width:75%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth{width:calc( 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth.wpforms-first{width:calc( 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths{width:calc( 2 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths.wpforms-first{width:calc( 2 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths{width:calc( 3 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths.wpforms-first{width:calc( 3 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths{width:calc( 4 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths.wpforms-first{width:calc( 4 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth{width:calc( 100% / 6 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth.wpforms-first{width:calc( 100% / 6)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths{width:calc( 5 * 100% / 6 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths.wpforms-first{width:calc( 5 * 100% / 6)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first{clear:both !important;margin-left:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul li{width:50%;display:block;padding-right:26px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul li{width:33.3333%;display:block;padding-right:26px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul li{display:inline-block;margin-right:20px;vertical-align:top}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first-half{float:left;width:48%;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-last-half{float:right;width:48%;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first-third{float:left;width:30.666666667%;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-middle-third{float:left;width:30.666666667%;margin-left:4%;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-last-third{float:right;width:30.666666667%;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-last{float:right !important;margin-right:0 !important;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields{overflow:visible}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container{display:table;width:calc(100% - 160px);float:left}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field{display:table-cell;padding-right:2%;vertical-align:top}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container{float:right;width:160px}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week],.et-db #et-boc .et-l .et_pb_module .wpforms-container select,.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea{display:block;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float:none;font-family:inherit}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=checkbox],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=radio]{width:13px;height:13px;margin:2px 10px 0 3px;display:inline-block;vertical-align:baseline}.et-db #et-boc .et-l .et_pb_module .wpforms-container amp-img>img{position:absolute}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container{padding:10px 0 20px 0;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-sep{display:inline-block;padding:0 5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-year,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-day,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-date-time-date-month{display:inline-block;width:auto}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item{padding:0 6px 0 0;margin:0;display:inline-block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.selected svg,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.hover svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-row{display:flex;flex-wrap:wrap;align-items:start;gap:10px 4%}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-row::before,.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-row::after{position:absolute}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap{width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown+.wpforms-field-row-block{flex:1;min-width:30%}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel{width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap{align-items:center;display:flex;flex-grow:1;flex-wrap:nowrap;margin:0 -6px 0 -6px}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small{width:calc( 25% + 12px)}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium{width:calc( 60% + 12px)}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-large{width:calc( 100% + 12px)}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap select{margin:0 6px 0 6px}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-day,.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-month{width:calc( 30% - 12px)}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-time-date-year{width:calc( 40% - 12px)}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-datepicker{width:clamp(50%, 100px, 100%)}.et-db #et-boc .et-l .et_pb_module .wpforms-field-container .wpforms-field-date-time .wpforms-date-type-datepicker+.wpforms-field-row-block{width:clamp(50%, 100px, 100%)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap{position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear{position:absolute;background-image:url(../../../pro/images/times-solid-white.svg);background-position:50% 50%;background-repeat:no-repeat;background-color:#cccccc;background-size:8px;width:16px;height:16px;cursor:pointer;display:block;border-radius:50%;right:10px;top:50%;margin-top:-8px;transition:all 0.3s}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover{background-color:red}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear{right:calc( 75% + 10px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{right:calc( 40% + 10px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item{padding:0 6px 0 0;margin:0;display:inline-block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.selected svg,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-rating-item.hover svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label input{top:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{margin:5px 5px 5px 5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error){background-color:#fff;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid #fff;border-radius:3px;padding:20px 20px 18px 20px;transition:all 0.5s;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover{border:1px solid #ddd}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#fff;background:green;opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after{opacity:1}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label{font-weight:700}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error){background-color:#fff;display:inline-block;margin:0 auto;cursor:pointer;border:2px solid #fff;padding:10px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover{border-color:#ddd}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic li:has(input:checked) label{border-color:#666 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices *{box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices+.wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wpforms-field-small.wp-editor-area{height:100px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wpforms-field-medium.wp-editor-area{height:250px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wpforms-field-large.wp-editor-area{height:400px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea.wp-editor-area:focus{outline:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-layout{padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container{display:block;max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-large>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-medium>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#990000}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices *{box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices+.wpforms-field-description,.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field{padding-right:1px;padding-left:1px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field>*{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-mobile-full{width:100%;margin-left:0;float:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul li{float:none;width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:none;display:block;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page{width:100% !important;padding:5px 10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page.active{font-weight:700}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container{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; +} diff --git a/assets/css/wpforms-classic-full.css b/assets/css/wpforms-classic-full.css new file mode 100644 index 00000000..25b714a3 --- /dev/null +++ b/assets/css/wpforms-classic-full.css @@ -0,0 +1,5315 @@ +/* Resets +----------------------------------------------------------------------------- */ +div.wpforms-container-full, +div.wpforms-container-full .wpforms-form * { + background: none; + border: 0 none; + border-radius: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + float: none; + font-size: 100%; + height: auto; + letter-spacing: normal; + list-style: none; + outline: none; + position: static; + text-decoration: none; + text-indent: 0; + text-shadow: none; + text-transform: none; + width: auto; + visibility: visible; + overflow: visible; + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +div.wpforms-container-full { + margin-left: auto; + margin-right: auto; +} + +div.wpforms-container-full .wpforms-form amp-img > img { + position: absolute; + /* Override position:static from previous rule, to prevent breaking AMP layout. */ +} + +div.wpforms-container-full .wpforms-form input, +div.wpforms-container-full .wpforms-form label, +div.wpforms-container-full .wpforms-form select, +div.wpforms-container-full .wpforms-form button, +div.wpforms-container-full .wpforms-form textarea { + margin: 0; + border: 0; + padding: 0; + display: inline-block; + vertical-align: middle; + background: none; + height: auto; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +div.wpforms-container-full .wpforms-form textarea { + max-width: 100%; + width: 100%; +} + +div.wpforms-container-full .wpforms-form ul, +div.wpforms-container-full .wpforms-form ul li { + background: none !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + list-style: none !important; +} + +div.wpforms-container-full .wpforms-form ul li { + margin-bottom: 5px !important; +} + +div.wpforms-container-full .wpforms-form ul li:last-of-type { + margin-bottom: 0 !important; +} + +div.wpforms-container-full .wpforms-form hr { + border-top: 1px solid #ccc; + margin: 0.5em auto; +} + +div.wpforms-container-full .wpforms-form fieldset { + min-width: 0; +} + +.flatpickr-calendar .flatpickr-current-month select { + display: initial; +} + +@media only screen and (max-width: 600px) { + .flatpickr-calendar .flatpickr-current-month .numInputWrapper { + width: calc(6ch - 14px); + } + .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp, + .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown { + display: none; + } +} + +.wpforms-container .wpforms-form .wpforms-error-alert, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert { + border: 1px solid #cccccc; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-form .wpforms-error-alert { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +/* hCAPTCHA Area +----------------------------------------------------------------------------- */ +div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +/* Cloudflare Turnstile iframe content alignment fix. +----------------------------------------------------------------------------- */ +.wpforms-is-turnstile iframe { + margin-left: -2px !important; +} + +.wpforms-container .wpforms-hidden { + display: none !important; +} + +/* ========================================================================== + Theme - standard form styling + ========================================================================== */ +.wpforms-clear:before { + content: " "; + display: table; +} + +.wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +/* Basic Field properties +----------------------------------------------------------------------------- */ +/* Field sizes - medium */ +div.wpforms-container-full .wpforms-form input.wpforms-field-medium, +div.wpforms-container-full .wpforms-form select.wpforms-field-medium, +div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { + height: 120px; +} + +/* Field sizes - small */ +div.wpforms-container-full .wpforms-form input.wpforms-field-small, +div.wpforms-container-full .wpforms-form select.wpforms-field-small, +div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-small { + height: 70px; +} + +/* Field sizes - large */ +div.wpforms-container-full .wpforms-form input.wpforms-field-large, +div.wpforms-container-full .wpforms-form select.wpforms-field-large, +div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-large { + height: 220px; +} + +/* Field container */ +div.wpforms-container-full .wpforms-form .wpforms-field { + padding: 10px 0; + clear: both; +} + +/* Field Description */ +div.wpforms-container-full .wpforms-form .wpforms-field-description, +div.wpforms-container-full .wpforms-form .wpforms-field-limit-text { + font-size: 13px; + line-height: 1.3; + margin: 8px 0 0 0; + word-break: break-word; + word-wrap: break-word; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description { + background-color: #fff; + border: 1px solid #ddd; + color: #444; + padding: 15px 15px 0; + margin-top: 15px; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; + font-size: 12px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p { + color: #444; + font-size: 12px; + line-height: 18px; + margin-bottom: 15px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-description-before, +div.wpforms-container-full .wpforms-form .wpforms-field-description.before { + margin: 0 0 8px 0; +} + +/* Labels and sub-labels */ +div.wpforms-container-full .wpforms-form .wpforms-field-label { + display: block; + font-weight: 700; + font-size: 16px; + float: none; + line-height: 1.3; + margin: 0 0 4px 0; + padding: 0; + word-break: break-word; + word-wrap: break-word; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { + display: block; + font-size: 13px; + float: none; + font-weight: 400; + line-height: 1.3; + margin: 4px 0 0; + padding: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before { + margin: 0 0 4px 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-size: 16px; + font-weight: 400; + line-height: 1.3; + word-break: break-word; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide, +div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + clip: rect(0 0 0 0); + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; +} + +div.wpforms-container-full .wpforms-form .wpforms-required-label { + color: #ff0000; + font-weight: 400; +} + +/* Rows (multi-line fields: address, credit card, etc) +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-row { + margin-bottom: 8px; + position: relative; +} + +div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +/* Clear each row */ +div.wpforms-container-full .wpforms-form .wpforms-field-row:before { + content: ""; + display: table; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-row:after { + clear: both; + content: ""; + display: table; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child { + margin-left: 0; +} + +/* Columns +----------------------------------------------------------------------------- */ +/* User column classes (legacy). */ +div.wpforms-container-full .wpforms-form .wpforms-five-sixths, +div.wpforms-container-full .wpforms-form .wpforms-four-sixths, +div.wpforms-container-full .wpforms-form .wpforms-four-fifths, +div.wpforms-container-full .wpforms-form .wpforms-one-fifth, +div.wpforms-container-full .wpforms-form .wpforms-one-fourth, +div.wpforms-container-full .wpforms-form .wpforms-one-half, +div.wpforms-container-full .wpforms-form .wpforms-one-sixth, +div.wpforms-container-full .wpforms-form .wpforms-one-third, +div.wpforms-container-full .wpforms-form .wpforms-three-fourths, +div.wpforms-container-full .wpforms-form .wpforms-three-fifths, +div.wpforms-container-full .wpforms-form .wpforms-three-sixths, +div.wpforms-container-full .wpforms-form .wpforms-two-fourths, +div.wpforms-container-full .wpforms-form .wpforms-two-fifths, +div.wpforms-container-full .wpforms-form .wpforms-two-sixths, +div.wpforms-container-full .wpforms-form .wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-one-half, +div.wpforms-container-full .wpforms-form .wpforms-three-sixths, +div.wpforms-container-full .wpforms-form .wpforms-two-fourths { + width: calc( 50% - 10px); +} + +div.wpforms-container-full .wpforms-form .wpforms-one-third, +div.wpforms-container-full .wpforms-form .wpforms-two-sixths { + width: calc( 100% / 3 - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-one-third.wpforms-first, +div.wpforms-container-full .wpforms-form .wpforms-two-sixths.wpforms-first { + width: calc( 100% / 3); +} + +div.wpforms-container-full .wpforms-form .wpforms-four-sixths, +div.wpforms-container-full .wpforms-form .wpforms-two-thirds { + width: calc( 2 * 100% / 3 - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-four-sixths.wpforms-first, +div.wpforms-container-full .wpforms-form .wpforms-two-thirds.wpforms-first { + width: calc( 2 * 100% / 3); +} + +div.wpforms-container-full .wpforms-form .wpforms-one-fourth { + width: calc( 25% - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-one-fourth.wpforms-first { + width: 25%; +} + +div.wpforms-container-full .wpforms-form .wpforms-three-fourths { + width: calc( 75% - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-three-fourths.wpforms-first { + width: 75%; +} + +div.wpforms-container-full .wpforms-form .wpforms-one-fifth { + width: calc( 100% / 5 - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-one-fifth.wpforms-first { + width: calc( 100% / 5); +} + +div.wpforms-container-full .wpforms-form .wpforms-two-fifths { + width: calc( 2 * 100% / 5 - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-two-fifths.wpforms-first { + width: calc( 2 * 100% / 5); +} + +div.wpforms-container-full .wpforms-form .wpforms-three-fifths { + width: calc( 3 * 100% / 5 - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-three-fifths.wpforms-first { + width: calc( 3 * 100% / 5); +} + +div.wpforms-container-full .wpforms-form .wpforms-four-fifths { + width: calc( 4 * 100% / 5 - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-four-fifths.wpforms-first { + width: calc( 4 * 100% / 5); +} + +div.wpforms-container-full .wpforms-form .wpforms-one-sixth { + width: calc( 100% / 6 - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-one-sixth.wpforms-first { + width: calc( 100% / 6); +} + +div.wpforms-container-full .wpforms-form .wpforms-five-sixths { + width: calc( 5 * 100% / 6 - 20px); +} + +div.wpforms-container-full .wpforms-form .wpforms-five-sixths.wpforms-first { + width: calc( 5 * 100% / 6); +} + +div.wpforms-container-full .wpforms-form .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +/* User list column classes */ +div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul { + display: -ms-flex; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} + +div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, +div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li { + width: 50%; + display: block; + padding-right: 26px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, +div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li { + width: 33.3333%; + display: block; + padding-right: 26px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li { + display: inline-block; + vertical-align: top; + margin-right: 20px !important; +} + +/* Legacy, for BC */ +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half { + float: left; + width: 48%; + clear: both; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half { + float: right; + width: 48%; + clear: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third { + float: left; + width: 30.666666667%; + clear: both; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third { + float: left; + width: 30.666666667%; + margin-left: 4%; + clear: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third { + float: right; + width: 30.666666667%; + clear: none; +} + +div.wpforms-container-full .wpforms-form div.wpforms-last { + float: right !important; + margin-right: 0 !important; + clear: none; +} + +/* Preset Layouts +----------------------------------------------------------------------------- */ +/* Single line */ +div.wpforms-container-full.inline-fields { + overflow: visible; +} + +div.wpforms-container-full.inline-fields .wpforms-form { + display: flex; + align-items: flex-end; +} + +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container { + display: table; + width: calc(100% - 160px); + float: left; +} + +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field { + display: table-cell; + padding-right: 2%; + vertical-align: top; +} + +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container { + float: right; + width: 160px; + clear: none; + padding-bottom: 10px; +} + +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit { + display: block; + width: 100%; +} + +div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium, +div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium, +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +/* Set Styles +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form input[type=date], +div.wpforms-container-full .wpforms-form input[type=datetime], +div.wpforms-container-full .wpforms-form input[type=datetime-local], +div.wpforms-container-full .wpforms-form input[type=email], +div.wpforms-container-full .wpforms-form input[type=month], +div.wpforms-container-full .wpforms-form input[type=number], +div.wpforms-container-full .wpforms-form input[type=password], +div.wpforms-container-full .wpforms-form input[type=range], +div.wpforms-container-full .wpforms-form input[type=search], +div.wpforms-container-full .wpforms-form input[type=tel], +div.wpforms-container-full .wpforms-form input[type=text], +div.wpforms-container-full .wpforms-form input[type=time], +div.wpforms-container-full .wpforms-form input[type=url], +div.wpforms-container-full .wpforms-form input[type=week], +div.wpforms-container-full .wpforms-form select, +div.wpforms-container-full .wpforms-form textarea { + background-color: #fff; + box-sizing: border-box; + border-radius: 2px; + color: #333; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + display: block; + float: none; + font-size: 16px; + font-family: inherit; + border: 1px solid #ccc; + padding: 6px 10px; + height: 38px; + width: 100%; + line-height: 1.3; +} + +div.wpforms-container-full .wpforms-form textarea { + min-height: 38px; + resize: vertical; +} + +div.wpforms-container-full .wpforms-form input[type=checkbox], +div.wpforms-container-full .wpforms-form input[type=radio] { + border: 1px solid #ccc; + background-color: #fff; + width: 14px; + height: 14px; + margin: 0 10px 0 3px; + display: inline-block; + vertical-align: baseline; +} + +div.wpforms-container-full .wpforms-form input[type=radio] { + border-radius: 50%; +} + +div.wpforms-container-full .wpforms-form select { + max-width: 100%; + text-transform: none; + white-space: nowrap; +} + +div.wpforms-container-full .wpforms-form select[multiple] { + height: auto; + overflow-y: scroll; + background-image: none; +} + +div.wpforms-container-full .wpforms-form input[type=number]:read-only { + appearance: textfield; + -moz-appearance: textfield; + -webkit-appearance: textfield; +} + +div.wpforms-container-full .wpforms-form input[type=number]:read-only::-webkit-inner-spin-button { + visibility: hidden; +} + +div.wpforms-container-full .wpforms-form input[type=submit], +div.wpforms-container-full .wpforms-form button[type=submit], +div.wpforms-container-full .wpforms-form .wpforms-page-button { + background-color: #eee; + border: 1px solid #ddd; + color: #333; + font-size: 1em; + font-family: inherit; + padding: 10px 15px; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-button { + font-size: 0.9em; + font-weight: 400; + margin: 0 5px; + min-width: 90px; + text-align: center; +} + +div.wpforms-container-full .wpforms-form input[type=submit]:hover, +div.wpforms-container-full .wpforms-form input[type=submit]:focus, +div.wpforms-container-full .wpforms-form input[type=submit]:active, +div.wpforms-container-full .wpforms-form button[type=submit]:hover, +div.wpforms-container-full .wpforms-form button[type=submit]:focus, +div.wpforms-container-full .wpforms-form button[type=submit]:active, +div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, +div.wpforms-container-full .wpforms-form .wpforms-page-button:active, +div.wpforms-container-full .wpforms-form .wpforms-page-button:focus { + background-color: #ddd; + border: 1px solid #ccc; + cursor: pointer; +} + +div.wpforms-container-full .wpforms-form input[type=submit]:disabled, +div.wpforms-container-full .wpforms-form button[type=submit]:disabled, +div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled { + background-color: #eee; + border: 1px solid #ddd; + cursor: default; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form input:focus, +div.wpforms-container-full .wpforms-form textarea:focus, +div.wpforms-container-full .wpforms-form select:focus, +div.wpforms-container-full .wpforms-form .is-focused .choices__inner, +div.wpforms-container-full .wpforms-form .is-open .choices__inner, +div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown { + border: 1px solid #999; + box-shadow: none; +} + +div.wpforms-container-full .wpforms-form input:disabled, +div.wpforms-container-full .wpforms-form textarea:disabled, +div.wpforms-container-full .wpforms-form select:disabled { + background-color: #f9f9f9; + border-color: #ddd; + color: #999; + cursor: not-allowed; +} + +/* Errors, Warnings, etc +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container { + padding: 10px 0; + font-size: 15px; +} + +div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container .wpforms-error { + padding: 6px; + border: 1px solid #990000; + border-left: 5px solid; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container, +div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript { + color: #990000; +} + +div.wpforms-container-full .wpforms-form label.wpforms-error { + display: block; + color: #990000; + font-size: 12px; + float: none; + cursor: default; + margin-top: 8px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, +div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #cc0000; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error { + display: none !important; +} + +/* Confirmation +----------------------------------------------------------------------------- */ +/* + * Note: The second selector for the following two rules is needed to override the rule with + * the selector: `div.wpforms-container-full, div.wpforms-container-full .wpforms-form *`. + * The underlying cause is that the .wpforms-confirmation-container-full is not expected + * to be located inside of the .wpforms-confirmation-container-full element, since on non-AMP + * pages the confirmation message is never displayed on the same page as the form. + */ +.wpforms-confirmation-container-full, +div[submit-success] > .wpforms-confirmation-container-full { + color: #333; + margin: 0 auto 24px; + padding: 15px 15px; + overflow-wrap: break-word; +} + +.wpforms-confirmation-container-full iframe, +div[submit-success] > .wpforms-confirmation-container-full iframe { + width: 100%; + border: 0; +} + +.wpforms-confirmation-container-full, +div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { + background: #e0ffc7; + border: 1px solid #b4d39b; + box-sizing: border-box; +} + +.wpforms-confirmation-container-full p, +div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p { + color: #333333; +} + +.wpforms-confirmation-container-full p:last-of-type, +div[submit-success] > .wpforms-confirmation-container-full p:last-of-type { + margin: 0; +} + +/* + * Hide the form fields upon successful submission. This may not be the best approach. + * Perhaps more robust: .wpforms-form.amp-form-submit-success > *:not([submit-success]) { display:none } + */ +.amp-form-submit-success .wpforms-field-container, +.amp-form-submit-success .wpforms-submit-container { + display: none; +} + +/* reCAPTCHA Area +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container { + padding: 10px 0 20px 0; + clear: both; +} + +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible { + padding: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha { + line-height: 0; + font-size: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe { + position: relative !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe { + width: 100%; + max-width: 100%; +} + +/* Form Header area +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-title { + font-size: 26px; + margin: 0 0 10px 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-description { + margin: 0 0 10px 0; +} + +/* Form Footer area +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-submit-container { + padding: 10px 0 0 0; + clear: both; + position: relative; +} + +div.wpforms-container-full .wpforms-form .wpforms-submit-spinner { + margin-inline-start: 0.5em; + display: inline-block; + vertical-align: middle; + max-width: 26px; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center { + text-align: center; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left { + text-align: left; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button { + margin: 0 10px 0 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right { + text-align: right; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button { + margin: 0 0 0 10px; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev { + float: left; + margin: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next { + float: right; + margin: 0; +} + +/* Credit Card field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number { + margin-right: 100px; + width: calc( 100% - 120px); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code { + position: absolute; + right: 0; + top: 0; + width: 110px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name { + margin-right: 170px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration { + position: absolute; + right: 0; + top: 0; + width: 160px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select { + width: 45%; + float: left; + display: block; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span { + float: left; + width: 10%; + text-align: center; + line-height: 38px; +} + +/* Number slider field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + -webkit-appearance: none; + appearance: none; + height: 10px; + background: #fff; + border: 1px solid #CCC; + border-radius: 5px; + outline: none; + padding: 0; + margin: 10px 0 5px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track { + color: transparent; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + /* Override default look */ + appearance: none; + width: 17px; + height: 17px; + background: #B5B5B5; + cursor: pointer; + border-radius: 100%; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb { + width: 17px; + height: 17px; + background: #B5B5B5; + cursor: pointer; + border-radius: 100%; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb { + width: 17px; + height: 17px; + background: #B5B5B5; + cursor: pointer; + border-radius: 100%; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint { + font-size: 13px; +} + +/* Stripe Credit Card field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber, +div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input { + background-color: #fff; + box-sizing: border-box; + border-radius: 2px; + color: #333; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + display: block; + float: none; + font-size: 16px; + border: 1px solid #ccc; + padding: 8px 10px; + height: 38px; + width: 100%; + line-height: 1.3; +} + +div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid { + border: 1px solid #cc0000 !important; +} + +/* HTML field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-html ul, +div.wpforms-container-full .wpforms-form .wpforms-field-html ol { + margin: 0 0 20px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-html ul li, +div.wpforms-container-full .wpforms-form .wpforms-field-html ol li { + margin: 0 0 5px 0 !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-html ul li { + list-style: disc !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-html ol li { + list-style: decimal !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-html li > ul, +div.wpforms-container-full .wpforms-form .wpforms-field-html li > ol { + margin: 6px 0 0 20px !important; +} + +/* Date/time field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row { + display: flex; + flex-wrap: wrap; + align-items: start; + gap: 10px 12px; +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::before, div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::after { + position: absolute; +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown { + align-items: center; + display: flex; + flex-grow: 1; + flex-wrap: wrap; + width: clamp(calc( 50% - 12px), 100px, 100%); +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown + .wpforms-field-row-block { + width: clamp(calc( 50% - 12px), 100px, 100%); + flex: 1; + min-width: 30%; +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap { + width: 100%; +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel { + width: 100%; +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap { + align-items: center; + display: flex; + flex-grow: 1; + flex-wrap: wrap; + margin: 0 -6px 0 -6px; +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small { + width: calc( 25% + 12px); +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small select { + appearance: none; + background-image: none; + padding-left: 5px; + padding-right: 5px; +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium { + width: calc( 60% + 12px); +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-large { + width: calc( 100% + 12px); +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap select { + margin: 0 6px 0 6px; +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row-block .wpforms-field-date-dropdown-wrap { + width: 100%; +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-day, +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-month { + width: calc( 30% - 12px); +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-year { + width: calc( 40% - 12px); +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker { + width: clamp(calc( 50% - 12px), 100px, 100%); +} + +div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker + .wpforms-field-row-block { + width: clamp(50%, 100px, 100%); +} + +div.wpforms-container-full .wpforms-datepicker-wrap { + position: relative; +} + +div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear { + position: absolute; + background-image: url("../../../pro/images/times-solid-white.svg"); + background-position: 50% 50%; + background-repeat: no-repeat; + background-color: #cccccc; + background-size: 8px; + width: 16px; + height: 16px; + cursor: pointer; + display: block; + border-radius: 50%; + right: 10px; + top: 50%; + margin-top: -8px; + transition: all 0.3s; +} + +div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover { + background-color: red; +} + +div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small + .wpforms-datepicker-clear { + right: calc( 75% + 10px); +} + +div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium + .wpforms-datepicker-clear { + right: calc( 40% + 10px); +} + +/* Custom Captcha field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-captcha-math input { + display: inline-block; + width: 70px; + vertical-align: inherit; + margin: 0 0 0 5px; +} + +div.wpforms-container-full .wpforms-form .wpforms-captcha-equation { + font-size: 16px; +} + +div.wpforms-container-full .wpforms-form .wpforms-captcha-question { + margin: 0 0 4px 0; +} + +/* Rating field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-rating-item { + padding-right: 6px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-rating svg { + cursor: pointer; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px transparent; + opacity: 0.60; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg, +div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 1; +} + +/* Layout field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-layout { + padding: 0; +} + +/* File upload field +----------------------------------------------------------------------------- */ +div.wpforms-field-file-upload .wpforms-hide { + display: none !important; +} + +div.wpforms-field-file-upload input[type=file] { + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 22px; + padding: 1px; + height: auto; + width: 60%; + border: none !important; + box-shadow: none; +} + +div.wpforms-field-file-upload input[type=file]::-webkit-file-upload-button { + padding: 4px 12px; + font-weight: 400; + font-size: 14px; + margin-right: 10px; + cursor: pointer; + transition: all 0.15s ease-out; +} + +div.wpforms-field-file-upload input[type=file]:hover::-webkit-file-upload-button { + background: #eeeeee; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern { + border: 2px dashed rgba(0, 0, 0, 0.1); + background: rgba(0, 0, 0, 0.02); + padding: 20px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + cursor: pointer; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files { + padding: 5px; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg { + height: 50px; + width: 50px; + color: #e27730; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title { + font-weight: bold; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint { + color: rgba(0, 0, 0, 0.1); +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted { + border-color: #e27730; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block { + width: 100px; + height: 100px; + border: 1px solid rgba(0, 0, 0, 0.1); + background: #fff; + background-size: cover !important; + margin: 5px; + position: relative; + display: flex; + align-items: center; + justify-content: center; + cursor: default; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay { + opacity: 1; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + opacity: 0; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close { + position: absolute; + right: 5px; + top: 5px; + cursor: pointer; + display: block; + width: 18px; + height: 18px; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title { + position: absolute; + font-size: 12px; + color: #fff; + top: 25px; + bottom: 10px; + left: 5px; + right: 5px; + overflow-y: auto; + line-height: 16px; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left, +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right { + height: 18px; + width: 1px; + background: #fff; + position: absolute; + display: block; + z-index: 1; + right: 9px; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg { + height: 25px; + width: 25px; + color: rgba(0, 0, 0, 0.1); +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress { + height: 5px; + width: 0; + position: absolute; + bottom: 0; + left: 0; + background: #e27730; + transition: all 0.5s; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type="file"] { + display: none; +} + +/* Image choices +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input { + top: 50%; +} + +/* Modern style */ +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li { + margin: 5px 5px 5px 5px !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) { + background-color: #fff; + display: block; + margin: 0 auto; + border: 1px solid #fff; + border-radius: 3px; + padding: 20px 20px 18px 20px; + transition: all 0.5s; + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus { + border: 1px solid #ddd; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #fff; + background: green; + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after { + opacity: 1; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label { + font-weight: 700; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +/* Classic */ +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error) { + background-color: #fff; + display: block; + margin: 0 auto; + border: 2px solid #fff; + padding: 10px; + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus { + border-color: #ddd; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic li:has(input:checked) label { + border-color: #666 !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +/* Icon choices +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices, +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices + .wpforms-field-description, +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices, +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li, +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +/* Page Indicator themes +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-page-indicator { + margin: 0 0 20px 0; + overflow: hidden; +} + +/** Circles theme **/ +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles { + border-top: 1px solid #dfdfdf; + border-bottom: 1px solid #dfdfdf; + padding: 15px 10px; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + float: left; + margin: 0 20px 0 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type { + margin: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + height: 40px; + width: 40px; + border-radius: 50%; + display: inline-block; + margin: 0 10px 0 0; + line-height: 40px; + text-align: center; + background-color: #ddd; + color: #666; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number { + color: #fff; +} + +/* Connector theme */ +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page { + float: left; + text-align: center; + font-size: 16px; + line-height: 1.2; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: block; + text-indent: -9999px; + height: 6px; + background-color: #ddd; + margin: 0 0 16px 0; + position: relative; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle { + position: absolute; + top: 100%; + left: 50%; + width: 0; + height: 0; + margin-left: -5px; + border-style: solid; + border-width: 6px 5px 0 5px; + border-color: transparent transparent transparent transparent; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: inline-block; + padding: 0 15px; + font-size: 16px; +} + +/* Progress theme */ +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress { + font-size: 18px; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap { + display: block; + width: 100%; + background-color: #ddd; + height: 18px; + border-radius: 10px; + overflow: hidden; + position: relative; + margin: 5px 0 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress { + height: 18px; + position: absolute; + left: 0; + top: 0; +} + +/* Dropdown field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-select select > option { + color: inherit; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-select select > option.placeholder, +div.wpforms-container-full .wpforms-form .wpforms-field-select select > option[disabled] { + color: inherit; + opacity: 0.5; +} + +/* Classic style */ +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] { + padding: 0; +} + +@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none) { + div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] { + padding: 10px 8px; + } +} + +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option { + padding: 8px 10px; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); +} + +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option.placeholder, div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option[disabled] { + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); +} + +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option:checked { + background-color: lightgrey; +} + +@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none) { + div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select { + text-indent: 2px; + } +} + +/* Modern style */ +div.wpforms-container-full .wpforms-form .choices { + font-size: 16px; + color: #333; +} + +div.wpforms-container-full .wpforms-form .choices .choices__list--single { + font-size: 1em; + line-height: normal; +} + +div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner, +div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 2px 2px; +} + +div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner { + border-radius: 2px 2px 0 0; +} + +div.wpforms-container-full .wpforms-form .choices .choices__inner { + min-height: 38px; + line-height: 38px; + border-radius: 2px; + padding-top: 0; +} + +div.wpforms-container-full .wpforms-form .choices input.choices__input { + display: inline-block; + height: auto; + line-height: 1.3; +} + +div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder { + color: inherit; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder { + color: inherit; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder { + color: inherit; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty + .choices__input { + min-width: 100% !important; + text-overflow: ellipsis; + padding-right: 4px !important; + margin-bottom: 1px !important; + white-space: nowrap; +} + +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner input[disabled] { + opacity: 1; +} + +/* Notices +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-notice { + background-color: #fff; + border: 1px solid #ddd; + border-left-width: 12px; + color: #333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + outline: none; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete:before, +div.wpforms-container-full .wpforms-notice .wpforms-delete:after { + background-color: #fff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete:hover, +div.wpforms-container-full .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +div.wpforms-container-full .wpforms-notice a { + text-decoration: underline; +} + +div.wpforms-container-full .wpforms-notice p { + margin: 0 0 20px 0; +} + +div.wpforms-container-full .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-error { + border-color: #ff3860; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active { + color: #fff; +} + +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #ff3860; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area { + height: 100px; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area { + height: 250px; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area { + height: 400px; +} + +/* Preview notice. +----------------------------------------------------------------------------- */ +.wpforms-preview-notice-links { + line-height: 2.4; +} + +.wpforms-preview-notice { + background-color: #fcf9e8; + border: 1px solid #f5e6ab; + padding: 15px; + box-sizing: border-box; + font-size: 16px; +} + +.wpforms-preview-notice p { + margin: 0; +} + +/* Misc +----------------------------------------------------------------------------- */ +div.wpforms-container-full { + margin: 24px auto; +} + +div.wpforms-container-full .wpforms-form h3 { + font-size: 24px; +} + +/* Honeypot Area */ +div.wpforms-container-full .wpforms-form .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-hidden { + display: none; + padding: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0) !important; + height: 1px !important; + width: 1px !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + overflow: hidden !important; + word-wrap: normal !important; +} + +/* Limit options */ +div.wpforms-container-full .wpforms-form .wpforms-limit-text { + font-size: 13px; + display: block; +} + +/* RTL support +----------------------------------------------------------------------------- */ +/* Phone US format */ +body.rtl .wpforms-field-phone input[type=tel] { + direction: ltr; + unicode-bidi: embed; + text-align: right; +} + +body.rtl .wpforms-container-full .wpforms-form .wpforms-first { + float: right; +} + +body.rtl .wpforms-container-full .wpforms-form .wpforms-first + .wpforms-one-half { + margin-right: 4%; + margin-left: 0; +} + +/* Un-reset styles for form error container */ +div.wpforms-container-full .wpforms-form .wpforms-error-container ul li { + list-style: inside !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container ol li { + list-style: inside decimal !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container a { + text-decoration: underline !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container del { + text-decoration: line-through !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote { + padding-left: 20px; + border-left: 4px solid; + font-style: italic; +} + +/* Payment fields. +----------------------------------------------------------------------------- */ +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.wpforms-confirmation-container-full .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container *, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container *, +.wpforms-confirmation-container-full .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, + .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, + .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, + .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, + .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.wpforms-container .wpforms-form .size-large > .wpforms-order-summary-container, +.wpforms-container .wpforms-form .wpforms-field-large > .wpforms-order-summary-container, +.wpforms-confirmation-container-order-summary .size-large > .wpforms-order-summary-container, +.wpforms-confirmation-container-order-summary .wpforms-field-large > .wpforms-order-summary-container, +.wpforms-confirmation-container-full .size-large > .wpforms-order-summary-container, +.wpforms-confirmation-container-full .wpforms-field-large > .wpforms-order-summary-container { + max-width: 100%; +} + +.wpforms-container .wpforms-form .size-medium > .wpforms-order-summary-container, +.wpforms-container .wpforms-form .wpforms-field-medium > .wpforms-order-summary-container, +.wpforms-confirmation-container-order-summary .size-medium > .wpforms-order-summary-container, +.wpforms-confirmation-container-order-summary .wpforms-field-medium > .wpforms-order-summary-container, +.wpforms-confirmation-container-full .size-medium > .wpforms-order-summary-container, +.wpforms-confirmation-container-full .wpforms-field-medium > .wpforms-order-summary-container { + max-width: 60%; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-radius: 4px; + border: 1px solid #e2e2e2; + border-collapse: separate; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + border-top: 1px solid #e2e2e2; + border-bottom: none; + border-left: none; + border-right: none; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + font-weight: 400; + border: none; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + padding: 9px 0; + line-height: 20px; + background: none; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-wrap: balance; + padding-left: 10px; +} + +.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + padding-right: 10px; + padding-left: 0; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-right: 10px; +} + +.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-left: 10px; + padding-right: 0; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-left: 10px; +} + +.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-right: 10px; + padding-left: 0; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td { + font-weight: 700; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.wpforms-confirmation-container-full .wpforms-order-summary-container { + font-size: 16px; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-color: color-mix(in srgb, currentColor 25%, transparent); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total), +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total), +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total) { + color: color-mix(in srgb, currentColor 50%, transparent); + border-color: color-mix(in srgb, currentColor 50%, transparent); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #990000; + border-color: color-mix(in srgb, black 25%, transparent); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td { + color: currentColor; + border-color: color-mix(in srgb, currentColor 25%, transparent); +} + +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.wpforms-confirmation-container-full .wpforms-order-summary-container { + max-width: 100%; + margin-bottom: 24px; +} + +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container tr td, +.wpforms-confirmation-container-full .wpforms-order-summary-container tr td { + color: color-mix(in srgb, currentColor 75%, transparent); +} + +@media only screen and (max-width: 600px) { + div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container, + div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field { + display: block; + width: 100%; + } + div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container { + width: 100%; + } + div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: none; + } + div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) { + overflow-x: hidden; + } + div.wpforms-container-full .wpforms-form .wpforms-field { + padding-right: 1px; + padding-left: 1px; + } + div.wpforms-container-full .wpforms-form .wpforms-field > * { + max-width: 100%; + } + div.wpforms-container-full .wpforms-form .wpforms-mobile-full { + width: 100% !important; + margin-left: 0 !important; + float: none !important; + } + div.wpforms-container-full .wpforms-form input.wpforms-field-medium, + div.wpforms-container-full .wpforms-form select.wpforms-field-medium, + div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium, + div.wpforms-container-full .wpforms-form input.wpforms-field-small, + div.wpforms-container-full .wpforms-form select.wpforms-field-small, + div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small, + div.wpforms-container-full .wpforms-form input.wpforms-field-large, + div.wpforms-container-full .wpforms-form select.wpforms-field-large, + div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large { + max-width: 100%; + } + div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li { + float: none; + width: 100%; + } + div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + margin: 0 10px 0 0; + } + div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + margin: 20px 0 15px; + } + div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + width: 30px; + height: 30px; + } +} + +.et-db #et-boc .et-l .et_pb_module { + /* Resets +----------------------------------------------------------------------------- */ + /* hCAPTCHA Area +----------------------------------------------------------------------------- */ + /* Cloudflare Turnstile iframe content alignment fix. +----------------------------------------------------------------------------- */ + /* ========================================================================== + Theme - standard form styling + ========================================================================== */ + /* Basic Field properties +----------------------------------------------------------------------------- */ + /* Field sizes - medium */ + /* Field sizes - small */ + /* Field sizes - large */ + /* Field container */ + /* Field Description */ + /* Labels and sub-labels */ + /* Rows (multi-line fields: address, credit card, etc) +----------------------------------------------------------------------------- */ + /* Clear each row */ + /* Columns +----------------------------------------------------------------------------- */ + /* User column classes (legacy). */ + /* User list column classes */ + /* Legacy, for BC */ + /* Preset Layouts +----------------------------------------------------------------------------- */ + /* Single line */ + /* Set Styles +----------------------------------------------------------------------------- */ + /* Errors, Warnings, etc +----------------------------------------------------------------------------- */ + /* Confirmation +----------------------------------------------------------------------------- */ + /* + * Note: The second selector for the following two rules is needed to override the rule with + * the selector: `div.wpforms-container-full, div.wpforms-container-full .wpforms-form *`. + * The underlying cause is that the .wpforms-confirmation-container-full is not expected + * to be located inside of the .wpforms-confirmation-container-full element, since on non-AMP + * pages the confirmation message is never displayed on the same page as the form. + */ + /* + * Hide the form fields upon successful submission. This may not be the best approach. + * Perhaps more robust: .wpforms-form.amp-form-submit-success > *:not([submit-success]) { display:none } + */ + /* reCAPTCHA Area +----------------------------------------------------------------------------- */ + /* Form Header area +----------------------------------------------------------------------------- */ + /* Form Footer area +----------------------------------------------------------------------------- */ + /* Credit Card field +----------------------------------------------------------------------------- */ + /* Number slider field +----------------------------------------------------------------------------- */ + /* Stripe Credit Card field +----------------------------------------------------------------------------- */ + /* HTML field +----------------------------------------------------------------------------- */ + /* Date/time field +----------------------------------------------------------------------------- */ + /* Custom Captcha field +----------------------------------------------------------------------------- */ + /* Rating field +----------------------------------------------------------------------------- */ + /* Layout field +----------------------------------------------------------------------------- */ + /* File upload field +----------------------------------------------------------------------------- */ + /* Image choices +----------------------------------------------------------------------------- */ + /* Modern style */ + /* Classic */ + /* Icon choices +----------------------------------------------------------------------------- */ + /* Page Indicator themes +----------------------------------------------------------------------------- */ + /** Circles theme **/ + /* Connector theme */ + /* Progress theme */ + /* Dropdown field +----------------------------------------------------------------------------- */ + /* Classic style */ + /* Modern style */ + /* Notices +----------------------------------------------------------------------------- */ + /* Preview notice. +----------------------------------------------------------------------------- */ + /* Misc +----------------------------------------------------------------------------- */ + /* Honeypot Area */ + /* Limit options */ + /* RTL support +----------------------------------------------------------------------------- */ + /* Phone US format */ + /* Un-reset styles for form error container */ + /* Payment fields. +----------------------------------------------------------------------------- */ +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form * { + background: none; + border: 0 none; + border-radius: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + float: none; + font-size: 100%; + height: auto; + letter-spacing: normal; + list-style: none; + outline: none; + position: static; + text-decoration: none; + text-indent: 0; + text-shadow: none; + text-transform: none; + width: auto; + visibility: visible; + overflow: visible; + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full { + margin-left: auto; + margin-right: auto; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form amp-img > img { + position: absolute; + /* Override position:static from previous rule, to prevent breaking AMP layout. */ +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea { + margin: 0; + border: 0; + padding: 0; + display: inline-block; + vertical-align: middle; + background: none; + height: auto; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea { + max-width: 100%; + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul li { + background: none !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + list-style: none !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul li { + margin-bottom: 5px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul li:last-of-type { + margin-bottom: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form hr { + border-top: 1px solid #ccc; + margin: 0.5em auto; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form fieldset { + min-width: 0; +} + +.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month select { + display: initial; +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper { + width: calc(6ch - 14px); + } + .et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp, + .et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown { + display: none; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert { + border: 1px solid #cccccc; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.et-db #et-boc .et-l .et_pb_module div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-is-turnstile iframe { + margin-left: -2px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-hidden { + display: none !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-clear:before { + content: " "; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { + height: 120px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-small { + height: 70px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-large { + height: 220px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field { + padding: 10px 0; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-limit-text { + font-size: 13px; + line-height: 1.3; + margin: 8px 0 0 0; + word-break: break-word; + word-wrap: break-word; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description { + background-color: #fff; + border: 1px solid #ddd; + color: #444; + padding: 15px 15px 0; + margin-top: 15px; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; + font-size: 12px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p { + color: #444; + font-size: 12px; + line-height: 18px; + margin-bottom: 15px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description-before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description.before { + margin: 0 0 8px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-label { + display: block; + font-weight: 700; + font-size: 16px; + float: none; + line-height: 1.3; + margin: 0 0 4px 0; + padding: 0; + word-break: break-word; + word-wrap: break-word; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { + display: block; + font-size: 13px; + float: none; + font-weight: 400; + line-height: 1.3; + margin: 4px 0 0; + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before { + margin: 0 0 4px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-size: 16px; + font-weight: 400; + line-height: 1.3; + word-break: break-word; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + clip: rect(0 0 0 0); + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-required-label { + color: #ff0000; + font-weight: 400; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row { + margin-bottom: 8px; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row:before { + content: ""; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row:after { + clear: both; + content: ""; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child { + margin-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-five-sixths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-fifths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fifth, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fourth, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-sixth, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fourths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fifths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fourths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fifths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-sixths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fourths { + width: calc( 50% - 10px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-sixths { + width: calc( 100% / 3 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-third.wpforms-first, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-sixths.wpforms-first { + width: calc( 100% / 3); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-thirds { + width: calc( 2 * 100% / 3 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-sixths.wpforms-first, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-thirds.wpforms-first { + width: calc( 2 * 100% / 3); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fourth { + width: calc( 25% - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fourth.wpforms-first { + width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fourths { + width: calc( 75% - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fourths.wpforms-first { + width: 75%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fifth { + width: calc( 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fifth.wpforms-first { + width: calc( 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fifths { + width: calc( 2 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fifths.wpforms-first { + width: calc( 2 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fifths { + width: calc( 3 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fifths.wpforms-first { + width: calc( 3 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-fifths { + width: calc( 4 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-fifths.wpforms-first { + width: calc( 4 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-sixth { + width: calc( 100% / 6 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-sixth.wpforms-first { + width: calc( 100% / 6); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-five-sixths { + width: calc( 5 * 100% / 6 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-five-sixths.wpforms-first { + width: calc( 5 * 100% / 6); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul { + display: -ms-flex; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li { + width: 50%; + display: block; + padding-right: 26px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li { + width: 33.3333%; + display: block; + padding-right: 26px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li { + display: inline-block; + vertical-align: top; + margin-right: 20px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half { + float: left; + width: 48%; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half { + float: right; + width: 48%; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third { + float: left; + width: 30.666666667%; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third { + float: left; + width: 30.666666667%; + margin-left: 4%; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third { + float: right; + width: 30.666666667%; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form div.wpforms-last { + float: right !important; + margin-right: 0 !important; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields { + overflow: visible; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form { + display: flex; + align-items: flex-end; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container { + display: table; + width: calc(100% - 160px); + float: left; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field { + display: table-cell; + padding-right: 2%; + vertical-align: top; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container { + float: right; + width: 160px; + clear: none; + padding-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit { + display: block; + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=date], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=datetime], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=datetime-local], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=email], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=month], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=number], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=password], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=range], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=search], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=tel], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=text], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=time], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=url], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=week], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea { + background-color: #fff; + box-sizing: border-box; + border-radius: 2px; + color: #333; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + display: block; + float: none; + font-size: 16px; + font-family: inherit; + border: 1px solid #ccc; + padding: 6px 10px; + height: 38px; + width: 100%; + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea { + min-height: 38px; + resize: vertical; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=checkbox], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=radio] { + border: 1px solid #ccc; + background-color: #fff; + width: 14px; + height: 14px; + margin: 0 10px 0 3px; + display: inline-block; + vertical-align: baseline; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=radio] { + border-radius: 50%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select { + max-width: 100%; + text-transform: none; + white-space: nowrap; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select[multiple] { + height: auto; + overflow-y: scroll; + background-image: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=number]:read-only { + appearance: textfield; + -moz-appearance: textfield; + -webkit-appearance: textfield; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=number]:read-only::-webkit-inner-spin-button { + visibility: hidden; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button { + background-color: #eee; + border: 1px solid #ddd; + color: #333; + font-size: 1em; + font-family: inherit; + padding: 10px 15px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button { + font-size: 0.9em; + font-weight: 400; + margin: 0 5px; + min-width: 90px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit]:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit]:active, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit]:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit]:active, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button:active, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button:focus { + background-color: #ddd; + border: 1px solid #ccc; + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled { + background-color: #eee; + border: 1px solid #ddd; + cursor: default; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .is-focused .choices__inner, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .is-open .choices__inner, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown { + border: 1px solid #999; + box-shadow: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select:disabled { + background-color: #f9f9f9; + border-color: #ddd; + color: #999; + cursor: not-allowed; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container { + padding: 10px 0; + font-size: 15px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container .wpforms-error { + padding: 6px; + border: 1px solid #990000; + border-left: 5px solid; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript { + color: #990000; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form label.wpforms-error { + display: block; + color: #990000; + font-size: 12px; + float: none; + cursor: default; + margin-top: 8px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #cc0000; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error { + display: none !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full { + color: #333; + margin: 0 auto 24px; + padding: 15px 15px; + overflow-wrap: break-word; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full iframe, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full iframe { + width: 100%; + border: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { + background: #e0ffc7; + border: 1px solid #b4d39b; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full p, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p { + color: #333333; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full p:last-of-type, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full p:last-of-type { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-field-container, +.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-submit-container { + display: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container { + padding: 10px 0 20px 0; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible { + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha { + line-height: 0; + font-size: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe { + position: relative !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe { + width: 100%; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-title { + font-size: 26px; + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-description { + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-submit-container { + padding: 10px 0 0 0; + clear: both; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-submit-spinner { + margin-inline-start: 0.5em; + display: inline-block; + vertical-align: middle; + max-width: 26px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left { + text-align: left; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button { + margin: 0 10px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right { + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button { + margin: 0 0 0 10px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev { + float: left; + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next { + float: right; + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number { + margin-right: 100px; + width: calc( 100% - 120px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code { + position: absolute; + right: 0; + top: 0; + width: 110px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name { + margin-right: 170px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration { + position: absolute; + right: 0; + top: 0; + width: 160px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select { + width: 45%; + float: left; + display: block; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span { + float: left; + width: 10%; + text-align: center; + line-height: 38px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + -webkit-appearance: none; + appearance: none; + height: 10px; + background: #fff; + border: 1px solid #CCC; + border-radius: 5px; + outline: none; + padding: 0; + margin: 10px 0 5px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track { + color: transparent; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + /* Override default look */ + appearance: none; + width: 17px; + height: 17px; + background: #B5B5B5; + cursor: pointer; + border-radius: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb { + width: 17px; + height: 17px; + background: #B5B5B5; + cursor: pointer; + border-radius: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb { + width: 17px; + height: 17px; + background: #B5B5B5; + cursor: pointer; + border-radius: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint { + font-size: 13px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input { + background-color: #fff; + box-sizing: border-box; + border-radius: 2px; + color: #333; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + display: block; + float: none; + font-size: 16px; + border: 1px solid #ccc; + padding: 8px 10px; + height: 38px; + width: 100%; + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid { + border: 1px solid #cc0000 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ul, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ol { + margin: 0 0 20px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ul li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ol li { + margin: 0 0 5px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ul li { + list-style: disc !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ol li { + list-style: decimal !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html li > ul, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html li > ol { + margin: 6px 0 0 20px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row { + display: flex; + flex-wrap: wrap; + align-items: start; + gap: 10px 12px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::before, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::after { + position: absolute; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown { + align-items: center; + display: flex; + flex-grow: 1; + flex-wrap: wrap; + width: clamp(calc( 50% - 12px), 100px, 100%); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown + .wpforms-field-row-block { + width: clamp(calc( 50% - 12px), 100px, 100%); + flex: 1; + min-width: 30%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap { + align-items: center; + display: flex; + flex-grow: 1; + flex-wrap: wrap; + margin: 0 -6px 0 -6px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small { + width: calc( 25% + 12px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small select { + appearance: none; + background-image: none; + padding-left: 5px; + padding-right: 5px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium { + width: calc( 60% + 12px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-large { + width: calc( 100% + 12px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap select { + margin: 0 6px 0 6px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row-block .wpforms-field-date-dropdown-wrap { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-day, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-month { + width: calc( 30% - 12px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-year { + width: calc( 40% - 12px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker { + width: clamp(calc( 50% - 12px), 100px, 100%); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker + .wpforms-field-row-block { + width: clamp(50%, 100px, 100%); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap { + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear { + position: absolute; + background-image: url("../../../pro/images/times-solid-white.svg"); + background-position: 50% 50%; + background-repeat: no-repeat; + background-color: #cccccc; + background-size: 8px; + width: 16px; + height: 16px; + cursor: pointer; + display: block; + border-radius: 50%; + right: 10px; + top: 50%; + margin-top: -8px; + transition: all 0.3s; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover { + background-color: red; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small + .wpforms-datepicker-clear { + right: calc( 75% + 10px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium + .wpforms-datepicker-clear { + right: calc( 40% + 10px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-captcha-math input { + display: inline-block; + width: 70px; + vertical-align: inherit; + margin: 0 0 0 5px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-captcha-equation { + font-size: 16px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-captcha-question { + margin: 0 0 4px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-rating-item { + padding-right: 6px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-rating svg { + cursor: pointer; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px transparent; + opacity: 0.60; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout { + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-hide { + display: none !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload input[type=file] { + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 22px; + padding: 1px; + height: auto; + width: 60%; + border: none !important; + box-shadow: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload input[type=file]::-webkit-file-upload-button { + padding: 4px 12px; + font-weight: 400; + font-size: 14px; + margin-right: 10px; + cursor: pointer; + transition: all 0.15s ease-out; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload input[type=file]:hover::-webkit-file-upload-button { + background: #eeeeee; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern { + border: 2px dashed rgba(0, 0, 0, 0.1); + background: rgba(0, 0, 0, 0.02); + padding: 20px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files { + padding: 5px; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg { + height: 50px; + width: 50px; + color: #e27730; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title { + font-weight: bold; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint { + color: rgba(0, 0, 0, 0.1); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted { + border-color: #e27730; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block { + width: 100px; + height: 100px; + border: 1px solid rgba(0, 0, 0, 0.1); + background: #fff; + background-size: cover !important; + margin: 5px; + position: relative; + display: flex; + align-items: center; + justify-content: center; + cursor: default; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay { + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + opacity: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close { + position: absolute; + right: 5px; + top: 5px; + cursor: pointer; + display: block; + width: 18px; + height: 18px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title { + position: absolute; + font-size: 12px; + color: #fff; + top: 25px; + bottom: 10px; + left: 5px; + right: 5px; + overflow-y: auto; + line-height: 16px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left, +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right { + height: 18px; + width: 1px; + background: #fff; + position: absolute; + display: block; + z-index: 1; + right: 9px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg { + height: 25px; + width: 25px; + color: rgba(0, 0, 0, 0.1); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress { + height: 5px; + width: 0; + position: absolute; + bottom: 0; + left: 0; + background: #e27730; + transition: all 0.5s; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type="file"] { + display: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input { + top: 50%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li { + margin: 5px 5px 5px 5px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) { + background-color: #fff; + display: block; + margin: 0 auto; + border: 1px solid #fff; + border-radius: 3px; + padding: 20px 20px 18px 20px; + transition: all 0.5s; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus { + border: 1px solid #ddd; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #fff; + background: green; + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after { + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label { + font-weight: 700; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error) { + background-color: #fff; + display: block; + margin: 0 auto; + border: 2px solid #fff; + padding: 10px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus { + border-color: #ddd; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic li:has(input:checked) label { + border-color: #666 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices + .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator { + margin: 0 0 20px 0; + overflow: hidden; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles { + border-top: 1px solid #dfdfdf; + border-bottom: 1px solid #dfdfdf; + padding: 15px 10px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + float: left; + margin: 0 20px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + height: 40px; + width: 40px; + border-radius: 50%; + display: inline-block; + margin: 0 10px 0 0; + line-height: 40px; + text-align: center; + background-color: #ddd; + color: #666; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number { + color: #fff; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page { + float: left; + text-align: center; + font-size: 16px; + line-height: 1.2; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: block; + text-indent: -9999px; + height: 6px; + background-color: #ddd; + margin: 0 0 16px 0; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle { + position: absolute; + top: 100%; + left: 50%; + width: 0; + height: 0; + margin-left: -5px; + border-style: solid; + border-width: 6px 5px 0 5px; + border-color: transparent transparent transparent transparent; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: inline-block; + padding: 0 15px; + font-size: 16px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress { + font-size: 18px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap { + display: block; + width: 100%; + background-color: #ddd; + height: 18px; + border-radius: 10px; + overflow: hidden; + position: relative; + margin: 5px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress { + height: 18px; + position: absolute; + left: 0; + top: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-select select > option { + color: inherit; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-select select > option.placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-select select > option[disabled] { + color: inherit; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] { + padding: 0; +} + +@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] { + padding: 10px 8px; + } +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option { + padding: 8px 10px; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option.placeholder, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option[disabled] { + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option:checked { + background-color: lightgrey; +} + +@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select { + text-indent: 2px; + } +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices { + font-size: 16px; + color: #333; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices .choices__list--single { + font-size: 1em; + line-height: normal; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 2px 2px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner { + border-radius: 2px 2px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices .choices__inner { + min-height: 38px; + line-height: 38px; + border-radius: 2px; + padding-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices input.choices__input { + display: inline-block; + height: auto; + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder { + color: inherit; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder { + color: inherit; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder { + color: inherit; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty + .choices__input { + min-width: 100% !important; + text-overflow: ellipsis; + padding-right: 4px !important; + margin-bottom: 1px !important; + white-space: nowrap; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner input[disabled] { + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice { + background-color: #fff; + border: 1px solid #ddd; + border-left-width: 12px; + color: #333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + outline: none; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:after { + background-color: #fff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice a { + text-decoration: underline; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice p { + margin: 0 0 20px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error { + border-color: #ff3860; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active { + color: #fff; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #ff3860; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area { + height: 100px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area { + height: 250px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area { + height: 400px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-preview-notice-links { + line-height: 2.4; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-preview-notice { + background-color: #fcf9e8; + border: 1px solid #f5e6ab; + padding: 15px; + box-sizing: border-box; + font-size: 16px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-preview-notice p { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full { + margin: 24px auto; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form h3 { + font-size: 24px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-hidden { + display: none; + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0) !important; + height: 1px !important; + width: 1px !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + overflow: hidden !important; + word-wrap: normal !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-limit-text { + font-size: 13px; + display: block; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-field-phone input[type=tel] { + direction: ltr; + unicode-bidi: embed; + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container-full .wpforms-form .wpforms-first { + float: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container-full .wpforms-form .wpforms-first + .wpforms-one-half { + margin-right: 4%; + margin-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container ul li { + list-style: inside !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container ol li { + list-style: inside decimal !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container a { + text-decoration: underline !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container del { + text-decoration: line-through !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote { + padding-left: 20px; + border-left: 4px solid; + font-style: italic; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, .et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container *, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container *, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, + .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .size-large > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-large > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .size-large > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-field-large > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .size-large > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-field-large > .wpforms-order-summary-container { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .size-medium > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-medium > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .size-medium > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-field-medium > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .size-medium > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-field-medium > .wpforms-order-summary-container { + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-radius: 4px; + border: 1px solid #e2e2e2; + border-collapse: separate; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + border-top: 1px solid #e2e2e2; + border-bottom: none; + border-left: none; + border-right: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + font-weight: 400; + border: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + padding: 9px 0; + line-height: 20px; + background: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-wrap: balance; + padding-left: 10px; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + padding-right: 10px; + padding-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-right: 10px; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-left: 10px; + padding-right: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-left: 10px; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-right: 10px; + padding-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td { + font-weight: 700; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container { + font-size: 16px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-color: color-mix(in srgb, currentColor 25%, transparent); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total), +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total), +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total) { + color: color-mix(in srgb, currentColor 50%, transparent); + border-color: color-mix(in srgb, currentColor 50%, transparent); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #990000; + border-color: color-mix(in srgb, black 25%, transparent); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td { + color: currentColor; + border-color: color-mix(in srgb, currentColor 25%, transparent); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container { + max-width: 100%; + margin-bottom: 24px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container tr td { + color: color-mix(in srgb, currentColor 75%, transparent); +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field { + display: block; + width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container { + width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: none; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) { + overflow-x: hidden; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field { + padding-right: 1px; + padding-left: 1px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field > * { + max-width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-mobile-full { + width: 100% !important; + margin-left: 0 !important; + float: none !important; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-medium, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-medium, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-small, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-small, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-large, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-large, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large { + max-width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li { + float: none; + width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + margin: 0 10px 0 0; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + margin: 20px 0 15px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + width: 30px; + height: 30px; + } +} + + +/* 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; +} diff --git a/assets/css/wpforms-classic-full.min.css b/assets/css/wpforms-classic-full.min.css new file mode 100644 index 00000000..2f1e0ae1 --- /dev/null +++ b/assets/css/wpforms-classic-full.min.css @@ -0,0 +1,86 @@ +div.wpforms-container-full,div.wpforms-container-full .wpforms-form *{background:none;border:0 none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;font-size:100%;height:auto;letter-spacing:normal;list-style:none;outline:none;position:static;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}div.wpforms-container-full{margin-left:auto;margin-right:auto}div.wpforms-container-full .wpforms-form amp-img>img{position:absolute}div.wpforms-container-full .wpforms-form input,div.wpforms-container-full .wpforms-form label,div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form button,div.wpforms-container-full .wpforms-form textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;background:none;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.wpforms-container-full .wpforms-form textarea{max-width:100%;width:100%}div.wpforms-container-full .wpforms-form ul,div.wpforms-container-full .wpforms-form ul li{background:none !important;border:0 !important;margin:0 !important;padding:0 !important;list-style:none !important}div.wpforms-container-full .wpforms-form ul li{margin-bottom:5px !important}div.wpforms-container-full .wpforms-form ul li:last-of-type{margin-bottom:0 !important}div.wpforms-container-full .wpforms-form hr{border-top:1px solid #ccc;margin:0.5em auto}div.wpforms-container-full .wpforms-form fieldset{min-width:0}.flatpickr-calendar .flatpickr-current-month select{display:initial}@media only screen and (max-width: 600px){.flatpickr-calendar .flatpickr-current-month .numInputWrapper{width:calc(6ch - 14px)}.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp,.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown{display:none}}.wpforms-container .wpforms-form .wpforms-error-alert,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert{border:1px solid #cccccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.wpforms-container .wpforms-form .wpforms-error-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.wpforms-is-turnstile iframe{margin-left:-2px !important}.wpforms-container .wpforms-hidden{display:none !important}.wpforms-clear:before{content:" ";display:table}.wpforms-clear:after{clear:both;content:" ";display:table}div.wpforms-container-full .wpforms-form input.wpforms-field-medium,div.wpforms-container-full .wpforms-form select.wpforms-field-medium,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:60%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height:120px}div.wpforms-container-full .wpforms-form input.wpforms-field-small,div.wpforms-container-full .wpforms-form select.wpforms-field-small,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small{max-width:25%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-small{height:70px}div.wpforms-container-full .wpforms-form input.wpforms-field-large,div.wpforms-container-full .wpforms-form select.wpforms-field-large,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{height:220px}div.wpforms-container-full .wpforms-form .wpforms-field{padding:10px 0;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field-description,div.wpforms-container-full .wpforms-form .wpforms-field-limit-text{font-size:13px;line-height:1.3;margin:8px 0 0 0;word-break:break-word;word-wrap:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description{background-color:#fff;border:1px solid #ddd;color:#444;padding:15px 15px 0;margin-top:15px;height:125px;overflow-y:scroll;overflow-x:hidden;font-size:12px}div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p{color:#444;font-size:12px;line-height:18px;margin-bottom:15px}div.wpforms-container-full .wpforms-form .wpforms-field-description-before,div.wpforms-container-full .wpforms-form .wpforms-field-description.before{margin:0 0 8px 0}div.wpforms-container-full .wpforms-form .wpforms-field-label{display:block;font-weight:700;font-size:16px;float:none;line-height:1.3;margin:0 0 4px 0;padding:0;word-break:break-word;word-wrap:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-sublabel{display:block;font-size:13px;float:none;font-weight:400;line-height:1.3;margin:4px 0 0;padding:0}div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before{margin:0 0 4px 0}div.wpforms-container-full .wpforms-form .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-size:16px;font-weight:400;line-height:1.3;word-break:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide,div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}div.wpforms-container-full .wpforms-form .wpforms-required-label{color:#ff0000;font-weight:400}div.wpforms-container-full .wpforms-form .wpforms-field-row{margin-bottom:8px;position:relative}div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-form .wpforms-field-row:before{content:"";display:table}div.wpforms-container-full .wpforms-form .wpforms-field-row:after{clear:both;content:"";display:table}div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child{margin-left:0}div.wpforms-container-full .wpforms-form .wpforms-five-sixths,div.wpforms-container-full .wpforms-form .wpforms-four-sixths,div.wpforms-container-full .wpforms-form .wpforms-four-fifths,div.wpforms-container-full .wpforms-form .wpforms-one-fifth,div.wpforms-container-full .wpforms-form .wpforms-one-fourth,div.wpforms-container-full .wpforms-form .wpforms-one-half,div.wpforms-container-full .wpforms-form .wpforms-one-sixth,div.wpforms-container-full .wpforms-form .wpforms-one-third,div.wpforms-container-full .wpforms-form .wpforms-three-fourths,div.wpforms-container-full .wpforms-form .wpforms-three-fifths,div.wpforms-container-full .wpforms-form .wpforms-three-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-fourths,div.wpforms-container-full .wpforms-form .wpforms-two-fifths,div.wpforms-container-full .wpforms-form .wpforms-two-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-thirds{float:left;margin-left:20px;clear:none}div.wpforms-container-full .wpforms-form .wpforms-one-half,div.wpforms-container-full .wpforms-form .wpforms-three-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-fourths{width:calc( 50% - 10px)}div.wpforms-container-full .wpforms-form .wpforms-one-third,div.wpforms-container-full .wpforms-form .wpforms-two-sixths{width:calc( 100% / 3 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-one-third.wpforms-first,div.wpforms-container-full .wpforms-form .wpforms-two-sixths.wpforms-first{width:calc( 100% / 3)}div.wpforms-container-full .wpforms-form .wpforms-four-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-thirds{width:calc( 2 * 100% / 3 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-four-sixths.wpforms-first,div.wpforms-container-full .wpforms-form .wpforms-two-thirds.wpforms-first{width:calc( 2 * 100% / 3)}div.wpforms-container-full .wpforms-form .wpforms-one-fourth{width:calc( 25% - 20px)}div.wpforms-container-full .wpforms-form .wpforms-one-fourth.wpforms-first{width:25%}div.wpforms-container-full .wpforms-form .wpforms-three-fourths{width:calc( 75% - 20px)}div.wpforms-container-full .wpforms-form .wpforms-three-fourths.wpforms-first{width:75%}div.wpforms-container-full .wpforms-form .wpforms-one-fifth{width:calc( 100% / 5 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-one-fifth.wpforms-first{width:calc( 100% / 5)}div.wpforms-container-full .wpforms-form .wpforms-two-fifths{width:calc( 2 * 100% / 5 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-two-fifths.wpforms-first{width:calc( 2 * 100% / 5)}div.wpforms-container-full .wpforms-form .wpforms-three-fifths{width:calc( 3 * 100% / 5 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-three-fifths.wpforms-first{width:calc( 3 * 100% / 5)}div.wpforms-container-full .wpforms-form .wpforms-four-fifths{width:calc( 4 * 100% / 5 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-four-fifths.wpforms-first{width:calc( 4 * 100% / 5)}div.wpforms-container-full .wpforms-form .wpforms-one-sixth{width:calc( 100% / 6 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-one-sixth.wpforms-first{width:calc( 100% / 6)}div.wpforms-container-full .wpforms-form .wpforms-five-sixths{width:calc( 5 * 100% / 6 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-five-sixths.wpforms-first{width:calc( 5 * 100% / 6)}div.wpforms-container-full .wpforms-form .wpforms-first{clear:both !important;margin-left:0 !important}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li{width:50%;display:block;padding-right:26px !important}div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{width:33.3333%;display:block;padding-right:26px !important}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li{display:inline-block;vertical-align:top;margin-right:20px !important}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half{float:left;width:48%;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half{float:right;width:48%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third{float:left;width:30.666666667%;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third{float:left;width:30.666666667%;margin-left:4%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third{float:right;width:30.666666667%;clear:none}div.wpforms-container-full .wpforms-form div.wpforms-last{float:right !important;margin-right:0 !important;clear:none}div.wpforms-container-full.inline-fields{overflow:visible}div.wpforms-container-full.inline-fields .wpforms-form{display:flex;align-items:flex-end}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container{display:table;width:calc(100% - 160px);float:left}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:table-cell;padding-right:2%;vertical-align:top}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{float:right;width:160px;clear:none;padding-bottom:10px}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit{display:block;width:100%}div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium,div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium,div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:100%}div.wpforms-container-full .wpforms-form input[type=date],div.wpforms-container-full .wpforms-form input[type=datetime],div.wpforms-container-full .wpforms-form input[type=datetime-local],div.wpforms-container-full .wpforms-form input[type=email],div.wpforms-container-full .wpforms-form input[type=month],div.wpforms-container-full .wpforms-form input[type=number],div.wpforms-container-full .wpforms-form input[type=password],div.wpforms-container-full .wpforms-form input[type=range],div.wpforms-container-full .wpforms-form input[type=search],div.wpforms-container-full .wpforms-form input[type=tel],div.wpforms-container-full .wpforms-form input[type=text],div.wpforms-container-full .wpforms-form input[type=time],div.wpforms-container-full .wpforms-form input[type=url],div.wpforms-container-full .wpforms-form input[type=week],div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form textarea{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;font-family:inherit;border:1px solid #ccc;padding:6px 10px;height:38px;width:100%;line-height:1.3}div.wpforms-container-full .wpforms-form textarea{min-height:38px;resize:vertical}div.wpforms-container-full .wpforms-form input[type=checkbox],div.wpforms-container-full .wpforms-form input[type=radio]{border:1px solid #ccc;background-color:#fff;width:14px;height:14px;margin:0 10px 0 3px;display:inline-block;vertical-align:baseline}div.wpforms-container-full .wpforms-form input[type=radio]{border-radius:50%}div.wpforms-container-full .wpforms-form select{max-width:100%;text-transform:none;white-space:nowrap}div.wpforms-container-full .wpforms-form select[multiple]{height:auto;overflow-y:scroll;background-image:none}div.wpforms-container-full .wpforms-form input[type=number]:read-only{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}div.wpforms-container-full .wpforms-form input[type=number]:read-only::-webkit-inner-spin-button{visibility:hidden}div.wpforms-container-full .wpforms-form input[type=submit],div.wpforms-container-full .wpforms-form button[type=submit],div.wpforms-container-full .wpforms-form .wpforms-page-button{background-color:#eee;border:1px solid #ddd;color:#333;font-size:1em;font-family:inherit;padding:10px 15px}div.wpforms-container-full .wpforms-form .wpforms-page-button{font-size:0.9em;font-weight:400;margin:0 5px;min-width:90px;text-align:center}div.wpforms-container-full .wpforms-form input[type=submit]:hover,div.wpforms-container-full .wpforms-form input[type=submit]:focus,div.wpforms-container-full .wpforms-form input[type=submit]:active,div.wpforms-container-full .wpforms-form button[type=submit]:hover,div.wpforms-container-full .wpforms-form button[type=submit]:focus,div.wpforms-container-full .wpforms-form button[type=submit]:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{background-color:#ddd;border:1px solid #ccc;cursor:pointer}div.wpforms-container-full .wpforms-form input[type=submit]:disabled,div.wpforms-container-full .wpforms-form button[type=submit]:disabled,div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled{background-color:#eee;border:1px solid #ddd;cursor:default;opacity:0.5}div.wpforms-container-full .wpforms-form input:focus,div.wpforms-container-full .wpforms-form textarea:focus,div.wpforms-container-full .wpforms-form select:focus,div.wpforms-container-full .wpforms-form .is-focused .choices__inner,div.wpforms-container-full .wpforms-form .is-open .choices__inner,div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown{border:1px solid #999;box-shadow:none}div.wpforms-container-full .wpforms-form input:disabled,div.wpforms-container-full .wpforms-form textarea:disabled,div.wpforms-container-full .wpforms-form select:disabled{background-color:#f9f9f9;border-color:#ddd;color:#999;cursor:not-allowed}div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container{padding:10px 0;font-size:15px}div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container .wpforms-error{padding:6px;border:1px solid #990000;border-left:5px solid}div.wpforms-container-full .wpforms-form .wpforms-error-container,div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript{color:#990000}div.wpforms-container-full .wpforms-form label.wpforms-error{display:block;color:#990000;font-size:12px;float:none;cursor:default;margin-top:8px}div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #cc0000}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error{display:none !important}.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full{color:#333;margin:0 auto 24px;padding:15px 15px;overflow-wrap:break-word}.wpforms-confirmation-container-full iframe,div[submit-success]>.wpforms-confirmation-container-full iframe{width:100%;border:0}.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background:#e0ffc7;border:1px solid #b4d39b;box-sizing:border-box}.wpforms-confirmation-container-full p,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{color:#333333}.wpforms-confirmation-container-full p:last-of-type,div[submit-success]>.wpforms-confirmation-container-full p:last-of-type{margin:0}.amp-form-submit-success .wpforms-field-container,.amp-form-submit-success .wpforms-submit-container{display:none}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{padding:10px 0 20px 0;clear:both}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible{padding:0}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha{line-height:0;font-size:0}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe{position:relative !important}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe{width:100%;max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-title{font-size:26px;margin:0 0 10px 0}div.wpforms-container-full .wpforms-form .wpforms-description{margin:0 0 10px 0}div.wpforms-container-full .wpforms-form .wpforms-submit-container{padding:10px 0 0 0;clear:both;position:relative}div.wpforms-container-full .wpforms-form .wpforms-submit-spinner{margin-inline-start:0.5em;display:inline-block;vertical-align:middle;max-width:26px}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center{text-align:center}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left{text-align:left}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button{margin:0 10px 0 0}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right{text-align:right}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button{margin:0 0 0 10px}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev{float:left;margin:0}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next{float:right;margin:0}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number{margin-right:100px;width:calc( 100% - 120px)}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code{position:absolute;right:0;top:0;width:110px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name{margin-right:170px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration{position:absolute;right:0;top:0;width:160px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select{width:45%;float:left;display:block}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span{float:left;width:10%;text-align:center;line-height:38px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{-webkit-appearance:none;appearance:none;height:10px;background:#fff;border:1px solid #CCC;border-radius:5px;outline:none;padding:0;margin:10px 0 5px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track{color:transparent}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint{font-size:13px}div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber,div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;border:1px solid #ccc;padding:8px 10px;height:38px;width:100%;line-height:1.3}div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid{border:1px solid #cc0000 !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul,div.wpforms-container-full .wpforms-form .wpforms-field-html ol{margin:0 0 20px !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul li,div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{margin:0 0 5px 0 !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul li{list-style:disc !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{list-style:decimal !important}div.wpforms-container-full .wpforms-form .wpforms-field-html li>ul,div.wpforms-container-full .wpforms-form .wpforms-field-html li>ol{margin:6px 0 0 20px !important}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row{display:flex;flex-wrap:wrap;align-items:start;gap:10px 12px}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::before,div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::after{position:absolute}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;width:clamp(calc( 50% - 12px), 100px, 100%)}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown+.wpforms-field-row-block{width:clamp(calc( 50% - 12px), 100px, 100%);flex:1;min-width:30%}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap{width:100%}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel{width:100%}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;margin:0 -6px 0 -6px}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small{width:calc( 25% + 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small select{appearance:none;background-image:none;padding-left:5px;padding-right:5px}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium{width:calc( 60% + 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-large{width:calc( 100% + 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap select{margin:0 6px 0 6px}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row-block .wpforms-field-date-dropdown-wrap{width:100%}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-day,div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-month{width:calc( 30% - 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-year{width:calc( 40% - 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker{width:clamp(calc( 50% - 12px), 100px, 100%)}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker+.wpforms-field-row-block{width:clamp(50%, 100px, 100%)}div.wpforms-container-full .wpforms-datepicker-wrap{position:relative}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear{position:absolute;background-image:url("../../../pro/images/times-solid-white.svg");background-position:50% 50%;background-repeat:no-repeat;background-color:#cccccc;background-size:8px;width:16px;height:16px;cursor:pointer;display:block;border-radius:50%;right:10px;top:50%;margin-top:-8px;transition:all 0.3s}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover{background-color:red}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear{right:calc( 75% + 10px)}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{right:calc( 40% + 10px)}div.wpforms-container-full .wpforms-form .wpforms-captcha-math input{display:inline-block;width:70px;vertical-align:inherit;margin:0 0 0 5px}div.wpforms-container-full .wpforms-form .wpforms-captcha-equation{font-size:16px}div.wpforms-container-full .wpforms-form .wpforms-captcha-question{margin:0 0 4px 0}div.wpforms-container-full .wpforms-form .wpforms-field-rating-item{padding-right:6px}div.wpforms-container-full .wpforms-form .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg,div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}div.wpforms-container-full .wpforms-form .wpforms-field-layout{padding:0}div.wpforms-field-file-upload .wpforms-hide{display:none !important}div.wpforms-field-file-upload input[type=file]{font-style:normal;font-weight:400;font-size:16px;line-height:22px;padding:1px;height:auto;width:60%;border:none !important;box-shadow:none}div.wpforms-field-file-upload input[type=file]::-webkit-file-upload-button{padding:4px 12px;font-weight:400;font-size:14px;margin-right:10px;cursor:pointer;transition:all 0.15s ease-out}div.wpforms-field-file-upload input[type=file]:hover::-webkit-file-upload-button{background:#eeeeee}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern{border:2px dashed rgba(0,0,0,0.1);background:rgba(0,0,0,0.02);padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files{padding:5px;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg{height:50px;width:50px;color:#e27730}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title{font-weight:bold}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint{color:rgba(0,0,0,0.1)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted{border-color:#e27730}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text{display:flex;align-items:center;justify-content:center;flex-direction:column}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block{width:100px;height:100px;border:1px solid rgba(0,0,0,0.1);background:#fff;background-size:cover !important;margin:5px;position:relative;display:flex;align-items:center;justify-content:center;cursor:default}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay{opacity:1}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);opacity:0}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close{position:absolute;right:5px;top:5px;cursor:pointer;display:block;width:18px;height:18px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title{position:absolute;font-size:12px;color:#fff;top:25px;bottom:10px;left:5px;right:5px;overflow-y:auto;line-height:16px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left,div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{height:18px;width:1px;background:#fff;position:absolute;display:block;z-index:1;right:9px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg{height:25px;width:25px;color:rgba(0,0,0,0.1)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress{height:5px;width:0;position:absolute;bottom:0;left:0;background:#e27730;transition:all 0.5s}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type="file"]{display:none}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input{top:50%}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li{margin:5px 5px 5px 5px !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:1px solid #fff;border-radius:3px;padding:20px 20px 18px 20px;transition:all 0.5s;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus{border:1px solid #ddd}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#fff;background:green;opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after{opacity:1}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label{font-weight:700}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:2px solid #fff;padding:10px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus{border-color:#ddd}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image{display:block}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic li:has(input:checked) label{border-color:#666 !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices *{box-sizing:border-box}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-field-description,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-page-indicator{margin:0 0 20px 0;overflow:hidden}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 10px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:left;margin:0 20px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type{margin:0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{height:40px;width:40px;border-radius:50%;display:inline-block;margin:0 10px 0 0;line-height:40px;text-align:center;background-color:#ddd;color:#666}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number{color:#fff}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page{float:left;text-align:center;font-size:16px;line-height:1.2}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:block;text-indent:-9999px;height:6px;background-color:#ddd;margin:0 0 16px 0;position:relative}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:6px 5px 0 5px;border-color:transparent transparent transparent transparent}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:inline-block;padding:0 15px;font-size:16px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress{font-size:18px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{display:block;width:100%;background-color:#ddd;height:18px;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{height:18px;position:absolute;left:0;top:0}div.wpforms-container-full .wpforms-form .wpforms-field-select select>option{color:inherit}div.wpforms-container-full .wpforms-form .wpforms-field-select select>option.placeholder,div.wpforms-container-full .wpforms-form .wpforms-field-select select>option[disabled]{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:0}@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none){div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:10px 8px}}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option{padding:8px 10px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1)}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option.placeholder,div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option[disabled]{box-shadow:0 1px 0 0 rgba(0,0,0,0.2)}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option:checked{background-color:lightgrey}@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none){div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select{text-indent:2px}}div.wpforms-container-full .wpforms-form .choices{font-size:16px;color:#333}div.wpforms-container-full .wpforms-form .choices .choices__list--single{font-size:1em;line-height:normal}div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner,div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 2px 2px}div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner{border-radius:2px 2px 0 0}div.wpforms-container-full .wpforms-form .choices .choices__inner{min-height:38px;line-height:38px;border-radius:2px;padding-top:0}div.wpforms-container-full .wpforms-form .choices input.choices__input{display:inline-block;height:auto;line-height:1.3}div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty+.choices__input{min-width:100% !important;text-overflow:ellipsis;padding-right:4px !important;margin-bottom:1px !important;white-space:nowrap}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner input[disabled]{opacity:1}div.wpforms-container-full .wpforms-notice{background-color:#fff;border:1px solid #ddd;border-left-width:12px;color:#333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}div.wpforms-container-full .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;outline:none;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}div.wpforms-container-full .wpforms-notice .wpforms-delete:before,div.wpforms-container-full .wpforms-notice .wpforms-delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}div.wpforms-container-full .wpforms-notice .wpforms-delete:before{height:2px;width:50%}div.wpforms-container-full .wpforms-notice .wpforms-delete:after{height:50%;width:2px}div.wpforms-container-full .wpforms-notice .wpforms-delete:hover,div.wpforms-container-full .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}div.wpforms-container-full .wpforms-notice a{text-decoration:underline}div.wpforms-container-full .wpforms-notice p{margin:0 0 20px 0}div.wpforms-container-full .wpforms-notice p:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-info{border-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-success{border-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-warning{border-color:#ffdd57}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-error{border-color:#ff3860}div.wpforms-container-full .wpforms-notice .wpforms-notice-actions{margin-top:20px}div.wpforms-container-full .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active{color:#fff}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#ff3860}div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area{height:100px}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area{height:250px}div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area{height:400px}.wpforms-preview-notice-links{line-height:2.4}.wpforms-preview-notice{background-color:#fcf9e8;border:1px solid #f5e6ab;padding:15px;box-sizing:border-box;font-size:16px}.wpforms-preview-notice p{margin:0}div.wpforms-container-full{margin:24px auto}div.wpforms-container-full .wpforms-form h3{font-size:24px}div.wpforms-container-full .wpforms-form .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}div.wpforms-container-full .wpforms-form .wpforms-field-hidden{display:none;padding:0}div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;width:1px !important;border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;word-wrap:normal !important}div.wpforms-container-full .wpforms-form .wpforms-limit-text{font-size:13px;display:block}body.rtl .wpforms-field-phone input[type=tel]{direction:ltr;unicode-bidi:embed;text-align:right}body.rtl .wpforms-container-full .wpforms-form .wpforms-first{float:right}body.rtl .wpforms-container-full .wpforms-form .wpforms-first+.wpforms-one-half{margin-right:4%;margin-left:0}div.wpforms-container-full .wpforms-form .wpforms-error-container ul li{list-style:inside !important}div.wpforms-container-full .wpforms-form .wpforms-error-container ol li{list-style:inside decimal !important}div.wpforms-container-full .wpforms-form .wpforms-error-container a{text-decoration:underline !important}div.wpforms-container-full .wpforms-form .wpforms-error-container del{text-decoration:line-through !important}div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote{padding-left:20px;border-left:4px solid;font-style:italic}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-order-summary-container{display:block;max-width:60%}.wpforms-container .wpforms-form .wpforms-order-summary-container *,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container *,.wpforms-confirmation-container-full .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.wpforms-container .wpforms-form .size-large>.wpforms-order-summary-container,.wpforms-container .wpforms-form .wpforms-field-large>.wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .size-large>.wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .wpforms-field-large>.wpforms-order-summary-container,.wpforms-confirmation-container-full .size-large>.wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.wpforms-container .wpforms-form .size-medium>.wpforms-order-summary-container,.wpforms-container .wpforms-form .wpforms-field-medium>.wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .size-medium>.wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .wpforms-field-medium>.wpforms-order-summary-container,.wpforms-confirmation-container-full .size-medium>.wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-radius:4px;border:1px solid #e2e2e2;border-collapse:separate}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td{border-top:1px solid #e2e2e2;border-bottom:none;border-left:none;border-right:none}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{font-weight:400;border:none}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{padding:9px 0;line-height:20px;background:none}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-wrap:balance;padding-left:10px}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{padding-right:10px;padding-left:0}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-right:10px}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-left:10px;padding-right:0}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-left:10px}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-right:10px;padding-left:0}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td{font-weight:700}.wpforms-container .wpforms-form .wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-order-summary-container{font-size:16px}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-color:color-mix(in srgb, currentColor 25%, transparent)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total),.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total),.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total){color:color-mix(in srgb, currentColor 50%, transparent);border-color:color-mix(in srgb, currentColor 50%, transparent)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#990000;border-color:color-mix(in srgb, black 25%, transparent)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td{color:currentColor;border-color:color-mix(in srgb, currentColor 25%, transparent)}.wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-order-summary-container{max-width:100%;margin-bottom:24px}.wpforms-confirmation-container-order-summary .wpforms-order-summary-container tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container tr td{color:color-mix(in srgb, currentColor 75%, transparent)}@media only screen and (max-width: 600px){div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container,div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:block;width:100%}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{width:100%}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:none}div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:hidden}div.wpforms-container-full .wpforms-form .wpforms-field{padding-right:1px;padding-left:1px}div.wpforms-container-full .wpforms-form .wpforms-field>*{max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-mobile-full{width:100% !important;margin-left:0 !important;float:none !important}div.wpforms-container-full .wpforms-form input.wpforms-field-medium,div.wpforms-container-full .wpforms-form select.wpforms-field-medium,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,div.wpforms-container-full .wpforms-form input.wpforms-field-small,div.wpforms-container-full .wpforms-form select.wpforms-field-small,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small,div.wpforms-container-full .wpforms-form input.wpforms-field-large,div.wpforms-container-full .wpforms-form select.wpforms-field-large,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{float:none;width:100%}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{margin:0 10px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{margin:20px 0 15px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{width:30px;height:30px}}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form *{background:none;border:0 none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;font-size:100%;height:auto;letter-spacing:normal;list-style:none;outline:none;position:static;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full{margin-left:auto;margin-right:auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form amp-img>img{position:absolute}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;background:none;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea{max-width:100%;width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul li{background:none !important;border:0 !important;margin:0 !important;padding:0 !important;list-style:none !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul li{margin-bottom:5px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul li:last-of-type{margin-bottom:0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form hr{border-top:1px solid #ccc;margin:0.5em auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form fieldset{min-width:0}.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month select{display:initial}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper{width:calc(6ch - 14px)}.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp,.et-db #et-boc .et-l .et_pb_module .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown{display:none}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert{border:1px solid #cccccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.et-db #et-boc .et-l .et_pb_module div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.et-db #et-boc .et-l .et_pb_module .wpforms-is-turnstile iframe{margin-left:-2px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-hidden{display:none !important}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:before{content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:after{clear:both;content:" ";display:table}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:60%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height:120px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small{max-width:25%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-small{height:70px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{height:220px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field{padding:10px 0;clear:both}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-limit-text{font-size:13px;line-height:1.3;margin:8px 0 0 0;word-break:break-word;word-wrap:break-word}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description{background-color:#fff;border:1px solid #ddd;color:#444;padding:15px 15px 0;margin-top:15px;height:125px;overflow-y:scroll;overflow-x:hidden;font-size:12px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p{color:#444;font-size:12px;line-height:18px;margin-bottom:15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description-before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-description.before{margin:0 0 8px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-label{display:block;font-weight:700;font-size:16px;float:none;line-height:1.3;margin:0 0 4px 0;padding:0;word-break:break-word;word-wrap:break-word}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-sublabel{display:block;font-size:13px;float:none;font-weight:400;line-height:1.3;margin:4px 0 0;padding:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before{margin:0 0 4px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-size:16px;font-weight:400;line-height:1.3;word-break:break-word}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-required-label{color:#ff0000;font-weight:400}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row{margin-bottom:8px;position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row:before{content:"";display:table}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row:after{clear:both;content:"";display:table}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child{margin-left:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-five-sixths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-fifths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fifth,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fourth,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-sixth,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fourths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fifths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fourths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fifths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-sixths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-thirds{float:left;margin-left:20px;clear:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fourths{width:calc( 50% - 10px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-sixths{width:calc( 100% / 3 - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-third.wpforms-first,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-sixths.wpforms-first{width:calc( 100% / 3)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-thirds{width:calc( 2 * 100% / 3 - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-sixths.wpforms-first,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-thirds.wpforms-first{width:calc( 2 * 100% / 3)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fourth{width:calc( 25% - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fourth.wpforms-first{width:25%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fourths{width:calc( 75% - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fourths.wpforms-first{width:75%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fifth{width:calc( 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-fifth.wpforms-first{width:calc( 100% / 5)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fifths{width:calc( 2 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-two-fifths.wpforms-first{width:calc( 2 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fifths{width:calc( 3 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-three-fifths.wpforms-first{width:calc( 3 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-fifths{width:calc( 4 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-four-fifths.wpforms-first{width:calc( 4 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-sixth{width:calc( 100% / 6 - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-one-sixth.wpforms-first{width:calc( 100% / 6)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-five-sixths{width:calc( 5 * 100% / 6 - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-five-sixths.wpforms-first{width:calc( 5 * 100% / 6)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-first{clear:both !important;margin-left:0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li{width:50%;display:block;padding-right:26px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{width:33.3333%;display:block;padding-right:26px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li{display:inline-block;vertical-align:top;margin-right:20px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half{float:left;width:48%;clear:both}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half{float:right;width:48%;clear:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third{float:left;width:30.666666667%;clear:both}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third{float:left;width:30.666666667%;margin-left:4%;clear:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third{float:right;width:30.666666667%;clear:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form div.wpforms-last{float:right !important;margin-right:0 !important;clear:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields{overflow:visible}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form{display:flex;align-items:flex-end}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container{display:table;width:calc(100% - 160px);float:left}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:table-cell;padding-right:2%;vertical-align:top}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{float:right;width:160px;clear:none;padding-bottom:10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=date],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=datetime],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=datetime-local],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=email],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=month],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=number],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=password],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=range],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=search],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=tel],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=text],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=time],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=url],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=week],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;font-family:inherit;border:1px solid #ccc;padding:6px 10px;height:38px;width:100%;line-height:1.3}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea{min-height:38px;resize:vertical}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=checkbox],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=radio]{border:1px solid #ccc;background-color:#fff;width:14px;height:14px;margin:0 10px 0 3px;display:inline-block;vertical-align:baseline}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=radio]{border-radius:50%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select{max-width:100%;text-transform:none;white-space:nowrap}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select[multiple]{height:auto;overflow-y:scroll;background-image:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=number]:read-only{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=number]:read-only::-webkit-inner-spin-button{visibility:hidden}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button{background-color:#eee;border:1px solid #ddd;color:#333;font-size:1em;font-family:inherit;padding:10px 15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button{font-size:0.9em;font-weight:400;margin:0 5px;min-width:90px;text-align:center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit]:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit]:active,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit]:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit]:active,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button:active,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{background-color:#ddd;border:1px solid #ccc;cursor:pointer}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input[type=submit]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form button[type=submit]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled{background-color:#eee;border:1px solid #ddd;cursor:default;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .is-focused .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .is-open .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown{border:1px solid #999;box-shadow:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select:disabled{background-color:#f9f9f9;border-color:#ddd;color:#999;cursor:not-allowed}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container{padding:10px 0;font-size:15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container .wpforms-error{padding:6px;border:1px solid #990000;border-left:5px solid}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript{color:#990000}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form label.wpforms-error{display:block;color:#990000;font-size:12px;float:none;cursor:default;margin-top:8px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #cc0000}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error{display:none !important}.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full{color:#333;margin:0 auto 24px;padding:15px 15px;overflow-wrap:break-word}.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full iframe,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full iframe{width:100%;border:0}.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background:#e0ffc7;border:1px solid #b4d39b;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full p,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{color:#333333}.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full p:last-of-type,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full p:last-of-type{margin:0}.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module .amp-form-submit-success .wpforms-submit-container{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{padding:10px 0 20px 0;clear:both}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible{padding:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha{line-height:0;font-size:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe{position:relative !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe{width:100%;max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-title{font-size:26px;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-description{margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-submit-container{padding:10px 0 0 0;clear:both;position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-submit-spinner{margin-inline-start:0.5em;display:inline-block;vertical-align:middle;max-width:26px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center{text-align:center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left{text-align:left}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button{margin:0 10px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right{text-align:right}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button{margin:0 0 0 10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev{float:left;margin:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next{float:right;margin:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number{margin-right:100px;width:calc( 100% - 120px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code{position:absolute;right:0;top:0;width:110px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name{margin-right:170px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration{position:absolute;right:0;top:0;width:160px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select{width:45%;float:left;display:block}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span{float:left;width:10%;text-align:center;line-height:38px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{-webkit-appearance:none;appearance:none;height:10px;background:#fff;border:1px solid #CCC;border-radius:5px;outline:none;padding:0;margin:10px 0 5px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track{color:transparent}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint{font-size:13px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;border:1px solid #ccc;padding:8px 10px;height:38px;width:100%;line-height:1.3}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid{border:1px solid #cc0000 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ol{margin:0 0 20px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{margin:0 0 5px 0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ul li{list-style:disc !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{list-style:decimal !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html li>ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-html li>ol{margin:6px 0 0 20px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row{display:flex;flex-wrap:wrap;align-items:start;gap:10px 12px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::after{position:absolute}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;width:clamp(calc( 50% - 12px), 100px, 100%)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown+.wpforms-field-row-block{width:clamp(calc( 50% - 12px), 100px, 100%);flex:1;min-width:30%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;margin:0 -6px 0 -6px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small{width:calc( 25% + 12px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small select{appearance:none;background-image:none;padding-left:5px;padding-right:5px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium{width:calc( 60% + 12px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-large{width:calc( 100% + 12px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap select{margin:0 6px 0 6px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row-block .wpforms-field-date-dropdown-wrap{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-day,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-month{width:calc( 30% - 12px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-year{width:calc( 40% - 12px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker{width:clamp(calc( 50% - 12px), 100px, 100%)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker+.wpforms-field-row-block{width:clamp(50%, 100px, 100%)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap{position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear{position:absolute;background-image:url("../../../pro/images/times-solid-white.svg");background-position:50% 50%;background-repeat:no-repeat;background-color:#cccccc;background-size:8px;width:16px;height:16px;cursor:pointer;display:block;border-radius:50%;right:10px;top:50%;margin-top:-8px;transition:all 0.3s}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover{background-color:red}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear{right:calc( 75% + 10px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{right:calc( 40% + 10px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-captcha-math input{display:inline-block;width:70px;vertical-align:inherit;margin:0 0 0 5px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-captcha-equation{font-size:16px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-captcha-question{margin:0 0 4px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-rating-item{padding-right:6px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout{padding:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-hide{display:none !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload input[type=file]{font-style:normal;font-weight:400;font-size:16px;line-height:22px;padding:1px;height:auto;width:60%;border:none !important;box-shadow:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload input[type=file]::-webkit-file-upload-button{padding:4px 12px;font-weight:400;font-size:14px;margin-right:10px;cursor:pointer;transition:all 0.15s ease-out}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload input[type=file]:hover::-webkit-file-upload-button{background:#eeeeee}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern{border:2px dashed rgba(0,0,0,0.1);background:rgba(0,0,0,0.02);padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files{padding:5px;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg{height:50px;width:50px;color:#e27730}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title{font-weight:bold}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint{color:rgba(0,0,0,0.1)}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted{border-color:#e27730}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text{display:flex;align-items:center;justify-content:center;flex-direction:column}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block{width:100px;height:100px;border:1px solid rgba(0,0,0,0.1);background:#fff;background-size:cover !important;margin:5px;position:relative;display:flex;align-items:center;justify-content:center;cursor:default}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay{opacity:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);opacity:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close{position:absolute;right:5px;top:5px;cursor:pointer;display:block;width:18px;height:18px}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title{position:absolute;font-size:12px;color:#fff;top:25px;bottom:10px;left:5px;right:5px;overflow-y:auto;line-height:16px}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left,.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{height:18px;width:1px;background:#fff;position:absolute;display:block;z-index:1;right:9px}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg{height:25px;width:25px;color:rgba(0,0,0,0.1)}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress{height:5px;width:0;position:absolute;bottom:0;left:0;background:#e27730;transition:all 0.5s}.et-db #et-boc .et-l .et_pb_module div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type="file"]{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input{top:50%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li{margin:5px 5px 5px 5px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:1px solid #fff;border-radius:3px;padding:20px 20px 18px 20px;transition:all 0.5s;text-align:center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus{border:1px solid #ddd}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#fff;background:green;opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after{opacity:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label{font-weight:700}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:2px solid #fff;padding:10px;text-align:center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus{border-color:#ddd}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic li:has(input:checked) label{border-color:#666 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices *{box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-field-description,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator{margin:0 0 20px 0;overflow:hidden}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:left;margin:0 20px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type{margin:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{height:40px;width:40px;border-radius:50%;display:inline-block;margin:0 10px 0 0;line-height:40px;text-align:center;background-color:#ddd;color:#666}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number{color:#fff}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page{float:left;text-align:center;font-size:16px;line-height:1.2}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:block;text-indent:-9999px;height:6px;background-color:#ddd;margin:0 0 16px 0;position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:6px 5px 0 5px;border-color:transparent transparent transparent transparent}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:inline-block;padding:0 15px;font-size:16px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress{font-size:18px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{display:block;width:100%;background-color:#ddd;height:18px;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{height:18px;position:absolute;left:0;top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-select select>option{color:inherit}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-select select>option.placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-select select>option[disabled]{color:inherit;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:0}@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none){.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:10px 8px}}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option{padding:8px 10px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option.placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option[disabled]{box-shadow:0 1px 0 0 rgba(0,0,0,0.2)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option:checked{background-color:lightgrey}@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none){.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select{text-indent:2px}}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices{font-size:16px;color:#333}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices .choices__list--single{font-size:1em;line-height:normal}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 2px 2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner{border-radius:2px 2px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices .choices__inner{min-height:38px;line-height:38px;border-radius:2px;padding-top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices input.choices__input{display:inline-block;height:auto;line-height:1.3}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder{color:inherit;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder{color:inherit;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder{color:inherit;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty+.choices__input{min-width:100% !important;text-overflow:ellipsis;padding-right:4px !important;margin-bottom:1px !important;white-space:nowrap}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner input[disabled]{opacity:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice{background-color:#fff;border:1px solid #ddd;border-left-width:12px;color:#333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;outline:none;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:before{height:2px;width:50%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:after{height:50%;width:2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice a{text-decoration:underline}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice p{margin:0 0 20px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice p:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info{border-color:#3273dc}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success{border-color:#23d160}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning{border-color:#ffdd57}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error{border-color:#ff3860}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-actions{margin-top:20px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active{color:#fff}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#ff3860}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area{height:100px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area{height:250px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area{height:400px}.et-db #et-boc .et-l .et_pb_module .wpforms-preview-notice-links{line-height:2.4}.et-db #et-boc .et-l .et_pb_module .wpforms-preview-notice{background-color:#fcf9e8;border:1px solid #f5e6ab;padding:15px;box-sizing:border-box;font-size:16px}.et-db #et-boc .et-l .et_pb_module .wpforms-preview-notice p{margin:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full{margin:24px auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form h3{font-size:24px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-hidden{display:none;padding:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;width:1px !important;border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;word-wrap:normal !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-limit-text{font-size:13px;display:block}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-field-phone input[type=tel]{direction:ltr;unicode-bidi:embed;text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container-full .wpforms-form .wpforms-first{float:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container-full .wpforms-form .wpforms-first+.wpforms-one-half{margin-right:4%;margin-left:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container ul li{list-style:inside !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container ol li{list-style:inside decimal !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container a{text-decoration:underline !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container del{text-decoration:line-through !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote{padding-left:20px;border-left:4px solid;font-style:italic}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container{display:block;max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container *,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container *,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .size-large>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-large>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .size-large>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-field-large>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .size-large>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .size-medium>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-medium>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .size-medium>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-field-medium>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .size-medium>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-radius:4px;border:1px solid #e2e2e2;border-collapse:separate}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td{border-top:1px solid #e2e2e2;border-bottom:none;border-left:none;border-right:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{font-weight:400;border:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{padding:9px 0;line-height:20px;background:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-wrap:balance;padding-left:10px}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{padding-right:10px;padding-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-right:10px}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-left:10px;padding-right:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-left:10px}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-right:10px;padding-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td{font-weight:700}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container{font-size:16px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-color:color-mix(in srgb, currentColor 25%, transparent)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total),.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total),.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total){color:color-mix(in srgb, currentColor 50%, transparent);border-color:color-mix(in srgb, currentColor 50%, transparent)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#990000;border-color:color-mix(in srgb, black 25%, transparent)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td{color:currentColor;border-color:color-mix(in srgb, currentColor 25%, transparent)}.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container{max-width:100%;margin-bottom:24px}.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container tr td{color:color-mix(in srgb, currentColor 75%, transparent)}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:hidden}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field{padding-right:1px;padding-left:1px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field>*{max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-mobile-full{width:100% !important;margin-left:0 !important;float:none !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{float:none;width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{margin:0 10px 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{margin:20px 0 15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{width:30px;height:30px}} + + +/* 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; +} diff --git a/assets/css/wpforms-dashicons.css b/assets/css/wpforms-dashicons.css new file mode 100644 index 00000000..e816a860 --- /dev/null +++ b/assets/css/wpforms-dashicons.css @@ -0,0 +1,100 @@ +@font-face { + font-family: 'WPForms'; + src: url("../../fonts/wpforms.eot"); + src: url("../../fonts/wpforms.eot#iefix") format("embedded-opentype"), url("../../fonts/wpforms.woff2") format("woff2"), url("../../fonts/wpforms.woff") format("woff"), url("../../fonts/wpforms.ttf") format("truetype"), url("../../fonts/wpforms.svg#wpforms") format("svg"); + font-weight: normal; + font-style: normal; +} + +.dashicons-wpforms { + font-family: 'WPForms'; +} + +.dashicons-wpforms:before { + content: '\f298'; +} + + +/* 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; +} diff --git a/assets/css/wpforms-dashicons.min.css b/assets/css/wpforms-dashicons.min.css new file mode 100644 index 00000000..d50edb98 --- /dev/null +++ b/assets/css/wpforms-dashicons.min.css @@ -0,0 +1,86 @@ +@font-face{font-family:'WPForms';src:url("../../fonts/wpforms.eot");src:url("../../fonts/wpforms.eot#iefix") format("embedded-opentype"),url("../../fonts/wpforms.woff2") format("woff2"),url("../../fonts/wpforms.woff") format("woff"),url("../../fonts/wpforms.ttf") format("truetype"),url("../../fonts/wpforms.svg#wpforms") format("svg");font-weight:normal;font-style:normal}.dashicons-wpforms{font-family:'WPForms'}.dashicons-wpforms:before{content:'\f298'} + + +/* 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; +} diff --git a/assets/css/wpforms-form-preview.css b/assets/css/wpforms-form-preview.css new file mode 100644 index 00000000..154cc3b6 --- /dev/null +++ b/assets/css/wpforms-form-preview.css @@ -0,0 +1,97 @@ +.wpforms-preview-notice { + box-sizing: border-box; + padding: 15px; + background-color: #fcf9e8; + border: 1px solid #f5e6ab; + color: var(--wpforms-field-text-color); + font-size: 16px; +} + +.wpforms-preview-notice p { + margin: 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; +} diff --git a/assets/css/wpforms-form-preview.min.css b/assets/css/wpforms-form-preview.min.css new file mode 100644 index 00000000..f6db985d --- /dev/null +++ b/assets/css/wpforms-form-preview.min.css @@ -0,0 +1,86 @@ +.wpforms-preview-notice{box-sizing:border-box;padding:15px;background-color:#fcf9e8;border:1px solid #f5e6ab;color:var(--wpforms-field-text-color);font-size:16px}.wpforms-preview-notice p{margin: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; +} diff --git a/assets/css/wpforms-full.css b/assets/css/wpforms-full.css new file mode 100644 index 00000000..818e76a3 --- /dev/null +++ b/assets/css/wpforms-full.css @@ -0,0 +1,2058 @@ +/* Resets +----------------------------------------------------------------------------- */ +div.wpforms-container-full, +div.wpforms-container-full .wpforms-form * { + background: none; + border: 0 none; + border-radius: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + float: none; + font-size: 100%; + height: auto; + letter-spacing: normal; + list-style: none; + outline: none; + position: static; + text-decoration: none; + text-indent: 0; + text-shadow: none; + text-transform: none; + width: auto; + visibility: visible; + overflow: visible; + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +div.wpforms-container-full { + margin-left: auto; + margin-right: auto; +} + +div.wpforms-container-full .wpforms-form amp-img > img { + position: absolute; + /* Override position:static from previous rule, to prevent breaking AMP layout. */ +} + +div.wpforms-container-full .wpforms-form input, +div.wpforms-container-full .wpforms-form label, +div.wpforms-container-full .wpforms-form select, +div.wpforms-container-full .wpforms-form button, +div.wpforms-container-full .wpforms-form textarea { + margin: 0; + border: 0; + padding: 0; + display: inline-block; + vertical-align: middle; + background: none; + height: auto; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +div.wpforms-container-full .wpforms-form textarea { + width: 100%; +} + +div.wpforms-container-full .wpforms-form ul, +div.wpforms-container-full .wpforms-form ul li { + background: none !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + list-style: none !important; +} + +div.wpforms-container-full .wpforms-form ul li { + margin-bottom: 5px !important; +} + +div.wpforms-container-full .wpforms-form ul li:last-of-type { + margin-bottom: 0 !important; +} + +div.wpforms-container-full .wpforms-form hr { + border-top: 1px solid #ccc; + margin: 0.5em auto; +} + +div.wpforms-container-full .wpforms-form fieldset { + min-width: 0; +} + +.wpforms-container .wpforms-form .wpforms-error-alert { + border: 1px solid #cccccc; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-form .wpforms-error-alert { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +/* hCAPTCHA Area +----------------------------------------------------------------------------- */ +div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +/* Cloudflare Turnstile iframe content alignment fix. +----------------------------------------------------------------------------- */ +.wpforms-is-turnstile iframe { + margin-left: -2px !important; +} + +/* ========================================================================== + Theme - standard form styling + ========================================================================== */ +.wpforms-clear:before { + content: " "; + display: table; +} + +.wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +/* Basic Field properties +----------------------------------------------------------------------------- */ +/* Field sizes - medium */ +div.wpforms-container-full .wpforms-form input.wpforms-field-medium, +div.wpforms-container-full .wpforms-form select.wpforms-field-medium, +div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { + height: 120px; +} + +/* Field sizes - small */ +div.wpforms-container-full .wpforms-form input.wpforms-field-small, +div.wpforms-container-full .wpforms-form select.wpforms-field-small, +div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-small { + height: 70px; +} + +/* Field sizes - large */ +div.wpforms-container-full .wpforms-form input.wpforms-field-large, +div.wpforms-container-full .wpforms-form select.wpforms-field-large, +div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-large { + height: 220px; +} + +/* Field container */ +div.wpforms-container-full .wpforms-form .wpforms-field { + padding: 10px 0; + clear: both; +} + +/* Field Description */ +div.wpforms-container-full .wpforms-form .wpforms-field-description, +div.wpforms-container-full .wpforms-form .wpforms-field-limit-text { + font-size: 13px; + line-height: 1.3; + margin: 8px 0 0 0; + word-break: break-word; + word-wrap: break-word; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description { + background-color: #fff; + border: 1px solid #ddd; + color: #444; + padding: 15px 15px 0; + margin-top: 15px; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; + font-size: 12px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p { + color: #444; + font-size: 12px; + line-height: 18px; + margin-bottom: 15px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-description-before, +div.wpforms-container-full .wpforms-form .wpforms-field-description.before { + margin: 0 0 8px 0; +} + +/* Labels and sub-labels */ +div.wpforms-container-full .wpforms-form .wpforms-field-label { + display: block; + font-weight: 700; + font-size: 16px; + float: none; + line-height: 1.3; + margin: 0 0 4px 0; + padding: 0; + word-break: break-word; + word-wrap: break-word; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { + display: block; + font-size: 13px; + float: none; + font-weight: 400; + line-height: 1.3; + margin: 4px 0 0; + padding: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before { + margin: 0 0 4px 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-size: 16px; + font-weight: 400; + line-height: 1.3; + word-break: break-word; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide, +div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + top: -99999px; + left: -99999px; +} + +div.wpforms-container-full .wpforms-form .wpforms-required-label { + color: #ff0000; + font-weight: 400; +} + +/* Rows (multi-line fields: address, credit card, etc) +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-row { + margin-bottom: 8px; + position: relative; +} + +div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +/* Clear each row */ +div.wpforms-container-full .wpforms-form .wpforms-field-row:before { + content: " "; + display: table; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-row:after { + clear: both; + content: " "; + display: table; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child { + margin-left: 0; +} + +/* Columns +----------------------------------------------------------------------------- */ +/* User column classes */ +div.wpforms-container-full .wpforms-form .wpforms-five-sixths, +div.wpforms-container-full .wpforms-form .wpforms-four-sixths, +div.wpforms-container-full .wpforms-form .wpforms-four-fifths, +div.wpforms-container-full .wpforms-form .wpforms-one-fifth, +div.wpforms-container-full .wpforms-form .wpforms-one-fourth, +div.wpforms-container-full .wpforms-form .wpforms-one-half, +div.wpforms-container-full .wpforms-form .wpforms-one-sixth, +div.wpforms-container-full .wpforms-form .wpforms-one-third, +div.wpforms-container-full .wpforms-form .wpforms-three-fourths, +div.wpforms-container-full .wpforms-form .wpforms-three-fifths, +div.wpforms-container-full .wpforms-form .wpforms-three-sixths, +div.wpforms-container-full .wpforms-form .wpforms-two-fourths, +div.wpforms-container-full .wpforms-form .wpforms-two-fifths, +div.wpforms-container-full .wpforms-form .wpforms-two-sixths, +div.wpforms-container-full .wpforms-form .wpforms-two-thirds { + float: left; + margin-left: 4%; + clear: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-one-half, +div.wpforms-container-full .wpforms-form .wpforms-three-sixths, +div.wpforms-container-full .wpforms-form .wpforms-two-fourths { + width: 48%; +} + +div.wpforms-container-full .wpforms-form .wpforms-one-third, +div.wpforms-container-full .wpforms-form .wpforms-two-sixths { + width: 30.6666666667%; +} + +div.wpforms-container-full .wpforms-form .wpforms-four-sixths, +div.wpforms-container-full .wpforms-form .wpforms-two-thirds { + width: 65.3333333333%; +} + +div.wpforms-container-full .wpforms-form .wpforms-one-fourth { + width: 22%; +} + +div.wpforms-container-full .wpforms-form .wpforms-three-fourths { + width: 74%; +} + +div.wpforms-container-full .wpforms-form .wpforms-one-fifth { + width: 16.8%; +} + +div.wpforms-container-full .wpforms-form .wpforms-two-fifths { + width: 37.6%; +} + +div.wpforms-container-full .wpforms-form .wpforms-three-fifths { + width: 58.4%; +} + +div.wpforms-container-full .wpforms-form .wpforms-four-fifths { + width: 79.2%; +} + +div.wpforms-container-full .wpforms-form .wpforms-one-sixth { + width: 13.3333333333%; +} + +div.wpforms-container-full .wpforms-form .wpforms-five-sixths { + width: 82.6666666667%; +} + +div.wpforms-container-full .wpforms-form .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +/* User list column classes */ +div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul { + display: -ms-flex; + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} + +div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, +div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li { + width: 50%; + display: block; + padding-right: 26px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, +div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li { + width: 33.3333%; + display: block; + padding-right: 26px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li { + display: inline-block; + vertical-align: top; + margin-right: 20px !important; +} + +/* Legacy, for BC */ +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half { + float: left; + width: 48%; + clear: both; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half { + float: right; + width: 48%; + clear: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third { + float: left; + width: 30.666666667%; + clear: both; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third { + float: left; + width: 30.666666667%; + margin-left: 4%; + clear: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third { + float: right; + width: 30.666666667%; + clear: none; +} + +div.wpforms-container-full .wpforms-form div.wpforms-last { + float: right !important; + margin-right: 0 !important; + clear: none; +} + +/* Preset Layouts +----------------------------------------------------------------------------- */ +/* Single line */ +div.wpforms-container-full.inline-fields { + overflow: hidden; +} + +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container { + display: table; + width: calc(100% - 160px); + float: left; +} + +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field { + display: table-cell; + padding-right: 2%; + vertical-align: top; +} + +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container { + float: right; + width: 160px; + clear: none; +} + +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit { + display: block; + width: 100%; +} + +div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium, +div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium, +div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +/* Set Styles +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form input[type=date], +div.wpforms-container-full .wpforms-form input[type=datetime], +div.wpforms-container-full .wpforms-form input[type=datetime-local], +div.wpforms-container-full .wpforms-form input[type=email], +div.wpforms-container-full .wpforms-form input[type=month], +div.wpforms-container-full .wpforms-form input[type=number], +div.wpforms-container-full .wpforms-form input[type=password], +div.wpforms-container-full .wpforms-form input[type=range], +div.wpforms-container-full .wpforms-form input[type=search], +div.wpforms-container-full .wpforms-form input[type=tel], +div.wpforms-container-full .wpforms-form input[type=text], +div.wpforms-container-full .wpforms-form input[type=time], +div.wpforms-container-full .wpforms-form input[type=url], +div.wpforms-container-full .wpforms-form input[type=week], +div.wpforms-container-full .wpforms-form select, +div.wpforms-container-full .wpforms-form textarea { + background-color: #fff; + box-sizing: border-box; + border-radius: 2px; + color: #333; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + display: block; + float: none; + font-size: 16px; + font-family: inherit; + border: 1px solid #ccc; + padding: 6px 10px; + height: 38px; + width: 100%; + line-height: 1.3; +} + +div.wpforms-container-full .wpforms-form input[type=checkbox], +div.wpforms-container-full .wpforms-form input[type=radio] { + border: 1px solid #ccc; + background-color: #fff; + width: 14px; + height: 14px; + margin: 0 10px 0 3px; + display: inline-block; + vertical-align: baseline; +} + +div.wpforms-container-full .wpforms-form input[type=radio] { + border-radius: 50%; +} + +div.wpforms-container-full .wpforms-form select { + max-width: 100%; + text-transform: none; + white-space: nowrap; +} + +div.wpforms-container-full .wpforms-form select[multiple] { + height: auto; + overflow-y: scroll; + background-image: none; +} + +div.wpforms-container-full .wpforms-form input[type=submit], +div.wpforms-container-full .wpforms-form button[type=submit], +div.wpforms-container-full .wpforms-form .wpforms-page-button { + background-color: #eee; + border: 1px solid #ddd; + color: #333; + font-size: 1em; + padding: 10px 15px; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-button { + font-size: 0.9em; + font-weight: 400; + margin: 0 5px; + min-width: 90px; + text-align: center; +} + +div.wpforms-container-full .wpforms-form input[type=submit]:hover, +div.wpforms-container-full .wpforms-form input[type=submit]:focus, +div.wpforms-container-full .wpforms-form input[type=submit]:active, +div.wpforms-container-full .wpforms-form button[type=submit]:hover, +div.wpforms-container-full .wpforms-form button[type=submit]:focus, +div.wpforms-container-full .wpforms-form button[type=submit]:active, +div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, +div.wpforms-container-full .wpforms-form .wpforms-page-button:active, +div.wpforms-container-full .wpforms-form .wpforms-page-button:focus { + background-color: #ddd; + border: 1px solid #ccc; + cursor: pointer; +} + +div.wpforms-container-full .wpforms-form input[type=submit]:disabled, +div.wpforms-container-full .wpforms-form button[type=submit]:disabled, +div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled { + background-color: #eee; + border: 1px solid #ddd; + cursor: default; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form input:focus, +div.wpforms-container-full .wpforms-form textarea:focus, +div.wpforms-container-full .wpforms-form select:focus, +div.wpforms-container-full .wpforms-form .is-focused .choices__inner, +div.wpforms-container-full .wpforms-form .is-open .choices__inner, +div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown { + border: 1px solid #999; + box-shadow: none; +} + +div.wpforms-container-full .wpforms-form input:disabled, +div.wpforms-container-full .wpforms-form textarea:disabled, +div.wpforms-container-full .wpforms-form select:disabled { + background-color: #f9f9f9; + border-color: #ddd; + color: #999; + cursor: not-allowed; +} + +/* Errors, Warnings, etc +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-error-container, +div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript { + color: #990000; +} + +div.wpforms-container-full .wpforms-form label.wpforms-error { + display: block; + color: #990000; + font-size: 12px; + float: none; + cursor: default; +} + +div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, +div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #cc0000; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error { + display: none !important; +} + +/* Confirmation +----------------------------------------------------------------------------- */ +/* + * Note: The second selector for the following two rules is needed to override the rule with + * the selector: `div.wpforms-container-full, div.wpforms-container-full .wpforms-form *`. + * The underlying cause is that the .wpforms-confirmation-container-full is not expected + * to be located inside of the .wpforms-confirmation-container-full element, since on non-AMP + * pages the confirmation message is never displayed on the same page as the form. + */ +.wpforms-confirmation-container-full, +div[submit-success] > .wpforms-confirmation-container-full { + color: #333; + margin: 0 auto 24px; + padding: 15px 15px; + overflow-wrap: break-word; +} + +.wpforms-confirmation-container-full, +div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { + background: #e0ffc7; + border: 1px solid #b4d39b; + box-sizing: border-box; +} + +.wpforms-confirmation-container-full p:last-of-type, +div[submit-success] > .wpforms-confirmation-container-full p:last-of-type { + margin: 0; +} + +/* + * Hide the form fields upon successful submission. This may not be the best approach. + * Perhaps more robust: .wpforms-form.amp-form-submit-success > *:not([submit-success]) { display:none } + */ +.amp-form-submit-success .wpforms-field-container, +.amp-form-submit-success .wpforms-submit-container { + display: none; +} + +/* reCAPTCHA Area +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container { + padding: 10px 0 20px 0; + clear: both; +} + +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible { + padding: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha { + line-height: 0; + font-size: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe { + position: relative !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe { + width: 100%; + max-width: 100%; +} + +/* Form Header area +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-title { + font-size: 26px; + margin: 0 0 10px 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-description { + margin: 0 0 10px 0; +} + +/* Form Footer area +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-submit-container { + padding: 10px 0 0 0; + clear: both; + position: relative; +} + +div.wpforms-container-full .wpforms-form .wpforms-submit-spinner { + margin-left: 0.5em; + display: inline-block; + vertical-align: middle; + max-width: 26px; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center { + text-align: center; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left { + text-align: left; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button { + margin: 0 10px 0 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right { + text-align: right; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button { + margin: 0 0 0 10px; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev { + float: left; + margin: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next { + float: right; + margin: 0; +} + +/* Credit Card field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number { + margin-right: 100px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code { + position: absolute; + right: 0; + top: 0; + width: 90px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name { + margin-right: 170px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration { + position: absolute; + right: 0; + top: 0; + width: 160px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select { + width: 45%; + float: left; + display: block; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span { + float: left; + width: 10%; + text-align: center; + line-height: 38px; +} + +/* Number slider field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + -webkit-appearance: none; + appearance: none; + height: 10px; + background: #fff; + border: 1px solid #CCC; + border-radius: 5px; + outline: none; + padding: 0; + margin: 10px 0 5px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track { + color: transparent; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + /* Override default look */ + appearance: none; + width: 17px; + height: 17px; + background: #B5B5B5; + cursor: pointer; + border-radius: 100%; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb { + width: 17px; + height: 17px; + background: #B5B5B5; + cursor: pointer; + border-radius: 100%; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb { + width: 17px; + height: 17px; + background: #B5B5B5; + cursor: pointer; + border-radius: 100%; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint { + font-size: 13px; +} + +/* Stripe Credit Card field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber, +div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input { + background-color: #fff; + box-sizing: border-box; + border-radius: 2px; + color: #333; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + display: block; + float: none; + font-size: 16px; + border: 1px solid #ccc; + padding: 8px 10px; + height: 38px; + width: 100%; + line-height: 1.3; +} + +div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid { + border: 1px solid #cc0000 !important; +} + +/* HTML field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-html ul, +div.wpforms-container-full .wpforms-form .wpforms-field-html ol { + margin: 0 0 20px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-html ul li, +div.wpforms-container-full .wpforms-form .wpforms-field-html ol li { + margin: 0 0 5px 0 !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-html ul li { + list-style: disc !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-html ol li { + list-style: decimal !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-html li > ul, +div.wpforms-container-full .wpforms-form .wpforms-field-html li > ol { + margin: 6px 0 0 20px !important; +} + +/* Date/time field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-field-date-time-date-sep { + display: inline-block; + padding: 0 5px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-year, +div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-day, +div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-month { + display: inline-block; + width: auto; +} + +div.wpforms-container-full .wpforms-datepicker-wrap { + position: relative; +} + +div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear { + position: absolute; + background-image: url(../images/times-solid-white.svg); + background-position: 50% 50%; + background-repeat: no-repeat; + background-color: #cccccc; + background-size: 8px; + width: 16px; + height: 16px; + cursor: pointer; + display: block; + border-radius: 50%; + right: 10px; + top: 50%; + margin-top: -8px; + transition: all 0.3s; +} + +div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover { + background-color: red; +} + +div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small + .wpforms-datepicker-clear { + right: calc( 75% + 10px); +} + +div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium + .wpforms-datepicker-clear { + right: calc( 40% + 10px); +} + +/* Custom Captcha field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-captcha-math input { + display: inline-block; + width: 70px; + vertical-align: inherit; + margin: 0 0 0 5px; +} + +div.wpforms-container-full .wpforms-form .wpforms-captcha-equation { + font-size: 16px; +} + +div.wpforms-container-full .wpforms-form .wpforms-captcha-question { + margin: 0 0 4px 0; +} + +/* Rating field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-rating-item { + padding-right: 6px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-rating svg { + cursor: pointer; + -webkit-transform: perspective(1px) translateZ(0); + transform: perspective(1px) translateZ(0); + box-shadow: 0 0 1px transparent; + opacity: 0.60; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg, +div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg, +div.wpforms-container-full .wpforms-form .wpforms-field-rating-item input:focus + svg { + -webkit-transform: scale(1.3); + transform: scale(1.3); + opacity: 1; +} + +/* File upload field +----------------------------------------------------------------------------- */ +div.wpforms-field-file-upload .wpforms-hide { + display: none !important; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern { + border: 2px dashed rgba(0, 0, 0, 0.1); + background: rgba(0, 0, 0, 0.02); + padding: 20px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + cursor: pointer; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files { + padding: 5px; + flex-direction: row; + align-items: flex-start; + justify-content: flex-start; + flex-wrap: wrap; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg { + height: 50px; + width: 50px; + color: #e27730; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title { + font-weight: bold; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint { + color: rgba(0, 0, 0, 0.1); +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted { + border-color: #e27730; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block { + width: 100px; + height: 100px; + border: 1px solid rgba(0, 0, 0, 0.1); + background: #fff; + background-size: cover !important; + margin: 5px; + position: relative; + display: flex; + align-items: center; + justify-content: center; + cursor: default; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay { + opacity: 1; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.5); + opacity: 0; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close { + position: absolute; + right: 5px; + top: 5px; + cursor: pointer; + display: block; + width: 18px; + height: 18px; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title { + position: absolute; + font-size: 12px; + color: #fff; + top: 25px; + bottom: 10px; + left: 5px; + right: 5px; + overflow-y: auto; + line-height: 16px; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left, +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right { + height: 18px; + width: 1px; + background: #fff; + position: absolute; + display: block; + z-index: 1; + right: 9px; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg { + height: 25px; + width: 25px; + color: rgba(0, 0, 0, 0.1); +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress { + height: 5px; + width: 0; + position: absolute; + bottom: 0; + left: 0; + background: #e27730; + transition: all 0.5s; +} + +div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type="file"] { + display: none; +} + +/* Image choices +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input { + top: 50%; +} + +/* Modern style */ +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li { + margin: 5px 5px 5px 5px !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) { + background-color: #fff; + display: block; + margin: 0 auto; + border: 1px solid #fff; + border-radius: 3px; + padding: 20px 20px 18px 20px; + transition: all 0.5s; + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus { + border: 1px solid #ddd; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #fff; + background: green; + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after { + opacity: 1; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label { + font-weight: 700; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +/* Classic */ +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error) { + background-color: #fff; + display: block; + margin: 0 auto; + border: 2px solid #fff; + padding: 10px; + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus { + border-color: #ddd; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label { + border-color: #666 !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +/* Icon choices +----------------------------------------------------------------------------- */ +/* Base styles */ +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices, +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices + .wpforms-field-description, +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices, +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li, +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +/* Page Indicator themes +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-page-indicator { + margin: 0 0 20px 0; + overflow: hidden; +} + +/** Circles theme **/ +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles { + border-top: 1px solid #dfdfdf; + border-bottom: 1px solid #dfdfdf; + padding: 15px 10px; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + float: left; + margin: 0 20px 0 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type { + margin: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + height: 40px; + width: 40px; + border-radius: 50%; + display: inline-block; + margin: 0 10px 0 0; + line-height: 40px; + text-align: center; + background-color: #ddd; + color: #666; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number { + color: #fff; +} + +/* Connector theme */ +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page { + float: left; + text-align: center; + font-size: 16px; + line-height: 1.2; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: block; + text-indent: -9999px; + height: 6px; + background-color: #ddd; + margin: 0 0 16px 0; + position: relative; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle { + position: absolute; + top: 100%; + left: 50%; + width: 0; + height: 0; + margin-left: -5px; + border-style: solid; + border-width: 6px 5px 0 5px; + border-color: transparent transparent transparent transparent; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: inline-block; + padding: 0 15px; + font-size: 16px; +} + +/* Progress theme */ +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress { + font-size: 18px; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap { + display: block; + width: 100%; + background-color: #ddd; + height: 18px; + border-radius: 10px; + overflow: hidden; + position: relative; + margin: 5px 0 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress { + height: 18px; + position: absolute; + left: 0; + top: 0; +} + +/* Dropdown field +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-form .wpforms-field-select select > option { + color: inherit; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-select select > option.placeholder, +div.wpforms-container-full .wpforms-form .wpforms-field-select select > option[disabled] { + color: inherit; + opacity: 0.5; +} + +/* Classic style */ +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select { + padding-left: 6px; +} + +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] { + padding: 0; +} + +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option { + padding: 10px; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); +} + +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option.placeholder, div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option[disabled] { + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); +} + +div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] > option:checked { + background-color: lightgrey; +} + +/* Modern style */ +div.wpforms-container-full .wpforms-form .choices { + font-size: 16px; + color: #333; +} + +div.wpforms-container-full .wpforms-form .choices .choices__list--single { + font-size: 1em; + line-height: normal; +} + +div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner, +div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 2px 2px; +} + +div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner { + border-radius: 2px 2px 0 0; +} + +div.wpforms-container-full .wpforms-form .choices .choices__inner { + min-height: 38px; + border-radius: 2px; +} + +div.wpforms-container-full .wpforms-form .choices input.choices__input { + display: inline-block; + height: auto; + line-height: 1.3; +} + +div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder { + color: inherit; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder { + color: inherit; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder { + color: inherit; + opacity: 0.5; +} + +/* Notices +----------------------------------------------------------------------------- */ +div.wpforms-container-full .wpforms-notice { + background-color: #fff; + border: 1px solid #ddd; + border-left-width: 12px; + color: #333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + outline: none; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete:before, +div.wpforms-container-full .wpforms-notice .wpforms-delete:after { + background-color: #fff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +div.wpforms-container-full .wpforms-notice .wpforms-delete:hover, +div.wpforms-container-full .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +div.wpforms-container-full .wpforms-notice a { + text-decoration: underline; +} + +div.wpforms-container-full .wpforms-notice p { + margin: 0 0 20px 0; +} + +div.wpforms-container-full .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action, +div.wpforms-container-full .wpforms-notice.wpforms-error { + border-color: #ff3860; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active { + color: #fff; +} + +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover, +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus, +div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #ff3860; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area { + height: 100px; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area { + height: 250px; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area { + height: 400px; +} + +/* Preview notice. +----------------------------------------------------------------------------- */ +.wpforms-preview-notice-links { + line-height: 2.4; +} + +/* Misc +----------------------------------------------------------------------------- */ +div.wpforms-container-full { + margin: 24px auto; +} + +div.wpforms-container-full .wpforms-form h3 { + font-size: 24px; +} + +/* Honeypot Area */ +div.wpforms-container-full .wpforms-form .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-hidden { + display: none; + padding: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0) !important; + height: 1px !important; + width: 1px !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + overflow: hidden !important; + word-wrap: normal !important; +} + +/* Limit options */ +div.wpforms-container-full .wpforms-form .wpforms-limit-text { + font-size: 13px; + display: block; +} + +/* RTL support +----------------------------------------------------------------------------- */ +/* Phone US format */ +body.rtl .wpforms-field-phone input[type=tel] { + direction: ltr; + unicode-bidi: embed; + text-align: right; +} + +body.rtl .wpforms-container-full .wpforms-form .wpforms-first { + float: right; +} + +body.rtl .wpforms-container-full .wpforms-form .wpforms-first + .wpforms-one-half { + margin-right: 4%; + margin-left: 0; +} + +/* Un-reset styles for form error container */ +div.wpforms-container-full .wpforms-form .wpforms-error-container ul li { + list-style: inside !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container ol li { + list-style: inside decimal !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container a { + text-decoration: underline !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container del { + text-decoration: line-through !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote { + padding-left: 20px; + border-left: 4px solid; + font-style: italic; +} + +@media only screen and (max-width: 600px) { + div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container, + div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field { + display: block; + width: 100%; + } + div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container { + width: 100%; + } + div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: none; + } + div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) { + overflow-x: hidden; + } + div.wpforms-container-full .wpforms-form .wpforms-field > * { + max-width: 100%; + } + div.wpforms-container-full .wpforms-form .wpforms-mobile-full { + width: 100%; + margin-left: 0; + float: none; + } + div.wpforms-container-full .wpforms-form input.wpforms-field-medium, + div.wpforms-container-full .wpforms-form select.wpforms-field-medium, + div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium, + div.wpforms-container-full .wpforms-form input.wpforms-field-small, + div.wpforms-container-full .wpforms-form select.wpforms-field-small, + div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small, + div.wpforms-container-full .wpforms-form input.wpforms-field-large, + div.wpforms-container-full .wpforms-form select.wpforms-field-large, + div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large { + max-width: 100%; + } + div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li, + div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li { + float: none; + width: 100%; + } + div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + margin: 0 10px 0 0; + } + div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + margin: 20px 0 15px; + } + div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + width: 30px; + height: 30px; + } +} + +/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXRzL2Nzcy93cGZvcm1zLWZ1bGwuY3NzIiwic291cmNlcyI6WyJhc3NldHMvc2Nzcy93cGZvcm1zLWZ1bGwuc2NzcyIsImFzc2V0cy9zY3NzL3BhcnRpYWxzL19yZXNldC5zY3NzIiwiYXNzZXRzL3Njc3MvcGFydGlhbHMvX2NvbW1vbi5zY3NzIiwiYXNzZXRzL3Njc3MvcGFydGlhbHMvX2Z1bGwuc2NzcyIsImFzc2V0cy9zY3NzL3BhcnRpYWxzL19yZXNwb25zaXZlLWZ1bGwuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBXUEZvcm1zIEZ1bGwgZnJvbnRlbmQgc3R5bGVzLlxuLy9cbi8vIEBzaW5jZSAxLjYuMy4xXG5cbkBpbXBvcnQgXCJwYXJ0aWFscy9yZXNldFwiO1xuQGltcG9ydCBcInBhcnRpYWxzL2NvbW1vblwiO1xuQGltcG9ydCBcInBhcnRpYWxzL2Z1bGxcIjtcbkBpbXBvcnQgXCJwYXJ0aWFscy9yZXNwb25zaXZlLWZ1bGxcIjtcbiIsIi8qIFJlc2V0c1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtICoge1xuXHRiYWNrZ3JvdW5kOm5vbmU7XG5cdGJvcmRlcjowIG5vbmU7XG5cdGJvcmRlci1yYWRpdXM6MDtcblx0LXdlYmtpdC1ib3JkZXItcmFkaXVzOjA7XG5cdC1tb3otYm9yZGVyLXJhZGl1czowO1xuXHRmbG9hdDpub25lO1xuXHRmb250LXNpemU6MTAwJTtcblx0aGVpZ2h0OmF1dG87XG5cdGxldHRlci1zcGFjaW5nOm5vcm1hbDtcblx0bGlzdC1zdHlsZTpub25lO1xuXHRvdXRsaW5lOm5vbmU7XG5cdHBvc2l0aW9uOnN0YXRpYztcblx0dGV4dC1kZWNvcmF0aW9uOm5vbmU7XG5cdHRleHQtaW5kZW50OjA7XG5cdHRleHQtc2hhZG93Om5vbmU7XG5cdHRleHQtdHJhbnNmb3JtOm5vbmU7XG5cdHdpZHRoOmF1dG87XG5cdHZpc2liaWxpdHk6dmlzaWJsZTtcblx0b3ZlcmZsb3c6dmlzaWJsZTtcblx0bWFyZ2luOjA7XG5cdHBhZGRpbmc6MDtcblx0Ym94LXNpemluZzpib3JkZXItYm94O1xuXHQtd2Via2l0LWJveC1zaXppbmc6Ym9yZGVyLWJveDtcblx0LW1vei1ib3gtc2l6aW5nOmJvcmRlci1ib3g7XG5cdC13ZWJraXQtYm94LXNoYWRvdzpub25lO1xuXHQtbW96LWJveC1zaGFkb3c6bm9uZTtcblx0LW1zLWJveC1zaGFkb3c6bm9uZTtcblx0LW8tYm94LXNoYWRvdzpub25lO1xuXHRib3gtc2hhZG93Om5vbmU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIHtcblx0bWFyZ2luLWxlZnQ6IGF1dG87XG5cdG1hcmdpbi1yaWdodDogYXV0bztcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBhbXAtaW1nID4gaW1nIHtcblx0cG9zaXRpb246IGFic29sdXRlOyAvKiBPdmVycmlkZSBwb3NpdGlvbjpzdGF0aWMgZnJvbSBwcmV2aW91cyBydWxlLCB0byBwcmV2ZW50IGJyZWFraW5nIEFNUCBsYXlvdXQuICovXG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gaW5wdXQsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGxhYmVsLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBzZWxlY3QsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGJ1dHRvbixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gdGV4dGFyZWEge1xuXHRtYXJnaW46MDtcblx0Ym9yZGVyOjA7XG5cdHBhZGRpbmc6MDtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHR2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuXHRiYWNrZ3JvdW5kOiBub25lO1xuXHRoZWlnaHQ6IGF1dG87XG5cdC13ZWJraXQtYm94LXNpemluZzogYm9yZGVyLWJveDtcblx0LW1vei1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHRleHRhcmVhIHtcblx0d2lkdGg6IDEwMCU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gdWwsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHVsIGxpIHtcblx0YmFja2dyb3VuZDogbm9uZSAhaW1wb3J0YW50O1xuXHRib3JkZXI6IDAgIWltcG9ydGFudDtcblx0bWFyZ2luOiAwICFpbXBvcnRhbnQ7XG5cdHBhZGRpbmc6IDAgIWltcG9ydGFudDtcblx0bGlzdC1zdHlsZTogbm9uZSAhaW1wb3J0YW50O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHVsIGxpIHtcblx0bWFyZ2luLWJvdHRvbTogNXB4ICFpbXBvcnRhbnQ7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gdWwgbGk6bGFzdC1vZi10eXBlIHtcblx0bWFyZ2luLWJvdHRvbTogMCAhaW1wb3J0YW50O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGhyIHtcblx0Ym9yZGVyLXRvcDogMXB4IHNvbGlkICNjY2M7XG5cdG1hcmdpbjogMC41ZW0gYXV0bztcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBmaWVsZHNldCB7XG5cdG1pbi13aWR0aDogMDtcbn1cbiIsIi8vIFdQRm9ybXMgZnJvbnRlbmQgc3R5bGVzLlxuLy9cbi8vIENvbW1vbiBwYXJ0IGZvciBCYXNlIGFuZCBGdWxsIHN0eWxlcy5cbi8vXG4vLyBAc2luY2UgMS43LjVcblxuLndwZm9ybXMtY29udGFpbmVyIC53cGZvcm1zLWZvcm0ge1xuXHQld3Bmb3Jtcy1iYXNlLWFsZXJ0IHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAjY2NjY2NjO1xuXHRcdHRleHQtc2hhZG93OiAwIDFweCAwIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC41KTtcblx0XHRwYWRkaW5nOiAxMHB4IDE1cHg7XG5cdFx0Zm9udC1zaXplOiAxNHB4O1xuXHRcdG1hcmdpbjogMCAwIDEwcHggMDtcblx0fVxuXG5cdC53cGZvcm1zLWVycm9yLWFsZXJ0IHtcblx0XHRAZXh0ZW5kICV3cGZvcm1zLWJhc2UtYWxlcnQ7XG5cblx0XHRjb2xvcjogI2I5NGE0ODtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZjJkZWRlO1xuXHRcdGJvcmRlci1jb2xvcjogI2VlZDNkNztcblx0fVxufVxuXG5cbi8qIGhDQVBUQ0hBIEFyZWFcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5kaXZbc3R5bGUqPVwiei1pbmRleDogMjE0NzQ4MzY0N1wiXSB7XG5cdGRpdltzdHlsZSo9XCJib3JkZXItd2lkdGg6IDExcHhcIl1bc3R5bGUqPVwicG9zaXRpb246IGFic29sdXRlXCJdW3N0eWxlKj1cInBvaW50ZXItZXZlbnRzOiBub25lXCJdIHtcblx0XHRib3JkZXItc3R5bGU6IG5vbmU7XG5cdH1cbn1cblxuLyogQ2xvdWRmbGFyZSBUdXJuc3RpbGUgaWZyYW1lIGNvbnRlbnQgYWxpZ25tZW50IGZpeC5cbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG4ud3Bmb3Jtcy1pcy10dXJuc3RpbGUgaWZyYW1lIHtcblx0bWFyZ2luLWxlZnQ6IC0ycHggIWltcG9ydGFudDtcbn1cbiIsIi8qID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gICBUaGVtZSAtIHN0YW5kYXJkIGZvcm0gc3R5bGluZ1xuICAgPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0gKi9cblxuLndwZm9ybXMtY2xlYXI6YmVmb3JlIHtcblx0Y29udGVudDogXCIgXCI7XG5cdGRpc3BsYXk6IHRhYmxlO1xufVxuXG4ud3Bmb3Jtcy1jbGVhcjphZnRlciB7XG5cdGNsZWFyOiBib3RoO1xuXHRjb250ZW50OiBcIiBcIjtcblx0ZGlzcGxheTogdGFibGU7XG59XG5cbi8qIEJhc2ljIEZpZWxkIHByb3BlcnRpZXNcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbi8qIEZpZWxkIHNpemVzIC0gbWVkaXVtICovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0LndwZm9ybXMtZmllbGQtbWVkaXVtLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBzZWxlY3Qud3Bmb3Jtcy1maWVsZC1tZWRpdW0sXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLXJvdy53cGZvcm1zLWZpZWxkLW1lZGl1bSB7XG5cdG1heC13aWR0aDogNjAlO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHRleHRhcmVhLndwZm9ybXMtZmllbGQtbWVkaXVtIHtcblx0aGVpZ2h0OiAxMjBweDtcbn1cblxuLyogRmllbGQgc2l6ZXMgLSBzbWFsbCAqL1xuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dC53cGZvcm1zLWZpZWxkLXNtYWxsLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBzZWxlY3Qud3Bmb3Jtcy1maWVsZC1zbWFsbCxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtcm93LndwZm9ybXMtZmllbGQtc21hbGwge1xuXHRtYXgtd2lkdGg6IDI1JTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB0ZXh0YXJlYS53cGZvcm1zLWZpZWxkLXNtYWxsIHtcblx0aGVpZ2h0OiA3MHB4O1xufVxuXG4vKiBGaWVsZCBzaXplcyAtIGxhcmdlICovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0LndwZm9ybXMtZmllbGQtbGFyZ2UsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHNlbGVjdC53cGZvcm1zLWZpZWxkLWxhcmdlLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1yb3cud3Bmb3Jtcy1maWVsZC1sYXJnZSB7XG5cdG1heC13aWR0aDogMTAwJTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB0ZXh0YXJlYS53cGZvcm1zLWZpZWxkLWxhcmdlIHtcblx0aGVpZ2h0OiAyMjBweDtcbn1cblxuLyogRmllbGQgY29udGFpbmVyICovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkIHtcblx0cGFkZGluZzogMTBweCAwO1xuXHRjbGVhcjogYm90aDtcbn1cblxuLyogRmllbGQgRGVzY3JpcHRpb24gKi9cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtZGVzY3JpcHRpb24sXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWxpbWl0LXRleHQge1xuXHRmb250LXNpemU6IDEzcHg7XG5cdGxpbmUtaGVpZ2h0OiAxLjM7XG5cdG1hcmdpbjogOHB4IDAgMCAwO1xuXHR3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXHR3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtZGVzY3JpcHRpb24ud3Bmb3Jtcy1kaXNjbGFpbWVyLWRlc2NyaXB0aW9uIHtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblx0Ym9yZGVyOiAxcHggc29saWQgI2RkZDtcblx0Y29sb3I6ICM0NDQ7XG5cdHBhZGRpbmc6IDE1cHggMTVweCAwO1xuXHRtYXJnaW4tdG9wOiAxNXB4O1xuXHRoZWlnaHQ6IDEyNXB4O1xuXHRvdmVyZmxvdy15OiBzY3JvbGw7XG5cdG92ZXJmbG93LXg6IGhpZGRlbjtcblx0Zm9udC1zaXplOiAxMnB4XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtZGVzY3JpcHRpb24ud3Bmb3Jtcy1kaXNjbGFpbWVyLWRlc2NyaXB0aW9uIHAge1xuXHRjb2xvcjogIzQ0NDtcblx0Zm9udC1zaXplOiAxMnB4O1xuXHRsaW5lLWhlaWdodDogMThweDtcblx0bWFyZ2luLWJvdHRvbTogMTVweDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1kZXNjcmlwdGlvbi1iZWZvcmUsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWRlc2NyaXB0aW9uLmJlZm9yZSB7XG5cdG1hcmdpbjogMCAwIDhweCAwO1xufVxuXG4vKiBMYWJlbHMgYW5kIHN1Yi1sYWJlbHMgKi9cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtbGFiZWwge1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC13ZWlnaHQ6IDcwMDtcblx0Zm9udC1zaXplOiAxNnB4O1xuXHRmbG9hdDogbm9uZTtcblx0bGluZS1oZWlnaHQ6IDEuMztcblx0bWFyZ2luOiAwIDAgNHB4IDA7XG5cdHBhZGRpbmc6IDA7XG5cdHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5cdHdvcmQtd3JhcDogYnJlYWstd29yZDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1zdWJsYWJlbCB7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LXNpemU6IDEzcHg7XG5cdGZsb2F0OiBub25lO1xuXHRmb250LXdlaWdodDogNDAwO1xuXHRsaW5lLWhlaWdodDogMS4zO1xuXHRtYXJnaW46IDRweCAwIDA7XG5cdHBhZGRpbmc6IDA7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtc3VibGFiZWwuYmVmb3JlIHtcblx0bWFyZ2luOiAwIDAgNHB4IDA7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtbGFiZWwtaW5saW5lIHtcblx0ZGlzcGxheTogaW5saW5lO1xuXHR2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XG5cdGZvbnQtc2l6ZTogMTZweDtcblx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0bGluZS1oZWlnaHQ6IDEuMztcblx0d29yZC1icmVhazogYnJlYWstd29yZDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1sYWJlbC53cGZvcm1zLWxhYmVsLWhpZGUsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLXN1YmxhYmVsLndwZm9ybXMtc3VibGFiZWwtaGlkZSB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAtOTk5OTlweDtcblx0bGVmdDogLTk5OTk5cHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcmVxdWlyZWQtbGFiZWwge1xuXHRjb2xvcjogI2ZmMDAwMDtcblx0Zm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuXG4vKiBSb3dzIChtdWx0aS1saW5lIGZpZWxkczogYWRkcmVzcywgY3JlZGl0IGNhcmQsIGV0Yylcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtcm93IHtcblx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQgLndwZm9ybXMtZmllbGQtcm93Omxhc3Qtb2YtdHlwZSB7XG5cdG1hcmdpbi1ib3R0b206IDA7XG59XG5cbi8qIENsZWFyIGVhY2ggcm93ICovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLXJvdzpiZWZvcmUge1xuXHRjb250ZW50OiBcIiBcIjtcblx0ZGlzcGxheTogdGFibGU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtcm93OmFmdGVyIHtcblx0Y2xlYXI6IGJvdGg7XG5cdGNvbnRlbnQ6IFwiIFwiO1xuXHRkaXNwbGF5OiB0YWJsZTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1hZGRyZXNzIC53cGZvcm1zLW9uZS1oYWxmOm9ubHktY2hpbGQge1xuXHRtYXJnaW4tbGVmdDogMDtcbn1cblxuLyogQ29sdW1uc1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuLyogVXNlciBjb2x1bW4gY2xhc3NlcyAgKi9cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZml2ZS1zaXh0aHMsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZvdXItc2l4dGhzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1mb3VyLWZpZnRocyxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtb25lLWZpZnRoLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1vbmUtZm91cnRoLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1vbmUtaGFsZixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtb25lLXNpeHRoLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1vbmUtdGhpcmQsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXRocmVlLWZvdXJ0aHMsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXRocmVlLWZpZnRocyxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtdGhyZWUtc2l4dGhzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy10d28tZm91cnRocyxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtdHdvLWZpZnRocyxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtdHdvLXNpeHRocyxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtdHdvLXRoaXJkcyB7XG5cdGZsb2F0OiBsZWZ0O1xuXHRtYXJnaW4tbGVmdDogNCU7XG5cdGNsZWFyOiBub25lO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLW9uZS1oYWxmLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy10aHJlZS1zaXh0aHMsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXR3by1mb3VydGhzIHtcblx0d2lkdGg6IDQ4JTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1vbmUtdGhpcmQsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXR3by1zaXh0aHMge1xuXHR3aWR0aDogMzAuNjY2NjY2NjY2NyU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZm91ci1zaXh0aHMsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXR3by10aGlyZHMge1xuXHR3aWR0aDogNjUuMzMzMzMzMzMzMyU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtb25lLWZvdXJ0aCB7XG5cdHdpZHRoOiAyMiU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtdGhyZWUtZm91cnRocyB7XG5cdHdpZHRoOiA3NCU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtb25lLWZpZnRoIHtcblx0d2lkdGg6IDE2LjglO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXR3by1maWZ0aHMge1xuXHR3aWR0aDogMzcuNiU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtdGhyZWUtZmlmdGhzIHtcblx0d2lkdGg6IDU4LjQlO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZvdXItZmlmdGhzIHtcblx0d2lkdGg6IDc5LjIlO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLW9uZS1zaXh0aCB7XG5cdHdpZHRoOiAxMy4zMzMzMzMzMzMzJTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maXZlLXNpeHRocyB7XG5cdHdpZHRoOiA4Mi42NjY2NjY2NjY3JTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maXJzdCB7XG5cdGNsZWFyOiBib3RoICFpbXBvcnRhbnQ7XG5cdG1hcmdpbi1sZWZ0OiAwICFpbXBvcnRhbnQ7XG59XG5cbi8qIFVzZXIgbGlzdCBjb2x1bW4gY2xhc3NlcyAgKi9cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtY2hlY2tib3gtMi1jb2x1bW5zIHVsLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1tdWx0aXBsZWNob2ljZS0yLWNvbHVtbnMgdWwsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWxpc3QtMi1jb2x1bW5zIHVsLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1jaGVja2JveC0zLWNvbHVtbnMgdWwsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLW11bHRpcGxlY2hvaWNlLTMtY29sdW1ucyB1bCxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtbGlzdC0zLWNvbHVtbnMgdWwge1xuXHRkaXNwbGF5OiAtbXMtZmxleDtcblx0ZGlzcGxheTogLXdlYmtpdC1mbGV4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHQtd2Via2l0LWZsZXgtd3JhcDogd3JhcDtcblx0ZmxleC13cmFwOiB3cmFwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWNoZWNrYm94LTItY29sdW1ucyB1bCBsaSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtbXVsdGlwbGVjaG9pY2UtMi1jb2x1bW5zIHVsIGxpLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1saXN0LTItY29sdW1ucyB1bCBsaSB7XG5cdHdpZHRoOiA1MCU7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwYWRkaW5nLXJpZ2h0OiAyNnB4ICFpbXBvcnRhbnQ7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtY2hlY2tib3gtMy1jb2x1bW5zIHVsIGxpLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1tdWx0aXBsZWNob2ljZS0zLWNvbHVtbnMgdWwgbGksXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWxpc3QtMy1jb2x1bW5zIHVsIGxpIHtcblx0d2lkdGg6IDMzLjMzMzMlO1xuXHRkaXNwbGF5OiBibG9jaztcblx0cGFkZGluZy1yaWdodDogMjZweCAhaW1wb3J0YW50O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWxpc3QtaW5saW5lIHVsIGxpIHtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHR2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuXHRtYXJnaW4tcmlnaHQ6IDIwcHggIWltcG9ydGFudDtcbn1cblxuLyogTGVnYWN5LCBmb3IgQkMgKi9cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQud3Bmb3Jtcy1maXJzdC1oYWxmIHtcblx0ZmxvYXQ6IGxlZnQ7XG5cdHdpZHRoOiA0OCU7XG5cdGNsZWFyOiBib3RoO1xufVxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC53cGZvcm1zLWxhc3QtaGFsZiB7XG5cdGZsb2F0OiByaWdodDtcblx0d2lkdGg6IDQ4JTtcblx0Y2xlYXI6IG5vbmU7XG59XG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLndwZm9ybXMtZmlyc3QtdGhpcmQge1xuXHRmbG9hdDogbGVmdDtcblx0d2lkdGg6IDMwLjY2NjY2NjY2NyU7XG5cdGNsZWFyOiBib3RoO1xufVxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC53cGZvcm1zLW1pZGRsZS10aGlyZCAge1xuXHRmbG9hdDogbGVmdDtcblx0d2lkdGg6IDMwLjY2NjY2NjY2NyU7XG5cdG1hcmdpbi1sZWZ0OiA0JTtcblx0Y2xlYXI6IG5vbmU7XG59XG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLndwZm9ybXMtbGFzdC10aGlyZCB7XG5cdGZsb2F0OiByaWdodDtcblx0d2lkdGg6IDMwLjY2NjY2NjY2NyU7XG5cdGNsZWFyOiBub25lO1xufVxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBkaXYud3Bmb3Jtcy1sYXN0IHtcblx0ZmxvYXQ6IHJpZ2h0ICFpbXBvcnRhbnQ7XG5cdG1hcmdpbi1yaWdodDogMCAhaW1wb3J0YW50O1xuXHRjbGVhcjogbm9uZTtcbn1cblxuXG4vKiBQcmVzZXQgTGF5b3V0c1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuLyogU2luZ2xlIGxpbmUgKi9cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsLmlubGluZS1maWVsZHMge1xuXHRvdmVyZmxvdzogaGlkZGVuO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbC5pbmxpbmUtZmllbGRzIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtY29udGFpbmVyICB7XG5cdGRpc3BsYXk6IHRhYmxlO1xuXHR3aWR0aDogY2FsYygxMDAlIC0gMTYwcHgpO1xuXHRmbG9hdDogbGVmdDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwuaW5saW5lLWZpZWxkcyAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkICB7XG5cdGRpc3BsYXk6IHRhYmxlLWNlbGw7XG5cdHBhZGRpbmctcmlnaHQ6IDIlO1xuXHR2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbC5pbmxpbmUtZmllbGRzIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtc3VibWl0LWNvbnRhaW5lciB7XG5cdGZsb2F0OiByaWdodDtcblx0d2lkdGg6IDE2MHB4O1xuXHRjbGVhcjogbm9uZTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwuaW5saW5lLWZpZWxkcyAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXN1Ym1pdCB7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHR3aWR0aDogMTAwJTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwuaW5saW5lLWZpZWxkcyAud3Bmb3Jtcy1mb3JtIGlucHV0LndwZm9ybXMtZmllbGQtbWVkaXVtLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwuaW5saW5lLWZpZWxkcyAud3Bmb3Jtcy1mb3JtIHNlbGVjdC53cGZvcm1zLWZpZWxkLW1lZGl1bSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsLmlubGluZS1maWVsZHMgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1yb3cud3Bmb3Jtcy1maWVsZC1tZWRpdW0ge1xuXHRtYXgtd2lkdGg6IDEwMCU7XG59XG5cblxuLyogU2V0IFN0eWxlc1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dFt0eXBlPWRhdGVdLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dFt0eXBlPWRhdGV0aW1lXSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gaW5wdXRbdHlwZT1kYXRldGltZS1sb2NhbF0sXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0W3R5cGU9ZW1haWxdLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dFt0eXBlPW1vbnRoXSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gaW5wdXRbdHlwZT1udW1iZXJdLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dFt0eXBlPXBhc3N3b3JkXSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gaW5wdXRbdHlwZT1yYW5nZV0sXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0W3R5cGU9c2VhcmNoXSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gaW5wdXRbdHlwZT10ZWxdLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dFt0eXBlPXRleHRdLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dFt0eXBlPXRpbWVdLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dFt0eXBlPXVybF0sXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0W3R5cGU9d2Vla10sXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHNlbGVjdCxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gdGV4dGFyZWEge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGNvbG9yOiAjMzMzO1xuXHQtd2Via2l0LWJveC1zaXppbmc6Ym9yZGVyLWJveDtcblx0LW1vei1ib3gtc2l6aW5nOmJvcmRlci1ib3g7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmbG9hdDogbm9uZTtcblx0Zm9udC1zaXplOiAxNnB4O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0Ym9yZGVyOiAxcHggc29saWQgI2NjYztcblx0cGFkZGluZzogNnB4IDEwcHg7XG5cdGhlaWdodDogMzhweDtcblx0d2lkdGg6IDEwMCU7XG5cdGxpbmUtaGVpZ2h0OiAxLjM7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gaW5wdXRbdHlwZT1jaGVja2JveF0sXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0W3R5cGU9cmFkaW9dIHtcblx0Ym9yZGVyOiAxcHggc29saWQgI2NjYztcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblx0d2lkdGg6IDE0cHg7XG5cdGhlaWdodDogMTRweDtcblx0bWFyZ2luOiAwIDEwcHggMCAzcHg7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0dmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0W3R5cGU9cmFkaW9dIHtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHNlbGVjdCB7XG5cdG1heC13aWR0aDogMTAwJTtcblx0dGV4dC10cmFuc2Zvcm06IG5vbmU7XG5cdHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gc2VsZWN0W211bHRpcGxlXSB7XG5cdGhlaWdodDogYXV0bztcblx0b3ZlcmZsb3cteTogc2Nyb2xsO1xuXHRiYWNrZ3JvdW5kLWltYWdlOiBub25lO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0W3R5cGU9c3VibWl0XSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gYnV0dG9uW3R5cGU9c3VibWl0XSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZS1idXR0b24ge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjZGRkO1xuXHRjb2xvcjogIzMzMztcblx0Zm9udC1zaXplOiAxZW07XG5cdHBhZGRpbmc6IDEwcHggMTVweDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1wYWdlLWJ1dHRvbiB7XG5cdGZvbnQtc2l6ZTogMC45ZW07XG5cdGZvbnQtd2VpZ2h0OiA0MDA7XG5cdG1hcmdpbjogMCA1cHg7XG5cdG1pbi13aWR0aDogOTBweDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0W3R5cGU9c3VibWl0XTpob3ZlcixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gaW5wdXRbdHlwZT1zdWJtaXRdOmZvY3VzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dFt0eXBlPXN1Ym1pdF06YWN0aXZlLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBidXR0b25bdHlwZT1zdWJtaXRdOmhvdmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBidXR0b25bdHlwZT1zdWJtaXRdOmZvY3VzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBidXR0b25bdHlwZT1zdWJtaXRdOmFjdGl2ZSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZS1idXR0b246aG92ZXIsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXBhZ2UtYnV0dG9uOmFjdGl2ZSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZS1idXR0b246Zm9jdXMge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gaW5wdXRbdHlwZT1zdWJtaXRdOmRpc2FibGVkLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBidXR0b25bdHlwZT1zdWJtaXRdOmRpc2FibGVkLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1wYWdlLWJ1dHRvbjpkaXNhYmxlZCB7XG5cdGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG5cdGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XG5cdGN1cnNvcjogZGVmYXVsdDtcblx0b3BhY2l0eTogMC41O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGlucHV0OmZvY3VzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB0ZXh0YXJlYTpmb2N1cyxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gc2VsZWN0OmZvY3VzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAuaXMtZm9jdXNlZCAuY2hvaWNlc19faW5uZXIsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC5pcy1vcGVuIC5jaG9pY2VzX19pbm5lcixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLmlzLW9wZW4gLmNob2ljZXNfX2xpc3QtLWRyb3Bkb3duIHtcblx0Ym9yZGVyOiAxcHggc29saWQgIzk5OTtcblx0Ym94LXNoYWRvdzogbm9uZTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dDpkaXNhYmxlZCxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gdGV4dGFyZWE6ZGlzYWJsZWQsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHNlbGVjdDpkaXNhYmxlZCB7XG5cdGJhY2tncm91bmQtY29sb3I6ICNmOWY5Zjk7XG5cdGJvcmRlci1jb2xvcjogI2RkZDtcblx0Y29sb3I6ICM5OTk7XG5cdGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cblxuLyogRXJyb3JzLCBXYXJuaW5ncywgZXRjXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1lcnJvci1jb250YWluZXIsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIG5vc2NyaXB0LndwZm9ybXMtZXJyb3Itbm9zY3JpcHQge1xuXHRjb2xvcjogIzk5MDAwMDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBsYWJlbC53cGZvcm1zLWVycm9yIHtcblx0ZGlzcGxheTogYmxvY2s7XG5cdGNvbG9yOiAjOTkwMDAwO1xuXHRmb250LXNpemU6IDEycHg7XG5cdGZsb2F0OiBub25lO1xuXHRjdXJzb3I6IGRlZmF1bHQ7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQgaW5wdXQud3Bmb3Jtcy1lcnJvcixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQgaW5wdXQudXNlci1pbnZhbGlkLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZCB0ZXh0YXJlYS53cGZvcm1zLWVycm9yLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZCB0ZXh0YXJlYS51c2VyLWludmFsaWQsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkIHNlbGVjdC53cGZvcm1zLWVycm9yLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZCBzZWxlY3QudXNlci1pbnZhbGlkLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC53cGZvcm1zLWhhcy1lcnJvciAuY2hvaWNlc19faW5uZXIge1xuXHRib3JkZXI6IDFweCBzb2xpZCAjY2MwMDAwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWNyZWRpdC1jYXJkLWV4cGlyYXRpb24gbGFiZWwud3Bmb3Jtcy1lcnJvcixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtY3JlZGl0LWNhcmQtY29kZSBsYWJlbC53cGZvcm1zLWVycm9yIHtcblx0ZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4vKiBDb25maXJtYXRpb25cbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbi8qXG4gKiBOb3RlOiBUaGUgc2Vjb25kIHNlbGVjdG9yIGZvciB0aGUgZm9sbG93aW5nIHR3byBydWxlcyBpcyBuZWVkZWQgdG8gb3ZlcnJpZGUgdGhlIHJ1bGUgd2l0aFxuICogdGhlIHNlbGVjdG9yOiBgZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwsIGRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gKmAuXG4gKiBUaGUgdW5kZXJseWluZyBjYXVzZSBpcyB0aGF0IHRoZSAud3Bmb3Jtcy1jb25maXJtYXRpb24tY29udGFpbmVyLWZ1bGwgaXMgbm90IGV4cGVjdGVkXG4gKiB0byBiZSBsb2NhdGVkIGluc2lkZSBvZiB0aGUgLndwZm9ybXMtY29uZmlybWF0aW9uLWNvbnRhaW5lci1mdWxsIGVsZW1lbnQsIHNpbmNlIG9uIG5vbi1BTVBcbiAqIHBhZ2VzIHRoZSBjb25maXJtYXRpb24gbWVzc2FnZSBpcyBuZXZlciBkaXNwbGF5ZWQgb24gdGhlIHNhbWUgcGFnZSBhcyB0aGUgZm9ybS5cbiAqL1xuLndwZm9ybXMtY29uZmlybWF0aW9uLWNvbnRhaW5lci1mdWxsLFxuZGl2W3N1Ym1pdC1zdWNjZXNzXSA+IC53cGZvcm1zLWNvbmZpcm1hdGlvbi1jb250YWluZXItZnVsbCB7XG5cdGNvbG9yOiAjMzMzO1xuXHRtYXJnaW46IDAgYXV0byAyNHB4O1xuXHRwYWRkaW5nOiAxNXB4IDE1cHg7XG5cdG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG59XG5cbi53cGZvcm1zLWNvbmZpcm1hdGlvbi1jb250YWluZXItZnVsbCxcbmRpdltzdWJtaXQtc3VjY2Vzc10gPiAud3Bmb3Jtcy1jb25maXJtYXRpb24tY29udGFpbmVyLWZ1bGw6bm90KC53cGZvcm1zLXJlZGlyZWN0aW9uLW1lc3NhZ2UpIHtcblx0YmFja2dyb3VuZDogI2UwZmZjNztcblx0Ym9yZGVyOiAxcHggc29saWQgI2I0ZDM5Yjtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLndwZm9ybXMtY29uZmlybWF0aW9uLWNvbnRhaW5lci1mdWxsIHA6bGFzdC1vZi10eXBlLFxuZGl2W3N1Ym1pdC1zdWNjZXNzXSA+IC53cGZvcm1zLWNvbmZpcm1hdGlvbi1jb250YWluZXItZnVsbCBwOmxhc3Qtb2YtdHlwZSB7XG5cdG1hcmdpbjogMDtcbn1cblxuLypcbiAqIEhpZGUgdGhlIGZvcm0gZmllbGRzIHVwb24gc3VjY2Vzc2Z1bCBzdWJtaXNzaW9uLiBUaGlzIG1heSBub3QgYmUgdGhlIGJlc3QgYXBwcm9hY2guXG4gKiBQZXJoYXBzIG1vcmUgcm9idXN0OiAud3Bmb3Jtcy1mb3JtLmFtcC1mb3JtLXN1Ym1pdC1zdWNjZXNzID4gKjpub3QoW3N1Ym1pdC1zdWNjZXNzXSkgeyBkaXNwbGF5Om5vbmUgfVxuICovXG4uYW1wLWZvcm0tc3VibWl0LXN1Y2Nlc3MgLndwZm9ybXMtZmllbGQtY29udGFpbmVyLFxuLmFtcC1mb3JtLXN1Ym1pdC1zdWNjZXNzIC53cGZvcm1zLXN1Ym1pdC1jb250YWluZXIge1xuXHRkaXNwbGF5OiBub25lO1xufVxuXG5cbi8qIHJlQ0FQVENIQSBBcmVhXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXJlY2FwdGNoYS1jb250YWluZXIge1xuXHRwYWRkaW5nOiAxMHB4IDAgMjBweCAwO1xuXHRjbGVhcjogYm90aDtcblxuXHQvLyBGaXggZm9yIGludmlzaWJsZSBjYXB0Y2hhIHN0YXRlIHNlZSAjNjEzMC5cblx0Ji53cGZvcm1zLWlzLXR1cm5zdGlsZSB7XG5cblx0XHQmLWludmlzaWJsZSB7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdH1cblxuXHRcdC5nLXJlY2FwdGNoYSB7XG5cdFx0XHRsaW5lLWhlaWdodDogMDtcblx0XHRcdGZvbnQtc2l6ZTogMDtcblxuXHRcdFx0aWZyYW1lIHtcblx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcmVjYXB0Y2hhLWNvbnRhaW5lciBpZnJhbWUge1xuXHR3aWR0aDogMTAwJTtcblx0bWF4LXdpZHRoOiAxMDAlO1xufVxuXG5cbi8qIEZvcm0gSGVhZGVyIGFyZWFcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtdGl0bGUge1xuXHRmb250LXNpemU6IDI2cHg7XG5cdG1hcmdpbjogMCAwIDEwcHggMDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1kZXNjcmlwdGlvbiB7XG5cdG1hcmdpbjogMCAwIDEwcHggMDtcbn1cblxuXG4vKiBGb3JtIEZvb3RlciBhcmVhXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXN1Ym1pdC1jb250YWluZXIge1xuXHRwYWRkaW5nOiAxMHB4IDAgMCAwO1xuXHRjbGVhcjogYm90aDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIGJ1dHRvblt0eXBlPXN1Ym1pdF0ge1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXN1Ym1pdC1zcGlubmVyIHtcblx0bWFyZ2luLWxlZnQ6IDAuNWVtO1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5cdG1heC13aWR0aDogMjZweDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1wYWdlYnJlYWstY2VudGVyIHtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXBhZ2VicmVhay1sZWZ0IHtcblx0dGV4dC1hbGlnbjogbGVmdDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1wYWdlYnJlYWstbGVmdCAud3Bmb3Jtcy1wYWdlLWJ1dHRvbiB7XG5cdG1hcmdpbjogMCAxMHB4IDAgMDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1wYWdlYnJlYWstcmlnaHQge1xuXHR0ZXh0LWFsaWduOiByaWdodDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1wYWdlYnJlYWstcmlnaHQgLndwZm9ybXMtcGFnZS1idXR0b24ge1xuXHRtYXJnaW46IDAgMCAwIDEwcHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZWJyZWFrLXNwbGl0IC53cGZvcm1zLXBhZ2UtcHJldiB7XG5cdGZsb2F0OiBsZWZ0O1xuXHRtYXJnaW46IDA7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZWJyZWFrLXNwbGl0IC53cGZvcm1zLXBhZ2UtbmV4dCB7XG5cdGZsb2F0OiByaWdodDtcblx0bWFyZ2luOiAwO1xufVxuXG5cbi8qIENyZWRpdCBDYXJkIGZpZWxkXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWNyZWRpdC1jYXJkLW51bWJlciB7XG5cdG1hcmdpbi1yaWdodDogMTAwcHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtY3JlZGl0LWNhcmQtY29kZSB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0cmlnaHQ6IDA7XG5cdHRvcDogMDtcblx0d2lkdGg6IDkwcHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtY3JlZGl0LWNhcmQtbmFtZSB7XG5cdG1hcmdpbi1yaWdodDogMTcwcHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtY3JlZGl0LWNhcmQtZXhwaXJhdGlvbiB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0cmlnaHQ6IDA7XG5cdHRvcDogMDtcblx0d2lkdGg6IDE2MHB4O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWNyZWRpdC1jYXJkLWV4cGlyYXRpb24gc2VsZWN0IHtcblx0d2lkdGg6IDQ1JTtcblx0ZmxvYXQ6IGxlZnQ7XG5cdGRpc3BsYXk6IGJsb2NrO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWNyZWRpdC1jYXJkLWV4cGlyYXRpb24gc3BhbiB7XG5cdGZsb2F0OiBsZWZ0O1xuXHR3aWR0aDogMTAlO1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdGxpbmUtaGVpZ2h0OiAzOHB4O1xufVxuXG4vKiBOdW1iZXIgc2xpZGVyIGZpZWxkXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1udW1iZXItc2xpZGVyIGlucHV0W3R5cGU9cmFuZ2VdIHtcblx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuXHRhcHBlYXJhbmNlOiBub25lO1xuXHRoZWlnaHQ6IDEwcHg7XG5cdGJhY2tncm91bmQ6ICNmZmY7XG5cdGJvcmRlcjogMXB4IHNvbGlkICNDQ0M7XG5cdGJvcmRlci1yYWRpdXM6IDVweDtcblx0b3V0bGluZTogbm9uZTtcblx0cGFkZGluZzogMDtcblx0bWFyZ2luOiAxMHB4IDAgNXB4O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLW51bWJlci1zbGlkZXIgaW5wdXRbdHlwZT1yYW5nZV06Oi1tcy10cmFjayB7XG5cdGNvbG9yOiB0cmFuc3BhcmVudDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1udW1iZXItc2xpZGVyIGlucHV0W3R5cGU9cmFuZ2VdOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG5cdC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTsgLyogT3ZlcnJpZGUgZGVmYXVsdCBsb29rICovXG5cdGFwcGVhcmFuY2U6IG5vbmU7XG5cdHdpZHRoOiAxN3B4O1xuXHRoZWlnaHQ6IDE3cHg7XG5cdGJhY2tncm91bmQ6ICNCNUI1QjU7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0Ym9yZGVyLXJhZGl1czogMTAwJTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1udW1iZXItc2xpZGVyIGlucHV0W3R5cGU9cmFuZ2VdOjotbW96LXJhbmdlLXRodW1iIHtcblx0d2lkdGg6IDE3cHg7XG5cdGhlaWdodDogMTdweDtcblx0YmFja2dyb3VuZDogI0I1QjVCNTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRib3JkZXItcmFkaXVzOiAxMDAlO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLW51bWJlci1zbGlkZXIgaW5wdXRbdHlwZT1yYW5nZV06Oi1tcy10aHVtYiB7XG5cdHdpZHRoOiAxN3B4O1xuXHRoZWlnaHQ6IDE3cHg7XG5cdGJhY2tncm91bmQ6ICNCNUI1QjU7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0Ym9yZGVyLXJhZGl1czogMTAwJTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1udW1iZXItc2xpZGVyIC53cGZvcm1zLWZpZWxkLW51bWJlci1zbGlkZXItaGludCB7XG5cdGZvbnQtc2l6ZTogMTNweDtcbn1cblxuLyogU3RyaXBlIENyZWRpdCBDYXJkIGZpZWxkXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLXN0cmlwZS1jcmVkaXQtY2FyZC1jYXJkbnVtYmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBpbnB1dC53cGZvcm1zLXN0cmlwZS1jcmVkaXQtY2FyZC1oaWRkZW4taW5wdXQge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGNvbG9yOiAjMzMzO1xuXHQtd2Via2l0LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdC1tb3otYm94LXNpemluZzogYm9yZGVyLWJveDtcblx0ZGlzcGxheTogYmxvY2s7XG5cdGZsb2F0OiBub25lO1xuXHRmb250LXNpemU6IDE2cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG5cdHBhZGRpbmc6IDhweCAxMHB4O1xuXHRoZWlnaHQ6IDM4cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRsaW5lLWhlaWdodDogMS4zXG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtc3RyaXBlLWVsZW1lbnQtaW52YWxpZCB7XG5cdGJvcmRlcjogMXB4IHNvbGlkICNjYzAwMDAhaW1wb3J0YW50O1xufVxuXG5cbi8qIEhUTUwgZmllbGRcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtaHRtbCB1bCxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtaHRtbCBvbCB7XG5cdG1hcmdpbjogMCAwIDIwcHggIWltcG9ydGFudDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1odG1sIHVsIGxpLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1odG1sIG9sIGxpIHtcblx0bWFyZ2luOiAwIDAgNXB4IDAgIWltcG9ydGFudDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1odG1sIHVsIGxpIHtcblx0bGlzdC1zdHlsZTogZGlzYyAhaW1wb3J0YW50O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWh0bWwgb2wgbGkge1xuXHRsaXN0LXN0eWxlOiBkZWNpbWFsICFpbXBvcnRhbnQ7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtaHRtbCBsaSA+IHVsLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1odG1sIGxpID4gb2wge1xuXHRtYXJnaW46IDZweCAwIDAgMjBweCAhaW1wb3J0YW50O1xufVxuXG5cbi8qIERhdGUvdGltZSBmaWVsZFxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZmllbGQtZGF0ZS10aW1lLWRhdGUtc2VwIHtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRwYWRkaW5nOiAwIDVweDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1kYXRlLXRpbWUtZGF0ZS15ZWFyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1kYXRlLXRpbWUtZGF0ZS1kYXksXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWRhdGUtdGltZS1kYXRlLW1vbnRoIHtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHR3aWR0aDogYXV0bztcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZGF0ZXBpY2tlci13cmFwIHtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1kYXRlcGlja2VyLXdyYXAgLndwZm9ybXMtZGF0ZXBpY2tlci1jbGVhciB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0YmFja2dyb3VuZC1pbWFnZTogdXJsKC4uL2ltYWdlcy90aW1lcy1zb2xpZC13aGl0ZS5zdmcpO1xuXHRiYWNrZ3JvdW5kLXBvc2l0aW9uOiA1MCUgNTAlO1xuXHRiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjY2NjY2NjO1xuXHRiYWNrZ3JvdW5kLXNpemU6IDhweDtcblx0d2lkdGg6IDE2cHg7XG5cdGhlaWdodDogMTZweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBibG9jaztcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRyaWdodDogMTBweDtcblx0dG9wOiA1MCU7XG5cdG1hcmdpbi10b3A6IC04cHg7XG5cdHRyYW5zaXRpb246IGFsbCAwLjNzO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1kYXRlcGlja2VyLXdyYXAgLndwZm9ybXMtZGF0ZXBpY2tlci1jbGVhcjpob3ZlciB7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZGF0ZXBpY2tlci13cmFwIC53cGZvcm1zLWZpZWxkLXNtYWxsICsgLndwZm9ybXMtZGF0ZXBpY2tlci1jbGVhciB7XG5cdHJpZ2h0OiBjYWxjKCA3NSUgKyAxMHB4ICk7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWRhdGVwaWNrZXItd3JhcCAud3Bmb3Jtcy1maWVsZC1tZWRpdW0gKyAud3Bmb3Jtcy1kYXRlcGlja2VyLWNsZWFyIHtcblx0cmlnaHQ6IGNhbGMoIDQwJSArIDEwcHggKTtcbn1cblxuLyogQ3VzdG9tIENhcHRjaGEgZmllbGRcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtY2FwdGNoYS1tYXRoIGlucHV0IHtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHR3aWR0aDogNzBweDtcblx0dmVydGljYWwtYWxpZ246IGluaGVyaXQ7XG5cdG1hcmdpbjogMCAwIDAgNXB4O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWNhcHRjaGEtZXF1YXRpb24ge1xuXHRmb250LXNpemU6IDE2cHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtY2FwdGNoYS1xdWVzdGlvbiB7XG5cdG1hcmdpbjogMCAwIDRweCAwO1xufVxuXG4vKiBSYXRpbmcgZmllbGRcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtcmF0aW5nLWl0ZW0ge1xuXHRwYWRkaW5nLXJpZ2h0OiA2cHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtcmF0aW5nIHN2ZyB7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0LXdlYmtpdC10cmFuc2Zvcm06IHBlcnNwZWN0aXZlKDFweCkgdHJhbnNsYXRlWigwKTtcblx0dHJhbnNmb3JtOiBwZXJzcGVjdGl2ZSgxcHgpIHRyYW5zbGF0ZVooMCk7XG5cdGJveC1zaGFkb3c6IDAgMCAxcHggdHJhbnNwYXJlbnQ7XG5cdG9wYWNpdHk6IDAuNjA7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtcmF0aW5nLWl0ZW0uc2VsZWN0ZWQgc3ZnLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1yYXRpbmctaXRlbS5ob3ZlciBzdmcsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLXJhdGluZy1pdGVtIGlucHV0OmZvY3VzICsgc3ZnIHtcblx0LXdlYmtpdC10cmFuc2Zvcm06IHNjYWxlKDEuMyk7XG5cdHRyYW5zZm9ybTogc2NhbGUoMS4zKTtcblx0b3BhY2l0eTogMTtcbn1cblxuLyogRmlsZSB1cGxvYWQgZmllbGRcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5kaXYud3Bmb3Jtcy1maWVsZC1maWxlLXVwbG9hZCAud3Bmb3Jtcy1oaWRle1xuXHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG59XG5cbmRpdi53cGZvcm1zLWZpZWxkLWZpbGUtdXBsb2FkIC53cGZvcm1zLWZpbGUtdXBsb2FkLWJ1aWxkZXItbW9kZXJuIHtcblx0Ym9yZGVyOiAycHggZGFzaGVkIHJnYmEoMCwgMCwgMCwgMC4xKTtcblx0YmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjAyKTtcblx0cGFkZGluZzogMjBweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGN1cnNvcjogcG9pbnRlcjtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4ud3Bmb3Jtcy13aXRoLWZpbGVze1xuXHRwYWRkaW5nOiA1cHg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdGZsZXgtd3JhcDogd3JhcDtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4gc3Zne1xuXHRoZWlnaHQ6IDUwcHg7XG5cdHdpZHRoOiA1MHB4O1xuXHRjb2xvcjogI2UyNzczMDtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4gLndwZm9ybXMtbW9kZXJuLXRpdGxle1xuXHRmb250LXdlaWdodDogYm9sZDtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4gLndwZm9ybXMtbW9kZXJuLWhpbnR7XG5cdGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG59XG5cbmRpdi53cGZvcm1zLWZpZWxkLWZpbGUtdXBsb2FkIC53cGZvcm1zLWZpbGUtdXBsb2FkLWJ1aWxkZXItbW9kZXJuLndwZm9ybXMtaGlnaGxpZ2h0ZWR7XG5cdGJvcmRlci1jb2xvcjogI2UyNzczMDtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4gLndwZm9ybXMtdGV4dHtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbmRpdi53cGZvcm1zLWZpZWxkLWZpbGUtdXBsb2FkIC53cGZvcm1zLWZpbGUtdXBsb2FkLWJ1aWxkZXItbW9kZXJuIC53cGZvcm1zLXByZXZpZXctYmxvY2t7XG5cdHdpZHRoOiAxMDBweDtcblx0aGVpZ2h0OiAxMDBweDtcblx0Ym9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjEpO1xuXHRiYWNrZ3JvdW5kOiAjZmZmO1xuXHRiYWNrZ3JvdW5kLXNpemU6IGNvdmVyICFpbXBvcnRhbnQ7XG5cdG1hcmdpbjogNXB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRjdXJzb3I6IGRlZmF1bHQ7XG59XG5cbmRpdi53cGZvcm1zLWZpZWxkLWZpbGUtdXBsb2FkIC53cGZvcm1zLWZpbGUtdXBsb2FkLWJ1aWxkZXItbW9kZXJuIC53cGZvcm1zLXByZXZpZXctYmxvY2s6aG92ZXIgLndwZm9ybXMtb3ZlcmxheXtcblx0b3BhY2l0eTogMTtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4gLndwZm9ybXMtcHJldmlldy1ibG9jayAud3Bmb3Jtcy1vdmVybGF5e1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0Ym90dG9tOiAwO1xuXHRsZWZ0OiAwO1xuXHRyaWdodDogMDtcblx0YmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjUpO1xuXHRvcGFjaXR5OiAwO1xufVxuXG5kaXYud3Bmb3Jtcy1maWVsZC1maWxlLXVwbG9hZCAud3Bmb3Jtcy1maWxlLXVwbG9hZC1idWlsZGVyLW1vZGVybiAud3Bmb3Jtcy1wcmV2aWV3LWJsb2NrIC53cGZvcm1zLW92ZXJsYXkgLndwZm9ybXMtY2xvc2V7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0cmlnaHQ6IDVweDtcblx0dG9wOiA1cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHdpZHRoOiAxOHB4O1xuXHRoZWlnaHQ6IDE4cHg7XG59XG5cbmRpdi53cGZvcm1zLWZpZWxkLWZpbGUtdXBsb2FkIC53cGZvcm1zLWZpbGUtdXBsb2FkLWJ1aWxkZXItbW9kZXJuIC53cGZvcm1zLXByZXZpZXctYmxvY2sgLndwZm9ybXMtb3ZlcmxheSAud3Bmb3Jtcy10aXRsZXtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRmb250LXNpemU6IDEycHg7XG5cdGNvbG9yOiAjZmZmO1xuXHR0b3A6IDI1cHg7XG5cdGJvdHRvbTogMTBweDtcblx0bGVmdDogNXB4O1xuXHRyaWdodDogNXB4O1xuXHRvdmVyZmxvdy15OiBhdXRvO1xuXHRsaW5lLWhlaWdodDogMTZweDtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4gLndwZm9ybXMtcHJldmlldy1ibG9jayAud3Bmb3Jtcy1vdmVybGF5IC53cGZvcm1zLWNsb3NlIC53cGZvcm1zLWNsb3NlLWxlZnQsXG5kaXYud3Bmb3Jtcy1maWVsZC1maWxlLXVwbG9hZCAud3Bmb3Jtcy1maWxlLXVwbG9hZC1idWlsZGVyLW1vZGVybiAud3Bmb3Jtcy1wcmV2aWV3LWJsb2NrIC53cGZvcm1zLW92ZXJsYXkgLndwZm9ybXMtY2xvc2UgLndwZm9ybXMtY2xvc2UtcmlnaHR7XG5cdGhlaWdodDogMThweDtcblx0d2lkdGg6IDFweDtcblx0YmFja2dyb3VuZDogI2ZmZjtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRkaXNwbGF5OiBibG9jaztcblx0ei1pbmRleDogMTtcblx0cmlnaHQ6IDlweDtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4gLndwZm9ybXMtcHJldmlldy1ibG9jayAud3Bmb3Jtcy1vdmVybGF5IC53cGZvcm1zLWNsb3NlIC53cGZvcm1zLWNsb3NlLWxlZnR7XG5cdC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcblx0dHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4gLndwZm9ybXMtcHJldmlldy1ibG9jayAud3Bmb3Jtcy1vdmVybGF5IC53cGZvcm1zLWNsb3NlIC53cGZvcm1zLWNsb3NlLXJpZ2h0e1xuXHQtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcblx0dHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xufVxuXG5kaXYud3Bmb3Jtcy1maWVsZC1maWxlLXVwbG9hZCAud3Bmb3Jtcy1maWxlLXVwbG9hZC1idWlsZGVyLW1vZGVybiAud3Bmb3Jtcy1wcmV2aWV3LWJsb2NrIHN2Z3tcblx0aGVpZ2h0OiAyNXB4O1xuXHR3aWR0aDogMjVweDtcblx0Y29sb3I6IHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cblxuZGl2LndwZm9ybXMtZmllbGQtZmlsZS11cGxvYWQgLndwZm9ybXMtZmlsZS11cGxvYWQtYnVpbGRlci1tb2Rlcm4gLndwZm9ybXMtcHJldmlldy1ibG9jayAud3Bmb3Jtcy1wcm9ncmVzc3tcblx0aGVpZ2h0OiA1cHg7XG5cdHdpZHRoOiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdGJvdHRvbTogMDtcblx0bGVmdDogMDtcblx0YmFja2dyb3VuZDogI2UyNzczMDtcblx0dHJhbnNpdGlvbjogYWxsIDAuNXM7XG59XG5cbmRpdi53cGZvcm1zLWZpZWxkLWZpbGUtdXBsb2FkIC53cGZvcm1zLWZpbGUtdXBsb2FkLWJ1aWxkZXItbW9kZXJuIGlucHV0W3R5cGU9XCJmaWxlXCJdIHtcblx0ZGlzcGxheTogbm9uZTtcbn1cblxuXG4vKiBJbWFnZSBjaG9pY2VzXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHVsLndwZm9ybXMtaW1hZ2UtY2hvaWNlcyBsYWJlbDpub3QoLndwZm9ybXMtZXJyb3IpIHtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gdWwud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzIGxhYmVsIGlucHV0IHtcblx0dG9wOiA1MCU7XG59XG5cbi8qIE1vZGVybiBzdHlsZSAqL1xuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1saXN0LWlubGluZSB1bC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIGxpIHtcblx0bWFyZ2luOiA1cHggNXB4IDVweCA1cHggIWltcG9ydGFudDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB1bC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIGltZyB7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0bWFyZ2luOiAwIGF1dG87XG5cdG1heC13aWR0aDogMTAwJTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB1bC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIGxhYmVsOm5vdCgud3Bmb3Jtcy1lcnJvcikge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXHRkaXNwbGF5OiBibG9jaztcblx0bWFyZ2luOiAwIGF1dG87XG5cdGJvcmRlcjogMXB4IHNvbGlkICNmZmY7XG5cdGJvcmRlci1yYWRpdXM6IDNweDtcblx0cGFkZGluZzogMjBweCAyMHB4IDE4cHggMjBweDtcblx0dHJhbnNpdGlvbjogYWxsIDAuNXM7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB1bC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIGxhYmVsOm5vdCgud3Bmb3Jtcy1lcnJvcik6aG92ZXIsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHVsLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1tb2Rlcm4gbGFiZWw6bm90KC53cGZvcm1zLWVycm9yKTpmb2N1cyB7XG5cdGJvcmRlcjoxcHggc29saWQgI2RkZDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB1bC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIC53cGZvcm1zLXNlbGVjdGVkIGxhYmVsIHtcblx0Ym94LXNoYWRvdzogMCAwIDIwcHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gdWwud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLW1vZGVybiAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLWltYWdlOmFmdGVyIHtcblx0Y29udGVudDogXCJcXDI3MTRcIjtcblx0Zm9udC1zaXplOiAyMnB4O1xuXHRsaW5lLWhlaWdodDogMzJweDtcblx0Y29sb3I6ICNmZmY7XG5cdGJhY2tncm91bmQ6IGdyZWVuO1xuXHRvcGFjaXR5OiAwO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHRsZWZ0OiA1MCU7XG5cdG1hcmdpbjogLTE2cHggMCAwIC0xNnB4O1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdHRyYW5zaXRpb246IGFsbCAwLjVzO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHVsLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1tb2Rlcm4gLndwZm9ybXMtc2VsZWN0ZWQgLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1pbWFnZTphZnRlciB7XG5cdG9wYWNpdHk6IDE7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gdWwud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLW1vZGVybiAud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLWltYWdlIHtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB1bC53cGZvcm1zLWltYWdlLWNob2ljZXMtbW9kZXJuIC53cGZvcm1zLXNlbGVjdGVkIC53cGZvcm1zLWltYWdlLWNob2ljZXMtbGFiZWwge1xuXHRmb250LXdlaWdodDogNzAwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHVsLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1tb2Rlcm4gLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1sYWJlbCB7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtYXJnaW4tdG9wOiAxMnB4O1xufVxuXG4vKiBDbGFzc2ljICovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWxpc3QtaW5saW5lIHVsLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1jbGFzc2ljIGxpIHtcblx0bWFyZ2luOiAwIDEwcHggMTBweCAwICFpbXBvcnRhbnQ7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gdWwud3Bmb3Jtcy1pbWFnZS1jaG9pY2VzLWNsYXNzaWMgaW1nIHtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRtYXJnaW46IDAgYXV0bztcblx0bWF4LXdpZHRoOiAxMDAlO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHVsLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1jbGFzc2ljIGxhYmVsOm5vdCgud3Bmb3Jtcy1lcnJvcikge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXHRkaXNwbGF5OiBibG9jaztcblx0bWFyZ2luOiAwIGF1dG87XG5cdGJvcmRlcjogMnB4IHNvbGlkICNmZmY7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB1bC53cGZvcm1zLWltYWdlLWNob2ljZXMtY2xhc3NpYyBsYWJlbDpub3QoLndwZm9ybXMtZXJyb3IpOmhvdmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB1bC53cGZvcm1zLWltYWdlLWNob2ljZXMtY2xhc3NpYyBsYWJlbDpub3QoLndwZm9ybXMtZXJyb3IpOmZvY3VzIHtcblx0Ym9yZGVyLWNvbG9yOiAjZGRkO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHVsLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1jbGFzc2ljIC53cGZvcm1zLWltYWdlLWNob2ljZXMtaW1hZ2Uge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSB1bC53cGZvcm1zLWltYWdlLWNob2ljZXMtY2xhc3NpYyAud3Bmb3Jtcy1zZWxlY3RlZCBsYWJlbCB7XG5cdGJvcmRlci1jb2xvcjogIzY2NiAhaW1wb3J0YW50O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHVsLndwZm9ybXMtaW1hZ2UtY2hvaWNlcy1jbGFzc2ljIC53cGZvcm1zLWltYWdlLWNob2ljZXMtbGFiZWwge1xuXHRkaXNwbGF5OiBibG9jaztcblx0bWFyZ2luLXRvcDogOHB4O1xufVxuXG4vKiBJY29uIGNob2ljZXNcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbi8qIEJhc2Ugc3R5bGVzICovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIHtcblxuXHR1bC53cGZvcm1zLWljb24tY2hvaWNlcyxcblx0dWwud3Bmb3Jtcy1pY29uLWNob2ljZXMgKiB7XG5cdFx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0fVxuXG5cdC8vIEJhc2UgbGlzdCBjb250YWluZXIgc3R5bGVzLCBhcHBsaWVzIHRvIDEgY29sdW1uIGxheW91dCBvcHRpb24gdG9vLlxuXHR1bC53cGZvcm1zLWljb24tY2hvaWNlcyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdHBhZGRpbmc6IDAgIWltcG9ydGFudDtcblx0XHRtYXJnaW46IDEycHggMCAtMjBweCAwICFpbXBvcnRhbnQ7IC8vIENvbXBlbnNhdGUgZm9yIHJpZ2h0LW1vc3QgYW5kIGJvdHRvbS1tb3N0IGl0ZW1zIG1hcmdpbi5cblxuXHRcdC8vIERlc2NyaXB0aW9ucyBhbmQgZXJyb3JzIGFmdGVyIHRoZSBsaXN0IHNob3VsZCBiZSBzcGFjZWQgb3V0IGNvbnNpc3RlbnRseS5cblx0XHQmICsgLndwZm9ybXMtZmllbGQtZGVzY3JpcHRpb24sXG5cdFx0JiArIC53cGZvcm1zLWVycm9yIHtcblx0XHRcdG1hcmdpbi10b3A6IDE1cHg7XG5cdFx0fVxuXG5cdFx0Ly8gQmFzZSBsaXN0IGl0ZW0gc3R5bGVzLCBhcHBsaWVzIHRvIDEgY29sdW1uIGxheW91dCBvcHRpb24gdG9vLlxuXHRcdGxpIHtcblx0XHRcdG1pbi13aWR0aDogMTIwcHg7XG5cdFx0XHRwYWRkaW5nLXJpZ2h0OiAwICFpbXBvcnRhbnQ7XG5cdFx0XHRtYXJnaW46IDAgMCAyMHB4IDAgIWltcG9ydGFudDsgLy8gRmF1eCBnYXBzLlxuXHRcdH1cblxuXHRcdGxhYmVsIHtcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0bWFyZ2luOiAwO1xuXHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdH1cblxuXHRcdC53cGZvcm1zLWljb24tY2hvaWNlcy1pY29uIHtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdH1cblxuXHRcdHN2ZyB7XG5cdFx0XHRtYXJnaW46IDAgYXV0bztcblx0XHRcdGZpbGw6IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHR9XG5cblx0XHQmLndwZm9ybXMtaWNvbi1jaG9pY2VzLW5vbmUge1xuXG5cdFx0XHRzdmcge1xuXHRcdFx0XHRtYXJnaW46IDA7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1kZWZhdWx0LFxuXHRcdCYud3Bmb3Jtcy1pY29uLWNob2ljZXMtbW9kZXJuIHtcblxuXHRcdFx0bGkge1xuXHRcdFx0XHRtYXJnaW46IDAgMCAyMnB4IDAgIWltcG9ydGFudDsgLy8gRmF1eCBnYXBzLlxuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8qIFN0eWxlOiBEZWZhdWx0ICovXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1kZWZhdWx0IHtcblxuXHRcdFx0bGFiZWwge1xuXHRcdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cblx0XHRcdFx0Jjpmb2N1cy13aXRoaW4ge1xuXG5cdFx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb24ge1xuXHRcdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb24ge1xuXHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdHotaW5kZXg6IDE7XG5cdFx0XHRcdG1hcmdpbi1ib3R0b206IDEwcHg7XG5cdFx0XHRcdHBhZGRpbmc6IDE1cHggMjBweCA0NXB4IDIwcHg7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCAjY2NjY2NjO1xuXHRcdFx0XHRib3JkZXItcmFkaXVzOiA2cHg7XG5cblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdHN2ZyB7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHotaW5kZXg6IDI7XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb24tYmcge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR6LWluZGV4OiAwO1xuXHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdHJpZ2h0OiAwO1xuXHRcdFx0XHRib3R0b206IDA7XG5cdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdGJvcmRlci1yYWRpdXM6IDZweDtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcblx0XHRcdH1cblxuXHRcdFx0LndwZm9ybXMtc2VsZWN0ZWQge1xuXG5cdFx0XHRcdC53cGZvcm1zLWljb24tY2hvaWNlcy1pY29uIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdFx0XHRib3gtc2hhZG93OiAwIDAgMCAxcHggdmFyKC0td3Bmb3Jtcy1pY29uLWNob2ljZXMtY29sb3IpO1xuXHRcdFx0XHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQud3Bmb3Jtcy1pY29uLWNob2ljZXMtaWNvbi1iZyB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0td3Bmb3Jtcy1pY29uLWNob2ljZXMtY29sb3IpO1xuXHRcdFx0XHRcdG9wYWNpdHk6IC4xO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0LyogU3R5bGU6IE1vZGVybiAqL1xuXHRcdCYud3Bmb3Jtcy1pY29uLWNob2ljZXMtbW9kZXJuIHtcblxuXHRcdFx0bGkge1xuXG5cdFx0XHRcdGxhYmVsIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4ICNjY2NjY2M7XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNnB4O1xuXHRcdFx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdFx0XHRwYWRkaW5nOiAyMHB4IDIwcHggMTVweCAyMHB4O1xuXHRcdFx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblxuXHRcdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQmOmZvY3VzLXdpdGhpbiB7XG5cblx0XHRcdFx0XHRsYWJlbCB7XG5cdFx0XHRcdFx0XHRib3gtc2hhZG93OiAwIDAgMCAxcHggdmFyKC0td3Bmb3Jtcy1pY29uLWNob2ljZXMtY29sb3IpO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXG5cdFx0XHRcdCYud3Bmb3Jtcy1zZWxlY3RlZCB7XG5cblx0XHRcdFx0XHRsYWJlbCB7XG5cdFx0XHRcdFx0XHRib3gtc2hhZG93OiAwIDAgMCAxcHggdmFyKC0td3Bmb3Jtcy1pY29uLWNob2ljZXMtY29sb3IpLCAwIDJweCAxMHB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb24ge1xuXHRcdFx0XHRcdG1hcmdpbi1ib3R0b206IDEwcHg7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cblx0XHQvKiBTdHlsZTogQ2xhc3NpYyAqL1xuXHRcdCYud3Bmb3Jtcy1pY29uLWNob2ljZXMtY2xhc3NpYyB7XG5cblx0XHRcdGxpIHtcblxuXHRcdFx0XHRsYWJlbCB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdFx0XHRwYWRkaW5nOiAyMHB4IDIwcHggMTVweCAyMHB4O1xuXHRcdFx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblxuXHRcdFx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4ICM5OTk5OTk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0Jjpmb2N1cy13aXRoaW4ge1xuXG5cdFx0XHRcdFx0bGFiZWwge1xuXHRcdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4ICM5OTk5OTk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0Ji53cGZvcm1zLXNlbGVjdGVkIHtcblxuXHRcdFx0XHRcdGxhYmVsIHtcblx0XHRcdFx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS13cGZvcm1zLWljb24tY2hvaWNlcy1jb2xvcik7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cblx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb24ge1xuXHRcdFx0XHRcdG1hcmdpbi1ib3R0b206IDEwcHg7XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQvLyBDdXN0b20gY29udHJvbHMgZm9yIHJhZGlvIGlucHV0cyAoRGVmYXVsdCBzdHlsZSkuXG5cdC53cGZvcm1zLWZpZWxkLXJhZGlvLFxuXHQud3Bmb3Jtcy1maWVsZC1wYXltZW50LW11bHRpcGxlIHtcblxuXHRcdHVsLndwZm9ybXMtaWNvbi1jaG9pY2VzLWRlZmF1bHQge1xuXG5cdFx0XHRsaSB7XG5cblx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb246YmVmb3JlIHtcblx0XHRcdFx0XHRjb250ZW50OiBcIlwiO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHR6LWluZGV4OiAyO1xuXHRcdFx0XHRcdGJvdHRvbTogMTVweDtcblx0XHRcdFx0XHRsZWZ0OiBjYWxjKDUwJSAtIDhweCk7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0d2lkdGg6IDE2cHg7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4ICNjY2NjY2M7XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdFx0XHRcdG1hcmdpbjogMTVweCBhdXRvIDA7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQmLndwZm9ybXMtc2VsZWN0ZWQge1xuXG5cdFx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb246YmVmb3JlIHtcblx0XHRcdFx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS13cGZvcm1zLWljb24tY2hvaWNlcy1jb2xvcik7XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb246YWZ0ZXIge1xuXHRcdFx0XHRcdFx0Y29udGVudDogXCJcIjtcblx0XHRcdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHRcdHotaW5kZXg6IDI7XG5cdFx0XHRcdFx0XHRib3R0b206IGNhbGMoMTVweCArIDRweCk7XG5cdFx0XHRcdFx0XHRsZWZ0OiBjYWxjKDUwJSAtIDRweCk7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRcdHdpZHRoOiA4cHg7XG5cdFx0XHRcdFx0XHRoZWlnaHQ6IDhweDtcblx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXdwZm9ybXMtaWNvbi1jaG9pY2VzLWNvbG9yKTtcblx0XHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdH1cblxuXHQvLyBDdXN0b20gY29udHJvbHMgZm9yIGNoZWNrYm94IGlucHV0cyAoRGVmYXVsdCBzdHlsZSkuXG5cdC53cGZvcm1zLWZpZWxkLWNoZWNrYm94LFxuXHQud3Bmb3Jtcy1maWVsZC1wYXltZW50LWNoZWNrYm94IHtcblxuXHRcdHVsLndwZm9ybXMtaWNvbi1jaG9pY2VzLWRlZmF1bHQge1xuXG5cdFx0XHRsaSB7XG5cblx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb246YmVmb3JlIHtcblx0XHRcdFx0XHRjb250ZW50OiBcIlwiO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHR6LWluZGV4OiAyO1xuXHRcdFx0XHRcdGJvdHRvbTogMTVweDtcblx0XHRcdFx0XHRsZWZ0OiBjYWxjKDUwJSAtIDhweCk7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0d2lkdGg6IDE2cHg7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxNnB4O1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG5cdFx0XHRcdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4ICNjY2NjY2M7XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHRcdFx0XHRcdG1hcmdpbjogMTVweCBhdXRvIDA7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHQmLndwZm9ybXMtc2VsZWN0ZWQge1xuXG5cdFx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb246YmVmb3JlIHtcblx0XHRcdFx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS13cGZvcm1zLWljb24tY2hvaWNlcy1jb2xvcik7XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0LndwZm9ybXMtaWNvbi1jaG9pY2VzLWljb246YWZ0ZXIge1xuXHRcdFx0XHRcdFx0Y29udGVudDogXCJcIjtcblx0XHRcdFx0XHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHRcdHotaW5kZXg6IDI7XG5cdFx0XHRcdFx0XHRib3R0b206IDIzcHg7XG5cdFx0XHRcdFx0XHRsZWZ0OiBjYWxjKDUwJSAtIDZweCk7XG5cdFx0XHRcdFx0XHR3aWR0aDogNnB4O1xuXHRcdFx0XHRcdFx0aGVpZ2h0OiAxMHB4O1xuXHRcdFx0XHRcdFx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0XHRcdFx0XHRcdGJvcmRlci1jb2xvcjogdmFyKC0td3Bmb3Jtcy1pY29uLWNob2ljZXMtY29sb3IpO1xuXHRcdFx0XHRcdFx0Ym9yZGVyLXdpZHRoOiAwIDJweCAycHggMDtcblx0XHRcdFx0XHRcdHRyYW5zZm9ybS1vcmlnaW46IGJvdHRvbSBsZWZ0O1xuXHRcdFx0XHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC8vIEFsbCBvdGhlciBsYXlvdXQgb3B0aW9ucywgZXhjZXB0IG9uZSBjb2x1bW4uXG5cdC53cGZvcm1zLWxpc3QtMi1jb2x1bW5zIHVsLndwZm9ybXMtaWNvbi1jaG9pY2VzLFxuXHQud3Bmb3Jtcy1saXN0LTMtY29sdW1ucyB1bC53cGZvcm1zLWljb24tY2hvaWNlcyxcblx0LndwZm9ybXMtbGlzdC1pbmxpbmUgdWwud3Bmb3Jtcy1pY29uLWNob2ljZXMge1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0ZmxleC13cmFwOiB3cmFwO1xuXG5cdFx0bGkge1xuXHRcdFx0bWFyZ2luLXJpZ2h0OiAyMHB4ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1kZWZhdWx0LFxuXHRcdCYud3Bmb3Jtcy1pY29uLWNob2ljZXMtbW9kZXJuIHtcblxuXHRcdFx0bGkge1xuXHRcdFx0XHRtYXJnaW4tcmlnaHQ6IDIycHggIWltcG9ydGFudDtcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogMjJweCAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC8vIFR3byBjb2x1bW5zIGxheW91dC5cblx0LndwZm9ybXMtbGlzdC0yLWNvbHVtbnMgdWwud3Bmb3Jtcy1pY29uLWNob2ljZXMge1xuXG5cdFx0bGkge1xuXHRcdFx0d2lkdGg6IGNhbGMoIDEwMCUgLyAyIC0gMjBweCAvIDIgKTtcblxuXHRcdFx0JjpudGgtY2hpbGQoMm4pIHtcblx0XHRcdFx0bWFyZ2luLXJpZ2h0OiAwICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1kZWZhdWx0LFxuXHRcdCYud3Bmb3Jtcy1pY29uLWNob2ljZXMtbW9kZXJuIHtcblxuXHRcdFx0bGkge1xuXHRcdFx0XHR3aWR0aDogY2FsYyggMTAwJSAvIDIgLSAyMnB4IC8gMiApO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC8vIFRocmVlIGNvbHVtbiBsYXlvdXQuXG5cdC53cGZvcm1zLWxpc3QtMy1jb2x1bW5zIHVsLndwZm9ybXMtaWNvbi1jaG9pY2VzIHtcblxuXHRcdGxpIHtcblx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC8gMyAtIDIwcHggKiAyIC8gMyApO1xuXG5cdFx0XHQmOm50aC1jaGlsZCgzbikge1xuXHRcdFx0XHRtYXJnaW4tcmlnaHQ6IDAgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblx0XHQmLndwZm9ybXMtaWNvbi1jaG9pY2VzLWRlZmF1bHQsXG5cdFx0Ji53cGZvcm1zLWljb24tY2hvaWNlcy1tb2Rlcm4ge1xuXG5cdFx0XHRsaSB7XG5cdFx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC8gMyAtIDIycHggKiAyIC8gMyApO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuXG5cdC8vIElubGluZTogZmx1aWQgc2l6aW5nLlxuXHQud3Bmb3Jtcy1saXN0LWlubGluZSB1bC53cGZvcm1zLWljb24tY2hvaWNlcyB7XG5cblx0XHRsaSB7XG5cdFx0XHR3aWR0aDogYXV0bztcblx0XHRcdG1heC13aWR0aDogY2FsYyggMTAwJSAvIDQgLSAyMHB4ICk7XG5cdFx0fVxuXHR9XG59XG5cbi8qIFBhZ2UgSW5kaWNhdG9yIHRoZW1lc1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1wYWdlLWluZGljYXRvciB7XG5cdG1hcmdpbjogMCAwIDIwcHggMDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLyoqIENpcmNsZXMgdGhlbWUgKiovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLmNpcmNsZXMge1xuXHRib3JkZXItdG9wOiAxcHggc29saWQgI2RmZGZkZjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNkZmRmZGY7XG5cdHBhZGRpbmc6IDE1cHggMTBweDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci5jaXJjbGVzIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2Uge1xuXHRmbG9hdDogbGVmdDtcblx0bWFyZ2luOiAwIDIwcHggMCAwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLmNpcmNsZXMgLndwZm9ybXMtcGFnZS1pbmRpY2F0b3ItcGFnZTpsYXN0LW9mLXR5cGUge1xuXHRtYXJnaW46IDA7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZS1pbmRpY2F0b3IuY2lyY2xlcyAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci1wYWdlLW51bWJlciB7XG5cdGhlaWdodDogNDBweDtcblx0d2lkdGg6IDQwcHg7XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRtYXJnaW46IDAgMTBweCAwIDA7XG5cdGxpbmUtaGVpZ2h0OiA0MHB4O1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICNkZGQ7XG5cdGNvbG9yOiAjNjY2O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLmNpcmNsZXMgLmFjdGl2ZSAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci1wYWdlLW51bWJlciB7XG5cdGNvbG9yOiAjZmZmO1xufVxuXG4vKiBDb25uZWN0b3IgdGhlbWUgKi9cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZS1pbmRpY2F0b3IuY29ubmVjdG9yIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2Uge1xuXHRmbG9hdDogbGVmdDtcblx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRmb250LXNpemU6IDE2cHg7XG5cdGxpbmUtaGVpZ2h0OiAxLjI7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZS1pbmRpY2F0b3IuY29ubmVjdG9yIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2UtbnVtYmVyIHtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHRleHQtaW5kZW50OiAtOTk5OXB4O1xuXHRoZWlnaHQ6IDZweDtcblx0YmFja2dyb3VuZC1jb2xvcjogI2RkZDtcblx0bWFyZ2luOiAwIDAgMTZweCAwO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZS1pbmRpY2F0b3IuY29ubmVjdG9yIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2UtdHJpYW5nbGUge1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMTAwJTtcblx0bGVmdDogNTAlO1xuXHR3aWR0aDogMDtcblx0aGVpZ2h0OiAwO1xuXHRtYXJnaW4tbGVmdDogLTVweDtcblx0Ym9yZGVyLXN0eWxlOiBzb2xpZDtcblx0Ym9yZGVyLXdpZHRoOiA2cHggNXB4IDAgNXB4O1xuXHRib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLmNvbm5lY3RvciAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci1wYWdlLXRpdGxlIHtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRwYWRkaW5nOiAwIDE1cHg7XG5cdGZvbnQtc2l6ZTogMTZweDtcbn1cblxuLyogUHJvZ3Jlc3MgdGhlbWUgKi9cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZS1pbmRpY2F0b3IucHJvZ3Jlc3Mge1xuXHRmb250LXNpemU6IDE4cHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtcGFnZS1pbmRpY2F0b3IucHJvZ3Jlc3MgLndwZm9ybXMtcGFnZS1pbmRpY2F0b3ItcGFnZS1wcm9ncmVzcy13cmFwIHtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkO1xuXHRoZWlnaHQ6IDE4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0bWFyZ2luOiA1cHggMCAwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLnByb2dyZXNzIC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2UtcHJvZ3Jlc3Mge1xuXHRoZWlnaHQ6IDE4cHg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0bGVmdDogMDtcblx0dG9wOiAwO1xufVxuXG4vKiBEcm9wZG93biBmaWVsZFxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1zZWxlY3Qgc2VsZWN0ID4gb3B0aW9uIHtcblx0Y29sb3I6IGluaGVyaXQ7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtc2VsZWN0IHNlbGVjdCA+IG9wdGlvbi5wbGFjZWhvbGRlcixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmllbGQtc2VsZWN0IHNlbGVjdCA+IG9wdGlvbltkaXNhYmxlZF0ge1xuXHRjb2xvcjogaW5oZXJpdDtcblx0b3BhY2l0eTogMC41O1xufVxuXG4vKiBDbGFzc2ljIHN0eWxlICovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1maWVsZC53cGZvcm1zLWZpZWxkLXNlbGVjdC1zdHlsZS1jbGFzc2ljIHNlbGVjdCB7XG5cdHBhZGRpbmctbGVmdDogNnB4O1xuXG5cdCZbbXVsdGlwbGVdIHtcblx0XHRwYWRkaW5nOiAwO1xuXG5cdFx0PiBvcHRpb24ge1xuXHRcdFx0cGFkZGluZzogMTBweDtcblx0XHRcdGJveC1zaGFkb3c6IDAgMXB4IDAgMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG5cblx0XHRcdCYucGxhY2Vob2xkZXIsXG5cdFx0XHQmW2Rpc2FibGVkXSB7XG5cdFx0XHRcdGJveC1zaGFkb3c6IDAgMXB4IDAgMCByZ2JhKDAsIDAsIDAsIDAuMik7XG5cdFx0XHR9XG5cblx0XHRcdCY6Y2hlY2tlZCB7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Z3JleTtcblx0XHRcdH1cblx0XHR9XG5cdH1cbn1cblxuLyogTW9kZXJuIHN0eWxlICovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC5jaG9pY2VzIHtcblx0Zm9udC1zaXplOiAxNnB4O1xuXHRjb2xvcjogIzMzMztcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAuY2hvaWNlcyAuY2hvaWNlc19fbGlzdC0tc2luZ2xlIHtcblx0Zm9udC1zaXplOiAxZW07XG5cdGxpbmUtaGVpZ2h0OiBub3JtYWw7XG59XG5cbi8vIE92ZXJyaWRlIENob2ljZXMgYm9yZGVyLXJhZGl1cyBvbiB0aGUgZnJvbnRlbmQuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC5jaG9pY2VzLmlzLW9wZW4uaXMtZmxpcHBlZCAuY2hvaWNlc19faW5uZXIsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC5jaG9pY2VzLmlzLW9wZW4gLmNob2ljZXNfX2xpc3QtLWRyb3Bkb3duIHtcblx0Ym9yZGVyLXJhZGl1czogMCAwIDJweCAycHg7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLmNob2ljZXMuaXMtb3Blbi5pcy1mbGlwcGVkIC5jaG9pY2VzX19saXN0LS1kcm9wZG93bixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLmNob2ljZXMuaXMtb3BlbiAuY2hvaWNlc19faW5uZXIge1xuXHRib3JkZXItcmFkaXVzOiAycHggMnB4IDAgMDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAuY2hvaWNlcyB7XG5cdC5jaG9pY2VzX19pbm5lciB7XG5cdFx0bWluLWhlaWdodDogMzhweDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdH1cbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAuY2hvaWNlcyBpbnB1dC5jaG9pY2VzX19pbnB1dCB7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0aGVpZ2h0OiBhdXRvO1xuXHRsaW5lLWhlaWdodDogMS4zO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC5jaG9pY2VzIDo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdGNvbG9yOiBpbmhlcml0O1xuXHRvcGFjaXR5OiAwLjU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLmNob2ljZXMgOjotbW96LXBsYWNlaG9sZGVyIHtcblx0Y29sb3I6IGluaGVyaXQ7XG5cdG9wYWNpdHk6IDAuNTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAuY2hvaWNlcyA6LW1zLWlucHV0LXBsYWNlaG9sZGVyIHtcblx0Y29sb3I6IGluaGVyaXQ7XG5cdG9wYWNpdHk6IDAuNTtcbn1cblxuLyogTm90aWNlc1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlIHtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblx0Ym9yZGVyOiAxcHggc29saWQgI2RkZDtcblx0Ym9yZGVyLWxlZnQtd2lkdGg6IDEycHg7XG5cdGNvbG9yOiAjMzMzO1xuXHRmb250LXNpemU6IDE2cHg7XG5cdGxpbmUtaGVpZ2h0OiAxLjU7XG5cdG1hcmdpbi1ib3R0b206IDMwcHg7XG5cdHBhZGRpbmc6IDIwcHggMzZweCAyMHB4IDI2cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlIC53cGZvcm1zLWRlbGV0ZSB7XG5cdC13ZWJraXQtdG91Y2gtY2FsbG91dDogbm9uZTtcblx0LXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcblx0LW1vei11c2VyLXNlbGVjdDogbm9uZTtcblx0LW1zLXVzZXItc2VsZWN0OiBub25lO1xuXHR1c2VyLXNlbGVjdDogbm9uZTtcblx0LW1vei1hcHBlYXJhbmNlOiBub25lO1xuXHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTAsIDEwLCAxMCwgMC4yKTtcblx0Ym9yZGVyOiBub25lO1xuXHRib3JkZXItcmFkaXVzOiAyOTA0ODZweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdGhlaWdodDogMjBweDtcblx0bWFyZ2luOiAwO1xuXHRwYWRkaW5nOiAwO1xuXHRvdXRsaW5lOiBub25lO1xuXHR2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuXHR3aWR0aDogMjBweDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMTBweDtcblx0dG9wOiAxMHB4O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2UgLndwZm9ybXMtZGVsZXRlOmJlZm9yZSxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1kZWxldGU6YWZ0ZXIge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXHRjb250ZW50OiBcIlwiO1xuXHRkaXNwbGF5OiBibG9jaztcblx0bGVmdDogNTAlO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogNTAlO1xuXHQtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpIHJvdGF0ZSg0NWRlZyk7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKSB0cmFuc2xhdGVZKC01MCUpIHJvdGF0ZSg0NWRlZyk7XG5cdC13ZWJraXQtdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcblx0dHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlIC53cGZvcm1zLWRlbGV0ZTpiZWZvcmUge1xuXHRoZWlnaHQ6IDJweDtcblx0d2lkdGg6IDUwJTtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlIC53cGZvcm1zLWRlbGV0ZTphZnRlciB7XG5cdGhlaWdodDogNTAlO1xuXHR3aWR0aDogMnB4O1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2UgLndwZm9ybXMtZGVsZXRlOmhvdmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlIC53cGZvcm1zLWRlbGV0ZTpmb2N1cyAge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEwLCAxMCwgMTAsIDAuMyk7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZSBhIHtcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZSBwIHtcblx0bWFyZ2luOiAwIDAgMjBweCAwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2UgcDpsYXN0LW9mLXR5cGUge1xuXHRtYXJnaW4tYm90dG9tOiAwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1pbmZvIC53cGZvcm1zLW5vdGljZS1hY3Rpb24sXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1pbmZvIHtcblx0Ym9yZGVyLWNvbG9yOiAjMzI3M2RjXG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLXN1Y2Nlc3MgLndwZm9ybXMtbm90aWNlLWFjdGlvbixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLXN1Y2Nlc3Mge1xuXHRib3JkZXItY29sb3I6ICMyM2QxNjBcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtd2FybmluZyAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtd2FybmluZyB7XG5cdGJvcmRlci1jb2xvcjogI2ZmZGQ1N1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1lcnJvciAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtZXJyb3Ige1xuXHRib3JkZXItY29sb3I6ICNmZjM4NjBcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlIC53cGZvcm1zLW5vdGljZS1hY3Rpb25zIHtcblx0bWFyZ2luLXRvcDogMjBweDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlIC53cGZvcm1zLW5vdGljZS1hY3Rpb24ge1xuXHRib3JkZXI6IDJweCBzb2xpZDtcblx0bWFyZ2luLXJpZ2h0OiAyMHB4O1xuXHRwYWRkaW5nOiA1cHg7XG5cdHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZSAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmhvdmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlIC53cGZvcm1zLW5vdGljZS1hY3Rpb246Zm9jdXMsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2UgLndwZm9ybXMtbm90aWNlLWFjdGlvbjphY3RpdmUge1xuXHRjb2xvcjogI2ZmZjtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtaW5mbyAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmhvdmVyLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtaW5mbyAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmZvY3VzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtaW5mbyAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmFjdGl2ZSB7XG5cdGJhY2tncm91bmQtY29sb3I6ICMzMjczZGM7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLXN1Y2Nlc3MgLndwZm9ybXMtbm90aWNlLWFjdGlvbjpob3ZlcixcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLXN1Y2Nlc3MgLndwZm9ybXMtbm90aWNlLWFjdGlvbjpmb2N1cyxcbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLXN1Y2Nlc3MgLndwZm9ybXMtbm90aWNlLWFjdGlvbjphY3RpdmUge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjMjNkMTYwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy13YXJuaW5nIC53cGZvcm1zLW5vdGljZS1hY3Rpb246aG92ZXIsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy13YXJuaW5nIC53cGZvcm1zLW5vdGljZS1hY3Rpb246Zm9jdXMsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy13YXJuaW5nIC53cGZvcm1zLW5vdGljZS1hY3Rpb246YWN0aXZlIHtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZGQ1Nztcblx0Y29sb3I6IGluaGVyaXQ7XG59XG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLW5vdGljZS53cGZvcm1zLWVycm9yIC53cGZvcm1zLW5vdGljZS1hY3Rpb246aG92ZXIsXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1ub3RpY2Uud3Bmb3Jtcy1lcnJvciAud3Bmb3Jtcy1ub3RpY2UtYWN0aW9uOmZvY3VzLFxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtbm90aWNlLndwZm9ybXMtZXJyb3IgLndwZm9ybXMtbm90aWNlLWFjdGlvbjphY3RpdmUge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmYzODYwO1xufVxuXG5cbmRpdi53cGZvcm1zLWNvbnRhaW5lci1mdWxsIHtcblx0LndwZm9ybXMtZm9ybSB7XG5cdFx0dGV4dGFyZWEud3Bmb3Jtcy1maWVsZC1zbWFsbC53cC1lZGl0b3ItYXJlYSB7XG5cdFx0XHRoZWlnaHQ6IDEwMHB4O1xuXHRcdH1cblxuXHRcdHRleHRhcmVhLndwZm9ybXMtZmllbGQtbWVkaXVtLndwLWVkaXRvci1hcmVhIHtcblx0XHRcdGhlaWdodDogMjUwcHg7XG5cdFx0fVxuXG5cdFx0dGV4dGFyZWEud3Bmb3Jtcy1maWVsZC1sYXJnZS53cC1lZGl0b3ItYXJlYSB7XG5cdFx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdH1cblx0fVxufVxuXG4vKiBQcmV2aWV3IG5vdGljZS5cbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbi53cGZvcm1zLXByZXZpZXctbm90aWNlLWxpbmtzIHtcblx0bGluZS1oZWlnaHQ6IDIuNDtcbn1cblxuLyogTWlzY1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwge1xuXHRtYXJnaW46IDI0cHggYXV0bztcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSBoMyB7XG5cdGZvbnQtc2l6ZTogMjRweDtcbn1cblxuLyogSG9uZXlwb3QgQXJlYSAqL1xuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1ocCB7XG5cdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0cG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG5cdGxlZnQ6IC05MDAwcHggIWltcG9ydGFudDtcbn1cblxuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZC1oaWRkZW4ge1xuXHRkaXNwbGF5OiBub25lO1xuXHRwYWRkaW5nOiAwO1xufVxuXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXNjcmVlbi1yZWFkZXItZWxlbWVudCB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZSAhaW1wb3J0YW50O1xuXHRjbGlwOiByZWN0KDAsIDAsIDAsIDApICFpbXBvcnRhbnQ7XG5cdGhlaWdodDogMXB4ICFpbXBvcnRhbnQ7XG5cdHdpZHRoOiAxcHggIWltcG9ydGFudDtcblx0Ym9yZGVyOiAwICFpbXBvcnRhbnQ7XG5cdG1hcmdpbjogMCAhaW1wb3J0YW50O1xuXHRwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG5cdG92ZXJmbG93OiBoaWRkZW4gIWltcG9ydGFudDtcblx0d29yZC13cmFwOiBub3JtYWwgIWltcG9ydGFudDtcbn1cblxuLyogTGltaXQgb3B0aW9ucyAqL1xuZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1saW1pdC10ZXh0e1xuXHRmb250LXNpemU6IDEzcHg7XG5cdGRpc3BsYXk6IGJsb2NrO1xufVxuXG4vKiBSVEwgc3VwcG9ydFxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuLyogUGhvbmUgVVMgZm9ybWF0ICovXG5ib2R5LnJ0bCAud3Bmb3Jtcy1maWVsZC1waG9uZSBpbnB1dFt0eXBlPXRlbF0ge1xuXHRkaXJlY3Rpb246IGx0cjtcblx0dW5pY29kZS1iaWRpOiBlbWJlZDtcblx0dGV4dC1hbGlnbjogcmlnaHQ7XG59XG5cbmJvZHkucnRsIC53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmlyc3Qge1xuXHRmbG9hdDogcmlnaHQ7XG59XG5cbmJvZHkucnRsIC53cGZvcm1zLWNvbnRhaW5lci1mdWxsIC53cGZvcm1zLWZvcm0gLndwZm9ybXMtZmlyc3QgKyAud3Bmb3Jtcy1vbmUtaGFsZiB7XG5cdG1hcmdpbi1yaWdodDogNCU7XG5cdG1hcmdpbi1sZWZ0OiAwO1xufVxuXG4vKiBVbi1yZXNldCBzdHlsZXMgZm9yIGZvcm0gZXJyb3IgY29udGFpbmVyICovXG5kaXYud3Bmb3Jtcy1jb250YWluZXItZnVsbCAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWVycm9yLWNvbnRhaW5lciB7XG5cdHVsIGxpIHtcblx0XHRsaXN0LXN0eWxlOiBpbnNpZGUgIWltcG9ydGFudDtcblx0fVxuXG5cdG9sIGxpIHtcblx0XHRsaXN0LXN0eWxlOiBpbnNpZGUgZGVjaW1hbCAhaW1wb3J0YW50O1xuXHR9XG5cblx0YSB7XG5cdFx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgIWltcG9ydGFudDtcblx0fVxuXG5cdGRlbCB7XG5cdFx0dGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2ggIWltcG9ydGFudDtcblx0fVxuXG5cdGJsb2NrcXVvdGUge1xuXHRcdHBhZGRpbmctbGVmdDogMjBweDtcblx0XHRib3JkZXItbGVmdDogNHB4IHNvbGlkO1xuXHRcdGZvbnQtc3R5bGU6IGl0YWxpYztcblx0fVxufVxuIiwiLy8gU21hbGwgZGV2aWNlcy5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNjAwcHgpIHtcblx0ZGl2LndwZm9ybXMtY29udGFpbmVyLWZ1bGwge1xuXG5cdFx0Ly8gUHJlc2V0IGxheW91dCAtIHNpbmdsZSBsaW5lLlxuXHRcdCYuaW5saW5lLWZpZWxkcyAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLWZpZWxkLWNvbnRhaW5lcixcblx0XHQmLmlubGluZS1maWVsZHMgLndwZm9ybXMtZm9ybSAud3Bmb3Jtcy1maWVsZCB7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdH1cblxuXHRcdCYuaW5saW5lLWZpZWxkcyAud3Bmb3Jtcy1mb3JtIC53cGZvcm1zLXN1Ym1pdC1jb250YWluZXIge1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0fVxuXG5cdFx0LndwZm9ybXMtZm9ybSB7XG5cblx0XHRcdC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLmNvbm5lY3RvciAud3Bmb3Jtcy1wYWdlLWluZGljYXRvci1wYWdlLXRpdGxlIHtcblx0XHRcdFx0ZGlzcGxheTogbm9uZTtcblx0XHRcdH1cblxuXHRcdFx0Ly8gQXZvaWQgaG9yaXpvbnRhbCBzY3JvbGwgb24gbW9iaWxlcy5cblx0XHRcdC8vIFNraXAgZm9yIHBob25lIGFuZCBtb2Rlcm4gbXVsdGlwbGUgc2VsZWN0IGZpZWxkLiBPdGhlcndpc2UgdGhleSAoZHJvcGRvd25zKSB3aWxsIGJlIGNyb3BwZWQuXG5cdFx0XHQud3Bmb3Jtcy1maWVsZDpub3QoLndwZm9ybXMtZmllbGQtcGhvbmUpOm5vdCgud3Bmb3Jtcy1maWVsZC1zZWxlY3Qtc3R5bGUtbW9kZXJuKSB7XG5cdFx0XHRcdG92ZXJmbG93LXg6IGhpZGRlbjtcblx0XHRcdH1cblxuXHRcdFx0LndwZm9ybXMtZmllbGQgPiAqIHtcblx0XHRcdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdFx0fVxuXG5cdFx0XHQvLyBNb2JpbGUgd2lkdGggb3ZlcnJpZGUuXG5cdFx0XHQud3Bmb3Jtcy1tb2JpbGUtZnVsbCB7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRcdFx0ZmxvYXQ6IG5vbmU7XG5cdFx0XHR9XG5cblx0XHRcdC8vIEZ1bGwgd2lkdGggZm9yIGFsbCBzaXplcy5cblx0XHRcdGlucHV0LndwZm9ybXMtZmllbGQtbWVkaXVtLFxuXHRcdFx0c2VsZWN0LndwZm9ybXMtZmllbGQtbWVkaXVtLFxuXHRcdFx0LndwZm9ybXMtZmllbGQtcm93LndwZm9ybXMtZmllbGQtbWVkaXVtLFxuXHRcdFx0aW5wdXQud3Bmb3Jtcy1maWVsZC1zbWFsbCxcblx0XHRcdHNlbGVjdC53cGZvcm1zLWZpZWxkLXNtYWxsLFxuXHRcdFx0LndwZm9ybXMtZmllbGQtcm93LndwZm9ybXMtZmllbGQtc21hbGwsXG5cdFx0XHRpbnB1dC53cGZvcm1zLWZpZWxkLWxhcmdlLFxuXHRcdFx0c2VsZWN0LndwZm9ybXMtZmllbGQtbGFyZ2UsXG5cdFx0XHQud3Bmb3Jtcy1maWVsZC1yb3cud3Bmb3Jtcy1maWVsZC1sYXJnZSB7XG5cdFx0XHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRcdH1cblxuXHRcdFx0Ly8gVXNlciBsaXN0IGNvbHVtbiBjbGFzc2VzLlxuXHRcdFx0LndwZm9ybXMtY2hlY2tib3gtMi1jb2x1bW5zLFxuXHRcdFx0LndwZm9ybXMtbXVsdGlwbGVjaG9pY2UtMi1jb2x1bW5zLFxuXHRcdFx0LndwZm9ybXMtbGlzdC0yLWNvbHVtbnMsXG5cdFx0XHQud3Bmb3Jtcy1jaGVja2JveC0zLWNvbHVtbnMsXG5cdFx0XHQud3Bmb3Jtcy1tdWx0aXBsZWNob2ljZS0zLWNvbHVtbnMsXG5cdFx0XHQud3Bmb3Jtcy1saXN0LTMtY29sdW1ucyB7XG5cdFx0XHRcdHVsIGxpIHtcblx0XHRcdFx0XHRmbG9hdDogbm9uZTtcblx0XHRcdFx0XHR3aWR0aDogMTAwJVxuXHRcdFx0XHR9XG5cdFx0XHR9XG5cblx0XHRcdC8vIFBhZ2UgaW5kaWNhdG9yLlxuXHRcdFx0LndwZm9ybXMtcGFnZS1pbmRpY2F0b3Ige1xuXHRcdFx0XHQmLmNpcmNsZXMge1xuXHRcdFx0XHRcdC53cGZvcm1zLXBhZ2UtaW5kaWNhdG9yLXBhZ2Uge1xuXHRcdFx0XHRcdFx0bWFyZ2luOiAwIDEwcHggMCAwO1xuXG5cdFx0XHRcdFx0XHQmLW51bWJlciB7XG5cdFx0XHRcdFx0XHRcdHdpZHRoOiAzMHB4O1xuXHRcdFx0XHRcdFx0XHRoZWlnaHQ6IDMwcHg7XG5cdFx0XHRcdFx0XHRcdGxpbmUtaGVpZ2h0OiAzMHB4O1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXG5cdFx0XHQvLyBOdW1iZXIgU2xpZGVyIGZpZWxkLlxuXHRcdFx0LndwZm9ybXMtZmllbGQtbnVtYmVyLXNsaWRlciBpbnB1dFt0eXBlPXJhbmdlXSB7XG5cdFx0XHRcdG1hcmdpbjogMjBweCAwIDE1cHg7XG5cblx0XHRcdFx0Jjo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuXHRcdFx0XHRcdHdpZHRoOiAzMHB4O1xuXHRcdFx0XHRcdGhlaWdodDogMzBweDtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblx0fVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQ0FBO2dGQUNnRjtBQUVoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUI7QUFDMUIsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7RUFDMUMsVUFBVSxFQUFDLElBQUk7RUFDZixNQUFNLEVBQUMsTUFBTTtFQUNiLGFBQWEsRUFBQyxDQUFDO0VBQ2YscUJBQXFCLEVBQUMsQ0FBQztFQUN2QixrQkFBa0IsRUFBQyxDQUFDO0VBQ3BCLEtBQUssRUFBQyxJQUFJO0VBQ1YsU0FBUyxFQUFDLElBQUk7RUFDZCxNQUFNLEVBQUMsSUFBSTtFQUNYLGNBQWMsRUFBQyxNQUFNO0VBQ3JCLFVBQVUsRUFBQyxJQUFJO0VBQ2YsT0FBTyxFQUFDLElBQUk7RUFDWixRQUFRLEVBQUMsTUFBTTtFQUNmLGVBQWUsRUFBQyxJQUFJO0VBQ3BCLFdBQVcsRUFBQyxDQUFDO0VBQ2IsV0FBVyxFQUFDLElBQUk7RUFDaEIsY0FBYyxFQUFDLElBQUk7RUFDbkIsS0FBSyxFQUFDLElBQUk7RUFDVixVQUFVLEVBQUMsT0FBTztFQUNsQixRQUFRLEVBQUMsT0FBTztFQUNoQixNQUFNLEVBQUMsQ0FBQztFQUNSLE9BQU8sRUFBQyxDQUFDO0VBQ1QsVUFBVSxFQUFDLFVBQVU7RUFDckIsa0JBQWtCLEVBQUMsVUFBVTtFQUM3QixlQUFlLEVBQUMsVUFBVTtFQUMxQixrQkFBa0IsRUFBQyxJQUFJO0VBQ3ZCLGVBQWUsRUFBQyxJQUFJO0VBQ3BCLGNBQWMsRUFBQyxJQUFJO0VBQ25CLGFBQWEsRUFBQyxJQUFJO0VBQ2xCLFVBQVUsRUFBQyxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUM7RUFDMUIsV0FBVyxFQUFFLElBQUk7RUFDakIsWUFBWSxFQUFFLElBQUk7Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7RUFDdEQsUUFBUSxFQUFFLFFBQVE7RUFBRSxrRkFBa0Y7Q0FDdEc7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUs7QUFDOUMsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxLQUFLO0FBQzlDLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsTUFBTTtBQUMvQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLE1BQU07QUFDL0MsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUM7RUFDakQsTUFBTSxFQUFDLENBQUM7RUFDUixNQUFNLEVBQUMsQ0FBQztFQUNSLE9BQU8sRUFBQyxDQUFDO0VBQ1QsT0FBTyxFQUFFLFlBQVk7RUFDckIsY0FBYyxFQUFFLE1BQU07RUFDdEIsVUFBVSxFQUFFLElBQUk7RUFDaEIsTUFBTSxFQUFFLElBQUk7RUFDWixrQkFBa0IsRUFBRSxVQUFVO0VBQzlCLGVBQWUsRUFBRSxVQUFVO0VBQzNCLFVBQVUsRUFBRSxVQUFVO0NBQ3RCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUM7RUFDakQsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsRUFBRTtBQUMzQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7RUFDOUMsVUFBVSxFQUFFLGVBQWU7RUFDM0IsTUFBTSxFQUFFLFlBQVk7RUFDcEIsTUFBTSxFQUFFLFlBQVk7RUFDcEIsT0FBTyxFQUFFLFlBQVk7RUFDckIsVUFBVSxFQUFFLGVBQWU7Q0FDM0I7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7RUFDOUMsYUFBYSxFQUFFLGNBQWM7Q0FDN0I7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxFQUFFLEFBQUEsYUFBYSxDQUFDO0VBQzNELGFBQWEsRUFBRSxZQUFZO0NBQzNCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUM7RUFDM0MsVUFBVSxFQUFFLGNBQWM7RUFDMUIsTUFBTSxFQUFFLFVBQVU7Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztFQUNqRCxTQUFTLEVBQUUsQ0FBQztDQUNaOztBQ3BGRCxBQUNDLGtCQURpQixDQUFDLGFBQWEsQ0FTL0Isb0JBQW9CLENBUkE7RUFDbkIsTUFBTSxFQUFFLGlCQUFpQjtFQUN6QixXQUFXLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsd0JBQXdCO0VBQzdDLE9BQU8sRUFBRSxTQUFTO0VBQ2xCLFNBQVMsRUFBRSxJQUFJO0VBQ2YsTUFBTSxFQUFFLFVBQVU7Q0FDbEI7O0FBUEYsQUFTQyxrQkFUaUIsQ0FBQyxhQUFhLENBUy9CLG9CQUFvQixDQUFDO0VBR3BCLEtBQUssRUFBRSxPQUFPO0VBQ2QsZ0JBQWdCLEVBQUUsT0FBTztFQUN6QixZQUFZLEVBQUUsT0FBTztDQUNyQjs7QUFJRjtnRkFDZ0Y7QUFDaEYsQUFDQyxHQURFLENBQUEsQUFBQSxLQUFDLEVBQU8scUJBQXFCLEFBQTVCLEVBQ0gsR0FBRyxDQUFBLEFBQUEsS0FBQyxFQUFPLG9CQUFvQixBQUEzQixFQUE0QixBQUFBLEtBQUMsRUFBTyxvQkFBb0IsQUFBM0IsRUFBNEIsQUFBQSxLQUFDLEVBQU8sc0JBQXNCLEFBQTdCLEVBQStCO0VBQzVGLFlBQVksRUFBRSxJQUFJO0NBQ2xCOztBQUdGO2dGQUNnRjtBQUNoRixBQUFBLHFCQUFxQixDQUFDLE1BQU0sQ0FBQztFQUM1QixXQUFXLEVBQUUsZUFBZTtDQUM1Qjs7QUNyQ0Q7O2dGQUVnRjtBQUVoRixBQUFBLGNBQWMsQUFBQSxPQUFPLENBQUM7RUFDckIsT0FBTyxFQUFFLEdBQUc7RUFDWixPQUFPLEVBQUUsS0FBSztDQUNkOztBQUVELEFBQUEsY0FBYyxBQUFBLE1BQU0sQ0FBQztFQUNwQixLQUFLLEVBQUUsSUFBSTtFQUNYLE9BQU8sRUFBRSxHQUFHO0VBQ1osT0FBTyxFQUFFLEtBQUs7Q0FDZDs7QUFFRDtnRkFDZ0Y7QUFFaEYsMEJBQTBCO0FBQzFCLEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxLQUFLLEFBQUEscUJBQXFCO0FBQ25FLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsTUFBTSxBQUFBLHFCQUFxQjtBQUNwRSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGtCQUFrQixBQUFBLHFCQUFxQixDQUFDO0VBQ2hGLFNBQVMsRUFBRSxHQUFHO0NBQ2Q7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLFFBQVEsQUFBQSxxQkFBcUIsQ0FBQztFQUN0RSxNQUFNLEVBQUUsS0FBSztDQUNiOztBQUVELHlCQUF5QjtBQUN6QixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxBQUFBLG9CQUFvQjtBQUNsRSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLE1BQU0sQUFBQSxvQkFBb0I7QUFDbkUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQUFBQSxvQkFBb0IsQ0FBQztFQUMvRSxTQUFTLEVBQUUsR0FBRztDQUNkOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxRQUFRLEFBQUEsb0JBQW9CLENBQUM7RUFDckUsTUFBTSxFQUFFLElBQUk7Q0FDWjs7QUFFRCx5QkFBeUI7QUFDekIsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUssQUFBQSxvQkFBb0I7QUFDbEUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxNQUFNLEFBQUEsb0JBQW9CO0FBQ25FLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsa0JBQWtCLEFBQUEsb0JBQW9CLENBQUM7RUFDL0UsU0FBUyxFQUFFLElBQUk7Q0FDZjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxBQUFBLG9CQUFvQixDQUFDO0VBQ3JFLE1BQU0sRUFBRSxLQUFLO0NBQ2I7O0FBRUQscUJBQXFCO0FBQ3JCLEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUM7RUFDdkQsT0FBTyxFQUFFLE1BQU07RUFDZixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUVELHVCQUF1QjtBQUN2QixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsMEJBQTBCO0FBQ25FLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUM7RUFDbEUsU0FBUyxFQUFFLElBQUk7RUFDZixXQUFXLEVBQUUsR0FBRztFQUNoQixNQUFNLEVBQUUsU0FBUztFQUNqQixVQUFVLEVBQUUsVUFBVTtFQUN0QixTQUFTLEVBQUUsVUFBVTtDQUNyQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsMEJBQTBCLEFBQUEsK0JBQStCLENBQUM7RUFDbEcsZ0JBQWdCLEVBQUUsSUFBSTtFQUN0QixNQUFNLEVBQUUsY0FBYztFQUN0QixLQUFLLEVBQUUsSUFBSTtFQUNYLE9BQU8sRUFBRSxXQUFXO0VBQ3BCLFVBQVUsRUFBRSxJQUFJO0VBQ2hCLE1BQU0sRUFBRSxLQUFLO0VBQ2IsVUFBVSxFQUFFLE1BQU07RUFDbEIsVUFBVSxFQUFFLE1BQU07RUFDbEIsU0FBUyxFQUFFLElBQ1o7Q0FBQzs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsMEJBQTBCLEFBQUEsK0JBQStCLENBQUMsQ0FBQyxDQUFDO0VBQ3BHLEtBQUssRUFBRSxJQUFJO0VBQ1gsU0FBUyxFQUFFLElBQUk7RUFDZixXQUFXLEVBQUUsSUFBSTtFQUNqQixhQUFhLEVBQUUsSUFBSTtDQUNuQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsaUNBQWlDO0FBQzFFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsMEJBQTBCLEFBQUEsT0FBTyxDQUFDO0VBQzFFLE1BQU0sRUFBRSxTQUFTO0NBQ2pCOztBQUVELDJCQUEyQjtBQUMzQixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsb0JBQW9CLENBQUM7RUFDN0QsT0FBTyxFQUFFLEtBQUs7RUFDZCxXQUFXLEVBQUUsR0FBRztFQUNoQixTQUFTLEVBQUUsSUFBSTtFQUNmLEtBQUssRUFBRSxJQUFJO0VBQ1gsV0FBVyxFQUFFLEdBQUc7RUFDaEIsTUFBTSxFQUFFLFNBQVM7RUFDakIsT0FBTyxFQUFFLENBQUM7RUFDVixVQUFVLEVBQUUsVUFBVTtFQUN0QixTQUFTLEVBQUUsVUFBVTtDQUNyQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLENBQUM7RUFDaEUsT0FBTyxFQUFFLEtBQUs7RUFDZCxTQUFTLEVBQUUsSUFBSTtFQUNmLEtBQUssRUFBRSxJQUFJO0VBQ1gsV0FBVyxFQUFFLEdBQUc7RUFDaEIsV0FBVyxFQUFFLEdBQUc7RUFDaEIsTUFBTSxFQUFFLE9BQU87RUFDZixPQUFPLEVBQUUsQ0FBQztDQUNWOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQUFBQSxPQUFPLENBQUM7RUFDdkUsTUFBTSxFQUFFLFNBQVM7Q0FDakI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLDJCQUEyQixDQUFDO0VBQ3BFLE9BQU8sRUFBRSxNQUFNO0VBQ2YsY0FBYyxFQUFFLFFBQVE7RUFDeEIsU0FBUyxFQUFFLElBQUk7RUFDZixXQUFXLEVBQUUsR0FBRztFQUNoQixXQUFXLEVBQUUsR0FBRztFQUNoQixVQUFVLEVBQUUsVUFBVTtDQUN0Qjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsb0JBQW9CLEFBQUEsbUJBQW1CO0FBQ2hGLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLEFBQUEsc0JBQXNCLENBQUM7RUFDdEYsUUFBUSxFQUFFLFFBQVE7RUFDbEIsR0FBRyxFQUFFLFFBQVE7RUFDYixJQUFJLEVBQUUsUUFBUTtDQUNkOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQztFQUNoRSxLQUFLLEVBQUUsT0FBTztFQUNkLFdBQVcsRUFBRSxHQUFHO0NBQ2hCOztBQUdEO2dGQUNnRjtBQUVoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsa0JBQWtCLENBQUM7RUFDM0QsYUFBYSxFQUFFLEdBQUc7RUFDbEIsUUFBUSxFQUFFLFFBQVE7Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQyxrQkFBa0IsQUFBQSxhQUFhLENBQUM7RUFDdkYsYUFBYSxFQUFFLENBQUM7Q0FDaEI7O0FBRUQsb0JBQW9CO0FBQ3BCLEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQUFBQSxPQUFPLENBQUM7RUFDbEUsT0FBTyxFQUFFLEdBQUc7RUFDWixPQUFPLEVBQUUsS0FBSztDQUNkOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQUFBQSxNQUFNLENBQUM7RUFDakUsS0FBSyxFQUFFLElBQUk7RUFDWCxPQUFPLEVBQUUsR0FBRztFQUNaLE9BQU8sRUFBRSxLQUFLO0NBQ2Q7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLGlCQUFpQixBQUFBLFdBQVcsQ0FBQztFQUM1RixXQUFXLEVBQUUsQ0FBQztDQUNkOztBQUVEO2dGQUNnRjtBQUVoRiwwQkFBMEI7QUFDMUIsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQjtBQUM3RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQjtBQUM3RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQjtBQUM3RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGtCQUFrQjtBQUMzRCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQjtBQUM1RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGlCQUFpQjtBQUMxRCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGtCQUFrQjtBQUMzRCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGtCQUFrQjtBQUMzRCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHNCQUFzQjtBQUMvRCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHFCQUFxQjtBQUM5RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHFCQUFxQjtBQUM5RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQjtBQUM3RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQjtBQUM1RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQjtBQUM1RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFDO0VBQzVELEtBQUssRUFBRSxJQUFJO0VBQ1gsV0FBVyxFQUFFLEVBQUU7RUFDZixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxpQkFBaUI7QUFDMUQsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxxQkFBcUI7QUFDOUQsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQztFQUM3RCxLQUFLLEVBQUUsR0FBRztDQUNWOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxrQkFBa0I7QUFDM0QsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQztFQUM1RCxLQUFLLEVBQUUsY0FBYztDQUNyQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsb0JBQW9CO0FBQzdELEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUM7RUFDNUQsS0FBSyxFQUFFLGNBQWM7Q0FDckI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFDO0VBQzVELEtBQUssRUFBRSxHQUFHO0NBQ1Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDO0VBQy9ELEtBQUssRUFBRSxHQUFHO0NBQ1Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDO0VBQzNELEtBQUssRUFBRSxLQUFLO0NBQ1o7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFDO0VBQzVELEtBQUssRUFBRSxLQUFLO0NBQ1o7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHFCQUFxQixDQUFDO0VBQzlELEtBQUssRUFBRSxLQUFLO0NBQ1o7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQixDQUFDO0VBQzdELEtBQUssRUFBRSxLQUFLO0NBQ1o7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDO0VBQzNELEtBQUssRUFBRSxjQUFjO0NBQ3JCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQztFQUM3RCxLQUFLLEVBQUUsY0FBYztDQUNyQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDO0VBQ3ZELEtBQUssRUFBRSxlQUFlO0VBQ3RCLFdBQVcsRUFBRSxZQUFZO0NBQ3pCOztBQUVELCtCQUErQjtBQUMvQixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsMkJBQTJCLENBQUMsRUFBRTtBQUN2RSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGlDQUFpQyxDQUFDLEVBQUU7QUFDN0UsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQyxFQUFFO0FBQ25FLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsMkJBQTJCLENBQUMsRUFBRTtBQUN2RSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGlDQUFpQyxDQUFDLEVBQUU7QUFDN0UsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQyxFQUFFLENBQUM7RUFDbkUsT0FBTyxFQUFFLFFBQVE7RUFDakIsT0FBTyxFQUFFLFlBQVk7RUFDckIsT0FBTyxFQUFFLElBQUk7RUFDYixpQkFBaUIsRUFBRSxJQUFJO0VBQ3ZCLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLDJCQUEyQixDQUFDLEVBQUUsQ0FBQyxFQUFFO0FBQzFFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsaUNBQWlDLENBQUMsRUFBRSxDQUFDLEVBQUU7QUFDaEYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO0VBQ3RFLEtBQUssRUFBRSxHQUFHO0VBQ1YsT0FBTyxFQUFFLEtBQUs7RUFDZCxhQUFhLEVBQUUsZUFBZTtDQUM5Qjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsMkJBQTJCLENBQUMsRUFBRSxDQUFDLEVBQUU7QUFDMUUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxpQ0FBaUMsQ0FBQyxFQUFFLENBQUMsRUFBRTtBQUNoRixHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHVCQUF1QixDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7RUFDdEUsS0FBSyxFQUFFLFFBQVE7RUFDZixPQUFPLEVBQUUsS0FBSztFQUNkLGFBQWEsRUFBRSxlQUFlO0NBQzlCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO0VBQ25FLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLGNBQWMsRUFBRSxHQUFHO0VBQ25CLFlBQVksRUFBRSxlQUFlO0NBQzdCOztBQUVELG9CQUFvQjtBQUNwQixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsY0FBYyxBQUFBLG1CQUFtQixDQUFDO0VBQzFFLEtBQUssRUFBRSxJQUFJO0VBQ1gsS0FBSyxFQUFFLEdBQUc7RUFDVixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUNELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxjQUFjLEFBQUEsa0JBQWtCLENBQUM7RUFDekUsS0FBSyxFQUFFLEtBQUs7RUFDWixLQUFLLEVBQUUsR0FBRztFQUNWLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBQ0QsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGNBQWMsQUFBQSxvQkFBb0IsQ0FBQztFQUMzRSxLQUFLLEVBQUUsSUFBSTtFQUNYLEtBQUssRUFBRSxhQUFhO0VBQ3BCLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBQ0QsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGNBQWMsQUFBQSxxQkFBcUIsQ0FBRTtFQUM3RSxLQUFLLEVBQUUsSUFBSTtFQUNYLEtBQUssRUFBRSxhQUFhO0VBQ3BCLFdBQVcsRUFBRSxFQUFFO0VBQ2YsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFDRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsY0FBYyxBQUFBLG1CQUFtQixDQUFDO0VBQzFFLEtBQUssRUFBRSxLQUFLO0VBQ1osS0FBSyxFQUFFLGFBQWE7RUFDcEIsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFDRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsR0FBRyxBQUFBLGFBQWEsQ0FBQztFQUN6RCxLQUFLLEVBQUUsZ0JBQWdCO0VBQ3ZCLFlBQVksRUFBRSxZQUFZO0VBQzFCLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBR0Q7Z0ZBQ2dGO0FBRWhGLGlCQUFpQjtBQUNqQixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQUFBQSxjQUFjLENBQUM7RUFDeEMsUUFBUSxFQUFFLE1BQU07Q0FDaEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLEFBQUEsY0FBYyxDQUFDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBRTtFQUNoRixPQUFPLEVBQUUsS0FBSztFQUNkLEtBQUssRUFBRSxrQkFBa0I7RUFDekIsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQUFBQSxjQUFjLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBRTtFQUN0RSxPQUFPLEVBQUUsVUFBVTtFQUNuQixhQUFhLEVBQUUsRUFBRTtFQUNqQixjQUFjLEVBQUUsR0FBRztDQUNuQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQUFBQSxjQUFjLENBQUMsYUFBYSxDQUFDLHlCQUF5QixDQUFDO0VBQ2hGLEtBQUssRUFBRSxLQUFLO0VBQ1osS0FBSyxFQUFFLEtBQUs7RUFDWixLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixBQUFBLGNBQWMsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDO0VBQ3RFLE9BQU8sRUFBRSxLQUFLO0VBQ2QsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQUFBQSxjQUFjLENBQUMsYUFBYSxDQUFDLEtBQUssQUFBQSxxQkFBcUI7QUFDakYsR0FBRyxBQUFBLHVCQUF1QixBQUFBLGNBQWMsQ0FBQyxhQUFhLENBQUMsTUFBTSxBQUFBLHFCQUFxQjtBQUNsRixHQUFHLEFBQUEsdUJBQXVCLEFBQUEsY0FBYyxDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQUFBQSxxQkFBcUIsQ0FBQztFQUM5RixTQUFTLEVBQUUsSUFBSTtDQUNmOztBQUdEO2dGQUNnRjtBQUVoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELElBQUMsQUFBQTtBQUMvQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxRQUFDLEFBQUE7QUFDL0MsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsY0FBQyxBQUFBO0FBQy9DLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELEtBQUMsQUFBQTtBQUMvQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxLQUFDLEFBQUE7QUFDL0MsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsTUFBQyxBQUFBO0FBQy9DLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELFFBQUMsQUFBQTtBQUMvQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxLQUFDLEFBQUE7QUFDL0MsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsTUFBQyxBQUFBO0FBQy9DLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELEdBQUMsQUFBQTtBQUMvQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxJQUFDLEFBQUE7QUFDL0MsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsSUFBQyxBQUFBO0FBQy9DLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELEdBQUMsQUFBQTtBQUMvQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxJQUFDLEFBQUE7QUFDL0MsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxNQUFNO0FBQy9DLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDO0VBQ2pELGdCQUFnQixFQUFFLElBQUk7RUFDdEIsVUFBVSxFQUFFLFVBQVU7RUFDdEIsYUFBYSxFQUFFLEdBQUc7RUFDbEIsS0FBSyxFQUFFLElBQUk7RUFDWCxrQkFBa0IsRUFBQyxVQUFVO0VBQzdCLGVBQWUsRUFBQyxVQUFVO0VBQzFCLE9BQU8sRUFBRSxLQUFLO0VBQ2QsS0FBSyxFQUFFLElBQUk7RUFDWCxTQUFTLEVBQUUsSUFBSTtFQUNmLFdBQVcsRUFBRSxPQUFPO0VBQ3BCLE1BQU0sRUFBRSxjQUFjO0VBQ3RCLE9BQU8sRUFBRSxRQUFRO0VBQ2pCLE1BQU0sRUFBRSxJQUFJO0VBQ1osS0FBSyxFQUFFLElBQUk7RUFDWCxXQUFXLEVBQUUsR0FBRztDQUNoQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELFFBQUMsQUFBQTtBQUMvQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxLQUFDLEFBQUEsRUFBWTtFQUMxRCxNQUFNLEVBQUUsY0FBYztFQUN0QixnQkFBZ0IsRUFBRSxJQUFJO0VBQ3RCLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7RUFDWixNQUFNLEVBQUUsWUFBWTtFQUNwQixPQUFPLEVBQUUsWUFBWTtFQUNyQixjQUFjLEVBQUUsUUFBUTtDQUN4Qjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELEtBQUMsQUFBQSxFQUFZO0VBQzFELGFBQWEsRUFBRSxHQUFHO0NBQ2xCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUM7RUFDL0MsU0FBUyxFQUFFLElBQUk7RUFDZixjQUFjLEVBQUUsSUFBSTtFQUNwQixXQUFXLEVBQUUsTUFBTTtDQUNuQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFBLEFBQUEsUUFBQyxBQUFBLEVBQVU7RUFDekQsTUFBTSxFQUFFLElBQUk7RUFDWixVQUFVLEVBQUUsTUFBTTtFQUNsQixnQkFBZ0IsRUFBRSxJQUFJO0NBQ3RCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsTUFBQyxBQUFBO0FBQy9DLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFBLEFBQUEsSUFBQyxDQUFELE1BQUMsQUFBQTtBQUNoRCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQixDQUFDO0VBQzdELGdCQUFnQixFQUFFLElBQUk7RUFDdEIsTUFBTSxFQUFFLGNBQWM7RUFDdEIsS0FBSyxFQUFFLElBQUk7RUFDWCxTQUFTLEVBQUUsR0FBRztFQUNkLE9BQU8sRUFBRSxTQUFTO0NBQ2xCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQztFQUM3RCxTQUFTLEVBQUUsS0FBSztFQUNoQixXQUFXLEVBQUUsR0FBRztFQUNoQixNQUFNLEVBQUUsS0FBSztFQUNiLFNBQVMsRUFBRSxJQUFJO0VBQ2YsVUFBVSxFQUFFLE1BQU07Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxNQUFDLEFBQUEsQ0FBWSxNQUFNO0FBQ2pFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELE1BQUMsQUFBQSxDQUFZLE1BQU07QUFDakUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsTUFBQyxBQUFBLENBQVksT0FBTztBQUNsRSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQSxBQUFBLElBQUMsQ0FBRCxNQUFDLEFBQUEsQ0FBWSxNQUFNO0FBQ2xFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFBLEFBQUEsSUFBQyxDQUFELE1BQUMsQUFBQSxDQUFZLE1BQU07QUFDbEUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUEsQUFBQSxJQUFDLENBQUQsTUFBQyxBQUFBLENBQVksT0FBTztBQUNuRSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQixBQUFBLE1BQU07QUFDbkUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQUFBQSxPQUFPO0FBQ3BFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsb0JBQW9CLEFBQUEsTUFBTSxDQUFDO0VBQ25FLGdCQUFnQixFQUFFLElBQUk7RUFDdEIsTUFBTSxFQUFFLGNBQWM7RUFDdEIsTUFBTSxFQUFFLE9BQU87Q0FDZjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELE1BQUMsQUFBQSxDQUFZLFNBQVM7QUFDcEUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUEsQUFBQSxJQUFDLENBQUQsTUFBQyxBQUFBLENBQVksU0FBUztBQUNyRSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQixBQUFBLFNBQVMsQ0FBQztFQUN0RSxnQkFBZ0IsRUFBRSxJQUFJO0VBQ3RCLE1BQU0sRUFBRSxjQUFjO0VBQ3RCLE1BQU0sRUFBRSxPQUFPO0VBQ2YsT0FBTyxFQUFFLEdBQUc7Q0FDWjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxBQUFBLE1BQU07QUFDcEQsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxRQUFRLEFBQUEsTUFBTTtBQUN2RCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLE1BQU0sQUFBQSxNQUFNO0FBQ3JELEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLGVBQWU7QUFDcEUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsZUFBZTtBQUNqRSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyx3QkFBd0IsQ0FBQztFQUMxRSxNQUFNLEVBQUUsY0FBYztFQUN0QixVQUFVLEVBQUUsSUFBSTtDQUNoQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxBQUFBLFNBQVM7QUFDdkQsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxRQUFRLEFBQUEsU0FBUztBQUMxRCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLE1BQU0sQUFBQSxTQUFTLENBQUM7RUFDeEQsZ0JBQWdCLEVBQUUsT0FBTztFQUN6QixZQUFZLEVBQUUsSUFBSTtFQUNsQixLQUFLLEVBQUUsSUFBSTtFQUNYLE1BQU0sRUFBRSxXQUFXO0NBQ25COztBQUdEO2dGQUNnRjtBQUNoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsd0JBQXdCO0FBQ2pFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxBQUFBLHVCQUF1QixDQUFDO0VBQ3hFLEtBQUssRUFBRSxPQUFPO0NBQ2Q7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEtBQUssQUFBQSxjQUFjLENBQUM7RUFDNUQsT0FBTyxFQUFFLEtBQUs7RUFDZCxLQUFLLEVBQUUsT0FBTztFQUNkLFNBQVMsRUFBRSxJQUFJO0VBQ2YsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsT0FBTztDQUNmOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsS0FBSyxBQUFBLGNBQWM7QUFDM0UsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsS0FBSyxBQUFBLGFBQWE7QUFDMUUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsUUFBUSxBQUFBLGNBQWM7QUFDOUUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsUUFBUSxBQUFBLGFBQWE7QUFDN0UsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsTUFBTSxBQUFBLGNBQWM7QUFDNUUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsTUFBTSxBQUFBLGFBQWE7QUFDM0UsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxjQUFjLEFBQUEsa0JBQWtCLENBQUMsZUFBZSxDQUFDO0VBQ3pGLE1BQU0sRUFBRSxpQkFBaUI7Q0FDekI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHFDQUFxQyxDQUFDLEtBQUssQUFBQSxjQUFjO0FBQ2xHLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsK0JBQStCLENBQUMsS0FBSyxBQUFBLGNBQWMsQ0FBQztFQUM1RixPQUFPLEVBQUUsZUFBZTtDQUN4Qjs7QUFFRDtnRkFDZ0Y7QUFFaEY7Ozs7OztHQU1HO0FBQ0gsQUFBQSxvQ0FBb0M7QUFDcEMsR0FBRyxDQUFBLEFBQUEsY0FBQyxBQUFBLElBQWtCLG9DQUFvQyxDQUFDO0VBQzFELEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLFdBQVc7RUFDbkIsT0FBTyxFQUFFLFNBQVM7RUFDbEIsYUFBYSxFQUFFLFVBQVU7Q0FDekI7O0FBRUQsQUFBQSxvQ0FBb0M7QUFDcEMsR0FBRyxDQUFBLEFBQUEsY0FBQyxBQUFBLElBQWtCLG9DQUFvQyxBQUFBLElBQUssQ0FBQSw0QkFBNEIsRUFBRTtFQUM1RixVQUFVLEVBQUUsT0FBTztFQUNuQixNQUFNLEVBQUUsaUJBQWlCO0VBQ3pCLFVBQVUsRUFBRSxVQUFVO0NBQ3RCOztBQUVELEFBQUEsb0NBQW9DLENBQUMsQ0FBQyxBQUFBLGFBQWE7QUFDbkQsR0FBRyxDQUFBLEFBQUEsY0FBQyxBQUFBLElBQWtCLG9DQUFvQyxDQUFDLENBQUMsQUFBQSxhQUFhLENBQUM7RUFDekUsTUFBTSxFQUFFLENBQUM7Q0FDVDs7QUFFRDs7O0dBR0c7QUFDSCxBQUFBLHdCQUF3QixDQUFDLHdCQUF3QjtBQUNqRCx3QkFBd0IsQ0FBQyx5QkFBeUIsQ0FBQztFQUNsRCxPQUFPLEVBQUUsSUFBSTtDQUNiOztBQUdEO2dGQUNnRjtBQUVoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLENBQUM7RUFDckUsT0FBTyxFQUFFLGFBQWE7RUFDdEIsS0FBSyxFQUFFLElBQUk7Q0FrQlg7O0FBcEJELEFBT0UsR0FQQyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyw0QkFBNEIsQUFPbEUsK0JBQVUsQ0FBQztFQUNYLE9BQU8sRUFBRSxDQUFDO0NBQ1Y7O0FBVEgsQUFXRSxHQVhDLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLDRCQUE0QixBQUtuRSxxQkFBcUIsQ0FNckIsWUFBWSxDQUFDO0VBQ1osV0FBVyxFQUFFLENBQUM7RUFDZCxTQUFTLEVBQUUsQ0FBQztDQUtaOztBQWxCSCxBQWVHLEdBZkEsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLEFBS25FLHFCQUFxQixDQU1yQixZQUFZLENBSVgsTUFBTSxDQUFDO0VBQ04sUUFBUSxFQUFFLG1CQUFtQjtDQUM3Qjs7QUFLSixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLENBQUMsTUFBTSxDQUFDO0VBQzVFLEtBQUssRUFBRSxJQUFJO0VBQ1gsU0FBUyxFQUFFLElBQUk7Q0FDZjs7QUFHRDtnRkFDZ0Y7QUFFaEYsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQztFQUN2RCxTQUFTLEVBQUUsSUFBSTtFQUNmLE1BQU0sRUFBRSxVQUFVO0NBQ2xCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQztFQUM3RCxNQUFNLEVBQUUsVUFBVTtDQUNsQjs7QUFHRDtnRkFDZ0Y7QUFFaEYsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHlCQUF5QixDQUFDO0VBQ2xFLE9BQU8sRUFBRSxVQUFVO0VBQ25CLEtBQUssRUFBRSxJQUFJO0VBQ1gsUUFBUSxFQUFFLFFBQVE7Q0FDbEI7O0FBS0QsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHVCQUF1QixDQUFDO0VBQ2hFLFdBQVcsRUFBRSxLQUFLO0VBQ2xCLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLGNBQWMsRUFBRSxNQUFNO0VBQ3RCLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHlCQUF5QixDQUFDO0VBQ2xFLFVBQVUsRUFBRSxNQUFNO0NBQ2xCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQztFQUNoRSxVQUFVLEVBQUUsSUFBSTtDQUNoQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLENBQUMsb0JBQW9CLENBQUM7RUFDckYsTUFBTSxFQUFFLFVBQVU7Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHdCQUF3QixDQUFDO0VBQ2pFLFVBQVUsRUFBRSxLQUFLO0NBQ2pCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQyxvQkFBb0IsQ0FBQztFQUN0RixNQUFNLEVBQUUsVUFBVTtDQUNsQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsd0JBQXdCLENBQUMsa0JBQWtCLENBQUM7RUFDcEYsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsQ0FBQztDQUNUOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQyxrQkFBa0IsQ0FBQztFQUNwRixLQUFLLEVBQUUsS0FBSztFQUNaLE1BQU0sRUFBRSxDQUFDO0NBQ1Q7O0FBR0Q7Z0ZBQ2dGO0FBRWhGLEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxpQ0FBaUMsQ0FBQztFQUMxRSxZQUFZLEVBQUUsS0FBSztDQUNuQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsK0JBQStCLENBQUM7RUFDeEUsUUFBUSxFQUFFLFFBQVE7RUFDbEIsS0FBSyxFQUFFLENBQUM7RUFDUixHQUFHLEVBQUUsQ0FBQztFQUNOLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLCtCQUErQixDQUFDO0VBQ3hFLFlBQVksRUFBRSxLQUFLO0NBQ25COztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxxQ0FBcUMsQ0FBQztFQUM5RSxRQUFRLEVBQUUsUUFBUTtFQUNsQixLQUFLLEVBQUUsQ0FBQztFQUNSLEdBQUcsRUFBRSxDQUFDO0VBQ04sS0FBSyxFQUFFLEtBQUs7Q0FDWjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMscUNBQXFDLENBQUMsTUFBTSxDQUFDO0VBQ3JGLEtBQUssRUFBRSxHQUFHO0VBQ1YsS0FBSyxFQUFFLElBQUk7RUFDWCxPQUFPLEVBQUUsS0FBSztDQUNkOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxxQ0FBcUMsQ0FBQyxJQUFJLENBQUM7RUFDbkYsS0FBSyxFQUFFLElBQUk7RUFDWCxLQUFLLEVBQUUsR0FBRztFQUNWLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLFdBQVcsRUFBRSxJQUFJO0NBQ2pCOztBQUVEO2dGQUNnRjtBQUNoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELEtBQUMsQUFBQSxFQUFZO0VBQ3ZGLGtCQUFrQixFQUFFLElBQUk7RUFDeEIsVUFBVSxFQUFFLElBQUk7RUFDaEIsTUFBTSxFQUFFLElBQUk7RUFDWixVQUFVLEVBQUUsSUFBSTtFQUNoQixNQUFNLEVBQUUsY0FBYztFQUN0QixhQUFhLEVBQUUsR0FBRztFQUNsQixPQUFPLEVBQUUsSUFBSTtFQUNiLE9BQU8sRUFBRSxDQUFDO0VBQ1YsTUFBTSxFQUFFLFVBQVU7Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLDRCQUE0QixDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxLQUFDLEFBQUEsQ0FBVyxXQUFXLENBQUM7RUFDbEcsS0FBSyxFQUFFLFdBQVc7Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLDRCQUE0QixDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxLQUFDLEFBQUEsQ0FBVyxzQkFBc0IsQ0FBQztFQUM3RyxrQkFBa0IsRUFBRSxJQUFJO0VBQUUsMkJBQTJCO0VBQ3JELFVBQVUsRUFBRSxJQUFJO0VBQ2hCLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7RUFDWixVQUFVLEVBQUUsT0FBTztFQUNuQixNQUFNLEVBQUUsT0FBTztFQUNmLGFBQWEsRUFBRSxJQUFJO0NBQ25COztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyw0QkFBNEIsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsS0FBQyxBQUFBLENBQVcsa0JBQWtCLENBQUM7RUFDekcsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLFVBQVUsRUFBRSxPQUFPO0VBQ25CLE1BQU0sRUFBRSxPQUFPO0VBQ2YsYUFBYSxFQUFFLElBQUk7Q0FDbkI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLDRCQUE0QixDQUFDLEtBQUssQ0FBQSxBQUFBLElBQUMsQ0FBRCxLQUFDLEFBQUEsQ0FBVyxXQUFXLENBQUM7RUFDbEcsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLFVBQVUsRUFBRSxPQUFPO0VBQ25CLE1BQU0sRUFBRSxPQUFPO0VBQ2YsYUFBYSxFQUFFLElBQUk7Q0FDbkI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLDRCQUE0QixDQUFDLGlDQUFpQyxDQUFDO0VBQ3ZHLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQ7Z0ZBQ2dGO0FBRWhGLEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyw0Q0FBNEM7QUFDckYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxLQUFLLEFBQUEsd0NBQXdDLENBQUM7RUFDdEYsZ0JBQWdCLEVBQUUsSUFBSTtFQUN0QixVQUFVLEVBQUUsVUFBVTtFQUN0QixhQUFhLEVBQUUsR0FBRztFQUNsQixLQUFLLEVBQUUsSUFBSTtFQUNYLGtCQUFrQixFQUFFLFVBQVU7RUFDOUIsZUFBZSxFQUFFLFVBQVU7RUFDM0IsT0FBTyxFQUFFLEtBQUs7RUFDZCxLQUFLLEVBQUUsSUFBSTtFQUNYLFNBQVMsRUFBRSxJQUFJO0VBQ2YsTUFBTSxFQUFFLGNBQWM7RUFDdEIsT0FBTyxFQUFFLFFBQVE7RUFDakIsTUFBTSxFQUFFLElBQUk7RUFDWixLQUFLLEVBQUUsSUFBSTtFQUNYLFdBQVcsRUFBRSxHQUNkO0NBQUM7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLCtCQUErQixDQUFDO0VBQ3hFLE1BQU0sRUFBRSxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQSxVQUFVO0NBQ25DOztBQUdEO2dGQUNnRjtBQUVoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsRUFBRTtBQUMvRCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsQ0FBQztFQUMvRCxNQUFNLEVBQUUsbUJBQW1CO0NBQzNCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLENBQUMsRUFBRTtBQUNsRSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7RUFDbEUsTUFBTSxFQUFFLG9CQUFvQjtDQUM1Qjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztFQUNsRSxVQUFVLEVBQUUsZUFBZTtDQUMzQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztFQUNsRSxVQUFVLEVBQUUsa0JBQWtCO0NBQzlCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLEdBQUcsRUFBRTtBQUNwRSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUM7RUFDcEUsTUFBTSxFQUFFLHVCQUF1QjtDQUMvQjs7QUFHRDtnRkFDZ0Y7QUFFaEYsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsaUNBQWlDLENBQUM7RUFDNUQsT0FBTyxFQUFFLFlBQVk7RUFDckIsT0FBTyxFQUFFLEtBQUs7Q0FDZDs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsa0NBQWtDO0FBQzNFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsaUNBQWlDO0FBQzFFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsbUNBQW1DLENBQUM7RUFDNUUsT0FBTyxFQUFFLFlBQVk7RUFDckIsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyx3QkFBd0IsQ0FBQztFQUNuRCxRQUFRLEVBQUUsUUFBUTtDQUNsQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyx3QkFBd0IsQ0FBQyx5QkFBeUIsQ0FBQztFQUM3RSxRQUFRLEVBQUUsUUFBUTtFQUNsQixnQkFBZ0IsRUFBRSxvQ0FBb0M7RUFDdEQsbUJBQW1CLEVBQUUsT0FBTztFQUM1QixpQkFBaUIsRUFBRSxTQUFTO0VBQzVCLGdCQUFnQixFQUFFLE9BQU87RUFDekIsZUFBZSxFQUFFLEdBQUc7RUFDcEIsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLE1BQU0sRUFBRSxPQUFPO0VBQ2YsT0FBTyxFQUFFLEtBQUs7RUFDZCxhQUFhLEVBQUUsR0FBRztFQUNsQixLQUFLLEVBQUUsSUFBSTtFQUNYLEdBQUcsRUFBRSxHQUFHO0VBQ1IsVUFBVSxFQUFFLElBQUk7RUFDaEIsVUFBVSxFQUFFLFFBQVE7Q0FDcEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsd0JBQXdCLENBQUMseUJBQXlCLEFBQUEsTUFBTSxDQUFDO0VBQ25GLGdCQUFnQixFQUFFLEdBQUc7Q0FDckI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsd0JBQXdCLENBQUMsb0JBQW9CLEdBQUcseUJBQXlCLENBQUM7RUFDcEcsS0FBSyxFQUFFLGlCQUFrQjtDQUN6Qjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyx3QkFBd0IsQ0FBQyxxQkFBcUIsR0FBRyx5QkFBeUIsQ0FBQztFQUNyRyxLQUFLLEVBQUUsaUJBQWtCO0NBQ3pCOztBQUVEO2dGQUNnRjtBQUVoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDO0VBQ3BFLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLEtBQUssRUFBRSxJQUFJO0VBQ1gsY0FBYyxFQUFFLE9BQU87RUFDdkIsTUFBTSxFQUFFLFNBQVM7Q0FDakI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHlCQUF5QixDQUFDO0VBQ2xFLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHlCQUF5QixDQUFDO0VBQ2xFLE1BQU0sRUFBRSxTQUFTO0NBQ2pCOztBQUVEO2dGQUNnRjtBQUVoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsMEJBQTBCLENBQUM7RUFDbkUsYUFBYSxFQUFFLEdBQUc7Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHFCQUFxQixDQUFDLEdBQUcsQ0FBQztFQUNsRSxNQUFNLEVBQUUsT0FBTztFQUNmLGlCQUFpQixFQUFFLGdCQUFnQixDQUFDLGFBQWE7RUFDakQsU0FBUyxFQUFFLGdCQUFnQixDQUFDLGFBQWE7RUFDekMsVUFBVSxFQUFFLG1CQUFtQjtFQUMvQixPQUFPLEVBQUUsSUFBSTtDQUNiOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQywwQkFBMEIsQUFBQSxTQUFTLENBQUMsR0FBRztBQUNoRixHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLDBCQUEwQixBQUFBLE1BQU0sQ0FBQyxHQUFHO0FBQzdFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsMEJBQTBCLENBQUMsS0FBSyxBQUFBLE1BQU0sR0FBRyxHQUFHLENBQUM7RUFDckYsaUJBQWlCLEVBQUUsVUFBVTtFQUM3QixTQUFTLEVBQUUsVUFBVTtFQUNyQixPQUFPLEVBQUUsQ0FBQztDQUNWOztBQUVEO2dGQUNnRjtBQUNoRixBQUFBLEdBQUcsQUFBQSwwQkFBMEIsQ0FBQyxhQUFhLENBQUE7RUFDMUMsT0FBTyxFQUFFLGVBQWU7Q0FDeEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsMEJBQTBCLENBQUMsbUNBQW1DLENBQUM7RUFDakUsTUFBTSxFQUFFLEdBQUcsQ0FBQyxNQUFNLENBQUMsa0JBQWtCO0VBQ3JDLFVBQVUsRUFBRSxtQkFBbUI7RUFDL0IsT0FBTyxFQUFFLElBQUk7RUFDYixPQUFPLEVBQUUsSUFBSTtFQUNiLFdBQVcsRUFBRSxNQUFNO0VBQ25CLGVBQWUsRUFBRSxNQUFNO0VBQ3ZCLGNBQWMsRUFBRSxNQUFNO0VBQ3RCLE1BQU0sRUFBRSxPQUFPO0NBQ2Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsMEJBQTBCLENBQUMsbUNBQW1DLEFBQUEsbUJBQW1CLENBQUE7RUFDbkYsT0FBTyxFQUFFLEdBQUc7RUFDWixjQUFjLEVBQUUsR0FBRztFQUNuQixXQUFXLEVBQUUsVUFBVTtFQUN2QixlQUFlLEVBQUUsVUFBVTtFQUMzQixTQUFTLEVBQUUsSUFBSTtDQUNmOztBQUVELEFBQUEsR0FBRyxBQUFBLDBCQUEwQixDQUFDLG1DQUFtQyxDQUFDLEdBQUcsQ0FBQTtFQUNwRSxNQUFNLEVBQUUsSUFBSTtFQUNaLEtBQUssRUFBRSxJQUFJO0VBQ1gsS0FBSyxFQUFFLE9BQU87Q0FDZDs7QUFFRCxBQUFBLEdBQUcsQUFBQSwwQkFBMEIsQ0FBQyxtQ0FBbUMsQ0FBQyxxQkFBcUIsQ0FBQTtFQUN0RixXQUFXLEVBQUUsSUFBSTtDQUNqQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSwwQkFBMEIsQ0FBQyxtQ0FBbUMsQ0FBQyxvQkFBb0IsQ0FBQTtFQUNyRixLQUFLLEVBQUUsa0JBQWtCO0NBQ3pCOztBQUVELEFBQUEsR0FBRyxBQUFBLDBCQUEwQixDQUFDLG1DQUFtQyxBQUFBLG9CQUFvQixDQUFBO0VBQ3BGLFlBQVksRUFBRSxPQUFPO0NBQ3JCOztBQUVELEFBQUEsR0FBRyxBQUFBLDBCQUEwQixDQUFDLG1DQUFtQyxDQUFDLGFBQWEsQ0FBQTtFQUM5RSxPQUFPLEVBQUUsSUFBSTtFQUNiLFdBQVcsRUFBRSxNQUFNO0VBQ25CLGVBQWUsRUFBRSxNQUFNO0VBQ3ZCLGNBQWMsRUFBRSxNQUFNO0NBQ3RCOztBQUVELEFBQUEsR0FBRyxBQUFBLDBCQUEwQixDQUFDLG1DQUFtQyxDQUFDLHNCQUFzQixDQUFBO0VBQ3ZGLEtBQUssRUFBRSxLQUFLO0VBQ1osTUFBTSxFQUFFLEtBQUs7RUFDYixNQUFNLEVBQUUsR0FBRyxDQUFDLEtBQUssQ0FBQyxrQkFBa0I7RUFDcEMsVUFBVSxFQUFFLElBQUk7RUFDaEIsZUFBZSxFQUFFLGdCQUFnQjtFQUNqQyxNQUFNLEVBQUUsR0FBRztFQUNYLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLE9BQU8sRUFBRSxJQUFJO0VBQ2IsV0FBVyxFQUFFLE1BQU07RUFDbkIsZUFBZSxFQUFFLE1BQU07RUFDdkIsTUFBTSxFQUFFLE9BQU87Q0FDZjs7QUFFRCxBQUFBLEdBQUcsQUFBQSwwQkFBMEIsQ0FBQyxtQ0FBbUMsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNLENBQUMsZ0JBQWdCLENBQUE7RUFDOUcsT0FBTyxFQUFFLENBQUM7Q0FDVjs7QUFFRCxBQUFBLEdBQUcsQUFBQSwwQkFBMEIsQ0FBQyxtQ0FBbUMsQ0FBQyxzQkFBc0IsQ0FBQyxnQkFBZ0IsQ0FBQTtFQUN4RyxRQUFRLEVBQUUsUUFBUTtFQUNsQixHQUFHLEVBQUUsQ0FBQztFQUNOLE1BQU0sRUFBRSxDQUFDO0VBQ1QsSUFBSSxFQUFFLENBQUM7RUFDUCxLQUFLLEVBQUUsQ0FBQztFQUNSLFVBQVUsRUFBRSxrQkFBa0I7RUFDOUIsT0FBTyxFQUFFLENBQUM7Q0FDVjs7QUFFRCxBQUFBLEdBQUcsQUFBQSwwQkFBMEIsQ0FBQyxtQ0FBbUMsQ0FBQyxzQkFBc0IsQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLENBQUE7RUFDdkgsUUFBUSxFQUFFLFFBQVE7RUFDbEIsS0FBSyxFQUFFLEdBQUc7RUFDVixHQUFHLEVBQUUsR0FBRztFQUNSLE1BQU0sRUFBRSxPQUFPO0VBQ2YsT0FBTyxFQUFFLEtBQUs7RUFDZCxLQUFLLEVBQUUsSUFBSTtFQUNYLE1BQU0sRUFBRSxJQUFJO0NBQ1o7O0FBRUQsQUFBQSxHQUFHLEFBQUEsMEJBQTBCLENBQUMsbUNBQW1DLENBQUMsc0JBQXNCLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFBO0VBQ3ZILFFBQVEsRUFBRSxRQUFRO0VBQ2xCLFNBQVMsRUFBRSxJQUFJO0VBQ2YsS0FBSyxFQUFFLElBQUk7RUFDWCxHQUFHLEVBQUUsSUFBSTtFQUNULE1BQU0sRUFBRSxJQUFJO0VBQ1osSUFBSSxFQUFFLEdBQUc7RUFDVCxLQUFLLEVBQUUsR0FBRztFQUNWLFVBQVUsRUFBRSxJQUFJO0VBQ2hCLFdBQVcsRUFBRSxJQUFJO0NBQ2pCOztBQUVELEFBQUEsR0FBRyxBQUFBLDBCQUEwQixDQUFDLG1DQUFtQyxDQUFDLHNCQUFzQixDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxtQkFBbUI7QUFDNUksR0FBRyxBQUFBLDBCQUEwQixDQUFDLG1DQUFtQyxDQUFDLHNCQUFzQixDQUFDLGdCQUFnQixDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQTtFQUM1SSxNQUFNLEVBQUUsSUFBSTtFQUNaLEtBQUssRUFBRSxHQUFHO0VBQ1YsVUFBVSxFQUFFLElBQUk7RUFDaEIsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLEtBQUs7RUFDZCxPQUFPLEVBQUUsQ0FBQztFQUNWLEtBQUssRUFBRSxHQUFHO0NBQ1Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsMEJBQTBCLENBQUMsbUNBQW1DLENBQUMsc0JBQXNCLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLG1CQUFtQixDQUFBO0VBQzNJLGlCQUFpQixFQUFFLGNBQWM7RUFDakMsU0FBUyxFQUFFLGNBQWM7Q0FDekI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsMEJBQTBCLENBQUMsbUNBQW1DLENBQUMsc0JBQXNCLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLG9CQUFvQixDQUFBO0VBQzVJLGlCQUFpQixFQUFFLGFBQWE7RUFDaEMsU0FBUyxFQUFFLGFBQWE7Q0FDeEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsMEJBQTBCLENBQUMsbUNBQW1DLENBQUMsc0JBQXNCLENBQUMsR0FBRyxDQUFBO0VBQzNGLE1BQU0sRUFBRSxJQUFJO0VBQ1osS0FBSyxFQUFFLElBQUk7RUFDWCxLQUFLLEVBQUUsa0JBQWtCO0NBQ3pCOztBQUVELEFBQUEsR0FBRyxBQUFBLDBCQUEwQixDQUFDLG1DQUFtQyxDQUFDLHNCQUFzQixDQUFDLGlCQUFpQixDQUFBO0VBQ3pHLE1BQU0sRUFBRSxHQUFHO0VBQ1gsS0FBSyxFQUFFLENBQUM7RUFDUixRQUFRLEVBQUUsUUFBUTtFQUNsQixNQUFNLEVBQUUsQ0FBQztFQUNULElBQUksRUFBRSxDQUFDO0VBQ1AsVUFBVSxFQUFFLE9BQU87RUFDbkIsVUFBVSxFQUFFLFFBQVE7Q0FDcEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsMEJBQTBCLENBQUMsbUNBQW1DLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFLLE1BQU0sQUFBWCxFQUFhO0VBQ3BGLE9BQU8sRUFBRSxJQUFJO0NBQ2I7O0FBR0Q7Z0ZBQ2dGO0FBRWhGLEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxFQUFFLEFBQUEsc0JBQXNCLENBQUMsS0FBSyxBQUFBLElBQUssQ0FBQSxjQUFjLEVBQUU7RUFDM0YsTUFBTSxFQUFFLE9BQU87RUFDZixRQUFRLEVBQUUsUUFBUTtDQUNsQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsRUFBRSxBQUFBLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7RUFDN0UsR0FBRyxFQUFFLEdBQUc7Q0FDUjs7QUFFRCxrQkFBa0I7QUFDbEIsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQixDQUFDLEVBQUUsQUFBQSw2QkFBNkIsQ0FBQyxFQUFFLENBQUM7RUFDaEcsTUFBTSxFQUFFLDBCQUEwQjtDQUNsQzs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsRUFBRSxBQUFBLDZCQUE2QixDQUFDLEdBQUcsQ0FBQztFQUM1RSxPQUFPLEVBQUUsWUFBWTtFQUNyQixNQUFNLEVBQUUsTUFBTTtFQUNkLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQUFBQSw2QkFBNkIsQ0FBQyxLQUFLLEFBQUEsSUFBSyxDQXBCUCxjQUFjLEVBb0JTO0VBQ2xHLGdCQUFnQixFQUFFLElBQUk7RUFDdEIsT0FBTyxFQUFFLEtBQUs7RUFDZCxNQUFNLEVBQUUsTUFBTTtFQUNkLE1BQU0sRUFBRSxjQUFjO0VBQ3RCLGFBQWEsRUFBRSxHQUFHO0VBQ2xCLE9BQU8sRUFBRSxtQkFBbUI7RUFDNUIsVUFBVSxFQUFFLFFBQVE7RUFDcEIsVUFBVSxFQUFFLE1BQU07Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQUFBQSw2QkFBNkIsQ0FBQyxLQUFLLEFBQUEsSUFBSyxDQS9CUCxjQUFjLENBK0JRLE1BQU07QUFDeEcsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxFQUFFLEFBQUEsNkJBQTZCLENBQUMsS0FBSyxBQUFBLElBQUssQ0FoQ1AsY0FBYyxDQWdDUSxNQUFNLENBQUM7RUFDeEcsTUFBTSxFQUFDLGNBQWM7Q0FDckI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQUFBQSw2QkFBNkIsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUM7RUFDaEcsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxrQkFBa0I7Q0FDekM7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQUFBQSw2QkFBNkIsQ0FBQyw0QkFBNEIsQUFBQSxNQUFNLENBQUM7RUFDM0csT0FBTyxFQUFFLE9BQU87RUFDaEIsU0FBUyxFQUFFLElBQUk7RUFDZixXQUFXLEVBQUUsSUFBSTtFQUNqQixLQUFLLEVBQUUsSUFBSTtFQUNYLFVBQVUsRUFBRSxLQUFLO0VBQ2pCLE9BQU8sRUFBRSxDQUFDO0VBQ1YsUUFBUSxFQUFFLFFBQVE7RUFDbEIsR0FBRyxFQUFFLEdBQUc7RUFDUixJQUFJLEVBQUUsR0FBRztFQUNULE1BQU0sRUFBRSxlQUFlO0VBQ3ZCLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7RUFDWixhQUFhLEVBQUUsR0FBRztFQUNsQixVQUFVLEVBQUUsUUFBUTtDQUNwQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsRUFBRSxBQUFBLDZCQUE2QixDQUFDLGlCQUFpQixDQUFDLDRCQUE0QixBQUFBLE1BQU0sQ0FBQztFQUM3SCxPQUFPLEVBQUUsQ0FBQztDQUNWOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxFQUFFLEFBQUEsNkJBQTZCLENBQUMsNEJBQTRCLENBQUM7RUFDckcsT0FBTyxFQUFFLEtBQUs7RUFDZCxRQUFRLEVBQUUsUUFBUTtDQUNsQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsRUFBRSxBQUFBLDZCQUE2QixDQUFDLGlCQUFpQixDQUFDLDRCQUE0QixDQUFDO0VBQ3ZILFdBQVcsRUFBRSxHQUFHO0NBQ2hCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxFQUFFLEFBQUEsNkJBQTZCLENBQUMsNEJBQTRCLENBQUM7RUFDckcsT0FBTyxFQUFFLEtBQUs7RUFDZCxVQUFVLEVBQUUsSUFBSTtDQUNoQjs7QUFFRCxhQUFhO0FBQ2IsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG9CQUFvQixDQUFDLEVBQUUsQUFBQSw4QkFBOEIsQ0FBQyxFQUFFLENBQUM7RUFDakcsTUFBTSxFQUFFLHdCQUF3QjtDQUNoQzs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsRUFBRSxBQUFBLDhCQUE4QixDQUFDLEdBQUcsQ0FBQztFQUM3RSxPQUFPLEVBQUUsWUFBWTtFQUNyQixNQUFNLEVBQUUsTUFBTTtFQUNkLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQUFBQSw4QkFBOEIsQ0FBQyxLQUFLLEFBQUEsSUFBSyxDQXRGUixjQUFjLEVBc0ZVO0VBQ25HLGdCQUFnQixFQUFFLElBQUk7RUFDdEIsT0FBTyxFQUFFLEtBQUs7RUFDZCxNQUFNLEVBQUUsTUFBTTtFQUNkLE1BQU0sRUFBRSxjQUFjO0VBQ3RCLE9BQU8sRUFBRSxJQUFJO0VBQ2IsVUFBVSxFQUFFLE1BQU07Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQUFBQSw4QkFBOEIsQ0FBQyxLQUFLLEFBQUEsSUFBSyxDQS9GUixjQUFjLENBK0ZTLE1BQU07QUFDekcsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxFQUFFLEFBQUEsOEJBQThCLENBQUMsS0FBSyxBQUFBLElBQUssQ0FoR1IsY0FBYyxDQWdHUyxNQUFNLENBQUM7RUFDekcsWUFBWSxFQUFFLElBQUk7Q0FDbEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLEVBQUUsQUFBQSw4QkFBOEIsQ0FBQyw0QkFBNEIsQ0FBQztFQUN0RyxPQUFPLEVBQUUsS0FBSztDQUNkOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxFQUFFLEFBQUEsOEJBQThCLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDO0VBQ2pHLFlBQVksRUFBRSxlQUFlO0NBQzdCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxFQUFFLEFBQUEsOEJBQThCLENBQUMsNEJBQTRCLENBQUM7RUFDdEcsT0FBTyxFQUFFLEtBQUs7RUFDZCxVQUFVLEVBQUUsR0FBRztDQUNmOztBQUVEO2dGQUNnRjtBQUVoRixpQkFBaUI7QUFDakIsQUFFQyxHQUZFLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUV2QyxFQUFFLEFBQUEscUJBQXFCO0FBRnhCLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBR3ZDLEVBQUUsQUFBQSxxQkFBcUIsQ0FBQyxDQUFDLENBQUM7RUFDekIsVUFBVSxFQUFFLFVBQVU7Q0FDdEI7O0FBTEYsQUFRQyxHQVJFLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQVF2QyxFQUFFLEFBQUEscUJBQXFCLENBQUM7RUFDdkIsT0FBTyxFQUFFLElBQUk7RUFDYixjQUFjLEVBQUUsTUFBTTtFQUN0QixLQUFLLEVBQUUsSUFBSTtFQUNYLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLE1BQU0sRUFBRSx5QkFBeUI7RUE4Q2pDLG9CQUFvQjtFQTREcEIsbUJBQW1CO0VBc0NuQixvQkFBb0I7Q0FtQ3BCOztBQWhNRixBQWdCRSxHQWhCQyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixHQVFsQiwwQkFBMEI7QUFoQmhDLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBUXZDLEVBQUUsQUFBQSxxQkFBcUIsR0FTbEIsY0FBYyxDQUFDO0VBQ2xCLFVBQVUsRUFBRSxJQUFJO0NBQ2hCOztBQW5CSCxBQXNCRSxHQXRCQyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixDQWN0QixFQUFFLENBQUM7RUFDRixTQUFTLEVBQUUsS0FBSztFQUNoQixhQUFhLEVBQUUsWUFBWTtFQUMzQixNQUFNLEVBQUUscUJBQXFCO0NBQzdCOztBQTFCSCxBQTRCRSxHQTVCQyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixDQW9CdEIsS0FBSyxDQUFDO0VBQ0wsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLEtBQUs7RUFDZCxNQUFNLEVBQUUsQ0FBQztFQUNULE1BQU0sRUFBRSxPQUFPO0NBQ2Y7O0FBakNILEFBbUNFLEdBbkNDLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQVF2QyxFQUFFLEFBQUEscUJBQXFCLENBMkJ0QiwwQkFBMEIsQ0FBQztFQUMxQixPQUFPLEVBQUUsS0FBSztDQUNkOztBQXJDSCxBQXVDRSxHQXZDQyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixDQStCdEIsR0FBRyxDQUFDO0VBQ0gsTUFBTSxFQUFFLE1BQU07RUFDZCxJQUFJLEVBQUUsaUNBQWlDO0NBQ3ZDOztBQTFDSCxBQThDRyxHQTlDQSxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixBQW9DckIsMEJBQTBCLENBRTFCLEdBQUcsQ0FBQztFQUNILE1BQU0sRUFBRSxDQUFDO0NBQ1Q7O0FBaERKLEFBc0RHLEdBdERBLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQVF2QyxFQUFFLEFBQUEscUJBQXFCLEFBMkNyQiw2QkFBNkIsQ0FHN0IsRUFBRSxFQXRETCxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQVF2QyxFQUFFLEFBQUEscUJBQXFCLEFBNENyQiw0QkFBNEIsQ0FFNUIsRUFBRSxDQUFDO0VBQ0YsTUFBTSxFQUFFLHFCQUFxQjtDQUM3Qjs7QUF4REosQUE4REcsR0E5REEsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBUXZDLEVBQUUsQUFBQSxxQkFBcUIsQUFvRHJCLDZCQUE2QixDQUU3QixLQUFLLENBQUM7RUFDTCxVQUFVLEVBQUUsTUFBTTtDQVFsQjs7QUF2RUosQUFtRUssR0FuRUYsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBUXZDLEVBQUUsQUFBQSxxQkFBcUIsQUFvRHJCLDZCQUE2QixDQUU3QixLQUFLLEFBR0gsYUFBYSxDQUViLDBCQUEwQixDQUFDO0VBQzFCLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUNBQWlDO0NBQ3ZEOztBQXJFTixBQXlFRyxHQXpFQSxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixBQW9EckIsNkJBQTZCLENBYTdCLDBCQUEwQixDQUFDO0VBQzFCLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLE9BQU8sRUFBRSxDQUFDO0VBQ1YsYUFBYSxFQUFFLElBQUk7RUFDbkIsT0FBTyxFQUFFLG1CQUFtQjtFQUM1QixnQkFBZ0IsRUFBRSxPQUFPO0VBQ3pCLFVBQVUsRUFBRSxpQkFBaUI7RUFDN0IsYUFBYSxFQUFFLEdBQUc7Q0FVbEI7O0FBMUZKLEFBa0ZJLEdBbEZELEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQVF2QyxFQUFFLEFBQUEscUJBQXFCLEFBb0RyQiw2QkFBNkIsQ0FhN0IsMEJBQTBCLEFBU3hCLE1BQU0sQ0FBQztFQUNQLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUNBQWlDO0NBQ3ZEOztBQXBGTCxBQXNGSSxHQXRGRCxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixBQW9EckIsNkJBQTZCLENBYTdCLDBCQUEwQixDQWF6QixHQUFHLENBQUM7RUFDSCxRQUFRLEVBQUUsUUFBUTtFQUNsQixPQUFPLEVBQUUsQ0FBQztDQUNWOztBQXpGTCxBQTRGRyxHQTVGQSxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixBQW9EckIsNkJBQTZCLENBZ0M3Qiw2QkFBNkIsQ0FBQztFQUM3QixPQUFPLEVBQUUsS0FBSztFQUNkLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLE9BQU8sRUFBRSxDQUFDO0VBQ1YsR0FBRyxFQUFFLENBQUM7RUFDTixLQUFLLEVBQUUsQ0FBQztFQUNSLE1BQU0sRUFBRSxDQUFDO0VBQ1QsSUFBSSxFQUFFLENBQUM7RUFDUCxhQUFhLEVBQUUsR0FBRztFQUNsQixnQkFBZ0IsRUFBRSxPQUFPO0NBQ3pCOztBQXRHSixBQTBHSSxHQTFHRCxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixBQW9EckIsNkJBQTZCLENBNEM3QixpQkFBaUIsQ0FFaEIsMEJBQTBCLENBQUM7RUFDMUIsZ0JBQWdCLEVBQUUsV0FBVztFQUM3QixVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlDQUFpQztFQUN2RCxVQUFVLEVBQUUsVUFBVTtDQUN0Qjs7QUE5R0wsQUFnSEksR0FoSEQsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBUXZDLEVBQUUsQUFBQSxxQkFBcUIsQUFvRHJCLDZCQUE2QixDQTRDN0IsaUJBQWlCLENBUWhCLDZCQUE2QixDQUFDO0VBQzdCLGdCQUFnQixFQUFFLGlDQUFpQztFQUNuRCxPQUFPLEVBQUUsRUFBRTtDQUNYOztBQW5ITCxBQTRISSxHQTVIRCxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixBQWdIckIsNEJBQTRCLENBRTVCLEVBQUUsQ0FFRCxLQUFLLENBQUM7RUFDTCxnQkFBZ0IsRUFBRSxrQkFBa0I7RUFDcEMsVUFBVSxFQUFFLGlCQUFpQjtFQUM3QixhQUFhLEVBQUUsR0FBRztFQUNsQixNQUFNLEVBQUUsSUFBSTtFQUNaLE9BQU8sRUFBRSxtQkFBbUI7RUFDNUIsVUFBVSxFQUFFLE1BQU07Q0FLbEI7O0FBdklMLEFBb0lLLEdBcElGLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQVF2QyxFQUFFLEFBQUEscUJBQXFCLEFBZ0hyQiw0QkFBNEIsQ0FFNUIsRUFBRSxDQUVELEtBQUssQUFRSCxNQUFNLENBQUM7RUFDUCxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlDQUFpQztDQUN2RDs7QUF0SU4sQUEySUssR0EzSUYsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBUXZDLEVBQUUsQUFBQSxxQkFBcUIsQUFnSHJCLDRCQUE0QixDQUU1QixFQUFFLEFBZUEsYUFBYSxDQUViLEtBQUssQ0FBQztFQUNMLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUNBQWlDO0NBQ3ZEOztBQTdJTixBQWtKSyxHQWxKRixBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixBQWdIckIsNEJBQTRCLENBRTVCLEVBQUUsQUFzQkEsaUJBQWlCLENBRWpCLEtBQUssQ0FBQztFQUNMLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsaUNBQWlDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsbUJBQW1CO0NBQ3ZGOztBQXBKTixBQXVKSSxHQXZKRCxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixBQWdIckIsNEJBQTRCLENBRTVCLEVBQUUsQ0E2QkQsMEJBQTBCLENBQUM7RUFDMUIsYUFBYSxFQUFFLElBQUk7Q0FDbkI7O0FBekpMLEFBa0tJLEdBbEtELEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQVF2QyxFQUFFLEFBQUEscUJBQXFCLEFBc0pyQiw2QkFBNkIsQ0FFN0IsRUFBRSxDQUVELEtBQUssQ0FBQztFQUNMLGdCQUFnQixFQUFFLGtCQUFrQjtFQUNwQyxNQUFNLEVBQUUsSUFBSTtFQUNaLE9BQU8sRUFBRSxtQkFBbUI7RUFDNUIsVUFBVSxFQUFFLE1BQU07Q0FLbEI7O0FBM0tMLEFBd0tLLEdBeEtGLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQVF2QyxFQUFFLEFBQUEscUJBQXFCLEFBc0pyQiw2QkFBNkIsQ0FFN0IsRUFBRSxDQUVELEtBQUssQUFNSCxNQUFNLENBQUM7RUFDUCxVQUFVLEVBQUUsaUJBQWlCO0NBQzdCOztBQTFLTixBQStLSyxHQS9LRixBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FRdkMsRUFBRSxBQUFBLHFCQUFxQixBQXNKckIsNkJBQTZCLENBRTdCLEVBQUUsQUFhQSxhQUFhLENBRWIsS0FBSyxDQUFDO0VBQ0wsVUFBVSxFQUFFLGlCQUFpQjtDQUM3Qjs7QUFqTE4sQUFzTEssR0F0TEYsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBUXZDLEVBQUUsQUFBQSxxQkFBcUIsQUFzSnJCLDZCQUE2QixDQUU3QixFQUFFLEFBb0JBLGlCQUFpQixDQUVqQixLQUFLLENBQUM7RUFDTCxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlDQUFpQztDQUN2RDs7QUF4TE4sQUEyTEksR0EzTEQsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBUXZDLEVBQUUsQUFBQSxxQkFBcUIsQUFzSnJCLDZCQUE2QixDQUU3QixFQUFFLENBMkJELDBCQUEwQixDQUFDO0VBQzFCLGFBQWEsRUFBRSxJQUFJO0NBQ25COztBQTdMTCxBQTBNSSxHQTFNRCxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FtTXZDLG9CQUFvQixDQUduQixFQUFFLEFBQUEsNkJBQTZCLENBRTlCLEVBQUUsQ0FFRCwwQkFBMEIsQUFBQSxPQUFPO0FBMU1yQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQW9NdkMsK0JBQStCLENBRTlCLEVBQUUsQUFBQSw2QkFBNkIsQ0FFOUIsRUFBRSxDQUVELDBCQUEwQixBQUFBLE9BQU8sQ0FBQztFQUNqQyxPQUFPLEVBQUUsRUFBRTtFQUNYLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLE9BQU8sRUFBRSxDQUFDO0VBQ1YsTUFBTSxFQUFFLElBQUk7RUFDWixJQUFJLEVBQUUsZUFBZTtFQUNyQixPQUFPLEVBQUUsS0FBSztFQUNkLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7RUFDWixnQkFBZ0IsRUFBRSxPQUFPO0VBQ3pCLFVBQVUsRUFBRSxpQkFBaUI7RUFDN0IsYUFBYSxFQUFFLEdBQUc7RUFDbEIsTUFBTSxFQUFFLFdBQVc7Q0FDbkI7O0FBdk5MLEFBMk5LLEdBM05GLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQW1NdkMsb0JBQW9CLENBR25CLEVBQUUsQUFBQSw2QkFBNkIsQ0FFOUIsRUFBRSxBQWlCQSxpQkFBaUIsQ0FFakIsMEJBQTBCLEFBQUEsT0FBTztBQTNOdEMsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FvTXZDLCtCQUErQixDQUU5QixFQUFFLEFBQUEsNkJBQTZCLENBRTlCLEVBQUUsQUFpQkEsaUJBQWlCLENBRWpCLDBCQUEwQixBQUFBLE9BQU8sQ0FBQztFQUNqQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGlDQUFpQztDQUN2RDs7QUE3Tk4sQUErTkssR0EvTkYsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBbU12QyxvQkFBb0IsQ0FHbkIsRUFBRSxBQUFBLDZCQUE2QixDQUU5QixFQUFFLEFBaUJBLGlCQUFpQixDQU1qQiwwQkFBMEIsQUFBQSxNQUFNO0FBL05yQyxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQW9NdkMsK0JBQStCLENBRTlCLEVBQUUsQUFBQSw2QkFBNkIsQ0FFOUIsRUFBRSxBQWlCQSxpQkFBaUIsQ0FNakIsMEJBQTBCLEFBQUEsTUFBTSxDQUFDO0VBQ2hDLE9BQU8sRUFBRSxFQUFFO0VBQ1gsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLENBQUM7RUFDVixNQUFNLEVBQUUsZ0JBQWdCO0VBQ3hCLElBQUksRUFBRSxlQUFlO0VBQ3JCLE9BQU8sRUFBRSxLQUFLO0VBQ2QsS0FBSyxFQUFFLEdBQUc7RUFDVixNQUFNLEVBQUUsR0FBRztFQUNYLGdCQUFnQixFQUFFLGlDQUFpQztFQUNuRCxhQUFhLEVBQUUsR0FBRztDQUNsQjs7QUExT04sQUF3UEksR0F4UEQsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBaVB2Qyx1QkFBdUIsQ0FHdEIsRUFBRSxBQUFBLDZCQUE2QixDQUU5QixFQUFFLENBRUQsMEJBQTBCLEFBQUEsT0FBTztBQXhQckMsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FrUHZDLCtCQUErQixDQUU5QixFQUFFLEFBQUEsNkJBQTZCLENBRTlCLEVBQUUsQ0FFRCwwQkFBMEIsQUFBQSxPQUFPLENBQUM7RUFDakMsT0FBTyxFQUFFLEVBQUU7RUFDWCxRQUFRLEVBQUUsUUFBUTtFQUNsQixPQUFPLEVBQUUsQ0FBQztFQUNWLE1BQU0sRUFBRSxJQUFJO0VBQ1osSUFBSSxFQUFFLGVBQWU7RUFDckIsT0FBTyxFQUFFLEtBQUs7RUFDZCxLQUFLLEVBQUUsSUFBSTtFQUNYLE1BQU0sRUFBRSxJQUFJO0VBQ1osZ0JBQWdCLEVBQUUsT0FBTztFQUN6QixVQUFVLEVBQUUsaUJBQWlCO0VBQzdCLGFBQWEsRUFBRSxHQUFHO0VBQ2xCLE1BQU0sRUFBRSxXQUFXO0NBQ25COztBQXJRTCxBQXlRSyxHQXpRRixBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FpUHZDLHVCQUF1QixDQUd0QixFQUFFLEFBQUEsNkJBQTZCLENBRTlCLEVBQUUsQUFpQkEsaUJBQWlCLENBRWpCLDBCQUEwQixBQUFBLE9BQU87QUF6UXRDLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBa1B2QywrQkFBK0IsQ0FFOUIsRUFBRSxBQUFBLDZCQUE2QixDQUU5QixFQUFFLEFBaUJBLGlCQUFpQixDQUVqQiwwQkFBMEIsQUFBQSxPQUFPLENBQUM7RUFDakMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxpQ0FBaUM7Q0FDdkQ7O0FBM1FOLEFBNlFLLEdBN1FGLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQWlQdkMsdUJBQXVCLENBR3RCLEVBQUUsQUFBQSw2QkFBNkIsQ0FFOUIsRUFBRSxBQWlCQSxpQkFBaUIsQ0FNakIsMEJBQTBCLEFBQUEsTUFBTTtBQTdRckMsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FrUHZDLCtCQUErQixDQUU5QixFQUFFLEFBQUEsNkJBQTZCLENBRTlCLEVBQUUsQUFpQkEsaUJBQWlCLENBTWpCLDBCQUEwQixBQUFBLE1BQU0sQ0FBQztFQUNoQyxPQUFPLEVBQUUsRUFBRTtFQUNYLFVBQVUsRUFBRSxVQUFVO0VBQ3RCLE9BQU8sRUFBRSxLQUFLO0VBQ2QsUUFBUSxFQUFFLFFBQVE7RUFDbEIsT0FBTyxFQUFFLENBQUM7RUFDVixNQUFNLEVBQUUsSUFBSTtFQUNaLElBQUksRUFBRSxlQUFlO0VBQ3JCLEtBQUssRUFBRSxHQUFHO0VBQ1YsTUFBTSxFQUFFLElBQUk7RUFDWixZQUFZLEVBQUUsS0FBSztFQUNuQixZQUFZLEVBQUUsaUNBQWlDO0VBQy9DLFlBQVksRUFBRSxXQUFXO0VBQ3pCLGdCQUFnQixFQUFFLFdBQVc7RUFDN0IsU0FBUyxFQUFFLGFBQWE7Q0FDeEI7O0FBNVJOLEFBbVNDLEdBblNFLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQW1TdkMsdUJBQXVCLENBQUMsRUFBRSxBQUFBLHFCQUFxQjtBQW5TaEQsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FvU3ZDLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUI7QUFwU2hELEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBcVN2QyxvQkFBb0IsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLENBQUM7RUFDNUMsY0FBYyxFQUFFLEdBQUc7RUFDbkIsU0FBUyxFQUFFLElBQUk7Q0FjZjs7QUFyVEYsQUF5U0UsR0F6U0MsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBbVN2Qyx1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLENBTTlDLEVBQUU7QUF6U0osR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FvU3ZDLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQ0FLOUMsRUFBRTtBQXpTSixHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQXFTdkMsb0JBQW9CLENBQUMsRUFBRSxBQUFBLHFCQUFxQixDQUkzQyxFQUFFLENBQUM7RUFDRixZQUFZLEVBQUUsZUFBZTtDQUM3Qjs7QUEzU0gsQUFnVEcsR0FoVEEsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBbVN2Qyx1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBVTdDLDZCQUE2QixDQUc3QixFQUFFLEVBaFRMLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBbVN2Qyx1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBVzdDLDRCQUE0QixDQUU1QixFQUFFO0FBaFRMLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBb1N2Qyx1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBUzdDLDZCQUE2QixDQUc3QixFQUFFO0FBaFRMLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBb1N2Qyx1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBVTdDLDRCQUE0QixDQUU1QixFQUFFO0FBaFRMLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBcVN2QyxvQkFBb0IsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBUTFDLDZCQUE2QixDQUc3QixFQUFFO0FBaFRMLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBcVN2QyxvQkFBb0IsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBUzFDLDRCQUE0QixDQUU1QixFQUFFLENBQUM7RUFDRixZQUFZLEVBQUUsZUFBZTtFQUM3QixhQUFhLEVBQUUsZUFBZTtDQUM5Qjs7QUFuVEosQUEwVEUsR0ExVEMsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBd1R2Qyx1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLENBRTlDLEVBQUUsQ0FBQztFQUNGLEtBQUssRUFBRSwwQkFBMkI7Q0FLbEM7O0FBaFVILEFBNlRHLEdBN1RBLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQXdUdkMsdUJBQXVCLENBQUMsRUFBRSxBQUFBLHFCQUFxQixDQUU5QyxFQUFFLEFBR0EsVUFBVyxDQUFBLEVBQUUsRUFBRTtFQUNmLFlBQVksRUFBRSxZQUFZO0NBQzFCOztBQS9USixBQXFVRyxHQXJVQSxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0F3VHZDLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQUFVN0MsNkJBQTZCLENBRzdCLEVBQUUsRUFyVUwsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0F3VHZDLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQUFXN0MsNEJBQTRCLENBRTVCLEVBQUUsQ0FBQztFQUNGLEtBQUssRUFBRSwwQkFBMkI7Q0FDbEM7O0FBdlVKLEFBOFVFLEdBOVVDLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQTRVdkMsdUJBQXVCLENBQUMsRUFBRSxBQUFBLHFCQUFxQixDQUU5QyxFQUFFLENBQUM7RUFDRixLQUFLLEVBQUUsOEJBQStCO0NBS3RDOztBQXBWSCxBQWlWRyxHQWpWQSxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0E0VXZDLHVCQUF1QixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQ0FFOUMsRUFBRSxBQUdBLFVBQVcsQ0FBQSxFQUFFLEVBQUU7RUFDZixZQUFZLEVBQUUsWUFBWTtDQUMxQjs7QUFuVkosQUF5VkcsR0F6VkEsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBNFV2Qyx1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBVTdDLDZCQUE2QixDQUc3QixFQUFFLEVBelZMLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBNFV2Qyx1QkFBdUIsQ0FBQyxFQUFFLEFBQUEscUJBQXFCLEFBVzdDLDRCQUE0QixDQUU1QixFQUFFLENBQUM7RUFDRixLQUFLLEVBQUUsOEJBQStCO0NBQ3RDOztBQTNWSixBQWtXRSxHQWxXQyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FnV3ZDLG9CQUFvQixDQUFDLEVBQUUsQUFBQSxxQkFBcUIsQ0FFM0MsRUFBRSxDQUFDO0VBQ0YsS0FBSyxFQUFFLElBQUk7RUFDWCxTQUFTLEVBQUUsc0JBQXVCO0NBQ2xDOztBQUlIO2dGQUNnRjtBQUVoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLENBQUM7RUFDaEUsTUFBTSxFQUFFLFVBQVU7RUFDbEIsUUFBUSxFQUFFLE1BQU07Q0FDaEI7O0FBRUQscUJBQXFCO0FBQ3JCLEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQUFBQSxRQUFRLENBQUM7RUFDeEUsVUFBVSxFQUFFLGlCQUFpQjtFQUM3QixhQUFhLEVBQUUsaUJBQWlCO0VBQ2hDLE9BQU8sRUFBRSxTQUFTO0NBQ2xCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQUFBQSxRQUFRLENBQUMsNEJBQTRCLENBQUM7RUFDckcsS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsVUFBVTtDQUNsQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLEFBQUEsUUFBUSxDQUFDLDRCQUE0QixBQUFBLGFBQWEsQ0FBQztFQUNsSCxNQUFNLEVBQUUsQ0FBQztDQUNUOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQUFBQSxRQUFRLENBQUMsbUNBQW1DLENBQUM7RUFDNUcsTUFBTSxFQUFFLElBQUk7RUFDWixLQUFLLEVBQUUsSUFBSTtFQUNYLGFBQWEsRUFBRSxHQUFHO0VBQ2xCLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLE1BQU0sRUFBRSxVQUFVO0VBQ2xCLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLFVBQVUsRUFBRSxNQUFNO0VBQ2xCLGdCQUFnQixFQUFFLElBQUk7RUFDdEIsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLEFBQUEsUUFBUSxDQUFDLE9BQU8sQ0FBQyxtQ0FBbUMsQ0FBQztFQUNwSCxLQUFLLEVBQUUsSUFBSTtDQUNYOztBQUVELHFCQUFxQjtBQUNyQixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLEFBQUEsVUFBVSxDQUFDLDRCQUE0QixDQUFDO0VBQ3ZHLEtBQUssRUFBRSxJQUFJO0VBQ1gsVUFBVSxFQUFFLE1BQU07RUFDbEIsU0FBUyxFQUFFLElBQUk7RUFDZixXQUFXLEVBQUUsR0FBRztDQUNoQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLEFBQUEsVUFBVSxDQUFDLG1DQUFtQyxDQUFDO0VBQzlHLE9BQU8sRUFBRSxLQUFLO0VBQ2QsV0FBVyxFQUFFLE9BQU87RUFDcEIsTUFBTSxFQUFFLEdBQUc7RUFDWCxnQkFBZ0IsRUFBRSxJQUFJO0VBQ3RCLE1BQU0sRUFBRSxVQUFVO0VBQ2xCLFFBQVEsRUFBRSxRQUFRO0NBQ2xCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQUFBQSxVQUFVLENBQUMscUNBQXFDLENBQUM7RUFDaEgsUUFBUSxFQUFFLFFBQVE7RUFDbEIsR0FBRyxFQUFFLElBQUk7RUFDVCxJQUFJLEVBQUUsR0FBRztFQUNULEtBQUssRUFBRSxDQUFDO0VBQ1IsTUFBTSxFQUFFLENBQUM7RUFDVCxXQUFXLEVBQUUsSUFBSTtFQUNqQixZQUFZLEVBQUUsS0FBSztFQUNuQixZQUFZLEVBQUUsYUFBYTtFQUMzQixZQUFZLEVBQUUsK0NBQStDO0NBQzdEOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQUFBQSxVQUFVLENBQUMsa0NBQWtDLENBQUM7RUFDN0csT0FBTyxFQUFFLFlBQVk7RUFDckIsT0FBTyxFQUFFLE1BQU07RUFDZixTQUFTLEVBQUUsSUFBSTtDQUNmOztBQUVELG9CQUFvQjtBQUNwQixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLEFBQUEsU0FBUyxDQUFDO0VBQ3pFLFNBQVMsRUFBRSxJQUFJO0NBQ2Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHVCQUF1QixBQUFBLFNBQVMsQ0FBQywwQ0FBMEMsQ0FBQztFQUNwSCxPQUFPLEVBQUUsS0FBSztFQUNkLEtBQUssRUFBRSxJQUFJO0VBQ1gsZ0JBQWdCLEVBQUUsSUFBSTtFQUN0QixNQUFNLEVBQUUsSUFBSTtFQUNaLGFBQWEsRUFBRSxJQUFJO0VBQ25CLFFBQVEsRUFBRSxNQUFNO0VBQ2hCLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLE1BQU0sRUFBRSxPQUFPO0NBQ2Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHVCQUF1QixBQUFBLFNBQVMsQ0FBQyxxQ0FBcUMsQ0FBQztFQUMvRyxNQUFNLEVBQUUsSUFBSTtFQUNaLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLElBQUksRUFBRSxDQUFDO0VBQ1AsR0FBRyxFQUFFLENBQUM7Q0FDTjs7QUFFRDtnRkFDZ0Y7QUFFaEYsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7RUFDOUUsS0FBSyxFQUFFLE9BQU87Q0FDZDs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUMsTUFBTSxHQUFHLE1BQU0sQUFBQSxZQUFZO0FBQzFGLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQSxBQUFBLFFBQUMsQUFBQSxFQUFVO0VBQ3hGLEtBQUssRUFBRSxPQUFPO0VBQ2QsT0FBTyxFQUFFLEdBQUc7Q0FDWjs7QUFFRCxtQkFBbUI7QUFDbkIsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsY0FBYyxBQUFBLG1DQUFtQyxDQUFDLE1BQU0sQ0FBQztFQUNuRixZQUFZLEVBQUUsR0FBRztDQW1CakI7O0FBcEJELEFBR0MsR0FIRSxBQUFBLHVCQUF1QixDQUFDLGNBQWMsQUFBQSxtQ0FBbUMsQ0FBQyxNQUFNLENBR2pGLEFBQUEsUUFBQyxBQUFBLEVBQVU7RUFDWCxPQUFPLEVBQUUsQ0FBQztDQWVWOztBQW5CRixBQU1FLEdBTkMsQUFBQSx1QkFBdUIsQ0FBQyxjQUFjLEFBQUEsbUNBQW1DLENBQUMsTUFBTSxDQUdqRixBQUFBLFFBQUMsQUFBQSxJQUdDLE1BQU0sQ0FBQztFQUNSLE9BQU8sRUFBRSxJQUFJO0VBQ2IsVUFBVSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxrQkFBa0I7Q0FVeEM7O0FBbEJILEFBVUcsR0FWQSxBQUFBLHVCQUF1QixDQUFDLGNBQWMsQUFBQSxtQ0FBbUMsQ0FBQyxNQUFNLENBR2pGLEFBQUEsUUFBQyxBQUFBLElBR0MsTUFBTSxBQUlOLFlBQVksRUFWaEIsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGNBQWMsQUFBQSxtQ0FBbUMsQ0FBQyxNQUFNLENBR2pGLEFBQUEsUUFBQyxBQUFBLElBR0MsTUFBTSxDQUtOLEFBQUEsUUFBQyxBQUFBLEVBQVU7RUFDWCxVQUFVLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGtCQUFrQjtDQUN4Qzs7QUFiSixBQWVHLEdBZkEsQUFBQSx1QkFBdUIsQ0FBQyxjQUFjLEFBQUEsbUNBQW1DLENBQUMsTUFBTSxDQUdqRixBQUFBLFFBQUMsQUFBQSxJQUdDLE1BQU0sQUFTTixRQUFRLENBQUM7RUFDVCxnQkFBZ0IsRUFBRSxTQUFTO0NBQzNCOztBQUtKLGtCQUFrQjtBQUNsQixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDO0VBQ2pELFNBQVMsRUFBRSxJQUFJO0VBQ2YsS0FBSyxFQUFFLElBQUk7Q0FDWDs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLHNCQUFzQixDQUFDO0VBQ3hFLFNBQVMsRUFBRSxHQUFHO0VBQ2QsV0FBVyxFQUFFLE1BQU07Q0FDbkI7O0FBR0QsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLFFBQVEsQUFBQSxRQUFRLEFBQUEsV0FBVyxDQUFDLGVBQWU7QUFDcEYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxRQUFRLEFBQUEsUUFBUSxDQUFDLHdCQUF3QixDQUFDO0VBQ2xGLGFBQWEsRUFBRSxXQUFXO0NBQzFCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxRQUFRLEFBQUEsUUFBUSxBQUFBLFdBQVcsQ0FBQyx3QkFBd0I7QUFDN0YsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxRQUFRLEFBQUEsUUFBUSxDQUFDLGVBQWUsQ0FBQztFQUN6RSxhQUFhLEVBQUUsV0FBVztDQUMxQjs7QUFFRCxBQUNDLEdBREUsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUNoRCxlQUFlLENBQUM7RUFDZixVQUFVLEVBQUUsSUFBSTtFQUNoQixhQUFhLEVBQUUsR0FBRztDQUNsQjs7QUFHRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQUFBQSxlQUFlLENBQUM7RUFDdEUsT0FBTyxFQUFFLFlBQVk7RUFDckIsTUFBTSxFQUFFLElBQUk7RUFDWixXQUFXLEVBQUUsR0FBRztDQUNoQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLDJCQUEyQixDQUFDO0VBQzdFLEtBQUssRUFBRSxPQUFPO0VBQ2QsT0FBTyxFQUFFLEdBQUc7Q0FDWjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDO0VBQ3BFLEtBQUssRUFBRSxPQUFPO0VBQ2QsT0FBTyxFQUFFLEdBQUc7Q0FDWjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLHNCQUFzQixDQUFDO0VBQ3hFLEtBQUssRUFBRSxPQUFPO0VBQ2QsT0FBTyxFQUFFLEdBQUc7Q0FDWjs7QUFFRDtnRkFDZ0Y7QUFFaEYsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxDQUFDO0VBQzFDLGdCQUFnQixFQUFFLElBQUk7RUFDdEIsTUFBTSxFQUFFLGNBQWM7RUFDdEIsaUJBQWlCLEVBQUUsSUFBSTtFQUN2QixLQUFLLEVBQUUsSUFBSTtFQUNYLFNBQVMsRUFBRSxJQUFJO0VBQ2YsV0FBVyxFQUFFLEdBQUc7RUFDaEIsYUFBYSxFQUFFLElBQUk7RUFDbkIsT0FBTyxFQUFFLG1CQUFtQjtFQUM1QixRQUFRLEVBQUUsUUFBUTtDQUNsQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLENBQUMsZUFBZSxDQUFDO0VBQzFELHFCQUFxQixFQUFFLElBQUk7RUFDM0IsbUJBQW1CLEVBQUUsSUFBSTtFQUN6QixnQkFBZ0IsRUFBRSxJQUFJO0VBQ3RCLGVBQWUsRUFBRSxJQUFJO0VBQ3JCLFdBQVcsRUFBRSxJQUFJO0VBQ2pCLGVBQWUsRUFBRSxJQUFJO0VBQ3JCLGtCQUFrQixFQUFFLElBQUk7RUFDeEIsZ0JBQWdCLEVBQUUscUJBQXFCO0VBQ3ZDLE1BQU0sRUFBRSxJQUFJO0VBQ1osYUFBYSxFQUFFLFFBQVE7RUFDdkIsTUFBTSxFQUFFLE9BQU87RUFDZixPQUFPLEVBQUUsWUFBWTtFQUNyQixNQUFNLEVBQUUsSUFBSTtFQUNaLE1BQU0sRUFBRSxDQUFDO0VBQ1QsT0FBTyxFQUFFLENBQUM7RUFDVixPQUFPLEVBQUUsSUFBSTtFQUNiLGNBQWMsRUFBRSxHQUFHO0VBQ25CLEtBQUssRUFBRSxJQUFJO0VBQ1gsUUFBUSxFQUFFLFFBQVE7RUFDbEIsS0FBSyxFQUFFLElBQUk7RUFDWCxHQUFHLEVBQUUsSUFBSTtDQUNUOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQ0FBQyxlQUFlLEFBQUEsT0FBTztBQUNqRSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxDQUFDLGVBQWUsQUFBQSxNQUFNLENBQUM7RUFDaEUsZ0JBQWdCLEVBQUUsSUFBSTtFQUN0QixPQUFPLEVBQUUsRUFBRTtFQUNYLE9BQU8sRUFBRSxLQUFLO0VBQ2QsSUFBSSxFQUFFLEdBQUc7RUFDVCxRQUFRLEVBQUUsUUFBUTtFQUNsQixHQUFHLEVBQUUsR0FBRztFQUNSLGlCQUFpQixFQUFFLGdCQUFnQixDQUFDLGdCQUFnQixDQUFDLGFBQWE7RUFDbEUsU0FBUyxFQUFFLGdCQUFnQixDQUFDLGdCQUFnQixDQUFDLGFBQWE7RUFDMUQsd0JBQXdCLEVBQUUsYUFBYTtFQUN2QyxnQkFBZ0IsRUFBRSxhQUFhO0NBQy9COztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQ0FBQyxlQUFlLEFBQUEsT0FBTyxDQUFDO0VBQ2pFLE1BQU0sRUFBRSxHQUFHO0VBQ1gsS0FBSyxFQUFFLEdBQUc7Q0FDVjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLENBQUMsZUFBZSxBQUFBLE1BQU0sQ0FBQztFQUNoRSxNQUFNLEVBQUUsR0FBRztFQUNYLEtBQUssRUFBRSxHQUFHO0NBQ1Y7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxDQUFDLGVBQWUsQUFBQSxNQUFNO0FBQ2hFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLENBQUMsZUFBZSxBQUFBLE1BQU0sQ0FBRTtFQUNqRSxnQkFBZ0IsRUFBRSxxQkFBcUI7Q0FDdkM7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztFQUM1QyxlQUFlLEVBQUUsU0FBUztDQUMxQjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO0VBQzVDLE1BQU0sRUFBRSxVQUFVO0NBQ2xCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQ0FBQyxDQUFDLEFBQUEsYUFBYSxDQUFDO0VBQ3pELGFBQWEsRUFBRSxDQUFDO0NBQ2hCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxhQUFhLENBQUMsc0JBQXNCO0FBQzlFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsYUFBYSxDQUFDO0VBQ3ZELFlBQVksRUFBRSxPQUNmO0NBQUM7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGdCQUFnQixDQUFDLHNCQUFzQjtBQUNqRixHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGdCQUFnQixDQUFDO0VBQzFELFlBQVksRUFBRSxPQUNmO0NBQUM7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGdCQUFnQixDQUFDLHNCQUFzQjtBQUNqRixHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGdCQUFnQixDQUFDO0VBQzFELFlBQVksRUFBRSxPQUNmO0NBQUM7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGNBQWMsQ0FBQyxzQkFBc0I7QUFDL0UsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxjQUFjLENBQUM7RUFDeEQsWUFBWSxFQUFFLE9BQ2Y7Q0FBQzs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLENBQUMsdUJBQXVCLENBQUM7RUFDbEUsVUFBVSxFQUFFLElBQUk7Q0FDaEI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxDQUFDLHNCQUFzQixDQUFDO0VBQ2pFLE1BQU0sRUFBRSxTQUFTO0VBQ2pCLFlBQVksRUFBRSxJQUFJO0VBQ2xCLE9BQU8sRUFBRSxHQUFHO0VBQ1osZUFBZSxFQUFFLElBQUk7Q0FDckI7O0FBQ0QsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxDQUFDLHNCQUFzQixBQUFBLE1BQU07QUFDdkUsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNO0FBQ3ZFLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLENBQUMsc0JBQXNCLEFBQUEsT0FBTyxDQUFDO0VBQ3hFLEtBQUssRUFBRSxJQUFJO0NBQ1g7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGFBQWEsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNO0FBQ3BGLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsYUFBYSxDQUFDLHNCQUFzQixBQUFBLE1BQU07QUFDcEYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxhQUFhLENBQUMsc0JBQXNCLEFBQUEsT0FBTyxDQUFDO0VBQ3JGLGdCQUFnQixFQUFFLE9BQU87Q0FDekI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGdCQUFnQixDQUFDLHNCQUFzQixBQUFBLE1BQU07QUFDdkYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxnQkFBZ0IsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNO0FBQ3ZGLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsZ0JBQWdCLENBQUMsc0JBQXNCLEFBQUEsT0FBTyxDQUFDO0VBQ3hGLGdCQUFnQixFQUFFLE9BQU87Q0FDekI7O0FBRUQsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGdCQUFnQixDQUFDLHNCQUFzQixBQUFBLE1BQU07QUFDdkYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxnQkFBZ0IsQ0FBQyxzQkFBc0IsQUFBQSxNQUFNO0FBQ3ZGLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsZ0JBQWdCLENBQUMsc0JBQXNCLEFBQUEsT0FBTyxDQUFDO0VBQ3hGLGdCQUFnQixFQUFFLE9BQU87RUFDekIsS0FBSyxFQUFFLE9BQU87Q0FDZDs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxlQUFlLEFBQUEsY0FBYyxDQUFDLHNCQUFzQixBQUFBLE1BQU07QUFDckYsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGVBQWUsQUFBQSxjQUFjLENBQUMsc0JBQXNCLEFBQUEsTUFBTTtBQUNyRixHQUFHLEFBQUEsdUJBQXVCLENBQUMsZUFBZSxBQUFBLGNBQWMsQ0FBQyxzQkFBc0IsQUFBQSxPQUFPLENBQUM7RUFDdEYsZ0JBQWdCLEVBQUUsT0FBTztDQUN6Qjs7QUFHRCxBQUVFLEdBRkMsQUFBQSx1QkFBdUIsQ0FDekIsYUFBYSxDQUNaLFFBQVEsQUFBQSxvQkFBb0IsQUFBQSxlQUFlLENBQUM7RUFDM0MsTUFBTSxFQUFFLEtBQUs7Q0FDYjs7QUFKSCxBQU1FLEdBTkMsQUFBQSx1QkFBdUIsQ0FDekIsYUFBYSxDQUtaLFFBQVEsQUFBQSxxQkFBcUIsQUFBQSxlQUFlLENBQUM7RUFDNUMsTUFBTSxFQUFFLEtBQUs7Q0FDYjs7QUFSSCxBQVVFLEdBVkMsQUFBQSx1QkFBdUIsQ0FDekIsYUFBYSxDQVNaLFFBQVEsQUFBQSxvQkFBb0IsQUFBQSxlQUFlLENBQUM7RUFDM0MsTUFBTSxFQUFFLEtBQUs7Q0FDYjs7QUFJSDtnRkFDZ0Y7QUFFaEYsQUFBQSw2QkFBNkIsQ0FBQztFQUM3QixXQUFXLEVBQUUsR0FBRztDQUNoQjs7QUFFRDtnRkFDZ0Y7QUYvd0RoRixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0VpeERDO0VBQzFCLE1BQU0sRUFBRSxTQUFTO0NBQ2pCOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUM7RUFDM0MsU0FBUyxFQUFFLElBQUk7Q0FDZjs7QUFFRCxtQkFBbUI7QUFDbkIsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDO0VBQzFELE9BQU8sRUFBRSxlQUFlO0VBQ3hCLFFBQVEsRUFBRSxtQkFBbUI7RUFDN0IsSUFBSSxFQUFFLGtCQUFrQjtDQUN4Qjs7QUFFRCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUM7RUFDOUQsT0FBTyxFQUFFLElBQUk7RUFDYixPQUFPLEVBQUUsQ0FBQztDQUNWOztBQUVELEFBQUEsR0FBRyxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyw4QkFBOEIsQ0FBQztFQUN2RSxRQUFRLEVBQUUsbUJBQW1CO0VBQzdCLElBQUksRUFBRSxnQkFBZ0IsQ0FBQyxVQUFVO0VBQ2pDLE1BQU0sRUFBRSxjQUFjO0VBQ3RCLEtBQUssRUFBRSxjQUFjO0VBQ3JCLE1BQU0sRUFBRSxZQUFZO0VBQ3BCLE1BQU0sRUFBRSxZQUFZO0VBQ3BCLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLFFBQVEsRUFBRSxpQkFBaUI7RUFDM0IsU0FBUyxFQUFFLGlCQUFpQjtDQUM1Qjs7QUFFRCxtQkFBbUI7QUFDbkIsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLG1CQUFtQixDQUFBO0VBQzNELFNBQVMsRUFBRSxJQUFJO0VBQ2YsT0FBTyxFQUFFLEtBQUs7Q0FDZDs7QUFFRDtnRkFDZ0Y7QUFFaEYscUJBQXFCO0FBQ3JCLEFBQUEsSUFBSSxBQUFBLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUEsQUFBQSxJQUFDLENBQUQsR0FBQyxBQUFBLEVBQVU7RUFDN0MsU0FBUyxFQUFFLEdBQUc7RUFDZCxZQUFZLEVBQUUsS0FBSztFQUNuQixVQUFVLEVBQUUsS0FBSztDQUNqQjs7QUFFRCxBQUFBLElBQUksQUFBQSxJQUFJLENBQUMsdUJBQXVCLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQztFQUM3RCxLQUFLLEVBQUUsS0FBSztDQUNaOztBQUVELEFBQUEsSUFBSSxBQUFBLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsY0FBYyxHQUFHLGlCQUFpQixDQUFDO0VBQ2pGLFlBQVksRUFBRSxFQUFFO0VBQ2hCLFdBQVcsRUFBRSxDQUFDO0NBQ2Q7O0FBRUQsOENBQThDO0FBQzlDLEFBQ0MsR0FERSxBQUFBLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FDaEUsRUFBRSxDQUFDLEVBQUUsQ0FBQztFQUNMLFVBQVUsRUFBRSxpQkFBaUI7Q0FDN0I7O0FBSEYsQUFLQyxHQUxFLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHdCQUF3QixDQUtoRSxFQUFFLENBQUMsRUFBRSxDQUFDO0VBQ0wsVUFBVSxFQUFFLHlCQUF5QjtDQUNyQzs7QUFQRixBQVNDLEdBVEUsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsd0JBQXdCLENBU2hFLENBQUMsQ0FBQztFQUNELGVBQWUsRUFBRSxvQkFBb0I7Q0FDckM7O0FBWEYsQUFhQyxHQWJFLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHdCQUF3QixDQWFoRSxHQUFHLENBQUM7RUFDSCxlQUFlLEVBQUUsdUJBQXVCO0NBQ3hDOztBQWZGLEFBaUJDLEdBakJFLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHdCQUF3QixDQWlCaEUsVUFBVSxDQUFDO0VBQ1YsWUFBWSxFQUFFLElBQUk7RUFDbEIsV0FBVyxFQUFFLFNBQVM7RUFDdEIsVUFBVSxFQUFFLE1BQU07Q0FDbEI7O0FDbjRERixNQUFNLE1BQU0sTUFBTSxNQUFNLFNBQVMsRUFBRSxLQUFLO0VBQ3ZDLEFBR0MsR0FIRSxBQUFBLHVCQUF1QixBQUd4QixjQUFjLENBQUMsYUFBYSxDQUFDLHdCQUF3QjtFQUh2RCxHQUFHLEFBQUEsdUJBQXVCLEFBSXhCLGNBQWMsQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDO0lBQzVDLE9BQU8sRUFBRSxLQUFLO0lBQ2QsS0FBSyxFQUFFLElBQUk7R0FDWDtFRHNVSCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQUFBQSxjQUFjLENBQUMsYUFBYSxDQUFDLHlCQUF5QixDQ3BVdEI7SUFDdkQsS0FBSyxFQUFFLElBQUk7R0FDWDtFRDZnREgsQUFBQSxHQUFHLEFBQUEsdUJBQXVCLENBQUMsYUFBYSxDQUFDLHVCQUF1QixBQUFBLFVBQVUsQ0FBQyxrQ0FBa0MsQ0N6Z0RyQztJQUNwRSxPQUFPLEVBQUUsSUFBSTtHQUNiO0VBakJILEFBcUJFLEdBckJDLEFBQUEsdUJBQXVCLENBYXpCLGFBQWEsQ0FRWixjQUFjLEFBQUEsSUFBSyxDQUFBLG9CQUFvQixDQUFDLElBQUssQ0FBQSxrQ0FBa0MsRUFBRTtJQUNoRixVQUFVLEVBQUUsTUFBTTtHQUNsQjtFQXZCSCxBQXlCRSxHQXpCQyxBQUFBLHVCQUF1QixDQWF6QixhQUFhLENBWVosY0FBYyxHQUFHLENBQUMsQ0FBQztJQUNsQixTQUFTLEVBQUUsSUFBSTtHQUNmO0VBM0JILEFBOEJFLEdBOUJDLEFBQUEsdUJBQXVCLENBYXpCLGFBQWEsQ0FpQlosb0JBQW9CLENBQUM7SUFDcEIsS0FBSyxFQUFFLElBQUk7SUFDWCxXQUFXLEVBQUUsQ0FBQztJQUNkLEtBQUssRUFBRSxJQUFJO0dBQ1g7RUFsQ0gsQUFxQ0UsR0FyQ0MsQUFBQSx1QkFBdUIsQ0FhekIsYUFBYSxDQXdCWixLQUFLLEFBQUEscUJBQXFCO0VBckM1QixHQUFHLEFBQUEsdUJBQXVCLENBYXpCLGFBQWEsQ0F5QlosTUFBTSxBQUFBLHFCQUFxQjtFQXRDN0IsR0FBRyxBQUFBLHVCQUF1QixDQWF6QixhQUFhLENBMEJaLGtCQUFrQixBQUFBLHFCQUFxQjtFQXZDekMsR0FBRyxBQUFBLHVCQUF1QixDQWF6QixhQUFhLENBMkJaLEtBQUssQUFBQSxvQkFBb0I7RUF4QzNCLEdBQUcsQUFBQSx1QkFBdUIsQ0FhekIsYUFBYSxDQTRCWixNQUFNLEFBQUEsb0JBQW9CO0VBekM1QixHQUFHLEFBQUEsdUJBQXVCLENBYXpCLGFBQWEsQ0E2Qlosa0JBQWtCLEFBQUEsb0JBQW9CO0VBMUN4QyxHQUFHLEFBQUEsdUJBQXVCLENBYXpCLGFBQWEsQ0E4QlosS0FBSyxBQUFBLG9CQUFvQjtFQTNDM0IsR0FBRyxBQUFBLHVCQUF1QixDQWF6QixhQUFhLENBK0JaLE1BQU0sQUFBQSxvQkFBb0I7RUE1QzVCLEdBQUcsQUFBQSx1QkFBdUIsQ0FhekIsYUFBYSxDQWdDWixrQkFBa0IsQUFBQSxvQkFBb0IsQ0FBQztJQUN0QyxTQUFTLEVBQUUsSUFBSTtHQUNmO0VBL0NILEFBd0RHLEdBeERBLEFBQUEsdUJBQXVCLENBYXpCLGFBQWEsQ0FxQ1osMkJBQTJCLENBTTFCLEVBQUUsQ0FBQyxFQUFFO0VBeERSLEdBQUcsQUFBQSx1QkFBdUIsQ0FhekIsYUFBYSxDQXNDWixpQ0FBaUMsQ0FLaEMsRUFBRSxDQUFDLEVBQUU7RUF4RFIsR0FBRyxBQUFBLHVCQUF1QixDQWF6QixhQUFhLENBdUNaLHVCQUF1QixDQUl0QixFQUFFLENBQUMsRUFBRTtFQXhEUixHQUFHLEFBQUEsdUJBQXVCLENBYXpCLGFBQWEsQ0F3Q1osMkJBQTJCLENBRzFCLEVBQUUsQ0FBQyxFQUFFO0VBeERSLEdBQUcsQUFBQSx1QkFBdUIsQ0FhekIsYUFBYSxDQXlDWixpQ0FBaUMsQ0FFaEMsRUFBRSxDQUFDLEVBQUU7RUF4RFIsR0FBRyxBQUFBLHVCQUF1QixDQWF6QixhQUFhLENBMENaLHVCQUF1QixDQUN0QixFQUFFLENBQUMsRUFBRSxDQUFDO0lBQ0wsS0FBSyxFQUFFLElBQUk7SUFDWCxLQUFLLEVBQUUsSUFDUjtHQUFDO0VEdTZDTCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLEFBQUEsUUFBUSxDQUFDLDRCQUE0QixDQ2o2Q25FO0lBQzVCLE1BQU0sRUFBRSxVQUFVO0dBT2xCO0VEazZDTixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsdUJBQXVCLEFBQUEsUUFBUSxDQUFDLG1DQUFtQyxDQ3Y2QzdGO0lBQ1IsS0FBSyxFQUFFLElBQUk7SUFDWCxNQUFNLEVBQUUsSUFBSTtJQUNaLFdBQVcsRUFBRSxJQUFJO0dBQ2pCO0VEK2xCUCxBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELEtBQUMsQUFBQSxFQ3psQjFCO0lBQzlDLE1BQU0sRUFBRSxXQUFXO0dBTW5CO0VEa21CSixBQUFBLEdBQUcsQUFBQSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLENBQUMsS0FBSyxDQUFBLEFBQUEsSUFBQyxDQUFELEtBQUMsQUFBQSxDQUFXLHNCQUFzQixDQ3RtQmpGO0lBQ3ZCLEtBQUssRUFBRSxJQUFJO0lBQ1gsTUFBTSxFQUFFLElBQUk7R0FDWiJ9 */ + + +/* 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; +} diff --git a/assets/css/wpforms-full.min.css b/assets/css/wpforms-full.min.css new file mode 100644 index 00000000..83cafe18 --- /dev/null +++ b/assets/css/wpforms-full.min.css @@ -0,0 +1,86 @@ +div.wpforms-container-full,div.wpforms-container-full .wpforms-form *{background:none;border:0 none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;font-size:100%;height:auto;letter-spacing:normal;list-style:none;outline:none;position:static;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}div.wpforms-container-full{margin-left:auto;margin-right:auto}div.wpforms-container-full .wpforms-form amp-img>img{position:absolute}div.wpforms-container-full .wpforms-form input,div.wpforms-container-full .wpforms-form label,div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form button,div.wpforms-container-full .wpforms-form textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;background:none;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.wpforms-container-full .wpforms-form textarea{width:100%}div.wpforms-container-full .wpforms-form ul,div.wpforms-container-full .wpforms-form ul li{background:none !important;border:0 !important;margin:0 !important;padding:0 !important;list-style:none !important}div.wpforms-container-full .wpforms-form ul li{margin-bottom:5px !important}div.wpforms-container-full .wpforms-form ul li:last-of-type{margin-bottom:0 !important}div.wpforms-container-full .wpforms-form hr{border-top:1px solid #ccc;margin:0.5em auto}div.wpforms-container-full .wpforms-form fieldset{min-width:0}.wpforms-container .wpforms-form .wpforms-error-alert{border:1px solid #cccccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.wpforms-container .wpforms-form .wpforms-error-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.wpforms-is-turnstile iframe{margin-left:-2px !important}.wpforms-clear:before{content:" ";display:table}.wpforms-clear:after{clear:both;content:" ";display:table}div.wpforms-container-full .wpforms-form input.wpforms-field-medium,div.wpforms-container-full .wpforms-form select.wpforms-field-medium,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:60%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height:120px}div.wpforms-container-full .wpforms-form input.wpforms-field-small,div.wpforms-container-full .wpforms-form select.wpforms-field-small,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small{max-width:25%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-small{height:70px}div.wpforms-container-full .wpforms-form input.wpforms-field-large,div.wpforms-container-full .wpforms-form select.wpforms-field-large,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{height:220px}div.wpforms-container-full .wpforms-form .wpforms-field{padding:10px 0;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field-description,div.wpforms-container-full .wpforms-form .wpforms-field-limit-text{font-size:13px;line-height:1.3;margin:8px 0 0 0;word-break:break-word;word-wrap:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description{background-color:#fff;border:1px solid #ddd;color:#444;padding:15px 15px 0;margin-top:15px;height:125px;overflow-y:scroll;overflow-x:hidden;font-size:12px}div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p{color:#444;font-size:12px;line-height:18px;margin-bottom:15px}div.wpforms-container-full .wpforms-form .wpforms-field-description-before,div.wpforms-container-full .wpforms-form .wpforms-field-description.before{margin:0 0 8px 0}div.wpforms-container-full .wpforms-form .wpforms-field-label{display:block;font-weight:700;font-size:16px;float:none;line-height:1.3;margin:0 0 4px 0;padding:0;word-break:break-word;word-wrap:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-sublabel{display:block;font-size:13px;float:none;font-weight:400;line-height:1.3;margin:4px 0 0;padding:0}div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before{margin:0 0 4px 0}div.wpforms-container-full .wpforms-form .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-size:16px;font-weight:400;line-height:1.3;word-break:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide,div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;top:-99999px;left:-99999px}div.wpforms-container-full .wpforms-form .wpforms-required-label{color:#ff0000;font-weight:400}div.wpforms-container-full .wpforms-form .wpforms-field-row{margin-bottom:8px;position:relative}div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-form .wpforms-field-row:before{content:" ";display:table}div.wpforms-container-full .wpforms-form .wpforms-field-row:after{clear:both;content:" ";display:table}div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child{margin-left:0}div.wpforms-container-full .wpforms-form .wpforms-five-sixths,div.wpforms-container-full .wpforms-form .wpforms-four-sixths,div.wpforms-container-full .wpforms-form .wpforms-four-fifths,div.wpforms-container-full .wpforms-form .wpforms-one-fifth,div.wpforms-container-full .wpforms-form .wpforms-one-fourth,div.wpforms-container-full .wpforms-form .wpforms-one-half,div.wpforms-container-full .wpforms-form .wpforms-one-sixth,div.wpforms-container-full .wpforms-form .wpforms-one-third,div.wpforms-container-full .wpforms-form .wpforms-three-fourths,div.wpforms-container-full .wpforms-form .wpforms-three-fifths,div.wpforms-container-full .wpforms-form .wpforms-three-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-fourths,div.wpforms-container-full .wpforms-form .wpforms-two-fifths,div.wpforms-container-full .wpforms-form .wpforms-two-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-thirds{float:left;margin-left:4%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-one-half,div.wpforms-container-full .wpforms-form .wpforms-three-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-fourths{width:48%}div.wpforms-container-full .wpforms-form .wpforms-one-third,div.wpforms-container-full .wpforms-form .wpforms-two-sixths{width:30.6666666667%}div.wpforms-container-full .wpforms-form .wpforms-four-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-thirds{width:65.3333333333%}div.wpforms-container-full .wpforms-form .wpforms-one-fourth{width:22%}div.wpforms-container-full .wpforms-form .wpforms-three-fourths{width:74%}div.wpforms-container-full .wpforms-form .wpforms-one-fifth{width:16.8%}div.wpforms-container-full .wpforms-form .wpforms-two-fifths{width:37.6%}div.wpforms-container-full .wpforms-form .wpforms-three-fifths{width:58.4%}div.wpforms-container-full .wpforms-form .wpforms-four-fifths{width:79.2%}div.wpforms-container-full .wpforms-form .wpforms-one-sixth{width:13.3333333333%}div.wpforms-container-full .wpforms-form .wpforms-five-sixths{width:82.6666666667%}div.wpforms-container-full .wpforms-form .wpforms-first{clear:both !important;margin-left:0 !important}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li{width:50%;display:block;padding-right:26px !important}div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{width:33.3333%;display:block;padding-right:26px !important}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li{display:inline-block;vertical-align:top;margin-right:20px !important}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half{float:left;width:48%;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half{float:right;width:48%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third{float:left;width:30.666666667%;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third{float:left;width:30.666666667%;margin-left:4%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third{float:right;width:30.666666667%;clear:none}div.wpforms-container-full .wpforms-form div.wpforms-last{float:right !important;margin-right:0 !important;clear:none}div.wpforms-container-full.inline-fields{overflow:hidden}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container{display:table;width:calc(100% - 160px);float:left}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:table-cell;padding-right:2%;vertical-align:top}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{float:right;width:160px;clear:none}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit{display:block;width:100%}div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium,div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium,div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:100%}div.wpforms-container-full .wpforms-form input[type=date],div.wpforms-container-full .wpforms-form input[type=datetime],div.wpforms-container-full .wpforms-form input[type=datetime-local],div.wpforms-container-full .wpforms-form input[type=email],div.wpforms-container-full .wpforms-form input[type=month],div.wpforms-container-full .wpforms-form input[type=number],div.wpforms-container-full .wpforms-form input[type=password],div.wpforms-container-full .wpforms-form input[type=range],div.wpforms-container-full .wpforms-form input[type=search],div.wpforms-container-full .wpforms-form input[type=tel],div.wpforms-container-full .wpforms-form input[type=text],div.wpforms-container-full .wpforms-form input[type=time],div.wpforms-container-full .wpforms-form input[type=url],div.wpforms-container-full .wpforms-form input[type=week],div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form textarea{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;font-family:inherit;border:1px solid #ccc;padding:6px 10px;height:38px;width:100%;line-height:1.3}div.wpforms-container-full .wpforms-form input[type=checkbox],div.wpforms-container-full .wpforms-form input[type=radio]{border:1px solid #ccc;background-color:#fff;width:14px;height:14px;margin:0 10px 0 3px;display:inline-block;vertical-align:baseline}div.wpforms-container-full .wpforms-form input[type=radio]{border-radius:50%}div.wpforms-container-full .wpforms-form select{max-width:100%;text-transform:none;white-space:nowrap}div.wpforms-container-full .wpforms-form select[multiple]{height:auto;overflow-y:scroll;background-image:none}div.wpforms-container-full .wpforms-form input[type=submit],div.wpforms-container-full .wpforms-form button[type=submit],div.wpforms-container-full .wpforms-form .wpforms-page-button{background-color:#eee;border:1px solid #ddd;color:#333;font-size:1em;padding:10px 15px}div.wpforms-container-full .wpforms-form .wpforms-page-button{font-size:0.9em;font-weight:400;margin:0 5px;min-width:90px;text-align:center}div.wpforms-container-full .wpforms-form input[type=submit]:hover,div.wpforms-container-full .wpforms-form input[type=submit]:focus,div.wpforms-container-full .wpforms-form input[type=submit]:active,div.wpforms-container-full .wpforms-form button[type=submit]:hover,div.wpforms-container-full .wpforms-form button[type=submit]:focus,div.wpforms-container-full .wpforms-form button[type=submit]:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{background-color:#ddd;border:1px solid #ccc;cursor:pointer}div.wpforms-container-full .wpforms-form input[type=submit]:disabled,div.wpforms-container-full .wpforms-form button[type=submit]:disabled,div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled{background-color:#eee;border:1px solid #ddd;cursor:default;opacity:0.5}div.wpforms-container-full .wpforms-form input:focus,div.wpforms-container-full .wpforms-form textarea:focus,div.wpforms-container-full .wpforms-form select:focus,div.wpforms-container-full .wpforms-form .is-focused .choices__inner,div.wpforms-container-full .wpforms-form .is-open .choices__inner,div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown{border:1px solid #999;box-shadow:none}div.wpforms-container-full .wpforms-form input:disabled,div.wpforms-container-full .wpforms-form textarea:disabled,div.wpforms-container-full .wpforms-form select:disabled{background-color:#f9f9f9;border-color:#ddd;color:#999;cursor:not-allowed}div.wpforms-container-full .wpforms-form .wpforms-error-container,div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript{color:#990000}div.wpforms-container-full .wpforms-form label.wpforms-error{display:block;color:#990000;font-size:12px;float:none;cursor:default}div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #cc0000}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error{display:none !important}.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full{color:#333;margin:0 auto 24px;padding:15px 15px;overflow-wrap:break-word}.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background:#e0ffc7;border:1px solid #b4d39b;box-sizing:border-box}.wpforms-confirmation-container-full p:last-of-type,div[submit-success]>.wpforms-confirmation-container-full p:last-of-type{margin:0}.amp-form-submit-success .wpforms-field-container,.amp-form-submit-success .wpforms-submit-container{display:none}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{padding:10px 0 20px 0;clear:both}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible{padding:0}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha{line-height:0;font-size:0}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe{position:relative !important}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe{width:100%;max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-title{font-size:26px;margin:0 0 10px 0}div.wpforms-container-full .wpforms-form .wpforms-description{margin:0 0 10px 0}div.wpforms-container-full .wpforms-form .wpforms-submit-container{padding:10px 0 0 0;clear:both;position:relative}div.wpforms-container-full .wpforms-form .wpforms-submit-spinner{margin-left:0.5em;display:inline-block;vertical-align:middle;max-width:26px}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center{text-align:center}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left{text-align:left}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button{margin:0 10px 0 0}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right{text-align:right}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button{margin:0 0 0 10px}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev{float:left;margin:0}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next{float:right;margin:0}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number{margin-right:100px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code{position:absolute;right:0;top:0;width:90px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name{margin-right:170px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration{position:absolute;right:0;top:0;width:160px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select{width:45%;float:left;display:block}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span{float:left;width:10%;text-align:center;line-height:38px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{-webkit-appearance:none;appearance:none;height:10px;background:#fff;border:1px solid #CCC;border-radius:5px;outline:none;padding:0;margin:10px 0 5px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track{color:transparent}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint{font-size:13px}div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber,div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;border:1px solid #ccc;padding:8px 10px;height:38px;width:100%;line-height:1.3}div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid{border:1px solid #cc0000 !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul,div.wpforms-container-full .wpforms-form .wpforms-field-html ol{margin:0 0 20px !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul li,div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{margin:0 0 5px 0 !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul li{list-style:disc !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{list-style:decimal !important}div.wpforms-container-full .wpforms-form .wpforms-field-html li>ul,div.wpforms-container-full .wpforms-form .wpforms-field-html li>ol{margin:6px 0 0 20px !important}div.wpforms-container-full .wpforms-field-date-time-date-sep{display:inline-block;padding:0 5px}div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-year,div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-day,div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-month{display:inline-block;width:auto}div.wpforms-container-full .wpforms-datepicker-wrap{position:relative}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear{position:absolute;background-image:url(../images/times-solid-white.svg);background-position:50% 50%;background-repeat:no-repeat;background-color:#cccccc;background-size:8px;width:16px;height:16px;cursor:pointer;display:block;border-radius:50%;right:10px;top:50%;margin-top:-8px;transition:all 0.3s}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover{background-color:red}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear{right:calc( 75% + 10px)}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{right:calc( 40% + 10px)}div.wpforms-container-full .wpforms-form .wpforms-captcha-math input{display:inline-block;width:70px;vertical-align:inherit;margin:0 0 0 5px}div.wpforms-container-full .wpforms-form .wpforms-captcha-equation{font-size:16px}div.wpforms-container-full .wpforms-form .wpforms-captcha-question{margin:0 0 4px 0}div.wpforms-container-full .wpforms-form .wpforms-field-rating-item{padding-right:6px}div.wpforms-container-full .wpforms-form .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg,div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg,div.wpforms-container-full .wpforms-form .wpforms-field-rating-item input:focus+svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}div.wpforms-field-file-upload .wpforms-hide{display:none !important}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern{border:2px dashed rgba(0,0,0,0.1);background:rgba(0,0,0,0.02);padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files{padding:5px;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg{height:50px;width:50px;color:#e27730}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title{font-weight:bold}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint{color:rgba(0,0,0,0.1)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted{border-color:#e27730}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text{display:flex;align-items:center;justify-content:center;flex-direction:column}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block{width:100px;height:100px;border:1px solid rgba(0,0,0,0.1);background:#fff;background-size:cover !important;margin:5px;position:relative;display:flex;align-items:center;justify-content:center;cursor:default}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay{opacity:1}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);opacity:0}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close{position:absolute;right:5px;top:5px;cursor:pointer;display:block;width:18px;height:18px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title{position:absolute;font-size:12px;color:#fff;top:25px;bottom:10px;left:5px;right:5px;overflow-y:auto;line-height:16px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left,div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{height:18px;width:1px;background:#fff;position:absolute;display:block;z-index:1;right:9px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg{height:25px;width:25px;color:rgba(0,0,0,0.1)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress{height:5px;width:0;position:absolute;bottom:0;left:0;background:#e27730;transition:all 0.5s}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type="file"]{display:none}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input{top:50%}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li{margin:5px 5px 5px 5px !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:1px solid #fff;border-radius:3px;padding:20px 20px 18px 20px;transition:all 0.5s;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus{border:1px solid #ddd}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#fff;background:green;opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after{opacity:1}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label{font-weight:700}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:2px solid #fff;padding:10px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus{border-color:#ddd}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image{display:block}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label{border-color:#666 !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices *{box-sizing:border-box}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 !important;margin:12px 0 -20px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-field-description,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-page-indicator{margin:0 0 20px 0;overflow:hidden}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 10px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:left;margin:0 20px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type{margin:0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{height:40px;width:40px;border-radius:50%;display:inline-block;margin:0 10px 0 0;line-height:40px;text-align:center;background-color:#ddd;color:#666}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number{color:#fff}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page{float:left;text-align:center;font-size:16px;line-height:1.2}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:block;text-indent:-9999px;height:6px;background-color:#ddd;margin:0 0 16px 0;position:relative}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:6px 5px 0 5px;border-color:transparent transparent transparent transparent}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:inline-block;padding:0 15px;font-size:16px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress{font-size:18px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{display:block;width:100%;background-color:#ddd;height:18px;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{height:18px;position:absolute;left:0;top:0}div.wpforms-container-full .wpforms-form .wpforms-field-select select>option{color:inherit}div.wpforms-container-full .wpforms-form .wpforms-field-select select>option.placeholder,div.wpforms-container-full .wpforms-form .wpforms-field-select select>option[disabled]{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select{padding-left:6px}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:0}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option{padding:10px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1)}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option.placeholder,div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option[disabled]{box-shadow:0 1px 0 0 rgba(0,0,0,0.2)}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option:checked{background-color:lightgrey}div.wpforms-container-full .wpforms-form .choices{font-size:16px;color:#333}div.wpforms-container-full .wpforms-form .choices .choices__list--single{font-size:1em;line-height:normal}div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner,div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 2px 2px}div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner{border-radius:2px 2px 0 0}div.wpforms-container-full .wpforms-form .choices .choices__inner{min-height:38px;border-radius:2px}div.wpforms-container-full .wpforms-form .choices input.choices__input{display:inline-block;height:auto;line-height:1.3}div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-notice{background-color:#fff;border:1px solid #ddd;border-left-width:12px;color:#333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}div.wpforms-container-full .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;outline:none;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}div.wpforms-container-full .wpforms-notice .wpforms-delete:before,div.wpforms-container-full .wpforms-notice .wpforms-delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}div.wpforms-container-full .wpforms-notice .wpforms-delete:before{height:2px;width:50%}div.wpforms-container-full .wpforms-notice .wpforms-delete:after{height:50%;width:2px}div.wpforms-container-full .wpforms-notice .wpforms-delete:hover,div.wpforms-container-full .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}div.wpforms-container-full .wpforms-notice a{text-decoration:underline}div.wpforms-container-full .wpforms-notice p{margin:0 0 20px 0}div.wpforms-container-full .wpforms-notice p:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-info{border-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-success{border-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-warning{border-color:#ffdd57}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-error{border-color:#ff3860}div.wpforms-container-full .wpforms-notice .wpforms-notice-actions{margin-top:20px}div.wpforms-container-full .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active{color:#fff}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#ff3860}div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area{height:100px}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area{height:250px}div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area{height:400px}.wpforms-preview-notice-links{line-height:2.4}div.wpforms-container-full{margin:24px auto}div.wpforms-container-full .wpforms-form h3{font-size:24px}div.wpforms-container-full .wpforms-form .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}div.wpforms-container-full .wpforms-form .wpforms-field-hidden{display:none;padding:0}div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;width:1px !important;border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;word-wrap:normal !important}div.wpforms-container-full .wpforms-form .wpforms-limit-text{font-size:13px;display:block}body.rtl .wpforms-field-phone input[type=tel]{direction:ltr;unicode-bidi:embed;text-align:right}body.rtl .wpforms-container-full .wpforms-form .wpforms-first{float:right}body.rtl .wpforms-container-full .wpforms-form .wpforms-first+.wpforms-one-half{margin-right:4%;margin-left:0}div.wpforms-container-full .wpforms-form .wpforms-error-container ul li{list-style:inside !important}div.wpforms-container-full .wpforms-form .wpforms-error-container ol li{list-style:inside decimal !important}div.wpforms-container-full .wpforms-form .wpforms-error-container a{text-decoration:underline !important}div.wpforms-container-full .wpforms-form .wpforms-error-container del{text-decoration:line-through !important}div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote{padding-left:20px;border-left:4px solid;font-style:italic}@media only screen and (max-width: 600px){div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container,div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:block;width:100%}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{width:100%}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:none}div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern){overflow-x:hidden}div.wpforms-container-full .wpforms-form .wpforms-field>*{max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-mobile-full{width:100%;margin-left:0;float:none}div.wpforms-container-full .wpforms-form input.wpforms-field-medium,div.wpforms-container-full .wpforms-form select.wpforms-field-medium,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,div.wpforms-container-full .wpforms-form input.wpforms-field-small,div.wpforms-container-full .wpforms-form select.wpforms-field-small,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small,div.wpforms-container-full .wpforms-form input.wpforms-field-large,div.wpforms-container-full .wpforms-form select.wpforms-field-large,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{float:none;width:100%}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{margin:0 10px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{margin:20px 0 15px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{width:30px;height:30px}} + + +/* 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; +} diff --git a/assets/css/wpforms-modern-base.css b/assets/css/wpforms-modern-base.css new file mode 100644 index 00000000..cf304ee2 --- /dev/null +++ b/assets/css/wpforms-modern-base.css @@ -0,0 +1,3540 @@ +.wpforms-container .wpforms-error-container, +.wpforms-container .wpforms-error-noscript { + color: #D63637; +} + +.wpforms-container .wpforms-error-styled-container { + padding: 15px 0; +} + +.wpforms-container .wpforms-error-styled-container p { + margin: 0; +} + +.wpforms-container .wpforms-error-styled-container + .wpforms-submit-container { + margin-top: 10px; +} + +.wpforms-container label.wpforms-error, +.wpforms-container em.wpforms-error { + display: block; + color: #D63637; + font-size: 0.9em; + font-style: normal; + cursor: default; + min-width: 120px; +} + +.wpforms-container .wpforms-field input.wpforms-error, .wpforms-container .wpforms-field input.user-invalid, +.wpforms-container .wpforms-field textarea.wpforms-error, +.wpforms-container .wpforms-field textarea.user-invalid, +.wpforms-container .wpforms-field select.wpforms-error, +.wpforms-container .wpforms-field select.user-invalid { + border: 1px solid #D63637; +} + +.wpforms-container .wpforms-field input[type=checkbox].wpforms-error, .wpforms-container .wpforms-field input[type=checkbox].user-invalid, +.wpforms-container .wpforms-field input[type=radio].wpforms-error, +.wpforms-container .wpforms-field input[type=radio].user-invalid { + border: none; +} + +.wpforms-container .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #D63637; +} + +.wpforms-container .wpforms-error-alert, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert { + border: 1px solid rgba(0, 0, 0, 0.25); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-error-alert { + color: #D63637; + background-color: #f2dede; + border-color: #f2dede; +} + +div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +.wpforms-container .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0); + height: 1px; + width: 1px; + border: 0; + overflow: hidden; + word-wrap: normal !important; +} + +.wpforms-container .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +.wpforms-container .wpforms-recaptcha-container { + padding: 0; + clear: both; +} + +.wpforms-container .wpforms-recaptcha-container iframe { + display: block; + width: 100%; + max-width: 100%; +} + +.wpforms-container .wpforms-recaptcha-container .g-recaptcha { + padding: 10px 0 0; +} + +.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile.wpforms-is-turnstile-invisible { + padding: 0; + height: 0; +} + +.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile iframe { + position: relative !important; + visibility: inherit !important; +} + +.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .g-recaptcha, .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .g-recaptcha, .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .g-recaptcha { + padding: 0; +} + +.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .wpforms-error:first-of-type, .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .wpforms-error:first-of-type, .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .wpforms-error:first-of-type { + margin-top: 10px; +} + +.wpforms-container amp-img > img { + position: absolute; +} + +.wpforms-container .amp-form-submit-success .wpforms-field-container, +.wpforms-container .amp-form-submit-success .wpforms-submit-container { + display: none; +} + +.wpforms-container .wpforms-preview-notice-links { + line-height: 2.4; +} + +body.rtl .wpforms-container .wpforms-form input[type=tel] { + direction: ltr; + text-align: right; +} + +body.rtl .wpforms-container .wpforms-form input[type=url] { + direction: ltr; + text-align: right; +} + +body.rtl .wpforms-container .wpforms-form input[type=url]::-webkit-textfield-decoration-container { + display: flex; + flex-direction: row-reverse; +} + +body.rtl .wpforms-container .wpforms-form input[type=email] { + direction: ltr; + text-align: right; +} + +body.rtl .wpforms-container .wpforms-form input[type=email]::-webkit-textfield-decoration-container { + display: flex; + flex-direction: row-reverse; +} + +body.rtl .wpforms-container .wpforms-form input[type=number]::-webkit-textfield-decoration-container { + flex-direction: row-reverse; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-datepicker-wrap .wpforms-datepicker-clear { + right: auto; + left: 10px; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .ui-timepicker-list li { + padding: 3px 5px 3px 0 !important; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-field-medium + .wpforms-datepicker-clear { + left: calc( 40% + 10px); + right: auto; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-field-file-upload .dz-remove { + right: auto; + left: 0; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label { + margin-left: 0; + margin-right: 10px; +} + +body.rtl .ui-timepicker-list li { + padding: 3px 5px 3px 0; +} + +.wpforms-container .wpforms-form .wpforms-field.wpforms-field-email .wpforms-field-row, .wpforms-container .wpforms-form .wpforms-field.wpforms-field-address .wpforms-field-row, .wpforms-container .wpforms-form .wpforms-field.wpforms-field-password .wpforms-field-row { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive; +} + +.wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive-name-field; +} + +.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row-responsive { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive; +} + +@container wpforms-field-row-responsive (max-width: 200px) { + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block { + width: 100%; + padding: 0; + } + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + padding: 0; + } + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: 15px; + } +} + +@container wpforms-field-row-responsive-name-field (max-width: 260px) { + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block { + width: 100%; + padding: 0; + } + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + padding: 0; + } + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: 15px; + } +} + +.wpforms-container .wpforms-form .wpforms-checkbox-2-columns, +.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns, +.wpforms-container .wpforms-form .wpforms-list-2-columns { + container-type: inline-size; + container-name: wpforms-field-2-columns-responsive; +} + +@container wpforms-field-2-columns-responsive (max-width: 320px) { + .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul, + .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul, + .wpforms-container .wpforms-form .wpforms-list-2-columns ul { + grid-template-columns: 1fr !important; + } + .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li, + .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li, + .wpforms-container .wpforms-form .wpforms-list-2-columns ul li { + width: 100%; + } +} + +.wpforms-container .wpforms-form .wpforms-checkbox-3-columns, +.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns, +.wpforms-container .wpforms-form .wpforms-list-3-columns { + container-type: inline-size; + container-name: wpforms-field-3-columns-responsive; +} + +@container wpforms-field-3-columns-responsive (max-width: 480px) { + .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } + .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } +} + +@container wpforms-field-3-columns-responsive (max-width: 320px) { + .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: 1fr !important; + } + .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } +} + +@media only screen and (max-width: 600px) { + div.wpforms-container .wpforms-form .wpforms-field > * { + max-width: 100%; + } + div.wpforms-container .wpforms-form .wpforms-field { + padding-right: 1px; + padding-left: 1px; + } + div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-small, div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-medium, div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-large, + div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-small, + div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-medium, + div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-large, + div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-small, + div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-medium, + div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-large { + max-width: 100%; + } + div.wpforms-container .wpforms-form .wpforms-mobile-full { + width: 100%; + margin-left: 0; + } + div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) { + overflow-x: hidden; + } + div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul, + div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul, + div.wpforms-container .wpforms-form .wpforms-list-2-columns ul, + div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + div.wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: 1fr !important; + } + div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li, + div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li, + div.wpforms-container .wpforms-form .wpforms-list-2-columns ul li, + div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + div.wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + display: block; + margin: 0 0 10px 0; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page { + width: 100% !important; + padding: 5px 10px; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: none; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page.active { + font-weight: 700; + } + div.wpforms-container .wpforms-form.inline-fields .wpforms-field-container, + div.wpforms-container .wpforms-form.inline-fields .wpforms-field { + display: block; + width: 100%; + } + div.wpforms-container .wpforms-form.inline-fields .wpforms-submit-container { + width: 100%; + } +} + +.wpforms-container { + margin-bottom: 26px; +} + +.wpforms-container .wpforms-form * { + word-break: break-word; + box-sizing: border-box; +} + +.wpforms-container .wpforms-form .wpforms-field-label, +.wpforms-container .wpforms-form .wpforms-field-sublabel, +.wpforms-container .wpforms-form .wpforms-field-description, +.wpforms-container .wpforms-form textarea, +.wpforms-container .wpforms-form li, +.wpforms-container .wpforms-form th { + hyphens: auto; +} + +.wpforms-container ul, +.wpforms-container ul li { + background: none; + border: 0; + margin: 0; +} + +.wpforms-container .wpforms-title { + font-size: 24px; + font-weight: 700; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-submit-container { + clear: both; + position: relative; +} + +.wpforms-container .wpforms-submit-spinner { + margin-inline-start: 15px; + display: inline-block; + vertical-align: middle; +} + +.wpforms-container .wpforms-hidden { + display: none !important; +} + +.wpforms-clear:before { + content: " "; + display: table; +} + +.wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +.wpforms-container .wpforms-notice { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + border-left-width: 12px; + color: #333333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +.wpforms-container .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +.wpforms-container .wpforms-notice .wpforms-delete:before, .wpforms-container .wpforms-notice .wpforms-delete:after { + background-color: #ffffff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} + +.wpforms-container .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +.wpforms-container .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +.wpforms-container .wpforms-notice .wpforms-delete:hover, .wpforms-container .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.wpforms-container .wpforms-notice a { + text-decoration: underline; +} + +.wpforms-container .wpforms-notice p { + margin: 0 0 20px 0; +} + +.wpforms-container .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +.wpforms-container .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +.wpforms-container .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +.wpforms-container .wpforms-notice .wpforms-notice-action:hover, .wpforms-container .wpforms-notice .wpforms-notice-action:focus, .wpforms-container .wpforms-notice .wpforms-notice-action:active { + color: #ffffff; +} + +.wpforms-container .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action { + border-color: #3273dc; +} + +.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:hover, .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:focus, .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +.wpforms-container .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action { + border-color: #23d160; +} + +.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:hover, .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:focus, .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +.wpforms-container .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action { + border-color: #ffdd57; +} + +.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +.wpforms-container .wpforms-notice.wpforms-error { + border-color: #D63637; +} + +.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action { + border-color: #D63637; +} + +.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:hover, .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:focus, .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #D63637; +} + +.wpforms-container .wpforms-preview-notice-links { + line-height: 2.4; +} + +.wpforms-container input.wpforms-field-medium, +.wpforms-container select.wpforms-field-medium, +.wpforms-container .wpforms-field-row.wpforms-field-medium, +.wp-core-ui div.wpforms-container input.wpforms-field-medium, +.wp-core-ui div.wpforms-container select.wpforms-field-medium, +.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +.wpforms-container input.wpforms-field-small, +.wpforms-container select.wpforms-field-small, +.wpforms-container .wpforms-field-row.wpforms-field-small, +.wp-core-ui div.wpforms-container input.wpforms-field-small, +.wp-core-ui div.wpforms-container select.wpforms-field-small, +.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +.wpforms-container input.wpforms-field-large, +.wpforms-container select.wpforms-field-large, +.wpforms-container .wpforms-field-row.wpforms-field-large, +.wp-core-ui div.wpforms-container input.wpforms-field-large, +.wp-core-ui div.wpforms-container select.wpforms-field-large, +.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +.wpforms-container fieldset, +.wp-core-ui div.wpforms-container fieldset { + display: block; + border: none; + margin: 0; + padding: 0; +} + +.wpforms-container .wpforms-field, +.wp-core-ui div.wpforms-container .wpforms-field { + padding: 15px 0; + position: relative; +} + +.wpforms-container .wpforms-field.wpforms-field-hidden, +.wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-hidden { + display: none; + padding: 0; +} + +.wpforms-container .wpforms-field-description, +.wpforms-container .wpforms-field-limit-text, +.wp-core-ui div.wpforms-container .wpforms-field-description, +.wp-core-ui div.wpforms-container .wpforms-field-limit-text { + font-size: 0.8em; + margin: 5px 0 0 0; + word-break: break-word; + word-wrap: break-word; + line-height: 1.3; +} + +.wpforms-container .wpforms-field-description.wpforms-disclaimer-description, +.wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + padding: 15px 15px 0; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; +} + +.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p, +.wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p { + margin: 0 0 15px 0; +} + +.wpforms-container .wpforms-field-description-before, +.wpforms-container .wpforms-field-description.before, +.wp-core-ui div.wpforms-container .wpforms-field-description-before, +.wp-core-ui div.wpforms-container .wpforms-field-description.before { + font-size: 0.85em; + margin: 0 0 5px 0; +} + +.wpforms-container .wpforms-field-label, +.wp-core-ui div.wpforms-container .wpforms-field-label { + display: block; + font-weight: 700; + font-style: normal; + word-break: break-word; + word-wrap: break-word; +} + +.wpforms-container .wpforms-field-label-inline, +.wp-core-ui div.wpforms-container .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-weight: 400; + font-style: normal; + word-break: break-word; + word-wrap: break-word; +} + +.wpforms-container .wpforms-field-sublabel, +.wp-core-ui div.wpforms-container .wpforms-field-sublabel { + display: block; + font-size: 0.8em; + font-weight: 400; + font-style: normal; + min-width: 120px; +} + +.wpforms-container .wpforms-field-label.wpforms-label-hide, +.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide, +.wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide, +.wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + clip: rect(0 0 0 0); + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; +} + +.wpforms-container .wpforms-required-label, +.wp-core-ui div.wpforms-container .wpforms-required-label { + color: var(--wpforms-label-error-color); + font-weight: normal; +} + +.wpforms-container input[type=date], +.wpforms-container input[type=datetime], +.wpforms-container input[type=datetime-local], +.wpforms-container input[type=email], +.wpforms-container input[type=month], +.wpforms-container input[type=number], +.wpforms-container input[type=password], +.wpforms-container input[type=range], +.wpforms-container input[type=search], +.wpforms-container input[type=tel], +.wpforms-container input[type=text], +.wpforms-container input[type=time], +.wpforms-container input[type=url], +.wpforms-container input[type=week], +.wpforms-container select, +.wpforms-container textarea, +.wp-core-ui div.wpforms-container input[type=date], +.wp-core-ui div.wpforms-container input[type=datetime], +.wp-core-ui div.wpforms-container input[type=datetime-local], +.wp-core-ui div.wpforms-container input[type=email], +.wp-core-ui div.wpforms-container input[type=month], +.wp-core-ui div.wpforms-container input[type=number], +.wp-core-ui div.wpforms-container input[type=password], +.wp-core-ui div.wpforms-container input[type=range], +.wp-core-ui div.wpforms-container input[type=search], +.wp-core-ui div.wpforms-container input[type=tel], +.wp-core-ui div.wpforms-container input[type=text], +.wp-core-ui div.wpforms-container input[type=time], +.wp-core-ui div.wpforms-container input[type=url], +.wp-core-ui div.wpforms-container input[type=week], +.wp-core-ui div.wpforms-container select, +.wp-core-ui div.wpforms-container textarea { + display: block; + width: 100%; + box-sizing: border-box; + font-family: inherit; + font-style: normal; + font-weight: 400; + margin: 0; +} + +.wpforms-container input[type=date]:read-only, +.wpforms-container input[type=datetime]:read-only, +.wpforms-container input[type=datetime-local]:read-only, +.wpforms-container input[type=email]:read-only, +.wpforms-container input[type=month]:read-only, +.wpforms-container input[type=number]:read-only, +.wpforms-container input[type=password]:read-only, +.wpforms-container input[type=range]:read-only, +.wpforms-container input[type=search]:read-only, +.wpforms-container input[type=tel]:read-only, +.wpforms-container input[type=text]:read-only, +.wpforms-container input[type=time]:read-only, +.wpforms-container input[type=url]:read-only, +.wpforms-container input[type=week]:read-only, +.wpforms-container select:read-only, +.wpforms-container textarea:read-only, +.wp-core-ui div.wpforms-container input[type=date]:read-only, +.wp-core-ui div.wpforms-container input[type=datetime]:read-only, +.wp-core-ui div.wpforms-container input[type=datetime-local]:read-only, +.wp-core-ui div.wpforms-container input[type=email]:read-only, +.wp-core-ui div.wpforms-container input[type=month]:read-only, +.wp-core-ui div.wpforms-container input[type=number]:read-only, +.wp-core-ui div.wpforms-container input[type=password]:read-only, +.wp-core-ui div.wpforms-container input[type=range]:read-only, +.wp-core-ui div.wpforms-container input[type=search]:read-only, +.wp-core-ui div.wpforms-container input[type=tel]:read-only, +.wp-core-ui div.wpforms-container input[type=text]:read-only, +.wp-core-ui div.wpforms-container input[type=time]:read-only, +.wp-core-ui div.wpforms-container input[type=url]:read-only, +.wp-core-ui div.wpforms-container input[type=week]:read-only, +.wp-core-ui div.wpforms-container select:read-only, +.wp-core-ui div.wpforms-container textarea:read-only { + cursor: default; +} + +.wpforms-container textarea, +.wp-core-ui div.wpforms-container textarea { + resize: vertical; +} + +.wpforms-container input[type=checkbox], +.wpforms-container input[type=radio], +.wp-core-ui div.wpforms-container input[type=checkbox], +.wp-core-ui div.wpforms-container input[type=radio] { + width: 16px; + height: 16px; + margin: 2px 10px 0 3px; + display: inline-block; + vertical-align: baseline; + font-style: normal; + font-weight: 400; +} + +.wpforms-container .wpforms-five-sixths, +.wpforms-container .wpforms-four-sixths, +.wpforms-container .wpforms-four-fifths, +.wpforms-container .wpforms-one-fifth, +.wpforms-container .wpforms-one-fourth, +.wpforms-container .wpforms-one-half, +.wpforms-container .wpforms-one-sixth, +.wpforms-container .wpforms-one-third, +.wpforms-container .wpforms-three-fourths, +.wpforms-container .wpforms-three-fifths, +.wpforms-container .wpforms-three-sixths, +.wpforms-container .wpforms-two-fourths, +.wpforms-container .wpforms-two-fifths, +.wpforms-container .wpforms-two-sixths, +.wpforms-container .wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.wpforms-container .wpforms-one-half, +.wpforms-container .wpforms-three-sixths, +.wpforms-container .wpforms-two-fourths { + width: calc( 50% - 10px); +} + +.wpforms-container .wpforms-one-third, +.wpforms-container .wpforms-two-sixths { + width: calc( 100% / 3 - 20px); +} + +.wpforms-container .wpforms-one-third.wpforms-first, +.wpforms-container .wpforms-two-sixths.wpforms-first { + width: calc( 100% / 3); +} + +.wpforms-container .wpforms-four-sixths, +.wpforms-container .wpforms-two-thirds { + width: calc( 2 * 100% / 3 - 20px); +} + +.wpforms-container .wpforms-four-sixths.wpforms-first, +.wpforms-container .wpforms-two-thirds.wpforms-first { + width: calc( 2 * 100% / 3); +} + +.wpforms-container .wpforms-one-fourth { + width: calc( 25% - 20px); +} + +.wpforms-container .wpforms-one-fourth.wpforms-first { + width: 25%; +} + +.wpforms-container .wpforms-three-fourths { + width: calc( 75% - 20px); +} + +.wpforms-container .wpforms-three-fourths.wpforms-first { + width: 75%; +} + +.wpforms-container .wpforms-one-fifth { + width: calc( 100% / 5 - 20px); +} + +.wpforms-container .wpforms-one-fifth.wpforms-first { + width: calc( 100% / 5); +} + +.wpforms-container .wpforms-two-fifths { + width: calc( 2 * 100% / 5 - 20px); +} + +.wpforms-container .wpforms-two-fifths.wpforms-first { + width: calc( 2 * 100% / 5); +} + +.wpforms-container .wpforms-three-fifths { + width: calc( 3 * 100% / 5 - 20px); +} + +.wpforms-container .wpforms-three-fifths.wpforms-first { + width: calc( 3 * 100% / 5); +} + +.wpforms-container .wpforms-four-fifths { + width: calc( 4 * 100% / 5 - 20px); +} + +.wpforms-container .wpforms-four-fifths.wpforms-first { + width: calc( 4 * 100% / 5); +} + +.wpforms-container .wpforms-one-sixth { + width: calc( 100% / 6 - 20px); +} + +.wpforms-container .wpforms-one-sixth.wpforms-first { + width: calc( 100% / 6); +} + +.wpforms-container .wpforms-five-sixths { + width: calc( 5 * 100% / 6 - 20px); +} + +.wpforms-container .wpforms-five-sixths.wpforms-first { + width: calc( 5 * 100% / 6); +} + +.wpforms-container .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +.wpforms-container .wpforms-field { + float: none; + clear: both; +} + +.wpforms-container .wpforms-field.wpforms-five-sixths, .wpforms-container .wpforms-field.wpforms-four-sixths, .wpforms-container .wpforms-field.wpforms-four-fifths, .wpforms-container .wpforms-field.wpforms-one-fifth, .wpforms-container .wpforms-field.wpforms-one-fourth, .wpforms-container .wpforms-field.wpforms-one-half, .wpforms-container .wpforms-field.wpforms-one-sixth, .wpforms-container .wpforms-field.wpforms-one-third, .wpforms-container .wpforms-field.wpforms-three-fourths, .wpforms-container .wpforms-field.wpforms-three-fifths, .wpforms-container .wpforms-field.wpforms-three-sixths, .wpforms-container .wpforms-field.wpforms-two-fourths, .wpforms-container .wpforms-field.wpforms-two-fifths, .wpforms-container .wpforms-field.wpforms-two-sixths, .wpforms-container .wpforms-field.wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.wpforms-container .wpforms-field .wpforms-field-row { + align-items: start; + position: relative; + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block { + padding: 0 10px; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child { + padding-inline-start: 0; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child { + padding-inline-end: 0; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + margin-right: auto; + padding-right: 10px; +} + +.wpforms-container .wpforms-field .wpforms-field-row:before { + content: ""; + display: table; +} + +.wpforms-container .wpforms-field .wpforms-field-row:after { + clear: both; + content: ""; + display: table; +} + +.wpforms-container .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +.wpforms-container .wpforms-field .wpforms-field-row > :only-child { + width: 100%; +} + +.wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns { + display: block; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds { + float: none; + margin-left: 0; + clear: initial; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths { + width: 50%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths { + width: 33.33333%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds { + width: 66.66667%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth { + width: 25%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths { + width: 75%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth { + width: 20%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths { + width: 40%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths { + width: 60%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths { + width: 80%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth { + width: 16.66667%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths { + width: 83.33333%; +} + +.wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul, +.wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul, +.wpforms-container .wpforms-field .wpforms-list-2-columns ul, +.wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul, +.wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul, +.wpforms-container .wpforms-field .wpforms-list-3-columns ul { + display: grid; + gap: 15px 30px; +} + +.wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul, +.wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul, +.wpforms-container .wpforms-field .wpforms-list-2-columns ul { + grid-template-columns: repeat(2, 1fr); +} + +.wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul, +.wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul, +.wpforms-container .wpforms-field .wpforms-list-3-columns ul { + grid-template-columns: repeat(3, 1fr); +} + +.wpforms-container .wpforms-field .wpforms-list-inline ul li { + display: inline-block; + vertical-align: top; + margin-right: 20px; +} + +.wpforms-container.inline-fields { + overflow: visible; +} + +.wpforms-container.inline-fields .wpforms-form { + display: flex; + justify-content: space-between; +} + +.wpforms-container.inline-fields .wpforms-field-container { + display: flex; + justify-content: space-between; + width: calc( 100% - 175px); +} + +.wpforms-container.inline-fields .wpforms-field-container .wpforms-field { + padding-right: 7px; + padding-left: 8px; +} + +.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:first-of-type { + padding-left: 0; +} + +.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type { + padding-right: 0; +} + +.wpforms-container.inline-fields .wpforms-field-row:first-of-type .wpforms-field-row-block:first-child { + padding-left: 0; +} + +.wpforms-container.inline-fields .wpforms-submit-container { + width: 160px; + padding-bottom: 16px; + align-self: flex-end; +} + +.wpforms-container.inline-fields .wpforms-submit { + display: block; + width: 100%; +} + +.wpforms-container.inline-fields input.wpforms-field-medium, +.wpforms-container.inline-fields select.wpforms-field-medium, +.wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +.wpforms-container ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +.wpforms-container ul.wpforms-image-choices label input { + top: 50%; +} + +.wpforms-container .wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error) { + background: none; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid #ffffff; + border-radius: 3px; + padding: 20px; + transition: all 0.5s; + text-align: center; +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus, .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus-within { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected label, .wpforms-container .wpforms-image-choices-modern li:has(input:checked) label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label, .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label { + font-weight: 700; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after, .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after { + opacity: 1; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #ffffff; + background: var(--wpforms-button-background-color, #066aab); + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li { + margin: 5px !important; +} + +.wpforms-container .wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error) { + background: none; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid transparent; + padding: 10px; + text-align: center; +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):focus { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-selected label, .wpforms-container .wpforms-image-choices-classic li:has(input:checked) label { + border-color: rgba(0, 0, 0, 0.7); +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +.wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item input { + vertical-align: middle; +} + +.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label { + display: inline-block; + margin-top: 5px; + margin-left: 10px; + vertical-align: middle; +} + +.wpforms-container ul.wpforms-icon-choices, +.wpforms-container ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +.wpforms-container ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +.wpforms-container ul.wpforms-icon-choices + .wpforms-field-description, +.wpforms-container ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +.wpforms-container ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +.wpforms-container ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +.wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +.wpforms-container ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .choices .choices__inner { + border-radius: 3px; + min-height: 35px; +} + +.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single { + height: auto; +} + +.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item { + line-height: 1.3; +} + +.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner, +.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 3px 3px; +} + +.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +.wpforms-container .wpforms-form .choices.is-open .choices__inner { + border-radius: 3px 3px 0 0; +} + +.wpforms-container textarea { + line-height: 1.3; +} + +.wpforms-container textarea.wpforms-field-small { + height: 70px; +} + +.wpforms-container textarea.wpforms-field-medium { + height: 120px; +} + +.wpforms-container textarea.wpforms-field-large { + height: 220px; +} + +.wpforms-container .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.wpforms-container .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.wpforms-container .size-large > .wpforms-order-summary-container, +.wpforms-container .wpforms-field-large > .wpforms-order-summary-container { + max-width: 100%; +} + +.wpforms-container .size-medium > .wpforms-order-summary-container, +.wpforms-container .wpforms-field-medium > .wpforms-order-summary-container { + max-width: 60%; +} + +.wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-noscript { + color: #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container { + padding: 15px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container p { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container + .wpforms-submit-container { + margin-top: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container label.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container em.wpforms-error { + display: block; + color: #D63637; + font-size: 0.9em; + font-style: normal; + cursor: default; + min-width: 120px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.wpforms-error, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.user-invalid, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.user-invalid, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.user-invalid { + border: 1px solid #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=checkbox].wpforms-error, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=checkbox].user-invalid, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=radio].wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=radio].user-invalid { + border: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert { + border: 1px solid rgba(0, 0, 0, 0.25); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert { + color: #D63637; + background-color: #f2dede; + border-color: #f2dede; +} + +.et-db #et-boc .et-l .et_pb_module div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0); + height: 1px; + width: 1px; + border: 0; + overflow: hidden; + word-wrap: normal !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container { + padding: 0; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container iframe { + display: block; + width: 100%; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container .g-recaptcha { + padding: 10px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile.wpforms-is-turnstile-invisible { + padding: 0; + height: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile iframe { + position: relative !important; + visibility: inherit !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .g-recaptcha, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .g-recaptcha, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .g-recaptcha { + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .wpforms-error:first-of-type, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .wpforms-error:first-of-type, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .wpforms-error:first-of-type { + margin-top: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container amp-img > img { + position: absolute; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .amp-form-submit-success .wpforms-field-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .amp-form-submit-success .wpforms-submit-container { + display: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-preview-notice-links { + line-height: 2.4; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=tel] { + direction: ltr; + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=url] { + direction: ltr; + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=url]::-webkit-textfield-decoration-container { + display: flex; + flex-direction: row-reverse; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=email] { + direction: ltr; + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=email]::-webkit-textfield-decoration-container { + display: flex; + flex-direction: row-reverse; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=number]::-webkit-textfield-decoration-container { + flex-direction: row-reverse; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-datepicker-wrap .wpforms-datepicker-clear { + right: auto; + left: 10px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .ui-timepicker-list li { + padding: 3px 5px 3px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-field-medium + .wpforms-datepicker-clear { + left: calc( 40% + 10px); + right: auto; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-file-upload .dz-remove { + right: auto; + left: 0; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label { + margin-left: 0; + margin-right: 10px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .ui-timepicker-list li { + padding: 3px 5px 3px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-email .wpforms-field-row, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-address .wpforms-field-row, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-password .wpforms-field-row { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive-name-field; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row-responsive { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive; +} + +@container wpforms-field-row-responsive (max-width: 200px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block { + width: 100%; + padding: 0; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + padding: 0; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: 15px; + } +} + +@container wpforms-field-row-responsive-name-field (max-width: 260px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block { + width: 100%; + padding: 0; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + padding: 0; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: 15px; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns { + container-type: inline-size; + container-name: wpforms-field-2-columns-responsive; +} + +@container wpforms-field-2-columns-responsive (max-width: 320px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns ul { + grid-template-columns: 1fr !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns ul li { + width: 100%; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns { + container-type: inline-size; + container-name: wpforms-field-3-columns-responsive; +} + +@container wpforms-field-3-columns-responsive (max-width: 480px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } +} + +@container wpforms-field-3-columns-responsive (max-width: 320px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: 1fr !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field > * { + max-width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field { + padding-right: 1px; + padding-left: 1px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-small, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-medium, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-large, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-small, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-medium, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-large, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-small, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-medium, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-large { + max-width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-mobile-full { + width: 100%; + margin-left: 0; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) { + overflow-x: hidden; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-2-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: 1fr !important; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + display: block; + margin: 0 0 10px 0; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page { + width: 100% !important; + padding: 5px 10px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: none; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page.active { + font-weight: 700; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-field-container, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-field { + display: block; + width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-submit-container { + width: 100%; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container { + margin-bottom: 26px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form * { + word-break: break-word; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-sublabel, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form th { + hyphens: auto; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul li { + background: none; + border: 0; + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-title { + font-size: 24px; + font-weight: 700; + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-container { + clear: both; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-spinner { + margin-inline-start: 15px; + display: inline-block; + vertical-align: middle; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-hidden { + display: none !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-clear:before { + content: " "; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + border-left-width: 12px; + color: #333333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:before, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:after { + background-color: #ffffff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice a { + text-decoration: underline; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice p { + margin: 0 0 20px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:active { + color: #ffffff; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action { + border-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action { + border-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action { + border-color: #ffdd57; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error { + border-color: #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action { + border-color: #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-preview-notice-links { + line-height: 2.4; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container fieldset, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container fieldset { + display: block; + border: none; + margin: 0; + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field { + padding: 15px 0; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-field-hidden, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-hidden { + display: none; + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-limit-text, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-limit-text { + font-size: 0.8em; + margin: 5px 0 0 0; + word-break: break-word; + word-wrap: break-word; + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + padding: 15px 15px 0; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description p, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p { + margin: 0 0 15px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description-before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.before, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description-before, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.before { + font-size: 0.85em; + margin: 0 0 5px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label { + display: block; + font-weight: 700; + font-style: normal; + word-break: break-word; + word-wrap: break-word; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label-inline, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-weight: 400; + font-style: normal; + word-break: break-word; + word-wrap: break-word; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-sublabel { + display: block; + font-size: 0.8em; + font-weight: 400; + font-style: normal; + min-width: 120px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label.wpforms-label-hide, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + clip: rect(0 0 0 0); + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-required-label, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-required-label { + color: var(--wpforms-label-error-color); + font-weight: normal; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week], +.et-db #et-boc .et-l .et_pb_module .wpforms-container select, +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=date], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime-local], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=email], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=month], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=number], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=password], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=range], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=search], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=tel], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=text], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=time], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=url], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=week], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea { + display: block; + width: 100%; + box-sizing: border-box; + font-family: inherit; + font-style: normal; + font-weight: 400; + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=date]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime-local]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=email]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=month]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=number]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=password]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=range]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=search]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=tel]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=text]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=time]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=url]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=week]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea:read-only { + cursor: default; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea { + resize: vertical; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=checkbox], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=radio], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=checkbox], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=radio] { + width: 16px; + height: 16px; + margin: 2px 10px 0 3px; + display: inline-block; + vertical-align: baseline; + font-style: normal; + font-weight: 400; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths { + width: calc( 50% - 10px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths { + width: calc( 100% / 3 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third.wpforms-first, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths.wpforms-first { + width: calc( 100% / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds { + width: calc( 2 * 100% / 3 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths.wpforms-first, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds.wpforms-first { + width: calc( 2 * 100% / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth { + width: calc( 25% - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth.wpforms-first { + width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths { + width: calc( 75% - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths.wpforms-first { + width: 75%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth { + width: calc( 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth.wpforms-first { + width: calc( 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths { + width: calc( 2 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths.wpforms-first { + width: calc( 2 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths { + width: calc( 3 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths.wpforms-first { + width: calc( 3 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths { + width: calc( 4 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths.wpforms-first { + width: calc( 4 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth { + width: calc( 100% / 6 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth.wpforms-first { + width: calc( 100% / 6); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths { + width: calc( 5 * 100% / 6 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths.wpforms-first { + width: calc( 5 * 100% / 6); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field { + float: none; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-five-sixths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-four-sixths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-four-fifths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-fifth, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-fourth, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-half, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-sixth, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-third, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-fourths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-fifths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-sixths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-fourths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-fifths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-sixths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row { + align-items: start; + position: relative; + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block { + padding: 0 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child { + padding-inline-start: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child { + padding-inline-end: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + margin-right: auto; + padding-right: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:before { + content: ""; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:after { + clear: both; + content: ""; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row > :only-child { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds { + float: none; + margin-left: 0; + clear: initial; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths { + width: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths { + width: 33.33333%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds { + width: 66.66667%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth { + width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths { + width: 75%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth { + width: 20%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths { + width: 40%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths { + width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths { + width: 80%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth { + width: 16.66667%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths { + width: 83.33333%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-3-columns ul { + display: grid; + gap: 15px 30px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-2-columns ul { + grid-template-columns: repeat(2, 1fr); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-3-columns ul { + grid-template-columns: repeat(3, 1fr); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-inline ul li { + display: inline-block; + vertical-align: top; + margin-right: 20px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields { + overflow: visible; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-form { + display: flex; + justify-content: space-between; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container { + display: flex; + justify-content: space-between; + width: calc( 100% - 175px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field { + padding-right: 7px; + padding-left: 8px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:first-of-type { + padding-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type { + padding-right: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row:first-of-type .wpforms-field-row-block:first-child { + padding-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container { + width: 160px; + padding-bottom: 16px; + align-self: flex-end; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit { + display: block; + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label input { + top: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error) { + background: none; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid #ffffff; + border-radius: 3px; + padding: 20px; + transition: all 0.5s; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus-within { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label { + font-weight: 700; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after { + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #ffffff; + background: var(--wpforms-button-background-color, #066aab); + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li { + margin: 5px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error) { + background: none; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid transparent; + padding: 10px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):focus { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic li:has(input:checked) label { + border-color: rgba(0, 0, 0, 0.7); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item input { + vertical-align: middle; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label { + display: inline-block; + margin-top: 5px; + margin-left: 10px; + vertical-align: middle; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices + .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, .et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner { + border-radius: 3px; + min-height: 35px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner .choices__list--single { + height: auto; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item { + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 3px 3px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open .choices__inner { + border-radius: 3px 3px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea { + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-small { + height: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-medium { + height: 120px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-large { + height: 220px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-large > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-large > .wpforms-order-summary-container { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-medium > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-medium > .wpforms-order-summary-container { + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #D63637; +} + + +/* 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; +} diff --git a/assets/css/wpforms-modern-base.min.css b/assets/css/wpforms-modern-base.min.css new file mode 100644 index 00000000..4630852e --- /dev/null +++ b/assets/css/wpforms-modern-base.min.css @@ -0,0 +1,86 @@ +.wpforms-container .wpforms-error-container,.wpforms-container .wpforms-error-noscript{color:#D63637}.wpforms-container .wpforms-error-styled-container{padding:15px 0}.wpforms-container .wpforms-error-styled-container p{margin:0}.wpforms-container .wpforms-error-styled-container+.wpforms-submit-container{margin-top:10px}.wpforms-container label.wpforms-error,.wpforms-container em.wpforms-error{display:block;color:#D63637;font-size:0.9em;font-style:normal;cursor:default;min-width:120px}.wpforms-container .wpforms-field input.wpforms-error,.wpforms-container .wpforms-field input.user-invalid,.wpforms-container .wpforms-field textarea.wpforms-error,.wpforms-container .wpforms-field textarea.user-invalid,.wpforms-container .wpforms-field select.wpforms-error,.wpforms-container .wpforms-field select.user-invalid{border:1px solid #D63637}.wpforms-container .wpforms-field input[type=checkbox].wpforms-error,.wpforms-container .wpforms-field input[type=checkbox].user-invalid,.wpforms-container .wpforms-field input[type=radio].wpforms-error,.wpforms-container .wpforms-field input[type=radio].user-invalid{border:none}.wpforms-container .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #D63637}.wpforms-container .wpforms-error-alert,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert{border:1px solid rgba(0,0,0,0.25);text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.wpforms-container .wpforms-error-alert{color:#D63637;background-color:#f2dede;border-color:#f2dede}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.wpforms-container .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;word-wrap:normal !important}.wpforms-container .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}.wpforms-container .wpforms-recaptcha-container{padding:0;clear:both}.wpforms-container .wpforms-recaptcha-container iframe{display:block;width:100%;max-width:100%}.wpforms-container .wpforms-recaptcha-container .g-recaptcha{padding:10px 0 0}.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile.wpforms-is-turnstile-invisible{padding:0;height:0}.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile iframe{position:relative !important;visibility:inherit !important}.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .g-recaptcha,.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .g-recaptcha,.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .g-recaptcha{padding:0}.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .wpforms-error:first-of-type,.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .wpforms-error:first-of-type,.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .wpforms-error:first-of-type{margin-top:10px}.wpforms-container amp-img>img{position:absolute}.wpforms-container .amp-form-submit-success .wpforms-field-container,.wpforms-container .amp-form-submit-success .wpforms-submit-container{display:none}.wpforms-container .wpforms-preview-notice-links{line-height:2.4}body.rtl .wpforms-container .wpforms-form input[type=tel]{direction:ltr;text-align:right}body.rtl .wpforms-container .wpforms-form input[type=url]{direction:ltr;text-align:right}body.rtl .wpforms-container .wpforms-form input[type=url]::-webkit-textfield-decoration-container{display:flex;flex-direction:row-reverse}body.rtl .wpforms-container .wpforms-form input[type=email]{direction:ltr;text-align:right}body.rtl .wpforms-container .wpforms-form input[type=email]::-webkit-textfield-decoration-container{display:flex;flex-direction:row-reverse}body.rtl .wpforms-container .wpforms-form input[type=number]::-webkit-textfield-decoration-container{flex-direction:row-reverse}body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-datepicker-wrap .wpforms-datepicker-clear{right:auto;left:10px}body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .ui-timepicker-list li{padding:3px 5px 3px 0 !important}body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-field-medium+.wpforms-datepicker-clear{left:calc( 40% + 10px);right:auto}body.rtl .wpforms-container .wpforms-form .wpforms-field-file-upload .dz-remove{right:auto;left:0}body.rtl .wpforms-container .wpforms-form .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label{margin-left:0;margin-right:10px}body.rtl .ui-timepicker-list li{padding:3px 5px 3px 0}.wpforms-container .wpforms-form .wpforms-field.wpforms-field-email .wpforms-field-row,.wpforms-container .wpforms-form .wpforms-field.wpforms-field-address .wpforms-field-row,.wpforms-container .wpforms-form .wpforms-field.wpforms-field-password .wpforms-field-row{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive}.wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive-name-field}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row-responsive{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive}@container wpforms-field-row-responsive (max-width: 200px){.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block{width:100%;padding:0}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{padding:0}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:15px}}@container wpforms-field-row-responsive-name-field (max-width: 260px){.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block{width:100%;padding:0}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{padding:0}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:15px}}.wpforms-container .wpforms-form .wpforms-checkbox-2-columns,.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns,.wpforms-container .wpforms-form .wpforms-list-2-columns{container-type:inline-size;container-name:wpforms-field-2-columns-responsive}@container wpforms-field-2-columns-responsive (max-width: 320px){.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul,.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul,.wpforms-container .wpforms-form .wpforms-list-2-columns ul{grid-template-columns:1fr !important}.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li,.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li,.wpforms-container .wpforms-form .wpforms-list-2-columns ul li{width:100%}}.wpforms-container .wpforms-form .wpforms-checkbox-3-columns,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns,.wpforms-container .wpforms-form .wpforms-list-3-columns{container-type:inline-size;container-name:wpforms-field-3-columns-responsive}@container wpforms-field-3-columns-responsive (max-width: 480px){.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}}@container wpforms-field-3-columns-responsive (max-width: 320px){.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:1fr !important}.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}}@media only screen and (max-width: 600px){div.wpforms-container .wpforms-form .wpforms-field>*{max-width:100%}div.wpforms-container .wpforms-form .wpforms-field{padding-right:1px;padding-left:1px}div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-small,div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-medium,div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-large,div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-small,div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-medium,div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-large,div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-small,div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-medium,div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container .wpforms-form .wpforms-mobile-full{width:100%;margin-left:0}div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:hidden}div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul,div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul,div.wpforms-container .wpforms-form .wpforms-list-2-columns ul,div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,div.wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:1fr !important}div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container .wpforms-form .wpforms-list-2-columns ul li,div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{display:block;margin:0 0 10px 0}div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page{width:100% !important;padding:5px 10px}div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:none}div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page.active{font-weight:700}div.wpforms-container .wpforms-form.inline-fields .wpforms-field-container,div.wpforms-container .wpforms-form.inline-fields .wpforms-field{display:block;width:100%}div.wpforms-container .wpforms-form.inline-fields .wpforms-submit-container{width:100%}}.wpforms-container{margin-bottom:26px}.wpforms-container .wpforms-form *{word-break:break-word;box-sizing:border-box}.wpforms-container .wpforms-form .wpforms-field-label,.wpforms-container .wpforms-form .wpforms-field-sublabel,.wpforms-container .wpforms-form .wpforms-field-description,.wpforms-container .wpforms-form textarea,.wpforms-container .wpforms-form li,.wpforms-container .wpforms-form th{hyphens:auto}.wpforms-container ul,.wpforms-container ul li{background:none;border:0;margin:0}.wpforms-container .wpforms-title{font-size:24px;font-weight:700;margin:0 0 10px 0}.wpforms-container .wpforms-submit-container{clear:both;position:relative}.wpforms-container .wpforms-submit-spinner{margin-inline-start:15px;display:inline-block;vertical-align:middle}.wpforms-container .wpforms-hidden{display:none !important}.wpforms-clear:before{content:" ";display:table}.wpforms-clear:after{clear:both;content:" ";display:table}.wpforms-container .wpforms-notice{background-color:#ffffff;border:1px solid rgba(0,0,0,0.25);border-left-width:12px;color:#333333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}.wpforms-container .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:50%;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}.wpforms-container .wpforms-notice .wpforms-delete:before,.wpforms-container .wpforms-notice .wpforms-delete:after{background-color:#ffffff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.wpforms-container .wpforms-notice .wpforms-delete:before{height:2px;width:50%}.wpforms-container .wpforms-notice .wpforms-delete:after{height:50%;width:2px}.wpforms-container .wpforms-notice .wpforms-delete:hover,.wpforms-container .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}.wpforms-container .wpforms-notice a{text-decoration:underline}.wpforms-container .wpforms-notice p{margin:0 0 20px 0}.wpforms-container .wpforms-notice p:last-of-type{margin-bottom:0}.wpforms-container .wpforms-notice .wpforms-notice-actions{margin-top:20px}.wpforms-container .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}.wpforms-container .wpforms-notice .wpforms-notice-action:hover,.wpforms-container .wpforms-notice .wpforms-notice-action:focus,.wpforms-container .wpforms-notice .wpforms-notice-action:active{color:#ffffff}.wpforms-container .wpforms-notice.wpforms-info{border-color:#3273dc}.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action{border-color:#3273dc}.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:hover,.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:focus,.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}.wpforms-container .wpforms-notice.wpforms-success{border-color:#23d160}.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action{border-color:#23d160}.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:hover,.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:focus,.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}.wpforms-container .wpforms-notice.wpforms-warning{border-color:#ffdd57}.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action{border-color:#ffdd57}.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}.wpforms-container .wpforms-notice.wpforms-error{border-color:#D63637}.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action{border-color:#D63637}.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:hover,.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:focus,.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#D63637}.wpforms-container .wpforms-preview-notice-links{line-height:2.4}.wpforms-container input.wpforms-field-medium,.wpforms-container select.wpforms-field-medium,.wpforms-container .wpforms-field-row.wpforms-field-medium,.wp-core-ui div.wpforms-container input.wpforms-field-medium,.wp-core-ui div.wpforms-container select.wpforms-field-medium,.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium{max-width:60%}.wpforms-container input.wpforms-field-small,.wpforms-container select.wpforms-field-small,.wpforms-container .wpforms-field-row.wpforms-field-small,.wp-core-ui div.wpforms-container input.wpforms-field-small,.wp-core-ui div.wpforms-container select.wpforms-field-small,.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-small{max-width:25%}.wpforms-container input.wpforms-field-large,.wpforms-container select.wpforms-field-large,.wpforms-container .wpforms-field-row.wpforms-field-large,.wp-core-ui div.wpforms-container input.wpforms-field-large,.wp-core-ui div.wpforms-container select.wpforms-field-large,.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-large{max-width:100%}.wpforms-container fieldset,.wp-core-ui div.wpforms-container fieldset{display:block;border:none;margin:0;padding:0}.wpforms-container .wpforms-field,.wp-core-ui div.wpforms-container .wpforms-field{padding:15px 0;position:relative}.wpforms-container .wpforms-field.wpforms-field-hidden,.wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-hidden{display:none;padding:0}.wpforms-container .wpforms-field-description,.wpforms-container .wpforms-field-limit-text,.wp-core-ui div.wpforms-container .wpforms-field-description,.wp-core-ui div.wpforms-container .wpforms-field-limit-text{font-size:0.8em;margin:5px 0 0 0;word-break:break-word;word-wrap:break-word;line-height:1.3}.wpforms-container .wpforms-field-description.wpforms-disclaimer-description,.wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description{background-color:#ffffff;border:1px solid rgba(0,0,0,0.25);padding:15px 15px 0;height:125px;overflow-y:scroll;overflow-x:hidden}.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p,.wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p{margin:0 0 15px 0}.wpforms-container .wpforms-field-description-before,.wpforms-container .wpforms-field-description.before,.wp-core-ui div.wpforms-container .wpforms-field-description-before,.wp-core-ui div.wpforms-container .wpforms-field-description.before{font-size:0.85em;margin:0 0 5px 0}.wpforms-container .wpforms-field-label,.wp-core-ui div.wpforms-container .wpforms-field-label{display:block;font-weight:700;font-style:normal;word-break:break-word;word-wrap:break-word}.wpforms-container .wpforms-field-label-inline,.wp-core-ui div.wpforms-container .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-weight:400;font-style:normal;word-break:break-word;word-wrap:break-word}.wpforms-container .wpforms-field-sublabel,.wp-core-ui div.wpforms-container .wpforms-field-sublabel{display:block;font-size:0.8em;font-weight:400;font-style:normal;min-width:120px}.wpforms-container .wpforms-field-label.wpforms-label-hide,.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide,.wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide,.wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.wpforms-container .wpforms-required-label,.wp-core-ui div.wpforms-container .wpforms-required-label{color:var(--wpforms-label-error-color);font-weight:normal}.wpforms-container input[type=date],.wpforms-container input[type=datetime],.wpforms-container input[type=datetime-local],.wpforms-container input[type=email],.wpforms-container input[type=month],.wpforms-container input[type=number],.wpforms-container input[type=password],.wpforms-container input[type=range],.wpforms-container input[type=search],.wpforms-container input[type=tel],.wpforms-container input[type=text],.wpforms-container input[type=time],.wpforms-container input[type=url],.wpforms-container input[type=week],.wpforms-container select,.wpforms-container textarea,.wp-core-ui div.wpforms-container input[type=date],.wp-core-ui div.wpforms-container input[type=datetime],.wp-core-ui div.wpforms-container input[type=datetime-local],.wp-core-ui div.wpforms-container input[type=email],.wp-core-ui div.wpforms-container input[type=month],.wp-core-ui div.wpforms-container input[type=number],.wp-core-ui div.wpforms-container input[type=password],.wp-core-ui div.wpforms-container input[type=range],.wp-core-ui div.wpforms-container input[type=search],.wp-core-ui div.wpforms-container input[type=tel],.wp-core-ui div.wpforms-container input[type=text],.wp-core-ui div.wpforms-container input[type=time],.wp-core-ui div.wpforms-container input[type=url],.wp-core-ui div.wpforms-container input[type=week],.wp-core-ui div.wpforms-container select,.wp-core-ui div.wpforms-container textarea{display:block;width:100%;box-sizing:border-box;font-family:inherit;font-style:normal;font-weight:400;margin:0}.wpforms-container input[type=date]:read-only,.wpforms-container input[type=datetime]:read-only,.wpforms-container input[type=datetime-local]:read-only,.wpforms-container input[type=email]:read-only,.wpforms-container input[type=month]:read-only,.wpforms-container input[type=number]:read-only,.wpforms-container input[type=password]:read-only,.wpforms-container input[type=range]:read-only,.wpforms-container input[type=search]:read-only,.wpforms-container input[type=tel]:read-only,.wpforms-container input[type=text]:read-only,.wpforms-container input[type=time]:read-only,.wpforms-container input[type=url]:read-only,.wpforms-container input[type=week]:read-only,.wpforms-container select:read-only,.wpforms-container textarea:read-only,.wp-core-ui div.wpforms-container input[type=date]:read-only,.wp-core-ui div.wpforms-container input[type=datetime]:read-only,.wp-core-ui div.wpforms-container input[type=datetime-local]:read-only,.wp-core-ui div.wpforms-container input[type=email]:read-only,.wp-core-ui div.wpforms-container input[type=month]:read-only,.wp-core-ui div.wpforms-container input[type=number]:read-only,.wp-core-ui div.wpforms-container input[type=password]:read-only,.wp-core-ui div.wpforms-container input[type=range]:read-only,.wp-core-ui div.wpforms-container input[type=search]:read-only,.wp-core-ui div.wpforms-container input[type=tel]:read-only,.wp-core-ui div.wpforms-container input[type=text]:read-only,.wp-core-ui div.wpforms-container input[type=time]:read-only,.wp-core-ui div.wpforms-container input[type=url]:read-only,.wp-core-ui div.wpforms-container input[type=week]:read-only,.wp-core-ui div.wpforms-container select:read-only,.wp-core-ui div.wpforms-container textarea:read-only{cursor:default}.wpforms-container textarea,.wp-core-ui div.wpforms-container textarea{resize:vertical}.wpforms-container input[type=checkbox],.wpforms-container input[type=radio],.wp-core-ui div.wpforms-container input[type=checkbox],.wp-core-ui div.wpforms-container input[type=radio]{width:16px;height:16px;margin:2px 10px 0 3px;display:inline-block;vertical-align:baseline;font-style:normal;font-weight:400}.wpforms-container .wpforms-five-sixths,.wpforms-container .wpforms-four-sixths,.wpforms-container .wpforms-four-fifths,.wpforms-container .wpforms-one-fifth,.wpforms-container .wpforms-one-fourth,.wpforms-container .wpforms-one-half,.wpforms-container .wpforms-one-sixth,.wpforms-container .wpforms-one-third,.wpforms-container .wpforms-three-fourths,.wpforms-container .wpforms-three-fifths,.wpforms-container .wpforms-three-sixths,.wpforms-container .wpforms-two-fourths,.wpforms-container .wpforms-two-fifths,.wpforms-container .wpforms-two-sixths,.wpforms-container .wpforms-two-thirds{float:left;margin-left:20px;clear:none}.wpforms-container .wpforms-one-half,.wpforms-container .wpforms-three-sixths,.wpforms-container .wpforms-two-fourths{width:calc( 50% - 10px)}.wpforms-container .wpforms-one-third,.wpforms-container .wpforms-two-sixths{width:calc( 100% / 3 - 20px)}.wpforms-container .wpforms-one-third.wpforms-first,.wpforms-container .wpforms-two-sixths.wpforms-first{width:calc( 100% / 3)}.wpforms-container .wpforms-four-sixths,.wpforms-container .wpforms-two-thirds{width:calc( 2 * 100% / 3 - 20px)}.wpforms-container .wpforms-four-sixths.wpforms-first,.wpforms-container .wpforms-two-thirds.wpforms-first{width:calc( 2 * 100% / 3)}.wpforms-container .wpforms-one-fourth{width:calc( 25% - 20px)}.wpforms-container .wpforms-one-fourth.wpforms-first{width:25%}.wpforms-container .wpforms-three-fourths{width:calc( 75% - 20px)}.wpforms-container .wpforms-three-fourths.wpforms-first{width:75%}.wpforms-container .wpforms-one-fifth{width:calc( 100% / 5 - 20px)}.wpforms-container .wpforms-one-fifth.wpforms-first{width:calc( 100% / 5)}.wpforms-container .wpforms-two-fifths{width:calc( 2 * 100% / 5 - 20px)}.wpforms-container .wpforms-two-fifths.wpforms-first{width:calc( 2 * 100% / 5)}.wpforms-container .wpforms-three-fifths{width:calc( 3 * 100% / 5 - 20px)}.wpforms-container .wpforms-three-fifths.wpforms-first{width:calc( 3 * 100% / 5)}.wpforms-container .wpforms-four-fifths{width:calc( 4 * 100% / 5 - 20px)}.wpforms-container .wpforms-four-fifths.wpforms-first{width:calc( 4 * 100% / 5)}.wpforms-container .wpforms-one-sixth{width:calc( 100% / 6 - 20px)}.wpforms-container .wpforms-one-sixth.wpforms-first{width:calc( 100% / 6)}.wpforms-container .wpforms-five-sixths{width:calc( 5 * 100% / 6 - 20px)}.wpforms-container .wpforms-five-sixths.wpforms-first{width:calc( 5 * 100% / 6)}.wpforms-container .wpforms-first{clear:both !important;margin-left:0 !important}.wpforms-container .wpforms-field{float:none;clear:both}.wpforms-container .wpforms-field.wpforms-five-sixths,.wpforms-container .wpforms-field.wpforms-four-sixths,.wpforms-container .wpforms-field.wpforms-four-fifths,.wpforms-container .wpforms-field.wpforms-one-fifth,.wpforms-container .wpforms-field.wpforms-one-fourth,.wpforms-container .wpforms-field.wpforms-one-half,.wpforms-container .wpforms-field.wpforms-one-sixth,.wpforms-container .wpforms-field.wpforms-one-third,.wpforms-container .wpforms-field.wpforms-three-fourths,.wpforms-container .wpforms-field.wpforms-three-fifths,.wpforms-container .wpforms-field.wpforms-three-sixths,.wpforms-container .wpforms-field.wpforms-two-fourths,.wpforms-container .wpforms-field.wpforms-two-fifths,.wpforms-container .wpforms-field.wpforms-two-sixths,.wpforms-container .wpforms-field.wpforms-two-thirds{float:left;margin-left:20px;clear:none}.wpforms-container .wpforms-field .wpforms-field-row{align-items:start;position:relative;display:flex;justify-content:space-between;margin-bottom:15px}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block{padding:0 10px}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child{padding-inline-start:0}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child{padding-inline-end:0}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{margin-right:auto;padding-right:10px}.wpforms-container .wpforms-field .wpforms-field-row:before{content:"";display:table}.wpforms-container .wpforms-field .wpforms-field-row:after{clear:both;content:"";display:table}.wpforms-container .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}.wpforms-container .wpforms-field .wpforms-field-row>:only-child{width:100%}.wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns{display:block}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds{float:none;margin-left:0;clear:initial}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths{width:50%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths{width:33.33333%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds{width:66.66667%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth{width:25%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths{width:75%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth{width:20%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths{width:40%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths{width:60%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths{width:80%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth{width:16.66667%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths{width:83.33333%}.wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul,.wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul,.wpforms-container .wpforms-field .wpforms-list-2-columns ul,.wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-field .wpforms-list-3-columns ul{display:grid;gap:15px 30px}.wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul,.wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul,.wpforms-container .wpforms-field .wpforms-list-2-columns ul{grid-template-columns:repeat(2, 1fr)}.wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-field .wpforms-list-3-columns ul{grid-template-columns:repeat(3, 1fr)}.wpforms-container .wpforms-field .wpforms-list-inline ul li{display:inline-block;vertical-align:top;margin-right:20px}.wpforms-container.inline-fields{overflow:visible}.wpforms-container.inline-fields .wpforms-form{display:flex;justify-content:space-between}.wpforms-container.inline-fields .wpforms-field-container{display:flex;justify-content:space-between;width:calc( 100% - 175px)}.wpforms-container.inline-fields .wpforms-field-container .wpforms-field{padding-right:7px;padding-left:8px}.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:first-of-type{padding-left:0}.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type{padding-right:0}.wpforms-container.inline-fields .wpforms-field-row:first-of-type .wpforms-field-row-block:first-child{padding-left:0}.wpforms-container.inline-fields .wpforms-submit-container{width:160px;padding-bottom:16px;align-self:flex-end}.wpforms-container.inline-fields .wpforms-submit{display:block;width:100%}.wpforms-container.inline-fields input.wpforms-field-medium,.wpforms-container.inline-fields select.wpforms-field-medium,.wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium{max-width:100%}.wpforms-container ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}.wpforms-container ul.wpforms-image-choices label input{top:50%}.wpforms-container .wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error){background:none;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid #ffffff;border-radius:3px;padding:20px;transition:all 0.5s;text-align:center}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover{border:1px solid rgba(0,0,0,0.25)}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus,.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus-within{border:1px solid rgba(0,0,0,0.25)}.wpforms-container .wpforms-image-choices-modern .wpforms-selected label,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label{font-weight:700}.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after{opacity:1}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#ffffff;background:var(--wpforms-button-background-color, #066aab);opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{margin:5px !important}.wpforms-container .wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error){background:none;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid transparent;padding:10px;text-align:center}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover{border:1px solid rgba(0,0,0,0.25)}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):focus{border:1px solid rgba(0,0,0,0.25)}.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.wpforms-container .wpforms-image-choices-classic .wpforms-selected label,.wpforms-container .wpforms-image-choices-classic li:has(input:checked) label{border-color:rgba(0,0,0,0.7)}.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item input{vertical-align:middle}.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label{display:inline-block;margin-top:5px;margin-left:10px;vertical-align:middle}.wpforms-container ul.wpforms-icon-choices,.wpforms-container ul.wpforms-icon-choices *{box-sizing:border-box}.wpforms-container ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}.wpforms-container ul.wpforms-icon-choices+.wpforms-field-description,.wpforms-container ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.wpforms-container ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}.wpforms-container ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.wpforms-container ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .choices .choices__inner{border-radius:3px;min-height:35px}.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single{height:auto}.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1.3}.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner,.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 3px 3px}.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,.wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:3px 3px 0 0}.wpforms-container textarea{line-height:1.3}.wpforms-container textarea.wpforms-field-small{height:70px}.wpforms-container textarea.wpforms-field-medium{height:120px}.wpforms-container textarea.wpforms-field-large{height:220px}.wpforms-container .wpforms-order-summary-container{display:block;max-width:60%}.wpforms-container .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.wpforms-container .size-large>.wpforms-order-summary-container,.wpforms-container .wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.wpforms-container .size-medium>.wpforms-order-summary-container,.wpforms-container .wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-noscript{color:#D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container{padding:15px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container p{margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container+.wpforms-submit-container{margin-top:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container label.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container em.wpforms-error{display:block;color:#D63637;font-size:0.9em;font-style:normal;cursor:default;min-width:120px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.user-invalid{border:1px solid #D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=checkbox].wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=checkbox].user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=radio].wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=radio].user-invalid{border:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert{border:1px solid rgba(0,0,0,0.25);text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert{color:#D63637;background-color:#f2dede;border-color:#f2dede}.et-db #et-boc .et-l .et_pb_module div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;word-wrap:normal !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container{padding:0;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container iframe{display:block;width:100%;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container .g-recaptcha{padding:10px 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile.wpforms-is-turnstile-invisible{padding:0;height:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile iframe{position:relative !important;visibility:inherit !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .g-recaptcha,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .g-recaptcha,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .g-recaptcha{padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .wpforms-error:first-of-type,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .wpforms-error:first-of-type,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .wpforms-error:first-of-type{margin-top:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container amp-img>img{position:absolute}.et-db #et-boc .et-l .et_pb_module .wpforms-container .amp-form-submit-success .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .amp-form-submit-success .wpforms-submit-container{display:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-preview-notice-links{line-height:2.4}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=tel]{direction:ltr;text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=url]{direction:ltr;text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=url]::-webkit-textfield-decoration-container{display:flex;flex-direction:row-reverse}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=email]{direction:ltr;text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=email]::-webkit-textfield-decoration-container{display:flex;flex-direction:row-reverse}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=number]::-webkit-textfield-decoration-container{flex-direction:row-reverse}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-datepicker-wrap .wpforms-datepicker-clear{right:auto;left:10px}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .ui-timepicker-list li{padding:3px 5px 3px 0 !important}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-field-medium+.wpforms-datepicker-clear{left:calc( 40% + 10px);right:auto}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-file-upload .dz-remove{right:auto;left:0}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label{margin-left:0;margin-right:10px}.et-db #et-boc .et-l .et_pb_module body.rtl .ui-timepicker-list li{padding:3px 5px 3px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-email .wpforms-field-row,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-address .wpforms-field-row,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-password .wpforms-field-row{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive-name-field}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row-responsive{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive}@container wpforms-field-row-responsive (max-width: 200px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block{width:100%;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:15px}}@container wpforms-field-row-responsive-name-field (max-width: 260px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block{width:100%;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:15px}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns{container-type:inline-size;container-name:wpforms-field-2-columns-responsive}@container wpforms-field-2-columns-responsive (max-width: 320px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns ul{grid-template-columns:1fr !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns ul li{width:100%}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns{container-type:inline-size;container-name:wpforms-field-3-columns-responsive}@container wpforms-field-3-columns-responsive (max-width: 480px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}}@container wpforms-field-3-columns-responsive (max-width: 320px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:1fr !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field>*{max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field{padding-right:1px;padding-left:1px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-large{max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-mobile-full{width:100%;margin-left:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:hidden}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:1fr !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{display:block;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page{width:100% !important;padding:5px 10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page.active{font-weight:700}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-field{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-submit-container{width:100%}}.et-db #et-boc .et-l .et_pb_module .wpforms-container{margin-bottom:26px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form *{word-break:break-word;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-sublabel,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form th{hyphens:auto}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul li{background:none;border:0;margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-title{font-size:24px;font-weight:700;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-container{clear:both;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-spinner{margin-inline-start:15px;display:inline-block;vertical-align:middle}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-hidden{display:none !important}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:before{content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:after{clear:both;content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice{background-color:#ffffff;border:1px solid rgba(0,0,0,0.25);border-left-width:12px;color:#333333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:50%;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:after{background-color:#ffffff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:before{height:2px;width:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:after{height:50%;width:2px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice a{text-decoration:underline}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice p{margin:0 0 20px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice p:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-actions{margin-top:20px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:active{color:#ffffff}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info{border-color:#3273dc}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action{border-color:#3273dc}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success{border-color:#23d160}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action{border-color:#23d160}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning{border-color:#ffdd57}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action{border-color:#ffdd57}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error{border-color:#D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action{border-color:#D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-preview-notice-links{line-height:2.4}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium{max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-small{max-width:25%}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-large{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container fieldset,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container fieldset{display:block;border:none;margin:0;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field{padding:15px 0;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-field-hidden,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-hidden{display:none;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-limit-text,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-limit-text{font-size:0.8em;margin:5px 0 0 0;word-break:break-word;word-wrap:break-word;line-height:1.3}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description{background-color:#ffffff;border:1px solid rgba(0,0,0,0.25);padding:15px 15px 0;height:125px;overflow-y:scroll;overflow-x:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description p,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p{margin:0 0 15px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description-before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.before,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description-before,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.before{font-size:0.85em;margin:0 0 5px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label{display:block;font-weight:700;font-style:normal;word-break:break-word;word-wrap:break-word}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label-inline,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-weight:400;font-style:normal;word-break:break-word;word-wrap:break-word}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-sublabel{display:block;font-size:0.8em;font-weight:400;font-style:normal;min-width:120px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label.wpforms-label-hide,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-required-label,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-required-label{color:var(--wpforms-label-error-color);font-weight:normal}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week],.et-db #et-boc .et-l .et_pb_module .wpforms-container select,.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=date],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime-local],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=email],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=month],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=number],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=password],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=range],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=search],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=tel],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=text],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=time],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=url],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=week],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea{display:block;width:100%;box-sizing:border-box;font-family:inherit;font-style:normal;font-weight:400;margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container select:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=date]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime-local]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=email]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=month]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=number]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=password]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=range]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=search]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=tel]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=text]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=time]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=url]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=week]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea:read-only{cursor:default}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea{resize:vertical}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=checkbox],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=radio],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=checkbox],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=radio]{width:16px;height:16px;margin:2px 10px 0 3px;display:inline-block;vertical-align:baseline;font-style:normal;font-weight:400}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds{float:left;margin-left:20px;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths{width:calc( 50% - 10px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths{width:calc( 100% / 3 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third.wpforms-first,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths.wpforms-first{width:calc( 100% / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds{width:calc( 2 * 100% / 3 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths.wpforms-first,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds.wpforms-first{width:calc( 2 * 100% / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth{width:calc( 25% - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth.wpforms-first{width:25%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths{width:calc( 75% - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths.wpforms-first{width:75%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth{width:calc( 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth.wpforms-first{width:calc( 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths{width:calc( 2 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths.wpforms-first{width:calc( 2 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths{width:calc( 3 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths.wpforms-first{width:calc( 3 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths{width:calc( 4 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths.wpforms-first{width:calc( 4 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth{width:calc( 100% / 6 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth.wpforms-first{width:calc( 100% / 6)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths{width:calc( 5 * 100% / 6 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths.wpforms-first{width:calc( 5 * 100% / 6)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first{clear:both !important;margin-left:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field{float:none;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-five-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-four-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-fifth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-fourth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-sixth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-thirds{float:left;margin-left:20px;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row{align-items:start;position:relative;display:flex;justify-content:space-between;margin-bottom:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block{padding:0 10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child{padding-inline-start:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child{padding-inline-end:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{margin-right:auto;padding-right:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:before{content:"";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:after{clear:both;content:"";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row>:only-child{width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds{float:none;margin-left:0;clear:initial}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths{width:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths{width:33.33333%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds{width:66.66667%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth{width:25%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths{width:75%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth{width:20%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths{width:40%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths{width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths{width:80%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth{width:16.66667%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths{width:83.33333%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-3-columns ul{display:grid;gap:15px 30px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-2-columns ul{grid-template-columns:repeat(2, 1fr)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-3-columns ul{grid-template-columns:repeat(3, 1fr)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-inline ul li{display:inline-block;vertical-align:top;margin-right:20px}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields{overflow:visible}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-form{display:flex;justify-content:space-between}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container{display:flex;justify-content:space-between;width:calc( 100% - 175px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field{padding-right:7px;padding-left:8px}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:first-of-type{padding-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type{padding-right:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row:first-of-type .wpforms-field-row-block:first-child{padding-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container{width:160px;padding-bottom:16px;align-self:flex-end}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label input{top:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error){background:none;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid #ffffff;border-radius:3px;padding:20px;transition:all 0.5s;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover{border:1px solid rgba(0,0,0,0.25)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus-within{border:1px solid rgba(0,0,0,0.25)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label{font-weight:700}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after{opacity:1}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#ffffff;background:var(--wpforms-button-background-color, #066aab);opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{margin:5px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error){background:none;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid transparent;padding:10px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover{border:1px solid rgba(0,0,0,0.25)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):focus{border:1px solid rgba(0,0,0,0.25)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic li:has(input:checked) label{border-color:rgba(0,0,0,0.7)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item input{vertical-align:middle}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label{display:inline-block;margin-top:5px;margin-left:10px;vertical-align:middle}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices *{box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices+.wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner{border-radius:3px;min-height:35px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner .choices__list--single{height:auto}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1.3}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 3px 3px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:3px 3px 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea{line-height:1.3}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-small{height:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-medium{height:120px}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-large{height:220px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container{display:block;max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-large>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-medium>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#D63637} + + +/* 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; +} diff --git a/assets/css/wpforms-modern-full.css b/assets/css/wpforms-modern-full.css new file mode 100644 index 00000000..67012968 --- /dev/null +++ b/assets/css/wpforms-modern-full.css @@ -0,0 +1,7863 @@ +.wpforms-container .wpforms-error-container, +.wpforms-container .wpforms-error-noscript { + color: #D63637; +} + +.wpforms-container .wpforms-error-styled-container { + padding: 15px 0; +} + +.wpforms-container .wpforms-error-styled-container p { + margin: 0; +} + +.wpforms-container .wpforms-error-styled-container + .wpforms-submit-container { + margin-top: 10px; +} + +.wpforms-container label.wpforms-error, +.wpforms-container em.wpforms-error { + display: block; + color: #D63637; + font-size: 0.9em; + font-style: normal; + cursor: default; + min-width: 120px; +} + +.wpforms-container .wpforms-field input.wpforms-error, .wpforms-container .wpforms-field input.user-invalid, +.wpforms-container .wpforms-field textarea.wpforms-error, +.wpforms-container .wpforms-field textarea.user-invalid, +.wpforms-container .wpforms-field select.wpforms-error, +.wpforms-container .wpforms-field select.user-invalid { + border: 1px solid #D63637; +} + +.wpforms-container .wpforms-field input[type=checkbox].wpforms-error, .wpforms-container .wpforms-field input[type=checkbox].user-invalid, +.wpforms-container .wpforms-field input[type=radio].wpforms-error, +.wpforms-container .wpforms-field input[type=radio].user-invalid { + border: none; +} + +.wpforms-container .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #D63637; +} + +.wpforms-container .wpforms-error-alert, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert { + border: 1px solid rgba(0, 0, 0, 0.25); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-error-alert { + color: #D63637; + background-color: #f2dede; + border-color: #f2dede; +} + +div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +.wpforms-container .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0); + height: 1px; + width: 1px; + border: 0; + overflow: hidden; + word-wrap: normal !important; +} + +.wpforms-container .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +.wpforms-container .wpforms-recaptcha-container { + padding: 0; + clear: both; +} + +.wpforms-container .wpforms-recaptcha-container iframe { + display: block; + width: 100%; + max-width: 100%; +} + +.wpforms-container .wpforms-recaptcha-container .g-recaptcha { + padding: 10px 0 0; +} + +.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile.wpforms-is-turnstile-invisible { + padding: 0; + height: 0; +} + +.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile iframe { + position: relative !important; + visibility: inherit !important; +} + +.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .g-recaptcha, .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .g-recaptcha, .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .g-recaptcha { + padding: 0; +} + +.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .wpforms-error:first-of-type, .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .wpforms-error:first-of-type, .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .wpforms-error:first-of-type { + margin-top: 10px; +} + +.wpforms-container amp-img > img { + position: absolute; +} + +.wpforms-container .amp-form-submit-success .wpforms-field-container, +.wpforms-container .amp-form-submit-success .wpforms-submit-container { + display: none; +} + +.wpforms-container .wpforms-preview-notice-links { + line-height: 2.4; +} + +body.rtl .wpforms-container .wpforms-form input[type=tel] { + direction: ltr; + text-align: right; +} + +body.rtl .wpforms-container .wpforms-form input[type=url] { + direction: ltr; + text-align: right; +} + +body.rtl .wpforms-container .wpforms-form input[type=url]::-webkit-textfield-decoration-container { + display: flex; + flex-direction: row-reverse; +} + +body.rtl .wpforms-container .wpforms-form input[type=email] { + direction: ltr; + text-align: right; +} + +body.rtl .wpforms-container .wpforms-form input[type=email]::-webkit-textfield-decoration-container { + display: flex; + flex-direction: row-reverse; +} + +body.rtl .wpforms-container .wpforms-form input[type=number]::-webkit-textfield-decoration-container { + flex-direction: row-reverse; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-datepicker-wrap .wpforms-datepicker-clear { + right: auto; + left: 10px; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .ui-timepicker-list li { + padding: 3px 5px 3px 0 !important; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-field-medium + .wpforms-datepicker-clear { + left: calc( 40% + 10px); + right: auto; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-field-file-upload .dz-remove { + right: auto; + left: 0; +} + +body.rtl .wpforms-container .wpforms-form .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label { + margin-left: 0; + margin-right: 10px; +} + +body.rtl .ui-timepicker-list li { + padding: 3px 5px 3px 0; +} + +.wpforms-container .wpforms-form .wpforms-field.wpforms-field-email .wpforms-field-row, .wpforms-container .wpforms-form .wpforms-field.wpforms-field-address .wpforms-field-row, .wpforms-container .wpforms-form .wpforms-field.wpforms-field-password .wpforms-field-row { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive; +} + +.wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive-name-field; +} + +.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row-responsive { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive; +} + +@container wpforms-field-row-responsive (max-width: 200px) { + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block { + width: 100%; + padding: 0; + } + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + padding: 0; + } + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: 15px; + } +} + +@container wpforms-field-row-responsive-name-field (max-width: 260px) { + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block { + width: 100%; + padding: 0; + } + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + padding: 0; + } + .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: 15px; + } +} + +.wpforms-container .wpforms-form .wpforms-checkbox-2-columns, +.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns, +.wpforms-container .wpforms-form .wpforms-list-2-columns { + container-type: inline-size; + container-name: wpforms-field-2-columns-responsive; +} + +@container wpforms-field-2-columns-responsive (max-width: 320px) { + .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul, + .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul, + .wpforms-container .wpforms-form .wpforms-list-2-columns ul { + grid-template-columns: 1fr !important; + } + .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li, + .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li, + .wpforms-container .wpforms-form .wpforms-list-2-columns ul li { + width: 100%; + } +} + +.wpforms-container .wpforms-form .wpforms-checkbox-3-columns, +.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns, +.wpforms-container .wpforms-form .wpforms-list-3-columns { + container-type: inline-size; + container-name: wpforms-field-3-columns-responsive; +} + +@container wpforms-field-3-columns-responsive (max-width: 480px) { + .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } + .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } +} + +@container wpforms-field-3-columns-responsive (max-width: 320px) { + .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: 1fr !important; + } + .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } +} + +@media only screen and (max-width: 600px) { + div.wpforms-container .wpforms-form .wpforms-field > * { + max-width: 100%; + } + div.wpforms-container .wpforms-form .wpforms-field { + padding-right: 1px; + padding-left: 1px; + } + div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-small, div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-medium, div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-large, + div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-small, + div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-medium, + div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-large, + div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-small, + div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-medium, + div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-large { + max-width: 100%; + } + div.wpforms-container .wpforms-form .wpforms-mobile-full { + width: 100%; + margin-left: 0; + } + div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) { + overflow-x: hidden; + } + div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul, + div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul, + div.wpforms-container .wpforms-form .wpforms-list-2-columns ul, + div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + div.wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: 1fr !important; + } + div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li, + div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li, + div.wpforms-container .wpforms-form .wpforms-list-2-columns ul li, + div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + div.wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + display: block; + margin: 0 0 10px 0; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page { + width: 100% !important; + padding: 5px 10px; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: none; + } + div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page.active { + font-weight: 700; + } + div.wpforms-container .wpforms-form.inline-fields .wpforms-field-container, + div.wpforms-container .wpforms-form.inline-fields .wpforms-field { + display: block; + width: 100%; + } + div.wpforms-container .wpforms-form.inline-fields .wpforms-submit-container { + width: 100%; + } +} + +.wpforms-container { + margin-bottom: 26px; +} + +.wpforms-container .wpforms-form * { + word-break: break-word; + box-sizing: border-box; +} + +.wpforms-container .wpforms-form .wpforms-field-label, +.wpforms-container .wpforms-form .wpforms-field-sublabel, +.wpforms-container .wpforms-form .wpforms-field-description, +.wpforms-container .wpforms-form textarea, +.wpforms-container .wpforms-form li, +.wpforms-container .wpforms-form th { + hyphens: auto; +} + +.wpforms-container ul, +.wpforms-container ul li { + background: none; + border: 0; + margin: 0; +} + +.wpforms-container .wpforms-title { + font-size: 24px; + font-weight: 700; + margin: 0 0 10px 0; +} + +.wpforms-container .wpforms-submit-container { + clear: both; + position: relative; +} + +.wpforms-container .wpforms-submit-spinner { + margin-inline-start: 15px; + display: inline-block; + vertical-align: middle; +} + +.wpforms-container .wpforms-hidden { + display: none !important; +} + +.wpforms-clear:before { + content: " "; + display: table; +} + +.wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +.wpforms-container .wpforms-notice { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + border-left-width: 12px; + color: #333333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +.wpforms-container .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +.wpforms-container .wpforms-notice .wpforms-delete:before, .wpforms-container .wpforms-notice .wpforms-delete:after { + background-color: #ffffff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} + +.wpforms-container .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +.wpforms-container .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +.wpforms-container .wpforms-notice .wpforms-delete:hover, .wpforms-container .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.wpforms-container .wpforms-notice a { + text-decoration: underline; +} + +.wpforms-container .wpforms-notice p { + margin: 0 0 20px 0; +} + +.wpforms-container .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +.wpforms-container .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +.wpforms-container .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +.wpforms-container .wpforms-notice .wpforms-notice-action:hover, .wpforms-container .wpforms-notice .wpforms-notice-action:focus, .wpforms-container .wpforms-notice .wpforms-notice-action:active { + color: #ffffff; +} + +.wpforms-container .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action { + border-color: #3273dc; +} + +.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:hover, .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:focus, .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +.wpforms-container .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action { + border-color: #23d160; +} + +.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:hover, .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:focus, .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +.wpforms-container .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action { + border-color: #ffdd57; +} + +.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +.wpforms-container .wpforms-notice.wpforms-error { + border-color: #D63637; +} + +.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action { + border-color: #D63637; +} + +.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:hover, .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:focus, .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #D63637; +} + +.wpforms-container .wpforms-preview-notice-links { + line-height: 2.4; +} + +.wpforms-container input.wpforms-field-medium, +.wpforms-container select.wpforms-field-medium, +.wpforms-container .wpforms-field-row.wpforms-field-medium, +.wp-core-ui div.wpforms-container input.wpforms-field-medium, +.wp-core-ui div.wpforms-container select.wpforms-field-medium, +.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +.wpforms-container input.wpforms-field-small, +.wpforms-container select.wpforms-field-small, +.wpforms-container .wpforms-field-row.wpforms-field-small, +.wp-core-ui div.wpforms-container input.wpforms-field-small, +.wp-core-ui div.wpforms-container select.wpforms-field-small, +.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +.wpforms-container input.wpforms-field-large, +.wpforms-container select.wpforms-field-large, +.wpforms-container .wpforms-field-row.wpforms-field-large, +.wp-core-ui div.wpforms-container input.wpforms-field-large, +.wp-core-ui div.wpforms-container select.wpforms-field-large, +.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +.wpforms-container fieldset, +.wp-core-ui div.wpforms-container fieldset { + display: block; + border: none; + margin: 0; + padding: 0; +} + +.wpforms-container .wpforms-field, +.wp-core-ui div.wpforms-container .wpforms-field { + padding: 15px 0; + position: relative; +} + +.wpforms-container .wpforms-field.wpforms-field-hidden, +.wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-hidden { + display: none; + padding: 0; +} + +.wpforms-container .wpforms-field-description, +.wpforms-container .wpforms-field-limit-text, +.wp-core-ui div.wpforms-container .wpforms-field-description, +.wp-core-ui div.wpforms-container .wpforms-field-limit-text { + font-size: 0.8em; + margin: 5px 0 0 0; + word-break: break-word; + word-wrap: break-word; + line-height: 1.3; +} + +.wpforms-container .wpforms-field-description.wpforms-disclaimer-description, +.wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + padding: 15px 15px 0; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; +} + +.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p, +.wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p { + margin: 0 0 15px 0; +} + +.wpforms-container .wpforms-field-description-before, +.wpforms-container .wpforms-field-description.before, +.wp-core-ui div.wpforms-container .wpforms-field-description-before, +.wp-core-ui div.wpforms-container .wpforms-field-description.before { + font-size: 0.85em; + margin: 0 0 5px 0; +} + +.wpforms-container .wpforms-field-label, +.wp-core-ui div.wpforms-container .wpforms-field-label { + display: block; + font-weight: 700; + font-style: normal; + word-break: break-word; + word-wrap: break-word; +} + +.wpforms-container .wpforms-field-label-inline, +.wp-core-ui div.wpforms-container .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-weight: 400; + font-style: normal; + word-break: break-word; + word-wrap: break-word; +} + +.wpforms-container .wpforms-field-sublabel, +.wp-core-ui div.wpforms-container .wpforms-field-sublabel { + display: block; + font-size: 0.8em; + font-weight: 400; + font-style: normal; + min-width: 120px; +} + +.wpforms-container .wpforms-field-label.wpforms-label-hide, +.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide, +.wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide, +.wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + clip: rect(0 0 0 0); + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; +} + +.wpforms-container .wpforms-required-label, +.wp-core-ui div.wpforms-container .wpforms-required-label { + color: var(--wpforms-label-error-color); + font-weight: normal; +} + +.wpforms-container input[type=date], +.wpforms-container input[type=datetime], +.wpforms-container input[type=datetime-local], +.wpforms-container input[type=email], +.wpforms-container input[type=month], +.wpforms-container input[type=number], +.wpforms-container input[type=password], +.wpforms-container input[type=range], +.wpforms-container input[type=search], +.wpforms-container input[type=tel], +.wpforms-container input[type=text], +.wpforms-container input[type=time], +.wpforms-container input[type=url], +.wpforms-container input[type=week], +.wpforms-container select, +.wpforms-container textarea, +.wp-core-ui div.wpforms-container input[type=date], +.wp-core-ui div.wpforms-container input[type=datetime], +.wp-core-ui div.wpforms-container input[type=datetime-local], +.wp-core-ui div.wpforms-container input[type=email], +.wp-core-ui div.wpforms-container input[type=month], +.wp-core-ui div.wpforms-container input[type=number], +.wp-core-ui div.wpforms-container input[type=password], +.wp-core-ui div.wpforms-container input[type=range], +.wp-core-ui div.wpforms-container input[type=search], +.wp-core-ui div.wpforms-container input[type=tel], +.wp-core-ui div.wpforms-container input[type=text], +.wp-core-ui div.wpforms-container input[type=time], +.wp-core-ui div.wpforms-container input[type=url], +.wp-core-ui div.wpforms-container input[type=week], +.wp-core-ui div.wpforms-container select, +.wp-core-ui div.wpforms-container textarea { + display: block; + width: 100%; + box-sizing: border-box; + font-family: inherit; + font-style: normal; + font-weight: 400; + margin: 0; +} + +.wpforms-container input[type=date]:read-only, +.wpforms-container input[type=datetime]:read-only, +.wpforms-container input[type=datetime-local]:read-only, +.wpforms-container input[type=email]:read-only, +.wpforms-container input[type=month]:read-only, +.wpforms-container input[type=number]:read-only, +.wpforms-container input[type=password]:read-only, +.wpforms-container input[type=range]:read-only, +.wpforms-container input[type=search]:read-only, +.wpforms-container input[type=tel]:read-only, +.wpforms-container input[type=text]:read-only, +.wpforms-container input[type=time]:read-only, +.wpforms-container input[type=url]:read-only, +.wpforms-container input[type=week]:read-only, +.wpforms-container select:read-only, +.wpforms-container textarea:read-only, +.wp-core-ui div.wpforms-container input[type=date]:read-only, +.wp-core-ui div.wpforms-container input[type=datetime]:read-only, +.wp-core-ui div.wpforms-container input[type=datetime-local]:read-only, +.wp-core-ui div.wpforms-container input[type=email]:read-only, +.wp-core-ui div.wpforms-container input[type=month]:read-only, +.wp-core-ui div.wpforms-container input[type=number]:read-only, +.wp-core-ui div.wpforms-container input[type=password]:read-only, +.wp-core-ui div.wpforms-container input[type=range]:read-only, +.wp-core-ui div.wpforms-container input[type=search]:read-only, +.wp-core-ui div.wpforms-container input[type=tel]:read-only, +.wp-core-ui div.wpforms-container input[type=text]:read-only, +.wp-core-ui div.wpforms-container input[type=time]:read-only, +.wp-core-ui div.wpforms-container input[type=url]:read-only, +.wp-core-ui div.wpforms-container input[type=week]:read-only, +.wp-core-ui div.wpforms-container select:read-only, +.wp-core-ui div.wpforms-container textarea:read-only { + cursor: default; +} + +.wpforms-container textarea, +.wp-core-ui div.wpforms-container textarea { + resize: vertical; +} + +.wpforms-container input[type=checkbox], +.wpforms-container input[type=radio], +.wp-core-ui div.wpforms-container input[type=checkbox], +.wp-core-ui div.wpforms-container input[type=radio] { + width: 16px; + height: 16px; + margin: 2px 10px 0 3px; + display: inline-block; + vertical-align: baseline; + font-style: normal; + font-weight: 400; +} + +.wpforms-container .wpforms-five-sixths, +.wpforms-container .wpforms-four-sixths, +.wpforms-container .wpforms-four-fifths, +.wpforms-container .wpforms-one-fifth, +.wpforms-container .wpforms-one-fourth, +.wpforms-container .wpforms-one-half, +.wpforms-container .wpforms-one-sixth, +.wpforms-container .wpforms-one-third, +.wpforms-container .wpforms-three-fourths, +.wpforms-container .wpforms-three-fifths, +.wpforms-container .wpforms-three-sixths, +.wpforms-container .wpforms-two-fourths, +.wpforms-container .wpforms-two-fifths, +.wpforms-container .wpforms-two-sixths, +.wpforms-container .wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.wpforms-container .wpforms-one-half, +.wpforms-container .wpforms-three-sixths, +.wpforms-container .wpforms-two-fourths { + width: calc( 50% - 10px); +} + +.wpforms-container .wpforms-one-third, +.wpforms-container .wpforms-two-sixths { + width: calc( 100% / 3 - 20px); +} + +.wpforms-container .wpforms-one-third.wpforms-first, +.wpforms-container .wpforms-two-sixths.wpforms-first { + width: calc( 100% / 3); +} + +.wpforms-container .wpforms-four-sixths, +.wpforms-container .wpforms-two-thirds { + width: calc( 2 * 100% / 3 - 20px); +} + +.wpforms-container .wpforms-four-sixths.wpforms-first, +.wpforms-container .wpforms-two-thirds.wpforms-first { + width: calc( 2 * 100% / 3); +} + +.wpforms-container .wpforms-one-fourth { + width: calc( 25% - 20px); +} + +.wpforms-container .wpforms-one-fourth.wpforms-first { + width: 25%; +} + +.wpforms-container .wpforms-three-fourths { + width: calc( 75% - 20px); +} + +.wpforms-container .wpforms-three-fourths.wpforms-first { + width: 75%; +} + +.wpforms-container .wpforms-one-fifth { + width: calc( 100% / 5 - 20px); +} + +.wpforms-container .wpforms-one-fifth.wpforms-first { + width: calc( 100% / 5); +} + +.wpforms-container .wpforms-two-fifths { + width: calc( 2 * 100% / 5 - 20px); +} + +.wpforms-container .wpforms-two-fifths.wpforms-first { + width: calc( 2 * 100% / 5); +} + +.wpforms-container .wpforms-three-fifths { + width: calc( 3 * 100% / 5 - 20px); +} + +.wpforms-container .wpforms-three-fifths.wpforms-first { + width: calc( 3 * 100% / 5); +} + +.wpforms-container .wpforms-four-fifths { + width: calc( 4 * 100% / 5 - 20px); +} + +.wpforms-container .wpforms-four-fifths.wpforms-first { + width: calc( 4 * 100% / 5); +} + +.wpforms-container .wpforms-one-sixth { + width: calc( 100% / 6 - 20px); +} + +.wpforms-container .wpforms-one-sixth.wpforms-first { + width: calc( 100% / 6); +} + +.wpforms-container .wpforms-five-sixths { + width: calc( 5 * 100% / 6 - 20px); +} + +.wpforms-container .wpforms-five-sixths.wpforms-first { + width: calc( 5 * 100% / 6); +} + +.wpforms-container .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +.wpforms-container .wpforms-field { + float: none; + clear: both; +} + +.wpforms-container .wpforms-field.wpforms-five-sixths, .wpforms-container .wpforms-field.wpforms-four-sixths, .wpforms-container .wpforms-field.wpforms-four-fifths, .wpforms-container .wpforms-field.wpforms-one-fifth, .wpforms-container .wpforms-field.wpforms-one-fourth, .wpforms-container .wpforms-field.wpforms-one-half, .wpforms-container .wpforms-field.wpforms-one-sixth, .wpforms-container .wpforms-field.wpforms-one-third, .wpforms-container .wpforms-field.wpforms-three-fourths, .wpforms-container .wpforms-field.wpforms-three-fifths, .wpforms-container .wpforms-field.wpforms-three-sixths, .wpforms-container .wpforms-field.wpforms-two-fourths, .wpforms-container .wpforms-field.wpforms-two-fifths, .wpforms-container .wpforms-field.wpforms-two-sixths, .wpforms-container .wpforms-field.wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.wpforms-container .wpforms-field .wpforms-field-row { + align-items: start; + position: relative; + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block { + padding: 0 10px; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child { + padding-inline-start: 0; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child { + padding-inline-end: 0; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + margin-right: auto; + padding-right: 10px; +} + +.wpforms-container .wpforms-field .wpforms-field-row:before { + content: ""; + display: table; +} + +.wpforms-container .wpforms-field .wpforms-field-row:after { + clear: both; + content: ""; + display: table; +} + +.wpforms-container .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +.wpforms-container .wpforms-field .wpforms-field-row > :only-child { + width: 100%; +} + +.wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns { + display: block; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds { + float: none; + margin-left: 0; + clear: initial; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths { + width: 50%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths { + width: 33.33333%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths, +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds { + width: 66.66667%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth { + width: 25%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths { + width: 75%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth { + width: 20%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths { + width: 40%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths { + width: 60%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths { + width: 80%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth { + width: 16.66667%; +} + +.wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths { + width: 83.33333%; +} + +.wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul, +.wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul, +.wpforms-container .wpforms-field .wpforms-list-2-columns ul, +.wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul, +.wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul, +.wpforms-container .wpforms-field .wpforms-list-3-columns ul { + display: grid; + gap: 15px 30px; +} + +.wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul, +.wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul, +.wpforms-container .wpforms-field .wpforms-list-2-columns ul { + grid-template-columns: repeat(2, 1fr); +} + +.wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul, +.wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul, +.wpforms-container .wpforms-field .wpforms-list-3-columns ul { + grid-template-columns: repeat(3, 1fr); +} + +.wpforms-container .wpforms-field .wpforms-list-inline ul li { + display: inline-block; + vertical-align: top; + margin-right: 20px; +} + +.wpforms-container.inline-fields { + overflow: visible; +} + +.wpforms-container.inline-fields .wpforms-form { + display: flex; + justify-content: space-between; +} + +.wpforms-container.inline-fields .wpforms-field-container { + display: flex; + justify-content: space-between; + width: calc( 100% - 175px); +} + +.wpforms-container.inline-fields .wpforms-field-container .wpforms-field { + padding-right: 7px; + padding-left: 8px; +} + +.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:first-of-type { + padding-left: 0; +} + +.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type { + padding-right: 0; +} + +.wpforms-container.inline-fields .wpforms-field-row:first-of-type .wpforms-field-row-block:first-child { + padding-left: 0; +} + +.wpforms-container.inline-fields .wpforms-submit-container { + width: 160px; + padding-bottom: 16px; + align-self: flex-end; +} + +.wpforms-container.inline-fields .wpforms-submit { + display: block; + width: 100%; +} + +.wpforms-container.inline-fields input.wpforms-field-medium, +.wpforms-container.inline-fields select.wpforms-field-medium, +.wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +.wpforms-container ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +.wpforms-container ul.wpforms-image-choices label input { + top: 50%; +} + +.wpforms-container .wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error) { + background: none; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid #ffffff; + border-radius: 3px; + padding: 20px; + transition: all 0.5s; + text-align: center; +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus, .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus-within { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected label, .wpforms-container .wpforms-image-choices-modern li:has(input:checked) label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label, .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label { + font-weight: 700; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after, .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after { + opacity: 1; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #ffffff; + background: var(--wpforms-button-background-color, #066aab); + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li { + margin: 5px !important; +} + +.wpforms-container .wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error) { + background: none; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid transparent; + padding: 10px; + text-align: center; +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):focus { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-selected label, .wpforms-container .wpforms-image-choices-classic li:has(input:checked) label { + border-color: rgba(0, 0, 0, 0.7); +} + +.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +.wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item input { + vertical-align: middle; +} + +.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label { + display: inline-block; + margin-top: 5px; + margin-left: 10px; + vertical-align: middle; +} + +.wpforms-container-full ul.wpforms-icon-choices, +.wpforms-container-full ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +.wpforms-container-full ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +.wpforms-container-full ul.wpforms-icon-choices + .wpforms-field-description, +.wpforms-container-full ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +.wpforms-container-full ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +.wpforms-container-full ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +.wpforms-container-full ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +.wpforms-container-full ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices, +.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices, +.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li, +.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li, +.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .choices .choices__inner { + border-radius: 3px; + min-height: 35px; +} + +.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single { + height: auto; +} + +.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item { + line-height: 1.3; +} + +.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner, +.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 3px 3px; +} + +.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +.wpforms-container .wpforms-form .choices.is-open .choices__inner { + border-radius: 3px 3px 0 0; +} + +.wpforms-container textarea { + line-height: 1.3; +} + +.wpforms-container textarea.wpforms-field-small { + height: 70px; +} + +.wpforms-container textarea.wpforms-field-medium { + height: 120px; +} + +.wpforms-container textarea.wpforms-field-large { + height: 220px; +} + +.wpforms-container .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.wpforms-container .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.wpforms-container .size-large > .wpforms-order-summary-container, +.wpforms-container .wpforms-field-large > .wpforms-order-summary-container { + max-width: 100%; +} + +.wpforms-container .size-medium > .wpforms-order-summary-container, +.wpforms-container .wpforms-field-medium > .wpforms-order-summary-container { + max-width: 60%; +} + +.wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #D63637; +} + +div.wpforms-container-full, +div.wpforms-container-full *, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full * { + background: none; + border: 0 none; + border-radius: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + float: none; + font-size: 100%; + height: auto; + letter-spacing: normal; + outline: none; + position: static; + text-indent: 0; + text-shadow: none; + text-transform: none; + width: auto; + visibility: visible; + overflow: visible; + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +div.wpforms-container-full img, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full img, div.wpforms-container-full video, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full video, div.wpforms-container-full canvas, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full canvas, div.wpforms-container-full svg, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full svg { + overflow: clip; +} + +div.wpforms-container-full { + margin-left: auto; + margin-right: auto; +} + +div.wpforms-container-full:not(:empty) { + margin: 24px auto; + padding: var(--wpforms-container-padding); + background-clip: padding-box; + background-color: var(--wpforms-background-color); + background-image: var(--wpforms-background-url); + background-position: var(--wpforms-background-position); + background-repeat: var(--wpforms-background-repeat); + background-size: var(--wpforms-background-size); + border-style: var(--wpforms-container-border-style); + border-width: var(--wpforms-container-border-width); + border-color: var(--wpforms-container-border-color); + border-radius: var(--wpforms-container-border-radius); + box-shadow: var(--wpforms-container-shadow-size-box-shadow); +} + +div.wpforms-container-full input, +div.wpforms-container-full label, +div.wpforms-container-full select, +div.wpforms-container-full button, +div.wpforms-container-full textarea { + margin: 0; + border: 0; + padding: 0; + vertical-align: middle; + background: none; + height: auto; + box-sizing: border-box; +} + +div.wpforms-container-full h1, +div.wpforms-container-full h2, +div.wpforms-container-full h3, +div.wpforms-container-full h4, +div.wpforms-container-full h5, +div.wpforms-container-full h6, +div.wpforms-container-full small, +div.wpforms-container-full sup, +div.wpforms-container-full sub, +div.wpforms-container-full dl, +div.wpforms-container-full dt, +div.wpforms-container-full dd, +div.wpforms-container-full time, +div.wpforms-container-full address, +div.wpforms-container-full pre, +div.wpforms-container-full code, +div.wpforms-container-full blockquote, +div.wpforms-container-full sup, +div.wpforms-container-full sub, +div.wpforms-container-full del { + font-size: revert; + font-weight: revert; + margin: revert; + padding: revert; +} + +div.wpforms-container-full sup, +div.wpforms-container-full sub { + position: relative; +} + +div.wpforms-container-full del { + text-decoration: line-through; +} + +div.wpforms-container-full blockquote { + padding-left: 20px; + border-left: 4px solid; +} + +div.wpforms-container-full blockquote p { + font-size: revert; + font-weight: revert; + font-style: italic; +} + +div.wpforms-container-full ul, +div.wpforms-container-full ul li { + background: none; + border: 0; + margin: 0; + padding: 0; +} + +div.wpforms-container-full ul li { + margin-bottom: 15px; +} + +div.wpforms-container-full ul li:last-of-type { + margin-bottom: 0; +} + +div.wpforms-container-full hr { + border-top-width: var(--wpforms-field-border-size); + border-top-style: var(--wpforms-field-border-style); + border-top-color: var(--wpforms-field-border-color); + margin: 0.5em auto; +} + +div.wpforms-container-full fieldset { + min-width: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-head-container { + margin: 0; + padding: 0 0 35px 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-title { + font-weight: 700; + line-height: 29px; + color: var(--wpforms-label-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-description { + font-style: normal; + font-weight: 300; + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); + color: var(--wpforms-label-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-submit-container { + margin-top: var(--wpforms-button-size-margin-top); +} + +div.wpforms-container-full .wpforms-form .wpforms-submit-spinner { + max-width: 26px; +} + +body .wpforms-test { + outline: 2px solid red !important; +} + +div.wpforms-container-full .wpforms-form label.wpforms-error, +div.wpforms-container-full .wpforms-form em.wpforms-error { + font-weight: 400; + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + margin-top: var(--wpforms-field-size-input-spacing); + color: var(--wpforms-label-error-color); + padding: 0 0 0 5px; + position: relative; +} + +div.wpforms-container-full .wpforms-form label.wpforms-error:before, +div.wpforms-container-full .wpforms-form em.wpforms-error:before { + -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A"); + mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A"); + content: ''; + position: relative; + display: inline-block; + right: 5px; + top: 1.5px; + width: 16px; + height: 14px; + background-color: var(--wpforms-label-error-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-field-sublabel + .wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field-credit-card .wpforms-field-sublabel + .wpforms-error { + margin-top: calc( 1.5 * var( --wpforms-field-size-sublabel-spacing )); +} + +div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, +div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:hover, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:hover, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:hover, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:hover, +div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:hover, +div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:hover { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 2px 0 var(--wpforms-label-error-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:focus, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:focus, +div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:focus, +div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:focus, +div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:focus { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 0 1px var(--wpforms-label-error-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid, +div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error, +div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid { + border: none; + box-shadow: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error:hover, div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error:focus, div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid:hover, div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid:focus, +div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error:hover, +div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error:focus, +div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid:hover, +div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid:focus { + border: none; + box-shadow: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container { + color: var(--wpforms-label-error-color); + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container ul li { + list-style: inside !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container ol li { + list-style: inside decimal !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container a { + color: var(--wpforms-label-error-color); + text-decoration: underline !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container a:hover { + text-decoration: none !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container del { + text-decoration: line-through !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote { + padding-left: 20px; + border-left: 4px solid; + font-style: italic; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container.wpforms-error-styled-container { + padding: 15px 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-container.wpforms-error-styled-container .wpforms-error { + padding: 11px; + border: 1px solid var(--wpforms-label-error-color); + border-left: 5px solid; +} + +div.wpforms-container-full .wpforms-form .wpforms-error-alert { + color: var(--wpforms-label-error-color); + border-color: transparent; + border-radius: var(--wpforms-field-border-radius); + font-size: var(--wpforms-label-size-sublabel-font-size); + padding: var(--wpforms-field-size-input-spacing); + background: linear-gradient(90deg, var(--wpforms-label-error-color) -3000%, transparent 500%); +} + +div.wpforms-container-full .wpforms-confirmation-container-full, +div[submit-success] > .wpforms-confirmation-container-full { + color: #333333; + margin: 0 auto 24px; + padding: 15px; + overflow-wrap: break-word; +} + +div.wpforms-container-full .wpforms-confirmation-container-full ul, div.wpforms-container-full .wpforms-confirmation-container-full ol, +div[submit-success] > .wpforms-confirmation-container-full ul, +div[submit-success] > .wpforms-confirmation-container-full ol { + padding-left: 30px; +} + +div.wpforms-container-full .wpforms-confirmation-container-full ul li, div.wpforms-container-full .wpforms-confirmation-container-full ol li, +div[submit-success] > .wpforms-confirmation-container-full ul li, +div[submit-success] > .wpforms-confirmation-container-full ol li { + margin-bottom: 5px; +} + +div.wpforms-container-full .wpforms-confirmation-container-full p, +div[submit-success] > .wpforms-confirmation-container-full p { + margin: 0 0 15px 0; +} + +div.wpforms-container-full .wpforms-confirmation-container-full p:last-child, +div[submit-success] > .wpforms-confirmation-container-full p:last-child { + margin: 0; +} + +div.wpforms-container-full .wpforms-confirmation-container-full iframe, +div[submit-success] > .wpforms-confirmation-container-full iframe { + width: 100%; + border: 0; +} + +div.wpforms-container-full .wpforms-confirmation-container-full, +div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { + background: #e0ffc7; + border: 1px solid #b4d39b; + box-sizing: border-box; +} + +div.wpforms-container-full .wpforms-confirmation-container-full p, +div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p { + color: #333333; +} + +div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview, +div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview { + color: inherit; + border-color: #b4d39b; +} + +div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview td, div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview th, +div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview td, +div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview th { + border-top-color: #b4d39b; +} + +div.wpforms-container-full .wpforms-form amp-img > img { + position: absolute; +} + +div.wpforms-container-full .wpforms-form .wpforms-limit-text { + font-size: 13px; + display: block; +} + +.wpforms-screen-reader-announce { + color: transparent !important; + position: absolute !important; + bottom: 0 !important; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap { + transform: rotate(180deg); +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + margin: 0 0 0 10px; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + margin: 0 0 0 15px; +} + +body.rtl div.wpforms-container-full .wpforms-form em.wpforms-error { + padding: 0 5px 0 0; +} + +body.rtl div.wpforms-container-full .wpforms-form em.wpforms-error:before { + left: 5px; + right: auto; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices__list--single .choices__item { + padding-right: 0; + padding-left: 15px; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner { + padding: 0 7px 0 24px; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single { + padding: 0 4px 0 16px; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after { + right: auto; + left: 12px; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after { + right: auto; + left: 12px; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button { + right: auto; + left: 0; + margin-right: 0; + margin-left: 25px; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"] .choices__button { + margin-right: 5px; + border-right: none; +} + +body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select { + background-position: calc(0% + 12px) 50%, calc(0% + 17px) 50%; + padding: 0 12px 0 24px; +} + +div.wpforms-container-full .wpforms-field-description, +div.wpforms-container-full .wpforms-field-limit-text, +.wp-core-ui div.wpforms-container-full .wpforms-field-description, +.wp-core-ui div.wpforms-container-full .wpforms-field-limit-text { + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + color: var(--wpforms-label-sublabel-color); + margin: var(--wpforms-field-size-sublabel-spacing) 0 0 0; +} + +div.wpforms-container-full .wpforms-field-description ul, div.wpforms-container-full .wpforms-field-description ol, +.wp-core-ui div.wpforms-container-full .wpforms-field-description ul, +.wp-core-ui div.wpforms-container-full .wpforms-field-description ol { + padding-left: 15px; +} + +div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description, +.wp-core-ui div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description { + color: var(--wpforms-field-text-color); + margin-top: var(--wpforms-field-size-input-spacing); + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + background-color: var(--wpforms-field-background-color); + border-radius: var(--wpforms-field-border-radius); + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); + padding: var(--wpforms-field-size-padding-h); +} + +div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description p, +.wp-core-ui div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description p { + color: inherit; + font-size: inherit; + line-height: inherit; + margin-bottom: 15px; +} + +div.wpforms-container-full .wpforms-field-description-before, div.wpforms-container-full .wpforms-field-description.before, +.wp-core-ui div.wpforms-container-full .wpforms-field-description-before, +.wp-core-ui div.wpforms-container-full .wpforms-field-description.before { + margin: 0 0 var(--wpforms-field-size-input-spacing) 0; +} + +div.wpforms-container-full .wpforms-field-row + .wpforms-field-description, +.wp-core-ui div.wpforms-container-full .wpforms-field-row + .wpforms-field-description { + margin-top: 0; +} + +div.wpforms-container-full .wpforms-field-row + .wpforms-field-description.wpforms-disclaimer-description, +.wp-core-ui div.wpforms-container-full .wpforms-field-row + .wpforms-field-description.wpforms-disclaimer-description { + margin-top: 0; +} + +div.wpforms-container-full .wpforms-field-label, +.wp-core-ui div.wpforms-container-full .wpforms-field-label { + margin: 0 0 var(--wpforms-field-size-input-spacing) 0; + padding: 0; + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); + color: var(--wpforms-label-color); +} + +div.wpforms-container-full .wpforms-field-label-inline, +.wp-core-ui div.wpforms-container-full .wpforms-field-label-inline { + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); +} + +div.wpforms-container-full .wpforms-field-sublabel, +.wp-core-ui div.wpforms-container-full .wpforms-field-sublabel { + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + margin: var(--wpforms-field-size-sublabel-spacing) 0 0 0; + padding: 0; + color: var(--wpforms-label-sublabel-color); +} + +div.wpforms-container-full .wpforms-field-sublabel.before, +.wp-core-ui div.wpforms-container-full .wpforms-field-sublabel.before { + margin: 0 0 var(--wpforms-field-size-sublabel-spacing) 0; +} + +div.wpforms-container-full .wpforms-field-label-inline, +.wp-core-ui div.wpforms-container-full .wpforms-field-label-inline { + color: var(--wpforms-label-color); +} + +div.wpforms-container-full .wpforms-required-label, +.wp-core-ui div.wpforms-container-full .wpforms-required-label { + font-weight: 400; +} + +div.wpforms-container-full input[type=date], +div.wpforms-container-full input[type=datetime], +div.wpforms-container-full input[type=datetime-local], +div.wpforms-container-full input[type=email], +div.wpforms-container-full input[type=month], +div.wpforms-container-full input[type=number], +div.wpforms-container-full input[type=password], +div.wpforms-container-full input[type=range], +div.wpforms-container-full input[type=search], +div.wpforms-container-full input[type=tel], +div.wpforms-container-full input[type=text], +div.wpforms-container-full input[type=time], +div.wpforms-container-full input[type=url], +div.wpforms-container-full input[type=week], +div.wpforms-container-full select, +div.wpforms-container-full textarea, +.wp-core-ui div.wpforms-container-full input[type=date], +.wp-core-ui div.wpforms-container-full input[type=datetime], +.wp-core-ui div.wpforms-container-full input[type=datetime-local], +.wp-core-ui div.wpforms-container-full input[type=email], +.wp-core-ui div.wpforms-container-full input[type=month], +.wp-core-ui div.wpforms-container-full input[type=number], +.wp-core-ui div.wpforms-container-full input[type=password], +.wp-core-ui div.wpforms-container-full input[type=range], +.wp-core-ui div.wpforms-container-full input[type=search], +.wp-core-ui div.wpforms-container-full input[type=tel], +.wp-core-ui div.wpforms-container-full input[type=text], +.wp-core-ui div.wpforms-container-full input[type=time], +.wp-core-ui div.wpforms-container-full input[type=url], +.wp-core-ui div.wpforms-container-full input[type=week], +.wp-core-ui div.wpforms-container-full select, +.wp-core-ui div.wpforms-container-full textarea { + background-color: var(--wpforms-field-background-color); + background-clip: padding-box; + border-radius: var(--wpforms-field-border-radius); + color: var(--wpforms-field-text-color); + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); + padding: 0 var(--wpforms-field-size-padding-h); + font-size: var(--wpforms-field-size-font-size); + line-height: 100%; + box-shadow: none; + transition: border 0.15s, box-shadow 0.15s; +} + +div.wpforms-container-full input[type=date]:focus, +div.wpforms-container-full input[type=datetime]:focus, +div.wpforms-container-full input[type=datetime-local]:focus, +div.wpforms-container-full input[type=email]:focus, +div.wpforms-container-full input[type=month]:focus, +div.wpforms-container-full input[type=number]:focus, +div.wpforms-container-full input[type=password]:focus, +div.wpforms-container-full input[type=range]:focus, +div.wpforms-container-full input[type=search]:focus, +div.wpforms-container-full input[type=tel]:focus, +div.wpforms-container-full input[type=text]:focus, +div.wpforms-container-full input[type=time]:focus, +div.wpforms-container-full input[type=url]:focus, +div.wpforms-container-full input[type=week]:focus, +div.wpforms-container-full select:focus, +div.wpforms-container-full textarea:focus, +.wp-core-ui div.wpforms-container-full input[type=date]:focus, +.wp-core-ui div.wpforms-container-full input[type=datetime]:focus, +.wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus, +.wp-core-ui div.wpforms-container-full input[type=email]:focus, +.wp-core-ui div.wpforms-container-full input[type=month]:focus, +.wp-core-ui div.wpforms-container-full input[type=number]:focus, +.wp-core-ui div.wpforms-container-full input[type=password]:focus, +.wp-core-ui div.wpforms-container-full input[type=range]:focus, +.wp-core-ui div.wpforms-container-full input[type=search]:focus, +.wp-core-ui div.wpforms-container-full input[type=tel]:focus, +.wp-core-ui div.wpforms-container-full input[type=text]:focus, +.wp-core-ui div.wpforms-container-full input[type=time]:focus, +.wp-core-ui div.wpforms-container-full input[type=url]:focus, +.wp-core-ui div.wpforms-container-full input[type=week]:focus, +.wp-core-ui div.wpforms-container-full select:focus, +.wp-core-ui div.wpforms-container-full textarea:focus { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +div.wpforms-container-full input[type=date]:focus:invalid, +div.wpforms-container-full input[type=datetime]:focus:invalid, +div.wpforms-container-full input[type=datetime-local]:focus:invalid, +div.wpforms-container-full input[type=email]:focus:invalid, +div.wpforms-container-full input[type=month]:focus:invalid, +div.wpforms-container-full input[type=number]:focus:invalid, +div.wpforms-container-full input[type=password]:focus:invalid, +div.wpforms-container-full input[type=range]:focus:invalid, +div.wpforms-container-full input[type=search]:focus:invalid, +div.wpforms-container-full input[type=tel]:focus:invalid, +div.wpforms-container-full input[type=text]:focus:invalid, +div.wpforms-container-full input[type=time]:focus:invalid, +div.wpforms-container-full input[type=url]:focus:invalid, +div.wpforms-container-full input[type=week]:focus:invalid, +div.wpforms-container-full select:focus:invalid, +div.wpforms-container-full textarea:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=date]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=datetime]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=email]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=month]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=number]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=password]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=range]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=search]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=tel]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=text]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=time]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=url]:focus:invalid, +.wp-core-ui div.wpforms-container-full input[type=week]:focus:invalid, +.wp-core-ui div.wpforms-container-full select:focus:invalid, +.wp-core-ui div.wpforms-container-full textarea:focus:invalid { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; + color: var(--wpforms-field-text-color); +} + +div.wpforms-container-full input[type=date][disabled], +div.wpforms-container-full input[type=datetime][disabled], +div.wpforms-container-full input[type=datetime-local][disabled], +div.wpforms-container-full input[type=email][disabled], +div.wpforms-container-full input[type=month][disabled], +div.wpforms-container-full input[type=number][disabled], +div.wpforms-container-full input[type=password][disabled], +div.wpforms-container-full input[type=range][disabled], +div.wpforms-container-full input[type=search][disabled], +div.wpforms-container-full input[type=tel][disabled], +div.wpforms-container-full input[type=text][disabled], +div.wpforms-container-full input[type=time][disabled], +div.wpforms-container-full input[type=url][disabled], +div.wpforms-container-full input[type=week][disabled], +div.wpforms-container-full select[disabled], +div.wpforms-container-full textarea[disabled], +.wp-core-ui div.wpforms-container-full input[type=date][disabled], +.wp-core-ui div.wpforms-container-full input[type=datetime][disabled], +.wp-core-ui div.wpforms-container-full input[type=datetime-local][disabled], +.wp-core-ui div.wpforms-container-full input[type=email][disabled], +.wp-core-ui div.wpforms-container-full input[type=month][disabled], +.wp-core-ui div.wpforms-container-full input[type=number][disabled], +.wp-core-ui div.wpforms-container-full input[type=password][disabled], +.wp-core-ui div.wpforms-container-full input[type=range][disabled], +.wp-core-ui div.wpforms-container-full input[type=search][disabled], +.wp-core-ui div.wpforms-container-full input[type=tel][disabled], +.wp-core-ui div.wpforms-container-full input[type=text][disabled], +.wp-core-ui div.wpforms-container-full input[type=time][disabled], +.wp-core-ui div.wpforms-container-full input[type=url][disabled], +.wp-core-ui div.wpforms-container-full input[type=week][disabled], +.wp-core-ui div.wpforms-container-full select[disabled], +.wp-core-ui div.wpforms-container-full textarea[disabled] { + color: var(--wpforms-field-text-color); + opacity: 0.5; +} + +div.wpforms-container-full input[type=date]::-webkit-input-placeholder, +div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder, +div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder, +div.wpforms-container-full input[type=email]::-webkit-input-placeholder, +div.wpforms-container-full input[type=month]::-webkit-input-placeholder, +div.wpforms-container-full input[type=number]::-webkit-input-placeholder, +div.wpforms-container-full input[type=password]::-webkit-input-placeholder, +div.wpforms-container-full input[type=range]::-webkit-input-placeholder, +div.wpforms-container-full input[type=search]::-webkit-input-placeholder, +div.wpforms-container-full input[type=tel]::-webkit-input-placeholder, +div.wpforms-container-full input[type=text]::-webkit-input-placeholder, +div.wpforms-container-full input[type=time]::-webkit-input-placeholder, +div.wpforms-container-full input[type=url]::-webkit-input-placeholder, +div.wpforms-container-full input[type=week]::-webkit-input-placeholder, +div.wpforms-container-full select::-webkit-input-placeholder, +div.wpforms-container-full textarea::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=date]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=email]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=month]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=number]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=password]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=range]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=search]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=tel]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=text]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=time]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=url]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full input[type=week]::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full select::-webkit-input-placeholder, +.wp-core-ui div.wpforms-container-full textarea::-webkit-input-placeholder { + color: var(--wpforms-field-text-color); + opacity: 0.5; + pointer-events: none; +} + +div.wpforms-container-full input[type=date]::-moz-placeholder, +div.wpforms-container-full input[type=datetime]::-moz-placeholder, +div.wpforms-container-full input[type=datetime-local]::-moz-placeholder, +div.wpforms-container-full input[type=email]::-moz-placeholder, +div.wpforms-container-full input[type=month]::-moz-placeholder, +div.wpforms-container-full input[type=number]::-moz-placeholder, +div.wpforms-container-full input[type=password]::-moz-placeholder, +div.wpforms-container-full input[type=range]::-moz-placeholder, +div.wpforms-container-full input[type=search]::-moz-placeholder, +div.wpforms-container-full input[type=tel]::-moz-placeholder, +div.wpforms-container-full input[type=text]::-moz-placeholder, +div.wpforms-container-full input[type=time]::-moz-placeholder, +div.wpforms-container-full input[type=url]::-moz-placeholder, +div.wpforms-container-full input[type=week]::-moz-placeholder, +div.wpforms-container-full select::-moz-placeholder, +div.wpforms-container-full textarea::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=date]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=datetime]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=datetime-local]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=email]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=month]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=number]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=password]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=range]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=search]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=tel]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=text]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=time]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=url]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=week]::-moz-placeholder, +.wp-core-ui div.wpforms-container-full select::-moz-placeholder, +.wp-core-ui div.wpforms-container-full textarea::-moz-placeholder { + color: var(--wpforms-field-text-color); + opacity: 0.5; + pointer-events: none; +} + +div.wpforms-container-full input[type=date]:-moz-placeholder, +div.wpforms-container-full input[type=datetime]:-moz-placeholder, +div.wpforms-container-full input[type=datetime-local]:-moz-placeholder, +div.wpforms-container-full input[type=email]:-moz-placeholder, +div.wpforms-container-full input[type=month]:-moz-placeholder, +div.wpforms-container-full input[type=number]:-moz-placeholder, +div.wpforms-container-full input[type=password]:-moz-placeholder, +div.wpforms-container-full input[type=range]:-moz-placeholder, +div.wpforms-container-full input[type=search]:-moz-placeholder, +div.wpforms-container-full input[type=tel]:-moz-placeholder, +div.wpforms-container-full input[type=text]:-moz-placeholder, +div.wpforms-container-full input[type=time]:-moz-placeholder, +div.wpforms-container-full input[type=url]:-moz-placeholder, +div.wpforms-container-full input[type=week]:-moz-placeholder, +div.wpforms-container-full select:-moz-placeholder, +div.wpforms-container-full textarea:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=date]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=datetime]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=datetime-local]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=email]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=month]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=number]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=password]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=range]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=search]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=tel]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=text]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=time]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=url]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full input[type=week]:-moz-placeholder, +.wp-core-ui div.wpforms-container-full select:-moz-placeholder, +.wp-core-ui div.wpforms-container-full textarea:-moz-placeholder { + color: var(--wpforms-field-text-color); + opacity: 0.5; + pointer-events: none; +} + +div.wpforms-container-full textarea, +.wp-core-ui div.wpforms-container-full textarea { + width: 100%; +} + +div.wpforms-container-full input, +div.wpforms-container-full select, +.wp-core-ui div.wpforms-container-full input, +.wp-core-ui div.wpforms-container-full select { + height: var(--wpforms-field-size-input-height); +} + +div.wpforms-container-full select, +.wp-core-ui div.wpforms-container-full select { + appearance: none; + display: block; + max-width: 100%; + width: 100%; + text-transform: none; + text-shadow: none; + white-space: nowrap; + line-height: unset; + padding-block: 0; + padding-inline-end: 24px; + padding-inline-start: 12px; + min-height: var(--wpforms-field-size-input-height); + vertical-align: middle; + cursor: pointer; +} + +div.wpforms-container-full select, div.wpforms-container-full select:disabled, +.wp-core-ui div.wpforms-container-full select, +.wp-core-ui div.wpforms-container-full select:disabled { + background-image: linear-gradient(45deg, transparent 50%, var(--wpforms-field-border-color-spare) 50%), linear-gradient(135deg, var(--wpforms-field-border-color-spare) 50%, transparent 50%); + background-position: calc( 100% - 17px) 50%, calc( 100% - 12px) 50%; + background-size: 5px 5px, 5px 5px; + background-repeat: no-repeat; +} + +.rtl div.wpforms-container-full select, .rtl div.wpforms-container-full select:disabled, .rtl +.wp-core-ui div.wpforms-container-full select, .rtl +.wp-core-ui div.wpforms-container-full select:disabled { + background-position: 12px 50%, 17px 50%; +} + +div.wpforms-container-full select > option, +.wp-core-ui div.wpforms-container-full select > option { + color: var(--wpforms-field-text-color); +} + +div.wpforms-container-full select > option.placeholder, div.wpforms-container-full select > option[disabled], +.wp-core-ui div.wpforms-container-full select > option.placeholder, +.wp-core-ui div.wpforms-container-full select > option[disabled] { + color: var(--wpforms-field-text-color); + opacity: 0.5; +} + +div.wpforms-container-full select:not([multiple]) > option, +.wp-core-ui div.wpforms-container-full select:not([multiple]) > option { + background: var(--wpforms-field-menu-color); +} + +div.wpforms-container-full select:not([multiple]) > option:not(.placeholder):checked, +.wp-core-ui div.wpforms-container-full select:not([multiple]) > option:not(.placeholder):checked { + font-weight: bold; +} + +div.wpforms-container-full select[multiple], +.wp-core-ui div.wpforms-container-full select[multiple] { + height: auto; + overflow-y: scroll; + background-image: none; +} + +div.wpforms-container-full select[multiple] > option:not(.placeholder):checked, +.wp-core-ui div.wpforms-container-full select[multiple] > option:not(.placeholder):checked { + background: var(--wpforms-button-background-color); + color: var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color)); +} + +div.wpforms-container-full input[type=number]:read-only, +.wp-core-ui div.wpforms-container-full input[type=number]:read-only { + appearance: textfield; + -moz-appearance: textfield; + -webkit-appearance: textfield; +} + +div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button, +.wp-core-ui div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button { + visibility: hidden; +} + +div.wpforms-container-full input[type=submit], +div.wpforms-container-full button[type=submit], +div.wpforms-container-full .wpforms-page-button, +.wp-core-ui div.wpforms-container-full input[type=submit], +.wp-core-ui div.wpforms-container-full button[type=submit], +.wp-core-ui div.wpforms-container-full .wpforms-page-button { + height: var(--wpforms-button-size-height); + background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); + border-radius: var(--wpforms-button-border-radius); + border-style: var(--wpforms-button-border-style); + border-color: var(--wpforms-button-border-color); + border-width: var(--wpforms-button-border-size); + box-shadow: none; + color: var(--wpforms-button-text-color); + padding: 0 var(--wpforms-button-size-padding-h); + font-family: inherit; + font-weight: 500; + font-size: var(--wpforms-button-size-font-size); + line-height: 100%; + cursor: pointer; + transition: all 0.15s ease-in-out; + position: relative; + text-decoration: none; +} + +div.wpforms-container-full input[type=submit]:not(:hover):not(:active), +div.wpforms-container-full button[type=submit]:not(:hover):not(:active), +div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), +.wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), +.wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), +.wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) { + background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); + color: var(--wpforms-button-text-color); +} + +div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, +div.wpforms-container-full button[type=submit]:hover, +div.wpforms-container-full button[type=submit]:active, +div.wpforms-container-full .wpforms-page-button:hover, +div.wpforms-container-full .wpforms-page-button:active, +.wp-core-ui div.wpforms-container-full input[type=submit]:hover, +.wp-core-ui div.wpforms-container-full input[type=submit]:active, +.wp-core-ui div.wpforms-container-full button[type=submit]:hover, +.wp-core-ui div.wpforms-container-full button[type=submit]:active, +.wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, +.wp-core-ui div.wpforms-container-full .wpforms-page-button:active { + background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); +} + +div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover, div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active, +div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover, +div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active, +div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover, +div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active, +.wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover, +.wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active, +.wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover, +.wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active, +.wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover, +.wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active { + background: none; + opacity: .75; +} + +div.wpforms-container-full input[type=submit]:focus, +div.wpforms-container-full button[type=submit]:focus, +div.wpforms-container-full .wpforms-page-button:focus, +.wp-core-ui div.wpforms-container-full input[type=submit]:focus, +.wp-core-ui div.wpforms-container-full button[type=submit]:focus, +.wp-core-ui div.wpforms-container-full .wpforms-page-button:focus { + outline: none; +} + +div.wpforms-container-full input[type=submit]:focus:after, +div.wpforms-container-full button[type=submit]:focus:after, +div.wpforms-container-full .wpforms-page-button:focus:after, +.wp-core-ui div.wpforms-container-full input[type=submit]:focus:after, +.wp-core-ui div.wpforms-container-full button[type=submit]:focus:after, +.wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after { + content: ""; + position: absolute; + border: 2px solid var(--wpforms-button-background-color); + border-radius: calc( var( --wpforms-button-border-radius ) + 2px); + top: calc( -4px - var( --wpforms-button-border-size, 1px )); + right: calc( -4px - var( --wpforms-button-border-size, 1px )); + bottom: calc( -4px - var( --wpforms-button-border-size, 1px )); + left: calc( -4px - var( --wpforms-button-border-size, 1px )); +} + +div.wpforms-container-full input[type=submit]:disabled, div.wpforms-container-full input[type=submit]:disabled:hover, div.wpforms-container-full input[type=submit].wpforms-disabled, +div.wpforms-container-full button[type=submit]:disabled, +div.wpforms-container-full button[type=submit]:disabled:hover, +div.wpforms-container-full button[type=submit].wpforms-disabled, +div.wpforms-container-full .wpforms-page-button:disabled, +div.wpforms-container-full .wpforms-page-button:disabled:hover, +div.wpforms-container-full .wpforms-page-button.wpforms-disabled, +.wp-core-ui div.wpforms-container-full input[type=submit]:disabled, +.wp-core-ui div.wpforms-container-full input[type=submit]:disabled:hover, +.wp-core-ui div.wpforms-container-full input[type=submit].wpforms-disabled, +.wp-core-ui div.wpforms-container-full button[type=submit]:disabled, +.wp-core-ui div.wpforms-container-full button[type=submit]:disabled:hover, +.wp-core-ui div.wpforms-container-full button[type=submit].wpforms-disabled, +.wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled, +.wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled:hover, +.wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-disabled { + background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); + cursor: default; +} + +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=date]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime-local]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=email]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=month]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=number]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=password]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=range]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=search]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=tel]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=text]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=time]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=url]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=week]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) select:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) textarea:disabled { + cursor: not-allowed; + opacity: 0.5; +} + +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:before, div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:after, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:before, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:after { + cursor: not-allowed; + opacity: 0.5; +} + +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled, div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled:hover, div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit].wpforms-disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled:hover, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit].wpforms-disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled:hover, +div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button.wpforms-disabled { + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row { + margin-bottom: var(--wpforms-field-size-input-spacing); +} + +div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-child, div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:only-child { + margin-bottom: 0 !important; +} + +div.wpforms-container-full input[type=checkbox], +div.wpforms-container-full input[type=radio] { + position: relative; + display: inline-block; + background: none; + height: calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 )); + width: calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 )); + margin: 0 0 0 2px; + border: none; + box-shadow: none; + vertical-align: middle; + opacity: 1; + appearance: none; +} + +div.wpforms-container-full input[type=checkbox]:before, div.wpforms-container-full input[type=checkbox]:after, +div.wpforms-container-full input[type=radio]:before, +div.wpforms-container-full input[type=radio]:after { + content: ''; + position: absolute; + left: -2px; + top: -2px; + width: var(--wpforms-field-size-checkbox-size); + height: var(--wpforms-field-size-checkbox-size); + box-sizing: content-box; + cursor: pointer; +} + +div.wpforms-container-full input[type=checkbox]:before, +div.wpforms-container-full input[type=radio]:before { + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); + background-color: var(--wpforms-field-background-color); + background-clip: padding-box; + background-image: none; + border-radius: 3px; +} + +div.wpforms-container-full input[type=checkbox] + label, +div.wpforms-container-full input[type=radio] + label { + display: inline; + position: relative; + padding-inline-start: 12px; + font-size: var(--wpforms-label-size-font-size); + cursor: pointer; + vertical-align: middle; +} + +div.wpforms-container-full input[type=checkbox]:checked:before, +div.wpforms-container-full input[type=radio]:checked:before { + margin: 0; + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +div.wpforms-container-full input[type=checkbox]:focus, +div.wpforms-container-full input[type=radio]:focus { + outline: none; +} + +div.wpforms-container-full input[type=checkbox]:focus:before, +div.wpforms-container-full input[type=radio]:focus:before { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +div.wpforms-container-full input[type=checkbox]:checked:after { + border-top: none; + border-right: none; + height: calc( var( --wpforms-field-size-checkbox-size ) * 0.6); + border-left: 4px solid var(--wpforms-button-background-color); + border-bottom: 4px solid var(--wpforms-button-background-color); + background-color: transparent; + transform: translate(0, 1px) scale(0.5) rotate(-45deg); + left: calc( -4px + var( --wpforms-field-border-size, 1px )); + top: calc( -3px + var( --wpforms-field-border-size, 1px )); +} + +div.wpforms-container-full input[type=radio] { + border-radius: 50%; +} + +div.wpforms-container-full input[type=radio]:before { + border-radius: 50%; +} + +div.wpforms-container-full input[type=radio]:checked:after { + border: 1px solid transparent; + border-radius: 50%; + background-color: var(--wpforms-button-background-color); + transform: scale(0.5); + -moz-transform: scale(0.47); + left: calc( -3px + var( --wpforms-field-border-size, 1px )); + top: calc( -3px + var( --wpforms-field-border-size, 1px )); +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul { + display: grid; + grid-template-columns: repeat(1, auto); + padding: 0; + gap: var(--wpforms-field-size-input-spacing); +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li { + height: unset; + line-height: var(--wpforms-field-size-checkbox-size); + display: flex; + align-items: flex-start; + margin: 0; +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input { + min-width: var(--wpforms-field-size-checkbox-size); + margin-top: calc((var(--wpforms-label-size-font-size) * 1.3 - var(--wpforms-field-size-checkbox-size)) / 1.5); +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input + label, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input + label, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input + label, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input + label { + padding-inline-start: 12px; + margin: 0; + line-height: 1.3; +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label .wpforms-currency-symbol, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input + label .wpforms-currency-symbol, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input + label .wpforms-currency-symbol, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input + label .wpforms-currency-symbol, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input + label .wpforms-currency-symbol { + white-space: nowrap; +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol, div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol { + display: block; + padding-left: 15px; +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol li, div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol li, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol li { + display: list-item; + margin-bottom: 10px; +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-2-columns ul { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-3-columns ul { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-inline ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-inline ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-inline ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-inline ul { + display: inline-flex; + flex-wrap: wrap; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label { + display: block; + overflow: hidden; + position: relative; + border-width: var(--wpforms-field-border-size); + border-color: transparent; + border-style: solid; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label .wpforms-image-choices-label, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label .wpforms-image-choices-label, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label { + font-size: var(--wpforms-field-size-font-size); + color: var(--wpforms-label-color); + margin-top: var(--wpforms-field-size-input-spacing); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item img, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item img { + border-radius: calc( var( --wpforms-field-border-radius ) / 2); + overflow: hidden; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label { + border-radius: var(--wpforms-field-border-radius); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label:hover, +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label:hover { + border-color: var(--wpforms-button-background-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label { + border-width: var(--wpforms-field-border-size); +} + +div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:hover { + box-shadow: 0 0 0 1px var(--wpforms-button-background-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus, div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus-within { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label.wpforms-field-label-inline-empty .wpforms-image-choices-label { + margin-top: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected .wpforms-image-choices-image:after, div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked) .wpforms-image-choices-image:after { + background-color: var(--wpforms-button-background-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover, div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked) label:hover { + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px var(--wpforms-button-background-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item .wpforms-image-choices-image img { + border-radius: calc( var( --wpforms-field-border-radius ) / 2); +} + +div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus, div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus-within { + border-color: var(--wpforms-button-background-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected label, div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item:has(input:checked) label { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label { + padding: 2px; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-image { + display: inline-block; + margin-bottom: var(--wpforms-field-size-input-spacing); +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label input { + margin-top: 0; +} + +div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label { + margin-top: 0; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices { + margin: 0 !important; + gap: 22px; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-small svg { + height: calc( 32px * var( --wpforms-field-size-icon-size )); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-medium svg { + height: calc( 48px * var( --wpforms-field-size-icon-size )); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-large svg { + height: calc( 64px * var( --wpforms-field-size-icon-size )); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item { + width: auto; + margin: 0 !important; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item label { + width: 100%; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item svg { + fill: var(--wpforms-icon-choices-color); + max-width: 100%; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item .wpforms-icon-choices-label { + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); + margin-top: var(--wpforms-field-size-input-spacing); + color: var(--wpforms-label-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + background-color: transparent; + border-radius: var(--wpforms-field-border-radius); + border-width: clamp(1px, var(--wpforms-field-border-size), 6px); + border-style: solid; + border-color: var(--wpforms-field-border-color); + margin-bottom: calc( var( --wpforms-field-size-input-spacing ) - 5px); + overflow: hidden; + box-shadow: none; + padding: var(--wpforms-field-size-input-spacing) calc( var( --wpforms-field-size-input-spacing ) + 5px) calc( 2 * var( --wpforms-field-size-input-spacing ) + var( --wpforms-field-size-checkbox-size )) calc( var( --wpforms-field-size-input-spacing ) + 5px); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:before, div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:after { + width: var(--wpforms-field-size-checkbox-size); + height: var(--wpforms-field-size-checkbox-size); + margin-top: var(--wpforms-field-size-input-spacing); + bottom: var(--wpforms-field-size-input-spacing); + left: 50%; + transform: translateX(-50%); + background-color: var(--wpforms-field-background-color); + box-shadow: 0 0 0 1px var(--wpforms-field-border-color); + opacity: 1 !important; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + background-color: transparent; + border-radius: calc( var( --wpforms-field-border-radius ) / 1.5); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + box-shadow: none; + border-radius: var(--wpforms-field-border-radius); + border-width: clamp(1px, var(--wpforms-field-border-size), 6px); + border-style: solid; + border-color: var(--wpforms-field-border-color); + padding: var(--wpforms-field-size-input-spacing); + background-color: transparent !important; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label.wpforms-field-label-inline-empty .wpforms-icon-choices-icon { + margin-bottom: 0; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 clamp(1px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color), 0 1px 10px rgba(0, 0, 0, 0.15); + border-color: var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + border-radius: var(--wpforms-field-border-radius); + background-color: transparent !important; + padding: 20px 20px 15px 20px; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label.wpforms-field-label-inline-empty .wpforms-icon-choices-icon { + margin-bottom: 5px; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none .wpforms-icon-choices-icon { + margin-bottom: var(--wpforms-field-size-input-spacing); +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none input { + margin-top: 0; + vertical-align: middle; +} + +div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none .wpforms-icon-choices-label { + padding-left: 8px; + vertical-align: middle; + margin-top: 2px; +} + +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + transform: translateX(-50%) scale(0.5); + background-color: var(--wpforms-icon-choices-color); + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + -moz-transform: translateX(-50%) scale(0.49); +} + +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, +div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + border-top: none; + border-right: none; + height: calc( var( --wpforms-field-size-checkbox-size ) * 0.6); + border-left: 4px solid var(--wpforms-icon-choices-color); + border-bottom: 4px solid var(--wpforms-icon-choices-color); + background-color: transparent; + transform: scale(0.6) translate(-10%, -50%) rotate(-45deg); + box-shadow: none; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-divider { + border-top-width: var(--wpforms-field-border-size); + border-top-style: solid; + border-top-color: var(--wpforms-field-border-color); + margin-top: 30px; + padding: 0px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-divider:first-child { + margin-top: 0; + border-top: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-divider h3 { + color: var(--wpforms-label-color); + padding-top: var(--wpforms-field-size-input-spacing); + font-size: calc( 1.5 * var( --wpforms-label-size-font-size )); + font-weight: bold; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-divider:has(> .wpforms-field-description) h3 { + margin-bottom: 5px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-divider + .wpforms-field-divider { + margin-top: 45px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select { + padding-inline-start: 14px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] { + padding: 0; + overflow: auto; +} + +@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none) { + div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] { + padding: 10px 12px; + line-height: 1; + } +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] > option { + padding: 10px 14px; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] > option.placeholder, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] > option[disabled] { + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices { + font-size: var(--wpforms-field-size-font-size); + line-height: 19px; + color: var(--wpforms-field-text-color); + margin-bottom: 5px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__input--cloned { + background-color: transparent; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner { + background-color: var(--wpforms-field-background-color); + background-clip: padding-box; + min-height: var(--wpforms-field-size-input-height); + line-height: var(--wpforms-field-size-input-height); + padding: 0 24px 0 7px; + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); + border-radius: var(--wpforms-field-border-radius); + cursor: pointer; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single { + padding: 0 16px 0 4px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable { + background-color: transparent; + font-size: var(--wpforms-field-size-font-size); + color: var(--wpforms-field-text-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable.choices__placeholder { + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple { + display: inline !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty { + display: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty + .choices__input { + margin-left: 4px !important; + min-width: 100% !important; + text-overflow: ellipsis; + padding-right: 20px !important; + white-space: nowrap; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple .choices__item { + position: relative; + top: -1.5px; + background-color: var(--wpforms-button-background-color); + border: 1px solid var(--wpforms-button-background-color); + border-radius: calc( max( var( --wpforms-field-border-radius ), 6px ) / 2); + color: var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color)); + margin: 0 6px 6px 0; + line-height: 1; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown { + background: var(--wpforms-field-menu-color) !important; + color: var(--wpforms-field-text-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted { + background-color: var(--wpforms-button-background-color); + color: var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color)); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices input.choices__input { + display: inline-block; + padding: 0 !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] input.choices__input { + background: none !important; + margin: 5px !important; + padding: 5px !important; + width: calc( 100% - 10px) !important; + border: 0 !important; + box-shadow: none !important; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices ::-webkit-input-placeholder { + color: inherit; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices ::-moz-placeholder { + color: inherit; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices :-ms-input-placeholder { + color: inherit; + opacity: 0.5; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button { + opacity: 0.7; + background-image: linear-gradient(45deg, transparent 44%, var(--wpforms-field-border-color-spare) 44%, var(--wpforms-field-border-color-spare) 56%, transparent 56%), linear-gradient(135deg, transparent 44%, var(--wpforms-field-border-color-spare) 44%, var(--wpforms-field-border-color-spare) 56%, transparent 56%); + background-position: 50% 50%, 50% 50%; + background-size: 8px 8px, 8px 8px; + background-repeat: no-repeat; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button:hover { + opacity: 1; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button:focus { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after { + width: 0; + height: 0; + right: 12px; + background: none; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid var(--wpforms-field-border-color-spare); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"].is-open:after, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"].is-open:after { + border-top: 5px solid transparent; + border-bottom: 5px solid var(--wpforms-field-border-color-spare); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner, +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner, +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:before { + content: ''; + position: absolute; + height: 3px; + background: var(--wpforms-field-background-color); + width: calc( 100% - 2px); + left: 1px; + right: 1px; + z-index: 100000000000; + opacity: 1; + border-radius: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped):before { + top: unset; + bottom: 1px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped) .choices__inner { + border-radius: var(--wpforms-field-border-radius) var(--wpforms-field-border-radius) 0 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped) .choices__list--dropdown { + border-radius: 0 0 var(--wpforms-field-border-radius) var(--wpforms-field-border-radius); + margin-top: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped:before { + top: 1px; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped .choices__inner { + border-radius: 0 0 var(--wpforms-field-border-radius) var(--wpforms-field-border-radius); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped .choices__list--dropdown { + border-radius: var(--wpforms-field-border-radius) var(--wpforms-field-border-radius) 0 0; + margin-bottom: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices .choices__inner { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices:hover .choices__inner { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 2px 0 var(--wpforms-label-error-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-focused .choices__inner, +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-open .choices__inner, +div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-open .choices__list--dropdown { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 0 1px var(--wpforms-label-error-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + appearance: none; + height: calc( var( --wpforms-field-size-input-height ) / 4); + padding: 0; + margin-top: calc( var( --wpforms-field-size-input-spacing ) + var( --wpforms-field-size-input-height ) / 4); + margin-bottom: calc( var( --wpforms-field-size-input-height ) / 4); + border-radius: var(--wpforms-field-border-radius); + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:first-child { + margin-top: calc( var( --wpforms-field-size-input-height ) * 0.25); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:focus { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:focus:invalid { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; + color: var(--wpforms-field-text-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-runnable-track { + height: calc( var( --wpforms-field-size-input-height ) / 4); + box-shadow: none; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + appearance: none; + width: calc( var( --wpforms-field-size-input-height ) * 0.6); + height: calc( var( --wpforms-field-size-input-height ) * 0.6); + margin-top: calc( -1 * var( --wpforms-field-size-input-height ) * 0.18); + background-color: var(--wpforms-button-background-color); + background-clip: padding-box; + cursor: pointer; + border-radius: 100%; + border-width: var(--wpforms-button-border-size); + border-style: var(--wpforms-button-border-style); + border-color: var(--wpforms-button-border-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb { + appearance: none; + width: calc( var( --wpforms-field-size-input-height ) * 0.6); + height: calc( var( --wpforms-field-size-input-height ) * 0.6); + margin-top: calc( -1 * var( --wpforms-field-size-input-height ) * 0.18); + background-color: var(--wpforms-button-background-color); + background-clip: padding-box; + cursor: pointer; + border-radius: 100%; + border-width: var(--wpforms-button-border-size); + border-style: var(--wpforms-button-border-style); + border-color: var(--wpforms-button-border-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb { + appearance: none; + width: calc( var( --wpforms-field-size-input-height ) * 0.6); + height: calc( var( --wpforms-field-size-input-height ) * 0.6); + margin-top: calc( -1 * var( --wpforms-field-size-input-height ) * 0.18); + background-color: var(--wpforms-button-background-color); + background-clip: padding-box; + cursor: pointer; + border-radius: 100%; + border-width: var(--wpforms-button-border-size); + border-style: var(--wpforms-button-border-style); + border-color: var(--wpforms-button-border-color); +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint { + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + color: var(--wpforms-label-sublabel-color); + padding: var(--wpforms-field-size-sublabel-spacing) 0 0 0; + margin: 0; +} + +div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint b, div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint strong { + color: var(--wpforms-label-sublabel-color); +} + +div.wpforms-container-full .wpforms-form textarea { + line-height: 1.3; + min-height: var(--wpforms-field-size-input-height); + padding: var(--wpforms-field-size-padding-h); + resize: vertical; +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-small { + height: calc( var( --wpforms-field-size-input-height ) * 2.26); +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { + height: calc( var( --wpforms-field-size-input-height ) * 2.8); +} + +div.wpforms-container-full .wpforms-form textarea.wpforms-field-large { + height: calc( var( --wpforms-field-size-input-height ) * 5.1); +} + +div.wpforms-container-full .wpforms-form textarea:focus { + color: var(--wpforms-field-text-color); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-radius: 4px; + border: 1px solid #e2e2e2; + border-collapse: separate; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + border-top: 1px solid #e2e2e2; + border-bottom: none; + border-left: none; + border-right: none; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + font-weight: 400; + border: none; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + padding: 9px 0; + line-height: 20px; + background: none; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-wrap: balance; + padding-left: 10px; +} + +.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + padding-right: 10px; + padding-left: 0; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-right: 10px; +} + +.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-left: 10px; + padding-right: 0; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-left: 10px; +} + +.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-right: 10px; + padding-left: 0; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td { + font-weight: 700; +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.wpforms-confirmation-container-full .wpforms-order-summary-container { + font-size: var(--wpforms-field-size-font-size); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-style: var(--wpforms-field-border-style); + border-width: var(--wpforms-field-border-size); + border-radius: var(--wpforms-field-border-radius); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + border-top-style: var(--wpforms-field-border-style); + border-top-width: var(--wpforms-field-border-size); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-color: var(--wpforms-field-border-color); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + color: var(--wpforms-label-color); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + color: var(--wpforms-label-sublabel-color); + border-top-color: var(--wpforms-field-border-color); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: var(--wpforms-label-error-color); +} + +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td { + color: var(--wpforms-label-color); +} + +.wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.wpforms-confirmation-container-full .wpforms-order-summary-container { + max-width: 100%; + margin-bottom: 24px; +} + +@container wpforms-field-row-responsive (max-width: 200px) { + div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: var(--wpforms-field-size-input-spacing); + } +} + +@container wpforms-field-row-responsive-300px (max-width: 300px) { + div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: var(--wpforms-field-size-input-spacing); + } +} + +@media only screen and (max-width: 768px) { + div.wpforms-container-full:not(:empty) { + padding: calc( min( var( --wpforms-container-padding ), 40px )); + } +} + +@media only screen and (max-width: 600px) { + div.wpforms-container-full:not(:empty) { + padding: calc( min( var( --wpforms-container-padding ), 20px )); + } + div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + margin: 20px 0 20px; + } + div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + width: 30px; + height: 30px; + } + div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + display: none; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-noscript { + color: #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container { + padding: 15px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container p { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container + .wpforms-submit-container { + margin-top: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container label.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container em.wpforms-error { + display: block; + color: #D63637; + font-size: 0.9em; + font-style: normal; + cursor: default; + min-width: 120px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.wpforms-error, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.user-invalid, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.user-invalid, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.user-invalid { + border: 1px solid #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=checkbox].wpforms-error, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=checkbox].user-invalid, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=radio].wpforms-error, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=radio].user-invalid { + border: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-has-error .choices__inner { + border: 1px solid #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert { + border: 1px solid rgba(0, 0, 0, 0.25); + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + padding: 10px 15px; + font-size: 14px; + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert { + color: #D63637; + background-color: #f2dede; + border-color: #f2dede; +} + +.et-db #et-boc .et-l .et_pb_module div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] { + border-style: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-screen-reader-element { + position: absolute !important; + clip: rect(0, 0, 0, 0); + height: 1px; + width: 1px; + border: 0; + overflow: hidden; + word-wrap: normal !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-hp { + display: none !important; + position: absolute !important; + left: -9000px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container { + padding: 0; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container iframe { + display: block; + width: 100%; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container .g-recaptcha { + padding: 10px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile.wpforms-is-turnstile-invisible { + padding: 0; + height: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile iframe { + position: relative !important; + visibility: inherit !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .g-recaptcha, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .g-recaptcha, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .g-recaptcha { + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .wpforms-error:first-of-type, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .wpforms-error:first-of-type, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .wpforms-error:first-of-type { + margin-top: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container amp-img > img { + position: absolute; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .amp-form-submit-success .wpforms-field-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .amp-form-submit-success .wpforms-submit-container { + display: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-preview-notice-links { + line-height: 2.4; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=tel] { + direction: ltr; + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=url] { + direction: ltr; + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=url]::-webkit-textfield-decoration-container { + display: flex; + flex-direction: row-reverse; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=email] { + direction: ltr; + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=email]::-webkit-textfield-decoration-container { + display: flex; + flex-direction: row-reverse; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=number]::-webkit-textfield-decoration-container { + flex-direction: row-reverse; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-datepicker-wrap .wpforms-datepicker-clear { + right: auto; + left: 10px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .ui-timepicker-list li { + padding: 3px 5px 3px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-field-medium + .wpforms-datepicker-clear { + left: calc( 40% + 10px); + right: auto; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-file-upload .dz-remove { + right: auto; + left: 0; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label { + margin-left: 0; + margin-right: 10px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl .ui-timepicker-list li { + padding: 3px 5px 3px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-email .wpforms-field-row, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-address .wpforms-field-row, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-password .wpforms-field-row { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive-name-field; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row-responsive { + flex-wrap: wrap; + container-type: inline-size; + container-name: wpforms-field-row-responsive; +} + +@container wpforms-field-row-responsive (max-width: 200px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block { + width: 100%; + padding: 0; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + padding: 0; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: 15px; + } +} + +@container wpforms-field-row-responsive-name-field (max-width: 260px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block { + width: 100%; + padding: 0; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + padding: 0; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: 15px; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns { + container-type: inline-size; + container-name: wpforms-field-2-columns-responsive; +} + +@container wpforms-field-2-columns-responsive (max-width: 320px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns ul { + grid-template-columns: 1fr !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns ul li { + width: 100%; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns { + container-type: inline-size; + container-name: wpforms-field-3-columns-responsive; +} + +@container wpforms-field-3-columns-responsive (max-width: 480px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } +} + +@container wpforms-field-3-columns-responsive (max-width: 320px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: 1fr !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field > * { + max-width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field { + padding-right: 1px; + padding-left: 1px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-small, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-medium, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-large, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-small, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-medium, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-large, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-small, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-medium, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-large { + max-width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-mobile-full { + width: 100%; + margin-left: 0; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) { + overflow-x: hidden; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-2-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-3-columns ul { + grid-template-columns: 1fr !important; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-2-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-3-columns ul li { + width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + display: block; + margin: 0 0 10px 0; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + width: 30px; + height: 30px; + line-height: 30px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page { + width: 100% !important; + padding: 5px 10px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number { + display: none; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page.active { + font-weight: 700; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-field-container, + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-field { + display: block; + width: 100%; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-submit-container { + width: 100%; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container { + margin-bottom: 26px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form * { + word-break: break-word; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-sublabel, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form th { + hyphens: auto; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul li { + background: none; + border: 0; + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-title { + font-size: 24px; + font-weight: 700; + margin: 0 0 10px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-container { + clear: both; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-spinner { + margin-inline-start: 15px; + display: inline-block; + vertical-align: middle; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-hidden { + display: none !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-clear:before { + content: " "; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-clear:after { + clear: both; + content: " "; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + border-left-width: 12px; + color: #333333; + font-size: 16px; + line-height: 1.5; + margin-bottom: 30px; + padding: 20px 36px 20px 26px; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 20px; + margin: 0; + padding: 0; + vertical-align: top; + width: 20px; + position: absolute; + right: 10px; + top: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:before, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:after { + background-color: #ffffff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:before { + height: 2px; + width: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:after { + height: 50%; + width: 2px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice a { + text-decoration: underline; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice p { + margin: 0 0 20px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice p:last-of-type { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-actions { + margin-top: 20px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action { + border: 2px solid; + margin-right: 20px; + padding: 5px; + text-decoration: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:active { + color: #ffffff; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info { + border-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action { + border-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:active { + background-color: #3273dc; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success { + border-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action { + border-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:active { + background-color: #23d160; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning { + border-color: #ffdd57; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action { + border-color: #ffdd57; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:active { + background-color: #ffdd57; + color: inherit; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error { + border-color: #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action { + border-color: #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:hover, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:active { + background-color: #D63637; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-preview-notice-links { + line-height: 2.4; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium { + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-small, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-small { + max-width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-large, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-large { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container fieldset, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container fieldset { + display: block; + border: none; + margin: 0; + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field { + padding: 15px 0; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-field-hidden, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-hidden { + display: none; + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-limit-text, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-limit-text { + font-size: 0.8em; + margin: 5px 0 0 0; + word-break: break-word; + word-wrap: break-word; + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + padding: 15px 15px 0; + height: 125px; + overflow-y: scroll; + overflow-x: hidden; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description p, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p { + margin: 0 0 15px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description-before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.before, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description-before, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.before { + font-size: 0.85em; + margin: 0 0 5px 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label { + display: block; + font-weight: 700; + font-style: normal; + word-break: break-word; + word-wrap: break-word; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label-inline, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label-inline { + display: inline; + vertical-align: baseline; + font-weight: 400; + font-style: normal; + word-break: break-word; + word-wrap: break-word; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-sublabel { + display: block; + font-size: 0.8em; + font-weight: 400; + font-style: normal; + min-width: 120px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label.wpforms-label-hide, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide { + position: absolute; + clip: rect(0 0 0 0); + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-required-label, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-required-label { + color: var(--wpforms-label-error-color); + font-weight: normal; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week], +.et-db #et-boc .et-l .et_pb_module .wpforms-container select, +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=date], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime-local], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=email], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=month], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=number], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=password], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=range], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=search], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=tel], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=text], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=time], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=url], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=week], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea { + display: block; + width: 100%; + box-sizing: border-box; + font-family: inherit; + font-style: normal; + font-weight: 400; + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week]:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container select:read-only, +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=date]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime-local]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=email]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=month]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=number]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=password]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=range]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=search]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=tel]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=text]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=time]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=url]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=week]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea:read-only { + cursor: default; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea { + resize: vertical; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=checkbox], +.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=radio], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=checkbox], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=radio] { + width: 16px; + height: 16px; + margin: 2px 10px 0 3px; + display: inline-block; + vertical-align: baseline; + font-style: normal; + font-weight: 400; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths { + width: calc( 50% - 10px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths { + width: calc( 100% / 3 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third.wpforms-first, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths.wpforms-first { + width: calc( 100% / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds { + width: calc( 2 * 100% / 3 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths.wpforms-first, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds.wpforms-first { + width: calc( 2 * 100% / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth { + width: calc( 25% - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth.wpforms-first { + width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths { + width: calc( 75% - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths.wpforms-first { + width: 75%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth { + width: calc( 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth.wpforms-first { + width: calc( 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths { + width: calc( 2 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths.wpforms-first { + width: calc( 2 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths { + width: calc( 3 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths.wpforms-first { + width: calc( 3 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths { + width: calc( 4 * 100% / 5 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths.wpforms-first { + width: calc( 4 * 100% / 5); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth { + width: calc( 100% / 6 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth.wpforms-first { + width: calc( 100% / 6); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths { + width: calc( 5 * 100% / 6 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths.wpforms-first { + width: calc( 5 * 100% / 6); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first { + clear: both !important; + margin-left: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field { + float: none; + clear: both; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-five-sixths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-four-sixths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-four-fifths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-fifth, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-fourth, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-half, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-sixth, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-third, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-fourths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-fifths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-sixths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-fourths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-fifths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-sixths, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-thirds { + float: left; + margin-left: 20px; + clear: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row { + align-items: start; + position: relative; + display: flex; + justify-content: space-between; + margin-bottom: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block { + padding: 0 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child { + padding-inline-start: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child { + padding-inline-end: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child { + margin-right: auto; + padding-right: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:before { + content: ""; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:after { + clear: both; + content: ""; + display: table; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:last-of-type { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row > :only-child { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds { + float: none; + margin-left: 0; + clear: initial; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths { + width: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths { + width: 33.33333%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds { + width: 66.66667%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth { + width: 25%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths { + width: 75%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth { + width: 20%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths { + width: 40%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths { + width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths { + width: 80%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth { + width: 16.66667%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths { + width: 83.33333%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-3-columns ul { + display: grid; + gap: 15px 30px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-2-columns ul { + grid-template-columns: repeat(2, 1fr); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-3-columns ul { + grid-template-columns: repeat(3, 1fr); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-inline ul li { + display: inline-block; + vertical-align: top; + margin-right: 20px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields { + overflow: visible; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-form { + display: flex; + justify-content: space-between; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container { + display: flex; + justify-content: space-between; + width: calc( 100% - 175px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field { + padding-right: 7px; + padding-left: 8px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:first-of-type { + padding-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type { + padding-right: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row:first-of-type .wpforms-field-row-block:first-child { + padding-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container { + width: 160px; + padding-bottom: 16px; + align-self: flex-end; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit { + display: block; + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields input.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields select.wpforms-field-medium, +.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label:not(.wpforms-error) { + cursor: pointer; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label input { + top: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error) { + background: none; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid #ffffff; + border-radius: 3px; + padding: 20px; + transition: all 0.5s; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus-within { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) label { + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label { + font-weight: 700; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after { + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image { + display: block; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after { + content: "\2714"; + font-size: 22px; + line-height: 32px; + color: #ffffff; + background: var(--wpforms-button-background-color, #066aab); + opacity: 0; + position: absolute; + top: 50%; + left: 50%; + margin: -16px 0 0 -16px; + width: 32px; + height: 32px; + border-radius: 50%; + transition: all 0.5s; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label { + display: block; + margin-top: 12px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li { + margin: 5px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error) { + background: none; + display: inline-block; + margin: 0 auto; + cursor: pointer; + border: 1px solid transparent; + padding: 10px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):focus { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic li:has(input:checked) label { + border-color: rgba(0, 0, 0, 0.7); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label { + display: block; + margin-top: 8px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li { + margin: 0 10px 10px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img { + display: inline-block; + margin: 0 auto; + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item input { + vertical-align: middle; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label { + display: inline-block; + margin-top: 5px; + margin-left: 10px; + vertical-align: middle; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices * { + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices { + display: flex; + flex-direction: column; + width: 100%; + padding: 0 1px 0 1px !important; + margin: 12px 0 -20px 0 !important; + /* Style: Default */ + /* Style: Modern */ + /* Style: Classic */ +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices + .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices + .wpforms-error { + margin-top: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices li { + min-width: 120px; + padding-right: 0 !important; + margin: 0 0 20px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices label { + position: relative; + display: block; + margin: 0; + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices .wpforms-icon-choices-icon { + display: block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices svg { + margin: 0 auto; + fill: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-none svg { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin: 0 0 22px 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default label { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + position: relative; + z-index: 1; + margin-bottom: 10px; + padding: 15px 20px 45px 20px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg { + position: relative; + z-index: 2; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + display: block; + position: absolute; + z-index: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 6px; + background-color: #ffffff; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + background-color: transparent; + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); + opacity: .1; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + background-color: #ffffff !important; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 6px; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, 0.15); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + background-color: #ffffff !important; + height: 100%; + padding: 20px 20px 15px 20px; + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 1px #999999; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon { + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 50%; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + position: absolute; + z-index: 2; + bottom: calc(15px + 4px); + left: calc(50% - 4px); + display: block; + width: 8px; + height: 8px; + background-color: var(--wpforms-icon-choices-color); + border-radius: 50%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before { + content: ""; + position: absolute; + z-index: 2; + bottom: 15px; + left: calc(50% - 8px); + display: block; + width: 16px; + height: 16px; + background-color: #ffffff; + box-shadow: 0 0 0 1px #cccccc; + border-radius: 3px; + margin: 15px auto 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + content: ""; + box-sizing: border-box; + display: block; + position: absolute; + z-index: 2; + bottom: 23px; + left: calc(50% - 6px); + width: 6px; + height: 10px; + border-style: solid; + border-color: var(--wpforms-icon-choices-color); + border-width: 0 2px 2px 0; + transform-origin: bottom left; + transform: rotate(45deg); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices { + flex-direction: row; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices li { + margin-right: 20px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li, +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + margin-right: 22px !important; + margin-bottom: 22px !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li { + width: calc( 100% / 2 - 20px / 2); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 2 - 22px / 2); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li { + width: calc( 100% / 3 - 20px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) { + margin-right: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li, .et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li { + width: calc( 100% / 3 - 22px * 2 / 3); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices li { + width: auto; + max-width: calc( 100% / 4 - 20px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, .et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner { + border-radius: 3px; + min-height: 35px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner .choices__list--single { + height: auto; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item { + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown { + border-radius: 0 0 3px 3px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open .choices__inner { + border-radius: 3px 3px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea { + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-small { + height: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-medium { + height: 120px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-large { + height: 220px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container { + display: block; + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container * { + word-break: break-word; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview { + width: 100%; + table-layout: fixed; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + text-align: center; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: left; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 8ch; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: none; +} + +@media (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity { + width: 4ch; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short { + display: inline; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full { + display: none; + } +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + width: 6ch; + text-align: right; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + text-align: left; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: left; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + text-align: right; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-large > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-large > .wpforms-order-summary-container { + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-medium > .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-medium > .wpforms-order-summary-container { + max-width: 60%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: #D63637; +} + +div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module *, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full * { + background: none; + border: 0 none; + border-radius: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + float: none; + font-size: 100%; + height: auto; + letter-spacing: normal; + outline: none; + position: static; + text-indent: 0; + text-shadow: none; + text-transform: none; + width: auto; + visibility: visible; + overflow: visible; + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module * img, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full img, div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module * video, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full video, div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module * canvas, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full canvas, div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module * svg, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full svg { + overflow: clip; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full { + margin-left: auto; + margin-right: auto; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(:empty) { + margin: 24px auto; + padding: var(--wpforms-container-padding); + background-clip: padding-box; + background-color: var(--wpforms-background-color); + background-image: var(--wpforms-background-url); + background-position: var(--wpforms-background-position); + background-repeat: var(--wpforms-background-repeat); + background-size: var(--wpforms-background-size); + border-style: var(--wpforms-container-border-style); + border-width: var(--wpforms-container-border-width); + border-color: var(--wpforms-container-border-color); + border-radius: var(--wpforms-container-border-radius); + box-shadow: var(--wpforms-container-shadow-size-box-shadow); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea { + margin: 0; + border: 0; + padding: 0; + vertical-align: middle; + background: none; + height: auto; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h1, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h2, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h3, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h4, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h5, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h6, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full small, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sup, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sub, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full dl, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full dt, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full dd, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full time, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full address, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full pre, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full code, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full blockquote, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sup, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sub, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full del { + font-size: revert; + font-weight: revert; + margin: revert; + padding: revert; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sup, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sub { + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full del { + text-decoration: line-through; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full blockquote { + padding-left: 20px; + border-left: 4px solid; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full blockquote p { + font-size: revert; + font-weight: revert; + font-style: italic; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full ul, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full ul li { + background: none; + border: 0; + margin: 0; + padding: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full ul li { + margin-bottom: 15px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full ul li:last-of-type { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full hr { + border-top-width: var(--wpforms-field-border-size); + border-top-style: var(--wpforms-field-border-style); + border-top-color: var(--wpforms-field-border-color); + margin: 0.5em auto; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full fieldset { + min-width: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-head-container { + margin: 0; + padding: 0 0 35px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-title { + font-weight: 700; + line-height: 29px; + color: var(--wpforms-label-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-description { + font-style: normal; + font-weight: 300; + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); + color: var(--wpforms-label-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-submit-container { + margin-top: var(--wpforms-button-size-margin-top); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-submit-spinner { + max-width: 26px; +} + +.et-db #et-boc .et-l .et_pb_module body .wpforms-test { + outline: 2px solid red !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form label.wpforms-error, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form em.wpforms-error { + font-weight: 400; + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + margin-top: var(--wpforms-field-size-input-spacing); + color: var(--wpforms-label-error-color); + padding: 0 0 0 5px; + position: relative; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form label.wpforms-error:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form em.wpforms-error:before { + -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A"); + mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A"); + content: ''; + position: relative; + display: inline-block; + right: 5px; + top: 1.5px; + width: 16px; + height: 14px; + background-color: var(--wpforms-label-error-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-field-sublabel + .wpforms-error, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card .wpforms-field-sublabel + .wpforms-error { + margin-top: calc( 1.5 * var( --wpforms-field-size-sublabel-spacing )); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:hover { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 2px 0 var(--wpforms-label-error-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:focus { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 0 1px var(--wpforms-label-error-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid { + border: none; + box-shadow: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error:focus, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid:focus { + border: none; + box-shadow: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container { + color: var(--wpforms-label-error-color); + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container ul li { + list-style: inside !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container ol li { + list-style: inside decimal !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container a { + color: var(--wpforms-label-error-color); + text-decoration: underline !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container a:hover { + text-decoration: none !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container del { + text-decoration: line-through !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote { + padding-left: 20px; + border-left: 4px solid; + font-style: italic; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container.wpforms-error-styled-container { + padding: 15px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container.wpforms-error-styled-container .wpforms-error { + padding: 11px; + border: 1px solid var(--wpforms-label-error-color); + border-left: 5px solid; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-alert { + color: var(--wpforms-label-error-color); + border-color: transparent; + border-radius: var(--wpforms-field-border-radius); + font-size: var(--wpforms-label-size-sublabel-font-size); + padding: var(--wpforms-field-size-input-spacing); + background: linear-gradient(90deg, var(--wpforms-label-error-color) -3000%, transparent 500%); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full { + color: #333333; + margin: 0 auto 24px; + padding: 15px; + overflow-wrap: break-word; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full ol, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full ul, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full ol { + padding-left: 30px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full ol li, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full ul li, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full ol li { + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full p, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full p { + margin: 0 0 15px 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full p:last-child, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full p:last-child { + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full iframe, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full iframe { + width: 100%; + border: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { + background: #e0ffc7; + border: 1px solid #b4d39b; + box-sizing: border-box; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full p, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p { + color: #333333; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview { + color: inherit; + border-color: #b4d39b; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview td, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview th, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview td, +.et-db #et-boc .et-l .et_pb_module div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview th { + border-top-color: #b4d39b; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form amp-img > img { + position: absolute; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-limit-text { + font-size: 13px; + display: block; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-screen-reader-announce { + color: transparent !important; + position: absolute !important; + bottom: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap { + transform: rotate(180deg); +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number { + margin: 0 0 0 10px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page { + margin: 0 0 0 15px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form em.wpforms-error { + padding: 0 5px 0 0; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form em.wpforms-error:before { + left: 5px; + right: auto; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices__list--single .choices__item { + padding-right: 0; + padding-left: 15px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner { + padding: 0 7px 0 24px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single { + padding: 0 4px 0 16px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after { + right: auto; + left: 12px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after { + right: auto; + left: 12px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button { + right: auto; + left: 0; + margin-right: 0; + margin-left: 25px; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"] .choices__button { + margin-right: 5px; + border-right: none; +} + +.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select { + background-position: calc(0% + 12px) 50%, calc(0% + 17px) 50%; + padding: 0 12px 0 24px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-limit-text, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-limit-text { + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + color: var(--wpforms-label-sublabel-color); + margin: var(--wpforms-field-size-sublabel-spacing) 0 0 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description ol, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description ul, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description ol { + padding-left: 15px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description { + color: var(--wpforms-field-text-color); + margin-top: var(--wpforms-field-size-input-spacing); + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + background-color: var(--wpforms-field-background-color); + border-radius: var(--wpforms-field-border-radius); + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); + padding: var(--wpforms-field-size-padding-h); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description p, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description p { + color: inherit; + font-size: inherit; + line-height: inherit; + margin-bottom: 15px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description-before, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description.before, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description-before, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description.before { + margin: 0 0 var(--wpforms-field-size-input-spacing) 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-row + .wpforms-field-description, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-row + .wpforms-field-description { + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-row + .wpforms-field-description.wpforms-disclaimer-description, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-row + .wpforms-field-description.wpforms-disclaimer-description { + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-label, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-label { + margin: 0 0 var(--wpforms-field-size-input-spacing) 0; + padding: 0; + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); + color: var(--wpforms-label-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-label-inline, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline { + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-sublabel, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-sublabel { + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + margin: var(--wpforms-field-size-sublabel-spacing) 0 0 0; + padding: 0; + color: var(--wpforms-label-sublabel-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-sublabel.before, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-sublabel.before { + margin: 0 0 var(--wpforms-field-size-sublabel-spacing) 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-label-inline, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline { + color: var(--wpforms-label-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-required-label, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-required-label { + font-weight: 400; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea { + background-color: var(--wpforms-field-background-color); + background-clip: padding-box; + border-radius: var(--wpforms-field-border-radius); + color: var(--wpforms-field-text-color); + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); + padding: 0 var(--wpforms-field-size-padding-h); + font-size: var(--wpforms-field-size-font-size); + line-height: 100%; + box-shadow: none; + transition: border 0.15s, box-shadow 0.15s; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea:focus { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:focus:invalid, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:focus:invalid, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea:focus:invalid { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; + color: var(--wpforms-field-text-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week][disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select[disabled], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea[disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week][disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select[disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea[disabled] { + color: var(--wpforms-field-text-color); + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select::-webkit-input-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea::-webkit-input-placeholder { + color: var(--wpforms-field-text-color); + opacity: 0.5; + pointer-events: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select::-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea::-moz-placeholder { + color: var(--wpforms-field-text-color); + opacity: 0.5; + pointer-events: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:-moz-placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea:-moz-placeholder { + color: var(--wpforms-field-text-color); + opacity: 0.5; + pointer-events: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select { + height: var(--wpforms-field-size-input-height); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select { + appearance: none; + display: block; + max-width: 100%; + width: 100%; + text-transform: none; + text-shadow: none; + white-space: nowrap; + line-height: unset; + padding-block: 0; + padding-inline-end: 24px; + padding-inline-start: 12px; + min-height: var(--wpforms-field-size-input-height); + vertical-align: middle; + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:disabled, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:disabled { + background-image: linear-gradient(45deg, transparent 50%, var(--wpforms-field-border-color-spare) 50%), linear-gradient(135deg, var(--wpforms-field-border-color-spare) 50%, transparent 50%); + background-position: calc( 100% - 17px) 50%, calc( 100% - 12px) 50%; + background-size: 5px 5px, 5px 5px; + background-repeat: no-repeat; +} + +.rtl .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select, .rtl .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:disabled, .rtl +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select, .rtl +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:disabled { + background-position: 12px 50%, 17px 50%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select > option, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select > option { + color: var(--wpforms-field-text-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select > option.placeholder, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select > option[disabled], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select > option.placeholder, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select > option[disabled] { + color: var(--wpforms-field-text-color); + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:not([multiple]) > option, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:not([multiple]) > option { + background: var(--wpforms-field-menu-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:not([multiple]) > option:not(.placeholder):checked, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:not([multiple]) > option:not(.placeholder):checked { + font-weight: bold; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select[multiple], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select[multiple] { + height: auto; + overflow-y: scroll; + background-image: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select[multiple] > option:not(.placeholder):checked, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select[multiple] > option:not(.placeholder):checked { + background: var(--wpforms-button-background-color); + color: var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color)); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:read-only, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:read-only { + appearance: textfield; + -moz-appearance: textfield; + -webkit-appearance: textfield; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button { + visibility: hidden; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit], +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button { + height: var(--wpforms-button-size-height); + background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); + border-radius: var(--wpforms-button-border-radius); + border-style: var(--wpforms-button-border-style); + border-color: var(--wpforms-button-border-color); + border-width: var(--wpforms-button-border-size); + box-shadow: none; + color: var(--wpforms-button-text-color); + padding: 0 var(--wpforms-button-size-padding-h); + font-family: inherit; + font-weight: 500; + font-size: var(--wpforms-button-size-font-size); + line-height: 100%; + cursor: pointer; + transition: all 0.15s ease-in-out; + position: relative; + text-decoration: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:not(:hover):not(:active), +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:not(:hover):not(:active), +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) { + background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); + color: var(--wpforms-button-text-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:active, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:active, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:active, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:hover, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:active, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:hover, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:active, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:active { + background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active { + background: none; + opacity: .75; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:focus, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:focus { + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:focus:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:focus:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:focus:after, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:focus:after, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:focus:after, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after { + content: ""; + position: absolute; + border: 2px solid var(--wpforms-button-background-color); + border-radius: calc( var( --wpforms-button-border-radius ) + 2px); + top: calc( -4px - var( --wpforms-button-border-size, 1px )); + right: calc( -4px - var( --wpforms-button-border-size, 1px )); + bottom: calc( -4px - var( --wpforms-button-border-size, 1px )); + left: calc( -4px - var( --wpforms-button-border-size, 1px )); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:disabled, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:disabled:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit].wpforms-disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:disabled:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit].wpforms-disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:disabled:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button.wpforms-disabled, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:disabled, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:disabled:hover, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit].wpforms-disabled, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:disabled, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:disabled:hover, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit].wpforms-disabled, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled:hover, +.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-disabled { + background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); + cursor: default; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=date]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime-local]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=email]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=month]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=number]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=password]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=range]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=search]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=tel]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=text]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=time]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=url]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=week]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) select:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) textarea:disabled { + cursor: not-allowed; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:before, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:after { + cursor: not-allowed; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit].wpforms-disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit].wpforms-disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button.wpforms-disabled { + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row { + margin-bottom: var(--wpforms-field-size-input-spacing); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-child, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:only-child { + margin-bottom: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox], +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio] { + position: relative; + display: inline-block; + background: none; + height: calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 )); + width: calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 )); + margin: 0 0 0 2px; + border: none; + box-shadow: none; + vertical-align: middle; + opacity: 1; + appearance: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:before, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:after { + content: ''; + position: absolute; + left: -2px; + top: -2px; + width: var(--wpforms-field-size-checkbox-size); + height: var(--wpforms-field-size-checkbox-size); + box-sizing: content-box; + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:before { + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); + background-color: var(--wpforms-field-background-color); + background-clip: padding-box; + background-image: none; + border-radius: 3px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox] + label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio] + label { + display: inline; + position: relative; + padding-inline-start: 12px; + font-size: var(--wpforms-label-size-font-size); + cursor: pointer; + vertical-align: middle; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:checked:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:checked:before { + margin: 0; + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:focus, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:focus { + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:focus:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:focus:before { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:checked:after { + border-top: none; + border-right: none; + height: calc( var( --wpforms-field-size-checkbox-size ) * 0.6); + border-left: 4px solid var(--wpforms-button-background-color); + border-bottom: 4px solid var(--wpforms-button-background-color); + background-color: transparent; + transform: translate(0, 1px) scale(0.5) rotate(-45deg); + left: calc( -4px + var( --wpforms-field-border-size, 1px )); + top: calc( -3px + var( --wpforms-field-border-size, 1px )); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio] { + border-radius: 50%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:before { + border-radius: 50%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:checked:after { + border: 1px solid transparent; + border-radius: 50%; + background-color: var(--wpforms-button-background-color); + transform: scale(0.5); + -moz-transform: scale(0.47); + left: calc( -3px + var( --wpforms-field-border-size, 1px )); + top: calc( -3px + var( --wpforms-field-border-size, 1px )); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul { + display: grid; + grid-template-columns: repeat(1, auto); + padding: 0; + gap: var(--wpforms-field-size-input-spacing); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li { + height: unset; + line-height: var(--wpforms-field-size-checkbox-size); + display: flex; + align-items: flex-start; + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input { + min-width: var(--wpforms-field-size-checkbox-size); + margin-top: calc((var(--wpforms-label-size-font-size) * 1.3 - var(--wpforms-field-size-checkbox-size)) / 1.5); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input + label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input + label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input + label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input + label { + padding-inline-start: 12px; + margin: 0; + line-height: 1.3; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label .wpforms-currency-symbol, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input + label .wpforms-currency-symbol, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input + label .wpforms-currency-symbol, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input + label .wpforms-currency-symbol, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input + label .wpforms-currency-symbol { + white-space: nowrap; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol { + display: block; + padding-left: 15px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul li, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol li { + display: list-item; + margin-bottom: 10px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-2-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-2-columns ul { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-3-columns ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-3-columns ul { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-inline ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-inline ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-inline ul, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-inline ul { + display: inline-flex; + flex-wrap: wrap; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label { + display: block; + overflow: hidden; + position: relative; + border-width: var(--wpforms-field-border-size); + border-color: transparent; + border-style: solid; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label .wpforms-image-choices-label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label .wpforms-image-choices-label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label { + font-size: var(--wpforms-field-size-font-size); + color: var(--wpforms-label-color); + margin-top: var(--wpforms-field-size-input-spacing); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item img, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item img { + border-radius: calc( var( --wpforms-field-border-radius ) / 2); + overflow: hidden; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label { + border-radius: var(--wpforms-field-border-radius); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label:hover, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label:hover { + border-color: var(--wpforms-button-background-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label { + border-width: var(--wpforms-field-border-size); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:hover { + box-shadow: 0 0 0 1px var(--wpforms-button-background-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus-within { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label.wpforms-field-label-inline-empty .wpforms-image-choices-label { + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected .wpforms-image-choices-image:after, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked) .wpforms-image-choices-image:after { + background-color: var(--wpforms-button-background-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked) label:hover { + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px var(--wpforms-button-background-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item .wpforms-image-choices-image img { + border-radius: calc( var( --wpforms-field-border-radius ) / 2); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus-within { + border-color: var(--wpforms-button-background-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item:has(input:checked) label { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label { + padding: 2px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-image { + display: inline-block; + margin-bottom: var(--wpforms-field-size-input-spacing); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label input { + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label { + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices { + margin: 0 !important; + gap: 22px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-small svg { + height: calc( 32px * var( --wpforms-field-size-icon-size )); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-medium svg { + height: calc( 48px * var( --wpforms-field-size-icon-size )); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-large svg { + height: calc( 64px * var( --wpforms-field-size-icon-size )); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item { + width: auto; + margin: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item label { + width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item svg { + fill: var(--wpforms-icon-choices-color); + max-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item .wpforms-icon-choices-label { + font-size: var(--wpforms-label-size-font-size); + line-height: var(--wpforms-label-size-line-height); + margin-top: var(--wpforms-field-size-input-spacing); + color: var(--wpforms-label-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon { + background-color: transparent; + border-radius: var(--wpforms-field-border-radius); + border-width: clamp(1px, var(--wpforms-field-border-size), 6px); + border-style: solid; + border-color: var(--wpforms-field-border-color); + margin-bottom: calc( var( --wpforms-field-size-input-spacing ) - 5px); + overflow: hidden; + box-shadow: none; + padding: var(--wpforms-field-size-input-spacing) calc( var( --wpforms-field-size-input-spacing ) + 5px) calc( 2 * var( --wpforms-field-size-input-spacing ) + var( --wpforms-field-size-checkbox-size )) calc( var( --wpforms-field-size-input-spacing ) + 5px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:after { + width: var(--wpforms-field-size-checkbox-size); + height: var(--wpforms-field-size-checkbox-size); + margin-top: var(--wpforms-field-size-input-spacing); + bottom: var(--wpforms-field-size-input-spacing); + left: 50%; + transform: translateX(-50%); + background-color: var(--wpforms-field-background-color); + box-shadow: 0 0 0 1px var(--wpforms-field-border-color); + opacity: 1 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg { + background-color: transparent; + border-radius: calc( var( --wpforms-field-border-radius ) / 1.5); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon, .et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg, .et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg { + background-color: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label { + box-shadow: none; + border-radius: var(--wpforms-field-border-radius); + border-width: clamp(1px, var(--wpforms-field-border-size), 6px); + border-style: solid; + border-color: var(--wpforms-field-border-color); + padding: var(--wpforms-field-size-input-spacing); + background-color: transparent !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label.wpforms-field-label-inline-empty .wpforms-icon-choices-icon { + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + border-color: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label { + box-shadow: 0 0 0 clamp(1px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color), 0 1px 10px rgba(0, 0, 0, 0.15); + border-color: var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label { + border-radius: var(--wpforms-field-border-radius); + background-color: transparent !important; + padding: 20px 20px 15px 20px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover { + box-shadow: 0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label.wpforms-field-label-inline-empty .wpforms-icon-choices-icon { + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label { + box-shadow: 0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label { + box-shadow: 0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none .wpforms-icon-choices-icon { + margin-bottom: var(--wpforms-field-size-input-spacing); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none input { + margin-top: 0; + vertical-align: middle; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none .wpforms-icon-choices-label { + padding-left: 8px; + vertical-align: middle; + margin-top: 2px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + transform: translateX(-50%) scale(0.5); + background-color: var(--wpforms-icon-choices-color); + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); + -moz-transform: translateX(-50%) scale(0.49); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, .et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before { + box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, .et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after { + border-top: none; + border-right: none; + height: calc( var( --wpforms-field-size-checkbox-size ) * 0.6); + border-left: 4px solid var(--wpforms-icon-choices-color); + border-bottom: 4px solid var(--wpforms-icon-choices-color); + background-color: transparent; + transform: scale(0.6) translate(-10%, -50%) rotate(-45deg); + box-shadow: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content { + display: flex; + align-items: center; + gap: 15px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc(60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small { + text-wrap: balance; + width: calc(25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large { + width: calc(100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity { + margin-left: 0; + height: 30px; + min-height: 30px; + font-size: 14px; + padding-top: 0; + padding-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + display: inline-block; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity { + display: inline-block; + margin-inline-start: 15px; + width: 70px; + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern { + display: flex; + flex-wrap: wrap; + column-gap: 15px; + align-items: flex-start; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label { + min-width: 100%; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices { + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + flex-grow: 1; + max-width: calc( 60% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small { + max-width: calc( 25% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity { + flex-basis: 70px; + max-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown { + min-width: 70px; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description { + flex-basis: 100%; + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error { + flex-basis: 100%; +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price { + width: calc( 100% - 70px) !important; + } + .et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row { + width: calc( 100% - 85px) !important; + max-width: 100% !important; + } +} + +.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium, .et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small { + max-width: calc( 100% - 85px); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider { + border-top-width: var(--wpforms-field-border-size); + border-top-style: solid; + border-top-color: var(--wpforms-field-border-color); + margin-top: 30px; + padding: 0px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider:first-child { + margin-top: 0; + border-top: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider h3 { + color: var(--wpforms-label-color); + padding-top: var(--wpforms-field-size-input-spacing); + font-size: calc( 1.5 * var( --wpforms-label-size-font-size )); + font-weight: bold; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider:has(> .wpforms-field-description) h3 { + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider + .wpforms-field-divider { + margin-top: 45px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select { + padding-inline-start: 14px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] { + padding: 0; + overflow: auto; +} + +@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] { + padding: 10px 12px; + line-height: 1; + } +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] > option { + padding: 10px 14px; + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] > option.placeholder, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple] > option[disabled] { + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices { + font-size: var(--wpforms-field-size-font-size); + line-height: 19px; + color: var(--wpforms-field-text-color); + margin-bottom: 5px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__input--cloned { + background-color: transparent; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner { + background-color: var(--wpforms-field-background-color); + background-clip: padding-box; + min-height: var(--wpforms-field-size-input-height); + line-height: var(--wpforms-field-size-input-height); + padding: 0 24px 0 7px; + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); + border-radius: var(--wpforms-field-border-radius); + cursor: pointer; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single { + padding: 0 16px 0 4px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable { + background-color: transparent; + font-size: var(--wpforms-field-size-font-size); + color: var(--wpforms-field-text-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable.choices__placeholder { + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple { + display: inline !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty { + display: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty + .choices__input { + margin-left: 4px !important; + min-width: 100% !important; + text-overflow: ellipsis; + padding-right: 20px !important; + white-space: nowrap; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple .choices__item { + position: relative; + top: -1.5px; + background-color: var(--wpforms-button-background-color); + border: 1px solid var(--wpforms-button-background-color); + border-radius: calc( max( var( --wpforms-field-border-radius ), 6px ) / 2); + color: var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color)); + margin: 0 6px 6px 0; + line-height: 1; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown { + background: var(--wpforms-field-menu-color) !important; + color: var(--wpforms-field-text-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted { + background-color: var(--wpforms-button-background-color); + color: var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color)); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices input.choices__input { + display: inline-block; + padding: 0 !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] input.choices__input { + background: none !important; + margin: 5px !important; + padding: 5px !important; + width: calc( 100% - 10px) !important; + border: 0 !important; + box-shadow: none !important; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices ::-webkit-input-placeholder { + color: inherit; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices ::-moz-placeholder { + color: inherit; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices :-ms-input-placeholder { + color: inherit; + opacity: 0.5; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button { + opacity: 0.7; + background-image: linear-gradient(45deg, transparent 44%, var(--wpforms-field-border-color-spare) 44%, var(--wpforms-field-border-color-spare) 56%, transparent 56%), linear-gradient(135deg, transparent 44%, var(--wpforms-field-border-color-spare) 44%, var(--wpforms-field-border-color-spare) 56%, transparent 56%); + background-position: 50% 50%, 50% 50%; + background-size: 8px 8px, 8px 8px; + background-repeat: no-repeat; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button:hover { + opacity: 1; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button:focus { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after { + width: 0; + height: 0; + right: 12px; + background: none; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid var(--wpforms-field-border-color-spare); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"].is-open:after, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"].is-open:after { + border-top: 5px solid transparent; + border-bottom: 5px solid var(--wpforms-field-border-color-spare); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:before { + content: ''; + position: absolute; + height: 3px; + background: var(--wpforms-field-background-color); + width: calc( 100% - 2px); + left: 1px; + right: 1px; + z-index: 100000000000; + opacity: 1; + border-radius: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped):before { + top: unset; + bottom: 1px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped) .choices__inner { + border-radius: var(--wpforms-field-border-radius) var(--wpforms-field-border-radius) 0 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped) .choices__list--dropdown { + border-radius: 0 0 var(--wpforms-field-border-radius) var(--wpforms-field-border-radius); + margin-top: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped:before { + top: 1px; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped .choices__inner { + border-radius: 0 0 var(--wpforms-field-border-radius) var(--wpforms-field-border-radius); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped .choices__list--dropdown { + border-radius: var(--wpforms-field-border-radius) var(--wpforms-field-border-radius) 0 0; + margin-bottom: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices .choices__inner { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices:hover .choices__inner { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 2px 0 var(--wpforms-label-error-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-focused .choices__inner, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-open .choices__inner, +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-open .choices__list--dropdown { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 0 1px var(--wpforms-label-error-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + appearance: none; + height: calc( var( --wpforms-field-size-input-height ) / 4); + padding: 0; + margin-top: calc( var( --wpforms-field-size-input-spacing ) + var( --wpforms-field-size-input-height ) / 4); + margin-bottom: calc( var( --wpforms-field-size-input-height ) / 4); + border-radius: var(--wpforms-field-border-radius); + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:first-child { + margin-top: calc( var( --wpforms-field-size-input-height ) * 0.25); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:focus { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:focus:invalid { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; + color: var(--wpforms-field-text-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-runnable-track { + height: calc( var( --wpforms-field-size-input-height ) / 4); + box-shadow: none; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + appearance: none; + width: calc( var( --wpforms-field-size-input-height ) * 0.6); + height: calc( var( --wpforms-field-size-input-height ) * 0.6); + margin-top: calc( -1 * var( --wpforms-field-size-input-height ) * 0.18); + background-color: var(--wpforms-button-background-color); + background-clip: padding-box; + cursor: pointer; + border-radius: 100%; + border-width: var(--wpforms-button-border-size); + border-style: var(--wpforms-button-border-style); + border-color: var(--wpforms-button-border-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb { + appearance: none; + width: calc( var( --wpforms-field-size-input-height ) * 0.6); + height: calc( var( --wpforms-field-size-input-height ) * 0.6); + margin-top: calc( -1 * var( --wpforms-field-size-input-height ) * 0.18); + background-color: var(--wpforms-button-background-color); + background-clip: padding-box; + cursor: pointer; + border-radius: 100%; + border-width: var(--wpforms-button-border-size); + border-style: var(--wpforms-button-border-style); + border-color: var(--wpforms-button-border-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb { + appearance: none; + width: calc( var( --wpforms-field-size-input-height ) * 0.6); + height: calc( var( --wpforms-field-size-input-height ) * 0.6); + margin-top: calc( -1 * var( --wpforms-field-size-input-height ) * 0.18); + background-color: var(--wpforms-button-background-color); + background-clip: padding-box; + cursor: pointer; + border-radius: 100%; + border-width: var(--wpforms-button-border-size); + border-style: var(--wpforms-button-border-style); + border-color: var(--wpforms-button-border-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint { + font-size: var(--wpforms-label-size-sublabel-font-size); + line-height: var(--wpforms-label-size-sublabel-line-height); + color: var(--wpforms-label-sublabel-color); + padding: var(--wpforms-field-size-sublabel-spacing) 0 0 0; + margin: 0; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint b, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint strong { + color: var(--wpforms-label-sublabel-color); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea { + line-height: 1.3; + min-height: var(--wpforms-field-size-input-height); + padding: var(--wpforms-field-size-padding-h); + resize: vertical; +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-small { + height: calc( var( --wpforms-field-size-input-height ) * 2.26); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { + height: calc( var( --wpforms-field-size-input-height ) * 2.8); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-large { + height: calc( var( --wpforms-field-size-input-height ) * 5.1); +} + +.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea:focus { + color: var(--wpforms-field-text-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-radius: 4px; + border: 1px solid #e2e2e2; + border-collapse: separate; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + border-top: 1px solid #e2e2e2; + border-bottom: none; + border-left: none; + border-right: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + font-weight: 400; + border: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + padding: 9px 0; + line-height: 20px; + background: none; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + text-wrap: balance; + padding-left: 10px; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label { + padding-right: 10px; + padding-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-right: 10px; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price { + padding-left: 10px; + padding-right: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-left: 10px; +} + +.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td, .rtl +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td { + padding-right: 10px; + padding-left: 0; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td { + font-weight: 700; +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container { + font-size: var(--wpforms-field-size-font-size); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-style: var(--wpforms-field-border-style); + border-width: var(--wpforms-field-border-size); + border-radius: var(--wpforms-field-border-radius); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + border-top-style: var(--wpforms-field-border-style); + border-top-width: var(--wpforms-field-border-size); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview { + border-color: var(--wpforms-field-border-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th { + color: var(--wpforms-label-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td { + color: var(--wpforms-label-sublabel-color); + border-top-color: var(--wpforms-field-border-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price { + color: var(--wpforms-label-error-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td { + color: var(--wpforms-label-color); +} + +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container, +.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container { + max-width: 100%; + margin-bottom: 24px; +} + +@container wpforms-field-row-responsive (max-width: 200px) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: var(--wpforms-field-size-input-spacing); + } +} + +@container wpforms-field-row-responsive-300px (max-width: 300px) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child) { + margin-bottom: var(--wpforms-field-size-input-spacing); + } +} + +@media only screen and (max-width: 768px) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(:empty) { + padding: calc( min( var( --wpforms-container-padding ), 40px )); + } +} + +@media only screen and (max-width: 600px) { + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(:empty) { + padding: calc( min( var( --wpforms-container-padding ), 20px )); + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] { + margin: 20px 0 20px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb { + width: 30px; + height: 30px; + } + .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title { + 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; +} diff --git a/assets/css/wpforms-modern-full.min.css b/assets/css/wpforms-modern-full.min.css new file mode 100644 index 00000000..333b43ce --- /dev/null +++ b/assets/css/wpforms-modern-full.min.css @@ -0,0 +1,86 @@ +.wpforms-container .wpforms-error-container,.wpforms-container .wpforms-error-noscript{color:#D63637}.wpforms-container .wpforms-error-styled-container{padding:15px 0}.wpforms-container .wpforms-error-styled-container p{margin:0}.wpforms-container .wpforms-error-styled-container+.wpforms-submit-container{margin-top:10px}.wpforms-container label.wpforms-error,.wpforms-container em.wpforms-error{display:block;color:#D63637;font-size:0.9em;font-style:normal;cursor:default;min-width:120px}.wpforms-container .wpforms-field input.wpforms-error,.wpforms-container .wpforms-field input.user-invalid,.wpforms-container .wpforms-field textarea.wpforms-error,.wpforms-container .wpforms-field textarea.user-invalid,.wpforms-container .wpforms-field select.wpforms-error,.wpforms-container .wpforms-field select.user-invalid{border:1px solid #D63637}.wpforms-container .wpforms-field input[type=checkbox].wpforms-error,.wpforms-container .wpforms-field input[type=checkbox].user-invalid,.wpforms-container .wpforms-field input[type=radio].wpforms-error,.wpforms-container .wpforms-field input[type=radio].user-invalid{border:none}.wpforms-container .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #D63637}.wpforms-container .wpforms-error-alert,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert{border:1px solid rgba(0,0,0,0.25);text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.wpforms-container .wpforms-error-alert{color:#D63637;background-color:#f2dede;border-color:#f2dede}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.wpforms-container .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;word-wrap:normal !important}.wpforms-container .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}.wpforms-container .wpforms-recaptcha-container{padding:0;clear:both}.wpforms-container .wpforms-recaptcha-container iframe{display:block;width:100%;max-width:100%}.wpforms-container .wpforms-recaptcha-container .g-recaptcha{padding:10px 0 0}.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile.wpforms-is-turnstile-invisible{padding:0;height:0}.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile iframe{position:relative !important;visibility:inherit !important}.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .g-recaptcha,.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .g-recaptcha,.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .g-recaptcha{padding:0}.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .wpforms-error:first-of-type,.wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .wpforms-error:first-of-type,.wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .wpforms-error:first-of-type{margin-top:10px}.wpforms-container amp-img>img{position:absolute}.wpforms-container .amp-form-submit-success .wpforms-field-container,.wpforms-container .amp-form-submit-success .wpforms-submit-container{display:none}.wpforms-container .wpforms-preview-notice-links{line-height:2.4}body.rtl .wpforms-container .wpforms-form input[type=tel]{direction:ltr;text-align:right}body.rtl .wpforms-container .wpforms-form input[type=url]{direction:ltr;text-align:right}body.rtl .wpforms-container .wpforms-form input[type=url]::-webkit-textfield-decoration-container{display:flex;flex-direction:row-reverse}body.rtl .wpforms-container .wpforms-form input[type=email]{direction:ltr;text-align:right}body.rtl .wpforms-container .wpforms-form input[type=email]::-webkit-textfield-decoration-container{display:flex;flex-direction:row-reverse}body.rtl .wpforms-container .wpforms-form input[type=number]::-webkit-textfield-decoration-container{flex-direction:row-reverse}body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-datepicker-wrap .wpforms-datepicker-clear{right:auto;left:10px}body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .ui-timepicker-list li{padding:3px 5px 3px 0 !important}body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-field-medium+.wpforms-datepicker-clear{left:calc( 40% + 10px);right:auto}body.rtl .wpforms-container .wpforms-form .wpforms-field-file-upload .dz-remove{right:auto;left:0}body.rtl .wpforms-container .wpforms-form .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label{margin-left:0;margin-right:10px}body.rtl .ui-timepicker-list li{padding:3px 5px 3px 0}.wpforms-container .wpforms-form .wpforms-field.wpforms-field-email .wpforms-field-row,.wpforms-container .wpforms-form .wpforms-field.wpforms-field-address .wpforms-field-row,.wpforms-container .wpforms-form .wpforms-field.wpforms-field-password .wpforms-field-row{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive}.wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive-name-field}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row-responsive{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive}@container wpforms-field-row-responsive (max-width: 200px){.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block{width:100%;padding:0}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{padding:0}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:15px}}@container wpforms-field-row-responsive-name-field (max-width: 260px){.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block{width:100%;padding:0}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{padding:0}.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:15px}}.wpforms-container .wpforms-form .wpforms-checkbox-2-columns,.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns,.wpforms-container .wpforms-form .wpforms-list-2-columns{container-type:inline-size;container-name:wpforms-field-2-columns-responsive}@container wpforms-field-2-columns-responsive (max-width: 320px){.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul,.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul,.wpforms-container .wpforms-form .wpforms-list-2-columns ul{grid-template-columns:1fr !important}.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li,.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li,.wpforms-container .wpforms-form .wpforms-list-2-columns ul li{width:100%}}.wpforms-container .wpforms-form .wpforms-checkbox-3-columns,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns,.wpforms-container .wpforms-form .wpforms-list-3-columns{container-type:inline-size;container-name:wpforms-field-3-columns-responsive}@container wpforms-field-3-columns-responsive (max-width: 480px){.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}}@container wpforms-field-3-columns-responsive (max-width: 320px){.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:1fr !important}.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}}@media only screen and (max-width: 600px){div.wpforms-container .wpforms-form .wpforms-field>*{max-width:100%}div.wpforms-container .wpforms-form .wpforms-field{padding-right:1px;padding-left:1px}div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-small,div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-medium,div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-large,div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-small,div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-medium,div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-large,div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-small,div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-medium,div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container .wpforms-form .wpforms-mobile-full{width:100%;margin-left:0}div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:hidden}div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul,div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul,div.wpforms-container .wpforms-form .wpforms-list-2-columns ul,div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,div.wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:1fr !important}div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container .wpforms-form .wpforms-list-2-columns ul li,div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{display:block;margin:0 0 10px 0}div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page{width:100% !important;padding:5px 10px}div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:none}div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page.active{font-weight:700}div.wpforms-container .wpforms-form.inline-fields .wpforms-field-container,div.wpforms-container .wpforms-form.inline-fields .wpforms-field{display:block;width:100%}div.wpforms-container .wpforms-form.inline-fields .wpforms-submit-container{width:100%}}.wpforms-container{margin-bottom:26px}.wpforms-container .wpforms-form *{word-break:break-word;box-sizing:border-box}.wpforms-container .wpforms-form .wpforms-field-label,.wpforms-container .wpforms-form .wpforms-field-sublabel,.wpforms-container .wpforms-form .wpforms-field-description,.wpforms-container .wpforms-form textarea,.wpforms-container .wpforms-form li,.wpforms-container .wpforms-form th{hyphens:auto}.wpforms-container ul,.wpforms-container ul li{background:none;border:0;margin:0}.wpforms-container .wpforms-title{font-size:24px;font-weight:700;margin:0 0 10px 0}.wpforms-container .wpforms-submit-container{clear:both;position:relative}.wpforms-container .wpforms-submit-spinner{margin-inline-start:15px;display:inline-block;vertical-align:middle}.wpforms-container .wpforms-hidden{display:none !important}.wpforms-clear:before{content:" ";display:table}.wpforms-clear:after{clear:both;content:" ";display:table}.wpforms-container .wpforms-notice{background-color:#ffffff;border:1px solid rgba(0,0,0,0.25);border-left-width:12px;color:#333333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}.wpforms-container .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:50%;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}.wpforms-container .wpforms-notice .wpforms-delete:before,.wpforms-container .wpforms-notice .wpforms-delete:after{background-color:#ffffff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.wpforms-container .wpforms-notice .wpforms-delete:before{height:2px;width:50%}.wpforms-container .wpforms-notice .wpforms-delete:after{height:50%;width:2px}.wpforms-container .wpforms-notice .wpforms-delete:hover,.wpforms-container .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}.wpforms-container .wpforms-notice a{text-decoration:underline}.wpforms-container .wpforms-notice p{margin:0 0 20px 0}.wpforms-container .wpforms-notice p:last-of-type{margin-bottom:0}.wpforms-container .wpforms-notice .wpforms-notice-actions{margin-top:20px}.wpforms-container .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}.wpforms-container .wpforms-notice .wpforms-notice-action:hover,.wpforms-container .wpforms-notice .wpforms-notice-action:focus,.wpforms-container .wpforms-notice .wpforms-notice-action:active{color:#ffffff}.wpforms-container .wpforms-notice.wpforms-info{border-color:#3273dc}.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action{border-color:#3273dc}.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:hover,.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:focus,.wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}.wpforms-container .wpforms-notice.wpforms-success{border-color:#23d160}.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action{border-color:#23d160}.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:hover,.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:focus,.wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}.wpforms-container .wpforms-notice.wpforms-warning{border-color:#ffdd57}.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action{border-color:#ffdd57}.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,.wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}.wpforms-container .wpforms-notice.wpforms-error{border-color:#D63637}.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action{border-color:#D63637}.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:hover,.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:focus,.wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#D63637}.wpforms-container .wpforms-preview-notice-links{line-height:2.4}.wpforms-container input.wpforms-field-medium,.wpforms-container select.wpforms-field-medium,.wpforms-container .wpforms-field-row.wpforms-field-medium,.wp-core-ui div.wpforms-container input.wpforms-field-medium,.wp-core-ui div.wpforms-container select.wpforms-field-medium,.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium{max-width:60%}.wpforms-container input.wpforms-field-small,.wpforms-container select.wpforms-field-small,.wpforms-container .wpforms-field-row.wpforms-field-small,.wp-core-ui div.wpforms-container input.wpforms-field-small,.wp-core-ui div.wpforms-container select.wpforms-field-small,.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-small{max-width:25%}.wpforms-container input.wpforms-field-large,.wpforms-container select.wpforms-field-large,.wpforms-container .wpforms-field-row.wpforms-field-large,.wp-core-ui div.wpforms-container input.wpforms-field-large,.wp-core-ui div.wpforms-container select.wpforms-field-large,.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-large{max-width:100%}.wpforms-container fieldset,.wp-core-ui div.wpforms-container fieldset{display:block;border:none;margin:0;padding:0}.wpforms-container .wpforms-field,.wp-core-ui div.wpforms-container .wpforms-field{padding:15px 0;position:relative}.wpforms-container .wpforms-field.wpforms-field-hidden,.wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-hidden{display:none;padding:0}.wpforms-container .wpforms-field-description,.wpforms-container .wpforms-field-limit-text,.wp-core-ui div.wpforms-container .wpforms-field-description,.wp-core-ui div.wpforms-container .wpforms-field-limit-text{font-size:0.8em;margin:5px 0 0 0;word-break:break-word;word-wrap:break-word;line-height:1.3}.wpforms-container .wpforms-field-description.wpforms-disclaimer-description,.wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description{background-color:#ffffff;border:1px solid rgba(0,0,0,0.25);padding:15px 15px 0;height:125px;overflow-y:scroll;overflow-x:hidden}.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p,.wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p{margin:0 0 15px 0}.wpforms-container .wpforms-field-description-before,.wpforms-container .wpforms-field-description.before,.wp-core-ui div.wpforms-container .wpforms-field-description-before,.wp-core-ui div.wpforms-container .wpforms-field-description.before{font-size:0.85em;margin:0 0 5px 0}.wpforms-container .wpforms-field-label,.wp-core-ui div.wpforms-container .wpforms-field-label{display:block;font-weight:700;font-style:normal;word-break:break-word;word-wrap:break-word}.wpforms-container .wpforms-field-label-inline,.wp-core-ui div.wpforms-container .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-weight:400;font-style:normal;word-break:break-word;word-wrap:break-word}.wpforms-container .wpforms-field-sublabel,.wp-core-ui div.wpforms-container .wpforms-field-sublabel{display:block;font-size:0.8em;font-weight:400;font-style:normal;min-width:120px}.wpforms-container .wpforms-field-label.wpforms-label-hide,.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide,.wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide,.wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.wpforms-container .wpforms-required-label,.wp-core-ui div.wpforms-container .wpforms-required-label{color:var(--wpforms-label-error-color);font-weight:normal}.wpforms-container input[type=date],.wpforms-container input[type=datetime],.wpforms-container input[type=datetime-local],.wpforms-container input[type=email],.wpforms-container input[type=month],.wpforms-container input[type=number],.wpforms-container input[type=password],.wpforms-container input[type=range],.wpforms-container input[type=search],.wpforms-container input[type=tel],.wpforms-container input[type=text],.wpforms-container input[type=time],.wpforms-container input[type=url],.wpforms-container input[type=week],.wpforms-container select,.wpforms-container textarea,.wp-core-ui div.wpforms-container input[type=date],.wp-core-ui div.wpforms-container input[type=datetime],.wp-core-ui div.wpforms-container input[type=datetime-local],.wp-core-ui div.wpforms-container input[type=email],.wp-core-ui div.wpforms-container input[type=month],.wp-core-ui div.wpforms-container input[type=number],.wp-core-ui div.wpforms-container input[type=password],.wp-core-ui div.wpforms-container input[type=range],.wp-core-ui div.wpforms-container input[type=search],.wp-core-ui div.wpforms-container input[type=tel],.wp-core-ui div.wpforms-container input[type=text],.wp-core-ui div.wpforms-container input[type=time],.wp-core-ui div.wpforms-container input[type=url],.wp-core-ui div.wpforms-container input[type=week],.wp-core-ui div.wpforms-container select,.wp-core-ui div.wpforms-container textarea{display:block;width:100%;box-sizing:border-box;font-family:inherit;font-style:normal;font-weight:400;margin:0}.wpforms-container input[type=date]:read-only,.wpforms-container input[type=datetime]:read-only,.wpforms-container input[type=datetime-local]:read-only,.wpforms-container input[type=email]:read-only,.wpforms-container input[type=month]:read-only,.wpforms-container input[type=number]:read-only,.wpforms-container input[type=password]:read-only,.wpforms-container input[type=range]:read-only,.wpforms-container input[type=search]:read-only,.wpforms-container input[type=tel]:read-only,.wpforms-container input[type=text]:read-only,.wpforms-container input[type=time]:read-only,.wpforms-container input[type=url]:read-only,.wpforms-container input[type=week]:read-only,.wpforms-container select:read-only,.wpforms-container textarea:read-only,.wp-core-ui div.wpforms-container input[type=date]:read-only,.wp-core-ui div.wpforms-container input[type=datetime]:read-only,.wp-core-ui div.wpforms-container input[type=datetime-local]:read-only,.wp-core-ui div.wpforms-container input[type=email]:read-only,.wp-core-ui div.wpforms-container input[type=month]:read-only,.wp-core-ui div.wpforms-container input[type=number]:read-only,.wp-core-ui div.wpforms-container input[type=password]:read-only,.wp-core-ui div.wpforms-container input[type=range]:read-only,.wp-core-ui div.wpforms-container input[type=search]:read-only,.wp-core-ui div.wpforms-container input[type=tel]:read-only,.wp-core-ui div.wpforms-container input[type=text]:read-only,.wp-core-ui div.wpforms-container input[type=time]:read-only,.wp-core-ui div.wpforms-container input[type=url]:read-only,.wp-core-ui div.wpforms-container input[type=week]:read-only,.wp-core-ui div.wpforms-container select:read-only,.wp-core-ui div.wpforms-container textarea:read-only{cursor:default}.wpforms-container textarea,.wp-core-ui div.wpforms-container textarea{resize:vertical}.wpforms-container input[type=checkbox],.wpforms-container input[type=radio],.wp-core-ui div.wpforms-container input[type=checkbox],.wp-core-ui div.wpforms-container input[type=radio]{width:16px;height:16px;margin:2px 10px 0 3px;display:inline-block;vertical-align:baseline;font-style:normal;font-weight:400}.wpforms-container .wpforms-five-sixths,.wpforms-container .wpforms-four-sixths,.wpforms-container .wpforms-four-fifths,.wpforms-container .wpforms-one-fifth,.wpforms-container .wpforms-one-fourth,.wpforms-container .wpforms-one-half,.wpforms-container .wpforms-one-sixth,.wpforms-container .wpforms-one-third,.wpforms-container .wpforms-three-fourths,.wpforms-container .wpforms-three-fifths,.wpforms-container .wpforms-three-sixths,.wpforms-container .wpforms-two-fourths,.wpforms-container .wpforms-two-fifths,.wpforms-container .wpforms-two-sixths,.wpforms-container .wpforms-two-thirds{float:left;margin-left:20px;clear:none}.wpforms-container .wpforms-one-half,.wpforms-container .wpforms-three-sixths,.wpforms-container .wpforms-two-fourths{width:calc( 50% - 10px)}.wpforms-container .wpforms-one-third,.wpforms-container .wpforms-two-sixths{width:calc( 100% / 3 - 20px)}.wpforms-container .wpforms-one-third.wpforms-first,.wpforms-container .wpforms-two-sixths.wpforms-first{width:calc( 100% / 3)}.wpforms-container .wpforms-four-sixths,.wpforms-container .wpforms-two-thirds{width:calc( 2 * 100% / 3 - 20px)}.wpforms-container .wpforms-four-sixths.wpforms-first,.wpforms-container .wpforms-two-thirds.wpforms-first{width:calc( 2 * 100% / 3)}.wpforms-container .wpforms-one-fourth{width:calc( 25% - 20px)}.wpforms-container .wpforms-one-fourth.wpforms-first{width:25%}.wpforms-container .wpforms-three-fourths{width:calc( 75% - 20px)}.wpforms-container .wpforms-three-fourths.wpforms-first{width:75%}.wpforms-container .wpforms-one-fifth{width:calc( 100% / 5 - 20px)}.wpforms-container .wpforms-one-fifth.wpforms-first{width:calc( 100% / 5)}.wpforms-container .wpforms-two-fifths{width:calc( 2 * 100% / 5 - 20px)}.wpforms-container .wpforms-two-fifths.wpforms-first{width:calc( 2 * 100% / 5)}.wpforms-container .wpforms-three-fifths{width:calc( 3 * 100% / 5 - 20px)}.wpforms-container .wpforms-three-fifths.wpforms-first{width:calc( 3 * 100% / 5)}.wpforms-container .wpforms-four-fifths{width:calc( 4 * 100% / 5 - 20px)}.wpforms-container .wpforms-four-fifths.wpforms-first{width:calc( 4 * 100% / 5)}.wpforms-container .wpforms-one-sixth{width:calc( 100% / 6 - 20px)}.wpforms-container .wpforms-one-sixth.wpforms-first{width:calc( 100% / 6)}.wpforms-container .wpforms-five-sixths{width:calc( 5 * 100% / 6 - 20px)}.wpforms-container .wpforms-five-sixths.wpforms-first{width:calc( 5 * 100% / 6)}.wpforms-container .wpforms-first{clear:both !important;margin-left:0 !important}.wpforms-container .wpforms-field{float:none;clear:both}.wpforms-container .wpforms-field.wpforms-five-sixths,.wpforms-container .wpforms-field.wpforms-four-sixths,.wpforms-container .wpforms-field.wpforms-four-fifths,.wpforms-container .wpforms-field.wpforms-one-fifth,.wpforms-container .wpforms-field.wpforms-one-fourth,.wpforms-container .wpforms-field.wpforms-one-half,.wpforms-container .wpforms-field.wpforms-one-sixth,.wpforms-container .wpforms-field.wpforms-one-third,.wpforms-container .wpforms-field.wpforms-three-fourths,.wpforms-container .wpforms-field.wpforms-three-fifths,.wpforms-container .wpforms-field.wpforms-three-sixths,.wpforms-container .wpforms-field.wpforms-two-fourths,.wpforms-container .wpforms-field.wpforms-two-fifths,.wpforms-container .wpforms-field.wpforms-two-sixths,.wpforms-container .wpforms-field.wpforms-two-thirds{float:left;margin-left:20px;clear:none}.wpforms-container .wpforms-field .wpforms-field-row{align-items:start;position:relative;display:flex;justify-content:space-between;margin-bottom:15px}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block{padding:0 10px}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child{padding-inline-start:0}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child{padding-inline-end:0}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{margin-right:auto;padding-right:10px}.wpforms-container .wpforms-field .wpforms-field-row:before{content:"";display:table}.wpforms-container .wpforms-field .wpforms-field-row:after{clear:both;content:"";display:table}.wpforms-container .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}.wpforms-container .wpforms-field .wpforms-field-row>:only-child{width:100%}.wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns{display:block}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds{float:none;margin-left:0;clear:initial}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths{width:50%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths{width:33.33333%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths,.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds{width:66.66667%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth{width:25%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths{width:75%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth{width:20%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths{width:40%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths{width:60%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths{width:80%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth{width:16.66667%}.wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths{width:83.33333%}.wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul,.wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul,.wpforms-container .wpforms-field .wpforms-list-2-columns ul,.wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-field .wpforms-list-3-columns ul{display:grid;gap:15px 30px}.wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul,.wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul,.wpforms-container .wpforms-field .wpforms-list-2-columns ul{grid-template-columns:repeat(2, 1fr)}.wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul,.wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul,.wpforms-container .wpforms-field .wpforms-list-3-columns ul{grid-template-columns:repeat(3, 1fr)}.wpforms-container .wpforms-field .wpforms-list-inline ul li{display:inline-block;vertical-align:top;margin-right:20px}.wpforms-container.inline-fields{overflow:visible}.wpforms-container.inline-fields .wpforms-form{display:flex;justify-content:space-between}.wpforms-container.inline-fields .wpforms-field-container{display:flex;justify-content:space-between;width:calc( 100% - 175px)}.wpforms-container.inline-fields .wpforms-field-container .wpforms-field{padding-right:7px;padding-left:8px}.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:first-of-type{padding-left:0}.wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type{padding-right:0}.wpforms-container.inline-fields .wpforms-field-row:first-of-type .wpforms-field-row-block:first-child{padding-left:0}.wpforms-container.inline-fields .wpforms-submit-container{width:160px;padding-bottom:16px;align-self:flex-end}.wpforms-container.inline-fields .wpforms-submit{display:block;width:100%}.wpforms-container.inline-fields input.wpforms-field-medium,.wpforms-container.inline-fields select.wpforms-field-medium,.wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium{max-width:100%}.wpforms-container ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}.wpforms-container ul.wpforms-image-choices label input{top:50%}.wpforms-container .wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error){background:none;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid #ffffff;border-radius:3px;padding:20px;transition:all 0.5s;text-align:center}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover{border:1px solid rgba(0,0,0,0.25)}.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus,.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus-within{border:1px solid rgba(0,0,0,0.25)}.wpforms-container .wpforms-image-choices-modern .wpforms-selected label,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label{font-weight:700}.wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after{opacity:1}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#ffffff;background:var(--wpforms-button-background-color, #066aab);opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}.wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{margin:5px !important}.wpforms-container .wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error){background:none;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid transparent;padding:10px;text-align:center}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover{border:1px solid rgba(0,0,0,0.25)}.wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):focus{border:1px solid rgba(0,0,0,0.25)}.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.wpforms-container .wpforms-image-choices-classic .wpforms-selected label,.wpforms-container .wpforms-image-choices-classic li:has(input:checked) label{border-color:rgba(0,0,0,0.7)}.wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img{display:inline-block;margin:0 auto;max-width:100%}.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item input{vertical-align:middle}.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label{display:inline-block;margin-top:5px;margin-left:10px;vertical-align:middle}.wpforms-container-full ul.wpforms-icon-choices,.wpforms-container-full ul.wpforms-icon-choices *{box-sizing:border-box}.wpforms-container-full ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}.wpforms-container-full ul.wpforms-icon-choices+.wpforms-field-description,.wpforms-container-full ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.wpforms-container-full ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}.wpforms-container-full ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.wpforms-container-full ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.wpforms-container-full ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices,.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices,.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li,.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li,.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .choices .choices__inner{border-radius:3px;min-height:35px}.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single{height:auto}.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1.3}.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner,.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 3px 3px}.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,.wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:3px 3px 0 0}.wpforms-container textarea{line-height:1.3}.wpforms-container textarea.wpforms-field-small{height:70px}.wpforms-container textarea.wpforms-field-medium{height:120px}.wpforms-container textarea.wpforms-field-large{height:220px}.wpforms-container .wpforms-order-summary-container{display:block;max-width:60%}.wpforms-container .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.wpforms-container .size-large>.wpforms-order-summary-container,.wpforms-container .wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.wpforms-container .size-medium>.wpforms-order-summary-container,.wpforms-container .wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#D63637}div.wpforms-container-full,div.wpforms-container-full *,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full *{background:none;border:0 none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;font-size:100%;height:auto;letter-spacing:normal;outline:none;position:static;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}div.wpforms-container-full img,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full img,div.wpforms-container-full video,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full video,div.wpforms-container-full canvas,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full canvas,div.wpforms-container-full svg,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full svg{overflow:clip}div.wpforms-container-full{margin-left:auto;margin-right:auto}div.wpforms-container-full:not(:empty){margin:24px auto;padding:var(--wpforms-container-padding);background-clip:padding-box;background-color:var(--wpforms-background-color);background-image:var(--wpforms-background-url);background-position:var(--wpforms-background-position);background-repeat:var(--wpforms-background-repeat);background-size:var(--wpforms-background-size);border-style:var(--wpforms-container-border-style);border-width:var(--wpforms-container-border-width);border-color:var(--wpforms-container-border-color);border-radius:var(--wpforms-container-border-radius);box-shadow:var(--wpforms-container-shadow-size-box-shadow)}div.wpforms-container-full input,div.wpforms-container-full label,div.wpforms-container-full select,div.wpforms-container-full button,div.wpforms-container-full textarea{margin:0;border:0;padding:0;vertical-align:middle;background:none;height:auto;box-sizing:border-box}div.wpforms-container-full h1,div.wpforms-container-full h2,div.wpforms-container-full h3,div.wpforms-container-full h4,div.wpforms-container-full h5,div.wpforms-container-full h6,div.wpforms-container-full small,div.wpforms-container-full sup,div.wpforms-container-full sub,div.wpforms-container-full dl,div.wpforms-container-full dt,div.wpforms-container-full dd,div.wpforms-container-full time,div.wpforms-container-full address,div.wpforms-container-full pre,div.wpforms-container-full code,div.wpforms-container-full blockquote,div.wpforms-container-full sup,div.wpforms-container-full sub,div.wpforms-container-full del{font-size:revert;font-weight:revert;margin:revert;padding:revert}div.wpforms-container-full sup,div.wpforms-container-full sub{position:relative}div.wpforms-container-full del{text-decoration:line-through}div.wpforms-container-full blockquote{padding-left:20px;border-left:4px solid}div.wpforms-container-full blockquote p{font-size:revert;font-weight:revert;font-style:italic}div.wpforms-container-full ul,div.wpforms-container-full ul li{background:none;border:0;margin:0;padding:0}div.wpforms-container-full ul li{margin-bottom:15px}div.wpforms-container-full ul li:last-of-type{margin-bottom:0}div.wpforms-container-full hr{border-top-width:var(--wpforms-field-border-size);border-top-style:var(--wpforms-field-border-style);border-top-color:var(--wpforms-field-border-color);margin:0.5em auto}div.wpforms-container-full fieldset{min-width:0}div.wpforms-container-full .wpforms-form .wpforms-head-container{margin:0;padding:0 0 35px 0}div.wpforms-container-full .wpforms-form .wpforms-title{font-weight:700;line-height:29px;color:var(--wpforms-label-color)}div.wpforms-container-full .wpforms-form .wpforms-description{font-style:normal;font-weight:300;font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height);color:var(--wpforms-label-color)}div.wpforms-container-full .wpforms-form .wpforms-submit-container{margin-top:var(--wpforms-button-size-margin-top)}div.wpforms-container-full .wpforms-form .wpforms-submit-spinner{max-width:26px}body .wpforms-test{outline:2px solid red !important}div.wpforms-container-full .wpforms-form label.wpforms-error,div.wpforms-container-full .wpforms-form em.wpforms-error{font-weight:400;font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);margin-top:var(--wpforms-field-size-input-spacing);color:var(--wpforms-label-error-color);padding:0 0 0 5px;position:relative}div.wpforms-container-full .wpforms-form label.wpforms-error:before,div.wpforms-container-full .wpforms-form em.wpforms-error:before{-webkit-mask-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A");mask-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A");content:'';position:relative;display:inline-block;right:5px;top:1.5px;width:16px;height:14px;background-color:var(--wpforms-label-error-color)}div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-field-sublabel+.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field-credit-card .wpforms-field-sublabel+.wpforms-error{margin-top:calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ))}div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color)}div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:hover,div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:hover,div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:hover,div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:hover,div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:hover,div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:hover{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 2px 0 var(--wpforms-label-error-color)}div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus,div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:focus,div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:focus,div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:focus,div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:focus,div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:focus{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 0 1px var(--wpforms-label-error-color)}div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid{border:none;box-shadow:none}div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error:hover,div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error:focus,div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid:hover,div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid:focus,div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error:hover,div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error:focus,div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid:hover,div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid:focus{border:none;box-shadow:none}div.wpforms-container-full .wpforms-form .wpforms-error-container{color:var(--wpforms-label-error-color);font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height)}div.wpforms-container-full .wpforms-form .wpforms-error-container ul li{list-style:inside !important}div.wpforms-container-full .wpforms-form .wpforms-error-container ol li{list-style:inside decimal !important}div.wpforms-container-full .wpforms-form .wpforms-error-container a{color:var(--wpforms-label-error-color);text-decoration:underline !important}div.wpforms-container-full .wpforms-form .wpforms-error-container a:hover{text-decoration:none !important}div.wpforms-container-full .wpforms-form .wpforms-error-container del{text-decoration:line-through !important}div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote{padding-left:20px;border-left:4px solid;font-style:italic}div.wpforms-container-full .wpforms-form .wpforms-error-container.wpforms-error-styled-container{padding:15px 0}div.wpforms-container-full .wpforms-form .wpforms-error-container.wpforms-error-styled-container .wpforms-error{padding:11px;border:1px solid var(--wpforms-label-error-color);border-left:5px solid}div.wpforms-container-full .wpforms-form .wpforms-error-alert{color:var(--wpforms-label-error-color);border-color:transparent;border-radius:var(--wpforms-field-border-radius);font-size:var(--wpforms-label-size-sublabel-font-size);padding:var(--wpforms-field-size-input-spacing);background:linear-gradient(90deg, var(--wpforms-label-error-color) -3000%, transparent 500%)}div.wpforms-container-full .wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full{color:#333333;margin:0 auto 24px;padding:15px;overflow-wrap:break-word}div.wpforms-container-full .wpforms-confirmation-container-full ul,div.wpforms-container-full .wpforms-confirmation-container-full ol,div[submit-success]>.wpforms-confirmation-container-full ul,div[submit-success]>.wpforms-confirmation-container-full ol{padding-left:30px}div.wpforms-container-full .wpforms-confirmation-container-full ul li,div.wpforms-container-full .wpforms-confirmation-container-full ol li,div[submit-success]>.wpforms-confirmation-container-full ul li,div[submit-success]>.wpforms-confirmation-container-full ol li{margin-bottom:5px}div.wpforms-container-full .wpforms-confirmation-container-full p,div[submit-success]>.wpforms-confirmation-container-full p{margin:0 0 15px 0}div.wpforms-container-full .wpforms-confirmation-container-full p:last-child,div[submit-success]>.wpforms-confirmation-container-full p:last-child{margin:0}div.wpforms-container-full .wpforms-confirmation-container-full iframe,div[submit-success]>.wpforms-confirmation-container-full iframe{width:100%;border:0}div.wpforms-container-full .wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background:#e0ffc7;border:1px solid #b4d39b;box-sizing:border-box}div.wpforms-container-full .wpforms-confirmation-container-full p,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{color:#333333}div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview{color:inherit;border-color:#b4d39b}div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview td,div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview th,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview td,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview th{border-top-color:#b4d39b}div.wpforms-container-full .wpforms-form amp-img>img{position:absolute}div.wpforms-container-full .wpforms-form .wpforms-limit-text{font-size:13px;display:block}.wpforms-screen-reader-announce{color:transparent !important;position:absolute !important;bottom:0 !important}body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{transform:rotate(180deg)}body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{margin:0 0 0 10px}body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{margin:0 0 0 15px}body.rtl div.wpforms-container-full .wpforms-form em.wpforms-error{padding:0 5px 0 0}body.rtl div.wpforms-container-full .wpforms-form em.wpforms-error:before{left:5px;right:auto}body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices__list--single .choices__item{padding-right:0;padding-left:15px}body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{padding:0 7px 0 24px}body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single{padding:0 4px 0 16px}body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after{right:auto;left:12px}body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after{right:auto;left:12px}body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button{right:auto;left:0;margin-right:0;margin-left:25px}body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"] .choices__button{margin-right:5px;border-right:none}body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select{background-position:calc(0% + 12px) 50%,calc(0% + 17px) 50%;padding:0 12px 0 24px}div.wpforms-container-full .wpforms-field-description,div.wpforms-container-full .wpforms-field-limit-text,.wp-core-ui div.wpforms-container-full .wpforms-field-description,.wp-core-ui div.wpforms-container-full .wpforms-field-limit-text{font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);color:var(--wpforms-label-sublabel-color);margin:var(--wpforms-field-size-sublabel-spacing) 0 0 0}div.wpforms-container-full .wpforms-field-description ul,div.wpforms-container-full .wpforms-field-description ol,.wp-core-ui div.wpforms-container-full .wpforms-field-description ul,.wp-core-ui div.wpforms-container-full .wpforms-field-description ol{padding-left:15px}div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description,.wp-core-ui div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description{color:var(--wpforms-field-text-color);margin-top:var(--wpforms-field-size-input-spacing);font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);background-color:var(--wpforms-field-background-color);border-radius:var(--wpforms-field-border-radius);border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color);padding:var(--wpforms-field-size-padding-h)}div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description p,.wp-core-ui div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description p{color:inherit;font-size:inherit;line-height:inherit;margin-bottom:15px}div.wpforms-container-full .wpforms-field-description-before,div.wpforms-container-full .wpforms-field-description.before,.wp-core-ui div.wpforms-container-full .wpforms-field-description-before,.wp-core-ui div.wpforms-container-full .wpforms-field-description.before{margin:0 0 var(--wpforms-field-size-input-spacing) 0}div.wpforms-container-full .wpforms-field-row+.wpforms-field-description,.wp-core-ui div.wpforms-container-full .wpforms-field-row+.wpforms-field-description{margin-top:0}div.wpforms-container-full .wpforms-field-row+.wpforms-field-description.wpforms-disclaimer-description,.wp-core-ui div.wpforms-container-full .wpforms-field-row+.wpforms-field-description.wpforms-disclaimer-description{margin-top:0}div.wpforms-container-full .wpforms-field-label,.wp-core-ui div.wpforms-container-full .wpforms-field-label{margin:0 0 var(--wpforms-field-size-input-spacing) 0;padding:0;font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height);color:var(--wpforms-label-color)}div.wpforms-container-full .wpforms-field-label-inline,.wp-core-ui div.wpforms-container-full .wpforms-field-label-inline{font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height)}div.wpforms-container-full .wpforms-field-sublabel,.wp-core-ui div.wpforms-container-full .wpforms-field-sublabel{font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);margin:var(--wpforms-field-size-sublabel-spacing) 0 0 0;padding:0;color:var(--wpforms-label-sublabel-color)}div.wpforms-container-full .wpforms-field-sublabel.before,.wp-core-ui div.wpforms-container-full .wpforms-field-sublabel.before{margin:0 0 var(--wpforms-field-size-sublabel-spacing) 0}div.wpforms-container-full .wpforms-field-label-inline,.wp-core-ui div.wpforms-container-full .wpforms-field-label-inline{color:var(--wpforms-label-color)}div.wpforms-container-full .wpforms-required-label,.wp-core-ui div.wpforms-container-full .wpforms-required-label{font-weight:400}div.wpforms-container-full input[type=date],div.wpforms-container-full input[type=datetime],div.wpforms-container-full input[type=datetime-local],div.wpforms-container-full input[type=email],div.wpforms-container-full input[type=month],div.wpforms-container-full input[type=number],div.wpforms-container-full input[type=password],div.wpforms-container-full input[type=range],div.wpforms-container-full input[type=search],div.wpforms-container-full input[type=tel],div.wpforms-container-full input[type=text],div.wpforms-container-full input[type=time],div.wpforms-container-full input[type=url],div.wpforms-container-full input[type=week],div.wpforms-container-full select,div.wpforms-container-full textarea,.wp-core-ui div.wpforms-container-full input[type=date],.wp-core-ui div.wpforms-container-full input[type=datetime],.wp-core-ui div.wpforms-container-full input[type=datetime-local],.wp-core-ui div.wpforms-container-full input[type=email],.wp-core-ui div.wpforms-container-full input[type=month],.wp-core-ui div.wpforms-container-full input[type=number],.wp-core-ui div.wpforms-container-full input[type=password],.wp-core-ui div.wpforms-container-full input[type=range],.wp-core-ui div.wpforms-container-full input[type=search],.wp-core-ui div.wpforms-container-full input[type=tel],.wp-core-ui div.wpforms-container-full input[type=text],.wp-core-ui div.wpforms-container-full input[type=time],.wp-core-ui div.wpforms-container-full input[type=url],.wp-core-ui div.wpforms-container-full input[type=week],.wp-core-ui div.wpforms-container-full select,.wp-core-ui div.wpforms-container-full textarea{background-color:var(--wpforms-field-background-color);background-clip:padding-box;border-radius:var(--wpforms-field-border-radius);color:var(--wpforms-field-text-color);border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color);padding:0 var(--wpforms-field-size-padding-h);font-size:var(--wpforms-field-size-font-size);line-height:100%;box-shadow:none;transition:border 0.15s, box-shadow 0.15s}div.wpforms-container-full input[type=date]:focus,div.wpforms-container-full input[type=datetime]:focus,div.wpforms-container-full input[type=datetime-local]:focus,div.wpforms-container-full input[type=email]:focus,div.wpforms-container-full input[type=month]:focus,div.wpforms-container-full input[type=number]:focus,div.wpforms-container-full input[type=password]:focus,div.wpforms-container-full input[type=range]:focus,div.wpforms-container-full input[type=search]:focus,div.wpforms-container-full input[type=tel]:focus,div.wpforms-container-full input[type=text]:focus,div.wpforms-container-full input[type=time]:focus,div.wpforms-container-full input[type=url]:focus,div.wpforms-container-full input[type=week]:focus,div.wpforms-container-full select:focus,div.wpforms-container-full textarea:focus,.wp-core-ui div.wpforms-container-full input[type=date]:focus,.wp-core-ui div.wpforms-container-full input[type=datetime]:focus,.wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus,.wp-core-ui div.wpforms-container-full input[type=email]:focus,.wp-core-ui div.wpforms-container-full input[type=month]:focus,.wp-core-ui div.wpforms-container-full input[type=number]:focus,.wp-core-ui div.wpforms-container-full input[type=password]:focus,.wp-core-ui div.wpforms-container-full input[type=range]:focus,.wp-core-ui div.wpforms-container-full input[type=search]:focus,.wp-core-ui div.wpforms-container-full input[type=tel]:focus,.wp-core-ui div.wpforms-container-full input[type=text]:focus,.wp-core-ui div.wpforms-container-full input[type=time]:focus,.wp-core-ui div.wpforms-container-full input[type=url]:focus,.wp-core-ui div.wpforms-container-full input[type=week]:focus,.wp-core-ui div.wpforms-container-full select:focus,.wp-core-ui div.wpforms-container-full textarea:focus{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}div.wpforms-container-full input[type=date]:focus:invalid,div.wpforms-container-full input[type=datetime]:focus:invalid,div.wpforms-container-full input[type=datetime-local]:focus:invalid,div.wpforms-container-full input[type=email]:focus:invalid,div.wpforms-container-full input[type=month]:focus:invalid,div.wpforms-container-full input[type=number]:focus:invalid,div.wpforms-container-full input[type=password]:focus:invalid,div.wpforms-container-full input[type=range]:focus:invalid,div.wpforms-container-full input[type=search]:focus:invalid,div.wpforms-container-full input[type=tel]:focus:invalid,div.wpforms-container-full input[type=text]:focus:invalid,div.wpforms-container-full input[type=time]:focus:invalid,div.wpforms-container-full input[type=url]:focus:invalid,div.wpforms-container-full input[type=week]:focus:invalid,div.wpforms-container-full select:focus:invalid,div.wpforms-container-full textarea:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=date]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=datetime]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=email]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=month]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=number]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=password]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=range]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=search]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=tel]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=text]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=time]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=url]:focus:invalid,.wp-core-ui div.wpforms-container-full input[type=week]:focus:invalid,.wp-core-ui div.wpforms-container-full select:focus:invalid,.wp-core-ui div.wpforms-container-full textarea:focus:invalid{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none;color:var(--wpforms-field-text-color)}div.wpforms-container-full input[type=date][disabled],div.wpforms-container-full input[type=datetime][disabled],div.wpforms-container-full input[type=datetime-local][disabled],div.wpforms-container-full input[type=email][disabled],div.wpforms-container-full input[type=month][disabled],div.wpforms-container-full input[type=number][disabled],div.wpforms-container-full input[type=password][disabled],div.wpforms-container-full input[type=range][disabled],div.wpforms-container-full input[type=search][disabled],div.wpforms-container-full input[type=tel][disabled],div.wpforms-container-full input[type=text][disabled],div.wpforms-container-full input[type=time][disabled],div.wpforms-container-full input[type=url][disabled],div.wpforms-container-full input[type=week][disabled],div.wpforms-container-full select[disabled],div.wpforms-container-full textarea[disabled],.wp-core-ui div.wpforms-container-full input[type=date][disabled],.wp-core-ui div.wpforms-container-full input[type=datetime][disabled],.wp-core-ui div.wpforms-container-full input[type=datetime-local][disabled],.wp-core-ui div.wpforms-container-full input[type=email][disabled],.wp-core-ui div.wpforms-container-full input[type=month][disabled],.wp-core-ui div.wpforms-container-full input[type=number][disabled],.wp-core-ui div.wpforms-container-full input[type=password][disabled],.wp-core-ui div.wpforms-container-full input[type=range][disabled],.wp-core-ui div.wpforms-container-full input[type=search][disabled],.wp-core-ui div.wpforms-container-full input[type=tel][disabled],.wp-core-ui div.wpforms-container-full input[type=text][disabled],.wp-core-ui div.wpforms-container-full input[type=time][disabled],.wp-core-ui div.wpforms-container-full input[type=url][disabled],.wp-core-ui div.wpforms-container-full input[type=week][disabled],.wp-core-ui div.wpforms-container-full select[disabled],.wp-core-ui div.wpforms-container-full textarea[disabled]{color:var(--wpforms-field-text-color);opacity:0.5}div.wpforms-container-full input[type=date]::-webkit-input-placeholder,div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder,div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder,div.wpforms-container-full input[type=email]::-webkit-input-placeholder,div.wpforms-container-full input[type=month]::-webkit-input-placeholder,div.wpforms-container-full input[type=number]::-webkit-input-placeholder,div.wpforms-container-full input[type=password]::-webkit-input-placeholder,div.wpforms-container-full input[type=range]::-webkit-input-placeholder,div.wpforms-container-full input[type=search]::-webkit-input-placeholder,div.wpforms-container-full input[type=tel]::-webkit-input-placeholder,div.wpforms-container-full input[type=text]::-webkit-input-placeholder,div.wpforms-container-full input[type=time]::-webkit-input-placeholder,div.wpforms-container-full input[type=url]::-webkit-input-placeholder,div.wpforms-container-full input[type=week]::-webkit-input-placeholder,div.wpforms-container-full select::-webkit-input-placeholder,div.wpforms-container-full textarea::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=date]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=email]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=month]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=number]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=password]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=range]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=search]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=tel]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=text]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=time]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=url]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full input[type=week]::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full select::-webkit-input-placeholder,.wp-core-ui div.wpforms-container-full textarea::-webkit-input-placeholder{color:var(--wpforms-field-text-color);opacity:0.5;pointer-events:none}div.wpforms-container-full input[type=date]::-moz-placeholder,div.wpforms-container-full input[type=datetime]::-moz-placeholder,div.wpforms-container-full input[type=datetime-local]::-moz-placeholder,div.wpforms-container-full input[type=email]::-moz-placeholder,div.wpforms-container-full input[type=month]::-moz-placeholder,div.wpforms-container-full input[type=number]::-moz-placeholder,div.wpforms-container-full input[type=password]::-moz-placeholder,div.wpforms-container-full input[type=range]::-moz-placeholder,div.wpforms-container-full input[type=search]::-moz-placeholder,div.wpforms-container-full input[type=tel]::-moz-placeholder,div.wpforms-container-full input[type=text]::-moz-placeholder,div.wpforms-container-full input[type=time]::-moz-placeholder,div.wpforms-container-full input[type=url]::-moz-placeholder,div.wpforms-container-full input[type=week]::-moz-placeholder,div.wpforms-container-full select::-moz-placeholder,div.wpforms-container-full textarea::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=date]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=datetime]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=datetime-local]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=email]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=month]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=number]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=password]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=range]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=search]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=tel]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=text]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=time]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=url]::-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=week]::-moz-placeholder,.wp-core-ui div.wpforms-container-full select::-moz-placeholder,.wp-core-ui div.wpforms-container-full textarea::-moz-placeholder{color:var(--wpforms-field-text-color);opacity:0.5;pointer-events:none}div.wpforms-container-full input[type=date]:-moz-placeholder,div.wpforms-container-full input[type=datetime]:-moz-placeholder,div.wpforms-container-full input[type=datetime-local]:-moz-placeholder,div.wpforms-container-full input[type=email]:-moz-placeholder,div.wpforms-container-full input[type=month]:-moz-placeholder,div.wpforms-container-full input[type=number]:-moz-placeholder,div.wpforms-container-full input[type=password]:-moz-placeholder,div.wpforms-container-full input[type=range]:-moz-placeholder,div.wpforms-container-full input[type=search]:-moz-placeholder,div.wpforms-container-full input[type=tel]:-moz-placeholder,div.wpforms-container-full input[type=text]:-moz-placeholder,div.wpforms-container-full input[type=time]:-moz-placeholder,div.wpforms-container-full input[type=url]:-moz-placeholder,div.wpforms-container-full input[type=week]:-moz-placeholder,div.wpforms-container-full select:-moz-placeholder,div.wpforms-container-full textarea:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=date]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=datetime]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=datetime-local]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=email]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=month]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=number]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=password]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=range]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=search]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=tel]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=text]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=time]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=url]:-moz-placeholder,.wp-core-ui div.wpforms-container-full input[type=week]:-moz-placeholder,.wp-core-ui div.wpforms-container-full select:-moz-placeholder,.wp-core-ui div.wpforms-container-full textarea:-moz-placeholder{color:var(--wpforms-field-text-color);opacity:0.5;pointer-events:none}div.wpforms-container-full textarea,.wp-core-ui div.wpforms-container-full textarea{width:100%}div.wpforms-container-full input,div.wpforms-container-full select,.wp-core-ui div.wpforms-container-full input,.wp-core-ui div.wpforms-container-full select{height:var(--wpforms-field-size-input-height)}div.wpforms-container-full select,.wp-core-ui div.wpforms-container-full select{appearance:none;display:block;max-width:100%;width:100%;text-transform:none;text-shadow:none;white-space:nowrap;line-height:unset;padding-block:0;padding-inline-end:24px;padding-inline-start:12px;min-height:var(--wpforms-field-size-input-height);vertical-align:middle;cursor:pointer}div.wpforms-container-full select,div.wpforms-container-full select:disabled,.wp-core-ui div.wpforms-container-full select,.wp-core-ui div.wpforms-container-full select:disabled{background-image:linear-gradient(45deg, transparent 50%, var(--wpforms-field-border-color-spare) 50%),linear-gradient(135deg, var(--wpforms-field-border-color-spare) 50%, transparent 50%);background-position:calc( 100% - 17px) 50%,calc( 100% - 12px) 50%;background-size:5px 5px, 5px 5px;background-repeat:no-repeat}.rtl div.wpforms-container-full select,.rtl div.wpforms-container-full select:disabled,.rtl .wp-core-ui div.wpforms-container-full select,.rtl .wp-core-ui div.wpforms-container-full select:disabled{background-position:12px 50%, 17px 50%}div.wpforms-container-full select>option,.wp-core-ui div.wpforms-container-full select>option{color:var(--wpforms-field-text-color)}div.wpforms-container-full select>option.placeholder,div.wpforms-container-full select>option[disabled],.wp-core-ui div.wpforms-container-full select>option.placeholder,.wp-core-ui div.wpforms-container-full select>option[disabled]{color:var(--wpforms-field-text-color);opacity:0.5}div.wpforms-container-full select:not([multiple])>option,.wp-core-ui div.wpforms-container-full select:not([multiple])>option{background:var(--wpforms-field-menu-color)}div.wpforms-container-full select:not([multiple])>option:not(.placeholder):checked,.wp-core-ui div.wpforms-container-full select:not([multiple])>option:not(.placeholder):checked{font-weight:bold}div.wpforms-container-full select[multiple],.wp-core-ui div.wpforms-container-full select[multiple]{height:auto;overflow-y:scroll;background-image:none}div.wpforms-container-full select[multiple]>option:not(.placeholder):checked,.wp-core-ui div.wpforms-container-full select[multiple]>option:not(.placeholder):checked{background:var(--wpforms-button-background-color);color:var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color))}div.wpforms-container-full input[type=number]:read-only,.wp-core-ui div.wpforms-container-full input[type=number]:read-only{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button,.wp-core-ui div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button{visibility:hidden}div.wpforms-container-full input[type=submit],div.wpforms-container-full button[type=submit],div.wpforms-container-full .wpforms-page-button,.wp-core-ui div.wpforms-container-full input[type=submit],.wp-core-ui div.wpforms-container-full button[type=submit],.wp-core-ui div.wpforms-container-full .wpforms-page-button{height:var(--wpforms-button-size-height);background-color:var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));border-radius:var(--wpforms-button-border-radius);border-style:var(--wpforms-button-border-style);border-color:var(--wpforms-button-border-color);border-width:var(--wpforms-button-border-size);box-shadow:none;color:var(--wpforms-button-text-color);padding:0 var(--wpforms-button-size-padding-h);font-family:inherit;font-weight:500;font-size:var(--wpforms-button-size-font-size);line-height:100%;cursor:pointer;transition:all 0.15s ease-in-out;position:relative;text-decoration:none}div.wpforms-container-full input[type=submit]:not(:hover):not(:active),div.wpforms-container-full button[type=submit]:not(:hover):not(:active),div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),.wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active),.wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active),.wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){background-color:var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));color:var(--wpforms-button-text-color)}div.wpforms-container-full input[type=submit]:hover,div.wpforms-container-full input[type=submit]:active,div.wpforms-container-full button[type=submit]:hover,div.wpforms-container-full button[type=submit]:active,div.wpforms-container-full .wpforms-page-button:hover,div.wpforms-container-full .wpforms-page-button:active,.wp-core-ui div.wpforms-container-full input[type=submit]:hover,.wp-core-ui div.wpforms-container-full input[type=submit]:active,.wp-core-ui div.wpforms-container-full button[type=submit]:hover,.wp-core-ui div.wpforms-container-full button[type=submit]:active,.wp-core-ui div.wpforms-container-full .wpforms-page-button:hover,.wp-core-ui div.wpforms-container-full .wpforms-page-button:active{background:linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color))}div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover,div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active,div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover,div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active,div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover,div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active,.wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover,.wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active,.wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover,.wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active,.wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover,.wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active{background:none;opacity:.75}div.wpforms-container-full input[type=submit]:focus,div.wpforms-container-full button[type=submit]:focus,div.wpforms-container-full .wpforms-page-button:focus,.wp-core-ui div.wpforms-container-full input[type=submit]:focus,.wp-core-ui div.wpforms-container-full button[type=submit]:focus,.wp-core-ui div.wpforms-container-full .wpforms-page-button:focus{outline:none}div.wpforms-container-full input[type=submit]:focus:after,div.wpforms-container-full button[type=submit]:focus:after,div.wpforms-container-full .wpforms-page-button:focus:after,.wp-core-ui div.wpforms-container-full input[type=submit]:focus:after,.wp-core-ui div.wpforms-container-full button[type=submit]:focus:after,.wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after{content:"";position:absolute;border:2px solid var(--wpforms-button-background-color);border-radius:calc( var( --wpforms-button-border-radius ) + 2px);top:calc( -4px - var( --wpforms-button-border-size, 1px ));right:calc( -4px - var( --wpforms-button-border-size, 1px ));bottom:calc( -4px - var( --wpforms-button-border-size, 1px ));left:calc( -4px - var( --wpforms-button-border-size, 1px ))}div.wpforms-container-full input[type=submit]:disabled,div.wpforms-container-full input[type=submit]:disabled:hover,div.wpforms-container-full input[type=submit].wpforms-disabled,div.wpforms-container-full button[type=submit]:disabled,div.wpforms-container-full button[type=submit]:disabled:hover,div.wpforms-container-full button[type=submit].wpforms-disabled,div.wpforms-container-full .wpforms-page-button:disabled,div.wpforms-container-full .wpforms-page-button:disabled:hover,div.wpforms-container-full .wpforms-page-button.wpforms-disabled,.wp-core-ui div.wpforms-container-full input[type=submit]:disabled,.wp-core-ui div.wpforms-container-full input[type=submit]:disabled:hover,.wp-core-ui div.wpforms-container-full input[type=submit].wpforms-disabled,.wp-core-ui div.wpforms-container-full button[type=submit]:disabled,.wp-core-ui div.wpforms-container-full button[type=submit]:disabled:hover,.wp-core-ui div.wpforms-container-full button[type=submit].wpforms-disabled,.wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled,.wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled:hover,.wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-disabled{background-color:var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));cursor:default}div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=date]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime-local]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=email]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=month]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=number]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=password]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=range]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=search]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=tel]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=text]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=time]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=url]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=week]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) select:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) textarea:disabled{cursor:not-allowed;opacity:0.5}div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:before,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:after,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:before,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:after{cursor:not-allowed;opacity:0.5}div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled:hover,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit].wpforms-disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled:hover,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit].wpforms-disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled:hover,div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button.wpforms-disabled{opacity:0.5}div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row{margin-bottom:var(--wpforms-field-size-input-spacing)}div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-child,div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:only-child{margin-bottom:0 !important}div.wpforms-container-full input[type=checkbox],div.wpforms-container-full input[type=radio]{position:relative;display:inline-block;background:none;height:calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 ));width:calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 ));margin:0 0 0 2px;border:none;box-shadow:none;vertical-align:middle;opacity:1;appearance:none}div.wpforms-container-full input[type=checkbox]:before,div.wpforms-container-full input[type=checkbox]:after,div.wpforms-container-full input[type=radio]:before,div.wpforms-container-full input[type=radio]:after{content:'';position:absolute;left:-2px;top:-2px;width:var(--wpforms-field-size-checkbox-size);height:var(--wpforms-field-size-checkbox-size);box-sizing:content-box;cursor:pointer}div.wpforms-container-full input[type=checkbox]:before,div.wpforms-container-full input[type=radio]:before{border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color);background-color:var(--wpforms-field-background-color);background-clip:padding-box;background-image:none;border-radius:3px}div.wpforms-container-full input[type=checkbox]+label,div.wpforms-container-full input[type=radio]+label{display:inline;position:relative;padding-inline-start:12px;font-size:var(--wpforms-label-size-font-size);cursor:pointer;vertical-align:middle}div.wpforms-container-full input[type=checkbox]:checked:before,div.wpforms-container-full input[type=radio]:checked:before{margin:0;border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}div.wpforms-container-full input[type=checkbox]:focus,div.wpforms-container-full input[type=radio]:focus{outline:none}div.wpforms-container-full input[type=checkbox]:focus:before,div.wpforms-container-full input[type=radio]:focus:before{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}div.wpforms-container-full input[type=checkbox]:checked:after{border-top:none;border-right:none;height:calc( var( --wpforms-field-size-checkbox-size ) * 0.6);border-left:4px solid var(--wpforms-button-background-color);border-bottom:4px solid var(--wpforms-button-background-color);background-color:transparent;transform:translate(0, 1px) scale(0.5) rotate(-45deg);left:calc( -4px + var( --wpforms-field-border-size, 1px ));top:calc( -3px + var( --wpforms-field-border-size, 1px ))}div.wpforms-container-full input[type=radio]{border-radius:50%}div.wpforms-container-full input[type=radio]:before{border-radius:50%}div.wpforms-container-full input[type=radio]:checked:after{border:1px solid transparent;border-radius:50%;background-color:var(--wpforms-button-background-color);transform:scale(0.5);-moz-transform:scale(0.47);left:calc( -3px + var( --wpforms-field-border-size, 1px ));top:calc( -3px + var( --wpforms-field-border-size, 1px ))}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul{display:grid;grid-template-columns:repeat(1, auto);padding:0;gap:var(--wpforms-field-size-input-spacing)}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li,div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li{height:unset;line-height:var(--wpforms-field-size-checkbox-size);display:flex;align-items:flex-start;margin:0}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input,div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input{min-width:var(--wpforms-field-size-checkbox-size);margin-top:calc((var(--wpforms-label-size-font-size) * 1.3 - var(--wpforms-field-size-checkbox-size)) / 1.5)}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label,div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label{padding-inline-start:12px;margin:0;line-height:1.3}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label .wpforms-currency-symbol,div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label .wpforms-currency-symbol,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label .wpforms-currency-symbol,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label .wpforms-currency-symbol,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label .wpforms-currency-symbol{white-space:nowrap}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul,div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol,div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol{display:block;padding-left:15px}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul li,div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol li,div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul li,div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol li,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul li,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol li,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul li,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol li,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul li,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol li{display:list-item;margin-bottom:10px}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-2-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-2-columns ul{grid-template-columns:repeat(2, minmax(0, 1fr))}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-3-columns ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-3-columns ul{grid-template-columns:repeat(3, minmax(0, 1fr))}div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-inline ul,div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-inline ul,div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-inline ul,div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-inline ul{display:inline-flex;flex-wrap:wrap}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label{display:block;overflow:hidden;position:relative;border-width:var(--wpforms-field-border-size);border-color:transparent;border-style:solid}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label .wpforms-image-choices-label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label .wpforms-image-choices-label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label{font-size:var(--wpforms-field-size-font-size);color:var(--wpforms-label-color);margin-top:var(--wpforms-field-size-input-spacing)}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item img,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item img{border-radius:calc( var( --wpforms-field-border-radius ) / 2);overflow:hidden}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label{border-radius:var(--wpforms-field-border-radius)}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label:hover,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label:hover{border-color:var(--wpforms-button-background-color)}div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label{border-width:var(--wpforms-field-border-size)}div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:hover{box-shadow:0 0 0 1px var(--wpforms-button-background-color)}div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus,div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus-within{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label.wpforms-field-label-inline-empty .wpforms-image-choices-label{margin-top:0}div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected .wpforms-image-choices-image:after,div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked) .wpforms-image-choices-image:after{background-color:var(--wpforms-button-background-color)}div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover,div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked) label:hover{border-color:var(--wpforms-button-background-color);box-shadow:0 0 20px 0 rgba(0,0,0,0.1),0 0 0 1px var(--wpforms-button-background-color)}div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item .wpforms-image-choices-image img{border-radius:calc( var( --wpforms-field-border-radius ) / 2)}div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus,div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus-within{border-color:var(--wpforms-button-background-color)}div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected label,div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item:has(input:checked) label{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label{padding:2px}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-image{display:inline-block;margin-bottom:var(--wpforms-field-size-input-spacing)}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label input{margin-top:0}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label{margin-top:0}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices{margin:0 !important;gap:22px}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-small svg{height:calc( 32px * var( --wpforms-field-size-icon-size ))}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-medium svg{height:calc( 48px * var( --wpforms-field-size-icon-size ))}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-large svg{height:calc( 64px * var( --wpforms-field-size-icon-size ))}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item{width:auto;margin:0 !important}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item label{width:100%}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item svg{fill:var(--wpforms-icon-choices-color);max-width:100%}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item .wpforms-icon-choices-label{font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height);margin-top:var(--wpforms-field-size-input-spacing);color:var(--wpforms-label-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{background-color:transparent;border-radius:var(--wpforms-field-border-radius);border-width:clamp(1px, var(--wpforms-field-border-size), 6px);border-style:solid;border-color:var(--wpforms-field-border-color);margin-bottom:calc( var( --wpforms-field-size-input-spacing ) - 5px);overflow:hidden;box-shadow:none;padding:var(--wpforms-field-size-input-spacing) calc( var( --wpforms-field-size-input-spacing ) + 5px) calc( 2 * var( --wpforms-field-size-input-spacing ) + var( --wpforms-field-size-checkbox-size )) calc( var( --wpforms-field-size-input-spacing ) + 5px)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:before,div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:after{width:var(--wpforms-field-size-checkbox-size);height:var(--wpforms-field-size-checkbox-size);margin-top:var(--wpforms-field-size-input-spacing);bottom:var(--wpforms-field-size-input-spacing);left:50%;transform:translateX(-50%);background-color:var(--wpforms-field-background-color);box-shadow:0 0 0 1px var(--wpforms-field-border-color);opacity:1 !important}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{background-color:transparent;border-radius:calc( var( --wpforms-field-border-radius ) / 1.5)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{box-shadow:none;border-radius:var(--wpforms-field-border-radius);border-width:clamp(1px, var(--wpforms-field-border-size), 6px);border-style:solid;border-color:var(--wpforms-field-border-color);padding:var(--wpforms-field-size-input-spacing);background-color:transparent !important}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label.wpforms-field-label-inline-empty .wpforms-icon-choices-icon{margin-bottom:0}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 clamp(1px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color),0 1px 10px rgba(0,0,0,0.15);border-color:var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{border-radius:var(--wpforms-field-border-radius);background-color:transparent !important;padding:20px 20px 15px 20px}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label.wpforms-field-label-inline-empty .wpforms-icon-choices-icon{margin-bottom:5px}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none .wpforms-icon-choices-icon{margin-bottom:var(--wpforms-field-size-input-spacing)}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none input{margin-top:0;vertical-align:middle}div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none .wpforms-icon-choices-label{padding-left:8px;vertical-align:middle;margin-top:2px}div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{transform:translateX(-50%) scale(0.5);background-color:var(--wpforms-icon-choices-color);box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);-moz-transform:translateX(-50%) scale(0.49)}div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{border-top:none;border-right:none;height:calc( var( --wpforms-field-size-checkbox-size ) * 0.6);border-left:4px solid var(--wpforms-icon-choices-color);border-bottom:4px solid var(--wpforms-icon-choices-color);background-color:transparent;transform:scale(0.6) translate(-10%, -50%) rotate(-45deg);box-shadow:none}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}div.wpforms-container-full .wpforms-form .wpforms-field-divider{border-top-width:var(--wpforms-field-border-size);border-top-style:solid;border-top-color:var(--wpforms-field-border-color);margin-top:30px;padding:0px}div.wpforms-container-full .wpforms-form .wpforms-field-divider:first-child{margin-top:0;border-top:none}div.wpforms-container-full .wpforms-form .wpforms-field-divider h3{color:var(--wpforms-label-color);padding-top:var(--wpforms-field-size-input-spacing);font-size:calc( 1.5 * var( --wpforms-label-size-font-size ));font-weight:bold}div.wpforms-container-full .wpforms-form .wpforms-field-divider:has(>.wpforms-field-description) h3{margin-bottom:5px}div.wpforms-container-full .wpforms-form .wpforms-field-divider+.wpforms-field-divider{margin-top:45px}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select{padding-inline-start:14px}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:0;overflow:auto}@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none){div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:10px 12px;line-height:1}}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]>option{padding:10px 14px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1)}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]>option.placeholder,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]>option[disabled]{box-shadow:0 1px 0 0 rgba(0,0,0,0.2)}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices{font-size:var(--wpforms-field-size-font-size);line-height:19px;color:var(--wpforms-field-text-color);margin-bottom:5px}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__input--cloned{background-color:transparent}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{background-color:var(--wpforms-field-background-color);background-clip:padding-box;min-height:var(--wpforms-field-size-input-height);line-height:var(--wpforms-field-size-input-height);padding:0 24px 0 7px;border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color);border-radius:var(--wpforms-field-border-radius);cursor:pointer}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single{padding:0 16px 0 4px}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable{background-color:transparent;font-size:var(--wpforms-field-size-font-size);color:var(--wpforms-field-text-color)}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable.choices__placeholder{opacity:0.5}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple{display:inline !important}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty{display:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty+.choices__input{margin-left:4px !important;min-width:100% !important;text-overflow:ellipsis;padding-right:20px !important;white-space:nowrap}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple .choices__item{position:relative;top:-1.5px;background-color:var(--wpforms-button-background-color);border:1px solid var(--wpforms-button-background-color);border-radius:calc( max( var( --wpforms-field-border-radius ), 6px ) / 2);color:var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color));margin:0 6px 6px 0;line-height:1}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown{background:var(--wpforms-field-menu-color) !important;color:var(--wpforms-field-text-color)}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:var(--wpforms-button-background-color);color:var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color))}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices input.choices__input{display:inline-block;padding:0 !important}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] input.choices__input{background:none !important;margin:5px !important;padding:5px !important;width:calc( 100% - 10px) !important;border:0 !important;box-shadow:none !important}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices ::-webkit-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices ::-moz-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices :-ms-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button{opacity:0.7;background-image:linear-gradient(45deg, transparent 44%, var(--wpforms-field-border-color-spare) 44%, var(--wpforms-field-border-color-spare) 56%, transparent 56%),linear-gradient(135deg, transparent 44%, var(--wpforms-field-border-color-spare) 44%, var(--wpforms-field-border-color-spare) 56%, transparent 56%);background-position:50% 50%, 50% 50%;background-size:8px 8px, 8px 8px;background-repeat:no-repeat}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button:hover{opacity:1}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button:focus{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after{width:0;height:0;right:12px;background:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--wpforms-field-border-color-spare)}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"].is-open:after,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"].is-open:after{border-top:5px solid transparent;border-bottom:5px solid var(--wpforms-field-border-color-spare)}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:before{content:'';position:absolute;height:3px;background:var(--wpforms-field-background-color);width:calc( 100% - 2px);left:1px;right:1px;z-index:100000000000;opacity:1;border-radius:0}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped):before{top:unset;bottom:1px}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped) .choices__inner{border-radius:var(--wpforms-field-border-radius) var(--wpforms-field-border-radius) 0 0}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped) .choices__list--dropdown{border-radius:0 0 var(--wpforms-field-border-radius) var(--wpforms-field-border-radius);margin-top:0}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped:before{top:1px}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped .choices__inner{border-radius:0 0 var(--wpforms-field-border-radius) var(--wpforms-field-border-radius)}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped .choices__list--dropdown{border-radius:var(--wpforms-field-border-radius) var(--wpforms-field-border-radius) 0 0;margin-bottom:0}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices .choices__inner{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color)}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices:hover .choices__inner{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 2px 0 var(--wpforms-label-error-color)}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-focused .choices__inner,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-open .choices__inner,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-open .choices__list--dropdown{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 0 1px var(--wpforms-label-error-color)}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{appearance:none;height:calc( var( --wpforms-field-size-input-height ) / 4);padding:0;margin-top:calc( var( --wpforms-field-size-input-spacing ) + var( --wpforms-field-size-input-height ) / 4);margin-bottom:calc( var( --wpforms-field-size-input-height ) / 4);border-radius:var(--wpforms-field-border-radius);border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color)}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:first-child{margin-top:calc( var( --wpforms-field-size-input-height ) * 0.25)}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:focus{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:focus:invalid{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none;color:var(--wpforms-field-text-color)}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-runnable-track{height:calc( var( --wpforms-field-size-input-height ) / 4);box-shadow:none}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:calc( var( --wpforms-field-size-input-height ) * 0.6);height:calc( var( --wpforms-field-size-input-height ) * 0.6);margin-top:calc( -1 * var( --wpforms-field-size-input-height ) * 0.18);background-color:var(--wpforms-button-background-color);background-clip:padding-box;cursor:pointer;border-radius:100%;border-width:var(--wpforms-button-border-size);border-style:var(--wpforms-button-border-style);border-color:var(--wpforms-button-border-color)}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb{appearance:none;width:calc( var( --wpforms-field-size-input-height ) * 0.6);height:calc( var( --wpforms-field-size-input-height ) * 0.6);margin-top:calc( -1 * var( --wpforms-field-size-input-height ) * 0.18);background-color:var(--wpforms-button-background-color);background-clip:padding-box;cursor:pointer;border-radius:100%;border-width:var(--wpforms-button-border-size);border-style:var(--wpforms-button-border-style);border-color:var(--wpforms-button-border-color)}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb{appearance:none;width:calc( var( --wpforms-field-size-input-height ) * 0.6);height:calc( var( --wpforms-field-size-input-height ) * 0.6);margin-top:calc( -1 * var( --wpforms-field-size-input-height ) * 0.18);background-color:var(--wpforms-button-background-color);background-clip:padding-box;cursor:pointer;border-radius:100%;border-width:var(--wpforms-button-border-size);border-style:var(--wpforms-button-border-style);border-color:var(--wpforms-button-border-color)}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint{font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);color:var(--wpforms-label-sublabel-color);padding:var(--wpforms-field-size-sublabel-spacing) 0 0 0;margin:0}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint b,div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint strong{color:var(--wpforms-label-sublabel-color)}div.wpforms-container-full .wpforms-form textarea{line-height:1.3;min-height:var(--wpforms-field-size-input-height);padding:var(--wpforms-field-size-padding-h);resize:vertical}div.wpforms-container-full .wpforms-form textarea.wpforms-field-small{height:calc( var( --wpforms-field-size-input-height ) * 2.26)}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height:calc( var( --wpforms-field-size-input-height ) * 2.8)}div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{height:calc( var( --wpforms-field-size-input-height ) * 5.1)}div.wpforms-container-full .wpforms-form textarea:focus{color:var(--wpforms-field-text-color)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-radius:4px;border:1px solid #e2e2e2;border-collapse:separate}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td{border-top:1px solid #e2e2e2;border-bottom:none;border-left:none;border-right:none}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{font-weight:400;border:none}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{padding:9px 0;line-height:20px;background:none}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-wrap:balance;padding-left:10px}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{padding-right:10px;padding-left:0}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-right:10px}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-left:10px;padding-right:0}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-left:10px}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-right:10px;padding-left:0}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td{font-weight:700}.wpforms-container .wpforms-form .wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-order-summary-container{font-size:var(--wpforms-field-size-font-size)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-style:var(--wpforms-field-border-style);border-width:var(--wpforms-field-border-size);border-radius:var(--wpforms-field-border-radius)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td{border-top-style:var(--wpforms-field-border-style);border-top-width:var(--wpforms-field-border-size)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview{border-color:var(--wpforms-field-border-color)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{color:var(--wpforms-label-color)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td{color:var(--wpforms-label-sublabel-color);border-top-color:var(--wpforms-field-border-color)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:var(--wpforms-label-error-color)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td{color:var(--wpforms-label-color)}.wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-order-summary-container{max-width:100%;margin-bottom:24px}@container wpforms-field-row-responsive (max-width: 200px){div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:var(--wpforms-field-size-input-spacing)}}@container wpforms-field-row-responsive-300px (max-width: 300px){div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:var(--wpforms-field-size-input-spacing)}}@media only screen and (max-width: 768px){div.wpforms-container-full:not(:empty){padding:calc( min( var( --wpforms-container-padding ), 40px ))}}@media only screen and (max-width: 600px){div.wpforms-container-full:not(:empty){padding:calc( min( var( --wpforms-container-padding ), 20px ))}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{margin:20px 0 20px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{width:30px;height:30px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:none}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-noscript{color:#D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container{padding:15px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container p{margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-styled-container+.wpforms-submit-container{margin-top:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container label.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container em.wpforms-error{display:block;color:#D63637;font-size:0.9em;font-style:normal;cursor:default;min-width:120px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field textarea.user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field select.user-invalid{border:1px solid #D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=checkbox].wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=checkbox].user-invalid,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=radio].wpforms-error,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field input[type=radio].user-invalid{border:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert{border:1px solid rgba(0,0,0,0.25);text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-error-alert{color:#D63637;background-color:#f2dede;border-color:#f2dede}.et-db #et-boc .et-l .et_pb_module div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;word-wrap:normal !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container{padding:0;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container iframe{display:block;width:100%;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container .g-recaptcha{padding:10px 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile.wpforms-is-turnstile-invisible{padding:0;height:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile iframe{position:relative !important;visibility:inherit !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .g-recaptcha,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .g-recaptcha,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .g-recaptcha{padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-v3 .wpforms-error:first-of-type,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-turnstile-invisible .wpforms-error:first-of-type,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-recaptcha-container.wpforms-is-recaptcha-type-invisible .wpforms-error:first-of-type{margin-top:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container amp-img>img{position:absolute}.et-db #et-boc .et-l .et_pb_module .wpforms-container .amp-form-submit-success .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .amp-form-submit-success .wpforms-submit-container{display:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-preview-notice-links{line-height:2.4}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=tel]{direction:ltr;text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=url]{direction:ltr;text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=url]::-webkit-textfield-decoration-container{display:flex;flex-direction:row-reverse}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=email]{direction:ltr;text-align:right}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=email]::-webkit-textfield-decoration-container{display:flex;flex-direction:row-reverse}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form input[type=number]::-webkit-textfield-decoration-container{flex-direction:row-reverse}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-datepicker-wrap .wpforms-datepicker-clear{right:auto;left:10px}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .ui-timepicker-list li{padding:3px 5px 3px 0 !important}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-date-time .wpforms-field-medium+.wpforms-datepicker-clear{left:calc( 40% + 10px);right:auto}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-field-file-upload .dz-remove{right:auto;left:0}.et-db #et-boc .et-l .et_pb_module body.rtl .wpforms-container .wpforms-form .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label{margin-left:0;margin-right:10px}.et-db #et-boc .et-l .et_pb_module body.rtl .ui-timepicker-list li{padding:3px 5px 3px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-email .wpforms-field-row,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-address .wpforms-field-row,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-password .wpforms-field-row{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive-name-field}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row-responsive{flex-wrap:wrap;container-type:inline-size;container-name:wpforms-field-row-responsive}@container wpforms-field-row-responsive (max-width: 200px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block{width:100%;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:15px}}@container wpforms-field-row-responsive-name-field (max-width: 260px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block{width:100%;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:15px}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns{container-type:inline-size;container-name:wpforms-field-2-columns-responsive}@container wpforms-field-2-columns-responsive (max-width: 320px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns ul{grid-template-columns:1fr !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-2-columns ul li{width:100%}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns{container-type:inline-size;container-name:wpforms-field-3-columns-responsive}@container wpforms-field-3-columns-responsive (max-width: 480px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}}@container wpforms-field-3-columns-responsive (max-width: 320px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:1fr !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field>*{max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field{padding-right:1px;padding-left:1px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row.wpforms-field-large{max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-mobile-full{width:100%;margin-left:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:hidden}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-3-columns ul{grid-template-columns:1fr !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-2-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-checkbox-3-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-multiplechoice-3-columns ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-list-3-columns ul li{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{display:block;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page{width:100% !important;padding:5px 10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page.active{font-weight:700}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-field-container,.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-field{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form.inline-fields .wpforms-submit-container{width:100%}}.et-db #et-boc .et-l .et_pb_module .wpforms-container{margin-bottom:26px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form *{word-break:break-word;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-sublabel,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form textarea,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form li,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form th{hyphens:auto}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container ul li{background:none;border:0;margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-title{font-size:24px;font-weight:700;margin:0 0 10px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-container{clear:both;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-submit-spinner{margin-inline-start:15px;display:inline-block;vertical-align:middle}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-hidden{display:none !important}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:before{content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-clear:after{clear:both;content:" ";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice{background-color:#ffffff;border:1px solid rgba(0,0,0,0.25);border-left-width:12px;color:#333333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:50%;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:after{background-color:#ffffff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:before{height:2px;width:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:after{height:50%;width:2px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice a{text-decoration:underline}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice p{margin:0 0 20px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice p:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-actions{margin-top:20px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice .wpforms-notice-action:active{color:#ffffff}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info{border-color:#3273dc}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action{border-color:#3273dc}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success{border-color:#23d160}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action{border-color:#23d160}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning{border-color:#ffdd57}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action{border-color:#ffdd57}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error{border-color:#D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action{border-color:#D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:hover,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#D63637}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-preview-notice-links{line-height:2.4}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium{max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-small,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-small{max-width:25%}.et-db #et-boc .et-l .et_pb_module .wpforms-container input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wpforms-container select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-row.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select.wpforms-field-large,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-large{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container fieldset,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container fieldset{display:block;border:none;margin:0;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field{padding:15px 0;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-field-hidden,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field.wpforms-field-hidden{display:none;padding:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-limit-text,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-limit-text{font-size:0.8em;margin:5px 0 0 0;word-break:break-word;word-wrap:break-word;line-height:1.3}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description{background-color:#ffffff;border:1px solid rgba(0,0,0,0.25);padding:15px 15px 0;height:125px;overflow-y:scroll;overflow-x:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.wpforms-disclaimer-description p,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.wpforms-disclaimer-description p{margin:0 0 15px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description-before,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-description.before,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description-before,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-description.before{font-size:0.85em;margin:0 0 5px 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label{display:block;font-weight:700;font-style:normal;word-break:break-word;word-wrap:break-word}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label-inline,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-weight:400;font-style:normal;word-break:break-word;word-wrap:break-word}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-sublabel{display:block;font-size:0.8em;font-weight:400;font-style:normal;min-width:120px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label.wpforms-label-hide,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-label.wpforms-label-hide,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-required-label,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container .wpforms-required-label{color:var(--wpforms-label-error-color);font-weight:normal}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week],.et-db #et-boc .et-l .et_pb_module .wpforms-container select,.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=date],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime-local],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=email],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=month],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=number],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=password],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=range],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=search],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=tel],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=text],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=time],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=url],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=week],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea{display:block;width:100%;box-sizing:border-box;font-family:inherit;font-style:normal;font-weight:400;margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week]:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container select:read-only,.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=date]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=datetime-local]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=email]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=month]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=number]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=password]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=range]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=search]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=tel]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=text]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=time]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=url]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=week]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container select:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea:read-only{cursor:default}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container textarea{resize:vertical}.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=checkbox],.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=radio],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=checkbox],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container input[type=radio]{width:16px;height:16px;margin:2px 10px 0 3px;display:inline-block;vertical-align:baseline;font-style:normal;font-weight:400}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds{float:left;margin-left:20px;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fourths{width:calc( 50% - 10px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths{width:calc( 100% / 3 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-third.wpforms-first,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-sixths.wpforms-first{width:calc( 100% / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds{width:calc( 2 * 100% / 3 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-sixths.wpforms-first,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-thirds.wpforms-first{width:calc( 2 * 100% / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth{width:calc( 25% - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fourth.wpforms-first{width:25%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths{width:calc( 75% - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fourths.wpforms-first{width:75%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth{width:calc( 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-fifth.wpforms-first{width:calc( 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths{width:calc( 2 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-two-fifths.wpforms-first{width:calc( 2 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths{width:calc( 3 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-three-fifths.wpforms-first{width:calc( 3 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths{width:calc( 4 * 100% / 5 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-four-fifths.wpforms-first{width:calc( 4 * 100% / 5)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth{width:calc( 100% / 6 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-one-sixth.wpforms-first{width:calc( 100% / 6)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths{width:calc( 5 * 100% / 6 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-five-sixths.wpforms-first{width:calc( 5 * 100% / 6)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-first{clear:both !important;margin-left:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field{float:none;clear:both}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-five-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-four-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-fifth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-fourth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-sixth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field.wpforms-two-thirds{float:left;margin-left:20px;clear:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row{align-items:start;position:relative;display:flex;justify-content:space-between;margin-bottom:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block{padding:0 10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child{padding-inline-start:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child{padding-inline-end:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{margin-right:auto;padding-right:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:before{content:"";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:after{clear:both;content:"";display:table}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row>:only-child{width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds{float:none;margin-left:0;clear:initial}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths{width:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-third,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-sixths{width:33.33333%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-sixths,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-thirds{width:66.66667%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fourth{width:25%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fourths{width:75%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth{width:20%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths{width:40%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-fifths{width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-four-fifths{width:80%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-sixth{width:16.66667%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-field-row .wpforms-five-sixths{width:83.33333%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-3-columns ul{display:grid;gap:15px 30px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-2-columns ul{grid-template-columns:repeat(2, 1fr)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-3-columns ul{grid-template-columns:repeat(3, 1fr)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field .wpforms-list-inline ul li{display:inline-block;vertical-align:top;margin-right:20px}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields{overflow:visible}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-form{display:flex;justify-content:space-between}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container{display:flex;justify-content:space-between;width:calc( 100% - 175px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field{padding-right:7px;padding-left:8px}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:first-of-type{padding-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type{padding-right:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row:first-of-type .wpforms-field-row-block:first-child{padding-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit-container{width:160px;padding-bottom:16px;align-self:flex-end}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-submit{display:block;width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields input.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields select.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module .wpforms-container.inline-fields .wpforms-field-row.wpforms-field-medium{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container ul.wpforms-image-choices label input{top:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error){background:none;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid #ffffff;border-radius:3px;padding:20px;transition:all 0.5s;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):hover{border:1px solid rgba(0,0,0,0.25)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error):focus-within{border:1px solid rgba(0,0,0,0.25)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label{font-weight:700}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after{opacity:1}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#ffffff;background:var(--wpforms-button-background-color, #066aab);opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-modern li{margin:5px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error){background:none;display:inline-block;margin:0 auto;cursor:pointer;border:1px solid transparent;padding:10px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):hover{border:1px solid rgba(0,0,0,0.25)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic label:not(.wpforms-error):focus{border:1px solid rgba(0,0,0,0.25)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-image{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic li:has(input:checked) label{border-color:rgba(0,0,0,0.7)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-list-inline .wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img{display:inline-block;margin:0 auto;max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item input{vertical-align:middle}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item .wpforms-image-choices-label{display:inline-block;margin-top:5px;margin-left:10px;vertical-align:middle}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices *{box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices+.wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}.et-db #et-boc .et-l .et_pb_module .wpforms-container-full .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner{border-radius:3px;min-height:35px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner .choices__list--single{height:auto}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item{line-height:1.3}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 3px 3px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .choices.is-open .choices__inner{border-radius:3px 3px 0 0}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea{line-height:1.3}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-small{height:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-medium{height:120px}.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea.wpforms-field-large{height:220px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container{display:block;max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-large>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .size-medium>.wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-order-summary-container tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#D63637}div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module *,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full *{background:none;border:0 none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;font-size:100%;height:auto;letter-spacing:normal;outline:none;position:static;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module * img,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full img,div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module * video,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full video,div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module * canvas,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full canvas,div.wpforms-container-full .et-db #et-boc .et-l .et_pb_module * svg,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full svg{overflow:clip}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full{margin-left:auto;margin-right:auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(:empty){margin:24px auto;padding:var(--wpforms-container-padding);background-clip:padding-box;background-color:var(--wpforms-background-color);background-image:var(--wpforms-background-url);background-position:var(--wpforms-background-position);background-repeat:var(--wpforms-background-repeat);background-size:var(--wpforms-background-size);border-style:var(--wpforms-container-border-style);border-width:var(--wpforms-container-border-width);border-color:var(--wpforms-container-border-color);border-radius:var(--wpforms-container-border-radius);box-shadow:var(--wpforms-container-shadow-size-box-shadow)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea{margin:0;border:0;padding:0;vertical-align:middle;background:none;height:auto;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h1,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h2,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h3,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h4,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h5,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full h6,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full small,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sup,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sub,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full dl,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full dt,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full dd,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full time,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full address,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full pre,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full code,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full blockquote,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sup,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sub,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full del{font-size:revert;font-weight:revert;margin:revert;padding:revert}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sup,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full sub{position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full del{text-decoration:line-through}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full blockquote{padding-left:20px;border-left:4px solid}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full blockquote p{font-size:revert;font-weight:revert;font-style:italic}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full ul li{background:none;border:0;margin:0;padding:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full ul li{margin-bottom:15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full ul li:last-of-type{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full hr{border-top-width:var(--wpforms-field-border-size);border-top-style:var(--wpforms-field-border-style);border-top-color:var(--wpforms-field-border-color);margin:0.5em auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full fieldset{min-width:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-head-container{margin:0;padding:0 0 35px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-title{font-weight:700;line-height:29px;color:var(--wpforms-label-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-description{font-style:normal;font-weight:300;font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height);color:var(--wpforms-label-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-submit-container{margin-top:var(--wpforms-button-size-margin-top)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-submit-spinner{max-width:26px}.et-db #et-boc .et-l .et_pb_module body .wpforms-test{outline:2px solid red !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form label.wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form em.wpforms-error{font-weight:400;font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);margin-top:var(--wpforms-field-size-input-spacing);color:var(--wpforms-label-error-color);padding:0 0 0 5px;position:relative}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form label.wpforms-error:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form em.wpforms-error:before{-webkit-mask-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A");mask-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M16.0264%2012.3086L9.46387%200.90625C8.97168%200.0585938%207.68652%200.03125%207.19434%200.90625L0.631836%2012.3086C0.139648%2013.1562%200.768555%2014.25%201.78027%2014.25H14.8779C15.8896%2014.25%2016.5186%2013.1836%2016.0264%2012.3086ZM8.34277%209.92969C9.02637%209.92969%209.60059%2010.5039%209.60059%2011.1875C9.60059%2011.8984%209.02637%2012.4453%208.34277%2012.4453C7.63184%2012.4453%207.08496%2011.8984%207.08496%2011.1875C7.08496%2010.5039%207.63184%209.92969%208.34277%209.92969ZM7.13965%205.41797C7.1123%205.22656%207.27637%205.0625%207.46777%205.0625H9.19043C9.38184%205.0625%209.5459%205.22656%209.51855%205.41797L9.32715%209.13672C9.2998%209.32812%209.16309%209.4375%208.99902%209.4375H7.65918C7.49512%209.4375%207.3584%209.32812%207.33105%209.13672L7.13965%205.41797Z%22%20fill%3D%22currentColor%22%2F%3E%0A%3C%2Fsvg%3E%0A");content:'';position:relative;display:inline-block;right:5px;top:1.5px;width:16px;height:14px;background-color:var(--wpforms-label-error-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-field-sublabel+.wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-credit-card .wpforms-field-sublabel+.wpforms-error{margin-top:calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:hover{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 2px 0 var(--wpforms-label-error-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:focus{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 0 1px var(--wpforms-label-error-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid{border:none;box-shadow:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].wpforms-error:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=checkbox].user-invalid:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].wpforms-error:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input[type=radio].user-invalid:focus{border:none;box-shadow:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container{color:var(--wpforms-label-error-color);font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container ul li{list-style:inside !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container ol li{list-style:inside decimal !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container a{color:var(--wpforms-label-error-color);text-decoration:underline !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container a:hover{text-decoration:none !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container del{text-decoration:line-through !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote{padding-left:20px;border-left:4px solid;font-style:italic}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container.wpforms-error-styled-container{padding:15px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-container.wpforms-error-styled-container .wpforms-error{padding:11px;border:1px solid var(--wpforms-label-error-color);border-left:5px solid}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-error-alert{color:var(--wpforms-label-error-color);border-color:transparent;border-radius:var(--wpforms-field-border-radius);font-size:var(--wpforms-label-size-sublabel-font-size);padding:var(--wpforms-field-size-input-spacing);background:linear-gradient(90deg, var(--wpforms-label-error-color) -3000%, transparent 500%)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full{color:#333333;margin:0 auto 24px;padding:15px;overflow-wrap:break-word}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full ol,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full ul,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full ol{padding-left:30px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full ol li,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full ul li,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full ol li{margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full p,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full p{margin:0 0 15px 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full p:last-child,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full p:last-child{margin:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full iframe,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full iframe{width:100%;border:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background:#e0ffc7;border:1px solid #b4d39b;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full p,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{color:#333333}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview{color:inherit;border-color:#b4d39b}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview td,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview th,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview td,.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) .wpforms-order-summary-container table.wpforms-order-summary-preview th{border-top-color:#b4d39b}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form amp-img>img{position:absolute}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-limit-text{font-size:13px;display:block}.et-db #et-boc .et-l .et_pb_module .wpforms-screen-reader-announce{color:transparent !important;position:absolute !important;bottom:0 !important}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{transform:rotate(180deg)}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{margin:0 0 0 10px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{margin:0 0 0 15px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form em.wpforms-error{padding:0 5px 0 0}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form em.wpforms-error:before{left:5px;right:auto}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices__list--single .choices__item{padding-right:0;padding-left:15px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{padding:0 7px 0 24px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single{padding:0 4px 0 16px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after{right:auto;left:12px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after{right:auto;left:12px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button{right:auto;left:0;margin-right:0;margin-left:25px}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"] .choices__button{margin-right:5px;border-right:none}.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select{background-position:calc(0% + 12px) 50%,calc(0% + 17px) 50%;padding:0 12px 0 24px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-limit-text,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-limit-text{font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);color:var(--wpforms-label-sublabel-color);margin:var(--wpforms-field-size-sublabel-spacing) 0 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description ol,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description ul,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description ol{padding-left:15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description{color:var(--wpforms-field-text-color);margin-top:var(--wpforms-field-size-input-spacing);font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);background-color:var(--wpforms-field-background-color);border-radius:var(--wpforms-field-border-radius);border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color);padding:var(--wpforms-field-size-padding-h)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description p,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description.wpforms-disclaimer-description p{color:inherit;font-size:inherit;line-height:inherit;margin-bottom:15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description-before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-description.before,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description-before,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-description.before{margin:0 0 var(--wpforms-field-size-input-spacing) 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-row+.wpforms-field-description,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-row+.wpforms-field-description{margin-top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-row+.wpforms-field-description.wpforms-disclaimer-description,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-row+.wpforms-field-description.wpforms-disclaimer-description{margin-top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-label,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-label{margin:0 0 var(--wpforms-field-size-input-spacing) 0;padding:0;font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height);color:var(--wpforms-label-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-label-inline,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline{font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-sublabel,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-sublabel{font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);margin:var(--wpforms-field-size-sublabel-spacing) 0 0 0;padding:0;color:var(--wpforms-label-sublabel-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-sublabel.before,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-sublabel.before{margin:0 0 var(--wpforms-field-size-sublabel-spacing) 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field-label-inline,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline{color:var(--wpforms-label-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-required-label,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-required-label{font-weight:400}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea{background-color:var(--wpforms-field-background-color);background-clip:padding-box;border-radius:var(--wpforms-field-border-radius);color:var(--wpforms-field-text-color);border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color);padding:0 var(--wpforms-field-size-padding-h);font-size:var(--wpforms-field-size-font-size);line-height:100%;box-shadow:none;transition:border 0.15s, box-shadow 0.15s}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea:focus{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:focus:invalid,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:focus:invalid,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea:focus:invalid{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none;color:var(--wpforms-field-text-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week][disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select[disabled],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea[disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week][disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select[disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea[disabled]{color:var(--wpforms-field-text-color);opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select::-webkit-input-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea::-webkit-input-placeholder{color:var(--wpforms-field-text-color);opacity:0.5;pointer-events:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select::-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea::-moz-placeholder{color:var(--wpforms-field-text-color);opacity:0.5;pointer-events:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=date]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=datetime-local]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=email]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=month]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=password]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=range]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=search]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=tel]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=text]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=time]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=url]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=week]:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:-moz-placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea:-moz-placeholder{color:var(--wpforms-field-text-color);opacity:0.5;pointer-events:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full textarea{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select{height:var(--wpforms-field-size-input-height)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select{appearance:none;display:block;max-width:100%;width:100%;text-transform:none;text-shadow:none;white-space:nowrap;line-height:unset;padding-block:0;padding-inline-end:24px;padding-inline-start:12px;min-height:var(--wpforms-field-size-input-height);vertical-align:middle;cursor:pointer}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:disabled,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:disabled{background-image:linear-gradient(45deg, transparent 50%, var(--wpforms-field-border-color-spare) 50%),linear-gradient(135deg, var(--wpforms-field-border-color-spare) 50%, transparent 50%);background-position:calc( 100% - 17px) 50%,calc( 100% - 12px) 50%;background-size:5px 5px, 5px 5px;background-repeat:no-repeat}.rtl .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select,.rtl .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:disabled,.rtl .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select,.rtl .et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:disabled{background-position:12px 50%, 17px 50%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select>option,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select>option{color:var(--wpforms-field-text-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select>option.placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select>option[disabled],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select>option.placeholder,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select>option[disabled]{color:var(--wpforms-field-text-color);opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:not([multiple])>option,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:not([multiple])>option{background:var(--wpforms-field-menu-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:not([multiple])>option:not(.placeholder):checked,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select:not([multiple])>option:not(.placeholder):checked{font-weight:bold}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select[multiple],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select[multiple]{height:auto;overflow-y:scroll;background-image:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select[multiple]>option:not(.placeholder):checked,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full select[multiple]>option:not(.placeholder):checked{background:var(--wpforms-button-background-color);color:var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:read-only,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:read-only{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button{visibility:hidden}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit],.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button{height:var(--wpforms-button-size-height);background-color:var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));border-radius:var(--wpforms-button-border-radius);border-style:var(--wpforms-button-border-style);border-color:var(--wpforms-button-border-color);border-width:var(--wpforms-button-border-size);box-shadow:none;color:var(--wpforms-button-text-color);padding:0 var(--wpforms-button-size-padding-h);font-family:inherit;font-weight:500;font-size:var(--wpforms-button-size-font-size);line-height:100%;cursor:pointer;transition:all 0.15s ease-in-out;position:relative;text-decoration:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:not(:hover):not(:active),.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:not(:hover):not(:active),.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active),.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active),.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active){background-color:var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));color:var(--wpforms-button-text-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:active,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:active,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:active,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:hover,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:active,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:hover,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:active,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:active{background:linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active{background:none;opacity:.75}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:focus,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:focus{outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:focus:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:focus:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:focus:after,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:focus:after,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:focus:after,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after{content:"";position:absolute;border:2px solid var(--wpforms-button-background-color);border-radius:calc( var( --wpforms-button-border-radius ) + 2px);top:calc( -4px - var( --wpforms-button-border-size, 1px ));right:calc( -4px - var( --wpforms-button-border-size, 1px ));bottom:calc( -4px - var( --wpforms-button-border-size, 1px ));left:calc( -4px - var( --wpforms-button-border-size, 1px ))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit]:disabled:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit].wpforms-disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit]:disabled:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit].wpforms-disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:disabled:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button.wpforms-disabled,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:disabled,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit]:disabled:hover,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full input[type=submit].wpforms-disabled,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:disabled,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit]:disabled:hover,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full button[type=submit].wpforms-disabled,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled:hover,.et-db #et-boc .et-l .et_pb_module .wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-disabled{background-color:var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));cursor:default}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=date]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime-local]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=email]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=month]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=number]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=password]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=range]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=search]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=tel]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=text]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=time]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=url]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=week]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) select:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) textarea:disabled{cursor:not-allowed;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:after{cursor:not-allowed;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit].wpforms-disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit].wpforms-disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button.wpforms-disabled{opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row{margin-bottom:var(--wpforms-field-size-input-spacing)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-child,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:only-child{margin-bottom:0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox],.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]{position:relative;display:inline-block;background:none;height:calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 ));width:calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 ));margin:0 0 0 2px;border:none;box-shadow:none;vertical-align:middle;opacity:1;appearance:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:after{content:'';position:absolute;left:-2px;top:-2px;width:var(--wpforms-field-size-checkbox-size);height:var(--wpforms-field-size-checkbox-size);box-sizing:content-box;cursor:pointer}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:before{border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color);background-color:var(--wpforms-field-background-color);background-clip:padding-box;background-image:none;border-radius:3px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]+label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]+label{display:inline;position:relative;padding-inline-start:12px;font-size:var(--wpforms-label-size-font-size);cursor:pointer;vertical-align:middle}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:checked:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:checked:before{margin:0;border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:focus{outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:focus:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:focus:before{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=checkbox]:checked:after{border-top:none;border-right:none;height:calc( var( --wpforms-field-size-checkbox-size ) * 0.6);border-left:4px solid var(--wpforms-button-background-color);border-bottom:4px solid var(--wpforms-button-background-color);background-color:transparent;transform:translate(0, 1px) scale(0.5) rotate(-45deg);left:calc( -4px + var( --wpforms-field-border-size, 1px ));top:calc( -3px + var( --wpforms-field-border-size, 1px ))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]{border-radius:50%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:before{border-radius:50%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=radio]:checked:after{border:1px solid transparent;border-radius:50%;background-color:var(--wpforms-button-background-color);transform:scale(0.5);-moz-transform:scale(0.47);left:calc( -3px + var( --wpforms-field-border-size, 1px ));top:calc( -3px + var( --wpforms-field-border-size, 1px ))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul{display:grid;grid-template-columns:repeat(1, auto);padding:0;gap:var(--wpforms-field-size-input-spacing)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li{height:unset;line-height:var(--wpforms-field-size-checkbox-size);display:flex;align-items:flex-start;margin:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input{min-width:var(--wpforms-field-size-checkbox-size);margin-top:calc((var(--wpforms-label-size-font-size) * 1.3 - var(--wpforms-field-size-checkbox-size)) / 1.5)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label{padding-inline-start:12px;margin:0;line-height:1.3}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label .wpforms-currency-symbol,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label .wpforms-currency-symbol,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label .wpforms-currency-symbol,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label .wpforms-currency-symbol,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label .wpforms-currency-symbol{white-space:nowrap}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol{display:block;padding-left:15px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul li,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol li{display:list-item;margin-bottom:10px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-2-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-2-columns ul{grid-template-columns:repeat(2, minmax(0, 1fr))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-3-columns ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-3-columns ul{grid-template-columns:repeat(3, minmax(0, 1fr))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-inline ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-inline ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-inline ul,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-inline ul{display:inline-flex;flex-wrap:wrap}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label{display:block;overflow:hidden;position:relative;border-width:var(--wpforms-field-border-size);border-color:transparent;border-style:solid}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label .wpforms-image-choices-label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label .wpforms-image-choices-label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label{font-size:var(--wpforms-field-size-font-size);color:var(--wpforms-label-color);margin-top:var(--wpforms-field-size-input-spacing)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item img,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item img{border-radius:calc( var( --wpforms-field-border-radius ) / 2);overflow:hidden}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label{border-radius:var(--wpforms-field-border-radius)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label:hover{border-color:var(--wpforms-button-background-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label{border-width:var(--wpforms-field-border-size)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:hover{box-shadow:0 0 0 1px var(--wpforms-button-background-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus-within{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label.wpforms-field-label-inline-empty .wpforms-image-choices-label{margin-top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected .wpforms-image-choices-image:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked) .wpforms-image-choices-image:after{background-color:var(--wpforms-button-background-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked) label:hover{border-color:var(--wpforms-button-background-color);box-shadow:0 0 20px 0 rgba(0,0,0,0.1),0 0 0 1px var(--wpforms-button-background-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item .wpforms-image-choices-image img{border-radius:calc( var( --wpforms-field-border-radius ) / 2)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus-within{border-color:var(--wpforms-button-background-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item:has(input:checked) label{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label{padding:2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-image{display:inline-block;margin-bottom:var(--wpforms-field-size-input-spacing)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label input{margin-top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label{margin-top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices{margin:0 !important;gap:22px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-small svg{height:calc( 32px * var( --wpforms-field-size-icon-size ))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-medium svg{height:calc( 48px * var( --wpforms-field-size-icon-size ))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-large svg{height:calc( 64px * var( --wpforms-field-size-icon-size ))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item{width:auto;margin:0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item label{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item svg{fill:var(--wpforms-icon-choices-color);max-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item .wpforms-icon-choices-label{font-size:var(--wpforms-label-size-font-size);line-height:var(--wpforms-label-size-line-height);margin-top:var(--wpforms-field-size-input-spacing);color:var(--wpforms-label-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{background-color:transparent;border-radius:var(--wpforms-field-border-radius);border-width:clamp(1px, var(--wpforms-field-border-size), 6px);border-style:solid;border-color:var(--wpforms-field-border-color);margin-bottom:calc( var( --wpforms-field-size-input-spacing ) - 5px);overflow:hidden;box-shadow:none;padding:var(--wpforms-field-size-input-spacing) calc( var( --wpforms-field-size-input-spacing ) + 5px) calc( 2 * var( --wpforms-field-size-input-spacing ) + var( --wpforms-field-size-checkbox-size )) calc( var( --wpforms-field-size-input-spacing ) + 5px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:after{width:var(--wpforms-field-size-checkbox-size);height:var(--wpforms-field-size-checkbox-size);margin-top:var(--wpforms-field-size-input-spacing);bottom:var(--wpforms-field-size-input-spacing);left:50%;transform:translateX(-50%);background-color:var(--wpforms-field-background-color);box-shadow:0 0 0 1px var(--wpforms-field-border-color);opacity:1 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{background-color:transparent;border-radius:calc( var( --wpforms-field-border-radius ) / 1.5)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{box-shadow:none;border-radius:var(--wpforms-field-border-radius);border-width:clamp(1px, var(--wpforms-field-border-size), 6px);border-style:solid;border-color:var(--wpforms-field-border-color);padding:var(--wpforms-field-size-input-spacing);background-color:transparent !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label.wpforms-field-label-inline-empty .wpforms-icon-choices-icon{margin-bottom:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);border-color:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 clamp(1px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color),0 1px 10px rgba(0,0,0,0.15);border-color:var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{border-radius:var(--wpforms-field-border-radius);background-color:transparent !important;padding:20px 20px 15px 20px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label.wpforms-field-label-inline-empty .wpforms-icon-choices-icon{margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 clamp(2px, var(--wpforms-field-border-size), 6px) var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none .wpforms-icon-choices-icon{margin-bottom:var(--wpforms-field-size-input-spacing)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none input{margin-top:0;vertical-align:middle}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none .wpforms-icon-choices-label{padding-left:8px;vertical-align:middle;margin-top:2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-radio .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{transform:translateX(-50%) scale(0.5);background-color:var(--wpforms-icon-choices-color);box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);-moz-transform:translateX(-50%) scale(0.49)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:before,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox .wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{border-top:none;border-right:none;height:calc( var( --wpforms-field-size-checkbox-size ) * 0.6);border-left:4px solid var(--wpforms-icon-choices-color);border-bottom:4px solid var(--wpforms-icon-choices-color);background-color:transparent;transform:scale(0.6) translate(-10%, -50%) rotate(-45deg);box-shadow:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.et-db #et-boc .et-l .et_pb_module .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,.et-db #et-boc .et-l .et_pb_module #wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider{border-top-width:var(--wpforms-field-border-size);border-top-style:solid;border-top-color:var(--wpforms-field-border-color);margin-top:30px;padding:0px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider:first-child{margin-top:0;border-top:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider h3{color:var(--wpforms-label-color);padding-top:var(--wpforms-field-size-input-spacing);font-size:calc( 1.5 * var( --wpforms-label-size-font-size ));font-weight:bold}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider:has(>.wpforms-field-description) h3{margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-divider+.wpforms-field-divider{margin-top:45px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select{padding-inline-start:14px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:0;overflow:auto}@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none){.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:10px 12px;line-height:1}}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]>option{padding:10px 14px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]>option.placeholder,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select[multiple]>option[disabled]{box-shadow:0 1px 0 0 rgba(0,0,0,0.2)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices{font-size:var(--wpforms-field-size-font-size);line-height:19px;color:var(--wpforms-field-text-color);margin-bottom:5px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__input--cloned{background-color:transparent}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{background-color:var(--wpforms-field-background-color);background-clip:padding-box;min-height:var(--wpforms-field-size-input-height);line-height:var(--wpforms-field-size-input-height);padding:0 24px 0 7px;border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color);border-radius:var(--wpforms-field-border-radius);cursor:pointer}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single{padding:0 16px 0 4px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable{background-color:transparent;font-size:var(--wpforms-field-size-font-size);color:var(--wpforms-field-text-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable.choices__placeholder{opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple{display:inline !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty{display:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty+.choices__input{margin-left:4px !important;min-width:100% !important;text-overflow:ellipsis;padding-right:20px !important;white-space:nowrap}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple .choices__item{position:relative;top:-1.5px;background-color:var(--wpforms-button-background-color);border:1px solid var(--wpforms-button-background-color);border-radius:calc( max( var( --wpforms-field-border-radius ), 6px ) / 2);color:var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color));margin:0 6px 6px 0;line-height:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown{background:var(--wpforms-field-menu-color) !important;color:var(--wpforms-field-text-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:var(--wpforms-button-background-color);color:var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices input.choices__input{display:inline-block;padding:0 !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] input.choices__input{background:none !important;margin:5px !important;padding:5px !important;width:calc( 100% - 10px) !important;border:0 !important;box-shadow:none !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices ::-webkit-input-placeholder{color:inherit;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices ::-moz-placeholder{color:inherit;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices :-ms-input-placeholder{color:inherit;opacity:0.5}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button{opacity:0.7;background-image:linear-gradient(45deg, transparent 44%, var(--wpforms-field-border-color-spare) 44%, var(--wpforms-field-border-color-spare) 56%, transparent 56%),linear-gradient(135deg, transparent 44%, var(--wpforms-field-border-color-spare) 44%, var(--wpforms-field-border-color-spare) 56%, transparent 56%);background-position:50% 50%, 50% 50%;background-size:8px 8px, 8px 8px;background-repeat:no-repeat}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button:hover{opacity:1}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button:focus{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after{width:0;height:0;right:12px;background:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--wpforms-field-border-color-spare)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"].is-open:after,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"].is-open:after{border-top:5px solid transparent;border-bottom:5px solid var(--wpforms-field-border-color-spare)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:before{content:'';position:absolute;height:3px;background:var(--wpforms-field-background-color);width:calc( 100% - 2px);left:1px;right:1px;z-index:100000000000;opacity:1;border-radius:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped):before{top:unset;bottom:1px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped) .choices__inner{border-radius:var(--wpforms-field-border-radius) var(--wpforms-field-border-radius) 0 0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open:not(.is-flipped) .choices__list--dropdown{border-radius:0 0 var(--wpforms-field-border-radius) var(--wpforms-field-border-radius);margin-top:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped:before{top:1px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped .choices__inner{border-radius:0 0 var(--wpforms-field-border-radius) var(--wpforms-field-border-radius)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open.is-flipped .choices__list--dropdown{border-radius:var(--wpforms-field-border-radius) var(--wpforms-field-border-radius) 0 0;margin-bottom:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices .choices__inner{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices:hover .choices__inner{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 2px 0 var(--wpforms-label-error-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-focused .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-open .choices__inner,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern.wpforms-has-error .choices.is-open .choices__list--dropdown{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 0 1px var(--wpforms-label-error-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{appearance:none;height:calc( var( --wpforms-field-size-input-height ) / 4);padding:0;margin-top:calc( var( --wpforms-field-size-input-spacing ) + var( --wpforms-field-size-input-height ) / 4);margin-bottom:calc( var( --wpforms-field-size-input-height ) / 4);border-radius:var(--wpforms-field-border-radius);border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:first-child{margin-top:calc( var( --wpforms-field-size-input-height ) * 0.25)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:focus{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]:focus:invalid{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none;color:var(--wpforms-field-text-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-runnable-track{height:calc( var( --wpforms-field-size-input-height ) / 4);box-shadow:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:calc( var( --wpforms-field-size-input-height ) * 0.6);height:calc( var( --wpforms-field-size-input-height ) * 0.6);margin-top:calc( -1 * var( --wpforms-field-size-input-height ) * 0.18);background-color:var(--wpforms-button-background-color);background-clip:padding-box;cursor:pointer;border-radius:100%;border-width:var(--wpforms-button-border-size);border-style:var(--wpforms-button-border-style);border-color:var(--wpforms-button-border-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb{appearance:none;width:calc( var( --wpforms-field-size-input-height ) * 0.6);height:calc( var( --wpforms-field-size-input-height ) * 0.6);margin-top:calc( -1 * var( --wpforms-field-size-input-height ) * 0.18);background-color:var(--wpforms-button-background-color);background-clip:padding-box;cursor:pointer;border-radius:100%;border-width:var(--wpforms-button-border-size);border-style:var(--wpforms-button-border-style);border-color:var(--wpforms-button-border-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb{appearance:none;width:calc( var( --wpforms-field-size-input-height ) * 0.6);height:calc( var( --wpforms-field-size-input-height ) * 0.6);margin-top:calc( -1 * var( --wpforms-field-size-input-height ) * 0.18);background-color:var(--wpforms-button-background-color);background-clip:padding-box;cursor:pointer;border-radius:100%;border-width:var(--wpforms-button-border-size);border-style:var(--wpforms-button-border-style);border-color:var(--wpforms-button-border-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint{font-size:var(--wpforms-label-size-sublabel-font-size);line-height:var(--wpforms-label-size-sublabel-line-height);color:var(--wpforms-label-sublabel-color);padding:var(--wpforms-field-size-sublabel-spacing) 0 0 0;margin:0}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint b,.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint strong{color:var(--wpforms-label-sublabel-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea{line-height:1.3;min-height:var(--wpforms-field-size-input-height);padding:var(--wpforms-field-size-padding-h);resize:vertical}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-small{height:calc( var( --wpforms-field-size-input-height ) * 2.26)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height:calc( var( --wpforms-field-size-input-height ) * 2.8)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{height:calc( var( --wpforms-field-size-input-height ) * 5.1)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form textarea:focus{color:var(--wpforms-field-text-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-radius:4px;border:1px solid #e2e2e2;border-collapse:separate}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td{border-top:1px solid #e2e2e2;border-bottom:none;border-left:none;border-right:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{font-weight:400;border:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{padding:9px 0;line-height:20px;background:none}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-wrap:balance;padding-left:10px}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{padding-right:10px;padding-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-right:10px}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-left:10px;padding-right:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-left:10px}.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-right:10px;padding-left:0}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td{font-weight:700}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container{font-size:var(--wpforms-field-size-font-size)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-style:var(--wpforms-field-border-style);border-width:var(--wpforms-field-border-size);border-radius:var(--wpforms-field-border-radius)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td{border-top-style:var(--wpforms-field-border-style);border-top-width:var(--wpforms-field-border-size)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview{border-color:var(--wpforms-field-border-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{color:var(--wpforms-label-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td{color:var(--wpforms-label-sublabel-color);border-top-color:var(--wpforms-field-border-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:var(--wpforms-label-error-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td{color:var(--wpforms-label-color)}.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.et-db #et-boc .et-l .et_pb_module .wpforms-confirmation-container-full .wpforms-order-summary-container{max-width:100%;margin-bottom:24px}@container wpforms-field-row-responsive (max-width: 200px){.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:var(--wpforms-field-size-input-spacing)}}@container wpforms-field-row-responsive-300px (max-width: 300px){.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block:not(:last-child){margin-bottom:var(--wpforms-field-size-input-spacing)}}@media only screen and (max-width: 768px){.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(:empty){padding:calc( min( var( --wpforms-container-padding ), 40px ))}}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full:not(:empty){padding:calc( min( var( --wpforms-container-padding ), 20px ))}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{margin:20px 0 20px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{width:30px;height:30px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{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; +} diff --git a/assets/css/wpforms-stripe.css b/assets/css/wpforms-stripe.css new file mode 100644 index 00000000..3800ecc9 --- /dev/null +++ b/assets/css/wpforms-stripe.css @@ -0,0 +1,355 @@ +.wpforms-form .wpforms-field-stripe-credit-card .StripeElement { + margin-bottom: 5px; +} + +.wpforms-form .wpforms-field-stripe-credit-card .StripeElement .__PrivateStripeElement iframe { + margin: 0 0 0 -4px !important; +} + +.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview { + display: flex; + position: absolute; + width: fit-content; + height: 36px; + line-height: 36px; + padding: 0 0 0 10px; + top: 0; + left: 0; + bottom: 0; +} + +.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg { + width: 24px; + fill: #000000; + margin-right: 10px; +} + +.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span { + opacity: 0.5; + font-size: 16px; + color: #333333; +} + +.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview { + display: block; + position: absolute; + width: fit-content; + height: 36px; + line-height: 36px; + padding: 0 10px 0 0; + font-size: 16px; + top: 0; + right: 0; + bottom: 0; + color: #333333; + opacity: 0.5; +} + +.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row { + container-type: inline-size; + container-name: wpforms-field-row-small wpforms-field-row-responsive; +} + +@container wpforms-field-row-small (max-width: 200px) { + .wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-stripe-payment-element-cvc-preview svg, + .wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview, + .wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-field-stripe-credit-card-number-expcvc-preview { + display: none; + } +} + +.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row { + margin-left: 0; + margin-right: 0; +} + +.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row .StripeElement { + width: calc( 100% + 8px); +} + +.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row select { + max-width: 100%; +} + +.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-placeholder-preview { + height: 46px; + line-height: 46px; + color: rgba(var(--wpforms-lead-forms-secondary-text-color), 1); +} + +.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-placeholder-preview span { + color: rgba(var(--wpforms-lead-forms-secondary-text-color), 1); +} + +.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-expcvc-preview { + height: 46px; + line-height: 46px; + color: rgba(var(--wpforms-lead-forms-secondary-text-color), 0.5); +} + +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=date], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=datetime], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=datetime-local], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=email], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=month], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=number], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=password], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=range], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=search], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=tel], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=text], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=time], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=url], +.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=week], +.wpforms-lead-forms-container.wpforms-container .wpforms-field select, +.wpforms-lead-forms-container.wpforms-container .wpforms-field textarea { + opacity: 1; + background-color: transparent; +} + +.wpforms-lead-forms-container.wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns { + display: block; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber { + background-color: var(--wpforms-field-background-color); + box-sizing: border-box; + border-radius: var(--wpforms-field-border-radius); + color: var(--wpforms-field-text-color); + display: flex; + align-items: center; + justify-content: center; + font-size: var(--wpforms-field-size-font-size); + border-width: var(--wpforms-field-border-size); + border-style: var(--wpforms-field-border-style); + border-color: var(--wpforms-field-border-color); + padding: 0 var(--wpforms-field-size-padding-h); + height: var(--wpforms-field-size-input-height); + width: 100%; + line-height: 1; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-focus { + border-width: var(--wpforms-field-border-size, 0); + border-style: solid; + border-color: var(--wpforms-button-background-color); + box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15); + outline: none; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid:hover { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 2px 0 var(--wpforms-label-error-color); +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid.wpforms-stripe-element-focus { + border-width: var(--wpforms-field-border-size); + border-style: solid; + border-color: var(--wpforms-label-error-color); + box-shadow: 0 0 0 1px var(--wpforms-label-error-color); +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber > .__PrivateStripeElement { + width: 100%; + height: calc( var( --wpforms-field-size-font-size ) + 4px); +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-sublabel + .wpforms-error { + margin-top: calc( 1.5 * var( --wpforms-field-size-sublabel-spacing )); +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview { + display: flex; + position: absolute; + width: 100%; + height: var(--wpforms-field-size-input-height); + line-height: var(--wpforms-field-size-input-height); + padding: 0 0 0 var(--wpforms-field-size-padding-h); + top: 0; + left: 0; + bottom: 0; + overflow-x: hidden; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg { + width: 24px; + fill: #000000; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span { + opacity: 0.5; + font-size: var(--wpforms-field-size-font-size); + color: var(--wpforms-field-text-color); + white-space: nowrap; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview { + display: block; + position: absolute; + width: fit-content; + height: var(--wpforms-field-size-input-height); + line-height: var(--wpforms-field-size-input-height); + padding: 0 calc( var( --wpforms-field-size-padding-h ) * 2) 0 0; + font-size: var(--wpforms-field-size-font-size); + top: 0; + right: 0; + bottom: 0; + color: var(--wpforms-field-text-color); + opacity: 0.5; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-row { + container-type: inline-size; + container-name: wpforms-field-row-small; +} + +@container wpforms-field-row-small (max-width: 300px) { + div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-field-stripe-credit-card-number-expcvc-preview { + display: none; + } +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element-cvc-preview svg { + position: absolute !important; + bottom: calc( ( var( --wpforms-field-size-input-height ) - 24px ) / 2); + right: var(--wpforms-field-size-padding-h); +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row { + container-type: inline-size; + container-name: wpforms-field-row-xs wpforms-field-row-s wpforms-field-row-m wpforms-field-row-responsive; +} + +@container wpforms-field-row-m (max-width: 320px) { + div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview { + width: 64px; + } +} + +@container wpforms-field-row-s (max-width: 240px) { + div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview { + width: 32px; + } +} + +@container wpforms-field-row-xs (max-width: 210px) { + div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview { + display: none; + } +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element-cardnumber-preview { + position: absolute; + bottom: calc( ( var( --wpforms-field-size-input-height ) - 20px ) / 2); + right: var(--wpforms-field-size-padding-h); + width: 136px; + height: 20px; + background-image: url("../../../images/integrations/stripe/cc-preview.png"); + background-repeat: no-repeat; + background-size: 136px 20px; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement { + margin: 0 4px var(--wpforms-field-size-input-spacing) -4px; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement:last-of-type { + margin-bottom: 0; +} + +div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement .__PrivateStripeElement iframe { + margin: 0 !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; +} diff --git a/assets/css/wpforms-stripe.min.css b/assets/css/wpforms-stripe.min.css new file mode 100644 index 00000000..8d16e9f6 --- /dev/null +++ b/assets/css/wpforms-stripe.min.css @@ -0,0 +1,86 @@ +.wpforms-form .wpforms-field-stripe-credit-card .StripeElement{margin-bottom:5px}.wpforms-form .wpforms-field-stripe-credit-card .StripeElement .__PrivateStripeElement iframe{margin:0 0 0 -4px !important}.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview{display:flex;position:absolute;width:fit-content;height:36px;line-height:36px;padding:0 0 0 10px;top:0;left:0;bottom:0}.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg{width:24px;fill:#000000;margin-right:10px}.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span{opacity:0.5;font-size:16px;color:#333333}.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview{display:block;position:absolute;width:fit-content;height:36px;line-height:36px;padding:0 10px 0 0;font-size:16px;top:0;right:0;bottom:0;color:#333333;opacity:0.5}.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row{container-type:inline-size;container-name:wpforms-field-row-small wpforms-field-row-responsive}@container wpforms-field-row-small (max-width: 200px){.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-stripe-payment-element-cvc-preview svg,.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview,.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-field-stripe-credit-card-number-expcvc-preview{display:none}}.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row{margin-left:0;margin-right:0}.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row .StripeElement{width:calc( 100% + 8px)}.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row select{max-width:100%}.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-placeholder-preview{height:46px;line-height:46px;color:rgba(var(--wpforms-lead-forms-secondary-text-color), 1)}.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-placeholder-preview span{color:rgba(var(--wpforms-lead-forms-secondary-text-color), 1)}.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-expcvc-preview{height:46px;line-height:46px;color:rgba(var(--wpforms-lead-forms-secondary-text-color), 0.5)}.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=date],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=datetime],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=datetime-local],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=email],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=month],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=number],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=password],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=range],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=search],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=tel],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=text],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=time],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=url],.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=week],.wpforms-lead-forms-container.wpforms-container .wpforms-field select,.wpforms-lead-forms-container.wpforms-container .wpforms-field textarea{opacity:1;background-color:transparent}.wpforms-lead-forms-container.wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns{display:block}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber{background-color:var(--wpforms-field-background-color);box-sizing:border-box;border-radius:var(--wpforms-field-border-radius);color:var(--wpforms-field-text-color);display:flex;align-items:center;justify-content:center;font-size:var(--wpforms-field-size-font-size);border-width:var(--wpforms-field-border-size);border-style:var(--wpforms-field-border-style);border-color:var(--wpforms-field-border-color);padding:0 var(--wpforms-field-size-padding-h);height:var(--wpforms-field-size-input-height);width:100%;line-height:1}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-focus{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color)}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid:hover{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 2px 0 var(--wpforms-label-error-color)}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid.wpforms-stripe-element-focus{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 0 1px var(--wpforms-label-error-color)}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber>.__PrivateStripeElement{width:100%;height:calc( var( --wpforms-field-size-font-size ) + 4px)}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-sublabel+.wpforms-error{margin-top:calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ))}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview{display:flex;position:absolute;width:100%;height:var(--wpforms-field-size-input-height);line-height:var(--wpforms-field-size-input-height);padding:0 0 0 var(--wpforms-field-size-padding-h);top:0;left:0;bottom:0;overflow-x:hidden}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg{width:24px;fill:#000000}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span{opacity:0.5;font-size:var(--wpforms-field-size-font-size);color:var(--wpforms-field-text-color);white-space:nowrap}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview{display:block;position:absolute;width:fit-content;height:var(--wpforms-field-size-input-height);line-height:var(--wpforms-field-size-input-height);padding:0 calc( var( --wpforms-field-size-padding-h ) * 2) 0 0;font-size:var(--wpforms-field-size-font-size);top:0;right:0;bottom:0;color:var(--wpforms-field-text-color);opacity:0.5}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-row{container-type:inline-size;container-name:wpforms-field-row-small}@container wpforms-field-row-small (max-width: 300px){div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-field-stripe-credit-card-number-expcvc-preview{display:none}}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element-cvc-preview svg{position:absolute !important;bottom:calc( ( var( --wpforms-field-size-input-height ) - 24px ) / 2);right:var(--wpforms-field-size-padding-h)}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row{container-type:inline-size;container-name:wpforms-field-row-xs wpforms-field-row-s wpforms-field-row-m wpforms-field-row-responsive}@container wpforms-field-row-m (max-width: 320px){div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview{width:64px}}@container wpforms-field-row-s (max-width: 240px){div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview{width:32px}}@container wpforms-field-row-xs (max-width: 210px){div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview{display:none}}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element-cardnumber-preview{position:absolute;bottom:calc( ( var( --wpforms-field-size-input-height ) - 20px ) / 2);right:var(--wpforms-field-size-padding-h);width:136px;height:20px;background-image:url("../../../images/integrations/stripe/cc-preview.png");background-repeat:no-repeat;background-size:136px 20px}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement{margin:0 4px var(--wpforms-field-size-input-spacing) -4px}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement:last-of-type{margin-bottom:0}div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement .__PrivateStripeElement iframe{margin:0 !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; +} diff --git a/assets/css/zoho-admin.css b/assets/css/zoho-admin.css new file mode 100644 index 00000000..f5d9828e --- /dev/null +++ b/assets/css/zoho-admin.css @@ -0,0 +1,331 @@ +/** + * Zoho CRM Admin Interface Styles + */ + +/* Credentials Configuration Section */ +.hvac-zoho-credentials { + background: #fff; + border: 1px solid #c3c4c7; + border-radius: 4px; + padding: 20px; + margin: 20px 0; + box-shadow: 0 1px 1px rgba(0,0,0,0.04); +} + +.hvac-zoho-credentials h2 { + margin-top: 0; + margin-bottom: 15px; + color: #1d2327; + font-size: 1.3em; +} + +.hvac-zoho-credentials .form-table th { + width: 200px; + padding: 15px 10px 15px 0; +} + +.hvac-zoho-credentials .form-table td { + padding: 15px 10px; +} + +.hvac-zoho-credentials input[type="text"], +.hvac-zoho-credentials input[type="password"] { + width: 100%; + max-width: 500px; +} + +.hvac-zoho-credentials .description { + color: #646970; + font-size: 13px; + margin-top: 5px; +} + +.hvac-zoho-credentials .description a { + color: #2271b1; + text-decoration: none; +} + +.hvac-zoho-credentials .description a:hover { + color: #135e96; + text-decoration: underline; +} + +.hvac-zoho-credentials code { + background: #f6f7f7; + border: 1px solid #c3c4c7; + padding: 8px 12px; + border-radius: 3px; + font-family: Consolas, Monaco, monospace; + font-size: 13px; + display: inline-block; + margin-right: 10px; +} + +/* Main Sections */ +.hvac-zoho-status, +.hvac-zoho-sync, +.hvac-zoho-settings { + margin-top: 30px; + background: #fff; + padding: 20px; + border: 1px solid #c3c4c7; + border-radius: 4px; + box-shadow: 0 1px 1px rgba(0,0,0,0.04); +} + +.sync-section { + margin-bottom: 30px; + padding-bottom: 30px; + border-bottom: 1px solid #eee; +} + +.sync-section:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} + +.sync-section h3 { + margin-top: 0; +} + +.sync-status { + margin-top: 10px; +} + +.sync-status .notice { + margin: 10px 0; +} + +#connection-status { + margin-top: 10px; +} + +#connection-status .notice { + margin: 10px 0; +} + +.sync-button { + margin-top: 10px; +} + +code { + background: #f4f4f4; + padding: 2px 6px; + border-radius: 3px; + font-family: 'Courier New', Courier, monospace; +} + +/* Debug Information Styling */ +.hvac-zoho-debug-info { + margin-top: 15px; + padding: 15px; + background: #f9f9f9; + border: 1px solid #ddd; + border-left: 4px solid #dc3232; +} + +.hvac-zoho-debug-info p { + margin: 5px 0; +} + +.hvac-zoho-debug-info strong { + color: #23282d; +} + +.hvac-zoho-debug-info details { + margin-top: 10px; +} + +.hvac-zoho-debug-info details summary { + cursor: pointer; + font-weight: bold; + color: #0073aa; + padding: 5px; + background: #f0f0f0; + border: 1px solid #ddd; + border-radius: 3px; + margin-bottom: 5px; +} + +.hvac-zoho-debug-info details summary:hover { + background: #e9e9e9; +} + +.hvac-zoho-debug-info pre { + white-space: pre-wrap; + word-wrap: break-word; + font-family: monospace; + background: #f0f0f0; + padding: 15px; + max-height: 300px; + overflow: auto; + border: 1px solid #ddd; + border-radius: 3px; + font-size: 12px; + line-height: 1.4; + color: #333; +} + +/* Error Notice Improvements */ +.notice-error { + padding: 15px; +} + +.notice-error p { + margin: 0.5em 0; +} + +.notice-error p:first-child { + font-weight: 500; +} + +/* Staging Mode Banner */ +.notice-info h3 { + margin-top: 0.5em; + margin-bottom: 0.5em; + color: #0073aa; +} + +/* Status indicators */ +.dashicons.dashicons-yes-alt { + color: #46b450; +} + +.dashicons.dashicons-warning { + color: #ffb900; +} + +.dashicons.dashicons-dismiss { + color: #dc3232; +} + +/* Copy button styling */ +#copy-redirect-uri { + font-size: 11px; + height: 22px; + line-height: 20px; + padding: 0 8px; + margin-left: 8px; +} + +/* OAuth button styling */ +#start-oauth { + background: #00a32a; + border-color: #00a32a; + color: #fff; +} + +#start-oauth:hover { + background: #008a20; + border-color: #008a20; +} + +/* Loading states */ +.button[disabled] { + opacity: 0.6; + cursor: not-allowed; +} + +/* Responsive adjustments */ +@media (max-width: 782px) { + .hvac-zoho-credentials .form-table th, + .hvac-zoho-credentials .form-table td { + display: block; + width: 100%; + padding: 10px 0; + } + + .hvac-zoho-credentials .form-table th { + padding-bottom: 5px; + } + + .hvac-zoho-credentials input[type="text"], + .hvac-zoho-credentials input[type="password"] { + max-width: 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; +} diff --git a/assets/images/certificate-background-thumb.jpg b/assets/images/certificate-background-thumb.jpg new file mode 100644 index 00000000..d916b63e Binary files /dev/null and b/assets/images/certificate-background-thumb.jpg differ diff --git a/assets/images/certificate-background.jpg b/assets/images/certificate-background.jpg new file mode 100644 index 00000000..f191b280 Binary files /dev/null and b/assets/images/certificate-background.jpg differ diff --git a/assets/images/certificate-logo.png b/assets/images/certificate-logo.png new file mode 100644 index 00000000..f191b280 Binary files /dev/null and b/assets/images/certificate-logo.png differ diff --git a/assets/js/ScrollTrigger.min.js b/assets/js/ScrollTrigger.min.js new file mode 100644 index 00000000..767f178b --- /dev/null +++ b/assets/js/ScrollTrigger.min.js @@ -0,0 +1,2 @@ +/*! For license information please see ScrollTrigger.min.js.LICENSE.txt */ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).window=e.window||{})}(this,(function(e){"use strict";function t(e,t){for(var r=0;r=Math.abs(r)?t:r}function h(){(S=v.core.globals().ScrollTrigger)&&S.core&&function(){var e=S.core,t=e.bridge||{},r=e._scrollers,n=e._proxies;r.push.apply(r,A),n.push.apply(n,R),A=r,R=n,Y=function(e,r){return t[e](r)}}()}function g(e){return v=e||r(),!m&&v&&"undefined"!=typeof document&&document.body&&(y=window,b=(x=document).documentElement,w=x.body,T=[y,x,b,w],v.utils.clamp,P=v.core.context||function(){},k="onpointerenter"in w?"pointer":"mouse",_=N.isTouch=y.matchMedia&&y.matchMedia("(hover: none), (pointer: coarse)").matches?1:"ontouchstart"in y||0=t,o=Math.abs(r)>=t;$&&(n||o)&&$(ze,e,r,je,Ke),n&&(U&&0Math.abs(t)?"x":"y",Ie=!0),"y"!==Xe&&(je[2]+=e,ze._vx.update(e,!0)),"x"!==Xe&&(Ke[2]+=t,ze._vy.update(t,!0)),M?Oe=Oe||requestAnimationFrame(ye):ye()}function we(e){if(!me(e,1)){var t=(e=d(e,A)).clientX,n=e.clientY,o=t-ze.x,i=n-ze.y,a=ze.isDragging;ze.x=t,ze.y=n,(a||Math.abs(ze.startX-t)>=r||Math.abs(ze.startY-n)>=r)&&(L&&(Re=!0),a||(ze.isDragging=!0),be(o,i),a||F&&F(ze))}}function _e(e){return e.touches&&1=e)return r[i];return r[i-1]}for(i=r.length,e+=o;i--;)if(r[i]<=e)return r[i];return r[0]}:function(r,n,o){void 0===o&&(o=.001);var i=t(r);return!n||Math.abs(i-r)r&&(n*=t/100),e=e.substr(0,r-1)),e=n+(e in Nt?Nt[e]*t:~e.indexOf("%")?parseFloat(e)*t/100:parseFloat(e)||0)}return e}function ge(e,t,r,o,i,a,s,l){var c=i.startColor,u=i.endColor,f=i.fontSize,d=i.indent,p=i.fontWeight,h=Xe.createElement("div"),g=K(r)||"fixed"===n(r,"pinType"),v=-1!==e.indexOf("scroller"),m=g?Be:r,y=-1!==e.indexOf("start"),x=y?c:u,b="border-color:"+x+";font-size:"+f+";color:"+x+";font-weight:"+p+";pointer-events:none;white-space:nowrap;font-family:sans-serif,Arial;z-index:1000;padding:4px 8px;border-width:0;border-style:solid;";return b+="position:"+((v||l)&&g?"fixed;":"absolute;"),!v&&!l&&g||(b+=(o===B?St:Tt)+":"+(a+parseFloat(d))+"px;"),s&&(b+="box-sizing:border-box;text-align:left;width:"+s.offsetWidth+"px;"),h._isStart=y,h.setAttribute("class","gsap-marker-"+e+(t?" marker-"+t:"")),h.style.cssText=b,h.innerText=t||0===t?e+"-"+t:e,m.children[0]?m.insertBefore(h,m.children[0]):m.appendChild(h),h._offset=h["offset"+o.op.d2],Ft(h,0,o,y),h}function ve(){return 34Be.clientWidth)||(A.cache++,tt?pt=pt||requestAnimationFrame($t):$t(),bt||Ut("scrollStart"),bt=yt())}function ye(){ot=Ie.innerWidth,nt=Ie.innerHeight}function xe(){A.cache++,Ue||et||Xe.fullscreenElement||Xe.webkitFullscreenElement||rt&&ot===Ie.innerWidth&&!(Math.abs(Ie.innerHeight-nt)>.25*Ie.innerHeight)||Fe.restart(!0)}function be(){return de(or,"scrollEnd",be)||jt(!0)}function we(e){for(var t=0;tt,n=e._startClamp&&e.start>=t;(r||n)&&e.setPositions(n?t-1:e.start,r?Math.max(n?t:e.start+1,t):e.end,!0)})),Te(!1),ft=0,r.forEach((function(e){return e&&e.render&&e.render(-1)})),A.forEach((function(e){ee(e)&&(e.smooth&&requestAnimationFrame((function(){return e.target.style.scrollBehavior="smooth"})),e.rec&&e(e.rec))})),ke(st,1),Fe.pause(),Gt++,$t(ht=2),Ht.forEach((function(e){return ee(e.vars.onRefresh)&&e.vars.onRefresh(e)})),ht=or.isRefreshing=!1,Ut("refresh")}else fe(or,"scrollEnd",be)},Kt=0,Zt=1,$t=function(e){if(2===e||!ht&&!ut){or.isUpdating=!0,vt&&vt.update(0);var t=Ht.length,r=yt(),n=50<=r-xt,o=t&&Ht[0].scroll();if(Zt=o=J(at,ot)){if(Te&&Kt()&&!tt)for(T=Te.parentNode;T&&T!==Be;)T._pinOffset&&(l-=T._pinOffset,f-=T._pinOffset),T=T.parentNode}else k=ie(Oe),O=ot===B,P=Kt(),C=parseFloat(S(ot.a))+te,!K&&1=f}))},Tt.update=function(e,n,o){if(!tt||o||e){var i,c,u,d,p,g,v,m=!0===ht?j:Tt.scroll(),x=e?0:(m-l)/y,k=x<0?0:1m+(m-s)/(yt()-We)*Fe&&(k=.9999)),k!==S&&Tt.enabled){if(d=(p=(i=Tt.isActive=!!k&&k<1)!=(!!S&&S<1))||!!k!=!!S,Tt.direction=S=J(at,ot),$e)if(e||!i&&!g)Me(Oe,_);else{var M=Xt(Oe,!0),A=m-l;Me(Oe,Be,M.top+(ot===B?A:0)+It,M.left+(ot===B?0:A)+It)}tr(i||g?b:w),D&&k<1&&i||T(C+(1!==k||g?0:E))}}else T(V(C+E*k));!Ze||r.tween||Ue||mt||G.restart(!0),ye&&(p||Ke&&k&&(k<1||!dt))&&He(ye.targets).forEach((function(e){return e.classList[i||Ke?"add":"remove"](ye.className)})),!ve||it||e||ve(Tt),d&&!Ue?(it&&(v&&("complete"===u?t.pause().totalProgress(1):"reset"===u?t.restart(!0).pause():"restart"===u?t.restart(!0):t[u]()),ve&&ve(Tt)),!p&&dt||(_e&&p&&oe(Tt,_e),ut[c]&&oe(Tt,ut[c]),Ke&&(1===k?Tt.kill(!1,1):ut[c]=0),p||ut[c=1===k?1:3]&&oe(Tt,ut[c])),rt&&!i&&Math.abs(Tt.getVelocity())>(te(rt)?rt:2500)&&(ne(Tt.callbackAnimation),F?F.progress(1):ne(t,"reverse"===u?1:!k,1))):it&&ve&&!Ue&&ve(Tt)}if(Y){var R=tt?m/tt.duration()*(tt._caScrollDist||0):m;O(R+(h._isFlipped?1:0)),Y(R)}ue&&ue(-m/tt.duration()*(tt._caScrollDist||0))}},Tt.enable=function(e,t){Tt.enabled||(Tt.enabled=!0,fe(at,"resize",xe),lt||fe(at,"scroll",me),Nt&&fe(ir,"refreshInit",Nt),!1!==e&&(Tt.progress=Vt=0,a=s=qt=Kt()),!1!==t&&Tt.refresh())},Tt.getTween=function(e){return e&&r?r.tween:F},Tt.setPositions=function(e,t,r,n){if(tt){var o=tt.scrollTrigger,i=tt.duration(),a=o.end-o.start;e=o.start+a*e/i,t=o.start+a*t/i}Tt.refresh(!1,!1,{start:L(e,r&&!!Tt._startClamp),end:L(t,r&&!!Tt._endClamp)},n),Tt.update()},Tt.adjustPinSpacing=function(e){if(M&&e){var t=M.indexOf(ot.d)+1;M[t]=parseFloat(M[t])+e+It,M[1]=parseFloat(M[1])+e+It,tr(M)}},Tt.disable=function(e,t){if(Tt.enabled&&(!1!==e&&Tt.revert(!0,!0),Tt.enabled=Tt.isActive=!1,t||F&&F.pause(),j=0,o&&(o.uncache=1),Nt&&de(ir,"refreshInit",Nt),G&&(G.pause(),r.tween&&r.tween.kill()&&(r.tween=0)),!lt)){for(var n=Ht.length;n--;)if(Ht[n].scroller===at&&Ht[n]!==Tt)return;de(at,"resize",xe),lt||de(at,"scroll",me)}},Tt.kill=function(r,n){Tt.disable(r,n),F&&!n&&F.kill(),we&&delete Lt[we];var i=Ht.indexOf(Tt);0<=i&&Ht.splice(i,1),i===je&&0a&&(k()>a?f.progress(1)&&k(a):f.resetTo("scrollY",a))}re(e)||(e={}),e.preventDefault=e.isNormalizer=e.allowClicks=!0,e.type||(e.type="wheel,touch"),e.debounce=!!e.debounce,e.id=e.id||"normalizer";var i,a,s,l,f,d,p,h,g=e.normalizeScrollX,v=e.momentum,m=e.allowNestedScroll,y=e.onRelease,x=c(e.target)||ze,b=De.core.globals().ScrollSmoother,w=b&&b.get(),_=it&&(e.content&&c(e.content)||w&&!1!==e.content&&!w.smooth()&&w.content()),k=u(x,B),S=u(x,z),T=1,C=(N.isTouch&&Ie.visualViewport?Ie.visualViewport.scale*Ie.visualViewport.width:Ie.outerWidth)/Ie.innerWidth,E=0,P=ee(v)?function(){return v(i)}:function(){return v||2.8},M=cr(x,e.type,!0,m),O=U,R=U;return _&&De.set(_,{y:"+=0"}),e.ignoreCheck=function(e){return it&&"touchmove"===e.type&&function(){if(l){requestAnimationFrame(t);var e=V(i.deltaY/2),r=R(k.v-e);if(_&&r!==k.v+k.offset){k.offset=r-k.v;var o=V((parseFloat(_&&_._gsap.y)||0)-k.offset);_.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, "+o+", 0, 1)",_._gsap.y=o+"px",k.cacheID=A.cache,$t()}return!0}k.offset&&n(),l=!0}()||1.05=a||a-1<=r)&&De.to({},{onUpdate:o,duration:s})}else h.restart(!0);y&&y(e)},e.onWheel=function(){f._ts&&f.pause(),1e3.998){var a=this._totalTime;this.render(0,!0,!1),this._initted=!1,this.render(a,!0,!1)}else if(this._initted=!1,this._init(),this._time>0||n)for(var o,l=1/(1-r),h=this._firstPT;h;)o=h.s+h.c,h.c*=l,h.s=o-h.c,h=h._next;return this},_.render=function(t,e,s){this._initted||0===this._duration&&this.vars.repeat&&this.invalidate();var r,n,l,h,_,u,f,c,p,d=this._dirty?this.totalDuration():this._totalDuration,m=this._time,g=this._totalTime,y=this._cycle,v=this._duration,T=this._rawPrevTime;if(t>=d-1e-7&&t>=0?(this._totalTime=d,this._cycle=this._repeat,this._yoyo&&1&this._cycle?(this._time=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0):(this._time=v,this.ratio=this._ease._calcEnd?this._ease.getRatio(1):1),this._reversed||(r=!0,n="onComplete",s=s||this._timeline.autoRemoveChildren),0===v&&(this._initted||!this.vars.lazy||s)&&(this._startTime===this._timeline._duration&&(t=0),(0>T||0>=t&&t>=-1e-7||T===a&&"isPause"!==this.data)&&T!==t&&(s=!0,T>a&&(n="onReverseComplete")),this._rawPrevTime=c=!e||t||T===t?t:a)):1e-7>t?(this._totalTime=this._time=this._cycle=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0,(0!==g||0===v&&T>0)&&(n="onReverseComplete",r=this._reversed),0>t&&(this._active=!1,0===v&&(this._initted||!this.vars.lazy||s)&&(T>=0&&(s=!0),this._rawPrevTime=c=!e||t||T===t?t:a)),this._initted||(s=!0)):(this._totalTime=this._time=t,0!==this._repeat&&(h=v+this._repeatDelay,this._cycle=this._totalTime/h|0,0!==this._cycle&&this._cycle===this._totalTime/h&&t>=g&&this._cycle--,this._time=this._totalTime-this._cycle*h,this._yoyo&&!!(1&this._cycle)&&(this._time=v-this._time,(p=this._yoyoEase||this.vars.yoyoEase)&&(this._yoyoEase||(!0!==p||this._initted?this._yoyoEase=p=!0===p?this._ease:p instanceof Ease?p:Ease.map[p]:(p=this.vars.ease,this._yoyoEase=p=p?p instanceof Ease?p:"function"==typeof p?new Ease(p,this.vars.easeParams):Ease.map[p]||i.defaultEase:i.defaultEase)),this.ratio=p?1-p.getRatio((v-this._time)/v):0)),this._time>v?this._time=v:this._time<0&&(this._time=0)),this._easeType&&!p?(_=this._time/v,(1===(u=this._easeType)||3===u&&_>=.5)&&(_=1-_),3===u&&(_*=2),1===(f=this._easePower)?_*=_:2===f?_*=_*_:3===f?_*=_*_*_:4===f&&(_*=_*_*_*_),1===u?this.ratio=1-_:2===u?this.ratio=_:this._time/v<.5?this.ratio=_/2:this.ratio=1-_/2):p||(this.ratio=this._ease.getRatio(this._time/v))),m!==this._time||s||y!==this._cycle){if(!this._initted){if(this._init(),!this._initted||this._gc)return;if(!s&&this._firstPT&&(!1!==this.vars.lazy&&this._duration||this.vars.lazy&&!this._duration))return this._time=m,this._totalTime=g,this._rawPrevTime=T,this._cycle=y,o.lazyTweens.push(this),void(this._lazy=[t,e]);!this._time||r||p?r&&this._ease._calcEnd&&!p&&(this.ratio=this._ease.getRatio(0===this._time?0:1)):this.ratio=this._ease.getRatio(this._time/v)}for(!1!==this._lazy&&(this._lazy=!1),this._active||!this._paused&&this._time!==m&&t>=0&&(this._active=!0),0===g&&(2===this._initted&&t>0&&this._init(),this._startAt&&(t>=0?this._startAt.render(t,!0,s):n||(n="_dummyGS")),this.vars.onStart&&(0!==this._totalTime||0===v)&&(e||this._callback("onStart"))),l=this._firstPT;l;)l.f?l.t[l.p](l.c*this.ratio+l.s):l.t[l.p]=l.c*this.ratio+l.s,l=l._next;this._onUpdate&&(0>t&&this._startAt&&this._startTime&&this._startAt.render(t,!0,s),e||(this._totalTime!==g||n)&&this._callback("onUpdate")),this._cycle!==y&&(e||this._gc||this.vars.onRepeat&&this._callback("onRepeat")),n&&(!this._gc||s)&&(0>t&&this._startAt&&!this._onUpdate&&this._startTime&&this._startAt.render(t,!0,s),r&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!e&&this.vars[n]&&this._callback(n),0===v&&this._rawPrevTime===a&&c!==a&&(this._rawPrevTime=0))}else g!==this._totalTime&&this._onUpdate&&(e||this._callback("onUpdate"))},n.to=function(t,e,i){return new n(t,e,i)},n.from=function(t,e,i){return i.runBackwards=!0,i.immediateRender=0!=i.immediateRender,new n(t,e,i)},n.fromTo=function(t,e,i,s){return s.startAt=i,s.immediateRender=0!=s.immediateRender&&0!=i.immediateRender,new n(t,e,s)},n.staggerTo=n.allTo=function(t,e,a,o,_,f,c){o=o||0;var p,d,m,g,y=0,v=[],T=function(){a.onComplete&&a.onComplete.apply(a.onCompleteScope||this,arguments),_.apply(c||a.callbackScope||this,f||u)},x=a.cycle,b=a.startAt&&a.startAt.cycle;for(h(t)||("string"==typeof t&&(t=i.selector(t)||t),l(t)&&(t=s(t))),t=t||[],0>o&&((t=s(t)).reverse(),o*=-1),p=t.length-1,m=0;p>=m;m++){for(g in d={},a)d[g]=a[g];if(x&&(r(d,t,m),null!=d.duration&&(e=d.duration,delete d.duration)),b){for(g in b=d.startAt={},a.startAt)b[g]=a.startAt[g];r(d.startAt,t,m)}d.delay=y+(d.delay||0),m===p&&_&&(d.onComplete=T),v[m]=new n(t[m],e,d),y+=o}return v},n.staggerFrom=n.allFrom=function(t,e,i,s,r,a,o){return i.runBackwards=!0,i.immediateRender=0!=i.immediateRender,n.staggerTo(t,e,i,s,r,a,o)},n.staggerFromTo=n.allFromTo=function(t,e,i,s,r,a,o,l){return s.startAt=i,s.immediateRender=0!=s.immediateRender&&0!=i.immediateRender,n.staggerTo(t,e,s,r,a,o,l)},n.delayedCall=function(t,e,i,s,r){return new n(e,0,{delay:t,onComplete:e,onCompleteParams:i,callbackScope:s,onReverseComplete:e,onReverseCompleteParams:i,immediateRender:!1,useFrames:r,overwrite:0})},n.set=function(t,e){return new n(t,0,e)},n.isTweening=function(t){return i.getTweensOf(t,!0).length>0};var f=function(t,e){for(var s=[],r=0,n=t._first;n;)n instanceof i?s[r++]=n:(e&&(s[r++]=n),r=(s=s.concat(f(n,e))).length),n=n._next;return s},c=n.getAllTweens=function(e){return f(t._rootTimeline,e).concat(f(t._rootFramesTimeline,e))};n.killAll=function(t,i,s,r){null==i&&(i=!0),null==s&&(s=!0);var n,a,o,l=c(0!=r),h=l.length,_=i&&s&&r;for(o=0;h>o;o++)a=l[o],(_||a instanceof e||(n=a.target===a.vars.onComplete)&&s||i&&!n)&&(t?a.totalTime(a._reversed?0:a.totalDuration()):a._enabled(!1,!1))},n.killChildTweensOf=function(t,e){if(null!=t){var r,a,_,u,f,c=o.tweenLookup;if("string"==typeof t&&(t=i.selector(t)||t),l(t)&&(t=s(t)),h(t))for(u=t.length;--u>-1;)n.killChildTweensOf(t[u],e);else{for(_ in r=[],c)for(a=c[_].target.parentNode;a;)a===t&&(r=r.concat(c[_].tweens)),a=a.parentNode;for(f=r.length,u=0;f>u;u++)e&&r[u].totalTime(r[u].totalDuration()),r[u]._enabled(!1,!1)}}};var p=function(t,i,s,r){i=!1!==i,s=!1!==s;for(var n,a,o=c(r=!1!==r),l=i&&s&&r,h=o.length;--h>-1;)a=o[h],(l||a instanceof e||(n=a.target===a.vars.onComplete)&&s||i&&!n)&&a.paused(t)};return n.pauseAll=function(t,e,i){p(!0,t,e,i)},n.resumeAll=function(t,e,i){p(!1,t,e,i)},n.globalTimeScale=function(e){var s=t._rootTimeline,r=i.ticker.time;return arguments.length?(e=e||a,s._startTime=r-(r-s._startTime)*s._timeScale/e,s=t._rootFramesTimeline,r=i.ticker.frame,s._startTime=r-(r-s._startTime)*s._timeScale/e,s._timeScale=t._rootTimeline._timeScale=e,e):s._timeScale},_.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(this._yoyo&&1&this._cycle?1-t:t)+this._cycle*(this._duration+this._repeatDelay),e):this._time/this.duration()},_.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this._totalTime/this.totalDuration()},_.time=function(t,e){return arguments.length?(this._dirty&&this.totalDuration(),t>this._duration&&(t=this._duration),this._yoyo&&1&this._cycle?t=this._duration-t+this._cycle*(this._duration+this._repeatDelay):0!==this._repeat&&(t+=this._cycle*(this._duration+this._repeatDelay)),this.totalTime(t,e)):this._time},_.duration=function(e){return arguments.length?t.prototype.duration.call(this,e):this._duration},_.totalDuration=function(t){return arguments.length?-1===this._repeat?this:this.duration((t-this._repeat*this._repeatDelay)/(this._repeat+1)):(this._dirty&&(this._totalDuration=-1===this._repeat?999999999999:this._duration*(this._repeat+1)+this._repeatDelay*this._repeat,this._dirty=!1),this._totalDuration)},_.repeat=function(t){return arguments.length?(this._repeat=t,this._uncache(!0)):this._repeat},_.repeatDelay=function(t){return arguments.length?(this._repeatDelay=t,this._uncache(!0)):this._repeatDelay},_.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},n}),!0),_gsScope._gsDefine("TimelineLite",["core.Animation","core.SimpleTimeline","TweenLite"],(function(t,e,i){var s=function(t){e.call(this,t),this._labels={},this.autoRemoveChildren=!0===this.vars.autoRemoveChildren,this.smoothChildTiming=!0===this.vars.smoothChildTiming,this._sortChildren=!0,this._onUpdate=this.vars.onUpdate;var i,s,r=this.vars;for(s in r)i=r[s],l(i)&&-1!==i.join("").indexOf("{self}")&&(r[s]=this._swapSelfInParams(i));l(r.tweens)&&this.add(r.tweens,0,r.align,r.stagger)},r=1e-10,n=i._internals,a=s._internals={},o=n.isSelector,l=n.isArray,h=n.lazyTweens,_=n.lazyRender,u=_gsScope._gsDefine.globals,f=function(t){var e,i={};for(e in t)i[e]=t[e];return i},c=function(t,e,i){var s,r,n=t.cycle;for(s in n)r=n[s],t[s]="function"==typeof r?r(i,e[i]):r[i%r.length];delete t.cycle},p=a.pauseCallback=function(){},d=function(t){var e,i=[],s=t.length;for(e=0;e!==s;i.push(t[e++]));return i},m=s.prototype=new e;return s.version="1.20.3",m.constructor=s,m.kill()._gc=m._forcingPlayhead=m._hasPause=!1,m.to=function(t,e,s,r){var n=s.repeat&&u.TweenMax||i;return e?this.add(new n(t,e,s),r):this.set(t,s,r)},m.from=function(t,e,s,r){return this.add((s.repeat&&u.TweenMax||i).from(t,e,s),r)},m.fromTo=function(t,e,s,r,n){var a=r.repeat&&u.TweenMax||i;return e?this.add(a.fromTo(t,e,s,r),n):this.set(t,r,n)},m.staggerTo=function(t,e,r,n,a,l,h,_){var u,p,m=new s({onComplete:l,onCompleteParams:h,callbackScope:_,smoothChildTiming:this.smoothChildTiming}),g=r.cycle;for("string"==typeof t&&(t=i.selector(t)||t),o(t=t||[])&&(t=d(t)),0>(n=n||0)&&((t=d(t)).reverse(),n*=-1),p=0;p(n=a._startTime-a._delay)&&(r=1),l.add(a,n)),a=o;return h.add(l,0),r&&l.totalDuration(),l},m.add=function(r,n,a,o){var h,_,u,f,c,p;if("number"!=typeof n&&(n=this._parseTimeOrLabel(n,0,!0,r)),!(r instanceof t)){if(r instanceof Array||r&&r.push&&l(r)){for(a=a||"normal",o=o||0,h=n,_=r.length,u=0;_>u;u++)l(f=r[u])&&(f=new s({tweens:f})),this.add(f,h),"string"!=typeof f&&"function"!=typeof f&&("sequence"===a?h=f._startTime+f.totalDuration()/f._timeScale:"start"===a&&(f._startTime-=f.delay())),h+=o;return this._uncache(!0)}if("string"==typeof r)return this.addLabel(r,n);if("function"!=typeof r)throw"Cannot add "+r+" into the timeline; it is not a tween, timeline, function, or string.";r=i.delayedCall(0,r)}if(e.prototype.add.call(this,r,n),r._time&&r.render((this.rawTime()-r._startTime)*r._timeScale,!1,!1),(this._gc||this._time===this._duration)&&!this._paused&&this._durationr._startTime;c._timeline;)p&&c._timeline.smoothChildTiming?c.totalTime(c._totalTime,!0):c._gc&&c._enabled(!0,!1),c=c._timeline;return this},m.remove=function(e){if(e instanceof t){this._remove(e,!1);var i=e._timeline=e.vars.useFrames?t._rootFramesTimeline:t._rootTimeline;return e._startTime=(e._paused?e._pauseTime:i._time)-(e._reversed?e.totalDuration()-e._totalTime:e._totalTime)/e._timeScale,this}if(e instanceof Array||e&&e.push&&l(e)){for(var s=e.length;--s>-1;)this.remove(e[s]);return this}return"string"==typeof e?this.removeLabel(e):this.kill(null,e)},m._remove=function(t,i){return e.prototype._remove.call(this,t,i),this._last?this._time>this.duration()&&(this._time=this._duration,this._totalTime=this._totalDuration):this._time=this._totalTime=this._duration=this._totalDuration=0,this},m.append=function(t,e){return this.add(t,this._parseTimeOrLabel(null,e,!0,t))},m.insert=m.insertMultiple=function(t,e,i,s){return this.add(t,e||0,i,s)},m.appendMultiple=function(t,e,i,s){return this.add(t,this._parseTimeOrLabel(null,e,!0,t),i,s)},m.addLabel=function(t,e){return this._labels[t]=this._parseTimeOrLabel(e),this},m.addPause=function(t,e,s,r){var n=i.delayedCall(0,p,s,r||this);return n.vars.onComplete=n.vars.onReverseComplete=e,n.data="isPause",this._hasPause=!0,this.add(n,t)},m.removeLabel=function(t){return delete this._labels[t],this},m.getLabelTime=function(t){return null!=this._labels[t]?this._labels[t]:-1},m._parseTimeOrLabel=function(e,i,s,r){var n,a;if(r instanceof t&&r.timeline===this)this.remove(r);else if(r&&(r instanceof Array||r.push&&l(r)))for(a=r.length;--a>-1;)r[a]instanceof t&&r[a].timeline===this&&this.remove(r[a]);if(n="number"!=typeof e||i?this.duration()>99999999999?this.recent().endTime(!1):this._duration:0,"string"==typeof i)return this._parseTimeOrLabel(i,s&&"number"==typeof e&&null==this._labels[i]?e-n:0,s);if(i=i||0,"string"!=typeof e||!isNaN(e)&&null==this._labels[e])null==e&&(e=n);else{if(-1===(a=e.indexOf("=")))return null==this._labels[e]?s?this._labels[e]=n+i:i:this._labels[e]+i;i=parseInt(e.charAt(a-1)+"1",10)*Number(e.substr(a+1)),e=a>1?this._parseTimeOrLabel(e.substr(0,a-1),0,s):n}return Number(e)+i},m.seek=function(t,e){return this.totalTime("number"==typeof t?t:this._parseTimeOrLabel(t),!1!==e)},m.stop=function(){return this.paused(!0)},m.gotoAndPlay=function(t,e){return this.play(t,e)},m.gotoAndStop=function(t,e){return this.pause(t,e)},m.render=function(t,e,i){this._gc&&this._enabled(!0,!1);var s,n,a,o,l,u,f,c=this._time,p=this._dirty?this.totalDuration():this._totalDuration,d=this._startTime,m=this._timeScale,g=this._paused;if(c!==this._time&&(t+=this._time-c),t>=p-1e-7&&t>=0)this._totalTime=this._time=p,this._reversed||this._hasPausedChild()||(n=!0,o="onComplete",l=!!this._timeline.autoRemoveChildren,0===this._duration&&(0>=t&&t>=-1e-7||this._rawPrevTime<0||this._rawPrevTime===r)&&this._rawPrevTime!==t&&this._first&&(l=!0,this._rawPrevTime>r&&(o="onReverseComplete"))),this._rawPrevTime=this._duration||!e||t||this._rawPrevTime===t?t:r,t=p+1e-4;else if(1e-7>t)if(this._totalTime=this._time=0,(0!==c||0===this._duration&&this._rawPrevTime!==r&&(this._rawPrevTime>0||0>t&&this._rawPrevTime>=0))&&(o="onReverseComplete",n=this._reversed),0>t)this._active=!1,this._timeline.autoRemoveChildren&&this._reversed?(l=n=!0,o="onReverseComplete"):this._rawPrevTime>=0&&this._first&&(l=!0),this._rawPrevTime=t;else{if(this._rawPrevTime=this._duration||!e||t||this._rawPrevTime===t?t:r,0===t&&n)for(s=this._first;s&&0===s._startTime;)s._duration||(n=!1),s=s._next;t=0,this._initted||(l=!0)}else{if(this._hasPause&&!this._forcingPlayhead&&!e){if(t>=c)for(s=this._first;s&&s._startTime<=t&&!u;)s._duration||"isPause"!==s.data||s.ratio||0===s._startTime&&0===this._rawPrevTime||(u=s),s=s._next;else for(s=this._last;s&&s._startTime>=t&&!u;)s._duration||"isPause"===s.data&&s._rawPrevTime>0&&(u=s),s=s._prev;u&&(this._time=t=u._startTime,this._totalTime=t+this._cycle*(this._totalDuration+this._repeatDelay))}this._totalTime=this._time=this._rawPrevTime=t}if(this._time!==c&&this._first||i||l||u){if(this._initted||(this._initted=!0),this._active||!this._paused&&this._time!==c&&t>0&&(this._active=!0),0===c&&this.vars.onStart&&(0===this._time&&this._duration||e||this._callback("onStart")),(f=this._time)>=c)for(s=this._first;s&&(a=s._next,f===this._time&&(!this._paused||g));)(s._active||s._startTime<=f&&!s._paused&&!s._gc)&&(u===s&&this.pause(),s._reversed?s.render((s._dirty?s.totalDuration():s._totalDuration)-(t-s._startTime)*s._timeScale,e,i):s.render((t-s._startTime)*s._timeScale,e,i)),s=a;else for(s=this._last;s&&(a=s._prev,f===this._time&&(!this._paused||g));){if(s._active||s._startTime<=c&&!s._paused&&!s._gc){if(u===s){for(u=s._prev;u&&u.endTime()>this._time;)u.render(u._reversed?u.totalDuration()-(t-u._startTime)*u._timeScale:(t-u._startTime)*u._timeScale,e,i),u=u._prev;u=null,this.pause()}s._reversed?s.render((s._dirty?s.totalDuration():s._totalDuration)-(t-s._startTime)*s._timeScale,e,i):s.render((t-s._startTime)*s._timeScale,e,i)}s=a}this._onUpdate&&(e||(h.length&&_(),this._callback("onUpdate"))),o&&(this._gc||(d===this._startTime||m!==this._timeScale)&&(0===this._time||p>=this.totalDuration())&&(n&&(h.length&&_(),this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!e&&this.vars[o]&&this._callback(o)))}},m._hasPausedChild=function(){for(var t=this._first;t;){if(t._paused||t instanceof s&&t._hasPausedChild())return!0;t=t._next}return!1},m.getChildren=function(t,e,s,r){r=r||-9999999999;for(var n=[],a=this._first,o=0;a;)a._startTime-1;)(s[r].timeline===this||e&&this._contains(s[r]))&&(a[o++]=s[r]);return n&&this._enabled(!1,!0),a},m.recent=function(){return this._recent},m._contains=function(t){for(var e=t.timeline;e;){if(e===this)return!0;e=e.timeline}return!1},m.shiftChildren=function(t,e,i){i=i||0;for(var s,r=this._first,n=this._labels;r;)r._startTime>=i&&(r._startTime+=t),r=r._next;if(e)for(s in n)n[s]>=i&&(n[s]+=t);return this._uncache(!0)},m._kill=function(t,e){if(!t&&!e)return this._enabled(!1,!1);for(var i=e?this.getTweensOf(e):this.getChildren(!0,!0,!1),s=i.length,r=!1;--s>-1;)i[s]._kill(t,e)&&(r=!0);return r},m.clear=function(t){var e=this.getChildren(!1,!0,!0),i=e.length;for(this._time=this._totalTime=0;--i>-1;)e[i]._enabled(!1,!1);return!1!==t&&(this._labels={}),this._uncache(!0)},m.invalidate=function(){for(var e=this._first;e;)e.invalidate(),e=e._next;return t.prototype.invalidate.call(this)},m._enabled=function(t,i){if(t===this._gc)for(var s=this._first;s;)s._enabled(t,!0),s=s._next;return e.prototype._enabled.call(this,t,i)},m.totalTime=function(e,i,s){this._forcingPlayhead=!0;var r=t.prototype.totalTime.apply(this,arguments);return this._forcingPlayhead=!1,r},m.duration=function(t){return arguments.length?(0!==this.duration()&&0!==t&&this.timeScale(this._duration/t),this):(this._dirty&&this.totalDuration(),this._duration)},m.totalDuration=function(t){if(!arguments.length){if(this._dirty){for(var e,i,s=0,r=this._last,n=999999999999;r;)e=r._prev,r._dirty&&r.totalDuration(),r._startTime>n&&this._sortChildren&&!r._paused&&!this._calculatingDuration?(this._calculatingDuration=1,this.add(r,r._startTime-r._delay),this._calculatingDuration=0):n=r._startTime,r._startTime<0&&!r._paused&&(s-=r._startTime,this._timeline.smoothChildTiming&&(this._startTime+=r._startTime/this._timeScale,this._time-=r._startTime,this._totalTime-=r._startTime,this._rawPrevTime-=r._startTime),this.shiftChildren(-r._startTime,!1,-9999999999),n=0),(i=r._startTime+r._totalDuration/r._timeScale)>s&&(s=i),r=e;this._duration=this._totalDuration=s,this._dirty=!1}return this._totalDuration}return t&&this.totalDuration()?this.timeScale(this._totalDuration/t):this},m.paused=function(e){if(!e)for(var i=this._first,s=this._time;i;)i._startTime===s&&"isPause"===i.data&&(i._rawPrevTime=0),i=i._next;return t.prototype.paused.apply(this,arguments)},m.usesFrames=function(){for(var e=this._timeline;e._timeline;)e=e._timeline;return e===t._rootFramesTimeline},m.rawTime=function(t){return t&&(this._paused||this._repeat&&this.time()>0&&this.totalProgress()<1)?this._totalTime%(this._duration+this._repeatDelay):this._paused?this._totalTime:(this._timeline.rawTime(t)-this._startTime)*this._timeScale},s}),!0),_gsScope._gsDefine("TimelineMax",["TimelineLite","TweenLite","easing.Ease"],(function(t,e,i){var s=function(e){t.call(this,e),this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._cycle=0,this._yoyo=!0===this.vars.yoyo,this._dirty=!0},r=1e-10,n=e._internals,a=n.lazyTweens,o=n.lazyRender,l=_gsScope._gsDefine.globals,h=new i(null,null,1,0),_=s.prototype=new t;return _.constructor=s,_.kill()._gc=!1,s.version="1.20.3",_.invalidate=function(){return this._yoyo=!0===this.vars.yoyo,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._uncache(!0),t.prototype.invalidate.call(this)},_.addCallback=function(t,i,s,r){return this.add(e.delayedCall(0,t,s,r),i)},_.removeCallback=function(t,e){if(t)if(null==e)this._kill(null,t);else for(var i=this.getTweensOf(t,!1),s=i.length,r=this._parseTimeOrLabel(e);--s>-1;)i[s]._startTime===r&&i[s]._enabled(!1,!1);return this},_.removePause=function(e){return this.removeCallback(t._internals.pauseCallback,e)},_.tweenTo=function(t,i){i=i||{};var s,r,n,a={ease:h,useFrames:this.usesFrames(),immediateRender:!1},o=i.repeat&&l.TweenMax||e;for(r in i)a[r]=i[r];return a.time=this._parseTimeOrLabel(t),s=Math.abs(Number(a.time)-this._time)/this._timeScale||.001,n=new o(this,s,a),a.onStart=function(){n.target.paused(!0),n.vars.time!==n.target.time()&&s===n.duration()&&n.duration(Math.abs(n.vars.time-n.target.time())/n.target._timeScale),i.onStart&&i.onStart.apply(i.onStartScope||i.callbackScope||n,i.onStartParams||[])},n},_.tweenFromTo=function(t,e,i){i=i||{},t=this._parseTimeOrLabel(t),i.startAt={onComplete:this.seek,onCompleteParams:[t],callbackScope:this},i.immediateRender=!1!==i.immediateRender;var s=this.tweenTo(e,i);return s.duration(Math.abs(s.vars.time-t)/this._timeScale||.001)},_.render=function(t,e,i){this._gc&&this._enabled(!0,!1);var s,n,l,h,_,u,f,c,p=this._time,d=this._dirty?this.totalDuration():this._totalDuration,m=this._duration,g=this._totalTime,y=this._startTime,v=this._timeScale,T=this._rawPrevTime,x=this._paused,b=this._cycle;if(p!==this._time&&(t+=this._time-p),t>=d-1e-7&&t>=0)this._locked||(this._totalTime=d,this._cycle=this._repeat),this._reversed||this._hasPausedChild()||(n=!0,h="onComplete",_=!!this._timeline.autoRemoveChildren,0===this._duration&&(0>=t&&t>=-1e-7||0>T||T===r)&&T!==t&&this._first&&(_=!0,T>r&&(h="onReverseComplete"))),this._rawPrevTime=this._duration||!e||t||this._rawPrevTime===t?t:r,this._yoyo&&1&this._cycle?this._time=t=0:(this._time=m,t=m+1e-4);else if(1e-7>t)if(this._locked||(this._totalTime=this._cycle=0),this._time=0,(0!==p||0===m&&T!==r&&(T>0||0>t&&T>=0)&&!this._locked)&&(h="onReverseComplete",n=this._reversed),0>t)this._active=!1,this._timeline.autoRemoveChildren&&this._reversed?(_=n=!0,h="onReverseComplete"):T>=0&&this._first&&(_=!0),this._rawPrevTime=t;else{if(this._rawPrevTime=m||!e||t||this._rawPrevTime===t?t:r,0===t&&n)for(s=this._first;s&&0===s._startTime;)s._duration||(n=!1),s=s._next;t=0,this._initted||(_=!0)}else if(0===m&&0>T&&(_=!0),this._time=this._rawPrevTime=t,this._locked||(this._totalTime=t,0!==this._repeat&&(u=m+this._repeatDelay,this._cycle=this._totalTime/u|0,0!==this._cycle&&this._cycle===this._totalTime/u&&t>=g&&this._cycle--,this._time=this._totalTime-this._cycle*u,this._yoyo&&!!(1&this._cycle)&&(this._time=m-this._time),this._time>m?(this._time=m,t=m+1e-4):this._time<0?this._time=t=0:t=this._time)),this._hasPause&&!this._forcingPlayhead&&!e){if((t=this._time)>=p||this._repeat&&b!==this._cycle)for(s=this._first;s&&s._startTime<=t&&!f;)s._duration||"isPause"!==s.data||s.ratio||0===s._startTime&&0===this._rawPrevTime||(f=s),s=s._next;else for(s=this._last;s&&s._startTime>=t&&!f;)s._duration||"isPause"===s.data&&s._rawPrevTime>0&&(f=s),s=s._prev;f&&f._startTime0&&(this._active=!0),0===g&&this.vars.onStart&&(0===this._totalTime&&this._totalDuration||e||this._callback("onStart")),(c=this._time)>=p)for(s=this._first;s&&(l=s._next,c===this._time&&(!this._paused||x));)(s._active||s._startTime<=this._time&&!s._paused&&!s._gc)&&(f===s&&this.pause(),s._reversed?s.render((s._dirty?s.totalDuration():s._totalDuration)-(t-s._startTime)*s._timeScale,e,i):s.render((t-s._startTime)*s._timeScale,e,i)),s=l;else for(s=this._last;s&&(l=s._prev,c===this._time&&(!this._paused||x));){if(s._active||s._startTime<=p&&!s._paused&&!s._gc){if(f===s){for(f=s._prev;f&&f.endTime()>this._time;)f.render(f._reversed?f.totalDuration()-(t-f._startTime)*f._timeScale:(t-f._startTime)*f._timeScale,e,i),f=f._prev;f=null,this.pause()}s._reversed?s.render((s._dirty?s.totalDuration():s._totalDuration)-(t-s._startTime)*s._timeScale,e,i):s.render((t-s._startTime)*s._timeScale,e,i)}s=l}this._onUpdate&&(e||(a.length&&o(),this._callback("onUpdate"))),h&&(this._locked||this._gc||(y===this._startTime||v!==this._timeScale)&&(0===this._time||d>=this.totalDuration())&&(n&&(a.length&&o(),this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!e&&this.vars[h]&&this._callback(h)))}else g!==this._totalTime&&this._onUpdate&&(e||this._callback("onUpdate"))},_.getActive=function(t,e,i){null==t&&(t=!0),null==e&&(e=!0),null==i&&(i=!1);var s,r,n=[],a=this.getChildren(t,e,i),o=0,l=a.length;for(s=0;l>s;s++)(r=a[s]).isActive()&&(n[o++]=r);return n},_.getLabelAfter=function(t){t||0!==t&&(t=this._time);var e,i=this.getLabelsArray(),s=i.length;for(e=0;s>e;e++)if(i[e].time>t)return i[e].name;return null},_.getLabelBefore=function(t){null==t&&(t=this._time);for(var e=this.getLabelsArray(),i=e.length;--i>-1;)if(e[i].timethis._duration&&(t=this._duration),this._yoyo&&1&this._cycle?t=this._duration-t+this._cycle*(this._duration+this._repeatDelay):0!==this._repeat&&(t+=this._cycle*(this._duration+this._repeatDelay)),this.totalTime(t,e)):this._time},_.repeat=function(t){return arguments.length?(this._repeat=t,this._uncache(!0)):this._repeat},_.repeatDelay=function(t){return arguments.length?(this._repeatDelay=t,this._uncache(!0)):this._repeatDelay},_.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},_.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.getLabelBefore(this._time+1e-8)},s}),!0),t=180/Math.PI,e=[],i=[],s=[],r={},n=_gsScope._gsDefine.globals,a=function(t,e,i,s){i===s&&(i=s-(s-e)/1e6),t===e&&(e=t+(i-t)/1e6),this.a=t,this.b=e,this.c=i,this.d=s,this.da=s-t,this.ca=i-t,this.ba=e-t},o=function(t,e,i,s){var r={a:t},n={},a={},o={c:s},l=(t+e)/2,h=(e+i)/2,_=(i+s)/2,u=(l+h)/2,f=(h+_)/2,c=(f-u)/8;return r.b=l+(t-l)/4,n.b=u+c,r.c=n.a=(r.b+n.b)/2,n.c=a.a=(u+f)/2,a.b=f-c,o.b=_+(s-_)/4,a.c=o.a=(a.b+o.b)/2,[r,n,a,o]},l=function(t,r,n,a,l){var h,_,u,f,c,p,d,m,g,y,v,T,x,b=t.length-1,w=0,P=t[0].a;for(h=0;b>h;h++)_=(c=t[w]).a,u=c.d,f=t[w+1].d,l?(v=e[h],x=((T=i[h])+v)*r*.25/(a?.5:s[h]||.5),m=u-((p=u-(u-_)*(a?.5*r:0!==v?x/v:0))+(((d=u+(f-u)*(a?.5*r:0!==T?x/T:0))-p)*(3*v/(v+T)+.5)/4||0))):m=u-((p=u-(u-_)*r*.5)+(d=u+(f-u)*r*.5))/2,p+=m,d+=m,c.c=g=p,c.b=0!==h?P:P=c.a+.6*(c.c-c.a),c.da=u-_,c.ca=g-_,c.ba=P-_,n?(y=o(_,P,g,u),t.splice(w,1,y[0],y[1],y[2],y[3]),w+=4):w++,P=d;(c=t[w]).b=P,c.c=P+.4*(c.d-P),c.da=c.d-c.a,c.ca=c.c-c.a,c.ba=P-c.a,n&&(y=o(c.a,P,c.c,c.d),t.splice(w,1,y[0],y[1],y[2],y[3]))},h=function(t,s,r,n){var o,l,h,_,u,f,c=[];if(n)for(l=(t=[n].concat(t)).length;--l>-1;)"string"==typeof(f=t[l][s])&&"="===f.charAt(1)&&(t[l][s]=n[s]+Number(f.charAt(0)+f.substr(2)));if(0>(o=t.length-2))return c[0]=new a(t[0][s],0,0,t[0][s]),c;for(l=0;o>l;l++)h=t[l][s],_=t[l+1][s],c[l]=new a(h,0,0,_),r&&(u=t[l+2][s],e[l]=(e[l]||0)+(_-h)*(_-h),i[l]=(i[l]||0)+(u-_)*(u-_));return c[l]=new a(t[l][s],0,0,t[l+1][s]),c},_=function(t,n,a,o,_,u){var f,c,p,d,m,g,y,v,T={},x=[],b=u||t[0];for(c in _="string"==typeof _?","+_+",":",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,",null==n&&(n=1),t[0])x.push(c);if(t.length>1){for(v=t[t.length-1],y=!0,f=x.length;--f>-1;)if(c=x[f],Math.abs(b[c]-v[c])>.05){y=!1;break}y&&(t=t.concat(),u&&t.unshift(u),t.push(t[1]),u=t[t.length-3])}for(e.length=i.length=s.length=0,f=x.length;--f>-1;)c=x[f],r[c]=-1!==_.indexOf(","+c+","),T[c]=h(t,c,r[c],u);for(f=e.length;--f>-1;)e[f]=Math.sqrt(e[f]),i[f]=Math.sqrt(i[f]);if(!o){for(f=x.length;--f>-1;)if(r[c])for(g=(p=T[x[f]]).length-1,d=0;g>d;d++)m=p[d+1].da/i[d]+p[d].da/e[d]||0,s[d]=(s[d]||0)+m*m;for(f=s.length;--f>-1;)s[f]=Math.sqrt(s[f])}for(f=x.length,d=a?4:1;--f>-1;)p=T[c=x[f]],l(p,n,a,o,r[c]),y&&(p.splice(0,d),p.splice(p.length-d,d));return T},u=function(t,e,i){var s,r,n,o,l,h,_,u,f,c,p,d={},m="cubic"===(e=e||"soft")?3:2,g="soft"===e,y=[];if(g&&i&&(t=[i].concat(t)),null==t||t.length-1;){for(d[f=y[h]]=l=[],c=0,u=t.length,_=0;u>_;_++)s=null==i?t[_][f]:"string"==typeof(p=t[_][f])&&"="===p.charAt(1)?i[f]+Number(p.charAt(0)+p.substr(2)):Number(p),g&&_>1&&u-1>_&&(l[c++]=(s+l[c-2])/2),l[c++]=s;for(u=c-m+1,c=0,_=0;u>_;_+=m)s=l[_],r=l[_+1],n=l[_+2],o=2===m?0:l[_+3],l[c++]=p=3===m?new a(s,r,n,o):new a(s,(2*r+s)/3,(2*r+n)/3,n);l.length=c}return d},f=function(t,e,i){for(var s,r,n,a,o,l,h,_,u,f,c,p=1/i,d=t.length;--d>-1;)for(n=(f=t[d]).a,a=f.d-n,o=f.c-n,l=f.b-n,s=r=0,_=1;i>=_;_++)s=r-(r=((h=p*_)*h*a+3*(u=1-h)*(h*o+u*l))*h),e[c=d*i+_-1]=(e[c]||0)+s*s},c=function(t,e){var i,s,r,n,a=[],o=[],l=0,h=0,_=(e=0|e||6)-1,u=[],c=[];for(i in t)f(t[i],a,e);for(r=a.length,s=0;r>s;s++)l+=Math.sqrt(a[s]),c[n=s%e]=l,n===_&&(h+=l,u[n=s/e|0]=c,o[n]=h,l=0,c=[]);return{length:h,lengths:o,segments:u}},p=_gsScope._gsDefine.plugin({propName:"bezier",priority:-1,version:"1.3.8",API:2,global:!0,init:function(t,e,i){this._target=t,e instanceof Array&&(e={values:e}),this._func={},this._mod={},this._props=[],this._timeRes=null==e.timeResolution?6:parseInt(e.timeResolution,10);var s,r,n,a,o,l=e.values||[],h={},f=l[0],p=e.autoRotate||i.vars.orientToBezier;for(s in this._autoRotate=p?p instanceof Array?p:[["x","y","rotation",!0===p?0:Number(p)||0]]:null,f)this._props.push(s);for(n=this._props.length;--n>-1;)s=this._props[n],this._overwriteProps.push(s),r=this._func[s]="function"==typeof t[s],h[s]=r?t[s.indexOf("set")||"function"!=typeof t["get"+s.substr(3)]?s:"get"+s.substr(3)]():parseFloat(t[s]),o||h[s]!==l[0][s]&&(o=h);if(this._beziers="cubic"!==e.type&&"quadratic"!==e.type&&"soft"!==e.type?_(l,isNaN(e.curviness)?1:e.curviness,!1,"thruBasic"===e.type,e.correlate,o):u(l,e.type,h),this._segCount=this._beziers[s].length,this._timeRes){var d=c(this._beziers,this._timeRes);this._length=d.length,this._lengths=d.lengths,this._segments=d.segments,this._l1=this._li=this._s1=this._si=0,this._l2=this._lengths[0],this._curSeg=this._segments[0],this._s2=this._curSeg[0],this._prec=1/this._curSeg.length}if(p=this._autoRotate)for(this._initialRotations=[],p[0]instanceof Array||(this._autoRotate=p=[p]),n=p.length;--n>-1;){for(a=0;3>a;a++)s=p[n][a],this._func[s]="function"==typeof t[s]&&t[s.indexOf("set")||"function"!=typeof t["get"+s.substr(3)]?s:"get"+s.substr(3)];s=p[n][2],this._initialRotations[n]=(this._func[s]?this._func[s].call(this._target):this._target[s])||0,this._overwriteProps.push(s)}return this._startRatio=i.vars.runBackwards?1:0,!0},set:function(e){var i,s,r,n,a,o,l,h,_,u,f=this._segCount,c=this._func,p=this._target,d=e!==this._startRatio;if(this._timeRes){if(_=this._lengths,u=this._curSeg,e*=this._length,r=this._li,e>this._l2&&f-1>r){for(h=f-1;h>r&&(this._l2=_[++r])<=e;);this._l1=_[r-1],this._li=r,this._curSeg=u=this._segments[r],this._s2=u[this._s1=this._si=0]}else if(e0){for(;r>0&&(this._l1=_[--r])>=e;);0===r&&ethis._s2&&rr&&(this._s2=u[++r])<=e;);this._s1=u[r-1],this._si=r}else if(e0){for(;r>0&&(this._s1=u[--r])>=e;);0===r&&ee?0:e>=1?f-1:f*e|0)*(1/f))*f;for(s=1-o,r=this._props.length;--r>-1;)n=this._props[r],l=(o*o*(a=this._beziers[n][i]).da+3*s*(o*a.ca+s*a.ba))*o+a.a,this._mod[n]&&(l=this._mod[n](l,p)),c[n]?p[n](l):p[n]=l;if(this._autoRotate){var m,g,y,v,T,x,b,w=this._autoRotate;for(r=w.length;--r>-1;)n=w[r][2],x=w[r][3]||0,b=!0===w[r][4]?1:t,a=this._beziers[w[r][0]],m=this._beziers[w[r][1]],a&&m&&(a=a[i],m=m[i],g=a.a+(a.b-a.a)*o,g+=((v=a.b+(a.c-a.b)*o)-g)*o,v+=(a.c+(a.d-a.c)*o-v)*o,y=m.a+(m.b-m.a)*o,y+=((T=m.b+(m.c-m.b)*o)-y)*o,T+=(m.c+(m.d-m.c)*o-T)*o,l=d?Math.atan2(T-y,v-g)*b+x:this._initialRotations[r],this._mod[n]&&(l=this._mod[n](l,p)),c[n]?p[n](l):p[n]=l)}}}),d=p.prototype,p.bezierThrough=_,p.cubicToQuadratic=o,p._autoCSS=!0,p.quadraticToCubic=function(t,e,i){return new a(t,(2*e+t)/3,(2*e+i)/3,i)},p._cssRegister=function(){var t=n.CSSPlugin;if(t){var e=t._internals,i=e._parseToProxy,s=e._setPluginRatio,r=e.CSSPropTween;e._registerComplexSpecialProp("bezier",{parser:function(t,e,n,a,o,l){e instanceof Array&&(e={values:e}),l=new p;var h,_,u,f=e.values,c=f.length-1,d=[],m={};if(0>c)return o;for(h=0;c>=h;h++)u=i(t,f[h],a,o,l,c!==h),d[h]=u.end;for(_ in e)m[_]=e[_];return m.values=d,(o=new r(t,"bezier",0,0,u.pt,2)).data=u,o.plugin=l,o.setRatio=s,0===m.autoRotate&&(m.autoRotate=!0),!m.autoRotate||m.autoRotate instanceof Array||(h=!0===m.autoRotate?0:Number(m.autoRotate),m.autoRotate=null!=u.end.left?[["left","top","rotation",h,!1]]:null!=u.end.x&&[["x","y","rotation",h,!1]]),m.autoRotate&&(a._transform||a._enableTransforms(!1),u.autoRotate=a._target._gsTransform,u.proxy.rotation=u.autoRotate.rotation||0,a._overwriteProps.push("rotation")),l._onInitTween(u.proxy,m,a._tween),o}})}},d._mod=function(t){for(var e,i=this._overwriteProps,s=i.length;--s>-1;)(e=t[i[s]])&&"function"==typeof e&&(this._mod[i[s]]=e)},d._kill=function(t){var e,i,s=this._props;for(e in this._beziers)if(e in t)for(delete this._beziers[e],delete this._func[e],i=s.length;--i>-1;)s[i]===e&&s.splice(i,1);if(s=this._autoRotate)for(i=s.length;--i>-1;)t[s[i][2]]&&s.splice(i,1);return this._super._kill.call(this,t)},_gsScope._gsDefine("plugins.CSSPlugin",["plugins.TweenPlugin","TweenLite"],(function(t,e){var i,s,r,n,a=function(){t.call(this,"css"),this._overwriteProps.length=0,this.setRatio=a.prototype.setRatio},o=_gsScope._gsDefine.globals,l={},h=a.prototype=new t("css");h.constructor=a,a.version="1.20.3",a.API=2,a.defaultTransformPerspective=0,a.defaultSkewType="compensated",a.defaultSmoothOrigin=!0,h="px",a.suffixMap={top:h,right:h,bottom:h,left:h,width:h,height:h,fontSize:h,padding:h,margin:h,perspective:h,lineHeight:""};var _,u,f,c,p,d,m,g,y=/(?:\-|\.|\b)(\d|\.|e\-)+/g,v=/(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g,T=/(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi,x=/(?![+-]?\d*\.?\d+|[+-]|e[+-]\d+)[^0-9]/g,b=/(?:\d|\-|\+|=|#|\.)*/g,w=/opacity *= *([^)]*)/i,P=/opacity:([^;]*)/i,O=/alpha\(opacity *=.+?\)/i,S=/^(rgb|hsl)/,k=/([A-Z])/g,R=/-([a-z])/gi,A=/(^(?:url\(\"|url\())|(?:(\"\))$|\)$)/gi,C=function(t,e){return e.toUpperCase()},D=/(?:Left|Right|Width)/i,M=/(M11|M12|M21|M22)=[\d\-\.e]+/gi,F=/progid\:DXImageTransform\.Microsoft\.Matrix\(.+?\)/i,z=/,(?=[^\)]*(?:\(|$))/gi,E=/[\s,\(]/i,I=Math.PI/180,X=180/Math.PI,N={},L={style:{}},B=_gsScope.document||{createElement:function(){return L}},Y=function(t,e){return B.createElementNS?B.createElementNS(e||"http://www.w3.org/1999/xhtml",t):B.createElement(t)},j=Y("div"),U=Y("img"),V=a._internals={_specialProps:l},q=(_gsScope.navigator||{}).userAgent||"",W=function(){var t=q.indexOf("Android"),e=Y("a");return f=-1!==q.indexOf("Safari")&&-1===q.indexOf("Chrome")&&(-1===t||parseFloat(q.substr(t+8,2))>3),p=f&&parseFloat(q.substr(q.indexOf("Version/")+8,2))<6,c=-1!==q.indexOf("Firefox"),(/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(q)||/Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/.exec(q))&&(d=parseFloat(RegExp.$1)),!!e&&(e.style.cssText="top:1px;opacity:.55;",/^0.55/.test(e.style.opacity))}(),G=function(t){return w.test("string"==typeof t?t:(t.currentStyle?t.currentStyle.filter:t.style.filter)||"")?parseFloat(RegExp.$1)/100:1},Z=function(t){_gsScope.console&&console.log(t)},H="",$="",Q=function(t,e){var i,s,r=(e=e||j).style;if(void 0!==r[t])return t;for(t=t.charAt(0).toUpperCase()+t.substr(1),i=["O","Moz","ms","Ms","Webkit"],s=5;--s>-1&&void 0===r[i[s]+t];);return s>=0?(H="-"+($=3===s?"ms":i[s]).toLowerCase()+"-",$+t):null},K=B.defaultView?B.defaultView.getComputedStyle:function(){},J=a.getStyle=function(t,e,i,s,r){var n;return W||"opacity"!==e?(!s&&t.style[e]?n=t.style[e]:(i=i||K(t))?n=i[e]||i.getPropertyValue(e)||i.getPropertyValue(e.replace(k,"-$1").toLowerCase()):t.currentStyle&&(n=t.currentStyle[e]),null==r||n&&"none"!==n&&"auto"!==n&&"auto auto"!==n?n:r):G(t)},tt=V.convertToPixels=function(t,i,s,r,n){if("px"===r||!r&&"lineHeight"!==i)return s;if("auto"===r||!s)return 0;var o,l,h,_=D.test(i),u=t,f=j.style,c=0>s,p=1===s;if(c&&(s=-s),p&&(s*=100),"lineHeight"!==i||r)if("%"===r&&-1!==i.indexOf("border"))o=s/100*(_?t.clientWidth:t.clientHeight);else{if(f.cssText="border:0 solid red;position:"+J(t,"position")+";line-height:0;","%"!==r&&u.appendChild&&"v"!==r.charAt(0)&&"rem"!==r)f[_?"borderLeftWidth":"borderTopWidth"]=s+r;else{if(u=t.parentNode||B.body,-1!==J(u,"display").indexOf("flex")&&(f.position="absolute"),l=u._gsCache,h=e.ticker.frame,l&&_&&l.time===h)return l.width*s/100;f[_?"width":"height"]=s+r}u.appendChild(j),o=parseFloat(j[_?"offsetWidth":"offsetHeight"]),u.removeChild(j),_&&"%"===r&&!1!==a.cacheWidths&&((l=u._gsCache=u._gsCache||{}).time=h,l.width=o/s*100),0!==o||n||(o=tt(t,i,s,r,!0))}else l=K(t).lineHeight,t.style.lineHeight=s,o=parseFloat(K(t).lineHeight),t.style.lineHeight=l;return p&&(o/=100),c?-o:o},et=V.calculateOffset=function(t,e,i){if("absolute"!==J(t,"position",i))return 0;var s="left"===e?"Left":"Top",r=J(t,"margin"+s,i);return t["offset"+s]-(tt(t,e,parseFloat(r),r.replace(b,""))||0)},it=function(t,e){var i,s,r,n={};if(e=e||K(t,null))if(i=e.length)for(;--i>-1;)(-1===(r=e[i]).indexOf("-transform")||At===r)&&(n[r.replace(R,C)]=e.getPropertyValue(r));else for(i in e)(-1===i.indexOf("Transform")||Rt===i)&&(n[i]=e[i]);else if(e=t.currentStyle||t.style)for(i in e)"string"==typeof i&&void 0===n[i]&&(n[i.replace(R,C)]=e[i]);return W||(n.opacity=G(t)),s=jt(t,e,!1),n.rotation=s.rotation,n.skewX=s.skewX,n.scaleX=s.scaleX,n.scaleY=s.scaleY,n.x=s.x,n.y=s.y,Dt&&(n.z=s.z,n.rotationX=s.rotationX,n.rotationY=s.rotationY,n.scaleZ=s.scaleZ),n.filters&&delete n.filters,n},st=function(t,e,i,s,r){var n,a,o,l={},h=t.style;for(a in i)"cssText"!==a&&"length"!==a&&isNaN(a)&&(e[a]!==(n=i[a])||r&&r[a])&&-1===a.indexOf("Origin")&&("number"==typeof n||"string"==typeof n)&&(l[a]="auto"!==n||"left"!==a&&"top"!==a?""!==n&&"auto"!==n&&"none"!==n||"string"!=typeof e[a]||""===e[a].replace(x,"")?n:0:et(t,a),void 0!==h[a]&&(o=new yt(h,a,h[a],o)));if(s)for(a in s)"className"!==a&&(l[a]=s[a]);return{difs:l,firstMPT:o}},rt={width:["Left","Right"],height:["Top","Bottom"]},nt=["marginLeft","marginRight","marginTop","marginBottom"],at=function(t,e,i){if("svg"===(t.nodeName+"").toLowerCase())return(i||K(t))[e]||0;if(t.getCTM&&Lt(t))return t.getBBox()[e]||0;var s=parseFloat("width"===e?t.offsetWidth:t.offsetHeight),r=rt[e],n=r.length;for(i=i||K(t,null);--n>-1;)s-=parseFloat(J(t,"padding"+r[n],i,!0))||0,s-=parseFloat(J(t,"border"+r[n]+"Width",i,!0))||0;return s},ot=function(t,e){if("contain"===t||"auto"===t||"auto auto"===t)return t+" ";(null==t||""===t)&&(t="0 0");var i,s=t.split(" "),r=-1!==t.indexOf("left")?"0%":-1!==t.indexOf("right")?"100%":s[0],n=-1!==t.indexOf("top")?"0%":-1!==t.indexOf("bottom")?"100%":s[1];if(s.length>3&&!e){for(s=t.split(", ").join(",").split(","),t=[],i=0;i2?" "+s[2]:""),e&&(e.oxp=-1!==r.indexOf("%"),e.oyp=-1!==n.indexOf("%"),e.oxr="="===r.charAt(1),e.oyr="="===n.charAt(1),e.ox=parseFloat(r.replace(x,"")),e.oy=parseFloat(n.replace(x,"")),e.v=t),e||t},lt=function(t,e){return"function"==typeof t&&(t=t(g,m)),"string"==typeof t&&"="===t.charAt(1)?parseInt(t.charAt(0)+"1",10)*parseFloat(t.substr(2)):parseFloat(t)-parseFloat(e)||0},ht=function(t,e){return"function"==typeof t&&(t=t(g,m)),null==t?e:"string"==typeof t&&"="===t.charAt(1)?parseInt(t.charAt(0)+"1",10)*parseFloat(t.substr(2))+e:parseFloat(t)||0},_t=function(t,e,i,s){var r,n,a,o,l,h=1e-6;return"function"==typeof t&&(t=t(g,m)),null==t?o=e:"number"==typeof t?o=t:(r=360,n=t.split("_"),a=((l="="===t.charAt(1))?parseInt(t.charAt(0)+"1",10)*parseFloat(n[0].substr(2)):parseFloat(n[0]))*(-1===t.indexOf("rad")?1:X)-(l?0:e),n.length&&(s&&(s[i]=e+a),-1!==t.indexOf("short")&&(a%=r)!=a%180&&(a=0>a?a+r:a-r),-1!==t.indexOf("_cw")&&0>a?a=(a+9999999999*r)%r-(a/r|0)*r:-1!==t.indexOf("ccw")&&a>0&&(a=(a-9999999999*r)%r-(a/r|0)*r)),o=e+a),h>o&&o>-h&&(o=0),o},ut={aqua:[0,255,255],lime:[0,255,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,255],navy:[0,0,128],white:[255,255,255],fuchsia:[255,0,255],olive:[128,128,0],yellow:[255,255,0],orange:[255,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[255,0,0],pink:[255,192,203],cyan:[0,255,255],transparent:[255,255,255,0]},ft=function(t,e,i){return 255*(1>6*(t=0>t?t+1:t>1?t-1:t)?e+(i-e)*t*6:.5>t?i:2>3*t?e+(i-e)*(2/3-t)*6:e)+.5|0},ct=a.parseColor=function(t,e){var i,s,r,n,a,o,l,h,_,u,f;if(t)if("number"==typeof t)i=[t>>16,t>>8&255,255&t];else{if(","===t.charAt(t.length-1)&&(t=t.substr(0,t.length-1)),ut[t])i=ut[t];else if("#"===t.charAt(0))4===t.length&&(s=t.charAt(1),r=t.charAt(2),n=t.charAt(3),t="#"+s+s+r+r+n+n),i=[(t=parseInt(t.substr(1),16))>>16,t>>8&255,255&t];else if("hsl"===t.substr(0,3))if(i=f=t.match(y),e){if(-1!==t.indexOf("="))return t.match(v)}else a=Number(i[0])%360/360,o=Number(i[1])/100,s=2*(l=Number(i[2])/100)-(r=.5>=l?l*(o+1):l+o-l*o),i.length>3&&(i[3]=Number(i[3])),i[0]=ft(a+1/3,s,r),i[1]=ft(a,s,r),i[2]=ft(a-1/3,s,r);else i=t.match(y)||ut.transparent;i[0]=Number(i[0]),i[1]=Number(i[1]),i[2]=Number(i[2]),i.length>3&&(i[3]=Number(i[3]))}else i=ut.black;return e&&!f&&(s=i[0]/255,r=i[1]/255,n=i[2]/255,l=((h=Math.max(s,r,n))+(_=Math.min(s,r,n)))/2,h===_?a=o=0:(u=h-_,o=l>.5?u/(2-h-_):u/(h+_),a=h===s?(r-n)/u+(n>r?6:0):h===r?(n-s)/u+2:(s-r)/u+4,a*=60),i[0]=a+.5|0,i[1]=100*o+.5|0,i[2]=100*l+.5|0),i},pt=function(t,e){var i,s,r,n=t.match(dt)||[],a=0,o="";if(!n.length)return t;for(i=0;i0?a[0].replace(y,""):"";return _?r=e?function(t){var e,f,c,p;if("number"==typeof t)t+=u;else if(s&&z.test(t)){for(p=t.replace(z,"|").split("|"),c=0;cc--)for(;++c<_;)f[c]=i?f[(c-1)/2|0]:a[c];return o+f.join(h)+h+e+l+(-1!==t.indexOf("inset")?" inset":"")}:function(t){var e,n,f;if("number"==typeof t)t+=u;else if(s&&z.test(t)){for(n=t.replace(z,"|").split("|"),f=0;ff--)for(;++f<_;)e[f]=i?e[(f-1)/2|0]:a[f];return o+e.join(h)+l}:function(t){return t}},gt=function(t){return t=t.split(","),function(e,i,s,r,n,a,o){var l,h=(i+"").split(" ");for(o={},l=0;4>l;l++)o[t[l]]=h[l]=h[l]||h[(l-1)/2|0];return r.parse(e,o,n,a)}},yt=(V._setPluginRatio=function(t){this.plugin.setRatio(t);for(var e,i,s,r,n,a=this.data,o=a.proxy,l=a.firstMPT,h=1e-6;l;)e=o[l.v],l.r?e=Math.round(e):h>e&&e>-h&&(e=0),l.t[l.p]=e,l=l._next;if(a.autoRotate&&(a.autoRotate.rotation=a.mod?a.mod(o.rotation,this.t):o.rotation),1===t||0===t)for(l=a.firstMPT,n=1===t?"e":"b";l;){if((i=l.t).type){if(1===i.type){for(r=i.xs0+i.s+i.xs1,s=1;s0;)l="xn"+a,c[o=s.p+"_"+l]=s.data[l],f[o]=s[l],n||(h=new yt(s,l,o,h,s.rxp[l]));s=s._next}return{proxy:f,end:c,firstMPT:h,pt:_}},V.CSSPropTween=function(t,e,s,r,a,o,l,h,_,u,f){this.t=t,this.p=e,this.s=s,this.c=r,this.n=l||e,t instanceof vt||n.push(this.n),this.r=h,this.type=o||0,_&&(this.pr=_,i=!0),this.b=void 0===u?s:u,this.e=void 0===f?s+r:f,a&&(this._next=a,a._prev=this)}),Tt=function(t,e,i,s,r,n){var a=new vt(t,e,i,s-i,r,-1,n);return a.b=i,a.e=a.xs0=s,a},xt=a.parseComplex=function(t,e,i,s,r,n,o,l,h,u){i=i||n||"","function"==typeof s&&(s=s(g,m)),o=new vt(t,e,0,0,o,u?2:1,null,!1,l,i,s),s+="",r&&dt.test(s+i)&&(s=[i,s],a.colorStringFilter(s),i=s[0],s=s[1]);var f,c,p,d,T,x,b,w,P,O,S,k,R,A=i.split(", ").join(",").split(" "),C=s.split(", ").join(",").split(" "),D=A.length,M=!1!==_;for((-1!==s.indexOf(",")||-1!==i.indexOf(","))&&(-1!==(s+i).indexOf("rgb")||-1!==(s+i).indexOf("hsl")?(A=A.join(" ").replace(z,", ").split(" "),C=C.join(" ").replace(z,", ").split(" ")):(A=A.join(" ").split(",").join(", ").split(" "),C=C.join(" ").split(",").join(", ").split(" ")),D=A.length),D!==C.length&&(D=(A=(n||"").split(" ")).length),o.plugin=h,o.setRatio=u,dt.lastIndex=0,f=0;D>f;f++)if(d=A[f],T=C[f],(w=parseFloat(d))||0===w)o.appendXtra("",w,lt(T,w),T.replace(v,""),M&&-1!==T.indexOf("px"),!0);else if(r&&dt.test(d))k=")"+((k=T.indexOf(")")+1)?T.substr(k):""),R=-1!==T.indexOf("hsl")&&W,O=T,d=ct(d,R),T=ct(T,R),(P=d.length+T.length>6)&&!W&&0===T[3]?(o["xs"+o.l]+=o.l?" transparent":"transparent",o.e=o.e.split(C[f]).join("transparent")):(W||(P=!1),R?o.appendXtra(O.substr(0,O.indexOf("hsl"))+(P?"hsla(":"hsl("),d[0],lt(T[0],d[0]),",",!1,!0).appendXtra("",d[1],lt(T[1],d[1]),"%,",!1).appendXtra("",d[2],lt(T[2],d[2]),P?"%,":"%"+k,!1):o.appendXtra(O.substr(0,O.indexOf("rgb"))+(P?"rgba(":"rgb("),d[0],T[0]-d[0],",",!0,!0).appendXtra("",d[1],T[1]-d[1],",",!0).appendXtra("",d[2],T[2]-d[2],P?",":k,!0),P&&(d=d.length<4?1:d[3],o.appendXtra("",d,(T.length<4?1:T[3])-d,k,!1))),dt.lastIndex=0;else if(x=d.match(y)){if(!(b=T.match(v))||b.length!==x.length)return o;for(p=0,c=0;c0;)h["xn"+bt]=0,h["xs"+bt]="";h.xs0="",h._next=h._prev=h.xfirst=h.data=h.plugin=h.setRatio=h.rxp=null,h.appendXtra=function(t,e,i,s,r,n){var a=this,o=a.l;return a["xs"+o]+=n&&(o||a["xs"+o])?" "+t:t||"",i||0===o||a.plugin?(a.l++,a.type=a.setRatio?2:1,a["xs"+a.l]=s||"",o>0?(a.data["xn"+o]=e+i,a.rxp["xn"+o]=r,a["xn"+o]=e,a.plugin||(a.xfirst=new vt(a,"xn"+o,e,i,a.xfirst||a,0,a.n,r,a.pr),a.xfirst.xs0=0),a):(a.data={s:e+i},a.rxp={},a.s=e,a.c=i,a.r=r,a)):(a["xs"+o]+=e+(s||""),a)};var wt=function(t,e){e=e||{},this.p=e.prefix&&Q(t)||t,l[t]=l[this.p]=this,this.format=e.formatter||mt(e.defaultValue,e.color,e.collapsible,e.multi),e.parser&&(this.parse=e.parser),this.clrs=e.color,this.multi=e.multi,this.keyword=e.keyword,this.dflt=e.defaultValue,this.pr=e.priority||0},Pt=V._registerComplexSpecialProp=function(t,e,i){"object"!=typeof e&&(e={parser:i});var s,r=t.split(","),n=e.defaultValue;for(i=i||[n],s=0;so.length?l.length:o.length,a=0;h>a;a++)e=o[a]=o[a]||this.dflt,i=l[a]=l[a]||this.dflt,f&&(_=e.indexOf(f))!==(u=i.indexOf(f))&&(-1===u?o[a]=o[a].split(f).join(""):-1===_&&(o[a]+=" "+f));e=o.join(", "),i=l.join(", ")}return xt(t,this.p,e,i,this.clrs,this.dflt,s,this.pr,r,n)},h.parse=function(t,e,i,s,n,a,o){return this.parseComplex(t.style,this.format(J(t,this.p,r,!1,this.dflt)),this.format(e),n,a)},a.registerSpecialProp=function(t,e,i){Pt(t,{parser:function(t,s,r,n,a,o,l){var h=new vt(t,r,0,0,a,2,r,!1,i);return h.plugin=o,h.setRatio=e(t,s,n._tween,r),h},priority:i})},a.useSVGTransformAttr=!0;var St,kt="scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective,xPercent,yPercent".split(","),Rt=Q("transform"),At=H+"transform",Ct=Q("transformOrigin"),Dt=null!==Q("perspective"),Mt=V.Transform=function(){this.perspective=parseFloat(a.defaultTransformPerspective)||0,this.force3D=!(!1===a.defaultForce3D||!Dt)&&(a.defaultForce3D||"auto")},Ft=_gsScope.SVGElement,zt=function(t,e,i){var s,r=B.createElementNS("http://www.w3.org/2000/svg",t),n=/([a-z])([A-Z])/g;for(s in i)r.setAttributeNS(null,s.replace(n,"$1-$2").toLowerCase(),i[s]);return e.appendChild(r),r},Et=B.documentElement||{},It=function(){var t,e,i,s=d||/Android/i.test(q)&&!_gsScope.chrome;return B.createElementNS&&!s&&(t=zt("svg",Et),i=(e=zt("rect",t,{width:100,height:50,x:100})).getBoundingClientRect().width,e.style[Ct]="50% 50%",e.style[Rt]="scaleX(0.5)",s=i===e.getBoundingClientRect().width&&!(c&&Dt),Et.removeChild(t)),s}(),Xt=function(t,e,i,s,r,n){var o,l,h,_,u,f,c,p,d,m,g,y,v,T,x=t._gsTransform,b=Yt(t,!0);x&&(v=x.xOrigin,T=x.yOrigin),(!s||(o=s.split(" ")).length<2)&&(0===(c=t.getBBox()).x&&0===c.y&&c.width+c.height===0&&(c={x:parseFloat(t.hasAttribute("x")?t.getAttribute("x"):t.hasAttribute("cx")?t.getAttribute("cx"):0)||0,y:parseFloat(t.hasAttribute("y")?t.getAttribute("y"):t.hasAttribute("cy")?t.getAttribute("cy"):0)||0,width:0,height:0}),o=[(-1!==(e=ot(e).split(" "))[0].indexOf("%")?parseFloat(e[0])/100*c.width:parseFloat(e[0]))+c.x,(-1!==e[1].indexOf("%")?parseFloat(e[1])/100*c.height:parseFloat(e[1]))+c.y]),i.xOrigin=_=parseFloat(o[0]),i.yOrigin=u=parseFloat(o[1]),s&&b!==Bt&&(f=b[0],c=b[1],p=b[2],d=b[3],m=b[4],g=b[5],(y=f*d-c*p)&&(l=_*(d/y)+u*(-p/y)+(p*g-d*m)/y,h=_*(-c/y)+u*(f/y)-(f*g-c*m)/y,_=i.xOrigin=o[0]=l,u=i.yOrigin=o[1]=h)),x&&(n&&(i.xOffset=x.xOffset,i.yOffset=x.yOffset,x=i),r||!1!==r&&!1!==a.defaultSmoothOrigin?(l=_-v,h=u-T,x.xOffset+=l*b[0]+h*b[2]-l,x.yOffset+=l*b[1]+h*b[3]-h):x.xOffset=x.yOffset=0),n||t.setAttribute("data-svg-origin",o.join(" "))},Nt=function(t){var e,i=Y("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),s=this.parentNode,r=this.nextSibling,n=this.style.cssText;if(Et.appendChild(i),i.appendChild(this),this.style.display="block",t)try{e=this.getBBox(),this._originalGetBBox=this.getBBox,this.getBBox=Nt}catch(t){}else this._originalGetBBox&&(e=this._originalGetBBox());return r?s.insertBefore(this,r):s.appendChild(this),Et.removeChild(i),this.style.cssText=n,e},Lt=function(t){return!(!Ft||!t.getCTM||t.parentNode&&!t.ownerSVGElement||!function(t){try{return t.getBBox()}catch(e){return Nt.call(t,!0)}}(t))},Bt=[1,0,0,1,0,0],Yt=function(t,e){var i,s,r,n,a,o,l=t._gsTransform||new Mt,h=1e5,_=t.style;if(Rt?s=J(t,At,null,!0):t.currentStyle&&(s=(s=t.currentStyle.filter.match(M))&&4===s.length?[s[0].substr(4),Number(s[2].substr(4)),Number(s[1].substr(4)),s[3].substr(4),l.x||0,l.y||0].join(","):""),i=!s||"none"===s||"matrix(1, 0, 0, 1, 0, 0)"===s,!Rt||!(o=!K(t)||"none"===K(t).display)&&t.parentNode||(o&&(n=_.display,_.display="block"),t.parentNode||(a=1,Et.appendChild(t)),i=!(s=J(t,At,null,!0))||"none"===s||"matrix(1, 0, 0, 1, 0, 0)"===s,n?_.display=n:o&&Wt(_,"display"),a&&Et.removeChild(t)),(l.svg||t.getCTM&&Lt(t))&&(i&&-1!==(_[Rt]+"").indexOf("matrix")&&(s=_[Rt],i=0),r=t.getAttribute("transform"),i&&r&&(-1!==r.indexOf("matrix")?(s=r,i=0):-1!==r.indexOf("translate")&&(s="matrix(1,0,0,1,"+r.match(/(?:\-|\b)[\d\-\.e]+\b/gi).join(",")+")",i=0))),i)return Bt;for(r=(s||"").match(y)||[],bt=r.length;--bt>-1;)n=Number(r[bt]),r[bt]=(a=n-(n|=0))?(a*h+(0>a?-.5:.5)|0)/h+n:n;return e&&r.length>6?[r[0],r[1],r[4],r[5],r[12],r[13]]:r},jt=V.getTransform=function(t,i,s,r){if(t._gsTransform&&s&&!r)return t._gsTransform;var n,o,l,h,_,u,f=s&&t._gsTransform||new Mt,c=f.scaleX<0,p=2e-5,d=1e5,m=Dt&&(parseFloat(J(t,Ct,i,!1,"0 0 0").split(" ")[2])||f.zOrigin)||0,g=parseFloat(a.defaultTransformPerspective)||0;if(f.svg=!(!t.getCTM||!Lt(t)),f.svg&&(Xt(t,J(t,Ct,i,!1,"50% 50%")+"",f,t.getAttribute("data-svg-origin")),St=a.useSVGTransformAttr||It),(n=Yt(t))!==Bt){if(16===n.length){var y,v,T,x,b,w=n[0],P=n[1],O=n[2],S=n[3],k=n[4],R=n[5],A=n[6],C=n[7],D=n[8],M=n[9],F=n[10],z=n[12],E=n[13],I=n[14],N=n[11],L=Math.atan2(A,F);f.zOrigin&&(z=D*(I=-f.zOrigin)-n[12],E=M*I-n[13],I=F*I+f.zOrigin-n[14]),f.rotationX=L*X,L&&(y=k*(x=Math.cos(-L))+D*(b=Math.sin(-L)),v=R*x+M*b,T=A*x+F*b,D=k*-b+D*x,M=R*-b+M*x,F=A*-b+F*x,N=C*-b+N*x,k=y,R=v,A=T),L=Math.atan2(-O,F),f.rotationY=L*X,L&&(v=P*(x=Math.cos(-L))-M*(b=Math.sin(-L)),T=O*x-F*b,M=P*b+M*x,F=O*b+F*x,N=S*b+N*x,w=y=w*x-D*b,P=v,O=T),L=Math.atan2(P,w),f.rotation=L*X,L&&(y=w*(x=Math.cos(L))+P*(b=Math.sin(L)),v=k*x+R*b,T=D*x+M*b,P=P*x-w*b,R=R*x-k*b,M=M*x-D*b,w=y,k=v,D=T),f.rotationX&&Math.abs(f.rotationX)+Math.abs(f.rotation)>359.9&&(f.rotationX=f.rotation=0,f.rotationY=180-f.rotationY),L=Math.atan2(k,R),f.scaleX=(Math.sqrt(w*w+P*P+O*O)*d+.5|0)/d,f.scaleY=(Math.sqrt(R*R+A*A)*d+.5|0)/d,f.scaleZ=(Math.sqrt(D*D+M*M+F*F)*d+.5|0)/d,w/=f.scaleX,k/=f.scaleY,P/=f.scaleX,R/=f.scaleY,Math.abs(L)>p?(f.skewX=L*X,k=0,"simple"!==f.skewType&&(f.scaleY*=1/Math.cos(L))):f.skewX=0,f.perspective=N?1/(0>N?-N:N):0,f.x=z,f.y=E,f.z=I,f.svg&&(f.x-=f.xOrigin-(f.xOrigin*w-f.yOrigin*k),f.y-=f.yOrigin-(f.yOrigin*P-f.xOrigin*R))}else if(!Dt||r||!n.length||f.x!==n[4]||f.y!==n[5]||!f.rotationX&&!f.rotationY){var B=n.length>=6,Y=B?n[0]:1,j=n[1]||0,U=n[2]||0,V=B?n[3]:1;f.x=n[4]||0,f.y=n[5]||0,l=Math.sqrt(Y*Y+j*j),h=Math.sqrt(V*V+U*U),_=Y||j?Math.atan2(j,Y)*X:f.rotation||0,u=U||V?Math.atan2(U,V)*X+_:f.skewX||0,f.scaleX=l,f.scaleY=h,f.rotation=_,f.skewX=u,Dt&&(f.rotationX=f.rotationY=f.z=0,f.perspective=g,f.scaleZ=1),f.svg&&(f.x-=f.xOrigin-(f.xOrigin*Y+f.yOrigin*U),f.y-=f.yOrigin-(f.xOrigin*j+f.yOrigin*V))}for(o in Math.abs(f.skewX)>90&&Math.abs(f.skewX)<270&&(c?(f.scaleX*=-1,f.skewX+=f.rotation<=0?180:-180,f.rotation+=f.rotation<=0?180:-180):(f.scaleY*=-1,f.skewX+=f.skewX<=0?180:-180)),f.zOrigin=m,f)f[o]-p&&(f[o]=0)}return s&&(t._gsTransform=f,f.svg&&(St&&t.style[Rt]?e.delayedCall(.001,(function(){Wt(t.style,Rt)})):!St&&t.getAttribute("transform")&&e.delayedCall(.001,(function(){t.removeAttribute("transform")})))),f},Ut=function(t){var e,i,s=this.data,r=-s.rotation*I,n=r+s.skewX*I,a=1e5,o=(Math.cos(r)*s.scaleX*a|0)/a,l=(Math.sin(r)*s.scaleX*a|0)/a,h=(Math.sin(n)*-s.scaleY*a|0)/a,_=(Math.cos(n)*s.scaleY*a|0)/a,u=this.t.style,f=this.t.currentStyle;if(f){i=l,l=-h,h=-i,e=f.filter,u.filter="";var c,p,m=this.t.offsetWidth,g=this.t.offsetHeight,y="absolute"!==f.position,v="progid:DXImageTransform.Microsoft.Matrix(M11="+o+", M12="+l+", M21="+h+", M22="+_,T=s.x+m*s.xPercent/100,x=s.y+g*s.yPercent/100;if(null!=s.ox&&(T+=(c=(s.oxp?m*s.ox*.01:s.ox)-m/2)-(c*o+(p=(s.oyp?g*s.oy*.01:s.oy)-g/2)*l),x+=p-(c*h+p*_)),v+=y?", Dx="+((c=m/2)-(c*o+(p=g/2)*l)+T)+", Dy="+(p-(c*h+p*_)+x)+")":", sizingMethod='auto expand')",-1!==e.indexOf("DXImageTransform.Microsoft.Matrix(")?u.filter=e.replace(F,v):u.filter=v+" "+e,(0===t||1===t)&&1===o&&0===l&&0===h&&1===_&&(y&&-1===v.indexOf("Dx=0, Dy=0")||w.test(e)&&100!==parseFloat(RegExp.$1)||-1===e.indexOf(e.indexOf("Alpha"))&&u.removeAttribute("filter")),!y){var P,O,S,k=8>d?1:-1;for(c=s.ieOffsetX||0,p=s.ieOffsetY||0,s.ieOffsetX=Math.round((m-((0>o?-o:o)*m+(0>l?-l:l)*g))/2+T),s.ieOffsetY=Math.round((g-((0>_?-_:_)*g+(0>h?-h:h)*m))/2+x),bt=0;4>bt;bt++)S=(i=-1!==(P=f[O=nt[bt]]).indexOf("px")?parseFloat(P):tt(this.t,O,parseFloat(P),P.replace(b,""))||0)!==s[O]?2>bt?-s.ieOffsetX:-s.ieOffsetY:2>bt?c-s.ieOffsetX:p-s.ieOffsetY,u[O]=(s[O]=Math.round(i-S*(0===bt||2===bt?1:k)))+"px"}}},Vt=V.set3DTransformRatio=V.setTransformRatio=function(t){var e,i,s,r,n,a,o,l,h,_,u,f,p,d,m,g,y,v,T,x,b,w,P,O=this.data,S=this.t.style,k=O.rotation,R=O.rotationX,A=O.rotationY,C=O.scaleX,D=O.scaleY,M=O.scaleZ,F=O.x,z=O.y,E=O.z,X=O.svg,N=O.perspective,L=O.force3D,B=O.skewY,Y=O.skewX;if(B&&(Y+=B,k+=B),!((1!==t&&0!==t||"auto"!==L||this.tween._totalTime!==this.tween._totalDuration&&this.tween._totalTime)&&L||E||N||A||R||1!==M)||St&&X||!Dt)k||Y||X?(k*=I,w=Y*I,P=1e5,i=Math.cos(k)*C,n=Math.sin(k)*C,s=Math.sin(k-w)*-D,a=Math.cos(k-w)*D,w&&"simple"===O.skewType&&(e=Math.tan(w-B*I),s*=e=Math.sqrt(1+e*e),a*=e,B&&(e=Math.tan(B*I),i*=e=Math.sqrt(1+e*e),n*=e)),X&&(F+=O.xOrigin-(O.xOrigin*i+O.yOrigin*s)+O.xOffset,z+=O.yOrigin-(O.xOrigin*n+O.yOrigin*a)+O.yOffset,St&&(O.xPercent||O.yPercent)&&(m=this.t.getBBox(),F+=.01*O.xPercent*m.width,z+=.01*O.yPercent*m.height),(m=1e-6)>F&&F>-m&&(F=0),m>z&&z>-m&&(z=0)),T=(i*P|0)/P+","+(n*P|0)/P+","+(s*P|0)/P+","+(a*P|0)/P+","+F+","+z+")",X&&St?this.t.setAttribute("transform","matrix("+T):S[Rt]=(O.xPercent||O.yPercent?"translate("+O.xPercent+"%,"+O.yPercent+"%) matrix(":"matrix(")+T):S[Rt]=(O.xPercent||O.yPercent?"translate("+O.xPercent+"%,"+O.yPercent+"%) matrix(":"matrix(")+C+",0,0,"+D+","+F+","+z+")";else{if(c&&((m=1e-4)>C&&C>-m&&(C=M=2e-5),m>D&&D>-m&&(D=M=2e-5),!N||O.z||O.rotationX||O.rotationY||(N=0)),k||Y)k*=I,g=i=Math.cos(k),y=n=Math.sin(k),Y&&(k-=Y*I,g=Math.cos(k),y=Math.sin(k),"simple"===O.skewType&&(e=Math.tan((Y-B)*I),g*=e=Math.sqrt(1+e*e),y*=e,O.skewY&&(e=Math.tan(B*I),i*=e=Math.sqrt(1+e*e),n*=e))),s=-y,a=g;else{if(!(A||R||1!==M||N||X))return void(S[Rt]=(O.xPercent||O.yPercent?"translate("+O.xPercent+"%,"+O.yPercent+"%) translate3d(":"translate3d(")+F+"px,"+z+"px,"+E+"px)"+(1!==C||1!==D?" scale("+C+","+D+")":""));i=a=1,s=n=0}_=1,r=o=l=h=u=f=0,p=N?-1/N:0,d=O.zOrigin,m=1e-6,x=",",b="0",(k=A*I)&&(g=Math.cos(k),l=-(y=Math.sin(k)),u=p*-y,r=i*y,o=n*y,_=g,p*=g,i*=g,n*=g),(k=R*I)&&(e=s*(g=Math.cos(k))+r*(y=Math.sin(k)),v=a*g+o*y,h=_*y,f=p*y,r=s*-y+r*g,o=a*-y+o*g,_*=g,p*=g,s=e,a=v),1!==M&&(r*=M,o*=M,_*=M,p*=M),1!==D&&(s*=D,a*=D,h*=D,f*=D),1!==C&&(i*=C,n*=C,l*=C,u*=C),(d||X)&&(d&&(F+=r*-d,z+=o*-d,E+=_*-d+d),X&&(F+=O.xOrigin-(O.xOrigin*i+O.yOrigin*s)+O.xOffset,z+=O.yOrigin-(O.xOrigin*n+O.yOrigin*a)+O.yOffset),m>F&&F>-m&&(F=b),m>z&&z>-m&&(z=b),m>E&&E>-m&&(E=0)),T=O.xPercent||O.yPercent?"translate("+O.xPercent+"%,"+O.yPercent+"%) matrix3d(":"matrix3d(",T+=(m>i&&i>-m?b:i)+x+(m>n&&n>-m?b:n)+x+(m>l&&l>-m?b:l),T+=x+(m>u&&u>-m?b:u)+x+(m>s&&s>-m?b:s)+x+(m>a&&a>-m?b:a),R||A||1!==M?(T+=x+(m>h&&h>-m?b:h)+x+(m>f&&f>-m?b:f)+x+(m>r&&r>-m?b:r),T+=x+(m>o&&o>-m?b:o)+x+(m>_&&_>-m?b:_)+x+(m>p&&p>-m?b:p)+x):T+=",0,0,0,0,1,0,",T+=F+x+z+x+E+x+(N?1+-E/N:1)+")",S[Rt]=T}};(h=Mt.prototype).x=h.y=h.z=h.skewX=h.skewY=h.rotation=h.rotationX=h.rotationY=h.zOrigin=h.xPercent=h.yPercent=h.xOffset=h.yOffset=0,h.scaleX=h.scaleY=h.scaleZ=1,Pt("transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,svgOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType,xPercent,yPercent,smoothOrigin",{parser:function(t,e,i,s,n,o,l){if(s._lastParsedTransform===l)return n;s._lastParsedTransform=l;var h,_=l.scale&&"function"==typeof l.scale?l.scale:0;"function"==typeof l[i]&&(h=l[i],l[i]=e),_&&(l.scale=_(g,t));var u,f,c,p,d,y,v,T,x,b=t._gsTransform,w=t.style,P=1e-6,O=kt.length,S=l,k={},R="transformOrigin",A=jt(t,r,!0,S.parseTransform),C=S.transform&&("function"==typeof S.transform?S.transform(g,m):S.transform);if(A.skewType=S.skewType||A.skewType||a.defaultSkewType,s._transform=A,C&&"string"==typeof C&&Rt)(f=j.style)[Rt]=C,f.display="block",f.position="absolute",B.body.appendChild(j),u=jt(j,null,!1),"simple"===A.skewType&&(u.scaleY*=Math.cos(u.skewX*I)),A.svg&&(y=A.xOrigin,v=A.yOrigin,u.x-=A.xOffset,u.y-=A.yOffset,(S.transformOrigin||S.svgOrigin)&&(C={},Xt(t,ot(S.transformOrigin),C,S.svgOrigin,S.smoothOrigin,!0),y=C.xOrigin,v=C.yOrigin,u.x-=C.xOffset-A.xOffset,u.y-=C.yOffset-A.yOffset),(y||v)&&(T=Yt(j,!0),u.x-=y-(y*T[0]+v*T[2]),u.y-=v-(y*T[1]+v*T[3]))),B.body.removeChild(j),u.perspective||(u.perspective=A.perspective),null!=S.xPercent&&(u.xPercent=ht(S.xPercent,A.xPercent)),null!=S.yPercent&&(u.yPercent=ht(S.yPercent,A.yPercent));else if("object"==typeof S){if(u={scaleX:ht(null!=S.scaleX?S.scaleX:S.scale,A.scaleX),scaleY:ht(null!=S.scaleY?S.scaleY:S.scale,A.scaleY),scaleZ:ht(S.scaleZ,A.scaleZ),x:ht(S.x,A.x),y:ht(S.y,A.y),z:ht(S.z,A.z),xPercent:ht(S.xPercent,A.xPercent),yPercent:ht(S.yPercent,A.yPercent),perspective:ht(S.transformPerspective,A.perspective)},null!=(d=S.directionalRotation))if("object"==typeof d)for(f in d)S[f]=d[f];else S.rotation=d;"string"==typeof S.x&&-1!==S.x.indexOf("%")&&(u.x=0,u.xPercent=ht(S.x,A.xPercent)),"string"==typeof S.y&&-1!==S.y.indexOf("%")&&(u.y=0,u.yPercent=ht(S.y,A.yPercent)),u.rotation=_t("rotation"in S?S.rotation:"shortRotation"in S?S.shortRotation+"_short":"rotationZ"in S?S.rotationZ:A.rotation,A.rotation,"rotation",k),Dt&&(u.rotationX=_t("rotationX"in S?S.rotationX:"shortRotationX"in S?S.shortRotationX+"_short":A.rotationX||0,A.rotationX,"rotationX",k),u.rotationY=_t("rotationY"in S?S.rotationY:"shortRotationY"in S?S.shortRotationY+"_short":A.rotationY||0,A.rotationY,"rotationY",k)),u.skewX=_t(S.skewX,A.skewX),u.skewY=_t(S.skewY,A.skewY)}for(Dt&&null!=S.force3D&&(A.force3D=S.force3D,p=!0),(c=A.force3D||A.z||A.rotationX||A.rotationY||u.z||u.rotationX||u.rotationY||u.perspective)||null==S.scale||(u.scaleZ=1);--O>-1;)((C=u[x=kt[O]]-A[x])>P||-P>C||null!=S[x]||null!=N[x])&&(p=!0,n=new vt(A,x,A[x],C,n),x in k&&(n.e=k[x]),n.xs0=0,n.plugin=o,s._overwriteProps.push(n.n));return C=S.transformOrigin,A.svg&&(C||S.svgOrigin)&&(y=A.xOffset,v=A.yOffset,Xt(t,ot(C),u,S.svgOrigin,S.smoothOrigin),n=Tt(A,"xOrigin",(b?A:u).xOrigin,u.xOrigin,n,R),n=Tt(A,"yOrigin",(b?A:u).yOrigin,u.yOrigin,n,R),(y!==A.xOffset||v!==A.yOffset)&&(n=Tt(A,"xOffset",b?y:A.xOffset,A.xOffset,n,R),n=Tt(A,"yOffset",b?v:A.yOffset,A.yOffset,n,R)),C="0px 0px"),(C||Dt&&c&&A.zOrigin)&&(Rt?(p=!0,x=Ct,C=(C||J(t,x,r,!1,"50% 50%"))+"",(n=new vt(w,x,0,0,n,-1,R)).b=w[x],n.plugin=o,Dt?(f=A.zOrigin,C=C.split(" "),A.zOrigin=(C.length>2&&(0===f||"0px"!==C[2])?parseFloat(C[2]):f)||0,n.xs0=n.e=C[0]+" "+(C[1]||"50%")+" 0px",(n=new vt(A,"zOrigin",0,0,n,-1,n.n)).b=f,n.xs0=n.e=A.zOrigin):n.xs0=n.e=C):ot(C+"",A)),p&&(s._transformType=A.svg&&St||!c&&3!==this._transformType?2:3),h&&(l[i]=h),_&&(l.scale=_),n},prefix:!0}),Pt("boxShadow",{defaultValue:"0px 0px 0px 0px #999",prefix:!0,color:!0,multi:!0,keyword:"inset"}),Pt("borderRadius",{defaultValue:"0px",parser:function(t,e,i,n,a,o){e=this.format(e);var l,h,_,u,f,c,p,d,m,g,y,v,T,x,b,w,P=["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],O=t.style;for(m=parseFloat(t.offsetWidth),g=parseFloat(t.offsetHeight),l=e.split(" "),h=0;hd?1:0))||""):(d=parseFloat(c),y=c.substr((d+"").length)),""===y&&(y=s[i]||v),y!==v&&(x=tt(t,"borderLeft",p,v),b=tt(t,"borderTop",p,v),"%"===y?(f=x/m*100+"%",u=b/g*100+"%"):"em"===y?(f=x/(w=tt(t,"borderLeft",1,"em"))+"em",u=b/w+"em"):(f=x+"px",u=b+"px"),T&&(c=parseFloat(f)+d+y,_=parseFloat(u)+d+y)),a=xt(O,P[h],f+" "+u,c+" "+_,!1,"0px",a);return a},prefix:!0,formatter:mt("0px 0px 0px 0px",!1,!0)}),Pt("borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius",{defaultValue:"0px",parser:function(t,e,i,s,n,a){return xt(t.style,i,this.format(J(t,i,r,!1,"0px 0px")),this.format(e),!1,"0px",n)},prefix:!0,formatter:mt("0px 0px",!1,!0)}),Pt("backgroundPosition",{defaultValue:"0 0",parser:function(t,e,i,s,n,a){var o,l,h,_,u,f,c="background-position",p=r||K(t,null),m=this.format((p?d?p.getPropertyValue(c+"-x")+" "+p.getPropertyValue(c+"-y"):p.getPropertyValue(c):t.currentStyle.backgroundPositionX+" "+t.currentStyle.backgroundPositionY)||"0 0"),g=this.format(e);if(-1!==m.indexOf("%")!=(-1!==g.indexOf("%"))&&g.split(",").length<2&&(f=J(t,"backgroundImage").replace(A,""))&&"none"!==f){for(o=m.split(" "),l=g.split(" "),U.setAttribute("src",f),h=2;--h>-1;)(_=-1!==(m=o[h]).indexOf("%"))!=(-1!==l[h].indexOf("%"))&&(u=0===h?t.offsetWidth-U.width:t.offsetHeight-U.height,o[h]=_?parseFloat(m)/100*u+"px":parseFloat(m)/u*100+"%");m=o.join(" ")}return this.parseComplex(t.style,m,g,n,a)},formatter:ot}),Pt("backgroundSize",{defaultValue:"0 0",formatter:function(t){return ot(-1===(t+="").indexOf(" ")?t+" "+t:t)}}),Pt("perspective",{defaultValue:"0px",prefix:!0}),Pt("perspectiveOrigin",{defaultValue:"50% 50%",prefix:!0}),Pt("transformStyle",{prefix:!0}),Pt("backfaceVisibility",{prefix:!0}),Pt("userSelect",{prefix:!0}),Pt("margin",{parser:gt("marginTop,marginRight,marginBottom,marginLeft")}),Pt("padding",{parser:gt("paddingTop,paddingRight,paddingBottom,paddingLeft")}),Pt("clip",{defaultValue:"rect(0px,0px,0px,0px)",parser:function(t,e,i,s,n,a){var o,l,h;return 9>d?(l=t.currentStyle,h=8>d?" ":",",o="rect("+l.clipTop+h+l.clipRight+h+l.clipBottom+h+l.clipLeft+")",e=this.format(e).split(",").join(h)):(o=this.format(J(t,this.p,r,!1,this.dflt)),e=this.format(e)),this.parseComplex(t.style,o,e,n,a)}}),Pt("textShadow",{defaultValue:"0px 0px 0px #999",color:!0,multi:!0}),Pt("autoRound,strictUnits",{parser:function(t,e,i,s,r){return r}}),Pt("border",{defaultValue:"0px solid #000",parser:function(t,e,i,s,n,a){var o=J(t,"borderTopWidth",r,!1,"0px"),l=this.format(e).split(" "),h=l[0].replace(b,"");return"px"!==h&&(o=parseFloat(o)/tt(t,"borderTopWidth",1,h)+h),this.parseComplex(t.style,this.format(o+" "+J(t,"borderTopStyle",r,!1,"solid")+" "+J(t,"borderTopColor",r,!1,"#000")),l.join(" "),n,a)},color:!0,formatter:function(t){var e=t.split(" ");return e[0]+" "+(e[1]||"solid")+" "+(t.match(dt)||["#000"])[0]}}),Pt("borderWidth",{parser:gt("borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth")}),Pt("float,cssFloat,styleFloat",{parser:function(t,e,i,s,r,n){var a=t.style,o="cssFloat"in a?"cssFloat":"styleFloat";return new vt(a,o,0,0,r,-1,i,!1,0,a[o],e)}});var qt=function(t){var e,i=this.t,s=i.filter||J(this.data,"filter")||"",r=this.s+this.c*t|0;100===r&&(-1===s.indexOf("atrix(")&&-1===s.indexOf("radient(")&&-1===s.indexOf("oader(")?(i.removeAttribute("filter"),e=!J(this.data,"filter")):(i.filter=s.replace(O,""),e=!0)),e||(this.xn1&&(i.filter=s=s||"alpha(opacity="+r+")"),-1===s.indexOf("pacity")?0===r&&this.xn1||(i.filter=s+" alpha(opacity="+r+")"):i.filter=s.replace(w,"opacity="+r))};Pt("opacity,alpha,autoAlpha",{defaultValue:"1",parser:function(t,e,i,s,n,a){var o=parseFloat(J(t,"opacity",r,!1,"1")),l=t.style,h="autoAlpha"===i;return"string"==typeof e&&"="===e.charAt(1)&&(e=("-"===e.charAt(0)?-1:1)*parseFloat(e.substr(2))+o),h&&1===o&&"hidden"===J(t,"visibility",r)&&0!==e&&(o=0),W?n=new vt(l,"opacity",o,e-o,n):((n=new vt(l,"opacity",100*o,100*(e-o),n)).xn1=h?1:0,l.zoom=1,n.type=2,n.b="alpha(opacity="+n.s+")",n.e="alpha(opacity="+(n.s+n.c)+")",n.data=t,n.plugin=a,n.setRatio=qt),h&&((n=new vt(l,"visibility",0,0,n,-1,null,!1,0,0!==o?"inherit":"hidden",0===e?"hidden":"inherit")).xs0="inherit",s._overwriteProps.push(n.n),s._overwriteProps.push(i)),n}});var Wt=function(t,e){e&&(t.removeProperty?(("ms"===e.substr(0,2)||"webkit"===e.substr(0,6))&&(e="-"+e),t.removeProperty(e.replace(k,"-$1").toLowerCase())):t.removeAttribute(e))},Gt=function(t){if(this.t._gsClassPT=this,1===t||0===t){this.t.setAttribute("class",0===t?this.b:this.e);for(var e=this.data,i=this.t.style;e;)e.v?i[e.p]=e.v:Wt(i,e.p),e=e._next;1===t&&this.t._gsClassPT===this&&(this.t._gsClassPT=null)}else this.t.getAttribute("class")!==this.e&&this.t.setAttribute("class",this.e)};Pt("className",{parser:function(t,e,s,n,a,o,l){var h,_,u,f,c,p=t.getAttribute("class")||"",d=t.style.cssText;if((a=n._classNamePT=new vt(t,s,0,0,a,2)).setRatio=Gt,a.pr=-11,i=!0,a.b=p,_=it(t,r),u=t._gsClassPT){for(f={},c=u.data;c;)f[c.p]=1,c=c._next;u.setRatio(1)}return t._gsClassPT=a,a.e="="!==e.charAt(1)?e:p.replace(new RegExp("(?:\\s|^)"+e.substr(2)+"(?![\\w-])"),"")+("+"===e.charAt(0)?" "+e.substr(2):""),t.setAttribute("class",a.e),h=st(t,_,it(t),l,f),t.setAttribute("class",p),a.data=h.firstMPT,t.style.cssText=d,a.xfirst=n.parse(t,h.difs,a,o)}});var Zt=function(t){if((1===t||0===t)&&this.data._totalTime===this.data._totalDuration&&"isFromStart"!==this.data.data){var e,i,s,r,n,a=this.t.style,o=l.transform.parse;if("all"===this.e)a.cssText="",r=!0;else for(s=(e=this.e.split(" ").join("").split(",")).length;--s>-1;)i=e[s],l[i]&&(l[i].parse===o?r=!0:i="transformOrigin"===i?Ct:l[i].p),Wt(a,i);r&&(Wt(a,Rt),(n=this.t._gsTransform)&&(n.svg&&(this.t.removeAttribute("data-svg-origin"),this.t.removeAttribute("transform")),delete this.t._gsTransform))}};for(Pt("clearProps",{parser:function(t,e,s,r,n){return(n=new vt(t,s,0,0,n,2)).setRatio=Zt,n.e=e,n.pr=-10,n.data=r._tween,i=!0,n}}),h="bezier,throwProps,physicsProps,physics2D".split(","),bt=h.length;bt--;)Ot(h[bt]);(h=a.prototype)._firstPT=h._lastParsedTransform=h._transform=null,h._onInitTween=function(t,e,o,h){if(!t.nodeType)return!1;this._target=m=t,this._tween=o,this._vars=e,g=h,_=e.autoRound,i=!1,s=e.suffixMap||a.suffixMap,r=K(t,""),n=this._overwriteProps;var c,d,y,v,T,x,b,w,O,S=t.style;if(u&&""===S.zIndex&&("auto"===(c=J(t,"zIndex",r))||""===c)&&this._addLazySet(S,"zIndex",0),"string"==typeof e&&(v=S.cssText,c=it(t,r),S.cssText=v+";"+e,c=st(t,c,it(t)).difs,!W&&P.test(e)&&(c.opacity=parseFloat(RegExp.$1)),e=c,S.cssText=v),e.className?this._firstPT=d=l.className.parse(t,e.className,"className",this,null,null,e):this._firstPT=d=this.parse(t,e,null),this._transformType){for(O=3===this._transformType,Rt?f&&(u=!0,""===S.zIndex&&("auto"===(b=J(t,"zIndex",r))||""===b)&&this._addLazySet(S,"zIndex",0),p&&this._addLazySet(S,"WebkitBackfaceVisibility",this._vars.WebkitBackfaceVisibility||(O?"visible":"hidden"))):S.zoom=1,y=d;y&&y._next;)y=y._next;w=new vt(t,"transform",0,0,null,2),this._linkCSSP(w,null,y),w.setRatio=Rt?Vt:Ut,w.data=this._transform||jt(t,r,!0),w.tween=o,w.pr=-1,n.pop()}if(i){for(;d;){for(x=d._next,y=v;y&&y.pr>d.pr;)y=y._next;(d._prev=y?y._prev:T)?d._prev._next=d:v=d,(d._next=y)?y._prev=d:T=d,d=x}this._firstPT=v}return!0},h.parse=function(t,e,i,n){var a,o,h,u,f,c,p,d,y,v,T=t.style;for(a in e){if("function"==typeof(c=e[a])&&(c=c(g,m)),o=l[a])i=o.parse(t,c,a,this,i,n,e);else{if("--"===a.substr(0,2)){this._tween._propLookup[a]=this._addTween.call(this._tween,t.style,"setProperty",K(t).getPropertyValue(a)+"",c+"",a,!1,a);continue}f=J(t,a,r)+"",y="string"==typeof c,"color"===a||"fill"===a||"stroke"===a||-1!==a.indexOf("Color")||y&&S.test(c)?(y||(c=((c=ct(c)).length>3?"rgba(":"rgb(")+c.join(",")+")"),i=xt(T,a,f,c,!0,"transparent",i,0,n)):y&&E.test(c)?i=xt(T,a,f,c,!0,null,i,0,n):(p=(h=parseFloat(f))||0===h?f.substr((h+"").length):"",(""===f||"auto"===f)&&("width"===a||"height"===a?(h=at(t,a,r),p="px"):"left"===a||"top"===a?(h=et(t,a,r),p="px"):(h="opacity"!==a?0:1,p="")),(v=y&&"="===c.charAt(1))?(u=parseInt(c.charAt(0)+"1",10),c=c.substr(2),u*=parseFloat(c),d=c.replace(b,"")):(u=parseFloat(c),d=y?c.replace(b,""):""),""===d&&(d=a in s?s[a]:p),c=u||0===u?(v?u+h:u)+d:e[a],p!==d&&(""!==d||"lineHeight"===a)&&(u||0===u)&&h&&(h=tt(t,a,h,p),"%"===d?(h/=tt(t,a,100,"%")/100,!0!==e.strictUnits&&(f=h+"%")):"em"===d||"rem"===d||"vw"===d||"vh"===d?h/=tt(t,a,1,d):"px"!==d&&(u=tt(t,a,u,d),d="px"),v&&(u||0===u)&&(c=u+h+d)),v&&(u+=h),!h&&0!==h||!u&&0!==u?void 0!==T[a]&&(c||c+""!="NaN"&&null!=c)?(i=new vt(T,a,u||h||0,0,i,-1,a,!1,0,f,c)).xs0="none"!==c||"display"!==a&&-1===a.indexOf("Style")?c:f:Z("invalid "+a+" tween value: "+e[a]):(i=new vt(T,a,h,u-h,i,0,a,!1!==_&&("px"===d||"zIndex"===a),0,f,c)).xs0=d)}n&&i&&!i.plugin&&(i.plugin=n)}return i},h.setRatio=function(t){var e,i,s,r=this._firstPT,n=1e-6;if(1!==t||this._tween._time!==this._tween._duration&&0!==this._tween._time)if(t||this._tween._time!==this._tween._duration&&0!==this._tween._time||-1e-6===this._tween._rawPrevTime)for(;r;){if(e=r.c*t+r.s,r.r?e=Math.round(e):n>e&&e>-n&&(e=0),r.type)if(1===r.type)if(2===(s=r.l))r.t[r.p]=r.xs0+e+r.xs1+r.xn1+r.xs2;else if(3===s)r.t[r.p]=r.xs0+e+r.xs1+r.xn1+r.xs2+r.xn2+r.xs3;else if(4===s)r.t[r.p]=r.xs0+e+r.xs1+r.xn1+r.xs2+r.xn2+r.xs3+r.xn3+r.xs4;else if(5===s)r.t[r.p]=r.xs0+e+r.xs1+r.xn1+r.xs2+r.xn2+r.xs3+r.xn3+r.xs4+r.xn4+r.xs5;else{for(i=r.xs0+e+r.xs1,s=1;s-1;)$t(t[r],e,i);else for(r=(s=t.childNodes).length;--r>-1;)a=(n=s[r]).type,n.style&&(e.push(it(n)),i&&i.push(n)),1!==a&&9!==a&&11!==a||!n.childNodes.length||$t(n,e,i)};return a.cascadeTo=function(t,i,s){var r,n,a,o,l=e.to(t,i,s),h=[l],_=[],u=[],f=[],c=e._internals.reservedProps;for(t=l._targets||l.target,$t(t,_,f),l.render(i,!0,!0),$t(t,u),l.render(0,!0,!0),l._enabled(!0),r=f.length;--r>-1;)if((n=st(f[r],_[r],u[r])).firstMPT){for(a in n=n.difs,s)c[a]&&(n[a]=s[a]);for(a in o={},n)o[a]=_[r][a];h.push(e.fromTo(f[r],i,o,n))}return h},t.activate([a]),a}),!0),function(){var t=_gsScope._gsDefine.plugin({propName:"roundProps",version:"1.6.0",priority:-1,API:2,init:function(t,e,i){return this._tween=i,!0}}),e=function(t){for(;t;)t.f||t.blob||(t.m=Math.round),t=t._next},i=t.prototype;i._onInitAllProps=function(){for(var t,i,s,r=this._tween,n=r.vars.roundProps.join?r.vars.roundProps:r.vars.roundProps.split(","),a=n.length,o={},l=r._propLookup.roundProps;--a>-1;)o[n[a]]=Math.round;for(a=n.length;--a>-1;)for(t=n[a],i=r._firstPT;i;)s=i._next,i.pg?i.t._mod(o):i.n===t&&(2===i.f&&i.t?e(i.t._firstPT):(this._add(i.t,t,i.s,i.c),s&&(s._prev=i._prev),i._prev?i._prev._next=s:r._firstPT===i&&(r._firstPT=s),i._next=i._prev=null,r._propLookup[t]=l)),i=s;return!1},i._add=function(t,e,i,s){this._addTween(t,e,i,i+s,e,Math.round),this._overwriteProps.push(e)}}(),_gsScope._gsDefine.plugin({propName:"attr",API:2,version:"0.6.1",init:function(t,e,i,s){var r,n;if("function"!=typeof t.setAttribute)return!1;for(r in e)"function"==typeof(n=e[r])&&(n=n(s,t)),this._addTween(t,"setAttribute",t.getAttribute(r)+"",n+"",r,!1,r),this._overwriteProps.push(r);return!0}}),_gsScope._gsDefine.plugin({propName:"directionalRotation",version:"0.3.1",API:2,init:function(t,e,i,s){"object"!=typeof e&&(e={rotation:e}),this.finals={};var r,n,a,o,l,h,_=!0===e.useRadians?2*Math.PI:360,u=1e-6;for(r in e)"useRadians"!==r&&("function"==typeof(o=e[r])&&(o=o(s,t)),n=(h=(o+"").split("_"))[0],a=parseFloat("function"!=typeof t[r]?t[r]:t[r.indexOf("set")||"function"!=typeof t["get"+r.substr(3)]?r:"get"+r.substr(3)]()),l=(o=this.finals[r]="string"==typeof n&&"="===n.charAt(1)?a+parseInt(n.charAt(0)+"1",10)*Number(n.substr(2)):Number(n)||0)-a,h.length&&(-1!==(n=h.join("_")).indexOf("short")&&(l%=_)!=l%(_/2)&&(l=0>l?l+_:l-_),-1!==n.indexOf("_cw")&&0>l?l=(l+9999999999*_)%_-(l/_|0)*_:-1!==n.indexOf("ccw")&&l>0&&(l=(l-9999999999*_)%_-(l/_|0)*_)),(l>u||-u>l)&&(this._addTween(t,r,a,a+l,r),this._overwriteProps.push(r)));return!0},set:function(t){var e;if(1!==t)this._super.setRatio.call(this,t);else for(e=this._firstPT;e;)e.f?e.t[e.p](this.finals[e.p]):e.t[e.p]=this.finals[e.p],e=e._next}})._autoCSS=!0,_gsScope._gsDefine("easing.Back",["easing.Ease"],(function(t){var e,i,s,r=_gsScope.GreenSockGlobals||_gsScope,n=r.com.greensock,a=2*Math.PI,o=Math.PI/2,l=n._class,h=function(e,i){var s=l("easing."+e,(function(){}),!0),r=s.prototype=new t;return r.constructor=s,r.getRatio=i,s},_=t.register||function(){},u=function(t,e,i,s,r){var n=l("easing."+t,{easeOut:new e,easeIn:new i,easeInOut:new s},!0);return _(n,t),n},f=function(t,e,i){this.t=t,this.v=e,i&&(this.next=i,i.prev=this,this.c=i.v-e,this.gap=i.t-t)},c=function(e,i){var s=l("easing."+e,(function(t){this._p1=t||0===t?t:1.70158,this._p2=1.525*this._p1}),!0),r=s.prototype=new t;return r.constructor=s,r.getRatio=i,r.config=function(t){return new s(t)},s},p=u("Back",c("BackOut",(function(t){return(t-=1)*t*((this._p1+1)*t+this._p1)+1})),c("BackIn",(function(t){return t*t*((this._p1+1)*t-this._p1)})),c("BackInOut",(function(t){return(t*=2)<1?.5*t*t*((this._p2+1)*t-this._p2):.5*((t-=2)*t*((this._p2+1)*t+this._p2)+2)}))),d=l("easing.SlowMo",(function(t,e,i){e=e||0===e?e:.7,null==t?t=.7:t>1&&(t=1),this._p=1!==t?e:0,this._p1=(1-t)/2,this._p2=t,this._p3=this._p1+this._p2,this._calcEnd=!0===i}),!0),m=d.prototype=new t;return m.constructor=d,m.getRatio=function(t){var e=t+(.5-t)*this._p;return tthis._p3?this._calcEnd?1===t?0:1-(t=(t-this._p3)/this._p1)*t:e+(t-e)*(t=(t-this._p3)/this._p1)*t*t*t:this._calcEnd?1:e},d.ease=new d(.7,.7),m.config=d.config=function(t,e,i){return new d(t,e,i)},e=l("easing.SteppedEase",(function(t,e){t=t||1,this._p1=1/t,this._p2=t+(e?0:1),this._p3=e?1:0}),!0),(m=e.prototype=new t).constructor=e,m.getRatio=function(t){return 0>t?t=0:t>=1&&(t=.999999999),((this._p2*t|0)+this._p3)*this._p1},m.config=e.config=function(t,i){return new e(t,i)},i=l("easing.RoughEase",(function(e){for(var i,s,r,n,a,o,l=(e=e||{}).taper||"none",h=[],_=0,u=0|(e.points||20),c=u,p=!1!==e.randomize,d=!0===e.clamp,m=e.template instanceof t?e.template:null,g="number"==typeof e.strength?.4*e.strength:.4;--c>-1;)i=p?Math.random():1/u*c,s=m?m.getRatio(i):i,r="none"===l?g:"out"===l?(n=1-i)*n*g:"in"===l?i*i*g:.5>i?(n=2*i)*n*.5*g:(n=2*(1-i))*n*.5*g,p?s+=Math.random()*r-.5*r:c%2?s+=.5*r:s-=.5*r,d&&(s>1?s=1:0>s&&(s=0)),h[_++]={x:i,y:s};for(h.sort((function(t,e){return t.x-e.x})),o=new f(1,1,null),c=u;--c>-1;)a=h[c],o=new f(a.x,a.y,o);this._prev=new f(0,0,0!==o.t?o:o.next)}),!0),(m=i.prototype=new t).constructor=i,m.getRatio=function(t){var e=this._prev;if(t>e.t){for(;e.next&&t>=e.t;)e=e.next;e=e.prev}else for(;e.prev&&t<=e.t;)e=e.prev;return this._prev=e,e.v+(t-e.t)/e.gap*e.c},m.config=function(t){return new i(t)},i.ease=new i,u("Bounce",h("BounceOut",(function(t){return 1/2.75>t?7.5625*t*t:2/2.75>t?7.5625*(t-=1.5/2.75)*t+.75:2.5/2.75>t?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375})),h("BounceIn",(function(t){return(t=1-t)<1/2.75?1-7.5625*t*t:2/2.75>t?1-(7.5625*(t-=1.5/2.75)*t+.75):2.5/2.75>t?1-(7.5625*(t-=2.25/2.75)*t+.9375):1-(7.5625*(t-=2.625/2.75)*t+.984375)})),h("BounceInOut",(function(t){var e=.5>t;return t=1/2.75>(t=e?1-2*t:2*t-1)?7.5625*t*t:2/2.75>t?7.5625*(t-=1.5/2.75)*t+.75:2.5/2.75>t?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375,e?.5*(1-t):.5*t+.5}))),u("Circ",h("CircOut",(function(t){return Math.sqrt(1-(t-=1)*t)})),h("CircIn",(function(t){return-(Math.sqrt(1-t*t)-1)})),h("CircInOut",(function(t){return(t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)}))),s=function(e,i,s){var r=l("easing."+e,(function(t,e){this._p1=t>=1?t:1,this._p2=(e||s)/(1>t?t:1),this._p3=this._p2/a*(Math.asin(1/this._p1)||0),this._p2=a/this._p2}),!0),n=r.prototype=new t;return n.constructor=r,n.getRatio=i,n.config=function(t,e){return new r(t,e)},r},u("Elastic",s("ElasticOut",(function(t){return this._p1*Math.pow(2,-10*t)*Math.sin((t-this._p3)*this._p2)+1}),.3),s("ElasticIn",(function(t){return-this._p1*Math.pow(2,10*(t-=1))*Math.sin((t-this._p3)*this._p2)}),.3),s("ElasticInOut",(function(t){return(t*=2)<1?this._p1*Math.pow(2,10*(t-=1))*Math.sin((t-this._p3)*this._p2)*-.5:this._p1*Math.pow(2,-10*(t-=1))*Math.sin((t-this._p3)*this._p2)*.5+1}),.45)),u("Expo",h("ExpoOut",(function(t){return 1-Math.pow(2,-10*t)})),h("ExpoIn",(function(t){return Math.pow(2,10*(t-1))-.001})),h("ExpoInOut",(function(t){return(t*=2)<1?.5*Math.pow(2,10*(t-1)):.5*(2-Math.pow(2,-10*(t-1)))}))),u("Sine",h("SineOut",(function(t){return Math.sin(t*o)})),h("SineIn",(function(t){return 1-Math.cos(t*o)})),h("SineInOut",(function(t){return-.5*(Math.cos(Math.PI*t)-1)}))),l("easing.EaseLookup",{find:function(e){return t.map[e]}},!0),_(r.SlowMo,"SlowMo","ease,"),_(i,"RoughEase","ease,"),_(e,"SteppedEase","ease,"),p}),!0)})),_gsScope._gsDefine&&_gsScope._gsQueue.pop()(),function(t,e){"use strict";var i={},s=t.document,r=t.GreenSockGlobals=t.GreenSockGlobals||t;if(!r.TweenLite){var n,a,o,l,h,_=function(t){var e,i=t.split("."),s=r;for(e=0;e-1;)(u=m[n[d]]||new g(n[d],[])).gsClass?(l[d]=u.gsClass,y--):h&&u.sc.push(this);if(0===y&&a){if(c=(f=("com.greensock."+s).split(".")).pop(),p=_(f.join("."))[c]=this.gsClass=a.apply(a,l),o)if(r[c]=i[c]=p,"undefined"!=typeof module&&module.exports)if(s===e)for(d in module.exports=i[e]=p,i)p[d]=i[d];else i[e]&&(i[e][c]=p);else"function"==typeof define&&define.amd&&define((t.GreenSockAMDPath?t.GreenSockAMDPath+"/":"")+s.split(".").pop(),[],(function(){return p}));for(d=0;d-1;)for(n=l[h],r=s?v("easing."+n,null,!0):u.easing[n]||{},a=_.length;--a>-1;)o=_[a],b[n+"."+o]=b[o+n]=r[o]=t.getRatio?t:t[o]||new t};for((o=x.prototype)._calcEnd=!1,o.getRatio=function(t){if(this._func)return this._params[0]=t,this._func.apply(null,this._params);var e=this._type,i=this._power,s=1===e?1-t:2===e?t:.5>t?2*t:2*(1-t);return 1===i?s*=s:2===i?s*=s*s:3===i?s*=s*s*s:4===i&&(s*=s*s*s*s),1===e?1-s:2===e?s:.5>t?s/2:1-s/2},a=(n=["Linear","Quad","Cubic","Quart","Quint,Strong"]).length;--a>-1;)o=n[a]+",Power"+a,w(new x(null,null,1,a),o,"easeOut",!0),w(new x(null,null,2,a),o,"easeIn"+(0===a?",easeNone":"")),w(new x(null,null,3,a),o,"easeInOut");b.linear=u.easing.Linear.easeIn,b.swing=u.easing.Quad.easeInOut;var P=v("events.EventDispatcher",(function(t){this._listeners={},this._eventTarget=t||this}));(o=P.prototype).addEventListener=function(t,e,i,s,r){r=r||0;var n,a,o=this._listeners[t],_=0;for(this!==l||h||l.wake(),null==o&&(this._listeners[t]=o=[]),a=o.length;--a>-1;)(n=o[a]).c===e&&n.s===i?o.splice(a,1):0===_&&n.pr-1;)if(s[i].c===e)return void s.splice(i,1)},o.dispatchEvent=function(t){var e,i,s,r=this._listeners[t];if(r)for((e=r.length)>1&&(r=r.slice(0)),i=this._eventTarget;--e>-1;)(s=r[e])&&(s.up?s.c.call(s.s||i,{type:t,target:i}):s.c.call(s.s||i))};var O=t.requestAnimationFrame,S=t.cancelAnimationFrame,k=Date.now||function(){return(new Date).getTime()},R=k();for(a=(n=["ms","moz","webkit","o"]).length;--a>-1&&!O;)O=t[n[a]+"RequestAnimationFrame"],S=t[n[a]+"CancelAnimationFrame"]||t[n[a]+"CancelRequestAnimationFrame"];v("Ticker",(function(t,e){var i,r,n,a,o,_=this,u=k(),c=!(!1===e||!O)&&"auto",d=500,m=33,g=function(t){var e,s,l=k()-R;l>d&&(u+=l-m),R+=l,_.time=(R-u)/1e3,e=_.time-o,(!i||e>0||!0===t)&&(_.frame++,o+=e+(e>=a?.004:a-e),s=!0),!0!==t&&(n=r(g)),s&&_.dispatchEvent("tick")};P.call(_),_.time=_.frame=0,_.tick=function(){g(!0)},_.lagSmoothing=function(t,e){return arguments.length?(d=t||1/f,void(m=Math.min(e,d,0))):1/f>d},_.sleep=function(){null!=n&&(c&&S?S(n):clearTimeout(n),r=p,n=null,_===l&&(h=!1))},_.wake=function(t){null!==n?_.sleep():t?u+=-R+(R=k()):_.frame>10&&(R=k()-d+5),r=0===i?p:c&&O?O:function(t){return setTimeout(t,1e3*(o-_.time)+1|0)},_===l&&(h=!0),g(2)},_.fps=function(t){return arguments.length?(a=1/((i=t)||60),o=this.time+a,void _.wake()):i},_.useRAF=function(t){return arguments.length?(_.sleep(),c=t,void _.fps(i)):c},_.fps(t),setTimeout((function(){"auto"===c&&_.frame<5&&"hidden"!==s.visibilityState&&_.useRAF(!1)}),1500)})),(o=u.Ticker.prototype=new u.events.EventDispatcher).constructor=u.Ticker;var A=v("core.Animation",(function(t,e){if(this.vars=e=e||{},this._duration=this._totalDuration=t||0,this._delay=Number(e.delay)||0,this._timeScale=1,this._active=!0===e.immediateRender,this.data=e.data,this._reversed=!0===e.reversed,Z){h||l.wake();var i=this.vars.useFrames?G:Z;i.add(this,i._time),this.vars.paused&&this.paused(!0)}}));l=A.ticker=new u.Ticker,(o=A.prototype)._dirty=o._gc=o._initted=o._paused=!1,o._totalTime=o._time=0,o._rawPrevTime=-1,o._next=o._last=o._onUpdate=o._timeline=o.timeline=null,o._paused=!1;var C=function(){h&&k()-R>2e3&&("hidden"!==s.visibilityState||!l.lagSmoothing())&&l.wake();var t=setTimeout(C,2e3);t.unref&&t.unref()};C(),o.play=function(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},o.pause=function(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},o.resume=function(t,e){return null!=t&&this.seek(t,e),this.paused(!1)},o.seek=function(t,e){return this.totalTime(Number(t),!1!==e)},o.restart=function(t,e){return this.reversed(!1).paused(!1).totalTime(t?-this._delay:0,!1!==e,!0)},o.reverse=function(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},o.render=function(t,e,i){},o.invalidate=function(){return this._time=this._totalTime=0,this._initted=this._gc=!1,this._rawPrevTime=-1,(this._gc||!this.timeline)&&this._enabled(!0),this},o.isActive=function(){var t,e=this._timeline,i=this._startTime;return!e||!this._gc&&!this._paused&&e.isActive()&&(t=e.rawTime(!0))>=i&&t-1;)"{self}"===t[e]&&(i[e]=this);return i},o._callback=function(t){var e=this.vars,i=e[t],s=e[t+"Params"],r=e[t+"Scope"]||e.callbackScope||this;switch(s?s.length:0){case 0:i.call(r);break;case 1:i.call(r,s[0]);break;case 2:i.call(r,s[0],s[1]);break;default:i.apply(r,s)}},o.eventCallback=function(t,e,i,s){if("on"===(t||"").substr(0,2)){var r=this.vars;if(1===arguments.length)return r[t];null==e?delete r[t]:(r[t]=e,r[t+"Params"]=d(i)&&-1!==i.join("").indexOf("{self}")?this._swapSelfInParams(i):i,r[t+"Scope"]=s),"onUpdate"===t&&(this._onUpdate=e)}return this},o.delay=function(t){return arguments.length?(this._timeline.smoothChildTiming&&this.startTime(this._startTime+t-this._delay),this._delay=t,this):this._delay},o.duration=function(t){return arguments.length?(this._duration=this._totalDuration=t,this._uncache(!0),this._timeline.smoothChildTiming&&this._time>0&&this._timethis._duration?this._duration:t,e)):this._time},o.totalTime=function(t,e,i){if(h||l.wake(),!arguments.length)return this._totalTime;if(this._timeline){if(0>t&&!i&&(t+=this.totalDuration()),this._timeline.smoothChildTiming){this._dirty&&this.totalDuration();var s=this._totalDuration,r=this._timeline;if(t>s&&!i&&(t=s),this._startTime=(this._paused?this._pauseTime:r._time)-(this._reversed?s-t:t)/this._timeScale,r._dirty||this._uncache(!1),r._timeline)for(;r._timeline;)r._timeline._time!==(r._startTime+r._totalTime)/r._timeScale&&r.totalTime(r._totalTime,!0),r=r._timeline}this._gc&&this._enabled(!0,!1),(this._totalTime!==t||0===this._duration)&&(z.length&&$(),this.render(t,e,!1),z.length&&$())}return this},o.progress=o.totalProgress=function(t,e){var i=this.duration();return arguments.length?this.totalTime(i*t,e):i?this._time/i:this.ratio},o.startTime=function(t){return arguments.length?(t!==this._startTime&&(this._startTime=t,this.timeline&&this.timeline._sortChildren&&this.timeline.add(this,t-this._delay)),this):this._startTime},o.endTime=function(t){return this._startTime+(0!=t?this.totalDuration():this.duration())/this._timeScale},o.timeScale=function(t){if(!arguments.length)return this._timeScale;var e,i;for(t=t||f,this._timeline&&this._timeline.smoothChildTiming&&(i=(e=this._pauseTime)||0===e?e:this._timeline.totalTime(),this._startTime=i-(i-this._startTime)*this._timeScale/t),this._timeScale=t,i=this.timeline;i&&i.timeline;)i._dirty=!0,i.totalDuration(),i=i.timeline;return this},o.reversed=function(t){return arguments.length?(t!=this._reversed&&(this._reversed=t,this.totalTime(this._timeline&&!this._timeline.smoothChildTiming?this.totalDuration()-this._totalTime:this._totalTime,!0)),this):this._reversed},o.paused=function(t){if(!arguments.length)return this._paused;var e,i,s=this._timeline;return t!=this._paused&&s&&(h||t||l.wake(),i=(e=s.rawTime())-this._pauseTime,!t&&s.smoothChildTiming&&(this._startTime+=i,this._uncache(!1)),this._pauseTime=t?e:null,this._paused=t,this._active=this.isActive(),!t&&0!==i&&this._initted&&this.duration()&&(e=s.smoothChildTiming?this._totalTime:(e-this._startTime)/this._timeScale,this.render(e,e===this._totalTime,!0))),this._gc&&!t&&this._enabled(!0,!1),this};var D=v("core.SimpleTimeline",(function(t){A.call(this,0,t),this.autoRemoveChildren=this.smoothChildTiming=!0}));(o=D.prototype=new A).constructor=D,o.kill()._gc=!1,o._first=o._last=o._recent=null,o._sortChildren=!1,o.add=o.insert=function(t,e,i,s){var r,n;if(t._startTime=Number(e||0)+t._delay,t._paused&&this!==t._timeline&&(t._pauseTime=t._startTime+(this.rawTime()-t._startTime)/t._timeScale),t.timeline&&t.timeline._remove(t,!0),t.timeline=t._timeline=this,t._gc&&t._enabled(!0,!0),r=this._last,this._sortChildren)for(n=t._startTime;r&&r._startTime>n;)r=r._prev;return r?(t._next=r._next,r._next=t):(t._next=this._first,this._first=t),t._next?t._next._prev=t:this._last=t,t._prev=r,this._recent=t,this._timeline&&this._uncache(!0),this},o._remove=function(t,e){return t.timeline===this&&(e||t._enabled(!1,!0),t._prev?t._prev._next=t._next:this._first===t&&(this._first=t._next),t._next?t._next._prev=t._prev:this._last===t&&(this._last=t._prev),t._next=t._prev=t.timeline=null,t===this._recent&&(this._recent=this._last),this._timeline&&this._uncache(!0)),this},o.render=function(t,e,i){var s,r=this._first;for(this._totalTime=this._time=this._rawPrevTime=t;r;)s=r._next,(r._active||t>=r._startTime&&!r._paused&&!r._gc)&&(r._reversed?r.render((r._dirty?r.totalDuration():r._totalDuration)-(t-r._startTime)*r._timeScale,e,i):r.render((t-r._startTime)*r._timeScale,e,i)),r=s},o.rawTime=function(){return h||l.wake(),this._totalTime};var M=v("TweenLite",(function(e,i,s){if(A.call(this,i,s),this.render=M.prototype.render,null==e)throw"Cannot tween a null target.";this.target=e="string"!=typeof e?e:M.selector(e)||e;var r,n,a,o=e.jquery||e.length&&e!==t&&e[0]&&(e[0]===t||e[0].nodeType&&e[0].style&&!e.nodeType),l=this.vars.overwrite;if(this._overwrite=l=null==l?W[M.defaultOverwrite]:"number"==typeof l?0|l:W[l],(o||e instanceof Array||e.push&&d(e))&&"number"!=typeof e[0])for(this._targets=a=c(e),this._propLookup=[],this._siblings=[],r=0;r1&&J(n,this,null,1,this._siblings[r])):"string"==typeof(n=a[r--]=M.selector(n))&&a.splice(r+1,1):a.splice(r--,1);else this._propLookup={},this._siblings=Q(e,this,!1),1===l&&this._siblings.length>1&&J(e,this,null,1,this._siblings);(this.vars.immediateRender||0===i&&0===this._delay&&!1!==this.vars.immediateRender)&&(this._time=-f,this.render(Math.min(0,-this._delay)))}),!0),F=function(e){return e&&e.length&&e!==t&&e[0]&&(e[0]===t||e[0].nodeType&&e[0].style&&!e.nodeType)};(o=M.prototype=new A).constructor=M,o.kill()._gc=!1,o.ratio=0,o._firstPT=o._targets=o._overwrittenProps=o._startAt=null,o._notifyPluginsOfEnabled=o._lazy=!1,M.version="1.20.3",M.defaultEase=o._ease=new x(null,null,1,1),M.defaultOverwrite="auto",M.ticker=l,M.autoSleep=120,M.lagSmoothing=function(t,e){l.lagSmoothing(t,e)},M.selector=t.$||t.jQuery||function(e){var i=t.$||t.jQuery;return i?(M.selector=i,i(e)):void 0===s?e:s.querySelectorAll?s.querySelectorAll(e):s.getElementById("#"===e.charAt(0)?e.substr(1):e)};var z=[],E={},I=/(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,X=/[\+-]=-?[\.\d]/,N=function(t){for(var e,i=this._firstPT,s=1e-6;i;)e=i.blob?1===t&&null!=this.end?this.end:t?this.join(""):this.start:i.c*t+i.s,i.m?e=i.m(e,this._target||i.t):s>e&&e>-s&&!i.blob&&(e=0),i.f?i.fp?i.t[i.p](i.fp,e):i.t[i.p](e):i.t[i.p]=e,i=i._next},L=function(t,e,i,s){var r,n,a,o,l,h,_,u=[],f=0,c="",p=0;for(u.start=t,u.end=e,t=u[0]=t+"",e=u[1]=e+"",i&&(i(u),t=u[0],e=u[1]),u.length=0,r=t.match(I)||[],n=e.match(I)||[],s&&(s._next=null,s.blob=1,u._firstPT=u._applyPT=s),l=n.length,o=0;l>o;o++)_=n[o],c+=(h=e.substr(f,e.indexOf(_,f)-f))||!o?h:",",f+=h.length,p?p=(p+1)%5:"rgba("===h.substr(-5)&&(p=1),_===r[o]||r.length<=o?c+=_:(c&&(u.push(c),c=""),a=parseFloat(r[o]),u.push(a),u._firstPT={_next:u._firstPT,t:u,p:u.length-1,s:a,c:("="===_.charAt(1)?parseInt(_.charAt(0)+"1",10)*parseFloat(_.substr(2)):parseFloat(_)-a)||0,f:0,m:p&&4>p?Math.round:0}),f+=_.length;return(c+=e.substr(f))&&u.push(c),u.setRatio=N,X.test(e)&&(u.end=null),u},B=function(t,e,i,s,r,n,a,o,l){"function"==typeof s&&(s=s(l||0,t));var h=typeof t[e],_="function"!==h?"":e.indexOf("set")||"function"!=typeof t["get"+e.substr(3)]?e:"get"+e.substr(3),u="get"!==i?i:_?a?t[_](a):t[_]():t[e],f="string"==typeof s&&"="===s.charAt(1),c={t,p:e,s:u,f:"function"===h,pg:0,n:r||e,m:n?"function"==typeof n?n:Math.round:0,pr:0,c:f?parseInt(s.charAt(0)+"1",10)*parseFloat(s.substr(2)):parseFloat(s)-u||0};return("number"!=typeof u||"number"!=typeof s&&!f)&&(a||isNaN(u)||!f&&isNaN(s)||"boolean"==typeof u||"boolean"==typeof s?(c.fp=a,c={t:L(u,f?parseFloat(c.s)+c.c:s,o||M.defaultStringFilter,c),p:"setRatio",s:0,c:1,f:2,pg:0,n:r||e,pr:0,m:0}):(c.s=parseFloat(u),f||(c.c=parseFloat(s)-c.s||0))),c.c?((c._next=this._firstPT)&&(c._next._prev=c),this._firstPT=c,c):void 0},Y=M._internals={isArray:d,isSelector:F,lazyTweens:z,blobDif:L},j=M._plugins={},U=Y.tweenLookup={},V=0,q=Y.reservedProps={ease:1,delay:1,overwrite:1,onComplete:1,onCompleteParams:1,onCompleteScope:1,useFrames:1,runBackwards:1,startAt:1,onUpdate:1,onUpdateParams:1,onUpdateScope:1,onStart:1,onStartParams:1,onStartScope:1,onReverseComplete:1,onReverseCompleteParams:1,onReverseCompleteScope:1,onRepeat:1,onRepeatParams:1,onRepeatScope:1,easeParams:1,yoyo:1,immediateRender:1,repeat:1,repeatDelay:1,data:1,paused:1,reversed:1,autoCSS:1,lazy:1,onOverwrite:1,callbackScope:1,stringFilter:1,id:1,yoyoEase:1},W={none:0,all:1,auto:2,concurrent:3,allOnStart:4,preexisting:5,true:1,false:0},G=A._rootFramesTimeline=new D,Z=A._rootTimeline=new D,H=30,$=Y.lazyRender=function(){var t,e=z.length;for(E={};--e>-1;)(t=z[e])&&!1!==t._lazy&&(t.render(t._lazy[0],t._lazy[1],!0),t._lazy=!1);z.length=0};Z._startTime=l.time,G._startTime=l.frame,Z._active=G._active=!0,setTimeout($,1),A._updateRoot=M.render=function(){var t,e,i;if(z.length&&$(),Z.render((l.time-Z._startTime)*Z._timeScale,!1,!1),G.render((l.frame-G._startTime)*G._timeScale,!1,!1),z.length&&$(),l.frame>=H){for(i in H=l.frame+(parseInt(M.autoSleep,10)||120),U){for(t=(e=U[i].tweens).length;--t>-1;)e[t]._gc&&e.splice(t,1);0===e.length&&delete U[i]}if((!(i=Z._first)||i._paused)&&M.autoSleep&&!G._first&&1===l._listeners.tick.length){for(;i&&i._paused;)i=i._next;i||l.sleep()}}},l.addEventListener("tick",A._updateRoot);var Q=function(t,e,i){var s,r,n=t._gsTweenID;if(U[n||(t._gsTweenID=n="t"+V++)]||(U[n]={target:t,tweens:[]}),e&&((s=U[n].tweens)[r=s.length]=e,i))for(;--r>-1;)s[r]===e&&s.splice(r,1);return U[n].tweens},K=function(t,e,i,s){var r,n,a=t.vars.onOverwrite;return a&&(r=a(t,e,i,s)),(a=M.onOverwrite)&&(n=a(t,e,i,s)),!1!==r&&!1!==n},J=function(t,e,i,s,r){var n,a,o,l;if(1===s||s>=4){for(l=r.length,n=0;l>n;n++)if((o=r[n])!==e)o._gc||o._kill(null,t,e)&&(a=!0);else if(5===s)break;return a}var h,_=e._startTime+f,u=[],c=0,p=0===e._duration;for(n=r.length;--n>-1;)(o=r[n])===e||o._gc||o._paused||(o._timeline!==e._timeline?(h=h||tt(e,0,p),0===tt(o,h,p)&&(u[c++]=o)):o._startTime<=_&&o._startTime+o.totalDuration()/o._timeScale>_&&((p||!o._initted)&&_-o._startTime<=2e-10||(u[c++]=o)));for(n=c;--n>-1;)if(o=u[n],2===s&&o._kill(i,t,e)&&(a=!0),2!==s||!o._firstPT&&o._initted){if(2!==s&&!K(o,e))continue;o._enabled(!1,!1)&&(a=!0)}return a},tt=function(t,e,i){for(var s=t._timeline,r=s._timeScale,n=t._startTime;s._timeline;){if(n+=s._startTime,r*=s._timeScale,s._paused)return-100;s=s._timeline}return(n/=r)>e?n-e:i&&n===e||!t._initted&&2*f>n-e?f:(n+=t.totalDuration()/t._timeScale/r)>e+f?0:n-e-f};o._init=function(){var t,e,i,s,r,n,a=this.vars,o=this._overwrittenProps,l=this._duration,h=!!a.immediateRender,_=a.ease;if(a.startAt){for(s in this._startAt&&(this._startAt.render(-1,!0),this._startAt.kill()),r={},a.startAt)r[s]=a.startAt[s];if(r.data="isStart",r.overwrite=!1,r.immediateRender=!0,r.lazy=h&&!1!==a.lazy,r.startAt=r.delay=null,r.onUpdate=a.onUpdate,r.onUpdateParams=a.onUpdateParams,r.onUpdateScope=a.onUpdateScope||a.callbackScope||this,this._startAt=M.to(this.target,0,r),h)if(this._time>0)this._startAt=null;else if(0!==l)return}else if(a.runBackwards&&0!==l)if(this._startAt)this._startAt.render(-1,!0),this._startAt.kill(),this._startAt=null;else{for(s in 0!==this._time&&(h=!1),i={},a)q[s]&&"autoCSS"!==s||(i[s]=a[s]);if(i.overwrite=0,i.data="isFromStart",i.lazy=h&&!1!==a.lazy,i.immediateRender=h,this._startAt=M.to(this.target,0,i),h){if(0===this._time)return}else this._startAt._init(),this._startAt._enabled(!1),this.vars.immediateRender&&(this._startAt=null)}if(this._ease=_=_?_ instanceof x?_:"function"==typeof _?new x(_,a.easeParams):b[_]||M.defaultEase:M.defaultEase,a.easeParams instanceof Array&&_.config&&(this._ease=_.config.apply(_,a.easeParams)),this._easeType=this._ease._type,this._easePower=this._ease._power,this._firstPT=null,this._targets)for(n=this._targets.length,t=0;n>t;t++)this._initProps(this._targets[t],this._propLookup[t]={},this._siblings[t],o?o[t]:null,t)&&(e=!0);else e=this._initProps(this.target,this._propLookup,this._siblings,o,0);if(e&&M._onPluginEvent("_onInitAllProps",this),o&&(this._firstPT||"function"!=typeof this.target&&this._enabled(!1,!1)),a.runBackwards)for(i=this._firstPT;i;)i.s+=i.c,i.c=-i.c,i=i._next;this._onUpdate=a.onUpdate,this._initted=!0},o._initProps=function(e,i,s,r,n){var a,o,l,h,_,u;if(null==e)return!1;for(a in E[e._gsTweenID]&&$(),this.vars.css||e.style&&e!==t&&e.nodeType&&j.css&&!1!==this.vars.autoCSS&&function(t,e){var i,s={};for(i in t)q[i]||i in e&&"transform"!==i&&"x"!==i&&"y"!==i&&"width"!==i&&"height"!==i&&"className"!==i&&"border"!==i||!(!j[i]||j[i]&&j[i]._autoCSS)||(s[i]=t[i],delete t[i]);t.css=s}(this.vars,e),this.vars)if(u=this.vars[a],q[a])u&&(u instanceof Array||u.push&&d(u))&&-1!==u.join("").indexOf("{self}")&&(this.vars[a]=u=this._swapSelfInParams(u,this));else if(j[a]&&(h=new j[a])._onInitTween(e,this.vars[a],this,n)){for(this._firstPT=_={_next:this._firstPT,t:h,p:"setRatio",s:0,c:1,f:1,n:a,pg:1,pr:h._priority,m:0},o=h._overwriteProps.length;--o>-1;)i[h._overwriteProps[o]]=this._firstPT;(h._priority||h._onInitAllProps)&&(l=!0),(h._onDisable||h._onEnable)&&(this._notifyPluginsOfEnabled=!0),_._next&&(_._next._prev=_)}else i[a]=B.call(this,e,a,"get",u,a,0,null,this.vars.stringFilter,n);return r&&this._kill(r,e)?this._initProps(e,i,s,r,n):this._overwrite>1&&this._firstPT&&s.length>1&&J(e,this,i,this._overwrite,s)?(this._kill(i,e),this._initProps(e,i,s,r,n)):(this._firstPT&&(!1!==this.vars.lazy&&this._duration||this.vars.lazy&&!this._duration)&&(E[e._gsTweenID]=!0),l)},o.render=function(t,e,i){var s,r,n,a,o=this._time,l=this._duration,h=this._rawPrevTime;if(t>=l-1e-7&&t>=0)this._totalTime=this._time=l,this.ratio=this._ease._calcEnd?this._ease.getRatio(1):1,this._reversed||(s=!0,r="onComplete",i=i||this._timeline.autoRemoveChildren),0===l&&(this._initted||!this.vars.lazy||i)&&(this._startTime===this._timeline._duration&&(t=0),(0>h||0>=t&&t>=-1e-7||h===f&&"isPause"!==this.data)&&h!==t&&(i=!0,h>f&&(r="onReverseComplete")),this._rawPrevTime=a=!e||t||h===t?t:f);else if(1e-7>t)this._totalTime=this._time=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0,(0!==o||0===l&&h>0)&&(r="onReverseComplete",s=this._reversed),0>t&&(this._active=!1,0===l&&(this._initted||!this.vars.lazy||i)&&(h>=0&&(h!==f||"isPause"!==this.data)&&(i=!0),this._rawPrevTime=a=!e||t||h===t?t:f)),(!this._initted||this._startAt&&this._startAt.progress())&&(i=!0);else if(this._totalTime=this._time=t,this._easeType){var _=t/l,u=this._easeType,c=this._easePower;(1===u||3===u&&_>=.5)&&(_=1-_),3===u&&(_*=2),1===c?_*=_:2===c?_*=_*_:3===c?_*=_*_*_:4===c&&(_*=_*_*_*_),this.ratio=1===u?1-_:2===u?_:.5>t/l?_/2:1-_/2}else this.ratio=this._ease.getRatio(t/l);if(this._time!==o||i){if(!this._initted){if(this._init(),!this._initted||this._gc)return;if(!i&&this._firstPT&&(!1!==this.vars.lazy&&this._duration||this.vars.lazy&&!this._duration))return this._time=this._totalTime=o,this._rawPrevTime=h,z.push(this),void(this._lazy=[t,e]);this._time&&!s?this.ratio=this._ease.getRatio(this._time/l):s&&this._ease._calcEnd&&(this.ratio=this._ease.getRatio(0===this._time?0:1))}for(!1!==this._lazy&&(this._lazy=!1),this._active||!this._paused&&this._time!==o&&t>=0&&(this._active=!0),0===o&&(this._startAt&&(t>=0?this._startAt.render(t,!0,i):r||(r="_dummyGS")),this.vars.onStart&&(0!==this._time||0===l)&&(e||this._callback("onStart"))),n=this._firstPT;n;)n.f?n.t[n.p](n.c*this.ratio+n.s):n.t[n.p]=n.c*this.ratio+n.s,n=n._next;this._onUpdate&&(0>t&&this._startAt&&-1e-4!==t&&this._startAt.render(t,!0,i),e||(this._time!==o||s||i)&&this._callback("onUpdate")),r&&(!this._gc||i)&&(0>t&&this._startAt&&!this._onUpdate&&-1e-4!==t&&this._startAt.render(t,!0,i),s&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!e&&this.vars[r]&&this._callback(r),0===l&&this._rawPrevTime===f&&a!==f&&(this._rawPrevTime=0))}},o._kill=function(t,e,i){if("all"===t&&(t=null),null==t&&(null==e||e===this.target))return this._lazy=!1,this._enabled(!1,!1);e="string"!=typeof e?e||this._targets||this.target:M.selector(e)||e;var s,r,n,a,o,l,h,_,u,f=i&&this._time&&i._startTime===this._startTime&&this._timeline===i._timeline;if((d(e)||F(e))&&"number"!=typeof e[0])for(s=e.length;--s>-1;)this._kill(t,e[s],i)&&(l=!0);else{if(this._targets){for(s=this._targets.length;--s>-1;)if(e===this._targets[s]){o=this._propLookup[s]||{},this._overwrittenProps=this._overwrittenProps||[],r=this._overwrittenProps[s]=t?this._overwrittenProps[s]||{}:"all";break}}else{if(e!==this.target)return!1;o=this._propLookup,r=this._overwrittenProps=t?this._overwrittenProps||{}:"all"}if(o){if(h=t||o,_=t!==r&&"all"!==r&&t!==o&&("object"!=typeof t||!t._tempKill),i&&(M.onOverwrite||this.vars.onOverwrite)){for(n in h)o[n]&&(u||(u=[]),u.push(n));if((u||!t)&&!K(this,i,e,u))return!1}for(n in h)(a=o[n])&&(f&&(a.f?a.t[a.p](a.s):a.t[a.p]=a.s,l=!0),a.pg&&a.t._kill(h)&&(l=!0),a.pg&&0!==a.t._overwriteProps.length||(a._prev?a._prev._next=a._next:a===this._firstPT&&(this._firstPT=a._next),a._next&&(a._next._prev=a._prev),a._next=a._prev=null),delete o[n]),_&&(r[n]=1);!this._firstPT&&this._initted&&this._enabled(!1,!1)}}return l},o.invalidate=function(){return this._notifyPluginsOfEnabled&&M._onPluginEvent("_onDisable",this),this._firstPT=this._overwrittenProps=this._startAt=this._onUpdate=null,this._notifyPluginsOfEnabled=this._active=this._lazy=!1,this._propLookup=this._targets?{}:[],A.prototype.invalidate.call(this),this.vars.immediateRender&&(this._time=-f,this.render(Math.min(0,-this._delay))),this},o._enabled=function(t,e){if(h||l.wake(),t&&this._gc){var i,s=this._targets;if(s)for(i=s.length;--i>-1;)this._siblings[i]=Q(s[i],this,!0);else this._siblings=Q(this.target,this,!0)}return A.prototype._enabled.call(this,t,e),!(!this._notifyPluginsOfEnabled||!this._firstPT)&&M._onPluginEvent(t?"_onEnable":"_onDisable",this)},M.to=function(t,e,i){return new M(t,e,i)},M.from=function(t,e,i){return i.runBackwards=!0,i.immediateRender=0!=i.immediateRender,new M(t,e,i)},M.fromTo=function(t,e,i,s){return s.startAt=i,s.immediateRender=0!=s.immediateRender&&0!=i.immediateRender,new M(t,e,s)},M.delayedCall=function(t,e,i,s,r){return new M(e,0,{delay:t,onComplete:e,onCompleteParams:i,callbackScope:s,onReverseComplete:e,onReverseCompleteParams:i,immediateRender:!1,lazy:!1,useFrames:r,overwrite:0})},M.set=function(t,e){return new M(t,0,e)},M.getTweensOf=function(t,e){if(null==t)return[];var i,s,r,n;if(t="string"!=typeof t?t:M.selector(t)||t,(d(t)||F(t))&&"number"!=typeof t[0]){for(i=t.length,s=[];--i>-1;)s=s.concat(M.getTweensOf(t[i],e));for(i=s.length;--i>-1;)for(n=s[i],r=i;--r>-1;)n===s[r]&&s.splice(i,1)}else if(t._gsTweenID)for(i=(s=Q(t).concat()).length;--i>-1;)(s[i]._gc||e&&!s[i].isActive())&&s.splice(i,1);return s||[]},M.killTweensOf=M.killDelayedCallsTo=function(t,e,i){"object"==typeof e&&(i=e,e=!1);for(var s=M.getTweensOf(t,e),r=s.length;--r>-1;)s[r]._kill(i,t)};var et=v("plugins.TweenPlugin",(function(t,e){this._overwriteProps=(t||"").split(","),this._propName=this._overwriteProps[0],this._priority=e||0,this._super=et.prototype}),!0);if(o=et.prototype,et.version="1.19.0",et.API=2,o._firstPT=null,o._addTween=B,o.setRatio=N,o._kill=function(t){var e,i=this._overwriteProps,s=this._firstPT;if(null!=t[this._propName])this._overwriteProps=[];else for(e=i.length;--e>-1;)null!=t[i[e]]&&i.splice(e,1);for(;s;)null!=t[s.n]&&(s._next&&(s._next._prev=s._prev),s._prev?(s._prev._next=s._next,s._prev=null):this._firstPT===s&&(this._firstPT=s._next)),s=s._next;return!1},o._mod=o._roundProps=function(t){for(var e,i=this._firstPT;i;)(e=t[this._propName]||null!=i.n&&t[i.n.split(this._propName+"_").join("")])&&"function"==typeof e&&(2===i.f?i.t._applyPT.m=e:i.m=e),i=i._next},M._onPluginEvent=function(t,e){var i,s,r,n,a,o=e._firstPT;if("_onInitAllProps"===t){for(;o;){for(a=o._next,s=r;s&&s.pr>o.pr;)s=s._next;(o._prev=s?s._prev:n)?o._prev._next=o:r=o,(o._next=s)?s._prev=o:n=o,o=a}o=e._firstPT=r}for(;o;)o.pg&&"function"==typeof o.t[t]&&o.t[t]()&&(i=!0),o=o._next;return i},et.activate=function(t){for(var e=t.length;--e>-1;)t[e].API===et.API&&(j[(new t[e])._propName]=t[e]);return!0},y.plugin=function(t){if(!(t&&t.propName&&t.init&&t.API))throw"illegal plugin definition.";var e,i=t.propName,s=t.priority||0,r=t.overwriteProps,n={init:"_onInitTween",set:"setRatio",kill:"_kill",round:"_mod",mod:"_mod",initAll:"_onInitAllProps"},a=v("plugins."+i.charAt(0).toUpperCase()+i.substr(1)+"Plugin",(function(){et.call(this,i,s),this._overwriteProps=r||[]}),!0===t.global),o=a.prototype=new et(i);for(e in o.constructor=a,a.API=t.API,n)"function"==typeof t[e]&&(o[n[e]]=t[e]);return a.version=t.version,et.activate([a]),a},n=t._gsQueue){for(a=0;a 0) { + for (var k = 0; k < astra_menu_toggle.length; k++) { + astra_menu_toggle[k].removeEventListener('click', AstraToggleSubMenu); + astra_menu_toggle[k].addEventListener('click', AstraToggleSubMenu, false); + }; + } + + var astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-above-header-menu > .menu-item > .ast-menu-toggle' ); + AboveMenuNoToggle( astra_menu_toggle ); + } + + function AboveMenuNoToggle( astra_menu_toggle ) { + if( parseInt( window.innerWidth ) <= 480 ) { + for (var i = 0; i < astra_menu_toggle.length; i++) { + + astra_menu_toggle[i].addEventListener( 'click', function ( event ) { + event.preventDefault(); + + var position = this.nextElementSibling.getBoundingClientRect(); + var is_set = this.nextElementSibling.getAttribute('data-set'); + + if( null === is_set ) { + + this.nextElementSibling.setAttribute('data-set', true); + left = '-' + parseFloat( position.left ) + 'px'; + this.nextElementSibling.style.left = left; + + var li_width = document.documentElement.clientWidth; + + // set width of submenu to full screen. + this.nextElementSibling.style.width = li_width + 'px'; + } + }); + } + } + }; + + window.addEventListener( 'resize', function() { + + if ( initial_window_width != screen.width ) { + + // Update the window width for next time + initial_window_width = screen.width + + if ( 'BODY' !== document.activeElement.tagName ) { + return; + } + + // Select all sub-menus within .ast-above-header and remove inline styles. + document.querySelectorAll( '.ast-above-header .sub-menu' ) + ?.forEach( ( subMenu ) => subMenu.removeAttribute( 'style' ) ); + + // Select all list items within .ast-above-header and remove the 'ast-submenu-expanded' class. + document.querySelectorAll( '.ast-above-header li' ) + ?.forEach( ( listItem ) => listItem.classList.remove( 'ast-submenu-expanded' ) ); + + const __main_header_all = document.querySelectorAll( '.ast-above-header' ); + const menu_toggle_all = document.querySelectorAll( '.ast-above-header' ); + + for ( let i = 0; i < menu_toggle_all.length; i++ ) { + const astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-above-header-menu > .menu-item > .ast-menu-toggle' ); + + if ( astra_menu_toggle.length !== 0 ) { + for ( let i = 0; i < astra_menu_toggle.length; i++ ) { + astra_menu_toggle[i].nextElementSibling.removeAttribute( 'data-set' ); + } + + AboveMenuNoToggle( astra_menu_toggle ); + } + } + } + }); + +})(); \ No newline at end of file diff --git a/assets/js/above-menu-no-toggle.min.js b/assets/js/above-menu-no-toggle.min.js new file mode 100644 index 00000000..600fa555 --- /dev/null +++ b/assets/js/above-menu-no-toggle.min.js @@ -0,0 +1 @@ +(()=>{var e=screen.width;if((document.querySelectorAll(".ast-no-toggle-above-menu-enable")||0).length){for(var t=document.querySelectorAll(".ast-above-header"),n=document.querySelectorAll(".ast-above-header"),l=0;l .menu-item > .ast-menu-toggle"))}window.addEventListener("resize",function(){if(e!=screen.width&&(e=screen.width,"BODY"===document.activeElement.tagName)){document.querySelectorAll(".ast-above-header .sub-menu")?.forEach(e=>e.removeAttribute("style")),document.querySelectorAll(".ast-above-header li")?.forEach(e=>e.classList.remove("ast-submenu-expanded"));var t=document.querySelectorAll(".ast-above-header"),n=document.querySelectorAll(".ast-above-header");for(let e=0;e .menu-item > .ast-menu-toggle");if(0!==l.length){for(let e=0;e { + astrawpWooQuantityButtons(); + quantityInput(); + }; + + const observer = new MutationObserver(astraMinicartObserver); + observer.observe(astraminiCarttargetNode, config); + } +}); + +/**This comment explains that in order to refresh the wc_fragments_refreshed event when an AJAX call is made, jQuery is used to update the quantity button. + * Here plain JavaScript may not be able to trigger the wc_fragments_refreshed event in the same way, + * hence the need to use jQuery +*/ +jQuery( function( $ ) { + $( document.body ).on( 'wc_fragments_refreshed', function() { + astrawpWooQuantityButtons(); + quantityInput(); + }); +}); + +(function() { + // Delay the method override so that we do not interfere with the Metrix test. + setTimeout(() => { + var send = XMLHttpRequest.prototype.send + XMLHttpRequest.prototype.send = function() { + this.addEventListener('load', function() { + astrawpWooQuantityButtons(); + }) + return send.apply(this, arguments) + } + }, 2000); +})(); + +/** + * Astra WooCommerce Quantity Buttons. + */ +function astrawpWooQuantityButtons( $quantitySelector ) { + + var $cart = document.querySelector( '.woocommerce div.product form.cart' ); + + if ( ! $quantitySelector ) { + $quantitySelector = '.qty'; + } + + $quantityBoxesWrap = document.querySelectorAll( 'div.quantity:not(.elementor-widget-woocommerce-cart .quantity):not(.buttons_added), td.quantity:not(.elementor-widget-woocommerce-cart .quantity):not(.buttons_added)' ); + + for ( var i = 0; i < $quantityBoxesWrap.length; i++ ) { + + var e = $quantityBoxesWrap[i]; + + var $quantityBoxes = e.querySelector( $quantitySelector ); + + if ( $quantityBoxes && 'date' !== $quantityBoxes.getAttribute( 'type' ) && 'hidden' !== $quantityBoxes.getAttribute( 'type' ) ) { + + // Add plus and minus icons. + $qty_parent = $quantityBoxes.parentElement; + $qty_parent.classList.add( 'buttons_added' ); + + const minusBtn = `${ astra_qty_btn.minus_qty }-`; + const plusBtn = `${ astra_qty_btn.plus_qty }+`; + + if ( 'vertical-icon' === astra_qty_btn.style_type ) { + $qty_parent.classList.add( 'ast-vertical-style-applied' ); + $quantityBoxes.classList.add( 'vertical-icons-applied' ); + $qty_parent.insertAdjacentHTML( + 'beforeend', + minusBtn.replace( '%s', 'ast-vertical-icon' ) + plusBtn.replace( '%s', 'ast-vertical-icon' ) + ); + } else { + let styleTypeClass = ''; + if ( 'no-internal-border' === astra_qty_btn.style_type ) { + $quantityBoxes.classList.add( 'ast-no-internal-border' ); + styleTypeClass = 'no-internal-border'; + } + $qty_parent.insertAdjacentHTML( 'afterbegin', minusBtn.replace( '%s', styleTypeClass ) ); + $qty_parent.insertAdjacentHTML( 'beforeend', plusBtn.replace( '%s', styleTypeClass ) ); + } + $quantityEach = document.querySelectorAll( 'input' + $quantitySelector + ':not(.product-quantity)' ); + + for ( var j = 0; j < $quantityEach.length; j++ ) { + + var el = $quantityEach[j]; + + var $min = el.getAttribute( 'min' ); + + if ( $min && $min > 0 && parseFloat( el.value ) < $min ) { + el.value = $min; + } + } + + // Quantity input. + let objbody = document.getElementsByTagName('BODY')[0]; + let cart = document.getElementsByClassName('cart')[0]; + + if (objbody.classList.contains('single-product') && !cart.classList.contains('grouped_form')) { + let quantityInput = document.querySelector('.woocommerce input[type=number].qty'); + // Check for single product page. + if (quantityInput) { + quantityInput.addEventListener('keyup', function () { + let qtyVal = quantityInput.value; + quantityInput.value = qtyVal; + }); + } + } + + var plus_minus_obj = e.querySelectorAll( '.plus, .minus' ); + + for ( var l = 0; l < plus_minus_obj.length; l++ ) { + + var pm_el = plus_minus_obj[l]; + + pm_el.addEventListener( "click", function(ev) { + + + // Quantity. + var $quantityBox; + + $quantityBox = ev.target.parentElement.querySelector( $quantitySelector ); + + // Get values. + var $currentQuantity = parseFloat( $quantityBox.value ), + $maxQuantity = parseFloat( $quantityBox.getAttribute( 'max' ) ), + $minQuantity = parseFloat( $quantityBox.getAttribute( 'min' ) ), + $step = parseFloat( $quantityBox.getAttribute( 'step' ) ), + checkStepInteger = Number.isInteger( $step ), + finalValue; + + // Fallback default values on falsy values like '' and NaN. + if ( ! $currentQuantity ) { + $currentQuantity = 0; + } + if ( ! $maxQuantity ) { + $maxQuantity = ''; + } + + if ( ! $minQuantity ) { + $minQuantity = 0; + } + if ( ! $step ) { + $step = 1; + } + + // Change the value. + if ( ev.target.classList.contains( 'plus' ) ) { + + if ( $maxQuantity && ( $maxQuantity === $currentQuantity || $currentQuantity > Number( $maxQuantity ) ) ) { + $quantityBox.value = $maxQuantity; + } else { + finalValue = $currentQuantity + parseFloat( $step ); + $quantityBox.value = checkStepInteger ? finalValue : ( finalValue ).toFixed(1); + } + + } else { + + if ( $minQuantity && ( $minQuantity === $currentQuantity || $currentQuantity < $minQuantity ) ) { + $quantityBox.value = $minQuantity; + } else if ( $currentQuantity > 0 ) { + finalValue = $currentQuantity - parseFloat( $step ); + $quantityBox.value = checkStepInteger ? finalValue : ( finalValue ).toFixed(1); + } + + } + + // Trigger the change event on the input. + var changeEvent = new Event('change', { bubbles: true }); + $quantityBox.dispatchEvent(changeEvent); + + // Trigger change event. + var update_cart_btn = document.getElementsByName("update_cart"); + if (update_cart_btn.length > 0) { + for ( var btn = 0; btn < update_cart_btn.length; btn++ ) { + update_cart_btn[btn].disabled = false; + update_cart_btn[btn].click(); + } + } + + const quantity = $quantityBox.value; + const itemHash = $quantityBox.getAttribute('name').replace(/cart\[([\w]+)\]\[qty\]/g, '$1'); + + sendAjaxQuantityRequest(ev.currentTarget, quantity, itemHash) + + }, false); + } + } + } +} + + +function sendAjaxQuantityRequest(currentTarget, quantity, itemHash ) { + + // Send AJAX request from mini cart. + const miniCart = currentTarget.closest( '.woocommerce-mini-cart' ); + + if ( miniCart && astra && astra.single_product_qty_ajax_nonce && astra.ajax_url ) { + + let qtyNonce = astra.single_product_qty_ajax_nonce; + + miniCart.classList.add('ajax-mini-cart-qty-loading'); + + // Creating a XMLHttpRequest object. + let xhrRequest = new XMLHttpRequest(); + xhrRequest.open( 'POST', astra.ajax_url, true ); + + // Send the proper header information along with the request + xhrRequest.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); + + xhrRequest.send( 'action=astra_add_cart_single_product_quantity&hash=' + itemHash + '&quantity=' + quantity + '&qtyNonce=' + qtyNonce ); + + xhrRequest.onload = function () { + if ( xhrRequest.readyState == XMLHttpRequest.DONE ) { // XMLHttpRequest.DONE == 4 + if ( 200 <= xhrRequest.status || 400 <= xhrRequest.status ) { + // Trigger event so themes can refresh other areas. + var event = document.createEvent( 'HTMLEvents' ); + event.initEvent( 'wc_fragment_refresh', true, false ); + document.body.dispatchEvent(event); + + setTimeout(() => { + miniCart.classList.remove('ajax-mini-cart-qty-loading'); + }, 500); + + + if ( typeof wc_add_to_cart_params === 'undefined' ) { + return; + } + } + } + }; + } + +} + + + +let typingTimer; //timer identifier +let doneTypingInterval = 500; + +function quantityInput() { + const quantityInputContainer = document.querySelector('.woocommerce-mini-cart'); + + if( quantityInputContainer ) { + const quantityInput = document.querySelectorAll('.input-text.qty'); + + quantityInput.forEach( single => { + single.addEventListener('keyup', (e) => { + clearTimeout(typingTimer); + if (single.value) { + typingTimer = setTimeout(() => { + const quantity = e.target.value; + const itemHash = e.target.getAttribute('name').replace(/cart\[([\w]+)\]\[qty\]/g, '$1'); + + if( quantity ) { + sendAjaxQuantityRequest(e.target, quantity,itemHash); + } + }, doneTypingInterval); + } + }); + }); + } +} \ No newline at end of file diff --git a/assets/js/add-to-cart-quantity-btn.min.js b/assets/js/add-to-cart-quantity-btn.min.js new file mode 100644 index 00000000..3e34c581 --- /dev/null +++ b/assets/js/add-to-cart-quantity-btn.min.js @@ -0,0 +1 @@ +window.addEventListener("load",function(t){astrawpWooQuantityButtons(),quantityInput()});let astraminiCarttargetNodes=document.querySelectorAll(".ast-site-header-cart");function astrawpWooQuantityButtons(l){document.querySelector(".woocommerce div.product form.cart");l=l||".qty",$quantityBoxesWrap=document.querySelectorAll("div.quantity:not(.elementor-widget-woocommerce-cart .quantity):not(.buttons_added), td.quantity:not(.elementor-widget-woocommerce-cart .quantity):not(.buttons_added)");for(var t=0;t<$quantityBoxesWrap.length;t++){var e=$quantityBoxesWrap[t],a=e.querySelector(l);if(a&&"date"!==a.getAttribute("type")&&"hidden"!==a.getAttribute("type")){($qty_parent=a.parentElement).classList.add("buttons_added");var n=`${astra_qty_btn.minus_qty}-`,r=`${astra_qty_btn.plus_qty}+`;if("vertical-icon"===astra_qty_btn.style_type)$qty_parent.classList.add("ast-vertical-style-applied"),a.classList.add("vertical-icons-applied"),$qty_parent.insertAdjacentHTML("beforeend",n.replace("%s","ast-vertical-icon")+r.replace("%s","ast-vertical-icon"));else{let t="";"no-internal-border"===astra_qty_btn.style_type&&(a.classList.add("ast-no-internal-border"),t="no-internal-border"),$qty_parent.insertAdjacentHTML("afterbegin",n.replace("%s",t)),$qty_parent.insertAdjacentHTML("beforeend",r.replace("%s",t))}$quantityEach=document.querySelectorAll("input"+l+":not(.product-quantity)");for(var s=0;s<$quantityEach.length;s++){var o=$quantityEach[s],i=o.getAttribute("min");i&&0Number(r))?a.value=r:(e=n+parseFloat(o),a.value=i?e:e.toFixed(1)):s&&(s===n||n{r.classList.remove("ajax-mini-cart-qty-loading")},500))}}}astraminiCarttargetNodes.forEach(function(t){var e;null!=t&&(e={attributes:!1,childList:!0,subtree:!0},new MutationObserver(()=>{astrawpWooQuantityButtons(),quantityInput()}).observe(t,e))}),jQuery(function(t){t(document.body).on("wc_fragments_refreshed",function(){astrawpWooQuantityButtons(),quantityInput()})}),setTimeout(()=>{var t=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.send=function(){return this.addEventListener("load",function(){astrawpWooQuantityButtons()}),t.apply(this,arguments)}},2e3);let typingTimer,doneTypingInterval=500;function quantityInput(){document.querySelector(".woocommerce-mini-cart")&&document.querySelectorAll(".input-text.qty").forEach(t=>{t.addEventListener("keyup",a=>{clearTimeout(typingTimer),t.value&&(typingTimer=setTimeout(()=>{var t=a.target.value,e=a.target.getAttribute("name").replace(/cart\[([\w]+)\]\[qty\]/g,"$1");t&&sendAjaxQuantityRequest(a.target,t,e)},doneTypingInterval))})})} \ No newline at end of file diff --git a/assets/js/admin-builder-modern-stripe.js b/assets/js/admin-builder-modern-stripe.js new file mode 100644 index 00000000..729d1c0b --- /dev/null +++ b/assets/js/admin-builder-modern-stripe.js @@ -0,0 +1,348 @@ +/* global wpforms_builder, wpforms_builder_stripe */ + +// noinspection ES6ConvertVarToLetConst +/** + * Stripe builder function. + * + * @since 1.8.4 + */ +// eslint-disable-next-line no-var +var WPFormsStripeModernBuilder = window.WPFormsStripeModernBuilder || ( function( document, window, $ ) { + /** + * Elements holder. + * + * @since 1.8.4 + * + * @type {Object} + */ + let el = {}; + + /** + * Public functions and properties. + * + * @since 1.8.4 + * + * @type {Object} + */ + const app = { + + /** + * Start the engine. + * + * @since 1.8.4 + */ + init() { + $( app.ready ); + }, + + /** + * Initialized once the DOM is fully loaded. + * + * @since 1.8.4 + */ + ready() { + if ( app.isLegacySettings() ) { + return; + } + + // Cache DOM elements. + el = { + $alert: $( '#wpforms-stripe-credit-card-alert' ), + $panelContent: $( '#wpforms-panel-content-section-payment-stripe' ), + $feeNotice: $( '.wpforms-stripe-notice-info' ), + }; + + app.bindUIActions(); + + if ( ! wpforms_builder_stripe.is_pro ) { + const toggleInput = '.wpforms-panel-content-section-payment-toggle input', + planNameInput = '.wpforms-panel-content-section-payment-plan-name input'; + + $( toggleInput ).each( app.toggleContent ); + $( planNameInput ).each( app.checkPlanName ); + + $( '#wpforms-panel-payments' ) + .on( 'click', toggleInput, app.toggleContent ) + .on( 'click', '.wpforms-panel-content-section-payment-plan-head-buttons-toggle', app.togglePlan ) + .on( 'click', '.wpforms-panel-content-section-stripe .wpforms-panel-content-section-payment-plan-head-buttons-delete', app.deletePlan ) + .on( 'input', planNameInput, app.renamePlan ) + .on( 'focusout', planNameInput, app.checkPlanName ); + } + }, + + /** + * Process various events as a response to UI interactions. + * + * @since 1.8.4 + */ + bindUIActions() { + const $builder = $( '#wpforms-builder' ); + + $builder.on( 'wpformsFieldDelete', app.disableNotifications ) + .on( 'wpformsSaved', app.requiredFieldsCheck ) + .on( 'wpformsFieldAdd', app.fieldAdded ) + .on( 'wpformsFieldDelete', app.fieldDeleted ) + .on( 'wpformsPaymentsPlanCreated', app.toggleMultiplePlansWarning ) + .on( 'wpformsPaymentsPlanDeleted', app.toggleMultiplePlansWarning ); + }, + + /** + * On form save notify users about required fields. + * + * @since 1.8.4 + */ + requiredFieldsCheck() { + if ( ! $( '#wpforms-panel-field-stripe-enable_recurring' ).is( ':checked' ) || el.$panelContent.hasClass( 'wpforms-hidden' ) ) { + return; + } + + el.$panelContent.find( '.wpforms-panel-content-section-payment-plan' ).each( function() { + const $plan = $( this ), + planId = $plan.data( 'plan-id' ); + + if ( ! $plan.find( `#wpforms-panel-field-stripe-recurring-${ planId }-email` ).val() ) { + app.recurringEmailAlert(); + + return false; + } + } ); + }, + + /** + * Show alert for required recurring email field. + * + * @since 1.8.4 + */ + recurringEmailAlert() { + $.alert( { + title: wpforms_builder.heads_up, + content: wpforms_builder.stripe_recurring_email, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Disable notifications. + * + * @since 1.8.4 + * + * @param {Object} e Event object. + * @param {number} id Field ID. + * @param {string} type Field type. + */ + disableNotifications( e, id, type ) { + if ( ! app.isStripeField( type ) ) { + return; + } + + const $notificationWrap = $( '.wpforms-panel-content-section-notifications [id*="-stripe-wrap"]' ); + + $notificationWrap.find( 'input[id*="-stripe"]' ).prop( 'checked', false ); + $notificationWrap.addClass( 'wpforms-hidden' ); + }, + + /** + * Determine is legacy settings is loaded. + * + * @since 1.8.4 + * + * @return {boolean} True is legacy settings loaded. + */ + isLegacySettings() { + return $( '#wpforms-panel-field-stripe-enable' ).length; + }, + + /** + * We have to do several actions when the "Stripe" field is added. + * + * @since 1.8.4 + * + * @param {Object} e Event object. + * @param {number} id Field ID. + * @param {string} type Field type. + */ + fieldAdded( e, id, type ) { + if ( ! app.isStripeField( type ) ) { + return; + } + + app.settingsToggle( true ); + el.$feeNotice.toggleClass( 'wpforms-hidden' ); + }, + + /** + * We have to do several actions when the "Stripe" field is deleted. + * + * @since 1.8.4 + * + * @param {Object} e Event object. + * @param {number} id Field ID. + * @param {string} type Field type. + */ + fieldDeleted( e, id, type ) { + if ( ! app.isStripeField( type ) ) { + return; + } + + app.settingsToggle( false ); + el.$feeNotice.toggleClass( 'wpforms-hidden' ); + }, + + /** + * Determine if a field type is Stripe credit card. + * + * @since 1.8.4 + * + * @param {string} type Field type. + * + * @return {boolean} True if Stripe field. + */ + isStripeField( type ) { + return wpforms_builder_stripe.field_slugs.includes( type ); + }, + + /** + * Toggles visibility of multiple plans warning. + * + * @since 1.8.4 + */ + toggleMultiplePlansWarning() { + el.$panelContent.find( '.wpforms-stripe-multiple-plans-warning' ).toggleClass( 'wpforms-hidden', el.$panelContent.find( '.wpforms-panel-content-section-payment-plan' ).length === 1 ); + }, + + /** + * Toggles visibility of the Stripe addon settings. + * + * @since 1.8.4 + * + * @param {boolean} display Show or hide settings. + */ + settingsToggle( display ) { + if ( + ! el.$alert.length && + ! el.$panelContent.length + ) { + return; + } + + el.$alert.toggleClass( 'wpforms-hidden', display ); + el.$panelContent.toggleClass( 'wpforms-hidden', ! display ); + }, + + /** + * Toggle payments content. + * + * @since 1.8.4 + */ + toggleContent() { + const $input = $( this ); + + if ( + $( '#wpforms-panel-field-stripe-enable_recurring' ).is( ':checked' ) && + $( '#wpforms-panel-field-stripe-enable_one_time' ).is( ':checked' ) + ) { + $input.prop( 'checked', false ); + + $.alert( { + title: wpforms_builder.heads_up, + content: $input.attr( 'id' ) === 'wpforms-panel-field-stripe-enable_recurring' ? wpforms_builder_stripe.disabled_recurring : wpforms_builder_stripe.disabled_one_time, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + + $input.prop( 'checked', false ); + } + + const $wrapper = $input.closest( '.wpforms-panel-content-section-payment' ), + isChecked = $input.prop( 'checked' ) && ! $( '#wpforms-panel-field-settings-disable_entries' ).prop( 'checked' ); + + $wrapper.find( '.wpforms-panel-content-section-payment-toggled-body' ).toggle( isChecked ); + $wrapper.toggleClass( 'wpforms-panel-content-section-payment-open', isChecked ); + }, + + /** + * Toggle a plan content. + * + * @since 1.8.4 + */ + togglePlan() { + const $plan = $( this ).closest( '.wpforms-panel-content-section-payment-plan' ), + $icon = $plan.find( '.wpforms-panel-content-section-payment-plan-head-buttons-toggle' ); + + $icon.toggleClass( 'fa-chevron-circle-up fa-chevron-circle-down' ); + $plan.find( '.wpforms-panel-content-section-payment-plan-body' ).toggle( $icon.hasClass( 'fa-chevron-circle-down' ) ); + }, + + /** + * Delete a plan. + * + * @since 1.8.4 + */ + deletePlan() { + // Trigger a warning modal when trying to delete a single plan without pro addon. + $( '.wpforms-panel-content-section-stripe .wpforms-panel-content-section-payment-button-add-plan' ).click(); + }, + + /** + * Check a plan name on empty value. + * + * @since 1.8.4 + */ + checkPlanName() { + const $input = $( this ), + $plan = $input.closest( '.wpforms-panel-content-section-payment-plan' ), + $planName = $plan.find( '.wpforms-panel-content-section-payment-plan-head-title' ); + + if ( $input.val() ) { + $planName.html( $input.val() ); + + return; + } + + const defaultValue = wpforms_builder_stripe.plan_placeholder; + + $planName.html( defaultValue ); + $input.val( defaultValue ); + }, + + /** + * Rename a plan. + * + * @since 1.8.4 + */ + renamePlan() { + const $input = $( this ), + $plan = $input.closest( '.wpforms-panel-content-section-payment-plan' ), + $planName = $plan.find( '.wpforms-panel-content-section-payment-plan-head-title' ); + + if ( ! $input.val() ) { + $planName.html( '' ); + + return; + } + + $planName.html( $input.val() ); + }, + }; + + // Provide access to public functions/properties. + return app; +}( document, window, jQuery ) ); + +// Initialize. +WPFormsStripeModernBuilder.init(); diff --git a/assets/js/admin-builder-modern-stripe.min.js b/assets/js/admin-builder-modern-stripe.min.js new file mode 100644 index 00000000..446f744b --- /dev/null +++ b/assets/js/admin-builder-modern-stripe.min.js @@ -0,0 +1 @@ +var WPFormsStripeModernBuilder=window.WPFormsStripeModernBuilder||function(l){let o={};const i={init(){l(i.ready)},ready(){var e,n;i.isLegacySettings()||(o={$alert:l("#wpforms-stripe-credit-card-alert"),$panelContent:l("#wpforms-panel-content-section-payment-stripe"),$feeNotice:l(".wpforms-stripe-notice-info")},i.bindUIActions(),wpforms_builder_stripe.is_pro)||(n=".wpforms-panel-content-section-payment-plan-name input",l(e=".wpforms-panel-content-section-payment-toggle input").each(i.toggleContent),l(n).each(i.checkPlanName),l("#wpforms-panel-payments").on("click",e,i.toggleContent).on("click",".wpforms-panel-content-section-payment-plan-head-buttons-toggle",i.togglePlan).on("click",".wpforms-panel-content-section-stripe .wpforms-panel-content-section-payment-plan-head-buttons-delete",i.deletePlan).on("input",n,i.renamePlan).on("focusout",n,i.checkPlanName))},bindUIActions(){l("#wpforms-builder").on("wpformsFieldDelete",i.disableNotifications).on("wpformsSaved",i.requiredFieldsCheck).on("wpformsFieldAdd",i.fieldAdded).on("wpformsFieldDelete",i.fieldDeleted).on("wpformsPaymentsPlanCreated",i.toggleMultiplePlansWarning).on("wpformsPaymentsPlanDeleted",i.toggleMultiplePlansWarning)},requiredFieldsCheck(){l("#wpforms-panel-field-stripe-enable_recurring").is(":checked")&&!o.$panelContent.hasClass("wpforms-hidden")&&o.$panelContent.find(".wpforms-panel-content-section-payment-plan").each(function(){var e=l(this),n=e.data("plan-id");if(!e.find(`#wpforms-panel-field-stripe-recurring-${n}-email`).val())return i.recurringEmailAlert(),!1})},recurringEmailAlert(){l.alert({title:wpforms_builder.heads_up,content:wpforms_builder.stripe_recurring_email,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})},disableNotifications(e,n,t){i.isStripeField(t)&&((t=l('.wpforms-panel-content-section-notifications [id*="-stripe-wrap"]')).find('input[id*="-stripe"]').prop("checked",!1),t.addClass("wpforms-hidden"))},isLegacySettings(){return l("#wpforms-panel-field-stripe-enable").length},fieldAdded(e,n,t){i.isStripeField(t)&&(i.settingsToggle(!0),o.$feeNotice.toggleClass("wpforms-hidden"))},fieldDeleted(e,n,t){i.isStripeField(t)&&(i.settingsToggle(!1),o.$feeNotice.toggleClass("wpforms-hidden"))},isStripeField(e){return wpforms_builder_stripe.field_slugs.includes(e)},toggleMultiplePlansWarning(){o.$panelContent.find(".wpforms-stripe-multiple-plans-warning").toggleClass("wpforms-hidden",1===o.$panelContent.find(".wpforms-panel-content-section-payment-plan").length)},settingsToggle(e){(o.$alert.length||o.$panelContent.length)&&(o.$alert.toggleClass("wpforms-hidden",e),o.$panelContent.toggleClass("wpforms-hidden",!e))},toggleContent(){var e=l(this),n=(l("#wpforms-panel-field-stripe-enable_recurring").is(":checked")&&l("#wpforms-panel-field-stripe-enable_one_time").is(":checked")&&(e.prop("checked",!1),l.alert({title:wpforms_builder.heads_up,content:"wpforms-panel-field-stripe-enable_recurring"===e.attr("id")?wpforms_builder_stripe.disabled_recurring:wpforms_builder_stripe.disabled_one_time,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}}),e.prop("checked",!1)),e.closest(".wpforms-panel-content-section-payment")),e=e.prop("checked")&&!l("#wpforms-panel-field-settings-disable_entries").prop("checked");n.find(".wpforms-panel-content-section-payment-toggled-body").toggle(e),n.toggleClass("wpforms-panel-content-section-payment-open",e)},togglePlan(){var e=l(this).closest(".wpforms-panel-content-section-payment-plan"),n=e.find(".wpforms-panel-content-section-payment-plan-head-buttons-toggle");n.toggleClass("fa-chevron-circle-up fa-chevron-circle-down"),e.find(".wpforms-panel-content-section-payment-plan-body").toggle(n.hasClass("fa-chevron-circle-down"))},deletePlan(){l(".wpforms-panel-content-section-stripe .wpforms-panel-content-section-payment-button-add-plan").click()},checkPlanName(){var e,n=l(this),t=n.closest(".wpforms-panel-content-section-payment-plan").find(".wpforms-panel-content-section-payment-plan-head-title");n.val()?t.html(n.val()):(e=wpforms_builder_stripe.plan_placeholder,t.html(e),n.val(e))},renamePlan(){var e=l(this),n=e.closest(".wpforms-panel-content-section-payment-plan").find(".wpforms-panel-content-section-payment-plan-head-title");e.val()?n.html(e.val()):n.html("")}};return i}((document,window,jQuery));WPFormsStripeModernBuilder.init(); \ No newline at end of file diff --git a/assets/js/admin-builder-providers.js b/assets/js/admin-builder-providers.js new file mode 100644 index 00000000..158fea97 --- /dev/null +++ b/assets/js/admin-builder-providers.js @@ -0,0 +1,595 @@ +/* global wpforms_builder_providers, wpforms_builder, wpf, WPForms */ + +( function( $ ) { + + var s; + + var WPFormsProviders = { + + settings: { + spinner: '', + spinnerWhite: '', + }, + + /** + * Start the engine. + * + * @since 1.0.0 + */ + init: function() { + + s = this.settings; + + // Document ready. + $( WPFormsProviders.ready ); + + WPFormsProviders.bindUIActions(); + }, + + /** + * Document ready. + * + * @since 1.1.1 + */ + ready: function() { + + // Setup/cache some vars not available before. + s.form = $( '#wpforms-builder-form' ); + }, + + /** + * Element bindings. + * + * @since 1.0.0 + */ + bindUIActions: function() { + + // Delete connection. + $( document ).on( 'click', '.wpforms-provider-connection-delete', function( e ) { + WPFormsProviders.connectionDelete( this, e ); + } ); + + // Add new connection. + $( document ).on( 'click', '.wpforms-provider-connections-add', function( e ) { + WPFormsProviders.connectionAdd( this, e ); + } ); + + // Add new provider account. + $( document ).on( 'click', '.wpforms-provider-account-add button', function( e ) { + WPFormsProviders.accountAdd( this, e ); + } ); + + // Select provider account. + $( document ).on( 'change', '.wpforms-provider-accounts select', function( e ) { + WPFormsProviders.accountSelect( this, e ); + } ); + + // Select account list. + $( document ).on( 'change', '.wpforms-provider-lists select', function( e ) { + WPFormsProviders.accountListSelect( this, e ); + } ); + + $( document ).on( 'wpformsPanelSwitch', function( e, targetPanel ) { + WPFormsProviders.providerPanelConfirm( targetPanel ); + } ); + + // Alert users if they save a form and do not configure required + // fields. + $( document ).on( 'wpformsSaved', function() { + + var providerAlerts = []; + var $connectionBlocks = $( '#wpforms-panel-providers' ).find( '.wpforms-connection-block' ); + + if ( ! $connectionBlocks.length ) { + return; + } + + $connectionBlocks.each( function() { + var requiredEmpty = false, + providerName; + $( this ).find( 'table span.required' ).each( function() { + var $element = $( this ).parent().parent().find( 'select' ); + if ( $element.val() === '' ) { + requiredEmpty = true; + } + } ); + if ( requiredEmpty ) { + var $titleArea = $( this ).closest( '.wpforms-panel-content-section' ).find( '.wpforms-panel-content-section-title' ).clone(); + $titleArea.find( 'button' ).remove(); + providerName = $titleArea.text().trim(); + var msg = wpforms_builder.provider_required_flds; + + if ( -1 < providerAlerts.indexOf( providerName ) ) { + return; + } + $.alert( { + title: wpforms_builder.heads_up, + content: msg.replace( '{provider}', providerName ), + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + providerAlerts.push( providerName ); + } + } ); + } ); + }, + + /** + * Delete provider connection + * + * @since 1.0.0 + */ + connectionDelete: function( el, e ) { + e.preventDefault(); + + var $this = $( el ); + + $.confirm( { + title: false, + content: wpforms_builder_providers.confirm_connection, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: function() { + + const $section = $this.closest( '.wpforms-panel-content-section' ); + + $this.closest( '.wpforms-provider-connection' ).remove(); + + // Update sidebar icon near the provider. + const provider = $this.closest( '.wpforms-provider-connection' ).data( 'provider' ), + $sidebarItem = $( '.wpforms-panel-sidebar-section-' + provider ); + + $sidebarItem.find( '.fa-check-circle-o' ).toggleClass( 'wpforms-hidden', $( $section ).find( '.wpforms-provider-connection' ).length <= 0 ); + + if ( ! $section.find( '.wpforms-provider-connection' ).length ) { + $section.find( '.wpforms-builder-provider-connections-default' ).removeClass( 'wpforms-hidden' ); + } + }, + }, + cancel: { + text: wpforms_builder.cancel, + }, + }, + } ); + }, + + /** + * Add new provider connection. + * + * @since 1.0.0 + */ + connectionAdd: function( el, e ) { + e.preventDefault(); + + var $this = $( el ), + $connections = $this.parent().parent(), + $container = $this.parent(), + provider = $this.data( 'provider' ), + defaultValue = WPFormsProviders.getDefaultConnectionName( provider ).trim(), + type = $this.data( 'type' ), + namePrompt = wpforms_builder_providers.prompt_connection, + nameField = '', + nameError = '

' + wpforms_builder_providers.error_name + '

', + modalContent = namePrompt + nameField + nameError; + + modalContent = modalContent.replace( /%type%/g, type ); + + $.confirm( { + title: false, + content: modalContent, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: function() { + var name = this.$content.find( 'input#provider-connection-name' ).val().trim(); + var error = this.$content.find( '.error' ); + if ( name === '' ) { + error.show(); + return false; + } else { + + // Disable button. + WPFormsProviders.inputToggle( $this, 'disable' ); + + // Fire AJAX. + var data = { + action : 'wpforms_provider_ajax_' + provider, + provider: provider, + task : 'new_connection', + name : name, + id : s.form.data( 'id' ), + nonce : wpforms_builder.nonce, + }; + WPFormsProviders.fireAJAX( $this, data, function( res ) { + if ( res.success ) { + $connections.find( '.wpforms-builder-provider-connections-default' ).addClass( 'wpforms-hidden' ); + $connections.find( '.wpforms-provider-connections' ).prepend( res.data.html ); + + // Process and load the accounts if they exist. + var $connection = $connections.find( '.wpforms-provider-connection' ).first(); + if ( $connection.find( '.wpforms-provider-accounts option:selected' ) ) { + $connection.find( '.wpforms-provider-accounts option' ).first().prop( 'selected', true ); + $connection.find( '.wpforms-provider-accounts select' ).trigger( 'change' ); + } + } else { + WPFormsProviders.errorDisplay( res.data.error, $container ); + } + } ); + } + }, + }, + cancel: { + text: wpforms_builder.cancel, + }, + }, + } ); + }, + + /** + * Add and authorize provider account. + * + * @since 1.0.0 + */ + accountAdd: function( el, e ) { + e.preventDefault(); + + var $this = $( el ), + provider = $this.data( 'provider' ), + $connection = $this.closest( '.wpforms-provider-connection' ), + $container = $this.parent(), + $fields = $container.find( ':input' ), + errors = WPFormsProviders.requiredCheck( $fields, $container ); + + // Disable button. + WPFormsProviders.inputToggle( $this, 'disable' ); + + // Bail if we have any errors. + if ( errors ) { + $this.prop( 'disabled', false ).find( 'i' ).remove(); + return false; + } + + // Fire AJAX. + var data = { + action : 'wpforms_provider_ajax_' + provider, + provider : provider, + connection_id: $connection.data( 'connection_id' ), + task : 'new_account', + data : WPFormsProviders.fakeSerialize( $fields ), + }; + WPFormsProviders.fireAJAX( $this, data, function( res ) { + if ( res.success ) { + $container.nextAll( '.wpforms-connection-block' ).remove(); + $container.nextAll( '.wpforms-conditional-block' ).remove(); + $container.after( res.data.html ); + $container.slideUp(); + $connection.find( '.wpforms-provider-accounts select' ).trigger( 'change' ); + } else { + WPFormsProviders.errorDisplay( res.data.error, $container ); + } + } ); + }, + + /** + * Selecting a provider account + * + * @since 1.0.0 + */ + accountSelect: function( el, e ) { + e.preventDefault(); + + var $this = $( el ), + $connection = $this.closest( '.wpforms-provider-connection' ), + $container = $this.parent(), + provider = $connection.data( 'provider' ); + + // Disable select, show loading. + WPFormsProviders.inputToggle( $this, 'disable' ); + + // Remove any blocks that might exist as we prep for new account. + $container.nextAll( '.wpforms-connection-block' ).remove(); + $container.nextAll( '.wpforms-conditional-block' ).remove(); + + if ( ! $this.val() ) { + + // User selected to option to add new account. + $connection.find( '.wpforms-provider-account-add input' ).val( '' ); + $connection.find( '.wpforms-provider-account-add' ).slideDown(); + WPFormsProviders.inputToggle( $this, 'enable' ); + + } else { + + $connection.find( '.wpforms-provider-account-add' ).slideUp(); + + // Fire AJAX. + var data = { + action : 'wpforms_provider_ajax_' + provider, + provider : provider, + connection_id: $connection.data( 'connection_id' ), + task : 'select_account', + account_id : $this.find( ':selected' ).val(), + }; + WPFormsProviders.fireAJAX( $this, data, function( res ) { + if ( res.success ) { + $container.after( res.data.html ); + + // Process first list found. + $connection.find( '.wpforms-provider-lists option' ).first().prop( 'selected', true ); + $connection.find( '.wpforms-provider-lists select' ).trigger( 'change' ); + } else { + WPFormsProviders.errorDisplay( res.data.error, $container ); + } + } ); + } + }, + + /** + * Selecting a provider account list. + * + * @since 1.0.0 + */ + accountListSelect: function( el, e ) { + e.preventDefault(); + + var $this = $( el ), + $connection = $this.closest( '.wpforms-provider-connection' ), + $container = $this.parent(), + provider = $connection.data( 'provider' ); + + // Disable select, show loading. + WPFormsProviders.inputToggle( $this, 'disable' ); + + // Remove any blocks that might exist as we prep for new account. + $container.nextAll( '.wpforms-connection-block' ).remove(); + $container.nextAll( '.wpforms-conditional-block' ).remove(); + + var data = { + action : 'wpforms_provider_ajax_' + provider, + provider : provider, + connection_id: $connection.data( 'connection_id' ), + task : 'select_list', + account_id : $connection.find( '.wpforms-provider-accounts option:selected' ).val(), + list_id : $this.find( ':selected' ).val(), + form_id : s.form.data( 'id' ), + }; + + WPFormsProviders.fireAJAX( $this, data, function( res ) { + if ( res.success ) { + $container.after( res.data.html ); + + // Re-init tooltips for new fields. + wpf.initTooltips(); + } else { + WPFormsProviders.errorDisplay( res.data.error, $container ); + } + } ); + }, + + /** + * Confirm form save before loading Provider panel. + * If confirmed, save and reload panel. + * + * @since 1.0.0 + */ + providerPanelConfirm: function( targetPanel ) { + + wpforms_panel_switch = true; + if ( targetPanel === 'providers' && ! s.form.data( 'revision' ) ) { + if ( wpf.savedState != wpf.getFormState( '#wpforms-builder-form' ) ) { + wpforms_panel_switch = false; + $.confirm( { + title: false, + content: wpforms_builder_providers.confirm_save, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: function() { + $( '#wpforms-save' ).trigger( 'click' ); + $( document ).on( 'wpformsSaved', function() { + let wpforms_builder_provider_url = wpforms_builder_providers.url; + const $section = $( `#wpforms-panel-${ targetPanel } .wpforms-panel-sidebar-section.active` ); + const section = $section.length && $section.data( 'section' ) !== 'default' ? $section.data( 'section' ) : null; + + // Adding an active section parameter. + if ( section ) { + wpforms_builder_provider_url += `§ion=${ section }`; + } + + window.location.href = wpforms_builder_provider_url; + } ); + }, + }, + cancel: { + text: wpforms_builder.cancel, + }, + }, + } ); + } + } + }, + + //--------------------------------------------------------------------// + // Helper functions. + //--------------------------------------------------------------------// + + /** + * Fire AJAX call. + * + * @since 1.0.0 + */ + fireAJAX: function( el, d, success ) { + var $this = $( el ); + var data = { + id : $( '#wpforms-builder-form' ).data( 'id' ), + nonce : wpforms_builder.nonce, + }; + + $.extend( data, d ); + $.post( wpforms_builder.ajax_url, data, function( res ) { + success( res ); + WPFormsProviders.inputToggle( $this, 'enable' ); + } ).fail( function( xhr, textStatus, e ) { + console.log( xhr.responseText ); + } ); + }, + + /** + * Toggle input with loading indicator. + * + * @since 1.0.0 + */ + inputToggle: function( el, status ) { + var $this = $( el ); + if ( status === 'enable' ) { + if ( $this.is( 'select' ) ) { + $this.prop( 'disabled', false ).next( 'i' ).remove(); + } else { + $this.prop( 'disabled', false ).find( 'i' ).remove(); + } + } else if ( status === 'disable' ) { + if ( $this.is( 'select' ) ) { + $this.prop( 'disabled', true ).after( s.spinner ); + } else { + $this.prop( 'disabled', true ).prepend( s.spinnerWhite ); + } + } + }, + + /** + * Display error. + * + * @since 1.0.0 + */ + errorDisplay: function( msg, location ) { + location.find( '.wpforms-error-msg' ).remove(); + location.prepend( '

' + msg + '

' ); + }, + + /** + * Check for required fields. + * + * @since 1.0.0 + */ + requiredCheck: function( fields, location ) { + var error = false; + + // Remove any previous errors. + location.find( '.wpforms-alert-required' ).remove(); + + // Loop through input fields and check for values. + fields.each( function( index, el ) { + if ( $( el ).hasClass( 'wpforms-required' ) && $( el ).val().length === 0 ) { + $( el ).addClass( 'wpforms-error' ); + error = true; + } else { + $( el ).removeClass( 'wpforms-error' ); + } + } ); + if ( error ) { + location.prepend( '

' + wpforms_builder_providers.required_field + '

' ); + } + return error; + }, + + /** + * Pseudo serializing. Fake it until you make it. + * + * @since 1.0.0 + */ + fakeSerialize: function( els ) { + var fields = els.clone(); + + fields.each( function( index, el ) { + if ( $( el ).data( 'name' ) ) { + $( el ).attr( 'name', $( el ).data( 'name' ) ); + } + } ); + return fields.serialize(); + }, + + /** + * Get the default name for a new connection. + * + * @since 1.9.3 + * + * @param {string} provider Current provider slug. + * + * @return {string} Returns the default name for a new connection. + */ + getDefaultConnectionName( provider ) { + const providerClass = WPFormsProviders.getProviderClass( provider ); + + // Check if the provider has a method to set the custom connection name. + if ( typeof providerClass?.setDefaultModalValue === 'function' ) { + return providerClass.setDefaultModalValue(); + } + + const providerName = $( `#${ provider }-provider` ).data( 'provider-name' ); + const numberOfConnections = WPFormsProviders.getCountConnectionsOf( provider ); + const defaultName = `${ providerName } ${ wpforms_builder.connection_label }`; + + if ( numberOfConnections === 0 ) { + return defaultName; + } + + return `${ defaultName } #${ numberOfConnections + 1 }`; + }, + + /** + * Get the number of connections for the provider. + * + * @since 1.9.3 + * + * @param {string} provider Current provider slug. + * + * @return {number} Returns the number of connections for the provider. + */ + getCountConnectionsOf( provider ) { + return $( `#${ provider }-provider .wpforms-provider-connection` ).length; + }, + + /** + * Get a provider JS object. + * + * @since 1.9.3 + * + * @param {string} provider Provider name. + * + * @return {Object|null} Return provider object or null. + */ + getProviderClass( provider ) { + const upperProviderPart = ( providerPart ) => ( + providerPart.charAt( 0 ).toUpperCase() + providerPart.slice( 1 ) + ); + + const getClassName = provider.split( '-' ).map( upperProviderPart ).join( '' ); + + if ( typeof WPForms?.Admin?.Builder?.Providers?.[ getClassName ] === 'undefined' ) { + return null; + } + return WPForms.Admin.Builder.Providers[ getClassName ]; + }, + }; + + WPFormsProviders.init(); +} )( jQuery ); diff --git a/assets/js/admin-builder-providers.min.js b/assets/js/admin-builder-providers.min.js new file mode 100644 index 00000000..9b70d4d9 --- /dev/null +++ b/assets/js/admin-builder-providers.min.js @@ -0,0 +1 @@ +!function(c){var s,a={settings:{spinner:'',spinnerWhite:''},init:function(){s=this.settings,c(a.ready),a.bindUIActions()},ready:function(){s.form=c("#wpforms-builder-form")},bindUIActions:function(){c(document).on("click",".wpforms-provider-connection-delete",function(e){a.connectionDelete(this,e)}),c(document).on("click",".wpforms-provider-connections-add",function(e){a.connectionAdd(this,e)}),c(document).on("click",".wpforms-provider-account-add button",function(e){a.accountAdd(this,e)}),c(document).on("change",".wpforms-provider-accounts select",function(e){a.accountSelect(this,e)}),c(document).on("change",".wpforms-provider-lists select",function(e){a.accountListSelect(this,e)}),c(document).on("wpformsPanelSwitch",function(e,o){a.providerPanelConfirm(o)}),c(document).on("wpformsSaved",function(){var r=[],e=c("#wpforms-panel-providers").find(".wpforms-connection-block");e.length&&e.each(function(){var e,o,n=!1;c(this).find("table span.required").each(function(){""===c(this).parent().parent().find("select").val()&&(n=!0)}),n&&((e=c(this).closest(".wpforms-panel-content-section").find(".wpforms-panel-content-section-title").clone()).find("button").remove(),e=e.text().trim(),o=wpforms_builder.provider_required_flds,-1')+('

'+wpforms_builder_providers.error_name+"

")).replace(/%type%/g,e);c.confirm({title:!1,content:o,icon:"fa fa-info-circle",type:"blue",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"],action:function(){var e=this.$content.find("input#provider-connection-name").val().trim(),o=this.$content.find(".error");if(""===e)return o.show(),!1;a.inputToggle(n,"disable");o={action:"wpforms_provider_ajax_"+t,provider:t,task:"new_connection",name:e,id:s.form.data("id"),nonce:wpforms_builder.nonce};a.fireAJAX(n,o,function(e){var o;e.success?(r.find(".wpforms-builder-provider-connections-default").addClass("wpforms-hidden"),r.find(".wpforms-provider-connections").prepend(e.data.html),(o=r.find(".wpforms-provider-connection").first()).find(".wpforms-provider-accounts option:selected")&&(o.find(".wpforms-provider-accounts option").first().prop("selected",!0),o.find(".wpforms-provider-accounts select").trigger("change"))):a.errorDisplay(e.data.error,i)})}},cancel:{text:wpforms_builder.cancel}}})},accountAdd:function(e,o){o.preventDefault();var o=c(e),e=o.data("provider"),n=o.closest(".wpforms-provider-connection"),r=o.parent(),i=r.find(":input"),t=a.requiredCheck(i,r);if(a.inputToggle(o,"disable"),t)return o.prop("disabled",!1).find("i").remove(),!1;t={action:"wpforms_provider_ajax_"+e,provider:e,connection_id:n.data("connection_id"),task:"new_account",data:a.fakeSerialize(i)};a.fireAJAX(o,t,function(e){e.success?(r.nextAll(".wpforms-connection-block").remove(),r.nextAll(".wpforms-conditional-block").remove(),r.after(e.data.html),r.slideUp(),n.find(".wpforms-provider-accounts select").trigger("change")):a.errorDisplay(e.data.error,r)})},accountSelect:function(e,o){o.preventDefault();var o=c(e),n=o.closest(".wpforms-provider-connection"),r=o.parent(),e=n.data("provider");a.inputToggle(o,"disable"),r.nextAll(".wpforms-connection-block").remove(),r.nextAll(".wpforms-conditional-block").remove(),o.val()?(n.find(".wpforms-provider-account-add").slideUp(),e={action:"wpforms_provider_ajax_"+e,provider:e,connection_id:n.data("connection_id"),task:"select_account",account_id:o.find(":selected").val()},a.fireAJAX(o,e,function(e){e.success?(r.after(e.data.html),n.find(".wpforms-provider-lists option").first().prop("selected",!0),n.find(".wpforms-provider-lists select").trigger("change")):a.errorDisplay(e.data.error,r)})):(n.find(".wpforms-provider-account-add input").val(""),n.find(".wpforms-provider-account-add").slideDown(),a.inputToggle(o,"enable"))},accountListSelect:function(e,o){o.preventDefault();var o=c(e),e=o.closest(".wpforms-provider-connection"),n=o.parent(),r=e.data("provider"),r=(a.inputToggle(o,"disable"),n.nextAll(".wpforms-connection-block").remove(),n.nextAll(".wpforms-conditional-block").remove(),{action:"wpforms_provider_ajax_"+r,provider:r,connection_id:e.data("connection_id"),task:"select_list",account_id:e.find(".wpforms-provider-accounts option:selected").val(),list_id:o.find(":selected").val(),form_id:s.form.data("id")});a.fireAJAX(o,r,function(e){e.success?(n.after(e.data.html),wpf.initTooltips()):a.errorDisplay(e.data.error,n)})},providerPanelConfirm:function(n){wpforms_panel_switch=!0,"providers"!==n||s.form.data("revision")||wpf.savedState!=wpf.getFormState("#wpforms-builder-form")&&(wpforms_panel_switch=!1,c.confirm({title:!1,content:wpforms_builder_providers.confirm_save,icon:"fa fa-info-circle",type:"blue",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"],action:function(){c("#wpforms-save").trigger("click"),c(document).on("wpformsSaved",function(){let e=wpforms_builder_providers.url;var o=c(`#wpforms-panel-${n} .wpforms-panel-sidebar-section.active`),o=o.length&&"default"!==o.data("section")?o.data("section"):null;o&&(e+="§ion="+o),window.location.href=e})}},cancel:{text:wpforms_builder.cancel}}}))},fireAJAX:function(e,o,n){var r=c(e),e={id:c("#wpforms-builder-form").data("id"),nonce:wpforms_builder.nonce};c.extend(e,o),c.post(wpforms_builder.ajax_url,e,function(e){n(e),a.inputToggle(r,"enable")}).fail(function(e,o,n){console.log(e.responseText)})},inputToggle:function(e,o){e=c(e);"enable"===o?(e.is("select")?e.prop("disabled",!1).next("i"):e.prop("disabled",!1).find("i")).remove():"disable"===o&&(e.is("select")?e.prop("disabled",!0).after(s.spinner):e.prop("disabled",!0).prepend(s.spinnerWhite))},errorDisplay:function(e,o){o.find(".wpforms-error-msg").remove(),o.prepend('

'+e+"

")},requiredCheck:function(e,o){var n=!1;return o.find(".wpforms-alert-required").remove(),e.each(function(e,o){c(o).hasClass("wpforms-required")&&0===c(o).val().length?(c(o).addClass("wpforms-error"),n=!0):c(o).removeClass("wpforms-error")}),n&&o.prepend('

'+wpforms_builder_providers.required_field+"

"),n},fakeSerialize:function(e){e=e.clone();return e.each(function(e,o){c(o).data("name")&&c(o).attr("name",c(o).data("name"))}),e.serialize()},getDefaultConnectionName(e){var o=a.getProviderClass(e);return"function"==typeof o?.setDefaultModalValue?o.setDefaultModalValue():(o=c(`#${e}-provider`).data("provider-name"),e=a.getCountConnectionsOf(e),o=o+" "+wpforms_builder.connection_label,0===e?o:o+" #"+(e+1))},getCountConnectionsOf(e){return c(`#${e}-provider .wpforms-provider-connection`).length},getProviderClass(e){e=e.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("");return void 0===WPForms?.Admin?.Builder?.Providers?.[e]?null:WPForms.Admin.Builder.Providers[e]}};a.init()}(jQuery); \ No newline at end of file diff --git a/assets/js/admin-builder-stripe-card-field.js b/assets/js/admin-builder-stripe-card-field.js new file mode 100644 index 00000000..0f61f868 --- /dev/null +++ b/assets/js/admin-builder-stripe-card-field.js @@ -0,0 +1,220 @@ +/* global wpforms_builder, wpforms_builder_stripe_card_field */ + +/** + * WPForms Stripe Card Field function. + * + * @since 1.8.2 + */ + +'use strict'; + +var WPFormsStripeCardField = window.WPFormsStripeCardField || ( function( document, window, $ ) { + + /** + * Public functions and properties. + * + * @since 1.8.2 + * + * @type {object} + */ + const app = { + + /** + * Start the engine. + * + * @since 1.8.2 + */ + init: function() { + + app.bindUIActions(); + }, + + /** + * Process various events as a response to UI interactions. + * + * @since 1.8.2 + */ + bindUIActions: function() { + + $( document ).on( 'wpformsSaved', app.ajaxRequiredCheck ); + $( document ).on( 'wpformsSaved', app.paymentsEnabledCheck ); + + $( document ).on( 'click', '#wpforms-add-fields-' + wpforms_builder_stripe_card_field.field_slug, app.stripeKeysCheck ); + $( document ).on( 'change', '.wpforms-field-option-stripe-credit-card .wpforms-field-option-row-sublabel_position select', app.sublabelPositionChange ); + $( document ).on( 'change', '.wpforms-field-option-stripe-credit-card .wpforms-field-option-row-link_email select', app.linkEmailChange ); + + $( document ).on( 'wpformsFieldAdd', app.disableAddCardButton ); + $( document ).on( 'wpformsFieldDelete', app.enableAddCardButton ); + $( document ).on( 'wpformsFieldDelete', app.maybeResetLinkEmailField ); + }, + + /** + * On form save notify users if AJAX submission is required. + * + * @since 1.8.2 + */ + ajaxRequiredCheck: function() { + + if ( ! $( '.wpforms-field.wpforms-field-' + wpforms_builder_stripe_card_field.field_slug ).length || + $( '#wpforms-panel-field-settings-ajax_submit' ).is( ':checked' ) ) { + return; + } + + $.alert( { + title: wpforms_builder.heads_up, + content: wpforms_builder.stripe_ajax_required, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * On form save notify users if Stripe payments are not enabled. + * + * @since 1.8.2 + */ + paymentsEnabledCheck: function() { + + if ( ! $( `.wpforms-field.wpforms-field-${ wpforms_builder_stripe_card_field.field_slug }:visible` ).length || + $( '#wpforms-panel-field-stripe-enable' ).is( ':checked' ) || + $( '#wpforms-panel-field-stripe-enable_one_time' ).is( ':checked' ) || + $( '#wpforms-panel-field-stripe-enable_recurring' ).is( ':checked' ) + ) { + return; + } + + $.alert( { + title: wpforms_builder.heads_up, + content: wpforms_builder.payments_enabled_required, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * On adding Stripe Credit Card field notify users if Stripe keys are missing. + * + * @since 1.8.2 + */ + stripeKeysCheck: function() { + + if ( ! $( this ).hasClass( 'stripe-keys-required' ) ) { + return; + } + + $.alert( { + title: wpforms_builder.heads_up, + content: wpforms_builder.stripe_keys_required, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Disable "Add Card" button in the fields list. + * + * @since 1.8.2 + * + * @param {object} e Event object. + * @param {number} id Field ID. + * @param {string} type Field type. + */ + disableAddCardButton: function( e, id, type ) { + + if ( wpforms_builder_stripe_card_field.field_slug === type ) { + $( '#wpforms-add-fields-' + wpforms_builder_stripe_card_field.field_slug ) + .prop( 'disabled', true ); + } + }, + + /** + * Enable "Add Card" button in the fields list. + * + * @since 1.8.2 + * + * @param {object} e Event object. + * @param {number} id Field ID. + * @param {string} type Field type. + */ + enableAddCardButton: function( e, id, type ) { + + if ( wpforms_builder_stripe_card_field.field_slug === type ) { + $( '#wpforms-add-fields-' + wpforms_builder_stripe_card_field.field_slug ) + .prop( 'disabled', false ); + } + }, + + /** + * Switch sublabels preview mode. + * + * @since 1.8.2 + */ + sublabelPositionChange: function() { + + const fieldId = $( this ).parent().data( 'field-id' ), + $fieldPreview = $( `#wpforms-field-${fieldId}` ).find( '.wpforms-stripe-payment-element' ); + + $fieldPreview.toggleClass( 'above' ); + $fieldPreview.toggleClass( 'floating' ); + $fieldPreview.find( 'select' ).val( $fieldPreview.hasClass( 'above' ) ? 'empty' : 'country' ); + }, + + /** + * Switch Link Email Field mapping. + * + * @since 1.8.2 + */ + linkEmailChange: function() { + + const fieldId = $( this ).parent().data( 'field-id' ); + + $( `#wpforms-field-${fieldId}` ).find( '.wpforms-stripe-link-email' ).toggleClass( 'wpforms-hidden', $( this ).val() !== '' ); + }, + + /** + * Maybe reset link email field if mapped email was removed. + * + * @since 1.8.2 + * + * @param {object} e Event object. + * @param {number} id Field ID. + * @param {string} type Field type. + */ + maybeResetLinkEmailField: function( e, id, type ) { + + if ( type !== 'email' ) { + return; + } + + $( '.wpforms-field-option-stripe-credit-card .wpforms-field-option-row-link_email select' ).trigger( 'change' ); + }, + }; + + // Provide access to public functions/properties. + return app; + +}( document, window, jQuery ) ); + +// Initialize. +WPFormsStripeCardField.init(); diff --git a/assets/js/admin-builder-stripe-card-field.min.js b/assets/js/admin-builder-stripe-card-field.min.js new file mode 100644 index 00000000..0919d792 --- /dev/null +++ b/assets/js/admin-builder-stripe-card-field.min.js @@ -0,0 +1 @@ +"use strict";var WPFormsStripeCardField=window.WPFormsStripeCardField||function(e,s){const i={init:function(){i.bindUIActions()},bindUIActions:function(){s(e).on("wpformsSaved",i.ajaxRequiredCheck),s(e).on("wpformsSaved",i.paymentsEnabledCheck),s(e).on("click","#wpforms-add-fields-"+wpforms_builder_stripe_card_field.field_slug,i.stripeKeysCheck),s(e).on("change",".wpforms-field-option-stripe-credit-card .wpforms-field-option-row-sublabel_position select",i.sublabelPositionChange),s(e).on("change",".wpforms-field-option-stripe-credit-card .wpforms-field-option-row-link_email select",i.linkEmailChange),s(e).on("wpformsFieldAdd",i.disableAddCardButton),s(e).on("wpformsFieldDelete",i.enableAddCardButton),s(e).on("wpformsFieldDelete",i.maybeResetLinkEmailField)},ajaxRequiredCheck:function(){s(".wpforms-field.wpforms-field-"+wpforms_builder_stripe_card_field.field_slug).length&&!s("#wpforms-panel-field-settings-ajax_submit").is(":checked")&&s.alert({title:wpforms_builder.heads_up,content:wpforms_builder.stripe_ajax_required,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})},paymentsEnabledCheck:function(){!s(`.wpforms-field.wpforms-field-${wpforms_builder_stripe_card_field.field_slug}:visible`).length||s("#wpforms-panel-field-stripe-enable").is(":checked")||s("#wpforms-panel-field-stripe-enable_one_time").is(":checked")||s("#wpforms-panel-field-stripe-enable_recurring").is(":checked")||s.alert({title:wpforms_builder.heads_up,content:wpforms_builder.payments_enabled_required,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})},stripeKeysCheck:function(){s(this).hasClass("stripe-keys-required")&&s.alert({title:wpforms_builder.heads_up,content:wpforms_builder.stripe_keys_required,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})},disableAddCardButton:function(e,i,r){wpforms_builder_stripe_card_field.field_slug===r&&s("#wpforms-add-fields-"+wpforms_builder_stripe_card_field.field_slug).prop("disabled",!0)},enableAddCardButton:function(e,i,r){wpforms_builder_stripe_card_field.field_slug===r&&s("#wpforms-add-fields-"+wpforms_builder_stripe_card_field.field_slug).prop("disabled",!1)},sublabelPositionChange:function(){var e=s(this).parent().data("field-id"),e=s("#wpforms-field-"+e).find(".wpforms-stripe-payment-element");e.toggleClass("above"),e.toggleClass("floating"),e.find("select").val(e.hasClass("above")?"empty":"country")},linkEmailChange:function(){var e=s(this).parent().data("field-id");s("#wpforms-field-"+e).find(".wpforms-stripe-link-email").toggleClass("wpforms-hidden",""!==s(this).val())},maybeResetLinkEmailField:function(e,i,r){"email"===r&&s(".wpforms-field-option-stripe-credit-card .wpforms-field-option-row-link_email select").trigger("change")}};return i}(document,(window,jQuery));WPFormsStripeCardField.init(); \ No newline at end of file diff --git a/assets/js/admin-builder-stripe.js b/assets/js/admin-builder-stripe.js new file mode 100644 index 00000000..57f8de48 --- /dev/null +++ b/assets/js/admin-builder-stripe.js @@ -0,0 +1,201 @@ +/* global wpforms_builder, wpforms_builder_stripe */ + +// noinspection ES6ConvertVarToLetConst +/** + * Stripe builder function. + * + * @since 1.8.2 + */ +// eslint-disable-next-line no-var +var WPFormsStripe = window.WPFormsStripe || ( function( document, window, $ ) { + /** + * Public functions and properties. + * + * @since 1.8.2 + * + * @type {Object} + */ + const app = { + + /** + * Start the engine. + * + * @since 1.8.2 + */ + init() { + $( app.ready ); + }, + + /** + * Initialized once the DOM is fully loaded. + * + * @since 1.8.2 + */ + ready() { + if ( ! app.isLegacySettings() ) { + return; + } + + app.settingsDisplay(); + app.settingsConditions(); + + app.bindUIActions(); + }, + + /** + * Process various events as a response to UI interactions. + * + * @since 1.8.2 + */ + bindUIActions() { + $( document ) + .on( 'wpformsFieldDelete', app.disableNotifications ) + .on( 'wpformsSaved', app.requiredFieldsCheck ) + .on( 'wpformsFieldUpdate', app.settingsDisplay ) + .on( 'wpformsFieldUpdate', app.settingsConditions ); + }, + + /** + * Toggles visibility of the Stripe settings. + * + * If a credit card field has been added, then reveal the settings. + * Otherwise, hide them. + * + * @since 1.8.2 + */ + settingsDisplay() { + const $alert = $( '#wpforms-stripe-credit-card-alert' ); + const $content = $( '#stripe-provider' ); + + // Check if any Credit Card fields were added to the form. + const ccFieldsAdded = wpforms_builder_stripe.field_slugs.filter( function( fieldSlug ) { + const $el = $( '.wpforms-field-option-' + fieldSlug ); + + return $el.length ? $el : null; + } ); + + if ( ccFieldsAdded.length ) { + $alert.hide(); + $content.find( '#wpforms-stripe-new-interface-alert, .wpforms-stripe-notice-info, .wpforms-panel-field, .wpforms-conditional-block-panel, h2' ).show(); + } else { + $alert.show(); + $content.find( '#wpforms-stripe-new-interface-alert, .wpforms-stripe-notice-info, .wpforms-panel-field, .wpforms-conditional-block-panel, h2' ).hide(); + $content.find( '#wpforms-panel-field-stripe-enable' ).prop( 'checked', false ); + } + }, + + /** + * Toggles the visibility of the related settings. + * + * @since 1.8.2 + */ + settingsConditions() { + $( '#wpforms-panel-field-stripe-enable' ).conditions( { + conditions: { + element: '#wpforms-panel-field-stripe-enable', + type: 'checked', + operator: 'is', + }, + actions: { + if: { + element: '.wpforms-panel-content-section-stripe-body', + action: 'show', + }, + else: { + element: '.wpforms-panel-content-section-stripe-body', + action: 'hide', + }, + }, + effect: 'appear', + } ); + + $( '#wpforms-panel-field-stripe-recurring-enable' ).conditions( { + conditions: { + element: '#wpforms-panel-field-stripe-recurring-enable', + type: 'checked', + operator: 'is', + }, + actions: { + if: { + element: '#wpforms-panel-field-stripe-recurring-period-wrap,#wpforms-panel-field-stripe-recurring-conditional_logic-wrap,#wpforms-conditional-groups-payments-stripe-recurring,#wpforms-panel-field-stripe-recurring-email-wrap,#wpforms-panel-field-stripe-recurring-name-wrap', + action: 'show', + }, + else: { + element: '#wpforms-panel-field-stripe-recurring-period-wrap,#wpforms-panel-field-stripe-recurring-conditional_logic-wrap,#wpforms-conditional-groups-payments-stripe-recurring,#wpforms-panel-field-stripe-recurring-email-wrap,#wpforms-panel-field-stripe-recurring-name-wrap', + action: 'hide', + }, + }, + effect: 'appear', + } ); + }, + + /** + * On form save notify users about required fields. + * + * @since 1.8.2 + */ + requiredFieldsCheck() { + if ( + ! $( '#wpforms-panel-field-stripe-enable' ).is( ':checked' ) || + ! $( '#wpforms-panel-field-stripe-recurring-enable' ).is( ':checked' ) + ) { + return; + } + + if ( $( '#wpforms-panel-field-stripe-recurring-email' ).val() ) { + return; + } + + $.alert( { + title: wpforms_builder.heads_up, + content: wpforms_builder.stripe_recurring_email, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Disable notifications. + * + * @since 1.8.2 + * + * @param {Object} e Event object. + * @param {number} id Field ID. + * @param {string} type Field type. + */ + disableNotifications( e, id, type ) { + if ( ! wpforms_builder_stripe.field_slugs.includes( type ) ) { + return; + } + + const $notificationWrap = $( '.wpforms-panel-content-section-notifications [id*="-stripe-wrap"]' ); + + $notificationWrap.find( 'input[id*="-stripe"]' ).prop( 'checked', false ); + $notificationWrap.addClass( 'wpforms-hidden' ); + }, + + /** + * Determine is legacy settings is loaded. + * + * @since 1.8.4 + * + * @return {boolean} True is legacy settings loaded. + */ + isLegacySettings() { + return $( '#wpforms-panel-field-stripe-enable' ).length; + }, + }; + + // Provide access to public functions/properties. + return app; +}( document, window, jQuery ) ); + +// Initialize. +WPFormsStripe.init(); diff --git a/assets/js/admin-builder-stripe.min.js b/assets/js/admin-builder-stripe.min.js new file mode 100644 index 00000000..1a588ae5 --- /dev/null +++ b/assets/js/admin-builder-stripe.min.js @@ -0,0 +1 @@ +var WPFormsStripe=window.WPFormsStripe||function(e,n){const i={init(){n(i.ready)},ready(){i.isLegacySettings()&&(i.settingsDisplay(),i.settingsConditions(),i.bindUIActions())},bindUIActions(){n(e).on("wpformsFieldDelete",i.disableNotifications).on("wpformsSaved",i.requiredFieldsCheck).on("wpformsFieldUpdate",i.settingsDisplay).on("wpformsFieldUpdate",i.settingsConditions)},settingsDisplay(){var e=n("#wpforms-stripe-credit-card-alert"),i=n("#stripe-provider");wpforms_builder_stripe.field_slugs.filter(function(e){e=n(".wpforms-field-option-"+e);return e.length?e:null}).length?(e.hide(),i.find("#wpforms-stripe-new-interface-alert, .wpforms-stripe-notice-info, .wpforms-panel-field, .wpforms-conditional-block-panel, h2").show()):(e.show(),i.find("#wpforms-stripe-new-interface-alert, .wpforms-stripe-notice-info, .wpforms-panel-field, .wpforms-conditional-block-panel, h2").hide(),i.find("#wpforms-panel-field-stripe-enable").prop("checked",!1))},settingsConditions(){n("#wpforms-panel-field-stripe-enable").conditions({conditions:{element:"#wpforms-panel-field-stripe-enable",type:"checked",operator:"is"},actions:{if:{element:".wpforms-panel-content-section-stripe-body",action:"show"},else:{element:".wpforms-panel-content-section-stripe-body",action:"hide"}},effect:"appear"}),n("#wpforms-panel-field-stripe-recurring-enable").conditions({conditions:{element:"#wpforms-panel-field-stripe-recurring-enable",type:"checked",operator:"is"},actions:{if:{element:"#wpforms-panel-field-stripe-recurring-period-wrap,#wpforms-panel-field-stripe-recurring-conditional_logic-wrap,#wpforms-conditional-groups-payments-stripe-recurring,#wpforms-panel-field-stripe-recurring-email-wrap,#wpforms-panel-field-stripe-recurring-name-wrap",action:"show"},else:{element:"#wpforms-panel-field-stripe-recurring-period-wrap,#wpforms-panel-field-stripe-recurring-conditional_logic-wrap,#wpforms-conditional-groups-payments-stripe-recurring,#wpforms-panel-field-stripe-recurring-email-wrap,#wpforms-panel-field-stripe-recurring-name-wrap",action:"hide"}},effect:"appear"})},requiredFieldsCheck(){n("#wpforms-panel-field-stripe-enable").is(":checked")&&n("#wpforms-panel-field-stripe-recurring-enable").is(":checked")&&(n("#wpforms-panel-field-stripe-recurring-email").val()||n.alert({title:wpforms_builder.heads_up,content:wpforms_builder.stripe_recurring_email,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}}))},disableNotifications(e,i,r){wpforms_builder_stripe.field_slugs.includes(r)&&((r=n('.wpforms-panel-content-section-notifications [id*="-stripe-wrap"]')).find('input[id*="-stripe"]').prop("checked",!1),r.addClass("wpforms-hidden"))},isLegacySettings(){return n("#wpforms-panel-field-stripe-enable").length}};return i}(document,(window,jQuery));WPFormsStripe.init(); \ No newline at end of file diff --git a/assets/js/admin-builder.js b/assets/js/admin-builder.js new file mode 100644 index 00000000..92671768 --- /dev/null +++ b/assets/js/admin-builder.js @@ -0,0 +1,9157 @@ +/* global wpforms_builder, wpf, jconfirm, wpforms_panel_switch, Choices, WPForms, WPFormsFormEmbedWizard, wpCookies, tinyMCE, WPFormsUtils, List, wpforms_preset_choices */ + +/** + * @param wpforms_builder.smart_tags_disabled_for_confirmations + */ + +/* noinspection JSUnusedLocalSymbols */ +/* eslint-disable no-unused-expressions, no-shadow */ + +// noinspection ES6ConvertVarToLetConst +var WPFormsBuilder = window.WPFormsBuilder || ( function( document, window, $ ) { // eslint-disable-line no-var + let s, + $builder; + const elements = {}, + browser = {}; + + /** + * Whether to show the close confirmation dialog or not. + * + * @since 1.6.0 + * + * @type {boolean} + */ + let closeConfirmation = true; + + /** + * A field is adding. + * + * @since 1.7.1 + * + * @type {boolean} + */ + let adding = false; + + /** + * Preview tab. + * + * @since 1.9.4 + * + * @type {object|null} + */ + let previewTab = null; + + // noinspection JSUnusedGlobalSymbols + const app = { + /* eslint-disable camelcase */ + + settings: { + spinner: '', + spinnerInline: '', + tinymceDefaults: { + tinymce: { toolbar1: 'bold,italic,underline,blockquote,strikethrough,bullist,numlist,alignleft,aligncenter,alignright,undo,redo,link' }, + quicktags: true, + }, + pagebreakTop: false, + pagebreakBottom: false, + upload_img_modal: false, + choicesLimit: 20, // Choices limit for fields different from Dropdown. + choicesLimitLong: 250, // Choices limit for Dropdown field. + }, + + /** + * Start the engine. + * + * @since 1.0.0 + */ + init() { + const that = this; + + wpforms_panel_switch = true; + s = this.settings; + + // Document ready. + $( app.ready ); + + // Page load. + $( window ).on( 'load', function() { + // In the case of jQuery 3.+, we need to wait for a ready event first. + if ( typeof $.ready.then === 'function' ) { + $.ready.then( app.load ); + } else { + app.load(); + } + } ); + + $( window ).on( 'beforeunload', function() { + if ( ! that.formIsSaved() && closeConfirmation ) { + return wpforms_builder.are_you_sure_to_close; + } + } ); + }, + + /** + * Page load. + * + * @since 1.0.0 + * @since 1.7.9 Added `wpformsBuilderReady` hook. + * + * @return {false|void} False if default event is prevented. + */ + load() { + // Trigger initial save for new forms. + if ( wpf.getQueryString( 'newform' ) ) { + app.formSave( false ); + } + + const panel = $( '#wpforms-panels-toggle .active' ).data( 'panel' ); + + // Render form preview on the Revisions panel if the panel is active. + if ( panel === 'revisions' ) { + app.updateRevisionPreview(); + } + + // Allow callbacks to prevent making Form Builder ready... + const event = WPFormsUtils.triggerEvent( $builder, 'wpformsBuilderReady' ); + + // ...by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return false; + } + + // Hide loading overlay and make the Form Builder ready to use. + app.hideLoadingOverlay(); + + // Maybe display informational modal. + + // noinspection JSUnresolvedReference, EqualityComparisonWithCoercionJS + if ( wpforms_builder.template_modal_display == '1' && 'fields' === wpf.getQueryString( 'view' ) ) { // eslint-disable-line + $.alert( { + title: wpforms_builder.template_modal_title, + content: wpforms_builder.template_modal_msg, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: { + confirm: { + text: wpforms_builder.close, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + } + }, + + /** + * Init elements cache. + * + * @since 1.9.2 + */ + initElementsCache() { + // Cache builder element. + $builder = $( '#wpforms-builder' ); + + browser.isWindows = /Win/.test( navigator.userAgent ); + browser.isLinux = /Linux/.test( navigator.userAgent ); + browser.isMac = /Mac/.test( navigator.userAgent ); + + // Action buttons. + elements.$helpButton = $( '#wpforms-help' ); + elements.$previewButton = $( '#wpforms-preview-btn' ); + elements.$embedButton = $( '#wpforms-embed' ); + elements.$saveButton = $( '#wpforms-save' ); + elements.$exitButton = $( '#wpforms-exit' ); + + // Cache other elements. + elements.$noFieldsOptions = $( '#wpforms-panel-fields .wpforms-no-fields-holder .no-fields' ); + elements.$noFieldsPreview = $( '#wpforms-panel-fields .wpforms-no-fields-holder .no-fields-preview' ); + elements.$formPreview = $( '#wpforms-panel-fields .wpforms-preview-wrap' ); + elements.$revisionPreview = $( '#wpforms-panel-revisions .wpforms-panel-content' ); + elements.defaultEmailSelector = '.wpforms-field-option-email .wpforms-field-option-row-default_value input'; + elements.$defaultEmail = $( elements.defaultEmailSelector ); + elements.$focusOutTarget = null; + + elements.$nextFieldId = $( '#wpforms-field-id' ); + elements.$addFieldsTab = $( '#add-fields a' ); + elements.$fieldOptions = $( '#wpforms-field-options' ); + elements.$fieldsPreviewWrap = $( '#wpforms-panel-fields .wpforms-panel-content-wrap' ); + elements.$sortableFieldsWrap = $( '#wpforms-panel-fields .wpforms-field-wrap' ); + elements.$addFieldsButtons = $( '.wpforms-add-fields-button' ).not( '.not-draggable' ).not( '.warning-modal' ).not( '.education-modal' ); + elements.$fieldsSidebar = $( '#wpforms-panel-fields .wpforms-add-fields' ); + elements.$searchInput = $( '#wpforms-search-fields-input' ); + elements.$sidebarToggle = $( '.wpforms-panels .wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle' ); + }, + + /** + * Document ready. + * + * @since 1.0.0 + */ + ready() { // eslint-disable-line max-lines-per-function + if ( app.isVisitedViaBackButton() ) { + location.reload(); + + return; + } + + app.initElementsCache(); + + // Add `_wp_http_referer` to the data of every AJAX request. + $.ajaxSetup( { + data: { + // eslint-disable-next-line camelcase + _wp_http_referer: wpf.updateQueryString( '_wp_http_referer', null ), + }, + } ); + + // Remove Embed button if builder opened in the popup. + if ( app.isBuilderInPopup() ) { + elements.$embedButton.remove(); + elements.$previewButton.addClass( 'wpforms-alone' ); + } + + app.loadMsWinCSS(); + + // Bind all actions. + app.bindUIActions(); + + // Setup/cache some vars not available before + s.formID = $( '#wpforms-builder-form' ).data( 'id' ); + s.pagebreakTop = $( '.wpforms-pagebreak-top' ).length; + s.pagebreakBottom = $( '.wpforms-pagebreak-bottom' ).length; + + // Disable implicit submission for every form inside the builder. + // All form values are managed by JS and should not be submitted by pressing Enter. + $builder.on( 'keypress', '#wpforms-builder-form :input:not(textarea)', function( e ) { + if ( e.keyCode === 13 ) { + e.preventDefault(); + } + } ); + + app.determineActiveSections(); + + app.loadEntryPreviewFields(); + + // Drag and drop sortable elements. + app.fieldChoiceSortable( 'select' ); + app.fieldChoiceSortable( 'radio' ); + app.fieldChoiceSortable( 'checkbox' ); + app.fieldChoiceSortable( 'payment-multiple' ); + app.fieldChoiceSortable( 'payment-checkbox' ); + app.fieldChoiceSortable( 'payment-select' ); + + // Set field group visibility. + $( '.wpforms-add-fields-group' ).each( function( index, el ) { // eslint-disable-line no-unused-vars + app.fieldGroupToggle( $( this ), 'load' ); + } ); + + app.registerTemplates(); + + // Trim long form titles. + app.trimFormTitle(); + + // Load Tooltips. + wpf.initTooltips(); + + // Load Color Pickers. + app.loadColorPickers(); + + // Hide/Show CAPTCHA in form. + app.captchaToggle(); + + // Confirmations' initial setup. + app.confirmationsSetup(); + + // Notification settings. + app.notificationToggle(); + app.notificationsByStatusAlerts(); + app.notificationsUpdateElementsVisibility(); + + // Secret builder hotkeys. + app.builderHotkeys(); + + // jquery-confirm defaults. + jconfirm.defaults = { + closeIcon: false, + backgroundDismiss: false, + escapeKey: true, + animationBounce: 1, + useBootstrap: false, + theme: 'modern', + boxWidth: '400px', + animateFromElement: false, + content: wpforms_builder.something_went_wrong, + }; + + app.dropdownField.init(); + + app.iconChoices.init(); + + app.disabledFields.init(); + + app.checkEmptyDynamicChoices(); + + app.initSomeFieldOptions(); + + app.dismissNotice(); + + wpf.initializeChoicesEventHandlers(); + }, + + checkEmptyDynamicChoices() { + const choices = wpf.orders.choices || {}; + + if ( ! Object.keys( choices ).length ) { + return; + } + + wpf.orders.fields.forEach( function( fieldId ) { // eslint-disable-line complexity + const isDynamic = app.dropdownField.helpers.isDynamicChoices( fieldId ); + + if ( ! isDynamic ) { + return; + } + + const $fieldPreview = $( '#wpforms-field-' + fieldId ); + const type = app.dropdownField.helpers.getDynamicChoicesOptionType( fieldId ); + const source = app.dropdownField.helpers.getDynamicChoicesOptionSource( fieldId ); + const isModern = app.dropdownField.helpers.isDynamicChoicesOptionModern( fieldId ); + let isEmpty = isModern + ? $fieldPreview.find( '.has-no-choices' ).length + : $fieldPreview.find( '.primary-input option:not(.placeholder), .primary-input li' ).length === 0; + + if ( isModern && ! isEmpty ) { + const placeholder = $( '#wpforms-field-option-' + fieldId + '-placeholder' ).val(); + const choices = app.dropdownField.helpers.getInitialChoices( fieldId ); + isEmpty = choices.length === 1 && choices[ 0 ].label === placeholder && choices[ 0 ].placeholder === true; + } + + if ( isEmpty ) { + app.emptyChoicesNotice( fieldId, source, type ); + } + } ); + }, + + /** + * Load Microsoft Windows specific stylesheet. + * + * @since 1.6.8 + */ + loadMsWinCSS() { + // Detect OS & browsers. + if ( browser.isMac ) { + return; + } + + $( '' ) + .appendTo( 'head' ) + .attr( { + type: 'text/css', + rel: 'stylesheet', + href: wpforms_builder.scrollbars_css_url, + } ); + }, + + /** + * Builder was visited via back button in the browser. + * + * @since 1.6.5 + * + * @return {boolean} True if the builder was visited via back button in browser. + */ + isVisitedViaBackButton() { + if ( ! performance ) { + return false; + } + + let isVisitedViaBackButton = false; + + performance.getEntriesByType( 'navigation' ).forEach( function( nav ) { + if ( nav.type === 'back_forward' ) { + isVisitedViaBackButton = true; + } + } ); + + return isVisitedViaBackButton; + }, + + /** + * Remove loading overlay. + * + * @since 1.6.8 + */ + hideLoadingOverlay() { + const $overlay = $( '#wpforms-builder-overlay' ); + + $overlay.addClass( 'fade-out' ); + + setTimeout( function() { + $overlay.hide(); + }, 250 ); + }, + + /** + * Show loading overlay. + * + * @since 1.6.8 + */ + showLoadingOverlay() { + const $overlay = $( '#wpforms-builder-overlay' ); + + $overlay.removeClass( 'fade-out' ); + $overlay.show(); + }, + + /** + * Initialize some fields options controls. + * + * @since 1.6.3 + */ + initSomeFieldOptions() { + // Show a toggled options groups. + app.toggleAllOptionGroups( $builder ); + + // Date/Time field Date type option. + $builder.find( '.wpforms-field-option-row-date .type select' ).trigger( 'change' ); + }, + + /** + * Dropdown field component. + * + * @since 1.6.1 + */ + dropdownField: { + + /** + * Field configuration. + * + * @since 1.6.1 + */ + config: { + modernClass: 'choicesjs-select', + args: { + searchEnabled: false, + searchChoices: false, + renderChoiceLimit: 1, + shouldSort: false, + callbackOnInit() { + const $element = $( this.containerOuter.element ), + $previewSelect = $element.closest( '.wpforms-field' ).find( 'select' ); + + // Turn off disabled styles. + if ( $element.hasClass( 'is-disabled' ) ) { + $element.removeClass( 'is-disabled' ); + } + + // Disable instances on the preview panel. + if ( $previewSelect.is( '[readonly]' ) ) { + this.disable(); + $previewSelect.prop( 'disabled', false ); + } + + if ( this.passedElement.element.multiple ) { + // Hide a placeholder if field has selected choices. + if ( this.getValue( true ).length ) { + $( this.input.element ).addClass( 'choices__input--hidden' ); + } + } + + // Decode allowed HTML entities for choices. + $element.find( '.choices__item--selectable' ).each( function() { + const $choice = $( this ); + const text = wpf.decodeAllowedHTMLEntities( $choice.text() ); + + $choice.text( text ); + } ); + }, + }, + }, + + /** + * Initialization for field component. + * + * @since 1.6.1 + */ + init() { + // Choices.js init. + $builder.find( '.' + app.dropdownField.config.modernClass ).each( function() { + app.dropdownField.events.choicesInit( $( this ) ); + } ); + + // Multiple option. + $builder.on( + 'change', + '.wpforms-field-option-select .wpforms-field-option-row-multiple input', + app.dropdownField.events.multiple + ); + + // Style option. + $builder.on( + 'change', + '.wpforms-field-option-select .wpforms-field-option-row-style select, .wpforms-field-option-payment-select .wpforms-field-option-row-style select', + app.dropdownField.events.applyStyle + ); + + // Add the ability to close the drop-down menu. + $builder.on( 'click', '.choices', function( e ) { + const $choices = $( this ), + choicesObj = $choices.find( 'select' ).data( 'choicesjs' ); + + if ( + choicesObj && + $choices.hasClass( 'is-open' ) && + e.target.classList.contains( 'choices__inner' ) + ) { + choicesObj.hideDropdown(); + } + } ); + }, + + /** + * Field events. + * + * @since 1.6.1 + */ + events: { + + /** + * Load Choices.js library. + * + * @since 1.6.1 + * + * @param {Object} $element jQuery element selector. + */ + choicesInit( $element ) { + const useAjax = $element.data( 'choicesjs-use-ajax' ) === 1; + let instance; + + if ( $element.data( 'choicesjs-callback-fn' ) === 'select_pages' ) { + instance = WPForms.Admin.Builder.WPFormsChoicesJS.setup( + $element[ 0 ], + app.dropdownField.config.args, + { + action: 'wpforms_ajax_search_pages_for_dropdown', + nonce: useAjax ? wpforms_builder.nonce : null, + } + ); + } else { + instance = new Choices( $element[ 0 ], app.dropdownField.config.args ); + } + + app.dropdownField.helpers.setInstance( $element, instance ); + app.dropdownField.helpers.addPlaceholderChoice( $element, instance ); + + $element.closest( '.choices' ).toggleClass( 'wpforms-hidden', ! instance.config.choices.length ); + }, + + /** + * Multiple option callback. + * + * @since 1.6.1 + * + * @param {Object} event Event object. + */ + multiple( event ) { + const fieldId = $( this ).closest( '.wpforms-field-option-row-multiple' ).data().fieldId, + $primary = app.dropdownField.helpers.getPrimarySelector( fieldId ), + $optionChoicesItems = $( '#wpforms-field-option-row-' + fieldId + '-choices input.default' ), + $placeholder = $primary.find( '.placeholder' ), + isDynamicChoices = app.dropdownField.helpers.isDynamicChoices( fieldId ), + isMultiple = event.target.checked, + choicesType = isMultiple ? 'checkbox' : 'radio'; + + // Add/remove a `multiple` attribute. + $primary.prop( 'multiple', isMultiple ); + + // Change a `Choices` fields type: + // checkbox - needed for multiple selection + // radio - needed for single selection + $optionChoicesItems.prop( 'type', choicesType ); + + // Dynamic Choices doesn't have default choices (selected options) - make all as unselected. + if ( isDynamicChoices ) { + $primary.find( 'option:selected' ).prop( 'selected', false ); + } + + // Gets default choices. + const selectedChoices = $optionChoicesItems.filter( ':checked' ); + + if ( ! isMultiple && selectedChoices.length ) { + // Uncheck all choices. + $optionChoicesItems.prop( 'checked', false ); + + // For single selection, we can choose only one. + $( selectedChoices.get( 0 ) ).prop( 'checked', true ); + } + + // Toggle selection for a placeholder option based on a select type. + if ( $placeholder.length ) { + $placeholder.prop( 'selected', ! isMultiple ); + } + + // Update a primary field. + app.dropdownField.helpers.update( fieldId, isDynamicChoices ); + }, + + /** + * Apply a style to . + * + * @since 1.6.1 + * + * @param {string} fieldId Field ID. + */ + convertModernToClassic: ( fieldId ) => { + const $primary = app.dropdownField.helpers.getPrimarySelector( fieldId ), + isDynamicChoices = app.dropdownField.helpers.isDynamicChoices( fieldId ), + instance = app.dropdownField.helpers.getInstance( $primary ), + $sidebarChoices = $( '#wpforms-field-option-row-' + fieldId + '-choices' ), + $sidebarList = $sidebarChoices.find( '.choices-list' ), + elementsCount = $sidebarList.find( 'li' ).length; + + if ( instance && typeof instance.destroy === 'function' ) { + // Destroy the instance of Choices.js. + instance.destroy(); + + // Update a placeholder. + app.dropdownField.helpers.updatePlaceholderChoice( instance, fieldId ); + } + + // Update choices. + if ( ! isDynamicChoices ) { + app.fieldChoiceUpdate( 'select', fieldId, elementsCount ); + } + }, + + /** + * Get initial choices. + * + * @since 1.8.2 + * + * @param {string} fieldId Field ID. + * + * @return {Object} Choices. + */ + getInitialChoices( fieldId ) { + const $primary = app.dropdownField.helpers.getPrimarySelector( fieldId ), + instance = app.dropdownField.helpers.getInstance( $primary ); + + return instance.config.choices; + }, + + /** + * Convert a Classic to Modern style selector. + * + * @since 1.6.1 + * + * @param {string} fieldId Field ID. + */ + convertClassicToModern( fieldId ) { + const $primary = app.dropdownField.helpers.getPrimarySelector( fieldId ), + isDynamicChoices = app.dropdownField.helpers.isDynamicChoices( fieldId ); + + // Update choices. + if ( ! isDynamicChoices ) { + app.fieldChoiceUpdate( 'select', fieldId ); + } + + // Call a Choices.js initialization. + app.dropdownField.events.choicesInit( $primary ); + }, + + /** + * Update a primary field. + * + * @since 1.6.1 + * + * @param {string} fieldId Field ID. + * @param {boolean} isDynamicChoices True if `Dynamic Choices` is turned on. + */ + update( fieldId, isDynamicChoices ) { + const $primary = app.dropdownField.helpers.getPrimarySelector( fieldId ); + + if ( app.dropdownField.helpers.isModernSelect( $primary ) ) { + // If we had a `Modern` select before, then we need to make re-init - destroy() + init(). + app.dropdownField.helpers.convertModernToClassic( fieldId ); + + if ( ! isDynamicChoices ) { + app.dropdownField.events.choicesInit( $primary ); + } + } else if ( ! isDynamicChoices ) { + // Update choices. + app.fieldChoiceUpdate( 'select', fieldId ); + } + }, + + /** + * Add a new choice to behave like a placeholder. + * + * @since 1.6.1 + * + * @param {Object} $jquerySelector jQuery primary selector. + * @param {Object} instance The instance of Choices.js. + * + * @return {boolean} False if a fake placeholder wasn't added. + */ + addPlaceholderChoice( $jquerySelector, instance ) { // eslint-disable-line complexity + const wpFormsField = $jquerySelector.closest( '.wpforms-field' ); + if ( wpFormsField.length <= 0 ) { + return false; + } + + const fieldId = wpFormsField.data().fieldId; + let hasDefaults = app.dropdownField.helpers.hasDefaults( fieldId ); + + if ( app.dropdownField.helpers.isDynamicChoices( fieldId ) ) { + hasDefaults = false; + } + + // Already has a placeholder. + if ( false !== app.dropdownField.helpers.searchPlaceholderChoice( instance ) ) { + return false; + } + + // No choices. + if ( ! instance.config.choices.length ) { + return false; + } + + const placeholder = wpf.decodeAllowedHTMLEntities( instance.config.choices[ 0 ].label ), + isMultiple = $( instance.passedElement.element ).prop( 'multiple' ), + selected = ! ( isMultiple || hasDefaults ); + + // Add a new choice as a placeholder. + instance.setChoices( + [ + { value: '', label: placeholder, selected, placeholder: true }, + ], + 'value', + 'label', + false + ); + + // Additional case for multiple select. + if ( isMultiple ) { + $( instance.input.element ).prop( 'placeholder', placeholder ); + } + + return true; + }, + + /** + * Search a choice-placeholder item. + * + * @since 1.6.1 + * + * @param {Object} instance The instance of Choices.js. + * + * @return {boolean|object} False if a field doesn't have a choice-placeholder. + * Otherwise - return choice item. + */ + searchPlaceholderChoice( instance ) { + let find = false; + + instance.config.choices.forEach( function( item, i, choices ) { // eslint-disable-line no-unused-vars + if ( 'undefined' !== typeof item.placeholder && true === item.placeholder ) { + find = { + key: i, + item, + }; + + return false; + } + } ); + + return find; + }, + + /** + * Add/update a placeholder. + * + * @since 1.6.1 + * + * @param {Object} instance The instance of Choices.js. + * @param {string} fieldId Field ID. + */ + updatePlaceholderChoice( instance, fieldId ) { + const $primary = $( instance.passedElement.element ), + placeholderValue = wpf.sanitizeHTML( $( '#wpforms-field-option-' + fieldId + '-placeholder' ).val() ), + placeholderChoice = app.dropdownField.helpers.searchPlaceholderChoice( instance ); + let $placeholderOption = {}; + + // Get an option with placeholder. + // Note: `.placeholder` class is skipped when calling Choices.js destroy() method. + if ( 'object' === typeof placeholderChoice ) { + $placeholderOption = $( $primary.find( 'option' ).get( placeholderChoice.key ) ); + } + + // We have a placeholder and need to update the UI with it. + if ( '' !== placeholderValue ) { + if ( ! $.isEmptyObject( $placeholderOption ) && $placeholderOption.length ) { + // Update a placeholder option. + $placeholderOption + .addClass( 'placeholder' ) + .text( placeholderValue ); + } else { + // Add a placeholder option. + $primary.prepend( '' ); + } + } else if ( $placeholderOption.length ) { + // Remove the placeholder as it's empty. + $placeholderOption.remove(); + } + }, + + /** + * Is it a `Modern` style dropdown field? + * + * @since 1.6.1 + * + * @param {Object} $jquerySelector jQuery primary selector. + * + * @return {boolean} True if it's a `Modern` style select, false otherwise. + */ + isModernSelect( $jquerySelector ) { + const instance = app.dropdownField.helpers.getInstance( $jquerySelector ); + + if ( 'object' !== typeof instance ) { + return false; + } + + if ( $.isEmptyObject( instance ) ) { + return false; + } + + return instance.initialised; + }, + + /** + * Save an instance of Choices.js. + * + * @since 1.6.1 + * + * @param {Object} $jquerySelector jQuery primary selector. + * @param {Object} instance The instance of Choices.js. + */ + setInstance( $jquerySelector, instance ) { + $jquerySelector.data( 'choicesjs', instance ); + }, + + /** + * Retrieve an instance of Choices.js. + * + * @since 1.6.1 + * + * @param {Object} $jquerySelector jQuery primary selector. + * + * @return {Object} The instance of Choices.js. + */ + getInstance( $jquerySelector ) { + return $jquerySelector.data( 'choicesjs' ); + }, + + /** + * Get Dynamic Choices option field. + * + * @since 1.8.2 + * + * @param {string|number} fieldId Field ID. + * + * @return {HTMLElement|boolean} False if a field doesn't have a `Dynamic Choices` option. + * Otherwise - return option field. + */ + getDynamicChoicesOption( fieldId ) { + const $fieldOption = $( '#wpforms-field-option-' + fieldId + '-dynamic_choices' ); + + if ( ! $fieldOption.length ) { + return false; + } + + return $fieldOption; + }, + + /** + * Is `Dynamic Choices` used? + * + * @since 1.6.1 + * + * @param {string|number} fieldId Field ID. + * + * @return {boolean} True if a `Dynamic Choices` active, false otherwise. + */ + isDynamicChoices( fieldId ) { + const $fieldOption = app.dropdownField.helpers.getDynamicChoicesOption( fieldId ); + + if ( ! $fieldOption.length ) { + return false; + } + + return '' !== $fieldOption.val(); + }, + + /** + * Is `Dynamic Choices` option type is `Modern`? + * + * @since 1.8.2 + * + * @param {string|number} fieldId Field ID. + * @return {boolean} True if a `Dynamic Choices` option type is `Modern`, false otherwise. + */ + isDynamicChoicesOptionModern( fieldId ) { + const $fieldOption = $( '#wpforms-field-option-' + fieldId + '-style' ); + + if ( ! $fieldOption.length ) { + return false; + } + + return $fieldOption.val() === 'modern'; + }, + + /** + * Get a Dynamic Choices option type. + * + * @since 1.8.2 + * + * @param {string|number} fieldId Field ID. + * + * @return {string|boolean} False if a field doesn't have a `Dynamic Choices` option. + * Otherwise - return option type. + */ + getDynamicChoicesOptionType( fieldId ) { + const $fieldOption = app.dropdownField.helpers.getDynamicChoicesOption( fieldId ); + + if ( ! $fieldOption.length ) { + return false; + } + + return $fieldOption.val(); + }, + + /** + * Get a Dynamic Choices option source. + * + * @since 1.8.2 + * + * @param {string|number} fieldId Field ID. + * + * @return {string|boolean} False if a field doesn't have a `Dynamic Choices` option. + * Otherwise - return option source. + */ + getDynamicChoicesOptionSource( fieldId ) { + const type = app.dropdownField.helpers.getDynamicChoicesOptionType( fieldId ); + const $fieldOption = $( '#wpforms-field-option-' + fieldId + '-dynamic_' + type ); + + if ( ! $fieldOption.length ) { + return false; + } + + return $fieldOption.find( 'option:selected' ).text(); + }, + + /** + * Is a field having default choices? + * + * @since 1.6.1 + * + * @param {string} fieldId Field ID. + * + * @return {boolean} True if a field has default choices. + */ + hasDefaults( fieldId ) { + const $choicesList = $( '#wpforms-field-option-row-' + fieldId + '-choices .choices-list' ); + + return !! $choicesList.find( 'input.default:checked' ).length; + }, + + /** + * Retrieve a jQuery selector for the Primary field. + * + * @since 1.6.1 + * + * @param {string} fieldId Field ID. + * + * @return {Object} jQuery primary selector. + */ + getPrimarySelector( fieldId ) { + return $( '#wpforms-field-' + fieldId + ' .primary-input' ); + }, + }, + }, + + /** + * Add number slider events listeners. + * + * @since 1.5.7 + * + * @param {Object} $builder JQuery object. + */ + numberSliderEvents( $builder ) { + // Minimum update. + $builder.on( + 'focusout', + '.wpforms-field-option-row-min_max .wpforms-input-row .wpforms-number-slider-min', + app.fieldNumberSliderUpdateMin + ); + + // Maximum update. + $builder.on( + 'focusout', + '.wpforms-field-option-row-min_max .wpforms-input-row .wpforms-number-slider-max', + app.fieldNumberSliderUpdateMax + ); + + // Change default input value. + $builder.on( + 'input', + '.wpforms-number-slider-default-value', + _.debounce( app.changeNumberSliderDefaultValue, 500 ) + ); + + // Change default input value if it's empty. + $builder.on( + 'focusout', + '.wpforms-number-slider-default-value', + app.changeNumberSliderEmptyDefaultValue + ); + + // Trigger input event on default value input to check if it's valid. + $builder.find( '.wpforms-number-slider-default-value' ).trigger( 'input' ); + + // Change step value. + $builder.on( + 'input', + '.wpforms-number-slider-step', + _.debounce( app.changeNumberSliderStep, 500 ) + ); + + // Check step value. + $builder.on( + 'focusout', + '.wpforms-number-slider-step', + app.checkNumberSliderStep + ); + + // Change value display. + $builder.on( + 'input', + '.wpforms-number-slider-value-display', + _.debounce( app.changeNumberSliderValueDisplay, 500 ) + ); + + // Change min value. + $builder.on( + 'input', + '.wpforms-number-slider-min', + _.debounce( app.changeNumberSliderMin, 500 ) + ); + + // Change max value. + $builder.on( + 'input', + '.wpforms-number-slider-max', + _.debounce( app.changeNumberSliderMax, 500 ) + ); + }, + + /** + * Change number slider min option. + * + * @since 1.5.7 + * + * @param {Object} event Input event. + */ + changeNumberSliderMin( event ) { + const value = parseFloat( event.target.value ); + + if ( isNaN( value ) ) { + return; + } + + const fieldID = $( event.target ).parents( '.wpforms-field-option-row' ).data( 'fieldId' ); + + app.updateNumberSliderDefaultValueAttr( fieldID, event.target.value, 'min' ); + }, + + /** + * Change number slider max option. + * + * @since 1.5.7 + * + * @param {Object} event Input event. + */ + changeNumberSliderMax( event ) { + const value = parseFloat( event.target.value ); + + if ( isNaN( value ) ) { + return; + } + + const fieldID = $( event.target ).parents( '.wpforms-field-option-row' ).data( 'fieldId' ); + + app.updateNumberSliderDefaultValueAttr( fieldID, event.target.value, 'max' ) + .updateNumberSliderStepValueMaxAttr( fieldID, event.target.value ); + }, + + /** + * Change number slider value display option. + * + * @since 1.5.7 + * + * @param {Object} event Input event. + */ + changeNumberSliderValueDisplay( event ) { + const str = event.target.value; + const fieldID = $( event.target ).parents( '.wpforms-field-option-row' ).data( 'fieldId' ); + const defaultValue = document.getElementById( 'wpforms-field-option-' + fieldID + '-default_value' ); + + if ( defaultValue ) { + app.updateNumberSliderHintStr( fieldID, str ) + .updateNumberSliderHint( fieldID, defaultValue.value ); + } + }, + + /** + * Change number slider step option. + * + * @since 1.5.7 + * + * @param {Object} event Input event. + */ + changeNumberSliderStep( event ) { + const $el = $( this ); + const value = parseFloat( $el.val() ); + + if ( isNaN( value ) ) { + return; + } + + if ( value <= 0 ) { + return; + } + + const $options = $( $el ).closest( '.wpforms-field-option' ); + const max = parseFloat( $options.find( '.wpforms-number-slider-max' ).val() ); + const min = parseFloat( $options.find( '.wpforms-number-slider-min' ).val() ); + const maxStep = ( max - min ).toFixed( 2 ); + + if ( value > maxStep ) { + event.target.value = maxStep; + $el.trigger( 'input' ); + + return; + } + + const fieldID = $( event.target ).parents( '.wpforms-field-option-row' ).data( 'fieldId' ); + const defaultValue = $( '#wpforms-field-option-' + fieldID + '-default_value' ).val(); + + app.checkMultiplicitySliderDefaultValue( fieldID, defaultValue, value, min ) + .updateNumberSliderAttr( fieldID, value, 'step' ) + .updateNumberSliderDefaultValueAttr( fieldID, value, 'step' ); + }, + + /** + * Check multiplicity of a slider default value. + * + * @since 1.8.4 + * + * @param {string} fieldId Field ID. + * @param {number} value Default value. + * @param {number} step Step value. + * @param {number} min Min value. + * + * @return {Object} App instance. + */ + checkMultiplicitySliderDefaultValue( fieldId, value, step, min ) { + const $printSelector = $( `#wpforms-field-option-row-${ fieldId }-default_value` ); + value = parseFloat( value ); + + if ( value % step === 0 ) { + app.removeNotice( $printSelector ); + + return this; + } + + const closestSmallerMultiple = min + ( Math.floor( ( value - min ) / step ) * step ); + const closestLargerMultiple = min + ( Math.ceil( ( value - min ) / step ) * step ); + + const formatNumber = ( num ) => ( num % 1 === 0 ? num.toString() : num.toFixed( 2 ) ); + + const normalizedValue = formatNumber( value ); + const normalizedSmaller = formatNumber( closestSmallerMultiple ); + const normalizedLarger = formatNumber( closestLargerMultiple ); + + if ( normalizedSmaller === normalizedLarger || + normalizedSmaller === normalizedValue || + normalizedLarger === normalizedValue + ) { + app.removeNotice( $printSelector ); + return this; + } + + const updatedMessage = wpforms_builder.number_slider_error_valid_default_value + .replace( '{from}', normalizedSmaller ) + .replace( '{to}', normalizedLarger ); + + app.printNotice( updatedMessage, $printSelector ); + + return this; + }, + + /** + * Print a notice. + * + * @since 1.8.4 + * + * @param {string} message Message to print. + * @param {Object} $printSelector jQuery element selector. + */ + printNotice( message, $printSelector ) { + if ( $printSelector.length ) { + this.removeNotice( $printSelector ); + $printSelector.append( `

${ message }

` ); + } + }, + + /** + * Remove a notice. + * + * @since 1.8.4 + * + * @param {Object} $printSelector jQuery element selector. + */ + removeNotice( $printSelector ) { + if ( $printSelector.length && $printSelector.find( '.wpforms-alert' ).length ) { + $printSelector.find( '.wpforms-alert' ).remove(); + } + }, + + /** + * Check the number slider step option. + * + * @since 1.6.2.3 + * + * @param {Object} event Focusout event object. + */ + checkNumberSliderStep( event ) { + const value = parseFloat( event.target.value ); + + if ( ! isNaN( value ) && value > 0 ) { + return; + } + + const $input = $( this ); + + $.confirm( { + title: wpforms_builder.heads_up, + content: wpforms_builder.error_number_slider_increment, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action() { + $input.val( '' ).trigger( 'focus' ); + }, + }, + }, + } ); + }, + + /** + * Update number slider default value if it's empty. + * + * @since 1.9.3 + * + * @param {Object} event Input event. + */ + changeNumberSliderEmptyDefaultValue( event ) { + const value = parseFloat( event.target.value ); + + if ( isNaN( value ) ) { + const newValue = parseFloat( event.target.min ); + event.target.value = newValue; + + const step = parseFloat( event.target.step ); + const min = parseFloat( event.target.min ); + const fieldID = $( event.target ).parents( '.wpforms-field-option-row-default_value' ).data( 'fieldId' ); + + app.checkMultiplicitySliderDefaultValue( fieldID, newValue, step, min ) + .updateNumberSlider( fieldID, newValue ) + .updateNumberSliderHint( fieldID, newValue ); + } + }, + + /** + * Change number slider default value option. + * + * @since 1.5.7 + * + * @param {Object} event Input event. + */ + changeNumberSliderDefaultValue( event ) { + const value = parseFloat( event.target.value ); + + if ( ! isNaN( value ) ) { + const max = parseFloat( event.target.max ); + + if ( value > max ) { + event.target.value = max; + + return; + } + + const min = parseFloat( event.target.min ); + + if ( value < min ) { + event.target.value = min; + + return; + } + + const step = parseFloat( event.target.step ); + const fieldID = $( event.target ).parents( '.wpforms-field-option-row-default_value' ).data( 'fieldId' ); + + app.checkMultiplicitySliderDefaultValue( fieldID, value, step, min ) + .updateNumberSlider( fieldID, value ) + .updateNumberSliderHint( fieldID, value ); + } + }, + + /** + * Update number slider default value attribute. + * + * @since 1.5.7 + * + * @param {number} fieldID Field ID. + * @param {*} newValue Default value attribute. + * @param {*} attr Attribute name. + * + * @return {Object} App instance. + */ + updateNumberSliderDefaultValueAttr( fieldID, newValue, attr ) { + const input = document.getElementById( 'wpforms-field-option-' + fieldID + '-default_value' ); + + if ( input ) { + const value = parseFloat( input.value ); + + input.setAttribute( attr, newValue ); + newValue = parseFloat( newValue ); + + if ( 'max' === attr && value > newValue ) { + input.value = newValue; + } + + if ( 'min' === attr && value < newValue ) { + input.value = newValue; + } + } + + return this; + }, + + /** + * Update number slider value. + * + * @since 1.5.7 + * + * @param {number} fieldID Field ID. + * @param {string} value Number slider value. + * + * @return {Object} App instance. + */ + updateNumberSlider( fieldID, value ) { + const numberSlider = document.getElementById( 'wpforms-number-slider-' + fieldID ); + + if ( numberSlider ) { + numberSlider.value = value; + } + + return this; + }, + + /** + * Update number slider attribute. + * + * @since 1.5.7 + * + * @param {number} fieldID Field ID. + * @param {any} value Attribute value. + * @param {*} attr Attribute name. + * + * @return {Object} App instance. + */ + updateNumberSliderAttr( fieldID, value, attr ) { + const numberSlider = document.getElementById( 'wpforms-number-slider-' + fieldID ); + + if ( numberSlider ) { + numberSlider.setAttribute( attr, value ); + } + + return this; + }, + + /** + * Update number slider hint string. + * + * @since 1.5.7 + * + * @param {number} fieldID Field ID. + * @param {string} str Hint string. + * + * @return {Object} App instance. + */ + updateNumberSliderHintStr( fieldID, str ) { + const hint = document.getElementById( 'wpforms-number-slider-hint-' + fieldID ); + + if ( hint ) { + hint.dataset.hint = str; + } + + return this; + }, + + /** + * Update number slider Hint value. + * + * @since 1.5.7 + * + * @param {number} fieldID Field ID. + * @param {string} value Hint value. + * + * @return {Object} App instance. + */ + updateNumberSliderHint( fieldID, value ) { + const hint = document.getElementById( 'wpforms-number-slider-hint-' + fieldID ); + + if ( hint ) { + hint.innerHTML = wpf.sanitizeHTML( hint.dataset.hint ).replaceAll( '{value}', '' + value + '' ); + } + + return this; + }, + + /** + * Update min attribute. + * + * @since 1.5.7 + * + * @param {Object} event Input event. + */ + fieldNumberSliderUpdateMin( event ) { + const current = parseFloat( event.target.value ); + + if ( isNaN( current ) ) { + return; + } + + const $options = $( event.target ).parents( '.wpforms-field-option-row-min_max' ); + const max = parseFloat( $options.find( '.wpforms-number-slider-max' ).val() ); + + if ( max <= current ) { + event.preventDefault(); + this.value = max; + + return; + } + + const fieldId = $options.data( 'field-id' ); + const numberSlider = $builder.find( '#wpforms-field-' + fieldId + ' input[type="range"]' ); + + numberSlider.attr( 'min', current ); + }, + + /** + * Update max attribute. + * + * @since 1.5.7 + * + * @param {Object} event Input event. + */ + fieldNumberSliderUpdateMax( event ) { + const current = parseFloat( event.target.value ); + + if ( isNaN( current ) ) { + return; + } + + const $options = $( event.target ).parents( '.wpforms-field-option-row-min_max' ); + const min = parseFloat( $options.find( '.wpforms-number-slider-min' ).val() ); + + if ( min >= current ) { + event.preventDefault(); + this.value = min; + + return; + } + + const fieldId = $options.data( 'field-id' ); + const numberSlider = $builder.find( '#wpforms-field-' + fieldId + ' input[type="range"]' ); + + numberSlider.attr( 'max', current ); + }, + + /** + * Update max attribute for step value. + * + * @since 1.5.7 + * + * @param {number} fieldID Field ID. + * @param {*} newValue Default value attribute. + * + * @return {Object} App instance. + */ + updateNumberSliderStepValueMaxAttr( fieldID, newValue ) { + const input = document.getElementById( 'wpforms-field-option-' + fieldID + '-step' ); + + if ( input ) { + const value = parseFloat( input.value ); + + input.setAttribute( 'max', newValue ); + newValue = parseFloat( newValue ); + + if ( value > newValue ) { + input.value = newValue; + $( input ).trigger( 'input' ); + } + } + + return this; + }, + + /** + * Update upload selector. + * + * @since 1.5.6 + * + * @param {Object} target Changed :input. + */ + fieldFileUploadPreviewUpdate( target ) { + const $options = $( target ).parents( '.wpforms-field-option-file-upload' ); + const fieldId = $options.data( 'field-id' ); + + const styleOption = $options.find( '#wpforms-field-option-' + fieldId + '-style' ).val(); + const $maxFileNumberRow = $options.find( '#wpforms-field-option-row-' + fieldId + '-max_file_number' ); + const maxFileNumber = parseInt( $maxFileNumberRow.find( 'input' ).val(), 10 ); + + const $preview = $( '#wpforms-field-' + fieldId ); + const classicPreview = '.wpforms-file-upload-builder-classic'; + const modernPreview = '.wpforms-file-upload-builder-modern'; + + if ( styleOption === 'classic' ) { + $( classicPreview, $preview ).removeClass( 'wpforms-hide' ); + $( modernPreview, $preview ).addClass( 'wpforms-hide' ); + $maxFileNumberRow.addClass( 'wpforms-hidden' ); + } else { + // Change hint and title. + if ( maxFileNumber > 1 ) { + $preview + .find( '.modern-title' ) + .text( wpforms_builder.file_upload.preview_title_plural ); + $preview + .find( '.modern-hint' ) + .text( wpforms_builder.file_upload.preview_hint.replace( '{maxFileNumber}', maxFileNumber ) ) + .removeClass( 'wpforms-hide' ); + } else { + $preview + .find( '.modern-title' ) + .text( wpforms_builder.file_upload.preview_title_single ); + $preview + .find( '.modern-hint' ) + .text( wpforms_builder.file_upload.preview_hint.replace( '{maxFileNumber}', 1 ) ) + .addClass( 'wpforms-hide' ); + } + + // Display the preview. + $( classicPreview, $preview ).addClass( 'wpforms-hide' ); + $( modernPreview, $preview ).removeClass( 'wpforms-hide' ); + $maxFileNumberRow.removeClass( 'wpforms-hidden' ); + } + }, + + /** + * Update limit controls by changing checkbox. + * + * @since 1.5.6 + * + * @param {number} id Field id. + * @param {boolean} checked Whether an option is checked or not. + */ + updateTextFieldsLimitControls( id, checked ) { + if ( ! checked ) { + $( '#wpforms-field-option-row-' + id + '-limit_controls' ).addClass( 'wpforms-hide' ); + } else { + $( '#wpforms-field-option-row-' + id + '-limit_controls' ).removeClass( 'wpforms-hide' ); + } + }, + + /** + * Update disabling today's date controls by changing checkbox. + * + * @since 1.8.9.4 + * + * @param {number} id Field id. + * @param {boolean} checked Whether an option is checked or not. + */ + updateDisableTodaysDateControls( id, checked ) { + $( `#wpforms-field-option-row-${ id }-date_disable_todays_date` ) + .toggleClass( 'wpforms-hide', ! checked ); + }, + + /** + * Update Password Strength controls by changing checkbox. + * + * @since 1.6.7 + * + * @param {number} id Field id. + * @param {boolean} checked Whether an option is checked or not. + */ + updatePasswordStrengthControls( id, checked ) { + const $strengthControls = $( '#wpforms-field-option-row-' + id + '-password-strength-level' ); + + if ( checked ) { + $strengthControls.removeClass( 'wpforms-hidden' ); + } else { + $strengthControls.addClass( 'wpforms-hidden' ); + } + }, + + /** + * Update Rich Text media controls by changing checkbox. + * + * @since 1.7.0 + */ + updateRichTextMediaFieldsLimitControls() { + const $this = $( this ), + fieldId = $this.closest( '.wpforms-field-option-row-media_enabled' ).data( 'field-id' ), + $mediaControls = $( '#wpforms-field-option-row-' + fieldId + '-media_controls' ), + $toolbar = $( '#wpforms-field-' + fieldId + ' .wpforms-richtext-wrap .mce-toolbar-grp' ); + + if ( ! $this.is( ':checked' ) ) { + $mediaControls.hide(); + $toolbar.removeClass( 'wpforms-field-richtext-media-enabled' ); + } else { + $mediaControls.show(); + $toolbar.addClass( 'wpforms-field-richtext-media-enabled' ); + } + }, + + /** + * Update Rich Text style preview by changing select. + * + * @since 1.7.0 + */ + updateRichTextStylePreview() { + const $this = $( this ), + fieldId = $this.closest( '.wpforms-field-option-row-style' ).data( 'field-id' ), + $toolbar = $( '#wpforms-field-' + fieldId + ' .wpforms-richtext-wrap .mce-toolbar-grp' ); + + $toolbar.toggleClass( 'wpforms-field-richtext-toolbar-basic', $this.val() !== 'full' ); + }, + + /** + * Element bindings. + * + * @since 1.0.0 + */ + bindUIActions() { + // General Panels. + app.bindUIActionsPanels(); + + // Fields Panel. + app.bindUIActionsFields(); + + // Settings Panel. + app.bindUIActionsSettings(); + + // Revisions Panel. + app.bindUIActionsRevisions(); + + // Save and Exit. + app.bindUIActionsSaveExit(); + + // General/ global. + app.bindUIActionsGeneral(); + + // Preview actions. + app.bindUIActionsPreview(); + }, + + /** + * Bind UI actions for the preview tab. + * + * @since 1.9.4 + */ + bindUIActionsPreview() { + // Open preview tab or focus on it if it's already opened. + elements.$previewButton.on( 'click', function( e ) { + e.preventDefault(); + + const previewUrl = $( this ).attr( 'href' ); + + if ( previewTab && ! previewTab.closed && previewTab.location.href.includes( 'wpforms_form_preview' ) ) { + previewTab.focus(); + } else { + previewTab = window.open( previewUrl, '_blank' ); + } + } ); + + // Reload preview tab after saving the form. + $builder.on( 'wpformsSaved', function() { + if ( previewTab && ! previewTab.closed && previewTab.location.href.includes( 'wpforms_form_preview' ) ) { + previewTab.location.reload(); + } + } ); + }, + + //--------------------------------------------------------------------// + // General Panels + //--------------------------------------------------------------------// + + /** + * Element bindings for general panel tasks. + * + * @since 1.0.0 + */ + bindUIActionsPanels() { + // Panel switching. + $builder.on( 'click', '#wpforms-panels-toggle button, .wpforms-panel-switch', function( e ) { + e.preventDefault(); + app.panelSwitch( $( this ).data( 'panel' ) ); + } ); + + // Panel sections switching. + $builder.on( 'click', '.wpforms-panel .wpforms-panel-sidebar-section', function( e ) { + app.panelSectionSwitch( this, e ); + } ); + + // Panel sidebar toggle. + $builder.on( 'click', '.wpforms-panels .wpforms-panel-sidebar-content .wpforms-panel-sidebar-toggle', function() { + $( this ).parent().toggleClass( 'wpforms-panel-sidebar-closed' ); + } ); + }, + + /** + * Switch Panels. + * + * @since 1.0.0 + * @since 1.5.9 Added `wpformsPanelSwitched` trigger. + * + * @param {string} panel Panel slug. + * + * @return {void|boolean} Void or false. + */ + panelSwitch( panel ) { + const $panel = $( '#wpforms-panel-' + panel ); + + if ( ! $panel.hasClass( 'active' ) ) { + const event = WPFormsUtils.triggerEvent( $builder, 'wpformsPanelSwitch', [ panel ] ); + + // Allow callbacks on `wpformsPanelSwitch` to cancel panel switching by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() || ! wpforms_panel_switch ) { + return false; + } + + $( '#wpforms-panels-toggle' ).find( 'button' ).removeClass( 'active' ); + $( '.wpforms-panel' ).removeClass( 'active' ); + $( '.wpforms-panel-' + panel + '-button' ).addClass( 'active' ); + $panel.addClass( 'active' ); + + history.replaceState( {}, null, wpf.updateQueryString( 'view', panel ) ); + + // Update the active section parameter in the URL. + let section; + const activeSectionElement = $panel.find( '.active' ); + + if ( activeSectionElement.length && activeSectionElement.data( 'section' ) !== 'default' ) { + section = activeSectionElement.data( 'section' ); + } + + history.replaceState( {}, null, wpf.updateQueryString( 'section', section ) ); + + $builder.trigger( 'wpformsPanelSwitched', [ panel ] ); + } + }, + + /** + * Switch Panel section. + * + * @since 1.0.0 + * + * @param {Element} el Element. + * @param {Event} e Event. + * + * @return {boolean|void} False when not switched. + */ + panelSectionSwitch( el, e ) { // eslint-disable-line complexity + if ( e ) { + e.preventDefault(); + } + + const $this = $( el ); + + if ( $this.hasClass( 'upgrade-modal' ) || $this.hasClass( 'education-modal' ) ) { + return; + } + + const $panel = $this.parent().parent(), + section = $this.data( 'section' ), + $sectionButton = $panel.find( `.wpforms-panel-sidebar-section[data-section="${ section }"]` ); + + if ( ! $sectionButton.hasClass( 'active' ) ) { + const event = WPFormsUtils.triggerEvent( $builder, 'wpformsPanelSectionSwitch', section ); + + // Allow callbacks on `wpformsPanelSectionSwitch` to cancel panel section switching by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() || ! wpforms_panel_switch ) { + return false; + } + + const $sectionButtons = $panel.find( '.wpforms-panel-sidebar-section' ); + + $sectionButtons.removeClass( 'active' ); + $sectionButton.addClass( 'active' ); + $panel.find( '.wpforms-panel-content-section' ).hide(); + $panel.find( '.wpforms-panel-content-section-' + section ).show(); + + // Update the active section parameter in the URL. + history.replaceState( {}, null, wpf.updateQueryString( 'section', section ) ); + } + }, + + //--------------------------------------------------------------------// + // Setup Panel + //--------------------------------------------------------------------// + + /** + * Element bindings for a Setup panel. + * + * @since 1.0.0 + * @since 1.6.8 Deprecated. + * + * @deprecated Use `WPForms.Admin.Builder.Setup.events()` instead. + */ + bindUIActionsSetup() { + // eslint-disable-next-line no-console + console.warn( 'WARNING! Function "WPFormsBuilder.bindUIActionsSetup()" has been deprecated, please use the new "WPForms.Admin.Builder.Setup.events()" function instead!' ); + + WPForms.Admin.Builder.Setup.events(); + }, + + /** + * Select template. + * + * @since 1.0.0 + * @since 1.6.8 Deprecated. + * + * @deprecated Use `WPForms.Admin.Builder.Setup.selectTemplate()` instead. + * + * @param {Object} el DOM element object. + * @param {Object} e Event object. + */ + templateSelect( el, e ) { + // eslint-disable-next-line no-console + console.warn( 'WARNING! Function "WPFormsBuilder.templateSelect()" has been deprecated, please use the new "WPForms.Admin.Builder.Setup.selectTemplate()" function instead!' ); + + WPForms.Admin.Builder.Setup.selectTemplate( e ); + }, + + //--------------------------------------------------------------------// + // Fields Panel + //--------------------------------------------------------------------// + + /** + * Element bindings for Fields panel. + * + * @since 1.0.0 + */ + bindUIActionsFields() { // eslint-disable-line max-lines-per-function + // Switched to the Fields panel. + $builder.on( 'wpformsPanelSwitched', function( e, panel ) { + if ( panel !== 'fields' ) { + return; + } + + // Detect the case when the field Options tab is active, but there is no active field on the preview panel. + if ( + $( '#field-options a' ).hasClass( 'active' ) && + $( '.wpforms-field-wrap .wpforms-field.active' ).length === 0 + ) { + app.fieldTabToggle( 'field-options' ); + } + } ); + + // Field sidebar tab toggle + $builder.on( 'click', '.wpforms-tab a', function( e ) { + e.preventDefault(); + app.fieldTabToggle( $( this ).parent().attr( 'id' ) ); + } ); + + // Field sidebar group toggle + $builder.on( 'click', '.wpforms-add-fields-heading', function( e ) { + e.preventDefault(); + app.fieldGroupToggle( $( this ), 'click' ); + } ); + + // Form field preview clicking. + $builder.on( 'click', '.wpforms-field', function( event ) { + if ( app.isFieldPreviewActionsDisabled( this ) ) { + return; + } + + // Allow clicking on the "dismiss" button inside the field. + if ( event.target.classList.contains( 'wpforms-dismiss-button' ) ) { + return; + } + + // Dismiss the main context menu when it is open. + if ( WPForms.Admin.Builder.ContextMenu ) { + WPForms.Admin.Builder.ContextMenu.hideMainContextMenu( event ); + } + + event.stopPropagation(); + + app.fieldTabToggle( $( this ).data( 'field-id' ) ); + } ); + + // Prevent interactions with inputs on the preview panel. + $builder.on( 'mousedown click', '.wpforms-field input, .wpforms-field select, .wpforms-field textarea', function( e ) { + e.preventDefault(); + this.blur(); + } ); + + // Field delete. + $builder.on( 'click', '.wpforms-field-delete', function( e ) { + e.preventDefault(); + e.stopPropagation(); + + if ( app.isFormPreviewActionsDisabled( this ) ) { + return; + } + + if ( WPForms.Admin.Builder.ContextMenu ) { + WPForms.Admin.Builder.ContextMenu.hideMenu(); + } + + app.fieldDelete( $( this ).parent().data( 'field-id' ) ); + } ); + + // Field duplicate. + $builder.on( 'click', '.wpforms-field-duplicate', function( e ) { + e.preventDefault(); + e.stopPropagation(); + + if ( app.isFormPreviewActionsDisabled( this ) ) { + return; + } + + if ( WPForms.Admin.Builder.ContextMenu ) { + WPForms.Admin.Builder.ContextMenu.hideMenu(); + } + + app.fieldDuplicate( $( this ).parent().data( 'field-id' ) ); + } ); + + // Field add. + $builder.on( 'click', '.wpforms-add-fields-button', function( e ) { + e.preventDefault(); + + const $field = $( this ); + + if ( $field.hasClass( 'ui-draggable-disabled' ) ) { + return; + } + + const type = $field.data( 'field-type' ), + event = WPFormsUtils.triggerEvent( $builder, 'wpformsBeforeFieldAddOnClick', [ type, $field ] ); + + // Allow callbacks on `wpformsBeforeFieldAddOnClick` to cancel adding field + // by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return; + } + + app.fieldAdd( type, { $sortable: 'default' } ); + } ); + + // New field choices should be sortable + $builder.on( 'wpformsFieldAdd', function( event, id, type ) { + const fieldTypes = [ + 'select', + 'radio', + 'checkbox', + 'payment-multiple', + 'payment-checkbox', + 'payment-select', + ]; + + if ( $.inArray( type, fieldTypes ) !== -1 ) { + app.fieldChoiceSortable( type, `#wpforms-field-option-row-${ id }-choices ul` ); + } + } ); + + // Field option tab toggle. + $builder.on( 'wpformsFieldOptionTabToggle', function( e, fieldId ) { + app.fieldLayoutSelectorInit( fieldId ); + } ); + + // Field choice "Add new". + $builder.on( 'click', '.wpforms-field-option-row-choices .add', function( e ) { + app.fieldChoiceAdd( e, $( this ) ); + } ); + + // Field choice "Delete". + $builder.on( 'click', '.wpforms-field-option-row-choices .remove', function( e ) { + app.fieldChoiceDelete( e, $( this ) ); + } ); + + // Field choices' defaults, before change. + $builder.on( 'mousedown', '.wpforms-field-option-row-choices input[type=radio]', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ); + + if ( $this.is( ':checked' ) ) { + $this.attr( 'data-checked', '1' ); + } else { + $this.attr( 'data-checked', '0' ); + } + } ); + + // Field choices' defaults. + $builder.on( 'click', '.wpforms-field-option-row-choices input[type=radio]', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + list = $this.parent().parent(); + + $this.parent().parent().find( 'input[type=radio]' ).not( this ).prop( 'checked', false ); + + if ( $this.attr( 'data-checked' ) === '1' ) { + $this.prop( 'checked', false ); + $this.attr( 'data-checked', '0' ); + } + + app.fieldChoiceUpdate( list.data( 'field-type' ), list.data( 'field-id' ), list.find( 'li' ).length ); + } ); + + // Field choices update preview area. + $builder.on( 'change', '.wpforms-field-option-row-choices input[type=checkbox]', function( e ) { // eslint-disable-line no-unused-vars + const list = $( this ).parent().parent(); + + app.fieldChoiceUpdate( list.data( 'field-type' ), list.data( 'field-id' ), list.find( 'li' ).length ); + } ); + + // Field choices display value toggle. + $builder.on( 'change', '.wpforms-field-option-row-show_values input', function( e ) { // eslint-disable-line no-unused-vars + $( this ).closest( '.wpforms-field-option' ).find( '.wpforms-field-option-row-choices ul' ).toggleClass( 'show-values' ); + } ); + + // Field choices image toggle. + $builder.on( 'change', '.wpforms-field-option-row-choices_images input', function() { + const $this = $( this ), + $optionRow = $this.closest( '.wpforms-field-option-row' ), + fieldID = $optionRow.data( 'field-id' ), + $fieldOptions = $( '#wpforms-field-option-' + fieldID ), + checked = $this.is( ':checked' ), + type = $fieldOptions.find( '.wpforms-field-option-hidden-type' ).val(), + $iconToggle = $optionRow.siblings( '.wpforms-field-option-row-choices_icons' ).find( 'input' ); + + // Toggle icon choices off. + if ( checked && $iconToggle.is( ':checked' ) ) { + $iconToggle.prop( 'checked', false ).trigger( 'change' ); + } + + $optionRow.find( '.wpforms-alert' ).toggleClass( 'wpforms-hidden' ); + $fieldOptions.find( '.wpforms-field-option-row-choices ul' ).toggleClass( 'show-images' ); + $fieldOptions.find( '.wpforms-field-option-row-choices_images_style' ).toggleClass( 'wpforms-hidden' ); + $fieldOptions.find( '.wpforms-field-option-row-dynamic_choices' ).toggleClass( 'wpforms-hidden', checked ); + + if ( checked ) { + $( '#wpforms-field-option-' + fieldID + '-input_columns' ).val( 'inline' ).trigger( 'change' ); + } else { + $( '#wpforms-field-option-' + fieldID + '-input_columns' ).val( '' ).trigger( 'change' ); + } + + app.fieldChoiceUpdate( type, fieldID ); + } ); + + // Field choices image upload add/remove image. + $builder.on( 'wpformsImageUploadAdd wpformsImageUploadRemove', function( event, $this, $container ) { + const $list = $container.closest( '.choices-list' ), + fieldID = $list.data( 'field-id' ), + type = $list.data( 'field-type' ); + + app.fieldChoiceUpdate( type, fieldID ); + } ); + + // Field choices image style toggle. + $builder.on( 'change', '.wpforms-field-option-row-choices_images_style select', function() { + const fieldID = $( this ).parent().data( 'field-id' ), + type = $( '#wpforms-field-option-' + fieldID ).find( '.wpforms-field-option-hidden-type' ).val(); + + app.fieldChoiceUpdate( type, fieldID ); + } ); + + // Updates field choices text in almost real time. + $builder.on( 'keyup', '.wpforms-field-option-row-choices input.label, .wpforms-field-option-row-choices input.value', function( e ) { // eslint-disable-line no-unused-vars + const $list = $( this ).parent().parent(); + + app.fieldChoiceUpdate( $list.data( 'field-type' ), $list.data( 'field-id' ) ); + } ); + + // Sanitize field choices text on focus out. + $builder.on( 'focusout', '.wpforms-field-option-row-choices input.label, .wpforms-field-option-row-choices input.value', function( e ) { // eslint-disable-line no-unused-vars + const input = $( this ); + + input.val( wpf.sanitizeHTML( input.val(), wpforms_builder.allowed_label_html_tags ) ); + } ); + + // Field Choices Bulk Add + $builder.on( 'click', '.toggle-bulk-add-display', function( e ) { + e.preventDefault(); + app.fieldChoiceBulkAddToggle( this ); + } ); + + $builder.on( 'click', '.toggle-bulk-add-presets', function( e ) { + e.preventDefault(); + + const $presetList = $( this ).closest( '.bulk-add-display' ).find( 'ul' ); + + if ( $presetList.css( 'display' ) === 'block' ) { + $( this ).text( wpforms_builder.bulk_add_presets_show ); + } else { + $( this ).text( wpforms_builder.bulk_add_presets_hide ); + } + + $presetList.stop().slideToggle(); + } ); + + $builder.on( 'click', '.bulk-add-preset-insert', function( e ) { + e.preventDefault(); + + const $this = $( this ), + preset = $this.data( 'preset' ), + $container = $this.closest( '.bulk-add-display' ), + $presetList = $container.find( 'ul' ), + $presetToggle = $container.find( '.toggle-bulk-add-presets' ), + $textarea = $container.find( 'textarea' ); + + $textarea.val( '' ); + $textarea.insertAtCaret( wpforms_preset_choices[ preset ].choices.join( '\n' ) ); + $presetToggle.text( wpforms_builder.bulk_add_presets_show ); + $presetList.slideUp(); + } ); + + $builder.on( 'click', '.bulk-add-insert', function( e ) { + e.preventDefault(); + app.fieldChoiceBulkAddInsert( this ); + } ); + + // Field Options group tabs. + $builder.on( 'click', '.wpforms-field-option-group-toggle:not(.education-modal)', function( e ) { + const event = WPFormsUtils.triggerEvent( $builder, 'wpformsFieldOptionGroupToggle' ); + + // Allow callbacks on `wpformsFieldOptionGroupToggle` to cancel tab toggle by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return false; + } + + e.preventDefault(); + + const $group = $( this ).closest( '.wpforms-field-option-group' ); + + $group.siblings( '.wpforms-field-option-group' ).removeClass( 'active' ); + $group.addClass( 'active' ); + + $builder.trigger( 'wpformsFieldOptionGroupToggled', [ $group ] ); + } ); + + // Display toggle for an Address field hide address line 2 option. + $builder.on( 'change', '.wpforms-field-option-address input.wpforms-subfield-hide', function( e ) { // eslint-disable-line no-unused-vars + const $optionRow = $( this ).closest( '.wpforms-field-option-row' ), + id = $optionRow.data( 'field-id' ), + subfield = $optionRow.data( 'subfield' ); + + $( '#wpforms-field-' + id ).find( '.wpforms-' + subfield ).toggleClass( 'wpforms-hide' ); + } ); + + // Real-time updates for the "Label" field option. + $builder.on( 'input', '.wpforms-field-option-row-label input, .wpforms-field-option-row-name input', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + id = $this.parent().data( 'field-id' ), + $preview = $( '#wpforms-field-' + id ), + type = $preview.data( 'field-type' ); + + let value = $this.val(), + showEmptyLabel = value.length === 0; + + // Do not modify the label of the HTML field. + if ( type === 'html' ) { + showEmptyLabel = false; + } + + if ( showEmptyLabel ) { + value = wpforms_builder.empty_label; + } + + $preview.toggleClass( 'label_empty', showEmptyLabel ).find( '> .label-title .text' ).text( value ); + } ); + + // Real-time updates for "Description" field option + $builder.on( 'input', '.wpforms-field-option-row-description textarea', function() { + const $this = $( this ), + value = wpf.sanitizeHTML( $this.val() ), + id = $this.parent().data( 'field-id' ), + // IIF description is not following other fields structure and needs to be selected separately. + $desc = $( `#wpforms-field-${ id } > .description, #wpforms-field-${ id } .wpforms-field-internal-information-row-description` ); + + app.updateDescription( $desc, value ); + + $this.trigger( 'wpformsDescriptionFieldUpdated', { id, descField: $desc, value } ); + } ); + + // Real-time updates for "Required" field option + $builder.on( 'change', '.wpforms-field-option-row-required input', function( e ) { // eslint-disable-line no-unused-vars + const id = $( this ).closest( '.wpforms-field-option-row' ).data( 'field-id' ); + + $( '#wpforms-field-' + id ).toggleClass( 'required' ); + } ); + + // Real-time updates for "Summary" field option + $builder.on( 'change', '.wpforms-field-option-row-summary input', function() { + const $this = $( this ), + id = $this.closest( '.wpforms-field-option-row' ).data( 'field-id' ); + + $( `#wpforms-field-${ id }` ).toggleClass( 'wpforms-summary-enabled' ); + $this.closest( '.wpforms-field-option-group-inner' ).find( '.wpforms-total-summary-alert' ).toggleClass( 'wpforms-hidden' ); + } ); + + // Real-time updates for "Confirmation" field option + $builder.on( 'change', '.wpforms-field-option-row-confirmation input', function() { + const id = $( this ).closest( '.wpforms-field-option-row' ).data( 'field-id' ); + + $( '#wpforms-field-' + id ).find( '.wpforms-confirm' ).toggleClass( 'wpforms-confirm-enabled wpforms-confirm-disabled' ); + $( '#wpforms-field-option-' + id ).toggleClass( 'wpforms-confirm-enabled wpforms-confirm-disabled' ); + } ); + + // Real-time updates for "Filter" field option + $builder.on( 'change', '.wpforms-field-option-row-filter_type select', function() { + const id = $( this ).parent().data( 'field-id' ), + $toggledField = $( '#wpforms-field-option-' + id ); + + if ( $( this ).val() ) { + $toggledField.removeClass( 'wpforms-filter-allowlist' ); + $toggledField.removeClass( 'wpforms-filter-denylist' ); + $toggledField.addClass( 'wpforms-filter-' + $( this ).val() ); + } else { + $toggledField.removeClass( 'wpforms-filter-allowlist' ); + $toggledField.removeClass( 'wpforms-filter-denylist' ); + } + } ); + + $builder.on( 'focusout', '.wpforms-field-option-row-allowlist textarea,.wpforms-field-option-row-denylist textarea', function() { + const $currentField = $( this ); + + let $current = 'allow'; + + $currentField.next( '.wpforms-alert' ).remove(); + + if ( $currentField.val() === '' ) { + return; + } + + const $allowField = $( '.wpforms-field-option-row-allowlist textarea' ), + $denyField = $( '.wpforms-field-option-row-denylist textarea' ); + + if ( $currentField.is( $denyField ) ) { + $current = 'deny'; + } + + $.get( + wpforms_builder.ajax_url, + { + nonce: wpforms_builder.nonce, + content: JSON.stringify( + { + allow: $allowField.val(), + deny: $denyField.val(), + current: $current, + } + ), + action: 'wpforms_sanitize_restricted_rules', + }, + function( res ) { + if ( res.success ) { + $currentField.val( res.data.currentField ); + const intersect = res.data.intersect; + if ( intersect.length !== 0 ) { + const content = '

' + wpforms_builder.allow_deny_lists_intersect + '

' + + '

' + intersect + '

'; + $.alert( { + title: wpforms_builder.heads_up, + content, + icon: 'fa fa-exclamation-circle', + type: 'red', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + } + + const restricted = res.data.restricted || 0; + if ( restricted ) { + $currentField.after( '

' + wpforms_builder.restricted_rules + '

' ); + } + } + } + ); + } ); + + // Save focusout target. + $builder.on( 'focusout', elements.defaultEmailSelector, function() { + elements.$focusOutTarget = $( this ); + app.focusOutEvent(); + } ); + + // Real-time updates for "Size" field option + $builder.on( 'change', '.wpforms-field-option-row-size select', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + value = $this.val(), + id = $this.parent().data( 'field-id' ); + + $( '#wpforms-field-' + id ).removeClass( 'size-small size-medium size-large' ).addClass( 'size-' + value ); + } ); + + // Real-time updates for "Placeholder" field option. + $builder.on( 'input', '.wpforms-field-option-row-placeholder input', function() { // eslint-disable-line complexity + const $this = $( this ), + id = $this.parent().data( 'field-id' ), + $preview = $( '#wpforms-field-' + id ), + $primary = $preview.find( '.primary-input' ); + + let value = wpf.sanitizeHTML( $this.val() ); + + // Single Item Field - if placeholder is cleared, set it to "price" placeholder. + if ( $preview.data( 'field-type' ) === 'payment-single' && value === '' ) { + value = $( '#wpforms-field-option-' + id + '-price' ).prop( 'placeholder' ); + } + + // Set the placeholder value for `input` fields. + if ( ! $primary.is( 'select' ) ) { + $primary.prop( 'placeholder', value ); + return; + } + + // Modern select style. + if ( app.dropdownField.helpers.isModernSelect( $primary ) ) { + const choiceInstance = app.dropdownField.helpers.getInstance( $primary ); + + // Additional case for multiple select. + if ( $primary.prop( 'multiple' ) ) { + $( choiceInstance.input.element ).prop( 'placeholder', value ); + } else { + choiceInstance.setChoiceByValue( '' ); + $primary.closest( '.choices' ).find( '.choices__inner .choices__placeholder' ).text( value ); + + const isDynamicChoices = $( '#wpforms-field-option-' + id + '-dynamic_choices' ).val(); + + // We need to re-initialize modern dropdown to properly determine and update placeholder. + app.dropdownField.helpers.update( id, isDynamicChoices ); + } + + return; + } + + const $placeholder = $primary.find( '.placeholder' ); + + // Classic select style. + if ( ! value.length && $placeholder.length ) { + $placeholder.remove(); + } else { + if ( $placeholder.length ) { + $placeholder.text( value ); + } else { + $primary.prepend( '' ); + } + + $primary.find( '.placeholder' ).prop( 'selected', ! $primary.prop( 'multiple' ) ); + } + } ); + + // Real-time updates for "Confirmation Placeholder" field option + $builder.on( 'input', '.wpforms-field-option-row-confirmation_placeholder input', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + value = $this.val(), + id = $this.parent().data( 'field-id' ); + + $( '#wpforms-field-' + id ).find( '.secondary-input' ).attr( 'placeholder', value ); + } ); + + // Real-time updates for Date/Time, and Name "Placeholder" field options + $builder.on( 'input', '.wpforms-field-option .format-selected input.placeholder', function() { + const $this = $( this ); + const value = $this.val(); + const $fieldOptionRow = $this.closest( '.wpforms-field-option-row' ); + const id = $fieldOptionRow.data( 'field-id' ); + const subfield = $fieldOptionRow.data( 'subfield' ); + + $( '#wpforms-field-' + id ).find( '.wpforms-' + subfield + ' input' ).attr( 'placeholder', value ); + } ); + + // Real-time updates for Address field "Placeholder" field options. + $builder.on( 'input', '.wpforms-field-option-address input.placeholder', function() { + const $this = $( this ); + const $fieldOptionRow = $this.closest( '.wpforms-field-option-row' ); + const id = $fieldOptionRow.data( 'field-id' ); + const subfield = $fieldOptionRow.data( 'subfield' ); + const $fieldPreviews = $( '#wpforms-field-' + id + ' .wpforms-' + subfield ).find( 'input, select' ); + const $default = $fieldOptionRow.find( '#wpforms-field-option-' + id + '-' + subfield + '_default' ); + const defaultValue = $default.val(); + const defaultText = $default.find( 'option:selected' ).text(); + + const placeholderValue = $this.val(); + + $fieldPreviews.each( function() { + const $fieldPreview = $( this ); + + if ( $fieldPreview.is( 'select' ) ) { + const $option = $fieldPreview.find( '.placeholder' ); + const value = defaultValue === '' && placeholderValue !== '' ? placeholderValue : defaultText; + + $option.text( value ); + + return; + } + + $fieldPreview.attr( 'placeholder', placeholderValue ); + } ); + } ); + + // Real-time updates for "Default" field option. + $builder.on( 'input', '.wpforms-field-option-row-default_value input', function() { + const $this = $( this ); + const value = wpf.sanitizeHTML( $this.val() ); + const id = $this.closest( '.wpforms-field-option-row' ).data( 'field-id' ); + const $preview = $( '#wpforms-field-' + id + ' .primary-input' ); + + $preview.val( value ); + } ); + + // Real-time updates for "Default" field option of the Name and Address fields. + $builder.on( 'input', '.wpforms-field-options-column input.default', function() { + const $this = $( this ); + const value = wpf.sanitizeHTML( $this.val() ); + const $fieldOptionRow = $this.closest( '.wpforms-field-option-row' ); + const id = $fieldOptionRow.data( 'field-id' ); + const subfield = $fieldOptionRow.data( 'subfield' ); + const $fieldPreview = $( '#wpforms-field-' + id + ' .wpforms-' + subfield + ' input' ); + + $fieldPreview.val( value ); + } ); + + // Real-time updates for "Default" select field option of the Address field. + $builder.on( 'change', '.wpforms-field-option-address select.default', function() { + const $this = $( this ); + const value = $this.val(); + const textValue = $this.find( 'option:selected' ).text(); + const $fieldOptionRow = $this.closest( '.wpforms-field-option-row' ); + const id = $fieldOptionRow.data( 'field-id' ); + const subfield = $fieldOptionRow.data( 'subfield' ); + const scheme = $( '#wpforms-field-option-' + id + '-scheme' ).val(); + const $placeholder = $fieldOptionRow.find( '#wpforms-field-option-' + id + '-' + subfield + '_placeholder' ); + const placeholderValue = $placeholder.val(); + const $fieldPreview = $( '#wpforms-field-' + id + ' .wpforms-address-scheme-' + scheme + ' .wpforms-' + subfield + ' .placeholder' ); + + value === '' && placeholderValue.trim().length > 0 + ? $fieldPreview.text( placeholderValue ) + : $fieldPreview.text( textValue ); + } ); + + // Real-time updates for "Confirmation Placeholder" field option + $builder.on( 'input', '.wpforms-field-option-row-confirmation_placeholder input', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + value = $this.val(), + id = $this.parent().data( 'field-id' ); + + $( '#wpforms-field-' + id ).find( '.secondary-input' ).attr( 'placeholder', value ); + } ); + + // Real-time updates for "Hide Label" field option. + $builder.on( 'change', '.wpforms-field-option-row-label_hide input', function( e ) { // eslint-disable-line no-unused-vars + const id = $( this ).closest( '.wpforms-field-option-row' ).data( 'field-id' ); + + $( '#wpforms-field-' + id ).toggleClass( 'label_hide' ); + } ); + + // Real-time updates for a Sub Label visibility field option. + $builder.on( 'change', '.wpforms-field-option-row-sublabel_hide input', function( e ) { // eslint-disable-line no-unused-vars + const id = $( this ).closest( '.wpforms-field-option-row' ).data( 'field-id' ); + + $( '#wpforms-field-' + id ).toggleClass( 'sublabel_hide' ); + } ); + + // Real-time updates for a Quantity visibility field option. + $builder.on( 'change', '.wpforms-field-option-row-enable_quantity input', function() { + const id = $( this ).closest( '.wpforms-field-option-row' ).data( 'field-id' ), + $preview = $( `#wpforms-field-${ id }` ); + + $( `#wpforms-field-option-row-${ id }-quantity` ).toggleClass( 'wpforms-hidden' ); + $preview.find( '.quantity-input' ).toggleClass( 'wpforms-hidden' ); + $preview.toggleClass( 'payment-quantity-enabled' ); + } ); + + // Real-time updates for Quantity preview minimum value. + $builder.on( 'input', '.wpforms-field-option-row-quantity input', function() { + const $this = $( this ); + + // Allow only a positive integer value less than 9999. + $this.val( Math.min( Math.abs( Math.round( $this.val() ) ), 9999 ) ); + + const $optionRow = $this.closest( '.wpforms-field-option-row' ), + id = $optionRow.data( 'field-id' ), + isMinInput = $this.hasClass( 'min-quantity-input' ), + $minInput = $optionRow.find( '.min-quantity-input' ), + $maxInput = $optionRow.find( '.max-quantity-input' ); + + if ( isMinInput ) { + $( '#wpforms-field-' + id ).find( '.quantity-input option' ).text( $this.val() ); + } + + $minInput.toggleClass( 'wpforms-error', parseInt( $minInput.val(), 10 ) > parseInt( $maxInput.val(), 10 ) ); + } ); + + // Real-time updates for Date/Time, Name and Single Item "Format" option. + $builder.on( 'change', '.wpforms-field-option-row-format select', function() { + const $this = $( this ), + value = $this.val(), + id = $this.parent().data( 'field-id' ), + $sublabelToggle = $( '#wpforms-field-option-row-' + id + '-sublabel_hide' ), + $preview = $( '#wpforms-field-' + id ); + + $preview.find( '.format-selected' ).removeClass().addClass( 'format-selected format-selected-' + value ); + $( '#wpforms-field-option-' + id ).find( '.format-selected' ).removeClass().addClass( 'format-selected format-selected-' + value ); + + // Show toggle for "Hide Sub labels" only when the field consists of more than one subfield. + if ( [ 'date-time', 'first-last', 'first-middle-last' ].includes( value ) ) { + $sublabelToggle.removeClass( 'wpforms-hidden' ); + } else { + $sublabelToggle.addClass( 'wpforms-hidden' ); + } + + // Hide the label field if it's not a single item. + $( `#wpforms-field-option-row-${ id }-price_label` ).toggleClass( 'wpforms-hidden', value !== 'single' ); + + // Toggle options based on Single Item "Format". + if ( [ 'single', 'user', 'hidden' ].includes( value ) ) { + const isUserDefined = value === 'user', + isSingle = value === 'single', + isHidden = value === 'hidden', + isQuantityEnabled = $( '#wpforms-field-option-' + id + '-enable_quantity' ).is( ':checked' ), + $minPriceOption = $( '#wpforms-field-option-' + id + '-min_price' ), + minPrice = wpf.amountSanitize( $minPriceOption.val() ), + isValidMinPrice = minPrice >= $minPriceOption.data( 'minimum-price' ), + $minPriceOptionRow = $( '#wpforms-field-option-row-' + id + '-min_price' ); + + // Toggle Placeholder option. + $( '#wpforms-field-option-row-' + id + '-placeholder' ).toggleClass( 'wpforms-hidden', ! isUserDefined ); + + // Toggle Quantity options. + $( '#wpforms-field-option-row-' + id + '-enable_quantity' ).toggleClass( 'wpforms-hidden', ! isSingle ); + $( '#wpforms-field-option-row-' + id + '-quantities_alert' ).toggleClass( 'wpforms-hidden', ! isSingle ); + $( '#wpforms-field-option-row-' + id + '-quantity' ).toggleClass( 'wpforms-hidden', ! isSingle || ! isQuantityEnabled ); + $preview.find( '.quantity-input' ).toggleClass( 'wpforms-hidden', ! isSingle || ! isQuantityEnabled ); + + // Toggle Minimum Price options. + $minPriceOptionRow.toggleClass( 'wpforms-hidden', ! isUserDefined ); + $minPriceOptionRow.find( '.wpforms-item-minimum-price-alert' ).toggleClass( 'wpforms-hidden', isValidMinPrice ); + $preview.find( '.item-min-price' ).toggleClass( 'wpforms-hidden', isUserDefined && minPrice <= 0 ); + $preview.toggleClass( 'min-price-warning', ! isValidMinPrice ); + $preview.find( '.fa-exclamation-triangle' ).toggleClass( 'wpforms-hidden', isValidMinPrice ); + + // Toggle the label + $( `#wpforms-field-${ id } .item-price-single` ).toggleClass( 'wpforms-hidden', ! isSingle ); + $( `#wpforms-field-${ id } .item-price-hidden` ).toggleClass( 'wpforms-hidden', ! isHidden ); + } + } ); + + // Real-time updates specific for Address "Scheme" option + $builder.on( 'change', '.wpforms-field-option-row-scheme select', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ); + const value = $this.val(); + const fieldId = $this.parent().data( 'field-id' ); + + const $fieldPreview = $( `#wpforms-field-${ fieldId }` ); + const $stateOption = $( `#wpforms-field-option-row-${ fieldId }-state` ); + const $countryOption = $( `#wpforms-field-option-row-${ fieldId }-country` ); + + // Switch the scheme in a Preview panel. + $fieldPreview.find( '.wpforms-address-scheme' ).addClass( 'wpforms-hide' ); + $fieldPreview.find( `.wpforms-address-scheme-${ value }` ).removeClass( 'wpforms-hide' ); + + // Show an or hide country option depending on the scheme. + const $countryPreviewField = $fieldPreview.find( `.wpforms-address-scheme-${ value } .wpforms-country select, .wpforms-address-scheme-${ value } .wpforms-country input` ); + + $countryPreviewField.length === 0 + ? $countryOption.addClass( 'wpforms-hidden' ) + : $countryOption.removeClass( 'wpforms-hidden' ); + + // Inputs/selects for a currently selected scheme and the one that we're changing to. + const $currentState = $stateOption.find( '.default .default' ).not( '.wpforms-hidden-strict' ); + const $newState = $stateOption.find( `.default [data-scheme="${ value }"]` ); + const $currentCountry = $countryOption.find( '.default .default' ).not( '.wpforms-hidden-strict' ); + const $newCountry = $countryOption.find( `.default [data-scheme="${ value }"]` ); + + // Switch the state field type in options to match the scheme. + $newState.attr( { + id: $currentState.attr( 'id' ), + name: $currentState.attr( 'name' ), + } ).removeClass( 'wpforms-hidden-strict' ); + $currentState.attr( { id: '', name: '' } ).addClass( 'wpforms-hidden-strict' ); + $newCountry.attr( { + id: $currentCountry.attr( 'id' ), + name: $currentCountry.attr( 'name' ), + } ).removeClass( 'wpforms-hidden-strict' ); + $currentCountry.attr( { id: '', name: '' } ).addClass( 'wpforms-hidden-strict' ); + } ); + + // Real-time updates for a Date/Time date type + $builder.on( 'change', '.wpforms-field-option-row-date .type select', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + value = $this.val(), + id = $( this ).closest( '.wpforms-field-option-row' ).data( 'field-id' ), + addClass = value === 'datepicker' ? 'wpforms-date-type-datepicker' : 'wpforms-date-type-dropdown', + removeClass = value === 'datepicker' ? 'wpforms-date-type-dropdown' : 'wpforms-date-type-datepicker'; + + $( '#wpforms-field-' + id ).find( '.wpforms-date' ).addClass( addClass ).removeClass( removeClass ); + $( '#wpforms-field-option-' + id ).addClass( addClass ).removeClass( removeClass ); + + const $limitDays = $this.closest( '.wpforms-field-option-group-advanced' ) + .find( '.wpforms-field-option-row-date_limit_days, .wpforms-field-option-row-date_limit_days_options, .wpforms-field-option-row-date_disable_past_dates' ), + $limitDaysOptions = $( '#wpforms-field-option-row-' + id + '-date_limit_days_options' ); + + if ( value === 'dropdown' ) { + const $dateSelect = $( '#wpforms-field-option-' + id + '-date_format' ); + + if ( $dateSelect.find( 'option:selected' ).hasClass( 'datepicker-only' ) ) { + $dateSelect.prop( 'selectedIndex', 0 ).trigger( 'change' ); + } + + $limitDays.hide(); + } else { + $limitDays.show(); + $( '#wpforms-field-option-' + id + '-date_limit_days' ).is( ':checked' ) + ? $limitDaysOptions.show() + : $limitDaysOptions.hide(); + } + } ); + + // Real-time updates for Date/Time date select format + $builder.on( 'change', '.wpforms-field-option-row-date .format select', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + value = $this.val(), + id = $( this ).closest( '.wpforms-field-option-row' ).data( 'field-id' ), + $field = $( '#wpforms-field-' + id ); + + if ( value === 'm/d/Y' ) { + $field.find( '.wpforms-date-dropdown .first option' ).text( wpforms_builder.date_select_month ); + $field.find( '.wpforms-date-dropdown .second option' ).text( wpforms_builder.date_select_day ); + } else if ( value === 'd/m/Y' ) { + $field.find( '.wpforms-date-dropdown .first option' ).text( wpforms_builder.date_select_day ); + $field.find( '.wpforms-date-dropdown .second option' ).text( wpforms_builder.date_select_month ); + } + } ); + + // Real-time updates for Date/Time select format + $builder.on( 'change', '.wpforms-field-option-row-time .format select', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + id = $this.closest( '.wpforms-field-option-row' ).data( 'field-id' ); + + let options = '', + hh; + + // Determine a time format type. + // If the format contains `g` or `h`, then this is 12-hour format, otherwise 24 hours. + const format = $this.val().match( /[gh]/ ) ? 12 : 24, + minHour = format === 12 ? 1 : 0, + maxHour = format === 12 ? 13 : 24; + + // Generate a new set of hour options. + for ( let i = minHour; i < maxHour; i++ ) { + hh = i < 10 ? '0' + i : i; + options += ''.replace( /{hh}/g, hh ); + } + + _.forEach( [ 'start', 'end' ], function( field ) { + const $hour = $builder.find( '#wpforms-field-option-' + id + '-time_limit_hours_' + field + '_hour' ), + $ampm = $builder.find( '#wpforms-field-option-' + id + '-time_limit_hours_' + field + '_ampm' ); + + let hourValue = parseInt( $hour.val(), 10 ), + ampmValue = $ampm.val(); + + if ( format === 24 ) { + hourValue = ampmValue === 'pm' ? hourValue + 12 : hourValue; + } else { + ampmValue = hourValue > 12 ? 'pm' : 'am'; + hourValue = hourValue > 12 ? hourValue - 12 : hourValue; + } + + hourValue = hourValue < 10 ? '0' + hourValue : hourValue; + $hour.html( options ).val( hourValue ); + $ampm.toggleClass( 'wpforms-hidden-strict', format === 24 ).val( ampmValue ); + $ampm.nextAll( 'div' ).toggleClass( 'wpforms-hidden-strict', format === 12 ); + } ); + } ); + + // Consider the field active when a disabled nav button is clicked + $builder.on( 'click', '.wpforms-pagebreak-button', function( e ) { + e.preventDefault(); + $( this ).closest( '.wpforms-field' ).trigger( 'click' ); + } ); + + /* + * Pagebreak field. + */ + app.fieldPageBreakInitDisplayPrevious( $builder.find( '.wpforms-field-pagebreak.wpforms-pagebreak-normal' ).first() ); + + $builder + .on( 'input', '.wpforms-field-option-row-next input', function( e ) { // eslint-disable-line no-unused-vars + // Real-time updates for "Next" pagebreak field option. + const $this = $( this ), + value = $this.val(), + $next = $( '#wpforms-field-' + $this.parent().data( 'field-id' ) ).find( '.wpforms-pagebreak-next' ); + + if ( value ) { + $next.css( 'display', 'inline-block' ).text( value ); + } else { + $next.css( 'display', 'none' ).empty(); + } + } ) + .on( 'input', '.wpforms-field-option-row-prev input', function( e ) { // eslint-disable-line no-unused-vars + // Real-time updates for "Prev" pagebreak field option. + const $this = $( this ), + value = $this.val().trim(), + $field = $( '#wpforms-field-' + $this.parent().data( 'field-id' ) ), + $prevBtn = $field.find( '.wpforms-pagebreak-prev' ); + + if ( value && $field.prevAll( '.wpforms-field-pagebreak.wpforms-pagebreak-normal' ).length > 0 ) { + $prevBtn.removeClass( 'wpforms-hidden' ).text( value ); + } else { + $prevBtn.addClass( 'wpforms-hidden' ).empty(); + } + } ) + .on( 'change', '.wpforms-field-option-row-prev_toggle input', function( e ) { // eslint-disable-line complexity, no-unused-vars + // Real-time updates for "Display Previous" pagebreak field option. + const $input = $( this ), + $wrapper = $input.closest( '.wpforms-field-option-row-prev_toggle' ); + + if ( $wrapper.hasClass( 'wpforms-entry-preview-block' ) ) { + return; + } + + const $prev = $input.closest( '.wpforms-field-option-group-inner' ).find( '.wpforms-field-option-row-prev' ); + + const $prevLabel = $prev.find( 'input' ), + $prevBtn = $( '#wpforms-field-' + $input.closest( '.wpforms-field-option' ).data( 'field-id' ) ).find( '.wpforms-pagebreak-prev' ); + + $prev.toggleClass( 'wpforms-hidden', ! $input.prop( 'checked' ) ); + $prevBtn.toggleClass( 'wpforms-hidden', ! $input.prop( 'checked' ) ); + + if ( $input.prop( 'checked' ) && ! $prevLabel.val() ) { + let message = $prevLabel.data( 'last-value' ); + message = message && message.trim() ? message.trim() : wpforms_builder.previous; + + $prevLabel.val( message ); + } + + // Backward compatibility for forms that were created before the toggle was added. + if ( ! $input.prop( 'checked' ) ) { + $prevLabel.data( 'last-value', $prevLabel.val() ); + $prevLabel.val( '' ); + } + + $prevLabel.trigger( 'input' ); + } ) + .on( 'wpformsFieldAdd', app.fieldPagebreakAdd ) + .on( 'wpformsFieldDelete', app.fieldPagebreakDelete ) + .on( 'wpformsFieldAdd', app.toggleOrderSummaryConfirmation ) + .on( 'wpformsFieldDelete', app.toggleOrderSummaryConfirmation ) + .on( 'wpformsBeforeFieldDelete', app.fieldEntryPreviewDelete ); + + // Update Display Previous option visibility for all Pagebreak fields. + $builder.on( 'wpformsFieldMove wpformsFieldAdd wpformsFieldDelete', function( e ) { // eslint-disable-line no-unused-vars + $builder.find( '.wpforms-field-pagebreak.wpforms-pagebreak-normal' ).each( function( i ) { // eslint-disable-line no-unused-vars + app.fieldPageBreakInitDisplayPrevious( $( this ) ); + } ); + } ); + + // Real-time updates for "Page Title" pagebreak field option + $builder.on( 'input', '.wpforms-field-option-row-title input', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + value = $this.val(), + id = $this.parent().data( 'field-id' ); + + if ( value ) { + $( '#wpforms-field-' + id ).find( '.wpforms-pagebreak-title' ).text( value ); + } else { + $( '#wpforms-field-' + id ).find( '.wpforms-pagebreak-title' ).empty(); + } + } ); + + // Real-time updates for "Page Navigation Alignment" pagebreak field option + $builder.on( 'change', '.wpforms-field-option-row-nav_align select', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ); + let value = $this.val(); + + if ( ! value ) { + value = 'center'; + } + + $( '.wpforms-pagebreak-buttons' ) + .removeClass( 'wpforms-pagebreak-buttons-center wpforms-pagebreak-buttons-left wpforms-pagebreak-buttons-right wpforms-pagebreak-buttons-split' ) + .addClass( 'wpforms-pagebreak-buttons-' + value ); + } ); + + // Real-time updates for Single Item field "Item Price" option. + $builder.on( 'input', '.wpforms-field-option-row-price input', function() { + const $this = $( this ), + value = $this.val(), + formatted = wpf.amountFormat( wpf.amountSanitize( value ) ), + id = $this.parent().data( 'field-id' ), + placeholder = $( '#wpforms-field-option-' + id + '-placeholder' ).val().trim(), + $preview = $( '#wpforms-field-' + id ), + newValue = value === '' && placeholder !== '' ? '' : formatted; + + $preview.find( '.primary-input' ).val( newValue ); + $preview.find( '.price' ).text( wpf.amountFormatCurrency( value ) ); + } ); + + // Real-time updates for Single Item field "Minimum Price" option. + $builder.on( 'input', '.wpforms-field-option-row-min_price input', function() { + const $this = $( this ), + amount = $this.val(), + sanitized = wpf.amountSanitize( amount ), + isEmpty = sanitized <= 0, + isValid = sanitized >= $this.data( 'minimum-price' ), + $fieldOptionRow = $this.parent(), + $preview = $( '#wpforms-field-' + $fieldOptionRow.data( 'field-id' ) ); + + $fieldOptionRow.find( '.wpforms-item-minimum-price-alert' ).toggleClass( 'wpforms-hidden', isValid ); + $preview.find( '.item-min-price' ).toggleClass( 'wpforms-hidden', isEmpty ); + $preview.toggleClass( 'min-price-warning', ! isValid ); + $preview.find( '.fa-exclamation-triangle' ).toggleClass( 'wpforms-hidden', isValid ); + + if ( isEmpty ) { + return; + } + + $preview.find( '.min-price' ).text( wpf.amountFormatCurrency( amount ) ); + } ); + + // Real-time updates for price label for single item field. + $builder.on( 'input', '.wpforms-single-item-price-label-display', function() { + const $this = $( this ), + value = wpf.sanitizeHTML( $this.val(), '<>' ), + id = $this.parent().data( 'field-id' ), + $preview = $( `#wpforms-field-${ id }` ), + $price = wpf.amountFormatCurrency( $( `#wpforms-field-option-${ id }-price` ).val() ); + + if ( ! value ) { + $this.val( '{price}' ); + $preview.find( '.price-label' ).html( ` ${ $price } ` ); + return; + } + + $preview.find( '.price-label' ).html( value.replaceAll( '{price}', ` ${ $price } ` ) ); + } ); + + // Real-time updates for payment CC icons + $builder.on( 'change', '.wpforms-field-option-credit-card .payment-icons input', function() { + const $this = $( this ), + card = $this.data( 'card' ), + id = $this.parent().data( 'field-id' ); + + $( '#wpforms-field-' + id ).find( 'img.icon-' + card ).toggleClass( 'card_hide' ); + } ); + + // Generic updates for various additional placeholder fields (at least Stripe's "Name on Card"). + $builder.on( 'input', '.wpforms-field-option input.placeholder-update', function( e ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + value = $this.val(), + id = $this.data( 'field-id' ), + subfield = $this.data( 'subfield' ); + + $( '#wpforms-field-' + id ).find( '.wpforms-' + subfield + ' input' ).attr( 'placeholder', value ); + } ); + + // Toggle Choice Layout advanced field option. + $builder.on( 'change', '.wpforms-field-option-row-input_columns select', function() { + const $this = $( this ), + value = $this.val(), + id = $this.parent().data( 'field-id' ); + + let cls = ''; + + if ( value === '2' ) { + cls = 'wpforms-list-2-columns'; + } else if ( value === '3' ) { + cls = 'wpforms-list-3-columns'; + } else if ( value === 'inline' ) { + cls = 'wpforms-list-inline'; + } + + $( '#wpforms-field-' + id ).removeClass( 'wpforms-list-2-columns wpforms-list-3-columns wpforms-list-inline' ).addClass( cls ); + } ); + + // Toggle the toggle field. + $builder.on( 'change', '.wpforms-field-option-row .wpforms-toggle-control input', function( e ) { // eslint-disable-line no-unused-vars + const $check = $( this ), + $control = $check.closest( '.wpforms-toggle-control' ), + $status = $control.find( '.wpforms-toggle-control-status' ), + state = $check.is( ':checked' ) ? 'on' : 'off'; + + $status.html( $status.data( state ) ); + } ); + + // Real-time updates for "Dynamic Choices" field option, for Dropdown, + // Checkboxes, and Multiple choice fields + $builder.on( 'change', '.wpforms-field-option-row-dynamic_choices select', function( e ) { // eslint-disable-line no-unused-vars + app.fieldDynamicChoiceToggle( $( this ) ); + } ); + + // Real-time updates for "Dynamic [type] Source" field option, for Dropdown, + // Checkboxes, and Multiple choice fields + $builder.on( 'change', '.wpforms-field-option-row-dynamic_taxonomy select, .wpforms-field-option-row-dynamic_post_type select', function( e ) { // eslint-disable-line no-unused-vars + app.fieldDynamicChoiceSource( $( this ) ); + } ); + + // Toggle Layout selector + $builder.on( 'click', '.toggle-layout-selector-display', function( e ) { + e.preventDefault(); + app.fieldLayoutSelectorToggle( this ); + } ); + $builder.on( 'click', '.layout-selector-display-layout', function( e ) { + e.preventDefault(); + app.fieldLayoutSelectorLayout( this ); + } ); + $builder.on( 'click', '.layout-selector-display-columns span', function( e ) { + e.preventDefault(); + app.fieldLayoutSelectorInsert( this ); + } ); + + // Real-time updates for a Rating field scale option. + $( document ).on( 'change', '.wpforms-field-option-row-scale select', function() { + const $this = $( this ), + value = $this.val(), + id = $this.parent().data( 'field-id' ), + $icons = $( '#wpforms-field-' + id + ' .rating-icon' ); + + let x = 1; + + $icons.each( function( index ) { // eslint-disable-line no-unused-vars + if ( x <= value ) { + $( this ).show(); + } else { + $( this ).hide(); + } + x++; + } ); + } ); + + // Real-time updates for a Rating field icon option. + $( document ).on( 'change', '.wpforms-field-option-row-icon select', function() { + const $this = $( this ), + value = $this.val(), + id = $this.parent().data( 'field-id' ), + $icons = $( '#wpforms-field-' + id + ' .rating-icon' ); + + let iconClass = 'fa-star'; + + if ( 'heart' === value ) { + iconClass = 'fa-heart'; + } else if ( 'thumb' === value ) { + iconClass = 'fa-thumbs-up'; + } else if ( 'smiley' === value ) { + iconClass = 'fa-smile-o'; + } + + $icons.removeClass( 'fa-star fa-heart fa-thumbs-up fa-smile-o' ).addClass( iconClass ); + } ); + + // Real-time updates for a Rating field icon size option. + $( document ).on( 'change', '.wpforms-field-option-row-icon_size select', function() { + const $this = $( this ), + value = $this.val(), + id = $this.parent().data( 'field-id' ), + $icons = $( '#wpforms-field-' + id + ' .rating-icon' ); + + let fontSize = '28'; + + if ( 'small' === value ) { + fontSize = '18'; + } else if ( 'large' === value ) { + fontSize = '38'; + } + + $icons.css( 'font-size', fontSize + 'px' ); + } ); + + // Real-time updates for a Rating field icon color option. + $( document ).on( 'input', '.wpforms-field-option-row-icon_color input.wpforms-color-picker', function() { + const $this = $( this ), + id = $this.closest( '.wpforms-field-option-row' ).data( 'field-id' ), + $icons = $( '#wpforms-field-' + id + ' > i.fa' ); + + $icons.css( 'color', app.getValidColorPickerValue( $this ) ); + } ); + + // Real-time updates for a Checkbox field Disclaimer option. + $( document ).on( 'change', '.wpforms-field-option-row-disclaimer_format input', function() { + const $this = $( this ), + id = $this.closest( '.wpforms-field-option-row' ).data( 'field-id' ), + $desc = $( '#wpforms-field-' + id + ' .description' ); + + $desc.toggleClass( 'disclaimer' ); + } ); + + $builder.on( + 'change', + '.wpforms-field-option-row-limit_enabled input', + function( event ) { + app.updateTextFieldsLimitControls( $( event.target ).closest( '.wpforms-field-option-row-limit_enabled' ).data().fieldId, event.target.checked ); + } + ); + + $builder.on( + 'change', + '.wpforms-field-option-row-date_disable_past_dates input', + function( event ) { + app.updateDisableTodaysDateControls( $( event.target ).closest( '.wpforms-field-option-row-date_disable_past_dates' ).data().fieldId, event.target?.checked ); + } + ); + + $builder.on( + 'change', + '.wpforms-field-option-row-password-strength input', + function( event ) { + app.updatePasswordStrengthControls( $( event.target ).parents( '.wpforms-field-option-row-password-strength' ).data().fieldId, event.target.checked ); + } + ); + + $builder.on( + 'change', + '.wpforms-field-option-richtext .wpforms-field-option-row-media_enabled input', + app.updateRichTextMediaFieldsLimitControls + ); + + $builder.on( + 'change', + '.wpforms-field-option-richtext .wpforms-field-option-row-style select', + app.updateRichTextStylePreview + ); + + // File uploader - change style. + $builder + .on( + 'change', + '.wpforms-field-option-file-upload .wpforms-field-option-row-style select, .wpforms-field-option-file-upload .wpforms-field-option-row-max_file_number input', + function( event ) { + app.fieldFileUploadPreviewUpdate( event.target ); + } + ); + + // Real-time updates for Number Slider field. + app.numberSliderEvents( $builder ); + + // Hide image and icon choices if dynamic choices are not off. + app.fieldDynamicChoiceToggleImageChoices(); + app.fieldDynamicChoiceToggleIconChoices(); + + // Real-time updates for Payment field's 'Show price after item label' option. + $builder.on( 'change', '.wpforms-field-option-row-show_price_after_labels input', function( e ) { // eslint-disable-line no-unused-vars + const $input = $( this ), + $list = $input.closest( '.wpforms-field-option-group-basic' ).find( '.wpforms-field-option-row-choices .choices-list' ); + + app.fieldChoiceUpdate( $list.data( 'field-type' ), $list.data( 'field-id' ) ); + } ); + + $builder + .on( 'input', '.wpforms-field-option-row-preview-notice textarea', app.updatePreviewNotice ) + .on( 'change', '.wpforms-field-option-row-preview-notice-enable input', app.toggleEntryPreviewNotice ) + .on( 'wpformsFieldAdd', app.maybeLockEntryPreviewGroupOnAdd ) + .on( 'wpformsFieldMove', app.maybeLockEntryPreviewGroupOnMove ) + .on( 'click', '.wpforms-entry-preview-block', app.entryPreviewBlockField ); + + app.defaultStateEntryPreviewNotice(); + }, + + /** + * Check if we had focusout event from certain fields. + * + * @since 1.7.5 + */ + focusOutEvent() { + if ( elements.$focusOutTarget === null ) { + return; + } + + if ( elements.$defaultEmail.is( elements.$focusOutTarget ) ) { + const $field = elements.$focusOutTarget; + + $field.next( '.wpforms-alert' ).remove(); + + if ( $field.val() === '' ) { + return; + } + + $.get( + wpforms_builder.ajax_url, + { + nonce: wpforms_builder.nonce, + content: $field.val(), + action: 'wpforms_sanitize_default_email', + }, + function( res ) { + if ( res.success ) { + $field.val( res.data ); + $field.trigger( 'input' ); + + if ( ! res.data ) { + $field.after( '

' + wpforms_builder.restricted_default_email + '

' ); + } + } + } + ); + } + + elements.$focusOutTarget = null; + }, + + /** + * Determine if the field is disabled for selection/duplication/deletion. + * + * @since 1.7.1 + * + * @param {any} el DOM element or jQuery object of some container on the field preview. + * + * @return {boolean} True if actions are disabled. + */ + isFieldPreviewActionsDisabled( el ) { + return app.isFormPreviewActionsDisabled( el ) || + $( el ).closest( '.wpforms-field' ).hasClass( 'ui-sortable-disabled' ); + }, + + /** + * Determine if form wrapper has sorting locked. + * + * @since 1.7.6 + * + * @param {any} el DOM element or jQuery object of some container on the field preview. + * + * @return {boolean} True when form preview wrapper sorting is disabled. + */ + isFormPreviewActionsDisabled( el ) { + return $( el ).closest( '.wpforms-field-wrap' ).hasClass( 'ui-sortable-disabled' ); + }, + + /** + * Toggle field group visibility in the field sidebar. + * + * @since 1.0.0 + * + * @param {any} el DOM element or jQuery object. + * @param {string} action Action. + */ + fieldGroupToggle( el, action ) { + const $this = $( el ); + let $buttons = $this.next( '.wpforms-add-fields-buttons' ); + const $group = $buttons.parent(); + let $icon = $this.find( 'i' ), + groupName = $this.data( 'group' ), + cookieName = 'wpforms_field_group_' + groupName; + + if ( action === 'click' ) { + if ( $group.hasClass( 'wpforms-closed' ) ) { + wpCookies.remove( cookieName ); + } else { + wpCookies.set( cookieName, 'true', 2592000 ); // 1 month + } + $icon.toggleClass( 'wpforms-angle-right' ); + $buttons.stop().slideToggle( '', function() { + $group.toggleClass( 'wpforms-closed' ); + } ); + + return; + } + + if ( action === 'load' ) { + $buttons = $this.find( '.wpforms-add-fields-buttons' ); + $icon = $this.find( '.wpforms-add-fields-heading i' ); + groupName = $this.find( '.wpforms-add-fields-heading' ).data( 'group' ); + cookieName = 'wpforms_field_group_' + groupName; + + if ( wpCookies.get( cookieName ) === 'true' ) { + $icon.toggleClass( 'wpforms-angle-right' ); + $buttons.hide(); + $this.toggleClass( 'wpforms-closed' ); + } + } + }, + + /** + * Update description. + * + * @since 1.6.9 + * + * @param {jQuery} $el Element. + * @param {string} value Value. + */ + updateDescription( $el, value ) { + if ( $el.hasClass( 'nl2br' ) ) { + value = value.replace( /\n/g, '
' ); + } + + $el.html( value ); + }, + + /** + * Set the default state for the entry preview notice field. + * + * @since 1.6.9 + */ + defaultStateEntryPreviewNotice() { + $( '.wpforms-field-option-row-preview-notice-enable input' ).each( function() { + $( this ).trigger( 'change' ); + } ); + }, + + /** + * Update a preview notice for the field preview. + * + * @since 1.6.9 + */ + updatePreviewNotice() { + const $this = $( this ); + let value = wpf.sanitizeHTML( $this.val() ).trim(); + const id = $this.parent().data( 'field-id' ), + $field = $( '#wpforms-field-' + id ).find( '.wpforms-entry-preview-notice' ); + + value = value ? value : wpforms_builder.entry_preview_default_notice; + + app.updateDescription( $field, value ); + }, + + /** + * Show/hide entry preview notice for the field preview. + * + * @since 1.6.9 + */ + toggleEntryPreviewNotice() { + const $this = $( this ), + id = $this.closest( '.wpforms-field-option' ).data( 'field-id' ), + $field = $( '#wpforms-field-' + id ), + $noticeField = $( '#wpforms-field-option-' + id + ' .wpforms-field-option-row-preview-notice' ), + $notice = $field.find( '.wpforms-entry-preview-notice' ), + $defaultNotice = $field.find( '.wpforms-alert-info' ); + + if ( $this.is( ':checked' ) ) { + $defaultNotice.hide(); + $notice.show(); + $noticeField.show(); + + return; + } + + $noticeField.hide(); + $notice.hide(); + $defaultNotice.show(); + }, + + /** + * Delete a field. + * + * @param {number} id Field ID. + * + * @since 1.0.0 + * @since 1.6.9 Add the entry preview logic. + */ + fieldDelete( id ) { + const $field = $( '#wpforms-field-' + id ), + type = $field.data( 'field-type' ); + + if ( type === 'pagebreak' && $field.hasClass( 'wpforms-field-entry-preview-not-deleted' ) ) { + app.youCantRemovePageBreakFieldPopup(); + + return; + } + + if ( $field.hasClass( 'no-delete' ) ) { + app.youCantRemoveFieldPopup(); + + return; + } + + app.confirmFieldDeletion( id, type ); + }, + + /** + * Show the error message in the popup that you cannot remove the page break field. + * + * @since 1.6.9 + */ + youCantRemovePageBreakFieldPopup() { + $.alert( { + title: wpforms_builder.heads_up, + content: wpforms_builder.entry_preview_require_page_break, + icon: 'fa fa-exclamation-circle', + type: 'red', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Show the error message in the popup that you cannot reorder the field. + * + * @since 1.7.1 + * @since 1.7.7 Deprecated. + * + * @deprecated Use `WPForms.Admin.Builder.DragFields.youCantReorderFieldPopup()` instead. + */ + youCantReorderFieldPopup() { + // eslint-disable-next-line no-console + console.warn( 'WARNING! Function "WPFormsBuilder.youCantReorderFieldPopup()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.youCantReorderFieldPopup()" function instead!' ); + + WPForms.Admin.Builder.DragFields.youCantReorderFieldPopup(); + }, + + /** + * Show the error message in the popup that you cannot remove the field. + * + * @since 1.6.9 + */ + youCantRemoveFieldPopup() { + $.alert( { + title: wpforms_builder.field_locked, + content: wpforms_builder.field_locked_no_delete_msg, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: { + confirm: { + text: wpforms_builder.close, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Error alert displayed for invalid From Email Notification field. + * + * @since 1.8.1 + * + * @param {string} $msg Message. + */ + validationErrorNotificationPopup( $msg ) { + $.alert( { + title: wpforms_builder.heads_up, + content: $msg, + icon: 'fa fa-exclamation-circle', + type: 'red', + buttons: { + confirm: { + text: wpforms_builder.close, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Show the confirmation popup before the field deletion. + * + * @param {number} id Field ID. + * @param {string} type Field type. + * + * @since 1.6.9 + */ + confirmFieldDeletion( id, type ) { + const fieldData = { + id, + message: wpforms_builder.delete_confirm, + }; + + const event = WPFormsUtils.triggerEvent( $builder, 'wpformsBeforeFieldDeleteAlert', [ fieldData, type ] ); + + // Allow callbacks on `wpformsBeforeFieldDeleteAlert` to prevent field deletion by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return; + } + + $.confirm( { + title: false, + content: fieldData.message, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action() { + app.fieldDeleteById( id ); + }, + }, + cancel: { + text: wpforms_builder.cancel, + }, + }, + } ); + }, + + /** + * Remove the field by ID. + * + * @since 1.6.9 + * + * @param {number} id Field ID. + * @param {string} type Field type (deprecated) + * @param {number} duration Duration of animation. + */ + fieldDeleteById( id, type = '', duration = 400 ) { + $( `#wpforms-field-${ id }` ).fadeOut( duration, function() { + const $field = $( this ); + const $layoutParents = $field.parents( '.wpforms-field-layout-columns' ); + + type = $field.data( 'field-type' ); + + $builder.trigger( 'wpformsBeforeFieldDelete', [ id, type ] ); + + $field.remove(); + $( '#wpforms-field-option-' + id ).remove(); + $( '.wpforms-field, .wpforms-title-desc' ).removeClass( 'active' ); + app.fieldTabToggle( 'add-fields' ); + + const $fieldsOptions = $( '.wpforms-field-option' ), + $submitButton = $builder.find( '.wpforms-field-submit' ); + + // No fields remains. + if ( $fieldsOptions.length < 1 ) { + elements.$sortableFieldsWrap.append( elements.$noFieldsPreview.clone() ); + elements.$fieldOptions.append( elements.$noFieldsOptions.clone() ); + $submitButton.hide(); + } + + // Only Layout fields remains. + if ( ! $fieldsOptions.filter( ':not(.wpforms-field-option-layout)' ).length ) { + $submitButton.hide(); + } + + $builder.trigger( 'wpformsFieldDelete', [ id, type, $layoutParents ] ); + } ); + }, + + /** + * Determine which sections to activate for each panel. + * + * @since 1.9.3 + */ + determineActiveSections() { + const sectionFromUrl = wpf.getQueryString( 'section' ); + + // Gets the section to activate based on the URL. + const getSectionFromUrl = ( $panel, sectionFromUrl ) => { + if ( ! sectionFromUrl || ! $panel.hasClass( 'active' ) ) { + return null; + } + + const $sectionElement = $panel.find( `.wpforms-panel-sidebar-section[data-section="${ sectionFromUrl }"]` ); + + return $sectionElement.length ? $sectionElement : null; + }; + + // Gets the configured section within a panel to activate, if available. + const getConfiguredSection = ( $panel ) => { + const $configuredSection = $panel.find( '.wpforms-panel-sidebar-section.configured' ).first(); + + return $configuredSection.length ? $configuredSection : null; + }; + + // Gets the first available section in the sidebar to activate. + const getFirstAvailableSection = ( $panel ) => { + return $panel.find( '.wpforms-panel-sidebar-section:first-of-type' ); + }; + + // Activates the specified section within a panel and its corresponding content section. + const activateSection = ( $panel, $sectionToActivate ) => { + if ( ! $sectionToActivate ) { + return; + } + + const sectionNameToActivate = $sectionToActivate.data( 'section' ); + $sectionToActivate.addClass( 'active' ); + const $contentSection = $panel.find( `.wpforms-panel-content-section-${ sectionNameToActivate }` ); + + if ( $contentSection.length ) { + $contentSection.show().addClass( 'active' ); + $panel.find( '.wpforms-panel-content-section-default' ).toggle( sectionNameToActivate === 'default' ); + } else { + $panel.find( '.wpforms-panel-content-section-default' ).show().addClass( 'active' ); + } + + WPFormsUtils.triggerEvent( $builder, 'wpformsPanelSectionSwitch', sectionNameToActivate ); + }; + + // Iterate through each panel and determine which section to activate. + $( '.wpforms-panel' ).each( function( index, el ) { // eslint-disable-line no-unused-vars + const $panel = $( this ); + const $sectionToActivate = getSectionFromUrl( $panel, sectionFromUrl ) || + getConfiguredSection( $panel ) || + getFirstAvailableSection( $panel ); + + activateSection( $panel, $sectionToActivate ); + } ); + }, + + /** + * Load entry preview fields. + * + * @since 1.6.9 + */ + loadEntryPreviewFields() { + const $fields = $( '#wpforms-panel-fields .wpforms-field-wrap .wpforms-field-entry-preview' ); + + if ( ! $fields.length ) { + return; + } + + $fields.each( function() { + app.lockEntryPreviewFieldsPosition( $( this ).data( 'field-id' ) ); + } ); + }, + + /** + * Delete the entry preview field from the form preview. + * + * @since 1.6.9 + * + * @param {Event} event Event. + * @param {number} id Field ID. + * @param {string} type Field type. + */ + fieldEntryPreviewDelete( event, id, type ) { + if ( 'entry-preview' !== type ) { + return; + } + + const $field = $( '#wpforms-field-' + id ), + $previousPageBreakField = $field.prevAll( '.wpforms-field-pagebreak' ).first(), + $nextPageBreakField = $field.nextAll( '.wpforms-field-pagebreak' ).first(), + nextPageBreakId = $nextPageBreakField.data( 'field-id' ), + $nextPageBreakOptions = $( '#wpforms-field-option-' + nextPageBreakId ); + + $previousPageBreakField.removeClass( 'wpforms-field-not-draggable wpforms-field-entry-preview-not-deleted' ); + $nextPageBreakOptions.find( '.wpforms-entry-preview-block' ).removeClass( 'wpforms-entry-preview-block' ); + + $builder.trigger( 'wpformsFieldDragToggle', [ $previousPageBreakField.data( 'field-id' ), $previousPageBreakField.data( 'field-type' ) ] ); + }, + + /** + * Maybe lock the entry preview and fields nearby after move event. + * + * @since 1.6.9 + * + * @param {Event} e Event. + * @param {Object} ui UI sortable object. + */ + maybeLockEntryPreviewGroupOnMove( e, ui ) { + if ( ! ui.item.hasClass( 'wpforms-field-pagebreak' ) ) { + return; + } + + app.maybeLockEntryPreviewGroupOnAdd( e, ui.item.data( 'field-id' ), 'pagebreak' ); + }, + + /** + * Maybe lock the entry preview and fields nearby after adding event. + * + * @since 1.6.9 + * + * @param {Event} e Event. + * @param {number} fieldId Field id. + * @param {string} type Field type. + */ + maybeLockEntryPreviewGroupOnAdd( e, fieldId, type ) { + if ( type !== 'pagebreak' ) { + return; + } + + const $currentField = $( '#wpforms-field-' + fieldId ), + $prevField = $currentField.prevAll( '.wpforms-field-entry-preview,.wpforms-field-pagebreak' ).first(), + $nextField = $currentField.nextAll( '.wpforms-field-entry-preview,.wpforms-field-pagebreak' ).first(); + + if ( ! $prevField.hasClass( 'wpforms-field-entry-preview' ) && ! $nextField.hasClass( 'wpforms-field-entry-preview' ) ) { + return; + } + + const $currentFieldPrevToggle = $( '#wpforms-field-option-' + fieldId + ' .wpforms-field-option-row-prev_toggle' ), + $currentFieldPrevToggleField = $currentFieldPrevToggle.find( 'input' ), + $nextFieldPrevToggle = $( '#wpforms-field-option-' + $nextField.data( 'field-id' ) + ' .wpforms-field-option-row-prev_toggle' ); + + if ( $prevField.hasClass( 'wpforms-field-entry-preview' ) ) { + $currentFieldPrevToggleField.attr( 'checked', 'checked' ).trigger( 'change' ); + $currentFieldPrevToggle.addClass( 'wpforms-entry-preview-block' ); + $nextFieldPrevToggle.removeClass( 'wpforms-entry-preview-block' ); + + return; + } + + const prevFieldId = $prevField.data( 'field-id' ), + $prevFieldPrevToggle = $( '#wpforms-field-option-' + prevFieldId + ' .wpforms-field-option-row-prev_toggle' ), + $prevFieldPrevToggleField = $prevFieldPrevToggle.find( 'input' ); + + $currentField.addClass( 'wpforms-field-not-draggable wpforms-field-entry-preview-not-deleted' ); + $builder.trigger( 'wpformsFieldDragToggle', [ fieldId, type ] ); + $prevField.removeClass( 'wpforms-field-not-draggable wpforms-field-entry-preview-not-deleted' ); + $builder.trigger( 'wpformsFieldDragToggle', [ prevFieldId, $prevField.data( 'field-type' ) ] ); + + if ( $prevField.prevAll( '.wpforms-field-entry-preview,.wpforms-field-pagebreak' ).first().hasClass( 'wpforms-field-entry-preview' ) ) { + $prevFieldPrevToggleField.attr( 'checked', 'checked' ).trigger( 'change' ); + $prevFieldPrevToggle.addClass( 'wpforms-entry-preview-block' ); + } + }, + + /** + * Show the error popup that the entry preview field blocks the field. + * + * @since 1.6.9 + * + * @param {Event} e Event. + */ + entryPreviewBlockField( e ) { + e.preventDefault(); + + $.alert( { + title: wpforms_builder.heads_up, + content: wpforms_builder.entry_preview_require_previous_button, + icon: 'fa fa-exclamation-circle', + type: 'red', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Is it an entry preview field that should be checked before adding? + * + * @since 1.6.9 + * + * @param {string} type Field type. + * @param {Object} options Field options. + * + * @return {boolean} True when we should check it. + */ + isUncheckedEntryPreviewField( type, options ) { + // eslint-disable-next-line no-mixed-operators + return type === 'entry-preview' && ( ! options || options && ! options.passed ); + }, + + /** + * Add an entry preview field to the form preview. + * + * @since 1.6.9 + * + * @param {string} type Field type. + * @param {Object} options Field options. + */ + addEntryPreviewField( type, options ) { // eslint-disable-line complexity + const addButton = $( '#wpforms-add-fields-entry-preview' ); + + if ( addButton.hasClass( 'wpforms-entry-preview-adding' ) ) { + return; + } + + const $fields = $( '#wpforms-panel-fields .wpforms-field-wrap > .wpforms-field' ), + position = options?.position ? options.position : $fields.length, + needPageBreakBefore = app.isEntryPreviewFieldRequiresPageBreakBefore( $fields, position ), + needPageBreakAfter = app.isEntryPreviewFieldRequiresPageBreakAfter( $fields, position ); + + addButton.addClass( 'wpforms-entry-preview-adding' ); + + if ( ! options ) { + options = {}; + } + + options.passed = true; + + if ( ! needPageBreakBefore && ! needPageBreakAfter ) { + app.fieldAdd( 'entry-preview', options ).done( function( res ) { + app.lockEntryPreviewFieldsPosition( res.data.field.id ); + } ); + + return; + } + + if ( needPageBreakBefore ) { + app.addPageBreakAndEntryPreviewFields( options, position ); + + return; + } + + app.addEntryPreviewAndPageBreakFields( options, position ); + }, + + /** + * Add the entry preview field after the page break field. + * We should wait for the page break adding to avoid id duplication. + * + * @since 1.6.9 + * + * @param {Object} options Field options. + */ + addEntryPreviewFieldAfterPageBreak( options ) { + const checkExist = setInterval( function() { + if ( $( '#wpforms-panel-fields .wpforms-field-wrap' ).find( '.wpforms-pagebreak-bottom, .wpforms-pagebreak-top' ).length === 2 ) { + app.fieldAdd( 'entry-preview', options ).done( function( res ) { + app.lockEntryPreviewFieldsPosition( res.data.field.id ); + } ); + clearInterval( checkExist ); + } + }, 100 ); + }, + + /** + * Add the entry preview field after the page break field. + * + * @since 1.6.9 + * + * @param {Object} options Field options. + * @param {number} position The field position. + */ + addPageBreakAndEntryPreviewFields( options, position ) { + const hasPageBreak = $( '#wpforms-panel-fields .wpforms-field-wrap > .wpforms-field-pagebreak' ).length >= 3; + + app.fieldAdd( 'pagebreak', { position } ).done( function( res ) { + options.position = hasPageBreak ? position + 1 : position + 2; + app.addEntryPreviewFieldAfterPageBreak( options ); + + const $pageBreakOptions = $( '#wpforms-field-option-' + res.data.field.id ), + $pageBreakPrevToggle = $pageBreakOptions.find( '.wpforms-field-option-row-prev_toggle' ), + $pageBreakPrevToggleField = $pageBreakPrevToggle.find( 'input' ); + + $pageBreakPrevToggleField.attr( 'checked', 'checked' ).trigger( 'change' ); + $pageBreakPrevToggle.addClass( 'wpforms-entry-preview-block' ); + } ); + }, + + /** + * Duplicate field. + * + * @since 1.2.9 + * + * @param {string} id Field id. + */ + fieldDuplicate( id ) { + const $field = $( `#wpforms-field-${ id }` ); + + if ( $field.hasClass( 'no-duplicate' ) ) { + $.alert( { + title: wpforms_builder.field_locked, + content: wpforms_builder.field_locked_no_duplicate_msg, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: { + confirm: { + text: wpforms_builder.close, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + + return; + } + + $.confirm( { + title: false, + content: wpforms_builder.duplicate_confirm, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action() { + // Disable the current button to avoid firing multiple click events. + // By default, "jconfirm" tends to destroy any modal DOM element upon button click. + this.$$confirm.prop( 'disabled', true ); + + const beforeEvent = WPFormsUtils.triggerEvent( $builder, 'wpformsBeforeFieldDuplicate', [ id, $field ] ); + + // Allow callbacks on `wpformsFieldBeforeDuplicate` to cancel field duplication. + if ( beforeEvent.isDefaultPrevented() ) { + return; + } + + const newFieldId = app.fieldDuplicateRoutine( id, true ), + $newField = $( `#wpforms-field-${ newFieldId }` ); + + // Lastly, update the next ID stored in the database. + app.increaseNextFieldIdAjaxRequest(); + + WPFormsUtils.triggerEvent( $builder, 'wpformsFieldDuplicated', [ id, $field, newFieldId, $newField ] ); + }, + }, + cancel: { + text: wpforms_builder.cancel, + }, + }, + } ); + }, + + /** + * Update the next ID stored in the database. + * + * @since 1.7.7 + */ + increaseNextFieldIdAjaxRequest() { + /* eslint-disable camelcase */ + $.post( + wpforms_builder.ajax_url, + { + form_id: s.formID, + field_id: elements.$nextFieldId.val(), + nonce: wpforms_builder.nonce, + action: 'wpforms_builder_increase_next_field_id', + } + ); + }, + + /** + * Duplicate field routine. + * + * @since 1.7.7 + * + * @param {number|string} id Field ID. + * @param {boolean} changeLabel Is it necessary to change the label and add a copy suffix. + * + * @return {number} New field ID. + */ + fieldDuplicateRoutine( id, changeLabel = true ) { // eslint-disable-line max-lines-per-function, complexity + const $field = $( `#wpforms-field-${ id }` ), + $fieldOptions = $( `#wpforms-field-option-${ id }` ), + $fieldActive = elements.$sortableFieldsWrap.find( '>.active' ), + $visibleOptions = elements.$fieldOptions.find( '>:visible' ), + $visibleTab = $visibleOptions.find( '>.active' ), + type = $field.data( 'field-type' ), + fieldOptionsClass = $fieldOptions.attr( 'class' ), + isModernDropdown = app.dropdownField.helpers.isModernSelect( $field.find( '> .choices .primary-input' ) ); + + // Restore tooltips before cloning. + wpf.restoreTooltips( $fieldOptions ); + + // Force Modern Dropdown conversion to classic before cloning. + if ( isModernDropdown ) { + app.dropdownField.helpers.convertModernToClassic( id ); + } + + let newFieldOptions = $fieldOptions.html(); + + const $newField = $field.clone(), + newFieldID = parseInt( elements.$nextFieldId.val(), 10 ), + $fieldLabel = $( `#wpforms-field-option-${ id }-label` ), + fieldLabelVal = $fieldLabel.length ? $fieldLabel.val() : $( `#wpforms-field-option-${ id }-name` ).val(), + nextID = newFieldID + 1, + regex = {}; + + const newFieldLabel = fieldLabelVal !== '' + ? `${ fieldLabelVal } ${ wpforms_builder.duplicate_copy }` + : `${ wpforms_builder.field } #${ id } ${ wpforms_builder.duplicate_copy }`; + + regex.fieldOptionsID = new RegExp( 'ID #' + id, 'g' ); + regex.fieldID = new RegExp( 'fields\\[' + id + '\\]', 'g' ); + regex.dataFieldID = new RegExp( 'data-field-id="' + id + '"', 'g' ); + regex.referenceID = new RegExp( 'data-reference="' + id + '"', 'g' ); + regex.elementID = new RegExp( '\\b(id|for)="wpforms-(.*?)' + id + '(.*?)"', 'ig' ); + + // Toggle visibility states. + $field.after( $newField ); + $fieldActive.removeClass( 'active' ); + $newField.addClass( 'active' ).attr( { + id: `wpforms-field-${ newFieldID }`, + 'data-field-id': newFieldID, + } ); + + // Various regexes to adjust the field options to work with the new field ID. + regex.elementIdReplace = function( match, p1, p2, p3, offset, string ) { // eslint-disable-line no-unused-vars + return `${ p1 }="wpforms-${ p2 }${ newFieldID }${ p3 }"`; + }; + + newFieldOptions = newFieldOptions.replace( regex.fieldOptionsID, `ID #${ newFieldID }` ); + newFieldOptions = newFieldOptions.replace( regex.fieldID, `fields[${ newFieldID }]` ); + newFieldOptions = newFieldOptions.replace( regex.dataFieldID, `data-field-id="${ newFieldID }"` ); + newFieldOptions = newFieldOptions.replace( regex.referenceID, `data-reference="${ newFieldID }"` ); + newFieldOptions = newFieldOptions.replace( regex.elementID, regex.elementIdReplace ); + + // Hide all field options panels. + $visibleOptions.hide(); + + // Add a new field options panel. + $fieldOptions.after( `
${ newFieldOptions }
` ); + + // Get a new field options panel. + const $newFieldOptions = $( `#wpforms-field-option-${ newFieldID }` ); + + // If the user duplicates an active field. + if ( $fieldActive.data( 'field-id' ) === id && $visibleTab.length ) { + // The following will help identify which tab from the sidebar panel settings is currently being viewed, + // i.e., "General," "Advanced," "Smart Logic," etc. + const visibleTabClassName = $visibleTab.attr( 'class' ).match( /wpforms-field-option-group-\S*/i )[ 0 ]; + const $newFieldOptionsTab = $newFieldOptions.find( `>.${ visibleTabClassName }` ); + + // Remove any left-over state from previously duplicated options. + $newFieldOptions.find( '>' ).removeClass( 'active' ); + + // Set active tab to the same tab that was active before the duplication. + $newFieldOptionsTab.addClass( 'active' ); + } + + // If the user duplicates an inactive field. + if ( $fieldActive.data( 'field-id' ) !== id && $visibleTab.length ) { + // Remove active class from the current active tab. + $newFieldOptions.find( '>' ).removeClass( 'active' ); + + // Set active tab to "General". + $newFieldOptions.find( '>.wpforms-field-option-group-basic' ).addClass( 'active' ); + } + + // Copy over values. + $fieldOptions.find( ':input' ).each( function( index, el ) { // eslint-disable-line complexity, no-unused-vars + const $this = $( this ), + name = $this.attr( 'name' ); + + if ( ! name ) { + return 'continue'; + } + + const newName = name.replace( regex.fieldID, `fields[${ newFieldID }]` ), + type = $this.attr( 'type' ); + + if ( type === 'checkbox' || type === 'radio' ) { + if ( $this.is( ':checked' ) ) { + $newFieldOptions.find( `[name="${ newName }"]` ) + .prop( 'checked', true ) + .attr( 'checked', 'checked' ); + } else { + $newFieldOptions.find( `[name="${ newName }"]` ) + .prop( 'checked', false ) + .attr( 'checked', false ); + } + + return; + } + + if ( $this.is( 'select' ) ) { + if ( $this.find( 'option:selected' ).length ) { + const optionVal = $this.find( 'option:selected' ).val(); + + $newFieldOptions.find( `[name="${ newName }"]` ) + .find( `[value="${ optionVal }"]` ) + .prop( 'selected', true ); + } + + return; + } + + const value = $this.val(); + + if ( value === '' && $this.hasClass( 'wpforms-money-input' ) ) { + $newFieldOptions.find( `[name="${ newName }"]` ).val( + wpf.numberFormat( '0', wpforms_builder.currency_decimals, wpforms_builder.currency_decimal, wpforms_builder.currency_thousands ) + ); + } else { + // We've removed the empty value check here. + // If we are duplicating a field with no value, we should respect that. + $newFieldOptions.find( `[name="${ newName }"]` ).val( value ); + } + } ); + + // ID adjustments. + $newFieldOptions.find( '.wpforms-field-option-hidden-id' ).val( newFieldID ); + elements.$nextFieldId.val( nextID ); + + const $newFieldLabel = type === 'html' ? $( `#wpforms-field-option-${ newFieldID }-name` ) : $( `#wpforms-field-option-${ newFieldID }-label` ); + + // Adjust the label to indicate this is a copy. + if ( changeLabel ) { + $newFieldLabel.val( newFieldLabel ).trigger( 'input' ); + } + + // Fire field adds custom event. + $builder.trigger( 'wpformsFieldAdd', [ newFieldID, type ] ); + + // Re-init tooltips for a new field options panel. + wpf.initTooltips(); + + // Re-init Modern Dropdown. + if ( isModernDropdown ) { + app.dropdownField.helpers.convertClassicToModern( id ); + app.dropdownField.helpers.convertClassicToModern( newFieldID ); + } + + // Re-init instance in choices related fields. + app.fieldChoiceUpdate( $newField.data( 'field-type' ), newFieldID ); + + // Re-init color pickers. + app.loadColorPickers(); + + return newFieldID; + }, + + /** + * Add the entry preview field before the page break field. + * + * @since 1.6.9 + * + * @param {Object} options Field options. + * @param {number} position The field position. + */ + addEntryPreviewAndPageBreakFields( options, position ) { + app.fieldAdd( 'entry-preview', options ).done( function( res ) { + const entryPreviewId = res.data.field.id; + + app.fieldAdd( 'pagebreak', { position: position + 1 } ).done( function( res ) { + app.lockEntryPreviewFieldsPosition( entryPreviewId ); + + const $pageBreakField = $( '#wpforms-field-' + res.data.field.id ), + $nextField = $pageBreakField.nextAll( '.wpforms-field-pagebreak, .wpforms-field-entry-preview' ).first(); + + if ( $nextField.hasClass( 'wpforms-field-entry-preview' ) ) { + app.lockEntryPreviewFieldsPosition( $nextField.data( 'field-id' ) ); + } + } ); + } ); + }, + + /** + * Stick an entry preview field after adding. + * + * @since 1.6.9 + * + * @param {number} id ID. + */ + lockEntryPreviewFieldsPosition( id ) { + const $entryPreviewField = $( '#wpforms-field-' + id ), + $pageBreakField = $entryPreviewField.prevAll( '.wpforms-field-pagebreak:not(.wpforms-pagebreak-bottom)' ).first(), + $nextPageBreakField = $entryPreviewField.nextAll( '.wpforms-field-pagebreak' ).first(), + nextPageBreakFieldId = $nextPageBreakField.data( 'field-id' ), + $pageBreakOptions = $( '#wpforms-field-option-' + nextPageBreakFieldId ), + $pageBreakPrevToggle = $pageBreakOptions.find( '.wpforms-field-option-row-prev_toggle' ), + $pageBreakPrevToggleField = $pageBreakPrevToggle.find( 'input' ); + + $entryPreviewField.addClass( 'wpforms-field-not-draggable' ); + $pageBreakField.addClass( 'wpforms-field-not-draggable wpforms-field-entry-preview-not-deleted' ); + $pageBreakPrevToggleField.prop( 'checked', 'checked' ).trigger( 'change' ); + $pageBreakPrevToggle.addClass( 'wpforms-entry-preview-block' ); + $( '#wpforms-add-fields-entry-preview' ).removeClass( 'wpforms-entry-preview-adding' ); + + $builder.trigger( 'wpformsFieldDragToggle', [ id, $entryPreviewField.data( 'field-type' ) ] ); + $builder.trigger( 'wpformsFieldDragToggle', [ $pageBreakField.data( 'field-id' ), $pageBreakField.data( 'field-type' ) ] ); + }, + + /** + * An entry preview field requires a page break that locates before. + * + * @since 1.6.9 + * + * @param {jQuery} $fields List of fields in the form preview. + * @param {number} position The field position. + * + * @return {boolean} True if we need to add a page break field before. + */ + isEntryPreviewFieldRequiresPageBreakBefore( $fields, position ) { + const $beforeFields = $fields.slice( 0, position ).filter( '.wpforms-field-pagebreak,.wpforms-field-entry-preview' ); + let needPageBreakBefore = true; + + if ( ! $beforeFields.length ) { + return needPageBreakBefore; + } + + $( $beforeFields.get().reverse() ).each( function() { + const $this = $( this ); + + if ( $this.hasClass( 'wpforms-field-entry-preview' ) ) { + return false; + } + + if ( $this.hasClass( 'wpforms-field-pagebreak' ) && ! $this.hasClass( 'wpforms-field-stick' ) ) { + needPageBreakBefore = false; + + return false; + } + } ); + + return needPageBreakBefore; + }, + + /** + * An entry preview field requires a page break that locates after. + * + * @since 1.6.9 + * + * @param {jQuery} $fields List of fields in the form preview. + * @param {number} position The field position. + * + * @return {boolean} True if we need to add a page break field after. + */ + isEntryPreviewFieldRequiresPageBreakAfter( $fields, position ) { + const $afterFields = $fields.slice( position ).filter( '.wpforms-field-pagebreak,.wpforms-field-entry-preview' ); + let needPageBreakAfter = Boolean( $afterFields.length ); + + if ( ! $afterFields.length ) { + return needPageBreakAfter; + } + + $afterFields.each( function() { + const $this = $( this ); + + if ( $this.hasClass( 'wpforms-field-entry-preview' ) ) { + return false; + } + + if ( $this.hasClass( 'wpforms-field-pagebreak' ) ) { + needPageBreakAfter = false; + + return false; + } + } ); + + return needPageBreakAfter; + }, + + /** + * Add new field. + * + * @since 1.0.0 + * @since 1.6.4 Added hCaptcha support. + * + * @param {string} type Field type. + * @param {Object} options Additional options. + * + * @return {Promise|void} jQuery.post() promise interface. + */ + fieldAdd( type, options ) { // eslint-disable-line max-lines-per-function + const $btn = $( `#wpforms-add-fields-${ type }` ); + + if ( $btn.hasClass( 'upgrade-modal' ) || $btn.hasClass( 'education-modal' ) || $btn.hasClass( 'warning-modal' ) ) { + return; + } + + if ( [ 'captcha_turnstile', 'captcha_hcaptcha', 'captcha_recaptcha', 'captcha_none' ].includes( type ) ) { + app.captchaUpdate(); + + return; + } + + adding = true; + + WPForms.Admin.Builder.DragFields.disableDragAndDrop(); + app.disableFormActions(); + + if ( app.isUncheckedEntryPreviewField( type, options ) ) { + app.addEntryPreviewField( type, options ); + + return; + } + + const defaults = { + position: 'bottom', + $sortable: 'base', + placeholder: false, + scroll: true, + defaults: false, + }; + + options = $.extend( {}, defaults, options ); + + const data = { + action: 'wpforms_new_field_' + type, + id: s.formID, + type, + defaults: options.defaults, + nonce: wpforms_builder.nonce, + }; + + return $.post( wpforms_builder.ajax_url, data, function( res ) { // eslint-disable-line complexity + if ( ! res.success ) { + wpf.debug( 'Add field AJAX call is unsuccessful:', res ); + + return; + } + + const $baseFieldsContainer = elements.$sortableFieldsWrap, + $newField = $( res.data.preview ), + $newOptions = $( res.data.options ); + + let $fieldContainer = options.$sortable; + + adding = false; + + $newField.css( 'display', 'none' ); + + if ( options.placeholder ) { + options.placeholder.remove(); + } + + if ( options.$sortable === 'default' || ! options.$sortable.length ) { + $fieldContainer = $baseFieldsContainer.find( '.wpforms-fields-sortable-default' ); + } + + if ( options.$sortable === 'base' || ! $fieldContainer.length ) { + $fieldContainer = $baseFieldsContainer; + } + + const event = WPFormsUtils.triggerEvent( + $builder, + 'wpformsBeforeFieldAddToDOM', + [ options, $newField, $newOptions, $fieldContainer ] + ); + + // Allow callbacks on `wpformsBeforeFieldAddToDOM` to cancel adding field + // by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return; + } + + // Add field to the base level of fields. + // Allow callbacks on `wpformsBeforeFieldAddToDOM` to skip adding field to the base level + // by setting `event.skipAddFieldToBaseLevel = true`. + if ( ! event.skipAddFieldToBaseLevel ) { + app.fieldAddToBaseLevel( options, $newField, $newOptions ); + } + + $newField.fadeIn(); + + $builder.find( '.no-fields, .no-fields-preview' ).remove(); + + if ( $( '.wpforms-field-option:not(.wpforms-field-option-layout)' ).length ) { + $builder.find( '.wpforms-field-submit' ).show(); + } + + // Scroll to the added field. + if ( options.scroll && options.position.length ) { + app.scrollPreviewToField( res.data.field.id ); + } + + // Update next field id hidden input value. + elements.$nextFieldId.val( res.data.field.id + 1 ); + + wpf.initTooltips(); + app.loadColorPickers(); + app.toggleAllOptionGroups(); + + $builder.trigger( 'wpformsFieldAdd', [ res.data.field.id, type ] ); + } ).fail( function( xhr, textStatus, e ) { // eslint-disable-line no-unused-vars + adding = false; + + wpf.debug( 'Add field AJAX call failed:', xhr.responseText ); + } ).always( function() { + if ( ! adding ) { + WPForms.Admin.Builder.DragFields.enableDragAndDrop(); + app.enableFormActions(); + } + } ); + }, + + /** + * Add new field to the base level of fields. + * + * @since 1.7.7 + * + * @param {Object} options Field add additional options. + * @param {jQuery} $newField New field preview object. + * @param {jQuery} $newOptions New field options object. + */ + fieldAddToBaseLevel( options, $newField, $newOptions ) { // eslint-disable-line complexity + const $baseFieldsContainer = elements.$sortableFieldsWrap, + $baseFields = $baseFieldsContainer.children( ':not(.wpforms-field-drag-pending, .no-fields-preview)' ), + totalBaseFields = $baseFields.length; + + const $fieldOptions = elements.$fieldOptions; + + if ( options.position === 'top' ) { + // Add field to the top of base level fields. + $baseFieldsContainer.prepend( $newField ); + $fieldOptions.prepend( $newOptions ); + + return; + } + + const $lastBaseField = $baseFields.last(); + + if ( + options.position === 'bottom' && ( + ! $lastBaseField.length || + ! $lastBaseField.hasClass( 'wpforms-field-stick' ) + ) + ) { + // Add field to the bottom of base level fields. + $baseFieldsContainer.append( $newField ); + $fieldOptions.append( $newOptions ); + + return; + } + + if ( options.position === 'bottom' ) { + options.position = totalBaseFields; + } + + if ( + options.position === totalBaseFields && + $lastBaseField.length && $lastBaseField.hasClass( 'wpforms-field-stick' ) + ) { + const lastBaseFieldId = $lastBaseField.data( 'field-id' ); + + // Check to see if the last field we have is configured to + // be stuck to the bottom, if so add the field above it. + $lastBaseField.before( $newField ); + $fieldOptions.find( `#wpforms-field-option-${ lastBaseFieldId }` ).before( $newOptions ); + + return; + } + + const $fieldInPosition = $baseFields.eq( options.position ); + + if ( $fieldInPosition.length ) { + const fieldInPositionId = $fieldInPosition.data( 'field-id' ); + + // Add field to a specific location. + $fieldInPosition.before( $newField ); + $fieldOptions.find( `#wpforms-field-option-${ fieldInPositionId }` ).before( $newOptions ); + + return; + } + + // Something is wrong. Add the field. This should never occur. + $baseFieldsContainer.append( $newField ); + $fieldOptions.append( $newOptions ); + }, + + /** + * Scroll the preview panel to the desired field. + * + * @since 1.7.7 + * + * @param {number} fieldId Field ID. + */ + scrollPreviewToField( fieldId ) { + const $field = $( `#wpforms-field-${ fieldId }` ), + scrollTop = elements.$fieldsPreviewWrap.scrollTop(), + $layoutField = $field.closest( '.wpforms-field-layout' ); + + let fieldPosition = $field.position().top; + + if ( $layoutField.length ) { + fieldPosition = $layoutField.position().top + fieldPosition + 20; + } + + const scrollAmount = fieldPosition > scrollTop ? fieldPosition - scrollTop : fieldPosition + scrollTop; + + elements.$fieldsPreviewWrap.scrollTop( scrollAmount ); + }, + + /** + * Update CAPTCHA form setting. + * + * @since 1.6.4 + * + * @return {Object} jqXHR. + */ + captchaUpdate() { + const data = { + action: 'wpforms_update_field_captcha', + id: s.formID, + nonce: wpforms_builder.nonce, + }; + + return $.post( wpforms_builder.ajax_url, data, function( res ) { + if ( res.success ) { + const args = { + title: false, + content: false, + icon: 'fa fa-exclamation-circle', + type: 'orange', + boxWidth: '450px', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + }, + $enableCheckbox = $( '#wpforms-panel-field-settings-recaptcha' ); + let caseName = res.data.current; + + $enableCheckbox.data( 'provider', res.data.provider ); + + // Possible cases: + // + // not_configured - IF CAPTCHA is not configured in the WPForms plugin settings + // configured_not_enabled - IF CAPTCHA is configured in WPForms plugin settings, but wasn't set in form settings + // configured_enabled - IF CAPTCHA is configured in WPForms plugin and form settings + if ( 'configured_not_enabled' === caseName || 'configured_enabled' === caseName ) { + // Get a correct case name. + caseName = $enableCheckbox.prop( 'checked' ) ? 'configured_enabled' : 'configured_not_enabled'; + + // Check/uncheck a `CAPTCHA` checkbox in form setting. + args.buttons.confirm.action = function() { + $enableCheckbox.prop( 'checked', ( 'configured_not_enabled' === caseName ) ).trigger( 'change' ); + }; + } + + args.title = res.data.cases[ caseName ].title; + args.content = res.data.cases[ caseName ].content; + + // Do you need a Cancel button? + if ( res.data.cases[ caseName ].cancel ) { + args.buttons.cancel = { + text: wpforms_builder.cancel, + keys: [ 'esc' ], + }; + } + + // Call a Confirm modal. + $.confirm( args ); + } else { + // eslint-disable-next-line no-console + console.log( res ); + } + } ).fail( function( xhr, textStatus, e ) { // eslint-disable-line no-unused-vars + // eslint-disable-next-line no-console + console.log( xhr.responseText ); + } ); + }, + + /** + * Disable drag & drop. + * + * @since 1.7.1 + * @since 1.7.7 Deprecated. + * + * @deprecated Use `WPForms.Admin.Builder.DragFields.disableDragAndDrop()` instead. + */ + disableDragAndDrop() { + // eslint-disable-next-line no-console + console.warn( 'WARNING! Function "WPFormsBuilder.disableDragAndDrop()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.disableDragAndDrop()" function instead!' ); + + WPForms.Admin.Builder.DragFields.disableDragAndDrop(); + }, + + /** + * Enable drag & drop. + * + * @since 1.7.1 + * @since 1.7.7 Deprecated. + * + * @deprecated Use `WPForms.Admin.Builder.DragFields.enableDragAndDrop()` instead. + */ + enableDragAndDrop() { + // eslint-disable-next-line no-console + console.warn( 'WARNING! Function "WPFormsBuilder.enableDragAndDrop()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.enableDragAndDrop()" function instead!' ); + + WPForms.Admin.Builder.DragFields.enableDragAndDrop(); + }, + + /** + * Disable Preview, Embed, Save form actions and Form Builder exit button. + * + * @since 1.7.4 + */ + disableFormActions() { + $.each( + [ + elements.$previewButton, + elements.$embedButton, + elements.$saveButton, + elements.$exitButton, + ], + function( _index, button ) { + button.prop( 'disabled', true ).addClass( 'wpforms-disabled' ); + } + ); + }, + + /** + * Enable Preview, Embed, Save form actions and Form Builder exit button. + * + * @since 1.7.4 + */ + enableFormActions() { + $.each( + [ + elements.$previewButton, + elements.$embedButton, + elements.$saveButton, + elements.$exitButton, + ], + function( _index, button ) { + button.prop( 'disabled', false ).removeClass( 'wpforms-disabled' ); + } + ); + }, + + /** + * Sortable fields in the builder form preview area. + * + * @since 1.0.0 + * @since 1.7.7 Deprecated. + * + * @deprecated Use `WPForms.Admin.Builder.DragFields.initSortableFields()` instead. + */ + fieldSortable() { + // eslint-disable-next-line no-console + console.warn( 'WARNING! Function "WPFormsBuilder.fieldSortable()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.initSortableFields()" function instead!' ); + + WPForms.Admin.Builder.DragFields.initSortableFields(); + }, + + /** + * Show popup in case if field is not draggable, and cancel moving. + * + * @since 1.7.5 + * @since 1.7.6 The showPopUp parameter added. + * @since 1.7.7 Deprecated. + * + * @deprecated Use `WPForms.Admin.Builder.DragFields.fieldDragDisable()` instead. + * + * @param {jQuery} $field A field or list of fields. + * @param {boolean} showPopUp Whether the pop-up should be displayed on dragging attempt. + */ + fieldDragDisable( $field, showPopUp = true ) { + // eslint-disable-next-line no-console + console.warn( 'WARNING! Function "WPFormsBuilder.fieldDragDisable()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.fieldDragDisable()" function instead!' ); + + WPForms.Admin.Builder.DragFields.fieldDragDisable( $field, showPopUp ); + }, + + /** + * Allow field dragging. + * + * @since 1.7.5 + * @since 1.7.7 Deprecated. + * + * @deprecated Use `WPForms.Admin.Builder.DragFields.fieldDragEnable()` instead. + * + * @param {jQuery} $field A field or list of fields. + */ + fieldDragEnable( $field ) { + // eslint-disable-next-line no-console + console.warn( 'WARNING! Function "WPFormsBuilder.fieldDragEnable()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.fieldDragEnable()" function instead!' ); + + WPForms.Admin.Builder.DragFields.fieldDragEnable( $field ); + }, + + /** + * Add new field choice. + * + * @since 1.0.0 + * + * @param {Event} event Event. + * @param {Element} el Element. + */ + fieldChoiceAdd( event, el ) { + event.preventDefault(); + + const $this = $( el ), + $parent = $this.parent(), + checked = $parent.find( 'input.default' ).is( ':checked' ), + fieldID = $this.closest( '.wpforms-field-option-row-choices' ).data( 'field-id' ); + let id = $parent.parent().attr( 'data-next-id' ); + const type = $parent.parent().data( 'field-type' ), + $choice = $parent.clone().insertAfter( $parent ); + + $choice.attr( 'data-key', id ); + $choice.find( 'input.label' ).val( '' ).attr( 'name', 'fields[' + fieldID + '][choices][' + id + '][label]' ); + $choice.find( 'input.value' ).val( '' ).attr( 'name', 'fields[' + fieldID + '][choices][' + id + '][value]' ); + $choice.find( '.wpforms-image-upload input.source' ).val( '' ).attr( 'name', 'fields[' + fieldID + '][choices][' + id + '][image]' ); + $choice.find( '.wpforms-icon-select input.source-icon' ).val( wpforms_builder.icon_choices.default_icon ).attr( 'name', 'fields[' + fieldID + '][choices][' + id + '][icon]' ); + $choice.find( '.wpforms-icon-select input.source-icon-style' ).val( wpforms_builder.icon_choices.default_icon_style ).attr( 'name', 'fields[' + fieldID + '][choices][' + id + '][icon_style]' ); + $choice.find( '.wpforms-icon-select .ic-fa-preview' ).removeClass().addClass( 'ic-fa-preview ic-fa-' + wpforms_builder.icon_choices.default_icon_style + ' ic-fa-' + wpforms_builder.icon_choices.default_icon ); + $choice.find( '.wpforms-icon-select .ic-fa-preview + span' ).text( wpforms_builder.icon_choices.default_icon ); + $choice.find( 'input.default' ).attr( 'name', 'fields[' + fieldID + '][choices][' + id + '][default]' ).prop( 'checked', false ); + $choice.find( '.preview' ).empty(); + $choice.find( '.wpforms-image-upload-add' ).show(); + $choice.find( '.wpforms-money-input' ).trigger( 'focusout' ); + + if ( checked === true ) { + $parent.find( 'input.default' ).prop( 'checked', true ); + } + + id++; + + $parent.parent().attr( 'data-next-id', id ); + $builder.trigger( 'wpformsFieldChoiceAdd', [ fieldID ] ); + app.fieldChoiceUpdate( type, fieldID ); + }, + + /** + * Delete field choice. + * + * @since 1.0.0 + * + * @param {Event} e Event. + * @param {Element} el Element. + */ + fieldChoiceDelete( e, el ) { + e.preventDefault(); + + const $this = $( el ), + $list = $this.parent().parent(), + total = $list.find( 'li' ).length, + fieldData = { + id: $list.data( 'field-id' ), + choiceId: $this.closest( 'li' ).data( 'key' ), + message: '' + wpforms_builder.delete_choice_confirm + '', + trigger: false, + }; + + $builder.trigger( 'wpformsBeforeFieldDeleteAlert', [ fieldData ] ); + + if ( total === 1 ) { + app.fieldChoiceDeleteAlert(); + } else { + const deleteChoice = function() { + $this.parent().remove(); + app.fieldChoiceUpdate( $list.data( 'field-type' ), $list.data( 'field-id' ) ); + $builder.trigger( 'wpformsFieldChoiceDelete', [ $list.data( 'field-id' ) ] ); + }; + + if ( ! fieldData.trigger ) { + deleteChoice(); + + return; + } + + $.confirm( { + title: false, + content: fieldData.message, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action() { + deleteChoice(); + }, + }, + cancel: { + text: wpforms_builder.cancel, + }, + }, + } ); + } + }, + + /** + * Field choice delete error alert. + * + * @since 1.6.7 + */ + fieldChoiceDeleteAlert() { + $.alert( { + title: false, + content: wpforms_builder.error_choice, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Make field choices sortable. + * Currently used for select, radio, and checkboxes field types. + * + * @since 1.0.0 + * + * @param {string} type Type. + * @param {string|undefined} selector Selector. + */ + fieldChoiceSortable( type, selector = undefined ) { + selector = typeof selector !== 'undefined' ? selector : '.wpforms-field-option-' + type + ' .wpforms-field-option-row-choices ul'; + + $( selector ).sortable( { + items: 'li', + axis: 'y', + delay: 100, + opacity: 0.6, + handle: '.move', + stop( e, ui ) { + const id = ui.item.parent().data( 'field-id' ); + app.fieldChoiceUpdate( type, id ); + $builder.trigger( 'wpformsFieldChoiceMove', ui ); + }, + update( e, ui ) { // eslint-disable-line no-unused-vars + }, + } ); + }, + + /** + * Generate Choice label. Used in field preview template. + * + * @since 1.6.2 + * + * @param {Object} data Template data. + * @param {number} choiceID Choice ID. + * + * @return {string} Label. + */ + fieldChoiceLabel( data, choiceID ) { // eslint-disable-line complexity + const isPaymentChoice = [ 'payment-multiple', 'payment-checkbox' ].includes( data.settings.type ), + isIconImageChoice = data.settings.choices_icons || data.settings.choices_images, + isEmptyLabel = typeof data.settings.choices[ choiceID ].label === 'undefined' || data.settings.choices[ choiceID ].label.length === 0; + + // Do not set a placeholder for an empty label in Icon and Image choices except for payment fields. + if ( isEmptyLabel && ! isPaymentChoice && isIconImageChoice ) { + return ''; + } + + const placeholder = isPaymentChoice ? wpforms_builder.payment_choice_empty_label_tpl : wpforms_builder.choice_empty_label_tpl; + let label = ! isEmptyLabel + ? wpf.sanitizeHTML( data.settings.choices[ choiceID ].label, wpforms_builder.allowed_label_html_tags ) + : placeholder.replace( '{number}', choiceID ); + + if ( data.settings.show_price_after_labels ) { + label += ' - ' + wpf.amountFormatCurrency( data.settings.choices[ choiceID ].value ); + } + + return label; + }, + + /** + * Update field choices in the preview area for the Fields panel. + * + * Currently used for select, radio, and checkboxes field types. + * + * @param {string} type Field type. + * @param {string|number} id Field ID. + * @param {number} count Number of choices to show, -1 if not set. + * + * @since 1.0.0 + */ + fieldChoiceUpdate: ( type, id, count = -1 ) => { // eslint-disable-line complexity, max-lines-per-function + const isDynamicChoices = app.dropdownField.helpers.isDynamicChoices( id ); + + if ( app.replaceChoicesWithTemplate( type, id, isDynamicChoices ) ) { + return; + } + + if ( count === -1 ) { + count = app.settings.choicesLimitLong; + } + + // Dropdown payment choices are of select type. + if ( 'payment-select' === type ) { + type = 'select'; + } + + const $primary = $( '#wpforms-field-' + id + ' .primary-input' ); + + let newChoice = ''; + + if ( 'select' === type ) { + if ( ! isDynamicChoices ) { + newChoice = ''; + $primary.find( 'option' ).not( '.placeholder' ).remove(); + } + } else if ( 'radio' === type || 'checkbox' === type || 'gdpr-checkbox' === type ) { + type = 'gdpr-checkbox' === type ? 'checkbox' : type; + $primary.find( 'li' ).remove(); + newChoice = '
  • {label}
    • '; + } + + // Building an inner content for Primary field. + const $choicesList = $( '#wpforms-field-option-row-' + id + '-choices .choices-list' ), + $choicesToRender = $choicesList.find( 'li' ).slice( 0, count ), + hasDefaults = !! $choicesList.find( 'input.default:checked' ).length, + modernSelectChoices = [], + showPriceAfterLabels = $( '#wpforms-field-option-' + id + '-show_price_after_labels' ).prop( 'checked' ), + isModernSelect = app.dropdownField.helpers.isModernSelect( $primary ); + + $choicesToRender.get().forEach( function( item ) {// eslint-disable-line complexity + const $this = $( item ), + value = $this.find( 'input.value' ).val(), + choiceID = $this.data( 'key' ); + + let label = wpf.sanitizeHTML( $this.find( 'input.label' ).val().trim(), wpforms_builder.allowed_label_html_tags ), + $choice; + + label = label !== '' ? label : wpforms_builder.choice_empty_label_tpl.replace( '{number}', choiceID ); + label += ( showPriceAfterLabels && value ) ? ' - ' + wpf.amountFormatCurrency( value ) : ''; + + // Append a new choice. + if ( ! isModernSelect ) { + if ( ! isDynamicChoices ) { + $choice = $( newChoice.replace( /{label}/g, label ) ); + $primary.append( $choice ); + } + } else { + modernSelectChoices.push( + { + value: label, + label, + } + ); + } + + const selected = $this.find( 'input.default' ).is( ':checked' ); + + if ( true === selected ) { + switch ( type ) { + case 'select': + + if ( ! isModernSelect ) { + app.setClassicSelectedChoice( $choice ); + } else { + modernSelectChoices[ modernSelectChoices.length - 1 ].selected = true; + } + break; + case 'radio': + case 'checkbox': + $choice.find( 'input' ).prop( 'checked', 'true' ); + break; + } + } + } ); + + if ( isModernSelect ) { + const placeholderClass = $primary.prop( 'multiple' ) ? 'input.choices__input' : '.choices__inner .choices__placeholder', + choicesjsInstance = app.dropdownField.helpers.getInstance( $primary ); + + if ( ! isDynamicChoices ) { + choicesjsInstance.removeActiveItems(); + } + + choicesjsInstance.setChoices( modernSelectChoices, 'value', 'label', true ); + + // Re-initialize modern dropdown to properly determine and update placeholder. + app.dropdownField.helpers.update( id, isDynamicChoices ); + + // Hide/show a placeholder for Modern select if it has or not default choices. + $primary + .closest( '.choices' ) + .find( placeholderClass ) + .toggleClass( 'wpforms-hidden', hasDefaults ); + } + }, + + /** + * Generate Choice label. Used in field preview template. + * + * @since 1.8.6 + * + * @param {string} type Field type. + * @param {number} id Field ID. + * @param {boolean} isDynamicChoices Whether the field has dynamic choices. + * + * @return {boolean} True if the template was used. + */ + replaceChoicesWithTemplate: ( type, id, isDynamicChoices ) => { // eslint-disable-line complexity + // Radio, Checkbox, and Payment Multiple/Checkbox use _ template. + if ( 'radio' !== type && 'checkbox' !== type && 'payment-multiple' !== type && 'payment-checkbox' !== type ) { + return false; + } + + const order = wpf.getChoicesOrder( id ), + tmpl = wp.template( 'wpforms-field-preview-checkbox-radio-payment-multiple' ); + + const fieldSettings = wpf.getField( id ), + slicedChoices = {}, + slicedOrder = order.slice( 0, app.settings.choicesLimit ), + data = { + settings: fieldSettings, + order: slicedOrder, + type: 'radio', + }; + + // If Icon Choices is on, get the valid color. + if ( fieldSettings.choices_icons ) { + // eslint-disable-next-line camelcase + data.settings.choices_icons_color = app.getValidColorPickerValue( $( '#wpforms-field-option-' + id + '-choices_icons_color' ) ); + } + + // Slice choices for preview. + slicedOrder.forEach( function( entry ) { + slicedChoices[ entry ] = fieldSettings.choices[ entry ]; + } ); + + fieldSettings.choices = slicedChoices; + + if ( 'checkbox' === type || 'payment-checkbox' === type ) { + data.type = 'checkbox'; + } + + if ( ! isDynamicChoices ) { + $( '#wpforms-field-' + id ).find( 'ul.primary-input' ).replaceWith( tmpl( data ) ); + } + + // Toggle limit choices alert message. + app.firstNChoicesAlert( id, order.length ); + + return true; + }, + + /** + * Set classic selected choice. + * + * @since 1.8.2.3 + * + * @param {jQuery|undefined} $choice Choice option. + */ + setClassicSelectedChoice( $choice ) { + if ( $choice === undefined ) { + return; + } + + $choice.prop( 'selected', 'true' ); + }, + + /** + * Field choice bulk add toggling. + * + * @since 1.3.7 + * + * @param {Object} el jQuery object. + */ + fieldChoiceBulkAddToggle( el ) { + const $this = $( el ), + $label = $this.closest( 'label' ); + + if ( $this.hasClass( 'bulk-add-showing' ) ) { + // "Import details" is showing, so hide/remove it. + const $selector = $label.next( '.bulk-add-display' ); + + $selector.slideUp( 400, function() { + $selector.remove(); + } ); + + $this.find( 'span' ).text( wpforms_builder.bulk_add_show ); + } else { + let importOptions = '
    '; + + importOptions += '

    ' + wpforms_builder.bulk_add_heading + ' ' + wpforms_builder.bulk_add_presets_show + '

    '; + importOptions += ''; + importOptions += ''; + importOptions += ''; + importOptions += '
    '; + + $label.after( importOptions ); + $label.next( '.bulk-add-display' ).slideDown( 400, function() { + $( this ).find( 'textarea' ).trigger( 'focus' ); + } ); + $this.find( 'span' ).text( wpforms_builder.bulk_add_hide ); + } + + $this.toggleClass( 'bulk-add-showing' ); + }, + + /** + * Field choice bulk insert the new choices. + * + * @since 1.3.7 + * + * @param {Object} el DOM element. + */ + fieldChoiceBulkAddInsert( el ) { + const $this = $( el ), + $container = $this.closest( '.wpforms-field-option-row' ), + $textarea = $container.find( 'textarea' ), + $list = $container.find( '.choices-list' ), + $choice = $list.find( 'li:first-of-type' ).clone().wrap( '
    ' ).parent(); + let choice = ''; + const fieldID = $container.data( 'field-id' ), + type = $list.data( 'field-type' ); + let nextID = Number( $list.attr( 'data-next-id' ) ); + const newValues = $textarea.val().split( '\n' ); + let newChoices = ''; + + $this.prop( 'disabled', true ).html( $this.html() + ' ' + s.spinner ); + $choice.find( 'input.value,input.label' ).attr( 'value', '' ); + $choice.find( 'input.default' ).attr( 'checked', false ); + $choice.find( 'input.source-icon' ).attr( 'value', wpforms_builder.icon_choices.default_icon ); + $choice.find( 'input.source-icon-style' ).attr( 'value', wpforms_builder.icon_choices.default_icon_style ); + $choice.find( '.ic-fa-preview' ).removeClass().addClass( `ic-fa-preview ic-fa-${ wpforms_builder.icon_choices.default_icon_style } ic-fa-${ wpforms_builder.icon_choices.default_icon }` ); + $choice.find( '.ic-fa-preview + span' ).text( wpforms_builder.icon_choices.default_icon ); + choice = $choice.html(); + + for ( const key in newValues ) { + if ( ! newValues.hasOwnProperty( key ) ) { + continue; + } + + const value = wpf.sanitizeHTML( newValues[ key ] ).trim().replace( /"/g, '"' ); + let newChoice = choice; + + newChoice = newChoice.replace( /\[choices\]\[(\d+)\]/g, '[choices][' + nextID + ']' ); + newChoice = newChoice.replace( /data-key="(\d+)"/g, 'data-key="' + nextID + '"' ); + newChoice = newChoice.replace( /value="" class="label"/g, 'value="' + value + '" class="label"' ); + + // For some reason, IE has its own attribute order. + newChoice = newChoice.replace( /class="label" type="text" value=""/g, 'class="label" type="text" value="' + value + '"' ); + newChoices += newChoice; + nextID++; + } + + $list.attr( 'data-next-id', nextID ).append( newChoices ); + + app.fieldChoiceUpdate( type, fieldID, nextID ); + $builder.trigger( 'wpformsFieldChoiceAdd' ); + app.fieldChoiceBulkAddToggle( $container.find( '.toggle-bulk-add-display' ) ); + }, + + /** + * Trigger $builder event. + * + * @since 1.9.1 + * + * @param {string} event Event name. + */ + triggerBuilderEvent( event ) { + $builder.trigger( event ); + }, + + /** + * Toggle fields tabs (Add Fields, Field Options). + * + * @since 1.0.0 + * + * @param {number|string} id Field Id or `add-fields` or `field-options`. + * + * @return {false|void} False if event is prevented. + */ + fieldTabToggle( id ) { + const event = WPFormsUtils.triggerEvent( $builder, 'wpformsFieldTabToggle', [ id ] ); + + // Allow callbacks on `wpformsFieldTabToggle` to cancel tab toggle by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return false; + } + + $( '.wpforms-tab a' ).removeClass( 'active' ); + $( '.wpforms-field, .wpforms-title-desc' ).removeClass( 'active' ); + + if ( id === 'add-fields' ) { + elements.$addFieldsTab.addClass( 'active' ); + $( '.wpforms-field-options' ).hide(); + $( '.wpforms-add-fields' ).show(); + } else { + $( '#field-options a' ).addClass( 'active' ); + + if ( id === 'field-options' ) { + const $field = $( '.wpforms-field' ).first(); + + $field.addClass( 'active' ); + id = $field.data( 'field-id' ); + } else { + $( '#wpforms-field-' + id ).addClass( 'active' ); + } + + $( '.wpforms-field-option' ).hide(); + $( '#wpforms-field-option-' + id ).show(); + $( '.wpforms-add-fields' ).hide(); + $( '.wpforms-field-options' ).show(); + + $builder.trigger( 'wpformsFieldOptionTabToggle', [ id ] ); + } + }, + + /** + * Watches fields being added and listens for a pagebreak field. + * + * If a pagebreak field is added, and it's the first one, then we + * automatically add the top and bottom pagebreak elements to the + * builder. + * + * @param {Object} event Current DOM event. + * @param {number} id Field ID. + * @param {string} type Field type. + * + * @since 1.2.1 + */ + fieldPagebreakAdd( event, id, type ) { + /* eslint-disable camelcase */ + + if ( 'pagebreak' !== type ) { + return; + } + + let options; + + if ( ! s.pagebreakTop ) { + s.pagebreakTop = true; + options = { + position: 'top', + scroll: false, + defaults: { + position: 'top', + nav_align: 'left', + }, + }; + + app.fieldAdd( 'pagebreak', options ).done( function( res ) { + s.pagebreakTop = res.data.field.id; + + const $preview = $( '#wpforms-field-' + res.data.field.id ), + $options = $( '#wpforms-field-option-' + res.data.field.id ); + + $options.find( '.wpforms-field-option-group' ).addClass( 'wpforms-pagebreak-top' ); + $preview.addClass( 'wpforms-field-stick wpforms-pagebreak-top' ); + } ); + } else if ( ! s.pagebreakBottom ) { + s.pagebreakBottom = true; + options = { + position: 'bottom', + scroll: false, + defaults: { + position: 'bottom', + }, + }; + app.fieldAdd( 'pagebreak', options ).done( function( res ) { + s.pagebreakBottom = res.data.field.id; + + const $preview = $( '#wpforms-field-' + res.data.field.id ), + $options = $( '#wpforms-field-option-' + res.data.field.id ); + + $options.find( '.wpforms-field-option-group' ).addClass( 'wpforms-pagebreak-bottom' ); + $preview.addClass( 'wpforms-field-stick wpforms-pagebreak-bottom' ); + } ); + } + }, + + /** + * Watches fields being deleted and listens for a pagebreak field. + * + * If a pagebreak field is added, and it's the first one, then we + * automatically add the top and bottom pagebreak elements to the + * builder. + * + * @param {Object} event Current DOM event. + * @param {number} id Field ID. + * @param {string} type Field type. + * + * @since 1.2.1 + */ + fieldPagebreakDelete( event, id, type ) { + if ( 'pagebreak' !== type ) { + return; + } + + const pagebreaksRemaining = $( '#wpforms-panel-fields .wpforms-field-pagebreak' ).not( '.wpforms-pagebreak-top, .wpforms-pagebreak-bottom' ).length; + + if ( pagebreaksRemaining ) { + return; + } + + // All pagebreaks, excluding top/bottom, are gone. + // So we need to remove the top and bottom pagebreak. + const $preview = $( '#wpforms-panel-fields .wpforms-preview-wrap' ), + $top = $preview.find( '.wpforms-pagebreak-top' ), + topID = $top.data( 'field-id' ), + $bottom = $preview.find( '.wpforms-pagebreak-bottom' ), + bottomID = $bottom.data( 'field-id' ); + + $top.remove(); + $( '#wpforms-field-option-' + topID ).remove(); + s.pagebreakTop = false; + $bottom.remove(); + $( '#wpforms-field-option-' + bottomID ).remove(); + s.pagebreakBottom = false; + }, + + /** + * Init Display Previous option for Pagebreak field. + * + * @since 1.5.8 + * + * @param {jQuery} $field Page Break field jQuery object. + */ + fieldPageBreakInitDisplayPrevious( $field ) { + const id = $field.data( 'field-id' ), + $prevToggle = $( '#wpforms-field-option-row-' + id + '-prev_toggle' ), + $prev = $( '#wpforms-field-option-row-' + id + '-prev' ), + $prevBtn = $field.find( '.wpforms-pagebreak-prev' ); + + if ( $field.prevAll( '.wpforms-field-pagebreak.wpforms-pagebreak-normal' ).length > 0 ) { + $prevToggle.removeClass( 'hidden' ); + $prev.removeClass( 'hidden' ); + if ( $prevToggle.find( 'input' ).is( ':checked' ) ) { + $prevBtn.removeClass( 'wpforms-hidden' ).text( $prev.find( 'input' ).val() ); + } + } else { + $prevToggle.addClass( 'hidden' ); + $prev.addClass( 'hidden' ); + $prevBtn.addClass( 'wpforms-hidden' ); + } + }, + + /** + * Field Dynamic Choice toggle. + * + * @since 1.2.8 + * + * @param {Element} el Element. + */ + fieldDynamicChoiceToggle( el ) { // eslint-disable-line complexity, max-lines-per-function + let optionHTML; + const $this = $( el ), + $thisOption = $this.parent(), + value = $this.val(), + id = $thisOption.data( 'field-id' ); + const $choices = $( '#wpforms-field-option-row-' + id + '-choices' ), + $images = $( '#wpforms-field-option-' + id + '-choices_images' ), + $icons = $( '#wpforms-field-option-' + id + '-choices_icons' ), + $basicOptions = $( `#wpforms-field-option-basic-${ id }` ); + + // Hide image and icon choices if "dynamic choices" is not off. + app.fieldDynamicChoiceToggleImageChoices(); + app.fieldDynamicChoiceToggleIconChoices(); + + // Fire an event when a field's dynamic choices option was changed. + $builder.trigger( 'wpformsFieldDynamicChoiceToggle', [ id ] ); + + // Loading + wpf.fieldOptionLoading( $thisOption ); + + // Remove previous dynamic post type or taxonomy source options. + $( '#wpforms-field-option-row-' + id + '-dynamic_post_type' ).remove(); + $( '#wpforms-field-option-row-' + id + '-dynamic_taxonomy' ).remove(); + + /* + * Post type- or Taxonomy-based dynamic populating. + */ + if ( '' !== value ) { + // Hide choice images and icons options, not applicable. + $images.addClass( 'wpforms-hidden' ); + $icons.addClass( 'wpforms-hidden' ); + + // Hide `Bulk Add` toggle. + $choices.find( '.toggle-bulk-add-display' ).addClass( 'wpforms-hidden' ); + + // Hide AI Choices button. + $basicOptions.find( '.wpforms-ai-choices-button' ).addClass( 'wpforms-hidden' ); + + // Hide tooltip. + $choices.find( '.wpforms-help-tooltip' ).addClass( 'wpforms-hidden' ); + + const data = { + type: value, + field_id: id, // eslint-disable-line camelcase + action: 'wpforms_builder_dynamic_choices', + nonce: wpforms_builder.nonce, + }; + + $.post( wpforms_builder.ajax_url, data, function( res ) { + if ( res.success ) { + // New option markup. + $thisOption.after( res.data.markup ); + } else { + // eslint-disable-next-line no-console + console.log( res ); + } + + // Hide loading indicator. + wpf.fieldOptionLoading( $thisOption, true ); + + // Re-init tooltips for new field. + wpf.initTooltips(); + + // Trigger Dynamic source updates. + const $dynamicValue = $( '#wpforms-field-option-' + id + '-dynamic_' + value ); + + $dynamicValue.find( 'option' ).first().prop( 'selected', true ); + $dynamicValue.trigger( 'change' ); + } ).fail( function( xhr, textStatus, e ) { // eslint-disable-line no-unused-vars + // eslint-disable-next-line no-console + console.log( xhr.responseText ); + } ); + + return; // Nothing more for dynamic populating. + } + + /* + * "Off" - no dynamic populating. + */ + + let type = $( '#wpforms-field-option-' + id ).find( '.wpforms-field-option-hidden-type' ).val(); + + // Show choice images and icon options. + $images.removeClass( 'wpforms-hidden' ); + $icons.removeClass( 'wpforms-hidden' ); + + // Show `Bulk Add` toggle. + $choices.find( '.toggle-bulk-add-display' ).removeClass( 'wpforms-hidden' ); + + // Show AI Choices button. + $basicOptions.find( '.wpforms-ai-choices-button' ).removeClass( 'wpforms-hidden' ); + + // Show tooltip. + $choices.find( '.wpforms-help-tooltip' ).removeClass( 'wpforms-hidden' ); + + const $wpformsField = $( '#wpforms-field-' + id ); + + $wpformsField.find( '.wpforms-alert' ).remove(); + + if ( [ 'checkbox', 'radio', 'payment-multiple', 'payment-checkbox' ].indexOf( type ) > -1 ) { + app.fieldChoiceUpdate( type, id ); + + // Toggle elements and hide loading indicator. + $choices.find( 'ul' ).removeClass( 'wpforms-hidden' ); + $choices.find( '.wpforms-alert' ).addClass( 'wpforms-hidden' ); + + wpf.fieldOptionLoading( $thisOption, true ); + + return; // Nothing more for those types. + } + + // Get original field choices. + const $field = $wpformsField; + + const choices = [], + $primary = $field.find( '.primary-input' ); + let key; + + $( '#wpforms-field-option-row-' + id + '-choices li' ).each( function() { + const $this = $( this ); + + choices.push( { + label: wpf.sanitizeHTML( $this.find( '.label' ).val() ), + selected: $this.find( '.default' ).is( ':checked' ), + } ); + } ); + + // Restore field to display original field choices. + if ( $field.hasClass( 'wpforms-field-select' ) ) { + const isModernSelect = app.dropdownField.helpers.isModernSelect( $primary ); + + let selected = false; + + // Remove previous items. + $primary.find( 'option' ).not( '.placeholder' ).remove(); + + // Update Modern Dropdown. + if ( isModernSelect && choices.length ) { + app.dropdownField.helpers.update( id, false ); + } else { + // Update Classic select field. + for ( key in choices ) { + selected = choices[ key ].selected; + + optionHTML = '' : '>'; + optionHTML += choices[ key ].label + ''; + + $primary.append( optionHTML ); + } + } + } else { + type = 'radio'; + + if ( $field.hasClass( 'wpforms-field-checkbox' ) ) { + type = 'checkbox'; + } + + // Remove previous items. + $primary.empty(); + + // Add new items to radio or checkbox field. + for ( key in choices ) { + optionHTML = '
  • ' : '>'; + optionHTML += choices[ key ].label + '
    • '; + + $primary.append( optionHTML ); + } + } + + // Toggle elements and hide loading indicator. + $choices.find( 'ul' ).removeClass( 'wpforms-hidden' ); + $choices.find( '.wpforms-alert' ).addClass( 'wpforms-hidden' ); + $primary.removeClass( 'wpforms-hidden' ); + + wpf.fieldOptionLoading( $thisOption, true ); + }, + + /** + * Field Dynamic Choice Source toggle. + * + * @since 1.2.8 + * + * @param {Element} el Element. + */ + fieldDynamicChoiceSource( el ) { // eslint-disable-line max-lines-per-function + /* eslint-disable camelcase */ + const $this = $( el ), + $thisOption = $this.parent(), + value = $this.val(), + id = $thisOption.data( 'field-id' ), + form_id = $( '#wpforms-builder-form' ).data( 'id' ), + $choices = $( '#wpforms-field-option-row-' + id + '-choices' ), + $field = $( '#wpforms-field-' + id ), + type = $( '#wpforms-field-option-' + id + '-dynamic_choices option:selected' ).val(); + let limit = 20; + + // Loading. + wpf.fieldOptionLoading( $thisOption ); + + const data = { + type, + source: value, + field_id: id, + form_id, + action: 'wpforms_builder_dynamic_source', + nonce: wpforms_builder.nonce, + }; + + $.post( wpforms_builder.ajax_url, data, function( res ) { + if ( ! res.success ) { + // eslint-disable-next-line no-console + console.log( res ); + + // Toggle elements and hide loading indicator. + wpf.fieldOptionLoading( $thisOption, true ); + return; + } + + // Update info box and remove old choices. + $choices.find( '.dynamic-name' ).text( res.data.source_name ); + $choices.find( '.dynamic-type' ).text( res.data.type_name ); + $choices.find( 'ul' ).addClass( 'wpforms-hidden' ); + $choices.find( '.wpforms-alert' ).removeClass( 'wpforms-hidden' ); + + // Update items. + app.fieldDynamicChoiceSourceItems( $field, res.data.items ); + + if ( $field.hasClass( 'wpforms-field-select' ) ) { + limit = 200; + } + + // Remove any previous empty message. + $field.find( '.wpforms-notice-dynamic-empty' ).remove(); + + // If the source has more items than the field type can + // ideally handle alert the user. + if ( Number( res.data.total ) > limit ) { + let msg = wpforms_builder.dynamic_choices.limit_message; + + msg = msg.replace( '{source}', res.data.source_name ); + msg = msg.replace( '{type}', res.data.type_name ); + msg = msg.replace( '{limit}', limit ); + msg = msg.replace( '{total}', res.data.total ); + + $.alert( { + title: wpforms_builder.heads_up, + content: msg, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + } + + // Toggle limit choices alert message. + app.firstNChoicesAlert( id, res.data.total ); + + // Toggle empty choices notice message. + if ( Number( res.data.total ) === 0 ) { + app.emptyChoicesNotice( id, res.data.source_name, res.data.type ); + } + + // Toggle elements and hide loading indicator. + wpf.fieldOptionLoading( $thisOption, true ); + } ).fail( function( xhr, textStatus, e ) { // eslint-disable-line no-unused-vars + // eslint-disable-next-line no-console + console.log( xhr.responseText ); + } ); + }, + + /** + * Update a Field Items when `Dynamic Choice` Source is toggled. + * + * @since 1.6.1 + * + * @param {Object} $field jQuery selector for current field. + * @param {Object} items Items collection. + */ + fieldDynamicChoiceSourceItems( $field, items ) { + const $primary = $field.find( '.primary-input' ); + let key = 0; + + if ( $field.hasClass( 'wpforms-field-select' ) ) { + const isModernSelect = app.dropdownField.helpers.isModernSelect( $primary ); + + if ( isModernSelect ) { + app.fieldDynamicChoiceSourceForModernSelect( $primary, items ); + } else { + app.fieldDynamicChoiceSourceForClassicSelect( $primary, items ); + } + } else { + let type = 'radio'; + + if ( $field.hasClass( 'wpforms-field-checkbox' ) ) { + type = 'checkbox'; + } + + // Remove previous items. + $primary.empty(); + + // Add new items to radio or checkbox field. + for ( key in items ) { + $primary.append( '
  • ' + wpf.sanitizeHTML( items[ key ] ) + '
    • ' ); + } + } + }, + + /** + * Update options for Modern style select when `Dynamic Choice` Source is toggled. + * + * @since 1.6.1 + * + * @param {Object} $jquerySelector jQuery selector for primary input. + * @param {Object} items Items collection. + */ + fieldDynamicChoiceSourceForModernSelect( $jquerySelector, items ) { + const instance = app.dropdownField.helpers.getInstance( $jquerySelector ), + fieldId = $jquerySelector.closest( '.wpforms-field' ).data().fieldId; + + // Destroy the instance of Choices.js. + instance.destroy(); + + // Update a placeholder. + app.dropdownField.helpers.updatePlaceholderChoice( instance, fieldId ); + + // Update options. + app.fieldDynamicChoiceSourceForClassicSelect( $jquerySelector, items ); + + // Choices.js init. + app.dropdownField.events.choicesInit( $jquerySelector ); + }, + + /** + * Update options for Classic style select when `Dynamic Choice` Source is toggled. + * + * @since 1.6.1 + * + * @param {Object} $jquerySelector jQuery selector for primary input. + * @param {Object} items Items collection. + */ + fieldDynamicChoiceSourceForClassicSelect( $jquerySelector, items ) { + let index = 0; + const itemsSize = items.length; + + // Clear. + $jquerySelector.find( 'option' ).not( '.placeholder' ).remove(); + + // Add options (items) to a single ', + nameError = '

    ' + wpforms_builder[ blockType + '_error' ] + '

    ', + modalContent = namePrompt + nameField + nameError; + + const modal = $.confirm( { + container: $builder, + title: false, + content: modalContent, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action() { // eslint-disable-line complexity, max-lines-per-function + const settingsBlockName = this.$content.find( 'input#settings-block-name' ).val().toString().trim(), + error = this.$content.find( '.error' ); + + if ( settingsBlockName === '' ) { + error.show(); + return false; + } + + const $firstSettingsBlock = $el.closest( '.wpforms-panel-content-section' ).find( '.wpforms-builder-settings-block' ).first(); + + // Restore tooltips before cloning. + wpf.restoreTooltips( $firstSettingsBlock ); + + const $newSettingsBlock = $firstSettingsBlock.clone(), + blockID = $firstSettingsBlock.data( 'block-id' ); + let newSettingsBlock; + + $newSettingsBlock.attr( 'data-block-id', nextID ); + $newSettingsBlock.find( '.wpforms-builder-settings-block-header span' ).text( settingsBlockName ); + + /** + * Fires to reset settings block elements on adding new settings block. + * + * @param {jQuery} $element jQuery object of an element. + */ + const resetFormElement = function( $element ) { + if ( $element.attr( 'name' ) ) { + $element.val( '' ).attr( 'name', $element.attr( 'name' ).replace( /\[(\d+)\]/, '[' + nextID + ']' ) ); + if ( $element.is( 'select' ) ) { + $element.find( 'option' ).prop( 'selected', false ).attr( 'selected', false ); + $element.find( 'option' ).first().prop( 'selected', true ).attr( 'selected', 'selected' ); + } else if ( $element.attr( 'type' ) === 'checkbox' ) { + const isChecked = $element.closest( '.wpforms-panel-field' ).hasClass( 'js-wpforms-enabled-notification' ); + + $element.prop( 'checked', isChecked ).attr( 'checked', isChecked ).val( '1' ); + } else { + $element.val( '' ).attr( 'value', '' ); + } + } + }; + + $newSettingsBlock.find( 'input, textarea, select' ).each( function() { + const $this = $( this ); + const $parent = $this.parent(); + + if ( $this.hasClass( 'wpforms-disabled' ) && ( $parent.hasClass( 'from-name' ) || $parent.hasClass( 'from-email' ) ) ) { + return; + } + + resetFormElement( $this ); + } ); + + // Update elements IDs. + const idPrefixPanel = 'wpforms-panel-field-' + panelID + '-', + idPrefixBlock = idPrefixPanel + blockID; + $newSettingsBlock.find( '[id^="' + idPrefixBlock + '"], [for^="' + idPrefixBlock + '"]' ).each( function( index, el ) { // eslint-disable-line no-unused-vars + const $el = $( this ), + attr = $el.prop( 'tagName' ) === 'LABEL' ? 'for' : 'id', + elID = $el.attr( attr ).replace( new RegExp( idPrefixBlock, 'g' ), idPrefixPanel + nextID ); + + $el.attr( attr, elID ); + } ); + + // Update `notification by status` checkboxes. + const radioGroup = blockID + '-notification-by-status'; + $newSettingsBlock.find( '[data-radio-group="' + radioGroup + '"]' ).each( function( index, el ) { // eslint-disable-line no-unused-vars + $( this ) + .removeClass( 'wpforms-radio-group-' + radioGroup ) + .addClass( 'wpforms-radio-group-' + nextID + '-notification-by-status' ) + .attr( 'data-radio-group', nextID + '-notification-by-status' ); + } ); + + $newSettingsBlock.find( '.wpforms-builder-settings-block-header input' ).val( settingsBlockName ).attr( 'value', settingsBlockName ); + + if ( blockType === 'notification' ) { + $newSettingsBlock.find( '.email-msg textarea' ).val( '{all_fields}' ).attr( 'value', '{all_fields}' ); + $newSettingsBlock.find( '.email-recipient input' ).val( '{admin_email}' ).attr( 'value', '{admin_email}' ); + } + + $newSettingsBlock.removeClass( 'wpforms-builder-settings-block-default' ); + + if ( blockType === 'confirmation' ) { + $newSettingsBlock.find( '.wpforms-panel-field-tinymce' ).remove(); + if ( typeof WPForms !== 'undefined' ) { + $newSettingsBlock.find( '.wpforms-panel-field-confirmations-type-wrap' ) + .after( WPForms.Admin.Builder.Templates + .get( 'wpforms-builder-confirmations-message-field' )( { + id: nextID, + } ) + ); + } + } + + // Conditional logic, if present + const $conditionalLogic = $newSettingsBlock.find( '.wpforms-conditional-block' ); + if ( $conditionalLogic.length && typeof WPForms !== 'undefined' ) { + $conditionalLogic + .html( WPForms.Admin.Builder.Templates + .get( 'wpforms-builder-conditional-logic-toggle-field' )( { + id: nextID, + type: blockType, + actions: JSON.stringify( $newSettingsBlock.find( '.wpforms-panel-field-conditional_logic-checkbox' ).data( 'actions' ) ), + actionDesc: $newSettingsBlock.find( '.wpforms-panel-field-conditional_logic-checkbox' ).data( 'action-desc' ), + reference: $newSettingsBlock.find( '.wpforms-panel-field-conditional_logic-checkbox' ).data( 'reference' ), + } ) + ); + } + + // Fields Map Table, if present. + const $fieldsMapTable = $newSettingsBlock.find( '.wpforms-field-map-table' ); + if ( $fieldsMapTable.length ) { + $fieldsMapTable.each( function( index, el ) { + const $table = $( el ); + + // Clean table fields. + $table.find( 'tr:not(:first-child)' ).remove(); + + const $input = $table.find( '.key input' ), + $select = $table.find( '.field select' ), + name = $select.data( 'name' ); + + $input.attr( 'value', '' ); + $select + .attr( 'name', '' ) + .attr( 'data-name', name.replace( /\[(\d+)\]/, '[' + nextID + ']' ) ); + } ); + } + + newSettingsBlock = $newSettingsBlock.wrap( '
    ' ).parent().html(); + newSettingsBlock = newSettingsBlock.replace( /\[conditionals\]\[(\d+)\]\[(\d+)\]/g, '[conditionals][0][0]' ); + + $firstSettingsBlock.before( newSettingsBlock ); + const $addedSettingBlock = $firstSettingsBlock.prev(); + + // Reset the confirmation type to the 1st one. + if ( blockType === 'confirmation' ) { + app.prepareChoicesJSField( $addedSettingBlock, nextID ); + app.confirmationFieldsToggle( $( '.wpforms-panel-field-confirmations-type' ).first() ); + } + + // Init the WP Editor. + if ( typeof tinymce !== 'undefined' && typeof wp.editor !== 'undefined' && blockType === 'confirmation' ) { + wp.editor.initialize( 'wpforms-panel-field-confirmations-message-' + nextID, s.tinymceDefaults ); + } + + // Init tooltips for a new section. + wpf.initTooltips(); + + $builder.trigger( 'wpformsSettingsBlockAdded', [ $addedSettingBlock ] ); + + $el.attr( 'data-next-id', nextID + 1 ); + }, + }, + cancel: { + text: wpforms_builder.cancel, + }, + }, + } ); + + // We need to process this event here, because we need a confirmation + // modal object defined, so we can intrude into it. + // Pressing Enter will click the Ok button. + $builder.on( 'keypress', '#settings-block-name', function( e ) { + if ( e.keyCode === 13 ) { + $( modal.buttons.confirm.el ).trigger( 'click' ); + } + } ); + }, + + /** + * Reset the 'Select Page' field to it's initial state then + * re-initialize ChoicesJS on it. + * + * @since 1.7.9 + * + * @param {jQuery} $addedSettingBlock Newly added Settings Block jQuery object. + * @param {number} addedSettingBlockID Number ID used when `$addedSettingBlock` was created. + */ + prepareChoicesJSField( $addedSettingBlock, addedSettingBlockID ) { + const $addedConfirmationWrap = $addedSettingBlock.find( `#wpforms-panel-field-confirmations-${ addedSettingBlockID }-page-wrap` ); + if ( $addedConfirmationWrap.length <= 0 ) { + return; + } + + const $confirmationSelectPageField = $addedConfirmationWrap.find( `#wpforms-panel-field-confirmations-${ addedSettingBlockID }-page` ); + if ( $confirmationSelectPageField.length <= 0 && ! $confirmationSelectPageField.hasClass( 'choicesjs-select' ) ) { + return; + } + + const $choicesWrapper = $addedConfirmationWrap.find( '.choices' ); + if ( $choicesWrapper.length <= 0 ) { + return; + } + + // Remove ChoicesJS-related attr. + const $selectPageField = $confirmationSelectPageField.first(); + $selectPageField.removeAttr( 'data-choice' ); + $selectPageField.removeAttr( 'hidden' ); + $selectPageField.removeClass( 'choices__input' ); + + // Move the select page field to it's initial location in the DOM. + $( $selectPageField ).appendTo( $addedConfirmationWrap.first() ); + + // Remove the `.choices` wrapper. + $choicesWrapper.first().remove(); + + // Re-init ChoicesJS. + app.dropdownField.events.choicesInit( $selectPageField ); + }, + + /** + * Show settings block editing interface. + * + * @since 1.4.8 + * + * @param {jQuery} $el Element. + */ + settingsBlockNameEditingShow( $el ) { + const headerHolder = $el.parents( '.wpforms-builder-settings-block-header' ), + nameHolder = headerHolder.find( '.wpforms-builder-settings-block-name' ); + + nameHolder + .addClass( 'editing' ) + .hide(); + + // Make the editing interface active and in focus + headerHolder.find( '.wpforms-builder-settings-block-name-edit' ).addClass( 'active' ); + wpf.focusCaretToEnd( headerHolder.find( 'input' ) ); + }, + + /** + * Update settings block name and hide editing interface. + * + * @since 1.4.8 + * + * @param {jQuery} $el Element. + */ + settingsBlockNameEditingHide( $el ) { + const headerHolder = $el.parents( '.wpforms-builder-settings-block-header' ), + nameHolder = headerHolder.find( '.wpforms-builder-settings-block-name' ), + editHolder = headerHolder.find( '.wpforms-builder-settings-block-name-edit' ); + let currentName = editHolder.find( 'input' ).val().trim(); + const blockType = $el.closest( '.wpforms-builder-settings-block' ).data( 'block-type' ); + + // Provide a default value for empty settings block name. + if ( ! currentName.length ) { + currentName = wpforms_builder[ blockType + '_def_name' ]; + } + + // This is done for sanitizing. + editHolder.find( 'input' ).val( currentName ); + nameHolder.text( currentName ); + + // Editing should be hidden, displaying - active. + nameHolder + .removeClass( 'editing' ) + .show(); + editHolder.removeClass( 'active' ); + }, + + /** + * Clone the Notification block with all of its content and events. + * Put the newly created clone above the target. + * + * @since 1.6.5 + * @since 1.7.7 Registered `wpformsSettingsBlockCloned` trigger. + * + * @param {Object} $el Clone icon DOM element. + */ + settingsBlockPanelClone( $el ) { // eslint-disable-line max-lines-per-function + const $panel = $el.closest( '.wpforms-panel-content-section' ), + $addNewSettingButton = $panel.find( '.wpforms-builder-settings-block-add' ), + $settingsBlock = $el.closest( '.wpforms-builder-settings-block' ), + $settingBlockContent = $settingsBlock.find( '.wpforms-builder-settings-block-content' ), + settingsBlockId = parseInt( $addNewSettingButton.attr( 'data-next-id' ), 10 ), + settingsBlockType = $settingsBlock.data( 'block-type' ), + settingsBlockName = $settingsBlock.find( '.wpforms-builder-settings-block-name' ).text().trim() + wpforms_builder[ settingsBlockType + '_clone' ], + isVisibleContent = $settingBlockContent.is( ':hidden' ); + + // Restore tooltips before cloning. + wpf.restoreTooltips( $settingsBlock ); + + const $clone = $settingsBlock.clone( false, true ); + + // Save open/close state while cloning. + app.settingsBlockUpdateState( isVisibleContent, settingsBlockId, settingsBlockType ); + + // Change the cloned setting block ID and name. + $clone.data( 'block-id', settingsBlockId ); + $clone.find( '.wpforms-builder-settings-block-header span' ).text( settingsBlockName ); + $clone.find( '.wpforms-builder-settings-block-header input' ).val( settingsBlockName ); + $clone.removeClass( 'wpforms-builder-settings-block-default' ); + + // Change the Next Settings block ID for "Add new" button. + $addNewSettingButton.attr( 'data-next-id', settingsBlockId + 1 ); + + // Change the name attribute. + $clone.find( 'input, textarea, select' ).each( function() { + const $this = $( this ); + + if ( $this.attr( 'name' ) ) { + $this.attr( 'name', $this.attr( 'name' ).replace( /\[(\d+)\]/, '[' + settingsBlockId + ']' ) ); + } + if ( $this.data( 'name' ) ) { + $this.data( 'name', $this.data( 'name' ).replace( /\[(\d+)\]/, '[' + settingsBlockId + ']' ) ); + } + if ( $this.attr( 'class' ) ) { + $this.attr( 'class', $this.attr( 'class' ).replace( /-(\d+)/, '-' + settingsBlockId ) ); + } + if ( $this.attr( 'data-radio-group' ) ) { + $this.attr( 'data-radio-group', $this.attr( 'data-radio-group' ).replace( /(\d+)-/, settingsBlockId + '-' ) ); + } + } ); + + // Change IDs/data-attributes in DOM elements. + $clone.find( '*' ).each( function() { + const $this = $( this ); + + if ( $this.attr( 'id' ) ) { + $this.attr( 'id', $this.attr( 'id' ).replace( /-(\d+)/, '-' + settingsBlockId ) ); + } + if ( $this.attr( 'for' ) ) { + $this.attr( 'for', $this.attr( 'for' ).replace( /-(\d+)-/, '-' + settingsBlockId + '-' ) ); + } + if ( $this.data( 'input-name' ) ) { + $this.data( 'input-name', $this.data( 'input-name' ).replace( /\[(\d+)\]/, '[' + settingsBlockId + ']' ) ); + } + } ); + + // Transfer selected values to copy elements since jQuery doesn't clone the current selected state. + $settingsBlock.find( 'select' ).each( function() { + const baseSelectName = $( this ).attr( 'name' ), + clonedSelectName = $( this ).attr( 'name' ).replace( /\[(\d+)\]/, '[' + settingsBlockId + ']' ); + + $clone.find( 'select[name="' + clonedSelectName + '"]' ).val( $( this ).attr( 'name', baseSelectName ).val() ); + } ); + + // Insert before the target settings block. + $clone + .css( 'display', 'none' ) + .insertBefore( $settingsBlock ) + .show( 'fast', function() { + // Init tooltips for a new section. + wpf.initTooltips(); + } ); + + $builder.trigger( 'wpformsSettingsBlockCloned', [ $clone, $settingsBlock.data( 'block-id' ) ] ); + }, + + /** + * Show or hide settings block panel content. + * + * @since 1.4.8 + * + * @param {Object} $el Toggle icon DOM element. + */ + settingsBlockPanelToggle( $el ) { + const $settingsBlock = $el.closest( '.wpforms-builder-settings-block' ), + settingsBlockId = $settingsBlock.data( 'block-id' ), + settingsBlockType = $settingsBlock.data( 'block-type' ), + $content = $settingsBlock.find( '.wpforms-builder-settings-block-content' ), + isVisible = $content.is( ':visible' ); + + $content.stop().slideToggle( { + duration: 400, + start() { + // Send it early to save fast. + // It's an animation start, so we should save the state for the animation end (reversed). + app.settingsBlockUpdateState( isVisible, settingsBlockId, settingsBlockType ); + }, + always() { + if ( $content.is( ':visible' ) ) { + $el.html( '' ); + } else { + $el.html( '' ); + } + }, + } ); + }, + + /** + * Delete settings block. + * + * @since 1.4.8 + * @since 1.6.1.2 Registered `wpformsSettingsBlockDeleted` trigger. + * + * @param {jQuery} $el Delete button element. + */ + settingsBlockDelete( $el ) { + const $contentSection = $el.closest( '.wpforms-panel-content-section' ); + + // Skip if only one block persist. + // This condition should not execute in normal circumstances. + if ( $contentSection.find( '.wpforms-builder-settings-block' ).length < 2 ) { + return; + } + + const $currentBlock = $el.closest( '.wpforms-builder-settings-block' ), + blockType = $currentBlock.data( 'block-type' ); + + $.confirm( { + title: false, + content: wpforms_builder[ blockType + '_delete' ], + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action() { + const settingsBlockId = $currentBlock.data( 'block-id' ), + settingsBlockType = $currentBlock.data( 'block-type' ); + + /* eslint-disable camelcase */ + $.post( wpforms_builder.ajax_url, { + action: 'wpforms_builder_settings_block_state_remove', + nonce: wpforms_builder.nonce, + block_id: settingsBlockId, + block_type: settingsBlockType, + form_id: s.formID, + } ); + /* eslint-enable */ + + $currentBlock.remove(); + + $builder.trigger( 'wpformsSettingsBlockDeleted', [ blockType, settingsBlockId ] ); + }, + }, + cancel: { + text: wpforms_builder.cancel, + }, + }, + } ); + }, + + /** + * Change open/close state for setting block. + * + * @since 1.6.5 + * + * @param {boolean} isVisible State status. + * @param {number} settingsBlockId Block ID. + * @param {string} settingsBlockType Block type. + */ + settingsBlockUpdateState( isVisible, settingsBlockId, settingsBlockType ) { + /* eslint-disable camelcase */ + $.post( wpforms_builder.ajax_url, { + action: 'wpforms_builder_settings_block_state_save', + state: isVisible ? 'closed' : 'opened', + form_id: s.formID, + block_id: settingsBlockId, + block_type: settingsBlockType, + nonce: wpforms_builder.nonce, + } ); + }, + + /** + * Change visibility for notification elements, e.g., + * the Enable This Notification toggle and notification status. + * The elements invisible when form has only one notification + * and customers can turn off all notifications instead. + * + * @since 1.9.2 + */ + notificationsUpdateElementsVisibility() { + const $notifications = $( '.wpforms-panel-content-section-notifications .wpforms-notification' ); + const $statuses = $notifications.find( '.wpforms-builder-settings-block-status' ); + const isVisible = $notifications.length > 1; + const $fieldWrappers = $notifications.find( '.js-wpforms-enabled-notification' ); + + if ( isVisible ) { + $fieldWrappers.removeClass( 'wpforms-hidden' ); + $statuses.removeClass( 'wpforms-hidden' ); + + return; + } + + const $inputs = $fieldWrappers.find( 'input' ); + + $statuses.addClass( 'wpforms-hidden' ); + $fieldWrappers.addClass( 'wpforms-hidden' ); + $inputs.prop( 'checked', true ); + }, + + /** + * Update notification status to display if the notification is active or inactive. + * + * @since 1.9.2 + * + * @since 1.9.2 + * + * @param {jQuery} $notification Notification element. + */ + notificationUpdateStatus( $notification ) { + const isNotificationsEnabled = $( '#wpforms-panel-field-settings-notification_enable' ).is( ':checked' ); + const isEnabledNotification = $notification.find( '.js-wpforms-enabled-notification input' ).is( ':checked' ); + const $status = $notification.find( '.wpforms-builder-settings-block-status' ); + + if ( isNotificationsEnabled && isEnabledNotification ) { + $status.removeClass( 'wpforms-badge-silver' ); + $status.addClass( 'wpforms-badge-green' ); + $status.text( $status.data( 'active' ) ); + + return; + } + + $status.removeClass( 'wpforms-badge-green' ); + $status.addClass( 'wpforms-badge-silver' ); + $status.text( $status.data( 'inactive' ) ); + }, + + //--------------------------------------------------------------------// + // Revisions Panel + //--------------------------------------------------------------------// + + /** + * Element bindings for Revisions panel. + * + * @since 1.7.3 + */ + bindUIActionsRevisions() { + // Update a revisions panel when it becomes active. + $builder.on( 'wpformsPanelSwitched', function( event, panel ) { + if ( panel !== 'revisions' ) { + return; + } + + app.updateRevisionsList(); + app.updateRevisionPreview(); + } ); + + // Update revisions list when the form was saved with a revisions panel being active. + $builder.on( 'wpformsSaved', function( event ) { // eslint-disable-line no-unused-vars + if ( wpf.getQueryString( 'view' ) !== 'revisions' ) { + return; + } + + app.updateRevisionsList(); + } ); + }, + + /** + * Fetch and update a list of form revisions. + * + * @since 1.7.3 + */ + updateRevisionsList() { + const $revisionsButtonBadge = $( '.wpforms-panel-revisions-button .badge-exclamation' ); + + // Revisions' badge exists, send a request and remove the badge on successful response. + if ( $revisionsButtonBadge.length ) { + $.post( wpforms_builder.ajax_url, { + action: 'wpforms_mark_panel_viewed', + form_id: s.formID, // eslint-disable-line camelcase + nonce: wpforms_builder.nonce, + } ) + .done( function( response ) { + // eslint-disable-next-line no-unused-expressions + response.success ? $revisionsButtonBadge.remove() : wpf.debug( response ); + } ) + .fail( function( xhr, textStatus, e ) { // eslint-disable-line no-unused-vars + wpf.debug( xhr.responseText || textStatus || '' ); + } ); + } + + // Revisions are disabled, no need to fetch a list of revisions. + if ( ! $builder.hasClass( 'wpforms-revisions-enabled' ) ) { + return; + } + + const $revisionsList = $( '#wpforms-panel-revisions .wpforms-revisions-content' ); + + // Dim the list, send a request and replace the list on successful response. + $revisionsList.fadeTo( 250, 0.25, function() { + $.post( wpforms_builder.ajax_url, { + action: 'wpforms_get_form_revisions', + form_id: s.formID, // eslint-disable-line camelcase + revision_id: wpf.getQueryString( 'revision_id' ), // eslint-disable-line camelcase + nonce: wpforms_builder.nonce, + } ) + .done( function( response ) { + // eslint-disable-next-line no-unused-expressions + response.success ? $revisionsList.replaceWith( response.data.html ) : wpf.debug( response ); + } ) + .fail( function( xhr, textStatus, e ) { // eslint-disable-line no-unused-vars + wpf.debug( xhr.responseText || textStatus || '' ); + + // Un dim the list to reset the UI. + $revisionsList.fadeTo( 250, 1 ); + } ); + } ); + }, + + /** + * Clone form preview from Fields panel. + * + * @since 1.7.3 + */ + updateRevisionPreview() { + // Clone preview DOM from a Fields panel. + const $preview = elements.$formPreview.clone(); + + // Clean up the cloned preview, remove unnecessary elements, set states etc. + $preview + .find( '.wpforms-field-duplicate, .wpforms-field-delete, .wpforms-field-helper, .wpforms-debug' ) + .remove() + .end(); + $preview + .find( '.wpforms-field-wrap' ) + .removeClass( 'ui-sortable' ) + .addClass( 'ui-sortable-disabled' ); + $preview + .find( '.wpforms-field' ) + .removeClass( 'ui-sortable-handle ui-draggable ui-draggable-handle active' ) + .removeAttr( 'id data-field-id data-field-type' ) + .removeData(); + $preview + .find( '.wpforms-field-submit-button' ) + .prop( 'disabled', true ); + + // Put the cleaned-up clone into a Preview panel. + if ( elements.$revisionPreview.hasClass( 'has-preview' ) ) { + elements + .$revisionPreview + .find( '.wpforms-preview-wrap' ) + .replaceWith( $preview ); + } else { + elements + .$revisionPreview + .append( $preview ) + .addClass( 'has-preview' ); + } + }, + + /** + * Inform the user about making this version the default if revision is currently loaded, and it was modified. + * + * @since 1.7.3 + */ + confirmSaveRevision() { + $.confirm( { + title: wpforms_builder.heads_up, + content: wpforms_builder.revision_update_confirm, + icon: 'fa fa-exclamation-circle', + type: 'orange', + closeIcon: false, + buttons: { + + confirm: { + text: wpforms_builder.save, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action() { + // Put the Form Builder into "saving state". + $builder.addClass( 'wpforms-revision-is-saving' ); + + // Save the revision as current version and reload the Form Builder. + WPFormsBuilder.formSave( false ).done( app.revisionSavedReload ); + }, + }, + + cancel: { + text: wpforms_builder.cancel, + action() { + WPFormsBuilder.setCloseConfirmation( true ); + }, + }, + }, + } ); + }, + + /** + * When a modified revision was saved as a current version, reload the Form Builder with the current tab active. + * + * @since 1.7.3 + */ + revisionSavedReload() { + wpf.updateQueryString( 'view', wpf.getQueryString( 'view' ) ); + wpf.removeQueryParam( 'revision_id' ); + + window.location.reload(); + }, + + //--------------------------------------------------------------------// + // Save and Exit + //--------------------------------------------------------------------// + + /** + * Element bindings for Embed and Save/Exit items. + * + * @since 1.0.0 + * @since 1.5.8 Added trigger on `wpformsSaved` event to remove a `newform` URL-parameter. + */ + bindUIActionsSaveExit() { + // Embed form. + $builder.on( 'click', '#wpforms-embed', function( e ) { + e.preventDefault(); + + if ( $( this ).hasClass( 'wpforms-disabled' ) || $( this ).hasClass( 'wpforms-btn-light-grey-disabled' ) ) { + return; + } + + WPFormsFormEmbedWizard.openPopup(); + } ); + + // Save form. + $builder.on( 'click', '#wpforms-save', function( e ) { + e.preventDefault(); + app.formSave( false ); + } ); + + // Exit builder. + $builder.on( 'click', '#wpforms-exit', function( e ) { + e.preventDefault(); + app.formExit(); + } ); + + // After form save. + $builder.on( 'wpformsSaved', function( e, data ) { // eslint-disable-line no-unused-vars + /** + * Remove `newform` parameter if it's in URL, otherwise we can to get a "race condition". + * E.g., form settings will be updated before some provider connection is loaded. + */ + wpf.removeQueryParam( 'newform' ); + } ); + }, + + // eslint-disable-next-line jsdoc/require-returns + /** + * Save form. + * + * @since 1.0.0 + * @since 1.7.5 Added `wpformsBeforeSave` trigger. + * + * @param {boolean} redirect Whether to redirect after save. + */ + formSave( redirect ) { // eslint-disable-line max-lines-per-function + // Saving a revision directly is not allowed. We need to notify the user that it will overwrite the current version. + if ( $builder.hasClass( 'wpforms-is-revision' ) && ! $builder.hasClass( 'wpforms-revision-is-saving' ) ) { + app.confirmSaveRevision(); + + return; + } + + if ( typeof tinyMCE !== 'undefined' ) { + tinyMCE.triggerSave(); + } + + const event = WPFormsUtils.triggerEvent( $builder, 'wpformsBeforeSave' ); + + // Allow callbacks on `wpformsBeforeSave` to cancel form submission by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return; + } + + const $saveBtn = elements.$saveButton, + $icon = $saveBtn.find( 'i.fa-check' ), + $spinner = $saveBtn.find( 'i.wpforms-loading-spinner' ), + $label = $saveBtn.find( 'span' ), + text = $label.text(); + + $label.text( wpforms_builder.saving ); + $saveBtn.prop( 'disabled', true ); + $icon.addClass( 'wpforms-hidden' ); + $spinner.removeClass( 'wpforms-hidden' ); + + const data = { + action: 'wpforms_save_form', + data: JSON.stringify( app.serializeAllData( $( '#wpforms-builder-form' ) ) ), + id: s.formID, + nonce: wpforms_builder.nonce, + }; + + return $.post( wpforms_builder.ajax_url, data, function( response ) { + if ( response.success ) { + wpf.savedState = wpf.getFormState( '#wpforms-builder-form' ); + wpf.initialSave = false; + + $builder.trigger( 'wpformsSaved', response.data ); + + if ( true === redirect && app.isBuilderInPopup() ) { + app.builderInPopupClose( 'saved' ); + return; + } + + if ( true === redirect ) { + window.location.href = wpforms_builder.exit_url; + } + } else { + wpf.debug( response ); + app.formSaveError( response.data ); + } + } ).fail( function( xhr, textStatus, e ) { // eslint-disable-line no-unused-vars + wpf.debug( xhr ); + app.formSaveError(); + } ).always( function() { + $label.text( text ); + $saveBtn.prop( 'disabled', false ); + $spinner.addClass( 'wpforms-hidden' ); + $icon.removeClass( 'wpforms-hidden' ); + } ); + }, + + /** + * Serialize all form data including checkboxes that are not checked. + * + * @since 1.9.0 + * + * @param {Object} $form Form jQuery object. + * + * @return {Array} Form data. + */ + serializeAllData( $form ) { + const formData = $form.serializeArray(); + + $form.find( '.wpforms-field-option-layout .wpforms-field-option-row-label_hide input[type=checkbox]' ).each( function() { + const $checkbox = $( this ); + const name = $checkbox.attr( 'name' ); + const value = $checkbox.is( ':checked' ) ? '1' : ''; + + if ( ! value ) { + formData.push( { name, value } ); + } + } ); + + return formData; + }, + + /** + * Form save error. + * + * @since 1.6.3 + * + * @param {string} error Error message. + */ + formSaveError( error = '' ) { + // Default error message. + if ( wpf.empty( error ) ) { + error = wpforms_builder.error_save_form; + } + + // Display error in a modal window. + $.confirm( { + title: wpforms_builder.heads_up, + content: '

    ' + error + '

    ' + wpforms_builder.error_contact_support + '

    ', + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Exit form builder. + * + * @since 1.0.0 + */ + formExit() { + if ( app.isBuilderInPopup() && app.formIsSaved() ) { + app.builderInPopupClose( 'saved' ); + return; + } + + if ( app.formIsSaved() ) { + window.location.href = wpforms_builder.exit_url; + } else { + $.confirm( { + title: false, + content: wpforms_builder.exit_confirm, + icon: 'fa fa-exclamation-circle', + type: 'orange', + closeIcon: true, + buttons: { + confirm: { + text: wpforms_builder.save_exit, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action() { + app.formSave( true ); + }, + }, + cancel: { + text: wpforms_builder.exit, + action() { + closeConfirmation = false; + + if ( app.isBuilderInPopup() ) { + app.builderInPopupClose( 'canceled' ); + return; + } + + window.location.href = wpforms_builder.exit_url; + }, + }, + }, + } ); + } + }, + + /** + * Close confirmation setter. + * + * @since 1.6.2 + * + * @param {boolean} confirm Close confirmation flag value. + */ + setCloseConfirmation( confirm ) { + closeConfirmation = !! confirm; + }, + + /** + * Check the current form state. + * + * @since 1.0.0 + * + * @return {boolean} True if the form is saved. + */ + formIsSaved() { + return wpf.savedState === wpf.getFormState( '#wpforms-builder-form' ); + }, + + /** + * Check if the builder opened in the popup (iframe). + * + * @since 1.6.2 + * + * @return {boolean} True if builder opened in the popup. + */ + isBuilderInPopup() { + return window.self !== window.parent && window.self.frameElement.id === 'wpforms-builder-iframe'; + }, + + /** + * Close popup with the form builder. + * + * @since 1.6.2 + * + * @param {string} action Performed action: saved or canceled. + */ + builderInPopupClose( action ) { + const $popup = window.parent.jQuery( '.wpforms-builder-popup' ); + const $title = $( '.wpforms-center-form-name' ).text(); + + $popup.find( '#wpforms-builder-iframe' ).attr( 'src', 'about:blank' ); + $popup.fadeOut(); + + $popup.trigger( 'wpformsBuilderInPopupClose', [ action, s.formID, $title ] ); + }, + + //--------------------------------------------------------------------// + // General / global + //--------------------------------------------------------------------// + + /** + * Element bindings for general and global items. + * + * @since 1.2.0 + */ + bindUIActionsGeneral() { // eslint-disable-line max-lines-per-function + // Toggle Smart Tags + $builder.on( 'click', '.toggle-smart-tag-display', app.smartTagToggle ); + + $builder.on( 'click', '.smart-tags-list-display a', app.smartTagInsert ); + + // Toggle unfoldable group of fields + $builder.on( 'click', '.wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title', app.toggleUnfoldableGroup ); + + // Hide field preview helper box. + $builder.on( 'click', '.wpforms-field-helper-hide ', app.hideFieldHelper ); + + // Field map table, update key source + $builder.on( 'input', '.wpforms-field-map-table .key-source', function() { + const value = $( this ).val(), + $dest = $( this ).parent().parent().find( '.key-destination' ), + name = $dest.data( 'name' ); + + if ( value ) { + $dest.attr( 'name', name.replace( '{source}', value.replace( /[^0-9a-zA-Z_-]/gi, '' ) ) ); + } + } ); + + // Field map table, delete row + $builder.on( 'click', '.wpforms-field-map-table .remove', function( e ) { + e.preventDefault(); + app.fieldMapTableDeleteRow( e, $( this ) ); + } ); + + // Field map table, Add row + $builder.on( 'click', '.wpforms-field-map-table .add', function( e ) { + e.preventDefault(); + app.fieldMapTableAddRow( e, $( this ) ); + } ); + + // Global select field mapping + $( document ).on( 'wpformsFieldUpdate', app.fieldMapSelect ); + + // Restrict user money input fields + $builder.on( 'input', '.wpforms-money-input', function( event ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + amount = $this.val(), + start = $this[ 0 ].selectionStart, + end = $this[ 0 ].selectionEnd; + + $this.val( amount.replace( /[^0-9.,]/g, '' ) ); + $this[ 0 ].setSelectionRange( start, end ); + } ); + + // Format user money input fields + $builder.on( 'focusout', '.wpforms-money-input', function( event ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + amount = $this.val(); + + if ( ! amount ) { + return amount; + } + + const sanitized = wpf.amountSanitize( amount ), + formatted = wpf.amountFormat( sanitized ); + + $this.val( formatted ); + } ); + + // Show/hide a group of options. + $builder.on( 'change', '.wpforms-panel-field-toggle', function() { + const $input = $( this ); + + if ( $input.prop( 'disabled' ) ) { + return; + } + + $input.prop( 'disabled', true ); + app.toggleOptionsGroup( $input ); + } ); + + // Don't allow users to enable payments if storing entries has + // been disabled in the General settings. + $builder.on( 'change', app.getPaymentsTogglesSelector(), function( event ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + gateway = $this.attr( 'id' ).replace( /wpforms-panel-field-|-enable|_one_time|_recurring/gi, '' ), + $notificationWrap = $( '.wpforms-panel-content-section-notifications [id*="-' + gateway + '-wrap"]' ), + gatewayEnabled = $this.prop( 'checked' ) || $( '#wpforms-panel-field-' + gateway + '-enable_one_time' ).prop( 'checked' ) || $( '#wpforms-panel-field-' + gateway + '-enable_recurring' ).prop( 'checked' ); + + if ( gatewayEnabled ) { + const disabled = $( '#wpforms-panel-field-settings-disable_entries' ).prop( 'checked' ); + + if ( disabled ) { + $.confirm( { + title: wpforms_builder.heads_up, + content: wpforms_builder.payments_entries_off, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + + $this.prop( 'checked', false ); + } else { + $notificationWrap.removeClass( 'wpforms-hidden' ); + } + } else { + $notificationWrap.addClass( 'wpforms-hidden' ); + $notificationWrap.find( 'input[id*="-' + gateway + '"]' ).prop( 'checked', false ); + } + } ); + + // Disable entries toggle. + $builder.on( 'change', '#wpforms-panel-field-settings-disable_entries', function( event ) { // eslint-disable-line no-unused-vars + const $this = $( this ); + + // Toggle the store spam entries toggle. + $( '#wpforms-panel-field-settings-store_spam_entries-wrap' ).toggleClass( 'wpforms-hidden', $this.prop( 'checked' ) ); + + // Don't allow users to disable entries if payments have been enabled. + if ( $this.prop( 'checked' ) ) { + if ( app.isPaymentsEnabled() ) { + $.confirm( { + title: wpforms_builder.heads_up, + content: wpforms_builder.payments_on_entries_off, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + $this.prop( 'checked', false ); + } else { + $.alert( { + title: wpforms_builder.heads_up, + content: wpforms_builder.disable_entries, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + } + } + } ); + + // Upload or add an image. + $builder.on( 'click', '.wpforms-image-upload-add', function( event ) { + event.preventDefault(); + + const $this = $( this ); + const $container = $this.parent(); + + const mediaFrame = wpf.initMediaLibrary( { + title: wpforms_builder.upload_image_title, + extensions: wpforms_builder.upload_image_extensions, + extensionsError: wpforms_builder.upload_image_extensions_error, + buttonText: wpforms_builder.upload_image_button, + } ); + + mediaFrame.on( 'select', function() { + const mediaAttachment = mediaFrame.state().get( 'selection' ).first().toJSON(); + const $preview = $container.find( '.preview' ); + + $container.find( '.source' ).val( mediaAttachment.url ); + $preview.empty(); + $preview.prepend( '' ); + + if ( $this.data( 'after-upload' ) === 'hide' ) { + $this.hide(); + } + + $builder.trigger( 'wpformsImageUploadAdd', [ $this, $container ] ); + } ).on( 'close', function() { + mediaFrame.off( 'library:selection:add' ); + } ); + + // Now that everything has been set, let's open up the frame. + mediaFrame.open(); + } ); + + // Remove and uploaded image. + $builder.on( 'click', '.wpforms-image-upload-remove', function( event ) { + event.preventDefault(); + + const $container = $( this ).parent().parent(); + + $container.find( '.preview' ).empty(); + $container.find( '.wpforms-image-upload-add' ).show(); + $container.find( '.source' ).val( '' ); + + $builder.trigger( 'wpformsImageUploadRemove', [ $( this ), $container ] ); + } ); + + // Validate email smart tags in Notifications fields. + $builder.on( 'blur', '.wpforms-notification .wpforms-panel-field-text input', function() { + app.validateEmailSmartTags( $( this ) ); + } ); + $builder.on( 'blur', '.wpforms-notification .wpforms-panel-field-textarea textarea', function() { + app.validateEmailSmartTags( $( this ) ); + } ); + + // Validate From Email in Notification settings. + $builder.on( 'focusout', '.wpforms-notification .wpforms-panel-field.js-wpforms-from-email-validation input', app.validateFromEmail ); + $builder.on( 'wpformsPanelSectionSwitch', app.notificationsPanelSectionSwitch ); + + // Mobile notice primary button / close icon click. + $builder.on( 'click', '#wpforms-builder-mobile-notice .wpforms-fullscreen-notice-button-primary, #wpforms-builder-mobile-notice .close', function() { + window.location.href = wpforms_builder.exit_url; + } ); + + // Mobile notice secondary button click. + $builder.on( 'click', '#wpforms-builder-mobile-notice .wpforms-fullscreen-notice-button-secondary', function() { + window.location.href = wpf.updateQueryString( 'force_desktop_view', 1, window.location.href ); + } ); + + // License Alert close button click. + $( '#wpforms-builder-license-alert .close' ).on( 'click', function() { + window.location.href = wpforms_builder.exit_url; + } ); + + // License Alert dismiss button click. + $( '#wpforms-builder-license-alert .dismiss' ).on( 'click', function( event ) { + event.preventDefault(); + $( '#wpforms-builder-license-alert' ).remove(); + wpCookies.set( 'wpforms-builder-license-alert', 'true', 3600 ); + } ); + + // Don't allow the Akismet setting to be enabled if the Akismet plugin isn't available. + $builder.on( 'change', '#wpforms-panel-field-settings-akismet.wpforms-akismet-disabled', function( event ) { // eslint-disable-line no-unused-vars + const $this = $( this ), + akismetStatus = $this.data( 'akismet-status' ); + + if ( $this.prop( 'checked' ) ) { + $.alert( { + title: wpforms_builder.heads_up, + content: wpforms_builder[ akismetStatus ], + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + onClose() { + $this.prop( 'checked', false ); + }, + } ); + } + } ); + + // Re-init Show More button for multiselect instances when it's visible. + $builder.on( 'wpformsPanelSectionSwitch wpformsPanelSwitched', function() { + wpf.reInitShowMoreChoices( $( '#wpforms-panel-providers, #wpforms-panel-settings' ) ); + } ); + }, + + /** + * Notification section switch event handler. + * + * @since 1.8.2.3 + * + * @param {Object} e Event object. + * @param {string} panel Panel name. + */ + notificationsPanelSectionSwitch( e, panel ) { + if ( panel !== 'notifications' ) { + return; + } + + $( '.wpforms-notification .wpforms-panel-field.js-wpforms-from-email-validation input' ).trigger( 'focusout' ); + }, + + /** + * Check if one of the payment addons payments enabled. + * + * @since 1.7.5 + * + * @return {boolean} True if one of the payment addons payment enabled. + */ + isPaymentsEnabled() { + let paymentEnabled = false; + + $( app.getPaymentsTogglesSelector() ).each( function() { + if ( $( this ).prop( 'checked' ) ) { + paymentEnabled = true; + + return false; + } + } ); + + return paymentEnabled; + }, + + /** + * Get Payments toggles selector. + * + * @since 1.7.5 + * + * @return {string} List of selectors. + */ + getPaymentsTogglesSelector() { + return `.wpforms-panel-content-section-payment-toggle-one-time input, + .wpforms-panel-content-section-payment-toggle-recurring input, + #wpforms-panel-field-stripe-enable, + #wpforms-panel-field-paypal_standard-enable, + #wpforms-panel-field-authorize_net-enable, + #wpforms-panel-field-square-enable`; + }, + + /** + * Toggle an options group. + * + * @since 1.6.3 + * + * @param {Object} $input Toggled field. + */ + toggleOptionsGroup( $input ) { + const name = $input.attr( 'name' ); + let value = ''; + const $body = $( '.wpforms-panel-field-toggle-body[data-toggle="' + name + '"]' ), + enableInput = function() { + $input.prop( 'disabled', false ); + }; + + app.toggleProviderActiveIcon( $input ); + + if ( $body.length === 0 ) { + enableInput(); + + return; + } + + const type = $input.attr( 'type' ); + + if ( 'checkbox' === type || 'radio' === type ) { + value = $input.prop( 'checked' ) ? $input.val() : '0'; + } else { + value = $input.val(); + } + + $body.each( function() { + const $this = $( this ); + + // eslint-disable-next-line no-unused-expressions + $this.attr( 'data-toggle-value' ).toString() === value.toString() + ? $this.slideDown( '', enableInput ) + : $this.slideUp( '', enableInput ); + } ); + }, + + /** + * Toggle Provider Active icon. + * + * @since 1.9.3 + * + * @param {Object} $input Toggled field. + */ + toggleProviderActiveIcon( $input ) { + const provider = $input.closest( '.wpforms-panel-content-section' ).data( 'provider' ); + + const wrappers = [ + 'wpforms-panel-field-' + provider + '-enable-wrap', + 'wpforms-panel-field-' + provider + '-enable_one_time-wrap', + 'wpforms-panel-field-' + provider + '-enable_recurring-wrap', + ]; + + if ( ! provider || ! wrappers.includes( $input.attr( 'id' ) ) ) { + return; + } + + let isActive = false; + + wrappers.forEach( ( wrapper ) => { + const $wrapper = $( '#' + wrapper ); + + if ( $wrapper.length && $wrapper.find( 'input' ).is( ':checked' ) ) { + isActive = true; + } + } ); + + const $sidebar = $( `.wpforms-panel-sidebar-section[data-section=${ provider }]` ), + $check_icon = $sidebar.find( '.fa-check-circle-o' ); + + $check_icon.toggleClass( 'wpforms-hidden', ! isActive ); + }, + + /** + * Toggle all option groups. + * + * @since 1.6.3 + * + * @param {jQuery} $context Context container jQuery object. + */ + toggleAllOptionGroups( $context ) { + $context = $context || $builder || $( '#wpforms-builder' ) || $( 'body' ); + + if ( ! $context ) { + return; + } + + // Show a toggled bodies. + $context.find( '.wpforms-panel-field-toggle' ).each( function() { + const $input = $( this ); + + $input.prop( 'disabled', true ); + app.toggleOptionsGroup( $input ); + } ); + }, + + /** + * Toggle unfoldable group of fields. + * + * @since 1.6.8 + * + * @param {Object} e Event object. + */ + toggleUnfoldableGroup( e ) { + e.preventDefault(); + + const $title = $( e.target ), + $group = $title.closest( '.wpforms-panel-fields-group' ), + $inner = $group.find( '.wpforms-panel-fields-group-inner' ), + cookieName = 'wpforms_fields_group_' + $group.data( 'group' ); + + if ( $group.hasClass( 'opened' ) ) { + wpCookies.remove( cookieName ); + $inner.stop().slideUp( 150, function() { + $group.removeClass( 'opened' ); + } ); + } else { + wpCookies.set( cookieName, 'true', 2592000 ); // 1 month. + $group.addClass( 'opened' ); + $inner.stop().slideDown( 150 ); + } + }, + + /** + * Hide field preview helper box. + * + * @since 1.7.1 + * + * @param {Object} e Event object. + */ + hideFieldHelper( e ) { + e.preventDefault(); + e.stopPropagation(); + + const $helpers = $( '.wpforms-field-helper' ), + cookieName = 'wpforms_field_helper_hide'; + + wpCookies.set( cookieName, 'true', 30 * 24 * 60 * 60 ); // 1 month. + $helpers.hide(); + }, + + /** + * Smart Tag toggling. + * + * @since 1.0.1 + * @since 1.6.9 Simplify method. + * + * @param {Event} e Event. + */ + smartTagToggle( e ) { + e.preventDefault(); + + // Prevent ajax to validate the default email queued on focusout event. + elements.$focusOutTarget = null; + + const $this = $( this ), + $wrapper = $this.closest( '.wpforms-panel-field,.wpforms-field-option-row' ); + + if ( $wrapper.hasClass( 'smart-tags-toggling' ) ) { + return; + } + + $wrapper.addClass( 'smart-tags-toggling' ); + + if ( $this.hasClass( 'smart-tag-showing' ) ) { + app.removeSmartTagsList( $this ); + + return; + } + + app.insertSmartTagsList( $this ); + }, + + /** + * Remove Smart Tag list. + * + * @since 1.6.9 + * + * @param {jQuery} $el Toggle element. + */ + removeSmartTagsList( $el ) { + const $wrapper = $el.closest( '.wpforms-panel-field,.wpforms-field-option-row' ), + $list = $wrapper.find( '.smart-tags-list-display' ); + + $el.find( 'span' ).text( wpforms_builder.smart_tags_show ); + + $list.slideUp( '', function() { + $list.remove(); + $el.removeClass( 'smart-tag-showing' ); + $wrapper.removeClass( 'smart-tags-toggling' ); + } ); + }, + + /** + * Insert Smart Tag list. + * + * @since 1.6.9 + * + * @param {jQuery} $el Toggle element. + */ + insertSmartTagsList( $el ) { + const $wrapper = $el.closest( '.wpforms-panel-field,.wpforms-field-option-row' ); + let $label = $el.closest( 'label' ), + insideLabel = true; + + if ( ! $label.length ) { + $label = $wrapper.find( 'label' ); + insideLabel = false; + } + + const smartTagList = app.getSmartTagsList( $el, $label.attr( 'for' ).indexOf( 'wpforms-field-option-' ) !== -1 ); + + // eslint-disable-next-line no-unused-expressions + insideLabel + ? $label.after( smartTagList ) + : $el.after( smartTagList ); + + $el.find( 'span' ).text( wpforms_builder.smart_tags_hide ); + + $wrapper.find( '.smart-tags-list-display' ).slideDown( '', function() { + $el.addClass( 'smart-tag-showing' ); + $wrapper.removeClass( 'smart-tags-toggling' ); + } ); + }, + + /** + * Get Smart Tag list markup. + * + * @since 1.6.9 + * + * @param {jQuery} $el Toggle element. + * @param {boolean} isFieldOption Is a field option. + * + * @return {string} Smart Tags list markup. + */ + getSmartTagsList( $el, isFieldOption ) { + let smartTagList; + + smartTagList = '
      '; + smartTagList += app.getSmartTagsListFieldsElements( $el ); + smartTagList += app.getSmartTagsListOtherElements( $el, isFieldOption ); + smartTagList += '
    '; + + return smartTagList; + }, + + /** + * Get Smart Tag fields elements markup. + * + * @since 1.6.9 + * + * @param {jQuery} $el Toggle element. + * + * @return {string} Smart Tags list elements markup. + */ + getSmartTagsListFieldsElements( $el ) { + const type = $el.data( 'type' ); + + if ( ! [ 'fields', 'all' ].includes( type ) ) { + return ''; + } + + const fields = app.getSmartTagsFields( $el ); + + if ( ! fields ) { + return '
  • ' + wpforms_builder.fields_unavailable + '
    • '; + } + + let smartTagListElements = ''; + + smartTagListElements += '
  • ' + wpforms_builder.fields_available + '
    • '; + + for ( const fieldKey in fields ) { + smartTagListElements += app.getSmartTagsListFieldsElement( fields[ fieldKey ] ); + } + + return smartTagListElements; + }, + + /** + * Get fields that possible to create smart tag. + * + * @since 1.6.9 + * + * @param {jQuery} $el Toggle element. + * + * @return {Array} Fields for smart tags. + */ + getSmartTagsFields( $el ) { + const allowed = $el.data( 'fields' ); + const isAllowedRepeater = $el.data( 'allow-repeated-fields' ); + const allowedFields = allowed ? allowed.split( ',' ) : undefined; + + return wpf.getFields( allowedFields, true, isAllowedRepeater ); + }, + + /** + * Get field markup for the Smart Tags list. + * + * @since 1.6.9 + * + * @param {Object} field A field. + * + * @return {string} Smart Tags field markup. + */ + getSmartTagsListFieldsElement( field ) { + const label = field.label + ? wpf.encodeHTMLEntities( wpf.sanitizeHTML( field.label ) ) + : wpforms_builder.field + ' #' + field.id; + + let html = `
  • ${ label }
    • `; + + const additionalTags = field.additional || []; + + // Add additional tags for `name`, `date/time` and `address` fields. + if ( additionalTags.length > 1 ) { + additionalTags.forEach( ( additionalTag ) => { + // Capitalize the first letter and add space before numbers. + const additionalTagLabel = additionalTag.charAt( 0 ).toUpperCase() + additionalTag.slice( 1 ).replace( /(\D)(\d)/g, '$1 $2' ); + html += `
  • ${ label } – ${ additionalTagLabel }
    • `; + } ); + } + + return html; + }, + + /** + * Get Smart Tag other elements markup. + * + * @since 1.6.9 + * + * @param {jQuery} $el Toggle element. + * @param {boolean} isFieldOption Is a field option. + * + * @return {string} Smart Tags list elements markup. + */ + getSmartTagsListOtherElements( $el, isFieldOption ) { + const type = $el.data( 'type' ); + let smartTagListElements; + + if ( type !== 'other' && type !== 'all' ) { + return ''; + } + + smartTagListElements = '
  • ' + wpforms_builder.other + '
    • '; + + for ( const smartTagKey in wpforms_builder.smart_tags ) { + if ( + ( isFieldOption && wpforms_builder.smart_tags_disabled_for_fields.includes( smartTagKey ) ) || + ( + $el.data( 'location' ) === 'confirmations' && + wpforms_builder.smart_tags_disabled_for_confirmations.includes( smartTagKey ) + ) + ) { + continue; + } + + smartTagListElements += '
  • ' + wpforms_builder.smart_tags[ smartTagKey ] + '
    • '; + } + + return smartTagListElements; + }, + + /** + * Smart Tag insert. + * + * @since 1.0.1 + * @since 1.6.9 TinyMCE compatibility. + * + * @param {Event} e Event. + */ + smartTagInsert( e ) { // eslint-disable-line complexity + e.preventDefault(); + + const $this = $( this ), + $list = $this.closest( '.smart-tags-list-display' ), + $wrapper = $list.closest( '.wpforms-panel-field,.wpforms-field-option-row' ), + $toggle = $wrapper.find( '.toggle-smart-tag-display' ), + $input = $wrapper.find( 'input[type=text], textarea' ), + meta = $this.data( 'meta' ), + additional = $this.data( 'additional' ) ? '|' + $this.data( 'additional' ) : '', + type = $this.data( 'type' ); + let smartTag = type === 'field' ? '{field_id="' + meta + additional + '"}' : '{' + meta + '}', + editor; + + if ( typeof tinyMCE !== 'undefined' ) { + editor = tinyMCE.get( $input.prop( 'id' ) ); + + if ( editor && ! editor.hasFocus() ) { + editor.focus( true ); + } + } + + if ( editor && ! editor.isHidden() ) { + editor.insertContent( smartTag ); + } else { + smartTag = ' ' + smartTag + ' '; + + $input.insertAtCaret( smartTag ); + + // Remove redundant spaces after wrapping smartTag into spaces. + $input.val( $input.val().trim().replace( ' ', ' ' ) ); + $input.trigger( 'focus' ).trigger( 'input' ); + } + + // Remove the list, all done! + $list.slideUp( '', function() { + $list.remove(); + } ); + + $toggle.find( 'span' ).text( wpforms_builder.smart_tags_show ); + $wrapper.find( '.toggle-smart-tag-display' ).removeClass( 'smart-tag-showing' ); + }, + + /** + * Field map table - Delete row. + * + * @since 1.2.0 + * @since 1.6.1.2 Registered `wpformsFieldMapTableDeletedRow` trigger. + * + * @param {Event} e Event. + * @param {Element} el Element. + */ + fieldMapTableDeleteRow( e, el ) { + const $this = $( el ), + $row = $this.closest( 'tr' ), + $table = $this.closest( 'table' ), + $block = $row.closest( '.wpforms-builder-settings-block' ), + total = $table.find( 'tr' ).length; + + if ( total > '1' ) { + $row.remove(); + + $builder.trigger( 'wpformsFieldMapTableDeletedRow', [ $block ] ); + } + }, + + /** + * Field map table - Add row. + * + * @since 1.2.0 + * @since 1.6.1.2 Registered `wpformsFieldMapTableAddedRow` trigger. + * + * @param {Event} e Event. + * @param {Element} el Element. + */ + fieldMapTableAddRow( e, el ) { + const $this = $( el ), + $row = $this.closest( 'tr' ), + $block = $row.closest( '.wpforms-builder-settings-block' ), + choice = $row.clone().insertAfter( $row ); + + choice.find( 'input' ).val( '' ); + choice.find( 'select :selected' ).prop( 'selected', false ); + choice.find( '.key-destination' ).attr( 'name', '' ); + + $builder.trigger( 'wpformsFieldMapTableAddedRow', [ $block, choice ] ); + }, + + /** + * Update field mapped select items on form updates. + * + * @since 1.2.0 + * @since 1.6.1.2 Registered `wpformsFieldSelectMapped` trigger. + * + * @param {Event} e Event. + * @param {Object} fields Fields. + */ + fieldMapSelect( e, fields ) { // eslint-disable-line max-lines-per-function + const event = WPFormsUtils.triggerEvent( $builder, 'wpformsBeforeFieldMapSelectUpdate' ); + + // Allow callbacks on `wpformsBeforeFieldMapSelectUpdate` to cancel adding field + // by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return; + } + + $( '.wpforms-field-map-select' ).each( function( index, el ) { // eslint-disable-line complexity, no-unused-vars + const $this = $( this ); + let allowedFields = $this.data( 'field-map-allowed' ), + placeholder = $this.data( 'field-map-placeholder' ); + + // Check if custom placeholder was provided. + if ( typeof placeholder === 'undefined' || ! placeholder ) { + placeholder = wpforms_builder.select_field; + } + + // If allowed, fields are not defined, bail. + if ( typeof allowedFields !== 'undefined' && allowedFields ) { + allowedFields = allowedFields.split( ' ' ); + } else { + return; + } + + const selected = $this.find( 'option:selected' ).val(); + + // Reset select and add a placeholder option. + $this.empty().append( $( '"):t.length&&t.remove()},isModernSelect(e){e=k.dropdownField.helpers.getInstance(e);return"object"==typeof e&&!v.isEmptyObject(e)&&e.initialised},setInstance(e,i){e.data("choicesjs",i)},getInstance(e){return e.data("choicesjs")},getDynamicChoicesOption(e){e=v("#wpforms-field-option-"+e+"-dynamic_choices");return!!e.length&&e},isDynamicChoices(e){e=k.dropdownField.helpers.getDynamicChoicesOption(e);return!!e.length&&""!==e.val()},isDynamicChoicesOptionModern(e){e=v("#wpforms-field-option-"+e+"-style");return!!e.length&&"modern"===e.val()},getDynamicChoicesOptionType(e){e=k.dropdownField.helpers.getDynamicChoicesOption(e);return!!e.length&&e.val()},getDynamicChoicesOptionSource(e){var i=k.dropdownField.helpers.getDynamicChoicesOptionType(e),e=v("#wpforms-field-option-"+e+"-dynamic_"+i);return!!e.length&&e.find("option:selected").text()},hasDefaults(e){return!!v("#wpforms-field-option-row-"+e+"-choices .choices-list").find("input.default:checked").length},getPrimarySelector(e){return v("#wpforms-field-"+e+" .primary-input")}}},numberSliderEvents(e){e.on("focusout",".wpforms-field-option-row-min_max .wpforms-input-row .wpforms-number-slider-min",k.fieldNumberSliderUpdateMin),e.on("focusout",".wpforms-field-option-row-min_max .wpforms-input-row .wpforms-number-slider-max",k.fieldNumberSliderUpdateMax),e.on("input",".wpforms-number-slider-default-value",_.debounce(k.changeNumberSliderDefaultValue,500)),e.on("focusout",".wpforms-number-slider-default-value",k.changeNumberSliderEmptyDefaultValue),e.find(".wpforms-number-slider-default-value").trigger("input"),e.on("input",".wpforms-number-slider-step",_.debounce(k.changeNumberSliderStep,500)),e.on("focusout",".wpforms-number-slider-step",k.checkNumberSliderStep),e.on("input",".wpforms-number-slider-value-display",_.debounce(k.changeNumberSliderValueDisplay,500)),e.on("input",".wpforms-number-slider-min",_.debounce(k.changeNumberSliderMin,500)),e.on("input",".wpforms-number-slider-max",_.debounce(k.changeNumberSliderMax,500))},changeNumberSliderMin(e){var i=parseFloat(e.target.value);isNaN(i)||(i=v(e.target).parents(".wpforms-field-option-row").data("fieldId"),k.updateNumberSliderDefaultValueAttr(i,e.target.value,"min"))},changeNumberSliderMax(e){var i=parseFloat(e.target.value);isNaN(i)||(i=v(e.target).parents(".wpforms-field-option-row").data("fieldId"),k.updateNumberSliderDefaultValueAttr(i,e.target.value,"max").updateNumberSliderStepValueMaxAttr(i,e.target.value))},changeNumberSliderValueDisplay(e){var i=e.target.value,e=v(e.target).parents(".wpforms-field-option-row").data("fieldId"),o=r.getElementById("wpforms-field-option-"+e+"-default_value");o&&k.updateNumberSliderHintStr(e,i).updateNumberSliderHint(e,o.value)},changeNumberSliderStep(e){var i,o,t=v(this),r=parseFloat(t.val());isNaN(r)||r<=0||(i=v(t).closest(".wpforms-field-option"),(o=(parseFloat(i.find(".wpforms-number-slider-max").val())-(i=parseFloat(i.find(".wpforms-number-slider-min").val()))).toFixed(2))e%1==0?e.toString():e.toFixed(2))(i),(r=o(r))===(o=o(t))||r===i||o===i?k.removeNotice(e):(t=wpforms_builder.number_slider_error_valid_default_value.replace("{from}",r).replace("{to}",o),k.printNotice(t,e))),this},printNotice(e,i){i.length&&(this.removeNotice(i),i.append(`

    ${e}

    `))},removeNotice(e){e.length&&e.find(".wpforms-alert").length&&e.find(".wpforms-alert").remove()},checkNumberSliderStep(e){e=parseFloat(e.target.value);if(isNaN(e)||!(0"+i+"")),this},fieldNumberSliderUpdateMin(e){var i,o,t=parseFloat(e.target.value);isNaN(t)||(i=v(e.target).parents(".wpforms-field-option-row-min_max"),(o=parseFloat(i.find(".wpforms-number-slider-max").val()))<=t?(e.preventDefault(),this.value=o):(e=i.data("field-id"),y.find("#wpforms-field-"+e+' input[type="range"]').attr("min",t)))},fieldNumberSliderUpdateMax(e){var i,o,t=parseFloat(e.target.value);isNaN(t)||(i=v(e.target).parents(".wpforms-field-option-row-min_max"),t<=(o=parseFloat(i.find(".wpforms-number-slider-min").val()))?(e.preventDefault(),this.value=o):(e=i.data("field-id"),y.find("#wpforms-field-"+e+' input[type="range"]').attr("max",t)))},updateNumberSliderStepValueMaxAttr(e,i){var o,e=r.getElementById("wpforms-field-option-"+e+"-step");return e&&(o=parseFloat(e.value),e.setAttribute("max",i),(i=parseFloat(i)) .label-title .text").text(r)}),y.on("input",".wpforms-field-option-row-description textarea",function(){var e=v(this),i=wpf.sanitizeHTML(e.val()),o=e.parent().data("field-id"),t=v(`#wpforms-field-${o} > .description, #wpforms-field-${o} .wpforms-field-internal-information-row-description`);k.updateDescription(t,i),e.trigger("wpformsDescriptionFieldUpdated",{id:o,descField:t,value:i})}),y.on("change",".wpforms-field-option-row-required input",function(e){var i=v(this).closest(".wpforms-field-option-row").data("field-id");v("#wpforms-field-"+i).toggleClass("required")}),y.on("change",".wpforms-field-option-row-summary input",function(){var e=v(this),i=e.closest(".wpforms-field-option-row").data("field-id");v("#wpforms-field-"+i).toggleClass("wpforms-summary-enabled"),e.closest(".wpforms-field-option-group-inner").find(".wpforms-total-summary-alert").toggleClass("wpforms-hidden")}),y.on("change",".wpforms-field-option-row-confirmation input",function(){var e=v(this).closest(".wpforms-field-option-row").data("field-id");v("#wpforms-field-"+e).find(".wpforms-confirm").toggleClass("wpforms-confirm-enabled wpforms-confirm-disabled"),v("#wpforms-field-option-"+e).toggleClass("wpforms-confirm-enabled wpforms-confirm-disabled")}),y.on("change",".wpforms-field-option-row-filter_type select",function(){var e=v(this).parent().data("field-id"),e=v("#wpforms-field-option-"+e);v(this).val()?(e.removeClass("wpforms-filter-allowlist"),e.removeClass("wpforms-filter-denylist"),e.addClass("wpforms-filter-"+v(this).val())):(e.removeClass("wpforms-filter-allowlist"),e.removeClass("wpforms-filter-denylist"))}),y.on("focusout",".wpforms-field-option-row-allowlist textarea,.wpforms-field-option-row-denylist textarea",function(){const o=v(this);let e="allow";var i,t;o.next(".wpforms-alert").remove(),""!==o.val()&&(i=v(".wpforms-field-option-row-allowlist textarea"),t=v(".wpforms-field-option-row-denylist textarea"),o.is(t)&&(e="deny"),v.get(wpforms_builder.ajax_url,{nonce:wpforms_builder.nonce,content:JSON.stringify({allow:i.val(),deny:t.val(),current:e}),action:"wpforms_sanitize_restricted_rules"},function(e){var i;e.success&&(o.val(e.data.currentField),0!==(i=e.data.intersect).length&&(i="

    "+wpforms_builder.allow_deny_lists_intersect+'

    '+i+"

    ",v.alert({title:wpforms_builder.heads_up,content:i,icon:"fa fa-exclamation-circle",type:"red",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})),e.data.restricted||0)&&o.after('

    '+wpforms_builder.restricted_rules+"

    ")}))}),y.on("focusout",C.defaultEmailSelector,function(){C.$focusOutTarget=v(this),k.focusOutEvent()}),y.on("change",".wpforms-field-option-row-size select",function(e){var i=v(this),o=i.val(),i=i.parent().data("field-id");v("#wpforms-field-"+i).removeClass("size-small size-medium size-large").addClass("size-"+o)}),y.on("input",".wpforms-field-option-row-placeholder input",function(){var e=v(this),i=e.parent().data("field-id"),o=v("#wpforms-field-"+i),t=o.find(".primary-input");let r=wpf.sanitizeHTML(e.val());"payment-single"===o.data("field-type")&&""===r&&(r=v("#wpforms-field-option-"+i+"-price").prop("placeholder")),t.is("select")?k.dropdownField.helpers.isModernSelect(t)?(e=k.dropdownField.helpers.getInstance(t),t.prop("multiple")?v(e.input.element).prop("placeholder",r):(e.setChoiceByValue(""),t.closest(".choices").find(".choices__inner .choices__placeholder").text(r),o=v("#wpforms-field-option-"+i+"-dynamic_choices").val(),k.dropdownField.helpers.update(i,o))):(e=t.find(".placeholder"),!r.length&&e.length?e.remove():(e.length?e.text(r):t.prepend('"),t.find(".placeholder").prop("selected",!t.prop("multiple")))):t.prop("placeholder",r)}),y.on("input",".wpforms-field-option-row-confirmation_placeholder input",function(e){var i=v(this),o=i.val(),i=i.parent().data("field-id");v("#wpforms-field-"+i).find(".secondary-input").attr("placeholder",o)}),y.on("input",".wpforms-field-option .format-selected input.placeholder",function(){var e=v(this),i=e.val(),e=e.closest(".wpforms-field-option-row"),o=e.data("field-id"),e=e.data("subfield");v("#wpforms-field-"+o).find(".wpforms-"+e+" input").attr("placeholder",i)}),y.on("input",".wpforms-field-option-address input.placeholder",function(){var e=v(this),i=e.closest(".wpforms-field-option-row"),o=i.data("field-id"),t=i.data("subfield"),r=v("#wpforms-field-"+o+" .wpforms-"+t).find("input, select"),i=i.find("#wpforms-field-option-"+o+"-"+t+"_default");const s=i.val(),n=i.find("option:selected").text(),l=e.val();r.each(function(){var e,i,o=v(this);o.is("select")?(e=o.find(".placeholder"),i=""===s&&""!==l?l:n,e.text(i)):o.attr("placeholder",l)})}),y.on("input",".wpforms-field-option-row-default_value input",function(){var e=v(this),i=wpf.sanitizeHTML(e.val()),e=e.closest(".wpforms-field-option-row").data("field-id");v("#wpforms-field-"+e+" .primary-input").val(i)}),y.on("input",".wpforms-field-options-column input.default",function(){var e=v(this),i=wpf.sanitizeHTML(e.val()),e=e.closest(".wpforms-field-option-row"),o=e.data("field-id"),e=e.data("subfield");v("#wpforms-field-"+o+" .wpforms-"+e+" input").val(i)}),y.on("change",".wpforms-field-option-address select.default",function(){var e=v(this),i=e.val(),o=e.find("option:selected").text(),e=e.closest(".wpforms-field-option-row"),t=e.data("field-id"),r=e.data("subfield"),s=v("#wpforms-field-option-"+t+"-scheme").val(),e=e.find("#wpforms-field-option-"+t+"-"+r+"_placeholder").val(),t=v("#wpforms-field-"+t+" .wpforms-address-scheme-"+s+" .wpforms-"+r+" .placeholder");""===i&&0parseInt(i.val(),10))}),y.on("change",".wpforms-field-option-row-format select",function(){var e,i,o,t,r,s=v(this),n=s.val(),s=s.parent().data("field-id"),l=v("#wpforms-field-option-row-"+s+"-sublabel_hide"),a=v("#wpforms-field-"+s);a.find(".format-selected").removeClass().addClass("format-selected format-selected-"+n),v("#wpforms-field-option-"+s).find(".format-selected").removeClass().addClass("format-selected format-selected-"+n),["date-time","first-last","first-middle-last"].includes(n)?l.removeClass("wpforms-hidden"):l.addClass("wpforms-hidden"),v(`#wpforms-field-option-row-${s}-price_label`).toggleClass("wpforms-hidden","single"!==n),["single","user","hidden"].includes(n)&&(l="user"===n,e="single"===n,n="hidden"===n,i=v("#wpforms-field-option-"+s+"-enable_quantity").is(":checked"),t=v("#wpforms-field-option-"+s+"-min_price"),t=(o=wpf.amountSanitize(t.val()))>=t.data("minimum-price"),r=v("#wpforms-field-option-row-"+s+"-min_price"),v("#wpforms-field-option-row-"+s+"-placeholder").toggleClass("wpforms-hidden",!l),v("#wpforms-field-option-row-"+s+"-enable_quantity").toggleClass("wpforms-hidden",!e),v("#wpforms-field-option-row-"+s+"-quantities_alert").toggleClass("wpforms-hidden",!e),v("#wpforms-field-option-row-"+s+"-quantity").toggleClass("wpforms-hidden",!e||!i),a.find(".quantity-input").toggleClass("wpforms-hidden",!e||!i),r.toggleClass("wpforms-hidden",!l),r.find(".wpforms-item-minimum-price-alert").toggleClass("wpforms-hidden",t),a.find(".item-min-price").toggleClass("wpforms-hidden",l&&o<=0),a.toggleClass("min-price-warning",!t),a.find(".fa-exclamation-triangle").toggleClass("wpforms-hidden",t),v(`#wpforms-field-${s} .item-price-single`).toggleClass("wpforms-hidden",!e),v(`#wpforms-field-${s} .item-price-hidden`).toggleClass("wpforms-hidden",!n))}),y.on("change",".wpforms-field-option-row-scheme select",function(e){var i=v(this),o=i.val(),i=i.parent().data("field-id"),t=v("#wpforms-field-"+i),r=v(`#wpforms-field-option-row-${i}-state`),i=v(`#wpforms-field-option-row-${i}-country`),t=(t.find(".wpforms-address-scheme").addClass("wpforms-hide"),t.find(".wpforms-address-scheme-"+o).removeClass("wpforms-hide"),t.find(`.wpforms-address-scheme-${o} .wpforms-country select, .wpforms-address-scheme-${o} .wpforms-country input`)),t=(0===t.length?i.addClass("wpforms-hidden"):i.removeClass("wpforms-hidden"),r.find(".default .default").not(".wpforms-hidden-strict")),r=r.find(`.default [data-scheme="${o}"]`),s=i.find(".default .default").not(".wpforms-hidden-strict"),i=i.find(`.default [data-scheme="${o}"]`);r.attr({id:t.attr("id"),name:t.attr("name")}).removeClass("wpforms-hidden-strict"),t.attr({id:"",name:""}).addClass("wpforms-hidden-strict"),i.attr({id:s.attr("id"),name:s.attr("name")}).removeClass("wpforms-hidden-strict"),s.attr({id:"",name:""}).addClass("wpforms-hidden-strict")}),y.on("change",".wpforms-field-option-row-date .type select",function(e){var i=v(this),o=i.val(),t=v(this).closest(".wpforms-field-option-row").data("field-id"),r="datepicker"===o?"wpforms-date-type-datepicker":"wpforms-date-type-dropdown",s="datepicker"===o?"wpforms-date-type-dropdown":"wpforms-date-type-datepicker",r=(v("#wpforms-field-"+t).find(".wpforms-date").addClass(r).removeClass(s),v("#wpforms-field-option-"+t).addClass(r).removeClass(s),i.closest(".wpforms-field-option-group-advanced").find(".wpforms-field-option-row-date_limit_days, .wpforms-field-option-row-date_limit_days_options, .wpforms-field-option-row-date_disable_past_dates")),s=v("#wpforms-field-option-row-"+t+"-date_limit_days_options");"dropdown"===o?((i=v("#wpforms-field-option-"+t+"-date_format")).find("option:selected").hasClass("datepicker-only")&&i.prop("selectedIndex",0).trigger("change"),r.hide()):(r.show(),v("#wpforms-field-option-"+t+"-date_limit_days").is(":checked")?s.show():s.hide())}),y.on("change",".wpforms-field-option-row-date .format select",function(e){var i=v(this).val(),o=v(this).closest(".wpforms-field-option-row").data("field-id"),o=v("#wpforms-field-"+o);"m/d/Y"===i?(o.find(".wpforms-date-dropdown .first option").text(wpforms_builder.date_select_month),o.find(".wpforms-date-dropdown .second option").text(wpforms_builder.date_select_day)):"d/m/Y"===i&&(o.find(".wpforms-date-dropdown .first option").text(wpforms_builder.date_select_day),o.find(".wpforms-date-dropdown .second option").text(wpforms_builder.date_select_month))}),y.on("change",".wpforms-field-option-row-time .format select",function(e){const i=v(this),r=i.closest(".wpforms-field-option-row").data("field-id");let s="",o;const n=i.val().match(/[gh]/)?12:24,t=12==n?1:0,l=12==n?13:24;for(let e=t;e{hh}'.replace(/{hh}/g,o);_.forEach(["start","end"],function(e){var i=y.find("#wpforms-field-option-"+r+"-time_limit_hours_"+e+"_hour"),e=y.find("#wpforms-field-option-"+r+"-time_limit_hours_"+e+"_ampm");let o=parseInt(i.val(),10),t=e.val();o=(o=24==n?"pm"===t?o+12:o:(t=12=e.data("minimum-price"),e=e.parent(),r=v("#wpforms-field-"+e.data("field-id"));e.find(".wpforms-item-minimum-price-alert").toggleClass("wpforms-hidden",o),r.find(".item-min-price").toggleClass("wpforms-hidden",t),r.toggleClass("min-price-warning",!o),r.find(".fa-exclamation-triangle").toggleClass("wpforms-hidden",o),t||r.find(".min-price").text(wpf.amountFormatCurrency(i))}),y.on("input",".wpforms-single-item-price-label-display",function(){var e=v(this),i=wpf.sanitizeHTML(e.val(),"<>"),o=e.parent().data("field-id"),t=v("#wpforms-field-"+o),o=wpf.amountFormatCurrency(v(`#wpforms-field-option-${o}-price`).val());i?t.find(".price-label").html(i.replaceAll("{price}",` ${o} `)):(e.val("{price}"),t.find(".price-label").html(` ${o} `))}),y.on("change",".wpforms-field-option-credit-card .payment-icons input",function(){var e=v(this),i=e.data("card"),e=e.parent().data("field-id");v("#wpforms-field-"+e).find("img.icon-"+i).toggleClass("card_hide")}),y.on("input",".wpforms-field-option input.placeholder-update",function(e){var i=v(this),o=i.val(),t=i.data("field-id"),i=i.data("subfield");v("#wpforms-field-"+t).find(".wpforms-"+i+" input").attr("placeholder",o)}),y.on("change",".wpforms-field-option-row-input_columns select",function(){var e=v(this),i=e.val(),e=e.parent().data("field-id");let o="";"2"===i?o="wpforms-list-2-columns":"3"===i?o="wpforms-list-3-columns":"inline"===i&&(o="wpforms-list-inline"),v("#wpforms-field-"+e).removeClass("wpforms-list-2-columns wpforms-list-3-columns wpforms-list-inline").addClass(o)}),y.on("change",".wpforms-field-option-row .wpforms-toggle-control input",function(e){var i=v(this),o=i.closest(".wpforms-toggle-control").find(".wpforms-toggle-control-status"),i=i.is(":checked")?"on":"off";o.html(o.data(i))}),y.on("change",".wpforms-field-option-row-dynamic_choices select",function(e){k.fieldDynamicChoiceToggle(v(this))}),y.on("change",".wpforms-field-option-row-dynamic_taxonomy select, .wpforms-field-option-row-dynamic_post_type select",function(e){k.fieldDynamicChoiceSource(v(this))}),y.on("click",".toggle-layout-selector-display",function(e){e.preventDefault(),k.fieldLayoutSelectorToggle(this)}),y.on("click",".layout-selector-display-layout",function(e){e.preventDefault(),k.fieldLayoutSelectorLayout(this)}),y.on("click",".layout-selector-display-columns span",function(e){e.preventDefault(),k.fieldLayoutSelectorInsert(this)}),v(r).on("change",".wpforms-field-option-row-scale select",function(){const e=v(this),i=e.val(),o=e.parent().data("field-id"),t=v("#wpforms-field-"+o+" .rating-icon");let r=1;t.each(function(e){r<=i?v(this).show():v(this).hide(),r++})}),v(r).on("change",".wpforms-field-option-row-icon select",function(){var e=v(this),i=e.val(),e=e.parent().data("field-id"),e=v("#wpforms-field-"+e+" .rating-icon");let o="fa-star";"heart"===i?o="fa-heart":"thumb"===i?o="fa-thumbs-up":"smiley"===i&&(o="fa-smile-o"),e.removeClass("fa-star fa-heart fa-thumbs-up fa-smile-o").addClass(o)}),v(r).on("change",".wpforms-field-option-row-icon_size select",function(){var e=v(this),i=e.val(),e=e.parent().data("field-id"),e=v("#wpforms-field-"+e+" .rating-icon");let o="28";"small"===i?o="18":"large"===i&&(o="38"),e.css("font-size",o+"px")}),v(r).on("input",".wpforms-field-option-row-icon_color input.wpforms-color-picker",function(){var e=v(this),i=e.closest(".wpforms-field-option-row").data("field-id");v("#wpforms-field-"+i+" > i.fa").css("color",k.getValidColorPickerValue(e))}),v(r).on("change",".wpforms-field-option-row-disclaimer_format input",function(){var e=v(this).closest(".wpforms-field-option-row").data("field-id");v("#wpforms-field-"+e+" .description").toggleClass("disclaimer")}),y.on("change",".wpforms-field-option-row-limit_enabled input",function(e){k.updateTextFieldsLimitControls(v(e.target).closest(".wpforms-field-option-row-limit_enabled").data().fieldId,e.target.checked)}),y.on("change",".wpforms-field-option-row-date_disable_past_dates input",function(e){k.updateDisableTodaysDateControls(v(e.target).closest(".wpforms-field-option-row-date_disable_past_dates").data().fieldId,e.target?.checked)}),y.on("change",".wpforms-field-option-row-password-strength input",function(e){k.updatePasswordStrengthControls(v(e.target).parents(".wpforms-field-option-row-password-strength").data().fieldId,e.target.checked)}),y.on("change",".wpforms-field-option-richtext .wpforms-field-option-row-media_enabled input",k.updateRichTextMediaFieldsLimitControls),y.on("change",".wpforms-field-option-richtext .wpforms-field-option-row-style select",k.updateRichTextStylePreview),y.on("change",".wpforms-field-option-file-upload .wpforms-field-option-row-style select, .wpforms-field-option-file-upload .wpforms-field-option-row-max_file_number input",function(e){k.fieldFileUploadPreviewUpdate(e.target)}),k.numberSliderEvents(y),k.fieldDynamicChoiceToggleImageChoices(),k.fieldDynamicChoiceToggleIconChoices(),y.on("change",".wpforms-field-option-row-show_price_after_labels input",function(e){var i=v(this).closest(".wpforms-field-option-group-basic").find(".wpforms-field-option-row-choices .choices-list");k.fieldChoiceUpdate(i.data("field-type"),i.data("field-id"))}),y.on("input",".wpforms-field-option-row-preview-notice textarea",k.updatePreviewNotice).on("change",".wpforms-field-option-row-preview-notice-enable input",k.toggleEntryPreviewNotice).on("wpformsFieldAdd",k.maybeLockEntryPreviewGroupOnAdd).on("wpformsFieldMove",k.maybeLockEntryPreviewGroupOnMove).on("click",".wpforms-entry-preview-block",k.entryPreviewBlockField),k.defaultStateEntryPreviewNotice()},focusOutEvent(){if(null!==C.$focusOutTarget){if(C.$defaultEmail.is(C.$focusOutTarget)){const i=C.$focusOutTarget;if(i.next(".wpforms-alert").remove(),""===i.val())return;v.get(wpforms_builder.ajax_url,{nonce:wpforms_builder.nonce,content:i.val(),action:"wpforms_sanitize_default_email"},function(e){e.success&&(i.val(e.data),i.trigger("input"),e.data||i.after('

    '+wpforms_builder.restricted_default_email+"

    "))})}C.$focusOutTarget=null}},isFieldPreviewActionsDisabled(e){return k.isFormPreviewActionsDisabled(e)||v(e).closest(".wpforms-field").hasClass("ui-sortable-disabled")},isFormPreviewActionsDisabled(e){return v(e).closest(".wpforms-field-wrap").hasClass("ui-sortable-disabled")},fieldGroupToggle(e,i){e=v(e);let o=e.next(".wpforms-add-fields-buttons");const t=o.parent();let r=e.find("i"),s=e.data("group"),n="wpforms_field_group_"+s;"click"===i?(t.hasClass("wpforms-closed")?wpCookies.remove(n):wpCookies.set(n,"true",2592e3),r.toggleClass("wpforms-angle-right"),o.stop().slideToggle("",function(){t.toggleClass("wpforms-closed")})):"load"===i&&(o=e.find(".wpforms-add-fields-buttons"),r=e.find(".wpforms-add-fields-heading i"),s=e.find(".wpforms-add-fields-heading").data("group"),"true"===wpCookies.get("wpforms_field_group_"+s))&&(r.toggleClass("wpforms-angle-right"),o.hide(),e.toggleClass("wpforms-closed"))},updateDescription(e,i){e.hasClass("nl2br")&&(i=i.replace(/\n/g,"
    ")),e.html(i)},defaultStateEntryPreviewNotice(){v(".wpforms-field-option-row-preview-notice-enable input").each(function(){v(this).trigger("change")})},updatePreviewNotice(){var e=v(this),i=wpf.sanitizeHTML(e.val()).trim(),e=e.parent().data("field-id"),e=v("#wpforms-field-"+e).find(".wpforms-entry-preview-notice"),i=i||wpforms_builder.entry_preview_default_notice;k.updateDescription(e,i)},toggleEntryPreviewNotice(){var e=v(this),i=e.closest(".wpforms-field-option").data("field-id"),o=v("#wpforms-field-"+i),i=v("#wpforms-field-option-"+i+" .wpforms-field-option-row-preview-notice"),t=o.find(".wpforms-entry-preview-notice"),o=o.find(".wpforms-alert-info");(e.is(":checked")?(o.hide(),t.show(),i):(i.hide(),t.hide(),o)).show()},fieldDelete(e){var i=v("#wpforms-field-"+e),o=i.data("field-type");"pagebreak"===o&&i.hasClass("wpforms-field-entry-preview-not-deleted")?k.youCantRemovePageBreakFieldPopup():i.hasClass("no-delete")?k.youCantRemoveFieldPopup():k.confirmFieldDeletion(e,o)},youCantRemovePageBreakFieldPopup(){v.alert({title:wpforms_builder.heads_up,content:wpforms_builder.entry_preview_require_page_break,icon:"fa fa-exclamation-circle",type:"red",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})},youCantReorderFieldPopup(){console.warn('WARNING! Function "WPFormsBuilder.youCantReorderFieldPopup()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.youCantReorderFieldPopup()" function instead!'),WPForms.Admin.Builder.DragFields.youCantReorderFieldPopup()},youCantRemoveFieldPopup(){v.alert({title:wpforms_builder.field_locked,content:wpforms_builder.field_locked_no_delete_msg,icon:"fa fa-info-circle",type:"blue",buttons:{confirm:{text:wpforms_builder.close,btnClass:"btn-confirm",keys:["enter"]}}})},validationErrorNotificationPopup(e){v.alert({title:wpforms_builder.heads_up,content:e,icon:"fa fa-exclamation-circle",type:"red",buttons:{confirm:{text:wpforms_builder.close,btnClass:"btn-confirm",keys:["enter"]}}})},confirmFieldDeletion(e,i){var o={id:e,message:wpforms_builder.delete_confirm};WPFormsUtils.triggerEvent(y,"wpformsBeforeFieldDeleteAlert",[o,i]).isDefaultPrevented()||v.confirm({title:!1,content:o.message,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"],action(){k.fieldDeleteById(e)}},cancel:{text:wpforms_builder.cancel}}})},fieldDeleteById(t,r="",e=400){v("#wpforms-field-"+t).fadeOut(e,function(){var e=v(this),i=e.parents(".wpforms-field-layout-columns"),e=(r=e.data("field-type"),y.trigger("wpformsBeforeFieldDelete",[t,r]),e.remove(),v("#wpforms-field-option-"+t).remove(),v(".wpforms-field, .wpforms-title-desc").removeClass("active"),k.fieldTabToggle("add-fields"),v(".wpforms-field-option")),o=y.find(".wpforms-field-submit");e.length<1&&(C.$sortableFieldsWrap.append(C.$noFieldsPreview.clone()),C.$fieldOptions.append(C.$noFieldsOptions.clone()),o.hide()),e.filter(":not(.wpforms-field-option-layout)").length||o.hide(),y.trigger("wpformsFieldDelete",[t,r,i])})},determineActiveSections(){const s=wpf.getQueryString("section");v(".wpforms-panel").each(function(e,i){var o,t=v(this),r=(o=t,((r=s)&&o.hasClass("active")&&(o=o.find(`.wpforms-panel-sidebar-section[data-section="${r}"]`)).length?o:null)||(e=>{e=e.find(".wpforms-panel-sidebar-section.configured").first();return e.length?e:null})(t)||t.find(".wpforms-panel-sidebar-section:first-of-type"));o=t,(t=r)&&(r=t.data("section"),t.addClass("active"),(t=o.find(".wpforms-panel-content-section-"+r)).length?(t.show().addClass("active"),o.find(".wpforms-panel-content-section-default").toggle("default"===r)):o.find(".wpforms-panel-content-section-default").show().addClass("active"),WPFormsUtils.triggerEvent(y,"wpformsPanelSectionSwitch",r))})},loadEntryPreviewFields(){var e=v("#wpforms-panel-fields .wpforms-field-wrap .wpforms-field-entry-preview");e.length&&e.each(function(){k.lockEntryPreviewFieldsPosition(v(this).data("field-id"))})},fieldEntryPreviewDelete(e,i,o){"entry-preview"===o&&(i=(o=v("#wpforms-field-"+i)).prevAll(".wpforms-field-pagebreak").first(),o=o.nextAll(".wpforms-field-pagebreak").first().data("field-id"),o=v("#wpforms-field-option-"+o),i.removeClass("wpforms-field-not-draggable wpforms-field-entry-preview-not-deleted"),o.find(".wpforms-entry-preview-block").removeClass("wpforms-entry-preview-block"),y.trigger("wpformsFieldDragToggle",[i.data("field-id"),i.data("field-type")]))},maybeLockEntryPreviewGroupOnMove(e,i){i.item.hasClass("wpforms-field-pagebreak")&&k.maybeLockEntryPreviewGroupOnAdd(e,i.item.data("field-id"),"pagebreak")},maybeLockEntryPreviewGroupOnAdd(e,i,o){var t,r,s,n,l;"pagebreak"===o&&(r=(t=v("#wpforms-field-"+i)).prevAll(".wpforms-field-entry-preview,.wpforms-field-pagebreak").first(),l=t.nextAll(".wpforms-field-entry-preview,.wpforms-field-pagebreak").first(),r.hasClass("wpforms-field-entry-preview")||l.hasClass("wpforms-field-entry-preview"))&&(s=(n=v("#wpforms-field-option-"+i+" .wpforms-field-option-row-prev_toggle")).find("input"),l=v("#wpforms-field-option-"+l.data("field-id")+" .wpforms-field-option-row-prev_toggle"),r.hasClass("wpforms-field-entry-preview")?(s.attr("checked","checked").trigger("change"),n.addClass("wpforms-entry-preview-block"),l.removeClass("wpforms-entry-preview-block")):(s=r.data("field-id"),l=(n=v("#wpforms-field-option-"+s+" .wpforms-field-option-row-prev_toggle")).find("input"),t.addClass("wpforms-field-not-draggable wpforms-field-entry-preview-not-deleted"),y.trigger("wpformsFieldDragToggle",[i,o]),r.removeClass("wpforms-field-not-draggable wpforms-field-entry-preview-not-deleted"),y.trigger("wpformsFieldDragToggle",[s,r.data("field-type")]),r.prevAll(".wpforms-field-entry-preview,.wpforms-field-pagebreak").first().hasClass("wpforms-field-entry-preview")&&(l.attr("checked","checked").trigger("change"),n.addClass("wpforms-entry-preview-block"))))},entryPreviewBlockField(e){e.preventDefault(),v.alert({title:wpforms_builder.heads_up,content:wpforms_builder.entry_preview_require_previous_button,icon:"fa fa-exclamation-circle",type:"red",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})},isUncheckedEntryPreviewField(e,i){return!("entry-preview"!==e||i&&i.passed)},addEntryPreviewField(e,i){var o,t,r,s=v("#wpforms-add-fields-entry-preview");s.hasClass("wpforms-entry-preview-adding")||(r=v("#wpforms-panel-fields .wpforms-field-wrap > .wpforms-field"),o=i?.position?i.position:r.length,t=k.isEntryPreviewFieldRequiresPageBreakBefore(r,o),r=k.isEntryPreviewFieldRequiresPageBreakAfter(r,o),s.addClass("wpforms-entry-preview-adding"),(i=i||{}).passed=!0,t||r?t?k.addPageBreakAndEntryPreviewFields(i,o):k.addEntryPreviewAndPageBreakFields(i,o):k.fieldAdd("entry-preview",i).done(function(e){k.lockEntryPreviewFieldsPosition(e.data.field.id)}))},addEntryPreviewFieldAfterPageBreak(e){const i=setInterval(function(){2===v("#wpforms-panel-fields .wpforms-field-wrap").find(".wpforms-pagebreak-bottom, .wpforms-pagebreak-top").length&&(k.fieldAdd("entry-preview",e).done(function(e){k.lockEntryPreviewFieldsPosition(e.data.field.id)}),clearInterval(i))},100)},addPageBreakAndEntryPreviewFields(i,o){const t=3<=v("#wpforms-panel-fields .wpforms-field-wrap > .wpforms-field-pagebreak").length;k.fieldAdd("pagebreak",{position:o}).done(function(e){i.position=t?o+1:o+2,k.addEntryPreviewFieldAfterPageBreak(i);e=v("#wpforms-field-option-"+e.data.field.id).find(".wpforms-field-option-row-prev_toggle");e.find("input").attr("checked","checked").trigger("change"),e.addClass("wpforms-entry-preview-block")})},fieldDuplicate(o){const t=v("#wpforms-field-"+o);t.hasClass("no-duplicate")?v.alert({title:wpforms_builder.field_locked,content:wpforms_builder.field_locked_no_duplicate_msg,icon:"fa fa-info-circle",type:"blue",buttons:{confirm:{text:wpforms_builder.close,btnClass:"btn-confirm",keys:["enter"]}}}):v.confirm({title:!1,content:wpforms_builder.duplicate_confirm,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"],action(){var e,i;this.$$confirm.prop("disabled",!0),WPFormsUtils.triggerEvent(y,"wpformsBeforeFieldDuplicate",[o,t]).isDefaultPrevented()||(e=k.fieldDuplicateRoutine(o,!0),i=v("#wpforms-field-"+e),k.increaseNextFieldIdAjaxRequest(),WPFormsUtils.triggerEvent(y,"wpformsFieldDuplicated",[o,t,e,i]))}},cancel:{text:wpforms_builder.cancel}}})},increaseNextFieldIdAjaxRequest(){v.post(wpforms_builder.ajax_url,{form_id:m.formID,field_id:C.$nextFieldId.val(),nonce:wpforms_builder.nonce,action:"wpforms_builder_increase_next_field_id"})},fieldDuplicateRoutine(e,i=!0){var o=v("#wpforms-field-"+e),t=v("#wpforms-field-option-"+e),r=C.$sortableFieldsWrap.find(">.active"),s=C.$fieldOptions.find(">:visible"),n=s.find(">.active"),l=o.data("field-type"),a=t.attr("class"),d=k.dropdownField.helpers.isModernSelect(o.find("> .choices .primary-input"));wpf.restoreTooltips(t),d&&k.dropdownField.helpers.convertModernToClassic(e);let p=t.html();const f=o.clone(),c=parseInt(C.$nextFieldId.val(),10),m=v(`#wpforms-field-option-${e}-label`),w=(m.length?m:v(`#wpforms-field-option-${e}-name`)).val(),u=c+1,h={};var g=""!==w?w+" "+wpforms_builder.duplicate_copy:wpforms_builder.field+` #${e} `+wpforms_builder.duplicate_copy;h.fieldOptionsID=new RegExp("ID #"+e,"g"),h.fieldID=new RegExp("fields\\["+e+"\\]","g"),h.dataFieldID=new RegExp('data-field-id="'+e+'"',"g"),h.referenceID=new RegExp('data-reference="'+e+'"',"g"),h.elementID=new RegExp('\\b(id|for)="wpforms-(.*?)'+e+'(.*?)"',"ig"),o.after(f),r.removeClass("active"),f.addClass("active").attr({id:"wpforms-field-"+c,"data-field-id":c}),h.elementIdReplace=function(e,i,o,t,r,s){return`${i}="wpforms-${o}${c}${t}"`},p=(p=(p=(p=(p=p.replace(h.fieldOptionsID,"ID #"+c)).replace(h.fieldID,`fields[${c}]`)).replace(h.dataFieldID,`data-field-id="${c}"`)).replace(h.referenceID,`data-reference="${c}"`)).replace(h.elementID,h.elementIdReplace),s.hide(),t.after(`
    ${p}
    `);const b=v("#wpforms-field-option-"+c);r.data("field-id")===e&&n.length&&(o=n.attr("class").match(/wpforms-field-option-group-\S*/i)[0],s=b.find(">."+o),b.find(">").removeClass("active"),s.addClass("active")),r.data("field-id")!==e&&n.length&&(b.find(">").removeClass("active"),b.find(">.wpforms-field-option-group-basic").addClass("active")),t.find(":input").each(function(e,i){var o=v(this),t=o.attr("name");if(!t)return"continue";var t=t.replace(h.fieldID,`fields[${c}]`),r=o.attr("type");"checkbox"===r||"radio"===r?o.is(":checked")?b.find(`[name="${t}"]`).prop("checked",!0).attr("checked","checked"):b.find(`[name="${t}"]`).prop("checked",!1).attr("checked",!1):o.is("select")?o.find("option:selected").length&&(r=o.find("option:selected").val(),b.find(`[name="${t}"]`).find(`[value="${r}"]`).prop("selected",!0)):""===(r=o.val())&&o.hasClass("wpforms-money-input")?b.find(`[name="${t}"]`).val(wpf.numberFormat("0",wpforms_builder.currency_decimals,wpforms_builder.currency_decimal,wpforms_builder.currency_thousands)):b.find(`[name="${t}"]`).val(r)}),b.find(".wpforms-field-option-hidden-id").val(c),C.$nextFieldId.val(u);a=v("html"===l?`#wpforms-field-option-${c}-name`:`#wpforms-field-option-${c}-label`);return i&&a.val(g).trigger("input"),y.trigger("wpformsFieldAdd",[c,l]),wpf.initTooltips(),d&&(k.dropdownField.helpers.convertClassicToModern(e),k.dropdownField.helpers.convertClassicToModern(c)),k.fieldChoiceUpdate(f.data("field-type"),c),k.loadColorPickers(),c},addEntryPreviewAndPageBreakFields(e,o){k.fieldAdd("entry-preview",e).done(function(e){const i=e.data.field.id;k.fieldAdd("pagebreak",{position:o+1}).done(function(e){k.lockEntryPreviewFieldsPosition(i);e=v("#wpforms-field-"+e.data.field.id).nextAll(".wpforms-field-pagebreak, .wpforms-field-entry-preview").first();e.hasClass("wpforms-field-entry-preview")&&k.lockEntryPreviewFieldsPosition(e.data("field-id"))})})},lockEntryPreviewFieldsPosition(e){var i=v("#wpforms-field-"+e),o=i.prevAll(".wpforms-field-pagebreak:not(.wpforms-pagebreak-bottom)").first(),t=i.nextAll(".wpforms-field-pagebreak").first().data("field-id"),t=v("#wpforms-field-option-"+t).find(".wpforms-field-option-row-prev_toggle"),r=t.find("input");i.addClass("wpforms-field-not-draggable"),o.addClass("wpforms-field-not-draggable wpforms-field-entry-preview-not-deleted"),r.prop("checked","checked").trigger("change"),t.addClass("wpforms-entry-preview-block"),v("#wpforms-add-fields-entry-preview").removeClass("wpforms-entry-preview-adding"),y.trigger("wpformsFieldDragToggle",[e,i.data("field-type")]),y.trigger("wpformsFieldDragToggle",[o.data("field-id"),o.data("field-type")])},isEntryPreviewFieldRequiresPageBreakBefore(e,i){e=e.slice(0,i).filter(".wpforms-field-pagebreak,.wpforms-field-entry-preview");let o=!0;return e.length&&v(e.get().reverse()).each(function(){var e=v(this);return!e.hasClass("wpforms-field-entry-preview")&&(e.hasClass("wpforms-field-pagebreak")&&!e.hasClass("wpforms-field-stick")?o=!1:void 0)}),o},isEntryPreviewFieldRequiresPageBreakAfter(e,i){e=e.slice(i).filter(".wpforms-field-pagebreak,.wpforms-field-entry-preview");let o=Boolean(e.length);return e.length&&e.each(function(){var e=v(this);return!e.hasClass("wpforms-field-entry-preview")&&(e.hasClass("wpforms-field-pagebreak")?o=!1:void 0)}),o},fieldAdd(s,n){var e=v("#wpforms-add-fields-"+s);if(!(e.hasClass("upgrade-modal")||e.hasClass("education-modal")||e.hasClass("warning-modal")))if(["captcha_turnstile","captcha_hcaptcha","captcha_recaptcha","captcha_none"].includes(s))k.captchaUpdate();else{if(a=!0,WPForms.Admin.Builder.DragFields.disableDragAndDrop(),k.disableFormActions(),!k.isUncheckedEntryPreviewField(s,n))return n=v.extend({},{position:"bottom",$sortable:"base",placeholder:!1,scroll:!0,defaults:!1},n),e={action:"wpforms_new_field_"+s,id:m.formID,type:s,defaults:n.defaults,nonce:wpforms_builder.nonce},v.post(wpforms_builder.ajax_url,e,function(i){if(i.success){var o=C.$sortableFieldsWrap,t=v(i.data.preview),r=v(i.data.options);let e=n.$sortable;a=!1,t.css("display","none"),n.placeholder&&n.placeholder.remove(),"default"!==n.$sortable&&n.$sortable.length||(e=o.find(".wpforms-fields-sortable-default")),"base"!==n.$sortable&&e.length||(e=o);o=WPFormsUtils.triggerEvent(y,"wpformsBeforeFieldAddToDOM",[n,t,r,e]);o.isDefaultPrevented()||(o.skipAddFieldToBaseLevel||k.fieldAddToBaseLevel(n,t,r),t.fadeIn(),y.find(".no-fields, .no-fields-preview").remove(),v(".wpforms-field-option:not(.wpforms-field-option-layout)").length&&y.find(".wpforms-field-submit").show(),n.scroll&&n.position.length&&k.scrollPreviewToField(i.data.field.id),C.$nextFieldId.val(i.data.field.id+1),wpf.initTooltips(),k.loadColorPickers(),k.toggleAllOptionGroups(),y.trigger("wpformsFieldAdd",[i.data.field.id,s]))}else wpf.debug("Add field AJAX call is unsuccessful:",i)}).fail(function(e,i,o){a=!1,wpf.debug("Add field AJAX call failed:",e.responseText)}).always(function(){a||(WPForms.Admin.Builder.DragFields.enableDragAndDrop(),k.enableFormActions())});k.addEntryPreviewField(s,n)}},fieldAddToBaseLevel(e,i,o){var t,r=C.$sortableFieldsWrap,s=r.children(":not(.wpforms-field-drag-pending, .no-fields-preview)"),n=s.length,l=C.$fieldOptions;"top"===e.position?(r.prepend(i),l.prepend(o)):(t=s.last(),"bottom"!==e.position||t.length&&t.hasClass("wpforms-field-stick")?("bottom"===e.position&&(e.position=n),e.position===n&&t.length&&t.hasClass("wpforms-field-stick")?(n=t.data("field-id"),t.before(i),l.find("#wpforms-field-option-"+n).before(o)):(t=s.eq(e.position)).length?(n=t.data("field-id"),t.before(i),l.find("#wpforms-field-option-"+n).before(o)):(r.append(i),l.append(o))):(r.append(i),l.append(o)))},scrollPreviewToField(e){var e=v("#wpforms-field-"+e),i=C.$fieldsPreviewWrap.scrollTop(),o=e.closest(".wpforms-field-layout");let t=e.position().top;e=(t=o.length?o.position().top+t+20:t)>i?t-i:t+i;C.$fieldsPreviewWrap.scrollTop(e)},captchaUpdate(){var e={action:"wpforms_update_field_captcha",id:m.formID,nonce:wpforms_builder.nonce};return v.post(wpforms_builder.ajax_url,e,function(i){if(i.success){const o={title:!1,content:!1,icon:"fa fa-exclamation-circle",type:"orange",boxWidth:"450px",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}},t=v("#wpforms-panel-field-settings-recaptcha");let e=i.data.current;t.data("provider",i.data.provider),"configured_not_enabled"!==e&&"configured_enabled"!==e||(e=t.prop("checked")?"configured_enabled":"configured_not_enabled",o.buttons.confirm.action=function(){t.prop("checked","configured_not_enabled"===e).trigger("change")}),o.title=i.data.cases[e].title,o.content=i.data.cases[e].content,i.data.cases[e].cancel&&(o.buttons.cancel={text:wpforms_builder.cancel,keys:["esc"]}),v.confirm(o)}else console.log(i)}).fail(function(e,i,o){console.log(e.responseText)})},disableDragAndDrop(){console.warn('WARNING! Function "WPFormsBuilder.disableDragAndDrop()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.disableDragAndDrop()" function instead!'),WPForms.Admin.Builder.DragFields.disableDragAndDrop()},enableDragAndDrop(){console.warn('WARNING! Function "WPFormsBuilder.enableDragAndDrop()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.enableDragAndDrop()" function instead!'),WPForms.Admin.Builder.DragFields.enableDragAndDrop()},disableFormActions(){v.each([C.$previewButton,C.$embedButton,C.$saveButton,C.$exitButton],function(e,i){i.prop("disabled",!0).addClass("wpforms-disabled")})},enableFormActions(){v.each([C.$previewButton,C.$embedButton,C.$saveButton,C.$exitButton],function(e,i){i.prop("disabled",!1).removeClass("wpforms-disabled")})},fieldSortable(){console.warn('WARNING! Function "WPFormsBuilder.fieldSortable()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.initSortableFields()" function instead!'),WPForms.Admin.Builder.DragFields.initSortableFields()},fieldDragDisable(e,i=!0){console.warn('WARNING! Function "WPFormsBuilder.fieldDragDisable()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.fieldDragDisable()" function instead!'),WPForms.Admin.Builder.DragFields.fieldDragDisable(e,i)},fieldDragEnable(e){console.warn('WARNING! Function "WPFormsBuilder.fieldDragEnable()" has been deprecated, please use the new "WPForms.Admin.Builder.DragFields.fieldDragEnable()" function instead!'),WPForms.Admin.Builder.DragFields.fieldDragEnable(e)},fieldChoiceAdd(e,i){e.preventDefault();var e=v(i),i=e.parent(),o=i.find("input.default").is(":checked"),e=e.closest(".wpforms-field-option-row-choices").data("field-id"),t=i.parent().attr("data-next-id"),r=i.parent().data("field-type"),s=i.clone().insertAfter(i);s.attr("data-key",t),s.find("input.label").val("").attr("name","fields["+e+"][choices]["+t+"][label]"),s.find("input.value").val("").attr("name","fields["+e+"][choices]["+t+"][value]"),s.find(".wpforms-image-upload input.source").val("").attr("name","fields["+e+"][choices]["+t+"][image]"),s.find(".wpforms-icon-select input.source-icon").val(wpforms_builder.icon_choices.default_icon).attr("name","fields["+e+"][choices]["+t+"][icon]"),s.find(".wpforms-icon-select input.source-icon-style").val(wpforms_builder.icon_choices.default_icon_style).attr("name","fields["+e+"][choices]["+t+"][icon_style]"),s.find(".wpforms-icon-select .ic-fa-preview").removeClass().addClass("ic-fa-preview ic-fa-"+wpforms_builder.icon_choices.default_icon_style+" ic-fa-"+wpforms_builder.icon_choices.default_icon),s.find(".wpforms-icon-select .ic-fa-preview + span").text(wpforms_builder.icon_choices.default_icon),s.find("input.default").attr("name","fields["+e+"][choices]["+t+"][default]").prop("checked",!1),s.find(".preview").empty(),s.find(".wpforms-image-upload-add").show(),s.find(".wpforms-money-input").trigger("focusout"),!0===o&&i.find("input.default").prop("checked",!0),t++,i.parent().attr("data-next-id",t),y.trigger("wpformsFieldChoiceAdd",[e]),k.fieldChoiceUpdate(r,e)},fieldChoiceDelete(e,i){e.preventDefault();const o=v(i),t=o.parent().parent(),r=t.find("li").length,s={id:t.data("field-id"),choiceId:o.closest("li").data("key"),message:""+wpforms_builder.delete_choice_confirm+"",trigger:!1};if(y.trigger("wpformsBeforeFieldDeleteAlert",[s]),1===r)k.fieldChoiceDeleteAlert();else{const n=function(){o.parent().remove(),k.fieldChoiceUpdate(t.data("field-type"),t.data("field-id")),y.trigger("wpformsFieldChoiceDelete",[t.data("field-id")])};s.trigger?v.confirm({title:!1,content:s.message,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"],action(){n()}},cancel:{text:wpforms_builder.cancel}}}):n()}},fieldChoiceDeleteAlert(){v.alert({title:!1,content:wpforms_builder.error_choice,icon:"fa fa-info-circle",type:"blue",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})},fieldChoiceSortable(t,e=void 0){v(e=void 0!==e?e:".wpforms-field-option-"+t+" .wpforms-field-option-row-choices ul").sortable({items:"li",axis:"y",delay:100,opacity:.6,handle:".move",stop(e,i){var o=i.item.parent().data("field-id");k.fieldChoiceUpdate(t,o),y.trigger("wpformsFieldChoiceMove",i)},update(e,i){}})},fieldChoiceLabel(e,i){var o=["payment-multiple","payment-checkbox"].includes(e.settings.type),t=e.settings.choices_icons||e.settings.choices_images,r=void 0===e.settings.choices[i].label||0===e.settings.choices[i].label.length;if(r&&!o&&t)return"";t=o?wpforms_builder.payment_choice_empty_label_tpl:wpforms_builder.choice_empty_label_tpl;let s=r?t.replace("{number}",i):wpf.sanitizeHTML(e.settings.choices[i].label,wpforms_builder.allowed_label_html_tags);return e.settings.show_price_after_labels&&(s+=" - "+wpf.amountFormatCurrency(e.settings.choices[i].value)),s},fieldChoiceUpdate:(n,e,i=-1)=>{const l=k.dropdownField.helpers.isDynamicChoices(e);if(!k.replaceChoicesWithTemplate(n,e,l)){-1===i&&(i=k.settings.choicesLimitLong),"payment-select"===n&&(n="select");const a=v("#wpforms-field-"+e+" .primary-input");let s="";"select"===n?l||(s='',a.find("option").not(".placeholder").remove()):"radio"!==n&&"checkbox"!==n&&"gdpr-checkbox"!==n||(n="gdpr-checkbox"===n?"checkbox":n,a.find("li").remove(),s='
  • {label}
    • ');const t=v("#wpforms-field-option-row-"+e+"-choices .choices-list"),r=t.find("li").slice(0,i),d=!!t.find("input.default:checked").length,p=[],f=v("#wpforms-field-option-"+e+"-show_price_after_labels").prop("checked"),c=k.dropdownField.helpers.isModernSelect(a);var o;r.get().forEach(function(e){var e=v(e),i=e.find("input.value").val(),o=e.data("key");let t=wpf.sanitizeHTML(e.find("input.label").val().trim(),wpforms_builder.allowed_label_html_tags),r;if(t=""!==t?t:wpforms_builder.choice_empty_label_tpl.replace("{number}",o),t+=f&&i?" - "+wpf.amountFormatCurrency(i):"",c?p.push({value:t,label:t}):l||(r=v(s.replace(/{label}/g,t)),a.append(r)),!0===e.find("input.default").is(":checked"))switch(n){case"select":c?p[p.length-1].selected=!0:k.setClassicSelectedChoice(r);break;case"radio":case"checkbox":r.find("input").prop("checked","true")}}),c&&(i=a.prop("multiple")?"input.choices__input":".choices__inner .choices__placeholder",o=k.dropdownField.helpers.getInstance(a),l||o.removeActiveItems(),o.setChoices(p,"value","label",!0),k.dropdownField.helpers.update(e,l),a.closest(".choices").find(i).toggleClass("wpforms-hidden",d))}},replaceChoicesWithTemplate:(e,i,o)=>{if("radio"!==e&&"checkbox"!==e&&"payment-multiple"!==e&&"payment-checkbox"!==e)return!1;var t=wpf.getChoicesOrder(i),r=wp.template("wpforms-field-preview-checkbox-radio-payment-multiple");const s=wpf.getField(i),n={},l=t.slice(0,k.settings.choicesLimit),a={settings:s,order:l,type:"radio"};return s.choices_icons&&(a.settings.choices_icons_color=k.getValidColorPickerValue(v("#wpforms-field-option-"+i+"-choices_icons_color"))),l.forEach(function(e){n[e]=s.choices[e]}),s.choices=n,"checkbox"!==e&&"payment-checkbox"!==e||(a.type="checkbox"),o||v("#wpforms-field-"+i).find("ul.primary-input").replaceWith(r(a)),k.firstNChoicesAlert(i,t.length),!0},setClassicSelectedChoice(e){void 0!==e&&e.prop("selected","true")},fieldChoiceBulkAddToggle(i){var i=v(i),o=i.closest("label");if(i.hasClass("bulk-add-showing")){const e=o.next(".bulk-add-display");e.slideUp(400,function(){e.remove()}),i.find("span").text(wpforms_builder.bulk_add_show)}else{let e='
    ';e=e+('

    '+wpforms_builder.bulk_add_heading+' '+wpforms_builder.bulk_add_presets_show+"

    ")+"")+(''))+('")+"
    ",o.after(e),o.next(".bulk-add-display").slideDown(400,function(){v(this).find("textarea").trigger("focus")}),i.find("span").text(wpforms_builder.bulk_add_hide)}i.toggleClass("bulk-add-showing")},fieldChoiceBulkAddInsert(e){var i,e=v(e),o=e.closest(".wpforms-field-option-row"),t=o.find("textarea"),r=o.find(".choices-list"),s=r.find("li:first-of-type").clone().wrap("
    ").parent(),n=o.data("field-id"),l=r.data("field-type");let a=Number(r.attr("data-next-id"));var d=t.val().split("\n");let p="";e.prop("disabled",!0).html(e.html()+" "+m.spinner),s.find("input.value,input.label").attr("value",""),s.find("input.default").attr("checked",!1),s.find("input.source-icon").attr("value",wpforms_builder.icon_choices.default_icon),s.find("input.source-icon-style").attr("value",wpforms_builder.icon_choices.default_icon_style),s.find(".ic-fa-preview").removeClass().addClass(`ic-fa-preview ic-fa-${wpforms_builder.icon_choices.default_icon_style} ic-fa-`+wpforms_builder.icon_choices.default_icon),s.find(".ic-fa-preview + span").text(wpforms_builder.icon_choices.default_icon),i=s.html();for(const c in d)if(d.hasOwnProperty(c)){var f=wpf.sanitizeHTML(d[c]).trim().replace(/"/g,""");let e=i;e=(e=(e=(e=e.replace(/\[choices\]\[(\d+)\]/g,"[choices]["+a+"]")).replace(/data-key="(\d+)"/g,'data-key="'+a+'"')).replace(/value="" class="label"/g,'value="'+f+'" class="label"')).replace(/class="label" type="text" value=""/g,'class="label" type="text" value="'+f+'"'),p+=e,a++}r.attr("data-next-id",a).append(p),k.fieldChoiceUpdate(l,n,a),y.trigger("wpformsFieldChoiceAdd"),k.fieldChoiceBulkAddToggle(o.find(".toggle-bulk-add-display"))},triggerBuilderEvent(e){y.trigger(e)},fieldTabToggle(e){var i;if(WPFormsUtils.triggerEvent(y,"wpformsFieldTabToggle",[e]).isDefaultPrevented())return!1;v(".wpforms-tab a").removeClass("active"),v(".wpforms-field, .wpforms-title-desc").removeClass("active"),"add-fields"===e?(C.$addFieldsTab.addClass("active"),v(".wpforms-field-options").hide(),v(".wpforms-add-fields").show()):(v("#field-options a").addClass("active"),"field-options"===e?((i=v(".wpforms-field").first()).addClass("active"),e=i.data("field-id")):v("#wpforms-field-"+e).addClass("active"),v(".wpforms-field-option").hide(),v("#wpforms-field-option-"+e).show(),v(".wpforms-add-fields").hide(),v(".wpforms-field-options").show(),y.trigger("wpformsFieldOptionTabToggle",[e]))},fieldPagebreakAdd(e,i,o){if("pagebreak"===o){let e;m.pagebreakTop?m.pagebreakBottom||(m.pagebreakBottom=!0,e={position:"bottom",scroll:!1,defaults:{position:"bottom"}},k.fieldAdd("pagebreak",e).done(function(e){m.pagebreakBottom=e.data.field.id;var i=v("#wpforms-field-"+e.data.field.id);v("#wpforms-field-option-"+e.data.field.id).find(".wpforms-field-option-group").addClass("wpforms-pagebreak-bottom"),i.addClass("wpforms-field-stick wpforms-pagebreak-bottom")})):(m.pagebreakTop=!0,e={position:"top",scroll:!1,defaults:{position:"top",nav_align:"left"}},k.fieldAdd("pagebreak",e).done(function(e){m.pagebreakTop=e.data.field.id;var i=v("#wpforms-field-"+e.data.field.id);v("#wpforms-field-option-"+e.data.field.id).find(".wpforms-field-option-group").addClass("wpforms-pagebreak-top"),i.addClass("wpforms-field-stick wpforms-pagebreak-top")}))}},fieldPagebreakDelete(e,i,o){var t,r,s;"pagebreak"!==o||v("#wpforms-panel-fields .wpforms-field-pagebreak").not(".wpforms-pagebreak-top, .wpforms-pagebreak-bottom").length||(r=(t=(o=v("#wpforms-panel-fields .wpforms-preview-wrap")).find(".wpforms-pagebreak-top")).data("field-id"),s=(o=o.find(".wpforms-pagebreak-bottom")).data("field-id"),t.remove(),v("#wpforms-field-option-"+r).remove(),m.pagebreakTop=!1,o.remove(),v("#wpforms-field-option-"+s).remove(),m.pagebreakBottom=!1)},fieldPageBreakInitDisplayPrevious(e){var i=e.data("field-id"),o=v("#wpforms-field-option-row-"+i+"-prev_toggle"),i=v("#wpforms-field-option-row-"+i+"-prev"),t=e.find(".wpforms-pagebreak-prev");0":">")+f[e].label+"",c.append(t)}else for(e in i="radio",n.hasClass("wpforms-field-checkbox")&&(i="checkbox"),c.empty(),f)t='
  • ":">")+f[e].label+"
    • ",c.append(t);o.find("ul").removeClass("wpforms-hidden"),o.find(".wpforms-alert").addClass("wpforms-hidden"),c.removeClass("wpforms-hidden")}wpf.fieldOptionLoading(r,!0)}},fieldDynamicChoiceSource(e){const i=v(e),o=i.parent(),t=i.val(),r=o.data("field-id"),s=v("#wpforms-builder-form").data("id"),n=v("#wpforms-field-option-row-"+r+"-choices"),l=v("#wpforms-field-"+r),a=v("#wpforms-field-option-"+r+"-dynamic_choices option:selected").val();let d=20;wpf.fieldOptionLoading(o);e={type:a,source:t,field_id:r,form_id:s,action:"wpforms_builder_dynamic_source",nonce:wpforms_builder.nonce};v.post(wpforms_builder.ajax_url,e,function(i){if(i.success){if(n.find(".dynamic-name").text(i.data.source_name),n.find(".dynamic-type").text(i.data.type_name),n.find("ul").addClass("wpforms-hidden"),n.find(".wpforms-alert").removeClass("wpforms-hidden"),k.fieldDynamicChoiceSourceItems(l,i.data.items),l.hasClass("wpforms-field-select")&&(d=200),l.find(".wpforms-notice-dynamic-empty").remove(),Number(i.data.total)>d){let e=wpforms_builder.dynamic_choices.limit_message;e=(e=(e=(e=e.replace("{source}",i.data.source_name)).replace("{type}",i.data.type_name)).replace("{limit}",d)).replace("{total}",i.data.total),v.alert({title:wpforms_builder.heads_up,content:e,icon:"fa fa-info-circle",type:"blue",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})}k.firstNChoicesAlert(r,i.data.total),0===Number(i.data.total)&&k.emptyChoicesNotice(r,i.data.source_name,i.data.type)}else console.log(i);wpf.fieldOptionLoading(o,!0)}).fail(function(e,i,o){console.log(e.responseText)})},fieldDynamicChoiceSourceItems(i,o){var t=i.find(".primary-input");let r=0;if(i.hasClass("wpforms-field-select"))k.dropdownField.helpers.isModernSelect(t)?k.fieldDynamicChoiceSourceForModernSelect(t,o):k.fieldDynamicChoiceSourceForClassicSelect(t,o);else{let e="radio";for(r in i.hasClass("wpforms-field-checkbox")&&(e="checkbox"),t.empty(),o)t.append('
  • '+wpf.sanitizeHTML(o[r])+"
    • ")}},fieldDynamicChoiceSourceForModernSelect(e,i){var o=k.dropdownField.helpers.getInstance(e),t=e.closest(".wpforms-field").data().fieldId;o.destroy(),k.dropdownField.helpers.updatePlaceholderChoice(o,t),k.fieldDynamicChoiceSourceForClassicSelect(e,i),k.dropdownField.events.choicesInit(e)},fieldDynamicChoiceSourceForClassicSelect(e,i){let o=0;var t=i.length;for(e.find("option").not(".placeholder").remove();o'+r+"")}e.toggleClass("wpforms-hidden",!t)},fieldDynamicChoiceToggleImageChoices(){v("#wpforms-builder .wpforms-field-options .wpforms-field-option").each(function(e,i){var i=v(i),o=i.find(".wpforms-field-option-row-dynamic_choices select").val(),o=void 0!==o&&""!==o,t=i.find(".wpforms-field-option-row-choices_images input").is(":checked");i.find(".wpforms-field-option-row-choices_images").toggleClass("wpforms-hidden",o),t&&!o||i.find(".wpforms-field-option-row-choices_images_style").addClass("wpforms-hidden")})},fieldDynamicChoiceToggleIconChoices(){v("#wpforms-builder .wpforms-field-options .wpforms-field-option").each(function(e,i){var i=v(i),o=i.find(".wpforms-field-option-row-dynamic_choices select").val(),o=void 0!==o&&""!==o,t=i.find(".wpforms-field-option-row-choices_icons input").is(":checked");i.find(".wpforms-field-option-row-choices_icons").toggleClass("wpforms-hidden",o),t&&!o||(i.find(".wpforms-field-option-row-choices_icons_color").addClass("wpforms-hidden"),i.find(".wpforms-field-option-row-choices_icons_size").addClass("wpforms-hidden"),i.find(".wpforms-field-option-row-choices_icons_style").addClass("wpforms-hidden"))})},firstNChoicesAlert:(e,i)=>{var o,t,r,e=v("#wpforms-field-"+e);e.hasClass("wpforms-field-select")||(o=wp.template("wpforms-choices-limit-message"),t={total:i},r=k.settings.choicesLimit,e.find(".wpforms-alert-dynamic").remove(),r .layout-selector-display`);if(!e.length){var t={"layout-1":[{class:"one-half",data:"wpforms-one-half wpforms-first"},{class:"one-half",data:"wpforms-one-half"}],"layout-2":[{class:"one-third",data:"wpforms-one-third wpforms-first"},{class:"one-third",data:"wpforms-one-third"},{class:"one-third",data:"wpforms-one-third"}],"layout-3":[{class:"one-fourth",data:"wpforms-one-fourth wpforms-first"},{class:"one-fourth",data:"wpforms-one-fourth"},{class:"one-fourth",data:"wpforms-one-fourth"},{class:"one-fourth",data:"wpforms-one-fourth"}],"layout-4":[{class:"one-third",data:"wpforms-one-third wpforms-first"},{class:"two-third",data:"wpforms-two-thirds"}],"layout-5":[{class:"two-third",data:"wpforms-two-thirds wpforms-first"},{class:"one-third",data:"wpforms-one-third"}],"layout-6":[{class:"one-fourth",data:"wpforms-one-fourth wpforms-first"},{class:"one-fourth",data:"wpforms-one-fourth"},{class:"two-fourth",data:"wpforms-two-fourths"}],"layout-7":[{class:"two-fourth",data:"wpforms-two-fourths wpforms-first"},{class:"one-fourth",data:"wpforms-one-fourth"},{class:"one-fourth",data:"wpforms-one-fourth"}],"layout-8":[{class:"one-fourth",data:"wpforms-one-fourth wpforms-first"},{class:"two-fourth",data:"wpforms-two-fourths"},{class:"one-fourth",data:"wpforms-one-fourth"}]};let e,i=`
    +

    ${wpforms_builder.layout_selector_layout}

    +
    `;for(const r in t){e=t[r],i+='
    ';for(const s in e)i+=``;i+="
    "}i+="
    ",v(`#wpforms-field-option-row-${o}-css > label`).after(i)}},fieldLayoutSelectorLayout(e){e=v(e);e.parent().find(".layout-selector-display-layout").not(e).remove(),e.parent().find(".heading").text(wpforms_builder.layout_selector_column),e.toggleClass("layout-selector-display-layout layout-selector-display-columns")},fieldLayoutSelectorInsert(e){const i=v(e),o=i.closest(".layout-selector-display"),t=o.parent(),r=t.data("field-id"),s=t.find("label"),n=t.find("input[type=text]");let l=i.data("classes"),a=n.val();a&&(["wpforms-one-half","wpforms-first","wpforms-one-third","wpforms-one-fourth","wpforms-two-thirds","wpforms-two-fourths"].forEach(e=>{a=a.replace(new RegExp("\\b"+e+"\\b","gi"),"")}),a=a.replace(/\s\s+/g," ").trim(),l+=" "+a),n.val(l),o.slideUp(400,function(){o.remove(),k.fieldLayoutSelectorInit(r)}),s.find(".toggle-layout-selector-display").removeClass("layout-selector-showing"),s.find(".toggle-layout-selector-display span").text(wpforms_builder.layout_selector_show)},toggleOrderSummaryConfirmation(e,i,o){"payment-total"===o&&v(".wpforms-confirmation").each(function(){v(this).find(".wpforms-panel-field-confirmations-message_order_summary").closest(".wpforms-panel-field").toggle(0!==v("#wpforms-panel-fields .wpforms-field-payment-total").length)})},bindUIActionsSettings(){y.on("click","#wpforms-panel-fields .wpforms-title-desc, #wpforms-panel-fields .wpforms-field-submit-button, .wpforms-center-form-name",function(e){e.preventDefault(),k.panelSwitch("settings"),(v(this).hasClass("wpforms-center-form-name")||v(this).hasClass("wpforms-title-desc"))&&setTimeout(function(){v("#wpforms-panel-field-settings-form_title").trigger("focus")},300)}),y.on("click",".wpforms-field-pagebreak-last button",function(e){e.preventDefault(),k.panelSwitch("settings"),v("#wpforms-panel-field-settings-pagebreak_prev").trigger("focus")}),y.on("click",".wpforms-panel-content-also-available-item-add-captcha",function(e){e.preventDefault();e=y.find("#wpforms-add-fields-captcha");e.data("action")?e.trigger("click"):k.fieldAdd("captcha",{}).done(function(e){k.panelSwitch("fields"),v("#wpforms-field-"+e.data.field.id).trigger("click")})}),y.on("input","#wpforms-panel-field-settings-pagebreak_prev",function(){v(".wpforms-field-pagebreak-last button").text(v(this).val())}),y.on("input","#wpforms-panel-field-settings-form_title, #wpforms-setup-name",function(){var e=v(this).val().toString().trim();v(".wpforms-preview .wpforms-form-name").text(e),v(".wpforms-center-form-name.wpforms-form-name").text(e),k.trimFormTitle()}),y.on("input","#wpforms-panel-field-settings-form_desc",function(){v(".wpforms-form-desc").text(v(this).val())}),y.on("input","#wpforms-panel-field-settings-submit_text",function(){var e=v(this).val()||wpforms_builder.submit_text;v(".wpforms-field-submit input[type=submit]").val(e)}),y.on("change","#wpforms-panel-field-settings-recaptcha",function(){k.captchaToggle()}),y.on("change",".wpforms-panel-field-confirmations-type",function(){k.confirmationFieldsToggle(v(this))}),y.on("change",".wpforms-panel-field-confirmations-message_entry_preview",k.confirmationEntryPreviewToggle),y.on("change","#wpforms-panel-field-settings-notification_enable",k.notificationToggle),y.on("click",".wpforms-builder-settings-block-add",function(e){e.preventDefault(),wpforms_builder.pro&&k.settingsBlockAdd(v(this))}),y.on("click",".wpforms-builder-settings-block-edit",function(e){e.preventDefault();e=v(this);e.parents(".wpforms-builder-settings-block-header").find(".wpforms-builder-settings-block-name").hasClass("editing")?k.settingsBlockNameEditingHide(e):k.settingsBlockNameEditingShow(e)}),y.on("blur",".wpforms-builder-settings-block-name-edit input",function(e){v(e.relatedTarget).hasClass("wpforms-builder-settings-block-edit")||k.settingsBlockNameEditingHide(v(this))}),y.on("keypress",".wpforms-builder-settings-block-name-edit input",function(e){13===e.keyCode&&(k.settingsBlockNameEditingHide(v(this)),e.preventDefault())}),y.on("click",".wpforms-builder-settings-block-clone",function(e){e.preventDefault(),k.settingsBlockPanelClone(v(this))}),y.on("click",".wpforms-builder-settings-block-toggle",function(e){e.preventDefault(),k.settingsBlockPanelToggle(v(this))}),y.on("click",".wpforms-builder-settings-block-delete",function(e){e.preventDefault(),k.settingsBlockDelete(v(this))}),y.on("wpformsSettingsBlockAdded wpformsSettingsBlockCloned",function(e,i){i.hasClass("wpforms-notification")&&(k.notificationsUpdateElementsVisibility(),k.notificationUpdateStatus(i))}),y.on("wpformsSettingsBlockDeleted",function(e,i){"notification"===i&&k.notificationsUpdateElementsVisibility()}),y.on("change",".js-wpforms-enabled-notification input",function(){k.notificationUpdateStatus(v(this).closest(".wpforms-notification"))}),y.on("change","#wpforms-panel-field-settings-ajax_submit",function(){k.hideOpenConfirmationsInNewTabOptions(!v(this).is(":checked"))})},hideOpenConfirmationsInNewTabOptions(e){var i=y.find(".wpforms-panel-content-section-confirmation").find(".wpforms-builder-settings-block").find(".wpforms-panel-field-confirmations-redirect_new_tab");i.length&&i.each(function(){v(this).closest(".wpforms-panel-field").toggle(!e)})},captchaToggle(){var e=y.find(".wpforms-field-recaptcha"),i=v("#wpforms-panel-field-settings-recaptcha"),o=i.data("provider")||"recaptcha";e.length&&(i.is(":checked")?e.show().toggleClass("is-recaptcha","recaptcha"===o):e.hide())},initConfirmationsType(){v(".wpforms-panel-field-confirmations-type").each(function(){k.confirmationFieldsToggle(v(this))})},initElementsTinyMCE(e){"undefined"!=typeof tinymce&&void 0!==wp.editor&&e.each(function(){var e=v(this).attr("id");wp.editor.remove(e),wp.editor.initialize(e,m.tinymceDefaults)})},confirmationsSetup(){k.initConfirmationsType(),k.initElementsTinyMCE(v(".wpforms-panel-field-confirmations-message")),y.on("focusout",".wpforms-panel-field-confirmations-redirect",function(e){const i=v(this);var o=i.val().trim();i.val(o),wpf.isURL(o)||""===o||k.confirmationRedirectValidationError(function(){i.trigger("focus")})}),y.on("wpformsBeforeSave wpformsPanelSectionSwitch wpformsPanelSwitch",function(t){v(".wpforms-confirmation").each(function(e,i){i=v(i);const o=i.find(".wpforms-panel-field-confirmations-redirect");if(!o.is(":hidden")){i=i.find(".wpforms-panel-field-confirmations-type");if(!("redirect"!==i.val()||0',o='

    '+wpforms_builder[f+"_error"]+"

    ",t=e+i+o,r=v.confirm({container:y,title:!1,content:t,icon:"fa fa-info-circle",type:"blue",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"],action(){var e=this.$content.find("input#settings-block-name").val().toString().trim(),i=this.$content.find(".error");if(""===e)return i.show(),!1;var i=a.closest(".wpforms-panel-content-section").find(".wpforms-builder-settings-block").first(),o=(wpf.restoreTooltips(i),i.clone()),t=i.data("block-id");let r;o.attr("data-block-id",d),o.find(".wpforms-builder-settings-block-header span").text(e);o.find("input, textarea, select").each(function(){var e=v(this),i=e.parent();e.hasClass("wpforms-disabled")&&(i.hasClass("from-name")||i.hasClass("from-email"))||(i=e).attr("name")&&(i.val("").attr("name",i.attr("name").replace(/\[(\d+)\]/,"["+d+"]")),i.is("select")?(i.find("option").prop("selected",!1).attr("selected",!1),i.find("option").first().prop("selected",!0).attr("selected","selected")):"checkbox"===i.attr("type")?(e=i.closest(".wpforms-panel-field").hasClass("js-wpforms-enabled-notification"),i.prop("checked",e).attr("checked",e).val("1")):i.val("").attr("value",""))});const s="wpforms-panel-field-"+p+"-",n=s+t,l=(o.find('[id^="'+n+'"], [for^="'+n+'"]').each(function(e,i){var o=v(this),t="LABEL"===o.prop("tagName")?"for":"id",r=o.attr(t).replace(new RegExp(n,"g"),s+d);o.attr(t,r)}),t+"-notification-by-status");o.find('[data-radio-group="'+l+'"]').each(function(e,i){v(this).removeClass("wpforms-radio-group-"+l).addClass("wpforms-radio-group-"+d+"-notification-by-status").attr("data-radio-group",d+"-notification-by-status")}),o.find(".wpforms-builder-settings-block-header input").val(e).attr("value",e),"notification"===f&&(o.find(".email-msg textarea").val("{all_fields}").attr("value","{all_fields}"),o.find(".email-recipient input").val("{admin_email}").attr("value","{admin_email}")),o.removeClass("wpforms-builder-settings-block-default"),"confirmation"===f&&(o.find(".wpforms-panel-field-tinymce").remove(),"undefined"!=typeof WPForms)&&o.find(".wpforms-panel-field-confirmations-type-wrap").after(WPForms.Admin.Builder.Templates.get("wpforms-builder-confirmations-message-field")({id:d}));t=o.find(".wpforms-conditional-block"),t.length&&"undefined"!=typeof WPForms&&t.html(WPForms.Admin.Builder.Templates.get("wpforms-builder-conditional-logic-toggle-field")({id:d,type:f,actions:JSON.stringify(o.find(".wpforms-panel-field-conditional_logic-checkbox").data("actions")),actionDesc:o.find(".wpforms-panel-field-conditional_logic-checkbox").data("action-desc"),reference:o.find(".wpforms-panel-field-conditional_logic-checkbox").data("reference")})),e=o.find(".wpforms-field-map-table"),e.length&&e.each(function(e,i){var i=v(i),o=(i.find("tr:not(:first-child)").remove(),i.find(".key input")),i=i.find(".field select"),t=i.data("name");o.attr("value",""),i.attr("name","").attr("data-name",t.replace(/\[(\d+)\]/,"["+d+"]"))}),r=(r=o.wrap("
    ").parent().html()).replace(/\[conditionals\]\[(\d+)\]\[(\d+)\]/g,"[conditionals][0][0]"),i.before(r),t=i.prev();"confirmation"===f&&(k.prepareChoicesJSField(t,d),k.confirmationFieldsToggle(v(".wpforms-panel-field-confirmations-type").first())),"undefined"!=typeof tinymce&&void 0!==wp.editor&&"confirmation"===f&&wp.editor.initialize("wpforms-panel-field-confirmations-message-"+d,m.tinymceDefaults),wpf.initTooltips(),y.trigger("wpformsSettingsBlockAdded",[t]),a.attr("data-next-id",d+1)}},cancel:{text:wpforms_builder.cancel}}});y.on("keypress","#settings-block-name",function(e){13===e.keyCode&&v(r.buttons.confirm.el).trigger("click")})},prepareChoicesJSField(e,i){var o,e=e.find(`#wpforms-panel-field-confirmations-${i}-page-wrap`);e.length<=0||(i=e.find(`#wpforms-panel-field-confirmations-${i}-page`)).length<=0&&!i.hasClass("choicesjs-select")||(o=e.find(".choices")).length<=0||((i=i.first()).removeAttr("data-choice"),i.removeAttr("hidden"),i.removeClass("choices__input"),v(i).appendTo(e.first()),o.first().remove(),k.dropdownField.events.choicesInit(i))},settingsBlockNameEditingShow(e){e=e.parents(".wpforms-builder-settings-block-header");e.find(".wpforms-builder-settings-block-name").addClass("editing").hide(),e.find(".wpforms-builder-settings-block-name-edit").addClass("active"),wpf.focusCaretToEnd(e.find("input"))},settingsBlockNameEditingHide(e){var i=e.parents(".wpforms-builder-settings-block-header"),o=i.find(".wpforms-builder-settings-block-name"),i=i.find(".wpforms-builder-settings-block-name-edit");let t=i.find("input").val().trim();e=e.closest(".wpforms-builder-settings-block").data("block-type");t.length||(t=wpforms_builder[e+"_def_name"]),i.find("input").val(t),o.text(t),o.removeClass("editing").show(),i.removeClass("active")},settingsBlockPanelClone(e){const i=e.closest(".wpforms-panel-content-section"),o=i.find(".wpforms-builder-settings-block-add"),t=e.closest(".wpforms-builder-settings-block"),r=t.find(".wpforms-builder-settings-block-content"),s=parseInt(o.attr("data-next-id"),10),n=t.data("block-type"),l=t.find(".wpforms-builder-settings-block-name").text().trim()+wpforms_builder[n+"_clone"],a=r.is(":hidden"),d=(wpf.restoreTooltips(t),t.clone(!1,!0));k.settingsBlockUpdateState(a,s,n),d.data("block-id",s),d.find(".wpforms-builder-settings-block-header span").text(l),d.find(".wpforms-builder-settings-block-header input").val(l),d.removeClass("wpforms-builder-settings-block-default"),o.attr("data-next-id",s+1),d.find("input, textarea, select").each(function(){var e=v(this);e.attr("name")&&e.attr("name",e.attr("name").replace(/\[(\d+)\]/,"["+s+"]")),e.data("name")&&e.data("name",e.data("name").replace(/\[(\d+)\]/,"["+s+"]")),e.attr("class")&&e.attr("class",e.attr("class").replace(/-(\d+)/,"-"+s)),e.attr("data-radio-group")&&e.attr("data-radio-group",e.attr("data-radio-group").replace(/(\d+)-/,s+"-"))}),d.find("*").each(function(){var e=v(this);e.attr("id")&&e.attr("id",e.attr("id").replace(/-(\d+)/,"-"+s)),e.attr("for")&&e.attr("for",e.attr("for").replace(/-(\d+)-/,"-"+s+"-")),e.data("input-name")&&e.data("input-name",e.data("input-name").replace(/\[(\d+)\]/,"["+s+"]"))}),t.find("select").each(function(){var e=v(this).attr("name"),i=v(this).attr("name").replace(/\[(\d+)\]/,"["+s+"]");d.find('select[name="'+i+'"]').val(v(this).attr("name",e).val())}),d.css("display","none").insertBefore(t).show("fast",function(){wpf.initTooltips()}),y.trigger("wpformsSettingsBlockCloned",[d,t.data("block-id")])},settingsBlockPanelToggle(e){const i=e.closest(".wpforms-builder-settings-block"),o=i.data("block-id"),t=i.data("block-type"),r=i.find(".wpforms-builder-settings-block-content"),s=r.is(":visible");r.stop().slideToggle({duration:400,start(){k.settingsBlockUpdateState(s,o,t)},always(){r.is(":visible")?e.html(''):e.html('')}})},settingsBlockDelete(e){var i=e.closest(".wpforms-panel-content-section");if(!(i.find(".wpforms-builder-settings-block").length<2)){const o=e.closest(".wpforms-builder-settings-block"),t=o.data("block-type");v.confirm({title:!1,content:wpforms_builder[t+"_delete"],icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"],action(){var e=o.data("block-id"),i=o.data("block-type");v.post(wpforms_builder.ajax_url,{action:"wpforms_builder_settings_block_state_remove",nonce:wpforms_builder.nonce,block_id:e,block_type:i,form_id:m.formID}),o.remove(),y.trigger("wpformsSettingsBlockDeleted",[t,e])}},cancel:{text:wpforms_builder.cancel}}})}},settingsBlockUpdateState(e,i,o){v.post(wpforms_builder.ajax_url,{action:"wpforms_builder_settings_block_state_save",state:e?"closed":"opened",form_id:m.formID,block_id:i,block_type:o,nonce:wpforms_builder.nonce})},notificationsUpdateElementsVisibility(){var e=v(".wpforms-panel-content-section-notifications .wpforms-notification"),i=e.find(".wpforms-builder-settings-block-status"),o=1"+e+"

    "+wpforms_builder.error_contact_support+"

    ",icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}})},formExit(){k.isBuilderInPopup()&&k.formIsSaved()?k.builderInPopupClose("saved"):k.formIsSaved()?l.location.href=wpforms_builder.exit_url:v.confirm({title:!1,content:wpforms_builder.exit_confirm,icon:"fa fa-exclamation-circle",type:"orange",closeIcon:!0,buttons:{confirm:{text:wpforms_builder.save_exit,btnClass:"btn-confirm",keys:["enter"],action(){k.formSave(!0)}},cancel:{text:wpforms_builder.exit,action(){o=!1,k.isBuilderInPopup()?k.builderInPopupClose("canceled"):l.location.href=wpforms_builder.exit_url}}}})},setCloseConfirmation(e){o=!!e},formIsSaved(){return wpf.savedState===wpf.getFormState("#wpforms-builder-form")},isBuilderInPopup(){return l.self!==l.parent&&"wpforms-builder-iframe"===l.self.frameElement.id},builderInPopupClose(e){var i=l.parent.jQuery(".wpforms-builder-popup"),o=v(".wpforms-center-form-name").text();i.find("#wpforms-builder-iframe").attr("src","about:blank"),i.fadeOut(),i.trigger("wpformsBuilderInPopupClose",[e,m.formID,o])},bindUIActionsGeneral(){y.on("click",".toggle-smart-tag-display",k.smartTagToggle),y.on("click",".smart-tags-list-display a",k.smartTagInsert),y.on("click",".wpforms-panel-fields-group.unfoldable .wpforms-panel-fields-group-title",k.toggleUnfoldableGroup),y.on("click",".wpforms-field-helper-hide ",k.hideFieldHelper),y.on("input",".wpforms-field-map-table .key-source",function(){var e=v(this).val(),i=v(this).parent().parent().find(".key-destination"),o=i.data("name");e&&i.attr("name",o.replace("{source}",e.replace(/[^0-9a-zA-Z_-]/gi,"")))}),y.on("click",".wpforms-field-map-table .remove",function(e){e.preventDefault(),k.fieldMapTableDeleteRow(e,v(this))}),y.on("click",".wpforms-field-map-table .add",function(e){e.preventDefault(),k.fieldMapTableAddRow(e,v(this))}),v(r).on("wpformsFieldUpdate",k.fieldMapSelect),y.on("input",".wpforms-money-input",function(e){var i=v(this),o=i.val(),t=i[0].selectionStart,r=i[0].selectionEnd;i.val(o.replace(/[^0-9.,]/g,"")),i[0].setSelectionRange(t,r)}),y.on("focusout",".wpforms-money-input",function(e){var i=v(this),o=i.val();if(!o)return o;o=wpf.amountSanitize(o),o=wpf.amountFormat(o);i.val(o)}),y.on("change",".wpforms-panel-field-toggle",function(){var e=v(this);e.prop("disabled")||(e.prop("disabled",!0),k.toggleOptionsGroup(e))}),y.on("change",k.getPaymentsTogglesSelector(),function(e){var i=v(this),o=i.attr("id").replace(/wpforms-panel-field-|-enable|_one_time|_recurring/gi,""),t=v('.wpforms-panel-content-section-notifications [id*="-'+o+'-wrap"]');i.prop("checked")||v("#wpforms-panel-field-"+o+"-enable_one_time").prop("checked")||v("#wpforms-panel-field-"+o+"-enable_recurring").prop("checked")?v("#wpforms-panel-field-settings-disable_entries").prop("checked")?(v.confirm({title:wpforms_builder.heads_up,content:wpforms_builder.payments_entries_off,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}}),i.prop("checked",!1)):t.removeClass("wpforms-hidden"):(t.addClass("wpforms-hidden"),t.find('input[id*="-'+o+'"]').prop("checked",!1))}),y.on("change","#wpforms-panel-field-settings-disable_entries",function(e){var i=v(this);v("#wpforms-panel-field-settings-store_spam_entries-wrap").toggleClass("wpforms-hidden",i.prop("checked")),i.prop("checked")&&(k.isPaymentsEnabled()?(v.confirm({title:wpforms_builder.heads_up,content:wpforms_builder.payments_on_entries_off,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}}),i.prop("checked",!1)):v.alert({title:wpforms_builder.heads_up,content:wpforms_builder.disable_entries,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}}}))}),y.on("click",".wpforms-image-upload-add",function(e){e.preventDefault();const o=v(this),t=o.parent(),r=wpf.initMediaLibrary({title:wpforms_builder.upload_image_title,extensions:wpforms_builder.upload_image_extensions,extensionsError:wpforms_builder.upload_image_extensions_error,buttonText:wpforms_builder.upload_image_button});r.on("select",function(){var e=r.state().get("selection").first().toJSON(),i=t.find(".preview");t.find(".source").val(e.url),i.empty(),i.prepend(''),"hide"===o.data("after-upload")&&o.hide(),y.trigger("wpformsImageUploadAdd",[o,t])}).on("close",function(){r.off("library:selection:add")}),r.open()}),y.on("click",".wpforms-image-upload-remove",function(e){e.preventDefault();e=v(this).parent().parent();e.find(".preview").empty(),e.find(".wpforms-image-upload-add").show(),e.find(".source").val(""),y.trigger("wpformsImageUploadRemove",[v(this),e])}),y.on("blur",".wpforms-notification .wpforms-panel-field-text input",function(){k.validateEmailSmartTags(v(this))}),y.on("blur",".wpforms-notification .wpforms-panel-field-textarea textarea",function(){k.validateEmailSmartTags(v(this))}),y.on("focusout",".wpforms-notification .wpforms-panel-field.js-wpforms-from-email-validation input",k.validateFromEmail),y.on("wpformsPanelSectionSwitch",k.notificationsPanelSectionSwitch),y.on("click","#wpforms-builder-mobile-notice .wpforms-fullscreen-notice-button-primary, #wpforms-builder-mobile-notice .close",function(){l.location.href=wpforms_builder.exit_url}),y.on("click","#wpforms-builder-mobile-notice .wpforms-fullscreen-notice-button-secondary",function(){l.location.href=wpf.updateQueryString("force_desktop_view",1,l.location.href)}),v("#wpforms-builder-license-alert .close").on("click",function(){l.location.href=wpforms_builder.exit_url}),v("#wpforms-builder-license-alert .dismiss").on("click",function(e){e.preventDefault(),v("#wpforms-builder-license-alert").remove(),wpCookies.set("wpforms-builder-license-alert","true",3600)}),y.on("change","#wpforms-panel-field-settings-akismet.wpforms-akismet-disabled",function(e){const i=v(this),o=i.data("akismet-status");i.prop("checked")&&v.alert({title:wpforms_builder.heads_up,content:wpforms_builder[o],icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"]}},onClose(){i.prop("checked",!1)}})}),y.on("wpformsPanelSectionSwitch wpformsPanelSwitched",function(){wpf.reInitShowMoreChoices(v("#wpforms-panel-providers, #wpforms-panel-settings"))})},notificationsPanelSectionSwitch(e,i){"notifications"===i&&v(".wpforms-notification .wpforms-panel-field.js-wpforms-from-email-validation input").trigger("focusout")},isPaymentsEnabled(){let e=!1;return v(k.getPaymentsTogglesSelector()).each(function(){if(v(this).prop("checked"))return!(e=!0)}),e},getPaymentsTogglesSelector(){return`.wpforms-panel-content-section-payment-toggle-one-time input, + .wpforms-panel-content-section-payment-toggle-recurring input, + #wpforms-panel-field-stripe-enable, + #wpforms-panel-field-paypal_standard-enable, + #wpforms-panel-field-authorize_net-enable, + #wpforms-panel-field-square-enable`},toggleOptionsGroup(e){var i=e.attr("name");let o="";function t(){e.prop("disabled",!1)}const r=v('.wpforms-panel-field-toggle-body[data-toggle="'+i+'"]');k.toggleProviderActiveIcon(e),0===r.length?t():(i=e.attr("type"),o="checkbox"!==i&&"radio"!==i||e.prop("checked")?e.val():"0",r.each(function(){var e=v(this);e.attr("data-toggle-value").toString()===o.toString()?e.slideDown("",t):e.slideUp("",t)}))},toggleProviderActiveIcon(e){var o=e.closest(".wpforms-panel-content-section").data("provider"),t=["wpforms-panel-field-"+o+"-enable-wrap","wpforms-panel-field-"+o+"-enable_one_time-wrap","wpforms-panel-field-"+o+"-enable_recurring-wrap"];if(o&&t.includes(e.attr("id"))){let i=!1;t.forEach(e=>{e=v("#"+e);e.length&&e.find("input").is(":checked")&&(i=!0)}),v(`.wpforms-panel-sidebar-section[data-section=${o}]`).find(".fa-check-circle-o").toggleClass("wpforms-hidden",!i)}},toggleAllOptionGroups(e){(e=e||y||v("#wpforms-builder")||v("body"))&&e.find(".wpforms-panel-field-toggle").each(function(){var e=v(this);e.prop("disabled",!0),k.toggleOptionsGroup(e)})},toggleUnfoldableGroup(e){e.preventDefault();const i=v(e.target),o=i.closest(".wpforms-panel-fields-group"),t=o.find(".wpforms-panel-fields-group-inner"),r="wpforms_fields_group_"+o.data("group");o.hasClass("opened")?(wpCookies.remove(r),t.stop().slideUp(150,function(){o.removeClass("opened")})):(wpCookies.set(r,"true",2592e3),o.addClass("opened"),t.stop().slideDown(150))},hideFieldHelper(e){e.preventDefault(),e.stopPropagation();e=v(".wpforms-field-helper");wpCookies.set("wpforms_field_helper_hide","true",2592e3),e.hide()},smartTagToggle(e){e.preventDefault(),C.$focusOutTarget=null;var e=v(this),i=e.closest(".wpforms-panel-field,.wpforms-field-option-row");i.hasClass("smart-tags-toggling")||(i.addClass("smart-tags-toggling"),e.hasClass("smart-tag-showing")?k.removeSmartTagsList(e):k.insertSmartTagsList(e))},removeSmartTagsList(e){const i=e.closest(".wpforms-panel-field,.wpforms-field-option-row"),o=i.find(".smart-tags-list-display");e.find("span").text(wpforms_builder.smart_tags_show),o.slideUp("",function(){o.remove(),e.removeClass("smart-tag-showing"),i.removeClass("smart-tags-toggling")})},insertSmartTagsList(e){const i=e.closest(".wpforms-panel-field,.wpforms-field-option-row");let o=e.closest("label"),t=!0;o.length||(o=i.find("label"),t=!1);var r=k.getSmartTagsList(e,-1!==o.attr("for").indexOf("wpforms-field-option-"));(t?o:e).after(r),e.find("span").text(wpforms_builder.smart_tags_hide),i.find(".smart-tags-list-display").slideDown("",function(){e.addClass("smart-tag-showing"),i.removeClass("smart-tags-toggling")})},getSmartTagsList(e,i){var o='
      ';return(o+=k.getSmartTagsListFieldsElements(e))+k.getSmartTagsListOtherElements(e,i)+"
    "},getSmartTagsListFieldsElements(e){var i=e.data("type");if(!["fields","all"].includes(i))return"";var o=k.getSmartTagsFields(e);if(!o)return'
  • '+wpforms_builder.fields_unavailable+"
    • ";let t="";t+='
  • '+wpforms_builder.fields_available+"
    • ";for(const r in o)t+=k.getSmartTagsListFieldsElement(o[r]);return t},getSmartTagsFields(e){var i=e.data("fields"),e=e.data("allow-repeated-fields"),i=i?i.split(","):void 0;return wpf.getFields(i,!0,e)},getSmartTagsListFieldsElement(o){const t=o.label?wpf.encodeHTMLEntities(wpf.sanitizeHTML(o.label)):wpforms_builder.field+" #"+o.id;let r=`
  • ${t}
    • `;var e=o.additional||[];return 1{var i=e.charAt(0).toUpperCase()+e.slice(1).replace(/(\D)(\d)/g,"$1 $2");r+=`
  • ${t} – ${i}
    • `}),r},getSmartTagsListOtherElements(e,i){var o=e.data("type");let t;if("other"!==o&&"all"!==o)return"";t='
  • '+wpforms_builder.other+"
    • ";for(const r in wpforms_builder.smart_tags)i&&wpforms_builder.smart_tags_disabled_for_fields.includes(r)||"confirmations"===e.data("location")&&wpforms_builder.smart_tags_disabled_for_confirmations.includes(r)||(t+='
  • "+wpforms_builder.smart_tags[r]+"
    • ");return t},smartTagInsert(e){e.preventDefault();const i=v(this),o=i.closest(".smart-tags-list-display"),t=o.closest(".wpforms-panel-field,.wpforms-field-option-row"),r=t.find(".toggle-smart-tag-display"),s=t.find("input[type=text], textarea"),n=i.data("meta"),l=i.data("additional")?"|"+i.data("additional"):"",a=i.data("type");let d="field"===a?'{field_id="'+n+l+'"}':"{"+n+"}",p;"undefined"!=typeof tinyMCE&&(p=tinyMCE.get(s.prop("id")))&&!p.hasFocus()&&p.focus(!0),p&&!p.isHidden()?p.insertContent(d):(s.insertAtCaret(" "+d+" "),s.val(s.val().trim().replace(" "," ")),s.trigger("focus").trigger("input")),o.slideUp("",function(){o.remove()}),r.find("span").text(wpforms_builder.smart_tags_show),t.find(".toggle-smart-tag-display").removeClass("smart-tag-showing")},fieldMapTableDeleteRow(e,i){var i=v(i),o=i.closest("tr"),i=i.closest("table"),t=o.closest(".wpforms-builder-settings-block");"1"",{value:"",text:r})),l&&!v.isEmptyObject(l))for(const n in l){let e="";l[n]&&(e=void 0!==l[n].label&&""!==l[n].label.toString().trim()?wpf.sanitizeHTML(l[n].label.toString().trim()):wpforms_builder.field+" #"+n,0<=v.inArray(l[n].type,t)||0<=v.inArray("all-fields",t))&&o.append(v("' ); + } + + if ( pee.indexOf( '' ) > -1 ) { + // no P/BR around param and embed. + pee = pee.replace( /(]*>)\s*/gmi, '$1' ); + pee = pee.replace( /(?=(\s*))\2<\/object>/gmi, '' ); + pee = pee.replace( /(?=(\s*))\2(<\/?(?:param|embed)[^>]*>)((?=(\s*))\2)/gmi, '$1' ); + } + + /* eslint-disable no-useless-escape */ + + if ( pee.indexOf( ' -1 || pee.indexOf( ' -1 ) { + // no P/BR around source and track. + pee = pee.replace( /([<\[](?:audio|video)[^>\]]*[>\]])\s*/gmi, '$1' ); + pee = pee.replace( /(?=(\s*))\2([<\[]\/(?:audio|video)[>\]])/gmi, '$1' ); + pee = pee.replace( /(?=(\s*))\2(<(?:source|track)[^>]*>)(?=(\s*))\2/gmi, '$1' ); + } + + pee = pee.replace( /\n\n+/gmi, '\n\n' ); // take care of duplicates. + + // make paragraphs, including one at the end. + const pees = pee.split( /\n\s*\n/ ); + + pee = ''; + + pees.forEach( + function( tinkle ) { + pee += '

    ' + tinkle.replace( /^(?:\s+|\s+)$/g, '' ) + '

    \n'; + } + ); + + pee = pee.replace( /

    \s*<\/p>/gmi, '' ); // Under certain strange conditions, it could create a P of entire whitespace. + pee = pee.replace( /

    ([^<]+)<\/(div|address|form)>/gmi, '

    $1

    ' ); + pee = pee.replace( new RegExp( '

    \s*(]*>)\s*

    ', 'gmi' ), '$1', pee ); // don't pee all over a tag. + pee = pee.replace( /

    (/gmi, '$1' ); // problem with nested lists. + pee = pee.replace( /

    ]*)>/gmi, '

    ' ); + pee = pee.replace( /<\/blockquote><\/p>/gmi, '

    ' ); + pee = pee.replace( new RegExp( '

    \s*(]*>)', 'gmi' ), '$1' ); + pee = pee.replace( new RegExp( '(]*>)\s*

    ', 'gmi' ), '$1' ); + + if ( br ) { + pee = pee.replace( /<(script|style)(?:.|\n)*?<\/\\1>/gmi, _autopNewlinePreservationHelper ); // /s modifier from php PCRE regexp replaced with (?:.|\n). + pee = pee.replace( /(
    )?((?=(\s*))\2)\n/gmi, '
    \n' ); // optionally make line breaks. + pee = pee.replace( '', '\n' ); + } + + pee = pee.replace( new RegExp( '(]*>)\s*
    ', 'gmi' ), '$1' ); + pee = pee.replace( /
    (\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)[^>]*>)/gmi, '$1' ); + pee = pee.replace( /\n<\/p>$/gmi, '

    ' ); + + /* eslint-enable */ + + if ( Object.keys( preTags ).length ) { + pee = pee.replace( + new RegExp( Object.keys( preTags ).join( '|' ), 'gi' ), + function( matched ) { + return preTags[ matched ]; + } + ); + } + + return pee; + }, + + /** + * Init Media Library. + * + * @since 1.8.6 + * + * @param {Object} args List of arguments. + * + * @return {wp.media.view.MediaFrame} A media workflow. + */ + initMediaLibrary( args ) { + const mediaFrame = wp.media.frames.wpforms_media_frame = wp.media( { + className: 'media-frame wpforms-media-frame', + multiple: false, + title: args.title, + library: { type: args.extensions }, + button: { + text: args.buttonText, + }, + } ); + + mediaFrame.on( 'uploader:ready', function() { + const accept = args.extensions.join( ',' ); + + jQuery( '.wpforms-media-frame .moxie-shim-html5 input[type="file"]' ) + .attr( 'accept', accept ); + } ).on( 'library:selection:add', function() { + const attachment = mediaFrame.state().get( 'selection' ).first().toJSON(); + + if ( ! args.extensions.includes( attachment.file.type ) ) { + // eslint-disable-next-line no-alert + alert( args.extensionsError ); + mediaFrame.state().get( 'selection' ).reset(); + } + } ); + + return mediaFrame; + }, + + /** + * Determine whether an element is visible in the viewport. + * + * @since 1.8.8 + * + * @param {jQuery} $element DOM element. + * + * @return {boolean} true if an element is visible in the viewport. + */ + isInViewport( $element ) { + const rect = $element[ 0 ].getBoundingClientRect(); + + return ( + rect.top >= 0 && + rect.left >= 0 && + rect.bottom <= ( window.innerHeight || document.documentElement.clientHeight ) && + rect.right <= ( window.innerWidth || document.documentElement.clientWidth ) + ); + }, +}; + +wpf.init(); diff --git a/assets/js/admin-utils.min.js b/assets/js/admin-utils.min.js new file mode 100644 index 00000000..9be10e19 --- /dev/null +++ b/assets/js/admin-utils.min.js @@ -0,0 +1 @@ +const wpf={cachedFields:{},savedState:!1,initialSave:!0,orders:{fields:[],choices:{}},init(){wpf.bindUIActions(),wpf.initRadioGroupForCheckboxes(),jQuery(wpf.ready)},ready(){wpf.savedState=wpf.getFormState("#wpforms-builder-form"),wpf.setFieldOrders(),wpf.setChoicesOrders()},bindUIActions(){jQuery(document).on("wpformsFieldAdd",wpf.setFieldOrders).on("wpformsFieldDuplicated",wpf.setFieldOrders).on("wpformsFieldDelete",wpf.setFieldOrders).on("wpformsFieldMove",wpf.setFieldOrders).on("wpformsFieldAdd",wpf.setChoicesOrders).on("wpformsFieldChoiceAdd",wpf.setChoicesOrders).on("wpformsFieldChoiceDelete",wpf.setChoicesOrders).on("wpformsFieldChoiceMove",wpf.setChoicesOrders).on("wpformsFieldAdd",wpf.fieldUpdate).on("wpformsFieldDelete",wpf.fieldUpdate).on("wpformsFieldMove",wpf.fieldUpdate).on("wpformsFieldChoiceAdd",wpf.fieldUpdate).on("wpformsFieldChoiceDelete",wpf.fieldUpdate).on("wpformsFieldChoiceMove",wpf.fieldUpdate).on("wpformsFieldDynamicChoiceToggle",wpf.fieldUpdate).on("focusout",".wpforms-field-option-row-label input",wpf.fieldUpdate).on("focusout",".wpforms-field-option-row-choices input.label",wpf.fieldUpdate)},setFieldOrders(){wpf.orders.fields=[],jQuery(".wpforms-field-option").each(function(){wpf.orders.fields.push(jQuery(this).data("field-id"))})},setChoicesOrders(){wpf.orders.choices={},jQuery(".choices-list").each(function(){const e=jQuery(this).data("field-id");wpf.orders.choices["field_"+e]=[],jQuery(this).find("li").each(function(){wpf.orders.choices["field_"+e].push(jQuery(this).data("key"))})})},getChoicesOrder(e){const r=[];return jQuery("#wpforms-field-option-"+e).find(".choices-list li").each(function(){r.push(jQuery(this).data("key"))}),r},initMultipleSelectWithSearch(e){const r=jQuery(e.passedElement.element),t=jQuery(e.input.element);r.prop("multiple")&&(t.data("placeholder",t.attr("placeholder")),t.data("style",t.attr("style")),e.getValue(!0).length&&t.removeAttr("placeholder"),r.on("change",function(){e.getValue(!0).length?t.removeAttr("placeholder"):t.attr("placeholder",t.data("placeholder")).attr("style",t.data("style"))}))},showMoreButtonForChoices(e){var r,t;"select-one"!==jQuery(e).data("type")&&(r=jQuery(e).find(".choices__list--multiple .choices__item").first(),t=jQuery(e).find(".choices__list--multiple .choices__item").last(),jQuery(e).removeClass("choices__show-more"),0{e.find(".choices select").each(function(){var e=jQuery(this).data("choicesjs");wpf.showMoreButtonForChoices(e.containerOuter.element)})},100)},fieldUpdate(){var e=wpf.getFields();jQuery(document).trigger("wpformsFieldUpdate",[e]),wpf.debug("fieldUpdate triggered")},getFields(e=void 0,r=void 0,t=void 0,i=void 0){let o;if((r=r||!1)&&!jQuery.isEmptyObject(wpf.cachedFields))o=jQuery.extend({},wpf.cachedFields),wpf.debug("getFields triggered (cached)");else{var r=wpf.formObject("#wpforms-field-options"),n=["captcha","content","divider","entry-preview","html","internal-information","pagebreak","layout"];if(!(o=r.fields))return!1;for(const d in o)(!o[d].type||-1{Object.values(e?.fields??[]).forEach(e=>{o[e]&&(o[e].label+=" ("+o[d].label+")",o[e].isRepeater=!0)})}),delete o[d]);wpf.addAdditionalFields(o),wpf.cachedFields=jQuery.extend({},o),wpf.debug("getFields triggered")}if(!t)for(const a in o)o[a]?.isRepeater&&delete o[a];if(i)for(const p in i)delete o[p];if(e&&e.constructor===Array)for(const c in o)-1===jQuery.inArray(o[c].type,e)&&delete o[c];if(0===Object.keys(o).length)return!1;var s=[];for(const f in wpf.orders.fields){var l=wpf.orders.fields[f];o[l]&&s.push(o[l])}return Object.assign({},s)},addAdditionalFields(e){for(const t in e){var r;if(["name","date-time"].includes(e[t]?.type)&&(r=e[t].format)&&(e[t].additional=r.split("-")),"address"===e[t]?.type){const i=Object.keys(e[t]).filter(e=>e.includes("_placeholder"));i.forEach((e,r)=>{i[r]=e.replace("_placeholder","")}),e[t].additional=i}}return e},getField(e){e=wpf.formObject("#wpforms-field-option-"+e);return Object.keys(e).length?e.fields[Object.keys(e.fields)[0]]:{}},fieldOptionLoading(e,r=void 0){var e=jQuery(e),t=e.find("label");(r=void 0!==r)?(t.find(".wpforms-loading-spinner").remove(),t.find(".wpforms-help-tooltip").show(),e.find("input,select,textarea").prop("disabled",!1)):(t.append(''),t.find(".wpforms-help-tooltip").hide(),e.find("input,select,textarea").prop("disabled",!0))},getFormState(e){return jQuery(e).serialize()},removeArrayItem(r,t){let i=0;for(let e=0;e&]/gim,function(e){return"&#"+e.charCodeAt(0)+";"})},decodeAllowedHTMLEntities(e){"string"!=typeof e&&(e=e.toString());var r=wp.hooks.applyFilters("wpforms.allowedHTMLEntities",{"&":"&"," ":" "});for(const t in r)e=e.replaceAll(t,r[t]);return e},initRadioGroupForCheckboxes(){const n=jQuery;n(document).on("change",'input[type="checkbox"].wpforms-radio-group',function(){var r=n(this);if(r.prop("checked")){const t=r.data("radio-group"),i=n(".wpforms-radio-group-"+t),o=r.attr("id");let e;i.each(function(){(e=n(this)).attr("id")!==o&&e.prop("checked",!1)})}})},listPluck(e,r){return e.map(function(e){return void 0!==e?e[r]:e})},triggerEvent(e,r){return console.warn('WARNING! Function "wpf.triggerEvent( $element, eventName )" has been deprecated, please use the new "WPFormsUtils.triggerEvent( $element, eventName, args )" function instead!'),WPFormsUtils.triggerEvent(e,r)},wpautop(i,e=!0){const o=new Map;if("string"==typeof i||i instanceof String){if(""===i.trim())return"";-1<(i+="\n").indexOf("")).pop(),i="",r.forEach(function(e,r){var t=e.indexOf("",o[r]=e.substring(t)+"",i+=e.substring(0,t)+r)}),i+=t);var r="(?:table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|legend|section|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary)",t=(i=(i=-1<(i=-1<(i=-1<(i=0===(i=(i=(i=(i=i.replace(/
    \s*
    /,"\n\n")).replace(new RegExp("(<"+r+"[^>]*>)","gmi"),"\n$1")).replace(new RegExp("()","gmi"),"$1\n\n")).replace(/\r\n|\r/,"\n")).indexOf("\n")?i.substring(1):i).indexOf("\s*/gim,""):i).indexOf("")?(i=(i=i.replace(/(]*>)\s*/gim,"$1")).replace(/(?=(\s*))\2<\/object>/gim,"")).replace(/(?=(\s*))\2(<\/?(?:param|embed)[^>]*>)((?=(\s*))\2)/gim,"$1"):i).indexOf("\]]*[>\]])\s*/gim,"$1")).replace(/(?=(\s*))\2([<\[]\/(?:audio|video)[>\]])/gim,"$1")).replace(/(?=(\s*))\2(<(?:source|track)[^>]*>)(?=(\s*))\2/gim,"$1"):i).replace(/\n\n+/gim,"\n\n")).split(/\n\s*\n/);i="",t.forEach(function(e){i+="

    "+e.replace(/^(?:\s+|\s+)$/g,"")+"

    \n"}),i=(i=(i=(i=(i=(i=(i=(i=i.replace(/

    \s*<\/p>/gim,"")).replace(/

    ([^<]+)<\/(div|address|form)>/gim,"

    $1

    ")).replace(new RegExp("

    s*(]*>)s*

    ","gmi"),"$1",i)).replace(/

    (/gim,"$1")).replace(/

    ]*)>/gim,"

    ")).replace(/<\/blockquote><\/p>/gim,"

    ")).replace(new RegExp("

    s*(]*>)","gmi"),"$1")).replace(new RegExp("(]*>)s*

    ","gmi"),"$1"),i=(i=(i=(i=e?(i=(i=i.replace(/<(script|style)(?:.|\n)*?<\/\\1>/gim,function(e){return e[0].replace("\n","")})).replace(/(
    )?((?=(\s*))\2)\n/gim,"
    \n")).replace("","\n"):i).replace(new RegExp("(]*>)s*
    ","gmi"),"$1")).replace(/
    (\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)[^>]*>)/gim,"$1")).replace(/\n<\/p>$/gim,"

    "),Object.keys(o).length&&(i=i.replace(new RegExp(Object.keys(o).join("|"),"gi"),function(e){return o[e]}))}return i},initMediaLibrary(r){const t=wp.media.frames.wpforms_media_frame=wp.media({className:"media-frame wpforms-media-frame",multiple:!1,title:r.title,library:{type:r.extensions},button:{text:r.buttonText}});return t.on("uploader:ready",function(){var e=r.extensions.join(",");jQuery('.wpforms-media-frame .moxie-shim-html5 input[type="file"]').attr("accept",e)}).on("library:selection:add",function(){var e=t.state().get("selection").first().toJSON();r.extensions.includes(e.file.type)||(alert(r.extensionsError),t.state().get("selection").reset())}),t},isInViewport(e){e=e[0].getBoundingClientRect();return 0<=e.top&&0<=e.left&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}};wpf.init(); \ No newline at end of file diff --git a/assets/js/admin.js b/assets/js/admin.js new file mode 100644 index 00000000..cceef101 --- /dev/null +++ b/assets/js/admin.js @@ -0,0 +1,2726 @@ +/* global wpforms_admin, jconfirm, wpCookies, Choices, List, wpf */ + +/** + * @param wpforms_admin.recreating + * @param wpforms_admin.testing + */ + +( function( $ ) { + 'use strict'; + + // Global settings access. + var s; + + // Admin object. + var WPFormsAdmin = { + + // Settings. + settings: { + iconActivate: '', + iconDeactivate: '', + iconInstall: '', + iconSpinner: '', + mediaFrame: false, + }, + + /** + * Start the engine. + * + * @since 1.3.9 + */ + init: function() { + + // Settings shortcut. + s = this.settings; + + // Document ready. + $( WPFormsAdmin.ready ); + + // Entries Single (Details). + WPFormsAdmin.initEntriesSingle(); + + // Entries List. + WPFormsAdmin.initEntriesList(); + + // Welcome activation. + WPFormsAdmin.initWelcome(); + + // Addons List. + $( document ).on( 'wpformsReady', WPFormsAdmin.initAddons ); + + // Settings. + WPFormsAdmin.initSettings(); + + // Tools. + WPFormsAdmin.initTools(); + + // Upgrades (Tools view). + WPFormsAdmin.initUpgrades(); + + // Tab menu. + WPFormsAdmin.initScrollableMenu(); + }, + + /** + * Document ready. + * + * @since 1.3.9 + */ + ready: function() { + + // Add `_wp_http_referer` to the data of every AJAX request. + $.ajaxSetup( { + data: { + // eslint-disable-next-line camelcase + _wp_http_referer: wpf.updateQueryString( '_wp_http_referer', null ), + }, + } ); + + // Scroll to integration. + WPFormsAdmin.scrollToIntegration(); + + // To prevent jumping (since WP core moves the notices with js), + // they are hidden initially with CSS, then revealed below with JS, + // which runs after they have been moved. + $( '.notice' ).show(); + + // If there are screen options we have to move them. + $( '#screen-meta-links, #screen-meta' ).prependTo( '#wpforms-header-temp' ).show(); + + // Init fancy selects via choices.js. + WPFormsAdmin.initChoicesJS(); + + // Reinit ChoicesJS after htmx swap. + $( document ).on( 'htmx:afterSwap', WPFormsAdmin.initChoicesJS ); + + // Init checkbox multi selects columns. + WPFormsAdmin.initCheckboxMultiselectColumns(); + + // Init color pickers via minicolors.js. + $( '.wpforms-color-picker' ).each( function() { + + const $this = $( this ); + + $this.minicolors( { + defaultValue: $this.data( 'fallback-color' ) || '', + } ); + } ); + + // Init fancy File Uploads. + $( '.wpforms-file-upload' ).each( function() { + var $input = $( this ).find( 'input[type=file]' ), + $label = $( this ).find( 'label' ), + labelVal = $label.html(); + $input.on( 'change', function( event ) { + var fileName = ''; + if ( this.files && this.files.length > 1 ) { + fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length ); + } else if ( event.target.value ) { + fileName = event.target.value.split( '\\' ).pop(); + } + if ( fileName ) { + $label.find( '.fld' ).html( fileName ); + } else { + $label.html( labelVal ); + } + } ); + + // Firefox bug fix. + $input.on( 'focus', function() { + $input.addClass( 'has-focus' ); + } ).on( 'blur', function() { + $input.removeClass( 'has-focus' ); + } ); + } ); + + // jquery-confirm defaults. + jconfirm.defaults = { + closeIcon: false, + backgroundDismiss: false, + escapeKey: true, + animationBounce: 1, + useBootstrap: false, + theme: 'modern', + boxWidth: '400px', + animateFromElement: false, + content: wpforms_admin.something_went_wrong, + }; + + // Upgrade information modal for upgrade links. + $( document ).on( 'click', '.wpforms-upgrade-modal', function() { + + $.alert( { + title: wpforms_admin.thanks_for_interest, + content: wpforms_admin.upgrade_modal, + icon: 'fa fa-info-circle', + type: 'blue', + boxWidth: '550px', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + } ); + + // Lity lightbox. + WPFormsAdmin.initLity(); + + // Flyout Menu. + WPFormsAdmin.initFlyoutMenu(); + + // Action available for each binding. + $( document ).trigger( 'wpformsReady' ); + + // Start listening for screen options changes. + $( '#screen-options-wrap .hide-column-tog' ).on( 'change', WPFormsAdmin.handleOnChangeScreenOptions ); + }, + + /** + * For styling purposes, we will add a dedicated class name for determining the number of visible columns. + * + * @since 1.8.3 + */ + handleOnChangeScreenOptions: function() { + + const $table = $( '.wpforms-table-list' ); + const $columns = $table.find( 'thead .manage-column' ); + const $hidden = $columns.filter( '.hidden' ); + const hasManyColumns = Boolean( ( $columns.length - $hidden.length ) > 5 ); + + // This is used to adjust the table layout. + // Add a class to the table to indicate the number of columns. + $table.toggleClass( 'has-many-columns', hasManyColumns ); + $table.toggleClass( 'has-few-columns', ! hasManyColumns ); + }, + + /** + * Initialize Choices JS elements. + * + * @since 1.4.2 + */ + initChoicesJS: function() { + + $( '.choicesjs-select' ).each( function() { + var $this = $( this ), + args = window.wpforms_admin_choicesjs_config ? { ...window.wpforms_admin_choicesjs_config } : {}; + + if ( $this.attr( 'multiple' ) ) { + args.removeItemButton = typeof args.removeItemButton !== 'undefined' ? args.removeItemButton : true; + } + + if ( $this.data( 'sorting' ) === 'off' ) { + args.shouldSort = false; + } + + if ( $this.data( 'search' ) ) { + args.searchEnabled = true; + } + + if ( $this.data( 'choices-position' ) ) { + args.position = $this.data( 'choices-position' ); + } + + // Render HTML in Choices.js. + args.allowHTML = true; + + // Function to run once Choices initialises. + // We need to reproduce a behaviour like on public-facing area for "Edit Entry" page. + args.callbackOnInit = function() { + const self = this; + const $element = $( self.passedElement.element ); + const sizeClass = $element.data( 'size-class' ); + + // Add CSS-class for size. + if ( sizeClass ) { + $( self.containerOuter.element ).addClass( sizeClass ); + } + + wpf.initMultipleSelectWithSearch( this ); + wpf.showMoreButtonForChoices( self.containerOuter.element ); + }; + + $this.data( 'choicesjs', new Choices( $this[ 0 ], args ) ); + } ); + + // Add ability to close the drop-down menu. + $( document ).on( 'click', '.choices', function( e ) { + const $choices = $( this ), + choicesObj = $choices.find( 'select' ).data( 'choicesjs' ); + + if ( + choicesObj && + $choices.hasClass( 'is-open' ) && + ( + e.target.classList.contains( 'choices__inner' ) || + e.target.classList.contains( 'choices__arrow' ) + ) + ) { + choicesObj.hideDropdown(); + } + } ); + + wpf.initializeChoicesEventHandlers(); + }, + + /** + * Initialize checkbox multi-select columns. + * + * @since 1.4.2 + */ + initCheckboxMultiselectColumns: function() { + + $( document ).on( 'change', '.checkbox-multiselect-columns input', function() { + + var $this = $( this ), + $parent = $this.parent(), + $container = $this.closest( '.checkbox-multiselect-columns' ), + label = $parent.text(), + itemID = 'check-item-' + $this.val(), + $item = $container.find( '#' + itemID ); + + if ( $this.prop( 'checked' ) ) { + $this.parent().addClass( 'checked' ); + if ( ! $item.length ) { + $container.find( '.second-column ul' ).append( '
  • ' + label + '
    • ' ); + } + } else { + $this.parent().removeClass( 'checked' ); + $container.find( '#' + itemID ).remove(); + } + } ); + + $( document ).on( 'click', '.checkbox-multiselect-columns .all', function( event ) { + + event.preventDefault(); + + $( this ).closest( '.checkbox-multiselect-columns' ).find( 'input[type=checkbox]' ).prop( 'checked', true ).trigger( 'change' ); + $( this ).remove(); + } ); + }, + + //--------------------------------------------------------------------// + // Forms Overview + //--------------------------------------------------------------------// + + /** + * Element bindings for Form Overview page. + * + * @since 1.3.9 + * @since 1.7.3 Deprecated. + * + * @deprecated Use `WPFormsForms.Overview.init()` instead. + */ + initFormOverview: function() { + + console.warn( 'WARNING! Function "WPFormsAdmin.initFormOverview()" has been deprecated, please use the new "WPFormsForms.Overview.init()" function instead!' ); + + window.WPFormsForms.Overview.init(); + }, + + //--------------------------------------------------------------------// + // Entry Single (Details) + //--------------------------------------------------------------------// + + /** + * Element bindings for Entries List table page. + * + * @since 1.3.9 + */ + initEntriesList() { // eslint-disable-line max-lines-per-function + // Toggle form selector dropdown. + $( document ).on( 'click', '#wpforms-entries-list .form-selector .toggle', function( event ) { + event.preventDefault(); + + $( this ).toggleClass( 'active' ).next( '.form-list' ).toggle(); + } ); + + // Confirm bulk entry deletion. + $( document ).on( 'click', '#wpforms-entries-table #doaction', function( event ) { + + var $btn = $( this ), + $form = $btn.closest( 'form' ), + $table = $form.find( 'table' ), + $action = $form.find( 'select[name=action]' ), + $checked = $table.find( 'input[name^=entry_id]:checked' ); + + if ( ( 'delete' !== $action.val() && 'trash' !== $action.val() ) || ! $checked.length ) { + return; + } + + const $content = 'delete' === $action.val() ? wpforms_admin.entry_delete_n_confirm : wpforms_admin.entry_trash_n_confirm; + + event.preventDefault(); + + // Trigger alert modal to confirm. + $.confirm( { + title: wpforms_admin.heads_up, + content: $content.replace( '{entry_count}', $checked.length ), + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: function() { + + $form.trigger( 'submit' ); + }, + }, + cancel: { + text: wpforms_admin.cancel, + keys: [ 'esc' ], + }, + }, + } ); + } ); + + // Confirm entry deletion. + $( document ).on( 'click', '#wpforms-entries-list .wp-list-table .delete', function( event ) { + + event.preventDefault(); + + var url = $( this ).attr( 'href' ); + + // Trigger alert modal to confirm. + $.confirm( { + title: wpforms_admin.heads_up, + content: wpforms_admin.entry_delete_confirm, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: function() { + window.location = url; + }, + }, + cancel: { + text: wpforms_admin.cancel, + keys: [ 'esc' ], + }, + }, + } ); + } ); + + // Confirm entry trash. + $( document ).on( 'click', '#wpforms-entries-list .wp-list-table .trash', function( event ) { + event.preventDefault(); + + const url = $( this ).attr( 'href' ); + + // Trigger alert modal to confirm. + $.confirm( { + title: wpforms_admin.heads_up, + content: wpforms_admin.entry_trash_confirm, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: () => { + window.location = url; + }, + }, + cancel: { + text: wpforms_admin.cancel, + keys: [ 'esc' ], + }, + }, + } ); + } ); + + // Toggle entry stars. + $( document ).on( 'click', '#wpforms-entries-list .wp-list-table .indicator-star', function( event ) { + event.preventDefault(); + + const $this = $( this ); + const $counter = $( '#wpforms-entries-list .starred-num' ); + const $table = $this.parents( 'table' ); + + let task = ''; + let total = Number( $counter.text() ); + + if ( $this.hasClass( 'star' ) ) { + task = 'star'; + total++; + $this.attr( 'title', wpforms_admin.entry_unstar ); + } else { + task = 'unstar'; + total--; + $this.attr( 'title', wpforms_admin.entry_star ); + } + + $this.toggleClass( 'star unstar' ); + + if ( ! $table.hasClass( 'wpforms-entries-table-spam' ) && ! $table.hasClass( 'wpforms-entries-table-trash' ) ) { + $counter.text( total ); + } + + const data = { + task : task, + action : 'wpforms_entry_list_star', + nonce : wpforms_admin.nonce, + entryId : $this.data( 'id' ), + formId : $this.data( 'form-id' ), + }; + + $.post( wpforms_admin.ajax_url, data ); + } ); + + // Toggle entry read state. + $( document ).on( 'click', '#wpforms-entries-list .wp-list-table .indicator-read', function( event ) { + event.preventDefault(); + + const $this = $( this ); + const $counter = $( '#wpforms-entries-list .unread-num' ); + const $table = $this.parents( 'table' ); + + let task = ''; + let total = Number( $counter.text() ); + + if ( $this.hasClass( 'read' ) ) { + task = 'read'; + total--; + $this.attr( 'title', wpforms_admin.entry_unread ); + } else { + task = 'unread'; + total++; + $this.attr( 'title', wpforms_admin.entry_read ); + } + + $this.toggleClass( 'read unread' ); + + if ( ! $table.hasClass( 'wpforms-entries-table-spam' ) && ! $table.hasClass( 'wpforms-entries-table-trash' ) ) { + $counter.text( total ); + } + + const data = { + task : task, + action : 'wpforms_entry_list_read', + nonce : wpforms_admin.nonce, + entryId : $this.data( 'id' ), + formId : $this.data( 'form-id' ), + }; + + $.post( wpforms_admin.ajax_url, data ); + } ); + + // Confirm mass entry deletion/trash - this deletes/trashes ALL entries. + $( document ).on( 'click', '#wpforms-entries-list .form-details-actions-removeall', function( event ) { + event.preventDefault(); + + const $page = $( this ).data( 'page' ), + $noticeData = WPFormsAdmin.getDeleteAllNoticeData( $page ), + $url = $( this ).attr( 'href' ), + $table = $( '#wpforms-entries-table' ), + filteredCount = $table.data( 'filtered-count-trash' ) && $noticeData.action === 'trash' ? parseInt( $table.data( 'filtered-count-trash' ), 10 ) : 0, + data = { + action: 'wpforms_entry_list_process_' + $noticeData.action + '_all', + form_id: $table.find( 'input[name="form_id"]' ).val(), // eslint-disable-line camelcase + date: $table.find( 'input[name="date"]' ).val(), + page: $page, + search: { + field: $table.find( 'select[name="search[field]"]' ).val(), + comparison: $table.find( 'select[name="search[comparison]"]' ).val(), + term: $table.find( 'input[name="search[term]"]' ).val(), + }, + nonce: wpforms_admin.nonce, + url: $url, + }; + + // Trigger alert modal to confirm. + $.confirm( { + title: wpforms_admin.heads_up, + content: filteredCount && $( '#wpforms-reset-filter' ).length ? $noticeData.content.replace( '{entry_count}', filteredCount ) : $noticeData.contentAll, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: () => { + $.get( wpforms_admin.ajax_url, data ) + .done( function( response ) { + if ( response.success ) { + window.location = ! _.isEmpty( response.data ) ? response.data : $url; + } + } ); + }, + }, + cancel: { + text: wpforms_admin.cancel, + keys: [ 'esc' ], + }, + }, + } ); + } ); + + // Check for new form entries using Heartbeat API. + $( document ).on( 'heartbeat-send', function( event, data ) { + + var $entriesList = $( '#wpforms-entries-list' ); + + // Works on entry list page only. + if ( ! $entriesList.length || $entriesList.find( '.wpforms-dash-widget' ).length ) { + return; + } + + var last_entry_id = $entriesList.find( '#wpforms-entries-table' ).data( 'last-entry-id' ); + + // When entries list is filtered, there is no data param at all. + if ( typeof last_entry_id === 'undefined' ) { + return; + } + + data.wpforms_new_entries_entry_id = last_entry_id; + data.wpforms_new_entries_form_id = $entriesList.find( 'input[name=form_id]' ).val(); + } ); + + // Display entries list notification if Heartbeat API new form entries check is successful. + $( document ).on( 'heartbeat-tick', function( event, data ) { + + var columnCount; + var $entriesList = $( '#wpforms-entries-list' ); + + // Works on entry list page only. + if ( ! $entriesList.length ) { + return; + } + + if ( ! data.wpforms_new_entries_notification ) { + return; + } + + columnCount = $entriesList.find( '.wp-list-table thead tr' ).first().children().length; + + if ( ! $entriesList.find( '.new-entries-notification' ).length ) { + $entriesList.find( '.wp-list-table thead' ) + .append( '' ); + } + + var $link = $entriesList.find( '.new-entries-notification a' ); + + $link + .text( data.wpforms_new_entries_notification ) + .slideDown( { + start: function() { + + $link.css( 'display', 'block' ); + }, + always: function() { + + $link.css( 'display', 'block' ); + }, + } ); + } ); + }, + + /** + * Element bindings for Entries Single (Details) page. + * + * @since 1.3.9 + */ + initEntriesSingle: function() { + + // Entry navigation hotkeys. + // We only want to listen on the applicable admin page. + if ( 'wpforms-entries' === WPFormsAdmin.getQueryString( 'page' ) && 'details' === WPFormsAdmin.getQueryString( 'view' ) ) { + WPFormsAdmin.entryHotkeys(); + } + + // Confirm entry deletion. + $( document ).on( 'click', '#wpforms-entries-single .wpforms-entry-delete a', function( event ) { + event.preventDefault(); + + const url = $( this ).attr( 'href' ); + + // Trigger alert modal to confirm. + $.confirm( { + title: wpforms_admin.heads_up, + content: wpforms_admin.entry_delete_confirm, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: function() { + window.location = url; + }, + }, + cancel: { + text: wpforms_admin.cancel, + keys: [ 'esc' ], + }, + }, + } ); + } ); + + // Confirm entry trash. + $( document ).on( 'click', '#wpforms-entries-single .trash', function( event ) { + event.preventDefault(); + + const url = $( this ).attr( 'href' ); + + // Trigger alert modal to confirm. + $.confirm( { + title: wpforms_admin.heads_up, + content: wpforms_admin.entry_trash_confirm, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: () => { + window.location = url; + }, + }, + cancel: { + text: wpforms_admin.cancel, + keys: [ 'esc' ], + }, + }, + } ); + } ); + + // Open Print preview in new window. + $( document ).on( 'click', '#wpforms-entries-single .wpforms-entry-print a', function( event ) { + event.preventDefault(); + + window.open( $( this ).attr( 'href' ) ); + } ); + + // Toggle displaying empty fields. + $( document ).on( 'click', '#wpforms-entries-single .wpforms-empty-field-toggle', function( event ) { + + event.preventDefault(); + + // Handle cookie. + if ( wpCookies.get( 'wpforms_entry_hide_empty' ) === 'true' ) { + + // User was hiding empty fields, so now display them. + wpCookies.remove( 'wpforms_entry_hide_empty' ); + $( this ).text( wpforms_admin.entry_empty_fields_hide ); + } else { + + // User was seeing empty fields, so now hide them. + wpCookies.set( 'wpforms_entry_hide_empty', 'true', 2592000 ); // 1month. + $( this ).text( wpforms_admin.entry_empty_fields_show ); + } + + $( '.wpforms-entry-field.empty, .wpforms-edit-entry-field.empty' ).toggle(); + } ); + + // Display notes editor. + $( document ).on( 'click', '#wpforms-entries-single .wpforms-entry-notes-new .add', function( event ) { + + event.preventDefault(); + + $( this ).hide().next( 'form' ).stop().slideToggle(); + } ); + + // Cancel note. + $( document ).on( 'click', '#wpforms-entries-single .wpforms-entry-notes-new .cancel', function( event ) { + + event.preventDefault(); + + $( this ).closest( 'form' ).stop().slideToggle(); + $( '.wpforms-entry-notes-new .add' ).show(); + } ); + + // Delete note. + $( document ).on( 'click', '#wpforms-entries-single .wpforms-entry-notes-byline .note-delete', function( event ) { + + event.preventDefault(); + + var url = $( this ).attr( 'href' ); + + // Trigger alert modal to confirm. + $.confirm( { + title: wpforms_admin.heads_up, + content: wpforms_admin.entry_note_delete_confirm, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: function() { + window.location = url; + }, + }, + cancel: { + text: wpforms_admin.cancel, + keys: [ 'esc' ], + }, + }, + } ); + } ); + }, + + + //--------------------------------------------------------------------// + // Entry List + //--------------------------------------------------------------------// + + /** + * Hotkeys for Entries Single (Details) page. + * + * j triggers previous entry, k triggers next entry. + * + * @since 1.4.0 + */ + entryHotkeys: function() { + + // eslint-disable-next-line complexity + $( document ).on( 'keydown', function( event ) { + if ( 74 === event.keyCode && ! event.metaKey && ! WPFormsAdmin.isFormTypeNode( event.target.nodeName ) ) { + + // j key has been pressed outside a form element, go to the previous entry. + var prevEntry = $( '#wpforms-admin-single-navigation-prev-link' ).attr( 'href' ); + if ( '#' !== prevEntry ) { + window.location.href = prevEntry; + } + } else if ( 75 === event.keyCode && ! event.metaKey && ! WPFormsAdmin.isFormTypeNode( event.target.nodeName ) ) { + + // k key has been pressed outside a form element, go to the previous entry. + var nextEntry = $( '#wpforms-admin-single-navigation-next-link' ).attr( 'href' ); + if ( '#' !== nextEntry ) { + window.location.href = nextEntry; + } + } + } ); + }, + + //--------------------------------------------------------------------// + // Welcome Activation. + //--------------------------------------------------------------------// + + /** + * Welcome activation page. + * + * @since 1.3.9 + */ + initWelcome: function() { + + // Open modal and play How To video. + $( document ).on( 'click', '#wpforms-welcome .play-video', function( event ) { + event.preventDefault(); + + const video = '
    '; + + $.dialog( { + title: false, + content: video, + closeIcon: true, + boxWidth: '70%', + } ); + } ); + }, + + //--------------------------------------------------------------------// + // Addons List. + //--------------------------------------------------------------------// + + /** + * Element bindings for Addons List page. + * + * @since 1.3.9 + */ + initAddons: function() { + + // Only run on the addons page. + if ( ! $( '#wpforms-admin-addons' ).length ) { + return; + } + + // Addons searching. + const $sectionAll = $( '#wpforms-addons-list-section-all' ); + const $sectionInstalled = $( '#wpforms-addons-list-section-installed' ); + + if ( $sectionAll.length || $sectionInstalled.length ) { + let addonSearchInstalled; + let addonSearchAll; + + if ( $sectionInstalled.length ) { + addonSearchInstalled = new List( + 'wpforms-addons-list-section-installed', + { + valueNames: [ 'addon-link' ], + } + ); + } + + if ( $sectionAll.length ) { + addonSearchAll = new List( + 'wpforms-addons-list-section-all', + { + valueNames: [ 'addon-link' ], + } + ); + } + + $( '#wpforms-addons-search' ).on( + 'keyup search', + function() { + WPFormsAdmin.updateAddonSearchResult( this, addonSearchAll, addonSearchInstalled ); + } + ); + } + + // Toggle an addon state. + $( document ).on( 'change', '.wpforms-addons-list-item .wpforms-toggle-control input', function( event ) { + event.preventDefault(); + + if ( $( this ).hasClass( 'disabled' ) ) { + return false; + } + + WPFormsAdmin.addonToggleNew( $( this ) ); + } ); + + $( document ).on( 'click', '.wpforms-addons-list-item button', function( event ) { + event.preventDefault(); + + if ( $( this ).hasClass( 'disabled' ) ) { + return false; + } + + WPFormsAdmin.addonToggleNew( $( this ) ); + } ); + + $( document ).on( 'click', '#wpforms-admin-addons .addon-item button', function( event ) { + event.preventDefault(); + + if ( $( this ).hasClass( 'disabled' ) ) { + return false; + } + + WPFormsAdmin.addonToggle( $( this ) ); + } ); + }, + + /** + * Handle addons search field operations. + * + * @since 1.7.4 + * + * @param {Object} searchField The search field html element. + * @param {Object} addonSearchAll Addons all list (uses List.js). + * @param {Object} addonSearchInstalled Addons installed list (uses List.js). + */ + updateAddonSearchResult( searchField, addonSearchAll, addonSearchInstalled ) { + let searchTerm = $( searchField ).val(); + + /* + * Replace dot and comma with space + * it is workaround for a bug in list.js library. + * + * Note: remove when the issue below is fixed: + * @see https://github.com/javve/list.js/issues/699 + */ + searchTerm = searchTerm.replace( /[.,]/g, ' ' ); + + const $noResultsMessage = $( '#wpforms-addons-no-results' ); + const $sectionAll = $( '#wpforms-addons-list-section-all' ); + const $sectionInstalled = $( '#wpforms-addons-list-section-installed' ); + const searchResultsAll = addonSearchAll ? addonSearchAll.search( searchTerm ) : []; + const searchResultsInstalled = addonSearchInstalled ? addonSearchInstalled.search( searchTerm ) : []; + + $noResultsMessage.toggle( searchResultsAll.length === 0 && searchResultsInstalled.length === 0 ); + $sectionAll.toggle( searchResultsAll.length > 0 ); + $sectionInstalled.toggle( searchResultsInstalled.length > 0 ); + }, + + /** + * Change plugin/addon state. + * + * @since 1.6.3 + * + * @param {string} plugin Plugin slug or URL for download. + * @param {string} state State status activate|deactivate|install. + * @param {string} pluginType Plugin type addon or plugin. + * @param {Function} callback Callback for get result from AJAX. + * @param {Function} errorCallback Callback for get error from AJAX. + */ + setAddonState( plugin, state, pluginType, callback, errorCallback ) { + const actions = { + activate: 'wpforms_activate_addon', + install: 'wpforms_install_addon', + deactivate: 'wpforms_deactivate_addon', + incompatible: 'wpforms_activate_addon', + }; + const action = actions[ state ]; + + if ( ! action ) { + return; + } + + const data = { + action, + nonce: wpforms_admin.nonce, + plugin, + type: pluginType, + }; + + $.post( wpforms_admin.ajax_url, data, function( res ) { + callback( res ); + } ).fail( function( xhr ) { + errorCallback( xhr ); + } ); + }, + + /** + * Toggle addon state. + * + * @since 1.8.6 + * + * @param {Object} $btn Button element. + */ + // eslint-disable-next-line max-lines-per-function, complexity + addonToggleNew( $btn ) { + const $footer = $btn.parents( '.wpforms-addons-list-item-footer' ); + const classes = { + active: 'wpforms-addons-list-item-footer-active', + activating: 'wpforms-addons-list-item-footer-activating', + incompatible: 'wpforms-addons-list-item-footer-incompatible', + installed: 'wpforms-addons-list-item-footer-installed', + missing: 'wpforms-addons-list-item-footer-missing', + goToUrl: 'wpforms-addons-list-item-footer-go-to-url', + withError: 'wpforms-addons-list-item-footer-with-error', + }; + + // Open url in new tab. + if ( $footer.hasClass( classes.goToUrl ) ) { + window.open( $btn.attr( 'data-plugin' ), '_blank' ); + return; + } + + $btn.prop( 'disabled', true ); + + let checked = $btn.is( ':checked' ); + let cssClass; + const plugin = $footer.attr( 'data-plugin' ); + const pluginType = $footer.attr( 'data-type' ); + const $addon = $btn.parents( '.wpforms-addons-list-item' ); + const state = WPFormsAdmin.getAddonState( $footer, classes, $btn ); + + /** + * Handle error. + * + * @param {Object} res Response object. + */ + function handleError( res ) { + $footer.addClass( classes.withError ); + + if ( typeof res.data === 'object' ) { + $footer.append( `

    ${ pluginType === 'addon' ? wpforms_admin.addon_error : wpforms_admin.plugin_error }

    ` ); + } else { + $footer.append( `

    ${ res.data }

    ` ); + } + + if ( state === 'install' ) { + checked = false; + WPFormsAdmin.removeSpinnerFromButton( $btn ); + } else if ( state === 'deactivate' ) { + checked = true; + } else if ( state === 'activate' ) { + checked = false; + } + } + + /** + * Handle success. + * + * @param {Object} res Response object. + */ + function handleSuccess( res ) { + if ( state === 'install' ) { + cssClass = classes.active; + checked = true; + + $footer.attr( 'data-plugin', res.data.basename ); + + if ( ! res.data.is_activated ) { + cssClass = classes.installed; + checked = false; + } + + $btn.hide(); + $btn = $btn.closest( '.wpforms-addons-list-item' ).find( '.wpforms-toggle-control input' ); + } else if ( state === 'activate' ) { + $footer.find( '.wpforms-addons-list-item-footer-settings-link' ).fadeIn( 150 ); + cssClass = classes.active; + checked = true; + } else if ( state === 'deactivate' ) { + $footer.find( '.wpforms-addons-list-item-footer-settings-link' ).fadeOut( 150 ); + cssClass = classes.installed; + checked = false; + } + + $footer.removeClass( classes.active + ' ' + classes.incompatible + ' ' + classes.installed + ' ' + classes.missing ).addClass( cssClass ); + } + + WPFormsAdmin.setAddonState( plugin, state, pluginType, function( res ) { + if ( res.success ) { + handleSuccess( res ); + } else { + handleError( res ); + } + + WPFormsAdmin.updateAddonButtonPropertiesAndUI( $btn, $addon, $footer, classes, checked ); + }, function() { + handleError( { + data: wpforms_admin.server_error, + } ); + + WPFormsAdmin.updateAddonButtonPropertiesAndUI( $btn, $addon, $footer, classes, checked ); + } ); + }, + + /** + * Add spinner to button. + * + * @since 1.8.6 + * + * @param {Object} $button Button element. + */ + addSpinnerToButton( $button ) { + const spinnerBlue = ''; + const originalWidth = $button.width(); + + $button.data( 'original-text', $button.html() ); + $button.width( originalWidth ).html( spinnerBlue ); + }, + + /** + * Remove spinner from button. + * + * @since 1.8.6 + * + * @param {Object} $button Button element. + */ + removeSpinnerFromButton( $button ) { + $button.html( $button.data( 'original-text' ) ); + }, + + /** + * Get addon state. + * + * @since 1.8.6 + * + * @param {Object} $footer Footer element. + * @param {Object} classes Classes object. + * @param {Object} $button Button element. + * + * @return {string} State. + */ + getAddonState( $footer, classes, $button ) { + if ( $footer.hasClass( classes.active ) || $footer.hasClass( classes.incompatible ) ) { + return 'deactivate'; + } + + if ( $footer.hasClass( classes.installed ) ) { + return 'activate'; + } + + if ( $footer.hasClass( classes.missing ) ) { + WPFormsAdmin.addSpinnerToButton( $button ); + return 'install'; + } + + return ''; + }, + + /** + * Update button properties and UI. + * + * @since 1.8.6 + * + * @param {Object} $btn Button element. + * @param {Object} $addon Addon element. + * @param {Object} $footer Footer element. + * @param {Object} classes Classes object. + * @param {boolean} checked Checked state. + */ + updateAddonButtonPropertiesAndUI( $btn, $addon, $footer, classes, checked ) { + $btn.prop( 'checked', checked ); + $btn.prop( 'disabled', false ); + $btn.siblings( '.wpforms-toggle-control-status' ).html( $btn.siblings( '.wpforms-toggle-control-status' ).data( checked ? 'on' : 'off' ) ); + + if ( $addon.find( '.wpforms-addons-list-item-footer-error' ).length > 0 ) { + setTimeout( function() { + $footer.removeClass( classes.withError ); + $addon.find( '.wpforms-addons-list-item-footer-error' ).remove(); + }, 6000 ); + } + }, + + /** + * Scroll to integration. + * + * @since 1.8.6 + */ + scrollToIntegration() { + const currentURL = window.location.href; + // eslint-disable-next-line compat/compat + const urlObject = new URL( currentURL ); + const searchParams = urlObject.searchParams; + const addon = searchParams.get( 'addon' ); + + if ( addon ) { + const $elementToScrollTo = $( '.wpforms-settings-provider[id*="' + addon + '"]' ); + + if ( $elementToScrollTo.length ) { + $( window ).scrollTop( $elementToScrollTo.offset().top ); + searchParams.delete( 'addon' ); + + window.history.pushState( {}, document.title, urlObject.toString() ); + } + } + }, + + /** + * Toggle addon state. + * + * @since 1.3.9 + * + * @param {Object} $btn Button element. + */ + // eslint-disable-next-line max-lines-per-function,complexity + addonToggle( $btn ) { + let state, + cssClass, + stateText, + buttonText, + errorText, + successText; + + if ( $btn.hasClass( 'status-go-to-url' ) ) { + // Open url in new tab. + window.open( $btn.attr( 'data-plugin' ), '_blank' ); + return; + } + + $btn.prop( 'disabled', true ).addClass( 'loading' ); + $btn.html( s.iconSpinner ); + + const pluginType = $btn.attr( 'data-type' ); + + if ( $btn.hasClass( 'status-active' ) ) { + // Deactivate. + state = 'deactivate'; + cssClass = 'status-installed'; + if ( pluginType === 'plugin' ) { + cssClass += ' button button-secondary'; + } + stateText = wpforms_admin.addon_inactive; + buttonText = wpforms_admin.addon_activate; + errorText = wpforms_admin.addon_deactivate; + if ( pluginType === 'addon' ) { + buttonText = s.iconActivate + buttonText; + errorText = s.iconDeactivate + errorText; + } + } else if ( $btn.hasClass( 'status-installed' ) ) { + // Activate. + state = 'activate'; + cssClass = 'status-active'; + if ( pluginType === 'plugin' ) { + cssClass += ' button button-secondary disabled'; + } + stateText = wpforms_admin.addon_active; + buttonText = wpforms_admin.addon_deactivate; + if ( pluginType === 'addon' ) { + buttonText = s.iconDeactivate + buttonText; + errorText = s.iconActivate + wpforms_admin.addon_activate; + } else if ( pluginType === 'plugin' ) { + buttonText = wpforms_admin.addon_activated; + errorText = wpforms_admin.addon_activate; + } + } else if ( $btn.hasClass( 'status-missing' ) ) { + // Install & Activate. + state = 'install'; + cssClass = 'status-active'; + if ( pluginType === 'plugin' ) { + cssClass += ' button disabled'; + } + stateText = wpforms_admin.addon_active; + buttonText = wpforms_admin.addon_activated; + errorText = s.iconInstall; + if ( pluginType === 'addon' ) { + buttonText = s.iconActivate + wpforms_admin.addon_deactivate; + errorText += wpforms_admin.addon_install; + } + } else { + return; + } + + const plugin = $btn.attr( 'data-plugin' ); + + // eslint-disable-next-line complexity + WPFormsAdmin.setAddonState( plugin, state, pluginType, function( res ) { + const $addon = $btn.closest( '.addon-item' ); + + if ( res.success ) { + if ( 'install' === state ) { + $btn.attr( 'data-plugin', res.data.basename ); + successText = res.data.msg; + if ( ! res.data.is_activated ) { + stateText = wpforms_admin.addon_inactive; + buttonText = 'plugin' === pluginType ? wpforms_admin.addon_activate : s.iconActivate + wpforms_admin.addon_activate; + cssClass = 'plugin' === pluginType ? 'status-installed button button-secondary' : 'status-installed'; + } + } else { + successText = res.data; + } + $addon.find( '.actions' ).append( '
    ' + successText + '
    ' ); + $addon.find( 'span.status-label' ) + .removeClass( 'status-active status-installed status-missing' ) + .addClass( cssClass ) + .removeClass( 'button button-primary button-secondary disabled' ) + .text( stateText ); + $btn + .removeClass( 'status-active status-installed status-missing' ) + .removeClass( 'button button-primary button-secondary disabled' ) + .addClass( cssClass ).html( buttonText ); + } else { + if ( 'object' === typeof res.data ) { + if ( pluginType === 'addon' ) { + $addon.find( '.actions' ).append( '

    ' + wpforms_admin.addon_error + '

    ' ); + } else { + $addon.find( '.actions' ).append( '

    ' + wpforms_admin.plugin_error + '

    ' ); + } + } else { + $addon.find( '.actions' ).append( '

    ' + res.data + '

    ' ); + } + if ( 'install' === state && 'plugin' === pluginType ) { + $btn.addClass( 'status-go-to-url' ).removeClass( 'status-missing' ); + } + $btn.html( errorText ); + } + + $btn.prop( 'disabled', false ).removeClass( 'loading' ); + + if ( ! $addon.find( '.actions' ).find( '.msg.error' ).length ) { + setTimeout( function() { + + $( '.addon-item .msg' ).remove(); + }, 3000 ); + } + }, + function( error ) { + // eslint-disable-next-line no-console + console.log( error.responseText ); + } ); + }, + + //--------------------------------------------------------------------// + // Settings. + //--------------------------------------------------------------------// + /** + * Element bindings for Settings page. + * + * @since 1.3.9 + */ + initSettings: function() { + + // On ready events. + $( document ).on( 'wpformsReady', function() { + + // Only proceed if we're on the settings page. + if ( ! $( '#wpforms-settings' ).length ) { + return; + } + + // Watch for hashes and scroll to if found. + // Display all addon boxes as the same height. + var integrationFocus = WPFormsAdmin.getQueryString( 'wpforms-integration' ), + jumpTo = WPFormsAdmin.getQueryString( 'jump' ); + + if ( integrationFocus ) { + $( 'body' ).animate( + { scrollTop: $( '#wpforms-integration-' + integrationFocus ).offset().top }, + 1000 + ); + } else if ( jumpTo ) { + $( 'body' ).animate( + { scrollTop: $( '#' + jumpTo ).offset().top }, + 1000 + ); + } + + // Settings conditional logic. + $( '.wpforms-admin-settings-form' ).conditions( [ + + // Misc > Disable User Cookies visibility. + { + conditions: { + element: '#wpforms-setting-gdpr', + type: 'checked', + operator: 'is', + }, + actions: { + if: { + element: '#wpforms-setting-row-gdpr-disable-uuid,#wpforms-setting-row-gdpr-disable-details', + action: 'show', + }, + else : { + element: '#wpforms-setting-row-gdpr-disable-uuid,#wpforms-setting-row-gdpr-disable-details', + action: 'hide', + }, + }, + effect: 'appear', + }, + + // CAPTCHA > Type. + { + conditions: { + element: 'input[name=captcha-provider]:checked', + type: 'value', + operator: '=', + condition: 'hcaptcha', + }, + actions: { + if: [ + { + element: '.wpforms-setting-row', + action: 'show', + }, + { + element: '.wpforms-setting-recaptcha, #wpforms-setting-row-recaptcha-site-key, #wpforms-setting-row-recaptcha-secret-key, #wpforms-setting-row-recaptcha-fail-msg, .wpforms-setting-turnstile, #wpforms-setting-row-turnstile-heading, #wpforms-setting-row-turnstile-site-key, #wpforms-setting-row-turnstile-secret-key, #wpforms-setting-row-turnstile-theme, #wpforms-setting-row-turnstile-fail-msg', + action: 'hide', + }, + ], + }, + effect: 'appear', + }, + { + conditions: { + element: 'input[name=captcha-provider]:checked', + type: 'value', + operator: '=', + condition: 'recaptcha', + }, + actions: { + if: [ + { + element: '.wpforms-setting-row', + action: 'show', + }, + { + element: '#wpforms-setting-row-hcaptcha-heading, #wpforms-setting-row-hcaptcha-site-key, #wpforms-setting-row-hcaptcha-secret-key, #wpforms-setting-row-hcaptcha-fail-msg, #wpforms-setting-row-turnstile-heading, #wpforms-setting-row-turnstile-site-key, #wpforms-setting-row-turnstile-secret-key, #wpforms-setting-row-turnstile-theme, #wpforms-setting-row-turnstile-fail-msg', + action: 'hide', + }, + ], + }, + effect: 'appear', + }, + { + conditions: { + element: 'input[name=captcha-provider]:checked', + type: 'value', + operator: '=', + condition: 'turnstile', + }, + actions: { + if: [ + { + element: '.wpforms-setting-row', + action: 'show', + }, + { + element: '#wpforms-setting-row-hcaptcha-heading, #wpforms-setting-row-hcaptcha-site-key, #wpforms-setting-row-hcaptcha-secret-key, #wpforms-setting-row-hcaptcha-fail-msg, .wpforms-setting-recaptcha, #wpforms-setting-row-recaptcha-site-key, #wpforms-setting-row-recaptcha-secret-key, #wpforms-setting-row-recaptcha-fail-msg', + action: 'hide', + }, + ], + }, + effect: 'appear', + }, + { + conditions: { + element: 'input[name=captcha-provider]:checked', + type: 'value', + operator: '=', + condition: 'none', + }, + actions: { + if: [ + { + element: '.wpforms-setting-row', + action: 'hide', + }, + { + element: '.wpforms-setting-captcha-heading, #wpforms-setting-row-captcha-provider', + action: 'show', + }, + ], + }, + effect: 'appear', + }, + ] ); + } ); + + // Render engine setting. + $( document ).on( 'change', '#wpforms-setting-row-render-engine input', WPFormsAdmin.settingsRenderEngineChange ); + + // Form styles plugin setting. + $( document ).on( 'change', '#wpforms-setting-disable-css', function() { + + WPFormsAdmin.settingsFormStylesAlert( $( this ).val() ); + } ); + + // Image upload fields. + $( document ).on( 'click', '.wpforms-setting-row-image button', function( event ) { + + event.preventDefault(); + + // If the remove button was clicked, clear the value and remove the image. + if ( $( this ).hasClass( 'wpforms-setting-remove-image' ) ) { + const $wrapper = $( this ).closest( '.wpforms-setting-row-image' ); + $wrapper.find( 'input' ).val( '' ).attr( 'value', '' ).trigger( 'change' ).end().find( 'img' ).remove(); + + return; + } + + WPFormsAdmin.imageUploadModal( $( this ) ); + } ); + + // Verify license key. + $( document ).on( 'click', '#wpforms-setting-license-key-verify', function( event ) { + + event.preventDefault(); + + WPFormsAdmin.licenseVerify( $( this ) ); + } ); + + // Show message for license field. + $( document ).on( 'click', '.wpforms-setting-license-wrapper', function( event ) { + + event.preventDefault(); + + var $keyField = $( '#wpforms-setting-license-key' ); + + if ( ! $keyField.length ) { + return; + } + + if ( ! $keyField.prop( 'disabled' ) ) { + return; + } + + WPFormsAdmin.licenseEditMessage(); + } ); + + // Deactivate license key. + $( document ).on( 'click', '#wpforms-setting-license-key-deactivate', function( event ) { + + event.preventDefault(); + + WPFormsAdmin.licenseDeactivate( $( this ) ); + } ); + + // Refresh license key. + $( document ).on( 'click', '#wpforms-setting-license-key-refresh', function( event ) { + + event.preventDefault(); + + WPFormsAdmin.licenseRefresh( $( this ) ); + } ); + + /** + * @todo Refactor providers settings tab. Code below is legacy. + */ + + // Integration connect. + $( document ).on( 'click', '.wpforms-settings-provider-connect', function( event ) { + + event.preventDefault(); + + var button = $( this ); + + WPFormsAdmin.integrationConnect( button ); + } ); + + // Integration account disconnect. + $( document ).on( 'click', '.wpforms-settings-provider-accounts-list .remove a', function( event ) { + + event.preventDefault(); + + WPFormsAdmin.integrationDisconnect( $( this ) ); + } ); + + // Integration individual display toggling. + $( document ).on( 'click', '.wpforms-settings-provider:not(.focus-out) .wpforms-settings-provider-header', function( event ) { + + event.preventDefault(); + + var $this = $( this ); + + $this + .parent() + .find( '.wpforms-settings-provider-accounts' ) + .stop( false, true ) + .slideToggle( '', function() { + $this.parent().find( '.wpforms-settings-provider-logo i' ).toggleClass( 'fa-chevron-right fa-chevron-down' ); + } ); + } ); + + // Integration accounts display toggling. + $( document ).on( 'click', '.wpforms-settings-provider-accounts-toggle a', function( event ) { + + event.preventDefault(); + + var $connectFields = $( this ).parent().next( '.wpforms-settings-provider-accounts-connect' ); + $connectFields.find( 'input[type=text], input[type=password]' ).val( '' ); + $connectFields.stop().slideToggle(); + } ); + + // CAPTCHA settings page: type toggling. + $( document ).on( 'change', '#wpforms-setting-row-captcha-provider input', function() { + + var $preview = $( '#wpforms-setting-row-captcha-preview' ); + + if ( this.value === 'hcaptcha' || this.value === 'turnstile' ) { + $preview.removeClass( 'wpforms-hidden' ); + } else if ( this.value === 'none' ) { + $preview.addClass( 'wpforms-hidden' ); + } else { + $( '#wpforms-setting-row-recaptcha-type input:checked' ).trigger( 'change' ); + } + + if ( $preview.find( '.wpforms-captcha-preview' ).length ) { + $preview.find( '.wpforms-captcha-preview' ).empty(); + $preview.find( '.wpforms-captcha-placeholder' ).removeClass( 'wpforms-hidden' ); + } + } ); + + // CAPTCHA settings page: reCAPTCHA type toggling. + $( document ).on( 'change', '#wpforms-setting-row-recaptcha-type input', function() { + + $( '#wpforms-setting-row-captcha-preview' ).toggleClass( 'wpforms-hidden', 'v2' !== this.value ); + $( '#wpforms-setting-row-recaptcha-v3-threshold' ).toggleClass( 'wpforms-hidden', 'v3' !== this.value ); + } ); + + // Toggle control switch description. + $( document ).on( 'change', '.wpforms-toggle-control input', function() { + const $input = $( this ), + checked = $input.is( ':checked' ), + state = checked ? 'on' : 'off', + $field = $input.closest( '.wpforms-setting-field' ), + $control = $input.closest( '.wpforms-toggle-control' ), + $status = $control.find( '.wpforms-toggle-control-status' ), + $descOn = $field.find( '.wpforms-toggle-desc.desc-on' ), + $descOff = $field.find( '.wpforms-toggle-desc.desc-off' ), + isDoubleDesc = $descOn.length > 0 && $descOff.length > 0; + + $descOn.toggleClass( 'wpforms-hidden', ! checked && isDoubleDesc ); + $descOff.toggleClass( 'wpforms-hidden', checked && isDoubleDesc ); + $status.html( $status.data( state ) ); + } ); + }, + + /** + * Render engine setting change event handler. + * + * @since 1.8.1 + * + * @param {object} e Event object. + */ + settingsRenderEngineChange: function( e ) { + + // noinspection JSUnusedLocalSymbols + // eslint-disable-next-line + const renderEngine = $( this ).val(); + + // TODO: Add corresponding code that need to be executed on change render engine setting. + }, + + /** + * Alert users if they change form styles to something that may give + * unexpected results. + * + * @since 1.5.0 + */ + settingsFormStylesAlert: function( value ) { + + if ( '2' === value ) { + var msg = wpforms_admin.settings_form_style_base; + } else if ( '3' === value ) { + var msg = wpforms_admin.settings_form_style_none; + } else { + return; + } + + $.alert( { + title: wpforms_admin.heads_up, + content: msg, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Image upload modal window. + * + * @since 1.3.0 + * + * @param {jQuery} $el Image upload button element. + */ + imageUploadModal( $el ) { + // To prevent caching of the media frame object and + // avoid confusion between multiple instances, + // this method no longer relies on the shared s.mediaFrame object. + // Instead, it creates a new mediaFrame object for each instance. + + const $setting = $el.closest( '.wpforms-setting-field' ); + + s.mediaFrame = wpf.initMediaLibrary( { + title: wpforms_admin.upload_image_title, + extensions: wpforms_admin.upload_image_extensions, + extensionsError: wpforms_admin.upload_image_extensions_error, + buttonText: wpforms_admin.upload_image_button, + } ); + + s.mediaFrame.on( 'select', function() { + // Grab our attachment selection and construct a JSON representation of the model. + const mediaAttachment = s.mediaFrame.state().get( 'selection' ).first().toJSON(); + const $input = $setting.find( 'input[type=text]' ); + + // Send the attachment URL to our custom input field via jQuery. + $input.val( mediaAttachment.url ); + $setting.find( 'img' ).remove(); + $setting.prepend( '' ); + $input.trigger( 'change' ); + } ).on( 'close', function() { + s.mediaFrame.off( 'library:selection:add' ); + } ); + + // Now that everything has been set, let's open up the frame. + s.mediaFrame.open(); + }, + + /** + * Verify a license key. + * + * @since 1.3.9 + * + * @param {jQuery} $el Verify button element. + */ + licenseVerify: function( $el ) { + + var $row = $el.closest( '.wpforms-setting-row' ), + $keyField = $( '#wpforms-setting-license-key' ), + buttonWidth = $el.outerWidth(), + buttonLabel = $el.text(), + data = { + action: 'wpforms_verify_license', + nonce: wpforms_admin.nonce, + license: $keyField.val(), + }; + + $el.html( s.iconSpinner ).css( 'width', buttonWidth ).prop( 'disabled', true ); + + $.post( wpforms_admin.ajax_url, data, function( res ) { + + var icon = 'fa fa-check-circle', + color = 'green', + msg; + + if ( res.success ) { + msg = res.data.msg; + $el.hide(); + $row.find( '#wpforms-setting-license-key-info-message' ).empty().hide(); + $row.find( '.type, .desc, #wpforms-setting-license-key-deactivate' ).show(); + $row.find( '.type strong' ).text( res.data.type ); + $( '.wpforms-license-notice' ).remove(); + $keyField + .prop( 'disabled', true ) + .addClass( 'wpforms-setting-license-is-valid' ) + .attr( 'value', $keyField.val() ); + } else { + icon = 'fa fa-exclamation-circle'; + color = 'orange'; + msg = res.data; + $row.find( '.type, .desc, #wpforms-setting-license-key-deactivate' ).hide(); + $keyField.prop( 'disabled', false ); + } + + $.alert( { + title: msg.header ?? false, + content: msg.msg ?? msg, + icon: icon, + type: color, + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + + $el.html( buttonLabel ).css( 'width', 'auto' ).prop( 'disabled', false ); + + } ).fail( function( xhr ) { + $keyField.prop( 'disabled', false ); + console.log( xhr.responseText ); + } ); + }, + + /** + * Show message that license key editing is disabled. + * + * @since 1.6.5 + */ + licenseEditMessage: function() { + + $.alert( { + title: wpforms_admin.heads_up, + content: wpforms_admin.edit_license, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Deactivate a license key. + * + * @since 1.3.9 + * + * @param {Element} el Button element. + */ + licenseDeactivate: function( el ) { + + const $this = $( el ); + const $row = $this.closest( '.wpforms-setting-row' ); + + const buttonWidth = $this.outerWidth(); + const buttonLabel = $this.text(); + + const data = { + action: 'wpforms_deactivate_license', + nonce: wpforms_admin.nonce, + }; + + $this.html( s.iconSpinner ).css( 'width', buttonWidth ).prop( 'disabled', true ); + + $.post( wpforms_admin.ajax_url, data, function( res ) { + + let icon = 'fa fa-info-circle'; + let color = 'blue'; + let title = wpforms_admin.success; + + const data = res.data; + const msg = ! data.msg || typeof data.msg !== 'string' ? wpforms_admin.something_went_wrong : data.msg; + + if ( res.success ) { + $row.find( '#wpforms-setting-license-key' ) + .val( '' ) + .attr( 'value', '' ) + .prop( { readonly: false, disabled: false } ) + .removeClass(); + $row.find( '.wpforms-license-key-deactivate-remove' ).remove(); + $row.find( '#wpforms-setting-license-key-info-message' ).html( data.info ).show(); + $row.find( '#wpforms-setting-license-key-verify' ).prop( 'disabled', false ).show(); + $row.find( '.type, .desc, #wpforms-setting-license-key-deactivate' ).hide(); + } else { + icon = 'fa fa-exclamation-circle'; + color = 'orange'; + title = wpforms_admin.oops; + } + + $.alert( { + title: title, + content: msg, + icon: icon, + type: color, + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + + $this.html( buttonLabel ).css( 'width', 'auto' ).prop( 'disabled', false ); + + } ).fail( function( xhr ) { + console.log( xhr.responseText ); + } ); + }, + + /** + * Refresh a license key. + * + * @since 1.3.9 + */ + licenseRefresh: function( el ) { + + var $this = $( el ), + $row = $this.closest( '.wpforms-setting-row' ), + $input = $( '#wpforms-setting-license-key' ), + data = { + action: 'wpforms_refresh_license', + nonce: wpforms_admin.nonce, + license: $input.val(), + }; + + $.post( wpforms_admin.ajax_url, data, function( res ) { + + var icon = 'fa fa-check-circle', + color = 'green', + msg; + + if ( res.success ) { + msg = res.data.msg; + $row.find( '.type strong' ).text( res.data.type ); + } else { + icon = 'fa fa-exclamation-circle'; + color = 'orange'; + msg = res.data; + $row.find( '.type, .desc' ).hide(); + $input.removeClass( 'wpforms-setting-license-is-valid' ).addClass( 'wpforms-setting-license-is-invalid' ); + } + + $.alert( { + title: msg.header ?? false, + content: msg.msg ?? msg, + icon: icon, + type: color, + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + + } ).fail( function( xhr ) { + console.log( xhr.responseText ); + } ); + }, + + /** + * Connect integration provider account. + * + * @param $btn Button (.wpforms-settings-provider-connect) that was clicked to establish connection. + * + * @since 1.3.9 + */ + integrationConnect: function( $btn ) { + + var buttonWidth = $btn.outerWidth(), + buttonLabel = $btn.text(), + $provider = $btn.closest( '.wpforms-settings-provider' ), + data = { + action : 'wpforms_settings_provider_add_' + $btn.data( 'provider' ), + data : $btn.closest( 'form' ).serialize(), + provider: $btn.data( 'provider' ), + nonce : wpforms_admin.nonce, + }, + errorMessage = wpforms_admin.provider_auth_error; + + $btn.html( wpforms_admin.connecting ).css( 'width', buttonWidth ).prop( 'disabled', true ); + + $.post( wpforms_admin.ajax_url, data, function( response ) { + + if ( response.success ) { + $provider.find( '.wpforms-settings-provider-accounts-list ul' ).append( response.data.html ); + $provider.addClass( 'connected' ); + $btn.closest( '.wpforms-settings-provider-accounts-connect' ).stop().slideToggle(); + + } else { + + if ( + Object.prototype.hasOwnProperty.call( response, 'data' ) && + Object.prototype.hasOwnProperty.call( response.data, 'error_msg' ) + ) { + errorMessage += '
    ' + response.data.error_msg; + } + + WPFormsAdmin.integrationError( errorMessage ); + } + + } ).fail( function() { + + WPFormsAdmin.integrationError( errorMessage ); + } ).always( function() { + + $btn.html( buttonLabel ).css( 'width', 'auto' ).prop( 'disabled', false ); + } ); + }, + + /** + * Remove integration provider account. + * + * @since 1.3.9 + * + * @param {object} el Disconnect link that was clicked to establish removing account. + */ + integrationDisconnect: function( el ) { + + var $this = $( el ), + $provider = $this.parents( '.wpforms-settings-provider' ), + data = { + action : 'wpforms_settings_provider_disconnect_' + $this.data( 'provider' ), + provider: $this.data( 'provider' ), + key : $this.data( 'key' ), + nonce : wpforms_admin.nonce, + }, + errorMessage = wpforms_admin.provider_delete_error; + + $.confirm( { + title: wpforms_admin.heads_up, + content: wpforms_admin.provider_delete_confirm, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: function() { + + $.post( wpforms_admin.ajax_url, data, function( response ) { + + if ( response.success ) { + $this.parent().parent().remove(); + + // Hide Connected status label if no more integrations are linked. + var numberOfIntegrations = $provider.find( '.wpforms-settings-provider-accounts-list li' ).length; + + if ( typeof numberOfIntegrations === 'undefined' || numberOfIntegrations === 0 ) { + $provider.removeClass( 'connected' ); + } + + /** + * Provider account has been removed. + * + * @since 1.7.7 + */ + $( document ).trigger( 'wpformsProviderRemoved', [ $provider, response ] ); + } else { + + if ( + Object.prototype.hasOwnProperty.call( response, 'data' ) && + Object.prototype.hasOwnProperty.call( response.data, 'error_msg' ) + ) { + errorMessage += '
    ' + response.data.error_msg; + } + + WPFormsAdmin.integrationError( errorMessage ); + } + } ).fail( function() { + + WPFormsAdmin.integrationError( errorMessage ); + } ); + }, + }, + cancel: { + text: wpforms_admin.cancel, + keys: [ 'esc' ], + }, + }, + } ); + }, + + /** + * Error handling. + * + * @since 1.6.4 + * + * @param {string} error Error message. + */ + integrationError: function( error ) { + + $.alert( { + title: wpforms_admin.something_went_wrong, + content: error, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + //--------------------------------------------------------------------// + // Tools. + //--------------------------------------------------------------------// + + /** + * Element bindings for Tools page. + * + * @since 1.4.2 + */ + initTools() { + // Enable import/export buttons when a value is selected. + $( document ).on( 'change', '#wpforms-tools-form-import, #wpforms-tools-form-other-import, #wpforms-tools-form-export, #wpforms-tools-form-template', function() { + const $field = $( this ); + const $button = $field.parents( 'form' ).find( 'button' ); + + $button.attr( 'aria-disabled', $field.val().length === 0 ); + } ); + + // Copy system information to clipboard. + $( document ).on( 'click', '#wpforms-system-information-copy', function( event ) { + event.preventDefault(); + WPFormsAdmin.copySystemInformation(); + } ); + + // Run SSL test. + $( document ).on( 'click', '#wpforms-ssl-verify', function( event ) { + event.preventDefault(); + WPFormsAdmin.verifySSLConnection(); + } ); + + // Recreate database tables. + $( document ).on( 'click', '#wpforms-recreate-tables', function( event ) { + event.preventDefault(); + WPFormsAdmin.recreateTables(); + } ); + + // Run import for a specific provider. + $( document ).on( 'click', '#wpforms-importer-forms-submit', function( event ) { + event.preventDefault(); + + // Check to confirm user as selected a form. + if ( $( '#wpforms-importer-forms input:checked' ).length ) { + const ids = []; + + $( '#wpforms-importer-forms input:checked' ).each( function( i ) { + ids[ i ] = $( this ).val(); + } ); + + if ( ! wpforms_admin.isPro ) { + // We need to analyze the forms before starting the actual import. + WPFormsAdmin.analyzeForms( ids ); + } else { + // Begin the import process. + WPFormsAdmin.importForms( ids ); + } + } else { + // User didn't actually select a form so alert them. + $.alert( { + title: wpforms_admin.heads_up, + content: wpforms_admin.importer_forms_required, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: { + confirm: { + text: wpforms_admin.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + } + } ); + + // Continue import after analyzing. + $( document ).on( 'click', '#wpforms-importer-continue-submit', function( event ) { + event.preventDefault(); + WPFormsAdmin.importForms( s.formIDs ); + } ); + }, + + /** + * Copy system information to clipboard. + * + * @since 1.8.4 + */ + copySystemInformation() { + $( '#wpforms-system-information' ).select(); + document.execCommand( 'copy' ); + }, + + /** + * Perform test connection to verify that the current web host + * can successfully make outbound SSL connections. + * + * @since 1.4.5 + */ + verifySSLConnection() { + const $btn = $( '#wpforms-ssl-verify' ); + const btnLabel = $btn.text(); + const btnWidth = $btn.outerWidth(); + const $settings = $btn.parent(); + + $btn.css( 'width', btnWidth ).prop( 'disabled', true ).text( wpforms_admin.testing ); + + const data = { + action: 'wpforms_verify_ssl', + nonce: wpforms_admin.nonce, + }; + + // Trigger AJAX to test connection + $.post( wpforms_admin.ajax_url, data, function( res ) { + WPFormsAdmin.debug( res ); + + // Remove any previous alerts. + $settings.find( '.wpforms-notice' ).remove(); + + if ( res.success ) { + $btn.before( '
    ' + res.data.msg + '
    ' ); + } + + if ( ! res.success && res.data.msg ) { + $btn.before( '
    ' + res.data.msg + '
    ' ); + } + + if ( ! res.success && res.data.debug ) { + $btn.before( '
    ' + res.data.debug + '
    ' ); + } + + $btn.css( 'width', btnWidth ).prop( 'disabled', false ).text( btnLabel ); + } ); + }, + + /** + * Recreate custom tables. + * + * @since 1.9.0 + */ + recreateTables() { + const $btn = $( '#wpforms-recreate-tables' ); + const btnLabel = $btn.text(); + const btnWidth = $btn.outerWidth(); + const $settings = $btn.parent(); + + $btn.css( 'width', btnWidth ).prop( 'disabled', true ).text( wpforms_admin.recreating ); + + const data = { + action: 'wpforms_recreate_tables', + nonce: wpforms_admin.nonce, + }; + + // Trigger AJAX to recreate tables. + $.post( wpforms_admin.ajax_url, data, function( res ) { + WPFormsAdmin.debug( res ); + + // Remove any previous alerts. + $settings.find( '.wpforms-notice' ).remove(); + + if ( res.success ) { + $btn.before( '
    ' + res.data.msg + '
    ' ); + $btn.hide(); + } + + if ( ! res.success && res.data.msg ) { + $btn.before( '
    ' + res.data.msg + '
    ' ); + } + + if ( ! res.success && res.data.debug ) { + $btn.before( '
    ' + res.data.debug + '
    ' ); + } + } ).always( function() { + $btn.css( 'width', btnWidth ).prop( 'disabled', false ).text( btnLabel ); + } ); + }, + + /** + * Begins the process of analyzing the forms. + * + * This runs for non-Pro installs to check if any of the forms to be + * imported contain fields + * not currently available. + * + * @since 1.4.2 + */ + analyzeForms: function( forms ) { + + var $processAnalyze = $( '#wpforms-importer-analyze' ); + + // Display total number of forms we have to import. + $processAnalyze.find( '.form-total' ).text( forms.length ); + $processAnalyze.find( '.form-current' ).text( '1' ); + + // Hide the form select section. + $( '#wpforms-importer-forms' ).hide(); + + // Show Analyze status. + $processAnalyze.show(); + + // Create global analyze queue. + s.analyzeQueue = forms; + s.analyzed = 0; + s.analyzeUpgrade = []; + s.formIDs = forms; + + // Analyze the first form in the queue. + WPFormsAdmin.analyzeForm(); + }, + + /** + * Analyze a single form from the queue. + * + * @since 1.4.2 + */ + analyzeForm: function() { + + var $analyzeSettings = $( '#wpforms-importer-analyze' ), + formID = _.first( s.analyzeQueue ), + provider = WPFormsAdmin.getQueryString( 'provider' ), + data = { + action: 'wpforms_import_form_' + provider, + analyze: 1, + form_id: formID, + nonce: wpforms_admin.nonce, + }; + + // Trigger AJAX analyze for this form. + $.post( wpforms_admin.ajax_url, data, function( res ) { + + if ( res.success ) { + + if ( ! _.isEmpty( res.data.upgrade_plain ) || ! _.isEmpty( res.data.upgrade_omit ) ) { + s.analyzeUpgrade.push( { + name: res.data.name, + fields: _.union( res.data.upgrade_omit, res.data.upgrade_plain ), + } ); + } + + // Remove this form ID from the queue. + s.analyzeQueue = _.without( s.analyzeQueue, formID ); + s.analyzed++; + + if ( _.isEmpty( s.analyzeQueue ) ) { + + if ( _.isEmpty( s.analyzeUpgrade ) ) { + + // Continue to import forms as no Pro fields were found. + WPFormsAdmin.importForms( s.formIDs ); + } else { + + // We found Pro fields, so alert the user. + var upgradeDetails = wp.template( 'wpforms-importer-upgrade' ); + $analyzeSettings.find( '.upgrade' ).append( upgradeDetails( s.analyzeUpgrade ) ); + $analyzeSettings.find( '.upgrade' ).show(); + $analyzeSettings.find( '.process-analyze' ).hide(); + } + + } else { + + // Analyze next form in the queue. + $analyzeSettings.find( '.form-current' ).text( s.analyzed + 1 ); + WPFormsAdmin.analyzeForm(); + } + } + } ); + }, + + /** + * Begins the process of importing the forms. + * + * @since 1.4.2 + */ + importForms: function( forms ) { + + var $processSettings = $( '#wpforms-importer-process' ); + + // Display total number of forms we have to import. + $processSettings.find( '.form-total' ).text( forms.length ); + $processSettings.find( '.form-current' ).text( '1' ); + + // Hide the form select and form analyze sections. + $( '#wpforms-importer-forms, #wpforms-importer-analyze' ).hide(); + + // Show processing status. + $processSettings.show(); + + // Create global import queue. + s.importQueue = forms; + s.imported = 0; + + // Import the first form in the queue. + WPFormsAdmin.importForm(); + }, + + /** + * Imports a single form from the import queue. + * + * @since 1.4.2 + */ + importForm: function() { + + var $processSettings = $( '#wpforms-importer-process' ), + formID = _.first( s.importQueue ), + provider = WPFormsAdmin.getQueryString( 'provider' ), + data = { + action: 'wpforms_import_form_' + provider, + form_id: formID, + nonce: wpforms_admin.nonce, + }; + + // Trigger AJAX import for this form. + $.post( wpforms_admin.ajax_url, data, function( res ) { + + if ( res.success ) { + var statusUpdate; + + if ( res.data.error ) { + statusUpdate = wp.template( 'wpforms-importer-status-error' ); + } else { + statusUpdate = wp.template( 'wpforms-importer-status-update' ); + } + + $processSettings.find( '.status' ).prepend( statusUpdate( res.data ) ); + $processSettings.find( '.status' ).show(); + + // Remove this form ID from the queue. + s.importQueue = _.without( s.importQueue, formID ); + s.imported++; + + if ( _.isEmpty( s.importQueue ) ) { + + $processSettings.find( '.process-count' ).hide(); + $processSettings.find( '.forms-completed' ).text( s.imported ); + $processSettings.find( '.process-completed' ).show(); + + } else { + + // Import next form in the queue. + $processSettings.find( '.form-current' ).text( s.imported + 1 ); + WPFormsAdmin.importForm(); + + } + } + } ); + }, + + //--------------------------------------------------------------------// + // Upgrades (Tabs view). + //--------------------------------------------------------------------// + + /** + * Element bindings for Tools page. + * + * @since 1.4.3 + */ + initUpgrades: function() { + + // Prepare to run the v1.4.3 upgrade routine. + $( document ).on( 'click', '#wpforms-upgrade-143 button', function( event ) { + + event.preventDefault(); + + var $this = $( this ), + buttonWidth = $this.outerWidth(), + $status = $( '#wpforms-upgrade-143 .status' ), + data = { + action: 'wpforms_upgrade_143', + nonce: wpforms_admin.nonce, + init: true, + incomplete: $this.data( 'incomplete' ), + }; + + // Change the button to indicate we are doing initial processing. + $this.html( s.iconSpinner ).css( 'width', buttonWidth ).prop( 'disabled', true ); + + // Get the total number of entries, then kick off the routine. + $.post( wpforms_admin.ajax_url, data, function( res ) { + if ( res.success ) { + + // Set initial values. + s.upgraded = Number( res.data.upgraded ); + s.upgradeTotal = Number( res.data.total ); + var percent = Math.round( ( Number( s.upgraded ) / Number( s.upgradeTotal ) ) * 100 ); + + // Show the status area. + $this.remove(); + $status.find( '.bar' ).css( 'width', percent + '%' ); + $status.show().find( '.total' ).text( s.upgradeTotal ); + $status.find( '.current' ).text( s.upgraded ); + $status.find( '.percent' ).text( percent + '%' ); + + // Begin the actual upgrade routine. + WPFormsAdmin.upgrade143(); + } + } ); + } ); + }, + + /** + * The v1.4.3 entry fields upgrade routine. + * + * @since 1.4.3 + */ + upgrade143: function() { + + var $status = $( '#wpforms-upgrade-143 .status' ), + data = { + action: 'wpforms_upgrade_143', + nonce: wpforms_admin.nonce, + upgraded: s.upgraded, + }; + + // Get the total number of entries, then kick off the routine. + $.post( wpforms_admin.ajax_url, data, function( res ) { + if ( res.success ) { + + s.upgraded = Number( s.upgraded ) + Number( res.data.count ); + var percent = Math.round( ( Number( s.upgraded ) / Number( s.upgradeTotal ) ) * 100 ); + + // Update progress bar. + $status.find( '.bar' ).css( 'width', percent + '%' ); + + if ( Number( res.data.count ) < 10 ) { + + // This batch completed the upgrade routine. + $status.find( '.progress-bar' ).addClass( 'complete' ); + $status.find( '.msg' ).text( wpforms_admin.upgrade_completed ); + } else { + + $status.find( '.current' ).text( s.upgraded ); + $status.find( '.percent' ).text( percent + '%' ); + + // Batch the next round of entries. + WPFormsAdmin.upgrade143(); + } + } + } ); + }, + + /** + * Element bindings for Flyout Menu. + * + * @since 1.5.7 + */ + initFlyoutMenu: function() { + + // Flyout Menu Elements. + var $flyoutMenu = $( '#wpforms-flyout' ); + + if ( $flyoutMenu.length === 0 ) { + return; + } + + var $head = $flyoutMenu.find( '.wpforms-flyout-head' ), + $sullie = $head.find( 'img' ), + menu = { + state: 'inactive', + srcInactive: $sullie.attr( 'src' ), + srcActive: $sullie.data( 'active' ), + }; + + // Click on the menu head icon. + $head.on( 'click', function( e ) { + + e.preventDefault(); + + if ( menu.state === 'active' ) { + $flyoutMenu.removeClass( 'opened' ); + $sullie.attr( 'src', menu.srcInactive ); + menu.state = 'inactive'; + } else { + $flyoutMenu.addClass( 'opened' ); + $sullie.attr( 'src', menu.srcActive ); + menu.state = 'active'; + } + } ); + + // Page elements and other values. + var $wpfooter = $( '#wpfooter' ); + + if ( $wpfooter.length === 0 ) { + return; + } + + var $overlap = $( + '#wpforms-overview, ' + + '#wpforms-entries-list, ' + + '#wpforms-tools.wpforms-tools-tab-action-scheduler, ' + + '#wpforms-tools.wpforms-tools-tab-logs' + ); + + // Hide menu if scrolled down to the bottom of the page. + $( window ).on( 'resize scroll', _.debounce( function( e ) { + + var wpfooterTop = $wpfooter.offset().top, + wpfooterBottom = wpfooterTop + $wpfooter.height(), + overlapBottom = $overlap.length > 0 ? $overlap.offset().top + $overlap.height() + 85 : 0, + viewTop = $( window ).scrollTop(), + viewBottom = viewTop + $( window ).height(); + + if ( wpfooterBottom <= viewBottom && wpfooterTop >= viewTop && overlapBottom > viewBottom ) { + $flyoutMenu.addClass( 'out' ); + } else { + $flyoutMenu.removeClass( 'out' ); + } + }, 50 ) ); + + $( window ).trigger( 'scroll' ); + }, + + /** + * Lity improvements. + * + * @since 1.5.8 + */ + initLity: function() { + + // Use `data-lity-srcset` opener's attribute for add srcset to full image in opened lightbox. + $( document ).on( 'lity:ready', function( event, instance ) { + + var $el = instance.element(), + $opener = instance.opener(), + srcset = typeof $opener !== 'undefined' ? $opener.data( 'lity-srcset' ) : ''; + + if ( typeof srcset !== 'undefined' && srcset !== '' ) { + $el.find( '.lity-content img' ).attr( 'srcset', srcset ); + } + } ); + }, + + //--------------------------------------------------------------------// + // Helper functions. + //--------------------------------------------------------------------// + + /** + * Return if the target nodeName is a form element. + * + * @since 1.4.0 + */ + isFormTypeNode: function( name ) { + + name = name || false; + + if ( 'TEXTAREA' === name || 'INPUT' === name || 'SELECT' === name ) { + return true; + } + + return false; + }, + + /** + * Get query string in a URL. + * + * @since 1.3.9 + */ + getQueryString: function( name ) { + + var match = new RegExp( '[?&]' + name + '=([^&]*)' ).exec( window.location.search ); + return match && decodeURIComponent( match[1].replace( /\+/g, ' ' ) ); + }, + + /** + * Debug output helper. + * + * @since 1.4.4 + * @param msg + */ + debug: function( msg ) { + + if ( WPFormsAdmin.isDebug() ) { + if ( typeof msg === 'object' || msg.constructor === Array ) { + console.log( 'WPForms Debug:' ); + console.log( msg ); + } else { + console.log( 'WPForms Debug: ' + msg ); + } + } + }, + + /** + * Is debug mode. + * + * @since 1.4.4 + */ + isDebug: function() { + + return ( window.location.hash && '#wpformsdebug' === window.location.hash ); + }, + + /** + * Get Delete / Trash all notice message. + * + * @since 1.8.5 + * + * @param {string} type Type of screen. + * + * @return {Object} Notice Data object. + */ + getDeleteAllNoticeData: ( type = '' ) => { + // Define delete data for spam or trash. + if ( [ 'spam', 'trash' ].includes( type ) ) { + return { + contentAll : wpforms_admin.entry_delete_all_confirm, + content : wpforms_admin.entry_delete_n_confirm, + action : 'delete', + }; + } + + // Otherwise define trash data. + return { + contentAll : wpforms_admin.entry_trash_all_confirm, + content : wpforms_admin.entry_trash_n_confirm, + action : 'trash', + }; + }, + + /** + * Show/hide the right arrow for the scrollable menu on mobile devices. + * + * @since 1.8.8 + */ + initScrollableMenu() { + $( document ).on( 'wpformsReady', function() { + const $menu = $( '.wpforms-admin-tabs' ); + + if ( ! $menu.length ) { + return; + } + + const $lastMenuItem = $menu.find( 'li:last-child' ); + + // The last item of the menu is not visible - show the right arrow as an indicator of a scrollable menu. + if ( ! wpf.isInViewport( $lastMenuItem ) ) { + $menu.addClass( 'wpforms-admin-tabs--scrollable' ); + } + + // Listen to `scroll` event in order to hide the right arrow when the last item is visible. + $menu.on( 'scroll', function() { + $menu.toggleClass( 'wpforms-admin-tabs--scrollable', ! wpf.isInViewport( $lastMenuItem ) ); + } ); + } ); + }, + }; + + WPFormsAdmin.init(); + + window.WPFormsAdmin = WPFormsAdmin; + +}( jQuery ) ); diff --git a/assets/js/admin.min.js b/assets/js/admin.min.js new file mode 100644 index 00000000..0badb009 --- /dev/null +++ b/assets/js/admin.min.js @@ -0,0 +1 @@ +!function(l){"use strict";var m,p={settings:{iconActivate:'',iconDeactivate:'',iconInstall:'',iconSpinner:'',mediaFrame:!1},init:function(){m=this.settings,l(p.ready),p.initEntriesSingle(),p.initEntriesList(),p.initWelcome(),l(document).on("wpformsReady",p.initAddons),p.initSettings(),p.initTools(),p.initUpgrades(),p.initScrollableMenu()},ready:function(){l.ajaxSetup({data:{_wp_http_referer:wpf.updateQueryString("_wp_http_referer",null)}}),p.scrollToIntegration(),l(".notice").show(),l("#screen-meta-links, #screen-meta").prependTo("#wpforms-header-temp").show(),p.initChoicesJS(),l(document).on("htmx:afterSwap",p.initChoicesJS),p.initCheckboxMultiselectColumns(),l(".wpforms-color-picker").each(function(){var e=l(this);e.minicolors({defaultValue:e.data("fallback-color")||""})}),l(".wpforms-file-upload").each(function(){var e=l(this).find("input[type=file]"),n=l(this).find("label"),o=n.html();e.on("change",function(e){var t="";this.files&&1'+t+"")):(e.parent().removeClass("checked"),n.find("#"+o).remove())}),l(document).on("click",".checkbox-multiselect-columns .all",function(e){e.preventDefault(),l(this).closest(".checkbox-multiselect-columns").find("input[type=checkbox]").prop("checked",!0).trigger("change"),l(this).remove()})},initFormOverview:function(){console.warn('WARNING! Function "WPFormsAdmin.initFormOverview()" has been deprecated, please use the new "WPFormsForms.Overview.init()" function instead!'),window.WPFormsForms.Overview.init()},initEntriesList(){l(document).on("click","#wpforms-entries-list .form-selector .toggle",function(e){e.preventDefault(),l(this).toggleClass("active").next(".form-list").toggle()}),l(document).on("click","#wpforms-entries-table #doaction",function(e){var t=l(this).closest("form"),n=t.find("table"),o=t.find("select[name=action]"),n=n.find("input[name^=entry_id]:checked");"delete"!==o.val()&&"trash"!==o.val()||!n.length||(o="delete"===o.val()?wpforms_admin.entry_delete_n_confirm:wpforms_admin.entry_trash_n_confirm,e.preventDefault(),l.confirm({title:wpforms_admin.heads_up,content:o.replace("{entry_count}",n.length),icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"],action:function(){t.trigger("submit")}},cancel:{text:wpforms_admin.cancel,keys:["esc"]}}}))}),l(document).on("click","#wpforms-entries-list .wp-list-table .delete",function(e){e.preventDefault();var t=l(this).attr("href");l.confirm({title:wpforms_admin.heads_up,content:wpforms_admin.entry_delete_confirm,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"],action:function(){window.location=t}},cancel:{text:wpforms_admin.cancel,keys:["esc"]}}})}),l(document).on("click","#wpforms-entries-list .wp-list-table .trash",function(e){e.preventDefault();const t=l(this).attr("href");l.confirm({title:wpforms_admin.heads_up,content:wpforms_admin.entry_trash_confirm,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"],action:()=>{window.location=t}},cancel:{text:wpforms_admin.cancel,keys:["esc"]}}})}),l(document).on("click","#wpforms-entries-list .wp-list-table .indicator-star",function(e){e.preventDefault();var e=l(this),t=l("#wpforms-entries-list .starred-num"),n=e.parents("table");let o="",i=Number(t.text());e.hasClass("star")?(o="star",i++,e.attr("title",wpforms_admin.entry_unstar)):(o="unstar",i--,e.attr("title",wpforms_admin.entry_star)),e.toggleClass("star unstar"),n.hasClass("wpforms-entries-table-spam")||n.hasClass("wpforms-entries-table-trash")||t.text(i);n={task:o,action:"wpforms_entry_list_star",nonce:wpforms_admin.nonce,entryId:e.data("id"),formId:e.data("form-id")};l.post(wpforms_admin.ajax_url,n)}),l(document).on("click","#wpforms-entries-list .wp-list-table .indicator-read",function(e){e.preventDefault();var e=l(this),t=l("#wpforms-entries-list .unread-num"),n=e.parents("table");let o="",i=Number(t.text());e.hasClass("read")?(o="read",i--,e.attr("title",wpforms_admin.entry_unread)):(o="unread",i++,e.attr("title",wpforms_admin.entry_read)),e.toggleClass("read unread"),n.hasClass("wpforms-entries-table-spam")||n.hasClass("wpforms-entries-table-trash")||t.text(i);n={task:o,action:"wpforms_entry_list_read",nonce:wpforms_admin.nonce,entryId:e.data("id"),formId:e.data("form-id")};l.post(wpforms_admin.ajax_url,n)}),l(document).on("click","#wpforms-entries-list .form-details-actions-removeall",function(e){e.preventDefault();const t=l(this).data("page"),n=p.getDeleteAllNoticeData(t),o=l(this).attr("href"),i=l("#wpforms-entries-table"),s=i.data("filtered-count-trash")&&"trash"===n.action?parseInt(i.data("filtered-count-trash"),10):0,a={action:"wpforms_entry_list_process_"+n.action+"_all",form_id:i.find('input[name="form_id"]').val(),date:i.find('input[name="date"]').val(),page:t,search:{field:i.find('select[name="search[field]"]').val(),comparison:i.find('select[name="search[comparison]"]').val(),term:i.find('input[name="search[term]"]').val()},nonce:wpforms_admin.nonce,url:o};l.confirm({title:wpforms_admin.heads_up,content:s&&l("#wpforms-reset-filter").length?n.content.replace("{entry_count}",s):n.contentAll,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"],action:()=>{l.get(wpforms_admin.ajax_url,a).done(function(e){e.success&&(window.location=_.isEmpty(e.data)?o:e.data)})}},cancel:{text:wpforms_admin.cancel,keys:["esc"]}}})}),l(document).on("heartbeat-send",function(e,t){var n,o=l("#wpforms-entries-list");o.length&&!o.find(".wpforms-dash-widget").length&&void 0!==(n=o.find("#wpforms-entries-table").data("last-entry-id"))&&(t.wpforms_new_entries_entry_id=n,t.wpforms_new_entries_form_id=o.find("input[name=form_id]").val())}),l(document).on("heartbeat-tick",function(e,t){var n,o,i=l("#wpforms-entries-list");i.length&&t.wpforms_new_entries_notification&&(n=i.find(".wp-list-table thead tr").first().children().length,i.find(".new-entries-notification").length||i.find(".wp-list-table thead").append(''),(o=i.find(".new-entries-notification a")).text(t.wpforms_new_entries_notification).slideDown({start:function(){o.css("display","block")},always:function(){o.css("display","block")}}))})},initEntriesSingle:function(){"wpforms-entries"===p.getQueryString("page")&&"details"===p.getQueryString("view")&&p.entryHotkeys(),l(document).on("click","#wpforms-entries-single .wpforms-entry-delete a",function(e){e.preventDefault();const t=l(this).attr("href");l.confirm({title:wpforms_admin.heads_up,content:wpforms_admin.entry_delete_confirm,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"],action:function(){window.location=t}},cancel:{text:wpforms_admin.cancel,keys:["esc"]}}})}),l(document).on("click","#wpforms-entries-single .trash",function(e){e.preventDefault();const t=l(this).attr("href");l.confirm({title:wpforms_admin.heads_up,content:wpforms_admin.entry_trash_confirm,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"],action:()=>{window.location=t}},cancel:{text:wpforms_admin.cancel,keys:["esc"]}}})}),l(document).on("click","#wpforms-entries-single .wpforms-entry-print a",function(e){e.preventDefault(),window.open(l(this).attr("href"))}),l(document).on("click","#wpforms-entries-single .wpforms-empty-field-toggle",function(e){e.preventDefault(),"true"===wpCookies.get("wpforms_entry_hide_empty")?(wpCookies.remove("wpforms_entry_hide_empty"),l(this).text(wpforms_admin.entry_empty_fields_hide)):(wpCookies.set("wpforms_entry_hide_empty","true",2592e3),l(this).text(wpforms_admin.entry_empty_fields_show)),l(".wpforms-entry-field.empty, .wpforms-edit-entry-field.empty").toggle()}),l(document).on("click","#wpforms-entries-single .wpforms-entry-notes-new .add",function(e){e.preventDefault(),l(this).hide().next("form").stop().slideToggle()}),l(document).on("click","#wpforms-entries-single .wpforms-entry-notes-new .cancel",function(e){e.preventDefault(),l(this).closest("form").stop().slideToggle(),l(".wpforms-entry-notes-new .add").show()}),l(document).on("click","#wpforms-entries-single .wpforms-entry-notes-byline .note-delete",function(e){e.preventDefault();var t=l(this).attr("href");l.confirm({title:wpforms_admin.heads_up,content:wpforms_admin.entry_note_delete_confirm,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"],action:function(){window.location=t}},cancel:{text:wpforms_admin.cancel,keys:["esc"]}}})})},entryHotkeys:function(){l(document).on("keydown",function(e){74!==e.keyCode||e.metaKey||p.isFormTypeNode(e.target.nodeName)?75!==e.keyCode||e.metaKey||p.isFormTypeNode(e.target.nodeName)||"#"!==(e=l("#wpforms-admin-single-navigation-next-link").attr("href"))&&(window.location.href=e):"#"!==(e=l("#wpforms-admin-single-navigation-prev-link").attr("href"))&&(window.location.href=e)})},initWelcome:function(){l(document).on("click","#wpforms-welcome .play-video",function(e){e.preventDefault();l.dialog({title:!1,content:'
    ',closeIcon:!0,boxWidth:"70%"})})},initAddons:function(){if(l("#wpforms-admin-addons").length){var n=l("#wpforms-addons-list-section-all"),o=l("#wpforms-addons-list-section-installed");if(n.length||o.length){let e,t;o.length&&(e=new List("wpforms-addons-list-section-installed",{valueNames:["addon-link"]})),n.length&&(t=new List("wpforms-addons-list-section-all",{valueNames:["addon-link"]})),l("#wpforms-addons-search").on("keyup search",function(){p.updateAddonSearchResult(this,t,e)})}l(document).on("change",".wpforms-addons-list-item .wpforms-toggle-control input",function(e){if(e.preventDefault(),l(this).hasClass("disabled"))return!1;p.addonToggleNew(l(this))}),l(document).on("click",".wpforms-addons-list-item button",function(e){if(e.preventDefault(),l(this).hasClass("disabled"))return!1;p.addonToggleNew(l(this))}),l(document).on("click","#wpforms-admin-addons .addon-item button",function(e){if(e.preventDefault(),l(this).hasClass("disabled"))return!1;p.addonToggle(l(this))})}},updateAddonSearchResult(e,t,n){let o=l(e).val();o=o.replace(/[.,]/g," ");var e=l("#wpforms-addons-no-results"),i=l("#wpforms-addons-list-section-all"),s=l("#wpforms-addons-list-section-installed"),t=t?t.search(o):[],n=n?n.search(o):[];e.toggle(0===t.length&&0===n.length),i.toggle(0

    ${"addon"===t?wpforms_admin.addon_error:wpforms_admin.plugin_error}

    `):s.append(`

    ${e.data}

    `),"install"===d?(n=!1,p.removeSpinnerFromButton(i)):"deactivate"===d?n=!0:"activate"===d&&(n=!1)}p.setAddonState(e,d,t,function(e){var t;e.success?(t=e,"install"===d?(o=a.active,n=!0,s.attr("data-plugin",t.data.basename),t.data.is_activated||(o=a.installed,n=!1),i.hide(),i=i.closest(".wpforms-addons-list-item").find(".wpforms-toggle-control input")):"activate"===d?(s.find(".wpforms-addons-list-item-footer-settings-link").fadeIn(150),o=a.active,n=!0):"deactivate"===d&&(s.find(".wpforms-addons-list-item-footer-settings-link").fadeOut(150),o=a.installed,n=!1),s.removeClass(a.active+" "+a.incompatible+" "+a.installed+" "+a.missing).addClass(o)):r(e),p.updateAddonButtonPropertiesAndUI(i,c,s,a,n)},function(){r({data:wpforms_admin.server_error}),p.updateAddonButtonPropertiesAndUI(i,c,s,a,n)})}},addSpinnerToButton(e){var t=e.width();e.data("original-text",e.html()),e.width(t).html('')},removeSpinnerFromButton(e){e.html(e.data("original-text"))},getAddonState(e,t,n){return e.hasClass(t.active)||e.hasClass(t.incompatible)?"deactivate":e.hasClass(t.installed)?"activate":e.hasClass(t.missing)?(p.addSpinnerToButton(n),"install"):""},updateAddonButtonPropertiesAndUI(e,t,n,o,i){e.prop("checked",i),e.prop("disabled",!1),e.siblings(".wpforms-toggle-control-status").html(e.siblings(".wpforms-toggle-control-status").data(i?"on":"off")),0'+c+"
    "),t.find("span.status-label").removeClass("status-active status-installed status-missing").addClass(i).removeClass("button button-primary button-secondary disabled").text(s),n.removeClass("status-active status-installed status-missing").removeClass("button button-primary button-secondary disabled").addClass(i).html(a)):("object"==typeof e.data?"addon"===d?t.find(".actions").append('

    '+wpforms_admin.addon_error+"

    "):t.find(".actions").append('

    '+wpforms_admin.plugin_error+"

    "):t.find(".actions").append('

    '+e.data+"

    "),"install"===o&&"plugin"===d&&n.addClass("status-go-to-url").removeClass("status-missing"),n.html(r)),n.prop("disabled",!1).removeClass("loading"),t.find(".actions").find(".msg.error").length||setTimeout(function(){l(".addon-item .msg").remove()},3e3)},function(e){console.log(e.responseText)})}},initSettings:function(){l(document).on("wpformsReady",function(){var e,t;l("#wpforms-settings").length&&(e=p.getQueryString("wpforms-integration"),t=p.getQueryString("jump"),e?l("body").animate({scrollTop:l("#wpforms-integration-"+e).offset().top},1e3):t&&l("body").animate({scrollTop:l("#"+t).offset().top},1e3),l(".wpforms-admin-settings-form").conditions([{conditions:{element:"#wpforms-setting-gdpr",type:"checked",operator:"is"},actions:{if:{element:"#wpforms-setting-row-gdpr-disable-uuid,#wpforms-setting-row-gdpr-disable-details",action:"show"},else:{element:"#wpforms-setting-row-gdpr-disable-uuid,#wpforms-setting-row-gdpr-disable-details",action:"hide"}},effect:"appear"},{conditions:{element:"input[name=captcha-provider]:checked",type:"value",operator:"=",condition:"hcaptcha"},actions:{if:[{element:".wpforms-setting-row",action:"show"},{element:".wpforms-setting-recaptcha, #wpforms-setting-row-recaptcha-site-key, #wpforms-setting-row-recaptcha-secret-key, #wpforms-setting-row-recaptcha-fail-msg, .wpforms-setting-turnstile, #wpforms-setting-row-turnstile-heading, #wpforms-setting-row-turnstile-site-key, #wpforms-setting-row-turnstile-secret-key, #wpforms-setting-row-turnstile-theme, #wpforms-setting-row-turnstile-fail-msg",action:"hide"}]},effect:"appear"},{conditions:{element:"input[name=captcha-provider]:checked",type:"value",operator:"=",condition:"recaptcha"},actions:{if:[{element:".wpforms-setting-row",action:"show"},{element:"#wpforms-setting-row-hcaptcha-heading, #wpforms-setting-row-hcaptcha-site-key, #wpforms-setting-row-hcaptcha-secret-key, #wpforms-setting-row-hcaptcha-fail-msg, #wpforms-setting-row-turnstile-heading, #wpforms-setting-row-turnstile-site-key, #wpforms-setting-row-turnstile-secret-key, #wpforms-setting-row-turnstile-theme, #wpforms-setting-row-turnstile-fail-msg",action:"hide"}]},effect:"appear"},{conditions:{element:"input[name=captcha-provider]:checked",type:"value",operator:"=",condition:"turnstile"},actions:{if:[{element:".wpforms-setting-row",action:"show"},{element:"#wpforms-setting-row-hcaptcha-heading, #wpforms-setting-row-hcaptcha-site-key, #wpforms-setting-row-hcaptcha-secret-key, #wpforms-setting-row-hcaptcha-fail-msg, .wpforms-setting-recaptcha, #wpforms-setting-row-recaptcha-site-key, #wpforms-setting-row-recaptcha-secret-key, #wpforms-setting-row-recaptcha-fail-msg",action:"hide"}]},effect:"appear"},{conditions:{element:"input[name=captcha-provider]:checked",type:"value",operator:"=",condition:"none"},actions:{if:[{element:".wpforms-setting-row",action:"hide"},{element:".wpforms-setting-captcha-heading, #wpforms-setting-row-captcha-provider",action:"show"}]},effect:"appear"}]))}),l(document).on("change","#wpforms-setting-row-render-engine input",p.settingsRenderEngineChange),l(document).on("change","#wpforms-setting-disable-css",function(){p.settingsFormStylesAlert(l(this).val())}),l(document).on("click",".wpforms-setting-row-image button",function(e){e.preventDefault(),l(this).hasClass("wpforms-setting-remove-image")?l(this).closest(".wpforms-setting-row-image").find("input").val("").attr("value","").trigger("change").end().find("img").remove():p.imageUploadModal(l(this))}),l(document).on("click","#wpforms-setting-license-key-verify",function(e){e.preventDefault(),p.licenseVerify(l(this))}),l(document).on("click",".wpforms-setting-license-wrapper",function(e){e.preventDefault();e=l("#wpforms-setting-license-key");e.length&&e.prop("disabled")&&p.licenseEditMessage()}),l(document).on("click","#wpforms-setting-license-key-deactivate",function(e){e.preventDefault(),p.licenseDeactivate(l(this))}),l(document).on("click","#wpforms-setting-license-key-refresh",function(e){e.preventDefault(),p.licenseRefresh(l(this))}),l(document).on("click",".wpforms-settings-provider-connect",function(e){e.preventDefault();e=l(this);p.integrationConnect(e)}),l(document).on("click",".wpforms-settings-provider-accounts-list .remove a",function(e){e.preventDefault(),p.integrationDisconnect(l(this))}),l(document).on("click",".wpforms-settings-provider:not(.focus-out) .wpforms-settings-provider-header",function(e){e.preventDefault();var t=l(this);t.parent().find(".wpforms-settings-provider-accounts").stop(!1,!0).slideToggle("",function(){t.parent().find(".wpforms-settings-provider-logo i").toggleClass("fa-chevron-right fa-chevron-down")})}),l(document).on("click",".wpforms-settings-provider-accounts-toggle a",function(e){e.preventDefault();e=l(this).parent().next(".wpforms-settings-provider-accounts-connect");e.find("input[type=text], input[type=password]").val(""),e.stop().slideToggle()}),l(document).on("change","#wpforms-setting-row-captcha-provider input",function(){var e=l("#wpforms-setting-row-captcha-preview");"hcaptcha"===this.value||"turnstile"===this.value?e.removeClass("wpforms-hidden"):"none"===this.value?e.addClass("wpforms-hidden"):l("#wpforms-setting-row-recaptcha-type input:checked").trigger("change"),e.find(".wpforms-captcha-preview").length&&(e.find(".wpforms-captcha-preview").empty(),e.find(".wpforms-captcha-placeholder").removeClass("wpforms-hidden"))}),l(document).on("change","#wpforms-setting-row-recaptcha-type input",function(){l("#wpforms-setting-row-captcha-preview").toggleClass("wpforms-hidden","v2"!==this.value),l("#wpforms-setting-row-recaptcha-v3-threshold").toggleClass("wpforms-hidden","v3"!==this.value)}),l(document).on("change",".wpforms-toggle-control input",function(){var e=l(this),t=e.is(":checked"),n=t?"on":"off",o=e.closest(".wpforms-setting-field"),e=e.closest(".wpforms-toggle-control").find(".wpforms-toggle-control-status"),i=o.find(".wpforms-toggle-desc.desc-on"),o=o.find(".wpforms-toggle-desc.desc-off"),s=0'),t.trigger("change")}).on("close",function(){m.mediaFrame.off("library:selection:add")}),m.mediaFrame.open()},licenseVerify:function(i){var s=i.closest(".wpforms-setting-row"),a=l("#wpforms-setting-license-key"),e=i.outerWidth(),r=i.text(),t={action:"wpforms_verify_license",nonce:wpforms_admin.nonce,license:a.val()};i.html(m.iconSpinner).css("width",e).prop("disabled",!0),l.post(wpforms_admin.ajax_url,t,function(e){var t,n="fa fa-check-circle",o="green";e.success?(t=e.data.msg,i.hide(),s.find("#wpforms-setting-license-key-info-message").empty().hide(),s.find(".type, .desc, #wpforms-setting-license-key-deactivate").show(),s.find(".type strong").text(e.data.type),l(".wpforms-license-notice").remove(),a.prop("disabled",!0).addClass("wpforms-setting-license-is-valid").attr("value",a.val())):(n="fa fa-exclamation-circle",o="orange",t=e.data,s.find(".type, .desc, #wpforms-setting-license-key-deactivate").hide(),a.prop("disabled",!1)),l.alert({title:t.header??!1,content:t.msg??t,icon:n,type:o,buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"]}}}),i.html(r).css("width","auto").prop("disabled",!1)}).fail(function(e){a.prop("disabled",!1),console.log(e.responseText)})},licenseEditMessage:function(){l.alert({title:wpforms_admin.heads_up,content:wpforms_admin.edit_license,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"]}}})},licenseDeactivate:function(e){const a=l(e),r=a.closest(".wpforms-setting-row");e=a.outerWidth();const c=a.text();var t={action:"wpforms_deactivate_license",nonce:wpforms_admin.nonce};a.html(m.iconSpinner).css("width",e).prop("disabled",!0),l.post(wpforms_admin.ajax_url,t,function(e){let t="fa fa-info-circle",n="blue",o=wpforms_admin.success;var i=e.data,s=i.msg&&"string"==typeof i.msg?i.msg:wpforms_admin.something_went_wrong;e.success?(r.find("#wpforms-setting-license-key").val("").attr("value","").prop({readonly:!1,disabled:!1}).removeClass(),r.find(".wpforms-license-key-deactivate-remove").remove(),r.find("#wpforms-setting-license-key-info-message").html(i.info).show(),r.find("#wpforms-setting-license-key-verify").prop("disabled",!1).show(),r.find(".type, .desc, #wpforms-setting-license-key-deactivate").hide()):(t="fa fa-exclamation-circle",n="orange",o=wpforms_admin.oops),l.alert({title:o,content:s,icon:t,type:n,buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"]}}}),a.html(c).css("width","auto").prop("disabled",!1)}).fail(function(e){console.log(e.responseText)})},licenseRefresh:function(e){var i=l(e).closest(".wpforms-setting-row"),s=l("#wpforms-setting-license-key"),e={action:"wpforms_refresh_license",nonce:wpforms_admin.nonce,license:s.val()};l.post(wpforms_admin.ajax_url,e,function(e){var t,n="fa fa-check-circle",o="green";e.success?(t=e.data.msg,i.find(".type strong").text(e.data.type)):(n="fa fa-exclamation-circle",o="orange",t=e.data,i.find(".type, .desc").hide(),s.removeClass("wpforms-setting-license-is-valid").addClass("wpforms-setting-license-is-invalid")),l.alert({title:t.header??!1,content:t.msg??t,icon:n,type:o,buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"]}}})}).fail(function(e){console.log(e.responseText)})},integrationConnect:function(t){var e=t.outerWidth(),n=t.text(),o=t.closest(".wpforms-settings-provider"),i={action:"wpforms_settings_provider_add_"+t.data("provider"),data:t.closest("form").serialize(),provider:t.data("provider"),nonce:wpforms_admin.nonce},s=wpforms_admin.provider_auth_error;t.html(wpforms_admin.connecting).css("width",e).prop("disabled",!0),l.post(wpforms_admin.ajax_url,i,function(e){e.success?(o.find(".wpforms-settings-provider-accounts-list ul").append(e.data.html),o.addClass("connected"),t.closest(".wpforms-settings-provider-accounts-connect").stop().slideToggle()):(Object.prototype.hasOwnProperty.call(e,"data")&&Object.prototype.hasOwnProperty.call(e.data,"error_msg")&&(s+="
    "+e.data.error_msg),p.integrationError(s))}).fail(function(){p.integrationError(s)}).always(function(){t.html(n).css("width","auto").prop("disabled",!1)})},integrationDisconnect:function(e){var n=l(e),o=n.parents(".wpforms-settings-provider"),t={action:"wpforms_settings_provider_disconnect_"+n.data("provider"),provider:n.data("provider"),key:n.data("key"),nonce:wpforms_admin.nonce},i=wpforms_admin.provider_delete_error;l.confirm({title:wpforms_admin.heads_up,content:wpforms_admin.provider_delete_confirm,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"],action:function(){l.post(wpforms_admin.ajax_url,t,function(e){var t;e.success?(n.parent().parent().remove(),void 0!==(t=o.find(".wpforms-settings-provider-accounts-list li").length)&&0!==t||o.removeClass("connected"),l(document).trigger("wpformsProviderRemoved",[o,e])):(Object.prototype.hasOwnProperty.call(e,"data")&&Object.prototype.hasOwnProperty.call(e.data,"error_msg")&&(i+="
    "+e.data.error_msg),p.integrationError(i))}).fail(function(){p.integrationError(i)})}},cancel:{text:wpforms_admin.cancel,keys:["esc"]}}})},integrationError:function(e){l.alert({title:wpforms_admin.something_went_wrong,content:e,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"]}}})},initTools(){l(document).on("change","#wpforms-tools-form-import, #wpforms-tools-form-other-import, #wpforms-tools-form-export, #wpforms-tools-form-template",function(){var e=l(this);e.parents("form").find("button").attr("aria-disabled",0===e.val().length)}),l(document).on("click","#wpforms-system-information-copy",function(e){e.preventDefault(),p.copySystemInformation()}),l(document).on("click","#wpforms-ssl-verify",function(e){e.preventDefault(),p.verifySSLConnection()}),l(document).on("click","#wpforms-recreate-tables",function(e){e.preventDefault(),p.recreateTables()}),l(document).on("click","#wpforms-importer-forms-submit",function(e){if(e.preventDefault(),l("#wpforms-importer-forms input:checked").length){const t=[];l("#wpforms-importer-forms input:checked").each(function(e){t[e]=l(this).val()}),wpforms_admin.isPro?p.importForms(t):p.analyzeForms(t)}else l.alert({title:wpforms_admin.heads_up,content:wpforms_admin.importer_forms_required,icon:"fa fa-info-circle",type:"blue",buttons:{confirm:{text:wpforms_admin.ok,btnClass:"btn-confirm",keys:["enter"]}}})}),l(document).on("click","#wpforms-importer-continue-submit",function(e){e.preventDefault(),p.importForms(m.formIDs)})},copySystemInformation(){l("#wpforms-system-information").select(),document.execCommand("copy")},verifySSLConnection(){const t=l("#wpforms-ssl-verify"),n=t.text(),o=t.outerWidth(),i=t.parent();t.css("width",o).prop("disabled",!0).text(wpforms_admin.testing);var e={action:"wpforms_verify_ssl",nonce:wpforms_admin.nonce};l.post(wpforms_admin.ajax_url,e,function(e){p.debug(e),i.find(".wpforms-notice").remove(),e.success&&t.before('
    '+e.data.msg+"
    "),!e.success&&e.data.msg&&t.before('
    '+e.data.msg+"
    "),!e.success&&e.data.debug&&t.before('
    '+e.data.debug+"
    "),t.css("width",o).prop("disabled",!1).text(n)})},recreateTables(){const t=l("#wpforms-recreate-tables"),e=t.text(),n=t.outerWidth(),o=t.parent();t.css("width",n).prop("disabled",!0).text(wpforms_admin.recreating);var i={action:"wpforms_recreate_tables",nonce:wpforms_admin.nonce};l.post(wpforms_admin.ajax_url,i,function(e){p.debug(e),o.find(".wpforms-notice").remove(),e.success&&(t.before('
    '+e.data.msg+"
    "),t.hide()),!e.success&&e.data.msg&&t.before('
    '+e.data.msg+"
    "),!e.success&&e.data.debug&&t.before('
    '+e.data.debug+"
    ")}).always(function(){t.css("width",n).prop("disabled",!1).text(e)})},analyzeForms:function(e){var t=l("#wpforms-importer-analyze");t.find(".form-total").text(e.length),t.find(".form-current").text("1"),l("#wpforms-importer-forms").hide(),t.show(),m.analyzeQueue=e,m.analyzed=0,m.analyzeUpgrade=[],m.formIDs=e,p.analyzeForm()},analyzeForm:function(){var t=l("#wpforms-importer-analyze"),n=_.first(m.analyzeQueue),e={action:"wpforms_import_form_"+p.getQueryString("provider"),analyze:1,form_id:n,nonce:wpforms_admin.nonce};l.post(wpforms_admin.ajax_url,e,function(e){e.success&&(_.isEmpty(e.data.upgrade_plain)&&_.isEmpty(e.data.upgrade_omit)||m.analyzeUpgrade.push({name:e.data.name,fields:_.union(e.data.upgrade_omit,e.data.upgrade_plain)}),m.analyzeQueue=_.without(m.analyzeQueue,n),m.analyzed++,_.isEmpty(m.analyzeQueue)?_.isEmpty(m.analyzeUpgrade)?p.importForms(m.formIDs):(e=wp.template("wpforms-importer-upgrade"),t.find(".upgrade").append(e(m.analyzeUpgrade)),t.find(".upgrade").show(),t.find(".process-analyze").hide()):(t.find(".form-current").text(m.analyzed+1),p.analyzeForm()))})},importForms:function(e){var t=l("#wpforms-importer-process");t.find(".form-total").text(e.length),t.find(".form-current").text("1"),l("#wpforms-importer-forms, #wpforms-importer-analyze").hide(),t.show(),m.importQueue=e,m.imported=0,p.importForm()},importForm:function(){var n=l("#wpforms-importer-process"),o=_.first(m.importQueue),e={action:"wpforms_import_form_"+p.getQueryString("provider"),form_id:o,nonce:wpforms_admin.nonce};l.post(wpforms_admin.ajax_url,e,function(e){var t;e.success&&(t=e.data.error?wp.template("wpforms-importer-status-error"):wp.template("wpforms-importer-status-update"),n.find(".status").prepend(t(e.data)),n.find(".status").show(),m.importQueue=_.without(m.importQueue,o),m.imported++,_.isEmpty(m.importQueue)?(n.find(".process-count").hide(),n.find(".forms-completed").text(m.imported),n.find(".process-completed").show()):(n.find(".form-current").text(m.imported+1),p.importForm()))})},initUpgrades:function(){l(document).on("click","#wpforms-upgrade-143 button",function(e){e.preventDefault();var t=l(this),e=t.outerWidth(),n=l("#wpforms-upgrade-143 .status"),o={action:"wpforms_upgrade_143",nonce:wpforms_admin.nonce,init:!0,incomplete:t.data("incomplete")};t.html(m.iconSpinner).css("width",e).prop("disabled",!0),l.post(wpforms_admin.ajax_url,o,function(e){e.success&&(m.upgraded=Number(e.data.upgraded),m.upgradeTotal=Number(e.data.total),e=Math.round(Number(m.upgraded)/Number(m.upgradeTotal)*100),t.remove(),n.find(".bar").css("width",e+"%"),n.show().find(".total").text(m.upgradeTotal),n.find(".current").text(m.upgraded),n.find(".percent").text(e+"%"),p.upgrade143())})})},upgrade143:function(){var n=l("#wpforms-upgrade-143 .status"),e={action:"wpforms_upgrade_143",nonce:wpforms_admin.nonce,upgraded:m.upgraded};l.post(wpforms_admin.ajax_url,e,function(e){var t;e.success&&(m.upgraded=Number(m.upgraded)+Number(e.data.count),t=Math.round(Number(m.upgraded)/Number(m.upgradeTotal)*100),n.find(".bar").css("width",t+"%"),Number(e.data.count)<10?(n.find(".progress-bar").addClass("complete"),n.find(".msg").text(wpforms_admin.upgrade_completed)):(n.find(".current").text(m.upgraded),n.find(".percent").text(t+"%"),p.upgrade143()))})},initFlyoutMenu:function(){var e,t,n,a,r,c=l("#wpforms-flyout");0!==c.length&&(e=c.find(".wpforms-flyout-head"),t=e.find("img"),n={state:"inactive",srcInactive:t.attr("src"),srcActive:t.data("active")},e.on("click",function(e){e.preventDefault(),"active"===n.state?(c.removeClass("opened"),t.attr("src",n.srcInactive),n.state="inactive"):(c.addClass("opened"),t.attr("src",n.srcActive),n.state="active")}),0!==(a=l("#wpfooter")).length)&&(r=l("#wpforms-overview, #wpforms-entries-list, #wpforms-tools.wpforms-tools-tab-action-scheduler, #wpforms-tools.wpforms-tools-tab-logs"),l(window).on("resize scroll",_.debounce(function(e){var t=a.offset().top,n=t+a.height(),o=0["spam","trash"].includes(e)?{contentAll:wpforms_admin.entry_delete_all_confirm,content:wpforms_admin.entry_delete_n_confirm,action:"delete"}:{contentAll:wpforms_admin.entry_trash_all_confirm,content:wpforms_admin.entry_trash_n_confirm,action:"trash"},initScrollableMenu(){l(document).on("wpformsReady",function(){const e=l(".wpforms-admin-tabs");if(e.length){const t=e.find("li:last-child");wpf.isInViewport(t)||e.addClass("wpforms-admin-tabs--scrollable"),e.on("scroll",function(){e.toggleClass("wpforms-admin-tabs--scrollable",!wpf.isInViewport(t))})}})}};p.init(),window.WPFormsAdmin=p}(jQuery); \ No newline at end of file diff --git a/assets/js/advanced-headers.js b/assets/js/advanced-headers.js new file mode 100644 index 00000000..af4df1c3 --- /dev/null +++ b/assets/js/advanced-headers.js @@ -0,0 +1,163 @@ +(function () { + /** + * Astra Advanced Headers + * + * @class AstraPageTitle + * @since 1.0 + */ + AstraPageTitle = { + /** + * Initializes a Astra Advanced Headers. + * + * @since 1.0 + * @method init + */ + init: function () { + // Init backgrounds. + AstraPageTitle._initBackgrounds(); + AstraPageTitle._initFullScreenHeight(); + }, + /** + * Initializes Page Parallax backgrounds that require + * parallax. + * + * @since 1.1.4 + * @access private + * @method _initBackgrounds + */ + _initBackgrounds: function () { + if ( + document.querySelectorAll(".ast-advanced-headers-parallax").length > 0 + ) { + AstraPageTitle._scrollParallaxBackground(); + window.addEventListener("scroll", function () { + AstraPageTitle._scrollParallaxBackgrounds(); + }); + window.addEventListener("resize", function () { + AstraPageTitle._scrollParallaxBackgrounds(); + }); + } + }, + + /** + * Fires when the window is scrolled to adjust + * a single parallax backgrounds. + * + * @since 1.1.4 + * @access private + * @method _scrollParallaxBackgrounds + */ + _scrollParallaxBackgrounds: function () { + document + .querySelectorAll(".ast-advanced-headers-parallax") + .forEach((element) => { + AstraPageTitle._scrollParallaxBackground(); + }); + }, + /** + * Fires when the window is scrolled to adjust + * a single parallax background. + * + * @since 1.1.4 + * @access private + * @method _scrollParallaxBackgrounds + */ + _scrollParallaxBackground: function () { + const content = document.querySelector(".ast-advanced-headers-parallax"); + + const rect = content.getBoundingClientRect(); + + const offset = { + top: rect.top + window.scrollY, + left: rect.left + window.scrollX, + }; + + const speed = content.getAttribute("data-parallax-speed"), + device = content.getAttribute("data-parallax-device"), + yPos = -((window.scrollY - offset.top) / speed); + + if ("both" === device) { + content.style.backgroundPosition = "center " + yPos + "px"; + } else if ("desktop" === device) { + if (document.body.classList.contains("ast-desktop")) { + content.style.backgroundPosition = "center " + yPos + "px"; + } else { + content.style.backgroundPosition = ""; + } + } else { + if (document.body.classList.contains("ast-header-break-point")) { + content.style.backgroundPosition = "center " + yPos + "px"; + } else { + content.style.backgroundPosition = ""; + } + } + }, + /** + * Fires when the Advanced Headers full screen selected. + * + * @since 1.1.4 + * @access private + * @method _initFullScreenHeight + */ + _initFullScreenHeight: function () { + let ResizeTime; + if (document.querySelectorAll(".ast-full-advanced-header") && document.querySelectorAll(".ast-full-advanced-header")[0]) { + // Initiate full window height on resize + AstraPageTitle._astraPageFullHeader(); + + let width = window.innerWidth; + window.addEventListener("resize", function () { + if (window.innerWidth != width) { + clearTimeout(ResizeTime); + ResizeTime = setTimeout(function () { + AstraPageTitle._astraPageFullHeader(); + }, 200); + width = window.innerWidth; + } + }); + + window.addEventListener("orientationchange", function () { + if (window.innerWidth != width) { + clearTimeout(ResizeTime); + ResizeTime = setTimeout(function () { + AstraPageTitle._astraPageFullHeader(); + }, 200); + width = window.innerWidth; + } + }); + } + }, + /** + * Fires when the Advanced Headers full screen selected. + * + * @since 1.1.4 + * @access private + * @method _astraPageFullHeader + */ + _astraPageFullHeader: function () { + if (!document.querySelectorAll(".ast-full-advanced-header").length) + return; + + const window_height = window.innerHeight; + + const rect = document + .querySelector(".ast-full-advanced-header") + .getBoundingClientRect(); + + const offset = rect.top + window.scrollY; + + document.querySelector(".ast-full-advanced-header").style.height = + window_height - offset + "px"; + }, + }; + + /* Initializes the Astra Advanced Headers. */ + const domReady = function (callback) { + document.readyState === "interactive" || document.readyState === "complete" + ? callback() + : document.addEventListener("DOMContentLoaded", callback); + }; + domReady(function () { + AstraPageTitle.init(); + }); +})(); diff --git a/assets/js/advanced-headers.min.js b/assets/js/advanced-headers.min.js new file mode 100644 index 00000000..0f18ff5a --- /dev/null +++ b/assets/js/advanced-headers.min.js @@ -0,0 +1 @@ +(()=>{var e;AstraPageTitle={init:function(){AstraPageTitle._initBackgrounds(),AstraPageTitle._initFullScreenHeight()},_initBackgrounds:function(){0{AstraPageTitle._scrollParallaxBackground()})},_scrollParallaxBackground:function(){var e=document.querySelector(".ast-advanced-headers-parallax"),t=e.getBoundingClientRect();const a=t.top+window.scrollY;var t=e.getAttribute("data-parallax-speed"),n=e.getAttribute("data-parallax-device"),t=-(window.scrollY-a)/t;"both"===n?e.style.backgroundPosition="center "+t+"px":"desktop"===n?document.body.classList.contains("ast-desktop")?e.style.backgroundPosition="center "+t+"px":e.style.backgroundPosition="":document.body.classList.contains("ast-header-break-point")?e.style.backgroundPosition="center "+t+"px":e.style.backgroundPosition=""},_initFullScreenHeight:function(){let t;if(document.querySelectorAll(".ast-full-advanced-header")&&document.querySelectorAll(".ast-full-advanced-header")[0]){AstraPageTitle._astraPageFullHeader();let e=window.innerWidth;window.addEventListener("resize",function(){window.innerWidth!=e&&(clearTimeout(t),t=setTimeout(function(){AstraPageTitle._astraPageFullHeader()},200),e=window.innerWidth)}),window.addEventListener("orientationchange",function(){window.innerWidth!=e&&(clearTimeout(t),t=setTimeout(function(){AstraPageTitle._astraPageFullHeader()},200),e=window.innerWidth)})}},_astraPageFullHeader:function(){var e,t;document.querySelectorAll(".ast-full-advanced-header").length&&(e=window.innerHeight,t=document.querySelector(".ast-full-advanced-header").getBoundingClientRect().top+window.scrollY,document.querySelector(".ast-full-advanced-header").style.height=e-t+"px")}},e=function(){AstraPageTitle.init()},"interactive"===document.readyState||"complete"===document.readyState?e():document.addEventListener("DOMContentLoaded",e)})(); \ No newline at end of file diff --git a/assets/js/advanced-hooks-custom-fields-priority.js b/assets/js/advanced-hooks-custom-fields-priority.js new file mode 100644 index 00000000..6cf941b4 --- /dev/null +++ b/assets/js/advanced-hooks-custom-fields-priority.js @@ -0,0 +1,30 @@ +/** + * advanced-hooks-custom-fields-priority.js + * + * Provide more preferences to Astra hooks setting so wordpress custom field not causing any kind of conflicts. + * + * @package Astra Addon + * @since x.x.x + */ +function removeMetaBoxSection() { + document.getElementById("the-list").remove(); +} + +function buttonClickEvent() { + [...document.querySelectorAll('.editor-post-publish-button')].forEach(element => element.addEventListener('click', function (event) { + removeMetaBoxSection(); + })); + + [...document.querySelectorAll('.editor-post-publish-panel__toggle')].forEach(element => element.addEventListener('click', function (event) { + removeMetaBoxSection(); + })); +} + +function DOMContentLoaded() { + const elementMetaBox = document.getElementById("the-list"); + if (elementMetaBox != null) { + setTimeout(buttonClickEvent, 2000); + } +} + +document.addEventListener('DOMContentLoaded', DOMContentLoaded, false); diff --git a/assets/js/advanced-hooks-custom-fields-priority.min.js b/assets/js/advanced-hooks-custom-fields-priority.min.js new file mode 100644 index 00000000..a586cae2 --- /dev/null +++ b/assets/js/advanced-hooks-custom-fields-priority.min.js @@ -0,0 +1 @@ +function removeMetaBoxSection(){document.getElementById("the-list").remove()}function buttonClickEvent(){[...document.querySelectorAll(".editor-post-publish-button")].forEach(e=>e.addEventListener("click",function(e){removeMetaBoxSection()})),[...document.querySelectorAll(".editor-post-publish-panel__toggle")].forEach(e=>e.addEventListener("click",function(e){removeMetaBoxSection()}))}function DOMContentLoaded(){null!=document.getElementById("the-list")&&setTimeout(buttonClickEvent,2e3)}document.addEventListener("DOMContentLoaded",DOMContentLoaded,!1); \ No newline at end of file diff --git a/assets/js/advanced-hooks-list-page.js b/assets/js/advanced-hooks-list-page.js new file mode 100644 index 00000000..bb18de4b --- /dev/null +++ b/assets/js/advanced-hooks-list-page.js @@ -0,0 +1,81 @@ +/** + * Custom Layout Enable or Disable actions. + * + * @package Astra Addon + * @since x.x.x + */ + +const toggelSwitch = function() { + const self = this; + self.classList.toggle('ast-active'); + const enable = self.classList.contains('ast-active') ? 'yes' : 'no' + // Ajax request. + const xhttp = new XMLHttpRequest(); + const ajaxUrl = astHooksData.url + '?action=ast_advanced_hook_display_toggle&post_id=' + self.dataset.post_id + '&enable=' + enable + '&nonce=' + astHooksData.nonce; + xhttp.open("GET", ajaxUrl); + xhttp.send(); +} +const quickViewPopup = function( event ) { + const self = this; + self.classList.add( "requesting" ); + + // Ajax request. + const xhttp = new XMLHttpRequest(); + const ajaxUrl = astHooksData.url + '?action=ast_advanced_layout_quick_preview&post_id=' + self.dataset.layout_id + '&nonce=' + astHooksData.quick_view_nonce; + xhttp.open( "GET", ajaxUrl ); + xhttp.send(); + xhttp.onload = function() { + const response = JSON.parse( xhttp.response ); + self.classList.remove( "requesting" ); + if ( response.success ) { + const template = wp.template( 'ast-modal-view-layout-details' ); + document.body.style.overflow = 'hidden'; + document.querySelector( ".ast-custom-layout-preview-wrapper" ).innerHTML = DOMPurify.sanitize( template( response.data ) ); + } + } +} +const copyShortcodeToClipboard = function() { + const self = this, + toBeCopyInputSelector = self.dataset.linked_span, + copyTextTarget = document.querySelector( '.' + toBeCopyInputSelector ), + hiddenInpput = document.createElement( "input" ); + + hiddenInpput.setAttribute( "value", copyTextTarget.innerHTML ); + document.body.appendChild(hiddenInpput); + hiddenInpput.select(); + + if ( document.execCommand( 'copy' ) ) { + self.classList.add( 'shortcode-copied' ); + setTimeout( function () { + self.classList.remove( 'shortcode-copied' ); + }, 1000 ); + } + + document.body.removeChild(hiddenInpput); +} +document.addEventListener("DOMContentLoaded", function() { + // For Enable/Disable toggle switch. + const switchSelector = document.querySelectorAll('.ast-custom-layout-switch'); + for ( let switchSelectorCount = 0; switchSelectorCount < switchSelector.length; switchSelectorCount++ ) { + switchSelector[switchSelectorCount].addEventListener( 'click', toggelSwitch, false ); + } + + // For Quick View popup setup. + const quickViewSelector = document.querySelectorAll('.advanced_hook_data_trigger'); + for ( let quickViewSelectorCount = 0; quickViewSelectorCount < quickViewSelector.length; quickViewSelectorCount++ ) { + quickViewSelector[quickViewSelectorCount].addEventListener( 'click', quickViewPopup, false ); + } + + // Shortcode copy to clipboard. + const shortcodeCopySelector = document.querySelectorAll('.ast-copy-layout-shortcode'); + for ( let shortcodeCopySelectorCount = 0; shortcodeCopySelectorCount < shortcodeCopySelector.length; shortcodeCopySelectorCount++ ) { + shortcodeCopySelector[shortcodeCopySelectorCount].addEventListener( 'click', copyShortcodeToClipboard, false ); + } + + document.addEventListener( 'click', function(e) { + if( e.target && e.target.id === 'modal-close-link' ) { + document.body.style.overflow = 'auto'; + document.querySelector( ".ast-custom-layout-preview-wrapper" ).innerHTML = ''; + } + }); +}); diff --git a/assets/js/advanced-hooks-list-page.min.js b/assets/js/advanced-hooks-list-page.min.js new file mode 100644 index 00000000..ee250287 --- /dev/null +++ b/assets/js/advanced-hooks-list-page.min.js @@ -0,0 +1 @@ +let toggelSwitch=function(){var e=this,t=(e.classList.toggle("ast-active"),e.classList.contains("ast-active")?"yes":"no"),o=new XMLHttpRequest,e=astHooksData.url+"?action=ast_advanced_hook_display_toggle&post_id="+e.dataset.post_id+"&enable="+t+"&nonce="+astHooksData.nonce;o.open("GET",e),o.send()},quickViewPopup=function(e){let o=this,a=(o.classList.add("requesting"),new XMLHttpRequest);var t=astHooksData.url+"?action=ast_advanced_layout_quick_preview&post_id="+o.dataset.layout_id+"&nonce="+astHooksData.quick_view_nonce;a.open("GET",t),a.send(),a.onload=function(){var e,t=JSON.parse(a.response);o.classList.remove("requesting"),t.success&&(e=wp.template("ast-modal-view-layout-details"),document.body.style.overflow="hidden",document.querySelector(".ast-custom-layout-preview-wrapper").innerHTML=DOMPurify.sanitize(e(t.data)))}},copyShortcodeToClipboard=function(){let e=this,t=e.dataset.linked_span,o=document.querySelector("."+t),a=document.createElement("input");a.setAttribute("value",o.innerHTML),document.body.appendChild(a),a.select(),document.execCommand("copy")&&(e.classList.add("shortcode-copied"),setTimeout(function(){e.classList.remove("shortcode-copied")},1e3)),document.body.removeChild(a)};document.addEventListener("DOMContentLoaded",function(){var t=document.querySelectorAll(".ast-custom-layout-switch");for(let e=0;e How to use? + * + * jQuery( {SELECTOR} ).astHookExtSticky( { + * dependent: [{selectors}], // Not required. Default: []. Stick element dependent selectors. + * stick_upto_scroll: {value}, // Not required. Default: 0. Stick element after scroll upto the {value} in px. + * gutter: {value}, // Not required. Default: 0. Stick element from top of the window in px\. + * }); + * + * @package Astra Addon + * @since 1.0.0 + */ + +;(function ( $, window, undefined ) { + + var pluginName = 'astHookExtSticky', + document = window.document, + windowWidth = jQuery( window ).outerWidth(), + viewPortWidth = jQuery( window ).width(), + defaults = { + dependent : [], + max_width : '', + site_layout : '', + break_point : 920, + admin_bar_height_lg : 32, + admin_bar_height_sm : 46, + admin_bar_height_xs : 0, + stick_upto_scroll : 0, + gutter : 0, + wrap : '
    ', + + // Padding support of tag. + body_padding_support : true, + + // Padding support of tag. + html_padding_support : true, + + active_shrink : false, + // Added shrink option. + shrink : { + padding_top : '', + padding_bottom : '', + }, + + // Enable sticky on mobile + sticky_on_device : 'desktop', + + header_style : 'none', + + hide_on_scroll : 'no', + }, + /* Manage hide on scroll down */ + lastScrollTop = 0, + delta = 5, + navbarHeight = 0, + should_stick = true, + hideScrollInterval; + + /** + * Init + * + * @since 1.0.0 + */ + function astHookExtSticky( element, options ) { + this.element = element; + this.options = $.extend( {}, defaults, options ); + this._defaults = defaults; + this._name = pluginName; + + /* Manage hide on scroll down */ + if ( '1' == this.options.hide_on_scroll ) { + this.navbarHeight = $(element).outerHeight(); + } + + this.lastScrollTop = 0; + this.delta = 5; + this.should_stick = true; + this.hideScrollInterval = ''; + + this.init(); + } + + /** + * Stick element + * + * @since 1.0.0 + */ + astHookExtSticky.prototype.stick_me = function( self, type ) { + + var selector = jQuery( self.element ), + windowWidth = jQuery( window ).outerWidth(), + stick_upto_scroll = parseInt( self.options.stick_upto_scroll ), + max_width = parseInt( selector.parent().attr( 'data-stick-maxwidth' ) ), // parseInt( self.options.max_width ), + gutter = parseInt( selector.parent().attr( 'data-stick-gutter' ) ); // parseInt( self.options.gutter ). + /** + * Check window width + */ + var hook_sticky_header = astraAddon.hook_sticky_header || ''; + // Any stick header is enabled? + if ( 'enabled' == hook_sticky_header ) { + if ( ( 'desktop' == self.options.sticky_on_device && astraAddon.hook_custom_header_break_point > windowWidth ) || + ( 'mobile' == self.options.sticky_on_device && astraAddon.hook_custom_header_break_point <= windowWidth ) ) { + self.stickRelease( self ); + } else { + if ( jQuery( window ).scrollTop() > stick_upto_scroll ) { + + if ( 'none' == self.options.header_style ) { + if ( 'enabled' == self.options.active_shrink ) { + self.hasShrink( self, 'stick' ); + var topValue = 'none'; // Default value for 'top' property + if ( !selector.hasClass( 'ast-custom-header' ) ) { + topValue = gutter; // If it's not the specified class, set 'top' to 'gutter' + } + selector.parent().css( 'min-height', selector.outerHeight() ); + selector.addClass( 'ast-header-sticky-active' ).stop().css( { + 'max-width': max_width, + 'top': topValue, // Setting 'top' property based on the condition + 'padding-top': self.options.shrink.padding_top, + 'padding-bottom': self.options.shrink.padding_bottom, + } ); + selector.addClass( 'ast-sticky-shrunk' ).stop(); + } else { + self.hasShrink( self, 'stick' ); + selector.parent().css( 'min-height', selector.outerHeight() ); + selector.addClass( 'ast-header-sticky-active' ).stop().css( { + 'max-width': max_width, + 'top': gutter, + 'padding-top': self.options.shrink.padding_top, + 'padding-bottom': self.options.shrink.padding_bottom, + } ); + selector.addClass( 'ast-sticky-shrunk' ).stop(); + } + } + + } else { + self.stickRelease( self ); + } + } + } + + var hook_sticky_footer = astraAddon.hook_sticky_footer || ''; + // Any stick header is enabled? + if ( 'enabled' == hook_sticky_footer ) { + + if ( + ( 'desktop' == self.options.sticky_on_device && astraAddon.hook_custom_footer_break_point > windowWidth ) || + ( 'mobile' == self.options.sticky_on_device && astraAddon.hook_custom_footer_break_point <= windowWidth ) + ) { + self.stickRelease( self ); + } + else{ + jQuery( 'body' ).addClass( 'ast-footer-sticky-active' ); + selector.parent().css( 'min-height', selector.outerHeight() ); + selector.stop().css({ + 'max-width' : max_width, + }); + } + } + } + + astHookExtSticky.prototype.update_attrs = function () { + + var self = this, + selector = jQuery( self.element ), + gutter = parseInt( self.options.gutter ), + max_width = self.options.max_width; + + if ( 'none' == self.options.header_style ) { + var stick_upto_scroll = selector.offset().top || 0; + } + + /** + * Update Max-Width + */ + if ( 'ast-box-layout' != self.options.site_layout ) { + max_width = jQuery( 'body' ).width(); + } + + /** + * Check dependent element + * - Is exist? + * - Has attr 'data-stick-support' with status 'on' + */ + if ( self.options.dependent ) { + jQuery.each( self.options.dependent, function(index, val) { + if ( + ( jQuery( val ).length ) && + ( jQuery( val ).parent().attr( 'data-stick-support' ) == 'on' ) + ) { + dependent_height = jQuery( val ).outerHeight(); + gutter += parseInt( dependent_height ); + stick_upto_scroll -= parseInt( dependent_height ); + } + }); + } + + /** + * Add support for Admin bar height + */ + if ( self.options.admin_bar_height_lg && jQuery( '#wpadminbar' ).length && viewPortWidth > 782 ) { + gutter += parseInt( self.options.admin_bar_height_lg ); + stick_upto_scroll -= parseInt( self.options.admin_bar_height_lg ); + } + + if ( self.options.admin_bar_height_sm && jQuery( '#wpadminbar' ).length && ( viewPortWidth >= 600 && viewPortWidth <= 782 ) ) { + gutter += parseInt( self.options.admin_bar_height_sm ); + stick_upto_scroll -= parseInt( self.options.admin_bar_height_sm ); + } + + if( self.options.admin_bar_height_xs && jQuery( '#wpadminbar' ).length ){ + gutter += parseInt( self.options.admin_bar_height_xs ); + stick_upto_scroll -= parseInt( self.options.admin_bar_height_xs ); + } + + /** + * Add support for tag + */ + if ( self.options.body_padding_support ) { + gutter += parseInt( jQuery( 'body' ).css( 'padding-top' ), 10 ); + stick_upto_scroll -= parseInt( jQuery( 'body' ).css( 'padding-top' ), 10 ); + } + + /** + * Add support for tag + */ + if ( self.options.html_padding_support ) { + gutter += parseInt( jQuery( 'html' ).css( 'padding-top' ), 10 ); + stick_upto_scroll -= parseInt( jQuery( 'html' ).css( 'padding-top' ), 10 ); + } + + /** + * Updated vars + */ + self.options.stick_upto_scroll = stick_upto_scroll; + + /** + * Update Attributes + */ + if ( 'none' == self.options.header_style ) { + selector.parent() + .css( 'min-height', selector.outerHeight() ) + .attr( 'data-stick-gutter', parseInt( gutter ) ) + .attr( 'data-stick-maxwidth', parseInt( max_width ) ); + } + } + + astHookExtSticky.prototype.hasShrink = function( self, method ) { + + var st = $( window ).scrollTop(); + + // If they scrolled down and are past the navbar, add class .nav-up. + // This is necessary so you never see what is "behind" the navbar. + var fixed_header = jQuery(self.element); + if ( st > fixed_header.outerHeight() ){ + // Active Shrink + jQuery('body').addClass('ast-shrink-custom-header'); + } else { + // Remove Shrink effect + jQuery('body').removeClass('ast-shrink-custom-header'); + } + } + + astHookExtSticky.prototype.stickRelease = function( self ) { + var selector = jQuery( self.element ); + + var hook_sticky_header = astraAddon.hook_sticky_header || ''; + // Any stick header is enabled? + if ( 'enabled' == hook_sticky_header ) { + if ( 'none' == self.options.header_style ) { + selector.removeClass( 'ast-header-sticky-active' ).stop().css({ + 'max-width' : '', + 'top' : '', + 'padding' : '', + }); + selector.parent().css( 'min-height', '' ); + selector.removeClass( 'ast-sticky-shrunk' ).stop(); + } + } + + var hook_sticky_footer = astraAddon.hook_sticky_footer || ''; + // Any stick footer is enabled? + if ( 'enabled' == hook_sticky_footer ) { + jQuery( 'body' ).removeClass( 'ast-footer-sticky-active' ); + } + } + /** + * Init Prototype + * + * @since 1.0.0 + */ + astHookExtSticky.prototype.init = function () { + + /** + * If custom stick options are set + */ + if ( jQuery( this.element ) ) { + + var self = this, + selector = jQuery( self.element ), + gutter = parseInt( self.options.gutter ), + stick_upto_scroll = selector.position().top || 0, + dependent_height = 0; + + /** + * Add parent
    wrapper with height element for smooth scroll + * + * Added 'data-stick-support' to all sticky elements + * To know the {dependent} element has support of 'stick' + */ + if ( 'none' == self.options.header_style ) { + selector.wrap( self.options.wrap ) + .parent().css( 'min-height', selector.outerHeight() ) + .attr( 'data-stick-support', 'on' ) + .attr( 'data-stick-maxwidth', parseInt( self.options.max_width ) ); + } + + self.update_attrs(); + + // Stick me!. + jQuery( window ).on('resize', function() { + + self.stickRelease( self ); + self.update_attrs(); + self.stick_me( self ); + } ); + + jQuery( window ).on('scroll', function() { + // update the stick_upto_scroll if normal main header navigation is opend. + self.stick_me( self, 'scroll' ); + } ); + + jQuery( document ).ready(function($) { + self.stick_me( self ); + } ); + + } + + }; + + $.fn[pluginName] = function ( options ) { + return this.each(function () { + if ( ! $.data( this, 'plugin_' + pluginName )) { + $.data( this, 'plugin_' + pluginName, new astHookExtSticky( this, options ) ); + } + }); + } + + + + var $body = jQuery( 'body' ), + layout_width = $body.width(), + site_layout = astraAddon.site_layout || '', + hook_sticky_header = astraAddon.hook_sticky_header || '', + hook_shrink_header = astraAddon.hook_shrink_header || ''; + sticky_header_on_devices = astraAddon.hook_sticky_header_on_devices || 'desktop', + site_layout_box_width = astraAddon.site_layout_box_width || 1200, + hook_sticky_footer = astraAddon.hook_sticky_footer || '', + sticky_footer_on_devices = astraAddon.hook_sticky_footer_on_devices || 'desktop'; + + + + switch ( site_layout ) { + case 'ast-box-layout': + layout_width = parseInt( site_layout_box_width ); + break; + } + + jQuery( document ).ready(function($) { + // Any stick header is enabled? + if ( 'enabled' == hook_sticky_header ) { + + jQuery( '.ast-custom-header' ).astHookExtSticky({ + sticky_on_device: sticky_header_on_devices, + header_style: 'none', + site_layout: site_layout, + max_width: layout_width, + active_shrink: hook_shrink_header, + }); + + } + + // Any stick footer is enabled? + if ( 'enabled' == hook_sticky_footer ) { + + jQuery( '.ast-custom-footer' ).astHookExtSticky({ + sticky_on_device: sticky_footer_on_devices, + max_width: layout_width, + site_layout: site_layout, + header_style: 'none', + }); + + } + }); + +}(jQuery, window)); diff --git a/assets/js/advanced-hooks-sticky-header-footer.min.js b/assets/js/advanced-hooks-sticky-header-footer.min.js new file mode 100644 index 00000000..24223228 --- /dev/null +++ b/assets/js/advanced-hooks-sticky-header-footer.min.js @@ -0,0 +1 @@ +((o,r)=>{var s="astHookExtSticky",i=r.document,a=(jQuery(r).outerWidth(),jQuery(r).width()),n={dependent:[],max_width:"",site_layout:"",break_point:920,admin_bar_height_lg:32,admin_bar_height_sm:46,admin_bar_height_xs:0,stick_upto_scroll:0,gutter:0,wrap:"
    ",body_padding_support:!0,html_padding_support:!0,active_shrink:!1,shrink:{padding_top:"",padding_bottom:""},sticky_on_device:"desktop",header_style:"none",hide_on_scroll:"no"};function e(t,e){this.element=t,this.options=o.extend({},n,e),this._defaults=n,this._name=s,"1"==this.options.hide_on_scroll&&(this.navbarHeight=o(t).outerHeight()),this.lastScrollTop=0,this.delta=5,this.should_stick=!0,this.hideScrollInterval="",this.init()}e.prototype.stick_me=function(t,e){var o=jQuery(t.element),s=jQuery(r).outerWidth(),i=parseInt(t.options.stick_upto_scroll),a=parseInt(o.parent().attr("data-stick-maxwidth")),n=parseInt(o.parent().attr("data-stick-gutter"));"enabled"==(astraAddon.hook_sticky_header||"")&&(!("desktop"==t.options.sticky_on_device&&astraAddon.hook_custom_header_break_point>s||"mobile"==t.options.sticky_on_device&&astraAddon.hook_custom_header_break_point<=s)&&jQuery(r).scrollTop()>i?"none"==t.options.header_style&&("enabled"==t.options.active_shrink?(t.hasShrink(t,"stick"),i="none",o.hasClass("ast-custom-header")||(i=n),o.parent().css("min-height",o.outerHeight()),o.addClass("ast-header-sticky-active").stop().css({"max-width":a,top:i,"padding-top":t.options.shrink.padding_top,"padding-bottom":t.options.shrink.padding_bottom})):(t.hasShrink(t,"stick"),o.parent().css("min-height",o.outerHeight()),o.addClass("ast-header-sticky-active").stop().css({"max-width":a,top:n,"padding-top":t.options.shrink.padding_top,"padding-bottom":t.options.shrink.padding_bottom})),o.addClass("ast-sticky-shrunk").stop()):t.stickRelease(t)),"enabled"==(astraAddon.hook_sticky_footer||"")&&("desktop"==t.options.sticky_on_device&&astraAddon.hook_custom_footer_break_point>s||"mobile"==t.options.sticky_on_device&&astraAddon.hook_custom_footer_break_point<=s?t.stickRelease(t):(jQuery("body").addClass("ast-footer-sticky-active"),o.parent().css("min-height",o.outerHeight()),o.stop().css({"max-width":a})))},e.prototype.update_attrs=function(){var o,t=this,e=jQuery(t.element),s=parseInt(t.options.gutter),i=t.options.max_width;"none"==t.options.header_style&&(o=e.offset().top||0),"ast-box-layout"!=t.options.site_layout&&(i=jQuery("body").width()),t.options.dependent&&jQuery.each(t.options.dependent,function(t,e){jQuery(e).length&&"on"==jQuery(e).parent().attr("data-stick-support")&&(dependent_height=jQuery(e).outerHeight(),s+=parseInt(dependent_height),o-=parseInt(dependent_height))}),t.options.admin_bar_height_lg&&jQuery("#wpadminbar").length&&782jQuery(t.element).outerHeight()?jQuery("body").addClass("ast-shrink-custom-header"):jQuery("body").removeClass("ast-shrink-custom-header")},e.prototype.stickRelease=function(t){var e=jQuery(t.element);"enabled"==(astraAddon.hook_sticky_header||"")&&"none"==t.options.header_style&&(e.removeClass("ast-header-sticky-active").stop().css({"max-width":"",top:"",padding:""}),e.parent().css("min-height",""),e.removeClass("ast-sticky-shrunk").stop()),"enabled"==(astraAddon.hook_sticky_footer||"")&&jQuery("body").removeClass("ast-footer-sticky-active")},e.prototype.init=function(){var e,t;jQuery(this.element)&&(e=this,t=jQuery(e.element),parseInt(e.options.gutter),t.position().top,"none"==e.options.header_style&&t.wrap(e.options.wrap).parent().css("min-height",t.outerHeight()).attr("data-stick-support","on").attr("data-stick-maxwidth",parseInt(e.options.max_width)),e.update_attrs(),jQuery(r).on("resize",function(){e.stickRelease(e),e.update_attrs(),e.stick_me(e)}),jQuery(r).on("scroll",function(){e.stick_me(e,"scroll")}),jQuery(i).ready(function(t){e.stick_me(e)}))},o.fn[s]=function(t){return this.each(function(){o.data(this,"plugin_"+s)||o.data(this,"plugin_"+s,new e(this,t))})};var d=jQuery("body").width(),_=astraAddon.site_layout||"",h=astraAddon.hook_sticky_header||"",p=astraAddon.hook_shrink_header||"";sticky_header_on_devices=astraAddon.hook_sticky_header_on_devices||"desktop",site_layout_box_width=astraAddon.site_layout_box_width||1200,hook_sticky_footer=astraAddon.hook_sticky_footer||"",sticky_footer_on_devices=astraAddon.hook_sticky_footer_on_devices||"desktop","ast-box-layout"===_&&(d=parseInt(site_layout_box_width)),jQuery(i).ready(function(t){"enabled"==h&&jQuery(".ast-custom-header").astHookExtSticky({sticky_on_device:sticky_header_on_devices,header_style:"none",site_layout:_,max_width:d,active_shrink:p}),"enabled"==hook_sticky_footer&&jQuery(".ast-custom-footer").astHookExtSticky({sticky_on_device:sticky_footer_on_devices,max_width:d,site_layout:_,header_style:"none"})})})(jQuery,window); \ No newline at end of file diff --git a/assets/js/advanced-hooks.js b/assets/js/advanced-hooks.js new file mode 100644 index 00000000..3a977b1f --- /dev/null +++ b/assets/js/advanced-hooks.js @@ -0,0 +1,405 @@ +(function($){ + + /** + * Advanced Hooks + * + * @class AstraAdvancedHooks + * @since 1.0 + */ + AstraAdvancedHooks = { + + /** + * Initializes a Advanced Hooks. + * + * @since 1.0 + * @method init + */ + init: function() + { + // Init backgrounds. + AstraAdvancedHooks.bind(); + AstraAdvancedHooks.php_snippet_area(); + AstraAdvancedHooks.action_description(); + AstraAdvancedHooks.bind_tooltip(); + AstraAdvancedHooks.initLayoutSettings(); + AstraAdvancedHooks.timeDurationEnabled(); + + if( astraCustomHookVars.is_complete_package && document.body.classList.contains('block-editor-page') ) { + wp.data.subscribe(function () { + setTimeout( function () { + AstraAdvancedHooks.code_editor_switcher(); + }, 1 ); + }); + } + }, + + timeDurationEnabled: function () { + + var startDateTime = $('#ast-advanced-time-duration-start-dt'); + var endDateTime = $('#ast-advanced-time-duration-end-dt'); + + var timeDurationEnabledElement = $('#ast-advanced-time-duration-enabled'); + $('.ast-advanced-time-duration-enabled').toggle(timeDurationEnabledElement.is(':checked')); + timeDurationEnabledElement.change(function () { + $('.ast-advanced-time-duration-enabled').toggle(this.checked); + if( ! this.checked ) { + startDateTime.val(''); + endDateTime.val(''); + } + }); + + startDateTime.datetimepicker({ + timeFormat: 'HH:mm:ss', + onClose: function(dateText, inst) { + if (endDateTime.val() !== '') { + var testStartDate = startDateTime.datetimepicker('getDate'); + var testEndDate = endDateTime.datetimepicker('getDate'); + if (testStartDate > testEndDate) + endDateTime.datetimepicker('setDate', testStartDate); + } + else { + endDateTime.val(dateText); + } + }, + onSelect: function (selectedDateTime){ + endDateTime.datetimepicker('option', 'minDate', startDateTime.datetimepicker('getDate') ); + } + }); + endDateTime.datetimepicker({ + timeFormat: 'HH:mm:ss', + onClose: function(dateText, inst) { + if (startDateTime.val() !== '') { + var testStartDate = startDateTime.datetimepicker('getDate'); + var testEndDate = endDateTime.datetimepicker('getDate'); + if (testStartDate > testEndDate) + startDateTime.datetimepicker('setDate', testEndDate); + } + else { + startDateTime.val(dateText); + } + }, + onSelect: function (selectedDateTime){ + startDateTime.datetimepicker('option', 'maxDate', endDateTime.datetimepicker('getDate') ); + } + }); + + }, + + code_editor_switcher: function() + { + if( $('.edit-post-header-toolbar .ast-advanced-hook-enable-php-wrapper').length ) { + return; + } + + var editor = $('#editor'), + switchMode = $($('#astra-editor-button-switch-mode').html()); + editor.find('.edit-post-header-toolbar').append( switchMode ); + }, + + bind: function() + { + // Instead of updating PHP globals $parent_file, $submenu_file, used following JS for making Custom Layout menu active while editing any post. + $( 'li#toplevel_page_' + astraCustomHookVars.home_slug + ', li#toplevel_page_' + astraCustomHookVars.home_slug + ' > a' ).removeClass('wp-not-current-submenu').addClass('wp-has-current-submenu'); + $( 'li#toplevel_page_' + astraCustomHookVars.home_slug + ' a[href="edit.php?post_type=astra-advanced-hook"]' ).parent().addClass('current'); + $( 'li#menu-appearance.wp-has-current-submenu, li#menu-appearance.wp-has-current-submenu > a' ).removeClass('wp-has-current-submenu'); + + $( 'input[name="ast-advanced-hook-header[sticky]"]' ).on( 'change', AstraAdvancedHooks.stickyHeaderChanged ); + $( 'input[name="ast-advanced-hook-footer[sticky]"]' ).on( 'change', AstraAdvancedHooks.stickyFooterChanged ); + $( 'select[name="ast-advanced-hook-layout"]' ).on( 'change', AstraAdvancedHooks.layoutChanged ); + $( 'select[name="ast-advanced-hook-content[location]"]' ).on( 'change', AstraAdvancedHooks.contentLocationChanged ); + }, + + bind_tooltip: function() { + + // Call Tooltip + $('.ast-advanced-hook-heading-help').tooltip({ + content: function() { + return $(this).prop('title'); + }, + tooltipClass: 'ast-advanced-hook-ui-tooltip', + position: { + my: 'center top', + at: 'center bottom+10', + }, + hide: { + duration: 200, + }, + show: { + duration: 200, + }, + }); + }, + + php_snippet_area: function() { + var url = window.location.href, + button = $( '.ast-advanced-hook-enable-php-btn' ), + button_input = button.children( '.ast-advanced-hook-with-php' ); + + if( url.indexOf( '&code_editor' ) > -1 ) { + button_input.val('enabled'); + $('body').addClass( 'astra-php-snippt-enabled' ); + } else if( url.indexOf( '&wordpress_editor' ) > -1 ) { + button_input.val(''); + $('body').removeClass( 'astra-php-snippt-enabled' ); + } + + $(document).on( 'click', '.ast-advanced-hook-enable-php-btn', function(e) { + e.preventDefault(); + var editor_type = $( this ).data( 'editor-type' ), + url = encodeURI( window.location.href ); + + if( url.indexOf( '&code_editor' ) > -1 || 'code_editor' == editor_type ) { + button_input.val('enabled'); + $('body').addClass( 'astra-php-snippt-enabled' ); + url = url.replace( '&code_editor', '' ); + window.location.replace( url + '&wordpress_editor' ); + } else if( url.indexOf( '&wordpress_editor' ) > -1 || 'wordpress_editor' == editor_type ) { + button_input.val(''); + $('body').removeClass( 'astra-php-snippt-enabled' ); + url = url.replace( '&wordpress_editor', '' ); + window.location.replace( url + '&code_editor' ); + } else { + if ( $('body').hasClass( 'block-editor-page' ) ) { + window.location = url + '&code_editor'; + } else { + window.location = url + '&wordpress_editor'; + } + } + }); + }, + + action_description: function() { + $('#ast-advanced-hook-action').on('change', function(e) { + var desc_wrap = $(this).next('.ast-advanced-hook-action-desc'), + desc_content = $(this).find('option:selected').attr('data-desc'), + action = $( '#ast-advanced-hook-action' ).val(); + + if( 'custom_hook' === action ) { + $( '.ast-custom-action-wrap' ).show(); + } else { + $( '.ast-custom-action-wrap' ).hide(); + } + + if ( 'undefined' != typeof desc_content && '' != desc_content ) { + desc_wrap.removeClass('ast-no-desc'); + desc_wrap.text(desc_content); + } else { + desc_wrap.addClass('ast-no-desc'); + desc_wrap.text(''); + } + }); + }, + + /** + * Init the layout settings based on layout. + * + * @since 1.0 + * @method initLayoutSettings + */ + initLayoutSettings: function() + { + var layout = $( '#ast-advanced-hook-layout' ).val(), + action = $( '#ast-advanced-hook-action' ).val(), + sticky_header = $( 'input[name="ast-advanced-hook-header[sticky]"]' ), + sticky_footer = $( 'input[name="ast-advanced-hook-footer[sticky]"]' ), + content_location = $( '#ast-advanced-hook-content-location' ).val(); + + $( '.ast-layout-content-after-blocks, .ast-layout-content-before-heading, .ast-layout-content-location-required, .ast-inside-content-notice' ).hide(); + + if( 'header' == layout ){ + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-header-required' ).show(); + $( '.ast-layout-required' ).show(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-404-layout-required' ).hide(); + } else if( 'hooks' == layout ){ + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-hooks-required' ).show(); + $( '.ast-layout-required' ).show(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-404-layout-required' ).hide(); + if( 'custom_hook' === action ) { + $( '.ast-custom-action-wrap' ).show(); + } else { + $( '.ast-custom-action-wrap' ).hide(); + } + } else if( 'footer' == layout ) { + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-footer-required' ).show(); + $( '.ast-layout-required' ).show(); + $( '.ast-404-layout-required' ).hide(); + } else if ( '404-page' == layout ) { + $( '.ast-404-layout-required' ).show(); + $( '.ast-target-rules-user' ).show(); + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-target-rules-display' ).hide(); + $( '.ast-target-rules-exclude' ).hide(); + } else if ( 'content' == layout ) { + $( '.ast-layout-content-required' ).show(); + $( '.ast-target-rules-user' ).show(); + $( '.ast-target-rules-display' ).show(); + $( '.ast-layout-content-location-required' ).show(); + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-404-layout-required' ).hide(); + $( '.ast-inside-content-notice' ).show(); + + if( 'after_blocks' === content_location ) { + $( '.ast-layout-content-after-blocks' ).show(); + $( '.ast-inside-content-blocks-notice' ).show(); + } else { + $( '.ast-layout-content-before-heading' ).show(); + $( '.ast-inside-content-heading-notice' ).show(); + } + } else { + $( '.ast-layout-content-required' ).hide(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-required' ).hide(); + $( '.ast-404-layout-required' ).hide(); + } + + if( sticky_header.is(':checked') && 'header' == layout ){ + $( '.ast-layout-header-sticky-required' ).show(); + } + else{ + $( '.ast-layout-header-sticky-required' ).hide(); + } + + if( sticky_footer.is(':checked') && 'footer' == layout ){ + $( '.ast-layout-footer-sticky-required' ).show(); + } + else{ + $( '.ast-layout-footer-sticky-required' ).hide(); + } + }, + + stickyHeaderChanged: function() + { + if( $(this).is(':checked') ){ + $( '.ast-layout-header-sticky-required' ).show(); + } + else{ + $( '.ast-layout-header-sticky-required' ).hide(); + } + }, + + stickyFooterChanged: function() + { + if( $(this).is(':checked') ){ + $( '.ast-layout-footer-sticky-required' ).show(); + } + else{ + $( '.ast-layout-footer-sticky-required' ).hide(); + } + }, + + layoutChanged: function() + { + var val = $(this).val(), + content_location = $( '#ast-advanced-hook-content-location' ).val(), + sticky_header = $( 'input[name="ast-advanced-hook-header[sticky]"]' ), + sticky_footer = $( 'input[name="ast-advanced-hook-footer[sticky]"]' ); + + $( '.ast-layout-content-after-blocks' ).hide(); + $( '.ast-layout-content-before-heading' ).hide(); + $( '.ast-layout-content-location-required' ).hide(); + $( '.ast-inside-content-notice' ).hide(); + + if( 'header' == val ){ + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-layout-header-required' ).show(); + $( '.ast-layout-required' ).show(); + $( '.ast-layout-content-required' ).hide(); + $( '.ast-404-layout-required' ).hide(); + } else if( 'hooks' == val ){ + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-layout-hooks-required' ).show(); + $( '.ast-layout-required' ).show(); + $( '.ast-layout-content-required' ).hide(); + $( '.ast-404-layout-required' ).hide(); + } else if( 'footer' == val ) { + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-footer-required' ).show(); + $( '.ast-layout-required' ).show(); + $( '.ast-layout-content-required' ).hide(); + $( '.ast-404-layout-required' ).hide(); + } else if ( '404-page' == val ) { + $( '.ast-404-layout-required' ).show(); + $( '.ast-target-rules-user' ).show(); + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-layout-content-required' ).hide(); + $( '.ast-target-rules-display' ).hide(); + $( '.ast-target-rules-exclude' ).hide(); + } else if( 'content' == val ) { + $( '.ast-layout-content-required' ).show(); + $( '.ast-target-rules-user' ).show(); + $( '.ast-target-rules-display' ).show(); + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-404-layout-required' ).hide(); + $( '.ast-layout-content-location-required' ).show(); + $( '.ast-inside-content-notice' ).show(); + + if( 'after_blocks' === content_location ) { + $( '.ast-layout-content-after-blocks' ).show(); + } else { + $( '.ast-layout-content-before-heading' ).show(); + } + + } else { + $( '.ast-layout-content-required' ).hide(); + $( '.ast-layout-header-required' ).hide(); + $( '.ast-layout-footer-required' ).hide(); + $( '.ast-layout-hooks-required' ).hide(); + $( '.ast-layout-required' ).hide(); + $( '.ast-404-layout-required' ).hide(); + $( '.ast-layout-content-required' ).hide(); + } + + if( sticky_header.is(':checked') && 'header' == val ){ + $( '.ast-layout-header-sticky-required' ).show(); + } + else{ + $( '.ast-layout-header-sticky-required' ).hide(); + } + + if( sticky_footer.is(':checked') && 'footer' == val ){ + $( '.ast-layout-footer-sticky-required' ).show(); + } + else{ + $( '.ast-layout-footer-sticky-required' ).hide(); + } + }, + + contentLocationChanged: function() { + var location = $(this).val(); + + if( 'before_headings' == location ) { + $( '.ast-layout-content-after-blocks' ).hide(); + $( '.ast-layout-content-before-heading' ).show(); + } else { + $( '.ast-layout-content-after-blocks' ).show(); + $( '.ast-layout-content-before-heading' ).hide(); + } + + } + } + + /* Initializes the Advanced Hooks. */ + $(function(){ + AstraAdvancedHooks.init(); + }); + +})(jQuery); diff --git a/assets/js/advanced-hooks.min.js b/assets/js/advanced-hooks.min.js new file mode 100644 index 00000000..d2878563 --- /dev/null +++ b/assets/js/advanced-hooks.min.js @@ -0,0 +1 @@ +(i=>{AstraAdvancedHooks={init:function(){AstraAdvancedHooks.bind(),AstraAdvancedHooks.php_snippet_area(),AstraAdvancedHooks.action_description(),AstraAdvancedHooks.bind_tooltip(),AstraAdvancedHooks.initLayoutSettings(),AstraAdvancedHooks.timeDurationEnabled(),astraCustomHookVars.is_complete_package&&document.body.classList.contains("block-editor-page")&&wp.data.subscribe(function(){setTimeout(function(){AstraAdvancedHooks.code_editor_switcher()},1)})},timeDurationEnabled:function(){var d=i("#ast-advanced-time-duration-start-dt"),s=i("#ast-advanced-time-duration-end-dt"),e=i("#ast-advanced-time-duration-enabled");i(".ast-advanced-time-duration-enabled").toggle(e.is(":checked")),e.change(function(){i(".ast-advanced-time-duration-enabled").toggle(this.checked),this.checked||(d.val(""),s.val(""))}),d.datetimepicker({timeFormat:"HH:mm:ss",onClose:function(e,t){var a;""!==s.val()?(a=d.datetimepicker("getDate"),s.datetimepicker("getDate") a").removeClass("wp-not-current-submenu").addClass("wp-has-current-submenu"),i("li#toplevel_page_"+astraCustomHookVars.home_slug+' a[href="edit.php?post_type=astra-advanced-hook"]').parent().addClass("current"),i("li#menu-appearance.wp-has-current-submenu, li#menu-appearance.wp-has-current-submenu > a").removeClass("wp-has-current-submenu"),i('input[name="ast-advanced-hook-header[sticky]"]').on("change",AstraAdvancedHooks.stickyHeaderChanged),i('input[name="ast-advanced-hook-footer[sticky]"]').on("change",AstraAdvancedHooks.stickyFooterChanged),i('select[name="ast-advanced-hook-layout"]').on("change",AstraAdvancedHooks.layoutChanged),i('select[name="ast-advanced-hook-content[location]"]').on("change",AstraAdvancedHooks.contentLocationChanged)},bind_tooltip:function(){i(".ast-advanced-hook-heading-help").tooltip({content:function(){return i(this).prop("title")},tooltipClass:"ast-advanced-hook-ui-tooltip",position:{my:"center top",at:"center bottom+10"},hide:{duration:200},show:{duration:200}})},php_snippet_area:function(){var e=window.location.href,a=i(".ast-advanced-hook-enable-php-btn").children(".ast-advanced-hook-with-php");-1 i; i++ ) { + + searchIcons[i].onclick = function ( evt ) { + + evt.preventDefault(); + + if ( ! evt ) { + evt = window.event; + } + + if ( this.classList.contains( 'header-cover' ) ) { + var header_cover = document.querySelectorAll( '.ast-search-box.header-cover' ), + header_builder_active = astraAddon.is_header_builder_active || false; + + for (var j = 0; j < header_cover.length; j++) { + + var header_cover_icon = header_cover[j].parentNode.querySelectorAll( 'a.astra-search-icon' ); + + for (var k = 0; k < header_cover_icon.length; k++) { + if ( header_cover_icon[k] == this ) { + fade_in( header_cover[j] ); + header_cover[j].querySelector( 'input.search-field' ).focus(); + + // Set header cover form height. + if ( header_builder_active ) { + header_builder_cover_form_height( header_cover[j] ); + } else { + header_cover_form_height( header_cover[j] ); + } + } + }; + }; + + } else if ( this.classList.contains( 'full-screen' ) ) { + + var fullScreen = document.getElementById( 'ast-seach-full-screen-form' ); + if ( fullScreen.classList.contains( 'full-screen' ) ) { + fade_in( fullScreen ); + add_style_class( 'full-screen' ); + fullScreen.querySelector( 'input.search-field' ).focus(); + } + } + }; + }; + + /* Search Header Cover & Full Screen Close */ + var closes = document.querySelectorAll( '.ast-search-box .close' ); + for (var i = 0, len = closes.length; i < len; ++i) { + closes[i].onclick = function(evt){ + + if ( ! evt) { evt = window.event; + } + var self = this; + while ( 1 ) { + if ( self.parentNode.classList.contains( 'ast-search-box' ) ) { + fade_out( self.parentNode ); + remove_style_class( 'full-screen' ); + break; + } else if ( self.parentNode.classList.contains( 'site-header' ) ) { + break; + } + self = self.parentNode; + } + }; + } + + document.onkeydown = function ( evt ) { + if ( evt.keyCode == 27 ) { + var fullScreenForm = document.getElementById( 'ast-seach-full-screen-form' ); + + if ( null != fullScreenForm ) { + fade_out( fullScreenForm ); + remove_style_class( 'full-screen' ); + } + + var header_cover = document.querySelectorAll( '.ast-search-box.header-cover' ); + for (var j = 0; j < header_cover.length; j++) { + fade_out( header_cover[j] ); + } + } + } + + window.addEventListener("resize", function() { + + if( 'BODY' !== document.activeElement.tagName ) { + return; + } + + // Skip resize event when keyboard display event triggers on devices. + if( 'INPUT' != document.activeElement.tagName ) { + var header_cover = document.querySelectorAll( '.ast-search-box.header-cover' ); + if ( ! document.body.classList.contains( 'ast-header-break-point' ) ) { + for (var j = 0; j < header_cover.length; j++) { + header_cover[j].style.maxHeight = ''; + header_cover[j].style.opacity = ''; + header_cover[j].style.display = ''; + } + } + } + }); + + let closeIcon = document.getElementById("close"); + if ( closeIcon ) { + closeIcon.addEventListener("keydown", function (event) { + if (event.key === "Enter") { + event.preventDefault(); + this.click(); + } else if (event.key === "Tab") { + event.preventDefault(); + } + }); + } + +} )(); diff --git a/assets/js/advanced-search.min.js b/assets/js/advanced-search.min.js new file mode 100644 index 00000000..28a00329 --- /dev/null +++ b/assets/js/advanced-search.min.js @@ -0,0 +1 @@ +(()=>{var e;function o(e){var t=(t=document.body.className).replace(e,"");document.body.className=t}function d(e){e.style.display="block",setTimeout(function(){e.style.opacity=1},1)}function n(e){e.style.opacity="",setTimeout(function(){e.style.display=""},200)}r="iPhone"==navigator.userAgent.match(/iPhone/i)?"iphone":"",e="iPod"==navigator.userAgent.match(/iPod/i)?"ipod":"",document.body.className+=" "+r,document.body.className+=" "+e;for(var t=document.querySelectorAll("a.astra-search-icon:not(.slide-search)"),a=0;t.length>a;a++)t[a].onclick=function(e){var t,a,o,n;if(e.preventDefault(),e=e||window.event,this.classList.contains("header-cover"))for(var s=document.querySelectorAll(".ast-search-box.header-cover"),c=astraAddon.is_header_builder_active||!1,r=0;r +
    + handlers.attrChange( 'customCss', value ) } + /> +
    + handlers.pasteSettings( value ) } + /> +
    +
    + + ); + }, + + /** + * Add controls on Advanced Settings Panel. + * + * @param {Function} BlockEdit Block edit component. + * + * @return {Function} BlockEdit Modified block edit component. + */ + withAdvancedControls: createHigherOrderComponent( + ( BlockEdit ) => { + return ( props ) => { + return ( + + + { app.getFields( props ) } + + ); + }; + }, + 'withAdvancedControls' + ), + }; + + // Provide access to public functions/properties. + return app; +}( jQuery ) ); diff --git a/assets/js/ajax-cart-quantity-updater.js b/assets/js/ajax-cart-quantity-updater.js new file mode 100644 index 00000000..4652db45 --- /dev/null +++ b/assets/js/ajax-cart-quantity-updater.js @@ -0,0 +1,25 @@ +window.addEventListener('DOMContentLoaded', (event) => { + cartQuantityUpdater(); +}); + +function cartQuantityUpdater() { + const checkIfCart = document.querySelector('body'); + pageParentClass = document.querySelector( 'div.woocommerce' ); + let timeout; + + if( checkIfCart.classList.contains( 'woocommerce-cart' ) && pageParentClass ) { + + pageParentClass.addEventListener( 'change' , function(e) { + + if( e.target && e.target.classList.contains( 'qty' ) ){ + if ( timeout != undefined ) clearTimeout( timeout ); + if ( e.target.value == '' ) return; + timeout = setTimeout( function() { + document.querySelector( '[name="update_cart"]' ).click(); + }, 1000 ) + } + + } ); + } + +} \ No newline at end of file diff --git a/assets/js/ajax-cart-quantity-updater.min.js b/assets/js/ajax-cart-quantity-updater.min.js new file mode 100644 index 00000000..869d6320 --- /dev/null +++ b/assets/js/ajax-cart-quantity-updater.min.js @@ -0,0 +1 @@ +function cartQuantityUpdater(){var e=document.querySelector("body");pageParentClass=document.querySelector("div.woocommerce");let t;e.classList.contains("woocommerce-cart")&&pageParentClass&&pageParentClass.addEventListener("change",function(e){e.target&&e.target.classList.contains("qty")&&(null!=t&&clearTimeout(t),""!=e.target.value)&&(t=setTimeout(function(){document.querySelector('[name="update_cart"]').click()},1e3))})}window.addEventListener("DOMContentLoaded",e=>{cartQuantityUpdater()}); \ No newline at end of file diff --git a/assets/js/aos.js b/assets/js/aos.js new file mode 100644 index 00000000..0ba1c7b6 --- /dev/null +++ b/assets/js/aos.js @@ -0,0 +1 @@ +!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},_=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},S=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},z=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?_():(document.querySelector("body").setAttribute("data-aos-easing",x.easing),document.querySelector("body").setAttribute("data-aos-duration",x.duration),document.querySelector("body").setAttribute("data-aos-delay",x.delay),"DOMContentLoaded"===x.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?j(!0):"load"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener("resize",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||(0,d.default)("[data-aos]",O),w)};e.exports={init:z,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=new r(o);i=t,a.observe(n.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&i()})}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;ne.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])}); \ No newline at end of file diff --git a/assets/js/aos.min.js b/assets/js/aos.min.js new file mode 100644 index 00000000..0be63941 --- /dev/null +++ b/assets/js/aos.min.js @@ -0,0 +1 @@ +!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return n=[function(d,f,e){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}function o(){c=(0,r.default)(),s()}var l=Object.assign||function(e){for(var t=1;te.position?e.node.classList.add("aos-animate"):void 0===i||"false"!==i&&(n||"true"===i)||e.node.classList.remove("aos-animate")})}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=o(12),n=(o=o)&&o.__esModule?o:{default:o};t.default=function(e,o){return e.forEach(function(e,t){e.node.classList.add("aos-init"),e.position=(0,n.default)(e.node,o.offset)}),e}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=o(13),r=(o=o)&&o.__esModule?o:{default:o};t.default=function(e,t){var o=0,n=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(n=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),o=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":o+=e.offsetHeight/2;break;case"bottom-bottom":o+=e.offsetHeight;break;case"top-center":o+=i/2;break;case"bottom-center":o+=i/2+e.offsetHeight;break;case"center-center":o+=i/2+e.offsetHeight/2;break;case"top-top":o+=i;break;case"bottom-top":o+=e.offsetHeight+i;break;case"center-top":o+=e.offsetHeight/2+i}return o+(n=a.anchorPlacement||a.offset||isNaN(t)?n:t)}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default=function(e){for(var t=0,o=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),o+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:o,left:t}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})}}],i={},o.m=n,o.c=i,o.p="dist/",o(0);function o(e){if(i[e])return i[e].exports;var t=i[e]={exports:{},id:e,loaded:!1};return n[e].call(t.exports,t,t.exports,o),t.loaded=!0,t.exports}var n,i}); \ No newline at end of file diff --git a/assets/js/api.js b/assets/js/api.js new file mode 100644 index 00000000..b124275d --- /dev/null +++ b/assets/js/api.js @@ -0,0 +1,170 @@ +/* global wpforms_ai_chat_element */ + +/** + * @param wpforms_ai_chat_element.ajaxurl + * @param wpforms_ai_chat_element.errors.network + * @param wpforms_ai_chat_element.errors.default + */ + +/** + * The WPForms AI API wrapper. + * + * @since 1.9.1 + * + * @return {Function} The app cloning function. + */ +export default function() { // eslint-disable-line no-unused-vars, max-lines-per-function + /** + * Public functions and properties. + * + * @since 1.9.1 + * + * @type {Object} + */ + const app = { + /** + * AI chat mode. + * + * @since 1.9.1 + * + * @type {string} + */ + mode: '', + + /** + * AI AJAX actions. + * + * @since 1.9.1 + * + * @type {Object} + */ + actions: { + rate: 'wpforms_rate_ai_response', + choices: 'wpforms_get_ai_choices', + forms: 'wpforms_get_ai_form', + }, + + /** + * AJAX request. + * + * @param {Object} data Data to send. + * + * @return {Promise} The fetch result data promise. + */ + // eslint-disable-next-line complexity + async ajax( data ) { + if ( ! data.nonce ) { + data.nonce = wpforms_ai_chat_element.nonce; + } + + const options = { + method: 'POST', + headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, + body: new URLSearchParams( data ).toString(), + }; + + const response = await fetch( wpforms_ai_chat_element.ajaxurl, options ) + .catch( ( error ) => { + if ( error.message === 'Failed to fetch' ) { + throw new Error( wpforms_ai_chat_element.errors.network ); + } else { + throw new Error( error.message ); + } + } ); + + if ( ! response.ok ) { + throw new Error( wpforms_ai_chat_element.errors.network ); + } + + const result = await response.json(); + + if ( ! result.success || result.data?.error ) { + throw new Error( + result.data?.error ?? wpforms_ai_chat_element.errors.default, + { + cause: result.data?.code ?? 400, + } ); + } + + return result.data; + }, + + /** + * Prompt. + * + * @param {string} prompt The question to ask. + * @param {string} sessionId Session ID. + * + * @return {Promise} The response data in promise. + */ + async prompt( prompt, sessionId ) { + const data = { + action: app.actions[ this.mode ] ?? app.actions.choices, + prompt, + }; + + if ( sessionId ) { + data.session_id = sessionId; // eslint-disable-line camelcase + } + + return app.ajax( data ); + }, + + /** + * Rate. + * + * @param {boolean} helpful Whether the response was helpful or not. + * @param {string} responseId Response ID. + * + * @return {Promise} The response data in promise. + */ + async rate( helpful, responseId ) { + const data = { + action: app.actions.rate, + helpful, + response_id: responseId, // eslint-disable-line camelcase + }; + + return app.ajax( data ); + }, + + setUp() { + app.actions = { + ...app.actions, + ...wpforms_ai_chat_element.actions, + }; + + return this; + }, + + /** + * Set the AI chat mode. + * + * @since 1.9.1 + * + * @param {string} mode The mode to set. + * + * @return {Object} The app object. + */ + setMode( mode ) { + this.mode = mode; + + return this; + }, + }; + + /** + * Return a clone of an app object. + * + * @since 1.9.1 + * + * @param {string} mode The AI prompt mode. + * + * @return {Object} Cloned app object. + */ + return function( mode ) { + const obj = { ...app }; + + return obj.setUp().setMode( mode ); + }; +} diff --git a/assets/js/api.min.js b/assets/js/api.min.js new file mode 100644 index 00000000..82db6bec --- /dev/null +++ b/assets/js/api.min.js @@ -0,0 +1 @@ +export default function(){const t={mode:"",actions:{rate:"wpforms_rate_ai_response",choices:"wpforms_get_ai_choices",forms:"wpforms_get_ai_form"},async ajax(e){e.nonce||(e.nonce=wpforms_ai_chat_element.nonce);e={method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams(e).toString()},e=await fetch(wpforms_ai_chat_element.ajaxurl,e).catch(e=>{throw"Failed to fetch"===e.message?new Error(wpforms_ai_chat_element.errors.network):new Error(e.message)});if(!e.ok)throw new Error(wpforms_ai_chat_element.errors.network);e=await e.json();if(!e.success||e.data?.error)throw new Error(e.data?.error??wpforms_ai_chat_element.errors.default,{cause:e.data?.code??400});return e.data},async prompt(e,r){e={action:t.actions[this.mode]??t.actions.choices,prompt:e};return r&&(e.session_id=r),t.ajax(e)},async rate(e,r){e={action:t.actions.rate,helpful:e,response_id:r};return t.ajax(e)},setUp(){return t.actions={...t.actions,...wpforms_ai_chat_element.actions},this},setMode(e){return this.mode=e,this}};return function(e){return{...t}.setUp().setMode(e)}} \ No newline at end of file diff --git a/assets/js/ast-above-header.js b/assets/js/ast-above-header.js new file mode 100644 index 00000000..28bb649d --- /dev/null +++ b/assets/js/ast-above-header.js @@ -0,0 +1,167 @@ +/** + * Above Header Header Styling + * + * @package Astra Addon + * @since 1.0.0 + */ + +( function() { + + var above_header = document.querySelector( '.ast-above-header' ), + above_header_nav = document.querySelector( '.ast-above-header-navigation' ), + top_menu_toggle = document.querySelector( '.menu-above-header-toggle' ), + main_menu_toggle = document.querySelector( '.main-header-menu-toggle' ), + below_header_toggle = document.querySelector( '.menu-below-header-toggle' ); + + var html = document.querySelector( 'html' ); + var __main_header_all = document.querySelectorAll( '.ast-above-header' ); + var menu_toggle_all = document.querySelectorAll( '.menu-above-header-toggle' ); + var above_header_nav_all = document.querySelectorAll( '.ast-above-header-navigation' ); + + if ( menu_toggle_all.length > 0 ) { + + for (var i = 0; i < menu_toggle_all.length; i++) { + + menu_toggle_all[i].setAttribute('data-index', i); + + menu_toggle_all[i].addEventListener( 'click', function( event ) { + event.preventDefault(); + + var event_index = this.getAttribute( 'data-index' ); + + var menuHasChildren = __main_header_all[event_index].querySelectorAll( '.menu-item-has-children' ); + for ( var i = 0; i < menuHasChildren.length; i++ ) { + menuHasChildren[i].classList.remove( 'ast-submenu-expanded' ); + var menuHasChildrenSubMenu = menuHasChildren[i].querySelectorAll( '.sub-menu' ); + for (var j = 0; j < menuHasChildrenSubMenu.length; j++) { + menuHasChildrenSubMenu[j].style.display = 'none'; + }; + } + + var menu_class = this.getAttribute('class') || ''; + + if ( menu_class.indexOf('menu-above-header-toggle') !== -1 ) { + if (typeof astraToggleClass === "function") { + astraToggleClass( __main_header_all[event_index], 'toggle-on' ); + astraToggleClass( menu_toggle_all[event_index], 'toggled' ); + } else { + toggleClass( __main_header_all[event_index], 'toggle-on' ); + toggleClass( menu_toggle_all[event_index], 'toggled' ); + } + if ( __main_header_all[event_index].classList.contains( 'toggle-on' ) ) { + //__main_header_all[event_index].style.display = 'block'; + above_header_nav_all[event_index].style.display = 'block'; + html.classList.add( 'above-header-toggle-on' ); + } else { + //__main_header_all[event_index].style.display = ''; + above_header_nav_all[event_index].style.display = ''; + html.classList.remove( 'above-header-toggle-on' ); + } + + document.body.classList.add( "ast-above-header-nav-open" ); + } + + var elm = document.querySelector( '.ast-above-header-navigation' ); + var rect = elm.getBoundingClientRect(); + var vph = Math.max( document.documentElement.clientHeight, window.innerHeight || 0 ); + + elm.style.maxHeight = Math.abs( vph - rect.top ) + 'px'; + + }, false); + + if( 'undefined' !== typeof __main_header_all[i] ) { + var parentList = __main_header_all[i].querySelectorAll( '.ast-above-header-menu .menu-item' ); + + if ( document.querySelector("header.site-header").classList.contains("ast-menu-toggle-link") ) { + var astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-header-break-point .ast-above-header-menu .ast-menu-toggle, .ast-header-break-point .ast-above-header-menu .menu-item-has-children > .menu-link' ); + } else { + var astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-above-header-menu .ast-menu-toggle' ); + } + + // Add Eevetlisteners for Submenu. + if (astra_menu_toggle.length > 0) { + for (var k = 0; k < astra_menu_toggle.length; k++) { + astra_menu_toggle[k].removeEventListener('click', AstraToggleSubMenu); + astra_menu_toggle[k].addEventListener('click', AstraToggleSubMenu, false); + }; + } + } + + }; + } else{ + var __primary_menu = document.querySelectorAll( '.main-header-menu' ); + var __above_main_header_all = document.querySelectorAll( '.ast-above-header-menu-items' ); + var above_menu_toggle_all = document.querySelectorAll( '.main-header-menu-toggle' ); + + if ( above_menu_toggle_all.length > 0 && __above_main_header_all.length > 0 && __primary_menu.length == 0 ) { + + for (var i = 0; i < above_menu_toggle_all.length; i++) { + + var astra_menu_toggle_above_header = __above_main_header_all[i].querySelectorAll( '.ast-menu-toggle' ); + + // Add Eventlisteners for Submenu. + if (astra_menu_toggle_above_header.length > 0) { + for (var k = 0; k < astra_menu_toggle_above_header.length; k++) { + astra_menu_toggle_above_header[k].removeEventListener('click', AstraToggleSubMenu); + astra_menu_toggle_above_header[k].addEventListener('click', AstraToggleSubMenu, false); + }; + } + + }; + + } + } + + /* Above Header Menu toggle click */ + if ( null != top_menu_toggle ) { + + /* Main Menu toggle click */ + if ( null != main_menu_toggle && null != above_header_nav ) { + main_menu_toggle.addEventListener( 'click', function( event ) { + + above_header.classList.remove( 'toggle-on' ); + //above_header.style.display = 'none'; + above_header_nav.style.display = 'none'; + if ( null != top_menu_toggle ){ + top_menu_toggle.classList.remove( 'toggled' ); + } + if ( null != below_header_toggle ) { + below_header_toggle.classList.remove( 'toggled' ); + } + + }, false); + } + + top_menu_toggle.addEventListener( 'click', function( event ) { + event.preventDefault(); + + if ( null != main_menu_toggle ) { + main_menu_toggle.classList.remove( 'toggled' ); + } + + if ( null != below_header_toggle ){ + below_header_toggle.classList.remove( 'toggled' ); + } + + var ast_below_header = document.querySelector( '.ast-below-header' ); + if ( null != ast_below_header ) { + + var ast_below_header_nav = document.querySelector( '.ast-below-header-actual-nav' ); + + ast_below_header.classList.remove( 'toggle-on' ); + //ast_below_header.style.display = ''; + + if ( null != ast_below_header_nav ) { + ast_below_header_nav.style.display = ''; + } + } + + var main_header_bar = document.querySelector( '.main-header-bar-navigation' ); + if ( null != main_header_bar ) { + main_header_bar.classList.remove( 'toggle-on' ); + main_header_bar.style.display = ''; + } + }, false); + } + +})(); diff --git a/assets/js/ast-above-header.min.js b/assets/js/ast-above-header.min.js new file mode 100644 index 00000000..835d6f62 --- /dev/null +++ b/assets/js/ast-above-header.min.js @@ -0,0 +1 @@ +(()=>{var e,t=document.querySelector(".ast-above-header"),l=document.querySelector(".ast-above-header-navigation"),a=document.querySelector(".menu-above-header-toggle"),n=document.querySelector(".main-header-menu-toggle"),o=document.querySelector(".menu-below-header-toggle"),s=document.querySelector("html"),u=document.querySelectorAll(".ast-above-header"),g=document.querySelectorAll(".menu-above-header-toggle"),d=document.querySelectorAll(".ast-above-header-navigation");if(0 .menu-link"):u[r].querySelectorAll(".ast-above-header-menu .ast-menu-toggle")).length)for(var i=0;i first! + control = control.replace( '[', '-' ); + control = control.replace( ']', '' ); + jQuery( 'style#' + control + '-' + addon ).remove(); + + var DeskVal = '', + TabletFontVal = '', + MobileVal = ''; + + if ( '' != value.desktop ) { + DeskVal = css_property + ': ' + value.desktop; + } + if ( '' != value.tablet ) { + TabletFontVal = css_property + ': ' + value.tablet; + } + if ( '' != value.mobile ) { + MobileVal = css_property + ': ' + value.mobile; + } + + // Concat and append new ' + ); + + } else { + jQuery( 'style#' + control + '-' + addon ).remove(); + } + + } ); + } ); +} + +/** + * Apply CSS for the element + */ +function astra_apply_responsive_background_css( control, selector, device, singleColorSelector, addon ) { + wp.customize( control, function( value ) { + value.bind( function( bg_obj ) { + + addon = addon || ''; + singleColorSelector = singleColorSelector || ''; + + addon = ( addon ) ? addon : 'header'; + + control = control.replace( '[', '-' ); + control = control.replace( ']', '' ); + + if( '' === bg_obj[device] || undefined === bg_obj[device] ){ + return; + } + + var gen_bg_css = ''; + var bg_img = bg_obj[device]['background-image']; + var bg_tab_img = bg_obj['tablet']['background-image']; + var bg_desk_img = bg_obj['desktop']['background-image']; + var bg_color = bg_obj[device]['background-color']; + var tablet_css = ( bg_obj['tablet']['background-image'] ) ? true : false; + var desktop_css = ( bg_obj['desktop']['background-image'] ) ? true : false; + + if( undefined !== bg_obj[device]['background-type'] && '' !== bg_obj[device]['background-type'] ) { + + if ( ( 'color' === bg_obj[device]['background-type'] ) ) { + + if ( '' !== bg_img && '' !== bg_color && undefined !== bg_color && 'unset' !== bg_color ) { + + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_img + ');'; + } else if ( 'mobile' === device ) { + if ( desktop_css ) { + + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_desk_img + ');'; + } else if ( tablet_css ) { + + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_tab_img + ');'; + } else { + gen_bg_css = 'background-color: ' + bg_color + ';'; + gen_bg_css += 'background-image: none;'; + } + + } else if ( 'tablet' === device ) { + + if ( desktop_css ) { + + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_desk_img + ');'; + } else { + gen_bg_css = 'background-color: ' + bg_color + ';'; + gen_bg_css += 'background-image: none;'; + } + + + } else if ( undefined === bg_img || '' === bg_img ) { + + gen_bg_css = 'background-color: ' + bg_color + ';'; + gen_bg_css += 'background-image: none;'; + } + } else if ( 'image' === bg_obj[device]['background-type'] ) { + if ( '' !== bg_img ) { + if ( 'overlay-type' in bg_obj[device] && 'none' !== bg_obj[device]['overlay-type'] ) { + let overlay_color = 'overlay-color' in bg_obj[device] ? bg_obj[device]['overlay-color'] : ''; + let overlay_opacity = 'overlay-opacity' in bg_obj[device] ? bg_obj[device]['overlay-opacity'] : ''; + let overlay_gradient = 'overlay-gradient' in bg_obj[device] ? bg_obj[device]['overlay-gradient'] : ''; + if ( 'classic' === bg_obj[device]['overlay-type'] && '' !== overlay_color ) { + if ( '' !== overlay_opacity ) { + wp.customize.preview.send( 'refresh' ); + return; + } + gen_bg_css = 'background-image: linear-gradient(to right, ' + overlay_color + ', ' + overlay_color + '), url(' + bg_img + ');'; + } else if ( 'gradient' === bg_obj[device]['overlay-type'] && '' !== overlay_gradient ) { + gen_bg_css = 'background-image: ' + overlay_gradient + ', url(' + bg_img + ');'; + } else { + gen_bg_css = 'background-image: url(' + bg_img + ');'; + } + } else { + gen_bg_css = 'background-image: url(' + bg_img + ');'; + } + } + } else if ( 'gradient' === bg_obj[device]['background-type'] ) { + if ( '' !== bg_color && 'unset' !== bg_color ) { + gen_bg_css = 'background-image: ' + bg_color + ';'; + } + } + } + + if ( '' !== bg_img ) { + + gen_bg_css += 'background-repeat: ' + bg_obj[device]['background-repeat'] + ';'; + gen_bg_css += 'background-position: ' + bg_obj[device]['background-position'] + ';'; + gen_bg_css += 'background-size: ' + bg_obj[device]['background-size'] + ';'; + gen_bg_css += 'background-attachment: ' + bg_obj[device]['background-attachment'] + ';'; + } + + // Remove old. + jQuery( 'style#' + control + '-' + device + '-' + addon ).remove(); + + + if ( 'desktop' == device ) { + var dynamicStyle = '' + } + if ( 'tablet' == device ) { + var dynamicStyle = '' + } + if ( 'mobile' == device ) { + var dynamicStyle = '' + } + + // Concat and append new ")):jQuery("style#"+i+"-"+o).remove()})})}function astra_apply_responsive_background_css(s,c,u,e,b){wp.customize(s,function(e){e.bind(function(e){if(b=(b=b||"")||"header",s=(s=s.replace("[","-")).replace("]",""),""!==e[u]&&void 0!==e[u]){var a,r="",t=e[u]["background-image"],o=e.tablet["background-image"],i=e.desktop["background-image"],n=e[u]["background-color"],g=!!e.tablet["background-image"],d=!!e.desktop["background-image"];if(void 0!==e[u]["background-type"]&&""!==e[u]["background-type"])if("color"===e[u]["background-type"])""!==t&&""!==n&&void 0!==n&&"unset"!==n?r="background-image: linear-gradient(to right, "+n+", "+n+"), url("+t+");":"mobile"===u?d?r="background-image: linear-gradient(to right, "+n+", "+n+"), url("+i+");":g?r="background-image: linear-gradient(to right, "+n+", "+n+"), url("+o+");":(r="background-color: "+n+";",r+="background-image: none;"):"tablet"===u?d?r="background-image: linear-gradient(to right, "+n+", "+n+"), url("+i+");":(r="background-color: "+n+";",r+="background-image: none;"):void 0!==t&&""!==t||(r="background-color: "+n+";",r+="background-image: none;");else if("image"===e[u]["background-type"]){if(""!==t)if("overlay-type"in e[u]&&"none"!==e[u]["overlay-type"]){g="overlay-color"in e[u]?e[u]["overlay-color"]:"",o="overlay-opacity"in e[u]?e[u]["overlay-opacity"]:"",d="overlay-gradient"in e[u]?e[u]["overlay-gradient"]:"";if("classic"===e[u]["overlay-type"]&&""!==g){if(""!==o)return void wp.customize.preview.send("refresh");r="background-image: linear-gradient(to right, "+g+", "+g+"), url("+t+");"}else r="gradient"===e[u]["overlay-type"]&&""!==d?"background-image: "+d+", url("+t+");":"background-image: url("+t+");"}else r="background-image: url("+t+");"}else"gradient"===e[u]["background-type"]&&""!==n&&"unset"!==n&&(r="background-image: "+n+";");""!==t&&(r=(r=(r=(r+="background-repeat: "+e[u]["background-repeat"]+";")+"background-position: "+e[u]["background-position"]+";")+"background-size: "+e[u]["background-size"]+";")+"background-attachment: "+e[u]["background-attachment"]+";"),jQuery("style#"+s+"-"+u+"-"+b).remove(),"desktop"==u&&(a='"),"tablet"==u&&(a='"),"mobile"==u&&(a='"),jQuery("head").append(a)}})})}function astra_responsive_background_obj_css(e,a,r,t,o){var i,n,g,d;""!==a[o]&&void 0!==a[o]&&(n=a[o]["background-image"],g=a[o]["background-color"],(i="")!==n&&""!==g?void 0!==g&&(i="background-image: linear-gradient(to right, "+g+", "+g+"), url("+n+");"):""!==n?i="background-image: url("+n+");":""!==g&&(i="background-color: "+g+";"),""!==n?i=(i=(i=(i+="background-repeat: "+a[o]["background-repeat"]+";")+"background-position: "+a[o]["background-position"]+";")+"background-size: "+a[o]["background-size"]+";")+"background-attachment: "+a[o]["background-attachment"]+";":i+="background-image: none;","desktop"==o&&(d=t.replace("{{css}}",i)),"tablet"==o&&(d="@media (max-width: 768px) {"+t.replace("{{css}}",i)+"};"),"mobile"==o&&(d="@media (max-width: 544px) {"+t.replace("{{css}}",i)+"};"),astra_add_dynamic_css(r+"-"+o,d))}function astra_responsive_background_obj_refresh(e){void 0!==e.desktop&&void 0!==e.tablet&&void 0!==e.mobile&&""===e.desktop["background-color"]&&""===e.tablet["background-color"]&&""===e.mobile["background-color"]&&wp.customize.preview.send("refresh")} \ No newline at end of file diff --git a/assets/js/ast-below-header.js b/assets/js/ast-below-header.js new file mode 100644 index 00000000..a1768ca5 --- /dev/null +++ b/assets/js/ast-below-header.js @@ -0,0 +1,165 @@ +/** + * Below Header Styling + * + * @package Astra Addon + * @since 1.0.0 + */ + +(function() { + + var menu_toggle = document.querySelector( '.main-header-menu-toggle' ), + below_header = document.querySelector( '.ast-below-header' ), + below_header_nav = document.querySelector( '.ast-below-header-actual-nav' ), + top_menu_toggle = document.querySelector( '.menu-above-header-toggle' ), + below_header_toggle = document.querySelector( '.menu-below-header-toggle' ); + + var html = document.querySelector( 'html' ); + var __main_header_all = document.querySelectorAll( '.ast-below-header' ); + var menu_toggle_all = document.querySelectorAll( '.menu-below-header-toggle' ); + var below_header_nav_all = document.querySelectorAll( '.ast-below-header-actual-nav' ); + + if ( menu_toggle_all.length > 0 ) { + + for (var i = 0; i < menu_toggle_all.length; i++) { + + menu_toggle_all[i].setAttribute('data-index', i); + + menu_toggle_all[i].addEventListener( 'click', function( event ) { + event.preventDefault(); + + var event_index = this.getAttribute( 'data-index' ); + + var menuHasChildren = __main_header_all[event_index].querySelectorAll( '.menu-item-has-children' ); + for ( var i = 0; i < menuHasChildren.length; i++ ) { + menuHasChildren[i].classList.remove( 'ast-submenu-expanded' ); + var menuHasChildrenSubMenu = menuHasChildren[i].querySelectorAll( '.sub-menu' ); + for (var j = 0; j < menuHasChildrenSubMenu.length; j++) { + menuHasChildrenSubMenu[j].style.display = 'none'; + }; + } + + var menu_class = this.getAttribute('class') || ''; + + if ( menu_class.indexOf('menu-below-header-toggle') !== -1 ) { + if (typeof astraToggleClass === "function") { + astraToggleClass( __main_header_all[event_index], 'toggle-on' ); + astraToggleClass( menu_toggle_all[event_index], 'toggled' ); + } else { + toggleClass( __main_header_all[event_index], 'toggle-on' ); + toggleClass( menu_toggle_all[event_index], 'toggled' ); + } + + if ( __main_header_all[event_index].classList.contains( 'toggle-on' ) ) { + //__main_header_all[event_index].style.display = 'block'; + below_header_nav_all[event_index].style.display = 'block'; + html.classList.add( 'below-header-toggle-on' ); + } else { + //__main_header_all[event_index].style.display = ''; + below_header_nav_all[event_index].style.display = ''; + html.classList.remove( 'below-header-toggle-on' ); + } + } + }, false); + + if( 'undefined' !== typeof __main_header_all[i] ) { + + var parentList = __main_header_all[i].querySelectorAll( '.ast-below-header-menu .menu-item' ); + + if ( document.querySelector("header.site-header").classList.contains("ast-menu-toggle-link") ) { + var astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-header-break-point .ast-below-header-menu .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .menu-item-has-children > .menu-link' ); + } else { + var astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-below-header-menu .ast-menu-toggle' ); + } + + // Add Eevetlisteners for Submenu. + if (astra_menu_toggle.length > 0) { + for (var k = 0; k < astra_menu_toggle.length; k++) { + astra_menu_toggle[k].removeEventListener('click', AstraToggleSubMenu); + astra_menu_toggle[k].addEventListener('click', AstraToggleSubMenu, false); + }; + } + } + + + }; + + + } else{ + var __primary_menu = document.querySelectorAll( '.main-header-menu' ); + var __below_main_header_all = document.querySelectorAll( '.ast-below-header-menu-items' ); + var below_menu_toggle_all = document.querySelectorAll( '.main-header-menu-toggle' ); + + if ( below_menu_toggle_all.length > 0 && __below_main_header_all.length > 0 && __primary_menu.length == 0 ) { + + for (var i = 0; i < below_menu_toggle_all.length; i++) { + + var astra_menu_toggle_below_header = __below_main_header_all[i].querySelectorAll( '.ast-menu-toggle' ); + + // Add Eventlisteners for Submenu. + if (astra_menu_toggle_below_header.length > 0) { + for (var i = 0; i < astra_menu_toggle_below_header.length; i++) { + astra_menu_toggle_below_header[i].removeEventListener('click', AstraToggleSubMenu); + astra_menu_toggle_below_header[i].addEventListener('click', AstraToggleSubMenu, false); + }; + } + + }; + + } + } + + /* Below Header Menu Toggle */ + if ( null != below_header_toggle ) { + + /* Main Menu toggle click */ + if ( null != menu_toggle && null != below_header_nav ) { + menu_toggle.addEventListener( 'click', function( event ) { + + below_header.classList.remove( 'toggle-on' ); + //below_header.style.display = 'none'; + below_header_nav.style.display = 'none'; + if ( null != top_menu_toggle ){ + top_menu_toggle.classList.remove( 'toggled' ); + } + if ( null != below_header_toggle ) { + below_header_toggle.classList.remove( 'toggled' ); + } + }, false); + } + + below_header_toggle.addEventListener( 'click', function( event ) { + event.preventDefault(); + + if ( null != menu_toggle ) { + menu_toggle.classList.remove( 'toggled' ); + } + if ( null != top_menu_toggle ) { + top_menu_toggle.classList.remove( 'toggled' ); + } + var ast_above_header = document.querySelector( '.ast-above-header' ); + + if ( null != ast_above_header ) { + ast_above_header.classList.remove( 'toggle-on' ); + + var ast_above_header_nav = document.querySelector( '.ast-above-header-navigation' ); + if ( null != ast_above_header_nav ) { + ast_above_header_nav.style.display = ''; + } + } + + var main_header_bar = document.querySelector( '.main-header-bar-navigation' ); + if ( null != main_header_bar ) { + main_header_bar.classList.remove( 'toggle-on' ); + main_header_bar.style.display = ''; + } + + var elm = document.querySelector( '.ast-below-header-navigation' ); + var rect = elm.getBoundingClientRect(); + var vph = Math.max( document.documentElement.clientHeight, window.innerHeight || 0 ); + + elm.style.maxHeight = Math.abs( vph - rect.top ) + 'px'; + + }, false); + } + +})(); diff --git a/assets/js/ast-below-header.min.js b/assets/js/ast-below-header.min.js new file mode 100644 index 00000000..8025d4ea --- /dev/null +++ b/assets/js/ast-below-header.min.js @@ -0,0 +1 @@ +(()=>{var e,n=document.querySelector(".main-header-menu-toggle"),t=document.querySelector(".ast-below-header"),l=document.querySelector(".ast-below-header-actual-nav"),o=document.querySelector(".menu-above-header-toggle"),a=document.querySelector(".menu-below-header-toggle"),r=document.querySelector("html"),s=document.querySelectorAll(".ast-below-header"),u=document.querySelectorAll(".menu-below-header-toggle"),g=document.querySelectorAll(".ast-below-header-actual-nav");if(0 .menu-link"):s[c].querySelectorAll(".ast-below-header-menu .ast-menu-toggle")).length)for(var i=0;i= window.innerWidth ) { + return; + } + + var blogMasonryBp = window.getComputedStyle( jQuery('#content')[0], '::before' ).getPropertyValue('content'); + + // Edge/Explorer header break point. + if( isEdge || isIE || blogMasonryBp === 'normal' ) { + if( window.innerWidth >= blogMasonryBreakPoint ) { + blogMasonryBp = blogMasonryBreakPoint; + } + } else{ + blogMasonryBp = blogMasonryBp.replace( /[^0-9]/g, '' ); + blogMasonryBp = parseInt( blogMasonryBp < blogMasonryBreakPoint ? blogMasonryBp : blogMasonryBreakPoint ); + } + + // Check if RTL is enabled. + var isRTL = document.documentElement.dir === 'rtl'; + var container = jQuery( '.search.blog-masonry #main > div, .blog.blog-masonry #main > div, .archive.blog-masonry #main > div' ); + + if ( blogMasonryBp == blogMasonryBreakPoint ) { + if (masonryEnabled) { + + if ( typeof container != 'undefined' && container.length > 0 ) { + + var hasMasonry = container.data('masonry') ? true : false; + + if ( is_resize && hasMasonry ) { + container.masonry('reload'); + }else{ + container.imagesLoaded(container, function () { + container.masonry({ + itemSelector: '#primary article', + isOriginLeft: !isRTL, + }); + }); + } + } + } + }else{ + if ( masonryEnabled ) { + if ( typeof container != 'undefined' && container.length > 0 ) { + container.masonry().masonry( 'destroy' ); + } + } + } + } +})(jQuery); diff --git a/assets/js/ast-ext-blog-pro.min.js b/assets/js/ast-ext-blog-pro.min.js new file mode 100644 index 00000000..71350e3f --- /dev/null +++ b/assets/js/ast-ext-blog-pro.min.js @@ -0,0 +1 @@ +var isIE=!1,isEdge=!1;(()=>{isIE=!!document.documentMode,isEdge=!isIE&&!!window.StyleMedia;var r=astra.masonryEnabled||!1,a=astra.blogMasonryBreakPoint;function e(e){var n,o,i;a>=window.innerWidth||(i=window.getComputedStyle(jQuery("#content")[0],"::before").getPropertyValue("content"),isEdge||isIE||"normal"===i?window.innerWidth>=a&&(i=a):(i=i.replace(/[^0-9]/g,""),i=parseInt(i div, .blog.blog-masonry #main > div, .archive.blog-masonry #main > div"),i==a?r&&void 0!==o&&0 + ) + } + +} + +export default renderSVG; diff --git a/assets/js/astra-admin-menu-settings.js b/assets/js/astra-admin-menu-settings.js new file mode 100644 index 00000000..50112caf --- /dev/null +++ b/assets/js/astra-admin-menu-settings.js @@ -0,0 +1,185 @@ +/** + * Install Starter Templates + * + * + * @since 1.2.4 + */ + +(function($){ + + AstraThemeAdmin = { + + init: function() + { + this._bind(); + }, + + + /** + * Binds events for the Astra Theme. + * + * @since 1.0.0 + * @method _bind + */ + _bind: function() + { + $( document ).on('ast-after-plugin-active', AstraThemeAdmin._disableActivcationNotice ); + $( document ).on('click' , '.astra-install-recommended-plugin', AstraThemeAdmin._installNow ); + $( document ).on('click' , '.astra-activate-recommended-plugin', AstraThemeAdmin._activatePlugin); + $( document ).on('wp-plugin-install-success' , AstraThemeAdmin._activatePlugin); + $( document ).on('wp-plugin-install-error' , AstraThemeAdmin._installError); + $( document ).on('wp-plugin-installing' , AstraThemeAdmin._pluginInstalling); + }, + + /** + * Plugin Installation Error. + */ + _installError: function( event, response ) { + + var $card = jQuery( '.astra-install-recommended-plugin' ); + + $card + .removeClass( 'button-primary' ) + .addClass( 'disabled' ) + .html( wp.updates.l10n.installFailedShort ); + }, + + /** + * Installing Plugin + */ + _pluginInstalling: function(event, args) { + event.preventDefault(); + + var slug = args.slug; + + var $card = jQuery( '.astra-install-recommended-plugin' ); + var activatingText = astra.recommendedPluiginActivatingText; + + + $card.each(function( index, element ) { + element = jQuery( element ); + if ( element.data('slug') === slug ) { + element.addClass('updating-message'); + element.html( activatingText ); + } + }); + }, + + /** + * Activate Success + */ + _activatePlugin: function( event, response ) { + + event.preventDefault(); + + var $message = jQuery(event.target); + var $init = $message.data('init'); + var activatedSlug = $init; + + if (typeof $init === 'undefined') { + var $message = jQuery('.astra-install-recommended-plugin[data-slug=' + response.slug + ']'); + activatedSlug = response.slug; + } + + // Transform the 'Install' button into an 'Activate' button. + $init = $message.data('init'); + var activatingText = astra.recommendedPluiginActivatingText; + var astraSitesLink = astra.astraSitesLink; + var astraPluginRecommendedNonce = astra.astraPluginManagerNonce; + + $message.removeClass( 'install-now installed button-disabled updated-message' ) + .addClass('updating-message') + .html( activatingText ); + + // WordPress adds "Activate" button after waiting for 1000ms. So we will run our activation after that. + setTimeout( function() { + + $.ajax({ + url: astra.ajaxUrl, + type: 'POST', + data: { + 'action' : 'astra_recommended_plugin_activate', + 'security' : astraPluginRecommendedNonce, + 'init' : $init, + }, + }) + .done(function (result) { + + console.error( result ); + + if( result.success ) { + $message.removeClass( 'astra-activate-recommended-plugin astra-install-recommended-plugin button button-primary install-now activate-now updating-message' ); + + $message.parent('.ast-addon-link-wrapper').parent('.astra-recommended-plugin').addClass('active'); + + jQuery(document).trigger( 'ast-after-plugin-active', [astraSitesLink, activatedSlug] ); + + } else { + + $message.removeClass( 'updating-message' ); + } + + }); + + }, 1200 ); + + }, + + /** + * Install Now + */ + _installNow: function(event) + { + event.preventDefault(); + + var $button = jQuery( event.target ), + $document = jQuery(document); + + if ( $button.hasClass( 'updating-message' ) || $button.hasClass( 'button-disabled' ) ) { + return; + } + + if ( wp.updates.shouldRequestFilesystemCredentials && ! wp.updates.ajaxLocked ) { + wp.updates.requestFilesystemCredentials( event ); + + $document.on( 'credential-modal-cancel', function() { + var $message = $( '.astra-install-recommended-plugin.updating-message' ); + + $message + .addClass('astra-activate-recommended-plugin') + .removeClass( 'updating-message astra-install-recommended-plugin' ) + .text( wp.updates.l10n.installNow ); + + wp.a11y.speak( wp.updates.l10n.updateCancel, 'polite' ); + } ); + } + + wp.updates.installPlugin( { + slug: $button.data( 'slug' ) + }); + }, + + /** + * After plugin active redirect and deactivate activation notice + */ + _disableActivcationNotice: function( event, astraSitesLink, activatedSlug ) + { + event.preventDefault(); + + if ( activatedSlug.indexOf( 'astra-sites' ) >= 0 || activatedSlug.indexOf( 'astra-pro-sites' ) >= 0 ) { + if ( 'undefined' != typeof AstraNotices ) { + AstraNotices._ajax( 'astra-sites-on-active', '' ); + } + window.location.href = astraSitesLink + '&ast-disable-activation-notice'; + } + }, + }; + + /** + * Initialize AstraThemeAdmin + */ + $(function(){ + AstraThemeAdmin.init(); + }); + +})(jQuery); diff --git a/assets/js/astra-advanced-headers-admin-edit.min.js b/assets/js/astra-advanced-headers-admin-edit.min.js new file mode 100644 index 00000000..6e2d4cf0 --- /dev/null +++ b/assets/js/astra-advanced-headers-admin-edit.min.js @@ -0,0 +1 @@ +!function(a){AstraPageTitleBarAdminEdit={_locationObjectCache:{},_init:function(){this._bind(),this._initNonce(),this._initLocationRules(),this._initUserRules()},_bind:function(){a(".ast-advanced-headers-saved-locations").delegate(".ast-advanced-headers-locations","change",this._locationSelectChanged),a(".ast-advanced-headers-saved-locations").delegate(".ast-advanced-headers-remove-location","click",this._removeLocationClicked),a(".ast-advanced-headers-add-location.button").on("click",this._addLocationClicked),a(".ast-advanced-headers-add-exclusion.button").on("click",this._addExclusionClicked),a(".ast-advanced-headers-saved-user-rules").delegate(".ast-advanced-headers-user-rule","change",this._userRuleSelectChanged),a(".ast-advanced-headers-add-user-rule.button").on("click",this._addUserRuleClicked),a(".ast-advanced-headers-saved-user-rules").delegate(".ast-advanced-headers-remove-user-rule","click",this._removeUserRuleClicked)},_initNonce:function(){a("#post").append('')},_initLocationRules:function(){var b=a(".ast-advanced-headers-exclusion-rules"),c=a(".ast-advanced-headers-add-exclusion");a(".ast-advanced-headers-location-rules").each(this._initLocations),AstraAdvancedHeadersConfig.exclusions.saved.length>0&&(b.show(),c.hide())},_initLocations:function(){var b=a(this),c=b.find(".ast-advanced-headers-saved-locations"),d=wp.template("ast-advanced-headers-saved-location"),e=null,f=null,g=null,h=null,i=null,j=null,k=null,l=null,m=null,n=0;if(b.hasClass("ast-advanced-headers-exclusion-rules")?(e="exclusion",f=AstraAdvancedHeadersConfig.exclusions):(e="location",f=AstraAdvancedHeadersConfig.locations),0===f.saved.length)c.append(d({type:e})),"exclusion"==e&&c.find(".ast-advanced-headers-remove-rule-button").show();else{for(;n-1?(j="terms",g.id=g.id.split(":taxonomy:")[1]):j="posts"),a.post(ajaxurl,{action:"astra_advanced_headers_get_location_"+j,id:g.id,nonce:AstraAdvancedHeadersConfig.nonce},function(a){AstraPageTitleBarAdminEdit._showLocationObjectSelect(e,JSON.parse(a))})):e.removeClass("ast-advanced-headers-rule-objects-visible"),i.show())},_showLocationObjectSelect:function(a,b,c){for(var d=a.find(".ast-advanced-headers-locations"),e=JSON.parse(d.val()),f=e.type+":"+e.id,g=a.find(".ast-advanced-headers-location-objects"),h=null,a=g.parent(),i=AstraAdvancedHeadersConfig.strings.allObjects.replace("%s",b.label),j='",k=null,l=0;l"+b.objects[l].name+"";g.html(j),g.attr("data-location",f),g.attr("data-type",b.type),a.addClass("ast-advanced-headers-rule-objects-visible"),this._locationObjectCache[f]=b,AstraPageTitleBarAdminEdit._hideRowLoading(d),"disabled"==g.find("option").eq(0).attr("disabled")&&g.find("option").eq(1).attr("selected","selected"),AstraPageTitleBarAdminEdit._removeLocationObjectOptions()},_addLocationClicked:function(b){var c=AstraPageTitleBarAdminEdit,d=a(this).closest(".ast-advanced-headers-location-rules"),e=d.find(".ast-advanced-headers-saved-locations"),f=wp.template("ast-advanced-headers-saved-location"),g=d.hasClass("ast-advanced-headers-exclusion-rules")?"exclusion":"location";e.append(f({type:g})),e.find(".ast-advanced-headers-remove-rule-button").show(),c._removeLocationOptions()},_removeLocationClicked:function(b){var c=a(b.target),d=c.closest(".ast-advanced-headers-location-rules"),e=c.parents(".ast-advanced-headers-saved-location"),f=e.find(".ast-advanced-headers-locations"),g=d.find(".ast-advanced-headers-saved-location"),h=d.find(".ast-advanced-headers-saved-locations .ast-advanced-headers-remove-rule-button"),i=!!c.closest(".ast-advanced-headers-exclusion-rules").length;g.length>1&&c.closest(".ast-advanced-headers-saved-location").remove(),1===g.length?(f.val("").parent().removeClass("ast-advanced-headers-rule-objects-visible"),i||h.hide(),i&&(a(".ast-advanced-headers-exclusion-rules").hide(),a(".ast-advanced-headers-add-exclusion").show())):i||2!==g.length||""!=d.find(".ast-advanced-headers-locations").eq(0).val()||h.hide()},_addExclusionClicked:function(b){var c=a(".ast-advanced-headers-add-exclusion"),d=a(".ast-advanced-headers-exclusion-rules");c.hide(),d.show()},_initUserRules:function(){var b=AstraAdvancedHeadersConfig.userRules,c=a(".ast-advanced-headers-saved-user-rules"),d=wp.template("ast-advanced-headers-saved-user-rule"),e=null,f=null,g=null,h=0;if(0===b.length)return c.append(d()),void c.find('[data-rule="general:all"]').attr("selected","selected");for(;h1&&c.closest(".ast-advanced-headers-saved-user-rule").remove(),1===f.length?(e.val(""),g.hide()):2===f.length&&""==a(".ast-advanced-headers-user-rule").val()&&g.hide()},_showLoading:function(){var b=a("#astra_page_header_settings h2.hndle span");b.find(".spinner").length||b.append('')},_hideLoading:function(){a("#astra_page_header_settings h2.hndle .spinner").remove()},_showRowLoading:function(a){a.closest(".ast-advanced-headers-row-content").prepend('')},_hideRowLoading:function(a){a.closest(".ast-advanced-headers-row-content").find(".spinner.ast-advanced-headers-loading").remove()}},a(function(){AstraPageTitleBarAdminEdit._init()})}(jQuery); \ No newline at end of file diff --git a/assets/js/astra-advanced-headers-admin.js b/assets/js/astra-advanced-headers-admin.js new file mode 100644 index 00000000..4e057d86 --- /dev/null +++ b/assets/js/astra-advanced-headers-admin.js @@ -0,0 +1,493 @@ +( function( $ ) { + + /** + * Handles logic for the theme layout admin edit interface. + * + * @class AstraPageTitleBarAdminEdit + * @since 1.0 + */ + AstraPageTitleBarAdmin = { + + /** + * Initializes the theme layout admin edit interface. + * + * @since 1.0 + * @access private + * @method _init + */ + _init: function() + { + + this._bind(); + this._initLayoutSettings(); + this._inputFileInit(); + }, + + /** + * Binds events for the theme layout admin edit interface. + * + * @since 1.0 + * @access private + * @method _bind + */ + _bind: function() + { + // Instead of updating PHP globals $parent_file, $submenu_file, used following JS for making Custom Layout menu active while editing any post. + $( 'li#menu-appearance.wp-has-current-submenu, li#menu-appearance.wp-has-current-submenu > a' ).removeClass('wp-has-current-submenu'); + $( 'li#toplevel_page_' + astraPageHeaderVars.home_slug + ', li#toplevel_page_' + astraPageHeaderVars.home_slug + ' > a' ).removeClass('wp-not-current-submenu').addClass('wp-has-current-submenu'); + $( 'li#toplevel_page_' + astraPageHeaderVars.home_slug + ' a[href="edit.php?post_type=astra_adv_header"]' ).parent().addClass('current'); + + // Call Tooltip + $('.ast-advanced-headers-heading-help').tooltip({ + content: function() { + return $(this).prop('title'); + }, + tooltipClass: 'ast-advanced-headers-ui-tooltip', + position: { + my: 'center top', + at: 'center bottom+10', + }, + hide: { + duration: 200, + }, + show: { + duration: 200, + }, + }); + + $('.ast-advanced-headers-heading-img-help').tooltip({ + content: function() { + return $(this).prop('title'); + }, + tooltipClass: 'ast-advanced-headers-ui-img-tooltip', + position: { + my: 'center top', + at: 'center bottom+10', + }, + hide: { + duration: 0, + }, + show: { + duration: 0, + }, + }); + + // Call color picker + $('.ast-advanced-headers-color-picker').wpColorPicker(); + + // General events + $( '.ast-advanced-header-layout-radio-button-wrap label' ).on( 'click', this._astraPageTitleRadioImagesClicked ); + $( '#ast-advanced-headers-tabs ul li a' ).on( 'click', this._astraPageTitleTabsClicked ); + + + $( '#ast-advanced-header-layout-breadcrumb' ).on( 'change', this._astraBreadcrumbChecked ); + + $( '#ast-advanced-header-layout-merged' ).on( 'change', this._astrPageTitleMergeChecked ); + + $( '#ast-advanced-header-design-bg-size' ).on( 'change', this._astrPageTitleBgSizeChecked ); + + $( '#ast-advanced-header-layout-above-header' ).on( 'change', this._astrAboveHeaderChecked ); + + $( '#ast-advanced-header-layout-below-header' ).on( 'change', this._astrBelowHeaderChecked ); + + $( '#ast-advanced-headers-design-custom-menu-item' ).on( 'change', this._astrCustomMenuChanged ); + + $( '#ast-advanced-headers-design-custom-menu-item' ).trigger('change'); + + // Force disable transparent header on archive pages. + $('input[name="ast-advanced-headers-layout[force-transparent-disabled]"]').on('change', function() { + $('input[name="ast-advanced-headers-layout[force-transparent-disabled]"]').not(this).prop('checked', false); + }); + + $( '#ast-advanced-header-diff-header-logo' ).on( 'change', this._astrToggleLogo ); + $( '#ast-advanced-header-diff-header-retina-logo' ).on( 'change', this._astrToggleRetinaLogo ); + }, + + /** + * Callback for when click button on image upload + * builder is clicked. + * + * @since 1.0 + * @access private + * @method _inputFileInit + */ + _inputFileInit: function() { + + var file_frame; + window.inputWrapper = ''; + + $( document.body ).on('click', '.ast-advanced-headers-bg-image-select', function(e) { + + e.preventDefault(); + + var button = $(this); + window.inputWrapper = $(this).closest('.ast-advanced-headers-row-content'); + + if ( file_frame ) { + file_frame.open(); + return; + } + + // Create the media frame. + file_frame = wp.media( { + multiple: false + } ); + + // When an image is selected, run a callback. + file_frame.on( 'select', function() { + + var attachment = file_frame.state().get( 'selection' ).first().toJSON(); + + // place first attachment in field + window.inputWrapper.find( '#ast-advanced-headers-preview-img' ).children('.saved-image').remove(); + window.inputWrapper.find( '#ast-advanced-headers-preview-img' ).append(''); + window.inputWrapper.find( '.ast-advanced-headers-bg-image-id' ).val( attachment.id ); + window.inputWrapper.find( '.ast-advanced-headers-bg-image' ).val( attachment.url ); + $('.ast-advanced-headers-bg-image-remove').show(); + }); + + // Finally, open the modal + file_frame.open(); + }); + + $( '.ast-advanced-headers-bg-image-remove' ).on( 'click', function( e ) { + e.preventDefault(); + + var button = $(this), + closeRow = $(this).closest('.ast-advanced-headers-row-content'); + + closeRow.find( '#ast-advanced-headers-preview-img img' ).hide(); + closeRow.find( '.ast-advanced-headers-bg-image-id' ).val(''); + closeRow.find( '.ast-advanced-headers-bg-image' ).val(''); + button.hide(); + + }); + + // Logo Upload. + $( document.body ).on('click', '.ast-advanced-header-logo-select', function(e) { + + e.preventDefault(); + + var button = $(this); + window.inputWrapper = $(this).closest('.ast-advanced-headers-row-content'); + + if ( file_frame ) { + file_frame.open(); + return; + } + + // Create the media frame. + file_frame = wp.media( { + multiple: false + } ); + + // When an image is selected, run a callback. + file_frame.on( 'select', function() { + + var attachment = file_frame.state().get( 'selection' ).first().toJSON(); + + // place first attachment in field + window.inputWrapper.find( '#ast-advanced-headers-preview-logo' ).children('.saved-image').remove(); + window.inputWrapper.find( '#ast-advanced-headers-preview-logo' ).append(''); + window.inputWrapper.find( '.ast-advanced-headers-logo-id' ).val( attachment.id ); + window.inputWrapper.find( '.ast-advanced-headers-logo' ).val( attachment.url ); + window.inputWrapper.find('.ast-advanced-headers-logo-remove').show(); + }); + + // Finally, open the modal + file_frame.open(); + }); + + $( '.ast-advanced-headers-logo-remove' ).on( 'click', function( e ) { + e.preventDefault(); + + var button = $(this), + closeRow = $(this).closest('.ast-advanced-headers-row-content'); + + closeRow.find( '#ast-advanced-headers-preview-logo img' ).hide(); + closeRow.find( '.ast-advanced-headers-logo-id' ).val(''); + closeRow.find( '.ast-advanced-headers-logo' ).val(''); + button.hide(); + + }); + + }, + + /** + * Callback for when the button to launch the + * builder is clicked. + * + * @since 1.0 + * @access private + * @method _astraBreadcrumbChecked + */ + _astraBreadcrumbChecked: function( e ) + { + + if( $(this).is(':checked') ){ + $('.ast-advanced-headers-row.breadcrumb-row').show(); + } + else{ + $('.ast-advanced-headers-row.breadcrumb-row').hide(); + } + }, + + + /** + * Callback for when the button to launch the + * builder is clicked. + * + * @since 1.0 + * @access private + * @method _astrPageTitleBgSizeChecked + */ + _astrPageTitleBgSizeChecked: function( e ) + { + if( 'custom-bg-size' == $(this).val() ){ + $('.ast-advanced-haeders-design-bg-custom-size-wrap').show(); + } + else{ + $('.ast-advanced-haeders-design-bg-custom-size-wrap').hide(); + } + }, + + /** + * Callback for when the above header is checked + * + * @since 1.0 + * @access private + * @method _astrAboveHeaderChecked + */ + _astrAboveHeaderChecked: function( e ) + { + if( $(this).is(':checked') ) { + $('.ast-advanced-headers-row.ast-above-header-required').show(); + } + else{ + $('.ast-advanced-headers-row.ast-above-header-required').hide(); + } + }, + + /** + * Callback for when the Below header is checked + * + * @since 1.0 + * @access private + * @method _astrBelowHeaderChecked + */ + _astrBelowHeaderChecked: function( e ) + { + if( $(this).is(':checked') ) { + $('.ast-advanced-headers-row.ast-below-header-required').show(); + } + else{ + $('.ast-advanced-headers-row.ast-below-header-required').hide(); + } + }, + + /** + * Callback for when the Below header is checked + * + * @since 1.0 + * @access private + * @method _astrCustomMenuChanged + */ + _astrCustomMenuChanged: function( e ) + { + var custom_menu = $(this).val(); + if( 'default' != custom_menu && 'none' != custom_menu ) { + $('.ast-advanced-headers-row.ast-custom-menu-item-enabled').show(); + } + else{ + $('.ast-advanced-headers-row.ast-custom-menu-item-enabled').hide(); + } + + if( 'text-html' == custom_menu ) { + $('.ast-advanced-headers-row.ast-custom-menu-item-text-enabled').show(); + } + else{ + $('.ast-advanced-headers-row.ast-custom-menu-item-text-enabled').hide(); + } + + if( 'search' == custom_menu ) { + $('#ast-advanced-headers-design-search-style').parents('.ast-advanced-headers-row').show(); + } + else{ + $('#ast-advanced-headers-design-search-style').parents('.ast-advanced-headers-row').hide(); + } + }, + + /** + * Callback for when the button to launch the + * builder is clicked. + * + * @since 1.0 + * @access private + * @method _astrPageTitleMergeChecked + */ + _astrPageTitleMergeChecked: function( e ) + { + + if( $(this).is(':checked') ){ + $('.require-merge-ast-advanced-header').show(); + } + else{ + $('.require-merge-ast-advanced-header').hide(); + } + }, + + /** + * Callback for when the button to launch the + * builder is clicked. + * + * @since 1.0 + * @access private + * @method _astraPageTitleTabsClicked + */ + _astraPageTitleTabsClicked: function( e ) + { + e.preventDefault(); + + var current = $(this), + href = current.attr('href'); + //custom ui tabs select + $('#ast-advanced-headers-tabs ul li a').removeClass('nav-tab-active'); + $(current).addClass('nav-tab-active'); + $('.ast-adv-headers-tabs-section').removeClass('tab-active'); + $(href).addClass('tab-active'); + tabId = current.attr( 'id' ); + $('#advanced-headers-current-tab').val( tabId ); + }, + + /** + * Init the layout settings based on type. + * + * @since 1.0 + * @access private + * @method _initLayoutSettings + */ + _initLayoutSettings: function() + { + var type = $( 'input[name="ast-advanced-headers-layout[layout]"]:checked' ).val(), + // all element dependent ti title bar layout. + allStylingWrap = $( '.ast-advanced-header-layout-breadcrumb-wrap, .ast-advanced-headers-table.design-wrap' ), + allNotRequired = $('.ast-required-no-headers'), + breadcrumbCheck = $( '#ast-advanced-header-layout-breadcrumb' ), + mergeHeaderCheck = $ ( '#ast-advanced-header-layout-merged'), + backgroundSizeCheck = $( '#ast-advanced-header-design-bg-size' ).val(), + differentLogoCheck = $( '#ast-advanced-header-diff-header-logo' ), + differentRetinaLogoCheck = $( '#ast-advanced-header-diff-header-retina-logo' ); + + // If Advanced Headers is desabled. + if ( 'disable' == type ) { + // Hide all dependent element for advanced header layout. + allStylingWrap.hide(); + allNotRequired.show(); + $('.ast-transparent-notice-wrap').show(); + } + else{ + allNotRequired.hide(); + $('.ast-transparent-notice-wrap').hide(); + } + if( ! breadcrumbCheck.is(':checked') ) { + $('.ast-advanced-headers-row.breadcrumb-row').hide(); + } + + if( ! mergeHeaderCheck.is(':checked') ) { + $('.require-merge-ast-advanced-header').hide(); + + } + if ( 'custom-bg-size' != backgroundSizeCheck ) { + $('.ast-advanced-haeders-design-bg-custom-size-wrap').hide(); + } + + if ( ! $( '#ast-advanced-header-layout-above-header' ).is(':checked') ) { + $('.ast-advanced-headers-row.ast-above-header-required').hide(); + } + if ( ! $( '#ast-advanced-header-layout-below-header' ).is(':checked') ) { + $('.ast-advanced-headers-row.ast-below-header-required').hide(); + } + + if( differentLogoCheck.is(':checked') ) { + $('.ast-logo-settings-wrap').show(); + $('.ast-diff-header-retina-logo').show(); + } else { + $('.ast-logo-settings-wrap').hide(); + $('.ast-diff-header-retina-logo').hide(); + } + + if( differentRetinaLogoCheck.is(':checked') && differentLogoCheck.is(':checked') ) { + $('.ast-retina-logo-settings-wrap').show(); + } else { + $('.ast-retina-logo-settings-wrap').hide(); + } + }, + + /** + * Radio button Images clicked. + * + * @since 1.0 + * @access private + * @method _astraPageTitleRadioImagesClicked + */ + _astraPageTitleRadioImagesClicked: function() + { + var allRadioLabels = $('.ast-advanced-header-layout-radio-button-wrap label'), + radioButtonWrap = $('.ast-advanced-header-layout-radio-button-wrap'), + allStylingWrap = $('.ast-advanced-header-layout-breadcrumb-wrap, .ast-advanced-headers-table.design-wrap'), + allNotRequired = $('.ast-required-no-headers'); + allRadioLabels.attr("checked",false); + + $(this).attr("checked", true); + radioButtonWrap.children( "input[type='radio']" ).attr("checked",false); + $(this).children( "input[type='radio']" ).attr("checked",true); + + // Disable Breadcrumb for no advanced header layout. + if ( 'disable' == $(this).children( "input[type='radio']" ).val()) { + allStylingWrap.hide(); + allNotRequired.show(); + $('.ast-transparent-notice-wrap').show(); + } + else{ + allStylingWrap.show(); + allNotRequired.hide(); + $('.ast-transparent-notice-wrap').hide(); + } + }, + + _astrToggleLogo: function() + { + if( $(this).is(':checked') ){ + $( ".ast-logo-settings-wrap" ).show(); + $( ".ast-diff-header-retina-logo" ).show(); + + if( $(this).is(':checked') && $( '#ast-advanced-header-diff-header-retina-logo' ).is(':checked') ){ + $( ".ast-retina-logo-settings-wrap" ).show(); + } else { + $( ".ast-retina-logo-settings-wrap" ).hide(); + } + + } else { + $( ".ast-logo-settings-wrap" ).hide(); + $( ".ast-diff-header-retina-logo" ).hide(); + + if( $(this).is(':checked') && $( '#ast-advanced-header-diff-header-retina-logo' ).is(':checked') ){ + $( ".ast-retina-logo-settings-wrap" ).show(); + } else { + $( ".ast-retina-logo-settings-wrap" ).hide(); + } + } + }, + + _astrToggleRetinaLogo: function() + { + if( $(this).is(':checked') && $( '#ast-advanced-header-diff-header-logo' ).is(':checked') ){ + $( ".ast-retina-logo-settings-wrap" ).show(); + } else { + $( ".ast-retina-logo-settings-wrap" ).hide(); + } + } + }; + + $( function() { AstraPageTitleBarAdmin._init(); } ); +} )( jQuery ); diff --git a/assets/js/astra-advanced-headers-admin.min.js b/assets/js/astra-advanced-headers-admin.min.js new file mode 100644 index 00000000..8d66fd05 --- /dev/null +++ b/assets/js/astra-advanced-headers-admin.min.js @@ -0,0 +1 @@ +(o=>{AstraPageTitleBarAdmin={_init:function(){this._bind(),this._initLayoutSettings(),this._inputFileInit()},_bind:function(){o("li#menu-appearance.wp-has-current-submenu, li#menu-appearance.wp-has-current-submenu > a").removeClass("wp-has-current-submenu"),o("li#toplevel_page_"+astraPageHeaderVars.home_slug+", li#toplevel_page_"+astraPageHeaderVars.home_slug+" > a").removeClass("wp-not-current-submenu").addClass("wp-has-current-submenu"),o("li#toplevel_page_"+astraPageHeaderVars.home_slug+' a[href="edit.php?post_type=astra_adv_header"]').parent().addClass("current"),o(".ast-advanced-headers-heading-help").tooltip({content:function(){return o(this).prop("title")},tooltipClass:"ast-advanced-headers-ui-tooltip",position:{my:"center top",at:"center bottom+10"},hide:{duration:200},show:{duration:200}}),o(".ast-advanced-headers-heading-img-help").tooltip({content:function(){return o(this).prop("title")},tooltipClass:"ast-advanced-headers-ui-img-tooltip",position:{my:"center top",at:"center bottom+10"},hide:{duration:0},show:{duration:0}}),o(".ast-advanced-headers-color-picker").wpColorPicker(),o(".ast-advanced-header-layout-radio-button-wrap label").on("click",this._astraPageTitleRadioImagesClicked),o("#ast-advanced-headers-tabs ul li a").on("click",this._astraPageTitleTabsClicked),o("#ast-advanced-header-layout-breadcrumb").on("change",this._astraBreadcrumbChecked),o("#ast-advanced-header-layout-merged").on("change",this._astrPageTitleMergeChecked),o("#ast-advanced-header-design-bg-size").on("change",this._astrPageTitleBgSizeChecked),o("#ast-advanced-header-layout-above-header").on("change",this._astrAboveHeaderChecked),o("#ast-advanced-header-layout-below-header").on("change",this._astrBelowHeaderChecked),o("#ast-advanced-headers-design-custom-menu-item").on("change",this._astrCustomMenuChanged),o("#ast-advanced-headers-design-custom-menu-item").trigger("change"),o('input[name="ast-advanced-headers-layout[force-transparent-disabled]"]').on("change",function(){o('input[name="ast-advanced-headers-layout[force-transparent-disabled]"]').not(this).prop("checked",!1)}),o("#ast-advanced-header-diff-header-logo").on("change",this._astrToggleLogo),o("#ast-advanced-header-diff-header-retina-logo").on("change",this._astrToggleRetinaLogo)},_inputFileInit:function(){var a;window.inputWrapper="",o(document.body).on("click",".ast-advanced-headers-bg-image-select",function(e){e.preventDefault();o(this);window.inputWrapper=o(this).closest(".ast-advanced-headers-row-content"),a||(a=wp.media({multiple:!1})).on("select",function(){var e=a.state().get("selection").first().toJSON();window.inputWrapper.find("#ast-advanced-headers-preview-img").children(".saved-image").remove(),window.inputWrapper.find("#ast-advanced-headers-preview-img").append(''),window.inputWrapper.find(".ast-advanced-headers-bg-image-id").val(e.id),window.inputWrapper.find(".ast-advanced-headers-bg-image").val(e.url),o(".ast-advanced-headers-bg-image-remove").show()}),a.open()}),o(".ast-advanced-headers-bg-image-remove").on("click",function(e){e.preventDefault();var e=o(this),a=o(this).closest(".ast-advanced-headers-row-content");a.find("#ast-advanced-headers-preview-img img").hide(),a.find(".ast-advanced-headers-bg-image-id").val(""),a.find(".ast-advanced-headers-bg-image").val(""),e.hide()}),o(document.body).on("click",".ast-advanced-header-logo-select",function(e){e.preventDefault();o(this);window.inputWrapper=o(this).closest(".ast-advanced-headers-row-content"),a||(a=wp.media({multiple:!1})).on("select",function(){var e=a.state().get("selection").first().toJSON();window.inputWrapper.find("#ast-advanced-headers-preview-logo").children(".saved-image").remove(),window.inputWrapper.find("#ast-advanced-headers-preview-logo").append(''),window.inputWrapper.find(".ast-advanced-headers-logo-id").val(e.id),window.inputWrapper.find(".ast-advanced-headers-logo").val(e.url),window.inputWrapper.find(".ast-advanced-headers-logo-remove").show()}),a.open()}),o(".ast-advanced-headers-logo-remove").on("click",function(e){e.preventDefault();var e=o(this),a=o(this).closest(".ast-advanced-headers-row-content");a.find("#ast-advanced-headers-preview-logo img").hide(),a.find(".ast-advanced-headers-logo-id").val(""),a.find(".ast-advanced-headers-logo").val(""),e.hide()})},_astraBreadcrumbChecked:function(e){o(this).is(":checked")?o(".ast-advanced-headers-row.breadcrumb-row").show():o(".ast-advanced-headers-row.breadcrumb-row").hide()},_astrPageTitleBgSizeChecked:function(e){"custom-bg-size"==o(this).val()?o(".ast-advanced-haeders-design-bg-custom-size-wrap").show():o(".ast-advanced-haeders-design-bg-custom-size-wrap").hide()},_astrAboveHeaderChecked:function(e){o(this).is(":checked")?o(".ast-advanced-headers-row.ast-above-header-required").show():o(".ast-advanced-headers-row.ast-above-header-required").hide()},_astrBelowHeaderChecked:function(e){o(this).is(":checked")?o(".ast-advanced-headers-row.ast-below-header-required").show():o(".ast-advanced-headers-row.ast-below-header-required").hide()},_astrCustomMenuChanged:function(e){var a=o(this).val();"default"!=a&&"none"!=a?o(".ast-advanced-headers-row.ast-custom-menu-item-enabled").show():o(".ast-advanced-headers-row.ast-custom-menu-item-enabled").hide(),"text-html"==a?o(".ast-advanced-headers-row.ast-custom-menu-item-text-enabled").show():o(".ast-advanced-headers-row.ast-custom-menu-item-text-enabled").hide(),"search"==a?o("#ast-advanced-headers-design-search-style").parents(".ast-advanced-headers-row").show():o("#ast-advanced-headers-design-search-style").parents(".ast-advanced-headers-row").hide()},_astrPageTitleMergeChecked:function(e){o(this).is(":checked")?o(".require-merge-ast-advanced-header").show():o(".require-merge-ast-advanced-header").hide()},_astraPageTitleTabsClicked:function(e){e.preventDefault();var e=o(this),a=e.attr("href");o("#ast-advanced-headers-tabs ul li a").removeClass("nav-tab-active"),o(e).addClass("nav-tab-active"),o(".ast-adv-headers-tabs-section").removeClass("tab-active"),o(a).addClass("tab-active"),tabId=e.attr("id"),o("#advanced-headers-current-tab").val(tabId)},_initLayoutSettings:function(){var e=o('input[name="ast-advanced-headers-layout[layout]"]:checked').val(),a=o(".ast-advanced-header-layout-breadcrumb-wrap, .ast-advanced-headers-table.design-wrap"),t=o(".ast-required-no-headers"),d=o("#ast-advanced-header-layout-breadcrumb"),s=o("#ast-advanced-header-layout-merged"),r=o("#ast-advanced-header-design-bg-size").val(),i=o("#ast-advanced-header-diff-header-logo"),n=o("#ast-advanced-header-diff-header-retina-logo");"disable"==e?(a.hide(),t.show(),o(".ast-transparent-notice-wrap").show()):(t.hide(),o(".ast-transparent-notice-wrap").hide()),d.is(":checked")||o(".ast-advanced-headers-row.breadcrumb-row").hide(),s.is(":checked")||o(".require-merge-ast-advanced-header").hide(),"custom-bg-size"!=r&&o(".ast-advanced-haeders-design-bg-custom-size-wrap").hide(),o("#ast-advanced-header-layout-above-header").is(":checked")||o(".ast-advanced-headers-row.ast-above-header-required").hide(),o("#ast-advanced-header-layout-below-header").is(":checked")||o(".ast-advanced-headers-row.ast-below-header-required").hide(),i.is(":checked")?(o(".ast-logo-settings-wrap").show(),o(".ast-diff-header-retina-logo").show()):(o(".ast-logo-settings-wrap").hide(),o(".ast-diff-header-retina-logo").hide()),n.is(":checked")&&i.is(":checked")?o(".ast-retina-logo-settings-wrap").show():o(".ast-retina-logo-settings-wrap").hide()},_astraPageTitleRadioImagesClicked:function(){var e=o(".ast-advanced-header-layout-radio-button-wrap label"),a=o(".ast-advanced-header-layout-radio-button-wrap"),t=o(".ast-advanced-header-layout-breadcrumb-wrap, .ast-advanced-headers-table.design-wrap"),d=o(".ast-required-no-headers");e.attr("checked",!1),o(this).attr("checked",!0),a.children("input[type='radio']").attr("checked",!1),o(this).children("input[type='radio']").attr("checked",!0),"disable"==o(this).children("input[type='radio']").val()?(t.hide(),d.show(),o(".ast-transparent-notice-wrap").show()):(t.show(),d.hide(),o(".ast-transparent-notice-wrap").hide())},_astrToggleLogo:function(){o(this).is(":checked")?(o(".ast-logo-settings-wrap").show(),o(".ast-diff-header-retina-logo").show()):(o(".ast-logo-settings-wrap").hide(),o(".ast-diff-header-retina-logo").hide()),o(this).is(":checked")&&o("#ast-advanced-header-diff-header-retina-logo").is(":checked")?o(".ast-retina-logo-settings-wrap").show():o(".ast-retina-logo-settings-wrap").hide()},_astrToggleRetinaLogo:function(){o(this).is(":checked")&&o("#ast-advanced-header-diff-header-logo").is(":checked")?o(".ast-retina-logo-settings-wrap").show():o(".ast-retina-logo-settings-wrap").hide()}},o(function(){AstraPageTitleBarAdmin._init()})})(jQuery); \ No newline at end of file diff --git a/assets/js/astra-rollback.js b/assets/js/astra-rollback.js new file mode 100644 index 00000000..f4bfd13a --- /dev/null +++ b/assets/js/astra-rollback.js @@ -0,0 +1,50 @@ +/** + * Astra Theme rollback version + * + * @package Astra Addon + * @since x.x.x + */ + + (function( $ ) { + astRollbackVersion = { + + init: function() { + $( document ).on('change', '.ast-rollback-version-select' , astRollbackVersion.onSelectVersion ); + $( document ).on('click', '.ast-rollback-button' , astRollbackVersion.onRollbackClick ); + $( document ).on('click', '.ast-confirm-cancel' , astRollbackVersion.closeRollbackPopup ); + $( document ).on('click', '.ast-confirm-ok' , astRollbackVersion.onRollbackOk ); + }, + + onSelectVersion:function() { + var selectRollback = jQuery( this ); + rollbackButton = selectRollback.next( '.ast-rollback-button' ) + placeholderUrl = rollbackButton.data( 'placeholder-url' ); + rollbackButton.attr( 'href', placeholderUrl.replace( 'VERSION', selectRollback.val() ) ); + }, + + onRollbackClick: function ( e ) { + e.preventDefault(); + rollbackConfirmText = $('.ast-confirm-text'); + versionNumber = $('.ast-rollback-version-select').val(); + + rollbackConfirmdata = rollbackConfirmText.data('text').replace( '#VERSION#', versionNumber ); + rollbackConfirmText.html( rollbackConfirmdata ); + document.querySelector('.ast-confirm-rollback-popup').style.display = 'block'; + }, + + closeRollbackPopup: function ( e ) { + document.querySelector('.ast-confirm-rollback-popup').style.display = 'none'; + }, + + onRollbackOk:function ( e ) { + e.preventDefault(); + location.href = $( '.ast-rollback-button' ).attr('href'); + astRollbackVersion.closeRollbackPopup( e ); + } + } + + $( document ).ready(function() { + astRollbackVersion.init(); + }); + +})( jQuery ); \ No newline at end of file diff --git a/assets/js/auth.js b/assets/js/auth.js new file mode 100644 index 00000000..7fcc5d07 --- /dev/null +++ b/assets/js/auth.js @@ -0,0 +1,249 @@ +/* global wpf, WPFormsBuilder, WPFormsConstantContactV3AuthVars */ + +/** + * @param window.wpforms_admin + * @param window.wpforms_builder + * @param WPFormsConstantContactV3AuthVars.auth_url + */ + +/** + * WPForms Constant Contact V3 Popup. + * + * @since 1.9.3 + */ +const WPFormsConstantContactV3Auth = window.WPFormsConstantContactV3Auth || ( function( document, window, $ ) { + /** + * Public functions and properties. + * + * @since 1.9.3 + * + * @type {Object} + */ + const app = { + /** + * Is the authorization window opened? + * + * @since 1.9.3 + */ + isOpened : false, + + /** + * URL to listen for messages from the window. + * + * @since 1.9.3 + */ + listenURL: '', + + /** + * Start the engine. + * + * @since 1.9.3 + */ + init: () => { + $( app.ready ); + }, + + /** + * Document ready. + * + * @since 1.9.3 + */ + ready: () => { + const redirectUri = new URL( WPFormsConstantContactV3AuthVars.auth_url ).searchParams.get( 'redirect_uri' ); + app.listenURL = new URL( redirectUri ).origin; + + $( document ) + .on( 'click', '.wpforms-constant-contact-v3-auth, .wpforms-builder-constant-contact-v3-provider-sign-up', app.showWindow ) + .on( 'click', '#wpforms-settings-constant-contact-v3-migration-prompt-link', app.promptMigration ); + }, + + /** + * Show a window. + * + * @since 1.9.3 + * + * @param {Event} e Click event. + */ + showWindow: ( e ) => { + e.preventDefault(); + + if ( app.isOpened ) { + return; + } + + const authUrl = WPFormsConstantContactV3AuthVars.auth_url, + width = 500, + height = 600, + left = ( screen.width / 2 ) - ( width / 2 ), + top = ( screen.height / 2 ) - ( height / 2 ), + loginHintEmail = $( '.wpforms-constant-contact-v3-auth' ).data( 'login-hint' ), + url = new URL( authUrl ); + + if ( loginHintEmail ) { + url.searchParams.set( 'login_hint', loginHintEmail ); + } + + const newWindow = window.open( + url.toString(), + 'authPopup', + 'width=' + width + ', height=' + height + ', top=' + top + ', left=' + left + ); + + window.addEventListener( 'message', app.listenResponse ); + const checkWindowClosed = setInterval( () => { + if ( newWindow.closed ) { + clearInterval( checkWindowClosed ); + app.isOpened = false; + } + }, 1000 ); + + app.isOpened = true; + }, + + /** + * Listen for response. + * + * @since 1.9.3 + * + * @param {Event} event Message event. + */ + listenResponse: ( event ) => { + if ( event.origin !== app.listenURL ) { + return; + } + + if ( ! event.data ) { + app.errorModal( WPFormsConstantContactV3AuthVars.strings.error ); + + return; + } + + app.saveAccount( event.data ); + }, + + /** + * Save account. + * + * @since 1.9.3 + * + * @param {string} code Authorization code. + */ + saveAccount: ( code ) => { + const modal = app.waitModal(); + + $.post( + WPFormsConstantContactV3AuthVars.ajax_url, + { + action: 'wpforms_constant_contact_popup_auth', + data: JSON.stringify( { code } ), + nonce: WPFormsConstantContactV3AuthVars.nonce, + } + ) + .done( ( response ) => { + if ( ! response.success ) { + modal.close(); + + const errorMessage = + '

    ' + WPFormsConstantContactV3AuthVars.strings.error + '

    ' + wpf.sanitizeHTML( response.data ) + '

    '; + + app.errorModal( errorMessage ); + + return; + } + + if ( typeof WPFormsBuilder === 'undefined' ) { + modal.close(); + window.location.href = WPFormsConstantContactV3AuthVars.page_url; + + return; + } + + WPFormsBuilder.formSave( false ).done( () => { + WPFormsBuilder.setCloseConfirmation( false ); + WPFormsBuilder.showLoadingOverlay(); + location.reload(); + } ); + } ); + }, + + /** + * Show a waiting modal. + * + * @since 1.9.3 + * + * @return {Object} Modal object. + */ + waitModal: () => { + return $.alert( { + title: '', + content: WPFormsConstantContactV3AuthVars.strings.wait, + icon: 'fa fa-info-circle', + type: 'blue', + buttons: false, + } ); + }, + + /** + * Show an error modal. + * + * @since 1.9.3 + * + * @param {string} content Alert text. + * + * @return {Object} Modal object. + */ + errorModal: ( content ) => { + const strings = window?.wpforms_builder || window?.wpforms_admin; + + return $.alert( { + title: strings.uh_oh, + content, + icon: 'fa fa-exclamation-circle', + type: 'red', + buttons: { + cancel: { + text: strings.cancel, + action: () => { + app.isOpened = false; + }, + }, + }, + } ); + }, + + /** + * Prompt and start migration from v2 to v3 in the notice. + * + * @since 1.9.3 + * + * @param {Object} e Event object. + */ + promptMigration( e ) { + e.preventDefault(); + + const modal = app.waitModal(); + + $.post( { + url: WPFormsConstantContactV3AuthVars.ajax_url, + data: { + action: 'wpforms_constant_contact_migration_prompt', + nonce: WPFormsConstantContactV3AuthVars.nonce, + }, + success: () => { + modal.close(); + window.location.href = WPFormsConstantContactV3AuthVars.page_url; + }, + error: () => { + modal.close(); + app.errorModal( WPFormsConstantContactV3AuthVars.strings.error ); + }, + } ); + }, + }; + + // Provide access to public functions/properties. + return app; +}( document, window, jQuery ) ); + +// Initialize. +WPFormsConstantContactV3Auth.init(); diff --git a/assets/js/auth.min.js b/assets/js/auth.min.js new file mode 100644 index 00000000..e790c936 --- /dev/null +++ b/assets/js/auth.min.js @@ -0,0 +1 @@ +const WPFormsConstantContactV3Auth=window.WPFormsConstantContactV3Auth||function(n,e,c){const i={isOpened:!1,listenURL:"",init:()=>{c(i.ready)},ready:()=>{var t=new URL(WPFormsConstantContactV3AuthVars.auth_url).searchParams.get("redirect_uri");i.listenURL=new URL(t).origin,c(n).on("click",".wpforms-constant-contact-v3-auth, .wpforms-builder-constant-contact-v3-provider-sign-up",i.showWindow).on("click","#wpforms-settings-constant-contact-v3-migration-prompt-link",i.promptMigration)},showWindow:t=>{if(t.preventDefault(),!i.isOpened){var t=WPFormsConstantContactV3AuthVars.auth_url,n=screen.width/2-250,o=screen.height/2-300,a=c(".wpforms-constant-contact-v3-auth").data("login-hint"),t=new URL(t);a&&t.searchParams.set("login_hint",a);const r=e.open(t.toString(),"authPopup","width=500, height=600, top="+o+", left="+n),s=(e.addEventListener("message",i.listenResponse),setInterval(()=>{r.closed&&(clearInterval(s),i.isOpened=!1)},1e3));i.isOpened=!0}},listenResponse:t=>{t.origin===i.listenURL&&(t.data?i.saveAccount(t.data):i.errorModal(WPFormsConstantContactV3AuthVars.strings.error))},saveAccount:t=>{const n=i.waitModal();c.post(WPFormsConstantContactV3AuthVars.ajax_url,{action:"wpforms_constant_contact_popup_auth",data:JSON.stringify({code:t}),nonce:WPFormsConstantContactV3AuthVars.nonce}).done(t=>{t.success?"undefined"==typeof WPFormsBuilder?(n.close(),e.location.href=WPFormsConstantContactV3AuthVars.page_url):WPFormsBuilder.formSave(!1).done(()=>{WPFormsBuilder.setCloseConfirmation(!1),WPFormsBuilder.showLoadingOverlay(),location.reload()}):(n.close(),t="

    "+WPFormsConstantContactV3AuthVars.strings.error+"

    "+wpf.sanitizeHTML(t.data)+"

    ",i.errorModal(t))})},waitModal:()=>c.alert({title:"",content:WPFormsConstantContactV3AuthVars.strings.wait,icon:"fa fa-info-circle",type:"blue",buttons:!1}),errorModal:t=>{var n=e?.wpforms_builder||e?.wpforms_admin;return c.alert({title:n.uh_oh,content:t,icon:"fa fa-exclamation-circle",type:"red",buttons:{cancel:{text:n.cancel,action:()=>{i.isOpened=!1}}}})},promptMigration(t){t.preventDefault();const n=i.waitModal();c.post({url:WPFormsConstantContactV3AuthVars.ajax_url,data:{action:"wpforms_constant_contact_migration_prompt",nonce:WPFormsConstantContactV3AuthVars.nonce},success:()=>{n.close(),e.location.href=WPFormsConstantContactV3AuthVars.page_url},error:()=>{n.close(),i.errorModal(WPFormsConstantContactV3AuthVars.strings.error)}})}};return i}(document,window,jQuery);WPFormsConstantContactV3Auth.init(); \ No newline at end of file diff --git a/assets/js/background-preview.js b/assets/js/background-preview.js new file mode 100644 index 00000000..daa206ae --- /dev/null +++ b/assets/js/background-preview.js @@ -0,0 +1,66 @@ +/* global wpforms_gutenberg_form_selector */ +/* jshint es3: false, esversion: 6 */ + +import PropTypes from 'prop-types'; + +/** + * @param strings.remove_image + */ + +/** + * React component for the background preview. + * + * @since 1.8.8 + * + * @param {Object} props Component props. + * @param {Object} props.attributes Block attributes. + * @param {Function} props.onRemoveBackground Function to remove the background. + * @param {Function} props.onPreviewClicked Function to handle the preview click. + * + * @return {Object} React component. + */ +const BackgroundPreview = ( { attributes, onRemoveBackground, onPreviewClicked } ) => { + const { Button } = wp.components; + const { strings } = wpforms_gutenberg_form_selector; + + return ( +
    + + { + if ( event.key === 'Enter' || event.key === ' ' ) { + onPreviewClicked(); + } + } + } + > + + +
    + ); +}; + +BackgroundPreview.propTypes = { + attributes: PropTypes.object.isRequired, + onRemoveBackground: PropTypes.func.isRequired, + onPreviewClicked: PropTypes.func.isRequired, +}; + +export default BackgroundPreview; diff --git a/assets/js/background-styles.js b/assets/js/background-styles.js new file mode 100644 index 00000000..fd7dd377 --- /dev/null +++ b/assets/js/background-styles.js @@ -0,0 +1,607 @@ +/* global wpforms_gutenberg_form_selector */ +/* jshint es3: false, esversion: 6 */ + +import BackgroundPreview from './background-preview.js'; + +/** + * @param strings.background_styles + * @param strings.bottom_center + * @param strings.bottom_left + * @param strings.bottom_right + * @param strings.center_center + * @param strings.center_left + * @param strings.center_right + * @param strings.choose_image + * @param strings.image_url + * @param strings.media_library + * @param strings.no_repeat + * @param strings.repeat_x + * @param strings.repeat_y + * @param strings.select_background_image + * @param strings.select_image + * @param strings.stock_photo + * @param strings.tile + * @param strings.top_center + * @param strings.top_left + * @param strings.top_right + */ + +/** + * Gutenberg editor block. + * + * Background styles panel module. + * + * @since 1.8.8 + */ +export default ( function() { + /** + * WP core components. + * + * @since 1.8.8 + */ + const { PanelColorSettings } = wp.blockEditor || wp.editor; + const { SelectControl, PanelBody, Flex, FlexBlock, __experimentalUnitControl, TextControl, Button } = wp.components; + + /** + * Localized data aliases. + * + * @since 1.8.8 + */ + const { strings, defaults } = wpforms_gutenberg_form_selector; + + /** + * Public functions and properties. + * + * @since 1.8.8 + * + * @type {Object} + */ + const app = { + + /** + * Get block attributes. + * + * @since 1.8.8 + * + * @return {Object} Block attributes. + */ + getBlockAttributes() { + return { + backgroundImage: { + type: 'string', + default: defaults.backgroundImage, + }, + backgroundPosition: { + type: 'string', + default: defaults.backgroundPosition, + }, + backgroundRepeat: { + type: 'string', + default: defaults.backgroundRepeat, + }, + backgroundSizeMode: { + type: 'string', + default: defaults.backgroundSizeMode, + }, + backgroundSize: { + type: 'string', + default: defaults.backgroundSize, + }, + backgroundWidth: { + type: 'string', + default: defaults.backgroundWidth, + }, + backgroundHeight: { + type: 'string', + default: defaults.backgroundHeight, + }, + backgroundColor: { + type: 'string', + default: defaults.backgroundColor, + }, + backgroundUrl: { + type: 'string', + default: defaults.backgroundUrl, + }, + }; + }, + + /** + * Get Background Styles panel JSX code. + * + * @since 1.8.8 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block handlers. + * @param {Object} formSelectorCommon Block properties. + * @param {Object} stockPhotos Stock Photos module. + * @param {Object} uiState UI state. + * + * @return {Object} Field styles JSX code. + */ + getBackgroundStyles( props, handlers, formSelectorCommon, stockPhotos, uiState ) { // eslint-disable-line max-lines-per-function, complexity + const isNotDisabled = uiState.isNotDisabled; + const isProEnabled = uiState.isProEnabled; + const showBackgroundPreview = uiState.showBackgroundPreview; + const setShowBackgroundPreview = uiState.setShowBackgroundPreview; + const lastBgImage = uiState.lastBgImage; + const setLastBgImage = uiState.setLastBgImage; + const tabIndex = isNotDisabled ? 0 : -1; + const cssClass = formSelectorCommon.getPanelClass( props ) + ( isNotDisabled ? '' : ' wpforms-gutenberg-panel-disabled' ); + + return ( + +
    { + if ( isNotDisabled ) { + return; + } + + event.stopPropagation(); + + if ( ! isProEnabled ) { + return formSelectorCommon.education.showProModal( 'background', strings.background_styles ); + } + + formSelectorCommon.education.showLicenseModal( 'background', strings.background_styles, 'background-styles' ); + } } + onKeyDown={ ( event ) => { + if ( isNotDisabled ) { + return; + } + + event.stopPropagation(); + + if ( ! isProEnabled ) { + return formSelectorCommon.education.showProModal( 'background', strings.background_styles ); + } + + formSelectorCommon.education.showLicenseModal( 'background', strings.background_styles, 'background-styles' ); + } } + > + + + app.setContainerBackgroundImageWrapper( props, handlers, value, lastBgImage, setLastBgImage ) } + /> + + + { ( props.attributes.backgroundImage !== 'none' || ! isNotDisabled ) && ( + handlers.styleAttrChange( 'backgroundPosition', value ) } + /> + ) } + + + { ( props.attributes.backgroundImage !== 'none' || ! isNotDisabled ) && ( + + + handlers.styleAttrChange( 'backgroundRepeat', value ) } + /> + + + app.handleSizeFromDimensions( props, handlers, value ) } + /> + + + ) } + { ( ( props.attributes.backgroundSizeMode === 'dimensions' && props.attributes.backgroundImage !== 'none' ) || ! isNotDisabled ) && ( + + + <__experimentalUnitControl + label={ strings.width } + tabIndex={ tabIndex } + value={ props.attributes.backgroundWidth } + isUnitSelectTabbable={ isNotDisabled } + onChange={ ( value ) => app.handleSizeFromWidth( props, handlers, value ) } + /> + + + <__experimentalUnitControl + label={ strings.height } + tabIndex={ tabIndex } + value={ props.attributes.backgroundHeight } + isUnitSelectTabbable={ isNotDisabled } + onChange={ ( value ) => app.handleSizeFromHeight( props, handlers, value ) } + /> + + + ) } + { ( ! showBackgroundPreview || props.attributes.backgroundUrl === 'url()' ) && ( + ( props.attributes.backgroundImage === 'library' && ( + + + + + + ) ) || ( props.attributes.backgroundImage === 'stock' && ( + + + + + + ) ) + ) } + { ( ( showBackgroundPreview && props.attributes.backgroundImage !== 'none' ) || props.attributes.backgroundUrl !== 'url()' ) && ( + + +
    + { + app.onRemoveBackground( setShowBackgroundPreview, handlers, setLastBgImage ); + } + } + onPreviewClicked={ () => { + if ( props.attributes.backgroundImage === 'library' ) { + return app.openMediaLibrary( props, handlers, setShowBackgroundPreview ); + } + + return stockPhotos?.openModal( props, handlers, 'bg-styles', setShowBackgroundPreview ); + } } + /> +
    + handlers.styleAttrChange( 'backgroundUrl', value ) } + onLoad={ ( value ) => props.attributes.backgroundImage !== 'none' && handlers.styleAttrChange( 'backgroundUrl', value ) } + /> +     +     + ) } + + +
    { strings.colors }
    + { + if ( ! isNotDisabled ) { + return; + } + + handlers.styleAttrChange( 'backgroundColor', value ); + }, + label: strings.background, + }, + ] } + /> +     +     +
    +     + ); + }, + + /** + * Open media library modal and handle image selection. + * + * @since 1.8.8 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block handlers. + * @param {Function} setShowBackgroundPreview Set show background preview. + */ + openMediaLibrary( props, handlers, setShowBackgroundPreview ) { + const frame = wp.media( { + title: strings.select_background_image, + multiple: false, + library: { + type: 'image', + }, + button: { + text: strings.select_image, + }, + } ); + + frame.on( 'select', () => { + const attachment = frame.state().get( 'selection' ).first().toJSON(); + const setAttr = {}; + const attribute = 'backgroundUrl'; + + if ( attachment.url ) { + const value = `url(${ attachment.url })`; + + setAttr[ attribute ] = value; + + props.setAttributes( setAttr ); + + handlers.styleAttrChange( 'backgroundUrl', value ); + + setShowBackgroundPreview( true ); + } + } ); + + frame.open(); + }, + + /** + * Set container background image. + * + * @since 1.8.8 + * + * @param {HTMLElement} container Container element. + * @param {string} value Value. + * + * @return {boolean} True if the value was set, false otherwise. + */ + setContainerBackgroundImage( container, value ) { + if ( value === 'none' ) { + container.style.setProperty( `--wpforms-background-url`, 'url()' ); + } + + return true; + }, + + /** + * Set container background image. + * + * @since 1.8.8 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block event handlers. + * @param {string} value Value. + * @param {string} lastBgImage Last background image. + * @param {Function} setLastBgImage Set last background image. + */ + setContainerBackgroundImageWrapper( props, handlers, value, lastBgImage, setLastBgImage ) { + if ( value === 'none' ) { + setLastBgImage( props.attributes.backgroundUrl ); + props.attributes.backgroundUrl = 'url()'; + + handlers.styleAttrChange( 'backgroundUrl', 'url()' ); + } else if ( lastBgImage ) { + props.attributes.backgroundUrl = lastBgImage; + handlers.styleAttrChange( 'backgroundUrl', lastBgImage ); + } + + handlers.styleAttrChange( 'backgroundImage', value ); + }, + + /** + * Set container background position. + * + * @since 1.8.8 + * + * @param {HTMLElement} container Container element. + * @param {string} value Value. + * + * @return {boolean} True if the value was set, false otherwise. + */ + setContainerBackgroundPosition( container, value ) { + container.style.setProperty( `--wpforms-background-position`, value ); + + return true; + }, + + /** + * Set container background repeat. + * + * @since 1.8.8 + * + * @param {HTMLElement} container Container element. + * @param {string} value Value. + * + * @return {boolean} True if the value was set, false otherwise. + */ + setContainerBackgroundRepeat( container, value ) { + container.style.setProperty( `--wpforms-background-repeat`, value ); + + return true; + }, + + /** + * Handle real size from dimensions. + * + * @since 1.8.8 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block handlers. + * @param {string} value Value. + */ + handleSizeFromDimensions( props, handlers, value ) { + if ( value === 'cover' ) { + props.attributes.backgroundSize = 'cover'; + + handlers.styleAttrChange( 'backgroundWidth', props.attributes.backgroundWidth ); + handlers.styleAttrChange( 'backgroundHeight', props.attributes.backgroundHeight ); + handlers.styleAttrChange( 'backgroundSizeMode', 'cover' ); + handlers.styleAttrChange( 'backgroundSize', 'cover' ); + } else { + props.attributes.backgroundSize = 'dimensions'; + + handlers.styleAttrChange( 'backgroundSizeMode', 'dimensions' ); + handlers.styleAttrChange( 'backgroundSize', props.attributes.backgroundWidth + ' ' + props.attributes.backgroundHeight ); + } + }, + + /** + * Handle real size from width. + * + * @since 1.8.8 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block handlers. + * @param {string} value Value. + */ + handleSizeFromWidth( props, handlers, value ) { + props.attributes.backgroundSize = value + ' ' + props.attributes.backgroundHeight; + props.attributes.backgroundWidth = value; + + handlers.styleAttrChange( 'backgroundSize', value + ' ' + props.attributes.backgroundHeight ); + handlers.styleAttrChange( 'backgroundWidth', value ); + }, + + /** + * Handle real size from height. + * + * @since 1.8.8 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block handlers. + * @param {string} value Value. + */ + handleSizeFromHeight( props, handlers, value ) { + props.attributes.backgroundSize = props.attributes.backgroundWidth + ' ' + value; + props.attributes.backgroundHeight = value; + + handlers.styleAttrChange( 'backgroundSize', props.attributes.backgroundWidth + ' ' + value ); + handlers.styleAttrChange( 'backgroundHeight', value ); + }, + + /** + * Set container background width. + * + * @since 1.8.8 + * + * @param {HTMLElement} container Container element. + * @param {string} value Value. + * + * @return {boolean} True if the value was set, false otherwise. + */ + setContainerBackgroundWidth( container, value ) { + container.style.setProperty( `--wpforms-background-width`, value ); + + return true; + }, + + /** + * Set container background height. + * + * @since 1.8.8 + * + * @param {HTMLElement} container Container element. + * @param {string} value Value. + * + * @return {boolean} True if the value was set, false otherwise. + */ + setContainerBackgroundHeight( container, value ) { + container.style.setProperty( `--wpforms-background-height`, value ); + + return true; + }, + + /** + * Set container background url. + * + * @since 1.8.8 + * + * @param {HTMLElement} container Container element. + * @param {string} value Value. + * + * @return {boolean} True if the value was set, false otherwise. + */ + setBackgroundUrl( container, value ) { + container.style.setProperty( `--wpforms-background-url`, value ); + + return true; + }, + + /** + * Set container background color. + * + * @since 1.8.8 + * + * @param {HTMLElement} container Container element. + * @param {string} value Value. + * + * @return {boolean} True if the value was set, false otherwise. + */ + setBackgroundColor( container, value ) { + container.style.setProperty( `--wpforms-background-color`, value ); + + return true; + }, + + _showBackgroundPreview( props ) { + return props.attributes.backgroundImage !== 'none' && + props.attributes.backgroundUrl && + props.attributes.backgroundUrl !== 'url()'; + }, + + /** + * Remove background image. + * + * @since 1.8.8 + * + * @param {Function} setShowBackgroundPreview Set show background preview. + * @param {Object} handlers Block handlers. + * @param {Function} setLastBgImage Set last background image. + */ + onRemoveBackground( setShowBackgroundPreview, handlers, setLastBgImage ) { + setShowBackgroundPreview( false ); + handlers.styleAttrChange( 'backgroundUrl', 'url()' ); + setLastBgImage( '' ); + }, + }; + + return app; +}() ); diff --git a/assets/js/below-menu-no-toggle.js b/assets/js/below-menu-no-toggle.js new file mode 100644 index 00000000..82408afc --- /dev/null +++ b/assets/js/below-menu-no-toggle.js @@ -0,0 +1,100 @@ +/** + * Below Header Header Styling + * + * @package Astra Addon + * @since 1.0.0 + */ + +( function() { + var initial_window_width = screen.width; + var toggle_menu_style = document.querySelectorAll( '.ast-no-toggle-below-menu-enable' ) || 0; + + if( ! toggle_menu_style.length ) { + return; + } + + var __main_header_all = document.querySelectorAll( '.ast-below-header' ); + var menu_toggle_all = document.querySelectorAll( '.ast-below-header' ); + + for (var i = 0; i < menu_toggle_all.length; i++) { + + var parentList = __main_header_all[i].querySelectorAll( '.ast-below-header-menu .menu-item' ); + + var astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-below-header-menu .ast-menu-toggle' ); + + // Add Eevetlisteners for Submenu. + if (astra_menu_toggle.length > 0) { + for (var k = 0; k < astra_menu_toggle.length; k++) { + astra_menu_toggle[k].removeEventListener('click', AstraToggleSubMenu); + astra_menu_toggle[k].addEventListener('click', AstraToggleSubMenu, false); + }; + } + + var astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-below-header-menu > .menu-item > .ast-menu-toggle' ); + BelowMenuNoToggle( astra_menu_toggle ); + + } + + function BelowMenuNoToggle( astra_menu_toggle ) { + if( parseInt( window.innerWidth ) <= 480 ) { + for (var i = 0; i < astra_menu_toggle.length; i++) { + + astra_menu_toggle[i].addEventListener( 'click', function ( event ) { + event.preventDefault(); + + var position = this.nextElementSibling.getBoundingClientRect(); + var is_set = this.nextElementSibling.getAttribute('data-set'); + if( null === is_set ) { + + this.nextElementSibling.setAttribute('data-set', true); + this.nextElementSibling.style.width = 'auto'; + + left = '-' + parseFloat( position.left ) + 'px'; + + this.nextElementSibling.style.left = left; + var li_width = document.documentElement.clientWidth; + + // set width of submenu to full screen. + this.nextElementSibling.style.width = li_width + 'px'; + } + }); + } + } + } + + window.addEventListener( 'resize', function() { + + if ( initial_window_width != screen.width ) { + + // Update the window width for next time + initial_window_width = screen.width + + if ( 'BODY' !== document.activeElement.tagName ) { + return; + } + + // Select all sub-menus within .ast-below-header and remove inline styles. + document.querySelectorAll( '.ast-below-header .sub-menu' ) + ?.forEach( ( subMenu ) => subMenu.removeAttribute( 'style' ) ); + + // Select all list items within .ast-below-header and remove the 'ast-submenu-expanded' class. + document.querySelectorAll( '.ast-below-header li' ) + ?.forEach( ( listItem ) => listItem.classList.remove( 'ast-submenu-expanded' ) ); + + const __main_header_all = document.querySelectorAll( '.ast-below-header' ); + const menu_toggle_all = document.querySelectorAll( '.ast-below-header' ); + + for ( let i = 0; i < menu_toggle_all.length; i++ ) { + const astra_menu_toggle = __main_header_all[i].querySelectorAll( '.ast-below-header-menu > .menu-item > .ast-menu-toggle' ); + + if ( astra_menu_toggle.length !== 0 ) { + for ( let i = 0; i < astra_menu_toggle.length; i++ ) { + astra_menu_toggle[i].nextElementSibling.removeAttribute( 'data-set' ); + } + + BelowMenuNoToggle( astra_menu_toggle ); + } + } + } + }); +})(); \ No newline at end of file diff --git a/assets/js/below-menu-no-toggle.min.js b/assets/js/below-menu-no-toggle.min.js new file mode 100644 index 00000000..29503ae0 --- /dev/null +++ b/assets/js/below-menu-no-toggle.min.js @@ -0,0 +1 @@ +(()=>{var e=screen.width;if((document.querySelectorAll(".ast-no-toggle-below-menu-enable")||0).length){for(var t=document.querySelectorAll(".ast-below-header"),l=document.querySelectorAll(".ast-below-header"),n=0;n .menu-item > .ast-menu-toggle"))}window.addEventListener("resize",function(){if(e!=screen.width&&(e=screen.width,"BODY"===document.activeElement.tagName)){document.querySelectorAll(".ast-below-header .sub-menu")?.forEach(e=>e.removeAttribute("style")),document.querySelectorAll(".ast-below-header li")?.forEach(e=>e.classList.remove("ast-submenu-expanded"));var t=document.querySelectorAll(".ast-below-header"),l=document.querySelectorAll(".ast-below-header");for(let e=0;e .menu-item > .ast-menu-toggle");if(0!==n.length){for(let e=0;e { + const iframes = document.getElementsByTagName('iframe'); + if (!iframes?.length) return; + + const cloneLinkElement = (id) => { + const element = document.getElementById(id); + return element ? element.cloneNode(true) : null; + } + + const googleFontsStyle = cloneLinkElement('astra-google-fonts-css'); + + const appendLinkIfNotExists = (iframeDoc, clonedLink, linkId) => { + if (clonedLink && !iframeDoc.getElementById(linkId)) { + iframeDoc.head.appendChild(clonedLink); + } + } + + for (const iframe of iframes) { + try { + const iframeDoc = iframe?.contentWindow?.document || iframe?.contentDocument; + if (iframeDoc?.head) { + appendLinkIfNotExists(iframeDoc, googleFontsStyle, 'astra-google-fonts-css'); + } + } catch { + // Access denied to iframe document. + } + } + }, 1000); +} + + +function addTitleVisibility() { + let titleVisibility = document.querySelector( '.title-visibility' ), + titleBlock = document.querySelector( '.edit-post-visual-editor__post-title-wrapper' ), + editorDocument = document, + postTitleOption = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-post-title'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-post-title'] : ''; + + if ( astraColors.ast_wp_version_higher_6_3 ) { + let desktopPreview = document.getElementsByClassName('is-desktop-preview'), + tabletPreview = document.getElementsByClassName('is-tablet-preview'), + mobilePreview = document.getElementsByClassName('is-mobile-preview'), + devicePreview = desktopPreview[0]; + + if ( tabletPreview.length > 0 ) { + devicePreview = tabletPreview[0]; + } else if ( mobilePreview.length > 0 ) { + devicePreview = mobilePreview[0]; + } + + let iframe = undefined !== devicePreview ? devicePreview.getElementsByTagName('iframe')[0] : undefined; + if ( iframe && devicePreview.querySelector('iframe') !== null ) { + editorDocument = iframe.contentWindow.document || iframe.contentDocument; + } + + // Addressed the WordPress 6.5 issue involving an extraneous iframe layer. + if ( ! iframe && astraColors.ast_wp_version_higher_6_4 ) { + let _iframe = document.querySelector('.editor-canvas__iframe') || document.querySelector('.block-editor-iframe__scale-container iframe[name="editor-canvas"]'); + editorDocument = _iframe ? _iframe.contentWindow.document : editorDocument; + + if (editorDocument) { + titleVisibility = editorDocument.querySelector('.title-visibility'); + titleBlock = editorDocument.querySelector('.edit-post-visual-editor__post-title-wrapper'); + } + } + } + + if( null !== titleBlock && null === titleVisibility ) { + let titleVisibilityTrigger = ' '; + + if ( 'disabled' === postTitleOption ) { + titleVisibilityTrigger = ' '; + } + + if ( null === titleVisibility ) { + titleBlock.insertAdjacentHTML( 'beforeend', titleVisibilityTrigger ); + } + + let titleVisibilityTriggerElement = editorDocument.querySelector( '.title-visibility' ), + titleVisibilityWrapper = editorDocument.querySelector( '.edit-post-visual-editor__post-title-wrapper' ); + + if (titleVisibilityWrapper) { + if ('disabled' === postTitleOption && !titleVisibilityWrapper.classList.contains('invisible')) { + titleVisibilityWrapper.classList.add('invisible'); + } else { + titleVisibilityWrapper.classList.remove('invisible'); + } + + titleVisibilityTriggerElement.addEventListener("click", function() { + let metaTitleOptions = postTitleOption || ''; + if ( this.parentNode.classList.contains( 'invisible' ) && ( 'disabled' === metaTitleOptions || '' === metaTitleOptions ) ) { + this.parentNode.classList.remove( 'invisible' ); + this.dataset.tooltip = 'Disable Title'; + titleVisibilityTriggerElement.innerHTML = ''; + titleVisibilityTriggerElement.innerHTML = ''; + + wp.data.dispatch( 'core/editor' ).editPost( + { + meta: { + 'site-post-title': '', + } + } + ); + } else { + this.parentNode.classList.add( 'invisible' ); + this.dataset.tooltip = 'Enable Title'; + titleVisibilityTriggerElement.innerHTML = ''; + titleVisibilityTriggerElement.innerHTML = ''; + + wp.data.dispatch( 'core/editor' ).editPost( + { + meta: { + 'site-post-title': 'disabled', + } + } + ); + } + }); + } +} +} + +function siteLogoImageChange() { + let mobileLogoState = astraColors.mobile_logo_state; + + if (!mobileLogoState) { + return; + } + + let mobileLogo = astraColors.mobile_logo; + // Added OR condtion to check iframe content from WordPress 6.6 structure. + let iframe = document.querySelector('.editor-canvas__iframe') || document.querySelector('.block-editor-iframe__scale-container iframe[name="editor-canvas"]'); + + if (iframe) { + let is_desktop = iframe.contentWindow.document.querySelector( + ".is-desktop-preview" + ); + + if (!is_desktop) { + let iframeDoc = + iframe.contentDocument || iframe.contentWindow.document; + let logoElement = iframeDoc.querySelector(".custom-logo"); + + if (logoElement) { + // Updating logo in the editor iframe preview with the mobile logo. + logoElement.setAttribute("src", mobileLogo); + } + } + } +} + +function astra_onload_function() { + + /* Do things after DOM has fully loaded */ + + var astraMetaBox = document.querySelector( '#astra_settings_meta_box' ); + if( astraMetaBox != null ){ + + var titleCheckbox = document.getElementById('site-post-title'); + + if( null === titleCheckbox ) { + titleCheckbox = document.querySelector('.site-post-title input'); + } + + if( null !== titleCheckbox ) { + titleCheckbox.addEventListener('change',function() { + var titleBlock = document.querySelector('.editor-post-title__block'); + if( null !== titleBlock ) { + if( titleCheckbox.checked ){ + titleBlock.style.opacity = '0.2'; + } else { + titleBlock.style.opacity = '1.0'; + } + } + }); + } + } + + wp.data.subscribe(function () { + setTimeout( function () { + // Title visibility with new editor compatibility update. + var titleBlock = document.querySelector( '.edit-post-visual-editor__post-title-wrapper' ), + editorDocument = document; + + // Excuting responsive site logo change function. + siteLogoImageChange(); + // Adding title visibility icon on wp.data.subscribe. + addTitleVisibility(); + // Block editor dynamic style function. + blockEditorDynamicStyles(); + if ( astraColors.ast_wp_version_higher_6_3 ) { + let desktopPreview = document.getElementsByClassName('is-desktop-preview'), + tabletPreview = document.getElementsByClassName('is-tablet-preview'), + mobilePreview = document.getElementsByClassName('is-mobile-preview'), + devicePreview = desktopPreview[0]; + + if ( tabletPreview.length > 0 ) { + devicePreview = tabletPreview[0]; + } else if ( mobilePreview.length > 0 ) { + devicePreview = mobilePreview[0]; + } + + let iframe = undefined !== devicePreview ? devicePreview.getElementsByTagName('iframe')[0] : undefined; + if ( iframe && devicePreview.querySelector('iframe') !== null ) { + editorDocument = iframe.contentWindow.document || iframe.contentDocument; + } + + // Addressed the WordPress 6.5 issue involving an extraneous iframe layer. + if ( ! iframe && astraColors.ast_wp_version_higher_6_4 ) { + const _iframe = document.querySelector('.editor-canvas__iframe') || document.querySelector('.block-editor-iframe__scale-container iframe[name="editor-canvas"]'); + + if ( !! _iframe ){ + editorDocument = _iframe.contentWindow.document ; + } + } + + titleBlock = editorDocument.querySelector( '.edit-post-visual-editor__post-title-wrapper' ); + + } + + // Compatibility for updating layout in editor with direct reflection. + const contentLayout = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['ast-site-content-layout'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['ast-site-content-layout'] : 'default', + bodyClass = document.querySelector('body'); + editorBodyClass = astraColors.ast_wp_version_higher_6_3 ? editorDocument.querySelector('html') : false; + const contentStyle = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-content-style'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-content-style'] : 'default'; + const sidebarStyle = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-sidebar-style'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-sidebar-style'] : 'default'; + const sidebarLayout = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' ) && wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-sidebar-layout'] ) ? wp.data.select( 'core/editor' ).getEditedPostAttribute( 'meta' )['site-sidebar-layout'] : 'default'; + const applyContainerLayoutClasses = (layout) => { + switch (layout) { + case "plain-container": + bodyClass.classList.add("ast-plain-container"); + bodyClass.classList.remove( + "ast-two-container", + "ast-page-builder-template", + "ast-separate-container", + "ast-narrow-container" + ); + if ( editorBodyClass ) { + editorBodyClass.classList.add("ast-plain-container"); + editorBodyClass.classList.remove( + "ast-two-container", + "ast-page-builder-template", + "ast-separate-container", + "ast-narrow-container" + ); + } + break; + case "content-boxed-container": + bodyClass.classList.add("ast-separate-container"); + bodyClass.classList.remove( + "ast-two-container", + "ast-page-builder-template", + "ast-plain-container", + "ast-narrow-container" + ); + if ( editorBodyClass ) { + editorBodyClass.classList.add("ast-separate-container"); + editorBodyClass.classList.remove( + "ast-two-container", + "ast-page-builder-template", + "ast-plain-container", + "ast-narrow-container" + ); + } + break; + case "boxed-container": + bodyClass.classList.add( + "ast-separate-container", + "ast-two-container" + ); + bodyClass.classList.remove( + "ast-page-builder-template", + "ast-plain-container", + "ast-narrow-container" + ); + if ( editorBodyClass ) { + editorBodyClass.classList.add( + "ast-separate-container", + "ast-two-container" + ); + editorBodyClass.classList.remove( + "ast-page-builder-template", + "ast-plain-container", + "ast-narrow-container" + ); + } + break; + case "page-builder-template": + bodyClass.classList.add("ast-page-builder-template"); + bodyClass.classList.remove( + "ast-two-container", + "ast-plain-container", + "ast-separate-container", + "ast-narrow-container" + ); + if ( editorBodyClass ) { + editorBodyClass.classList.add("ast-page-builder-template"); + editorBodyClass.classList.remove( + "ast-two-container", + "ast-plain-container", + "ast-separate-container", + "ast-narrow-container" + ); + } + break; + case "narrow-container": + bodyClass.classList.add("ast-narrow-container"); + bodyClass.classList.remove( + "ast-two-container", + "ast-plain-container", + "ast-separate-container", + "ast-page-builder-template" + ); + if ( editorBodyClass ) { + editorBodyClass.classList.add("ast-narrow-container"); + editorBodyClass.classList.remove( + "ast-two-container", + "ast-plain-container", + "ast-separate-container", + "ast-page-builder-template" + ); + } + break; + default: + break; + } + }; + + switch( contentLayout ) { + case 'normal-width-container': + applyContainerLayoutClasses( 'plain-container' ); + break; + case 'narrow-width-container': + applyContainerLayoutClasses( 'narrow-container' ); + break; + case 'full-width-container': + applyContainerLayoutClasses( 'page-builder-template' ); + break; + case 'default': + if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-boxed-container' ) ) { + applyContainerLayoutClasses( 'boxed-container' ); + } else if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-content-boxed-container' ) ) { + applyContainerLayoutClasses( 'content-boxed-container' ); + } else if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-page-builder' ) ) { + applyContainerLayoutClasses( 'page-builder-template' ); + } else if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-plain-container' ) ) { + applyContainerLayoutClasses( 'plain-container' ); + } else if( bodyClass && bodyClass.classList.contains( 'ast-default-layout-narrow-container' ) ) { + applyContainerLayoutClasses( 'narrow-container' ); + } + break; + } + + const is_default_boxed = bodyClass && bodyClass.classList.contains( 'ast-default-layout-boxed-container' ) ? true : false; + const is_default_content_boxed = bodyClass && bodyClass.classList.contains( 'ast-default-layout-content-boxed-container' ) ? true : false; + const is_default_normal = bodyClass && bodyClass.classList.contains( 'ast-default-layout-plain-container' ) ? true : false; + const is_default_normal_width = ( 'default' === contentLayout && ( is_default_boxed || is_default_content_boxed || is_default_normal ) ); + const is_content_style_boxed = bodyClass && bodyClass.classList.contains( 'ast-default-content-style-boxed' ) ? true : false; + const is_sidebar_style_boxed = bodyClass && bodyClass.classList.contains( 'ast-default-sidebar-boxed' ) ? true : false; + + if ( 'normal-width-container' === contentLayout || is_default_normal_width ) { + switch ( contentStyle ) { + case 'boxed': + applyContainerLayoutClasses( 'boxed-container' ); + break; + case 'unboxed': + applyContainerLayoutClasses( 'plain-container' ); + break; + default: + if ( is_content_style_boxed ) { + applyContainerLayoutClasses( 'boxed-container' ); + } + break; + } + + const is_sidebar_default_enabled = 'default' === sidebarLayout && ( ! bodyClass.classList.contains( 'ast-sidebar-default-no-sidebar' ) ); + if( ( 'default' !== sidebarLayout && 'no-sidebar' !== sidebarLayout || is_sidebar_default_enabled ) ) { + switch ( sidebarStyle ) { + case 'boxed': + applyContainerLayoutClasses( 'boxed-container' ); + break; + case 'unboxed': + applyContainerLayoutClasses( 'content-boxed-container' ); + if ( 'unboxed' === contentStyle || 'default' === contentStyle && ! is_content_style_boxed ) { + applyContainerLayoutClasses( 'plain-container' ); + } + break; + default: + if ( + ( 'unboxed' === contentStyle && ! is_sidebar_style_boxed ) || + ( 'default' === contentStyle && ! is_sidebar_style_boxed && ! is_content_style_boxed ) + ) { + applyContainerLayoutClasses( 'plain-container' ); + } + else if ( is_sidebar_style_boxed ) { + applyContainerLayoutClasses( 'boxed-container' ); + } + else if ( ! is_sidebar_style_boxed ) { + applyContainerLayoutClasses( 'content-boxed-container' ); + } + break; + } + } + } + + // Narrow + Boxed compatibility in editor. + if ( 'narrow-width-container' === contentLayout && ( 'boxed' === contentStyle || 'default' === contentStyle && is_content_style_boxed ) ) { + let editorArea = document.querySelector('.edit-post-visual-editor__content-area'); + if ( ! editorArea ) { + editorArea = document.querySelector('.edit-post-visual-editor'); + } + if ( editorArea ) { + editorArea.style.padding = '20px'; + } + } + else { + let editorArea = document.querySelector('.edit-post-visual-editor__content-area'); + + if ( ! editorArea ) { + editorArea = document.querySelector('.edit-post-visual-editor'); + } + + if ( editorArea ) { + editorArea.style.padding = '0px'; + } + } + + // Container unboxed + sidebar boxed case. + let isUnboxedContainer = false; + const is_sidebar_default_enabled = 'default' === sidebarLayout && ( ! bodyClass.classList.contains( 'ast-sidebar-default-no-sidebar' ) ); + if ( ( 'normal-width-container' === contentLayout || is_default_normal_width ) ) { + if ( is_sidebar_default_enabled || 'no-sidebar' !== sidebarLayout && 'default' !== sidebarLayout ) { + if ( 'default' === contentStyle && ! is_content_style_boxed || 'unboxed' === contentStyle ) { + if ( 'boxed' === sidebarStyle || 'default' === sidebarStyle && is_sidebar_style_boxed ) { + isUnboxedContainer = true; + } + } + } + } + + const editorStylesWrapper = editorDocument.querySelector( '.editor-styles-wrapper' ); + + if( null !== editorStylesWrapper ) { + const editorStylesWrapperWidth = parseInt( editorStylesWrapper.offsetWidth ) + if( editorStylesWrapperWidth < 1350 ) { + editorStylesWrapper.classList.remove( 'ast-stacked-title-visibility' ); + editorStylesWrapper.classList.add( 'ast-stacked-title-visibility' ); + } else { + editorStylesWrapper.classList.remove( 'ast-stacked-title-visibility' ); + } + } + + /** + * In WP-5.9 block editor comes up with color palette showing color-code canvas, but with theme var() CSS its appearing directly as it is. So updated them on wp.data event. + */ + const customColorPickerButtons = document.querySelectorAll( '.components-color-palette__custom-color-value' ); + + for ( let btnCount = 0; btnCount < customColorPickerButtons.length; btnCount++ ) { + let colorCode = customColorPickerButtons[btnCount].innerText, + transformedCode = colorCode.toLowerCase(); + if ( colorCode.indexOf( 'VAR(--AST-GLOBAL-COLOR' ) > -1 ) { + customColorPickerButtons[btnCount].innerHTML = astraColors[ transformedCode ]; + } + } + + // Show post/page title wrapper outline & eye icon only when clicked. + const titleInput = editorDocument.querySelector('.editor-post-title__input'); + const visibilityIcon = editorDocument.querySelector('.title-visibility'); + if( null != titleInput && null != visibilityIcon ) { + if ( ! astraColors.ast_wp_version_higher_6_3 ) { + editorDocument.addEventListener('click', function (event){ + if( ! titleBlock.contains( event.target ) ){ + visibilityIcon.classList.remove('ast-show-visibility-icon'); + titleInput.classList.remove('ast-show-editor-title-outline'); + } + }); + } + editorDocument.addEventListener('visibilitychange', function (){ + visibilityIcon.classList.remove('ast-show-visibility-icon'); + titleInput.classList.remove('ast-show-editor-title-outline'); + }); + titleBlock.addEventListener('focusout', function (){ + visibilityIcon.classList.remove('ast-show-visibility-icon'); + titleInput.classList.remove('ast-show-editor-title-outline'); + }); + titleBlock.addEventListener('click', function (){ + visibilityIcon.classList.add('ast-show-visibility-icon'); + titleInput.classList.add('ast-show-editor-title-outline'); + }); + titleInput.addEventListener('input', function (){ + visibilityIcon.classList.add('ast-show-visibility-icon'); + this.classList.add('ast-show-editor-title-outline'); + }); + } + + var responsivePreview = document.querySelectorAll( '.is-tablet-preview, .is-mobile-preview' ); + if( responsivePreview.length ) { + document.body.classList.add( 'responsive-enabled' ); + } else { + document.body.classList.remove( 'responsive-enabled' ); + } + + // Adding 'inherit-container-width' width to Group block externally. + let postBlocks = ( undefined !== wp.data.select( 'core/editor' ) && null !== wp.data.select( 'core/editor' ) && undefined !== wp.data.select( 'core/editor' ).getCurrentPost() && undefined !== wp.data.select( 'core/block-editor' ).getBlocks() ) ? wp.data.select( 'core/block-editor' ).getBlocks() : false, + groupBlocks = document.querySelectorAll( '.block-editor-block-list__layout.is-root-container > .wp-block-group' ); + if( postBlocks && groupBlocks ) { + for ( let blockNum = 0; blockNum < postBlocks.length; blockNum++ ) { + if( 'core/group' === postBlocks[blockNum].name && undefined !== postBlocks[blockNum].attributes && undefined !== postBlocks[blockNum].attributes.layout && undefined !== postBlocks[blockNum].attributes.layout.inherit ) { + if( undefined === groupBlocks[blockNum] ) { + return; + } + if( ! postBlocks[blockNum].attributes.layout.inherit ) { + groupBlocks[blockNum].classList.remove( 'inherit-container-width' ); + } + if( postBlocks[blockNum].attributes.layout.inherit && ! groupBlocks[blockNum].classList.contains( 'inherit-container-width' ) ) { + groupBlocks[blockNum].classList.add( 'inherit-container-width' ); + } + } + } + } + + // Live reflections for page background setting. + if ( astraColors.is_astra_pro_colors_activated ) { + const backgroundToggle = (undefined !== wp.data.select('core/editor') && + null !== wp.data.select('core/editor') && + undefined !== wp.data.select('core/editor').getEditedPostAttribute('meta') && + wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-page-background-enabled']) + ? wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-page-background-enabled'] + : 'default'; + + if ( 'enabled' === backgroundToggle ) { + if ( isUnboxedContainer ) { + updatePageBackground( false, isUnboxedContainer ); + } + else { + updatePageBackground(); + } + } + else if ( 'default' === backgroundToggle ) { + updatePageBackground( true ); + } + } + + }, 1 ); + }); + + // Redirect to Site Builder on click of "View Posts" Icon if Site Builder layout. + if ( document && document.body ) { + const isSiteBuilderLayout = document.body.classList.contains( 'post-type-astra-advanced-hook' ); + if ( isSiteBuilderLayout ) { + const viewPostsIcon = document.querySelector( '#editor .interface-navigable-region .edit-post-header > div a.components-button.edit-post-fullscreen-mode-close' ); + if ( viewPostsIcon ) { + viewPostsIcon.addEventListener( 'click', function(e) { + e.preventDefault(); + window.location.href = astraColors.site_builder_url; + }); + } + } + } + +} + +/* +* Updates the page background css from the color picker. +*/ +const updatePageBackground = ( apply_customizer_default = false, isUnboxedContainer = false ) => { + + // Document as per wp version. + let editorDoc = document; + + let _iframe = document.querySelector("#editor iframe.editor-canvas__iframe") || document.querySelector('.block-editor-iframe__scale-container iframe[name="editor-canvas"]'); + + if (_iframe && astraColors.ast_wp_version_higher_6_4) { + editorDoc = _iframe.contentWindow.document; + } + + let desktopPreview = editorDoc.getElementsByClassName('is-desktop-preview'), + tabletPreview = editorDoc.getElementsByClassName('is-tablet-preview'), + mobilePreview = editorDoc.getElementsByClassName('is-mobile-preview'), + devicePreview = desktopPreview[0]; + if ( astraColors.ast_wp_version_higher_6_3 ) { + + if ( tabletPreview.length > 0 ) { + devicePreview = tabletPreview[0]; + } else if ( mobilePreview.length > 0 ) { + devicePreview = mobilePreview[0]; + } + + let iframe = undefined !== devicePreview ? devicePreview.getElementsByTagName('iframe')[0] : undefined; + if ( iframe && devicePreview.querySelector('iframe') !== null ) { + editorDoc = iframe.contentWindow.document || iframe.contentDocument; + } + } + + if ( apply_customizer_default ) { + + if ( document ) { + const pageBgWrapper = document.querySelector('#editor .edit-post-visual-editor'); + + if ( pageBgWrapper ) { + pageBgWrapper.style['background-color'] = ''; + pageBgWrapper.style['background-image'] = ''; + pageBgWrapper.style['background-size'] = ''; + pageBgWrapper.style['background-position'] = ''; + pageBgWrapper.style['background-repeat'] = ''; + pageBgWrapper.style['background-attachment'] = ''; + + } + } + + if ( editorDoc ) { + + const contentBgWrapper = editorDoc.querySelector('.editor-styles-wrapper'); + + if ( contentBgWrapper ) { + contentBgWrapper.style['background-color'] = ''; + contentBgWrapper.style['background-image'] = ''; + contentBgWrapper.style['background-size'] = ''; + contentBgWrapper.style['background-position'] = ''; + contentBgWrapper.style['background-repeat'] = ''; + contentBgWrapper.style['background-attachment'] = ''; + } + } + + return; + } + + let bgObj = (undefined !== wp.data.select('core/editor') && + null !== wp.data.select('core/editor') && + undefined !== wp.data.select('core/editor').getEditedPostAttribute('meta') && + wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-page-background-meta']) + ? wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-page-background-meta'] + : 'default'; + + let contentObj = (undefined !== wp.data.select('core/editor') && + null !== wp.data.select('core/editor') && + undefined !== wp.data.select('core/editor').getEditedPostAttribute('meta') && + wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-content-background-meta']) + ? wp.data.select('core/editor').getEditedPostAttribute('meta')['ast-content-background-meta'] + : 'default'; + + if ( desktopPreview.length > 0 ) { + + // Get the background object css values and update page background. + const desktopCSS = astraGetResponsiveBackgroundObj(bgObj, 'desktop'); + applyStylesToElement('#editor .edit-post-visual-editor', desktopCSS, document ); + + // Check current layout. + is_boxed_based_layout = false; + if ( document && document.querySelector('body') ) { + is_boxed_based_layout = document.querySelector('body').classList.contains('ast-separate-container'); + } + + if ( astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) { + + /** Fullwidth with Content Bg */ + // Get the background object css values and update page content background. + const desktopContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'desktop'); + applyStylesToElement('.editor-styles-wrapper', desktopContentCSS, editorDoc ); + + } + else if ( ! astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) { + + /** Fullwidth with Page Bg */ + // Get the background object css values and update page background. + const desktopCSS = astraGetResponsiveBackgroundObj(bgObj, 'desktop'); + applyStylesToElement('.editor-styles-wrapper', desktopCSS, document ); + + } + else if ( is_boxed_based_layout ) { + + /** Boxed Layouts with Content Bg & Page Bg */ + // Get the background object css values and update page background. + const desktopCSS = astraGetResponsiveBackgroundObj(bgObj, 'desktop'); + applyStylesToElement('#editor .edit-post-visual-editor', desktopCSS, document ); + + // Get the background object css values and update page content background. + const desktopContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'desktop'); + applyStylesToElement('.editor-styles-wrapper', desktopContentCSS, editorDoc ); + + } + + if ( isUnboxedContainer ) { + + // Container unboxed + sidebar boxed -> update page content background to site background. + applyStylesToElement('.editor-styles-wrapper', desktopCSS, editorDoc ); + } + + } + else if ( tabletPreview.length > 0 ) { + + // Check current layout. + is_boxed_based_layout = false; + if ( document && document.querySelector('body') ) { + is_boxed_based_layout = document.querySelector('body').classList.contains('ast-separate-container'); + } + + if ( astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) { + + /** Fullwidth with Content Bg */ + // Get the background object css values and update page content background. + const tabletContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'tablet'); + applyStylesToElement('.editor-styles-wrapper', tabletContentCSS, editorDoc ); + + // Set page background to black to indicate that page background not applicable. + applyStylesToElement('#editor .edit-post-visual-editor', {'background-color' : '#363636'}, document ); + } + else if ( ! astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) { + + /** Fullwidth with Page Bg */ + // Get the background object css values and update page background. + const tabletCSS = astraGetResponsiveBackgroundObj(bgObj, 'tablet'); + applyStylesToElement('.editor-styles-wrapper', tabletCSS, document ); + + } + else if ( is_boxed_based_layout ) { + + /** Boxed Layouts with Content Bg & Page Bg */ + // Get the background object css values and update page background. + const tabletCSS = astraGetResponsiveBackgroundObj(bgObj, 'tablet'); + applyStylesToElement('#editor .edit-post-visual-editor', tabletCSS, document ); + + // Get the background object css values and update page content background. + const tabletContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'tablet'); + applyStylesToElement('.editor-styles-wrapper', tabletContentCSS, editorDoc ); + + } + } + else if ( mobilePreview.length > 0 ) { + + // Check current layout. + is_boxed_based_layout = false; + if ( document && document.querySelector('body') ) { + is_boxed_based_layout = document.querySelector('body').classList.contains('ast-separate-container'); + } + + if ( astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) { + + /** Fullwidth with Content Bg */ + // Get the background object css values and update page content background. + const mobileContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'mobile'); + applyStylesToElement('.editor-styles-wrapper', mobileContentCSS, editorDoc ); + + // Set page background to black to indicate that page background not applicable. + applyStylesToElement('#editor .edit-post-visual-editor', {'background-color' : '#363636'}, document ); + } + else if ( ! astraColors.apply_content_bg_fullwidth && ( ! is_boxed_based_layout ) ) { + + /** Fullwidth with Page Bg */ + // Get the background object css values and update page background. + const mobileCSS = astraGetResponsiveBackgroundObj(bgObj, 'mobile'); + applyStylesToElement('.editor-styles-wrapper', mobileCSS, document ); + + } + else if ( is_boxed_based_layout ) { + + /** Boxed Layouts with Content Bg & Page Bg */ + // Get the background object css values and update page background. + const mobileCSS = astraGetResponsiveBackgroundObj(bgObj, 'mobile'); + applyStylesToElement('#editor .edit-post-visual-editor', mobileCSS, document ); + + // Get the background object css values and update page content background. + const mobileContentCSS = astraGetResponsiveBackgroundObj(contentObj, 'mobile'); + applyStylesToElement('.editor-styles-wrapper', mobileContentCSS, editorDoc ); + + } + } + +} + +/* +* Dynamically applies styles to DOM element. +*/ +function applyStylesToElement( selector, styles, docObj ) { + if ( docObj ) { + const element = docObj.querySelector(selector); + if (element) { + // Remove any prior cache values if set already. + element.style.backgroundImage = 'none'; + Object.keys(styles).forEach((property) => { + element.style[property] = styles[property]; + }); + } else { + console.error(`Element with selector "${selector}" not found.`); + } + } +} + +/* +* Generate Responsive Background Color CSS. +*/ +function astraGetResponsiveBackgroundObj(bgObjRes, device) { + const genBgCss = {}; + + const bgObj = bgObjRes[device]; + const bgImg = bgObj['background-image'] || ''; + const bgTabImg = bgObjRes['tablet']['background-image'] || ''; + const bgDeskImg = bgObjRes['desktop']['background-image'] || ''; + const bgColor = bgObj['background-color'] || ''; + const tabletCss = bgObjRes['tablet']['background-image'] ? true : false; + const desktopCss = bgObjRes['desktop']['background-image'] ? true : false; + + const bgType = bgObj['background-type'] || ''; + + if ('' !== bgType) { + switch (bgType) { + case 'color': + if ('' !== bgImg && '' !== bgColor) { + genBgCss['background-image'] = `linear-gradient(to right, ${bgColor}, ${bgColor}), url(${bgImg})`; + } else if ('mobile' === device) { + if (desktopCss) { + genBgCss['background-image'] = `linear-gradient(to right, ${bgColor}, ${bgColor}), url(${bgDeskImg})`; + } else if (tabletCss) { + genBgCss['background-image'] = `linear-gradient(to right, ${bgColor}, ${bgColor}), url(${bgTabImg})`; + } else { + if ('' !== bgColor) { + genBgCss['background-color'] = bgColor; + genBgCss['background-image'] = 'none'; + } + } + } else if ('tablet' === device) { + if (desktopCss) { + genBgCss['background-image'] = `linear-gradient(to right, ${bgColor}, ${bgColor}), url(${bgDeskImg})`; + } else { + if ('' !== bgColor) { + genBgCss['background-color'] = bgColor; + genBgCss['background-image'] = 'none'; + } + } + } else if ('' === bgImg) { + genBgCss['background-color'] = bgColor; + genBgCss['background-image'] = 'none'; + } + break; + + case 'image': + const overlayType = bgObj['overlay-type'] || 'none'; + const overlayColor = bgObj['overlay-color'] || ''; + const overlayGrad = bgObj['overlay-gradient'] || ''; + + if ('' !== bgImg) { + if ('none' !== overlayType) { + if ('classic' === overlayType && '' !== overlayColor) { + genBgCss['background-image'] = `linear-gradient(to right, ${overlayColor}, ${overlayColor}), url(${bgImg})`; + } else if ('gradient' === overlayType && '' !== overlayGrad) { + genBgCss['background-image'] = `${overlayGrad}, url(${bgImg})`; + } else { + genBgCss['background-image'] = `url(${bgImg})`; + } + } else { + genBgCss['background-image'] = `url(${bgImg})`; + } + } + break; + + case 'gradient': + if (bgColor) { + genBgCss['background-image'] = bgColor; + } + break; + + default: + break; + } + } else if ('' !== bgColor) { + genBgCss['background-color'] = bgColor; + } + + if ('' !== bgImg) { + if (bgObj['background-repeat']) { + genBgCss['background-repeat'] = bgObj['background-repeat']; + } + + if (bgObj['background-position']) { + genBgCss['background-position'] = bgObj['background-position']; + } + + if (bgObj['background-size']) { + genBgCss['background-size'] = bgObj['background-size']; + } + + if (bgObj['background-attachment']) { + genBgCss['background-attachment'] = bgObj['background-attachment']; + } + } + + return genBgCss; +} + +document.body.addEventListener('mousedown', function () { + var blockCssMode = document.querySelector('body').classList.contains('ast-block-legacy') + var fontCss = document.getElementById('astra-google-fonts-css'); + if( true === blockCssMode ){ + var blockCss = document.getElementById('astra-block-editor-styles-css'); + var inlineCss = document.getElementById('astra-block-editor-styles-inline-css'); + } else { + var blockCss = document.getElementById('astra-wp-editor-styles-css'); + var inlineCss = document.getElementById('astra-wp-editor-styles-inline-css'); + } + + var blockFixCss = null !== blockCss ? blockCss.cloneNode(true) : null; + var blockInlineCss = null !== inlineCss ? inlineCss.cloneNode(true) : null; + var blockfontCss = null !== fontCss ? fontCss.cloneNode(true) : null; + + setTimeout( function() { + + let tabletPreview = document.getElementsByClassName('is-tablet-preview'); + let mobilePreview = document.getElementsByClassName('is-mobile-preview'); + + if (0 !== tabletPreview.length || 0 !== mobilePreview.length) { + var googleFontId = 'astra-google-fonts-css'; + if( true === blockCssMode ){ + var styleTagId = 'astra-block-editor-styles-inline-css'; + var styleTagBlockId = 'astra-block-editor-styles-css'; + } else { + var styleTagId = 'astra-wp-editor-styles-inline-css'; + var styleTagBlockId = 'astra-wp-editor-styles-css'; + } + var styleTagId = 'astra-block-editor-styles-inline-css'; + var styleTagBlockId = 'astra-block-editor-styles-css'; + googleFontId = 'astra-google-fonts-css'; + let preview = tabletPreview[0] || mobilePreview[0]; + + let iframe = preview.getElementsByTagName('iframe')[0]; + let iframeDocument = iframe.contentWindow.document || iframe.contentDocument; + + let element = iframeDocument.getElementById( + styleTagId + ); + let elementBlock = iframeDocument.getElementById( + styleTagBlockId + ); + let elementGoogleFont = iframeDocument.getElementById( + googleFontId + ); + if ( (null === element || undefined === element)) { + + iframeDocument.head.appendChild( blockInlineCss ); + } + if ( (null === elementBlock || undefined === elementBlock )) { + + iframeDocument.head.appendChild( blockFixCss ); + } + if ( (null === elementGoogleFont || undefined === elementGoogleFont ) && null !== fontCss) { + + iframeDocument.head.appendChild( blockfontCss ); + } + + } + }, 1000); + +}); diff --git a/assets/js/blog-reveal.js b/assets/js/blog-reveal.js new file mode 100644 index 00000000..f89c4735 --- /dev/null +++ b/assets/js/blog-reveal.js @@ -0,0 +1,14 @@ +document.addEventListener("DOMContentLoaded", () => { + const fadeInElements = () => fadin(".ast-fade-up", { delay: 200 }); + + fadeInElements(); + + // Adding a change event listener to apply fade-in effect after a delay, + // allowing other actions to execute before the fade-in effect. + document.addEventListener("change", () => { + setTimeout(fadeInElements, 1000); + }); + + // addressing potential issues with slow network loading + document.addEventListener("scroll", fadeInElements); +}); diff --git a/assets/js/blog-reveal.min.js b/assets/js/blog-reveal.min.js new file mode 100644 index 00000000..3516798c --- /dev/null +++ b/assets/js/blog-reveal.min.js @@ -0,0 +1 @@ +document.addEventListener("DOMContentLoaded",()=>{let e=()=>fadin(".ast-fade-up",{delay:200});e(),document.addEventListener("change",()=>{setTimeout(e,1e3)}),document.addEventListener("scroll",e)}); \ No newline at end of file diff --git a/assets/js/breeze-lazy-load.min.js b/assets/js/breeze-lazy-load.min.js new file mode 100644 index 00000000..262aff55 --- /dev/null +++ b/assets/js/breeze-lazy-load.min.js @@ -0,0 +1,4 @@ +/*! Created by Cloudways + On 27-01-2025 */ + +!function(e,t){t=t(e,e.document,Date);"object"==typeof module&&module.exports?module.exports=t:"function"==typeof define&&define.amd?define(t):e.lazySizes=t}(window,function(n,f,r){"use strict";var m,h;if(!function(){var e,t={lazyClass:"br-lazy",loadedClass:"br-loaded",loadingClass:"br-loading",preloadClass:"br-preload",errorClass:"br-error",autosizesClass:"br-autosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-breeze",srcsetAttr:"data-brsrcset",sizesAttr:"data-brsizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(e in h=n.lazySizesConfig||n.lazysizesConfig||{},t)e in h||(h[e]=t[e])}(),!f||!f.getElementsByClassName)return{init:function(){},cfg:h,noSupport:!0};function c(e,t){M(e,t)||e.setAttribute("class",(e[g]("class")||"").trim()+" "+t)}function u(e,t){(t=M(e,t))&&e.setAttribute("class",(e[g]("class")||"").replace(t," "))}function z(e,t){var a;!l&&(a=n.picturefill||h.pf)?(t&&t.src&&!e[g]("srcset")&&e.setAttribute("srcset",t.src),a({reevaluate:!0,elements:[e]})):t&&t.src&&(e.src=t.src)}var a,i,t,o,s,y=f.documentElement,l=n.HTMLPictureElement,d="addEventListener",g="getAttribute",e=n[d].bind(n),v=n.setTimeout,p=n.requestAnimationFrame||v,b=n.requestIdleCallback,C=/^picture$/i,A=["load","error","lazyincluded","_lazyloaded"],E={},_=Array.prototype.forEach,M=function(e,t){return E[t]||(E[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")),E[t].test(e[g]("class")||"")&&E[t]},N=function(t,a,e){var n=e?d:"removeEventListener";e&&N(t,a),A.forEach(function(e){t[n](e,a)})},w=function(e,t,a,n,i){var r=f.createEvent("Event");return(a=a||{}).instance=m,r.initEvent(t,!n,!i),r.detail=a,e.dispatchEvent(r),r},L=function(e,t){return(getComputedStyle(e,null)||{})[t]},x=function(e,t,a){for(a=a||e.offsetWidth;a=r&&(q=d.top)<=$&&(U=d.right)>=r*c&&(I=d.left)<=P&&(j||U||I||q)&&(h.loadHidden||re(u[t]))&&(D&&ne<3&&!o&&(k<3||ie<4)||function(e,t){var a,n=e,i=re(e);for(q-=t,j+=t,I-=t,U+=t;i&&(n=n.offsetParent)&&n!=f.body&&n!=y;)(i=0<(L(n,"opacity")||1))&&"visible"!=L(n,"overflow")&&(a=n.getBoundingClientRect(),i=U>a.left&&Ia.top-1&&q', + { + 'id': 'breeze_loader_function' + } + ).appendTo( 'body' ); + + $( + '
    ', + { + 'id': 'breeze_info', + 'html': '' + } + ).appendTo( 'body' ); + + $.ajax( + { + type: "POST", + url: ajaxurl, + data: { + action: 'breeze_reset_default', + "is-network": $( 'body' ).hasClass( 'network-admin' ), + security: breeze_token_name.breeze_reset_default + }, + dataType: "json", // xml, html, script, json, jsonp, text + success: function ( data ) { + if ( data === true ) { + //alert('Settings reset to default'); + purge_action = true; + } else { + alert( 'Something went wrong - please try again' ); + } + + }, + error: function ( jqXHR, textStatus, errorThrown ) { + + }, + // called when the request finishes (after success and error callbacks are executed) + complete: function ( jqXHR, textStatus ) { + location.reload(); + } + } + ); + + } + + //clear cache by button + function breeze_purgeVarnish_callAjax() { + $( '.br-internal-purge' ).remove(); + $( '.breeze-notice' ).remove(); + $.ajax( + { + url: ajaxurl, + dataType: 'json', + method: 'POST', + data: { + action: 'breeze_purge_varnish', + is_network: $( 'body' ).hasClass( 'network-admin' ), + security: breeze_token_name.breeze_purge_varnish + }, + success: function ( res ) { + current = location.href; + if ( res.clear ) { + var div = '

    Varnish Cache has been purged.

    '; + //backend + $( "#wpbody #wpbody-content" ).prepend( div ); + setTimeout( + function () { + //location.reload(); + purge_action = true; + }, + 2000 + ); + + } else { + window.location.href = current + "breeze-msg=purge-fail"; + purge_action = true; + location.reload(); + } + } + } + ); + } + + function breeze_purgeFile_callAjax() { + $( '.br-internal-purge' ).remove(); + $( '.breeze-notice' ).remove(); + $.ajax( + { + url: ajaxurl, + dataType: 'json', + method: 'POST', + data: { + action: 'breeze_purge_file', + security: breeze_token_name.breeze_purge_cache + }, + success: function ( res ) { + current = location.href; + res = parseFloat( res ); + var fileClean = res; + + // Remove the hash fragment (everything after #) from the current URL to avoid duplicates + //if ( current.includes( "#" ) ) { + // current = current.split( "#" )[ 0 ]; + //} + //window.location.href = current + "#breeze-msg=success-cleancache&file=" + res; + //location.reload(); + if ( fileClean > 0 ) { + div = '

    Internal cache has been purged: ' + fileClean + 'Kb cleaned

    '; + } else { + div = '

    Internal cache has been purged.

    '; + + } + $( "#wpbody #wpbody-content" ).prepend( div ); + + } + } + ); + } + + function getParameterByName( name, url ) { + if ( ! url ) { + url = window.location.href; + } + name = name.replace( /[\[\]]/g, "\\$&" ); + var regex = new RegExp( "[?&]" + name + "(=([^&#]*)|&|#|$)" ), + results = regex.exec( url ); + if ( ! results ) { + return null; + } + if ( ! results[ 2 ] ) { + return ''; + } + return decodeURIComponent( results[ 2 ].replace( /\+/g, " " ) ); + } + + var url = location.href; + var fileClean = parseFloat( getParameterByName( 'file', url ) ); + + $( window ).on( + 'load', + function () { + var patt = /wp-admin/i; + if ( patt.test( url ) ) { + //backend + var div = ''; + if ( url.indexOf( "msg=success-cleancache" ) > 0 && ! isNaN( fileClean ) ) { + if ( fileClean > 0 ) { + div = '

    Internal cache has been purged: ' + fileClean + 'Kb cleaned

    '; + } else { + div = '

    Internal cache has been purged.

    '; + + } + + $( "#wpbody .wrap h1" ).after( div ); + + var url_return = url.split( 'breeze-msg' ); + setTimeout( + function () { + window.location = url_return[ 0 ]; + //location.reload(); + }, + 2000 + ); + } + } else { + //frontend + } + + } + ); + + $( '#breeze-hide-install-msg' ).unbind( 'click' ).click( + function () { + $( this ).closest( 'div.notice' ).fadeOut(); + } + ) + + function current_url_clean() { + var query_search = location.search; + if ( ( query_search.indexOf( 'breeze_purge=1' ) !== -1 || query_search.indexOf( 'breeze_purge_cloudflare=1' ) !== -1 ) && query_search.indexOf( '_wpnonce' ) !== -1 ) { + var params = new URLSearchParams( location.search ); + params.delete( 'breeze_purge' ) + params.delete( 'breeze_purge_cloudflare' ) + params.delete( '_wpnonce' ) + history.replaceState( null, '', '?' + params + location.hash ) + } + } + + current_url_clean(); + + // Advanced options, API tab + $box_container.on( + 'change', + '#breeze-enable-api', + function () { + var secure_api = $( '#breeze-secure-api' ); + var token_api = $( '#breeze-api-token' ); + //var api_route = $( '#breeze-secure-api' ); + + if ( $( this ).is( ':checked' ) ) { + secure_api.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + token_api.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + } else { + secure_api.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + token_api.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + + secure_api.prop( 'checked', false ); + //token_api.trigger( 'change' ); + } + } + ); + + $box_container.on( + 'change', + '#bz-lazy-load', + function () { + + var native_lazy = $( '#native-lazy-option' ); + var native_lazy_iframes = $( '#native-lazy-option-iframe' ); + var native_lazy_video = $( '#native-lazy-option-videos' ); + if ( true === $( this ).is( ':checked' ) ) { + native_lazy.show(); + native_lazy_iframes.show(); + native_lazy_video.show(); + } else { + native_lazy.hide(); + native_lazy_iframes.hide(); + native_lazy_video.hide(); + $( '#bz-lazy-load-nat' ).attr( 'checked', false ); + $( '#bz-lazy-load-iframe' ).attr( 'checked', false ); + $( '#bz-lazy-load-videos' ).attr( 'checked', false ); + } + } + ); + /* + var font_display_swap = $( '#font-display-swap' ); + var font_display = $( '#font-display' ); + var css_minification = $( '#minification-css' ); + + if ( css_minification.is( ':checked' ) ) { + font_display_swap.show(); + } else { + font_display_swap.hide(); + font_display.attr( 'checked', false ); + } + */ + + $box_container.on( + 'change', + '#minification-css', + function () { + var font_display_swap = $( '#font-display-swap' ); + var font_display = $( '#font-display' ); + + var include_inline_css = $( '#include-inline-css' ); + var group_css = $( '#group-css' ); + var minification_css = $( '#exclude-css' ); + + if ( $( this ).is( ':checked' ) ) { + font_display_swap.show(); + //include_inline_css.removeAttr( 'disabled' ); + //group_css.removeAttr( 'disabled' ); + + minification_css.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + group_css.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + include_inline_css.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + } else { + font_display_swap.hide(); + font_display.removeAttr( 'checked' ); + //include_inline_css.removeAttr( 'checked' ).attr( 'disabled', 'disabled' ); + //group_css.removeAttr( 'checked' ).attr( 'disabled', 'disabled' ); + include_inline_css.prop( 'checked', false ); + group_css.prop( 'checked', false ); + + minification_css.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + group_css.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + include_inline_css.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + } + } + ); + + $box_container.on( + 'change', + '#minification-js', + function () { + + var include_inline_js = $( '#include-inline-js' ); + var group_js = $( '#group-js' ); + var exclude_js = $( '#exclude-js' ); + var delay_js_scripts = $( '#enable-js-delay' ); // Delay JS Inline Scripts + var enable_js_delay = $( '#breeze-delay-all-js' ); // Delay All JavaScript + + if ( $( this ).is( ':checked' ) ) { + //include_inline_js.removeAttr( 'disabled' ); + //group_js.removeAttr( 'disabled' ); + + exclude_js.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + if ( include_inline_js.is( "checked" ) ) { + if ( ! delay_js_scripts.is( ':checked' ) && ! enable_js_delay.is( ':checked' ) ) { + + } + } + group_js.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); // breeze 194 + include_inline_js.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + } else { + //include_inline_js.removeAttr( 'checked' ).attr( 'disabled', 'disabled' ); + //group_js.removeAttr( 'checked' ).attr( 'disabled', 'disabled' ); + include_inline_js.prop( 'checked', false ); + group_js.prop( 'checked', false ); + group_js.trigger( 'change' ); + + exclude_js.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + group_js.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + include_inline_js.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + } + } + ); + + /** + * Breeze 194 + */ + // $box_container.on( + // 'change', + // '#include-inline-js', + // function () { + // var js_minification = $( '#minification-js' ); + // var delay_js_scripts = $( '#enable-js-delay' ); // Delay JS Inline Scripts + // var enable_js_delay = $( '#breeze-delay-all-js' ); // Delay All JavaScript + // var group_js = $( '#group-js' ); + // if ( js_minification.is( ':checked' ) ) { + // if ( !delay_js_scripts.is( ':checked' ) && !enable_js_delay.is( ':checked' ) ) { + // group_js.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + // } + // } + // + // if ( $( this ).is( ':checked' ) ) { + // if ( !delay_js_scripts.is( ':checked' ) && !enable_js_delay.is( ':checked' ) ) { + // group_js.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + // } + // } else { + // group_js.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + // group_js.prop( 'checked', false ); + // } + // } + // ); + + $box_container.on( + 'change', + '#group-js', + function () { + + var delay_js_scripts = $( '#enable-js-delay' ); // Delay JS Inline Scripts + var enable_js_delay = $( '#breeze-delay-all-js' ); // Delay All JavaScript + + if ( $( this ).is( ':checked' ) ) { + delay_js_scripts.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + delay_js_scripts.prop( 'checked', false ); + + enable_js_delay.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + enable_js_delay.prop( 'checked', false ); + } else { + delay_js_scripts.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + enable_js_delay.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + } + } + ); + + $box_container.on( + 'change', + '#breeze-delay-all-js', + function () { + + var group_js = $( '#group-js' ); + var $delay_js_div_all = $( '#breeze-delay-js-scripts-div-all' ); + var $enable_inline_delay = $( '#enable-js-delay' ); + + if ( $( this ).is( ':checked' ) ) { + $delay_js_div_all.show(); + $( 'input[name="enable-js-delay"]' ).prop( 'checked', false ); + $( '#breeze-delay-js-scripts-div' ).hide(); + $enable_inline_delay.attr( 'disabled', 'disabled' ); + group_js.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + group_js.prop( 'checked', false ); + } else { + $delay_js_div_all.hide(); + $enable_inline_delay.removeAttr( 'disabled' ); + group_js.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + } + } + ) + + $box_container.on( + 'change', + '#enable-js-delay', + function () { + var $delay_js_div = $( '#breeze-delay-js-scripts-div' ); + var $delay_all_js = $( '#breeze-delay-all-js' ); + var group_js = $( '#group-js' ); + + if ( $( this ).is( ':checked' ) ) { + $delay_js_div.show(); + $( 'input[name="breeze-delay-all-js"]' ).prop( 'checked', false ); + $( '#breeze-delay-js-scripts-div-all' ).hide(); + $delay_all_js.attr( 'disabled', 'disabled' ); + group_js.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + group_js.prop( 'checked', false ); + } else { + $delay_js_div.hide(); + $delay_all_js.removeAttr( 'disabled' ); + group_js.closest( 'div.br-option-item' ).removeClass( 'br-apply-disable' ); + } + } + ) + } +); + +var $valid_json = false; +jQuery( document ).ready( + function ( $ ) { + var $tab_import = $( '.breeze-box' ); + // database clean tabs + $( 'input[name="all_control"]' ).click( + function () { + var checked = $( this ).is( ':checked' ); + if ( checked == true ) { + $( ".clean-data" ).prop( "checked", true ); + } else { + $( ".clean-data" ).prop( "checked", false ); + } + } + ); + + $( '.clean-data' ).click( + function () { + var checked = $( this ).is( ':checked' ); + if ( checked == false ) { + $( 'input[name="all_control"]' ).prop( 'checked', false ); + } + } + ); + + function initRemoveBtn() { + $tab_import.on( + 'click', + 'span.item-remove', + function(){ + var inputURL = $( this ).closest( '.breeze-input-group' ); + inputURL.fadeOut( + 300, + function () { + inputURL.remove(); + validateMoveButtons(); + } + ); + } + ); + + } + + initRemoveBtn(); + + function initSortableHandle() { + + if ( $( '.breeze-list-url' ).length ) { + $( '.breeze-list-url' ).sortable( + { + handle: $( 'span.sort-handle' ), + stop: validateMoveButtons + } + ); + } + } + + initSortableHandle(); + + function initMoveButtons() { + $( '.sort-handle span' ).unbind( 'click' ).click( + function ( e ) { + var inputGroup = $( this ).parents( '.breeze-input-group' ); + if ( $( this ).hasClass( 'moveUp' ) ) { + inputGroup.insertBefore( inputGroup.prev() ); + } else { + inputGroup.insertAfter( inputGroup.next() ); + } + + validateMoveButtons(); + } + ); + } + + initMoveButtons(); + + function validateMoveButtons() { + var listURL = $( '.breeze-list-url' ); + listURL.find( '.breeze-input-group' ).find( '.sort-handle' ).find( 'span' ).removeClass( 'blur' ); + listURL.find( '.breeze-input-group:first-child' ).find( '.moveUp' ).addClass( 'blur' ); + listURL.find( '.breeze-input-group:last-child' ).find( '.moveDown' ).addClass( 'blur' ); + } + + validateMoveButtons(); + + function is_valid_url(str) { + var regexp = /^(?:(?:https?|ftp):\/\/)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/; + if (regexp.test( str )) { + return true; + } else { + return false; + } + } + $tab_import.on( + 'keyup change blur', + '.breeze-input-url', + function(){ + var url_value = $( this ).val(); + if ('' !== url_value) { + var is_valid = is_valid_url( url_value ); + if (true === is_valid) { + $( this ).removeClass( 'is-invalid-url' ) + } else { + $( this ).addClass( 'is-invalid-url' ); + } + } + } + ); + + //$( 'button.add-url' ).unbind( 'click' ).click( + $tab_import.on( + 'click', + 'button.add-url', + function () { + + var defer = $( this ).attr( 'id' ).indexOf( 'defer' ) > -1; + var preload = $( this ).attr( 'id' ).indexOf( 'preload-fonts' ) > -1; + var listURL = $( this ).closest( 'div.br-option' ).find( '.breeze-list-url' ); + var html = ''; + var listInput = listURL.find( '.breeze-input-group' ); + var emptyInput = false; + + listInput.each( + function () { + var thisInput = $( this ).find( '.breeze-input-url' ); + if ( thisInput.val().trim() === '' ) { + thisInput.focus(); + emptyInput = true; + return false; + } + } + ); + + if ( emptyInput ) { + return false; + } + + html += '
    '; + html += ' = 2 ) { + var prefix = encodeURIComponent( arg ) + '='; + var pars = urlparts[ 1 ].split( /[&;]/g ); + + for ( var i = pars.length; i-- > 0; ) { + if ( pars[ i ].lastIndexOf( prefix, 0 ) !== -1 ) { + pars.splice( i, 1 ); + } + } + + return urlparts[ 0 ] + ( pars.length > 0 ? '?' + pars.join( '&' ) : '' ); + } + return url; + } + + // Remove notice query args from URL. + if ( window.history && typeof window.history.pushState === 'function' ) { + var clean_url = remove_query_arg( window.location.href, 'save-settings' ); + clean_url = remove_query_arg( clean_url, 'database-cleanup' ); + window.history.replaceState( null, null, clean_url ); + } + + /** + * Import/Export settings TAB. + */ + + $tab_import.on( + 'click tap', + '#breeze_export_settings', + function () { + $network = $( '#breeze-level' ).val(); + window.location = ajaxurl + '?action=breeze_export_json&network_level=' + $network; + } + ); + + $( '#breeze_import_btn' ).attr( 'disabled', 'disabled' ); + + $tab_import.on( + 'change', + '#breeze_import_settings', + function () { + var the_file = this.files[ 0 ]; + var filename_holder = $( '#file-selected' ); + var filename_error = $( '#file-error' ); + var breeze_import_btn = $( '#breeze_import_btn' ); + + filename_holder.html( the_file.name ); + if ( 'application/json' !== the_file.type ) { + $valid_json = false; + filename_holder.removeClass( 'file_green file_red' ).addClass( 'file_red' ); + filename_error.html( 'File must be JSON' ); + breeze_import_btn.attr( 'disabled', 'disabled' ); + } else { + $valid_json = true; + filename_holder.removeClass( 'file_green file_red' ).addClass( 'file_green' ); + filename_error.html( '' ); + breeze_import_btn.removeAttr( 'disabled' ); + } + $( '.br-file-text' ).remove(); + } + ); + + $tab_import.on( + 'click tap', + '#breeze_import_btn', + function () { + if ( true === $valid_json ) { + var network = $( '#breeze-level' ).val(); + var the_file = $( '#breeze_import_settings' ).get( 0 ).files[ 0 ]; + + var breeze_data = new FormData(); + breeze_data.append( 'action', 'breeze_import_json' ); + breeze_data.append( 'network_level', network ); + breeze_data.append( 'breeze_import_file', the_file ); + breeze_data.append( 'security', breeze_token_name.breeze_import_settings ); + + var filename_holder = $( '#file-selected' ); + var filename_error = $( '#file-error' ); + var import_settings = ''; + filename_holder.removeClass( 'file_green file_red' ).addClass( 'file_green' ); + filename_holder.html( import_settings ); + $.ajax( + { + type: "POST", + url: ajaxurl, + data: breeze_data, + processData: false, + contentType: false, + enctype: 'multipart/form-data', + mimeType: 'multipart/form-data', // this too + cache: false, + dataType: 'json', // xml, html, script, json, jsonp, text + success: function ( json ) { + + if ( true == json.success ) { + filename_holder.removeClass( 'file_green file_red' ).addClass( 'file_green' ); + filename_holder.html( json.data ); + filename_error.html( '' ); + alert( json.data ); + window.location.reload( true ); + } else { + filename_holder.removeClass( 'file_green file_red' ); + filename_holder.html( '' ); + filename_error.html( json.data[ 0 ].message ); + } + }, + error: function ( jqXHR, textStatus, errorThrown ) { + + }, + // called when the request finishes (after success and error callbacks are executed) + complete: function ( jqXHR, textStatus ) { + + } + } + ); + + } + } + ); + } +); + +/** + * Created by on 09/11/2021. + */ +( function ( $ ) { + var selected_services = []; + + setTimeout( + function () { + var found_alert = $( '.message-clear-cache-top' ); + if ( found_alert.length ) { + found_alert.prependTo( '#wpbody-content' ); + found_alert.show(); + } + }, + 1000 + ); + + $( window ).on( + 'resize', + function () { + var win = $( this ); //this = window + if ( win.height() >= 632 ) { + $( '.br-link' ).removeAttr( 'style' ); + } + } + ); + + var loader_spinner = ''; + var loader_spinner_save = ''; + + // document.cookie = 'breeze_active_tab=' + requested_tab; + $( document ).on( 'click', '#breeze-cache-on', function ( e ) { + e.preventDefault(); + document.cookie = 'breeze_active_tab=basic'; + window.location.href = $( this ).attr( 'href' ); + } ) + + $( '.breeze-box .br-link' ).on( + 'click tap', + 'a', + function ( e ) { + e.preventDefault(); + var requested_tab = this.dataset.tabId; + var $html_area = $( '.br-options' ); + active_tab = get_cookie( 'breeze_active_tab' ); + if ( !active_tab ) { + active_tab = 'basic'; + } + + $( '.br-link' ).removeClass( 'br-active' ); + $( '.br-link' ).each( + function ( index, element ) { + // element == this + var $the_slug = element.dataset.breezeLink; + var $image = $( this ).find( 'img' ); + var $image_path = $image.get( 0 ).dataset.path; + $image.attr( 'src', $image_path + $the_slug + '.png' ); + } + ); + + var this_line = $( this ).closest( '.br-link' ); + this_line.addClass( 'br-active' ); + var $image = this_line.find( 'img' ); + var $image_path = $image.get( 0 ).dataset.path; + $image.attr( 'src', $image_path + requested_tab + '-active.png' ); + $html_area.html( loader_spinner ); + + var $mobile_menu_is = $( '.br-mobile-menu' ).is( ':visible' ); + if ( true === $mobile_menu_is ) { + $( '.br-link' ).fadeOut(); + } + + $.ajax( + { + type: "GET", + url: ajaxurl, + data: { action: 'breeze_load_options_tab', 'request_tab': requested_tab, 'is-network': $( 'body' ).hasClass( 'network-admin' ) }, + contentType: 'text/html; charset=UTF-8', + dataType: 'html', // xml, html, script, json, jsonp, text + success: function ( data ) { + $html_area.html( data ); + }, + error: function ( jqXHR, textStatus, errorThrown ) { + + }, + // called when the request finishes (after success and error callbacks are executed) + complete: function ( jqXHR, textStatus ) { + breeze_permission_check(); + document.cookie = 'breeze_active_tab=' + requested_tab; + if ( 'faq' === requested_tab ) { + if ( $( '#faq-content' ).length ) { + $( '#faq-content' ).accordion( + { + collapsible: true, + animate: 200, + header: '.faq-question', + heightStyle: 'content' + } + ); + } + + } + selected_services = []; + + var global_group_js = $( '#group-js' ); + var global_delay_js_scripts = $( '#enable-js-delay' ); // Delay JS Inline Scripts + var global_enable_js_delay = $( '#breeze-delay-all-js' ); // Delay All JavaScript + var is_exception_delay_js, is_exception_enable_js; + if ( global_delay_js_scripts.length ) { + is_exception_delay_js = $( '#enable-js-delay' ).get( 0 ).dataset.noaction; + } + if ( global_enable_js_delay.length ) { + is_exception_enable_js = $( '#breeze-delay-all-js' ).get( 0 ).dataset.noaction; + } + + + if ( global_group_js.length ) { + if ( global_group_js.is( ':checked' ) ) { + if ( typeof is_exception_delay_js === 'undefined' ) { + global_delay_js_scripts.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + } + + if ( typeof is_exception_enable_js === 'undefined' ) { + global_enable_js_delay.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + } + + if ( typeof is_exception_delay_js === 'undefined' && global_delay_js_scripts.is( ':checked' ) ) { + global_delay_js_scripts.prop( 'checked', false ); + global_delay_js_scripts.trigger( 'change' ); + } + + if ( typeof is_exception_enable_js === 'undefined' && global_enable_js_delay.is( ':checked' ) ) { + global_enable_js_delay.prop( 'checked', false ); + global_enable_js_delay.trigger( 'change' ); + } + + + } else if ( global_delay_js_scripts.is( ':checked' ) || global_enable_js_delay.is( ':checked' ) ) { + global_group_js.closest( 'div.br-option-item' ).addClass( 'br-apply-disable' ); + global_group_js.prop( 'checked', false ); + } + + } + } + } + ); + } + ); + + function breeze_permission_check() { + var existing_notice = $( '.breeze-per' ); + + if ( existing_notice.length ) { + existing_notice.empty(); + existing_notice.append( '

    Re-checking permissions, please wait...

    ' ); + } + + $.ajax( { + type: "GET", + url: ajaxurl, + data: { action: "breeze_file_permission_check", 'is-network': $( 'body' ).hasClass( 'network-admin' ) }, + dataType: "html", // xml, html, script, json, jsonp, text + success: function ( data ) { + if ( '' === data || 'no-issue' === data ) { + existing_notice.remove(); + } else { + if ( existing_notice.length ) { + $( data ).insertBefore( existing_notice ); + existing_notice.remove(); + } else { + $( '#wpbody-content' ).prepend( data ); + } + } + }, + error: function ( jqXHR, textStatus, errorThrown ) { + + }, + // called when the request finishes (after success and error callbacks are executed) + complete: function ( jqXHR, textStatus ) { + + } + } ); + } + + function get_cookie( cname ) { + var name = cname + "="; + var ca = document.cookie.split( ';' ); + for ( var i = 0; i < ca.length; i++ ) { + var c = ca[ i ]; + while ( c.charAt( 0 ) == ' ' ) { + c = c.substring( 1 ); + } + if ( c.indexOf( name ) == 0 ) { + return c.substring( name.length, c.length ); + } + } + return ""; + } + + var active_tab = get_cookie( 'breeze_active_tab' ); + + if ( $( '#tab-basic' ).closest( 'div.br-link' ).hasClass( 'br-hide' ) ) { + $( '#tab-faq' ).trigger( 'click' ); + + } else { + + if ( typeof active_tab !== 'undefined' && '' !== active_tab ) { + if ( 'import_export' === active_tab ) { + active_tab = 'basic'; + } + var link_target = $( '#tab-' + active_tab ); + if ( link_target.length ) { + link_target.trigger( 'click' ); + } + } else { + var default_target = $( '#tab-basic' ); + if ( default_target.length ) { + default_target.trigger( 'click' ); + } + } + } + + var $container_box = $( '.breeze-box' ); + + $container_box.on( + 'click', + '.br-db-item', + function () { + var this_section_id = this.dataset.section; + + if ( $( this ).hasClass( 'br-db-selected' ) ) { + $( this ).removeClass( 'br-db-selected' ); + if ( selected_services.length ) { + var temp_array = []; + for ( var i = 0; i < selected_services.length; i++ ) { + if ( this_section_id !== selected_services[ i ] ) { + temp_array.push( selected_services[ i ] ); + } + } + selected_services = temp_array; + } + } else { + $( this ).addClass( 'br-db-selected' ); + selected_services.push( this_section_id ); + } + + var submit_services = $( '#optimize-selected-services' ); + if ( selected_services.length ) { + submit_services.show(); + } else { + submit_services.hide(); + } + } + ); + $container_box.on( + 'click', + '#optimize-selected-services', + function ( e ) { + var do_task = false; + if ( selected_services.length ) { + do_task = true; + } + if ( false === do_task ) { + alert( 'Please select an options first' ); + } else { + var ask_clean_start = confirm( 'Proceed to optimize the selected items?' ); + + if ( ask_clean_start ) { + $( + '
    ', + { + 'id': 'breeze_loader_function' + } + ).appendTo( 'body' ); + + $( + '
    ', + { + 'id': 'breeze_info' + } + ).appendTo( 'body' ); + + breeze_do_db_actions( selected_services, 0 ); + } + } + } + ); + + /** + * Format string to capital case + * created for breeze_do_db_actions:1307 + * + * @param str + * @returns {*} + */ + function breeze_uc_words( str ) { + return str.replace( /(^|\s)\S/g, function ( match ) { + return match.toUpperCase(); + } ); + } + + function breeze_do_db_actions( selected_services, call_index, optimize_db_no ) { + if ( typeof optimize_db_no === 'undefined' ) { + optimize_db_no = { + 'page_no': 0, + 'total_no': 0 + }; + } + + var title = selected_services[ call_index ]; + title = title.replace( /_/gi, " " ); + title = breeze_uc_words( title ); + title = ' ' + ' ' + title; + + if ( 'optimize_database' === selected_services[ call_index ] ) { + var current_db_count = optimize_db_no.page_no * 50; + title = title + ' (' + current_db_count + ' / ' + optimize_db_no.total_no + ' )'; + } + $( 'body' ).find( '#breeze_info' ).html( title ); + var count_total = selected_services.length; + var do_increment = true; + $.ajax( + { + type: "POST", + url: ajaxurl, + data: { + action: "breeze_purge_database", + 'action_type': selected_services[ call_index ], + 'db_count': optimize_db_no.page_no, + //'services': JSON.stringify( Object.assign( {}, selected_services[call_index] ) ), + 'security': breeze_token_name.breeze_purge_database, + 'is-network': $( 'body' ).hasClass( 'network-admin' ) + }, + dataType: "JSON", // xml, html, script, json, jsonp, text + success: function ( data ) { + + if ( data.clear.optmize_no ) { + optimize_db_no.page_no = data.clear.optmize_no; + optimize_db_no.total_no = data.clear.db_total; + do_increment = false; + breeze_do_db_actions( selected_services, call_index, optimize_db_no ); + //call_index--; + } else { + do_increment = true; + $( 'div.br-db-item' ).each( + function ( index, element ) { + var this_section_id = element.dataset.section; + // element == this + if ( $.inArray( this_section_id, selected_services ) !== -1 ) { + $( element ).find( 'h3' ).find( 'span' ).removeClass( 'br-has' ).html( '0' ); + $( element ).removeClass( 'br-db-selected' ); + } + } + ); + } + + }, + error: function ( jqXHR, textStatus, errorThrown ) { + $( '#breeze_loader_function' ).remove(); + $( 'body' ).find( '#breeze_info' ).remove(); + alert( 'Error while trying to optimize' ); + }, + // called when the request finishes (after success and error callbacks are executed) + complete: function ( jqXHR, textStatus ) { + if ( true === do_increment ) { + call_index++; + + if ( call_index < count_total ) { + breeze_do_db_actions( selected_services, call_index ); + } else { + selected_services = []; + $( '#breeze_loader_function' ).remove(); + $( 'body' ).find( '#breeze_info' ).remove(); + $( '#tab-database' ).trigger( 'click' ); + } + } + } + } + ); + } + + $container_box.on( + 'click', + '.do_clean_action', + function ( e ) { + e.preventDefault(); + var action_type = this.dataset.section; + var section = $( this ).closest( 'div.br-db-item' ); + var section_title = section.get( 0 ).dataset.sectionTitle; + + var confirm_action = confirm( 'Confirm the action to clean ' + section_title ); + + if ( confirm_action ) { + $( this ).addClass( 'opac' ); + $.ajax( + { + type: "POST", + url: ajaxurl, + data: { + action: "breeze_purge_database", + 'action_type': action_type, + 'security': breeze_token_name.breeze_purge_database, + 'is-network': $( 'body' ).hasClass( 'network-admin' ) + }, + dataType: "JSON", // xml, html, script, json, jsonp, text + success: function ( data ) { + section.find( 'h3' ).find( 'span' ).removeClass( 'br-has' ).html( '0' ); + + alert( 'Data for ' + section_title + ' has been cleaned' ); + }, + error: function ( jqXHR, textStatus, errorThrown ) { + + }, + // called when the request finishes (after success and error callbacks are executed) + complete: function ( jqXHR, textStatus ) { + + } + } + ); + } + } + ); + + $container_box.on( + 'change', + '#br-clean-all', + function ( e ) { + var is_selected = $( this ).is( ':checked' ); + var the_action_button = $( '#br-clean-all-cta' ); + + if ( true === is_selected ) { + the_action_button.removeAttr( 'disabled' ); + selected_services = []; + $( '.br-db-item' ).each( function ( index, element ) { + // element == this + var this_section_id = this.dataset.section; + if ( $( element ).hasClass( 'br-db-selected' ) ) { + } else { + $( element ).addClass( 'br-db-selected' ); + } + selected_services.push( this_section_id ); + } ); + } else { + the_action_button.attr( 'disabled', 'disabled' ); + selected_services = []; + $( '.br-db-item' ).each( function ( index, element ) { + // element == this + $( element ).removeClass( 'br-db-selected' ) + selected_services = []; + } ); + } + } + ); + + $container_box.on( + 'click', + '#br-clean-all-cta', + function ( e ) { + var is_disabled = $( this ).is( ':disabled' ); + + if ( false === is_disabled ) { + var ask_clean_start = confirm( 'Proceed to clean all trashed posts and pages?' ); + + if ( ask_clean_start ) { + $( + '
    ', + { + 'id': 'breeze_loader_function' + } + ).appendTo( 'body' ); + + $( + '
    ', + { + 'id': 'breeze_info' + } + ).appendTo( 'body' ); + + breeze_do_db_actions( selected_services, 0 ); + // $.ajax( + // { + // type: "POST", + // url: ajaxurl, + // data: { + // action: "breeze_purge_database", + // 'action_type': 'all', + // 'security': breeze_token_name.breeze_purge_database, + // 'is-network': $( 'body' ).hasClass( 'network-admin' ) + // }, + // dataType: "JSON", // xml, html, script, json, jsonp, text + // success: function ( data ) { + // + // $( '.br-clean-label' ).find( 'span' ).removeClass( 'br-has' ).html( '( 0 )' ); + // + // $( 'div.br-db-item' ).each( + // function ( index, element ) { + // // element == this + // $( element ).find( 'h3' ).find( 'span' ).removeClass( 'br-has' ).html( '0' ); + // } + // ); + // var enable_clean_all = $( '#br-clean-all' ); + // if ( enable_clean_all.is( ':checked' ) ) { + // enable_clean_all.trigger( 'click' ); + // } + // alert( 'Clean all process finished' ); + // + // }, + // error: function ( jqXHR, textStatus, errorThrown ) { + // + // }, + // // called when the request finishes (after success and error callbacks are executed) + // complete: function ( jqXHR, textStatus ) { + // + // } + // } + // ); + } + } + } + ); + + $container_box.on( + 'click', + '.br-mobile-menu', + function () { + $( '.br-link' ).fadeToggle(); + } + ); + + $container_box.on( + 'click', + '.br-submit-save', + function ( e ) { + e.preventDefault(); + + var $form = $( this ).closest( 'form' ); + var tab_is = $form.get( 0 ).dataset.section; + + var data_send = { + 'action': 'save_settings_tab_' + tab_is, + 'security': breeze_token_name.breeze_save_options, + 'form-data': $form.serialize(), + 'is-network': $( 'body' ).hasClass( 'network-admin' ) + }; + var $html_area = $( '.br-options' ); + $html_area.html( loader_spinner_save ); + $.ajax( + { + type: "POST", + url: ajaxurl, + data: data_send, + dataType: "JSON", // xml, html, script, json, jsonp, text + success: function ( data ) { + $( '#tab-' + tab_is ).trigger( 'click' ); + }, + error: function ( jqXHR, textStatus, errorThrown ) { + + }, + // called when the request finishes (after success and error callbacks are executed) + complete: function ( jqXHR, textStatus ) { + + } + } + ); + } + ); + + $container_box.on( + 'click', + '#refresh-api-token', + function ( e ) { + e.preventDefault(); + + var data_send = { + 'action': 'refresh_api_token_key', + 'security': breeze_token_name.breeze_save_options, + 'is-network': $( 'body' ).hasClass( 'network-admin' ) + }; + + $.ajax( + { + type: "POST", + url: ajaxurl, + data: data_send, + dataType: "JSON", // xml, html, script, json, jsonp, text + success: function ( data ) { + if ( typeof data.new_token !== 'undefined' ) { + $( '#breeze-api-token' ).val( data.new_token ); + } + }, + error: function ( jqXHR, textStatus, errorThrown ) { + + }, + // called when the request finishes (after success and error callbacks are executed) + complete: function ( jqXHR, textStatus ) { + + } + } + ); + } + ); + + $( document ).on( + 'change', + 'input:radio[name="inherit-settings"]', + function () { + var is_selected = $( 'input:radio[name="inherit-settings"]:checked' ).val(); + var is_network = '.br-is-network'; + var is_custom = '.br-is-custom'; + var tab_is = 'inherit'; + + var nonce_is = $( this ).closest( 'div.change-settings-use' ).find( 'input#breeze_inherit_settings_nonce' ).val(); + + $( '.br-overlay-disable' ).addClass( 'br-hide' ); + + var data_send = { + 'action': 'save_settings_tab_' + tab_is, + 'is-selected': is_selected, + 'security': nonce_is, + 'is-network': $( 'body' ).hasClass( 'network-admin' ) + }; + + $( + '
    ', + { + 'class': 'br-inherit-wait', + 'html': '' + } + ).appendTo( $( '#wpcontent' ) ); + + $.ajax( + { + type: "POST", + url: ajaxurl, + data: data_send, + dataType: "JSON", // xml, html, script, json, jsonp, text + success: function ( data ) { + // var default_target = $( '#tab-basic' ); + // if ( default_target.length ) { + // default_target.trigger( 'click' ); + // } + }, + error: function ( jqXHR, textStatus, errorThrown ) { + + }, + // called when the request finishes (after success and error callbacks are executed) + complete: function ( jqXHR, textStatus ) { + $( '#wpcontent' ).find( 'div.br-inherit-wait' ).remove(); + + if ( '0' === is_selected || true === is_selected ) { + // custom is enabled + $( is_network ).removeClass( 'br-show' ).addClass( 'br-hide' ); + $( is_custom ).removeClass( 'br-hide' ).addClass( 'br-show' ); + $( '.br-link' ).removeClass( 'br-hide' ); + $( '#tab-basic' ).trigger( 'click' ); + } else { + // network is enabled + $( is_custom ).removeClass( 'br-show' ).addClass( 'br-hide' ); + $( is_network ).removeClass( 'br-hide' ).addClass( 'br-show' ); + $( '.br-link' ).each( + function ( index, element ) { + // element == this + var data_is = element.dataset.breezeLink; + if ( 'faq' !== data_is ) { + $( element ).addClass( 'br-hide' ); + } + } + ); + $( '#tab-faq' ).trigger( 'click' ); + } + } + } + ); + } + ); + + $( document ).on( + 'click', + '.notice-dismiss', + function () { + var parent = $( this ).closest( 'div.notice' ); + if ( parent.hasClass( 'breeze-notice' ) ) { + parent.fadeOut( 'fast' ).remove(); + } + } + ); +} )( jQuery ); diff --git a/assets/js/breeze-main.min.js b/assets/js/breeze-main.min.js new file mode 100644 index 00000000..f954ffeb --- /dev/null +++ b/assets/js/breeze-main.min.js @@ -0,0 +1,4 @@ +/*! Created by Cloudways + On 27-01-2025 */ + +jQuery(document).ready(function(s){var e=s(".breeze-box");s("#breeze-plugins-notice").length&&s(document).on("click tap",".notice-dismiss",function(){s.ajax({type:"POST",url:ajaxurl,data:{action:"compatibility_warning_close",breeze_close_warning:"1"},dataType:"json",success:function(e){},error:function(e,t,a){},complete:function(e,t){}})}),s(document).on("click",".rollback-button",function(e){e.preventDefault();e=s(".breeze-version").val();confirm("Want to rollback version "+e+" ?")&&document.getElementById("breeze_rollback_form").submit()}),s(document).on("click","#wp-admin-bar-breeze-purge-varnish-group",function(e){e.preventDefault(),a()}),s(document).on("click","#wp-admin-bar-breeze-purge-object-cache-group",function(e){e.preventDefault(),s(".br-internal-purge").remove(),s(".breeze-notice").remove(),s.ajax({url:ajaxurl,dataType:"json",method:"POST",data:{action:"breeze_purge_opcache",is_network:s("body").hasClass("network-admin"),security:breeze_token_name.breeze_purge_opcache},success:function(e){current=location.href,e.clear?(s("#wpbody #wpbody-content").prepend('

    Object Cache has been purged.

    '),setTimeout(function(){t=!0},2e3)):(window.location.href=current+"breeze-msg=purge-fail",t=!0,location.reload())}})}),s(document).on("click","#wp-admin-bar-breeze-purge-file-group",function(e){e.preventDefault(),s(".br-internal-purge").remove(),s(".breeze-notice").remove(),s.ajax({url:ajaxurl,dataType:"json",method:"POST",data:{action:"breeze_purge_file",security:breeze_token_name.breeze_purge_cache},success:function(e){current=location.href,e=parseFloat(e),div=0

    Internal cache has been purged: '+e+'Kb cleaned

    ':'

    Internal cache has been purged.

    ',s("#wpbody #wpbody-content").prepend(div)}})}),s(document).on("click","#breeze_reset_default",function(e){e.preventDefault(),reset_confirm=confirm("Want to reset breeze settings?"),reset_confirm&&(s("
    ",{id:"breeze_loader_function"}).appendTo("body"),s("
    ",{id:"breeze_info",html:''}).appendTo("body"),s.ajax({type:"POST",url:ajaxurl,data:{action:"breeze_reset_default","is-network":s("body").hasClass("network-admin"),security:breeze_token_name.breeze_reset_default},dataType:"json",success:function(e){!0===e?t=!0:alert("Something went wrong - please try again")},error:function(e,t,a){},complete:function(e,t){location.reload()}}))});var t=!0;function a(){s(".br-internal-purge").remove(),s(".breeze-notice").remove(),s.ajax({url:ajaxurl,dataType:"json",method:"POST",data:{action:"breeze_purge_varnish",is_network:s("body").hasClass("network-admin"),security:breeze_token_name.breeze_purge_varnish},success:function(e){current=location.href,e.clear?(s("#wpbody #wpbody-content").prepend('

    Varnish Cache has been purged.

    '),setTimeout(function(){t=!0},2e3)):(window.location.href=current+"breeze-msg=purge-fail",t=!0,location.reload())}})}s(".breeze-box").on("click","#purge-varnish-button",function(e){e.preventDefault(),!0===t&&(t=!1,s(this).addClass("br-is-disabled"),a())}),e.length&&s(".breeze-box").on("keyup paste","#cdn-url",function(){var e=s.trim(s(this).val());""!==e&&!0===/^(http(s)?:)?\/\/(www\.)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/.test(e)?s.ajax({type:"POST",url:ajaxurl,data:{action:"breeze_check_cdn_url",cdn_url:e,security:breeze_token_name.breeze_check_cdn_url},dataType:"json",success:function(e){!1===e.success?(s("#cdn-message-error").show(),s("#cdn-message-error").html(e.message)):s("#cdn-message-error").hide()},error:function(e,t,a){},complete:function(e,t){}}):s("#cdn-message-error").hide()});var i,n,o,r=location.href,c=parseFloat((i="file",n=(n=r)||window.location.href,i=i.replace(/[\[\]]/g,"\\$&"),(n=new RegExp("[?&]"+i+"(=([^&#]*)|&|#|$)").exec(n))?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null));s(window).on("load",function(){var e,t;/wp-admin/i.test(r)&&(e="",0

    Internal cache has been purged: '+c+'Kb cleaned

    ':'

    Internal cache has been purged.

    ',s("#wpbody .wrap h1").after(e),t=r.split("breeze-msg"),setTimeout(function(){window.location=t[0]},2e3)))}),s("#breeze-hide-install-msg").unbind("click").click(function(){s(this).closest("div.notice").fadeOut()}),-1===(o=location.search).indexOf("breeze_purge=1")&&-1===o.indexOf("breeze_purge_cloudflare=1")||-1===o.indexOf("_wpnonce")||((o=new URLSearchParams(location.search)).delete("breeze_purge"),o.delete("breeze_purge_cloudflare"),o.delete("_wpnonce"),history.replaceState(null,"","?"+o+location.hash)),e.on("change","#breeze-enable-api",function(){var e=s("#breeze-secure-api"),t=s("#breeze-api-token");s(this).is(":checked")?(e.closest("div.br-option-item").removeClass("br-apply-disable"),t.closest("div.br-option-item").removeClass("br-apply-disable")):(e.closest("div.br-option-item").addClass("br-apply-disable"),t.closest("div.br-option-item").addClass("br-apply-disable"),e.prop("checked",!1))}),e.on("change","#bz-lazy-load",function(){var e=s("#native-lazy-option"),t=s("#native-lazy-option-iframe"),a=s("#native-lazy-option-videos");!0===s(this).is(":checked")?(e.show(),t.show(),a.show()):(e.hide(),t.hide(),a.hide(),s("#bz-lazy-load-nat").attr("checked",!1),s("#bz-lazy-load-iframe").attr("checked",!1),s("#bz-lazy-load-videos").attr("checked",!1))}),e.on("change","#minification-css",function(){var e=s("#font-display-swap"),t=s("#font-display"),a=s("#include-inline-css"),i=s("#group-css"),n=s("#exclude-css");s(this).is(":checked")?(e.show(),n.closest("div.br-option-item").removeClass("br-apply-disable"),i.closest("div.br-option-item").removeClass("br-apply-disable"),a.closest("div.br-option-item").removeClass("br-apply-disable")):(e.hide(),t.removeAttr("checked"),a.prop("checked",!1),i.prop("checked",!1),n.closest("div.br-option-item").addClass("br-apply-disable"),i.closest("div.br-option-item").addClass("br-apply-disable"),a.closest("div.br-option-item").addClass("br-apply-disable"))}),e.on("change","#minification-js",function(){var e=s("#include-inline-js"),t=s("#group-js"),a=s("#exclude-js"),i=s("#enable-js-delay"),n=s("#breeze-delay-all-js");s(this).is(":checked")?(a.closest("div.br-option-item").removeClass("br-apply-disable"),e.is("checked")&&(i.is(":checked")||n.is(":checked")),t.closest("div.br-option-item").removeClass("br-apply-disable"),e.closest("div.br-option-item").removeClass("br-apply-disable")):(e.prop("checked",!1),t.prop("checked",!1),t.trigger("change"),a.closest("div.br-option-item").addClass("br-apply-disable"),t.closest("div.br-option-item").addClass("br-apply-disable"),e.closest("div.br-option-item").addClass("br-apply-disable"))}),e.on("change","#group-js",function(){var e=s("#enable-js-delay"),t=s("#breeze-delay-all-js");s(this).is(":checked")?(e.closest("div.br-option-item").addClass("br-apply-disable"),e.prop("checked",!1),t.closest("div.br-option-item").addClass("br-apply-disable"),t.prop("checked",!1)):(e.closest("div.br-option-item").removeClass("br-apply-disable"),t.closest("div.br-option-item").removeClass("br-apply-disable"))}),e.on("change","#breeze-delay-all-js",function(){var e=s("#group-js"),t=s("#breeze-delay-js-scripts-div-all"),a=s("#enable-js-delay");s(this).is(":checked")?(t.show(),s('input[name="enable-js-delay"]').prop("checked",!1),s("#breeze-delay-js-scripts-div").hide(),a.attr("disabled","disabled"),e.closest("div.br-option-item").addClass("br-apply-disable"),e.prop("checked",!1)):(t.hide(),a.removeAttr("disabled"),e.closest("div.br-option-item").removeClass("br-apply-disable"))}),e.on("change","#enable-js-delay",function(){var e=s("#breeze-delay-js-scripts-div"),t=s("#breeze-delay-all-js"),a=s("#group-js");s(this).is(":checked")?(e.show(),s('input[name="breeze-delay-all-js"]').prop("checked",!1),s("#breeze-delay-js-scripts-div-all").hide(),t.attr("disabled","disabled"),a.closest("div.br-option-item").addClass("br-apply-disable"),a.prop("checked",!1)):(e.hide(),t.removeAttr("disabled"),a.closest("div.br-option-item").removeClass("br-apply-disable"))})});var $valid_json=!1;jQuery(document).ready(function(o){var e,t=o(".breeze-box");function r(){t.on("click","span.item-remove",function(){var e=o(this).closest(".breeze-input-group");e.fadeOut(300,function(){e.remove(),l()})})}function c(){o(".breeze-list-url").length&&o(".breeze-list-url").sortable({handle:o("span.sort-handle"),stop:l})}function d(){o(".sort-handle span").unbind("click").click(function(e){var t=o(this).parents(".breeze-input-group");o(this).hasClass("moveUp")?t.insertBefore(t.prev()):t.insertAfter(t.next()),l()})}function l(){var e=o(".breeze-list-url");e.find(".breeze-input-group").find(".sort-handle").find("span").removeClass("blur"),e.find(".breeze-input-group:first-child").find(".moveUp").addClass("blur"),e.find(".breeze-input-group:last-child").find(".moveDown").addClass("blur")}o('input[name="all_control"]').click(function(){1==o(this).is(":checked")?o(".clean-data").prop("checked",!0):o(".clean-data").prop("checked",!1)}),o(".clean-data").click(function(){0==o(this).is(":checked")&&o('input[name="all_control"]').prop("checked",!1)}),r(),c(),d(),l(),t.on("keyup change blur",".breeze-input-url",function(){var e=o(this).val();""!==e&&(!0==!!/^(?:(?:https?|ftp):\/\/)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/.test(e)?o(this).removeClass("is-invalid-url"):o(this).addClass("is-invalid-url"))}),t.on("click","button.add-url",function(){var e=-1',i+='
    '),o.ajax({type:"POST",url:ajaxurl,data:a,processData:!1,contentType:!1,enctype:"multipart/form-data",mimeType:"multipart/form-data",cache:!1,dataType:"json",success:function(e){1==e.success?(i.removeClass("file_green file_red").addClass("file_green"),i.html(e.data),n.html(""),alert(e.data),window.location.reload(!0)):(i.removeClass("file_green file_red"),i.html(""),n.html(e.data[0].message))},error:function(e,t,a){},complete:function(e,t){}}))})}),function(c){var d=[];setTimeout(function(){var e=c(".message-clear-cache-top");e.length&&(e.prependTo("#wpbody-content"),e.show())},1e3),c(window).on("resize",function(){632<=c(this).height()&&c(".br-link").removeAttr("style")});function i(e){for(var t=e+"=",a=document.cookie.split(";"),i=0;i
    '),!0===c(".br-mobile-menu").is(":visible")&&c(".br-link").fadeOut(),c.ajax({type:"GET",url:ajaxurl,data:{action:"breeze_load_options_tab",request_tab:r,"is-network":c("body").hasClass("network-admin")},contentType:"text/html; charset=UTF-8",dataType:"html",success:function(e){t.html(e)},error:function(e,t,a){},complete:function(e,t){!function(){var t=c(".breeze-per");t.length&&(t.empty(),t.append("

    Re-checking permissions, please wait...

    "));c.ajax({type:"GET",url:ajaxurl,data:{action:"breeze_file_permission_check","is-network":c("body").hasClass("network-admin")},dataType:"html",success:function(e){""===e||"no-issue"===e?t.remove():t.length?(c(e).insertBefore(t),t.remove()):c("#wpbody-content").prepend(e)},error:function(e,t,a){},complete:function(e,t){}})}(),document.cookie="breeze_active_tab="+r,"faq"===r&&c("#faq-content").length&&c("#faq-content").accordion({collapsible:!0,animate:200,header:".faq-question",heightStyle:"content"}),d=[];var a,i,n=c("#group-js"),s=c("#enable-js-delay"),o=c("#breeze-delay-all-js");s.length&&(a=c("#enable-js-delay").get(0).dataset.noaction),o.length&&(i=c("#breeze-delay-all-js").get(0).dataset.noaction),n.length&&(n.is(":checked")?(void 0===a&&s.closest("div.br-option-item").addClass("br-apply-disable"),void 0===i&&o.closest("div.br-option-item").addClass("br-apply-disable"),void 0===a&&s.is(":checked")&&(s.prop("checked",!1),s.trigger("change")),void 0===i&&o.is(":checked")&&(o.prop("checked",!1),o.trigger("change"))):(s.is(":checked")||o.is(":checked"))&&(n.closest("div.br-option-item").addClass("br-apply-disable"),n.prop("checked",!1)))}})});var e,n=i("breeze_active_tab");c("#tab-basic").closest("div.br-link").hasClass("br-hide")?c("#tab-faq").trigger("click"):void 0!==n&&""!==n?(e=c("#tab-"+(n="import_export"===n?"basic":n))).length&&e.trigger("click"):(t=c("#tab-basic")).length&&t.trigger("click");var t=c(".breeze-box");function o(i,a,t){void 0===t&&(t={page_no:0,total_no:0});var e=i[a];e=' '+(e=(e=e.replace(/_/gi," ")).replace(/(^|\s)\S/g,function(e){return e.toUpperCase()})),"optimize_database"===i[a]&&(e=e+" ("+50*t.page_no+" / "+t.total_no+" )"),c("body").find("#breeze_info").html(e);var n=i.length,s=!0;c.ajax({type:"POST",url:ajaxurl,data:{action:"breeze_purge_database",action_type:i[a],db_count:t.page_no,security:breeze_token_name.breeze_purge_database,"is-network":c("body").hasClass("network-admin")},dataType:"JSON",success:function(e){e.clear.optmize_no?(t.page_no=e.clear.optmize_no,t.total_no=e.clear.db_total,s=!1,o(i,a,t)):(s=!0,c("div.br-db-item").each(function(e,t){var a=t.dataset.section;-1!==c.inArray(a,i)&&(c(t).find("h3").find("span").removeClass("br-has").html("0"),c(t).removeClass("br-db-selected"))}))},error:function(e,t,a){c("#breeze_loader_function").remove(),c("body").find("#breeze_info").remove(),alert("Error while trying to optimize")},complete:function(e,t){!0===s&&(++a",{id:"breeze_loader_function"}).appendTo("body"),c("
    ",{id:"breeze_info"}).appendTo("body"),o(d,0))}),t.on("click",".do_clean_action",function(e){e.preventDefault();var e=this.dataset.section,t=c(this).closest("div.br-db-item"),a=t.get(0).dataset.sectionTitle;confirm("Confirm the action to clean "+a)&&(c(this).addClass("opac"),c.ajax({type:"POST",url:ajaxurl,data:{action:"breeze_purge_database",action_type:e,security:breeze_token_name.breeze_purge_database,"is-network":c("body").hasClass("network-admin")},dataType:"JSON",success:function(e){t.find("h3").find("span").removeClass("br-has").html("0"),alert("Data for "+a+" has been cleaned")},error:function(e,t,a){},complete:function(e,t){}}))}),t.on("change","#br-clean-all",function(e){var t=c(this).is(":checked"),a=c("#br-clean-all-cta");!0===t?(a.removeAttr("disabled"),d=[],c(".br-db-item").each(function(e,t){var a=this.dataset.section;c(t).hasClass("br-db-selected")||c(t).addClass("br-db-selected"),d.push(a)})):(a.attr("disabled","disabled"),d=[],c(".br-db-item").each(function(e,t){c(t).removeClass("br-db-selected"),d=[]}))}),t.on("click","#br-clean-all-cta",function(e){!1===c(this).is(":disabled")&&confirm("Proceed to clean all trashed posts and pages?")&&(c("
    ",{id:"breeze_loader_function"}).appendTo("body"),c("
    ",{id:"breeze_info"}).appendTo("body"),o(d,0))}),t.on("click",".br-mobile-menu",function(){c(".br-link").fadeToggle()}),t.on("click",".br-submit-save",function(e){e.preventDefault();var e=c(this).closest("form"),t=e.get(0).dataset.section,e={action:"save_settings_tab_"+t,security:breeze_token_name.breeze_save_options,"form-data":e.serialize(),"is-network":c("body").hasClass("network-admin")};c(".br-options").html(''),c.ajax({type:"POST",url:ajaxurl,data:e,dataType:"JSON",success:function(e){c("#tab-"+t).trigger("click")},error:function(e,t,a){},complete:function(e,t){}})}),t.on("click","#refresh-api-token",function(e){e.preventDefault();e={action:"refresh_api_token_key",security:breeze_token_name.breeze_save_options,"is-network":c("body").hasClass("network-admin")};c.ajax({type:"POST",url:ajaxurl,data:e,dataType:"JSON",success:function(e){void 0!==e.new_token&&c("#breeze-api-token").val(e.new_token)},error:function(e,t,a){},complete:function(e,t){}})}),c(document).on("change",'input:radio[name="inherit-settings"]',function(){var a=c('input:radio[name="inherit-settings"]:checked').val(),i=".br-is-network",n=".br-is-custom",e=c(this).closest("div.change-settings-use").find("input#breeze_inherit_settings_nonce").val();c(".br-overlay-disable").addClass("br-hide");e={action:"save_settings_tab_inherit","is-selected":a,security:e,"is-network":c("body").hasClass("network-admin")};c("
    ",{class:"br-inherit-wait",html:''}).appendTo(c("#wpcontent")),c.ajax({type:"POST",url:ajaxurl,data:e,dataType:"JSON",success:function(e){},error:function(e,t,a){},complete:function(e,t){c("#wpcontent").find("div.br-inherit-wait").remove(),"0"===a||!0===a?(c(i).removeClass("br-show").addClass("br-hide"),c(n).removeClass("br-hide").addClass("br-show"),c(".br-link").removeClass("br-hide"),c("#tab-basic").trigger("click")):(c(n).removeClass("br-show").addClass("br-hide"),c(i).removeClass("br-hide").addClass("br-show"),c(".br-link").each(function(e,t){"faq"!==t.dataset.breezeLink&&c(t).addClass("br-hide")}),c("#tab-faq").trigger("click"))}})}),c(document).on("click",".notice-dismiss",function(){var e=c(this).closest("div.notice");e.hasClass("breeze-notice")&&e.fadeOut("fast").remove()})}(jQuery); \ No newline at end of file diff --git a/assets/js/breeze-prefetch-links.min.js b/assets/js/breeze-prefetch-links.min.js new file mode 100644 index 00000000..88324793 --- /dev/null +++ b/assets/js/breeze-prefetch-links.min.js @@ -0,0 +1,4 @@ +/*! Created by Cloudways + On 27-01-2025 */ + +var timer,ready=e=>{"loading"!=document.readyState?e():document.addEventListener("DOMContentLoaded",e)};function search_for_banned_links(t,r){if(!t.length)return!1;var e=-1!==(r=r.startsWith("/")?r.substring(1):r).indexOf("/")?r.indexOf("/"):r.indexOf("?"),n=-1!==e?r.substring(0,e):r;for(let e=0;e{var a=[];addEventListener("mouseover",function(r){var n,i;r.target instanceof HTMLAnchorElement&&(n=new URL(breeze_prefetch.local_url).host,(i=r.target.attributes.href?r.target.attributes.href.value:null)&&(-1===i.indexOf(n)&&(i=r.target.href),timer=setTimeout(function(){var e,t;"#"!==i&&(t=i.replace(breeze_prefetch.local_url,""),e=new URL(i).host,""!==i.trim()&&!1===a.includes(i)&&n===e&&!1===search_for_banned_links(breeze_prefetch.ignore_list,t)&&!0===breeze_ignore_special_links(r.target,i)&&(a.push(i.trim()),(t=document.createElement("link")).href=i,t.rel="prefetch",document.head.appendChild(t)))},150)))}),addEventListener("mouseout",function(e){clearTimeout(timer)})}); \ No newline at end of file diff --git a/assets/js/bsf-core.js b/assets/js/bsf-core.js new file mode 100644 index 00000000..61bca599 --- /dev/null +++ b/assets/js/bsf-core.js @@ -0,0 +1,33 @@ +jQuery( document ).on('click', '.bsf-envato-form-activation', function(event) { + submitButton = jQuery( this ).parent('.submit-button-wrap'); + console.log(submitButton); + product_id = submitButton.siblings( 'form input[name="product_id"]' ).val(); + url = submitButton.siblings( 'form input[name="url"]' ).val(); + redirect = submitButton.siblings( 'form input[name="redirect"]' ).val(); + privacyConsent = submitButton.siblings( 'input#bsf-license-privacy-consent').val(); + termsConditionConsent = submitButton.siblings( 'input#bsf-license-terms-conditions-consent').val(); + envato_activation_nonce = bsf_core.envato_activation_nonce; + jQuery.ajax({ + url: ajaxurl, + dataType: 'json', + data: { + action: 'bsf_envato_redirect_url', + product_id: product_id, + url: url, + redirect: redirect, + privacy_consent: privacyConsent, + terms_conditions_consent: termsConditionConsent, + envato_activation_nonce: envato_activation_nonce, + } + }) + .done(function( response ) { + // deepcode ignore OR: Will be updated in the BSF Core Library. + window.location = response.data.url; + return true; + }) + .fail(function(e) { + return false; + }); + + return false; +}); \ No newline at end of file diff --git a/assets/js/builder.js b/assets/js/builder.js new file mode 100644 index 00000000..82062e24 --- /dev/null +++ b/assets/js/builder.js @@ -0,0 +1,600 @@ +/* global WPForms, wpf */ + +/** + * WPForms Providers Builder ConstantContactV3 module. + * + * @since 1.9.3 + */ +WPForms.Admin.Builder.Providers.ConstantContactV3 = WPForms.Admin.Builder.Providers.ConstantContactV3 || ( function( document, window, $ ) { + /** + * Public functions and properties. + * + * @since 1.9.3 + * + * @type {Object} + */ + const app = { + /** + * CSS selectors. + * + * @since 1.9.3 + * + * @type {Object} + */ + selectors: { + accountField: '.js-wpforms-builder-constant-contact-v3-provider-connection-account', + actionData: '.wpforms-builder-constant-contact-v3-provider-actions-data', + actionField: '.js-wpforms-builder-constant-contact-v3-provider-connection-action', + connection: '.wpforms-panel-content-section-constant-contact-v3 .wpforms-builder-provider-connection', + }, + + /** + * jQuery elements. + * + * @since 1.9.3 + * + * @type {Object} + */ + $elements: { + $connections: $( '.wpforms-panel-content-section-constant-contact-v3 .wpforms-builder-provider-connections' ), + $holder: $( '#wpforms-panel-providers' ), + $panel: $( '#constant-contact-v3-provider' ), + }, + + /** + * Current provider slug. + * + * @since 1.9.3 + * + * @type {string} + */ + provider: 'constant-contact-v3', + + /** + * This is a shortcut to the WPForms.Admin.Builder.Providers object, + * that handles the parent all-providers functionality. + * + * @since 1.9.3 + * + * @type {Object} + */ + Providers: {}, + + /** + * This is a shortcut to the WPForms.Admin.Builder.Templates object, + * that handles all the template management. + * + * @since 1.9.3 + * + * @type {Object} + */ + Templates: {}, + + /** + * This is a shortcut to the WPForms.Admin.Builder.Providers.cache object, + * that handles all the cache management. + * + * @since 1.9.3 + * + * @type {Object} + */ + Cache: {}, + + /** + * This is a flag for ready state. + * + * @since 1.9.3 + * + * @type {boolean} + */ + isReady: false, + + /** + * Start the engine. + * + * Run initialization on the providers panel only. + * + * @since 1.9.3 + */ + init() { + // We are requesting/loading a Providers panel. + if ( wpf.getQueryString( 'view' ) === 'providers' ) { + app.$elements.$holder.on( 'WPForms.Admin.Builder.Providers.ready', app.ready ); + } + + // We have switched to a Providers panel. + $( document ).on( 'wpformsPanelSwitched', function( event, panel ) { + if ( panel === 'providers' ) { + app.ready(); + } + } ); + }, + + /** + * Initialized once the DOM and Providers are fully loaded. + * + * @since 1.9.3 + */ + ready() { + if ( app.isReady ) { + return; + } + + app.Providers = WPForms.Admin.Builder.Providers; + app.Templates = WPForms.Admin.Builder.Templates; + app.Cache = app.Providers.cache; + + // Register custom Underscore.js templates. + app.Templates.add( [ + 'wpforms-constant-contact-v3-builder-content-connection', + 'wpforms-constant-contact-v3-builder-content-connection-error', + 'wpforms-constant-contact-v3-builder-content-connection-select-field', + 'wpforms-constant-contact-v3-builder-content-connection-conditionals', + ] ); + + // Events registration. + app.bindUIActions(); + app.bindTriggers(); + + app.processInitial(); + + // Save a flag for ready state. + app.isReady = true; + }, + + /** + * Process various events as a response to UI interactions. + * + * @since 1.9.3 + */ + bindUIActions() { + app.$elements.$panel + .on( 'connectionCreate', app.connection.create ) + .on( 'connectionDelete', app.connection.delete ) + .on( 'change', app.selectors.accountField, app.ui.accountField.change ) + .on( 'change', app.selectors.actionField, app.ui.actionField.change ); + }, + + /** + * Fire certain events on certain actions, specific for related connections. + * These are not directly caused by user manipulations. + * + * @since 1.9.3 + */ + bindTriggers() { + app.$elements.$connections.on( 'connectionsDataLoaded', function( event, data ) { + if ( _.isEmpty( data.connections ) ) { + return; + } + + for ( const connectionId in data.connections ) { + app.connection.generate( { + connection: data.connections[ connectionId ], + conditional: data.conditionals[ connectionId ], + } ); + } + } ); + + app.$elements.$connections.on( 'connectionGenerated', function( event, data ) { + const $connection = app.connection.getById( data.connection.id ); + + if ( _.has( data.connection, 'isNew' ) && data.connection.isNew ) { + // Run replacing temporary connection ID if it's a new connection. + app.connection.replaceIds( data.connection.id, $connection ); + return; + } + + $( app.selectors.actionField, $connection ).trigger( 'change' ); + } ); + }, + + /** + * Compile template with data if any and display them on a page. + * + * @since 1.9.3 + */ + processInitial() { + app.$elements.$connections.prepend( app.tmpl.commonsHTML() ); + app.connection.dataLoad(); + }, + + /** + * Connection property. + * + * @since 1.9.3 + */ + connection: { + /** + * Sometimes we might need to a get a connection DOM element by its ID. + * + * @since 1.9.3 + * + * @param {string} connectionId Connection ID to search for a DOM element by. + * + * @return {jQuery} jQuery object for connection. + */ + getById( connectionId ) { + return app.$elements.$connections.find( '.wpforms-builder-provider-connection[data-connection_id="' + connectionId + '"]' ); + }, + + /** + * Sometimes in DOM we might have placeholders or temporary connection IDs. + * We need to replace them with actual values. + * + * @since 1.9.3 + * + * @param {string} connectionId New connection ID to replace to. + * @param {Object} $connection jQuery DOM connection element. + */ + replaceIds( connectionId, $connection ) { + // Replace old temporary %connection_id% from PHP code with the new one. + $connection.find( 'input, select, label' ).each( function() { + const $this = $( this ); + + if ( $this.attr( 'name' ) ) { + $this.attr( 'name', $this.attr( 'name' ).replace( /%connection_id%/gi, connectionId ) ); + } + + if ( $this.attr( 'id' ) ) { + $this.attr( 'id', $this.attr( 'id' ).replace( /%connection_id%/gi, connectionId ) ); + } + + if ( $this.attr( 'for' ) ) { + $this.attr( 'for', $this.attr( 'for' ).replace( /%connection_id%/gi, connectionId ) ); + } + + if ( $this.attr( 'data-name' ) ) { + $this.attr( 'data-name', $this.attr( 'data-name' ).replace( /%connection_id%/gi, connectionId ) ); + } + } ); + }, + + /** + * Create a connection using the user entered name. + * + * @since 1.9.3 + * + * @param {Object} event Event object. + * @param {string} name Connection name. + */ + create( event, name ) { + const connectionId = new Date().getTime().toString( 16 ), + connection = { + id: connectionId, + name, + isNew: true, + }; + + app.Cache.addTo( app.provider, 'connections', connectionId, connection ); + + app.connection.generate( { + connection, + } ); + }, + + /** + * Connection is deleted - delete a cache as well. + * + * @since 1.9.3 + * + * @param {Object} event Event object. + * @param {Object} $connection jQuery DOM element for a connection. + */ + delete( event, $connection ) { + const $holder = app.Providers.getProviderHolder( app.provider ); + + if ( ! $connection.closest( $holder ).length ) { + return; + } + + const connectionId = $connection.data( 'connection_id' ); + + if ( _.isString( connectionId ) ) { + app.Cache.deleteFrom( app.provider, 'connections', connectionId ); + } + }, + + /** + * Get the template and data for a connection and process it. + * + * @since 1.9.3 + * + * @param {Object} data Connection data. + * + * @return {void} + */ + generate( data ) { + const accounts = app.Cache.get( app.provider, 'accounts' ); + + if ( _.isEmpty( accounts ) || ! app.account.isAccountExists( data.connection.account_id, accounts ) ) { + return; + } + + const actions = app.Cache.get( app.provider, 'actions' ), + lists = app.Cache.get( app.provider, 'lists' ); + + return app.connection.renderConnections( accounts, lists, actions, data ); + }, + + /** + * Render connections. + * + * @since 1.9.3 + * + * @param {Object} accounts List of accounts. + * @param {Object} lists List of lists. + * @param {Object} actions List of actions. + * @param {Object} data Connection data. + */ + renderConnections( accounts, lists, actions, data ) { + if ( ! app.account.isAccountExists( data.connection.account_id, accounts ) ) { + return; + } + + const tmplConnection = app.Templates.get( 'wpforms-' + app.provider + '-builder-content-connection' ), + tmplConditional = app.Templates.get( 'wpforms-constant-contact-v3-builder-content-connection-conditionals' ), + conditional = _.has( data.connection, 'isNew' ) && data.connection.isNew ? tmplConditional() : data.conditional; + + app.$elements.$connections.prepend( + tmplConnection( { + accounts, + lists, + actions, + connection: data.connection, + conditional, + provider: app.provider, + } ) + ); + + app.$elements.$connections.trigger( 'connectionGenerated', [ data ] ); + }, + + /** + * Fire AJAX-request to retrieve the list of all saved connections. + * + * @since 1.9.3 + */ + dataLoad() { + app + .Providers.ajax + .request( app.provider, { + data: { + task: 'connections_get', + }, + } ) + .done( function( response ) { + if ( + ! response.success || + ! _.has( response.data, 'connections' ) + ) { + return; + } + + [ + 'accounts', + 'actions', + 'actions_fields', + 'conditionals', + 'connections', + 'custom_fields', + 'lists', + ].forEach( ( dataType ) => { + app.Cache.set( app.provider, dataType, jQuery.extend( {}, response.data[ dataType ] ) ); + } ); + + app.$elements.$connections.trigger( 'connectionsDataLoaded', [ response.data ] ); + } ); + }, + }, + + /** + * Account property. + * + * @since 1.9.3 + */ + account: { + /** + * Check if a provided account is listed inside an account list. + * + * @since 1.9.3 + * + * @param {string} accountId Connection account ID to check. + * @param {Object} accounts Array of objects, usually received from API. + * + * @return {boolean} True if an account exists. + */ + isAccountExists( accountId, accounts ) { + if ( _.isEmpty( accounts ) ) { + return false; + } + + // New connections that have not been saved don't have the account ID yet. + if ( _.isEmpty( accountId ) ) { + return true; + } + + return _.has( accounts, accountId ); + }, + }, + + /** + * All methods that modify the UI of a page. + * + * @since 1.9.3 + */ + ui: { + /** + * Account field methods. + * + * @since 1.9.3 + */ + accountField: { + /** + * Callback-function on change event. + * + * @since 1.9.3 + */ + change() { + const $this = $( this ), + $connection = $this.closest( app.selectors.connection ), + $actionName = $( app.selectors.actionField, $connection ); + + $actionName.prop( 'selectedIndex', 0 ).trigger( 'change' ); + + // If an account is empty. + if ( _.isEmpty( $this.val() ) ) { + $actionName.prop( 'disabled', true ); + $( app.selectors.actionData, $connection ).html( '' ); + + return; + } + + $actionName.prop( 'disabled', false ); + $this.removeClass( 'wpforms-error' ); + }, + }, + + /** + * Action methods. + * + * @since 1.9.3 + */ + actionField: { + /** + * Callback-function on change event. + * + * @since 1.9.3 + */ + change() { + const $this = $( this ), + $connection = $this.closest( app.selectors.connection ), + $account = $( app.selectors.accountField, $connection ), + $action = $( app.selectors.actionField, $connection ); + + app.ui.actionField.render( { + action: 'action', + target: $this, + /* eslint-disable camelcase */ + account_id: $account.val(), + action_name: $action.val(), + connection_id: $connection.data( 'connection_id' ), + /* eslint-enable camelcase */ + } ); + + $this.removeClass( 'wpforms-error' ); + }, + + /** + * Render HTML. + * + * @since 1.9.3 + * + * @param {Object} args Arguments. + */ + render( args ) { + const fields = app.tmpl.renderActionFields( args ), + $connection = app.connection.getById( args.connection_id ), + $connectionData = $( app.selectors.actionData, $connection ); + + $connectionData.html( fields ); + + app.$elements.$holder.trigger( 'connectionRendered', [ app.provider, args.connection_id ] ); + }, + + /** + * Get a list of constant-contact lists. + * + * @since 1.9.3 + * + * @param {string} accountId Account ID. + * + * @return {Array} List of constant-contact lists. + */ + getList( accountId ) { + const listsCache = app.Cache.get( app.provider, 'lists' ); + + return ! _.isEmpty( listsCache ) && ! _.isEmpty( listsCache[ accountId ] ) ? listsCache[ accountId ] : []; + }, + }, + }, + + /** + * All methods for JavaScript templates. + * + * @since 1.9.3 + */ + tmpl: { + /** + * Compile and retrieve an HTML for common elements. + * + * @since 1.9.3 + * + * @return {string} Compiled HTML. + */ + commonsHTML() { + const tmplError = app.Templates.get( 'wpforms-' + app.provider + '-builder-content-connection-error' ); + + return tmplError(); + }, + + /** + * Compile and retrieve an HTML for "Custom Fields Table". + * + * @since 1.9.3 + * + * @param {Object} args Arguments + * + * @return {string} Compiled HTML. + */ + renderActionFields( args ) { + const fields = wpf.getFields(), + actionsFields = app.Cache.get( app.provider, 'actions_fields' ), + customFields = app.Cache.get( app.provider, 'custom_fields' ), + connection = app.Cache.getById( app.provider, 'connections', args.connection_id ); + + let fieldHTML = ''; + + $.each( actionsFields[ args.target.val() ], function( key, field ) { + if ( key === 'custom_fields' ) { + const tmplFields = app.Templates.get( 'wpforms-providers-builder-content-connection-fields' ); + + fieldHTML += tmplFields( { + connection, + fields, + provider: { + slug: app.provider, + fields: customFields[ args.account_id ], + }, + isSupportSubfields: true, + } ); + + return; + } + + const options = key === 'list' ? app.ui.actionField.getList( args.account_id ) : Object.values( fields ); + const templateName = 'wpforms-' + app.provider + '-builder-content-connection-' + field.type + '-field'; + const tmplField = app.Templates.get( templateName ); + + fieldHTML += tmplField( { + connection, + name: key, + field, + provider: { + slug: app.provider, + fields: actionsFields[ args.target.val() ], + }, + options, + } ); + } ); + + return fieldHTML; + }, + }, + }; + + // Provide access to public functions/properties. + return app; +}( document, window, jQuery ) ); + +// Initialize. +WPForms.Admin.Builder.Providers.ConstantContactV3.init(); diff --git a/assets/js/builder.min.js b/assets/js/builder.min.js new file mode 100644 index 00000000..9bab5d17 --- /dev/null +++ b/assets/js/builder.min.js @@ -0,0 +1 @@ +WPForms.Admin.Builder.Providers.ConstantContactV3=WPForms.Admin.Builder.Providers.ConstantContactV3||function(n,l){const p={selectors:{accountField:".js-wpforms-builder-constant-contact-v3-provider-connection-account",actionData:".wpforms-builder-constant-contact-v3-provider-actions-data",actionField:".js-wpforms-builder-constant-contact-v3-provider-connection-action",connection:".wpforms-panel-content-section-constant-contact-v3 .wpforms-builder-provider-connection"},$elements:{$connections:l(".wpforms-panel-content-section-constant-contact-v3 .wpforms-builder-provider-connections"),$holder:l("#wpforms-panel-providers"),$panel:l("#constant-contact-v3-provider")},provider:"constant-contact-v3",Providers:{},Templates:{},Cache:{},isReady:!1,init(){"providers"===wpf.getQueryString("view")&&p.$elements.$holder.on("WPForms.Admin.Builder.Providers.ready",p.ready),l(n).on("wpformsPanelSwitched",function(n,e){"providers"===e&&p.ready()})},ready(){p.isReady||(p.Providers=WPForms.Admin.Builder.Providers,p.Templates=WPForms.Admin.Builder.Templates,p.Cache=p.Providers.cache,p.Templates.add(["wpforms-constant-contact-v3-builder-content-connection","wpforms-constant-contact-v3-builder-content-connection-error","wpforms-constant-contact-v3-builder-content-connection-select-field","wpforms-constant-contact-v3-builder-content-connection-conditionals"]),p.bindUIActions(),p.bindTriggers(),p.processInitial(),p.isReady=!0)},bindUIActions(){p.$elements.$panel.on("connectionCreate",p.connection.create).on("connectionDelete",p.connection.delete).on("change",p.selectors.accountField,p.ui.accountField.change).on("change",p.selectors.actionField,p.ui.actionField.change)},bindTriggers(){p.$elements.$connections.on("connectionsDataLoaded",function(n,e){if(!_.isEmpty(e.connections))for(const t in e.connections)p.connection.generate({connection:e.connections[t],conditional:e.conditionals[t]})}),p.$elements.$connections.on("connectionGenerated",function(n,e){var t=p.connection.getById(e.connection.id);_.has(e.connection,"isNew")&&e.connection.isNew?p.connection.replaceIds(e.connection.id,t):l(p.selectors.actionField,t).trigger("change")})},processInitial(){p.$elements.$connections.prepend(p.tmpl.commonsHTML()),p.connection.dataLoad()},connection:{getById(n){return p.$elements.$connections.find('.wpforms-builder-provider-connection[data-connection_id="'+n+'"]')},replaceIds(e,n){n.find("input, select, label").each(function(){var n=l(this);n.attr("name")&&n.attr("name",n.attr("name").replace(/%connection_id%/gi,e)),n.attr("id")&&n.attr("id",n.attr("id").replace(/%connection_id%/gi,e)),n.attr("for")&&n.attr("for",n.attr("for").replace(/%connection_id%/gi,e)),n.attr("data-name")&&n.attr("data-name",n.attr("data-name").replace(/%connection_id%/gi,e))})},create(n,e){var t=(new Date).getTime().toString(16),e={id:t,name:e,isNew:!0};p.Cache.addTo(p.provider,"connections",t,e),p.connection.generate({connection:e})},delete(n,e){var t=p.Providers.getProviderHolder(p.provider);e.closest(t).length&&(t=e.data("connection_id"),_.isString(t))&&p.Cache.deleteFrom(p.provider,"connections",t)},generate(n){var e,t,o=p.Cache.get(p.provider,"accounts");if(!_.isEmpty(o)&&p.account.isAccountExists(n.connection.account_id,o))return e=p.Cache.get(p.provider,"actions"),t=p.Cache.get(p.provider,"lists"),p.connection.renderConnections(o,t,e,n)},renderConnections(n,e,t,o){var c,i;p.account.isAccountExists(o.connection.account_id,n)&&(c=p.Templates.get("wpforms-"+p.provider+"-builder-content-connection"),i=p.Templates.get("wpforms-constant-contact-v3-builder-content-connection-conditionals"),i=_.has(o.connection,"isNew")&&o.connection.isNew?i():o.conditional,p.$elements.$connections.prepend(c({accounts:n,lists:e,actions:t,connection:o.connection,conditional:i,provider:p.provider})),p.$elements.$connections.trigger("connectionGenerated",[o]))},dataLoad(){p.Providers.ajax.request(p.provider,{data:{task:"connections_get"}}).done(function(e){e.success&&_.has(e.data,"connections")&&(["accounts","actions","actions_fields","conditionals","connections","custom_fields","lists"].forEach(n=>{p.Cache.set(p.provider,n,jQuery.extend({},e.data[n]))}),p.$elements.$connections.trigger("connectionsDataLoaded",[e.data]))})}},account:{isAccountExists(n,e){return!_.isEmpty(e)&&(!!_.isEmpty(n)||_.has(e,n))}},ui:{accountField:{change(){var n=l(this),e=n.closest(p.selectors.connection),t=l(p.selectors.actionField,e);t.prop("selectedIndex",0).trigger("change"),_.isEmpty(n.val())?(t.prop("disabled",!0),l(p.selectors.actionData,e).html("")):(t.prop("disabled",!1),n.removeClass("wpforms-error"))}},actionField:{change(){var n=l(this),e=n.closest(p.selectors.connection),t=l(p.selectors.accountField,e),o=l(p.selectors.actionField,e);p.ui.actionField.render({action:"action",target:n,account_id:t.val(),action_name:o.val(),connection_id:e.data("connection_id")}),n.removeClass("wpforms-error")},render(n){var e=p.tmpl.renderActionFields(n),t=p.connection.getById(n.connection_id);l(p.selectors.actionData,t).html(e),p.$elements.$holder.trigger("connectionRendered",[p.provider,n.connection_id])},getList(n){var e=p.Cache.get(p.provider,"lists");return _.isEmpty(e)||_.isEmpty(e[n])?[]:e[n]}}},tmpl:{commonsHTML(){return p.Templates.get("wpforms-"+p.provider+"-builder-content-connection-error")()},renderActionFields(c){const i=wpf.getFields(),r=p.Cache.get(p.provider,"actions_fields"),s=p.Cache.get(p.provider,"custom_fields"),a=p.Cache.getById(p.provider,"connections",c.connection_id);let d="";return l.each(r[c.target.val()],function(n,e){var t,o;"custom_fields"===n?(t=p.Templates.get("wpforms-providers-builder-content-connection-fields"),d+=t({connection:a,fields:i,provider:{slug:p.provider,fields:s[c.account_id]},isSupportSubfields:!0})):(t="list"===n?p.ui.actionField.getList(c.account_id):Object.values(i),o="wpforms-"+p.provider+"-builder-content-connection-"+e.type+"-field",o=p.Templates.get(o),d+=o({connection:a,name:n,field:e,provider:{slug:p.provider,fields:r[c.target.val()]},options:t}))}),d}}};return p}(document,(window,jQuery)),WPForms.Admin.Builder.Providers.ConstantContactV3.init(); \ No newline at end of file diff --git a/assets/js/button-styles.js b/assets/js/button-styles.js new file mode 100644 index 00000000..72cce77c --- /dev/null +++ b/assets/js/button-styles.js @@ -0,0 +1,181 @@ +/* global wpforms_gutenberg_form_selector */ +/* jshint es3: false, esversion: 6 */ + +/** + * @param strings.border_radius + * @param strings.border_size + * @param strings.button_color_notice + * @param strings.button_styles + * @param strings.dashed + * @param strings.solid + */ + +/** + * Gutenberg editor block. + * + * Button styles panel module. + * + * @since 1.8.8 + */ +export default ( ( function() { + /** + * WP core components. + * + * @since 1.8.8 + */ + const { PanelColorSettings } = wp.blockEditor || wp.editor; + const { SelectControl, PanelBody, Flex, FlexBlock, __experimentalUnitControl } = wp.components; + + /** + * Localized data aliases. + * + * @since 1.8.8 + */ + const { strings, defaults } = wpforms_gutenberg_form_selector; + + // noinspection UnnecessaryLocalVariableJS + /** + * Public functions and properties. + * + * @since 1.8.8 + * + * @type {Object} + */ + const app = { + + /** + * Get block attributes. + * + * @since 1.8.8 + * + * @return {Object} Block attributes. + */ + getBlockAttributes() { + return { + buttonSize: { + type: 'string', + default: defaults.buttonSize, + }, + buttonBorderStyle: { + type: 'string', + default: defaults.buttonBorderStyle, + }, + buttonBorderSize: { + type: 'string', + default: defaults.buttonBorderSize, + }, + buttonBorderRadius: { + type: 'string', + default: defaults.buttonBorderRadius, + }, + buttonBackgroundColor: { + type: 'string', + default: defaults.buttonBackgroundColor, + }, + buttonTextColor: { + type: 'string', + default: defaults.buttonTextColor, + }, + buttonBorderColor: { + type: 'string', + default: defaults.buttonBorderColor, + }, + }; + }, + + /** + * Get Button styles JSX code. + * + * @since 1.8.8 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block event handlers. + * @param {Object} sizeOptions Size selector options. + * @param {Object} formSelectorCommon Form selector common object. + * + * @return {Object} Button styles JSX code. + */ + getButtonStyles( props, handlers, sizeOptions, formSelectorCommon ) { // eslint-disable-line max-lines-per-function + return ( + + + + handlers.styleAttrChange( 'buttonSize', value ) } + /> + + + handlers.styleAttrChange( 'buttonBorderStyle', value ) } + /> + + + + + <__experimentalUnitControl + label={ strings.border_size } + value={ props.attributes.buttonBorderStyle === 'none' ? '' : props.attributes.buttonBorderSize } + min={ 0 } + disabled={ props.attributes.buttonBorderStyle === 'none' } + onChange={ ( value ) => handlers.styleAttrChange( 'buttonBorderSize', value ) } + isUnitSelectTabbable + /> + + + <__experimentalUnitControl + onChange={ ( value ) => handlers.styleAttrChange( 'buttonBorderRadius', value ) } + label={ strings.border_radius } + min={ 0 } + isUnitSelectTabbable + value={ props.attributes.buttonBorderRadius } /> + + + +
    +
    { strings.colors }
    + handlers.styleAttrChange( 'buttonBackgroundColor', value ), + label: strings.background, + }, + { + value: props.attributes.buttonBorderColor, + onChange: ( value ) => handlers.styleAttrChange( 'buttonBorderColor', value ), + label: strings.border, + }, + { + value: props.attributes.buttonTextColor, + onChange: ( value ) => handlers.styleAttrChange( 'buttonTextColor', value ), + label: strings.text, + }, + ] } /> +
    + { strings.button_color_notice } +
    +
    +     + ); + }, + }; + + return app; +} )() ); diff --git a/assets/js/cart-cross-sells-list-view.js b/assets/js/cart-cross-sells-list-view.js new file mode 100644 index 00000000..86c7f030 --- /dev/null +++ b/assets/js/cart-cross-sells-list-view.js @@ -0,0 +1,55 @@ + +window.addEventListener('DOMContentLoaded', (event) => { + CartCrossSellsSummaryHeight(); +}); + +function CartCrossSellsSummaryHeight() { + const checkIfCart = document.querySelector( 'body' ); + const crossSellsProductsWrapper = document.querySelector( '.cross-sells' ); + + if( checkIfCart.classList.contains( 'woocommerce-cart' ) && crossSellsProductsWrapper ) { + const crossSellsProducts = crossSellsProductsWrapper.querySelectorAll( '.products > li' ); + + if( crossSellsProducts ) { + crossSellsProducts.forEach( singleProduct => { + if( singleProduct ) { + const singleProductSummary = singleProduct.querySelectorAll( '.astra-shop-summary-wrap' ); + if( singleProductSummary ) { + singleProductSummary.forEach( singleSummary => { + const singleProductSummaryButton = singleSummary.querySelector( '.price' ); + const singleProductSummaryPrice = singleSummary.querySelector( 'a.button' ); + const quickView = singleSummary.querySelector( 'a.ast-quick-view-button' ); + if( singleProductSummaryButton || singleProductSummaryPrice ) { + + const buttonHeight = singleProductSummaryButton ? singleProductSummaryButton.clientHeight : 0; + const priceHeight = singleProductSummaryPrice ? singleProductSummaryPrice.clientHeight : 0 ; + const quickViewButtonHeight = quickView ? quickView.clientHeight : 0; + const currentHeight = buttonHeight + priceHeight + quickViewButtonHeight + 15; + + if( currentHeight ) { + singleSummary.style.minHeight = currentHeight + 'px'; + } + } + }); + } + + } + }); + } + + } +} + +CartCrossSellsSummaryHeightResize(); + +function CartCrossSellsSummaryHeightResize() { + let resizeEnd; + + window.addEventListener( 'resize' , function( event ){ + clearTimeout( resizeEnd ); + resizeEnd = setTimeout( function() { + CartCrossSellsSummaryHeight(); + }, 500 ); + }); +} + diff --git a/assets/js/cart-cross-sells-list-view.min.js b/assets/js/cart-cross-sells-list-view.min.js new file mode 100644 index 00000000..e1fb0b3f --- /dev/null +++ b/assets/js/cart-cross-sells-list-view.min.js @@ -0,0 +1 @@ +function CartCrossSellsSummaryHeight(){var e=document.querySelector("body"),t=document.querySelector(".cross-sells");e.classList.contains("woocommerce-cart")&&t&&(e=t.querySelectorAll(".products > li"))&&e.forEach(e=>{e&&(e=e.querySelectorAll(".astra-shop-summary-wrap"))&&e.forEach(e=>{var t=e.querySelector(".price"),r=e.querySelector("a.button"),o=e.querySelector("a.ast-quick-view-button");(t||r)&&(t=(t?t.clientHeight:0)+(r?r.clientHeight:0)+(o?o.clientHeight:0)+15)&&(e.style.minHeight=t+"px")})})}function CartCrossSellsSummaryHeightResize(){let t;window.addEventListener("resize",function(e){clearTimeout(t),t=setTimeout(function(){CartCrossSellsSummaryHeight()},500)})}window.addEventListener("DOMContentLoaded",e=>{CartCrossSellsSummaryHeight()}),CartCrossSellsSummaryHeightResize(); \ No newline at end of file diff --git a/assets/js/cart-quanitity-updater.min.js b/assets/js/cart-quanitity-updater.min.js new file mode 100644 index 00000000..6920741f --- /dev/null +++ b/assets/js/cart-quanitity-updater.min.js @@ -0,0 +1 @@ +jQuery(document).ready(function(){if(jQuery("body").hasClass("woocommerce-cart")){let e;jQuery("div.woocommerce").on("change keyup mouseup","input.qty",function(){null!=e&&clearTimeout(e),""!=jQuery(this).val()&&(e=setTimeout(function(){jQuery('[name="update_cart"]').trigger("click")},1e3))})}}); \ No newline at end of file diff --git a/assets/js/cart-quantity-updater.min.js b/assets/js/cart-quantity-updater.min.js new file mode 100644 index 00000000..de3f1c9d --- /dev/null +++ b/assets/js/cart-quantity-updater.min.js @@ -0,0 +1 @@ +function cartQuantityUpdater(){const e=document.querySelector("body");pageParentClass=document.querySelector("div.woocommerce");let t;e.classList.contains("woocommerce-cart")&&pageParentClass&&pageParentClass.addEventListener("change",function(e){e.target&&e.target.classList.contains("qty")&&(null!=t&&clearTimeout(t),""!=e.target.value&&(t=setTimeout(function(){document.querySelector('[name="update_cart"]').click()},1e3)))})}window.addEventListener("DOMContentLoaded",e=>{cartQuantityUpdater()}); \ No newline at end of file diff --git a/assets/js/challenge-admin.js b/assets/js/challenge-admin.js new file mode 100644 index 00000000..a1eae59a --- /dev/null +++ b/assets/js/challenge-admin.js @@ -0,0 +1,188 @@ +/* global wpforms_challenge_admin, ajaxurl, WPFormsBuilder */ +/** + * WPForms Challenge Admin function. + * + * @since 1.5.0 + * @since 1.6.2 Challenge v2 + */ +'use strict'; + +var WPFormsChallenge = window.WPFormsChallenge || {}; + +WPFormsChallenge.admin = window.WPFormsChallenge.admin || ( function( document, window, $ ) { + + /** + * Public functions and properties. + * + * @since 1.5.0 + * + * @type {object} + */ + var app = { + + l10n: wpforms_challenge_admin, + + /** + * Start the engine. + * + * @since 1.5.0 + */ + init: function() { + + $( app.ready ); + }, + + /** + * Document ready. + * + * @since 1.5.0 + */ + ready: function() { + + app.events(); + }, + + /** + * Register JS events. + * + * @since 1.5.0 + */ + events: function() { + + $( '.wpforms-challenge-list-block' ) + .on( 'click', '.challenge-skip', app.skipChallenge ) + .on( 'click', '.challenge-cancel', app.cancelChallenge ) + .on( 'click', '.toggle-list', app.toggleList ); + }, + + /** + * Toggle list icon click. + * + * @since 1.5.0 + * + * @param {object} e Event object. + */ + toggleList: function( e ) { + + var $icon = $( e.target ), + $listBlock = $( '.wpforms-challenge-list-block' ); + + if ( ! $listBlock.length || ! $icon.length ) { + return; + } + + if ( $listBlock.hasClass( 'closed' ) ) { + wpforms_challenge_admin.option.window_closed = '0'; + $listBlock.removeClass( 'closed' ); + + setTimeout( function() { + $listBlock.removeClass( 'transition-back' ); + }, 600 ); + } else { + wpforms_challenge_admin.option.window_closed = '1'; + $listBlock.addClass( 'closed' ); + + // Add `transition-back` class when the forward transition is completed. + // It is needed to properly implement transitions order for some elements. + setTimeout( function() { + $listBlock.addClass( 'transition-back' ); + }, 600 ); + } + }, + + /** + * Skip the Challenge without starting it. + * + * @since 1.5.0 + */ + skipChallenge: function() { + + var optionData = { + status : 'skipped', + seconds_spent: 0, + seconds_left : app.l10n.minutes_left * 60, + }; + + $( '.wpforms-challenge' ).remove(); + + // In the Form Builder, we must also make the Embed button clickable. + $( '#wpforms-embed' ).removeClass( 'wpforms-disabled' ); + + app.saveChallengeOption( optionData ); + }, + + /** + * Cancel Challenge after starting it. + * + * @since 1.6.2 + */ + cancelChallenge: function() { + + var core = WPFormsChallenge.core; + + core.timer.pause(); + + /* eslint-disable camelcase */ + var optionData = { + status : 'canceled', + seconds_spent: core.timer.getSecondsSpent(), + seconds_left : core.timer.getSecondsLeft(), + feedback_sent: false, + }; + /* eslint-enable */ + + core.removeChallengeUI(); + core.clearLocalStorage(); + + if ( typeof WPFormsBuilder !== 'undefined' ) { + WPFormsChallenge.admin.saveChallengeOption( optionData ) + .done( function() { // Save the form before removing scripts if we're in a WPForms Builder. + if ( localStorage.getItem( 'wpformsChallengeStep' ) !== null ) { + WPFormsBuilder.formSave( false ); + } + } ).done( // Remove scripts related to challenge. + $( '#wpforms-challenge-admin-js, #wpforms-challenge-core-js, #wpforms-challenge-admin-js-extra, #wpforms-challenge-builder-js' ) + .remove() + ); + } else { + WPFormsChallenge.admin.saveChallengeOption( optionData ) + .done( app.triggerPageSave ); // Assume we're on form embed page. + } + }, + + /** + * Set Challenge parameter(s) to Challenge option. + * + * @since 1.5.0 + * + * @param {object} optionData Query using option schema keys. + * + * @returns {promise} jQuery.post() promise interface. + */ + saveChallengeOption: function( optionData ) { + + var data = { + action : 'wpforms_challenge_save_option', + option_data: optionData, + _wpnonce : app.l10n.nonce, + }; + + // Save window closed (collapsed) state as well. + data.option_data.window_closed = wpforms_challenge_admin.option.window_closed; + + $.extend( wpforms_challenge_admin.option, optionData ); + + return $.post( ajaxurl, data, function( response ) { + if ( ! response.success ) { + console.error( 'Error saving WPForms Challenge option.' ); + } + } ); + }, + }; + + // Provide access to public functions/properties. + return app; + +}( document, window, jQuery ) ); + +WPFormsChallenge.admin.init(); diff --git a/assets/js/challenge-admin.min.js b/assets/js/challenge-admin.min.js new file mode 100644 index 00000000..0828ac81 --- /dev/null +++ b/assets/js/challenge-admin.min.js @@ -0,0 +1 @@ +"use strict";var WPFormsChallenge=window.WPFormsChallenge||{};WPFormsChallenge.admin=window.WPFormsChallenge.admin||function(o){var l={l10n:wpforms_challenge_admin,init:function(){o(l.ready)},ready:function(){l.events()},events:function(){o(".wpforms-challenge-list-block").on("click",".challenge-skip",l.skipChallenge).on("click",".challenge-cancel",l.cancelChallenge).on("click",".toggle-list",l.toggleList)},toggleList:function(e){var e=o(e.target),n=o(".wpforms-challenge-list-block");n.length&&e.length&&(n.hasClass("closed")?(wpforms_challenge_admin.option.window_closed="0",n.removeClass("closed"),setTimeout(function(){n.removeClass("transition-back")},600)):(wpforms_challenge_admin.option.window_closed="1",n.addClass("closed"),setTimeout(function(){n.addClass("transition-back")},600)))},skipChallenge:function(){var e={status:"skipped",seconds_spent:0,seconds_left:60*l.l10n.minutes_left};o(".wpforms-challenge").remove(),o("#wpforms-embed").removeClass("wpforms-disabled"),l.saveChallengeOption(e)},cancelChallenge:function(){var e=WPFormsChallenge.core,n=(e.timer.pause(),{status:"canceled",seconds_spent:e.timer.getSecondsSpent(),seconds_left:e.timer.getSecondsLeft(),feedback_sent:!1});e.removeChallengeUI(),e.clearLocalStorage(),"undefined"!=typeof WPFormsBuilder?WPFormsChallenge.admin.saveChallengeOption(n).done(function(){null!==localStorage.getItem("wpformsChallengeStep")&&WPFormsBuilder.formSave(!1)}).done(o("#wpforms-challenge-admin-js, #wpforms-challenge-core-js, #wpforms-challenge-admin-js-extra, #wpforms-challenge-builder-js").remove()):WPFormsChallenge.admin.saveChallengeOption(n).done(l.triggerPageSave)},saveChallengeOption:function(e){var n={action:"wpforms_challenge_save_option",option_data:e,_wpnonce:l.l10n.nonce};return n.option_data.window_closed=wpforms_challenge_admin.option.window_closed,o.extend(wpforms_challenge_admin.option,e),o.post(ajaxurl,n,function(e){e.success||console.error("Error saving WPForms Challenge option.")})}};return l}((document,window,jQuery)),WPFormsChallenge.admin.init(); \ No newline at end of file diff --git a/assets/js/challenge-builder.js b/assets/js/challenge-builder.js new file mode 100644 index 00000000..b8f89b8b --- /dev/null +++ b/assets/js/challenge-builder.js @@ -0,0 +1,286 @@ +/* global WPForms, WPFormsBuilder, wpforms_challenge_admin, WPFormsFormEmbedWizard */ +/** + * WPForms Challenge function. + * + * @since 1.5.0 + * @since 1.6.2 Challenge v2 + */ +'use strict'; + +var WPFormsChallenge = window.WPFormsChallenge || {}; + +WPFormsChallenge.builder = window.WPFormsChallenge.builder || ( function( document, window, $ ) { + + /** + * Public functions and properties. + * + * @since 1.5.0 + * + * @type {object} + */ + var app = { + + /** + * Start the engine. + * + * @since 1.5.0 + */ + init: function() { + + $( app.ready ); + $( window ).on( 'load', function() { + + // in case of jQuery 3.+ we need to wait for an `ready` event first. + if ( typeof $.ready.then === 'function' ) { + $.ready.then( app.load ); + } else { + app.load(); + } + } ); + }, + + /** + * Document ready. + * + * @since 1.5.0 + */ + ready: function() { + + app.setup(); + app.events(); + }, + + /** + * Window load. + * + * @since 1.5.0 + */ + load: function() { + + if ( [ 'started', 'paused' ].indexOf( wpforms_challenge_admin.option.status ) > -1 ) { + WPFormsChallenge.core.updateTooltipUI(); + } + + $( '.wpforms-challenge' ).show(); + }, + + /** + * Initial setup. + * + * @since 1.5.0 + */ + setup: function() { + if ( wpforms_challenge_admin.option.status === 'inited' ) { + WPFormsChallenge.core.clearLocalStorage(); + app.showWelcomePopup(); + } + + app.initTooltips(); + + $( '#wpforms-embed' ).addClass( 'wpforms-disabled' ); + + $( document ).on( 'wpformsWizardPopupClose', app.enableEmbed ); + }, + + /** + * Register JS events. + * + * @since 1.5.0 + */ + events: function() { + + // Start the Challenge. + $( '#wpforms-challenge-welcome-builder-popup' ).on( 'click', 'button', app.startChallenge ); + + // Step 1. + $( '.wpforms-challenge-step1-done' ).on( 'click', function() { + WPFormsChallenge.core.stepCompleted( 1 ); + } ); + + $( '#wpforms-builder' ) + + // Register select template event when the setup panel is ready. + .on( 'wpformsBuilderSetupReady', function() { + app.eventSelectTemplate(); + } ) + + // Restore tooltips when switching builder panels/sections. + .on( 'wpformsPanelSwitch wpformsPanelSectionSwitch wpformsBuilderPanelLoaded', function() { + WPFormsChallenge.core.updateTooltipUI(); + } ); + + // Step 3 - Add fields. + $( '.wpforms-challenge-step3-done' ).on( 'click', app.gotoNotificationStep ); + + // Step 4 - Notifications. + $( document ).on( 'click', '.wpforms-challenge-step4-done', app.showEmbedPopup ); + + // Tooltipster ready. + $.tooltipster.on( 'ready', app.tooltipsterReady ); + + // Move to step 3 if challenge is forced and exisiting form is opened. + $( document ).on( 'wpformsBuilderReady', function() { + if ( $( '.wpforms-panel-fields-button' ).hasClass( 'active' ) && WPFormsChallenge.core.loadStep() <= 2 ) { + WPFormsChallenge.core.stepCompleted( 1 ); + WPFormsChallenge.core.stepCompleted( 2 ); + } + } ); + }, + + /** + * Initialize tooltips. + * + * @since 1.9.3 + */ + initTooltips() { + const tooltipAnchors = [ + '#wpforms-setup-name', + '.wpforms-setup-title .wpforms-setup-title-after', + '#add-fields a i', + '#wpforms-builder-settings-notifications-title', + ]; + + $.each( tooltipAnchors, function( i, anchor ) { + WPFormsChallenge.core.initTooltips( i + 1, anchor, null ); + } ); + }, + + /** + * Register select template event. + * + * @since 1.6.8 + */ + eventSelectTemplate: function() { + + $( '#wpforms-panel-setup' ) + + // Step 2 - Select the Form template. + .off( 'click', '.wpforms-template-select' ) // Intercept Form Builder's form template selection and apply own logic. + .on( 'click', '.wpforms-template-select', function( e ) { + app.builderTemplateSelect( this, e ); + } ); + }, + + /** + * Start the Challenge. + * + * @since 1.6.2 + */ + startChallenge: function() { + + WPFormsChallenge.admin.saveChallengeOption( { status: 'started' } ); + WPFormsChallenge.core.initListUI( 'started' ); + $( '.wpforms-challenge-popup-container' ).fadeOut( function() { + $( '#wpforms-challenge-welcome-builder-popup' ).hide(); + } ); + WPFormsChallenge.core.timer.run( WPFormsChallenge.core.timer.initialSecondsLeft ); + WPFormsChallenge.core.updateTooltipUI(); + }, + + /** + * Go to Step. + * + * @since 1.6.2 + * @since 1.7.5 Deprecated. + * + * @param {number|string} step Last saved step. + */ + gotoStep: function( step ) { + console.warn( 'WARNING! Function "WPFormsChallenge.builder.gotoStep()" has been deprecated.' ); + }, + + /** + * Save the second step before a template is selected. + * + * @since 1.5.0 + * + * @param {string} el Element selector. + * @param {object} e Event. + */ + builderTemplateSelect: function( el, e ) { + + WPFormsChallenge.core.resumeChallengeAndExec( e, function() { + + WPFormsChallenge.core.stepCompleted( 2 ) + .done( WPForms.Admin.Builder.Setup.selectTemplate.bind( el, e ) ); + } ); + }, + + /** + * Tooltipster ready event callback. + * + * @since 1.6.2 + * + * @param {object} e Event object. + */ + tooltipsterReady: function( e ) { + + var step = $( e.origin ).data( 'wpforms-challenge-step' ); + var formId = $( '#wpforms-builder-form' ).data( 'id' ); + + step = parseInt( step, 10 ) || 0; + formId = parseInt( formId, 10 ) || 0; + + // Save challenge form ID right after it's created. + if ( 3 === step && formId > 0 ) { + WPFormsChallenge.admin.saveChallengeOption( { form_id: formId } ); // eslint-disable-line camelcase + } + }, + + /** + * Display 'Welcome to the Form Builder' popup. + * + * @since 1.6.2 + */ + showWelcomePopup: function() { + + $( '#wpforms-challenge-welcome-builder-popup' ).show(); + $( '.wpforms-challenge-popup-container' ).fadeIn(); + }, + + /** + * Go to Notification step. + * + * @since 1.7.5 + * + * @param {object} e Event object. + */ + gotoNotificationStep: function( e ) { + + WPFormsChallenge.core.stepCompleted( 3 ).done( function() { + + WPFormsBuilder.panelSwitch( 'settings' ); + WPFormsBuilder.panelSectionSwitch( $( '.wpforms-panel .wpforms-panel-sidebar-section-notifications' ) ); + } ); + }, + + /** + * Display 'Embed in a Page' popup. + * + * @since 1.6.2 + */ + showEmbedPopup: function() { + + WPFormsChallenge.core.stepCompleted( 4 ).done( + WPFormsFormEmbedWizard.openPopup + ); + }, + + /** + * Enable Embed button when Embed popup is closed. + * + * @since 1.7.4 + */ + enableEmbed: function() { + + $( '#wpforms-embed' ).removeClass( 'wpforms-disabled' ); + }, + }; + + // Provide access to public functions/properties. + return app; + +}( document, window, jQuery ) ); + +// Initialize. +WPFormsChallenge.builder.init(); diff --git a/assets/js/challenge-builder.min.js b/assets/js/challenge-builder.min.js new file mode 100644 index 00000000..f4d217e4 --- /dev/null +++ b/assets/js/challenge-builder.min.js @@ -0,0 +1 @@ +"use strict";var WPFormsChallenge=window.WPFormsChallenge||{};WPFormsChallenge.builder=window.WPFormsChallenge.builder||function(e,o,n){var t={init:function(){n(t.ready),n(o).on("load",function(){"function"==typeof n.ready.then?n.ready.then(t.load):t.load()})},ready:function(){t.setup(),t.events()},load:function(){-1<["started","paused"].indexOf(wpforms_challenge_admin.option.status)&&WPFormsChallenge.core.updateTooltipUI(),n(".wpforms-challenge").show()},setup:function(){"inited"===wpforms_challenge_admin.option.status&&(WPFormsChallenge.core.clearLocalStorage(),t.showWelcomePopup()),t.initTooltips(),n("#wpforms-embed").addClass("wpforms-disabled"),n(e).on("wpformsWizardPopupClose",t.enableEmbed)},events:function(){n("#wpforms-challenge-welcome-builder-popup").on("click","button",t.startChallenge),n(".wpforms-challenge-step1-done").on("click",function(){WPFormsChallenge.core.stepCompleted(1)}),n("#wpforms-builder").on("wpformsBuilderSetupReady",function(){t.eventSelectTemplate()}).on("wpformsPanelSwitch wpformsPanelSectionSwitch wpformsBuilderPanelLoaded",function(){WPFormsChallenge.core.updateTooltipUI()}),n(".wpforms-challenge-step3-done").on("click",t.gotoNotificationStep),n(e).on("click",".wpforms-challenge-step4-done",t.showEmbedPopup),n.tooltipster.on("ready",t.tooltipsterReady),n(e).on("wpformsBuilderReady",function(){n(".wpforms-panel-fields-button").hasClass("active")&&WPFormsChallenge.core.loadStep()<=2&&(WPFormsChallenge.core.stepCompleted(1),WPFormsChallenge.core.stepCompleted(2))})},initTooltips(){n.each(["#wpforms-setup-name",".wpforms-setup-title .wpforms-setup-title-after","#add-fields a i","#wpforms-builder-settings-notifications-title"],function(e,o){WPFormsChallenge.core.initTooltips(e+1,o,null)})},eventSelectTemplate:function(){n("#wpforms-panel-setup").off("click",".wpforms-template-select").on("click",".wpforms-template-select",function(e){t.builderTemplateSelect(this,e)})},startChallenge:function(){WPFormsChallenge.admin.saveChallengeOption({status:"started"}),WPFormsChallenge.core.initListUI("started"),n(".wpforms-challenge-popup-container").fadeOut(function(){n("#wpforms-challenge-welcome-builder-popup").hide()}),WPFormsChallenge.core.timer.run(WPFormsChallenge.core.timer.initialSecondsLeft),WPFormsChallenge.core.updateTooltipUI()},gotoStep:function(e){console.warn('WARNING! Function "WPFormsChallenge.builder.gotoStep()" has been deprecated.')},builderTemplateSelect:function(e,o){WPFormsChallenge.core.resumeChallengeAndExec(o,function(){WPFormsChallenge.core.stepCompleted(2).done(WPForms.Admin.Builder.Setup.selectTemplate.bind(e,o))})},tooltipsterReady:function(e){var e=n(e.origin).data("wpforms-challenge-step"),o=n("#wpforms-builder-form").data("id"),e=parseInt(e,10)||0,o=parseInt(o,10)||0;3===e&&0 secondsLeft ) { + timer.saveSecondsLeft( 0 ); + clearInterval( timerId ); + } + }, 1000 ); + + timer.saveId( timerId ); + + return timerId; + }, + + /** + * Pause the timer. + * + * @since 1.5.0 + */ + pause: function() { + + var timerId; + var elSeconds; + var secondsLeft = timer.getSecondsLeft(); + + if ( 0 === secondsLeft || 5 === app.loadStep() ) { + return; + } + + timerId = timer.loadId(); + clearInterval( timerId ); + + elSeconds = $( '#wpforms-challenge-timer' ).data( 'seconds-left' ); + + if ( elSeconds ) { + timer.saveSecondsLeft( elSeconds ); + } + }, + + /** + * Resume the timer. + * + * @since 1.5.0 + */ + resume: function() { + + var timerId; + var secondsLeft = timer.getSecondsLeft(); + + if ( 0 === secondsLeft || 5 === app.loadStep() ) { + return; + } + + timerId = timer.loadId(); + + if ( timerId ) { + clearInterval( timerId ); + } + + timer.run( secondsLeft ); + }, + + /** + * Clear all frontend saved timer data. + * + * @since 1.5.0 + */ + clear: function() { + + localStorage.removeItem( 'wpformsChallengeSecondsLeft' ); + localStorage.removeItem( 'wpformsChallengeTimerId' ); + localStorage.removeItem( 'wpformsChallengeTimerStatus' ); + $( '#wpforms-challenge-timer' ).removeData( 'seconds-left' ); + }, + + /** + * Get number of seconds left to complete the Challenge. + * + * @since 1.5.0 + * + * @returns {number} Number of seconds left to complete the Challenge. + */ + getSecondsLeft: function() { + + var secondsLeft = localStorage.getItem( 'wpformsChallengeSecondsLeft' ); + secondsLeft = parseInt( secondsLeft, 10 ) || 0; + + return secondsLeft; + }, + + /** + * Get number of seconds spent completing the Challenge. + * + * @since 1.5.0 + * + * @param {number} secondsLeft Number of seconds left to complete the Challenge. + * + * @returns {number} Number of seconds spent completing the Challenge. + */ + getSecondsSpent: function( secondsLeft ) { + + secondsLeft = secondsLeft || timer.getSecondsLeft(); + + return timer.initialSecondsLeft - secondsLeft; + }, + + /** + * Save number of seconds left to complete the Challenge. + * + * @since 1.5.0 + * + * @param {number|string} secondsLeft Number of seconds left to complete the Challenge. + */ + saveSecondsLeft: function( secondsLeft ) { + + localStorage.setItem( 'wpformsChallengeSecondsLeft', secondsLeft ); + }, + + /** + * Get 'minutes' part of timer display. + * + * @since 1.5.0 + * + * @param {number} secondsLeft Number of seconds left to complete the Challenge. + * + * @returns {number} 'Minutes' part of timer display. + */ + getMinutesFormatted: function( secondsLeft ) { + + secondsLeft = secondsLeft || timer.getSecondsLeft(); + + return Math.floor( secondsLeft / 60 ); + }, + + /** + * Get 'seconds' part of timer display. + * + * @since 1.5.0 + * + * @param {number} secondsLeft Number of seconds left to complete the Challenge. + * + * @returns {number} 'Seconds' part of timer display. + */ + getSecondsFormatted: function( secondsLeft ) { + + secondsLeft = secondsLeft || timer.getSecondsLeft(); + + return secondsLeft % 60; + }, + + /** + * Get formatted timer for display. + * + * @since 1.5.0 + * + * @param {number} secondsLeft Number of seconds left to complete the Challenge. + * + * @returns {string} Formatted timer for display. + */ + getFormatted: function( secondsLeft ) { + + secondsLeft = secondsLeft || timer.getSecondsLeft(); + + var timerMinutes = timer.getMinutesFormatted( secondsLeft ); + var timerSeconds = timer.getSecondsFormatted( secondsLeft ); + + return timerMinutes + ( 9 < timerSeconds ? ':' : ':0' ) + timerSeconds; + }, + }; + + /** + * Public functions and properties. + */ + app = { + + /** + * Public timer functions and properties. + * + * @since 1.5.0 + */ + timer: timer, + + /** + * Start the engine. + * + * @since 1.5.0 + */ + init: function() { + + $( app.ready ); + $( window ).on( 'load', function() { + + // in case of jQuery 3.+ we need to wait for an `ready` event first. + if ( typeof $.ready.then === 'function' ) { + $.ready.then( app.load ); + } else { + app.load(); + } + } ); + }, + + /** + * Document ready. + * + * @since 1.5.0 + */ + ready: function() { + + app.setup(); + app.events(); + }, + + /** + * Window load. + * + * @since 1.5.0 + */ + load: function() { + + if ( wpforms_challenge_admin.option.status === 'started' ) { + app.timer.run( app.timer.getSecondsLeft() ); + } + }, + + /** + * Initial setup. + * + * @since 1.5.0 + */ + setup: function() { + + var secondsLeft; + var timerId = app.timer.loadId(); + + if ( timerId ) { + clearInterval( timerId ); + secondsLeft = app.timer.getSecondsLeft(); + } + + if ( ! timerId || 0 === app.loadStep() || wpforms_challenge_admin.option.status === 'inited' ) { + secondsLeft = app.timer.initialSecondsLeft; + } + + app.initElements(); + app.refreshStep(); + app.initListUI( null, true ); + app.updateListUI(); + app.updateTimerUI( secondsLeft ); + }, + + /** + * Register JS events. + * + * @since 1.5.0 + */ + events: function() { + + $( [ window, document ] ) + .on( 'blur', app.pauseChallenge ) + .on( 'focus', app.resumeChallenge ) + .on( 'click', '.wpforms-challenge-done-btn', app.resumeChallenge ); + + el.$btnPause.on( 'click', app.pauseChallenge ); + el.$btnResume.on( 'click', app.resumeChallenge ); + + el.$listSteps.on( 'click', '.wpforms-challenge-item-current', app.refreshPage ); + }, + + /** + * DOM elements. + * + * @since 1.6.2 + */ + initElements: function() { + + el = { + $challenge: $( '.wpforms-challenge' ), + $btnPause: $( '.wpforms-challenge-pause' ), + $btnResume: $( '.wpforms-challenge-resume' ), + $listSteps: $( '.wpforms-challenge-list' ), + $listBlock: $( '.wpforms-challenge-list-block' ), + $listBtnToggle: $( '.wpforms-challenge-list-block .toggle-list' ), + $progressBar: $( '.wpforms-challenge-bar' ), + $tooltipBtnDone: function() { + return $( '.wpforms-challenge-tooltip .wpforms-challenge-done-btn' ); + }, + }; + }, + + /** + * Get last saved step. + * + * @since 1.5.0 + * + * @returns {number} Last saved step. + */ + loadStep: function() { + + var step = localStorage.getItem( 'wpformsChallengeStep' ); + step = parseInt( step, 10 ) || 0; + + return step; + }, + + /** + * Save Challenge step. + * + * @param {number|string} step Step to save. + * + * @returns {object} jqXHR object from saveChallengeOption(). + */ + saveStep: function( step ) { + + localStorage.setItem( 'wpformsChallengeStep', step ); + + return WPFormsChallenge.admin.saveChallengeOption( { step: step } ); + }, + + /** + * Update a step with backend data. + * + * @since 1.5.0 + */ + refreshStep: function() { + + var savedStep = el.$challenge.data( 'wpforms-challenge-saved-step' ); + savedStep = parseInt( savedStep, 10 ) || 0; + + // Step saved on a backend has a priority. + if ( app.loadStep() !== savedStep ) { + app.saveStep( savedStep ); + } + }, + + /** + * Complete Challenge step. + * + * @since 1.5.0 + * + * @param {number|string} step Step to complete. + * + * @returns {object} jqXHR object from saveStep(). + */ + stepCompleted: function( step ) { + + app.updateListUI( step ); + app.updateTooltipUI( step ); + + return app.saveStep( step ); + }, + + /** + * Initialize Challenge tooltips. + * + * @since 1.5.0 + * + * @param {number|string} step Last saved step. + * @param {string} anchor Element selector to bind tooltip to. + * @param {object} args Tooltipster arguments. + */ + initTooltips: function( step, anchor, args ) { + + if ( typeof $.fn.tooltipster === 'undefined' ) { + return; + } + + var $dot = $( ' ' ); + var tooltipsterArgs = { + content : $( '#tooltip-content' + step ), + trigger : null, + interactive : true, + animationDuration: 0, + delay : 0, + theme : [ 'tooltipster-default', 'wpforms-challenge-tooltip' ], + side : [ 'top' ], + distance : 3, + functionReady : function( instance, helper ) { + + $( helper.tooltip ).addClass( 'wpforms-challenge-tooltip-step' + step ); + + // Custom positioning. + if ( step === 4 || step === 3 ) { + instance.option( 'side', 'right' ); + } else if ( step === 1 ) { + instance.option( 'side', 'left' ); + } + + // Reposition is needed to render max-width CSS correctly. + instance.reposition(); + }, + }; + + if ( typeof args === 'object' && args !== null ) { + $.extend( tooltipsterArgs, args ); + } + + $dot.insertAfter( anchor ).tooltipster( tooltipsterArgs ); + }, + + /** + * Update tooltips appearance. + * + * @since 1.5.0 + * + * @param {number|string} step Last saved step. + */ + updateTooltipUI: function( step ) { + + var nextStep; + + step = step || app.loadStep(); + nextStep = step + 1; + + $( '.wpforms-challenge-dot' ).each( function( i, el ) { + + var $dot = $( el ), + elStep = $dot.data( 'wpforms-challenge-step' ); + + if ( elStep < nextStep ) { + $dot.addClass( 'wpforms-challenge-dot-completed' ); + } + + if ( elStep > nextStep ) { + $dot.addClass( 'wpforms-challenge-dot-next' ); + } + + if ( elStep === nextStep ) { + $dot.removeClass( 'wpforms-challenge-dot-completed wpforms-challenge-dot-next' ); + } + + // Zero timeout is needed to properly detect $el visibility. + setTimeout( function() { + if ( $dot.is( ':visible' ) && elStep === nextStep ) { + $dot.tooltipster( 'open' ); + } else { + $dot.tooltipster( 'close' ); + } + }, 0 ); + } ); + }, + + /** + * Init ListUI. + * + * @since 1.6.2 + * + * @param {number|string} status Challenge status. + * @param {boolean} initial Initial run, false by default. + */ + initListUI: function( status, initial ) { + + status = status || wpforms_challenge_admin.option.status; + + if ( [ 'started', 'paused' ].indexOf( status ) > -1 ) { + el.$listBlock.find( 'p' ).hide(); + el.$listBtnToggle.show(); + el.$progressBar.show(); + + // Transform skip button to cancel button. + var $skipBtn = el.$listBlock.find( '.list-block-button.challenge-skip' ); + + $skipBtn + .attr( 'title', $skipBtn.data( 'cancel-title' ) ) + .removeClass( 'challenge-skip' ) + .addClass( 'challenge-cancel' ); + } + + // Set initial window closed (collapsed) state if window is short or if it is closed manually. + if ( + initial && + ( + ( $( window ).height() < 900 && wpforms_challenge_admin.option.window_closed === '' ) || + wpforms_challenge_admin.option.window_closed === '1' + ) + ) { + el.$listBlock.find( 'p' ).hide(); + el.$listBtnToggle.trigger( 'click' ); + } + + if ( status === 'paused' ) { + + el.$challenge.addClass( 'paused' ); + el.$btnPause.hide(); + el.$btnResume.show(); + + } else { + + // Zero timeout is needed to avoid firing 'focus' and 'click' events in the same loop. + setTimeout( function() { + el.$btnPause.show(); + }, 0 ); + + el.$challenge.removeClass( 'paused' ); + el.$btnResume.hide(); + + } + }, + + /** + * Update Challenge task list appearance. + * + * @since 1.5.0 + * + * @param {number|string} step Last saved step. + */ + updateListUI: function( step ) { + + step = step || app.loadStep(); + + el.$listSteps.find( 'li' ).slice( 0, step ).addClass( 'wpforms-challenge-item-completed' ).removeClass( 'wpforms-challenge-item-current' ); + el.$listSteps.find( 'li' ).eq( step ).addClass( 'wpforms-challenge-item-current' ); + el.$progressBar.find( 'div' ).css( 'width', ( step * 20 ) + '%' ); + }, + + /** + * Update Challenge timer appearance. + * + * @since 1.5.0 + * + * @param {number} secondsLeft Number of seconds left to complete the Challenge. + */ + updateTimerUI: function( secondsLeft ) { + + if ( ! secondsLeft || isNaN( secondsLeft ) || '0' === secondsLeft ) { + secondsLeft = 0; + } + + app.timer.saveSecondsLeft( secondsLeft ); + $( '#wpforms-challenge-timer' ).text( app.timer.getFormatted( secondsLeft ) ).data( 'seconds-left', secondsLeft ); + }, + + /** + * Remove Challenge interface. + * + * @since 1.5.0 + */ + removeChallengeUI: function() { + + $( '.wpforms-challenge-dot' ).remove(); + el.$challenge.remove(); + }, + + /** + * Clear all Challenge frontend saved data. + * + * @since 1.5.0 + */ + clearLocalStorage: function() { + + localStorage.removeItem( 'wpformsChallengeStep' ); + app.timer.clear(); + }, + + /** + * Pause Challenge. + * + * @since 1.6.2 + * + * @param {object} e Event object. + */ + pauseChallenge: function( e ) { + + // Skip if out to the iframe. + if ( document.activeElement.tagName === 'IFRAME' ) { + return; + } + + // Skip if is not started. + if ( wpforms_challenge_admin.option.status !== 'started' ) { + return; + } + + vars.pauseEvent = e.type; + + app.pauseResumeChallenge( 'pause' ); + }, + + /** + * Resume Challenge. + * + * @since 1.6.2 + * + * @param {object} e Event object. + * + * @returns {Function|void} Return pause challenge function or void. + */ + resumeChallenge: function( e ) { + + // Skip if is not paused. + if ( wpforms_challenge_admin.option.status !== 'paused' ) { + return; + } + + // Resume on 'focus' only if it has been paused on 'blur'. + if ( e.type === 'focus' && vars.pauseEvent !== 'blur' ) { + delete vars.pauseEvent; + return; + } + + vars.resumeEvent = e.type; + + return app.pauseResumeChallenge( 'resume' ); + }, + + /** + * Pause/Resume Challenge. + * + * @since 1.6.2 + * + * @param {string} action Action to perform. `pause` or `resume`. + * + * @returns {Function} Save challenge option. + */ + pauseResumeChallenge: function( action ) { + + action = action === 'pause' ? action : 'resume'; + + app.timer[ action ](); + + var optionData = { + status : action === 'pause' ? 'paused' : 'started', + seconds_spent: app.timer.getSecondsSpent(), + seconds_left : app.timer.getSecondsLeft(), + }; + + app.initListUI( optionData.status ); + + return WPFormsChallenge.admin.saveChallengeOption( optionData ); + }, + + /** + * Resume Challenge and execute the callback. + * + * @since 1.7.5 + * + * @param {object} e Event object. + * @param {Function} callback Callback function. + */ + resumeChallengeAndExec: function( e, callback ) { + + if ( typeof callback !== 'function' ) { + callback = function() {}; + } + + if ( wpforms_challenge_admin.option.status !== 'paused' ) { + callback(); + + return; + } + + var resumeResult = app.resumeChallenge( e ); + + if ( typeof resumeResult === 'object' && typeof resumeResult.done === 'function' ) { + resumeResult.done( callback ); + } else { + callback(); + } + }, + + /** + * Freeze/Unfreeze Challenge. + * + * @since 1.9.3 + * + * @param {boolean} freeze True to freeze, false to unfreeze. + * @param {string} tooltipText Tooltip text. + */ + async freezeChallenge( freeze = true, tooltipText = '' ) { + // Freeze the Challenge. + if ( freeze ) { + const closed = el.$listBlock.hasClass( 'closed' ); + + el.$challenge.addClass( 'frozen' ).data( 'was-closed', closed ); + el.$listBlock.addClass( 'closed' ).find( 'p' ).hide(); + app.initFrozenTooltip( tooltipText.length ? tooltipText : wpforms_challenge_admin.frozen_tooltip ); + app.pauseResumeChallenge( 'pause' ); + + return; + } + + // Do not unfreeze if it's not frozen. + if ( ! el.$challenge.hasClass( 'frozen' ) ) { + return; + } + + // Unfreeze the Challenge. + el.$challenge.removeClass( 'frozen' ); + el.$progressBar.tooltipster( 'close' ); + app.pauseResumeChallenge( 'resume' ); + + // Restore the opened state. + if ( ! el.$challenge.data( 'was-closed' ) ) { + el.$listBlock.removeClass( 'closed' ).find( 'p' ).show(); + } + }, + + /** + * Init the frozen Challenge tooltip. + * + * @since 1.9.3 + * + * @param {string} tooltipText Tooltip text. + */ + initFrozenTooltip( tooltipText ) { + let instance = el.$progressBar.data( 'tooltipster' ); + + if ( ! instance ) { + const args = { + content: '', + trigger: 'manual', + interactive: false, + animationDuration: 100, + maxWidth: 230, + delay: 0, + distance: 36, + side: [ 'top' ], + theme: [ 'tooltipster-default', 'wpforms-challenge-frozen-tooltip' ], + contentAsHTML: true, + }; + + // Initialize. + el.$progressBar.tooltipster( args ); + instance = el.$progressBar.tooltipster( 'instance' ); + el.$progressBar.data( 'tooltipster', instance ); + } + + el.$challenge.show(); + instance.content( tooltipText ); + instance.open(); + }, + + /** + * Refresh Page in order to re-init current step. + * + * @since 1.6.2 + * + * @param {object} e Event object. + */ + refreshPage: function( e ) { + + window.location.reload( true ); + }, + + /** + * Check if we're in Gutenberg editor. + * + * @since 1.5.0 + * + * @returns {boolean} Is Gutenberg or not. + */ + isGutenberg: function() { + + return typeof wp !== 'undefined' && Object.prototype.hasOwnProperty.call( wp, 'blocks' ); + }, + + /** + * Trigger form embed page save potentially reloading it. + * + * @since 1.5.0 + */ + triggerPageSave: function() { + + if ( app.isGutenberg() ) { + app.gutenbergPageSave(); + + } else { + $( '#post #publish' ).trigger( 'click' ); + } + }, + + /** + * Save page for Gutenberg. + * + * @since 1.5.2 + */ + gutenbergPageSave: function() { + + var $gb = $( '.block-editor' ), + $updateBtn = $gb.find( '.editor-post-publish-button.editor-post-publish-button__button' ); + + // Trigger click on the Update button. + if ( $updateBtn.length > 0 ) { + $updateBtn.trigger( 'click' ); + + return; + } + + // Use MutationObserver to wait while Gutenberg create/display panel with Publish button. + var obs = { + targetNode : $gb.find( '.edit-post-layout, .block-editor-editor-skeleton__publish > div' )[0], + config : { + childList: true, + attributes: true, + subtree: true, + }, + }; + + obs.callback = function( mutationsList, observer ) { + + var $btn = $gb.find( '.editor-post-publish-button, .editor-post-publish-panel__header-publish-button .editor-post-publish-button__button' ); + + if ( $btn.length > 0 ) { + $btn.trigger( 'click' ); + observer.disconnect(); + } + }; + + obs.observer = new MutationObserver( obs.callback ); + obs.observer.observe( obs.targetNode, obs.config ); + + // Trigger click on the Publish button that opens the additional publishing panel. + $gb.find( '.edit-post-toggle-publish-panel__button, .editor-post-publish-panel__toggle.editor-post-publish-button__button' ) + .trigger( 'click' ); + }, + }; + + // Provide access to public functions/properties. + return app; + +}( document, window, jQuery ) ); + +WPFormsChallenge.core.init(); diff --git a/assets/js/challenge-core.min.js b/assets/js/challenge-core.min.js new file mode 100644 index 00000000..24f4083d --- /dev/null +++ b/assets/js/challenge-core.min.js @@ -0,0 +1 @@ +"use strict";var WPFormsChallenge=window.WPFormsChallenge||{};WPFormsChallenge.core=window.WPFormsChallenge.core||function(t,o,s){var n={},l={},a={},r={initialSecondsLeft:60*WPFormsChallenge.admin.l10n.minutes_left,loadId:function(){return localStorage.getItem("wpformsChallengeTimerId")},saveId:function(e){localStorage.setItem("wpformsChallengeTimerId",e)},run:function(e){var t;if(5!==n.loadStep())return t=setInterval(function(){n.updateTimerUI(e),--e<0&&(r.saveSecondsLeft(0),clearInterval(t))},1e3),r.saveId(t),t},pause:function(){var e;0!==r.getSecondsLeft()&&5!==n.loadStep()&&(e=r.loadId(),clearInterval(e),e=s("#wpforms-challenge-timer").data("seconds-left"))&&r.saveSecondsLeft(e)},resume:function(){var e,t=r.getSecondsLeft();0!==t&&5!==n.loadStep()&&((e=r.loadId())&&clearInterval(e),r.run(t))},clear:function(){localStorage.removeItem("wpformsChallengeSecondsLeft"),localStorage.removeItem("wpformsChallengeTimerId"),localStorage.removeItem("wpformsChallengeTimerStatus"),s("#wpforms-challenge-timer").removeData("seconds-left")},getSecondsLeft:function(){var e=localStorage.getItem("wpformsChallengeSecondsLeft");return parseInt(e,10)||0},getSecondsSpent:function(e){return e=e||r.getSecondsLeft(),r.initialSecondsLeft-e},saveSecondsLeft:function(e){localStorage.setItem("wpformsChallengeSecondsLeft",e)},getMinutesFormatted:function(e){return e=e||r.getSecondsLeft(),Math.floor(e/60)},getSecondsFormatted:function(e){return(e=e||r.getSecondsLeft())%60},getFormatted:function(e){e=e||r.getSecondsLeft();var t=r.getMinutesFormatted(e),e=r.getSecondsFormatted(e);return t+(9 '),l={content:s("#tooltip-content"+n),trigger:null,interactive:!0,animationDuration:0,delay:0,theme:["tooltipster-default","wpforms-challenge-tooltip"],side:["top"],distance:3,functionReady:function(e,t){s(t.tooltip).addClass("wpforms-challenge-tooltip-step"+n),4===n||3===n?e.option("side","right"):1===n&&e.option("side","left"),e.reposition()}},"object"==typeof t&&null!==t&&s.extend(l,t),o.insertAfter(e).tooltipster(l))},updateTooltipUI:function(e){var l;e=e||n.loadStep(),l=e+1,s(".wpforms-challenge-dot").each(function(e,t){var n=s(t),o=n.data("wpforms-challenge-step");o div")[0],config:{childList:!0,attributes:!0,subtree:!0},callback:function(e,t){var n=o.find(".editor-post-publish-button, .editor-post-publish-panel__header-publish-button .editor-post-publish-button__button");0 -1 ) { + app.lastStep(); + $( '.wpforms-challenge-dot-completed' ).hide(); + + return; + } + + if ( WPFormsChallenge.core.isGutenberg() ) { + WPFormsChallenge.core.initTooltips( 5, '.block-editor .edit-post-header', { side: 'bottom' } ); + app.updateTooltipVisibility(); + } else { + WPFormsChallenge.core.initTooltips( 5, '.wpforms-insert-form-button', { side: 'right' } ); + } + + WPFormsChallenge.core.updateTooltipUI(); + }, + + /** + * Initial setup. + * + * @since 1.5.0 + */ + setup: function() { + + if ( 5 === WPFormsChallenge.core.loadStep() ) { + $( '.wpforms-challenge' ).addClass( 'wpforms-challenge-completed' ); + app.showPopup(); + } + + $( '.wpforms-challenge' ).show(); + }, + + /** + * Register JS events. + * + * @since 1.5.0 + */ + events: function() { + + $( '.wpforms-challenge-step5-done' ) + .on( 'click', app.lastStep ); + + $( '.wpforms-challenge-popup-close, .wpforms-challenge-end' ) + .on( 'click', app.completeChallenge ); + + $( '#wpforms-challenge-contact-form .wpforms-challenge-popup-contact-btn' ) + .on( 'click', app.submitContactForm ); + }, + + /** + * Last step done routine. + * + * @since 1.6.2 + */ + lastStep: function() { + + WPFormsChallenge.core.timer.pause(); + WPFormsChallenge.core.stepCompleted( 5 ); + $( '.wpforms-challenge' ).addClass( 'wpforms-challenge-completed' ); + app.showPopup(); + }, + + /** + * Show either 'Congratulations' or 'Contact Us' popup. + * + * @since 1.5.0 + */ + showPopup: function() { + + var secondsLeft = WPFormsChallenge.core.timer.getSecondsLeft(); + + $( '.wpforms-challenge-popup-container' ).show(); + + if ( 0 < secondsLeft ) { + var secondsSpent = WPFormsChallenge.core.timer.getSecondsSpent( secondsLeft ); + + $( '#wpforms-challenge-congrats-minutes' ) + .text( WPFormsChallenge.core.timer.getMinutesFormatted( secondsSpent ) ); + $( '#wpforms-challenge-congrats-seconds' ) + .text( WPFormsChallenge.core.timer.getSecondsFormatted( secondsSpent ) ); + $( '#wpforms-challenge-congrats-popup' ).show(); + } else { + $( '#wpforms-challenge-contact-popup' ).show(); + } + }, + + /** + * Hide the popup. + * + * @since 1.5.0 + */ + hidePopup: function() { + + $( '.wpforms-challenge-popup-container' ).hide(); + $( '.wpforms-challenge-popup' ).hide(); + }, + + /** + * Complete Challenge. + * + * @since 1.5.0 + */ + completeChallenge: function() { + + var optionData = { + status : 'completed', + seconds_spent: WPFormsChallenge.core.timer.getSecondsSpent(), + seconds_left : WPFormsChallenge.core.timer.getSecondsLeft(), + }; + + app.hidePopup(); + + WPFormsChallenge.core.removeChallengeUI(); + WPFormsChallenge.core.clearLocalStorage(); + + WPFormsChallenge.admin.saveChallengeOption( optionData ) + .done( WPFormsChallenge.core.triggerPageSave ); // Save and reload the page to remove WPForms Challenge JS. + }, + + /** + * Submit contact form button click event handler. + * + * @since 1.5.0 + * + * @param {object} e Event object. + */ + submitContactForm: function( e ) { + + e.preventDefault(); + + var $btn = $( this ), + $form = $btn.closest( '#wpforms-challenge-contact-form' ); + + /* eslint-disable camelcase */ + var data = { + action : 'wpforms_challenge_send_contact_form', + _wpnonce : WPFormsChallenge.admin.l10n.nonce, + contact_data: { + message : $form.find( '.wpforms-challenge-contact-message' ).val(), + contact_me: $form.find( '.wpforms-challenge-contact-permission' ).prop( 'checked' ), + }, + }; + /* eslint-enable */ + + $btn.prop( 'disabled', true ); + + $.post( ajaxurl, data, function( response ) { + + if ( ! response.success ) { + console.error( 'Error sending WPForms Challenge Contact Form.' ); + } + } ).done( app.completeChallenge ); + }, + + /** + * Observe Gutenberg's Fullscreen Mode state to adjust tooltip positioning. + * + * @since 1.6.2 + */ + observeFullscreenMode: function() { + + var $body = $( 'body' ), + isFullScreenPrev = $body.hasClass( 'is-fullscreen-mode' ); + + // MutationObserver configuration and callback. + var obs = { + targetNode : $body[0], + config : { + attributes: true, + }, + }; + + obs.callback = function( mutationsList, observer ) { + + var mutation, + isFullScreen, + $step5 = $( '.wpforms-challenge-tooltip-step5' ), + $step5Arrow = $step5.find( '.tooltipster-arrow' ); + + for ( var i in mutationsList ) { + mutation = mutationsList[ i ]; + if ( mutation.type !== 'attributes' || mutation.attributeName !== 'class' ) { + continue; + } + + isFullScreen = $body.hasClass( 'is-fullscreen-mode' ); + if ( isFullScreen === isFullScreenPrev ) { + continue; + } + isFullScreenPrev = isFullScreen; + + if ( isFullScreen ) { + $step5.css( { + 'top': '93px', + 'left': '0', + } ); + $step5Arrow.css( 'left', '91px' ); + } else { + $step5.css( { + 'top': '125px', + 'left': '66px', + } ); + $step5Arrow.css( 'left', '130px' ); + } + } + }; + + obs.observer = new MutationObserver( obs.callback ); + obs.observer.observe( obs.targetNode, obs.config ); + }, + + /** + * Update tooltip z-index when Gutenberg sidebar is open. + * + * @since 1.7.4 + * + * @returns {Function} Default function. + */ + updateTooltipVisibility: function() { + + var targetNode = document.querySelector( '.interface-interface-skeleton__body' ); + + if ( targetNode === null ) { + return app.updateTooltipVisibilityDefault(); + } + + var observer = new MutationObserver( function( mutationsList ) { + + var $step5 = $( '.wpforms-challenge-tooltip-step5' ); + + for ( var mutation of mutationsList ) { + + if ( mutation.type === 'childList' ) { + $step5.toggleClass( 'wpforms-challenge-tooltip-step5-hide' ); + } + } + } ); + + observer.observe( targetNode, { attributes: true, childList: true } ); + }, + + /** + * Update tooltip visibility for WP 5.6 version. + * + * @since 1.7.4 + */ + updateTooltipVisibilityDefault: function() { + + $( '.editor-inserter__toggle' ).on( 'click', function() { + + $( '.wpforms-challenge-tooltip-step5' ).toggleClass( 'wpforms-challenge-tooltip-step5-hide' ); + } ); + }, + }; + + // Provide access to public functions/properties. + return app; + +}( document, window, jQuery ) ); + +// Initialize. +WPFormsChallenge.embed.init(); diff --git a/assets/js/challenge-embed.min.js b/assets/js/challenge-embed.min.js new file mode 100644 index 00000000..648aff5a --- /dev/null +++ b/assets/js/challenge-embed.min.js @@ -0,0 +1 @@ +"use strict";var WPFormsChallenge=window.WPFormsChallenge||{};WPFormsChallenge.embed=window.WPFormsChallenge.embed||function(o,e,c){var t={init:function(){c(t.ready),c(e).on("load",function(){"function"==typeof c.ready.then?c.ready.then(t.load):t.load()})},ready:function(){t.setup(),t.events(),t.observeFullscreenMode()},load:function(){-11&&(a-=1)),[360*a,100*r,100*u]},a.rgb.hwb=function(t){var e=t[0],n=t[1],i=t[2];return[a.rgb.hsl(t)[0],100*(1/255*Math.min(e,Math.min(n,i))),100*(i=1-1/255*Math.max(e,Math.max(n,i)))]},a.rgb.cmyk=function(t){var e,n=t[0]/255,i=t[1]/255,a=t[2]/255;return[100*((1-n-(e=Math.min(1-n,1-i,1-a)))/(1-e)||0),100*((1-i-e)/(1-e)||0),100*((1-a-e)/(1-e)||0),100*e]},a.rgb.keyword=function(t){var i=n[t];if(i)return i;var a,r,o,s=1/0;for(var l in e)if(e.hasOwnProperty(l)){var u=e[l],d=(r=t,o=u,Math.pow(r[0]-o[0],2)+Math.pow(r[1]-o[1],2)+Math.pow(r[2]-o[2],2));d.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(n=n>.04045?Math.pow((n+.055)/1.055,2.4):n/12.92)+.1805*(i=i>.04045?Math.pow((i+.055)/1.055,2.4):i/12.92)),100*(.2126*e+.7152*n+.0722*i),100*(.0193*e+.1192*n+.9505*i)]},a.rgb.lab=function(t){var e=a.rgb.xyz(t),n=e[0],i=e[1],r=e[2];return i/=100,r/=108.883,n=(n/=95.047)>.008856?Math.pow(n,1/3):7.787*n+16/116,[116*(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116)-16,500*(n-i),200*(i-(r=r>.008856?Math.pow(r,1/3):7.787*r+16/116))]},a.hsl.rgb=function(t){var e,n,i,a,r,o=t[0]/360,s=t[1]/100,l=t[2]/100;if(0===s)return[r=255*l,r,r];e=2*l-(n=l<.5?l*(1+s):l+s-l*s),a=[0,0,0];for(var u=0;u<3;u++)(i=o+1/3*-(u-1))<0&&i++,i>1&&i--,r=6*i<1?e+6*(n-e)*i:2*i<1?n:3*i<2?e+(n-e)*(2/3-i)*6:e,a[u]=255*r;return a},a.hsl.hsv=function(t){var e=t[0],n=t[1]/100,i=t[2]/100,a=n,r=Math.max(i,.01);return n*=(i*=2)<=1?i:2-i,a*=r<=1?r:2-r,[e,100*(0===i?2*a/(r+a):2*n/(i+n)),100*((i+n)/2)]},a.hsv.rgb=function(t){var e=t[0]/60,n=t[1]/100,i=t[2]/100,a=Math.floor(e)%6,r=e-Math.floor(e),o=255*i*(1-n),s=255*i*(1-n*r),l=255*i*(1-n*(1-r));switch(i*=255,a){case 0:return[i,l,o];case 1:return[s,i,o];case 2:return[o,i,l];case 3:return[o,s,i];case 4:return[l,o,i];case 5:return[i,o,s]}},a.hsv.hsl=function(t){var e,n,i,a=t[0],r=t[1]/100,o=t[2]/100,s=Math.max(o,.01);return i=(2-r)*o,n=r*s,[a,100*(n=(n/=(e=(2-r)*s)<=1?e:2-e)||0),100*(i/=2)]},a.hwb.rgb=function(t){var e,n,i,a,r,o,s,l=t[0]/360,u=t[1]/100,d=t[2]/100,h=u+d;switch(h>1&&(u/=h,d/=h),i=6*l-(e=Math.floor(6*l)),0!=(1&e)&&(i=1-i),a=u+i*((n=1-d)-u),e){default:case 6:case 0:r=n,o=a,s=u;break;case 1:r=a,o=n,s=u;break;case 2:r=u,o=n,s=a;break;case 3:r=u,o=a,s=n;break;case 4:r=a,o=u,s=n;break;case 5:r=n,o=u,s=a}return[255*r,255*o,255*s]},a.cmyk.rgb=function(t){var e=t[0]/100,n=t[1]/100,i=t[2]/100,a=t[3]/100;return[255*(1-Math.min(1,e*(1-a)+a)),255*(1-Math.min(1,n*(1-a)+a)),255*(1-Math.min(1,i*(1-a)+a))]},a.xyz.rgb=function(t){var e,n,i,a=t[0]/100,r=t[1]/100,o=t[2]/100;return n=-.9689*a+1.8758*r+.0415*o,i=.0557*a+-.204*r+1.057*o,e=(e=3.2406*a+-1.5372*r+-.4986*o)>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:12.92*n,i=i>.0031308?1.055*Math.pow(i,1/2.4)-.055:12.92*i,[255*(e=Math.min(Math.max(0,e),1)),255*(n=Math.min(Math.max(0,n),1)),255*(i=Math.min(Math.max(0,i),1))]},a.xyz.lab=function(t){var e=t[0],n=t[1],i=t[2];return n/=100,i/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116)-16,500*(e-n),200*(n-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},a.lab.xyz=function(t){var e,n,i,a=t[0];e=t[1]/500+(n=(a+16)/116),i=n-t[2]/200;var r=Math.pow(n,3),o=Math.pow(e,3),s=Math.pow(i,3);return n=r>.008856?r:(n-16/116)/7.787,e=o>.008856?o:(e-16/116)/7.787,i=s>.008856?s:(i-16/116)/7.787,[e*=95.047,n*=100,i*=108.883]},a.lab.lch=function(t){var e,n=t[0],i=t[1],a=t[2];return(e=360*Math.atan2(a,i)/2/Math.PI)<0&&(e+=360),[n,Math.sqrt(i*i+a*a),e]},a.lch.lab=function(t){var e,n=t[0],i=t[1];return e=t[2]/360*2*Math.PI,[n,i*Math.cos(e),i*Math.sin(e)]},a.rgb.ansi16=function(t){var e=t[0],n=t[1],i=t[2],r=1 in arguments?arguments[1]:a.rgb.hsv(t)[2];if(0===(r=Math.round(r/50)))return 30;var o=30+(Math.round(i/255)<<2|Math.round(n/255)<<1|Math.round(e/255));return 2===r&&(o+=60),o},a.hsv.ansi16=function(t){return a.rgb.ansi16(a.hsv.rgb(t),t[2])},a.rgb.ansi256=function(t){var e=t[0],n=t[1],i=t[2];return e===n&&n===i?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(n/255*5)+Math.round(i/255*5)},a.ansi16.rgb=function(t){var e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),[e=e/10.5*255,e,e];var n=.5*(1+~~(t>50));return[(1&e)*n*255,(e>>1&1)*n*255,(e>>2&1)*n*255]},a.ansi256.rgb=function(t){if(t>=232){var e=10*(t-232)+8;return[e,e,e]}var n;return t-=16,[Math.floor(t/36)/5*255,Math.floor((n=t%36)/6)/5*255,n%6/5*255]},a.rgb.hex=function(t){var e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},a.hex.rgb=function(t){var e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];var n=e[0];3===e[0].length&&(n=n.split("").map((function(t){return t+t})).join(""));var i=parseInt(n,16);return[i>>16&255,i>>8&255,255&i]},a.rgb.hcg=function(t){var e,n=t[0]/255,i=t[1]/255,a=t[2]/255,r=Math.max(Math.max(n,i),a),o=Math.min(Math.min(n,i),a),s=r-o;return e=s<=0?0:r===n?(i-a)/s%6:r===i?2+(a-n)/s:4+(n-i)/s+4,e/=6,[360*(e%=1),100*s,100*(s<1?o/(1-s):0)]},a.hsl.hcg=function(t){var e=t[1]/100,n=t[2]/100,i=1,a=0;return(i=n<.5?2*e*n:2*e*(1-n))<1&&(a=(n-.5*i)/(1-i)),[t[0],100*i,100*a]},a.hsv.hcg=function(t){var e=t[1]/100,n=t[2]/100,i=e*n,a=0;return i<1&&(a=(n-i)/(1-i)),[t[0],100*i,100*a]},a.hcg.rgb=function(t){var e=t[0]/360,n=t[1]/100,i=t[2]/100;if(0===n)return[255*i,255*i,255*i];var a,r=[0,0,0],o=e%1*6,s=o%1,l=1-s;switch(Math.floor(o)){case 0:r[0]=1,r[1]=s,r[2]=0;break;case 1:r[0]=l,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=s;break;case 3:r[0]=0,r[1]=l,r[2]=1;break;case 4:r[0]=s,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=l}return a=(1-n)*i,[255*(n*r[0]+a),255*(n*r[1]+a),255*(n*r[2]+a)]},a.hcg.hsv=function(t){var e=t[1]/100,n=e+t[2]/100*(1-e),i=0;return n>0&&(i=e/n),[t[0],100*i,100*n]},a.hcg.hsl=function(t){var e=t[1]/100,n=t[2]/100*(1-e)+.5*e,i=0;return n>0&&n<.5?i=e/(2*n):n>=.5&&n<1&&(i=e/(2*(1-n))),[t[0],100*i,100*n]},a.hcg.hwb=function(t){var e=t[1]/100,n=e+t[2]/100*(1-e);return[t[0],100*(n-e),100*(1-n)]},a.hwb.hcg=function(t){var e=t[1]/100,n=1-t[2]/100,i=n-e,a=0;return i<1&&(a=(n-i)/(1-i)),[t[0],100*i,100*a]},a.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},a.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},a.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},a.gray.hsl=a.gray.hsv=function(t){return[0,0,t[0]]},a.gray.hwb=function(t){return[0,100,t[0]]},a.gray.cmyk=function(t){return[0,0,0,t[0]]},a.gray.lab=function(t){return[t[0],0,0]},a.gray.hex=function(t){var e=255&Math.round(t[0]/100*255),n=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(n.length)+n},a.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]}}));n.rgb,n.hsl,n.hsv,n.hwb,n.cmyk,n.xyz,n.lab,n.lch,n.hex,n.keyword,n.ansi16,n.ansi256,n.hcg,n.apple,n.gray;function i(t){var e=function(){for(var t={},e=Object.keys(n),i=e.length,a=0;a1&&(e=Array.prototype.slice.call(arguments));var n=t(e);if("object"==typeof n)for(var i=n.length,a=0;a1&&(e=Array.prototype.slice.call(arguments)),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(i)}))}));var s=o,l={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},u={getRgba:d,getHsla:h,getRgb:function(t){var e=d(t);return e&&e.slice(0,3)},getHsl:function(t){var e=h(t);return e&&e.slice(0,3)},getHwb:c,getAlpha:function(t){var e=d(t);if(e)return e[3];if(e=h(t))return e[3];if(e=c(t))return e[3]},hexString:function(t,e){e=void 0!==e&&3===t.length?e:t[3];return"#"+v(t[0])+v(t[1])+v(t[2])+(e>=0&&e<1?v(Math.round(255*e)):"")},rgbString:function(t,e){if(e<1||t[3]&&t[3]<1)return f(t,e);return"rgb("+t[0]+", "+t[1]+", "+t[2]+")"},rgbaString:f,percentString:function(t,e){if(e<1||t[3]&&t[3]<1)return g(t,e);var n=Math.round(t[0]/255*100),i=Math.round(t[1]/255*100),a=Math.round(t[2]/255*100);return"rgb("+n+"%, "+i+"%, "+a+"%)"},percentaString:g,hslString:function(t,e){if(e<1||t[3]&&t[3]<1)return p(t,e);return"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)"},hslaString:p,hwbString:function(t,e){void 0===e&&(e=void 0!==t[3]?t[3]:1);return"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+(void 0!==e&&1!==e?", "+e:"")+")"},keyword:function(t){return b[t.slice(0,3)]}};function d(t){if(t){var e=[0,0,0],n=1,i=t.match(/^#([a-fA-F0-9]{3,4})$/i),a="";if(i){a=(i=i[1])[3];for(var r=0;rn?(e+.05)/(n+.05):(n+.05)/(e+.05)},level:function(t){var e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},dark:function(){var t=this.values.rgb;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},light:function(){return!this.dark()},negate:function(){for(var t=[],e=0;e<3;e++)t[e]=255-this.values.rgb[e];return this.setValues("rgb",t),this},lighten:function(t){var e=this.values.hsl;return e[2]+=e[2]*t,this.setValues("hsl",e),this},darken:function(t){var e=this.values.hsl;return e[2]-=e[2]*t,this.setValues("hsl",e),this},saturate:function(t){var e=this.values.hsl;return e[1]+=e[1]*t,this.setValues("hsl",e),this},desaturate:function(t){var e=this.values.hsl;return e[1]-=e[1]*t,this.setValues("hsl",e),this},whiten:function(t){var e=this.values.hwb;return e[1]+=e[1]*t,this.setValues("hwb",e),this},blacken:function(t){var e=this.values.hwb;return e[2]+=e[2]*t,this.setValues("hwb",e),this},greyscale:function(){var t=this.values.rgb,e=.3*t[0]+.59*t[1]+.11*t[2];return this.setValues("rgb",[e,e,e]),this},clearer:function(t){var e=this.values.alpha;return this.setValues("alpha",e-e*t),this},opaquer:function(t){var e=this.values.alpha;return this.setValues("alpha",e+e*t),this},rotate:function(t){var e=this.values.hsl,n=(e[0]+t)%360;return e[0]=n<0?360+n:n,this.setValues("hsl",e),this},mix:function(t,e){var n=t,i=void 0===e?.5:e,a=2*i-1,r=this.alpha()-n.alpha(),o=((a*r==-1?a:(a+r)/(1+a*r))+1)/2,s=1-o;return this.rgb(o*this.red()+s*n.red(),o*this.green()+s*n.green(),o*this.blue()+s*n.blue()).alpha(this.alpha()*i+n.alpha()*(1-i))},toJSON:function(){return this.rgb()},clone:function(){var t,e,n=new y,i=this.values,a=n.values;for(var r in i)i.hasOwnProperty(r)&&(t=i[r],"[object Array]"===(e={}.toString.call(t))?a[r]=t.slice(0):"[object Number]"===e?a[r]=t:console.error("unexpected color value:",t));return n}},y.prototype.spaces={rgb:["red","green","blue"],hsl:["hue","saturation","lightness"],hsv:["hue","saturation","value"],hwb:["hue","whiteness","blackness"],cmyk:["cyan","magenta","yellow","black"]},y.prototype.maxes={rgb:[255,255,255],hsl:[360,100,100],hsv:[360,100,100],hwb:[360,100,100],cmyk:[100,100,100,100]},y.prototype.getValues=function(t){for(var e=this.values,n={},i=0;i=0;a--)e.call(n,t[a],a);else for(a=0;a=1?t:-(Math.sqrt(1-t*t)-1)},easeOutCirc:function(t){return Math.sqrt(1-(t-=1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var e=1.70158,n=0,i=1;return 0===t?0:1===t?1:(n||(n=.3),i<1?(i=1,e=n/4):e=n/(2*Math.PI)*Math.asin(1/i),-i*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/n))},easeOutElastic:function(t){var e=1.70158,n=0,i=1;return 0===t?0:1===t?1:(n||(n=.3),i<1?(i=1,e=n/4):e=n/(2*Math.PI)*Math.asin(1/i),i*Math.pow(2,-10*t)*Math.sin((t-e)*(2*Math.PI)/n)+1)},easeInOutElastic:function(t){var e=1.70158,n=0,i=1;return 0===t?0:2==(t/=.5)?1:(n||(n=.45),i<1?(i=1,e=n/4):e=n/(2*Math.PI)*Math.asin(1/i),t<1?i*Math.pow(2,10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/n)*-.5:i*Math.pow(2,-10*(t-=1))*Math.sin((t-e)*(2*Math.PI)/n)*.5+1)},easeInBack:function(t){var e=1.70158;return t*t*((e+1)*t-e)},easeOutBack:function(t){var e=1.70158;return(t-=1)*t*((e+1)*t+e)+1},easeInOutBack:function(t){var e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:function(t){return 1-C.easeOutBounce(1-t)},easeOutBounce:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},easeInOutBounce:function(t){return t<.5?.5*C.easeInBounce(2*t):.5*C.easeOutBounce(2*t-1)+.5}},P={effects:C};S.easingEffects=C;var A=Math.PI,D=A/180,T=2*A,I=A/2,F=A/4,O=2*A/3,L={clear:function(t){t.ctx.clearRect(0,0,t.width,t.height)},roundedRect:function(t,e,n,i,a,r){if(r){var o=Math.min(r,a/2,i/2),s=e+o,l=n+o,u=e+i-o,d=n+a-o;t.moveTo(e,l),se.left-1e-6&&t.xe.top-1e-6&&t.y0&&this.requestAnimationFrame()},advance:function(){for(var t,e,n,i,a=this.animations,r=0;r=n?(H.callback(t.onAnimationComplete,[t],e),e.animating=!1,a.splice(r,1)):++r}},Q=H.options.resolve,tt=["push","pop","shift","splice","unshift"];function et(t,e){var n=t._chartjs;if(n){var i=n.listeners,a=i.indexOf(e);-1!==a&&i.splice(a,1),i.length>0||(tt.forEach((function(e){delete t[e]})),delete t._chartjs)}}var nt=function(t,e){this.initialize(t,e)};H.extend(nt.prototype,{datasetElementType:null,dataElementType:null,_datasetElementOptions:["backgroundColor","borderCapStyle","borderColor","borderDash","borderDashOffset","borderJoinStyle","borderWidth"],_dataElementOptions:["backgroundColor","borderColor","borderWidth","pointStyle"],initialize:function(t,e){var n=this;n.chart=t,n.index=e,n.linkScales(),n.addElements(),n._type=n.getMeta().type},updateIndex:function(t){this.index=t},linkScales:function(){var t=this.getMeta(),e=this.chart,n=e.scales,i=this.getDataset(),a=e.options.scales;null!==t.xAxisID&&t.xAxisID in n&&!i.xAxisID||(t.xAxisID=i.xAxisID||a.xAxes[0].id),null!==t.yAxisID&&t.yAxisID in n&&!i.yAxisID||(t.yAxisID=i.yAxisID||a.yAxes[0].id)},getDataset:function(){return this.chart.data.datasets[this.index]},getMeta:function(){return this.chart.getDatasetMeta(this.index)},getScaleForId:function(t){return this.chart.scales[t]},_getValueScaleId:function(){return this.getMeta().yAxisID},_getIndexScaleId:function(){return this.getMeta().xAxisID},_getValueScale:function(){return this.getScaleForId(this._getValueScaleId())},_getIndexScale:function(){return this.getScaleForId(this._getIndexScaleId())},reset:function(){this._update(!0)},destroy:function(){this._data&&et(this._data,this)},createMetaDataset:function(){var t=this.datasetElementType;return t&&new t({_chart:this.chart,_datasetIndex:this.index})},createMetaData:function(t){var e=this.dataElementType;return e&&new e({_chart:this.chart,_datasetIndex:this.index,_index:t})},addElements:function(){var t,e,n=this.getMeta(),i=this.getDataset().data||[],a=n.data;for(t=0,e=i.length;tn&&this.insertElements(n,i-n)},insertElements:function(t,e){for(var n=0;na?(r=a/e.innerRadius,t.arc(o,s,e.innerRadius-a,i+r,n-r,!0)):t.arc(o,s,a,i+Math.PI/2,n-Math.PI/2),t.closePath(),t.clip()}function ot(t,e,n){var i="inner"===e.borderAlign;i?(t.lineWidth=2*e.borderWidth,t.lineJoin="round"):(t.lineWidth=e.borderWidth,t.lineJoin="bevel"),n.fullCircles&&function(t,e,n,i){var a,r=n.endAngle;for(i&&(n.endAngle=n.startAngle+at,rt(t,n),n.endAngle=r,n.endAngle===n.startAngle&&n.fullCircles&&(n.endAngle+=at,n.fullCircles--)),t.beginPath(),t.arc(n.x,n.y,n.innerRadius,n.startAngle+at,n.startAngle,!0),a=0;as;)a-=at;for(;a=o&&a<=s,u=r>=n.innerRadius&&r<=n.outerRadius;return l&&u}return!1},getCenterPoint:function(){var t=this._view,e=(t.startAngle+t.endAngle)/2,n=(t.innerRadius+t.outerRadius)/2;return{x:t.x+Math.cos(e)*n,y:t.y+Math.sin(e)*n}},getArea:function(){var t=this._view;return Math.PI*((t.endAngle-t.startAngle)/(2*Math.PI))*(Math.pow(t.outerRadius,2)-Math.pow(t.innerRadius,2))},tooltipPosition:function(){var t=this._view,e=t.startAngle+(t.endAngle-t.startAngle)/2,n=(t.outerRadius-t.innerRadius)/2+t.innerRadius;return{x:t.x+Math.cos(e)*n,y:t.y+Math.sin(e)*n}},draw:function(){var t,e=this._chart.ctx,n=this._view,i="inner"===n.borderAlign?.33:0,a={x:n.x,y:n.y,innerRadius:n.innerRadius,outerRadius:Math.max(n.outerRadius-i,0),pixelMargin:i,startAngle:n.startAngle,endAngle:n.endAngle,fullCircles:Math.floor(n.circumference/at)};if(e.save(),e.fillStyle=n.backgroundColor,e.strokeStyle=n.borderColor,a.fullCircles){for(a.endAngle=a.startAngle+at,e.beginPath(),e.arc(a.x,a.y,a.outerRadius,a.startAngle,a.endAngle),e.arc(a.x,a.y,a.innerRadius,a.endAngle,a.startAngle,!0),e.closePath(),t=0;tt.x&&(e=bt(e,"left","right")):t.basen?n:i,r:l.right||a<0?0:a>e?e:a,b:l.bottom||r<0?0:r>n?n:r,l:l.left||o<0?0:o>e?e:o}}function yt(t,e,n){var i=null===e,a=null===n,r=!(!t||i&&a)&&vt(t);return r&&(i||e>=r.left&&e<=r.right)&&(a||n>=r.top&&n<=r.bottom)}N._set("global",{elements:{rectangle:{backgroundColor:pt,borderColor:pt,borderSkipped:"bottom",borderWidth:0}}});var _t=K.extend({_type:"rectangle",draw:function(){var t=this._chart.ctx,e=this._view,n=function(t){var e=vt(t),n=e.right-e.left,i=e.bottom-e.top,a=xt(t,n/2,i/2);return{outer:{x:e.left,y:e.top,w:n,h:i},inner:{x:e.left+a.l,y:e.top+a.t,w:n-a.l-a.r,h:i-a.t-a.b}}}(e),i=n.outer,a=n.inner;t.fillStyle=e.backgroundColor,t.fillRect(i.x,i.y,i.w,i.h),i.w===a.w&&i.h===a.h||(t.save(),t.beginPath(),t.rect(i.x,i.y,i.w,i.h),t.clip(),t.fillStyle=e.borderColor,t.rect(a.x,a.y,a.w,a.h),t.fill("evenodd"),t.restore())},height:function(){var t=this._view;return t.base-t.y},inRange:function(t,e){return yt(this._view,t,e)},inLabelRange:function(t,e){var n=this._view;return mt(n)?yt(n,t,null):yt(n,null,e)},inXRange:function(t){return yt(this._view,t,null)},inYRange:function(t){return yt(this._view,null,t)},getCenterPoint:function(){var t,e,n=this._view;return mt(n)?(t=n.x,e=(n.y+n.base)/2):(t=(n.x+n.base)/2,e=n.y),{x:t,y:e}},getArea:function(){var t=this._view;return mt(t)?t.width*Math.abs(t.y-t.base):t.height*Math.abs(t.x-t.base)},tooltipPosition:function(){var t=this._view;return{x:t.x,y:t.y}}}),kt={},wt=st,Mt=dt,St=gt,Ct=_t;kt.Arc=wt,kt.Line=Mt,kt.Point=St,kt.Rectangle=Ct;var Pt=H._deprecated,At=H.valueOrDefault;function Dt(t,e,n){var i,a,r=n.barThickness,o=e.stackCount,s=e.pixels[t],l=H.isNullOrUndef(r)?function(t,e){var n,i,a,r,o=t._length;for(a=1,r=e.length;a0?Math.min(o,Math.abs(i-n)):o,n=i;return o}(e.scale,e.pixels):-1;return H.isNullOrUndef(r)?(i=l*n.categoryPercentage,a=n.barPercentage):(i=r*o,a=1),{chunk:i/o,ratio:a,start:s-i/2}}N._set("bar",{hover:{mode:"label"},scales:{xAxes:[{type:"category",offset:!0,gridLines:{offsetGridLines:!0}}],yAxes:[{type:"linear"}]}}),N._set("global",{datasets:{bar:{categoryPercentage:.8,barPercentage:.9}}});var Tt=it.extend({dataElementType:kt.Rectangle,_dataElementOptions:["backgroundColor","borderColor","borderSkipped","borderWidth","barPercentage","barThickness","categoryPercentage","maxBarThickness","minBarLength"],initialize:function(){var t,e,n=this;it.prototype.initialize.apply(n,arguments),(t=n.getMeta()).stack=n.getDataset().stack,t.bar=!0,e=n._getIndexScale().options,Pt("bar chart",e.barPercentage,"scales.[x/y]Axes.barPercentage","dataset.barPercentage"),Pt("bar chart",e.barThickness,"scales.[x/y]Axes.barThickness","dataset.barThickness"),Pt("bar chart",e.categoryPercentage,"scales.[x/y]Axes.categoryPercentage","dataset.categoryPercentage"),Pt("bar chart",n._getValueScale().options.minBarLength,"scales.[x/y]Axes.minBarLength","dataset.minBarLength"),Pt("bar chart",e.maxBarThickness,"scales.[x/y]Axes.maxBarThickness","dataset.maxBarThickness")},update:function(t){var e,n,i=this.getMeta().data;for(this._ruler=this.getRuler(),e=0,n=i.length;e=0&&p.min>=0?p.min:p.max,y=void 0===p.start?p.end:p.max>=0&&p.min>=0?p.max-p.min:p.min-p.max,_=g.length;if(v||void 0===v&&void 0!==b)for(i=0;i<_&&(a=g[i]).index!==t;++i)a.stack===b&&(r=void 0===(u=h._parseValue(f[a.index].data[e])).start?u.end:u.min>=0&&u.max>=0?u.max:u.min,(p.min<0&&r<0||p.max>=0&&r>0)&&(x+=r));return o=h.getPixelForValue(x),l=(s=h.getPixelForValue(x+y))-o,void 0!==m&&Math.abs(l)=0&&!c||y<0&&c?o-m:o+m),{size:l,base:o,head:s,center:s+l/2}},calculateBarIndexPixels:function(t,e,n,i){var a="flex"===i.barThickness?function(t,e,n){var i,a=e.pixels,r=a[t],o=t>0?a[t-1]:null,s=t=Rt?-zt:b<-Rt?zt:0)+m,y=Math.cos(b),_=Math.sin(b),k=Math.cos(x),w=Math.sin(x),M=b<=0&&x>=0||x>=zt,S=b<=Nt&&x>=Nt||x>=zt+Nt,C=b<=-Nt&&x>=-Nt||x>=Rt+Nt,P=b===-Rt||x>=Rt?-1:Math.min(y,y*p,k,k*p),A=C?-1:Math.min(_,_*p,w,w*p),D=M?1:Math.max(y,y*p,k,k*p),T=S?1:Math.max(_,_*p,w,w*p);u=(D-P)/2,d=(T-A)/2,h=-(D+P)/2,c=-(T+A)/2}for(i=0,a=g.length;i0&&!isNaN(t)?zt*(Math.abs(t)/e):0},getMaxBorderWidth:function(t){var e,n,i,a,r,o,s,l,u=0,d=this.chart;if(!t)for(e=0,n=d.data.datasets.length;e(u=s>u?s:u)?l:u);return u},setHoverStyle:function(t){var e=t._model,n=t._options,i=H.getHoverColor;t.$previousStyle={backgroundColor:e.backgroundColor,borderColor:e.borderColor,borderWidth:e.borderWidth},e.backgroundColor=Lt(n.hoverBackgroundColor,i(n.backgroundColor)),e.borderColor=Lt(n.hoverBorderColor,i(n.borderColor)),e.borderWidth=Lt(n.hoverBorderWidth,n.borderWidth)},_getRingWeightOffset:function(t){for(var e=0,n=0;n0&&Ht(l[t-1]._model,s)&&(n.controlPointPreviousX=u(n.controlPointPreviousX,s.left,s.right),n.controlPointPreviousY=u(n.controlPointPreviousY,s.top,s.bottom)),t0&&(r=t.getDatasetMeta(r[0]._datasetIndex).data),r},"x-axis":function(t,e){return ae(t,e,{intersect:!1})},point:function(t,e){return ee(t,Qt(e,t))},nearest:function(t,e,n){var i=Qt(e,t);n.axis=n.axis||"xy";var a=ie(n.axis);return ne(t,i,n.intersect,a)},x:function(t,e,n){var i=Qt(e,t),a=[],r=!1;return te(t,(function(t){t.inXRange(i.x)&&a.push(t),t.inRange(i.x,i.y)&&(r=!0)})),n.intersect&&!r&&(a=[]),a},y:function(t,e,n){var i=Qt(e,t),a=[],r=!1;return te(t,(function(t){t.inYRange(i.y)&&a.push(t),t.inRange(i.x,i.y)&&(r=!0)})),n.intersect&&!r&&(a=[]),a}}},oe=H.extend;function se(t,e){return H.where(t,(function(t){return t.pos===e}))}function le(t,e){return t.sort((function(t,n){var i=e?n:t,a=e?t:n;return i.weight===a.weight?i.index-a.index:i.weight-a.weight}))}function ue(t,e,n,i){return Math.max(t[n],e[n])+Math.max(t[i],e[i])}function de(t,e,n){var i,a,r=n.box,o=t.maxPadding;if(n.size&&(t[n.pos]-=n.size),n.size=n.horizontal?r.height:r.width,t[n.pos]+=n.size,r.getPadding){var s=r.getPadding();o.top=Math.max(o.top,s.top),o.left=Math.max(o.left,s.left),o.bottom=Math.max(o.bottom,s.bottom),o.right=Math.max(o.right,s.right)}if(i=e.outerWidth-ue(o,t,"left","right"),a=e.outerHeight-ue(o,t,"top","bottom"),i!==t.w||a!==t.h){t.w=i,t.h=a;var l=n.horizontal?[i,t.w]:[a,t.h];return!(l[0]===l[1]||isNaN(l[0])&&isNaN(l[1]))}}function he(t,e){var n=e.maxPadding;function i(t){var i={left:0,top:0,right:0,bottom:0};return t.forEach((function(t){i[t]=Math.max(e[t],n[t])})),i}return i(t?["left","right"]:["top","bottom"])}function ce(t,e,n){var i,a,r,o,s,l,u=[];for(i=0,a=t.length;idiv{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}"}))&&ge.default||ge,ve="$chartjs",be="chartjs-size-monitor",xe="chartjs-render-monitor",ye="chartjs-render-animation",_e=["animationstart","webkitAnimationStart"],ke={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"};function we(t,e){var n=H.getStyle(t,e),i=n&&n.match(/^(\d+)(\.\d+)?px$/);return i?Number(i[1]):void 0}var Me=!!function(){var t=!1;try{var e=Object.defineProperty({},"passive",{get:function(){t=!0}});window.addEventListener("e",null,e)}catch(t){}return t}()&&{passive:!0};function Se(t,e,n){t.addEventListener(e,n,Me)}function Ce(t,e,n){t.removeEventListener(e,n,Me)}function Pe(t,e,n,i,a){return{type:t,chart:e,native:a||null,x:void 0!==n?n:null,y:void 0!==i?i:null}}function Ae(t){var e=document.createElement("div");return e.className=t||"",e}function De(t,e,n){var i,a,r,o,s=t[ve]||(t[ve]={}),l=s.resizer=function(t){var e=Ae(be),n=Ae(be+"-expand"),i=Ae(be+"-shrink");n.appendChild(Ae()),i.appendChild(Ae()),e.appendChild(n),e.appendChild(i),e._reset=function(){n.scrollLeft=1e6,n.scrollTop=1e6,i.scrollLeft=1e6,i.scrollTop=1e6};var a=function(){e._reset(),t()};return Se(n,"scroll",a.bind(n,"expand")),Se(i,"scroll",a.bind(i,"shrink")),e}((i=function(){if(s.resizer){var i=n.options.maintainAspectRatio&&t.parentNode,a=i?i.clientWidth:0;e(Pe("resize",n)),i&&i.clientWidth0){var r=t[0];r.label?n=r.label:r.xLabel?n=r.xLabel:a>0&&r.index-1?t.split("\n"):t}function Ve(t){var e=N.global;return{xPadding:t.xPadding,yPadding:t.yPadding,xAlign:t.xAlign,yAlign:t.yAlign,rtl:t.rtl,textDirection:t.textDirection,bodyFontColor:t.bodyFontColor,_bodyFontFamily:ze(t.bodyFontFamily,e.defaultFontFamily),_bodyFontStyle:ze(t.bodyFontStyle,e.defaultFontStyle),_bodyAlign:t.bodyAlign,bodyFontSize:ze(t.bodyFontSize,e.defaultFontSize),bodySpacing:t.bodySpacing,titleFontColor:t.titleFontColor,_titleFontFamily:ze(t.titleFontFamily,e.defaultFontFamily),_titleFontStyle:ze(t.titleFontStyle,e.defaultFontStyle),titleFontSize:ze(t.titleFontSize,e.defaultFontSize),_titleAlign:t.titleAlign,titleSpacing:t.titleSpacing,titleMarginBottom:t.titleMarginBottom,footerFontColor:t.footerFontColor,_footerFontFamily:ze(t.footerFontFamily,e.defaultFontFamily),_footerFontStyle:ze(t.footerFontStyle,e.defaultFontStyle),footerFontSize:ze(t.footerFontSize,e.defaultFontSize),_footerAlign:t.footerAlign,footerSpacing:t.footerSpacing,footerMarginTop:t.footerMarginTop,caretSize:t.caretSize,cornerRadius:t.cornerRadius,backgroundColor:t.backgroundColor,opacity:0,legendColorBackground:t.multiKeyBackground,displayColors:t.displayColors,borderColor:t.borderColor,borderWidth:t.borderWidth}}function He(t,e){return"center"===e?t.x+t.width/2:"right"===e?t.x+t.width-t.xPadding:t.x+t.xPadding}function je(t){return Ee([],We(t))}var qe=K.extend({initialize:function(){this._model=Ve(this._options),this._lastActive=[]},getTitle:function(){var t=this,e=t._options,n=e.callbacks,i=n.beforeTitle.apply(t,arguments),a=n.title.apply(t,arguments),r=n.afterTitle.apply(t,arguments),o=[];return o=Ee(o,We(i)),o=Ee(o,We(a)),o=Ee(o,We(r))},getBeforeBody:function(){return je(this._options.callbacks.beforeBody.apply(this,arguments))},getBody:function(t,e){var n=this,i=n._options.callbacks,a=[];return H.each(t,(function(t){var r={before:[],lines:[],after:[]};Ee(r.before,We(i.beforeLabel.call(n,t,e))),Ee(r.lines,i.label.call(n,t,e)),Ee(r.after,We(i.afterLabel.call(n,t,e))),a.push(r)})),a},getAfterBody:function(){return je(this._options.callbacks.afterBody.apply(this,arguments))},getFooter:function(){var t=this,e=t._options.callbacks,n=e.beforeFooter.apply(t,arguments),i=e.footer.apply(t,arguments),a=e.afterFooter.apply(t,arguments),r=[];return r=Ee(r,We(n)),r=Ee(r,We(i)),r=Ee(r,We(a))},update:function(t){var e,n,i,a,r,o,s,l,u,d,h=this,c=h._options,f=h._model,g=h._model=Ve(c),p=h._active,m=h._data,v={xAlign:f.xAlign,yAlign:f.yAlign},b={x:f.x,y:f.y},x={width:f.width,height:f.height},y={x:f.caretX,y:f.caretY};if(p.length){g.opacity=1;var _=[],k=[];y=Be[c.position].call(h,p,h._eventPosition);var w=[];for(e=0,n=p.length;ei.width&&(a=i.width-e.width),a<0&&(a=0)),"top"===d?r+=h:r-="bottom"===d?e.height+h:e.height/2,"center"===d?"left"===u?a+=h:"right"===u&&(a-=h):"left"===u?a-=c:"right"===u&&(a+=c),{x:a,y:r}}(g,x,v=function(t,e){var n,i,a,r,o,s=t._model,l=t._chart,u=t._chart.chartArea,d="center",h="center";s.yl.height-e.height&&(h="bottom");var c=(u.left+u.right)/2,f=(u.top+u.bottom)/2;"center"===h?(n=function(t){return t<=c},i=function(t){return t>c}):(n=function(t){return t<=e.width/2},i=function(t){return t>=l.width-e.width/2}),a=function(t){return t+e.width+s.caretSize+s.caretPadding>l.width},r=function(t){return t-e.width-s.caretSize-s.caretPadding<0},o=function(t){return t<=f?"top":"bottom"},n(s.x)?(d="left",a(s.x)&&(d="center",h=o(s.y))):i(s.x)&&(d="right",r(s.x)&&(d="center",h=o(s.y)));var g=t._options;return{xAlign:g.xAlign?g.xAlign:d,yAlign:g.yAlign?g.yAlign:h}}(this,x),h._chart)}else g.opacity=0;return g.xAlign=v.xAlign,g.yAlign=v.yAlign,g.x=b.x,g.y=b.y,g.width=x.width,g.height=x.height,g.caretX=y.x,g.caretY=y.y,h._model=g,t&&c.custom&&c.custom.call(h,g),h},drawCaret:function(t,e){var n=this._chart.ctx,i=this._view,a=this.getCaretPosition(t,e,i);n.lineTo(a.x1,a.y1),n.lineTo(a.x2,a.y2),n.lineTo(a.x3,a.y3)},getCaretPosition:function(t,e,n){var i,a,r,o,s,l,u=n.caretSize,d=n.cornerRadius,h=n.xAlign,c=n.yAlign,f=t.x,g=t.y,p=e.width,m=e.height;if("center"===c)s=g+m/2,"left"===h?(a=(i=f)-u,r=i,o=s+u,l=s-u):(a=(i=f+p)+u,r=i,o=s-u,l=s+u);else if("left"===h?(i=(a=f+d+u)-u,r=a+u):"right"===h?(i=(a=f+p-d-u)-u,r=a+u):(i=(a=n.caretX)-u,r=a+u),"top"===c)s=(o=g)-u,l=o;else{s=(o=g+m)+u,l=o;var v=r;r=i,i=v}return{x1:i,x2:a,x3:r,y1:o,y2:s,y3:l}},drawTitle:function(t,e,n){var i,a,r,o=e.title,s=o.length;if(s){var l=Ne(e.rtl,e.x,e.width);for(t.x=He(e,e._titleAlign),n.textAlign=l.textAlign(e._titleAlign),n.textBaseline="middle",i=e.titleFontSize,a=e.titleSpacing,n.fillStyle=e.titleFontColor,n.font=H.fontString(i,e._titleFontStyle,e._titleFontFamily),r=0;r0&&n.stroke()},draw:function(){var t=this._chart.ctx,e=this._view;if(0!==e.opacity){var n={width:e.width,height:e.height},i={x:e.x,y:e.y},a=Math.abs(e.opacity<.001)?0:e.opacity,r=e.title.length||e.beforeBody.length||e.body.length||e.afterBody.length||e.footer.length;this._options.enabled&&r&&(t.save(),t.globalAlpha=a,this.drawBackground(i,e,t,n),i.y+=e.yPadding,H.rtl.overrideTextDirection(t,e.textDirection),this.drawTitle(i,e,t),this.drawBody(i,e,t),this.drawFooter(i,e,t),H.rtl.restoreTextDirection(t,e.textDirection),t.restore())}},handleEvent:function(t){var e,n=this,i=n._options;return n._lastActive=n._lastActive||[],"mouseout"===t.type?n._active=[]:(n._active=n._chart.getElementsAtEventForMode(t,i.mode,i),i.reverse&&n._active.reverse()),(e=!H.arrayEquals(n._active,n._lastActive))&&(n._lastActive=n._active,(i.enabled||i.custom)&&(n._eventPosition={x:t.x,y:t.y},n.update(!0),n.pivot())),e}}),Ue=Be,Ye=qe;Ye.positioners=Ue;var Ge=H.valueOrDefault;function Xe(){return H.merge(Object.create(null),[].slice.call(arguments),{merger:function(t,e,n,i){if("xAxes"===t||"yAxes"===t){var a,r,o,s=n[t].length;for(e[t]||(e[t]=[]),a=0;a=e[t].length&&e[t].push({}),!e[t][a].type||o.type&&o.type!==e[t][a].type?H.merge(e[t][a],[Re.getScaleDefaults(r),o]):H.merge(e[t][a],o)}else H._merger(t,e,n,i)}})}function Ke(){return H.merge(Object.create(null),[].slice.call(arguments),{merger:function(t,e,n,i){var a=e[t]||Object.create(null),r=n[t];"scales"===t?e[t]=Xe(a,r):"scale"===t?e[t]=H.merge(a,[Re.getScaleDefaults(r.type),r]):H._merger(t,e,n,i)}})}function Ze(t){var e=t.options;H.each(t.scales,(function(e){pe.removeBox(t,e)})),e=Ke(N.global,N[t.config.type],e),t.options=t.config.options=e,t.ensureScalesHaveIDs(),t.buildOrUpdateScales(),t.tooltip._options=e.tooltips,t.tooltip.initialize()}function $e(t,e,n){var i,a=function(t){return t.id===i};do{i=e+n++}while(H.findIndex(t,a)>=0);return i}function Je(t){return"top"===t||"bottom"===t}function Qe(t,e){return function(n,i){return n[t]===i[t]?n[e]-i[e]:n[t]-i[t]}}N._set("global",{elements:{},events:["mousemove","mouseout","click","touchstart","touchmove"],hover:{onHover:null,mode:"nearest",intersect:!0,animationDuration:400},onClick:null,maintainAspectRatio:!0,responsive:!0,responsiveAnimationDuration:0});var tn=function(t,e){return this.construct(t,e),this};H.extend(tn.prototype,{construct:function(t,e){var n=this;e=function(t){var e=(t=t||Object.create(null)).data=t.data||{};return e.datasets=e.datasets||[],e.labels=e.labels||[],t.options=Ke(N.global,N[t.type],t.options||{}),t}(e);var i=Oe.acquireContext(t,e),a=i&&i.canvas,r=a&&a.height,o=a&&a.width;n.id=H.uid(),n.ctx=i,n.canvas=a,n.config=e,n.width=o,n.height=r,n.aspectRatio=r?o/r:null,n.options=e.options,n._bufferedRender=!1,n._layers=[],n.chart=n,n.controller=n,tn.instances[n.id]=n,Object.defineProperty(n,"data",{get:function(){return n.config.data},set:function(t){n.config.data=t}}),i&&a?(n.initialize(),n.update()):console.error("Failed to create chart: can't acquire context from the given item")},initialize:function(){var t=this;return Le.notify(t,"beforeInit"),H.retinaScale(t,t.options.devicePixelRatio),t.bindEvents(),t.options.responsive&&t.resize(!0),t.initToolTip(),Le.notify(t,"afterInit"),t},clear:function(){return H.canvas.clear(this),this},stop:function(){return J.cancelAnimation(this),this},resize:function(t){var e=this,n=e.options,i=e.canvas,a=n.maintainAspectRatio&&e.aspectRatio||null,r=Math.max(0,Math.floor(H.getMaximumWidth(i))),o=Math.max(0,Math.floor(a?r/a:H.getMaximumHeight(i)));if((e.width!==r||e.height!==o)&&(i.width=e.width=r,i.height=e.height=o,i.style.width=r+"px",i.style.height=o+"px",H.retinaScale(e,n.devicePixelRatio),!t)){var s={width:r,height:o};Le.notify(e,"resize",[s]),n.onResize&&n.onResize(e,s),e.stop(),e.update({duration:n.responsiveAnimationDuration})}},ensureScalesHaveIDs:function(){var t=this.options,e=t.scales||{},n=t.scale;H.each(e.xAxes,(function(t,n){t.id||(t.id=$e(e.xAxes,"x-axis-",n))})),H.each(e.yAxes,(function(t,n){t.id||(t.id=$e(e.yAxes,"y-axis-",n))})),n&&(n.id=n.id||"scale")},buildOrUpdateScales:function(){var t=this,e=t.options,n=t.scales||{},i=[],a=Object.keys(n).reduce((function(t,e){return t[e]=!1,t}),{});e.scales&&(i=i.concat((e.scales.xAxes||[]).map((function(t){return{options:t,dtype:"category",dposition:"bottom"}})),(e.scales.yAxes||[]).map((function(t){return{options:t,dtype:"linear",dposition:"left"}})))),e.scale&&i.push({options:e.scale,dtype:"radialLinear",isDefault:!0,dposition:"chartArea"}),H.each(i,(function(e){var i=e.options,r=i.id,o=Ge(i.type,e.dtype);Je(i.position)!==Je(e.dposition)&&(i.position=e.dposition),a[r]=!0;var s=null;if(r in n&&n[r].type===o)(s=n[r]).options=i,s.ctx=t.ctx,s.chart=t;else{var l=Re.getScaleConstructor(o);if(!l)return;s=new l({id:r,type:o,options:i,ctx:t.ctx,chart:t}),n[s.id]=s}s.mergeTicksOptions(),e.isDefault&&(t.scale=s)})),H.each(a,(function(t,e){t||delete n[e]})),t.scales=n,Re.addScalesToLayout(this)},buildOrUpdateControllers:function(){var t,e,n=this,i=[],a=n.data.datasets;for(t=0,e=a.length;t=0;--n)this.drawDataset(e[n],t);Le.notify(this,"afterDatasetsDraw",[t])}},drawDataset:function(t,e){var n={meta:t,index:t.index,easingValue:e};!1!==Le.notify(this,"beforeDatasetDraw",[n])&&(t.controller.draw(e),Le.notify(this,"afterDatasetDraw",[n]))},_drawTooltip:function(t){var e=this.tooltip,n={tooltip:e,easingValue:t};!1!==Le.notify(this,"beforeTooltipDraw",[n])&&(e.draw(),Le.notify(this,"afterTooltipDraw",[n]))},getElementAtEvent:function(t){return re.modes.single(this,t)},getElementsAtEvent:function(t){return re.modes.label(this,t,{intersect:!0})},getElementsAtXAxis:function(t){return re.modes["x-axis"](this,t,{intersect:!0})},getElementsAtEventForMode:function(t,e,n){var i=re.modes[e];return"function"==typeof i?i(this,t,n):[]},getDatasetAtEvent:function(t){return re.modes.dataset(this,t,{intersect:!0})},getDatasetMeta:function(t){var e=this.data.datasets[t];e._meta||(e._meta={});var n=e._meta[this.id];return n||(n=e._meta[this.id]={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:e.order||0,index:t}),n},getVisibleDatasetCount:function(){for(var t=0,e=0,n=this.data.datasets.length;e3?n[2]-n[1]:n[1]-n[0];Math.abs(i)>1&&t!==Math.floor(t)&&(i=t-Math.floor(t));var a=H.log10(Math.abs(i)),r="";if(0!==t)if(Math.max(Math.abs(n[0]),Math.abs(n[n.length-1]))<1e-4){var o=H.log10(Math.abs(t)),s=Math.floor(o)-Math.floor(a);s=Math.max(Math.min(s,20),0),r=t.toExponential(s)}else{var l=-1*Math.floor(a);l=Math.max(Math.min(l,20),0),r=t.toFixed(l)}else r="0";return r},logarithmic:function(t,e,n){var i=t/Math.pow(10,Math.floor(H.log10(t)));return 0===t?"0":1===i||2===i||5===i||0===e||e===n.length-1?t.toExponential():""}}},sn=H.isArray,ln=H.isNullOrUndef,un=H.valueOrDefault,dn=H.valueAtIndexOrDefault;function hn(t,e,n){var i,a=t.getTicks().length,r=Math.min(e,a-1),o=t.getPixelForTick(r),s=t._startPixel,l=t._endPixel;if(!(n&&(i=1===a?Math.max(o-s,l-o):0===e?(t.getPixelForTick(1)-o)/2:(o-t.getPixelForTick(r-1))/2,(o+=rl+1e-6)))return o}function cn(t,e,n,i){var a,r,o,s,l,u,d,h,c,f,g,p,m,v=n.length,b=[],x=[],y=[],_=0,k=0;for(a=0;ae){for(n=0;n=c||d<=1||!s.isHorizontal()?s.labelRotation=h:(e=(t=s._getLabelSizes()).widest.width,n=t.highest.height-t.highest.offset,i=Math.min(s.maxWidth,s.chart.width-e),e+6>(a=l.offset?s.maxWidth/d:i/(d-1))&&(a=i/(d-(l.offset?.5:1)),r=s.maxHeight-fn(l.gridLines)-u.padding-gn(l.scaleLabel),o=Math.sqrt(e*e+n*n),f=H.toDegrees(Math.min(Math.asin(Math.min((t.highest.height+6)/a,1)),Math.asin(Math.min(r/o,1))-Math.asin(n/o))),f=Math.max(h,Math.min(c,f))),s.labelRotation=f)},afterCalculateTickRotation:function(){H.callback(this.options.afterCalculateTickRotation,[this])},beforeFit:function(){H.callback(this.options.beforeFit,[this])},fit:function(){var t=this,e=t.minSize={width:0,height:0},n=t.chart,i=t.options,a=i.ticks,r=i.scaleLabel,o=i.gridLines,s=t._isVisible(),l="bottom"===i.position,u=t.isHorizontal();if(u?e.width=t.maxWidth:s&&(e.width=fn(o)+gn(r)),u?s&&(e.height=fn(o)+gn(r)):e.height=t.maxHeight,a.display&&s){var d=mn(a),h=t._getLabelSizes(),c=h.first,f=h.last,g=h.widest,p=h.highest,m=.4*d.minor.lineHeight,v=a.padding;if(u){var b=0!==t.labelRotation,x=H.toRadians(t.labelRotation),y=Math.cos(x),_=Math.sin(x),k=_*g.width+y*(p.height-(b?p.offset:0))+(b?0:m);e.height=Math.min(t.maxHeight,e.height+k+v);var w,M,S=t.getPixelForTick(0)-t.left,C=t.right-t.getPixelForTick(t.getTicks().length-1);b?(w=l?y*c.width+_*c.offset:_*(c.height-c.offset),M=l?_*(f.height-f.offset):y*f.width+_*f.offset):(w=c.width/2,M=f.width/2),t.paddingLeft=Math.max((w-S)*t.width/(t.width-S),0)+3,t.paddingRight=Math.max((M-C)*t.width/(t.width-C),0)+3}else{var P=a.mirror?0:g.width+v+m;e.width=Math.min(t.maxWidth,e.width+P),t.paddingTop=c.height/2,t.paddingBottom=f.height/2}}t.handleMargins(),u?(t.width=t._length=n.width-t.margins.left-t.margins.right,t.height=e.height):(t.width=e.width,t.height=t._length=n.height-t.margins.top-t.margins.bottom)},handleMargins:function(){var t=this;t.margins&&(t.margins.left=Math.max(t.paddingLeft,t.margins.left),t.margins.top=Math.max(t.paddingTop,t.margins.top),t.margins.right=Math.max(t.paddingRight,t.margins.right),t.margins.bottom=Math.max(t.paddingBottom,t.margins.bottom))},afterFit:function(){H.callback(this.options.afterFit,[this])},isHorizontal:function(){var t=this.options.position;return"top"===t||"bottom"===t},isFullWidth:function(){return this.options.fullWidth},getRightValue:function(t){if(ln(t))return NaN;if(("number"==typeof t||t instanceof Number)&&!isFinite(t))return NaN;if(t)if(this.isHorizontal()){if(void 0!==t.x)return this.getRightValue(t.x)}else if(void 0!==t.y)return this.getRightValue(t.y);return t},_convertTicksToLabels:function(t){var e,n,i,a=this;for(a.ticks=t.map((function(t){return t.value})),a.beforeTickToLabelConversion(),e=a.convertTicksToLabels(t)||a.ticks,a.afterTickToLabelConversion(),n=0,i=t.length;nn-1?null:this.getPixelForDecimal(t*i+(e?i/2:0))},getPixelForDecimal:function(t){return this._reversePixels&&(t=1-t),this._startPixel+t*this._length},getDecimalForPixel:function(t){var e=(t-this._startPixel)/this._length;return this._reversePixels?1-e:e},getBasePixel:function(){return this.getPixelForValue(this.getBaseValue())},getBaseValue:function(){var t=this.min,e=this.max;return this.beginAtZero?0:t<0&&e<0?e:t>0&&e>0?t:0},_autoSkip:function(t){var e,n,i,a,r=this.options.ticks,o=this._length,s=r.maxTicksLimit||o/this._tickSize()+1,l=r.major.enabled?function(t){var e,n,i=[];for(e=0,n=t.length;es)return function(t,e,n){var i,a,r=0,o=e[0];for(n=Math.ceil(n),i=0;iu)return r;return Math.max(u,1)}(l,t,0,s),u>0){for(e=0,n=u-1;e1?(h-d)/(u-1):null,bn(t,i,H.isNullOrUndef(a)?0:d-a,d),bn(t,i,h,H.isNullOrUndef(a)?t.length:h+a),vn(t)}return bn(t,i),vn(t)},_tickSize:function(){var t=this.options.ticks,e=H.toRadians(this.labelRotation),n=Math.abs(Math.cos(e)),i=Math.abs(Math.sin(e)),a=this._getLabelSizes(),r=t.autoSkipPadding||0,o=a?a.widest.width+r:0,s=a?a.highest.height+r:0;return this.isHorizontal()?s*n>o*i?o/n:s/i:s*i=0&&(o=t),void 0!==r&&(t=n.indexOf(r))>=0&&(s=t),e.minIndex=o,e.maxIndex=s,e.min=n[o],e.max=n[s]},buildTicks:function(){var t=this._getLabels(),e=this.minIndex,n=this.maxIndex;this.ticks=0===e&&n===t.length-1?t:t.slice(e,n+1)},getLabelForIndex:function(t,e){var n=this.chart;return n.getDatasetMeta(e).controller._getValueScaleId()===this.id?this.getRightValue(n.data.datasets[e].data[t]):this._getLabels()[t]},_configure:function(){var t=this,e=t.options.offset,n=t.ticks;yn.prototype._configure.call(t),t.isHorizontal()||(t._reversePixels=!t._reversePixels),n&&(t._startValue=t.minIndex-(e?.5:0),t._valueRange=Math.max(n.length-(e?0:1),1))},getPixelForValue:function(t,e,n){var i,a,r,o=this;return _n(e)||_n(n)||(t=o.chart.data.datasets[n].data[e]),_n(t)||(i=o.isHorizontal()?t.x:t.y),(void 0!==i||void 0!==t&&isNaN(e))&&(a=o._getLabels(),t=H.valueOrDefault(i,t),e=-1!==(r=a.indexOf(t))?r:e,isNaN(e)&&(e=t)),o.getPixelForDecimal((e-o._startValue)/o._valueRange)},getPixelForTick:function(t){var e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t],t+this.minIndex)},getValueForPixel:function(t){var e=Math.round(this._startValue+this.getDecimalForPixel(t)*this._valueRange);return Math.min(Math.max(e,0),this.ticks.length-1)},getBasePixel:function(){return this.bottom}}),wn={position:"bottom"};kn._defaults=wn;var Mn=H.noop,Sn=H.isNullOrUndef;var Cn=yn.extend({getRightValue:function(t){return"string"==typeof t?+t:yn.prototype.getRightValue.call(this,t)},handleTickRangeOptions:function(){var t=this,e=t.options.ticks;if(e.beginAtZero){var n=H.sign(t.min),i=H.sign(t.max);n<0&&i<0?t.max=0:n>0&&i>0&&(t.min=0)}var a=void 0!==e.min||void 0!==e.suggestedMin,r=void 0!==e.max||void 0!==e.suggestedMax;void 0!==e.min?t.min=e.min:void 0!==e.suggestedMin&&(null===t.min?t.min=e.suggestedMin:t.min=Math.min(t.min,e.suggestedMin)),void 0!==e.max?t.max=e.max:void 0!==e.suggestedMax&&(null===t.max?t.max=e.suggestedMax:t.max=Math.max(t.max,e.suggestedMax)),a!==r&&t.min>=t.max&&(a?t.max=t.min+1:t.min=t.max-1),t.min===t.max&&(t.max++,e.beginAtZero||t.min--)},getTickLimit:function(){var t,e=this.options.ticks,n=e.stepSize,i=e.maxTicksLimit;return n?t=Math.ceil(this.max/n)-Math.floor(this.min/n)+1:(t=this._computeTickLimit(),i=i||11),i&&(t=Math.min(i,t)),t},_computeTickLimit:function(){return Number.POSITIVE_INFINITY},handleDirectionalChanges:Mn,buildTicks:function(){var t=this,e=t.options.ticks,n=t.getTickLimit(),i={maxTicks:n=Math.max(2,n),min:e.min,max:e.max,precision:e.precision,stepSize:H.valueOrDefault(e.fixedStepSize,e.stepSize)},a=t.ticks=function(t,e){var n,i,a,r,o=[],s=t.stepSize,l=s||1,u=t.maxTicks-1,d=t.min,h=t.max,c=t.precision,f=e.min,g=e.max,p=H.niceNum((g-f)/u/l)*l;if(p<1e-14&&Sn(d)&&Sn(h))return[f,g];(r=Math.ceil(g/p)-Math.floor(f/p))>u&&(p=H.niceNum(r*p/u/l)*l),s||Sn(c)?n=Math.pow(10,H._decimalPlaces(p)):(n=Math.pow(10,c),p=Math.ceil(p*n)/n),i=Math.floor(f/p)*p,a=Math.ceil(g/p)*p,s&&(!Sn(d)&&H.almostWhole(d/p,p/1e3)&&(i=d),!Sn(h)&&H.almostWhole(h/p,p/1e3)&&(a=h)),r=(a-i)/p,r=H.almostEquals(r,Math.round(r),p/1e3)?Math.round(r):Math.ceil(r),i=Math.round(i*n)/n,a=Math.round(a*n)/n,o.push(Sn(d)?i:d);for(var m=1;me.length-1?null:this.getPixelForValue(e[t])}}),In=Pn;Tn._defaults=In;var Fn=H.valueOrDefault,On=H.math.log10;var Ln={position:"left",ticks:{callback:on.formatters.logarithmic}};function Rn(t,e){return H.isFinite(t)&&t>=0?t:e}var zn=yn.extend({determineDataLimits:function(){var t,e,n,i,a,r,o=this,s=o.options,l=o.chart,u=l.data.datasets,d=o.isHorizontal();function h(t){return d?t.xAxisID===o.id:t.yAxisID===o.id}o.min=Number.POSITIVE_INFINITY,o.max=Number.NEGATIVE_INFINITY,o.minNotZero=Number.POSITIVE_INFINITY;var c=s.stacked;if(void 0===c)for(t=0;t0){var e=H.min(t),n=H.max(t);o.min=Math.min(o.min,e),o.max=Math.max(o.max,n)}}))}else for(t=0;t0?t.minNotZero=t.min:t.max<1?t.minNotZero=Math.pow(10,Math.floor(On(t.max))):t.minNotZero=1)},buildTicks:function(){var t=this,e=t.options.ticks,n=!t.isHorizontal(),i={min:Rn(e.min),max:Rn(e.max)},a=t.ticks=function(t,e){var n,i,a=[],r=Fn(t.min,Math.pow(10,Math.floor(On(e.min)))),o=Math.floor(On(e.max)),s=Math.ceil(e.max/Math.pow(10,o));0===r?(n=Math.floor(On(e.minNotZero)),i=Math.floor(e.minNotZero/Math.pow(10,n)),a.push(r),r=i*Math.pow(10,n)):(n=Math.floor(On(r)),i=Math.floor(r/Math.pow(10,n)));var l=n<0?Math.pow(10,Math.abs(n)):1;do{a.push(r),10===++i&&(i=1,l=++n>=0?1:l),r=Math.round(i*Math.pow(10,n)*l)/l}while(ne.length-1?null:this.getPixelForValue(e[t])},_getFirstTickValue:function(t){var e=Math.floor(On(t));return Math.floor(t/Math.pow(10,e))*Math.pow(10,e)},_configure:function(){var t=this,e=t.min,n=0;yn.prototype._configure.call(t),0===e&&(e=t._getFirstTickValue(t.minNotZero),n=Fn(t.options.ticks.fontSize,N.global.defaultFontSize)/t._length),t._startValue=On(e),t._valueOffset=n,t._valueRange=(On(t.max)-On(e))/(1-n)},getPixelForValue:function(t){var e=this,n=0;return(t=+e.getRightValue(t))>e.min&&t>0&&(n=(On(t)-e._startValue)/e._valueRange+e._valueOffset),e.getPixelForDecimal(n)},getValueForPixel:function(t){var e=this,n=e.getDecimalForPixel(t);return 0===n&&0===e.min?0:Math.pow(10,e._startValue+(n-e._valueOffset)*e._valueRange)}}),Nn=Ln;zn._defaults=Nn;var Bn=H.valueOrDefault,En=H.valueAtIndexOrDefault,Wn=H.options.resolve,Vn={display:!0,animate:!0,position:"chartArea",angleLines:{display:!0,color:"rgba(0,0,0,0.1)",lineWidth:1,borderDash:[],borderDashOffset:0},gridLines:{circular:!1},ticks:{showLabelBackdrop:!0,backdropColor:"rgba(255,255,255,0.75)",backdropPaddingY:2,backdropPaddingX:2,callback:on.formatters.linear},pointLabels:{display:!0,fontSize:10,callback:function(t){return t}}};function Hn(t){var e=t.ticks;return e.display&&t.display?Bn(e.fontSize,N.global.defaultFontSize)+2*e.backdropPaddingY:0}function jn(t,e,n,i,a){return t===i||t===a?{start:e-n/2,end:e+n/2}:ta?{start:e-n,end:e}:{start:e,end:e+n}}function qn(t){return 0===t||180===t?"center":t<180?"left":"right"}function Un(t,e,n,i){var a,r,o=n.y+i/2;if(H.isArray(e))for(a=0,r=e.length;a270||t<90)&&(n.y-=e.h)}function Gn(t){return H.isNumber(t)?t:0}var Xn=Cn.extend({setDimensions:function(){var t=this;t.width=t.maxWidth,t.height=t.maxHeight,t.paddingTop=Hn(t.options)/2,t.xCenter=Math.floor(t.width/2),t.yCenter=Math.floor((t.height-t.paddingTop)/2),t.drawingArea=Math.min(t.height-t.paddingTop,t.width)/2},determineDataLimits:function(){var t=this,e=t.chart,n=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;H.each(e.data.datasets,(function(a,r){if(e.isDatasetVisible(r)){var o=e.getDatasetMeta(r);H.each(a.data,(function(e,a){var r=+t.getRightValue(e);isNaN(r)||o.data[a].hidden||(n=Math.min(r,n),i=Math.max(r,i))}))}})),t.min=n===Number.POSITIVE_INFINITY?0:n,t.max=i===Number.NEGATIVE_INFINITY?0:i,t.handleTickRangeOptions()},_computeTickLimit:function(){return Math.ceil(this.drawingArea/Hn(this.options))},convertTicksToLabels:function(){var t=this;Cn.prototype.convertTicksToLabels.call(t),t.pointLabels=t.chart.data.labels.map((function(){var e=H.callback(t.options.pointLabels.callback,arguments,t);return e||0===e?e:""}))},getLabelForIndex:function(t,e){return+this.getRightValue(this.chart.data.datasets[e].data[t])},fit:function(){var t=this.options;t.display&&t.pointLabels.display?function(t){var e,n,i,a=H.options._parseFont(t.options.pointLabels),r={l:0,r:t.width,t:0,b:t.height-t.paddingTop},o={};t.ctx.font=a.string,t._pointLabelSizes=[];var s,l,u,d=t.chart.data.labels.length;for(e=0;er.r&&(r.r=f.end,o.r=h),g.startr.b&&(r.b=g.end,o.b=h)}t.setReductions(t.drawingArea,r,o)}(this):this.setCenterPoint(0,0,0,0)},setReductions:function(t,e,n){var i=this,a=e.l/Math.sin(n.l),r=Math.max(e.r-i.width,0)/Math.sin(n.r),o=-e.t/Math.cos(n.t),s=-Math.max(e.b-(i.height-i.paddingTop),0)/Math.cos(n.b);a=Gn(a),r=Gn(r),o=Gn(o),s=Gn(s),i.drawingArea=Math.min(Math.floor(t-(a+r)/2),Math.floor(t-(o+s)/2)),i.setCenterPoint(a,r,o,s)},setCenterPoint:function(t,e,n,i){var a=this,r=a.width-e-a.drawingArea,o=t+a.drawingArea,s=n+a.drawingArea,l=a.height-a.paddingTop-i-a.drawingArea;a.xCenter=Math.floor((o+r)/2+a.left),a.yCenter=Math.floor((s+l)/2+a.top+a.paddingTop)},getIndexAngle:function(t){var e=this.chart,n=(t*(360/e.data.labels.length)+((e.options||{}).startAngle||0))%360;return(n<0?n+360:n)*Math.PI*2/360},getDistanceFromCenterForValue:function(t){var e=this;if(H.isNullOrUndef(t))return NaN;var n=e.drawingArea/(e.max-e.min);return e.options.ticks.reverse?(e.max-t)*n:(t-e.min)*n},getPointPosition:function(t,e){var n=this.getIndexAngle(t)-Math.PI/2;return{x:Math.cos(n)*e+this.xCenter,y:Math.sin(n)*e+this.yCenter}},getPointPositionForValue:function(t,e){return this.getPointPosition(t,this.getDistanceFromCenterForValue(e))},getBasePosition:function(t){var e=this.min,n=this.max;return this.getPointPositionForValue(t||0,this.beginAtZero?0:e<0&&n<0?n:e>0&&n>0?e:0)},_drawGrid:function(){var t,e,n,i=this,a=i.ctx,r=i.options,o=r.gridLines,s=r.angleLines,l=Bn(s.lineWidth,o.lineWidth),u=Bn(s.color,o.color);if(r.pointLabels.display&&function(t){var e=t.ctx,n=t.options,i=n.pointLabels,a=Hn(n),r=t.getDistanceFromCenterForValue(n.ticks.reverse?t.min:t.max),o=H.options._parseFont(i);e.save(),e.font=o.string,e.textBaseline="middle";for(var s=t.chart.data.labels.length-1;s>=0;s--){var l=0===s?a/2:0,u=t.getPointPosition(s,r+l+5),d=En(i.fontColor,s,N.global.defaultFontColor);e.fillStyle=d;var h=t.getIndexAngle(s),c=H.toDegrees(h);e.textAlign=qn(c),Yn(c,t._pointLabelSizes[s],u),Un(e,t.pointLabels[s],u,o.lineHeight)}e.restore()}(i),o.display&&H.each(i.ticks,(function(t,n){0!==n&&(e=i.getDistanceFromCenterForValue(i.ticksAsNumbers[n]),function(t,e,n,i){var a,r=t.ctx,o=e.circular,s=t.chart.data.labels.length,l=En(e.color,i-1),u=En(e.lineWidth,i-1);if((o||s)&&l&&u){if(r.save(),r.strokeStyle=l,r.lineWidth=u,r.setLineDash&&(r.setLineDash(e.borderDash||[]),r.lineDashOffset=e.borderDashOffset||0),r.beginPath(),o)r.arc(t.xCenter,t.yCenter,n,0,2*Math.PI);else{a=t.getPointPosition(0,n),r.moveTo(a.x,a.y);for(var d=1;d=0;t--)e=i.getDistanceFromCenterForValue(r.ticks.reverse?i.min:i.max),n=i.getPointPosition(t,e),a.beginPath(),a.moveTo(i.xCenter,i.yCenter),a.lineTo(n.x,n.y),a.stroke();a.restore()}},_drawLabels:function(){var t=this,e=t.ctx,n=t.options.ticks;if(n.display){var i,a,r=t.getIndexAngle(0),o=H.options._parseFont(n),s=Bn(n.fontColor,N.global.defaultFontColor);e.save(),e.font=o.string,e.translate(t.xCenter,t.yCenter),e.rotate(r),e.textAlign="center",e.textBaseline="middle",H.each(t.ticks,(function(r,l){(0!==l||n.reverse)&&(i=t.getDistanceFromCenterForValue(t.ticksAsNumbers[l]),n.showLabelBackdrop&&(a=e.measureText(r).width,e.fillStyle=n.backdropColor,e.fillRect(-a/2-n.backdropPaddingX,-i-o.size/2-n.backdropPaddingY,a+2*n.backdropPaddingX,o.size+2*n.backdropPaddingY)),e.fillStyle=s,e.fillText(r,0,-i))})),e.restore()}},_drawTitle:H.noop}),Kn=Vn;Xn._defaults=Kn;var Zn=H._deprecated,$n=H.options.resolve,Jn=H.valueOrDefault,Qn=Number.MIN_SAFE_INTEGER||-9007199254740991,ti=Number.MAX_SAFE_INTEGER||9007199254740991,ei={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},ni=Object.keys(ei);function ii(t,e){return t-e}function ai(t){return H.valueOrDefault(t.time.min,t.ticks.min)}function ri(t){return H.valueOrDefault(t.time.max,t.ticks.max)}function oi(t,e,n,i){var a=function(t,e,n){for(var i,a,r,o=0,s=t.length-1;o>=0&&o<=s;){if(a=t[(i=o+s>>1)-1]||null,r=t[i],!a)return{lo:null,hi:r};if(r[e]n))return{lo:a,hi:r};s=i-1}}return{lo:r,hi:null}}(t,e,n),r=a.lo?a.hi?a.lo:t[t.length-2]:t[0],o=a.lo?a.hi?a.hi:t[t.length-1]:t[1],s=o[e]-r[e],l=s?(n-r[e])/s:0,u=(o[i]-r[i])*l;return r[i]+u}function si(t,e){var n=t._adapter,i=t.options.time,a=i.parser,r=a||i.format,o=e;return"function"==typeof a&&(o=a(o)),H.isFinite(o)||(o="string"==typeof r?n.parse(o,r):n.parse(o)),null!==o?+o:(a||"function"!=typeof r||(o=r(e),H.isFinite(o)||(o=n.parse(o))),o)}function li(t,e){if(H.isNullOrUndef(e))return null;var n=t.options.time,i=si(t,t.getRightValue(e));return null===i?i:(n.round&&(i=+t._adapter.startOf(i,n.round)),i)}function ui(t,e,n,i){var a,r,o,s=ni.length;for(a=ni.indexOf(t);a=0&&(e[r].major=!0);return e}(t,r,o,n):r}var hi=yn.extend({initialize:function(){this.mergeTicksOptions(),yn.prototype.initialize.call(this)},update:function(){var t=this,e=t.options,n=e.time||(e.time={}),i=t._adapter=new rn._date(e.adapters.date);return Zn("time scale",n.format,"time.format","time.parser"),Zn("time scale",n.min,"time.min","ticks.min"),Zn("time scale",n.max,"time.max","ticks.max"),H.mergeIf(n.displayFormats,i.formats()),yn.prototype.update.apply(t,arguments)},getRightValue:function(t){return t&&void 0!==t.t&&(t=t.t),yn.prototype.getRightValue.call(this,t)},determineDataLimits:function(){var t,e,n,i,a,r,o,s=this,l=s.chart,u=s._adapter,d=s.options,h=d.time.unit||"day",c=ti,f=Qn,g=[],p=[],m=[],v=s._getLabels();for(t=0,n=v.length;t1?function(t){var e,n,i,a={},r=[];for(e=0,n=t.length;e1e5*u)throw e+" and "+n+" are too far apart with stepSize of "+u+" "+l;for(a=h;a=a&&n<=r&&d.push(n);return i.min=a,i.max=r,i._unit=l.unit||(s.autoSkip?ui(l.minUnit,i.min,i.max,h):function(t,e,n,i,a){var r,o;for(r=ni.length-1;r>=ni.indexOf(n);r--)if(o=ni[r],ei[o].common&&t._adapter.diff(a,i,o)>=e-1)return o;return ni[n?ni.indexOf(n):0]}(i,d.length,l.minUnit,i.min,i.max)),i._majorUnit=s.major.enabled&&"year"!==i._unit?function(t){for(var e=ni.indexOf(t)+1,n=ni.length;ee&&s=0&&t0?s:1}}),ci={position:"bottom",distribution:"linear",bounds:"data",adapters:{},time:{parser:!1,unit:!1,round:!1,displayFormat:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{}},ticks:{autoSkip:!1,source:"auto",major:{enabled:!1}}};hi._defaults=ci;var fi={category:kn,linear:Tn,logarithmic:zn,radialLinear:Xn,time:hi},gi={datetime:"MMM D, YYYY, h:mm:ss a",millisecond:"h:mm:ss.SSS a",second:"h:mm:ss a",minute:"h:mm a",hour:"hA",day:"MMM D",week:"ll",month:"MMM YYYY",quarter:"[Q]Q - YYYY",year:"YYYY"};rn._date.override("function"==typeof t?{_id:"moment",formats:function(){return gi},parse:function(e,n){return"string"==typeof e&&"string"==typeof n?e=t(e,n):e instanceof t||(e=t(e)),e.isValid()?e.valueOf():null},format:function(e,n){return t(e).format(n)},add:function(e,n,i){return t(e).add(n,i).valueOf()},diff:function(e,n,i){return t(e).diff(t(n),i)},startOf:function(e,n,i){return e=t(e),"isoWeek"===n?e.isoWeekday(i).valueOf():e.startOf(n).valueOf()},endOf:function(e,n){return t(e).endOf(n).valueOf()},_create:function(e){return t(e)}}:{}),N._set("global",{plugins:{filler:{propagate:!0}}});var pi={dataset:function(t){var e=t.fill,n=t.chart,i=n.getDatasetMeta(e),a=i&&n.isDatasetVisible(e)&&i.dataset._children||[],r=a.length||0;return r?function(t,e){return e=n)&&i;switch(r){case"bottom":return"start";case"top":return"end";case"zero":return"origin";case"origin":case"start":case"end":return r;default:return!1}}function vi(t){return(t.el._scale||{}).getPointPositionForValue?function(t){var e,n,i,a,r,o=t.el._scale,s=o.options,l=o.chart.data.labels.length,u=t.fill,d=[];if(!l)return null;for(e=s.ticks.reverse?o.max:o.min,n=s.ticks.reverse?o.min:o.max,i=o.getPointPositionForValue(0,e),a=0;a0;--r)H.canvas.lineTo(t,n[r],n[r-1],!0);else for(o=n[0].cx,s=n[0].cy,l=Math.sqrt(Math.pow(n[0].x-o,2)+Math.pow(n[0].y-s,2)),r=a-1;r>0;--r)t.arc(o,s,l,n[r].angle,n[r-1].angle,!0)}}function ki(t,e,n,i,a,r){var o,s,l,u,d,h,c,f,g=e.length,p=i.spanGaps,m=[],v=[],b=0,x=0;for(t.beginPath(),o=0,s=g;o=0;--n)(e=l[n].$filler)&&e.visible&&(a=(i=e.el)._view,r=i._children||[],o=e.mapper,s=a.backgroundColor||N.global.defaultColor,o&&s&&r.length&&(H.canvas.clipArea(u,t.chartArea),ki(u,r,o,a,s,i._loop),H.canvas.unclipArea(u)))}},Mi=H.rtl.getRtlAdapter,Si=H.noop,Ci=H.valueOrDefault;function Pi(t,e){return t.usePointStyle&&t.boxWidth>e?e:t.boxWidth}N._set("global",{legend:{display:!0,position:"top",align:"center",fullWidth:!0,reverse:!1,weight:1e3,onClick:function(t,e){var n=e.datasetIndex,i=this.chart,a=i.getDatasetMeta(n);a.hidden=null===a.hidden?!i.data.datasets[n].hidden:null,i.update()},onHover:null,onLeave:null,labels:{boxWidth:40,padding:10,generateLabels:function(t){var e=t.data.datasets,n=t.options.legend||{},i=n.labels&&n.labels.usePointStyle;return t._getSortedDatasetMetas().map((function(n){var a=n.controller.getStyle(i?0:void 0);return{text:e[n.index].label,fillStyle:a.backgroundColor,hidden:!t.isDatasetVisible(n.index),lineCap:a.borderCapStyle,lineDash:a.borderDash,lineDashOffset:a.borderDashOffset,lineJoin:a.borderJoinStyle,lineWidth:a.borderWidth,strokeStyle:a.borderColor,pointStyle:a.pointStyle,rotation:a.rotation,datasetIndex:n.index}}),this)}}},legendCallback:function(t){var e,n,i,a=document.createElement("ul"),r=t.data.datasets;for(a.setAttribute("class",t.id+"-legend"),e=0,n=r.length;el.width)&&(h+=o+n.padding,d[d.length-(e>0?0:1)]=0),s[e]={left:0,top:0,width:i,height:o},d[d.length-1]+=i+n.padding})),l.height+=h}else{var c=n.padding,f=t.columnWidths=[],g=t.columnHeights=[],p=n.padding,m=0,v=0;H.each(t.legendItems,(function(t,e){var i=Pi(n,o)+o/2+a.measureText(t.text).width;e>0&&v+o+2*c>l.height&&(p+=m+n.padding,f.push(m),g.push(v),m=0,v=0),m=Math.max(m,i),v+=o+c,s[e]={left:0,top:0,width:i,height:o}})),p+=m,f.push(m),g.push(v),l.width+=p}t.width=l.width,t.height=l.height}else t.width=l.width=t.height=l.height=0},afterFit:Si,isHorizontal:function(){return"top"===this.options.position||"bottom"===this.options.position},draw:function(){var t=this,e=t.options,n=e.labels,i=N.global,a=i.defaultColor,r=i.elements.line,o=t.height,s=t.columnHeights,l=t.width,u=t.lineWidths;if(e.display){var d,h=Mi(e.rtl,t.left,t.minSize.width),c=t.ctx,f=Ci(n.fontColor,i.defaultFontColor),g=H.options._parseFont(n),p=g.size;c.textAlign=h.textAlign("left"),c.textBaseline="middle",c.lineWidth=.5,c.strokeStyle=f,c.fillStyle=f,c.font=g.string;var m=Pi(n,p),v=t.legendHitBoxes,b=function(t,i){switch(e.align){case"start":return n.padding;case"end":return t-i;default:return(t-i+n.padding)/2}},x=t.isHorizontal();d=x?{x:t.left+b(l,u[0]),y:t.top+n.padding,line:0}:{x:t.left+n.padding,y:t.top+b(o,s[0]),line:0},H.rtl.overrideTextDirection(t.ctx,e.textDirection);var y=p+n.padding;H.each(t.legendItems,(function(e,i){var f=c.measureText(e.text).width,g=m+p/2+f,_=d.x,k=d.y;h.setWidth(t.minSize.width),x?i>0&&_+g+n.padding>t.left+t.minSize.width&&(k=d.y+=y,d.line++,_=d.x=t.left+b(l,u[d.line])):i>0&&k+y>t.top+t.minSize.height&&(_=d.x=_+t.columnWidths[d.line]+n.padding,d.line++,k=d.y=t.top+b(o,s[d.line]));var w=h.x(_);!function(t,e,i){if(!(isNaN(m)||m<=0)){c.save();var o=Ci(i.lineWidth,r.borderWidth);if(c.fillStyle=Ci(i.fillStyle,a),c.lineCap=Ci(i.lineCap,r.borderCapStyle),c.lineDashOffset=Ci(i.lineDashOffset,r.borderDashOffset),c.lineJoin=Ci(i.lineJoin,r.borderJoinStyle),c.lineWidth=o,c.strokeStyle=Ci(i.strokeStyle,a),c.setLineDash&&c.setLineDash(Ci(i.lineDash,r.borderDash)),n&&n.usePointStyle){var s=m*Math.SQRT2/2,l=h.xPlus(t,m/2),u=e+p/2;H.canvas.drawPoint(c,i.pointStyle,s,l,u,i.rotation)}else c.fillRect(h.leftForLtr(t,m),e,m,p),0!==o&&c.strokeRect(h.leftForLtr(t,m),e,m,p);c.restore()}}(w,k,e),v[i].left=h.leftForLtr(w,v[i].width),v[i].top=k,function(t,e,n,i){var a=p/2,r=h.xPlus(t,m+a),o=e+a;c.fillText(n.text,r,o),n.hidden&&(c.beginPath(),c.lineWidth=2,c.moveTo(r,o),c.lineTo(h.xPlus(r,i),o),c.stroke())}(w,k,e,f),x?d.x+=g+n.padding:d.y+=y})),H.rtl.restoreTextDirection(t.ctx,e.textDirection)}},_getLegendItemAt:function(t,e){var n,i,a,r=this;if(t>=r.left&&t<=r.right&&e>=r.top&&e<=r.bottom)for(a=r.legendHitBoxes,n=0;n=(i=a[n]).left&&t<=i.left+i.width&&e>=i.top&&e<=i.top+i.height)return r.legendItems[n];return null},handleEvent:function(t){var e,n=this,i=n.options,a="mouseup"===t.type?"click":t.type;if("mousemove"===a){if(!i.onHover&&!i.onLeave)return}else{if("click"!==a)return;if(!i.onClick)return}e=n._getLegendItemAt(t.x,t.y),"click"===a?e&&i.onClick&&i.onClick.call(n,t.native,e):(i.onLeave&&e!==n._hoveredItem&&(n._hoveredItem&&i.onLeave.call(n,t.native,n._hoveredItem),n._hoveredItem=e),i.onHover&&e&&i.onHover.call(n,t.native,e))}});function Di(t,e){var n=new Ai({ctx:t.ctx,options:e,chart:t});pe.configure(t,n,e),pe.addBox(t,n),t.legend=n}var Ti={id:"legend",_element:Ai,beforeInit:function(t){var e=t.options.legend;e&&Di(t,e)},beforeUpdate:function(t){var e=t.options.legend,n=t.legend;e?(H.mergeIf(e,N.global.legend),n?(pe.configure(t,n,e),n.options=e):Di(t,e)):n&&(pe.removeBox(t,n),delete t.legend)},afterEvent:function(t,e){var n=t.legend;n&&n.handleEvent(e)}},Ii=H.noop;N._set("global",{title:{display:!1,fontStyle:"bold",fullWidth:!0,padding:10,position:"top",text:"",weight:2e3}});var Fi=K.extend({initialize:function(t){H.extend(this,t),this.legendHitBoxes=[]},beforeUpdate:Ii,update:function(t,e,n){var i=this;return i.beforeUpdate(),i.maxWidth=t,i.maxHeight=e,i.margins=n,i.beforeSetDimensions(),i.setDimensions(),i.afterSetDimensions(),i.beforeBuildLabels(),i.buildLabels(),i.afterBuildLabels(),i.beforeFit(),i.fit(),i.afterFit(),i.afterUpdate(),i.minSize},afterUpdate:Ii,beforeSetDimensions:Ii,setDimensions:function(){var t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height),t.paddingLeft=0,t.paddingTop=0,t.paddingRight=0,t.paddingBottom=0,t.minSize={width:0,height:0}},afterSetDimensions:Ii,beforeBuildLabels:Ii,buildLabels:Ii,afterBuildLabels:Ii,beforeFit:Ii,fit:function(){var t,e=this,n=e.options,i=e.minSize={},a=e.isHorizontal();n.display?(t=(H.isArray(n.text)?n.text.length:1)*H.options._parseFont(n).lineHeight+2*n.padding,e.width=i.width=a?e.maxWidth:t,e.height=i.height=a?t:e.maxHeight):e.width=i.width=e.height=i.height=0},afterFit:Ii,isHorizontal:function(){var t=this.options.position;return"top"===t||"bottom"===t},draw:function(){var t=this,e=t.ctx,n=t.options;if(n.display){var i,a,r,o=H.options._parseFont(n),s=o.lineHeight,l=s/2+n.padding,u=0,d=t.top,h=t.left,c=t.bottom,f=t.right;e.fillStyle=H.valueOrDefault(n.fontColor,N.global.defaultFontColor),e.font=o.string,t.isHorizontal()?(a=h+(f-h)/2,r=d+l,i=f-h):(a="left"===n.position?h+l:f-l,r=d+(c-d)/2,i=c-d,u=Math.PI*("left"===n.position?-.5:.5)),e.save(),e.translate(a,r),e.rotate(u),e.textAlign="center",e.textBaseline="middle";var g=n.text;if(H.isArray(g))for(var p=0,m=0;m=0;i--){var a=t[i];if(e(a))return a}},H.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},H.almostEquals=function(t,e,n){return Math.abs(t-e)=t},H.max=function(t){return t.reduce((function(t,e){return isNaN(e)?t:Math.max(t,e)}),Number.NEGATIVE_INFINITY)},H.min=function(t){return t.reduce((function(t,e){return isNaN(e)?t:Math.min(t,e)}),Number.POSITIVE_INFINITY)},H.sign=Math.sign?function(t){return Math.sign(t)}:function(t){return 0===(t=+t)||isNaN(t)?t:t>0?1:-1},H.toRadians=function(t){return t*(Math.PI/180)},H.toDegrees=function(t){return t*(180/Math.PI)},H._decimalPlaces=function(t){if(H.isFinite(t)){for(var e=1,n=0;Math.round(t*e)/e!==t;)e*=10,n++;return n}},H.getAngleFromPoint=function(t,e){var n=e.x-t.x,i=e.y-t.y,a=Math.sqrt(n*n+i*i),r=Math.atan2(i,n);return r<-.5*Math.PI&&(r+=2*Math.PI),{angle:r,distance:a}},H.distanceBetweenPoints=function(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))},H.aliasPixel=function(t){return t%2==0?0:.5},H._alignPixel=function(t,e,n){var i=t.currentDevicePixelRatio,a=n/2;return Math.round((e-a)*i)/i+a},H.splineCurve=function(t,e,n,i){var a=t.skip?e:t,r=e,o=n.skip?e:n,s=Math.sqrt(Math.pow(r.x-a.x,2)+Math.pow(r.y-a.y,2)),l=Math.sqrt(Math.pow(o.x-r.x,2)+Math.pow(o.y-r.y,2)),u=s/(s+l),d=l/(s+l),h=i*(u=isNaN(u)?0:u),c=i*(d=isNaN(d)?0:d);return{previous:{x:r.x-h*(o.x-a.x),y:r.y-h*(o.y-a.y)},next:{x:r.x+c*(o.x-a.x),y:r.y+c*(o.y-a.y)}}},H.EPSILON=Number.EPSILON||1e-14,H.splineCurveMonotone=function(t){var e,n,i,a,r,o,s,l,u,d=(t||[]).map((function(t){return{model:t._model,deltaK:0,mK:0}})),h=d.length;for(e=0;e0?d[e-1]:null,(a=e0?d[e-1]:null,a=e=t.length-1?t[0]:t[e+1]:e>=t.length-1?t[t.length-1]:t[e+1]},H.previousItem=function(t,e,n){return n?e<=0?t[t.length-1]:t[e-1]:e<=0?t[0]:t[e-1]},H.niceNum=function(t,e){var n=Math.floor(H.log10(t)),i=t/Math.pow(10,n);return(e?i<1.5?1:i<3?2:i<7?5:10:i<=1?1:i<=2?2:i<=5?5:10)*Math.pow(10,n)},H.requestAnimFrame="undefined"==typeof window?function(t){t()}:window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)},H.getRelativePosition=function(t,e){var n,i,a=t.originalEvent||t,r=t.target||t.srcElement,o=r.getBoundingClientRect(),s=a.touches;s&&s.length>0?(n=s[0].clientX,i=s[0].clientY):(n=a.clientX,i=a.clientY);var l=parseFloat(H.getStyle(r,"padding-left")),u=parseFloat(H.getStyle(r,"padding-top")),d=parseFloat(H.getStyle(r,"padding-right")),h=parseFloat(H.getStyle(r,"padding-bottom")),c=o.right-o.left-l-d,f=o.bottom-o.top-u-h;return{x:n=Math.round((n-o.left-l)/c*r.width/e.currentDevicePixelRatio),y:i=Math.round((i-o.top-u)/f*r.height/e.currentDevicePixelRatio)}},H.getConstraintWidth=function(t){return n(t,"max-width","clientWidth")},H.getConstraintHeight=function(t){return n(t,"max-height","clientHeight")},H._calculatePadding=function(t,e,n){return(e=H.getStyle(t,e)).indexOf("%")>-1?n*parseInt(e,10)/100:parseInt(e,10)},H._getParentNode=function(t){var e=t.parentNode;return e&&"[object ShadowRoot]"===e.toString()&&(e=e.host),e},H.getMaximumWidth=function(t){var e=H._getParentNode(t);if(!e)return t.clientWidth;var n=e.clientWidth,i=n-H._calculatePadding(e,"padding-left",n)-H._calculatePadding(e,"padding-right",n),a=H.getConstraintWidth(t);return isNaN(a)?i:Math.min(i,a)},H.getMaximumHeight=function(t){var e=H._getParentNode(t);if(!e)return t.clientHeight;var n=e.clientHeight,i=n-H._calculatePadding(e,"padding-top",n)-H._calculatePadding(e,"padding-bottom",n),a=H.getConstraintHeight(t);return isNaN(a)?i:Math.min(i,a)},H.getStyle=function(t,e){return t.currentStyle?t.currentStyle[e]:document.defaultView.getComputedStyle(t,null).getPropertyValue(e)},H.retinaScale=function(t,e){var n=t.currentDevicePixelRatio=e||"undefined"!=typeof window&&window.devicePixelRatio||1;if(1!==n){var i=t.canvas,a=t.height,r=t.width;i.height=a*n,i.width=r*n,t.ctx.scale(n,n),i.style.height||i.style.width||(i.style.height=a+"px",i.style.width=r+"px")}},H.fontString=function(t,e,n){return e+" "+t+"px "+n},H.longestText=function(t,e,n,i){var a=(i=i||{}).data=i.data||{},r=i.garbageCollect=i.garbageCollect||[];i.font!==e&&(a=i.data={},r=i.garbageCollect=[],i.font=e),t.font=e;var o,s,l,u,d,h=0,c=n.length;for(o=0;on.length){for(o=0;oi&&(i=r),i},H.numberOfLabelLines=function(t){var e=1;return H.each(t,(function(t){H.isArray(t)&&t.length>e&&(e=t.length)})),e},H.color=_?function(t){return t instanceof CanvasGradient&&(t=N.global.defaultColor),_(t)}:function(t){return console.error("Color.js not found!"),t},H.getHoverColor=function(t){return t instanceof CanvasPattern||t instanceof CanvasGradient?t:H.color(t).saturate(.5).darken(.1).rgbString()}}(),en._adapters=rn,en.Animation=$,en.animationService=J,en.controllers=Jt,en.DatasetController=it,en.defaults=N,en.Element=K,en.elements=kt,en.Interaction=re,en.layouts=pe,en.platform=Oe,en.plugins=Le,en.Scale=yn,en.scaleService=Re,en.Ticks=on,en.Tooltip=Ye,en.helpers.each(fi,(function(t,e){en.scaleService.registerScaleType(e,t,t._defaults)})),Li)Li.hasOwnProperty(Bi)&&en.plugins.register(Li[Bi]);en.platform.initialize();var Ei=en;return"undefined"!=typeof window&&(window.WPMailSMTPChart=en),en.WPMailSMTPChart=en,en.Legend=Li.legend._element,en.Title=Li.title._element,en.pluginService=en.plugins,en.PluginBase=en.Element.extend({}),en.canvasHelpers=en.helpers.canvas,en.layoutService=en.layouts,en.LinearScaleBase=Cn,en.helpers.each(["Bar","Bubble","Doughnut","Line","PolarArea","Radar","Scatter"],(function(t){en[t]=function(e,n){return new en(e,en.helpers.merge(n||{},{type:t.charAt(0).toLowerCase()+t.slice(1)}))}})),Ei})); diff --git a/assets/js/checkout-labels-as-placeholders.js b/assets/js/checkout-labels-as-placeholders.js new file mode 100644 index 00000000..132fcc0c --- /dev/null +++ b/assets/js/checkout-labels-as-placeholders.js @@ -0,0 +1,43 @@ +/** + * Checkout Labels as Placeholders + * + * @package Astra Addon + * @since 1.1.0 + */ +jQuery( function( $ ) { + + if( typeof astra === 'undefined' ) { + return; + } + + var astra_checkout_form = { + ast_checkout_form: $( 'form.checkout #customer_details, form.woocommerce-form-login' ), + init: function() { + // Inline validation + this.ast_checkout_form.on( 'input validate change', '.input-text', this.validate_field ); + $( document.body ).on( 'init_checkout', this.init_checkout ); + + $('.input-text').trigger('input'); + }, + + validate_field: function( e ) { + var $this = $( this ), + $parent = $this.closest( '.form-row' ); + $parent_label = $parent.find("label").text(); + var placeholder = $(this).attr('placeholder'); + if ( '' == placeholder ) { + // Add respective Labels to placeholders attributes if field doesn't have any. + $($this).attr("placeholder", $parent_label ); + } + + if ( $this.val() ) { + $parent.addClass( 'ast-float-label' ); + } + else{ + $parent.removeClass( 'ast-float-label' ); + } + }, + }; + + astra_checkout_form.init(); +}); diff --git a/assets/js/checkout-labels-as-placeholders.min.js b/assets/js/checkout-labels-as-placeholders.min.js new file mode 100644 index 00000000..686c91e0 --- /dev/null +++ b/assets/js/checkout-labels-as-placeholders.min.js @@ -0,0 +1 @@ +jQuery(function(o){"undefined"!=typeof astra&&{ast_checkout_form:o("form.checkout #customer_details, form.woocommerce-form-login"),init:function(){this.ast_checkout_form.on("input validate change",".input-text",this.validate_field),o(document.body).on("init_checkout",this.init_checkout),o(".input-text").trigger("input")},validate_field:function(t){var e=o(this),a=e.closest(".form-row");$parent_label=a.find("label").text(),""==o(this).attr("placeholder")&&o(e).attr("placeholder",$parent_label),e.val()?a.addClass("ast-float-label"):a.removeClass("ast-float-label")}}.init()}); \ No newline at end of file diff --git a/assets/js/checkout-persistence-form-data.js b/assets/js/checkout-persistence-form-data.js new file mode 100644 index 00000000..0cb6bc93 --- /dev/null +++ b/assets/js/checkout-persistence-form-data.js @@ -0,0 +1,57 @@ +/** + * Checkout Labels as Placeholders + * + * @package Astra Addon + * @since 1.1.0 + */ +jQuery( function( $ ) { + var ast_check_is_local_storage = function(){ + var test = 'test'; + try { + localStorage.setItem(test, test); + localStorage.removeItem(test); + return true; + } catch(e) { + return false; + } + } + + if ( false === ast_check_is_local_storage() ) { + return; + } + + var ast_form_data = { + set : function (){ + + var checkout_data = []; + var checkout_form = $('form.woocommerce-checkout'); + + localStorage.removeItem('ast_checkout_form'); + + checkout_form.find('input[type=text], select').each(function(){ + checkout_data.push({ name: this.name, value: this.value}); + }); + + ast_checkout_form = JSON.stringify(checkout_data); + localStorage.setItem('ast_checkout_form', ast_checkout_form); + }, + get : function (){ + + + if( localStorage.getItem('ast_checkout_form') != null ){ + + checkout_data = JSON.parse( localStorage.getItem('ast_checkout_form') ); + + for (var i = 0; i < checkout_data.length; i++) { + $('form.woocommerce-checkout [name='+checkout_data[i].name+']').val(checkout_data[i].value); + } + } + } + } + + ast_form_data.get(); + + $("form.woocommerce-checkout input, form.woocommerce-checkout select").change( function() { + ast_form_data.set(); + }); +}); diff --git a/assets/js/checkout-persistence-form-data.min.js b/assets/js/checkout-persistence-form-data.min.js new file mode 100644 index 00000000..0c56313b --- /dev/null +++ b/assets/js/checkout-persistence-form-data.min.js @@ -0,0 +1 @@ +jQuery(function(o){if(!1!==(()=>{var e="test";try{return localStorage.setItem(e,e),localStorage.removeItem(e),!0}catch(e){return!1}})()){var e=function(){var e=[],t=o("form.woocommerce-checkout");localStorage.removeItem("ast_checkout_form"),t.find("input[type=text], select").each(function(){e.push({name:this.name,value:this.value})}),ast_checkout_form=JSON.stringify(e),localStorage.setItem("ast_checkout_form",ast_checkout_form)};if(null!=localStorage.getItem("ast_checkout_form")){checkout_data=JSON.parse(localStorage.getItem("ast_checkout_form"));for(var t=0;t { + if (!updatingBlock.includes(name)) { + return settings; + } + + const newSettings = { + ...settings, + supports: { + ...(settings.supports || {}), + layout: { + ...(settings.supports.layout || {}), + allowEditing: true, + allowSwitching: false, + allowInheriting: true, + }, + __experimentalLayout: { + ...(settings.supports.__experimentalLayout || {}), + allowEditing: true, + allowSwitching: false, + allowInheriting: true, + }, + }, + }; + return newSettings; + }, + 20 +); + +// Get the block editor's data module. +const { dispatch } = wp.data; + +// Create a function to set the default align attribute +function setWooDefaultAlignments() { + const checkoutBlocks = wp.blocks.getBlockTypes().some(block => block.name === 'woocommerce/checkout'); + const cartBlocks = wp.blocks.getBlockTypes().some(block => block.name === 'woocommerce/cart'); + + if ( checkoutBlocks ) { + const checkoutBlock = wp.data.select('core/block-editor').getBlocks().find(block => block.name === 'woocommerce/checkout'); + if (checkoutBlock && checkoutBlock.attributes.align !== 'none') { + const checkoutClientId = checkoutBlock.clientId; + const checkoutLocalStorageKey = 'hasCheckoutBlockInserted'; + const checkoutLocalStorageData = JSON.parse(localStorage.getItem(checkoutLocalStorageKey)) || {}; + + if ( ! checkoutLocalStorageData[checkoutClientId] ) { + const updatedCheckoutAttributes = { ...checkoutBlock.attributes, align: 'none' }; + dispatch('core/block-editor').updateBlockAttributes(checkoutClientId, updatedCheckoutAttributes); + + checkoutLocalStorageData[checkoutClientId] = true; + localStorage.setItem(checkoutLocalStorageKey, JSON.stringify(checkoutLocalStorageData)); + } + } + } + + if ( cartBlocks ) { + const cartBlock = wp.data.select('core/block-editor').getBlocks().find(block => block.name === 'woocommerce/cart'); + if (cartBlock && cartBlock.attributes.align !== 'none') { + const cartClientId = cartBlock.clientId; + const cartLocalStorageKey = 'hasCartBlockInserted'; + const cartLocalStorageData = JSON.parse(localStorage.getItem(cartLocalStorageKey)) || {}; + + if ( ! cartLocalStorageData[cartClientId] ) { + const updatedCartAttributes = { ...cartBlock.attributes, align: 'none' }; + dispatch('core/block-editor').updateBlockAttributes(cartBlock.clientId, updatedCartAttributes); + + cartLocalStorageData[cartClientId] = true; + localStorage.setItem(cartLocalStorageKey, JSON.stringify(cartLocalStorageData)); + } + } + } +} + +// Listen for the first insertion of a WooCommerce block +wp.data.subscribe(() => { + setWooDefaultAlignments(); +}); diff --git a/assets/js/common-sidebar-and-menu.js b/assets/js/common-sidebar-and-menu.js new file mode 100644 index 00000000..7a43adb1 --- /dev/null +++ b/assets/js/common-sidebar-and-menu.js @@ -0,0 +1,389 @@ +(function($){ + + // Detecting if an element is in the Viewport. + $.fn.isInViewport = function() { + var elementTop = $(this).offset().top; + var elementBottom = elementTop + $(this).outerHeight(); + var viewportTop = $(window).scrollTop(); + var viewportBottom = viewportTop + $(window).height(); + return elementBottom > viewportTop && elementTop < viewportBottom; + }; + + AstraMenu = { + + /** + * Init + */ + init: function() + { + this._bind(); + + var body = document.querySelector('body'); + + body.addEventListener( 'astraMenuHashLinkClicked', function ( event ) { + AstraMenu._close_fullscreen(event); + AstraMenu._close_offcanvas(event); + }); + }, + + /** + * Binds events + */ + _bind: function() + { + var canvasEnable = astraAddon.off_canvas_enable || ''; + if ( canvasEnable ) { + $(document).on( 'click', '.' + astraAddon.off_canvas_trigger_class, {class: "ast-off-canvas-overlay"}, AstraMenu._enable_offcanvas_overlay ); + $(document).on( 'click touchstart', '.astra-off-canvas-sidebar-wrapper, .astra-off-canvas-sidebar-wrapper .ast-shop-filter-close',{class: "ast-off-canvas-overlay"}, AstraMenu._close_offcanvas ); + } else { + if( astraAddon.off_canvas_trigger_class ) { + $(document).on( 'click', '.' + astraAddon.off_canvas_trigger_class, AstraMenu._enable_collapsible_slider ); + } + } + + // Close off-canvas on "Escape" button click. + document.addEventListener("keydown", function(event) { + if ( 'Escape' !== event.code ) return; + $('.astra-off-canvas-sidebar-wrapper').trigger('click'); + }); + + // Flyout above header menu. + $(document).on( 'click', '.ast-flyout-above-menu-enable .ast-above-header .menu-toggle', AstraMenu._open_above_offcanvas ); + $(document).on( 'click touchstart', '.ast-flyout-above-menu-overlay .ast-above-header-navigation-wrap, .ast-flyout-above-menu-overlay .ast-above-header .ast-nav-close', AstraMenu._close_above_offcanvas ); + + // Flyout above header menu. + $(document).on( 'click', '.ast-flyout-below-menu-enable .ast-below-header .menu-toggle', AstraMenu._open_below_offcanvas ); + $(document).on( 'click touchstart', '.ast-flyout-below-menu-overlay .ast-below-header-navigation-wrap, .ast-flyout-below-menu-overlay .ast-below-header .ast-nav-close', AstraMenu._close_below_offcanvas ); + + // Full Screen Below Header menu. + $(document).on( 'click', '.ast-fullscreen-below-menu-enable .ast-below-header .menu-toggle', AstraMenu._open_below_fullscreen ); + $(document).on( 'click', '.ast-fullscreen-below-menu-overlay .ast-below-header .close', AstraMenu._close_below_fullscreen ); + + // Full Screen menu. + $(document).on( 'click', '.ast-fullscreen-above-menu-enable .ast-above-header .menu-toggle', AstraMenu._open_above_fullscreen ); + $(document).on( 'click', '.ast-fullscreen-above-menu-overlay .ast-above-header .close', AstraMenu._close_above_fullscreen ); + + // Flyout menu. + $(document).on( 'click', '.ast-flyout-menu-enable .main-header-bar .menu-toggle', { class: 'ast-flyout-menu-overlay'}, AstraMenu._enable_primary_menu_overlay ); + $(document).on( 'click', '.ast-flyout-menu-overlay .main-header-bar-navigation, .ast-flyout-menu-overlay .main-header-bar .ast-nav-close', { class: 'ast-flyout-menu-overlay' }, AstraMenu._close_offcanvas ); + $(document).on( 'click', '.ast-flyout-menu-overlay .main-header-bar-navigation', { class: "toggled" }, AstraMenu._toggle_menu ); + + // Full Screen menu. + $(document).on( 'click', '.ast-fullscreen-menu-enable .main-header-bar .menu-toggle', AstraMenu._open_fullscreen ); + $(document).on( 'click', '.ast-fullscreen-menu-overlay .main-header-bar .close', AstraMenu._close_fullscreen ); + $(document).on( 'click', '.ast-fullscreen-menu-overlay .main-header-bar .close', { class: "toggled" }, AstraMenu._toggle_menu ); + + $(document).on( 'ready', AstraMenu._wp_admin_bar_visible ); + $(window).on( 'scroll', AstraMenu._wp_admin_bar_visible ); + + }, + + _open_above_fullscreen: function(e) { + e.preventDefault(); + + var innerWidth = $('html').innerWidth(); + $('html').css( 'overflow', 'hidden' ); + var hiddenInnerWidth = $('html').innerWidth(); + $('html').css( 'margin-right', hiddenInnerWidth - innerWidth ); + + $('html').addClass( 'ast-fullscreen-above-menu-overlay' ); + + if( ! $('.ast-above-header-navigation-wrap .close').length ) { + $('.ast-above-header-navigation-wrap').prepend('' + astraAddon.svgIconClose + ''); + $('.ast-above-header-navigation-wrap .close').css( 'right', hiddenInnerWidth - innerWidth ); + } + }, + + _open_below_fullscreen: function(e) { + e.preventDefault(); + + var innerWidth = $('html').innerWidth(); + $('html').css( 'overflow', 'hidden' ); + var hiddenInnerWidth = $('html').innerWidth(); + $('html').css( 'margin-right', hiddenInnerWidth - innerWidth ); + + $('html').addClass( 'ast-fullscreen-below-menu-overlay' ); + + if( ! $('.ast-below-header-navigation-wrap .close').length ) { + $('.ast-below-header-navigation-wrap').prepend('' + astraAddon.svgIconClose + ''); + $('.ast-below-header-navigation-wrap .close').css( 'right', hiddenInnerWidth - innerWidth ); + } + }, + + _open_fullscreen: function(e) { + e.preventDefault(); + + var innerWidth = $('html').innerWidth(); + $('html').css( 'overflow', 'hidden' ); + var hiddenInnerWidth = $('html').innerWidth(); + $('html').css( 'margin-right', hiddenInnerWidth - innerWidth ); + + $('html').addClass( 'ast-fullscreen-menu-overlay' ); + + $('html').addClass( 'ast-fullscreen-active' ); + + if( ! $('.main-header-bar nav .close').length ) { + $('.main-header-bar nav').prepend('' + astraAddon.svgIconClose + ''); + $('.main-header-bar nav .close').css( 'right', hiddenInnerWidth - innerWidth ); + } + if( ! $( '.ast-primary-menu-disabled .ast-header-custom-item .close').length ) { + $( ".ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap" ).prepend( '' + astraAddon.svgIconClose + '' ); + } + + }, + + _enable_offcanvas_overlay: function(e) { + e.preventDefault(); + + $(this).addClass( 'active' ); + + var innerWidth = $('html').innerWidth(); + $('html').css( 'overflow', 'hidden' ); + var hiddenInnerWidth = $('html').innerWidth(); + $('html').css( 'margin-right', hiddenInnerWidth - innerWidth ); + + $('html').addClass( e.data.class ); + + // Added for accessibility issue. + setTimeout(function(){ + $('#cart-accessibility').focus() + }, 100); + + const isAccordionActive = $( '.ast-filter-wrap' ); + + if( isAccordionActive.hasClass( 'ast-accordion-layout' ) ) { + AstraMenu._accordion_initial_height(); + } + }, + + _enable_collapsible_slider: function(e) { + e.preventDefault(); + $(this).toggleClass( 'active' ); + if( $('body').hasClass( 'ast-header-break-point' ) && ! astraAddon.off_canvas_enable && $(this).hasClass('active') ) { + $('html, body').animate({ + scrollTop: $(".ast-woocommerce-container").offset().top + }, 500); + } + $('.ast-collapse-filter').slideToggle(); + + const isAccordionActive = $( '.ast-filter-wrap' ); + + if( isAccordionActive.hasClass( 'ast-accordion-layout' ) ) { + AstraMenu._accordion_initial_height(); + } + }, + + _enable_primary_menu_overlay: function(e) { + e.preventDefault(); + + if( ! $( '.main-header-bar-navigation .close' ).length ) { + $( ".main-navigation" ).before( '' + astraAddon.svgIconClose + '' ); + } + + if( ! $( '.ast-merge-header-navigation-wrap .close' ).length ) { + $( ".ast-merge-header-navigation-wrap" ).append( '' + astraAddon.svgIconClose + '' ); + } + + if( ! $( 'div.ast-masthead-custom-menu-items .close' ).length ) { + $( "div.ast-masthead-custom-menu-items" ).append( '' + astraAddon.svgIconClose + '' ); + } + + if( astraAddon.sticky_active ) { + $( 'html' ).css( 'overflow', 'hidden' ); + } + + $('html').addClass( e.data.class ); + $('html').addClass( 'ast-offcanvas-active' ); + }, + + _open_above_offcanvas: function(e) { + e.preventDefault(); + + if( ! $( '.ast-above-header-section .close' ).length ) { + $( ".ast-above-header-navigation" ).prepend( '' + astraAddon.svgIconClose + '' ); + } + + if( astraAddon.sticky_active ) { + $( 'html' ).css( 'overflow', 'hidden' ); + } + + $('html').addClass( 'ast-flyout-above-menu-overlay' ); + }, + + _close_above_offcanvas: function(e) { + if ( e.target.parentNode.parentNode === this ) { + $('html').removeClass( 'ast-flyout-above-menu-overlay' ); + $( '.ast-above-header .menu-toggle' ).removeClass( 'toggled' ); + $( '.ast-above-header' ).removeClass( 'toggle-on' ); + + if( astraAddon.sticky_active ) { + $( 'html' ).css( 'overflow', '' ); + } + } + + }, + + _open_below_offcanvas: function(e) { + e.preventDefault(); + + if( ! $( '.ast-below-header-actual-nav .close' ).length ) { + $( ".ast-below-header-actual-nav" ).prepend( '' + astraAddon.svgIconClose + '' ); + } + + if( astraAddon.sticky_active ) { + $( 'html' ).css( 'overflow', 'hidden' ); + } + + $('html').addClass( 'ast-flyout-below-menu-overlay' ); + }, + + _close_below_offcanvas: function(e) { + if ( e.target.parentNode.parentNode === this ) { + + $('html').removeClass( 'ast-flyout-below-menu-overlay' ); + $( '.ast-below-header .menu-toggle' ).removeClass( 'toggled' ); + $( '.ast-below-header' ).removeClass( 'toggle-on' ); + + if( astraAddon.sticky_active ) { + $( 'html' ).css( 'overflow', '' ); + } + } + + }, + + _close_offcanvas: function(e) { + + const offCanvasWrap = $( ".astra-off-canvas-sidebar" ); + + const commonCondition = e.target.parentNode.parentNode === this || e.type === 'astraMenuHashLinkClicked'; + + const condition = offCanvasWrap.length ? commonCondition || ( ! offCanvasWrap.is(e.target) && offCanvasWrap.has(e.target).length === 0 ) : commonCondition; + + if ( condition ) { + + e.data = e.data || {}; + e.data.class = e.data.class || "ast-flyout-menu-overlay ast-offcanvas-active"; + + $("html").css({ + overflow: "", + "margin-left": "", + "margin-right": "" + }); + + $("html").removeClass(e.data.class); + + const filterButton = $(".astra-shop-filter-button"); + + if( filterButton.hasClass( 'active' ) ) { + filterButton.removeClass( 'active' ); + } + + setTimeout(function() { + $("html").removeClass("ast-offcanvas-active"); + }, 300); + } + }, + + _close_above_fullscreen: function(e) + { + $('html').css({ + 'overflow': '', + 'margin-right': '' + }); + + $('html').removeClass( 'ast-fullscreen-above-menu-overlay' ); + + $('.ast-above-header-navigation').removeClass('toggle-on').hide(); + + if ( $( '.ast-above-header .menu-toggle' ).hasClass( 'toggled' ) ) { + $( '.ast-above-header .menu-toggle' ).removeClass( 'toggled' ); + } + }, + + _close_below_fullscreen: function(e) + { + $('html').css({ + 'overflow': '', + 'margin-right': '' + }); + + + $('html').removeClass( 'ast-fullscreen-below-menu-overlay' ); + + if ( $( '.ast-below-header .menu-toggle' ).hasClass( 'toggled' ) ) { + $( '.ast-below-header .menu-toggle' ).removeClass( 'toggled' ); + } + }, + + _close_fullscreen: function(e) + { + $('html').css({ + 'overflow': '', + 'margin-right': '' + }); + + $('html').removeClass( 'ast-fullscreen-menu-overlay' ); + + setTimeout(function(){ + $('html').removeClass( 'ast-fullscreen-active' ); + }, 500); + + $('.main-header-bar-navigation').removeClass('toggle-on').hide(); + }, + + _toggle_menu: function(e) + { + if ( $( '.main-header-bar .menu-toggle' ).hasClass( e.data.class ) ) { + $( '.main-header-bar .menu-toggle' ).removeClass( e.data.class ); + } + + if ( $( 'html' ).hasClass( 'ast-fullscreen-active' ) ) { + setTimeout(function(){ + $('html').removeClass( 'ast-fullscreen-active' ); + }, 500); + } + + }, + + _toggle_above_menu: function(e) + { + if ( $( '.ast-above-header .menu-toggle' ).hasClass( e.data.class ) ) { + $( '.ast-above-header .menu-toggle' ).removeClass( e.data.class ); + } + }, + + _wp_admin_bar_visible: function(e) + { + var adminBar = $("#wpadminbar"); + if ( adminBar.length ) { + if ( adminBar.isInViewport() ) { + if ( ! $('body').hasClass('ast-admin-bar-visible') ) { + $('body').addClass('ast-admin-bar-visible'); + } + } else{ + if ( $('body').hasClass('ast-admin-bar-visible') ) { + $('body').removeClass('ast-admin-bar-visible'); + } + } + } + }, + + _accordion_initial_height: function(e) + { + // Adds dynamic heights so that slide transitions become smooth. + $( '.ast-filter-content' ).each( function( i, obj ) { + const currentHeight = $( this ).innerHeight(); + $( obj ).css( 'max-height', currentHeight + 'px' ); + } ); + } + }; + + + /** + * Initialization + */ + $(function(){ + AstraMenu.init(); + }); + +})(jQuery); diff --git a/assets/js/common-sidebar-and-menu.min.js b/assets/js/common-sidebar-and-menu.min.js new file mode 100644 index 00000000..869a9fad --- /dev/null +++ b/assets/js/common-sidebar-and-menu.min.js @@ -0,0 +1 @@ +!function(t){AstraMenu={init:function(){this._bind()},_bind:function(){(astraAddon.off_canvas_enable||"")&&(t(document).on("click",".astra-off-canvas-sidebar-wrapper, .astra-off-canvas-sidebar-wrapper .ast-shop-filter-close",{class:"ast-off-canvas-overlay"},AstraMenu._close_offcanvas),t(document).on("click","."+astraAddon.off_canvas_trigger_class,{class:"ast-off-canvas-overlay"},AstraMenu._enable_overlay)),t(document).on("click","."+astraAddon.flyout_trigger_class,{class:"ast-flyout-menu-overlay"},AstraMenu._enable_overlay)},_enable_overlay:function(a){a.preventDefault();var s=t("html").innerWidth();t("html").css("overflow","hidden");var n=t("html").innerWidth();t("html").css("margin-right",n-s),t("html").addClass(a.data.class)},_close_offcanvas:function(a){t("html").css({overflow:"","margin-right":""}),t("html").removeClass(a.data.class)}},t(function(){AstraMenu.init()})}(jQuery); \ No newline at end of file diff --git a/assets/js/common.js b/assets/js/common.js new file mode 100644 index 00000000..6ab110ef --- /dev/null +++ b/assets/js/common.js @@ -0,0 +1,2040 @@ +/* global jconfirm, wpforms_gutenberg_form_selector, Choices, JSX, DOM, WPFormsUtils */ +/* jshint es3: false, esversion: 6 */ + +/** + * @param strings.copy_paste_error + * @param strings.error_message + * @param strings.form_edit + * @param strings.form_entries + * @param strings.form_keywords + * @param strings.form_select + * @param strings.form_selected + * @param strings.form_settings + * @param strings.label_styles + * @param strings.other_styles + * @param strings.page_break + * @param strings.panel_notice_head + * @param strings.panel_notice_link + * @param strings.panel_notice_link_text + * @param strings.panel_notice_text + * @param strings.show_description + * @param strings.show_title + * @param strings.sublabel_hints + * @param strings.form_not_available_message + * @param urls.entries_url + * @param urls.form_url + * @param window.wpforms_choicesjs_config + * @param wpforms_education.upgrade_bonus + * @param wpforms_gutenberg_form_selector.block_empty_url + * @param wpforms_gutenberg_form_selector.block_preview_url + * @param wpforms_gutenberg_form_selector.get_started_url + * @param wpforms_gutenberg_form_selector.is_full_styling + * @param wpforms_gutenberg_form_selector.is_modern_markup + * @param wpforms_gutenberg_form_selector.logo_url + * @param wpforms_gutenberg_form_selector.wpforms_guide + */ + +/** + * Gutenberg editor block. + * + * Common module. + * + * @since 1.8.8 + */ +export default ( function( document, window, $ ) { + /** + * WP core components. + * + * @since 1.8.8 + */ + const { serverSideRender: ServerSideRender = wp.components.ServerSideRender } = wp; + const { createElement, Fragment, createInterpolateElement } = wp.element; + const { registerBlockType } = wp.blocks; + const { InspectorControls, PanelColorSettings, useBlockProps } = wp.blockEditor || wp.editor; + const { SelectControl, ToggleControl, PanelBody, Placeholder } = wp.components; + const { __ } = wp.i18n; + const { useState, useEffect } = wp.element; + + /** + * Localized data aliases. + * + * @since 1.8.8 + */ + const { strings, defaults, sizes, urls, isPro, isLicenseActive, isAdmin } = wpforms_gutenberg_form_selector; + const defaultStyleSettings = defaults; + + // noinspection JSUnusedLocalSymbols + /** + * WPForms Education script. + * + * @since 1.8.8 + */ + const WPFormsEducation = window.WPFormsEducation || {}; // eslint-disable-line no-unused-vars + + /** + * List of forms. + * + * The default value is localized in FormSelector.php. + * + * @since 1.8.4 + * + * @type {Object} + */ + let formList = wpforms_gutenberg_form_selector.forms; + + /** + * Blocks runtime data. + * + * @since 1.8.1 + * + * @type {Object} + */ + const blocks = {}; + + /** + * Whether it is needed to trigger server rendering. + * + * @since 1.8.1 + * + * @type {boolean} + */ + let triggerServerRender = true; + + /** + * Popup container. + * + * @since 1.8.3 + * + * @type {Object} + */ + let $popup = {}; + + /** + * Track fetch status. + * + * @since 1.8.4 + * + * @type {boolean} + */ + let isFetching = false; + + /** + * Elements holder. + * + * @since 1.8.8 + * + * @type {Object} + */ + const el = {}; + + /** + * Common block attributes. + * + * @since 1.8.8 + * + * @type {Object} + */ + let commonAttributes = { + clientId: { + type: 'string', + default: '', + }, + formId: { + type: 'string', + default: defaultStyleSettings.formId, + }, + displayTitle: { + type: 'boolean', + default: defaultStyleSettings.displayTitle, + }, + displayDesc: { + type: 'boolean', + default: defaultStyleSettings.displayDesc, + }, + preview: { + type: 'boolean', + }, + theme: { + type: 'string', + default: defaultStyleSettings.theme, + }, + themeName: { + type: 'string', + default: defaultStyleSettings.themeName, + }, + labelSize: { + type: 'string', + default: defaultStyleSettings.labelSize, + }, + labelColor: { + type: 'string', + default: defaultStyleSettings.labelColor, + }, + labelSublabelColor: { + type: 'string', + default: defaultStyleSettings.labelSublabelColor, + }, + labelErrorColor: { + type: 'string', + default: defaultStyleSettings.labelErrorColor, + }, + pageBreakColor: { + type: 'string', + default: defaultStyleSettings.pageBreakColor, + }, + customCss: { + type: 'string', + default: defaultStyleSettings.customCss, + }, + copyPasteJsonValue: { + type: 'string', + default: defaultStyleSettings.copyPasteJsonValue, + }, + }; + + /** + * Handlers for custom styles settings, defined outside this module. + * + * @since 1.8.8 + * + * @type {Object} + */ + let customStylesHandlers = {}; + + /** + * Dropdown timeout. + * + * @since 1.8.8 + * + * @type {number} + */ + let dropdownTimeout; + + /** + * Whether copy-paste content was generated on edit. + * + * @since 1.9.1 + * + * @type {boolean} + */ + let isCopyPasteGeneratedOnEdit = false; + + /** + * Whether the background is selected. + * + * @since 1.9.3 + * + * @type {boolean} + */ + let backgroundSelected = false; + + /** + * Public functions and properties. + * + * @since 1.8.1 + * + * @type {Object} + */ + const app = { + + /** + * Panel modules. + * + * @since 1.8.8 + * + * @type {Object} + */ + panels: {}, + + /** + * Start the engine. + * + * @since 1.8.1 + * + * @param {Object} blockOptions Block options. + */ + init( blockOptions ) { + el.$window = $( window ); + app.panels = blockOptions.panels; + app.education = blockOptions.education; + + app.initDefaults( blockOptions ); + app.registerBlock( blockOptions ); + + app.initJConfirm(); + + $( app.ready ); + }, + + /** + * Document ready. + * + * @since 1.8.1 + */ + ready() { + app.events(); + }, + + /** + * Events. + * + * @since 1.8.1 + */ + events() { + el.$window + .on( 'wpformsFormSelectorEdit', _.debounce( app.blockEdit, 250 ) ) + .on( 'wpformsFormSelectorFormLoaded', app.formLoaded ); + }, + + /** + * Init jConfirm. + * + * @since 1.8.8 + */ + initJConfirm() { + // jquery-confirm defaults. + jconfirm.defaults = { + closeIcon: false, + backgroundDismiss: false, + escapeKey: true, + animationBounce: 1, + useBootstrap: false, + theme: 'modern', + boxWidth: '400px', + animateFromElement: false, + }; + }, + + /** + * Get a fresh list of forms via REST-API. + * + * @since 1.8.4 + * + * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-api-fetch/ + */ + async getForms() { + // If a fetch is already in progress, exit the function. + if ( isFetching ) { + return; + } + + // Set the flag to true indicating a fetch is in progress. + isFetching = true; + + try { + // Fetch forms. + formList = await wp.apiFetch( { + path: wpforms_gutenberg_form_selector.route_namespace + 'forms/', + method: 'GET', + cache: 'no-cache', + } ); + } catch ( error ) { + // eslint-disable-next-line no-console + console.error( error ); + } finally { + isFetching = false; + } + }, + + /** + * Open builder popup. + * + * @since 1.6.2 + * + * @param {string} clientID Block Client ID. + */ + openBuilderPopup( clientID ) { + if ( $.isEmptyObject( $popup ) ) { + const parent = $( '#wpwrap' ); + const canvasIframe = $( 'iframe[name="editor-canvas"]' ); + const isFseMode = Boolean( canvasIframe.length ); + const tmpl = isFseMode ? canvasIframe.contents().find( '#wpforms-gutenberg-popup' ) : $( '#wpforms-gutenberg-popup' ); + + parent.after( tmpl ); + + $popup = parent.siblings( '#wpforms-gutenberg-popup' ); + } + + const url = wpforms_gutenberg_form_selector.get_started_url, + $iframe = $popup.find( 'iframe' ); + + app.builderCloseButtonEvent( clientID ); + $iframe.attr( 'src', url ); + $popup.fadeIn(); + }, + + /** + * Close button (inside the form builder) click event. + * + * @since 1.8.3 + * + * @param {string} clientID Block Client ID. + */ + builderCloseButtonEvent( clientID ) { + $popup + .off( 'wpformsBuilderInPopupClose' ) + .on( 'wpformsBuilderInPopupClose', function( e, action, formId, formTitle ) { + if ( action !== 'saved' || ! formId ) { + return; + } + + // Insert a new block when a new form is created from the popup to update the form list and attributes. + const newBlock = wp.blocks.createBlock( 'wpforms/form-selector', { + formId: formId.toString(), // Expects string value, make sure we insert string. + } ); + + // eslint-disable-next-line camelcase + formList = [ { ID: formId, post_title: formTitle } ]; + + // Insert a new block. + wp.data.dispatch( 'core/block-editor' ).removeBlock( clientID ); + wp.data.dispatch( 'core/block-editor' ).insertBlocks( newBlock ); + } ); + }, + + /** + * Register block. + * + * @since 1.8.1 + * + * @param {Object} blockOptions Additional block options. + */ + // eslint-disable-next-line max-lines-per-function + registerBlock( blockOptions ) { + registerBlockType( 'wpforms/form-selector', { + title: strings.title, + description: strings.description, + icon: app.getIcon(), + keywords: strings.form_keywords, + category: 'widgets', + attributes: app.getBlockAttributes(), + supports: { + customClassName: app.hasForms(), + }, + example: { + attributes: { + preview: true, + }, + }, + // eslint-disable-next-line max-lines-per-function,complexity + edit( props ) { + const { attributes } = props; + const formOptions = app.getFormOptions(); + const handlers = app.getSettingsFieldsHandlers( props ); + + const [ isNotDisabled ] = useState( isPro && isLicenseActive ); // eslint-disable-line react-hooks/rules-of-hooks + const [ isProEnabled ] = useState( isPro ); // eslint-disable-line react-hooks/rules-of-hooks, no-unused-vars + const [ showBackgroundPreview, setShowBackgroundPreview ] = useState( blockOptions.panels.background._showBackgroundPreview( props ) ); // eslint-disable-line react-hooks/rules-of-hooks + const [ lastBgImage, setLastBgImage ] = useState( '' ); // eslint-disable-line react-hooks/rules-of-hooks + + const uiState = { + isNotDisabled, + isProEnabled, + showBackgroundPreview, + setShowBackgroundPreview, + lastBgImage, + setLastBgImage, + }; + + useEffect( () => { // eslint-disable-line react-hooks/rules-of-hooks + if ( attributes.formId ) { + setShowBackgroundPreview( + props.attributes.backgroundImage !== 'none' && + props.attributes.backgroundUrl && + props.attributes.backgroundUrl !== 'url()' + ); + } + }, [ backgroundSelected, props.attributes.backgroundImage, props.attributes.backgroundUrl ] ); // eslint-disable-line react-hooks/exhaustive-deps + + // Get block properties. + const blockProps = useBlockProps(); // eslint-disable-line react-hooks/rules-of-hooks, no-unused-vars + + // Store block clientId in attributes. + if ( ! attributes.clientId || ! app.isClientIdAttrUnique( props ) ) { + // We just want the client ID to update once. + // The block editor doesn't have a fixed block ID, so we need to get it on the initial load, but only once. + props.setAttributes( { clientId: props.clientId } ); + } + + // Main block settings. + const jsx = [ + app.jsxParts.getMainSettings( attributes, handlers, formOptions ), + ]; + + // Block preview picture. + if ( ! app.hasForms() ) { + jsx.push( + app.jsxParts.getEmptyFormsPreview( props ), + ); + + return
    { jsx }
    ; + } + + const sizeOptions = app.getSizeOptions(); + + // Show placeholder when form is not available (trashed, deleted etc.). + if ( attributes && attributes.formId && app.isFormAvailable( attributes.formId ) === false ) { + // Block placeholder (form selector). + jsx.push( + app.jsxParts.getBlockPlaceholder( props.attributes, handlers, formOptions ), + ); + + return
    { jsx }
    ; + } + + // Form style settings & block content. + if ( attributes.formId ) { + // Subscribe to block events. + app.maybeSubscribeToBlockEvents( props, handlers, blockOptions ); + + jsx.push( + app.jsxParts.getStyleSettings( props, handlers, sizeOptions, blockOptions, uiState ), + app.jsxParts.getBlockFormContent( props ) + ); + + if ( ! isCopyPasteGeneratedOnEdit ) { + handlers.updateCopyPasteContent(); + + isCopyPasteGeneratedOnEdit = true; + } + + el.$window.trigger( 'wpformsFormSelectorEdit', [ props ] ); + + return
    { jsx }
    ; + } + + // Block preview picture. + if ( attributes.preview ) { + jsx.push( + app.jsxParts.getBlockPreview(), + ); + + return
    { jsx }
    ; + } + + // Block placeholder (form selector). + jsx.push( + app.jsxParts.getBlockPlaceholder( props.attributes, handlers, formOptions ), + ); + + return
    { jsx }
    ; + }, + save: () => null, + } ); + }, + + /** + * Init default style settings. + * + * @since 1.8.1 + * @since 1.8.8 Added blockOptions parameter. + * + * @param {Object} blockOptions Additional block options. + */ + initDefaults( blockOptions = {} ) { + commonAttributes = { + ...commonAttributes, + ...blockOptions.getCommonAttributes(), + }; + customStylesHandlers = blockOptions.setStylesHandlers; + + [ 'formId', 'copyPasteJsonValue' ].forEach( ( key ) => delete defaultStyleSettings[ key ] ); + }, + + /** + * Check if the site has forms. + * + * @since 1.8.3 + * + * @return {boolean} Whether site has at least one form. + */ + hasForms() { + return formList.length > 0; + }, + + /** + * Check if form is available to be previewed. + * + * @since 1.8.9 + * + * @param {number} formId Form ID. + * + * @return {boolean} Whether form is available. + */ + isFormAvailable( formId ) { + return formList.find( ( { ID } ) => ID === Number( formId ) ) !== undefined; + }, + + /** + * Set triggerServerRender flag. + * + * @since 1.8.8 + * + * @param {boolean} $flag The value of the triggerServerRender flag. + */ + setTriggerServerRender( $flag ) { + triggerServerRender = Boolean( $flag ); + }, + + /** + * Maybe subscribe to block events. + * + * @since 1.8.8 + * + * @param {Object} subscriberProps Subscriber block properties. + * @param {Object} subscriberHandlers Subscriber block event handlers. + * @param {Object} subscriberBlockOptions Subscriber block options. + */ + maybeSubscribeToBlockEvents( subscriberProps, subscriberHandlers, subscriberBlockOptions ) { + const id = subscriberProps.clientId; + + // Unsubscribe from block events. + // This is needed to avoid multiple subscriptions when the block is re-rendered. + el.$window + .off( 'wpformsFormSelectorDeleteTheme.' + id ) + .off( 'wpformsFormSelectorUpdateTheme.' + id ) + .off( 'wpformsFormSelectorSetTheme.' + id ); + + // Subscribe to block events. + el.$window + .on( 'wpformsFormSelectorDeleteTheme.' + id, app.subscriberDeleteTheme( subscriberProps, subscriberBlockOptions ) ) + .on( 'wpformsFormSelectorUpdateTheme.' + id, app.subscriberUpdateTheme( subscriberProps, subscriberBlockOptions ) ) + .on( 'wpformsFormSelectorSetTheme.' + id, app.subscriberSetTheme( subscriberProps, subscriberBlockOptions ) ); + }, + + /** + * Block event `wpformsFormSelectorDeleteTheme` handler. + * + * @since 1.8.8 + * + * @param {Object} subscriberProps Subscriber block properties + * @param {Object} subscriberBlockOptions Subscriber block options. + * + * @return {Function} Event handler. + */ + subscriberDeleteTheme( subscriberProps, subscriberBlockOptions ) { + return function( e, themeSlug, triggerProps ) { + if ( subscriberProps.clientId === triggerProps.clientId ) { + return; + } + + if ( subscriberProps?.attributes?.theme !== themeSlug ) { + return; + } + + if ( ! subscriberBlockOptions?.panels?.themes ) { + return; + } + + // Reset theme to default one. + subscriberBlockOptions.panels.themes.setBlockTheme( subscriberProps, 'default' ); + }; + }, + + /** + * Block event `wpformsFormSelectorDeleteTheme` handler. + * + * @since 1.8.8 + * + * @param {Object} subscriberProps Subscriber block properties + * @param {Object} subscriberBlockOptions Subscriber block options. + * + * @return {Function} Event handler. + */ + subscriberUpdateTheme( subscriberProps, subscriberBlockOptions ) { + return function( e, themeSlug, themeData, triggerProps ) { + if ( subscriberProps.clientId === triggerProps.clientId ) { + return; + } + + if ( subscriberProps?.attributes?.theme !== themeSlug ) { + return; + } + + if ( ! subscriberBlockOptions?.panels?.themes ) { + return; + } + + // Reset theme to default one. + subscriberBlockOptions.panels.themes.setBlockTheme( subscriberProps, themeSlug ); + }; + }, + + /** + * Block event `wpformsFormSelectorSetTheme` handler. + * + * @since 1.8.8 + * + * @param {Object} subscriberProps Subscriber block properties + * @param {Object} subscriberBlockOptions Subscriber block options. + * + * @return {Function} Event handler. + */ + subscriberSetTheme( subscriberProps, subscriberBlockOptions ) { + // noinspection JSUnusedLocalSymbols + return function( e, block, themeSlug, triggerProps ) { // eslint-disable-line no-unused-vars + if ( subscriberProps.clientId === triggerProps.clientId ) { + return; + } + + if ( ! subscriberBlockOptions?.panels?.themes ) { + return; + } + + // Set theme. + app.onSetTheme( subscriberProps ); + }; + }, + + /** + * Block JSX parts. + * + * @since 1.8.1 + * + * @type {Object} + */ + jsxParts: { + + /** + * Get main settings JSX code. + * + * @since 1.8.1 + * + * @param {Object} attributes Block attributes. + * @param {Object} handlers Block event handlers. + * @param {Object} formOptions Form selector options. + * + * @return {JSX.Element} Main setting JSX code. + */ + getMainSettings( attributes, handlers, formOptions ) { + if ( ! app.hasForms() ) { + return app.jsxParts.printEmptyFormsNotice( attributes.clientId ); + } + + return ( + + + handlers.attrChange( 'formId', value ) } + /> + { attributes.formId ? ( + <> +

    + + { strings.form_edit } + + { isPro && isLicenseActive && ( + <> +   |   + { strings.form_entries } + + ) } +

    + handlers.attrChange( 'displayTitle', value ) } + /> + handlers.attrChange( 'displayDesc', value ) } + /> + + ) : null } +

    + { strings.panel_notice_head } + { strings.panel_notice_text } + { strings.panel_notice_link_text } +

    +     +     + ); + }, + + /** + * Print empty forms notice. + * + * @since 1.8.3 + * + * @param {string} clientId Block client ID. + * + * @return {JSX.Element} Field styles JSX code. + */ + printEmptyFormsNotice( clientId ) { + return ( + + +

    + { __( 'You haven’t created a form, yet!', 'wpforms-lite' ) } + { __( 'What are you waiting for?', 'wpforms-lite' ) } +

    + +     +     + ); + }, + + /** + * Get Label styles JSX code. + * + * @since 1.8.1 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block event handlers. + * @param {Object} sizeOptions Size selector options. + * + * @return {Object} Label styles JSX code. + */ + getLabelStyles( props, handlers, sizeOptions ) { + return ( + + handlers.styleAttrChange( 'labelSize', value ) } + /> + +
    +
    { strings.colors }
    + handlers.styleAttrChange( 'labelColor', value ), + label: strings.label, + }, + { + value: props.attributes.labelSublabelColor, + onChange: ( value ) => handlers.styleAttrChange( 'labelSublabelColor', value ), + label: strings.sublabel_hints.replace( '&', '&' ), + }, + { + value: props.attributes.labelErrorColor, + onChange: ( value ) => handlers.styleAttrChange( 'labelErrorColor', value ), + label: strings.error_message, + }, + ] } + /> +
    +     + ); + }, + + /** + * Get Page Indicator styles JSX code. + * + * @since 1.8.7 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block event handlers. + * + * @return {Object} Page Indicator styles JSX code. + */ + getPageIndicatorStyles( props, handlers ) { // eslint-disable-line complexity + const hasPageBreak = app.hasPageBreak( formList, props.attributes.formId ); + const hasRating = app.hasRating( formList, props.attributes.formId ); + + if ( ! hasPageBreak && ! hasRating ) { + return null; + } + + let label = ''; + if ( hasPageBreak && hasRating ) { + label = `${ strings.page_break } / ${ strings.rating }`; + } else if ( hasPageBreak ) { + label = strings.page_break; + } else if ( hasRating ) { + label = strings.rating; + } + + return ( + +
    +
    { strings.colors }
    + handlers.styleAttrChange( 'pageBreakColor', value ), + label, + }, + ] } /> +
    +     + ); + }, + + /** + * Get style settings JSX code. + * + * @since 1.8.1 + * + * @param {Object} props Block properties. + * @param {Object} handlers Block event handlers. + * @param {Object} sizeOptions Size selector options. + * @param {Object} blockOptions Block options loaded from external modules. + * + * @param {Object} uiState UI state. + * + * @return {Object} Inspector controls JSX code. + */ + getStyleSettings( props, handlers, sizeOptions, blockOptions, uiState ) { + return ( + + { blockOptions.getThemesPanel( props, app, blockOptions.stockPhotos ) } + { blockOptions.getFieldStyles( props, handlers, sizeOptions, app ) } + { app.jsxParts.getLabelStyles( props, handlers, sizeOptions ) } + { blockOptions.getButtonStyles( props, handlers, sizeOptions, app ) } + { blockOptions.getContainerStyles( props, handlers, app, uiState ) } + { blockOptions.getBackgroundStyles( props, handlers, app, blockOptions.stockPhotos, uiState ) } + { app.jsxParts.getPageIndicatorStyles( props, handlers ) } + + ); + }, + + /** + * Get block content JSX code. + * + * @since 1.8.1 + * + * @param {Object} props Block properties. + * + * @return {JSX.Element} Block content JSX code. + */ + getBlockFormContent( props ) { + if ( triggerServerRender ) { + return ( + + ); + } + + const clientId = props.clientId; + const block = app.getBlockContainer( props ); + + // In the case of empty content, use server side renderer. + // This happens when the block is duplicated or converted to a reusable block. + if ( ! block?.innerHTML ) { + triggerServerRender = true; + + return app.jsxParts.getBlockFormContent( props ); + } + + blocks[ clientId ] = blocks[ clientId ] || {}; + blocks[ clientId ].blockHTML = block.innerHTML; + blocks[ clientId ].loadedFormId = props.attributes.formId; + + return ( + +
    + + ); + }, + + /** + * Get block preview JSX code. + * + * @since 1.8.1 + * + * @return {JSX.Element} Block preview JSX code. + */ + getBlockPreview() { + return ( + + + + ); + }, + + /** + * Get block empty JSX code. + * + * @since 1.8.3 + * + * @param {Object} props Block properties. + * @return {JSX.Element} Block empty JSX code. + */ + getEmptyFormsPreview( props ) { + const clientId = props.clientId; + + return ( + +
    + +

    + { + createInterpolateElement( + __( + 'You can use WPForms to build contact forms, surveys, payment forms, and more with just a few clicks.', + 'wpforms-lite' + ), + { + b: , + } + ) + } +

    + +

    + { + createInterpolateElement( + __( + 'Need some help? Check out our comprehensive guide.', + 'wpforms-lite' + ), + { + // eslint-disable-next-line jsx-a11y/anchor-has-content + a: , + } + ) + } +

    + + { /* Template for popup with builder iframe */ } +
    + +
    +
    +     + ); + }, + + /** + * Get block placeholder (form selector) JSX code. + * + * @since 1.8.1 + * + * @param {Object} attributes Block attributes. + * @param {Object} handlers Block event handlers. + * @param {Object} formOptions Form selector options. + * + * @return {JSX.Element} Block placeholder JSX code. + */ + getBlockPlaceholder( attributes, handlers, formOptions ) { + const isFormNotAvailable = attributes.formId && ! app.isFormAvailable( attributes.formId ); + + return ( + + + { isFormNotAvailable && ( +

    + { strings.form_not_available_message } +

    + ) } + handlers.attrChange( 'formId', value ) } + /> +     + ); + }, + }, + + /** + * Determine if the form has a Page Break field. + * + * @since 1.8.7 + * + * @param {Object} forms The forms' data object. + * @param {number|string} formId Form ID. + * + * @return {boolean} True when the form has a Page Break field, false otherwise. + */ + hasPageBreak( forms, formId ) { + const currentForm = forms.find( ( form ) => parseInt( form.ID, 10 ) === parseInt( formId, 10 ) ); + + if ( ! currentForm.post_content ) { + return false; + } + + const fields = JSON.parse( currentForm.post_content )?.fields; + + return Object.values( fields ).some( ( field ) => field.type === 'pagebreak' ); + }, + + hasRating( forms, formId ) { + const currentForm = forms.find( ( form ) => parseInt( form.ID, 10 ) === parseInt( formId, 10 ) ); + + if ( ! currentForm.post_content || ! isPro || ! isLicenseActive ) { + return false; + } + + const fields = JSON.parse( currentForm.post_content )?.fields; + + return Object.values( fields ).some( ( field ) => field.type === 'rating' ); + }, + + /** + * Get Style Settings panel class. + * + * @since 1.8.1 + * + * @param {Object} props Block properties. + * @param {string} panel Panel name. + * + * @return {string} Style Settings panel class. + */ + getPanelClass( props, panel = '' ) { + let cssClass = 'wpforms-gutenberg-panel wpforms-block-settings-' + props.clientId; + + if ( ! app.isFullStylingEnabled() ) { + cssClass += ' disabled_panel'; + } + + // Restrict styling panel for non-admins. + if ( ! ( isAdmin || panel === 'themes' ) ) { + cssClass += ' wpforms-gutenberg-panel-restricted'; + } + + return cssClass; + }, + + /** + * Get color panel settings CSS class. + * + * @since 1.8.8 + * + * @param {string} borderStyle Border style value. + * + * @return {string} Style Settings panel class. + */ + getColorPanelClass( borderStyle ) { + let cssClass = 'wpforms-gutenberg-form-selector-color-panel'; + + if ( borderStyle === 'none' ) { + cssClass += ' wpforms-gutenberg-form-selector-border-color-disabled'; + } + + return cssClass; + }, + + /** + * Determine whether the full styling is enabled. + * + * @since 1.8.1 + * + * @return {boolean} Whether the full styling is enabled. + */ + isFullStylingEnabled() { + return wpforms_gutenberg_form_selector.is_modern_markup && wpforms_gutenberg_form_selector.is_full_styling; + }, + + /** + * Determine whether the block has lead forms enabled. + * + * @since 1.9.0 + * + * @param {Object} block Gutenberg block + * + * @return {boolean} Whether the block has lead forms enabled + */ + isLeadFormsEnabled( block ) { + if ( ! block ) { + return false; + } + + const $form = $( block.querySelector( '.wpforms-container' ) ); + + return $form.hasClass( 'wpforms-lead-forms-container' ); + }, + + /** + * Get block container DOM element. + * + * @since 1.8.1 + * + * @param {Object} props Block properties. + * + * @return {Element} Block container. + */ + getBlockContainer( props ) { + const blockSelector = `#block-${ props.clientId } > div`; + let block = document.querySelector( blockSelector ); + + // For FSE / Gutenberg plugin, we need to take a look inside the iframe. + if ( ! block ) { + const editorCanvas = document.querySelector( 'iframe[name="editor-canvas"]' ); + + block = editorCanvas?.contentWindow.document.querySelector( blockSelector ); + } + + return block; + }, + + /** + * Get form container in Block Editor. + * + * @since 1.9.3 + * + * @param {number} formId Form ID. + * + * @return {Element|null} Form container. + */ + getFormBlock( formId ) { + // First, try to find the iframe for blocks version 3. + const editorCanvas = document.querySelector( 'iframe[name="editor-canvas"]' ); + + // If the iframe is found, try to find the form. + return editorCanvas?.contentWindow.document.querySelector( `#wpforms-${ formId }` ) || $( `#wpforms-${ formId }` ); + }, + + /** + * Update CSS variable(s) value(s) of the given attribute for given container on the preview. + * + * @since 1.8.8 + * + * @param {string} attribute Style attribute: field-size, label-size, button-size, etc. + * @param {string} value Property new value. + * @param {Element} container Form container. + * @param {Object} props Block properties. + */ + updatePreviewCSSVarValue( attribute, value, container, props ) { // eslint-disable-line complexity, max-lines-per-function + if ( ! container || ! attribute ) { + return; + } + + const property = attribute.replace( + /[A-Z]/g, + ( letter ) => `-${ letter.toLowerCase() }` + ); + + if ( typeof customStylesHandlers[ property ] === 'function' ) { + customStylesHandlers[ property ]( container, value ); + + return; + } + + switch ( property ) { + case 'field-size': + case 'label-size': + case 'button-size': + case 'container-shadow-size': + for ( const key in sizes[ property ][ value ] ) { + container.style.setProperty( + `--wpforms-${ property }-${ key }`, + sizes[ property ][ value ][ key ], + ); + } + + break; + case 'field-border-style': + if ( value === 'none' ) { + app.toggleFieldBorderNoneCSSVarValue( container, true ); + } else { + app.toggleFieldBorderNoneCSSVarValue( container, false ); + container.style.setProperty( `--wpforms-${ property }`, value ); + } + + break; + case 'button-background-color': + app.maybeUpdateAccentColor( props.attributes.buttonBorderColor, value, container ); + value = app.maybeSetButtonAltBackgroundColor( value, props.attributes.buttonBorderColor, container ); + app.maybeSetButtonAltTextColor( props.attributes.buttonTextColor, value, props.attributes.buttonBorderColor, container ); + container.style.setProperty( `--wpforms-${ property }`, value ); + + break; + case 'button-border-color': + app.maybeUpdateAccentColor( value, props.attributes.buttonBackgroundColor, container ); + app.maybeSetButtonAltTextColor( props.attributes.buttonTextColor, props.attributes.buttonBackgroundColor, value, container ); + container.style.setProperty( `--wpforms-${ property }`, value ); + + break; + case 'button-text-color': + app.maybeSetButtonAltTextColor( value, props.attributes.buttonBackgroundColor, props.attributes.buttonBorderColor, container ); + container.style.setProperty( `--wpforms-${ property }`, value ); + + break; + default: + container.style.setProperty( `--wpforms-${ property }`, value ); + container.style.setProperty( `--wpforms-${ property }-spare`, value ); + } + }, + + /** + * Set/unset field border vars in case of border-style is none. + * + * @since 1.8.8 + * + * @param {Object} container Form container. + * @param {boolean} set True when set, false when unset. + */ + toggleFieldBorderNoneCSSVarValue( container, set ) { + const cont = container.querySelector( 'form' ); + + if ( set ) { + cont.style.setProperty( '--wpforms-field-border-style', 'solid' ); + cont.style.setProperty( '--wpforms-field-border-size', '1px' ); + cont.style.setProperty( '--wpforms-field-border-color', 'transparent' ); + + return; + } + + cont.style.setProperty( '--wpforms-field-border-style', null ); + cont.style.setProperty( '--wpforms-field-border-size', null ); + cont.style.setProperty( '--wpforms-field-border-color', null ); + }, + + /** + * Maybe set the button's alternative background color. + * + * @since 1.8.8 + * + * @param {string} value Attribute value. + * @param {string} buttonBorderColor Button border color. + * @param {Object} container Form container. + * + * @return {string|*} New background color. + */ + maybeSetButtonAltBackgroundColor( value, buttonBorderColor, container ) { + // Setting css property value to child `form` element overrides the parent property value. + const form = container.querySelector( 'form' ); + + form.style.setProperty( '--wpforms-button-background-color-alt', value ); + + if ( WPFormsUtils.cssColorsUtils.isTransparentColor( value ) ) { + return WPFormsUtils.cssColorsUtils.isTransparentColor( buttonBorderColor ) ? defaultStyleSettings.buttonBackgroundColor : buttonBorderColor; + } + + return value; + }, + + /** + * Maybe set the button's alternative text color. + * + * @since 1.8.8 + * + * @param {string} value Attribute value. + * @param {string} buttonBackgroundColor Button background color. + * @param {string} buttonBorderColor Button border color. + * @param {Object} container Form container. + */ + maybeSetButtonAltTextColor( value, buttonBackgroundColor, buttonBorderColor, container ) { + const form = container.querySelector( 'form' ); + + let altColor = null; + + value = value.toLowerCase(); + + if ( + WPFormsUtils.cssColorsUtils.isTransparentColor( value ) || + value === buttonBackgroundColor || + ( + WPFormsUtils.cssColorsUtils.isTransparentColor( buttonBackgroundColor ) && + value === buttonBorderColor + ) + ) { + altColor = WPFormsUtils.cssColorsUtils.getContrastColor( buttonBackgroundColor ); + } + + container.style.setProperty( `--wpforms-button-text-color-alt`, value ); + form.style.setProperty( `--wpforms-button-text-color-alt`, altColor ); + }, + + /** + * Maybe update accent color. + * + * @since 1.8.8 + * + * @param {string} color Color value. + * @param {string} buttonBackgroundColor Button background color. + * @param {Object} container Form container. + */ + maybeUpdateAccentColor( color, buttonBackgroundColor, container ) { + // Setting css property value to child `form` element overrides the parent property value. + const form = container.querySelector( 'form' ); + + // Fallback to default color if the border color is transparent. + color = WPFormsUtils.cssColorsUtils.isTransparentColor( color ) ? defaultStyleSettings.buttonBackgroundColor : color; + + if ( WPFormsUtils.cssColorsUtils.isTransparentColor( buttonBackgroundColor ) ) { + form.style.setProperty( '--wpforms-button-background-color-alt', 'rgba( 0, 0, 0, 0 )' ); + form.style.setProperty( '--wpforms-button-background-color', color ); + } else { + container.style.setProperty( '--wpforms-button-background-color-alt', buttonBackgroundColor ); + form.style.setProperty( '--wpforms-button-background-color-alt', null ); + form.style.setProperty( '--wpforms-button-background-color', null ); + } + }, + + /** + * Get settings fields event handlers. + * + * @since 1.8.1 + * + * @param {Object} props Block properties. + * + * @return {Object} Object that contains event handlers for the settings fields. + */ + getSettingsFieldsHandlers( props ) { // eslint-disable-line max-lines-per-function + return { + /** + * Field style attribute change event handler. + * + * @since 1.8.1 + * + * @param {string} attribute Attribute name. + * @param {string} value New attribute value. + */ + styleAttrChange( attribute, value ) { + const block = app.getBlockContainer( props ), + container = block.querySelector( `#wpforms-${ props.attributes.formId }` ), + setAttr = {}; + + // Unset the color means setting the transparent color. + if ( attribute.includes( 'Color' ) ) { + value = value ?? 'rgba( 0, 0, 0, 0 )'; + } + + app.updatePreviewCSSVarValue( attribute, value, container, props ); + + setAttr[ attribute ] = value; + + app.setBlockRuntimeStateVar( props.clientId, 'prevAttributesState', props.attributes ); + props.setAttributes( setAttr ); + + triggerServerRender = false; + + this.updateCopyPasteContent(); + + app.panels.themes.updateCustomThemeAttribute( attribute, value, props ); + + this.maybeToggleDropdown( props, attribute ); + + // Trigger event for developers. + el.$window.trigger( 'wpformsFormSelectorStyleAttrChange', [ block, props, attribute, value ] ); + }, + + /** + * Handles the toggling of the dropdown menu's visibility. + * + * @since 1.8.8 + * + * @param {Object} props The block properties. + * @param {string} attribute The name of the attribute being changed. + */ + maybeToggleDropdown( props, attribute ) { // eslint-disable-line no-shadow + const formId = props.attributes.formId; + const menu = document.querySelector( `#wpforms-form-${ formId } .choices__list.choices__list--dropdown` ); + const classicMenu = document.querySelector( `#wpforms-form-${ formId } .wpforms-field-select-style-classic select` ); + + if ( attribute === 'fieldMenuColor' ) { + if ( menu ) { + menu.classList.add( 'is-active' ); + menu.parentElement.classList.add( 'is-open' ); + } else { + this.showClassicMenu( classicMenu ); + } + + clearTimeout( dropdownTimeout ); + + dropdownTimeout = setTimeout( () => { + const toClose = document.querySelector( `#wpforms-form-${ formId } .choices__list.choices__list--dropdown` ); + + if ( toClose ) { + toClose.classList.remove( 'is-active' ); + toClose.parentElement.classList.remove( 'is-open' ); + } else { + this.hideClassicMenu( document.querySelector( `#wpforms-form-${ formId } .wpforms-field-select-style-classic select` ) ); + } + }, 5000 ); + } else if ( menu ) { + menu.classList.remove( 'is-active' ); + } else { + this.hideClassicMenu( classicMenu ); + } + }, + + /** + * Shows the classic menu. + * + * @since 1.8.8 + * + * @param {Object} classicMenu The classic menu. + */ + showClassicMenu( classicMenu ) { + if ( ! classicMenu ) { + return; + } + + classicMenu.size = 2; + classicMenu.style.cssText = 'padding-top: 40px; padding-inline-end: 0; padding-inline-start: 0; position: relative;'; + classicMenu.querySelectorAll( 'option' ).forEach( ( option ) => { + option.style.cssText = 'border-left: 1px solid #8c8f94; border-right: 1px solid #8c8f94; padding: 0 10px; z-index: 999999; position: relative;'; + } ); + classicMenu.querySelector( 'option:last-child' ).style.cssText = 'border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 0 10px; border-left: 1px solid #8c8f94; border-right: 1px solid #8c8f94; border-bottom: 1px solid #8c8f94; z-index: 999999; position: relative;'; + }, + + /** + * Hides the classic menu. + * + * @since 1.8.8 + * + * @param {Object} classicMenu The classic menu. + */ + hideClassicMenu( classicMenu ) { + if ( ! classicMenu ) { + return; + } + + classicMenu.size = 0; + classicMenu.style.cssText = 'padding-top: 0; padding-inline-end: 24px; padding-inline-start: 12px; position: relative;'; + classicMenu.querySelectorAll( 'option' ).forEach( ( option ) => { + option.style.cssText = 'border: none;'; + } ); + }, + + /** + * Field regular attribute change event handler. + * + * @since 1.8.1 + * + * @param {string} attribute Attribute name. + * @param {string} value New attribute value. + */ + attrChange( attribute, value ) { + const setAttr = {}; + + setAttr[ attribute ] = value; + + app.setBlockRuntimeStateVar( props.clientId, 'prevAttributesState', props.attributes ); + props.setAttributes( setAttr ); + + triggerServerRender = true; + + this.updateCopyPasteContent(); + }, + + /** + * Update content of the "Copy/Paste" fields. + * + * @since 1.8.1 + */ + updateCopyPasteContent() { + const content = {}; + const atts = wp.data.select( 'core/block-editor' ).getBlockAttributes( props.clientId ); + + for ( const key in defaultStyleSettings ) { + content[ key ] = atts[ key ]; + } + + props.setAttributes( { copyPasteJsonValue: JSON.stringify( content ) } ); + }, + + /** + * Paste settings handler. + * + * @since 1.8.1 + * + * @param {string} value New attribute value. + */ + pasteSettings( value ) { + value = value.trim(); + + const pasteAttributes = app.parseValidateJson( value ); + + if ( ! pasteAttributes ) { + if ( value ) { + wp.data.dispatch( 'core/notices' ).createErrorNotice( + strings.copy_paste_error, + { id: 'wpforms-json-parse-error' } + ); + } + + this.updateCopyPasteContent(); + + return; + } + + pasteAttributes.copyPasteJsonValue = value; + + const themeSlug = app.panels.themes.maybeCreateCustomThemeFromAttributes( pasteAttributes ); + + app.setBlockRuntimeStateVar( props.clientId, 'prevAttributesState', props.attributes ); + props.setAttributes( pasteAttributes ); + app.panels.themes.setBlockTheme( props, themeSlug ); + + triggerServerRender = false; + }, + }; + }, + + /** + * Parse and validate JSON string. + * + * @since 1.8.1 + * + * @param {string} value JSON string. + * + * @return {boolean|object} Parsed JSON object OR false on error. + */ + parseValidateJson( value ) { + if ( typeof value !== 'string' ) { + return false; + } + + let atts; + + try { + atts = JSON.parse( value.trim() ); + } catch ( error ) { + atts = false; + } + + return atts; + }, + + /** + * Get WPForms icon DOM element. + * + * @since 1.8.1 + * + * @return {DOM.element} WPForms icon DOM element. + */ + getIcon() { + return createElement( + 'svg', + { width: 20, height: 20, viewBox: '0 0 612 612', className: 'dashicon' }, + createElement( + 'path', + { + fill: 'currentColor', + d: 'M544,0H68C30.445,0,0,30.445,0,68v476c0,37.556,30.445,68,68,68h476c37.556,0,68-30.444,68-68V68 C612,30.445,581.556,0,544,0z M464.44,68L387.6,120.02L323.34,68H464.44z M288.66,68l-64.26,52.02L147.56,68H288.66z M544,544H68 V68h22.1l136,92.14l79.9-64.6l79.56,64.6l136-92.14H544V544z M114.24,263.16h95.88v-48.28h-95.88V263.16z M114.24,360.4h95.88 v-48.62h-95.88V360.4z M242.76,360.4h255v-48.62h-255V360.4L242.76,360.4z M242.76,263.16h255v-48.28h-255V263.16L242.76,263.16z M368.22,457.3h129.54V408H368.22V457.3z', + }, + ), + ); + }, + + /** + * Get WPForms blocks. + * + * @since 1.8.8 + * + * @return {Array} Blocks array. + */ + getWPFormsBlocks() { + const wpformsBlocks = wp.data.select( 'core/block-editor' ).getBlocks(); + + return wpformsBlocks.filter( ( props ) => { + return props.name === 'wpforms/form-selector'; + } ); + }, + + /** + * Get WPForms blocks. + * + * @since 1.8.8 + * + * @param {Object} props Block properties. + * + * @return {Object} Block attributes. + */ + isClientIdAttrUnique( props ) { + const wpformsBlocks = app.getWPFormsBlocks(); + + for ( const key in wpformsBlocks ) { + // Skip the current block. + if ( wpformsBlocks[ key ].clientId === props.clientId ) { + continue; + } + + if ( wpformsBlocks[ key ].attributes.clientId === props.attributes.clientId ) { + return false; + } + } + + return true; + }, + + /** + * Get block attributes. + * + * @since 1.8.1 + * + * @return {Object} Block attributes. + */ + getBlockAttributes() { + return commonAttributes; + }, + + /** + * Get block runtime state variable. + * + * @since 1.8.8 + * + * @param {string} clientId Block client ID. + * @param {string} varName Block runtime variable name. + * + * @return {*} Block runtime state variable value. + */ + getBlockRuntimeStateVar( clientId, varName ) { + return blocks[ clientId ]?.[ varName ]; + }, + + /** + * Set block runtime state variable value. + * + * @since 1.8.8 + * + * @param {string} clientId Block client ID. + * @param {string} varName Block runtime state key. + * @param {*} value State variable value. + * + * @return {boolean} True on success. + */ + setBlockRuntimeStateVar( clientId, varName, value ) { // eslint-disable-line complexity + if ( ! clientId || ! varName ) { + return false; + } + + blocks[ clientId ] = blocks[ clientId ] || {}; + blocks[ clientId ][ varName ] = value; + + // Prevent referencing to object. + if ( typeof value === 'object' && ! Array.isArray( value ) && value !== null ) { + blocks[ clientId ][ varName ] = { ...value }; + } + + return true; + }, + + /** + * Get form selector options. + * + * @since 1.8.1 + * + * @return {Array} Form options. + */ + getFormOptions() { + const formOptions = formList.map( ( value ) => ( + { value: value.ID, label: value.post_title } + ) ); + + formOptions.unshift( { value: '', label: strings.form_select } ); + + return formOptions; + }, + + /** + * Get size selector options. + * + * @since 1.8.1 + * + * @return {Array} Size options. + */ + getSizeOptions() { + return [ + { + label: strings.small, + value: 'small', + }, + { + label: strings.medium, + value: 'medium', + }, + { + label: strings.large, + value: 'large', + }, + ]; + }, + + /** + * Event `wpformsFormSelectorEdit` handler. + * + * @since 1.8.1 + * + * @param {Object} e Event object. + * @param {Object} props Block properties. + */ + blockEdit( e, props ) { + const block = app.getBlockContainer( props ); + + if ( ! block?.dataset ) { + return; + } + + app.initLeadFormSettings( block.parentElement ); + }, + + /** + * Init Lead Form Settings panels. + * + * @since 1.8.1 + * + * @param {Element} block Block element. + * @param {Object} block.dataset Block element. + */ + initLeadFormSettings( block ) { + if ( ! block?.dataset ) { + return; + } + + if ( ! app.isFullStylingEnabled() ) { + return; + } + + const clientId = block.dataset.block; + const $panel = $( `.wpforms-block-settings-${ clientId }` ); + + if ( app.isLeadFormsEnabled( block ) ) { + $panel + .addClass( 'disabled_panel' ) + .find( '.wpforms-gutenberg-panel-notice.wpforms-lead-form-notice' ) + .css( 'display', 'block' ); + + $panel + .find( '.wpforms-gutenberg-panel-notice.wpforms-use-modern-notice' ) + .css( 'display', 'none' ); + + return; + } + + $panel + .removeClass( 'disabled_panel' ) + .find( '.wpforms-gutenberg-panel-notice.wpforms-lead-form-notice' ) + .css( 'display', 'none' ); + + $panel + .find( '.wpforms-gutenberg-panel-notice.wpforms-use-modern-notice' ) + .css( 'display', null ); + }, + + /** + * Event `wpformsFormSelectorFormLoaded` handler. + * + * @since 1.8.1 + * + * @param {Object} e Event object. + */ + formLoaded( e ) { + app.initLeadFormSettings( e.detail.block ); + app.updateAccentColors( e.detail ); + app.loadChoicesJS( e.detail ); + app.initRichTextField( e.detail.formId ); + app.initRepeaterField( e.detail.formId ); + + $( e.detail.block ) + .off( 'click' ) + .on( 'click', app.blockClick ); + }, + + /** + * Click on the block event handler. + * + * @since 1.8.1 + * + * @param {Object} e Event object. + */ + blockClick( e ) { + app.initLeadFormSettings( e.currentTarget ); + }, + + /** + * Update accent colors of some fields in GB block in Modern Markup mode. + * + * @since 1.8.1 + * + * @param {Object} detail Event details object. + */ + updateAccentColors( detail ) { + if ( + ! wpforms_gutenberg_form_selector.is_modern_markup || + ! window.WPForms?.FrontendModern || + ! detail?.block + ) { + return; + } + + const $form = $( detail.block.querySelector( `#wpforms-${ detail.formId }` ) ), + FrontendModern = window.WPForms.FrontendModern; + + FrontendModern.updateGBBlockPageIndicatorColor( $form ); + FrontendModern.updateGBBlockIconChoicesColor( $form ); + FrontendModern.updateGBBlockRatingColor( $form ); + }, + + /** + * Init Modern style Dropdown fields (' + + '' + ); + + this.$searchContainer = $search; + this.$search = $search.find('input'); + + var $rendered = decorated.call(this); + + this._transferTabIndex(); + + return $rendered; + }; + + Search.prototype.bind = function (decorated, container, $container) { + var self = this; + var resultsId = container.id + '-results'; + + decorated.call(this, container, $container); + + container.on('open', function () { + self.$search.attr('aria-owns', resultsId); + self.$search.trigger('focus'); + }); + + container.on('close', function () { + self.$search.val(''); + self.$search.removeAttr('aria-activedescendant'); + self.$search.removeAttr('aria-owns'); + self.$search.trigger('focus'); + }); + + container.on('enable', function () { + self.$search.prop('disabled', false); + + self._transferTabIndex(); + }); + + container.on('disable', function () { + self.$search.prop('disabled', true); + }); + + container.on('focus', function (evt) { + self.$search.trigger('focus'); + }); + + container.on('results:focus', function (params) { + self.$search.attr('aria-activedescendant', params.data._resultId); + }); + + this.$selection.on('focusin', '.select2-search--inline', function (evt) { + self.trigger('focus', evt); + }); + + this.$selection.on('focusout', '.select2-search--inline', function (evt) { + self._handleBlur(evt); + }); + + this.$selection.on('keydown', '.select2-search--inline', function (evt) { + evt.stopPropagation(); + + self.trigger('keypress', evt); + + self._keyUpPrevented = evt.isDefaultPrevented(); + + var key = evt.which; + + if (key === KEYS.BACKSPACE && self.$search.val() === '') { + var $previousChoice = self.$searchContainer + .prev('.select2-selection__choice'); + + if ($previousChoice.length > 0) { + var item = $previousChoice.data('data'); + + self.searchRemoveChoice(item); + + evt.preventDefault(); + } + } else if (evt.which === KEYS.ENTER) { + container.open(); + evt.preventDefault(); + } + }); + + // Try to detect the IE version should the `documentMode` property that + // is stored on the document. This is only implemented in IE and is + // slightly cleaner than doing a user agent check. + // This property is not available in Edge, but Edge also doesn't have + // this bug. + var msie = document.documentMode; + var disableInputEvents = msie && msie <= 11; + + // Workaround for browsers which do not support the `input` event + // This will prevent double-triggering of events for browsers which support + // both the `keyup` and `input` events. + this.$selection.on( + 'input.searchcheck', + '.select2-search--inline', + function (evt) { + // IE will trigger the `input` event when a placeholder is used on a + // search box. To get around this issue, we are forced to ignore all + // `input` events in IE and keep using `keyup`. + if (disableInputEvents) { + self.$selection.off('input.search input.searchcheck'); + return; + } + + // Unbind the duplicated `keyup` event + self.$selection.off('keyup.search'); + } + ); + + this.$selection.on( + 'keyup.search input.search', + '.select2-search--inline', + function (evt) { + // IE will trigger the `input` event when a placeholder is used on a + // search box. To get around this issue, we are forced to ignore all + // `input` events in IE and keep using `keyup`. + if (disableInputEvents && evt.type === 'input') { + self.$selection.off('input.search input.searchcheck'); + return; + } + + var key = evt.which; + + // We can freely ignore events from modifier keys + if (key == KEYS.SHIFT || key == KEYS.CTRL || key == KEYS.ALT) { + return; + } + + // Tabbing will be handled during the `keydown` phase + if (key == KEYS.TAB) { + return; + } + + self.handleSearch(evt); + } + ); + }; + + /** + * This method will transfer the tabindex attribute from the rendered + * selection to the search box. This allows for the search box to be used as + * the primary focus instead of the selection container. + * + * @private + */ + Search.prototype._transferTabIndex = function (decorated) { + this.$search.attr('tabindex', this.$selection.attr('tabindex')); + this.$selection.attr('tabindex', '-1'); + }; + + Search.prototype.createPlaceholder = function (decorated, placeholder) { + this.$search.attr('placeholder', placeholder.text); + }; + + Search.prototype.update = function (decorated, data) { + var searchHadFocus = this.$search[0] == document.activeElement; + + this.$search.attr('placeholder', ''); + + decorated.call(this, data); + + this.$selection.find('.select2-selection__rendered') + .append(this.$searchContainer); + + this.resizeSearch(); + if (searchHadFocus) { + this.$search.focus(); + } + }; + + Search.prototype.handleSearch = function () { + this.resizeSearch(); + + if (!this._keyUpPrevented) { + var input = this.$search.val(); + + this.trigger('query', { + term: input + }); + } + + this._keyUpPrevented = false; + }; + + Search.prototype.searchRemoveChoice = function (decorated, item) { + this.trigger('unselect', { + data: item + }); + + this.$search.val(item.text); + this.handleSearch(); + }; + + Search.prototype.resizeSearch = function () { + this.$search.css('width', '25px'); + + var width = ''; + + if (this.$search.attr('placeholder') !== '') { + width = this.$selection.find('.select2-selection__rendered').innerWidth(); + } else { + var minimumWidth = this.$search.val().length + 1; + + width = (minimumWidth * 0.75) + 'em'; + } + + this.$search.css('width', width); + }; + + return Search; + }); + + S2.define('select2/selection/eventRelay',[ + 'jquery' + ], function ($) { + function EventRelay () { } + + EventRelay.prototype.bind = function (decorated, container, $container) { + var self = this; + var relayEvents = [ + 'open', 'opening', + 'close', 'closing', + 'select', 'selecting', + 'unselect', 'unselecting' + ]; + + var preventableEvents = ['opening', 'closing', 'selecting', 'unselecting']; + + decorated.call(this, container, $container); + + container.on('*', function (name, params) { + // Ignore events that should not be relayed + if ($.inArray(name, relayEvents) === -1) { + return; + } + + // The parameters should always be an object + params = params || {}; + + // Generate the jQuery event for the Select2 event + var evt = $.Event('select2:' + name, { + params: params + }); + + self.$element.trigger(evt); + + // Only handle preventable events if it was one + if ($.inArray(name, preventableEvents) === -1) { + return; + } + + params.prevented = evt.isDefaultPrevented(); + }); + }; + + return EventRelay; + }); + + S2.define('select2/translation',[ + 'jquery', + 'require' + ], function ($, require) { + function Translation (dict) { + this.dict = dict || {}; + } + + Translation.prototype.all = function () { + return this.dict; + }; + + Translation.prototype.get = function (key) { + return this.dict[key]; + }; + + Translation.prototype.extend = function (translation) { + this.dict = $.extend({}, translation.all(), this.dict); + }; + + // Static functions + + Translation._cache = {}; + + Translation.loadPath = function (path) { + if (!(path in Translation._cache)) { + var translations = require(path); + + Translation._cache[path] = translations; + } + + return new Translation(Translation._cache[path]); + }; + + return Translation; + }); + + S2.define('select2/diacritics',[ + + ], function () { + var diacritics = { + '\u24B6': 'A', + '\uFF21': 'A', + '\u00C0': 'A', + '\u00C1': 'A', + '\u00C2': 'A', + '\u1EA6': 'A', + '\u1EA4': 'A', + '\u1EAA': 'A', + '\u1EA8': 'A', + '\u00C3': 'A', + '\u0100': 'A', + '\u0102': 'A', + '\u1EB0': 'A', + '\u1EAE': 'A', + '\u1EB4': 'A', + '\u1EB2': 'A', + '\u0226': 'A', + '\u01E0': 'A', + '\u00C4': 'A', + '\u01DE': 'A', + '\u1EA2': 'A', + '\u00C5': 'A', + '\u01FA': 'A', + '\u01CD': 'A', + '\u0200': 'A', + '\u0202': 'A', + '\u1EA0': 'A', + '\u1EAC': 'A', + '\u1EB6': 'A', + '\u1E00': 'A', + '\u0104': 'A', + '\u023A': 'A', + '\u2C6F': 'A', + '\uA732': 'AA', + '\u00C6': 'AE', + '\u01FC': 'AE', + '\u01E2': 'AE', + '\uA734': 'AO', + '\uA736': 'AU', + '\uA738': 'AV', + '\uA73A': 'AV', + '\uA73C': 'AY', + '\u24B7': 'B', + '\uFF22': 'B', + '\u1E02': 'B', + '\u1E04': 'B', + '\u1E06': 'B', + '\u0243': 'B', + '\u0182': 'B', + '\u0181': 'B', + '\u24B8': 'C', + '\uFF23': 'C', + '\u0106': 'C', + '\u0108': 'C', + '\u010A': 'C', + '\u010C': 'C', + '\u00C7': 'C', + '\u1E08': 'C', + '\u0187': 'C', + '\u023B': 'C', + '\uA73E': 'C', + '\u24B9': 'D', + '\uFF24': 'D', + '\u1E0A': 'D', + '\u010E': 'D', + '\u1E0C': 'D', + '\u1E10': 'D', + '\u1E12': 'D', + '\u1E0E': 'D', + '\u0110': 'D', + '\u018B': 'D', + '\u018A': 'D', + '\u0189': 'D', + '\uA779': 'D', + '\u01F1': 'DZ', + '\u01C4': 'DZ', + '\u01F2': 'Dz', + '\u01C5': 'Dz', + '\u24BA': 'E', + '\uFF25': 'E', + '\u00C8': 'E', + '\u00C9': 'E', + '\u00CA': 'E', + '\u1EC0': 'E', + '\u1EBE': 'E', + '\u1EC4': 'E', + '\u1EC2': 'E', + '\u1EBC': 'E', + '\u0112': 'E', + '\u1E14': 'E', + '\u1E16': 'E', + '\u0114': 'E', + '\u0116': 'E', + '\u00CB': 'E', + '\u1EBA': 'E', + '\u011A': 'E', + '\u0204': 'E', + '\u0206': 'E', + '\u1EB8': 'E', + '\u1EC6': 'E', + '\u0228': 'E', + '\u1E1C': 'E', + '\u0118': 'E', + '\u1E18': 'E', + '\u1E1A': 'E', + '\u0190': 'E', + '\u018E': 'E', + '\u24BB': 'F', + '\uFF26': 'F', + '\u1E1E': 'F', + '\u0191': 'F', + '\uA77B': 'F', + '\u24BC': 'G', + '\uFF27': 'G', + '\u01F4': 'G', + '\u011C': 'G', + '\u1E20': 'G', + '\u011E': 'G', + '\u0120': 'G', + '\u01E6': 'G', + '\u0122': 'G', + '\u01E4': 'G', + '\u0193': 'G', + '\uA7A0': 'G', + '\uA77D': 'G', + '\uA77E': 'G', + '\u24BD': 'H', + '\uFF28': 'H', + '\u0124': 'H', + '\u1E22': 'H', + '\u1E26': 'H', + '\u021E': 'H', + '\u1E24': 'H', + '\u1E28': 'H', + '\u1E2A': 'H', + '\u0126': 'H', + '\u2C67': 'H', + '\u2C75': 'H', + '\uA78D': 'H', + '\u24BE': 'I', + '\uFF29': 'I', + '\u00CC': 'I', + '\u00CD': 'I', + '\u00CE': 'I', + '\u0128': 'I', + '\u012A': 'I', + '\u012C': 'I', + '\u0130': 'I', + '\u00CF': 'I', + '\u1E2E': 'I', + '\u1EC8': 'I', + '\u01CF': 'I', + '\u0208': 'I', + '\u020A': 'I', + '\u1ECA': 'I', + '\u012E': 'I', + '\u1E2C': 'I', + '\u0197': 'I', + '\u24BF': 'J', + '\uFF2A': 'J', + '\u0134': 'J', + '\u0248': 'J', + '\u24C0': 'K', + '\uFF2B': 'K', + '\u1E30': 'K', + '\u01E8': 'K', + '\u1E32': 'K', + '\u0136': 'K', + '\u1E34': 'K', + '\u0198': 'K', + '\u2C69': 'K', + '\uA740': 'K', + '\uA742': 'K', + '\uA744': 'K', + '\uA7A2': 'K', + '\u24C1': 'L', + '\uFF2C': 'L', + '\u013F': 'L', + '\u0139': 'L', + '\u013D': 'L', + '\u1E36': 'L', + '\u1E38': 'L', + '\u013B': 'L', + '\u1E3C': 'L', + '\u1E3A': 'L', + '\u0141': 'L', + '\u023D': 'L', + '\u2C62': 'L', + '\u2C60': 'L', + '\uA748': 'L', + '\uA746': 'L', + '\uA780': 'L', + '\u01C7': 'LJ', + '\u01C8': 'Lj', + '\u24C2': 'M', + '\uFF2D': 'M', + '\u1E3E': 'M', + '\u1E40': 'M', + '\u1E42': 'M', + '\u2C6E': 'M', + '\u019C': 'M', + '\u24C3': 'N', + '\uFF2E': 'N', + '\u01F8': 'N', + '\u0143': 'N', + '\u00D1': 'N', + '\u1E44': 'N', + '\u0147': 'N', + '\u1E46': 'N', + '\u0145': 'N', + '\u1E4A': 'N', + '\u1E48': 'N', + '\u0220': 'N', + '\u019D': 'N', + '\uA790': 'N', + '\uA7A4': 'N', + '\u01CA': 'NJ', + '\u01CB': 'Nj', + '\u24C4': 'O', + '\uFF2F': 'O', + '\u00D2': 'O', + '\u00D3': 'O', + '\u00D4': 'O', + '\u1ED2': 'O', + '\u1ED0': 'O', + '\u1ED6': 'O', + '\u1ED4': 'O', + '\u00D5': 'O', + '\u1E4C': 'O', + '\u022C': 'O', + '\u1E4E': 'O', + '\u014C': 'O', + '\u1E50': 'O', + '\u1E52': 'O', + '\u014E': 'O', + '\u022E': 'O', + '\u0230': 'O', + '\u00D6': 'O', + '\u022A': 'O', + '\u1ECE': 'O', + '\u0150': 'O', + '\u01D1': 'O', + '\u020C': 'O', + '\u020E': 'O', + '\u01A0': 'O', + '\u1EDC': 'O', + '\u1EDA': 'O', + '\u1EE0': 'O', + '\u1EDE': 'O', + '\u1EE2': 'O', + '\u1ECC': 'O', + '\u1ED8': 'O', + '\u01EA': 'O', + '\u01EC': 'O', + '\u00D8': 'O', + '\u01FE': 'O', + '\u0186': 'O', + '\u019F': 'O', + '\uA74A': 'O', + '\uA74C': 'O', + '\u01A2': 'OI', + '\uA74E': 'OO', + '\u0222': 'OU', + '\u24C5': 'P', + '\uFF30': 'P', + '\u1E54': 'P', + '\u1E56': 'P', + '\u01A4': 'P', + '\u2C63': 'P', + '\uA750': 'P', + '\uA752': 'P', + '\uA754': 'P', + '\u24C6': 'Q', + '\uFF31': 'Q', + '\uA756': 'Q', + '\uA758': 'Q', + '\u024A': 'Q', + '\u24C7': 'R', + '\uFF32': 'R', + '\u0154': 'R', + '\u1E58': 'R', + '\u0158': 'R', + '\u0210': 'R', + '\u0212': 'R', + '\u1E5A': 'R', + '\u1E5C': 'R', + '\u0156': 'R', + '\u1E5E': 'R', + '\u024C': 'R', + '\u2C64': 'R', + '\uA75A': 'R', + '\uA7A6': 'R', + '\uA782': 'R', + '\u24C8': 'S', + '\uFF33': 'S', + '\u1E9E': 'S', + '\u015A': 'S', + '\u1E64': 'S', + '\u015C': 'S', + '\u1E60': 'S', + '\u0160': 'S', + '\u1E66': 'S', + '\u1E62': 'S', + '\u1E68': 'S', + '\u0218': 'S', + '\u015E': 'S', + '\u2C7E': 'S', + '\uA7A8': 'S', + '\uA784': 'S', + '\u24C9': 'T', + '\uFF34': 'T', + '\u1E6A': 'T', + '\u0164': 'T', + '\u1E6C': 'T', + '\u021A': 'T', + '\u0162': 'T', + '\u1E70': 'T', + '\u1E6E': 'T', + '\u0166': 'T', + '\u01AC': 'T', + '\u01AE': 'T', + '\u023E': 'T', + '\uA786': 'T', + '\uA728': 'TZ', + '\u24CA': 'U', + '\uFF35': 'U', + '\u00D9': 'U', + '\u00DA': 'U', + '\u00DB': 'U', + '\u0168': 'U', + '\u1E78': 'U', + '\u016A': 'U', + '\u1E7A': 'U', + '\u016C': 'U', + '\u00DC': 'U', + '\u01DB': 'U', + '\u01D7': 'U', + '\u01D5': 'U', + '\u01D9': 'U', + '\u1EE6': 'U', + '\u016E': 'U', + '\u0170': 'U', + '\u01D3': 'U', + '\u0214': 'U', + '\u0216': 'U', + '\u01AF': 'U', + '\u1EEA': 'U', + '\u1EE8': 'U', + '\u1EEE': 'U', + '\u1EEC': 'U', + '\u1EF0': 'U', + '\u1EE4': 'U', + '\u1E72': 'U', + '\u0172': 'U', + '\u1E76': 'U', + '\u1E74': 'U', + '\u0244': 'U', + '\u24CB': 'V', + '\uFF36': 'V', + '\u1E7C': 'V', + '\u1E7E': 'V', + '\u01B2': 'V', + '\uA75E': 'V', + '\u0245': 'V', + '\uA760': 'VY', + '\u24CC': 'W', + '\uFF37': 'W', + '\u1E80': 'W', + '\u1E82': 'W', + '\u0174': 'W', + '\u1E86': 'W', + '\u1E84': 'W', + '\u1E88': 'W', + '\u2C72': 'W', + '\u24CD': 'X', + '\uFF38': 'X', + '\u1E8A': 'X', + '\u1E8C': 'X', + '\u24CE': 'Y', + '\uFF39': 'Y', + '\u1EF2': 'Y', + '\u00DD': 'Y', + '\u0176': 'Y', + '\u1EF8': 'Y', + '\u0232': 'Y', + '\u1E8E': 'Y', + '\u0178': 'Y', + '\u1EF6': 'Y', + '\u1EF4': 'Y', + '\u01B3': 'Y', + '\u024E': 'Y', + '\u1EFE': 'Y', + '\u24CF': 'Z', + '\uFF3A': 'Z', + '\u0179': 'Z', + '\u1E90': 'Z', + '\u017B': 'Z', + '\u017D': 'Z', + '\u1E92': 'Z', + '\u1E94': 'Z', + '\u01B5': 'Z', + '\u0224': 'Z', + '\u2C7F': 'Z', + '\u2C6B': 'Z', + '\uA762': 'Z', + '\u24D0': 'a', + '\uFF41': 'a', + '\u1E9A': 'a', + '\u00E0': 'a', + '\u00E1': 'a', + '\u00E2': 'a', + '\u1EA7': 'a', + '\u1EA5': 'a', + '\u1EAB': 'a', + '\u1EA9': 'a', + '\u00E3': 'a', + '\u0101': 'a', + '\u0103': 'a', + '\u1EB1': 'a', + '\u1EAF': 'a', + '\u1EB5': 'a', + '\u1EB3': 'a', + '\u0227': 'a', + '\u01E1': 'a', + '\u00E4': 'a', + '\u01DF': 'a', + '\u1EA3': 'a', + '\u00E5': 'a', + '\u01FB': 'a', + '\u01CE': 'a', + '\u0201': 'a', + '\u0203': 'a', + '\u1EA1': 'a', + '\u1EAD': 'a', + '\u1EB7': 'a', + '\u1E01': 'a', + '\u0105': 'a', + '\u2C65': 'a', + '\u0250': 'a', + '\uA733': 'aa', + '\u00E6': 'ae', + '\u01FD': 'ae', + '\u01E3': 'ae', + '\uA735': 'ao', + '\uA737': 'au', + '\uA739': 'av', + '\uA73B': 'av', + '\uA73D': 'ay', + '\u24D1': 'b', + '\uFF42': 'b', + '\u1E03': 'b', + '\u1E05': 'b', + '\u1E07': 'b', + '\u0180': 'b', + '\u0183': 'b', + '\u0253': 'b', + '\u24D2': 'c', + '\uFF43': 'c', + '\u0107': 'c', + '\u0109': 'c', + '\u010B': 'c', + '\u010D': 'c', + '\u00E7': 'c', + '\u1E09': 'c', + '\u0188': 'c', + '\u023C': 'c', + '\uA73F': 'c', + '\u2184': 'c', + '\u24D3': 'd', + '\uFF44': 'd', + '\u1E0B': 'd', + '\u010F': 'd', + '\u1E0D': 'd', + '\u1E11': 'd', + '\u1E13': 'd', + '\u1E0F': 'd', + '\u0111': 'd', + '\u018C': 'd', + '\u0256': 'd', + '\u0257': 'd', + '\uA77A': 'd', + '\u01F3': 'dz', + '\u01C6': 'dz', + '\u24D4': 'e', + '\uFF45': 'e', + '\u00E8': 'e', + '\u00E9': 'e', + '\u00EA': 'e', + '\u1EC1': 'e', + '\u1EBF': 'e', + '\u1EC5': 'e', + '\u1EC3': 'e', + '\u1EBD': 'e', + '\u0113': 'e', + '\u1E15': 'e', + '\u1E17': 'e', + '\u0115': 'e', + '\u0117': 'e', + '\u00EB': 'e', + '\u1EBB': 'e', + '\u011B': 'e', + '\u0205': 'e', + '\u0207': 'e', + '\u1EB9': 'e', + '\u1EC7': 'e', + '\u0229': 'e', + '\u1E1D': 'e', + '\u0119': 'e', + '\u1E19': 'e', + '\u1E1B': 'e', + '\u0247': 'e', + '\u025B': 'e', + '\u01DD': 'e', + '\u24D5': 'f', + '\uFF46': 'f', + '\u1E1F': 'f', + '\u0192': 'f', + '\uA77C': 'f', + '\u24D6': 'g', + '\uFF47': 'g', + '\u01F5': 'g', + '\u011D': 'g', + '\u1E21': 'g', + '\u011F': 'g', + '\u0121': 'g', + '\u01E7': 'g', + '\u0123': 'g', + '\u01E5': 'g', + '\u0260': 'g', + '\uA7A1': 'g', + '\u1D79': 'g', + '\uA77F': 'g', + '\u24D7': 'h', + '\uFF48': 'h', + '\u0125': 'h', + '\u1E23': 'h', + '\u1E27': 'h', + '\u021F': 'h', + '\u1E25': 'h', + '\u1E29': 'h', + '\u1E2B': 'h', + '\u1E96': 'h', + '\u0127': 'h', + '\u2C68': 'h', + '\u2C76': 'h', + '\u0265': 'h', + '\u0195': 'hv', + '\u24D8': 'i', + '\uFF49': 'i', + '\u00EC': 'i', + '\u00ED': 'i', + '\u00EE': 'i', + '\u0129': 'i', + '\u012B': 'i', + '\u012D': 'i', + '\u00EF': 'i', + '\u1E2F': 'i', + '\u1EC9': 'i', + '\u01D0': 'i', + '\u0209': 'i', + '\u020B': 'i', + '\u1ECB': 'i', + '\u012F': 'i', + '\u1E2D': 'i', + '\u0268': 'i', + '\u0131': 'i', + '\u24D9': 'j', + '\uFF4A': 'j', + '\u0135': 'j', + '\u01F0': 'j', + '\u0249': 'j', + '\u24DA': 'k', + '\uFF4B': 'k', + '\u1E31': 'k', + '\u01E9': 'k', + '\u1E33': 'k', + '\u0137': 'k', + '\u1E35': 'k', + '\u0199': 'k', + '\u2C6A': 'k', + '\uA741': 'k', + '\uA743': 'k', + '\uA745': 'k', + '\uA7A3': 'k', + '\u24DB': 'l', + '\uFF4C': 'l', + '\u0140': 'l', + '\u013A': 'l', + '\u013E': 'l', + '\u1E37': 'l', + '\u1E39': 'l', + '\u013C': 'l', + '\u1E3D': 'l', + '\u1E3B': 'l', + '\u017F': 'l', + '\u0142': 'l', + '\u019A': 'l', + '\u026B': 'l', + '\u2C61': 'l', + '\uA749': 'l', + '\uA781': 'l', + '\uA747': 'l', + '\u01C9': 'lj', + '\u24DC': 'm', + '\uFF4D': 'm', + '\u1E3F': 'm', + '\u1E41': 'm', + '\u1E43': 'm', + '\u0271': 'm', + '\u026F': 'm', + '\u24DD': 'n', + '\uFF4E': 'n', + '\u01F9': 'n', + '\u0144': 'n', + '\u00F1': 'n', + '\u1E45': 'n', + '\u0148': 'n', + '\u1E47': 'n', + '\u0146': 'n', + '\u1E4B': 'n', + '\u1E49': 'n', + '\u019E': 'n', + '\u0272': 'n', + '\u0149': 'n', + '\uA791': 'n', + '\uA7A5': 'n', + '\u01CC': 'nj', + '\u24DE': 'o', + '\uFF4F': 'o', + '\u00F2': 'o', + '\u00F3': 'o', + '\u00F4': 'o', + '\u1ED3': 'o', + '\u1ED1': 'o', + '\u1ED7': 'o', + '\u1ED5': 'o', + '\u00F5': 'o', + '\u1E4D': 'o', + '\u022D': 'o', + '\u1E4F': 'o', + '\u014D': 'o', + '\u1E51': 'o', + '\u1E53': 'o', + '\u014F': 'o', + '\u022F': 'o', + '\u0231': 'o', + '\u00F6': 'o', + '\u022B': 'o', + '\u1ECF': 'o', + '\u0151': 'o', + '\u01D2': 'o', + '\u020D': 'o', + '\u020F': 'o', + '\u01A1': 'o', + '\u1EDD': 'o', + '\u1EDB': 'o', + '\u1EE1': 'o', + '\u1EDF': 'o', + '\u1EE3': 'o', + '\u1ECD': 'o', + '\u1ED9': 'o', + '\u01EB': 'o', + '\u01ED': 'o', + '\u00F8': 'o', + '\u01FF': 'o', + '\u0254': 'o', + '\uA74B': 'o', + '\uA74D': 'o', + '\u0275': 'o', + '\u01A3': 'oi', + '\u0223': 'ou', + '\uA74F': 'oo', + '\u24DF': 'p', + '\uFF50': 'p', + '\u1E55': 'p', + '\u1E57': 'p', + '\u01A5': 'p', + '\u1D7D': 'p', + '\uA751': 'p', + '\uA753': 'p', + '\uA755': 'p', + '\u24E0': 'q', + '\uFF51': 'q', + '\u024B': 'q', + '\uA757': 'q', + '\uA759': 'q', + '\u24E1': 'r', + '\uFF52': 'r', + '\u0155': 'r', + '\u1E59': 'r', + '\u0159': 'r', + '\u0211': 'r', + '\u0213': 'r', + '\u1E5B': 'r', + '\u1E5D': 'r', + '\u0157': 'r', + '\u1E5F': 'r', + '\u024D': 'r', + '\u027D': 'r', + '\uA75B': 'r', + '\uA7A7': 'r', + '\uA783': 'r', + '\u24E2': 's', + '\uFF53': 's', + '\u00DF': 's', + '\u015B': 's', + '\u1E65': 's', + '\u015D': 's', + '\u1E61': 's', + '\u0161': 's', + '\u1E67': 's', + '\u1E63': 's', + '\u1E69': 's', + '\u0219': 's', + '\u015F': 's', + '\u023F': 's', + '\uA7A9': 's', + '\uA785': 's', + '\u1E9B': 's', + '\u24E3': 't', + '\uFF54': 't', + '\u1E6B': 't', + '\u1E97': 't', + '\u0165': 't', + '\u1E6D': 't', + '\u021B': 't', + '\u0163': 't', + '\u1E71': 't', + '\u1E6F': 't', + '\u0167': 't', + '\u01AD': 't', + '\u0288': 't', + '\u2C66': 't', + '\uA787': 't', + '\uA729': 'tz', + '\u24E4': 'u', + '\uFF55': 'u', + '\u00F9': 'u', + '\u00FA': 'u', + '\u00FB': 'u', + '\u0169': 'u', + '\u1E79': 'u', + '\u016B': 'u', + '\u1E7B': 'u', + '\u016D': 'u', + '\u00FC': 'u', + '\u01DC': 'u', + '\u01D8': 'u', + '\u01D6': 'u', + '\u01DA': 'u', + '\u1EE7': 'u', + '\u016F': 'u', + '\u0171': 'u', + '\u01D4': 'u', + '\u0215': 'u', + '\u0217': 'u', + '\u01B0': 'u', + '\u1EEB': 'u', + '\u1EE9': 'u', + '\u1EEF': 'u', + '\u1EED': 'u', + '\u1EF1': 'u', + '\u1EE5': 'u', + '\u1E73': 'u', + '\u0173': 'u', + '\u1E77': 'u', + '\u1E75': 'u', + '\u0289': 'u', + '\u24E5': 'v', + '\uFF56': 'v', + '\u1E7D': 'v', + '\u1E7F': 'v', + '\u028B': 'v', + '\uA75F': 'v', + '\u028C': 'v', + '\uA761': 'vy', + '\u24E6': 'w', + '\uFF57': 'w', + '\u1E81': 'w', + '\u1E83': 'w', + '\u0175': 'w', + '\u1E87': 'w', + '\u1E85': 'w', + '\u1E98': 'w', + '\u1E89': 'w', + '\u2C73': 'w', + '\u24E7': 'x', + '\uFF58': 'x', + '\u1E8B': 'x', + '\u1E8D': 'x', + '\u24E8': 'y', + '\uFF59': 'y', + '\u1EF3': 'y', + '\u00FD': 'y', + '\u0177': 'y', + '\u1EF9': 'y', + '\u0233': 'y', + '\u1E8F': 'y', + '\u00FF': 'y', + '\u1EF7': 'y', + '\u1E99': 'y', + '\u1EF5': 'y', + '\u01B4': 'y', + '\u024F': 'y', + '\u1EFF': 'y', + '\u24E9': 'z', + '\uFF5A': 'z', + '\u017A': 'z', + '\u1E91': 'z', + '\u017C': 'z', + '\u017E': 'z', + '\u1E93': 'z', + '\u1E95': 'z', + '\u01B6': 'z', + '\u0225': 'z', + '\u0240': 'z', + '\u2C6C': 'z', + '\uA763': 'z', + '\u0386': '\u0391', + '\u0388': '\u0395', + '\u0389': '\u0397', + '\u038A': '\u0399', + '\u03AA': '\u0399', + '\u038C': '\u039F', + '\u038E': '\u03A5', + '\u03AB': '\u03A5', + '\u038F': '\u03A9', + '\u03AC': '\u03B1', + '\u03AD': '\u03B5', + '\u03AE': '\u03B7', + '\u03AF': '\u03B9', + '\u03CA': '\u03B9', + '\u0390': '\u03B9', + '\u03CC': '\u03BF', + '\u03CD': '\u03C5', + '\u03CB': '\u03C5', + '\u03B0': '\u03C5', + '\u03C9': '\u03C9', + '\u03C2': '\u03C3' + }; + + return diacritics; + }); + + S2.define('select2/data/base',[ + '../utils' + ], function (Utils) { + function BaseAdapter ($element, options) { + BaseAdapter.__super__.constructor.call(this); + } + + Utils.Extend(BaseAdapter, Utils.Observable); + + BaseAdapter.prototype.current = function (callback) { + throw new Error('The `current` method must be defined in child classes.'); + }; + + BaseAdapter.prototype.query = function (params, callback) { + throw new Error('The `query` method must be defined in child classes.'); + }; + + BaseAdapter.prototype.bind = function (container, $container) { + // Can be implemented in subclasses + }; + + BaseAdapter.prototype.destroy = function () { + // Can be implemented in subclasses + }; + + BaseAdapter.prototype.generateResultId = function (container, data) { + var id = ''; + + if (container != null) { + id += container.id + } else { + id += Utils.generateChars(4); + } + + id += '-result-'; + id += Utils.generateChars(4); + + if (data.id != null) { + id += '-' + data.id.toString(); + } else { + id += '-' + Utils.generateChars(4); + } + return id; + }; + + return BaseAdapter; + }); + + S2.define('select2/data/select',[ + './base', + '../utils', + 'jquery' + ], function (BaseAdapter, Utils, $) { + function SelectAdapter ($element, options) { + this.$element = $element; + this.options = options; + + SelectAdapter.__super__.constructor.call(this); + } + + Utils.Extend(SelectAdapter, BaseAdapter); + + SelectAdapter.prototype.current = function (callback) { + var data = []; + var self = this; + + this.$element.find(':selected').each(function () { + var $option = $(this); + + var option = self.item($option); + + data.push(option); + }); + + callback(data); + }; + + SelectAdapter.prototype.select = function (data) { + var self = this; + + data.selected = true; + + // If data.element is a DOM node, use it instead + if ($(data.element).is('option')) { + data.element.selected = true; + + this.$element.trigger('change'); + + return; + } + + if (this.$element.prop('multiple')) { + this.current(function (currentData) { + var val = []; + + data = [data]; + data.push.apply(data, currentData); + + for (var d = 0; d < data.length; d++) { + var id = data[d].id; + + if ($.inArray(id, val) === -1) { + val.push(id); + } + } + + self.$element.val(val); + self.$element.trigger('change'); + }); + } else { + var val = data.id; + + this.$element.val(val); + this.$element.trigger('change'); + } + }; + + SelectAdapter.prototype.unselect = function (data) { + var self = this; + + if (!this.$element.prop('multiple')) { + return; + } + + data.selected = false; + + if ($(data.element).is('option')) { + data.element.selected = false; + + this.$element.trigger('change'); + + return; + } + + this.current(function (currentData) { + var val = []; + + for (var d = 0; d < currentData.length; d++) { + var id = currentData[d].id; + + if (id !== data.id && $.inArray(id, val) === -1) { + val.push(id); + } + } + + self.$element.val(val); + + self.$element.trigger('change'); + }); + }; + + SelectAdapter.prototype.bind = function (container, $container) { + var self = this; + + this.container = container; + + container.on('select', function (params) { + self.select(params.data); + }); + + container.on('unselect', function (params) { + self.unselect(params.data); + }); + }; + + SelectAdapter.prototype.destroy = function () { + // Remove anything added to child elements + this.$element.find('*').each(function () { + // Remove any custom data set by Select2 + $.removeData(this, 'data'); + }); + }; + + SelectAdapter.prototype.query = function (params, callback) { + var data = []; + var self = this; + + var $options = this.$element.children(); + + $options.each(function () { + var $option = $(this); + + if (!$option.is('option') && !$option.is('optgroup')) { + return; + } + + var option = self.item($option); + + var matches = self.matches(params, option); + + if (matches !== null) { + data.push(matches); + } + }); + + callback({ + results: data + }); + }; + + SelectAdapter.prototype.addOptions = function ($options) { + Utils.appendMany(this.$element, $options); + }; + + SelectAdapter.prototype.option = function (data) { + var option; + + if (data.children) { + option = document.createElement('optgroup'); + option.label = data.text; + } else { + option = document.createElement('option'); + + if (option.textContent !== undefined) { + option.textContent = data.text; + } else { + option.innerText = data.text; + } + } + + if (data.id !== undefined) { + option.value = data.id; + } + + if (data.disabled) { + option.disabled = true; + } + + if (data.selected) { + option.selected = true; + } + + if (data.title) { + option.title = data.title; + } + + var $option = $(option); + + var normalizedData = this._normalizeItem(data); + normalizedData.element = option; + + // Override the option's data with the combined data + $.data(option, 'data', normalizedData); + + return $option; + }; + + SelectAdapter.prototype.item = function ($option) { + var data = {}; + + data = $.data($option[0], 'data'); + + if (data != null) { + return data; + } + + if ($option.is('option')) { + data = { + id: $option.val(), + text: $option.text(), + disabled: $option.prop('disabled'), + selected: $option.prop('selected'), + title: $option.prop('title') + }; + } else if ($option.is('optgroup')) { + data = { + text: $option.prop('label'), + children: [], + title: $option.prop('title') + }; + + var $children = $option.children('option'); + var children = []; + + for (var c = 0; c < $children.length; c++) { + var $child = $($children[c]); + + var child = this.item($child); + + children.push(child); + } + + data.children = children; + } + + data = this._normalizeItem(data); + data.element = $option[0]; + + $.data($option[0], 'data', data); + + return data; + }; + + SelectAdapter.prototype._normalizeItem = function (item) { + if (!$.isPlainObject(item)) { + item = { + id: item, + text: item + }; + } + + item = $.extend({}, { + text: '' + }, item); + + var defaults = { + selected: false, + disabled: false + }; + + if (item.id != null) { + item.id = item.id.toString(); + } + + if (item.text != null) { + item.text = item.text.toString(); + } + + if (item._resultId == null && item.id) { + item._resultId = this.generateResultId(this.container, item); + } + + return $.extend({}, defaults, item); + }; + + SelectAdapter.prototype.matches = function (params, data) { + var matcher = this.options.get('matcher'); + + return matcher(params, data); + }; + + return SelectAdapter; + }); + + S2.define('select2/data/array',[ + './select', + '../utils', + 'jquery' + ], function (SelectAdapter, Utils, $) { + function ArrayAdapter ($element, options) { + var data = options.get('data') || []; + + ArrayAdapter.__super__.constructor.call(this, $element, options); + + this.addOptions(this.convertToOptions(data)); + } + + Utils.Extend(ArrayAdapter, SelectAdapter); + + ArrayAdapter.prototype.select = function (data) { + var $option = this.$element.find('option').filter(function (i, elm) { + return elm.value == data.id.toString(); + }); + + if ($option.length === 0) { + $option = this.option(data); + + this.addOptions($option); + } + + ArrayAdapter.__super__.select.call(this, data); + }; + + ArrayAdapter.prototype.convertToOptions = function (data) { + var self = this; + + var $existing = this.$element.find('option'); + var existingIds = $existing.map(function () { + return self.item($(this)).id; + }).get(); + + var $options = []; + + // Filter out all items except for the one passed in the argument + function onlyItem (item) { + return function () { + return $(this).val() == item.id; + }; + } + + for (var d = 0; d < data.length; d++) { + var item = this._normalizeItem(data[d]); + + // Skip items which were pre-loaded, only merge the data + if ($.inArray(item.id, existingIds) >= 0) { + var $existingOption = $existing.filter(onlyItem(item)); + + var existingData = this.item($existingOption); + var newData = $.extend(true, {}, item, existingData); + + var $newOption = this.option(newData); + + $existingOption.replaceWith($newOption); + + continue; + } + + var $option = this.option(item); + + if (item.children) { + var $children = this.convertToOptions(item.children); + + Utils.appendMany($option, $children); + } + + $options.push($option); + } + + return $options; + }; + + return ArrayAdapter; + }); + + S2.define('select2/data/ajax',[ + './array', + '../utils', + 'jquery' + ], function (ArrayAdapter, Utils, $) { + function AjaxAdapter ($element, options) { + this.ajaxOptions = this._applyDefaults(options.get('ajax')); + + if (this.ajaxOptions.processResults != null) { + this.processResults = this.ajaxOptions.processResults; + } + + AjaxAdapter.__super__.constructor.call(this, $element, options); + } + + Utils.Extend(AjaxAdapter, ArrayAdapter); + + AjaxAdapter.prototype._applyDefaults = function (options) { + var defaults = { + data: function (params) { + return $.extend({}, params, { + q: params.term + }); + }, + transport: function (params, success, failure) { + var $request = $.ajax(params); + + $request.then(success); + $request.fail(failure); + + return $request; + } + }; + + return $.extend({}, defaults, options, true); + }; + + AjaxAdapter.prototype.processResults = function (results) { + return results; + }; + + AjaxAdapter.prototype.query = function (params, callback) { + var matches = []; + var self = this; + + if (this._request != null) { + // JSONP requests cannot always be aborted + if ($.isFunction(this._request.abort)) { + this._request.abort(); + } + + this._request = null; + } + + var options = $.extend({ + type: 'GET' + }, this.ajaxOptions); + + if (typeof options.url === 'function') { + options.url = options.url.call(this.$element, params); + } + + if (typeof options.data === 'function') { + options.data = options.data.call(this.$element, params); + } + + function request () { + var $request = options.transport(options, function (data) { + var results = self.processResults(data, params); + + if (self.options.get('debug') && window.console && console.error) { + // Check to make sure that the response included a `results` key. + if (!results || !results.results || !$.isArray(results.results)) { + console.error( + 'Select2: The AJAX results did not return an array in the ' + + '`results` key of the response.' + ); + } + } + + callback(results); + self.container.focusOnActiveElement(); + }, function () { + // Attempt to detect if a request was aborted + // Only works if the transport exposes a status property + if ($request.status && $request.status === '0') { + return; + } + + self.trigger('results:message', { + message: 'errorLoading' + }); + }); + + self._request = $request; + } + + if (this.ajaxOptions.delay && params.term != null) { + if (this._queryTimeout) { + window.clearTimeout(this._queryTimeout); + } + + this._queryTimeout = window.setTimeout(request, this.ajaxOptions.delay); + } else { + request(); + } + }; + + return AjaxAdapter; + }); + + S2.define('select2/data/tags',[ + 'jquery' + ], function ($) { + function Tags (decorated, $element, options) { + var tags = options.get('tags'); + + var createTag = options.get('createTag'); + + if (createTag !== undefined) { + this.createTag = createTag; + } + + var insertTag = options.get('insertTag'); + + if (insertTag !== undefined) { + this.insertTag = insertTag; + } + + decorated.call(this, $element, options); + + if ($.isArray(tags)) { + for (var t = 0; t < tags.length; t++) { + var tag = tags[t]; + var item = this._normalizeItem(tag); + + var $option = this.option(item); + + this.$element.append($option); + } + } + } + + Tags.prototype.query = function (decorated, params, callback) { + var self = this; + + this._removeOldTags(); + + if (params.term == null || params.page != null) { + decorated.call(this, params, callback); + return; + } + + function wrapper (obj, child) { + var data = obj.results; + + for (var i = 0; i < data.length; i++) { + var option = data[i]; + + var checkChildren = ( + option.children != null && + !wrapper({ + results: option.children + }, true) + ); + + var optionText = (option.text || '').toUpperCase(); + var paramsTerm = (params.term || '').toUpperCase(); + + var checkText = optionText === paramsTerm; + + if (checkText || checkChildren) { + if (child) { + return false; + } + + obj.data = data; + callback(obj); + + return; + } + } + + if (child) { + return true; + } + + var tag = self.createTag(params); + + if (tag != null) { + var $option = self.option(tag); + $option.attr('data-select2-tag', true); + + self.addOptions([$option]); + + self.insertTag(data, tag); + } + + obj.results = data; + + callback(obj); + } + + decorated.call(this, params, wrapper); + }; + + Tags.prototype.createTag = function (decorated, params) { + var term = $.trim(params.term); + + if (term === '') { + return null; + } + + return { + id: term, + text: term + }; + }; + + Tags.prototype.insertTag = function (_, data, tag) { + data.unshift(tag); + }; + + Tags.prototype._removeOldTags = function (_) { + var tag = this._lastTag; + + var $options = this.$element.find('option[data-select2-tag]'); + + $options.each(function () { + if (this.selected) { + return; + } + + $(this).remove(); + }); + }; + + return Tags; + }); + + S2.define('select2/data/tokenizer',[ + 'jquery' + ], function ($) { + function Tokenizer (decorated, $element, options) { + var tokenizer = options.get('tokenizer'); + + if (tokenizer !== undefined) { + this.tokenizer = tokenizer; + } + + decorated.call(this, $element, options); + } + + Tokenizer.prototype.bind = function (decorated, container, $container) { + decorated.call(this, container, $container); + + this.$search = container.dropdown.$search || container.selection.$search || + $container.find('.select2-search__field'); + }; + + Tokenizer.prototype.query = function (decorated, params, callback) { + var self = this; + + function createAndSelect (data) { + // Normalize the data object so we can use it for checks + var item = self._normalizeItem(data); + + // Check if the data object already exists as a tag + // Select it if it doesn't + var $existingOptions = self.$element.find('option').filter(function () { + return $(this).val() === item.id; + }); + + // If an existing option wasn't found for it, create the option + if (!$existingOptions.length) { + var $option = self.option(item); + $option.attr('data-select2-tag', true); + + self._removeOldTags(); + self.addOptions([$option]); + } + + // Select the item, now that we know there is an option for it + select(item); + } + + function select (data) { + self.trigger('select', { + data: data + }); + } + + params.term = params.term || ''; + + var tokenData = this.tokenizer(params, this.options, createAndSelect); + + if (tokenData.term !== params.term) { + // Replace the search term if we have the search box + if (this.$search.length) { + this.$search.val(tokenData.term); + this.$search.focus(); + } + + params.term = tokenData.term; + } + + decorated.call(this, params, callback); + }; + + Tokenizer.prototype.tokenizer = function (_, params, options, callback) { + var separators = options.get('tokenSeparators') || []; + var term = params.term; + var i = 0; + + var createTag = this.createTag || function (params) { + return { + id: params.term, + text: params.term + }; + }; + + while (i < term.length) { + var termChar = term[i]; + + if ($.inArray(termChar, separators) === -1) { + i++; + + continue; + } + + var part = term.substr(0, i); + var partParams = $.extend({}, params, { + term: part + }); + + var data = createTag(partParams); + + if (data == null) { + i++; + continue; + } + + callback(data); + + // Reset the term to not include the tokenized portion + term = term.substr(i + 1) || ''; + i = 0; + } + + return { + term: term + }; + }; + + return Tokenizer; + }); + + S2.define('select2/data/minimumInputLength',[ + + ], function () { + function MinimumInputLength (decorated, $e, options) { + this.minimumInputLength = options.get('minimumInputLength'); + + decorated.call(this, $e, options); + } + + MinimumInputLength.prototype.query = function (decorated, params, callback) { + params.term = params.term || ''; + + if (params.term.length < this.minimumInputLength) { + this.trigger('results:message', { + message: 'inputTooShort', + args: { + minimum: this.minimumInputLength, + input: params.term, + params: params + } + }); + + return; + } + + decorated.call(this, params, callback); + }; + + return MinimumInputLength; + }); + + S2.define('select2/data/maximumInputLength',[ + + ], function () { + function MaximumInputLength (decorated, $e, options) { + this.maximumInputLength = options.get('maximumInputLength'); + + decorated.call(this, $e, options); + } + + MaximumInputLength.prototype.query = function (decorated, params, callback) { + params.term = params.term || ''; + + if (this.maximumInputLength > 0 && + params.term.length > this.maximumInputLength) { + this.trigger('results:message', { + message: 'inputTooLong', + args: { + maximum: this.maximumInputLength, + input: params.term, + params: params + } + }); + + return; + } + + decorated.call(this, params, callback); + }; + + return MaximumInputLength; + }); + + S2.define('select2/data/maximumSelectionLength',[ + + ], function (){ + function MaximumSelectionLength (decorated, $e, options) { + this.maximumSelectionLength = options.get('maximumSelectionLength'); + + decorated.call(this, $e, options); + } + + MaximumSelectionLength.prototype.query = + function (decorated, params, callback) { + var self = this; + + this.current(function (currentData) { + var count = currentData != null ? currentData.length : 0; + if (self.maximumSelectionLength > 0 && + count >= self.maximumSelectionLength) { + self.trigger('results:message', { + message: 'maximumSelected', + args: { + maximum: self.maximumSelectionLength + } + }); + return; + } + decorated.call(self, params, callback); + }); + }; + + return MaximumSelectionLength; + }); + + S2.define('select2/dropdown',[ + 'jquery', + './utils' + ], function ($, Utils) { + function Dropdown ($element, options) { + this.$element = $element; + this.options = options; + + Dropdown.__super__.constructor.call(this); + } + + Utils.Extend(Dropdown, Utils.Observable); + + Dropdown.prototype.render = function () { + var $dropdown = $( + '' + + '' + + '' + ); + + $dropdown.attr('dir', this.options.get('dir')); + + this.$dropdown = $dropdown; + + return $dropdown; + }; + + Dropdown.prototype.bind = function () { + // Should be implemented in subclasses + }; + + Dropdown.prototype.position = function ($dropdown, $container) { + // Should be implmented in subclasses + }; + + Dropdown.prototype.destroy = function () { + // Remove the dropdown from the DOM + this.$dropdown.remove(); + }; + + return Dropdown; + }); + + S2.define('select2/dropdown/search',[ + 'jquery', + '../utils' + ], function ($, Utils) { + function Search () { } + + Search.prototype.render = function (decorated) { + var $rendered = decorated.call(this); + + var $search = $( + '' + + '' + + '' + ); + + this.$searchContainer = $search; + this.$search = $search.find('input'); + + $rendered.prepend($search); + + return $rendered; + }; + + Search.prototype.bind = function (decorated, container, $container) { + var self = this; + var resultsId = container.id + '-results'; + + decorated.call(this, container, $container); + + this.$search.on('keydown', function (evt) { + self.trigger('keypress', evt); + + self._keyUpPrevented = evt.isDefaultPrevented(); + }); + + // Workaround for browsers which do not support the `input` event + // This will prevent double-triggering of events for browsers which support + // both the `keyup` and `input` events. + this.$search.on('input', function (evt) { + // Unbind the duplicated `keyup` event + $(this).off('keyup'); + }); + + this.$search.on('keyup input', function (evt) { + self.handleSearch(evt); + }); + + container.on('open', function () { + self.$search.attr('tabindex', 0); + self.$search.attr('aria-owns', resultsId); + self.$search.focus(); + + window.setTimeout(function () { + self.$search.focus(); + }, 0); + }); + + container.on('close', function () { + self.$search.attr('tabindex', -1); + self.$search.removeAttr('aria-activedescendant'); + self.$search.removeAttr('aria-owns'); + self.$search.val(''); + }); + + container.on('focus', function () { + if (!container.isOpen()) { + self.$search.focus(); + } + }); + + container.on('results:all', function (params) { + if (params.query.term == null || params.query.term === '') { + var showSearch = self.showSearch(params); + + if (showSearch) { + self.$searchContainer.removeClass('select2-search--hide'); + } else { + self.$searchContainer.addClass('select2-search--hide'); + } + } + }); + + container.on('results:focus', function (params) { + self.$search.attr('aria-activedescendant', params.data._resultId); + }); + }; + + Search.prototype.handleSearch = function (evt) { + if (!this._keyUpPrevented) { + var input = this.$search.val(); + + this.trigger('query', { + term: input + }); + } + + this._keyUpPrevented = false; + }; + + Search.prototype.showSearch = function (_, params) { + return true; + }; + + return Search; + }); + + S2.define('select2/dropdown/hidePlaceholder',[ + + ], function () { + function HidePlaceholder (decorated, $element, options, dataAdapter) { + this.placeholder = this.normalizePlaceholder(options.get('placeholder')); + + decorated.call(this, $element, options, dataAdapter); + } + + HidePlaceholder.prototype.append = function (decorated, data) { + data.results = this.removePlaceholder(data.results); + + decorated.call(this, data); + }; + + HidePlaceholder.prototype.normalizePlaceholder = function (_, placeholder) { + if (typeof placeholder === 'string') { + placeholder = { + id: '', + text: placeholder + }; + } + + return placeholder; + }; + + HidePlaceholder.prototype.removePlaceholder = function (_, data) { + var modifiedData = data.slice(0); + + for (var d = data.length - 1; d >= 0; d--) { + var item = data[d]; + + if (this.placeholder.id === item.id) { + modifiedData.splice(d, 1); + } + } + + return modifiedData; + }; + + return HidePlaceholder; + }); + + S2.define('select2/dropdown/infiniteScroll',[ + 'jquery' + ], function ($) { + function InfiniteScroll (decorated, $element, options, dataAdapter) { + this.lastParams = {}; + + decorated.call(this, $element, options, dataAdapter); + + this.$loadingMore = this.createLoadingMore(); + this.loading = false; + } + + InfiniteScroll.prototype.append = function (decorated, data) { + this.$loadingMore.remove(); + this.loading = false; + + decorated.call(this, data); + + if (this.showLoadingMore(data)) { + this.$results.append(this.$loadingMore); + } + }; + + InfiniteScroll.prototype.bind = function (decorated, container, $container) { + var self = this; + + decorated.call(this, container, $container); + + container.on('query', function (params) { + self.lastParams = params; + self.loading = true; + }); + + container.on('query:append', function (params) { + self.lastParams = params; + self.loading = true; + }); + + this.$results.on('scroll', function () { + var isLoadMoreVisible = $.contains( + document.documentElement, + self.$loadingMore[0] + ); + + if (self.loading || !isLoadMoreVisible) { + return; + } + + var currentOffset = self.$results.offset().top + + self.$results.outerHeight(false); + var loadingMoreOffset = self.$loadingMore.offset().top + + self.$loadingMore.outerHeight(false); + + if (currentOffset + 50 >= loadingMoreOffset) { + self.loadMore(); + } + }); + }; + + InfiniteScroll.prototype.loadMore = function () { + this.loading = true; + + var params = $.extend({}, {page: 1}, this.lastParams); + + params.page++; + + this.trigger('query:append', params); + }; + + InfiniteScroll.prototype.showLoadingMore = function (_, data) { + return data.pagination && data.pagination.more; + }; + + InfiniteScroll.prototype.createLoadingMore = function () { + var $option = $( + '
  • ' + ); + + var message = this.options.get('translations').get('loadingMore'); + + $option.html(message(this.lastParams)); + + return $option; + }; + + return InfiniteScroll; + }); + + S2.define('select2/dropdown/attachBody',[ + 'jquery', + '../utils' + ], function ($, Utils) { + function AttachBody (decorated, $element, options) { + this.$dropdownParent = options.get('dropdownParent') || $(document.body); + + decorated.call(this, $element, options); + } + + AttachBody.prototype.bind = function (decorated, container, $container) { + var self = this; + + var setupResultsEvents = false; + + decorated.call(this, container, $container); + + container.on('open', function () { + self._showDropdown(); + self._attachPositioningHandler(container); + + if (!setupResultsEvents) { + setupResultsEvents = true; + + container.on('results:all', function () { + self._positionDropdown(); + self._resizeDropdown(); + }); + + container.on('results:append', function () { + self._positionDropdown(); + self._resizeDropdown(); + }); + } + }); + + container.on('close', function () { + self._hideDropdown(); + self._detachPositioningHandler(container); + }); + + this.$dropdownContainer.on('mousedown', function (evt) { + evt.stopPropagation(); + }); + }; + + AttachBody.prototype.destroy = function (decorated) { + decorated.call(this); + + this.$dropdownContainer.remove(); + }; + + AttachBody.prototype.position = function (decorated, $dropdown, $container) { + // Clone all of the container classes + $dropdown.attr('class', $container.attr('class')); + + $dropdown.removeClass('select2'); + $dropdown.addClass('select2-container--open'); + + $dropdown.css({ + position: 'absolute', + top: -999999 + }); + + this.$container = $container; + }; + + AttachBody.prototype.render = function (decorated) { + var $container = $(''); + + var $dropdown = decorated.call(this); + $container.append($dropdown); + + this.$dropdownContainer = $container; + + return $container; + }; + + AttachBody.prototype._hideDropdown = function (decorated) { + this.$dropdownContainer.detach(); + }; + + AttachBody.prototype._attachPositioningHandler = + function (decorated, container) { + var self = this; + + var scrollEvent = 'scroll.select2.' + container.id; + var resizeEvent = 'resize.select2.' + container.id; + var orientationEvent = 'orientationchange.select2.' + container.id; + + var $watchers = this.$container.parents().filter(Utils.hasScroll); + $watchers.each(function () { + $(this).data('select2-scroll-position', { + x: $(this).scrollLeft(), + y: $(this).scrollTop() + }); + }); + + $watchers.on(scrollEvent, function (ev) { + var position = $(this).data('select2-scroll-position'); + $(this).scrollTop(position.y); + }); + + $(window).on(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent, + function (e) { + self._positionDropdown(); + self._resizeDropdown(); + }); + }; + + AttachBody.prototype._detachPositioningHandler = + function (decorated, container) { + var scrollEvent = 'scroll.select2.' + container.id; + var resizeEvent = 'resize.select2.' + container.id; + var orientationEvent = 'orientationchange.select2.' + container.id; + + var $watchers = this.$container.parents().filter(Utils.hasScroll); + $watchers.off(scrollEvent); + + $(window).off(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent); + }; + + AttachBody.prototype._positionDropdown = function () { + var $window = $(window); + + var isCurrentlyAbove = this.$dropdown.hasClass('select2-dropdown--above'); + var isCurrentlyBelow = this.$dropdown.hasClass('select2-dropdown--below'); + + var newDirection = null; + + var offset = this.$container.offset(); + + offset.bottom = offset.top + this.$container.outerHeight(false); + + var container = { + height: this.$container.outerHeight(false) + }; + + container.top = offset.top; + container.bottom = offset.top + container.height; + + var dropdown = { + height: this.$dropdown.outerHeight(false) + }; + + var viewport = { + top: $window.scrollTop(), + bottom: $window.scrollTop() + $window.height() + }; + + var enoughRoomAbove = viewport.top < (offset.top - dropdown.height); + var enoughRoomBelow = viewport.bottom > (offset.bottom + dropdown.height); + + var css = { + left: offset.left, + top: container.bottom + }; + + // Determine what the parent element is to use for calciulating the offset + var $offsetParent = this.$dropdownParent; + + // For statically positoned elements, we need to get the element + // that is determining the offset + if ($offsetParent.css('position') === 'static') { + $offsetParent = $offsetParent.offsetParent(); + } + + var parentOffset = $offsetParent.offset(); + + css.left -= parentOffset.left; + + if (!isCurrentlyAbove && !isCurrentlyBelow) { + newDirection = 'below'; + } + + if (!enoughRoomBelow && enoughRoomAbove && !isCurrentlyAbove) { + newDirection = 'above'; + } else if (!enoughRoomAbove && enoughRoomBelow && isCurrentlyAbove) { + newDirection = 'below'; + } + + if (newDirection == 'above' || + (isCurrentlyAbove && newDirection !== 'below')) { + css.top = container.top - dropdown.height; + } + + if (newDirection != null) { + this.$dropdown + .removeClass('select2-dropdown--below select2-dropdown--above') + .addClass('select2-dropdown--' + newDirection); + this.$container + .removeClass('select2-container--below select2-container--above') + .addClass('select2-container--' + newDirection); + } + + this.$dropdownContainer.css(css); + }; + + AttachBody.prototype._resizeDropdown = function () { + var css = { + width: this.$container.outerWidth(false) + 'px' + }; + + if (this.options.get('dropdownAutoWidth')) { + css.minWidth = css.width; + css.position = 'relative'; + css.width = 'auto'; + } + + this.$dropdown.css(css); + }; + + AttachBody.prototype._showDropdown = function (decorated) { + this.$dropdownContainer.appendTo(this.$dropdownParent); + + this._positionDropdown(); + this._resizeDropdown(); + }; + + return AttachBody; + }); + + S2.define('select2/dropdown/minimumResultsForSearch',[ + + ], function () { + function countResults (data) { + var count = 0; + + for (var d = 0; d < data.length; d++) { + var item = data[d]; + + if (item.children) { + count += countResults(item.children); + } else { + count++; + } + } + + return count; + } + + function MinimumResultsForSearch (decorated, $element, options, dataAdapter) { + this.minimumResultsForSearch = options.get('minimumResultsForSearch'); + + if (this.minimumResultsForSearch < 0) { + this.minimumResultsForSearch = Infinity; + } + + decorated.call(this, $element, options, dataAdapter); + } + + MinimumResultsForSearch.prototype.showSearch = function (decorated, params) { + if (countResults(params.data.results) < this.minimumResultsForSearch) { + return false; + } + + return decorated.call(this, params); + }; + + return MinimumResultsForSearch; + }); + + S2.define('select2/dropdown/selectOnClose',[ + + ], function () { + function SelectOnClose () { } + + SelectOnClose.prototype.bind = function (decorated, container, $container) { + var self = this; + + decorated.call(this, container, $container); + + container.on('close', function (params) { + self._handleSelectOnClose(params); + }); + }; + + SelectOnClose.prototype._handleSelectOnClose = function (_, params) { + if (params && params.originalSelect2Event != null) { + var event = params.originalSelect2Event; + + // Don't select an item if the close event was triggered from a select or + // unselect event + if (event._type === 'select' || event._type === 'unselect') { + return; + } + } + + var $highlightedResults = this.getHighlightedResults(); + + // Only select highlighted results + if ($highlightedResults.length < 1) { + return; + } + + var data = $highlightedResults.data('data'); + + // Don't re-select already selected resulte + if ( + (data.element != null && data.element.selected) || + (data.element == null && data.selected) + ) { + return; + } + + this.trigger('select', { + data: data + }); + }; + + return SelectOnClose; + }); + + S2.define('select2/dropdown/closeOnSelect',[ + + ], function () { + function CloseOnSelect () { } + + CloseOnSelect.prototype.bind = function (decorated, container, $container) { + var self = this; + + decorated.call(this, container, $container); + + container.on('select', function (evt) { + self._selectTriggered(evt); + }); + + container.on('unselect', function (evt) { + self._selectTriggered(evt); + }); + }; + + CloseOnSelect.prototype._selectTriggered = function (_, evt) { + var originalEvent = evt.originalEvent; + + // Don't close if the control key is being held + if (originalEvent && originalEvent.ctrlKey) { + return; + } + + this.trigger('close', { + originalEvent: originalEvent, + originalSelect2Event: evt + }); + }; + + return CloseOnSelect; + }); + + S2.define('select2/i18n/en',[],function () { + // English + return { + errorLoading: function () { + return 'The results could not be loaded.'; + }, + inputTooLong: function (args) { + var overChars = args.input.length - args.maximum; + + var message = 'Please delete ' + overChars + ' character'; + + if (overChars != 1) { + message += 's'; + } + + return message; + }, + inputTooShort: function (args) { + var remainingChars = args.minimum - args.input.length; + + var message = 'Please enter ' + remainingChars + ' or more characters'; + + return message; + }, + loadingMore: function () { + return 'Loading more results…'; + }, + maximumSelected: function (args) { + var message = 'You can only select ' + args.maximum + ' item'; + + if (args.maximum != 1) { + message += 's'; + } + + return message; + }, + noResults: function () { + return 'No results found'; + }, + searching: function () { + return 'Searching…'; + } + }; + }); + + S2.define('select2/defaults',[ + 'jquery', + 'require', + + './results', + + './selection/single', + './selection/multiple', + './selection/placeholder', + './selection/allowClear', + './selection/search', + './selection/eventRelay', + + './utils', + './translation', + './diacritics', + + './data/select', + './data/array', + './data/ajax', + './data/tags', + './data/tokenizer', + './data/minimumInputLength', + './data/maximumInputLength', + './data/maximumSelectionLength', + + './dropdown', + './dropdown/search', + './dropdown/hidePlaceholder', + './dropdown/infiniteScroll', + './dropdown/attachBody', + './dropdown/minimumResultsForSearch', + './dropdown/selectOnClose', + './dropdown/closeOnSelect', + + './i18n/en' + ], function ($, require, + + ResultsList, + + SingleSelection, MultipleSelection, Placeholder, AllowClear, + SelectionSearch, EventRelay, + + Utils, Translation, DIACRITICS, + + SelectData, ArrayData, AjaxData, Tags, Tokenizer, + MinimumInputLength, MaximumInputLength, MaximumSelectionLength, + + Dropdown, DropdownSearch, HidePlaceholder, InfiniteScroll, + AttachBody, MinimumResultsForSearch, SelectOnClose, CloseOnSelect, + + EnglishTranslation) { + function Defaults () { + this.reset(); + } + + Defaults.prototype.apply = function (options) { + options = $.extend(true, {}, this.defaults, options); + + if (options.dataAdapter == null) { + if (options.ajax != null) { + options.dataAdapter = AjaxData; + } else if (options.data != null) { + options.dataAdapter = ArrayData; + } else { + options.dataAdapter = SelectData; + } + + if (options.minimumInputLength > 0) { + options.dataAdapter = Utils.Decorate( + options.dataAdapter, + MinimumInputLength + ); + } + + if (options.maximumInputLength > 0) { + options.dataAdapter = Utils.Decorate( + options.dataAdapter, + MaximumInputLength + ); + } + + if (options.maximumSelectionLength > 0) { + options.dataAdapter = Utils.Decorate( + options.dataAdapter, + MaximumSelectionLength + ); + } + + if (options.tags) { + options.dataAdapter = Utils.Decorate(options.dataAdapter, Tags); + } + + if (options.tokenSeparators != null || options.tokenizer != null) { + options.dataAdapter = Utils.Decorate( + options.dataAdapter, + Tokenizer + ); + } + + if (options.query != null) { + var Query = require(options.amdBase + 'compat/query'); + + options.dataAdapter = Utils.Decorate( + options.dataAdapter, + Query + ); + } + + if (options.initSelection != null) { + var InitSelection = require(options.amdBase + 'compat/initSelection'); + + options.dataAdapter = Utils.Decorate( + options.dataAdapter, + InitSelection + ); + } + } + + if (options.resultsAdapter == null) { + options.resultsAdapter = ResultsList; + + if (options.ajax != null) { + options.resultsAdapter = Utils.Decorate( + options.resultsAdapter, + InfiniteScroll + ); + } + + if (options.placeholder != null) { + options.resultsAdapter = Utils.Decorate( + options.resultsAdapter, + HidePlaceholder + ); + } + + if (options.selectOnClose) { + options.resultsAdapter = Utils.Decorate( + options.resultsAdapter, + SelectOnClose + ); + } + } + + if (options.dropdownAdapter == null) { + if (options.multiple) { + options.dropdownAdapter = Dropdown; + } else { + var SearchableDropdown = Utils.Decorate(Dropdown, DropdownSearch); + + options.dropdownAdapter = SearchableDropdown; + } + + if (options.minimumResultsForSearch !== 0) { + options.dropdownAdapter = Utils.Decorate( + options.dropdownAdapter, + MinimumResultsForSearch + ); + } + + if (options.closeOnSelect) { + options.dropdownAdapter = Utils.Decorate( + options.dropdownAdapter, + CloseOnSelect + ); + } + + if ( + options.dropdownCssClass != null || + options.dropdownCss != null || + options.adaptDropdownCssClass != null + ) { + var DropdownCSS = require(options.amdBase + 'compat/dropdownCss'); + + options.dropdownAdapter = Utils.Decorate( + options.dropdownAdapter, + DropdownCSS + ); + } + + options.dropdownAdapter = Utils.Decorate( + options.dropdownAdapter, + AttachBody + ); + } + + if (options.selectionAdapter == null) { + if (options.multiple) { + options.selectionAdapter = MultipleSelection; + } else { + options.selectionAdapter = SingleSelection; + } + + // Add the placeholder mixin if a placeholder was specified + if (options.placeholder != null) { + options.selectionAdapter = Utils.Decorate( + options.selectionAdapter, + Placeholder + ); + } + + if (options.allowClear) { + options.selectionAdapter = Utils.Decorate( + options.selectionAdapter, + AllowClear + ); + } + + if (options.multiple) { + options.selectionAdapter = Utils.Decorate( + options.selectionAdapter, + SelectionSearch + ); + } + + if ( + options.containerCssClass != null || + options.containerCss != null || + options.adaptContainerCssClass != null + ) { + var ContainerCSS = require(options.amdBase + 'compat/containerCss'); + + options.selectionAdapter = Utils.Decorate( + options.selectionAdapter, + ContainerCSS + ); + } + + options.selectionAdapter = Utils.Decorate( + options.selectionAdapter, + EventRelay + ); + } + + if (typeof options.language === 'string') { + // Check if the language is specified with a region + if (options.language.indexOf('-') > 0) { + // Extract the region information if it is included + var languageParts = options.language.split('-'); + var baseLanguage = languageParts[0]; + + options.language = [options.language, baseLanguage]; + } else { + options.language = [options.language]; + } + } + + if ($.isArray(options.language)) { + var languages = new Translation(); + options.language.push('en'); + + var languageNames = options.language; + + for (var l = 0; l < languageNames.length; l++) { + var name = languageNames[l]; + var language = {}; + + try { + // Try to load it with the original name + language = Translation.loadPath(name); + } catch (e) { + try { + // If we couldn't load it, check if it wasn't the full path + name = this.defaults.amdLanguageBase + name; + language = Translation.loadPath(name); + } catch (ex) { + // The translation could not be loaded at all. Sometimes this is + // because of a configuration problem, other times this can be + // because of how Select2 helps load all possible translation files. + if (options.debug && window.console && console.warn) { + console.warn( + 'Select2: The language file for "' + name + '" could not be ' + + 'automatically loaded. A fallback will be used instead.' + ); + } + + continue; + } + } + + languages.extend(language); + } + + options.translations = languages; + } else { + var baseTranslation = Translation.loadPath( + this.defaults.amdLanguageBase + 'en' + ); + var customTranslation = new Translation(options.language); + + customTranslation.extend(baseTranslation); + + options.translations = customTranslation; + } + + return options; + }; + + Defaults.prototype.reset = function () { + function stripDiacritics (text) { + // Used 'uni range + named function' from http://jsperf.com/diacritics/18 + function match(a) { + return DIACRITICS[a] || a; + } + + return text.replace(/[^\u0000-\u007E]/g, match); + } + + function matcher (params, data) { + // Always return the object if there is nothing to compare + if ($.trim(params.term) === '') { + return data; + } + + // Do a recursive check for options with children + if (data.children && data.children.length > 0) { + // Clone the data object if there are children + // This is required as we modify the object to remove any non-matches + var match = $.extend(true, {}, data); + + // Check each child of the option + for (var c = data.children.length - 1; c >= 0; c--) { + var child = data.children[c]; + + var matches = matcher(params, child); + + // If there wasn't a match, remove the object in the array + if (matches == null) { + match.children.splice(c, 1); + } + } + + // If any children matched, return the new object + if (match.children.length > 0) { + return match; + } + + // If there were no matching children, check just the plain object + return matcher(params, match); + } + + var original = stripDiacritics(data.text).toUpperCase(); + var term = stripDiacritics(params.term).toUpperCase(); + + // Check if the text contains the term + if (original.indexOf(term) > -1) { + return data; + } + + // If it doesn't contain the term, don't return anything + return null; + } + + this.defaults = { + amdBase: './', + amdLanguageBase: './i18n/', + closeOnSelect: true, + debug: false, + dropdownAutoWidth: false, + escapeMarkup: Utils.escapeMarkup, + language: EnglishTranslation, + matcher: matcher, + minimumInputLength: 0, + maximumInputLength: 0, + maximumSelectionLength: 0, + minimumResultsForSearch: 0, + selectOnClose: false, + sorter: function (data) { + return data; + }, + templateResult: function (result) { + return result.text; + }, + templateSelection: function (selection) { + return selection.text; + }, + theme: 'default', + width: 'resolve' + }; + }; + + Defaults.prototype.set = function (key, value) { + var camelKey = $.camelCase(key); + + var data = {}; + data[camelKey] = value; + + var convertedData = Utils._convertData(data); + + $.extend(this.defaults, convertedData); + }; + + var defaults = new Defaults(); + + return defaults; + }); + + S2.define('select2/options',[ + 'require', + 'jquery', + './defaults', + './utils' + ], function (require, $, Defaults, Utils) { + function Options (options, $element) { + this.options = options; + + if ($element != null) { + this.fromElement($element); + } + + this.options = Defaults.apply(this.options); + + if ($element && $element.is('input')) { + var InputCompat = require(this.get('amdBase') + 'compat/inputData'); + + this.options.dataAdapter = Utils.Decorate( + this.options.dataAdapter, + InputCompat + ); + } + } + + Options.prototype.fromElement = function ($e) { + var excludedData = ['select2']; + + if (this.options.multiple == null) { + this.options.multiple = $e.prop('multiple'); + } + + if (this.options.disabled == null) { + this.options.disabled = $e.prop('disabled'); + } + + if (this.options.language == null) { + if ($e.prop('lang')) { + this.options.language = $e.prop('lang').toLowerCase(); + } else if ($e.closest('[lang]').prop('lang')) { + this.options.language = $e.closest('[lang]').prop('lang'); + } + } + + if (this.options.dir == null) { + if ($e.prop('dir')) { + this.options.dir = $e.prop('dir'); + } else if ($e.closest('[dir]').prop('dir')) { + this.options.dir = $e.closest('[dir]').prop('dir'); + } else { + this.options.dir = 'ltr'; + } + } + + $e.prop('disabled', this.options.disabled); + $e.prop('multiple', this.options.multiple); + + if ($e.data('select2Tags')) { + if (this.options.debug && window.console && console.warn) { + console.warn( + 'Select2: The `data-select2-tags` attribute has been changed to ' + + 'use the `data-data` and `data-tags="true"` attributes and will be ' + + 'removed in future versions of Select2.' + ); + } + + $e.data('data', $e.data('select2Tags')); + $e.data('tags', true); + } + + if ($e.data('ajaxUrl')) { + if (this.options.debug && window.console && console.warn) { + console.warn( + 'Select2: The `data-ajax-url` attribute has been changed to ' + + '`data-ajax--url` and support for the old attribute will be removed' + + ' in future versions of Select2.' + ); + } + + $e.attr('ajax--url', $e.data('ajaxUrl')); + $e.data('ajax--url', $e.data('ajaxUrl')); + } + + var dataset = {}; + + // Prefer the element's `dataset` attribute if it exists + // jQuery 1.x does not correctly handle data attributes with multiple dashes + if ($.fn.jquery && $.fn.jquery.substr(0, 2) == '1.' && $e[0].dataset) { + dataset = $.extend(true, {}, $e[0].dataset, $e.data()); + } else { + dataset = $e.data(); + } + + var data = $.extend(true, {}, dataset); + + data = Utils._convertData(data); + + for (var key in data) { + if ($.inArray(key, excludedData) > -1) { + continue; + } + + if ($.isPlainObject(this.options[key])) { + $.extend(this.options[key], data[key]); + } else { + this.options[key] = data[key]; + } + } + + return this; + }; + + Options.prototype.get = function (key) { + return this.options[key]; + }; + + Options.prototype.set = function (key, val) { + this.options[key] = val; + }; + + return Options; + }); + + S2.define('select2/core',[ + 'jquery', + './options', + './utils', + './keys' + ], function ($, Options, Utils, KEYS) { + var Select2 = function ($element, options) { + if ($element.data('select2') != null) { + $element.data('select2').destroy(); + } + + this.$element = $element; + + this.id = this._generateId($element); + + options = options || {}; + + this.options = new Options(options, $element); + + Select2.__super__.constructor.call(this); + + // Set up the tabindex + + var tabindex = $element.attr('tabindex') || 0; + $element.data('old-tabindex', tabindex); + $element.attr('tabindex', '-1'); + + // Set up containers and adapters + + var DataAdapter = this.options.get('dataAdapter'); + this.dataAdapter = new DataAdapter($element, this.options); + + var $container = this.render(); + + this._placeContainer($container); + + var SelectionAdapter = this.options.get('selectionAdapter'); + this.selection = new SelectionAdapter($element, this.options); + this.$selection = this.selection.render(); + + this.selection.position(this.$selection, $container); + + var DropdownAdapter = this.options.get('dropdownAdapter'); + this.dropdown = new DropdownAdapter($element, this.options); + this.$dropdown = this.dropdown.render(); + + this.dropdown.position(this.$dropdown, $container); + + var ResultsAdapter = this.options.get('resultsAdapter'); + this.results = new ResultsAdapter($element, this.options, this.dataAdapter); + this.$results = this.results.render(); + + this.results.position(this.$results, this.$dropdown); + + // Bind events + + var self = this; + + // Bind the container to all of the adapters + this._bindAdapters(); + + // Register any DOM event handlers + this._registerDomEvents(); + + // Register any internal event handlers + this._registerDataEvents(); + this._registerSelectionEvents(); + this._registerDropdownEvents(); + this._registerResultsEvents(); + this._registerEvents(); + + // Set the initial state + this.dataAdapter.current(function (initialData) { + self.trigger('selection:update', { + data: initialData + }); + }); + + // Hide the original select + $element.addClass('select2-hidden-accessible'); + $element.attr('aria-hidden', 'true'); + + // Synchronize any monitored attributes + this._syncAttributes(); + + $element.data('select2', this); + }; + + Utils.Extend(Select2, Utils.Observable); + + Select2.prototype._generateId = function ($element) { + var id = ''; + + if ($element.attr('id') != null) { + id = $element.attr('id'); + } else if ($element.attr('name') != null) { + id = $element.attr('name') + '-' + Utils.generateChars(2); + } else { + id = Utils.generateChars(4); + } + + id = id.replace(/(:|\.|\[|\]|,)/g, ''); + id = 'select2-' + id; + + return id; + }; + + Select2.prototype._placeContainer = function ($container) { + $container.insertAfter(this.$element); + + var width = this._resolveWidth(this.$element, this.options.get('width')); + + if (width != null) { + $container.css('width', width); + } + }; + + Select2.prototype._resolveWidth = function ($element, method) { + var WIDTH = /^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i; + + if (method == 'resolve') { + var styleWidth = this._resolveWidth($element, 'style'); + + if (styleWidth != null) { + return styleWidth; + } + + return this._resolveWidth($element, 'element'); + } + + if (method == 'element') { + var elementWidth = $element.outerWidth(false); + + if (elementWidth <= 0) { + return 'auto'; + } + + return elementWidth + 'px'; + } + + if (method == 'style') { + var style = $element.attr('style'); + + if (typeof(style) !== 'string') { + return null; + } + + var attrs = style.split(';'); + + for (var i = 0, l = attrs.length; i < l; i = i + 1) { + var attr = attrs[i].replace(/\s/g, ''); + var matches = attr.match(WIDTH); + + if (matches !== null && matches.length >= 1) { + return matches[1]; + } + } + + return null; + } + + return method; + }; + + Select2.prototype._bindAdapters = function () { + this.dataAdapter.bind(this, this.$container); + this.selection.bind(this, this.$container); + + this.dropdown.bind(this, this.$container); + this.results.bind(this, this.$container); + }; + + Select2.prototype._registerDomEvents = function () { + var self = this; + + this.$element.on('change.select2', function () { + self.dataAdapter.current(function (data) { + self.trigger('selection:update', { + data: data + }); + }); + }); + + this.$element.on('focus.select2', function (evt) { + self.trigger('focus', evt); + }); + + this._syncA = Utils.bind(this._syncAttributes, this); + this._syncS = Utils.bind(this._syncSubtree, this); + + if (this.$element[0].attachEvent) { + this.$element[0].attachEvent('onpropertychange', this._syncA); + } + + var observer = window.MutationObserver || + window.WebKitMutationObserver || + window.MozMutationObserver + ; + + if (observer != null) { + this._observer = new observer(function (mutations) { + $.each(mutations, self._syncA); + $.each(mutations, self._syncS); + }); + this._observer.observe(this.$element[0], { + attributes: true, + childList: true, + subtree: false + }); + } else if (this.$element[0].addEventListener) { + this.$element[0].addEventListener( + 'DOMAttrModified', + self._syncA, + false + ); + this.$element[0].addEventListener( + 'DOMNodeInserted', + self._syncS, + false + ); + this.$element[0].addEventListener( + 'DOMNodeRemoved', + self._syncS, + false + ); + } + }; + + Select2.prototype._registerDataEvents = function () { + var self = this; + + this.dataAdapter.on('*', function (name, params) { + self.trigger(name, params); + }); + }; + + Select2.prototype._registerSelectionEvents = function () { + var self = this; + var nonRelayEvents = ['toggle', 'focus']; + + this.selection.on('toggle', function () { + self.toggleDropdown(); + }); + + this.selection.on('focus', function (params) { + self.focus(params); + }); + + this.selection.on('*', function (name, params) { + if ($.inArray(name, nonRelayEvents) !== -1) { + return; + } + + self.trigger(name, params); + }); + }; + + Select2.prototype._registerDropdownEvents = function () { + var self = this; + + this.dropdown.on('*', function (name, params) { + self.trigger(name, params); + }); + }; + + Select2.prototype._registerResultsEvents = function () { + var self = this; + + this.results.on('*', function (name, params) { + self.trigger(name, params); + }); + }; + + Select2.prototype._registerEvents = function () { + var self = this; + + this.on('open', function () { + self.$container.addClass('select2-container--open'); + }); + + this.on('close', function () { + self.$container.removeClass('select2-container--open'); + }); + + this.on('enable', function () { + self.$container.removeClass('select2-container--disabled'); + }); + + this.on('disable', function () { + self.$container.addClass('select2-container--disabled'); + }); + + this.on('blur', function () { + self.$container.removeClass('select2-container--focus'); + }); + + this.on('query', function (params) { + if (!self.isOpen()) { + self.trigger('open', {}); + } + + this.dataAdapter.query(params, function (data) { + self.trigger('results:all', { + data: data, + query: params + }); + }); + }); + + this.on('query:append', function (params) { + this.dataAdapter.query(params, function (data) { + self.trigger('results:append', { + data: data, + query: params + }); + }); + }); + + this.on('open', function(){ + // Focus on the active element when opening dropdown. + // Needs 1 ms delay because of other 1 ms setTimeouts when rendering. + setTimeout(function(){ + self.focusOnActiveElement(); + }, 1); + }); + + $(document).on('keydown', function (evt) { + var key = evt.which; + if (self.isOpen()) { + if (key === KEYS.ESC || (key === KEYS.UP && evt.altKey)) { + self.close(); + + evt.preventDefault(); + } else if (key === KEYS.ENTER || key === KEYS.TAB) { + self.trigger('results:select', {}); + + evt.preventDefault(); + } else if ((key === KEYS.SPACE && evt.ctrlKey)) { + self.trigger('results:toggle', {}); + + evt.preventDefault(); + } else if (key === KEYS.UP) { + self.trigger('results:previous', {}); + + evt.preventDefault(); + } else if (key === KEYS.DOWN) { + self.trigger('results:next', {}); + + evt.preventDefault(); + } + + var $searchField = self.$dropdown.find('.select2-search__field'); + if (! $searchField.length) { + $searchField = self.$container.find('.select2-search__field'); + } + + // Move the focus to the selected element on keyboard navigation. + // Required for screen readers to work properly. + if (key === KEYS.DOWN || key === KEYS.UP) { + self.focusOnActiveElement(); + } else { + // Focus on the search if user starts typing. + $searchField.focus(); + // Focus back to active selection when finished typing. + // Small delay so typed character can be read by screen reader. + setTimeout(function(){ + self.focusOnActiveElement(); + }, 1000); + } + } else if (self.hasFocus()) { + if (key === KEYS.ENTER || key === KEYS.SPACE || + key === KEYS.DOWN) { + self.open(); + evt.preventDefault(); + } + } + }); + }; + + Select2.prototype.focusOnActiveElement = function () { + // Don't mess with the focus on touchscreens because it causes havoc with on-screen keyboards. + if (this.isOpen() && ! Utils.isTouchscreen()) { + this.$results.find('li.select2-results__option--highlighted').focus(); + } + }; + + Select2.prototype._syncAttributes = function () { + this.options.set('disabled', this.$element.prop('disabled')); + + if (this.options.get('disabled')) { + if (this.isOpen()) { + this.close(); + } + + this.trigger('disable', {}); + } else { + this.trigger('enable', {}); + } + }; + + Select2.prototype._syncSubtree = function (evt, mutations) { + var changed = false; + var self = this; + + // Ignore any mutation events raised for elements that aren't options or + // optgroups. This handles the case when the select element is destroyed + if ( + evt && evt.target && ( + evt.target.nodeName !== 'OPTION' && evt.target.nodeName !== 'OPTGROUP' + ) + ) { + return; + } + + if (!mutations) { + // If mutation events aren't supported, then we can only assume that the + // change affected the selections + changed = true; + } else if (mutations.addedNodes && mutations.addedNodes.length > 0) { + for (var n = 0; n < mutations.addedNodes.length; n++) { + var node = mutations.addedNodes[n]; + + if (node.selected) { + changed = true; + } + } + } else if (mutations.removedNodes && mutations.removedNodes.length > 0) { + changed = true; + } + + // Only re-pull the data if we think there is a change + if (changed) { + this.dataAdapter.current(function (currentData) { + self.trigger('selection:update', { + data: currentData + }); + }); + } + }; + + /** + * Override the trigger method to automatically trigger pre-events when + * there are events that can be prevented. + */ + Select2.prototype.trigger = function (name, args) { + var actualTrigger = Select2.__super__.trigger; + var preTriggerMap = { + 'open': 'opening', + 'close': 'closing', + 'select': 'selecting', + 'unselect': 'unselecting' + }; + + if (args === undefined) { + args = {}; + } + + if (name in preTriggerMap) { + var preTriggerName = preTriggerMap[name]; + var preTriggerArgs = { + prevented: false, + name: name, + args: args + }; + + actualTrigger.call(this, preTriggerName, preTriggerArgs); + + if (preTriggerArgs.prevented) { + args.prevented = true; + + return; + } + } + + actualTrigger.call(this, name, args); + }; + + Select2.prototype.toggleDropdown = function () { + if (this.options.get('disabled')) { + return; + } + + if (this.isOpen()) { + this.close(); + } else { + this.open(); + } + }; + + Select2.prototype.open = function () { + if (this.isOpen()) { + return; + } + + this.trigger('query', {}); + }; + + Select2.prototype.close = function () { + if (!this.isOpen()) { + return; + } + + this.trigger('close', {}); + }; + + Select2.prototype.isOpen = function () { + return this.$container.hasClass('select2-container--open'); + }; + + Select2.prototype.hasFocus = function () { + return this.$container.hasClass('select2-container--focus'); + }; + + Select2.prototype.focus = function (data) { + // No need to re-trigger focus events if we are already focused + if (this.hasFocus()) { + return; + } + + this.$container.addClass('select2-container--focus'); + this.trigger('focus', {}); + }; + + Select2.prototype.enable = function (args) { + if (this.options.get('debug') && window.console && console.warn) { + console.warn( + 'Select2: The `select2("enable")` method has been deprecated and will' + + ' be removed in later Select2 versions. Use $element.prop("disabled")' + + ' instead.' + ); + } + + if (args == null || args.length === 0) { + args = [true]; + } + + var disabled = !args[0]; + + this.$element.prop('disabled', disabled); + }; + + Select2.prototype.data = function () { + if (this.options.get('debug') && + arguments.length > 0 && window.console && console.warn) { + console.warn( + 'Select2: Data can no longer be set using `select2("data")`. You ' + + 'should consider setting the value instead using `$element.val()`.' + ); + } + + var data = []; + + this.dataAdapter.current(function (currentData) { + data = currentData; + }); + + return data; + }; + + Select2.prototype.val = function (args) { + if (this.options.get('debug') && window.console && console.warn) { + console.warn( + 'Select2: The `select2("val")` method has been deprecated and will be' + + ' removed in later Select2 versions. Use $element.val() instead.' + ); + } + + if (args == null || args.length === 0) { + return this.$element.val(); + } + + var newVal = args[0]; + + if ($.isArray(newVal)) { + newVal = $.map(newVal, function (obj) { + return obj.toString(); + }); + } + + this.$element.val(newVal).trigger('change'); + }; + + Select2.prototype.destroy = function () { + this.$container.remove(); + + if (this.$element[0].detachEvent) { + this.$element[0].detachEvent('onpropertychange', this._syncA); + } + + if (this._observer != null) { + this._observer.disconnect(); + this._observer = null; + } else if (this.$element[0].removeEventListener) { + this.$element[0] + .removeEventListener('DOMAttrModified', this._syncA, false); + this.$element[0] + .removeEventListener('DOMNodeInserted', this._syncS, false); + this.$element[0] + .removeEventListener('DOMNodeRemoved', this._syncS, false); + } + + this._syncA = null; + this._syncS = null; + + this.$element.off('.select2'); + this.$element.attr('tabindex', this.$element.data('old-tabindex')); + + this.$element.removeClass('select2-hidden-accessible'); + this.$element.attr('aria-hidden', 'false'); + this.$element.removeData('select2'); + + this.dataAdapter.destroy(); + this.selection.destroy(); + this.dropdown.destroy(); + this.results.destroy(); + + this.dataAdapter = null; + this.selection = null; + this.dropdown = null; + this.results = null; + }; + + Select2.prototype.render = function () { + var $container = $( + '' + + '' + + '' + + '' + ); + + $container.attr('dir', this.options.get('dir')); + + this.$container = $container; + + this.$container.addClass('select2-container--' + this.options.get('theme')); + + $container.data('element', this.$element); + + return $container; + }; + + return Select2; + }); + + S2.define('jquery-mousewheel',[ + 'jquery' + ], function ($) { + // Used to shim jQuery.mousewheel for non-full builds. + return $; + }); + + S2.define('jquery.select2',[ + 'jquery', + 'jquery-mousewheel', + + './select2/core', + './select2/defaults' + ], function ($, _, Select2, Defaults) { + if ($.fn.selectWoo == null) { + // All methods that should return the element + var thisMethods = ['open', 'close', 'destroy']; + + $.fn.selectWoo = function (options) { + options = options || {}; + + if (typeof options === 'object') { + this.each(function () { + var instanceOptions = $.extend(true, {}, options); + + var instance = new Select2($(this), instanceOptions); + }); + + return this; + } else if (typeof options === 'string') { + var ret; + var args = Array.prototype.slice.call(arguments, 1); + + this.each(function () { + var instance = $(this).data('select2'); + + if (instance == null && window.console && console.error) { + console.error( + 'The select2(\'' + options + '\') method was called on an ' + + 'element that is not using Select2.' + ); + } + + ret = instance[options].apply(instance, args); + }); + + // Check if we should be returning `this` + if ($.inArray(options, thisMethods) > -1) { + return this; + } + + return ret; + } else { + throw new Error('Invalid arguments for Select2: ' + options); + } + }; + } + + if ($.fn.select2 != null && $.fn.select2.defaults != null) { + $.fn.selectWoo.defaults = $.fn.select2.defaults; + } + + if ($.fn.selectWoo.defaults == null) { + $.fn.selectWoo.defaults = Defaults; + } + + // Also register selectWoo under select2 if select2 is not already present. + $.fn.select2 = $.fn.select2 || $.fn.selectWoo; + + return Select2; + }); + + // Return the AMD loader configuration so it can be used outside of this file + return { + define: S2.define, + require: S2.require + }; + }()); + + // Autoload the jQuery bindings + // We know that all of the modules exist above this, so we're safe + var select2 = S2.require('jquery.select2'); + + // Hold the AMD module references on the jQuery function that was just loaded + // This allows Select2 to use the internal loader outside of this file, such + // as in the language files. + jQuery.fn.select2.amd = S2; + jQuery.fn.selectWoo.amd = S2; + + // Return the Select2 instance for anyone who is importing it. + return select2; +})); diff --git a/assets/js/custom-controls.min.js b/assets/js/custom-controls.min.js new file mode 100644 index 00000000..84f2a6f2 --- /dev/null +++ b/assets/js/custom-controls.min.js @@ -0,0 +1 @@ +!function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=8)}([function(t,e){t.exports=window.React},function(t,e,n){var o=["list","setList","children","tag","style","className","clone","onAdd","onChange","onChoose","onClone","onEnd","onFilter","onRemove","onSort","onStart","onUnchoose","onUpdate","onMove","onSpill","onSelect","onDeselect"];function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,e){for(var n=0;nt.length)&&(e=t.length);for(var n=0,o=Array(e);n0?"multidrag":t.swapItem?"swap":"normal"}y(t.exports,"Sortable",(function(){return $882b6d93070905b3$re_export$Sortable})),y(t.exports,"Direction",(function(){return $882b6d93070905b3$re_export$Direction})),y(t.exports,"DOMRect",(function(){return $882b6d93070905b3$re_export$DOMRect})),y(t.exports,"GroupOptions",(function(){return $882b6d93070905b3$re_export$GroupOptions})),y(t.exports,"MoveEvent",(function(){return $882b6d93070905b3$re_export$MoveEvent})),y(t.exports,"Options",(function(){return $882b6d93070905b3$re_export$Options})),y(t.exports,"PullResult",(function(){return $882b6d93070905b3$re_export$PullResult})),y(t.exports,"PutResult",(function(){return $882b6d93070905b3$re_export$PutResult})),y(t.exports,"SortableEvent",(function(){return $882b6d93070905b3$re_export$SortableEvent})),y(t.exports,"SortableOptions",(function(){return $882b6d93070905b3$re_export$SortableOptions})),y(t.exports,"Utils",(function(){return $882b6d93070905b3$re_export$Utils})),y(t.exports,"ReactSortable",(function(){return T}));var x,P,I={dragging:null},T=function(t){function e(t){var n;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),(n=function(t,e,n){return e=i(e),function(t,e){if(e&&("object"==r(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,function(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return!!t}()?Reflect.construct(e,n||[],i(t).constructor):e.apply(t,n))}(this,e,[t])).ref=(0,m.createRef)();var o=s(t.list).map((function(t){return Object.assign(t,{chosen:!1,selected:!1})}));return t.setList(o,n.sortable,I),b(g)(!t.plugins,'\nPlugins prop is no longer supported.\nInstead, mount it with "Sortable.mount(new MultiDrag())"\nPlease read the updated README.md at https://github.com/SortableJS/react-sortablejs.\n '),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&l(t,e)}(e,t),n=e,(c=[{key:"componentDidMount",value:function(){if(null!==this.ref.current){var t=this.makeOptions();b(h).create(this.ref.current,t)}}},{key:"componentDidUpdate",value:function(t){t.disabled!==this.props.disabled&&this.sortable&&this.sortable.option("disabled",this.props.disabled)}},{key:"render",value:function(){var t=this.props,e=t.tag,n={style:t.style,className:t.className,id:t.id},o=e&&null!==e?e:"div";return(0,m.createElement)(o,d({ref:this.ref},n),this.getChildren())}},{key:"getChildren",value:function(){var t=this.props,e=t.children,n=t.dataIdAttr,o=t.selectedClass,r=void 0===o?"sortable-selected":o,a=t.chosenClass,i=void 0===a?"sortable-chosen":a,l=(t.dragClass,t.fallbackClass,t.ghostClass,t.swapClass,t.filter),s=void 0===l?"sortable-filter":l,c=t.list;if(!e||null==e)return null;var u=n||"data-id";return m.Children.map(e,(function(t,e){if(void 0!==t){var n=c[e]||{},o=t.props.className,a="string"==typeof s&&f({},s.replace(".",""),!!n.filtered),l=b(v)(o,d(f(f({},r,n.selected),i,n.chosen),a));return(0,m.cloneElement)(t,f(f({},u,t.key),"className",l))}}))}},{key:"sortable",get:function(){var t=this.ref.current;if(null===t)return null;var e=Object.keys(t).find((function(t){return t.includes("Sortable")}));return e?t[e]:null}},{key:"makeOptions",value:function(){var t,e=this,n=((t=this.props).list,t.setList,t.children,t.tag,t.style,t.className,t.clone,t.onAdd,t.onChange,t.onChoose,t.onClone,t.onEnd,t.onFilter,t.onRemove,t.onSort,t.onStart,t.onUnchoose,t.onUpdate,t.onMove,t.onSpill,t.onSelect,t.onDeselect,function(t,e){if(null==t)return{};var n,o,r=function(t,e){if(null==t)return{};var n={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(e.includes(o))continue;n[o]=t[o]}return n}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o when using the "').concat(a,'" plugin'))}E(c),i.forEach((function(n){var o=n.oldIndex,r=e.props.clone(n.item,t);l.splice(o,1,r)}))}r(l=l.map((function(t){return Object.assign(t,{selected:!1})})),this.sortable,I)}},{key:"onUpdate",value:function(t){var e=this.props,n=e.list,o=e.setList,r=O(t,n);return E(r),S(r),o(function(t,e){return _(t,D(t,e))}(r,n),this.sortable,I)}},{key:"onStart",value:function(){I.dragging=this}},{key:"onEnd",value:function(){I.dragging=null}},{key:"onChoose",value:function(t){var e=this.props,n=e.list;(0,e.setList)(n.map((function(e,n){var o=e;return n===t.oldIndex&&(o=Object.assign(e,{chosen:!0})),o})),this.sortable,I)}},{key:"onUnchoose",value:function(t){var e=this.props,n=e.list;(0,e.setList)(n.map((function(e,n){var o=e;return n===t.oldIndex&&(o=Object.assign(o,{chosen:!1})),o})),this.sortable,I)}},{key:"onSpill",value:function(t){var e=this.props,n=e.removeOnSpill,o=e.revertOnSpill;n&&!o&&w(t.item)}},{key:"onSelect",value:function(t){var e=this.props,n=e.list,o=e.setList,r=n.map((function(t){return Object.assign(t,{selected:!1})}));t.newIndicies.forEach((function(e){var n=e.index;if(-1===n)return console.log('"'.concat(t.type,'" had indice of "').concat(e.index,"\", which is probably -1 and doesn't usually happen here.")),void console.log(t);r[n].selected=!0})),o(r,this.sortable,I)}},{key:"onDeselect",value:function(t){var e=this.props,n=e.list,o=e.setList,r=n.map((function(t){return Object.assign(t,{selected:!1})}));t.newIndicies.forEach((function(t){var e=t.index;-1!==e&&(r[e].selected=!0)})),o(r,this.sortable,I)}}])&&a(n.prototype,c),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,c}(m.Component);f(T,"defaultProps",{clone:function(t){return t}}),x=t.exports,P={},Object.keys(P).forEach((function(t){"default"===t||"__esModule"===t||x.hasOwnProperty(t)||Object.defineProperty(x,t,{enumerable:!0,get:function(){return P[t]}})}))},function(t,e,n){t.exports=n(6)()},function(t,e,n){"use strict";function o(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function r(t){for(var e=1;e=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function c(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n"===e[0]&&(e=e.substring(1)),t)try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return!1}return!1}}function E(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function S(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"===e[0]?t.parentNode===n&&w(t,e):w(t,e))||o&&t===n)return t;if(t===n)break}while(t=E(t))}return null}var O,D=/\s+/g;function _(t,e,n){if(t&&e)if(t.classList)t.classList[n?"add":"remove"](e);else{var o=(" "+t.className+" ").replace(D," ").replace(" "+e+" "," ");t.className=(o+(n?" "+e:"")).replace(D," ")}}function C(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];e in o||-1!==e.indexOf("webkit")||(e="-webkit-"+e),o[e]=n+("string"==typeof n?"":"px")}}function x(t,e){var n="";if("string"==typeof t)n=t;else do{var o=C(t,"transform");o&&"none"!==o&&(n=o+" "+n)}while(!e&&(t=t.parentNode));var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(n)}function P(t,e,n){if(t){var o=t.getElementsByTagName(e),r=0,a=o.length;if(n)for(;r=a:r<=a))return o;if(o===I())break;o=R(o,!1)}return!1}function M(t,e,n,o){for(var r=0,a=0,i=t.children;a2&&void 0!==arguments[2]?arguments[2]:{},o=n.evt,a=s(n,q);K.pluginEvent.bind(Ht)(t,e,r({dragEl:J,parentEl:Q,ghostEl:tt,rootEl:et,nextEl:nt,lastDownEl:ot,cloneEl:rt,cloneHidden:at,dragStarted:bt,putSortable:dt,activeSortable:Ht.active,originalEvent:o,oldIndex:it,oldDraggableIndex:st,newIndex:lt,newDraggableIndex:ct,hideGhostForTarget:Bt,unhideGhostForTarget:Yt,cloneNowHidden:function(){at=!0},cloneNowShown:function(){at=!1},dispatchSortableEvent:function(t){Z({sortable:e,name:t,originalEvent:o})}},a))};function Z(t){G(r({putSortable:dt,cloneEl:rt,targetEl:J,rootEl:et,oldIndex:it,oldDraggableIndex:st,newIndex:lt,newDraggableIndex:ct},t))}var J,Q,tt,et,nt,ot,rt,at,it,lt,st,ct,ut,dt,ft,pt,ht,vt,mt,gt,bt,yt,wt,Et,St,Ot=!1,Dt=!1,_t=[],Ct=!1,xt=!1,Pt=[],It=!1,Tt=[],At="undefined"!=typeof document,Mt=v,jt=f||d?"cssFloat":"float",kt=At&&!m&&!v&&"draggable"in document.createElement("div"),Nt=function(){if(At){if(d)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),Rt=function(t,e){var n=C(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),r=M(t,0,e),a=M(t,1,e),i=r&&C(r),l=a&&C(a),s=i&&parseInt(i.marginLeft)+parseInt(i.marginRight)+T(r).width,c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+T(a).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(r&&i.float&&"none"!==i.float){var u="left"===i.float?"left":"right";return!a||"both"!==l.clear&&l.clear!==u?"horizontal":"vertical"}return r&&("block"===i.display||"flex"===i.display||"table"===i.display||"grid"===i.display||s>=o&&"none"===n[jt]||a&&"none"===n[jt]&&s+c>o)?"vertical":"horizontal"},Lt=function(t){function e(t,n){return function(o,r,a,i){var l=o.options.group.name&&r.options.group.name&&o.options.group.name===r.options.group.name;if(null==t&&(n||l))return!0;if(null==t||!1===t)return!1;if(n&&"clone"===t)return t;if("function"==typeof t)return e(t(o,r,a,i),n)(o,r,a,i);var s=(n?o:r).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var n={},o=t.group;o&&"object"==a(o)||(o={name:o}),n.name=o.name,n.checkPull=e(o.pull,!0),n.checkPut=e(o.put),n.revertClone=o.revertClone,t.group=n},Bt=function(){!Nt&&tt&&C(tt,"display","none")},Yt=function(){!Nt&&tt&&C(tt,"display","")};At&&!m&&document.addEventListener("click",(function(t){if(Dt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),Dt=!1,!1}),!0);var Xt=function(t){if(J){t=t.touches?t.touches[0]:t;var e=(r=t.clientX,a=t.clientY,_t.some((function(t){var e=t[F].options.emptyInsertThreshold;if(e&&!j(t)){var n=T(t),o=r>=n.left-e&&r<=n.right+e,l=a>=n.top-e&&a<=n.bottom+e;return o&&l?i=t:void 0}})),i);if(e){var n={};for(var o in t)t.hasOwnProperty(o)&&(n[o]=t[o]);n.target=n.rootEl=e,n.preventDefault=void 0,n.stopPropagation=void 0,e[F]._onDragOver(n)}}var r,a,i},$t=function(t){J&&J.parentNode[F]._isOutsideThisEl(t.target)};function Ht(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=l({},e),t[F]=this;var n,o,a={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Rt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Ht.supportPointer&&"PointerEvent"in window&&!h,emptyInsertThreshold:5};for(var i in K.initializePlugins(this,t,a),a)!(i in e)&&(e[i]=a[i]);for(var s in Lt(e),this)"_"===s.charAt(0)&&"function"==typeof this[s]&&(this[s]=this[s].bind(this));this.nativeDraggable=!e.forceFallback&&kt,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?b(t,"pointerdown",this._onTapStart):(b(t,"mousedown",this._onTapStart),b(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(b(t,"dragover",this),b(t,"dragenter",this)),_t.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),l(this,(o=[],{captureAnimationState:function(){o=[],this.options.animation&&[].slice.call(this.el.children).forEach((function(t){if("none"!==C(t,"display")&&t!==Ht.ghost){o.push({target:t,rect:T(t)});var e=r({},o[o.length-1].rect);if(t.thisAnimationDuration){var n=x(t,!0);n&&(e.top-=n.f,e.left-=n.e)}t.fromRect=e}}))},addAnimationState:function(t){o.push(t)},removeAnimationState:function(t){o.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(o,{target:t}),1)},animateAll:function(t){var e=this;if(!this.options.animation)return clearTimeout(n),void("function"==typeof t&&t());var r=!1,a=0;o.forEach((function(t){var n=0,o=t.target,i=o.fromRect,l=T(o),s=o.prevFromRect,c=o.prevToRect,u=t.rect,d=x(o,!0);d&&(l.top-=d.f,l.left-=d.e),o.toRect=l,o.thisAnimationDuration&&L(s,l)&&!L(i,l)&&(u.top-l.top)/(u.left-l.left)==(i.top-l.top)/(i.left-l.left)&&(n=function(t,e,n,o){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*o.animation}(u,s,c,e.options)),L(l,i)||(o.prevFromRect=i,o.prevToRect=l,n||(n=e.options.animation),e.animate(o,u,l,n)),n&&(r=!0,a=Math.max(a,n),clearTimeout(o.animationResetTimer),o.animationResetTimer=setTimeout((function(){o.animationTime=0,o.prevFromRect=null,o.fromRect=null,o.prevToRect=null,o.thisAnimationDuration=null}),n),o.thisAnimationDuration=n)})),clearTimeout(n),r?n=setTimeout((function(){"function"==typeof t&&t()}),a):"function"==typeof t&&t(),o=[]},animate:function(t,e,n,o){if(o){C(t,"transition",""),C(t,"transform","");var r=x(this.el),a=r&&r.a,i=r&&r.d,l=(e.left-n.left)/(a||1),s=(e.top-n.top)/(i||1);t.animatingX=!!l,t.animatingY=!!s,C(t,"transform","translate3d("+l+"px,"+s+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),C(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),C(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){C(t,"transition",""),C(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),o)}}}))}function Ut(t,e,n,o,r,a,i,l){var s,c,u=t[F],p=u.options.onMove;return!window.CustomEvent||d||f?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=n,s.draggedRect=o,s.related=r||e,s.relatedRect=a||T(e),s.willInsertAfter=l,s.originalEvent=i,t.dispatchEvent(s),p&&(c=p.call(u,s,i)),c}function Ft(t){t.draggable=!1}function zt(){It=!1}function Wt(t){for(var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;n--;)o+=e.charCodeAt(n);return o.toString(36)}function Kt(t){return setTimeout(t,0)}function Gt(t){return clearTimeout(t)}Ht.prototype={constructor:Ht,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(yt=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,J):this.options.direction},_onTapStart:function(t){if(t.cancelable){var e=this,n=this.el,o=this.options,r=o.preventOnFilter,a=t.type,i=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,l=(i||t).target,s=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||l,c=o.filter;if(function(t){Tt.length=0;for(var e=t.getElementsByTagName("input"),n=e.length;n--;){var o=e[n];o.checked&&Tt.push(o)}}(n),!J&&!(/mousedown|pointerdown/.test(a)&&0!==t.button||o.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!h||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=S(l,o.draggable,n,!1))&&l.animated||ot===l)){if(it=k(l),st=k(l,o.draggable),"function"==typeof c){if(c.call(this,t,l,this))return Z({sortable:e,rootEl:s,name:"filter",targetEl:l,toEl:n,fromEl:n}),V("filter",e,{evt:t}),void(r&&t.cancelable&&t.preventDefault())}else if(c&&(c=c.split(",").some((function(o){if(o=S(s,o.trim(),n,!1))return Z({sortable:e,rootEl:o,name:"filter",targetEl:l,fromEl:n,toEl:n}),V("filter",e,{evt:t}),!0}))))return void(r&&t.cancelable&&t.preventDefault());o.handle&&!S(s,o.handle,n,!1)||this._prepareDragStart(t,i,l)}}},_prepareDragStart:function(t,e,n){var o,r=this,a=r.el,i=r.options,l=a.ownerDocument;if(n&&!J&&n.parentNode===a){var s=T(n);if(et=a,Q=(J=n).parentNode,nt=J.nextSibling,ot=n,ut=i.group,Ht.dragged=J,ft={target:J,clientX:(e||t).clientX,clientY:(e||t).clientY},mt=ft.clientX-s.left,gt=ft.clientY-s.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,J.style["will-change"]="all",o=function(){V("delayEnded",r,{evt:t}),Ht.eventCanceled?r._onDrop():(r._disableDelayedDragEvents(),!p&&r.nativeDraggable&&(J.draggable=!0),r._triggerDragStart(t,e),Z({sortable:r,name:"choose",originalEvent:t}),_(J,i.chosenClass,!0))},i.ignore.split(",").forEach((function(t){P(J,t.trim(),Ft)})),b(l,"dragover",Xt),b(l,"mousemove",Xt),b(l,"touchmove",Xt),b(l,"mouseup",r._onDrop),b(l,"touchend",r._onDrop),b(l,"touchcancel",r._onDrop),p&&this.nativeDraggable&&(this.options.touchStartThreshold=4,J.draggable=!0),V("delayStart",this,{evt:t}),!i.delay||i.delayOnTouchOnly&&!e||this.nativeDraggable&&(f||d))o();else{if(Ht.eventCanceled)return void this._onDrop();b(l,"mouseup",r._disableDelayedDrag),b(l,"touchend",r._disableDelayedDrag),b(l,"touchcancel",r._disableDelayedDrag),b(l,"mousemove",r._delayedDragTouchMoveHandler),b(l,"touchmove",r._delayedDragTouchMoveHandler),i.supportPointer&&b(l,"pointermove",r._delayedDragTouchMoveHandler),r._dragStartTimer=setTimeout(o,i.delay)}}},_delayedDragTouchMoveHandler:function(t){var e=t.touches?t.touches[0]:t;Math.max(Math.abs(e.clientX-this._lastX),Math.abs(e.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){J&&Ft(J),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;y(t,"mouseup",this._disableDelayedDrag),y(t,"touchend",this._disableDelayedDrag),y(t,"touchcancel",this._disableDelayedDrag),y(t,"mousemove",this._delayedDragTouchMoveHandler),y(t,"touchmove",this._delayedDragTouchMoveHandler),y(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?b(document,"pointermove",this._onTouchMove):b(document,e?"touchmove":"mousemove",this._onTouchMove):(b(J,"dragend",this),b(et,"dragstart",this._onDragStart));try{document.selection?Kt((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){if(Ot=!1,et&&J){V("dragStarted",this,{evt:e}),this.nativeDraggable&&b(document,"dragover",$t);var n=this.options;!t&&_(J,n.dragClass,!1),_(J,n.ghostClass,!0),Ht.active=this,t&&this._appendGhost(),Z({sortable:this,name:"start",originalEvent:e})}else this._nulling()},_emulateDragOver:function(){if(pt){this._lastX=pt.clientX,this._lastY=pt.clientY,Bt();for(var t=document.elementFromPoint(pt.clientX,pt.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(pt.clientX,pt.clientY))!==e;)e=t;if(J.parentNode[F]._isOutsideThisEl(t),e)do{if(e[F]&&e[F]._onDragOver({clientX:pt.clientX,clientY:pt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break;t=e}while(e=E(e));Yt()}},_onTouchMove:function(t){if(ft){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,r=t.touches?t.touches[0]:t,a=tt&&x(tt,!0),i=tt&&a&&a.a,l=tt&&a&&a.d,s=Mt&&St&&N(St),c=(r.clientX-ft.clientX+o.x)/(i||1)+(s?s[0]-Pt[0]:0)/(i||1),u=(r.clientY-ft.clientY+o.y)/(l||1)+(s?s[1]-Pt[1]:0)/(l||1);if(!Ht.active&&!Ot){if(n&&Math.max(Math.abs(r.clientX-this._lastX),Math.abs(r.clientY-this._lastY))r.right+10||t.clientY>o.bottom&&t.clientX>o.left:t.clientY>r.bottom+10||t.clientX>o.right&&t.clientY>o.top}(t,a,this)&&!m.animated){if(m===J)return $(!1);if(m&&i===t.target&&(l=m),l&&(n=T(l)),!1!==Ut(et,i,J,e,l,n,t,!!l))return X(),m&&m.nextSibling?i.insertBefore(J,m.nextSibling):i.appendChild(J),Q=i,H(),$(!0)}else if(m&&function(t,e,n){var o=T(M(n.el,0,n.options,!0)),r=U(n.el,n.options,tt);return e?t.clientXu+c*a/2:sd-Et)return-wt}else if(s>u+c*(1-r)/2&&sd-c*a/2)?s>u+c/2?1:-1:0}(t,l,n,a,O?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,xt,yt===l))){var I=k(J);do{I-=b,w=Q.children[I]}while(w&&("none"===C(w,"display")||w===tt))}if(0===b||w===l)return $(!1);yt=l,wt=b;var N=l.nextElementSibling,R=!1,L=Ut(et,i,J,e,l,n,t,R=1===b);if(!1!==L)return 1!==L&&-1!==L||(R=1===L),It=!0,setTimeout(zt,30),X(),R&&!N?i.appendChild(J):l.parentNode.insertBefore(J,R?N:l),x&&Y(x,0,P-x.scrollTop),Q=J.parentNode,void 0===y||xt||(Et=Math.abs(y-T(l)[D])),H(),$(!0)}if(i.contains(J))return $(!1)}return!1}function B(s,c){V(s,h,r({evt:t,isOwner:d,axis:a?"vertical":"horizontal",revert:o,dragRect:e,targetRect:n,canSort:f,fromSortable:p,target:l,completed:$,onMove:function(n,o){return Ut(et,i,J,e,n,T(n),t,o)},changed:H},c))}function X(){B("dragOverAnimationCapture"),h.captureAnimationState(),h!==p&&p.captureAnimationState()}function $(e){return B("dragOverCompleted",{insertion:e}),e&&(d?u._hideClone():u._showClone(h),h!==p&&(_(J,dt?dt.options.ghostClass:u.options.ghostClass,!1),_(J,s.ghostClass,!0)),dt!==h&&h!==Ht.active?dt=h:h===Ht.active&&dt&&(dt=null),p===h&&(h._ignoreWhileAnimating=l),h.animateAll((function(){B("dragOverAnimationComplete"),h._ignoreWhileAnimating=null})),h!==p&&(p.animateAll(),p._ignoreWhileAnimating=null)),(l===J&&!J.animated||l===i&&!l.animated)&&(yt=null),s.dragoverBubble||t.rootEl||l===document||(J.parentNode[F]._isOutsideThisEl(t.target),!e&&Xt(t)),!s.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),v=!0}function H(){lt=k(J),ct=k(J,s.draggable),Z({sortable:h,name:"change",toEl:i,newIndex:lt,newDraggableIndex:ct,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){y(document,"mousemove",this._onTouchMove),y(document,"touchmove",this._onTouchMove),y(document,"pointermove",this._onTouchMove),y(document,"dragover",Xt),y(document,"mousemove",Xt),y(document,"touchmove",Xt)},_offUpEvents:function(){var t=this.el.ownerDocument;y(t,"mouseup",this._onDrop),y(t,"touchend",this._onDrop),y(t,"pointerup",this._onDrop),y(t,"touchcancel",this._onDrop),y(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;lt=k(J),ct=k(J,n.draggable),V("drop",this,{evt:t}),Q=J&&J.parentNode,lt=k(J),ct=k(J,n.draggable),Ht.eventCanceled||(Ot=!1,xt=!1,Ct=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Gt(this.cloneId),Gt(this._dragStartId),this.nativeDraggable&&(y(document,"drop",this),y(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),h&&C(document.body,"user-select",""),C(J,"transform",""),t&&(bt&&(t.cancelable&&t.preventDefault(),!n.dropBubble&&t.stopPropagation()),tt&&tt.parentNode&&tt.parentNode.removeChild(tt),(et===Q||dt&&"clone"!==dt.lastPutMode)&&rt&&rt.parentNode&&rt.parentNode.removeChild(rt),J&&(this.nativeDraggable&&y(J,"dragend",this),Ft(J),J.style["will-change"]="",bt&&!Ot&&_(J,dt?dt.options.ghostClass:this.options.ghostClass,!1),_(J,this.options.chosenClass,!1),Z({sortable:this,name:"unchoose",toEl:Q,newIndex:null,newDraggableIndex:null,originalEvent:t}),et!==Q?(lt>=0&&(Z({rootEl:Q,name:"add",toEl:Q,fromEl:et,originalEvent:t}),Z({sortable:this,name:"remove",toEl:Q,originalEvent:t}),Z({rootEl:Q,name:"sort",toEl:Q,fromEl:et,originalEvent:t}),Z({sortable:this,name:"sort",toEl:Q,originalEvent:t})),dt&&dt.save()):lt!==it&<>=0&&(Z({sortable:this,name:"update",toEl:Q,originalEvent:t}),Z({sortable:this,name:"sort",toEl:Q,originalEvent:t})),Ht.active&&(null!=lt&&-1!==lt||(lt=it,ct=st),Z({sortable:this,name:"end",toEl:Q,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){V("nulling",this),et=J=Q=tt=nt=rt=ot=at=ft=pt=bt=lt=ct=it=st=yt=wt=dt=ut=Ht.dragged=Ht.ghost=Ht.clone=Ht.active=null,Tt.forEach((function(t){t.checked=!0})),Tt.length=ht=vt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":J&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,r=n.length,a=this.options;o1&&(me.forEach((function(t){o.addAnimationState({target:t,rect:ye?T(t):r}),H(t),t.fromRect=r,e.removeAnimationState(t)})),ye=!1,function(t,e){me.forEach((function(n,o){var r=e.children[n.sortableIndex+(t?Number(o):0)];r?e.insertBefore(n,r):e.appendChild(n)}))}(!this.options.removeCloneOnHide,n))},dragOverCompleted:function(t){var e=t.sortable,n=t.isOwner,o=t.insertion,r=t.activeSortable,a=t.parentEl,i=t.putSortable,l=this.options;if(o){if(n&&r._hideClone(),be=!1,l.animation&&me.length>1&&(ye||!n&&!r.options.sort&&!i)){var s=T(pe,!1,!0,!0);me.forEach((function(t){t!==pe&&($(t,s),a.appendChild(t))})),ye=!0}if(!n)if(ye||Oe(),me.length>1){var c=ve;r._showClone(e),r.options.animation&&!ve&&c&&ge.forEach((function(t){r.addAnimationState({target:t,rect:he}),t.fromRect=he,t.thisAnimationDuration=null}))}else r._showClone(e)}},dragOverAnimationCapture:function(t){var e=t.dragRect,n=t.isOwner,o=t.activeSortable;if(me.forEach((function(t){t.thisAnimationDuration=null})),o.options.animation&&!n&&o.multiDrag.isMultiDrag){he=l({},e);var r=x(pe,!0);he.top-=r.f,he.left-=r.e}},dragOverAnimationComplete:function(){ye&&(ye=!1,Oe())},drop:function(t){var e=t.originalEvent,n=t.rootEl,o=t.parentEl,r=t.sortable,a=t.dispatchSortableEvent,i=t.oldIndex,l=t.putSortable,s=l||this.sortable;if(e){var c=this.options,u=o.children;if(!we)if(c.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),_(pe,c.selectedClass,!~me.indexOf(pe)),~me.indexOf(pe))me.splice(me.indexOf(pe),1),de=null,G({sortable:r,rootEl:n,name:"deselect",targetEl:pe,originalEvent:e});else{if(me.push(pe),G({sortable:r,rootEl:n,name:"select",targetEl:pe,originalEvent:e}),e.shiftKey&&de&&r.el.contains(de)){var d,f,p=k(de),h=k(pe);if(~p&&~h&&p!==h)for(h>p?(f=p,d=h):(f=h,d=p+1);f1){var v=T(pe),m=k(pe,":not(."+this.options.selectedClass+")");if(!be&&c.animation&&(pe.thisAnimationDuration=null),s.captureAnimationState(),!be&&(c.animation&&(pe.fromRect=v,me.forEach((function(t){if(t.thisAnimationDuration=null,t!==pe){var e=ye?T(t):v;t.fromRect=e,s.addAnimationState({target:t,rect:e})}}))),Oe(),me.forEach((function(t){u[m]?o.insertBefore(t,u[m]):o.appendChild(t),m++})),i===k(pe))){var g=!1;me.forEach((function(t){t.sortableIndex===k(t)||(g=!0)})),g&&(a("update"),a("sort"))}me.forEach((function(t){H(t)})),s.animateAll()}fe=s}(n===o||l&&"clone"!==l.lastPutMode)&&ge.forEach((function(t){t.parentNode&&t.parentNode.removeChild(t)}))}},nullingGlobal:function(){this.isMultiDrag=we=!1,ge.length=0},destroyGlobal:function(){this._deselectMultiDrag(),y(document,"pointerup",this._deselectMultiDrag),y(document,"mouseup",this._deselectMultiDrag),y(document,"touchend",this._deselectMultiDrag),y(document,"keydown",this._checkKeyDown),y(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==we&&we||fe!==this.sortable||t&&S(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;me.length;){var e=me[0];_(e,this.options.selectedClass,!1),me.shift(),G({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},l(t,{pluginName:"multiDrag",utils:{select:function(t){var e=t.parentNode[F];e&&e.options.multiDrag&&!~me.indexOf(t)&&(fe&&fe!==e&&(fe.multiDrag._deselectMultiDrag(),fe=e),_(t,e.options.selectedClass,!0),me.push(t))},deselect:function(t){var e=t.parentNode[F],n=me.indexOf(t);e&&e.options.multiDrag&&~n&&(_(t,e.options.selectedClass,!1),me.splice(n,1))}},eventProperties:function(){var t,e=this,n=[],o=[];return me.forEach((function(t){var r;n.push({multiDragElement:t,index:t.sortableIndex}),r=ye&&t!==pe?-1:ye?k(t,":not(."+e.options.selectedClass+")"):k(t),o.push({multiDragElement:t,index:r})})),{items:(t=me,function(t){if(Array.isArray(t))return c(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return c(t,void 0);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(t,void 0):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),clones:[].concat(ge),oldIndicies:n,newIndicies:o}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":t.length>1&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}function Se(t,e){ge.forEach((function(n,o){var r=e.children[n.sortableIndex+(t?Number(o):0)];r?e.insertBefore(n,r):e.appendChild(n)}))}function Oe(){me.forEach((function(t){t!==pe&&t.parentNode&&t.parentNode.removeChild(t)}))}Ht.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var e=t.originalEvent;this.sortable.nativeDraggable?b(document,"dragover",this._handleAutoScroll):this.options.supportPointer?b(document,"pointermove",this._handleFallbackAutoScroll):e.touches?b(document,"touchmove",this._handleFallbackAutoScroll):b(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var e=t.originalEvent;this.options.dragOverBubble||e.rootEl||this._handleAutoScroll(e)},drop:function(){this.sortable.nativeDraggable?y(document,"dragover",this._handleAutoScroll):(y(document,"pointermove",this._handleFallbackAutoScroll),y(document,"touchmove",this._handleFallbackAutoScroll),y(document,"mousemove",this._handleFallbackAutoScroll)),re(),oe(),clearTimeout(O),O=void 0},nulling:function(){Qt=Vt=qt=ne=te=Zt=Jt=null,ee.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,e){var n=this,o=(t.touches?t.touches[0]:t).clientX,r=(t.touches?t.touches[0]:t).clientY,a=document.elementFromPoint(o,r);if(Qt=t,e||this.options.forceAutoScrollFallback||f||d||h){ie(t,this.options,a,e);var i=R(a,!0);!ne||te&&o===Zt&&r===Jt||(te&&re(),te=setInterval((function(){var a=R(document.elementFromPoint(o,r),!0);a!==i&&(i=a,oe()),ie(t,n.options,a,e)}),10),Zt=o,Jt=r)}else{if(!this.options.bubbleScroll||R(a,!0)===I())return void oe();ie(t,this.options,R(a,!1),!1)}}},l(t,{pluginName:"scroll",initializeByDefault:!0})}),Ht.mount(ce,se),e.default=Ht},function(t,e,n){var o;!function(){"use strict";var n={}.hasOwnProperty;function r(){for(var t=[],e=0;et.length)&&(e=t.length);for(var n=0,o=Array(e);nt.length)&&(e=t.length);for(var n=0,o=Array(e);ne.label?1:0}))};r.options.push({label:O("Other","astra-addon"),value:"zz-other"});var l=t.control.params.input_attrs?E(E({},r),t.control.params.input_attrs):r,s=[];l.options.forEach((function(t){e.items.some((function(e){return e.id===t.value}))||s.push(t)}));var c,u,d=(c=Object(i.useState)({value:e,isVisible:!1,control:void 0!==s[0]&&void 0!==s[0].value?s[0].value:""}),u=2,function(t){if(Array.isArray(t))return t}(c)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var o,r,a,i,l=[],s=!0,c=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;s=!1}else for(;!(s=(o=a.call(n)).done)&&(l.push(o.value),l.length!==e);s=!0);}catch(t){c=!0,r=t}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(c,u)||function(t,e){if(t){if("string"==typeof t)return y(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(t,e):void 0}}(c,u)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=d[0],p=d[1];Object(i.useEffect)((function(){p((function(e){return E(E({},e),{},{value:t.control.setting.get()})}))}),[t]);var h=function(e){t.control.setting.set(E(E(E({},t.control.setting.get()),e),{},{flag:!t.control.setting.get().flag}))},v=function(){var t,e=document.querySelectorAll(".ahfb-builder-area");for(t=0;t0?f.value.items:[],w=[];return b.length>0&&b.forEach((function(t){w.push({id:t.id})})),React.createElement("div",{className:"ahfb-control-field ahfb-sorter-items"},React.createElement("div",{className:"ahfb-sorter-row"},React.createElement(a.ReactSortable,{animation:100,onStart:function(){return v()},onEnd:function(){return v()},group:l.group,className:"ahfb-sorter-drop ahfb-sorter-sortable-panel ahfb-sorter-drop-".concat(l.group),handle:".ahfb-sorter-item-panel-header",list:w,setList:function(t){return e=t,n=f.value,o=n.items,r=[],e.length>0&&e.forEach((function(t){var e=o.find((function(e){return e.id===t.id}));e&&r.push(e)})),void(function(t,e){if(t===e)return!0;if(null==t||null==e)return!1;if(t.length!=e.length)return!1;for(var n=0;n0&&b.map((function(t,e){return React.createElement(g,{removeItem:function(t){return e=t,o=(n=f.value).items,r=[],o.length>0&&o.forEach((function(t,n){e!==n&&r.push(t)})),n.items=r,p((function(t){return E(E({},t),{},{value:n})})),void h(n);var e,n,o,r},toggleEnabled:function(t,e){return function(t,e){m({enabled:t},e)}(t,e)},onChangeLabel:function(t,e){return function(t,e){m({label:t},e)}(t,e)},onChangeURL:function(t,e){return function(t,e){m({url:t},e)}(t,e)},key:t.id,index:e,item:t,controlParams:l})})))),void 0!==s[0]&&void 0!==s[0].value&&React.createElement("div",{className:"ahfb-language-selector-add-area"},React.createElement(C,{value:f.control,options:s,onChange:function(t){p((function(e){return E(E({},e),{},{control:t})}))}}),React.createElement(_,{className:"ahfb-sorter-add-item",isPrimary:!0,onClick:function(){!function(){var t=f.control;if(p((function(t){return E(E({},t),{},{isVisible:!1})})),t){var e=f.value,n=e.items,o=l.options.filter((function(e){return e.value===t})),r={id:t,enabled:!0,url:"",label:o[0].label};n.push(r),e.items=n;var a=[];l.options.forEach((function(t){n.some((function(e){return e.id===t.value}))||a.push(t)})),p((function(t){return E(E({},t),{},{control:void 0!==a[0]&&void 0!==a[0].value?a[0].value:""})})),p((function(t){return E(E({},t),{},{value:e})})),h(e)}}()}},O("Add Language","astra-addon"))))};x.propTypes={control:r.a.object.isRequired};var P=x,I=wp.customize.Control.extend({renderContent:function(){ReactDOM.render(React.createElement(P,{control:this}),this.container[0])}});wp.customize.controlConstructor["ast-language-selector"]=I}]); \ No newline at end of file diff --git a/assets/js/custom-fields-priority.js b/assets/js/custom-fields-priority.js new file mode 100644 index 00000000..549a16e6 --- /dev/null +++ b/assets/js/custom-fields-priority.js @@ -0,0 +1,30 @@ +/** + * custom-fields-priority.js + * + * Provide more preferences to Astra meta setting so wordpress custom field not causing any kind of conflicts. + * + * @package Astra + */ +function removeMetaBoxSection() { + document.getElementById("the-list").remove(); +} + +function buttonClickEvent() { + [...document.querySelectorAll('.editor-post-publish-button')].forEach(element => element.addEventListener('click', function (event) { + removeMetaBoxSection(); + + })); + + [...document.querySelectorAll('.editor-post-publish-panel__toggle')].forEach(element => element.addEventListener('click', function (event) { + removeMetaBoxSection(); + })); +} + +function DOMContentLoaded() { + const elementMetaBox = document.getElementById("the-list"); + if (elementMetaBox != null) { + setTimeout(buttonClickEvent, 2000); + } +} + +document.addEventListener('DOMContentLoaded', DOMContentLoaded, false); diff --git a/assets/js/customizer-controls-toggle.js b/assets/js/customizer-controls-toggle.js new file mode 100644 index 00000000..7ed2e31d --- /dev/null +++ b/assets/js/customizer-controls-toggle.js @@ -0,0 +1,133 @@ +/** + * Customizer controls toggles + * + * @package Astra + */ + +( function( $ ) { + + + /** + * Trigger hooks + */ + ASTControlTrigger = { + + /** + * Trigger a hook. + * + * @since 1.0.0 + * @method triggerHook + * @param {String} hook The hook to trigger. + * @param {Array} args An array of args to pass to the hook. + */ + triggerHook: function( hook, args ) + { + $( 'body' ).trigger( 'astra-control-trigger.' + hook, args ); + }, + + /** + * Add a hook. + * + * @since 1.0.0 + * @method addHook + * @param {String} hook The hook to add. + * @param {Function} callback A function to call when the hook is triggered. + */ + addHook: function( hook, callback ) + { + $( 'body' ).on( 'astra-control-trigger.' + hook, callback ); + }, + + /** + * Remove a hook. + * + * @since 1.0.0 + * @method removeHook + * @param {String} hook The hook to remove. + * @param {Function} callback The callback function to remove. + */ + removeHook: function( hook, callback ) + { + $( 'body' ).off( 'astra-control-trigger.' + hook, callback ); + }, + }; + + /** + * Helper class that contains data for showing and hiding controls. + * + * @since 1.0.0 + * @class ASTCustomizerToggles + */ + ASTCustomizerToggles = { + + 'astra-settings[display-site-title-responsive]' : [], + + 'astra-settings[display-site-tagline-responsive]' : [], + + 'astra-settings[ast-header-retina-logo]' :[], + + 'custom_logo' : [], + + /** + * Section - Header + * + * @link ?autofocus[section]=section-header + */ + + /** + * Layout 2 + */ + // Layout 2 > Right Section > Text / HTML + // Layout 2 > Right Section > Search Type + // Layout 2 > Right Section > Search Type > Search Box Type. + 'astra-settings[header-main-rt-section]' : [], + + + 'astra-settings[hide-custom-menu-mobile]' :[], + + + /** + * Blog + */ + 'astra-settings[blog-width]' :[], + + 'astra-settings[blog-post-structure]' :[], + + /** + * Blog Single + */ + 'astra-settings[blog-single-post-structure]' : [], + + 'astra-settings[blog-single-width]' : [], + + 'astra-settings[blog-single-meta]' :[], + + + /** + * Small Footer + */ + 'astra-settings[footer-sml-layout]' : [], + + 'astra-settings[footer-sml-section-1]' :[], + + 'astra-settings[footer-sml-section-2]' :[], + + 'astra-settings[footer-sml-divider]' :[], + + 'astra-settings[header-main-sep]' :[], + + 'astra-settings[disable-primary-nav]' :[], + + /** + * Footer Widgets + */ + 'astra-settings[footer-adv]' :[], + + 'astra-settings[shop-archive-width]' :[], + + 'astra-settings[mobile-header-logo]' :[], + + 'astra-settings[different-mobile-logo]' :[], + }; + +} )( jQuery ); diff --git a/assets/js/customizer-controls-toggle.min.js b/assets/js/customizer-controls-toggle.min.js new file mode 100644 index 00000000..c3fa1bed --- /dev/null +++ b/assets/js/customizer-controls-toggle.min.js @@ -0,0 +1 @@ +(e=>{ASTControlTrigger={triggerHook:function(t,s){e("body").trigger("astra-control-trigger."+t,s)},addHook:function(t,s){e("body").on("astra-control-trigger."+t,s)},removeHook:function(t,s){e("body").off("astra-control-trigger."+t,s)}},ASTCustomizerToggles={"astra-settings[display-site-title-responsive]":[],"astra-settings[display-site-tagline-responsive]":[],"astra-settings[ast-header-retina-logo]":[],custom_logo:[],"astra-settings[header-main-rt-section]":[],"astra-settings[hide-custom-menu-mobile]":[],"astra-settings[blog-width]":[],"astra-settings[blog-post-structure]":[],"astra-settings[blog-single-post-structure]":[],"astra-settings[blog-single-width]":[],"astra-settings[blog-single-meta]":[],"astra-settings[footer-sml-layout]":[],"astra-settings[footer-sml-section-1]":[],"astra-settings[footer-sml-section-2]":[],"astra-settings[footer-sml-divider]":[],"astra-settings[header-main-sep]":[],"astra-settings[disable-primary-nav]":[],"astra-settings[footer-adv]":[],"astra-settings[shop-archive-width]":[],"astra-settings[mobile-header-logo]":[],"astra-settings[different-mobile-logo]":[]}})(jQuery); \ No newline at end of file diff --git a/assets/js/customizer-controls.js b/assets/js/customizer-controls.js new file mode 100644 index 00000000..57134335 --- /dev/null +++ b/assets/js/customizer-controls.js @@ -0,0 +1,134 @@ +/** + * Customizer controls + * + * @package Astra + */ + +( function( $ ) { + + /* Internal shorthand */ + var api = wp.customize; + + /** + * Helper class for the main Customizer interface. + * + * @since 1.0.0 + * @class ASTCustomizer + */ + ASTCustomizer = { + + controls : {}, + + /** + * Initializes our custom logic for the Customizer. + * + * @since 1.0.0 + * @method init + */ + init: function() + { + ASTCustomizer._initToggles(); + ASTCustomizer._initSubControlsToggle(); + }, + + /** + * Initializes the logic for showing and hiding controls + * when a setting changes. + * + * @since 1.0.0 + * @method _initToggles + */ + _initToggles: function() + { + // Trigger the Adv Tab Click trigger. + ASTControlTrigger.triggerHook( 'astra-toggle-control', api ); + + // Loop through each setting. + $.each( ASTCustomizerToggles, function( settingId, toggles ) { + + // Get the setting object. + api( settingId, function( setting ) { + + // Loop though the toggles for the setting. + $.each( toggles, function( i, toggle ) { + + // Loop through the controls for the toggle. + $.each( toggle.controls, function( k, controlId ) { + + // Get the control object. + api.control( controlId, function( control ) { + + // Define the visibility callback. + var visibility = function( to ) { + control.container.toggle( toggle.callback( to ) ); + }; + + // Init visibility. + visibility( setting.get() ); + + // Bind the visibility callback to the setting. + setting.bind( visibility ); + }); + }); + }); + }); + + }); + }, + + /** + * Toggle sub control visibility CSS. + * + * @since x.x.x + */ + subControlsToggleCSS( controlValue, dependents ) { + $.each( dependents, function( controlOption, dependentSubControls ) { + $.each( dependentSubControls, function( dependentIndex, subControl ) { + // Remove old. + jQuery( 'style#ast-sub-control-' + subControl ).remove(); + // Add new. + if ( controlValue !== controlOption ) { + // Concat and append new ' + ); + } + }); + }); + }, + + /** + * Initializes the logic for showing and hiding sub controls + * when a setting changes. + * + * @since x.x.x + * @method _initSubControlsToggle + * @return void + */ + _initSubControlsToggle: function() + { + document.addEventListener('AstraToggleSubControls', function (e) { + let subControlData = e.detail; + ASTCustomizer.subControlsToggleCSS( subControlData.controlValue, subControlData.dependents ); + }); + } + }; + + $( function() { ASTCustomizer.init(); } ); + +})( jQuery ); + + +( function( api ) { + // Extends our custom astra-pro section. + api.sectionConstructor['astra-pro'] = api.Section.extend( { + // No events for this type of section. + attachEvents: function () {}, + // Always make the section active. + isContextuallyActive: function () { + return true; + } + } ); +} )( wp.customize ); diff --git a/assets/js/customizer-controls.min.js b/assets/js/customizer-controls.min.js new file mode 100644 index 00000000..64c2e1e4 --- /dev/null +++ b/assets/js/customizer-controls.min.js @@ -0,0 +1 @@ +(i=>{var c=wp.customize;ASTCustomizer={controls:{},init:function(){ASTCustomizer._initToggles(),ASTCustomizer._initSubControlsToggle()},_initToggles:function(){ASTControlTrigger.triggerHook("astra-toggle-control",c),i.each(ASTCustomizerToggles,function(t,o){c(t,function(e){i.each(o,function(t,n){i.each(n.controls,function(t,o){c.control(o,function(o){function t(t){o.container.toggle(n.callback(t))}t(e.get()),e.bind(t)})})})})})},subControlsToggleCSS(e,t){i.each(t,function(n,t){i.each(t,function(t,o){jQuery("style#ast-sub-control-"+o).remove(),e!==n&&jQuery("head").append('")})})},_initSubControlsToggle:function(){document.addEventListener("AstraToggleSubControls",function(t){t=t.detail;ASTCustomizer.subControlsToggleCSS(t.controlValue,t.dependents)})}},i(function(){ASTCustomizer.init()})})(jQuery),(t=>{t.sectionConstructor["astra-pro"]=t.Section.extend({attachEvents:function(){},isContextuallyActive:function(){return!0}})})(wp.customize); \ No newline at end of file diff --git a/assets/js/customizer-dependency.min.js b/assets/js/customizer-dependency.min.js new file mode 100644 index 00000000..e69de29b diff --git a/assets/js/customizer-preview.js b/assets/js/customizer-preview.js new file mode 100644 index 00000000..b8a93821 --- /dev/null +++ b/assets/js/customizer-preview.js @@ -0,0 +1,2816 @@ +/** + * This file adds some LIVE to the Theme Customizer live preview. To leverage + * this, set your custom settings to 'postMessage' and then add your handling + * here. Your javascript should grab settings from customizer controls, and + * then make any necessary changes to the page using jQuery. + * + * @package Astra + */ + +/** + * Generate font size in PX & REM + */ +function astra_font_size_rem( size, with_rem, device ) { + + var css = ''; + + if( size != '' ) { + + var device = ( typeof device !== 'undefined' ) ? device : 'desktop'; + + // font size with 'px'. + css = 'font-size: ' + size + 'px;'; + + // font size with 'rem'. + if ( with_rem ) { + var body_font_size = wp.customize( 'astra-settings[font-size-body]' ).get(); + + body_font_size['desktop'] = ( body_font_size['desktop'] != '' ) ? body_font_size['desktop'] : 15; + body_font_size['tablet'] = ( body_font_size['tablet'] != '' ) ? body_font_size['tablet'] : body_font_size['desktop']; + body_font_size['mobile'] = ( body_font_size['mobile'] != '' ) ? body_font_size['mobile'] : body_font_size['tablet']; + + if ( body_font_size[ device + '-unit' ] === 'px' ) { + css += 'font-size: ' + ( size / body_font_size[device] ) + 'rem;'; + } + } + } + + return css; +} + +/** + * Refresh customizer iframe. + */ +function astra_refresh_customizer( control ) { + wp.customize( control, function( value ) { + value.bind( function( value ) { + wp.customize.preview.send( 'refresh' ); + } ); + } ); +} + +/** + * Apply CSS for the element + */ +function astra_color_responsive_css( addon, control, css_property, selector ) { + + wp.customize( control, function( value ) { + value.bind( function( value ) { + if ( value.desktop || value.mobile || value.tablet ) { + // Remove ' + ); + + } else { + jQuery( 'style#' + control + '-' + addon ).remove(); + } + + } ); + } ); +} + + +/** + * Responsive Font Size CSS + */ +function astra_responsive_font_size( control, selector, dispatchCustomEvent = false, styleGuideSelector = '' ) { + + wp.customize( control, function( value ) { + value.bind( function( value ) { + + if ( value.desktop || value.mobile || value.tablet ) { + // Remove ' + ); + + if ( dispatchCustomEvent ) { + let styleGuideUpdatedEvent = new CustomEvent( 'AstraStyleGuideElementUpdated', { + 'detail': { + 'value': { + 'desktop': value.desktop + ( undefined == value['desktop-unit'] ? 'px' : value['desktop-unit'] ), + 'tablet': value.tablet + ( undefined == value['tablet-unit'] ? 'px' : value['tablet-unit'] ), + 'mobile': value.mobile + ( undefined == value['mobile-unit'] ? 'px' : value['mobile-unit'] ) + }, + 'selector': styleGuideSelector + } + }); + document.dispatchEvent(styleGuideUpdatedEvent); + } + + } else { + jQuery( 'style#' + control + '-font-size' ).remove(); + } + + } ); + } ); +} + +/** + * Font extras control dynamic CSS. + * + * @since x.x.x + */ +function astra_font_extras_css( control, selector ) { + wp.customize( 'astra-settings[' + control + ']', function( value ) { + value.bind( function( data ) { + if ( data ) { + // Remove ' + ); + + } else { + jQuery( 'style#' + control ).remove(); + } + } ); + } ); +} + +/** + * Responsive Spacing CSS + */ +function astra_responsive_spacing( control, selector, type, side ) { + + wp.customize( control, function( value ) { + value.bind( function( value ) { + var sidesString = ""; + var spacingType = "padding"; + if ( value.desktop.top || value.desktop.right || value.desktop.bottom || value.desktop.left || value.tablet.top || value.tablet.right || value.tablet.bottom || value.tablet.left || value.mobile.top || value.mobile.right || value.mobile.bottom || value.mobile.left ) { + if ( typeof side !== 'undefined' ) { + sidesString = side + ""; + // Replace comma character with dash, necessary to separate out spacing dimensions. + sidesString = sidesString.replace(/,/g , "-"); + } + if ( typeof type !== 'undefined' ) { + spacingType = type + ""; + } + // Remove ' + ); + + } else { + wp.customize.preview.send( 'refresh' ); + jQuery( 'style#' + control + '-' + spacingType + '-' + sidesString ).remove(); + } + + } ); + } ); +} + +/** + * CSS + */ +function astra_css_font_size( control, selector ) { + + wp.customize( control, function( value ) { + value.bind( function( size ) { + + if ( size ) { + + // Remove ' + ); + + } else { + + jQuery( 'style#' + control ).remove(); + } + + } ); + } ); +} + +/** + * Return get_hexdec() + */ +function get_hexdec( hex ) { + var hexString = hex.toString( 16 ); + return parseInt( hexString, 16 ); +} + +/** + * Apply CSS for the element + */ +function astra_css( control, css_property, selector, unit, important = false ) { + + wp.customize( control, function( value ) { + value.bind( function( new_value ) { + + // Remove ' + ); + + if( 'unset' === new_value ){ + jQuery( 'style#' + control + '-' + css_property ).remove(); + } + + } else { + // Remove old. + jQuery( 'style#' + control + '-' + css_property ).remove(); + } + + } ); + } ); +} + + +/** + * Dynamic Internal/Embedded Style for a Control + */ +function astra_add_dynamic_css( control, style ) { + control = control.replace( '[', '-' ); + control = control.replace( ']', '' ); + jQuery( 'style#' + control ).remove(); + + jQuery( 'head' ).append( + '' + ); +} + +/** + * Generate background_obj CSS + */ +function astra_background_obj_css( wp_customize, bg_obj, ctrl_name, style ) { + + var gen_bg_css = ''; + var bg_img = bg_obj['background-image']; + var bg_color = bg_obj['background-color']; + + if( '' === bg_color && '' === bg_img ) { + jQuery( 'style#' + ctrl_name ).remove(); + }else{ + if( undefined !== bg_obj['background-type'] && '' !== bg_obj['background-type'] ) { + + if ( ( 'color' === bg_obj['background-type'] ) ) { + + if ( '' !== bg_img && '' !== bg_color && undefined !== bg_color && 'unset' !== bg_color ) { + + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_img + ');'; + } else if ( undefined === bg_img || '' === bg_img || 'unset' === bg_img ) { + + gen_bg_css = 'background-color: ' + bg_color + ';'; + + } + } else if ( 'image' === bg_obj['background-type'] ) { + if ( '' !== bg_img ) { + if ( 'overlay-type' in bg_obj && 'none' !== bg_obj['overlay-type'] ) { + let overlay_color = 'overlay-color' in bg_obj ? bg_obj['overlay-color'] : ''; + let overlay_opacity = 'overlay-opacity' in bg_obj ? bg_obj['overlay-opacity'] : ''; + let overlay_gradient = 'overlay-gradient' in bg_obj ? bg_obj['overlay-gradient'] : ''; + if ( 'classic' === bg_obj['overlay-type'] && '' !== overlay_color ) { + if ( '' !== overlay_opacity ) { + wp.customize.preview.send( 'refresh' ); + return; + } + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_obj['overlay-color'] + ', ' + bg_obj['overlay-color'] + '), url(' + bg_img + ');'; + } else if ( 'gradient' === bg_obj['overlay-type'] && '' !== overlay_gradient ) { + gen_bg_css = 'background-image: ' + overlay_gradient + ', url(' + bg_img + ');'; + } else { + gen_bg_css = 'background-image: url(' + bg_img + ');'; + } + } else { + gen_bg_css = 'background-image: url(' + bg_img + ');'; + } + } + } else if ( 'gradient' === bg_obj['background-type'] ) { + if ( '' !== bg_color && 'unset' !== bg_color ) { + gen_bg_css = 'background-image: ' + bg_color + ';'; + } + } + } + + if ( '' !== bg_img ) { + + gen_bg_css += 'background-repeat: ' + bg_obj['background-repeat'] + ';'; + gen_bg_css += 'background-position: ' + bg_obj['background-position'] + ';'; + gen_bg_css += 'background-size: ' + bg_obj['background-size'] + ';'; + gen_bg_css += 'background-attachment: ' + bg_obj['background-attachment'] + ';'; + } + + var dynamicStyle = style.replace( "{{css}}", gen_bg_css ); + + astra_add_dynamic_css( ctrl_name, dynamicStyle ); + } +} + +/* +* Generate Font Family CSS +*/ +function astra_generate_outside_font_family_css( control, selector, dispatchCustomEvent = false, styleGuideSelector = '') { + wp.customize( control, function (value) { + value.bind( function ( value, oldValue ) { + + var cssProperty = 'font-family'; + var link = ''; + + var fontName = value.split(",")[0]; + // Replace ' character with space, necessary to separate out font prop value. + fontName = fontName.replace(/'/g, ''); + + // Remove ' + + link + ); + }); + }); +} + +/** + * Apply Advanced CSS for the element + * + * @param string section Section ID. + * @param string selector Base Selector. + */ +function astra_builder_advanced_css( section, selector ) { + + var tablet_break_point = 921, + mobile_break_point = 544; + + // Padding. + wp.customize( 'astra-settings[' + section + '-padding]', function( value ) { + value.bind( function( padding ) { + + if( ! padding.hasOwnProperty('desktop') ) { + return + } + + if( + padding.desktop.bottom != '' || padding.desktop.top != '' || padding.desktop.left != '' || padding.desktop.right != '' || + padding.tablet.bottom != '' || padding.tablet.top != '' || padding.tablet.left != '' || padding.tablet.right != '' || + padding.mobile.bottom != '' || padding.mobile.top != '' || padding.mobile.left != '' || padding.mobile.right != '' + ) { + var dynamicStyle = ''; + dynamicStyle += selector + ' {'; + dynamicStyle += 'padding-left: ' + padding['desktop']['left'] + padding['desktop-unit'] + ';'; + dynamicStyle += 'padding-right: ' + padding['desktop']['right'] + padding['desktop-unit'] + ';'; + dynamicStyle += 'padding-top: ' + padding['desktop']['top'] + padding['desktop-unit'] + ';'; + dynamicStyle += 'padding-bottom: ' + padding['desktop']['bottom'] + padding['desktop-unit'] + ';'; + dynamicStyle += '} '; + + dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {'; + dynamicStyle += selector + ' {'; + dynamicStyle += 'padding-left: ' + padding['tablet']['left'] + padding['tablet-unit'] + ';'; + dynamicStyle += 'padding-right: ' + padding['tablet']['right'] + padding['tablet-unit'] + ';'; + dynamicStyle += 'padding-top: ' + padding['tablet']['top'] + padding['tablet-unit'] + ';'; + dynamicStyle += 'padding-bottom: ' + padding['tablet']['bottom'] + padding['tablet-unit'] + ';'; + dynamicStyle += '} '; + dynamicStyle += '} '; + + dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {'; + dynamicStyle += selector + ' {'; + dynamicStyle += 'padding-left: ' + padding['mobile']['left'] + padding['mobile-unit'] + ';'; + dynamicStyle += 'padding-right: ' + padding['mobile']['right'] + padding['mobile-unit'] + ';'; + dynamicStyle += 'padding-top: ' + padding['mobile']['top'] + padding['mobile-unit'] + ';'; + dynamicStyle += 'padding-bottom: ' + padding['mobile']['bottom'] + padding['mobile-unit'] + ';'; + dynamicStyle += '} '; + dynamicStyle += '} '; + astra_add_dynamic_css( section + '-padding-toggle-button', dynamicStyle ); + } else { + astra_add_dynamic_css( section + '-padding-toggle-button', '' ); + } + } ); + } ); + + // Margin. + wp.customize( 'astra-settings[' + section + '-margin]', function( value ) { + value.bind( function( margin ) { + + if( ! margin.hasOwnProperty('desktop') ) { + return + } + + if( + margin.desktop.bottom != '' || margin.desktop.top != '' || margin.desktop.left != '' || margin.desktop.right != '' || + margin.tablet.bottom != '' || margin.tablet.top != '' || margin.tablet.left != '' || margin.tablet.right != '' || + margin.mobile.bottom != '' || margin.mobile.top != '' || margin.mobile.left != '' || margin.mobile.right != '' + ) { + var dynamicStyle = ''; + dynamicStyle += selector + ' {'; + dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';'; + dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';'; + dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';'; + dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';'; + dynamicStyle += '} '; + + dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {'; + dynamicStyle += selector + ' {'; + dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';'; + dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';'; + dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['tablet-unit'] + ';'; + dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['tablet-unit'] + ';'; + dynamicStyle += '} '; + dynamicStyle += '} '; + + dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {'; + dynamicStyle += selector + ' {'; + dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';'; + dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';'; + dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['mobile-unit'] + ';'; + dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['mobile-unit'] + ';'; + dynamicStyle += '} '; + dynamicStyle += '} '; + astra_add_dynamic_css( section + '-margin-toggle-button', dynamicStyle ); + } else { + astra_add_dynamic_css( section + '-margin-toggle-button', '' ); + } + } ); + } ); +} + +/** + * Apply Advanced CSS for the element + * + * @param string section Section ID. + * @param string selector Base Selector. + */ +function astra_border_spacing_advanced_css( section, selector ) { + wp.customize( 'astra-settings[' + section + '-border-width]', function( setting ) { + setting.bind( function( border ) { + var dynamicStyle = selector + ' {'; + if ( border.top ) { + dynamicStyle += 'border-top-style: solid;'; + dynamicStyle += 'border-top-width: ' + border.top + 'px;'; + } + if ( border.right ) { + dynamicStyle += 'border-right-style: solid;'; + dynamicStyle += 'border-right-width: ' + border.right + 'px;'; + } + if ( border.bottom ) { + dynamicStyle += 'border-bottom-style: solid;'; + dynamicStyle += 'border-bottom-width: ' + border.bottom + 'px;'; + } + if ( border.left ) { + dynamicStyle += 'border-left-style: solid;'; + dynamicStyle += 'border-left-width: ' + border.left + 'px;'; + } + dynamicStyle += '} '; + astra_add_dynamic_css( 'astra-settings[' + section + '-border-width]', dynamicStyle ); + } ); + } ); + + wp.customize( 'astra-settings[' + section + '-border-radius]', function( setting ) { + setting.bind( function( border ) { + if ( !border.top && !border.right && !border.bottom && !border.left ) { + wp.customize.preview.send( 'refresh' ); + return; + } + var dynamicStyle = selector + ' {'; + if ( border.top !== '' ) { + dynamicStyle += 'border-top-left-radius: ' + border.top + 'px;'; + } + if ( border.right !== '' ) { + dynamicStyle += 'border-top-right-radius: ' + border.right + 'px;'; + } + if ( border.left !== '' ) { + dynamicStyle += 'border-bottom-left-radius: ' + border.left + 'px;'; + } + if ( border.bottom !== '' ) { + dynamicStyle += 'border-bottom-right-radius: ' + border.bottom + 'px;'; + } + dynamicStyle += '} '; + astra_add_dynamic_css( 'astra-settings[' + section + '-border-radius]', dynamicStyle ); + } ); + } ); + + astra_css( 'astra-settings[' + section + '-border-color]', 'border-color', selector ); + astra_builder_advanced_css( section, selector ); +} + +/* +* Generate Font Weight CSS +*/ +function astra_generate_font_weight_css( font_control, control, css_property, selector ) { + wp.customize( control, function( value ) { + value.bind( function( new_value ) { + + control = control.replace( '[', '-' ); + control = control.replace( ']', '' ); + var link = ''; + + if ( new_value ) { + + /** + * If ( unit == 'url' ) then = url('{VALUE}') + * If ( unit == 'px' ) then = {VALUE}px + * If ( unit == 'em' ) then = {VALUE}em + * If ( unit == 'rem' ) then = {VALUE}rem. + */ + if ( 'undefined' != typeof unit) { + + if ( 'url' === unit ) { + new_value = 'url(' + new_value + ')'; + } else { + new_value = new_value + unit; + } + } + + var fontName = wp.customize._value[font_control]._value; + fontName = fontName.split(','); + fontName = fontName[0].replace( /'/g, '' ); + + // Remove old. + jQuery( 'style#' + control + '-' + css_property ).remove(); + + if ( fontName in astraCustomizer.googleFonts ) { + // Remove old. + + jQuery('#' + font_control).remove(); + if( new_value === "inherit" ) { + link = ''; + } else { + link = ''; + } + } + + // Concat and append new ' + + link + ); + + } else { + // Remove old. + jQuery( 'style#' + control ).remove(); + } + + } ); + }); +} + +/** + * Apply CSS for the element + */ +function astra_apply_responsive_background_css( control, selector, device, singleColorSelector, addon ) { + wp.customize( control, function( value ) { + value.bind( function( bg_obj ) { + + addon = addon || ''; + singleColorSelector = singleColorSelector || ''; + + addon = ( addon ) ? addon : 'header'; + + control = control.replace( '[', '-' ); + control = control.replace( ']', '' ); + + if( '' === bg_obj[device] || undefined === bg_obj[device] ){ + return; + } + + var gen_bg_css = ''; + var bg_img = bg_obj[device]['background-image']; + var bg_tab_img = bg_obj['tablet']['background-image']; + var bg_desk_img = bg_obj['desktop']['background-image']; + var bg_color = bg_obj[device]['background-color']; + var tablet_css = ( bg_obj['tablet']['background-image'] ) ? true : false; + var desktop_css = ( bg_obj['desktop']['background-image'] ) ? true : false; + + if( undefined !== bg_obj[device]['background-type'] && '' !== bg_obj[device]['background-type'] ) { + if ( ( 'color' === bg_obj[device]['background-type'] ) ) { + if ( '' !== bg_img && '' !== bg_color && undefined !== bg_color && 'unset' !== bg_color ) { + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_img + ');'; + } else if ( 'mobile' === device ) { + if ( desktop_css ) { + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_desk_img + ');'; + } else if ( tablet_css ) { + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_tab_img + ');'; + } else { + gen_bg_css = 'background-color: ' + bg_color + ';'; + gen_bg_css += 'background-image: none;'; + } + } else if ( 'tablet' === device ) { + if ( desktop_css ) { + gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_desk_img + ');'; + } else { + gen_bg_css = 'background-color: ' + bg_color + ';'; + gen_bg_css += 'background-image: none;'; + } + } else if ( undefined === bg_img || '' === bg_img ) { + gen_bg_css = 'background-color: ' + bg_color + ';'; + gen_bg_css += 'background-image: none;'; + } + } else if ( 'image' === bg_obj[device]['background-type'] ) { + if ( '' !== bg_img ) { + if ( undefined !== bg_obj[device]['overlay-type'] && 'none' !== bg_obj[device]['overlay-type'] ) { + let overlay_color = undefined !== bg_obj[device]['overlay-color'] ? bg_obj[device]['overlay-color'] : ''; + let overlay_opacity = undefined !== bg_obj[device]['overlay-opacity'] ? bg_obj[device]['overlay-opacity'] : ''; + let overlay_gradient = undefined !== bg_obj[device]['overlay-gradient'] ? bg_obj[device]['overlay-gradient'] : ''; + if ( 'classic' === bg_obj[device]['overlay-type'] && '' !== overlay_color ) { + if ( '' !== overlay_opacity ) { + wp.customize.preview.send( 'refresh' ); + return; + } + gen_bg_css = 'background-image: linear-gradient(to right, ' + overlay_color + ', ' + overlay_color + '), url(' + bg_img + ');'; + } else if ( 'gradient' === bg_obj[device]['overlay-type'] && '' !== overlay_gradient ) { + gen_bg_css = 'background-image: ' + overlay_gradient + ', url(' + bg_img + ');'; + } else { + gen_bg_css = 'background-image: url(' + bg_img + ');'; + } + } else { + gen_bg_css = 'background-image: url(' + bg_img + ');'; + } + } + } else if ( 'gradient' === bg_obj[device]['background-type'] ) { + if ( '' !== bg_color && 'unset' !== bg_color ) { + gen_bg_css = 'background-image: ' + bg_color + ';'; + } + } + } + + if ( '' !== bg_img ) { + + gen_bg_css += 'background-repeat: ' + bg_obj[device]['background-repeat'] + ';'; + gen_bg_css += 'background-position: ' + bg_obj[device]['background-position'] + ';'; + gen_bg_css += 'background-size: ' + bg_obj[device]['background-size'] + ';'; + gen_bg_css += 'background-attachment: ' + bg_obj[device]['background-attachment'] + ';'; + } + + // Remove old. + jQuery( 'style#' + control + '-' + device + '-' + addon ).remove(); + + if ( 'desktop' == device ) { + var dynamicStyle = '' + } + if ( 'tablet' == device ) { + var dynamicStyle = '' + } + if ( 'mobile' == device ) { + var dynamicStyle = '' + } + + // Concat and append new ' + ); + + } else { + jQuery( 'style#' + control + '-font-size' ).remove(); + } + }); + }); + + astra_refresh_customizer( 'astra-settings[related-metadata-separator]' ); + astra_refresh_customizer( 'astra-settings[related-posts-image-ratio-type]' ); + astra_refresh_customizer( 'astra-settings[related-posts-image-ratio-pre-scale]' ); + astra_refresh_customizer( 'astra-settings[related-posts-image-custom-scale-width]' ); + astra_refresh_customizer( 'astra-settings[related-posts-image-custom-scale-height]' ); + astra_refresh_customizer( 'astra-settings[related-posts-image-size]' ); + astra_refresh_customizer( 'astra-settings[related-posts-author-prefix-label]' ); + astra_refresh_customizer( 'astra-settings[related-posts-author-avatar]' ); + astra_refresh_customizer( 'astra-settings[related-posts-meta-date-type]' ); + astra_refresh_customizer( 'astra-settings[related-posts-date-format]' ); + astra_refresh_customizer( 'astra-settings[related-posts-category-style]' ); + astra_refresh_customizer( 'astra-settings[related-posts-tag-style]' ); + + function astraHandleButtonPresetPreview( btnSelector ) { + + wp.customize( 'astra-settings[button-preset-style]', function( setting ) { + setting.bind( function( value ) { + + var buttonBGColor = wp.customize( 'astra-settings[button-bg-color]' ).get(); + var buttonTextColor = wp.customize( 'astra-settings[button-color]' ).get(); + var themeColor = wp.customize( 'astra-settings[theme-color]' ).get(); + + if( 'button_04' === value || 'button_05' === value || 'button_06' === value ) { + + var buttonBorderColor = wp.customize( 'astra-settings[theme-button-border-group-border-color]' ).get(); + + if( '' === buttonBorderColor ) { + jQuery( 'style#astra-settings-theme-button-border-group-border-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + if( '' === buttonTextColor && '' !== buttonBGColor ) { + jQuery( 'style#astra-settings-button-outline-preset-color' ).remove(); + + jQuery( 'head' ).append( + '' + ); + } + + if( '' === buttonTextColor && '' === buttonBGColor ) { + + jQuery( 'style#astra-settings-button-outline-preset-color' ).remove(); + + jQuery( 'head' ).append( + '' + ); + } + + // Remove old. + jQuery( 'style#astra-settings-button-preset-style-background-color' ).remove(); + + // Concat and append new ' + ); + } + else { + + jQuery( 'style#astra-settings-button-bg-color-background-color' ).remove(); + jQuery( 'style#astra-settings-button-outline-preset-color' ).remove(); + + if( '' === buttonTextColor && '' === buttonBGColor ) { + + jQuery( 'head' ).append( + '' + ); + + } else { + + // Set background color for button to theme color when value is empty. + buttonBGColor = ( '' != buttonBGColor ) ? buttonBGColor : themeColor; + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + if( '' === buttonTextColor ) { + + // Set button text color to white when value is empty. + jQuery( 'head' ).append( + '' + ); + + jQuery( 'style#astra-settings-button-color-color' ).remove(); + } + } + + } ); + } ); + + wp.customize( 'astra-settings[secondary-button-preset-style]', function( setting ) { + + var btnBgColorSelector = '.wp-block-buttons .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), .wp-block-buttons .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background), .ast-outline-button'; + setting.bind( function( value ) { + + var buttonBGColor = wp.customize( 'astra-settings[secondary-button-bg-color]' ).get(); + var buttonTextColor = wp.customize( 'astra-settings[secondary-button-color]' ).get(); + var themeColor = wp.customize( 'astra-settings[theme-color]' ).get(); + + if( 'button_04' === value || 'button_05' === value || 'button_06' === value ) { + + var buttonBorderColor = wp.customize( 'astra-settings[secondary-theme-button-border-group-border-color]' ).get(); + + if( '' === buttonBorderColor ) { + jQuery( 'style#astra-settings-secondary-theme-button-border-group-border-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + if( '' === buttonTextColor && '' !== buttonBGColor ) { + jQuery( 'style#astra-settings-secondary-button-outline-preset-color' ).remove(); + + jQuery( 'head' ).append( + '' + ); + } + + if( '' === buttonTextColor && '' === buttonBGColor ) { + + jQuery( 'style#astra-settings-secondary-button-outline-preset-color' ).remove(); + + jQuery( 'head' ).append( + '' + ); + } + + // Remove old. + jQuery( 'style#astra-settings-secondary-button-preset-style-background-color' ).remove(); + + // Concat and append new ' + ); + } else { + + jQuery( 'style#astra-settings-secondary-button-bg-color-background-color' ).remove(); + jQuery( 'style#astra-settings-secondary-button-outline-preset-color' ).remove(); + + if( '' === buttonTextColor && '' === buttonBGColor ) { + + jQuery( 'head' ).append( + '' + ); + + } else { + + // Set background color for button to theme color when value is empty. + buttonBGColor = ( '' != buttonBGColor ) ? buttonBGColor : themeColor; + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + if( '' === buttonTextColor ) { + + // Set button text color to white when value is empty. + jQuery( 'head' ).append( + '' + ); + + jQuery( 'style#astra-settings-secondary-button-color-color' ).remove(); + } + + // Clear preset. + if ( '' === value ) { + wp.customize.preview.send( 'refresh' ); + } + } + + } ); + } ); + + wp.customize( 'astra-settings[button-color]', function( setting ) { + setting.bind( function( value ) { + if( '' === value ) { + + var buttonPreset = wp.customize( 'astra-settings[button-preset-style]' ).get(); + + // If button has outline preset. + if( 'button_04' === buttonPreset || 'button_05' === buttonPreset || 'button_06' === buttonPreset ) { + + var buttonBGColor = wp.customize( 'astra-settings[button-bg-color]' ).get(); + + jQuery( 'style#astra-settings-button-outline-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + else { + jQuery( 'style#astra-settings-button-color-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + } else { + + jQuery( 'style#astra-settings-button-color-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + } ); + } ); + + wp.customize( 'astra-settings[secondary-button-color]', function( setting ) { + setting.bind( function( value ) { + if( '' === value ) { + + var buttonPreset = wp.customize( 'astra-settings[secondary-button-preset-style]' ).get(); + var themeColor = wp.customize( 'astra-settings[theme-color]' ).get(); + + // If button has outline preset. + if( 'button_04' === buttonPreset || 'button_05' === buttonPreset || 'button_06' === buttonPreset ) { + + var buttonBGColor = wp.customize( 'astra-settings[secondary-button-bg-color]' ).get(); + + jQuery( 'style#astra-settings-secondary-button-color-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } else { + jQuery( 'style#astra-settings-button-color-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + } else { + + jQuery( 'style#astra-settings-secondary-button-color-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + } ); + } ); + + wp.customize( 'astra-settings[button-bg-color]', function( setting ) { + setting.bind( function( value ) { + + var buttonPreset = wp.customize( 'astra-settings[button-preset-style]' ).get(); + var themeColor = wp.customize( 'astra-settings[theme-color]' ).get(); + var buttonTextColor = wp.customize( 'astra-settings[button-color]' ).get(); + + // If button has outline preset. + if( 'button_04' === buttonPreset || 'button_05' === buttonPreset || 'button_06' === buttonPreset ) { + + var buttonTextColor = wp.customize( 'astra-settings[button-color]' ).get(); + var buttonBorderColor = wp.customize( 'astra-settings[theme-button-border-group-border-color]' ).get(); + + if( '' === buttonBorderColor ) { + // Theme Button - Background Color + jQuery( 'style#astra-settings-theme-button-border-group-border-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + if( '' === buttonTextColor ) { + jQuery( 'style#astra-settings-button-outline-preset-color' ).remove(); + + jQuery( 'head' ).append( + '' + ); + } + + } + else { + jQuery( 'style#astra-settings-button-bg-color-background-color' ).remove(); + jQuery( 'style#astra-settings-button-outline-preset-color' ).remove(); + + // Set background color for button to theme color when value is empty. + value = ( '' != value ) ? value : themeColor; + + if( '' === buttonTextColor ) { + + jQuery( 'head' ).append( + '' + ); + } + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + } ); + } ); + + wp.customize( 'astra-settings[secondary-button-bg-color]', function( setting ) { + var btnBgColorSelector = '.wp-block-buttons .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), .wp-block-buttons .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background), .ast-outline-button'; + + setting.bind( function( value ) { + var buttonPreset = wp.customize( 'astra-settings[secondary-button-preset-style]' ).get(); + var themeColor = wp.customize( 'astra-settings[theme-color]' ).get(); + var buttonTextColor = wp.customize( 'astra-settings[secondary-button-color]' ).get(); + var buttonBorderColor = wp.customize( 'astra-settings[secondary-theme-button-border-group-border-color]' ).get(); + + // If button has outline preset. + if( 'button_04' === buttonPreset || 'button_05' === buttonPreset || 'button_06' === buttonPreset ) { + + if( '' === buttonBorderColor ) { + + // Theme Button - Background Color + jQuery( 'style#astra-settings-secondary-theme-button-border-group-border-color' ).remove(); + + // Theme Button - Background Color + jQuery( 'head' ).append( + '' + ); + } + + if( '' === buttonTextColor ) { + jQuery( 'style#astra-settings-secondary-button-outline-preset-color' ).remove(); + + jQuery( 'head' ).append( + '' + ); + } + + jQuery( 'style#astra-settings-secondary-button-bg-color-background-color' ).remove(); + + jQuery( 'head' ).append( + '' + ); + + } else if ( 'button_01' === buttonPreset || 'button_02' === buttonPreset || 'button_03' === buttonPreset ) { + jQuery( 'style#astra-settings-secondary-button-outline-preset-color' ).remove(); + + jQuery( 'style#astra-settings-secondary-button-bg-color-background-color' ).remove(); + + jQuery( 'head' ).append( + '' + ); + + // Set background color for button to theme color when value is empty. + value = ( '' != value ) ? value : themeColor; + + if( '' === buttonTextColor ) { + + jQuery( 'head' ).append( + '' + ); + } + } else { + + if ( '' === buttonBorderColor ) { + jQuery( 'head' ).append( + '' + ); + } + + jQuery( 'style#astra-settings-secondary-button-bg-color-background-color' ).remove(); + + jQuery( 'head' ).append( + '' + ); + } + } ); + } ); + + /** + * Cart Count Color. + */ + wp.customize( 'astra-settings[woo-header-cart-product-count-color]', function( setting ) { + setting.bind( function( color ) { + if( color ) { + var dynamicStyle = '.ast-menu-cart-outline .ast-cart-menu-wrap .count, .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon:after { color: ' + color + '; } '; + astra_add_dynamic_css( 'woo-header-cart-product-count-color', dynamicStyle ); + } else { + wp.customize.preview.send( 'refresh' ); + } + } ); + } ); + + /** + * Cart Count Color Hover. + */ + wp.customize( 'astra-settings[woo-header-cart-product-count-h-color]', function( setting ) { + setting.bind( function( color ) { + if( color ) { + var dynamicStyle = '.ast-site-header-cart .ast-site-header-cart-li:hover .ast-cart-menu-wrap .count .ast-count-text, .ast-site-header-cart .ast-site-header-cart-li:hover .ast-addon-cart-wrap i.astra-icon:after { color: ' + color + '; } '; + astra_add_dynamic_css( 'woo-header-cart-product-count-h-color', dynamicStyle ); + } else { + wp.customize.preview.send( 'refresh' ); + } + + } ); + } ); + + wp.customize('astra-settings[single-product-cart-button-width]', function (value) { + value.bind(function (size) { + var tablet_break_point = astraBuilderPreview.tablet_break_point || 768, + mobile_break_point = astraBuilderPreview.mobile_break_point || 544; + if (size.desktop != '' || size.tablet != '' || size.mobile != '') { + var dynamicStyle = ''; + dynamicStyle += '.woocommerce div.product form.cart .button.single_add_to_cart_button {'; + dynamicStyle += 'width: ' + size.desktop + '%' + ';'; + dynamicStyle += '} '; + dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {'; + dynamicStyle += '.woocommerce div.product form.cart .button.single_add_to_cart_button {'; + dynamicStyle += 'width: ' + size.tablet + '%' + ';'; + dynamicStyle += '} '; + dynamicStyle += '} '; + + dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {'; + dynamicStyle += '.woocommerce div.product form.cart .button.single_add_to_cart_button {'; + dynamicStyle += 'width: ' + size.mobile + '%' + ';'; + dynamicStyle += '} '; + dynamicStyle += '} '; + astra_add_dynamic_css('header-woo-cart-icon-size', dynamicStyle); + } else { + wp.customize.preview.send( 'refresh' ); + } + }); + }); + + // Single product Sticky add to cart. + const astraStickyAddToCartBtnColor = '.woocommerce .ast-sticky-add-to-cart .button.alt'; + const astraStickyAddToCartBtnHover = '.woocommerce .ast-sticky-add-to-cart .button.alt:hover'; + + astra_css( 'astra-settings[single-product-sticky-add-to-cart-btn-n-color]', 'color', astraStickyAddToCartBtnColor ); + astra_css( 'astra-settings[single-product-sticky-add-to-cart-btn-h-color]', 'color', astraStickyAddToCartBtnHover ); + + astra_css( 'astra-settings[single-product-sticky-add-to-cart-btn-bg-n-color]', 'background', astraStickyAddToCartBtnColor ); + astra_css( 'astra-settings[single-product-sticky-add-to-cart-btn-bg-h-color]', 'background', astraStickyAddToCartBtnHover ); + + astra_css( 'astra-settings[single-product-sticky-add-to-cart-btn-bg-n-color]', 'border-color',astraStickyAddToCartBtnColor ); + astra_css( 'astra-settings[single-product-sticky-add-to-cart-btn-bg-h-color]', 'border-color', astraStickyAddToCartBtnHover ); + + astra_css( 'astra-settings[single-product-sticky-add-to-cart-text-color]', 'color', '.ast-sticky-add-to-cart .ast-container .ast-sticky-add-to-cart-content' ); + astra_css( 'astra-settings[single-product-sticky-add-to-cart-bg-color]', 'background-color', '.ast-sticky-add-to-cart'); + + wp.customize( 'astra-settings[single-product-sticky-add-to-cart-position]', function( setting ) { + setting.bind( function( position ) { + + var dynamicStyle = ''; + + if( 'top' === position ) { + dynamicStyle += 'div.ast-sticky-add-to-cart{'; + dynamicStyle += 'top: 0;'; + dynamicStyle += 'bottom: initial;'; + dynamicStyle += 'transform: translate(0, -100%);'; + dynamicStyle += 'box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1), 0px 1px 9px rgba(0, 0, 0, 0.06);'; + dynamicStyle += 'opacity: 0'; + dynamicStyle += '}'; + } else { + dynamicStyle += 'div.ast-sticky-add-to-cart{'; + dynamicStyle += 'bottom: 0;'; + dynamicStyle += 'top: initial;'; + dynamicStyle += 'transform: translate(0, 100%);'; + dynamicStyle += 'box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.1), 0px -1px 9px rgba(0, 0, 0, 0.06);'; + dynamicStyle += 'opacity: 0'; + dynamicStyle += '}'; + } + + astra_add_dynamic_css( 'sticky-add-to-cart-position', dynamicStyle ); + } ); + } ); + + wp.customize( 'astra-settings[single-product-payment-icon-color]', function( setting ) { + setting.bind( function( value ) { + wp.customize.preview.send( 'refresh' ); + } ); + } ); + + wp.customize( 'astra-settings[shop-ratings-product-archive]', function( setting ) { + setting.bind( function( value ) { + wp.customize.preview.send( 'refresh' ); + } ); + } ); + + wp.customize( 'astra-settings[single-product-payment-text]', function( setting ) { + setting.bind( function( text ) { + const paymentText = document.querySelector('.ast-single-product-payments legend'); + if( paymentText ) { + paymentText.textContent = text; + } + } ); + } ); + + wp.customize( 'astra-settings[single-product-payment-list]', function( setting ) { + setting.bind( function( value ) { + wp.customize.preview.send( 'refresh' ); + } ); + } ); + + } + +} )( jQuery ); diff --git a/assets/js/customizer-preview.min.js b/assets/js/customizer-preview.min.js new file mode 100644 index 00000000..7a399676 --- /dev/null +++ b/assets/js/customizer-preview.min.js @@ -0,0 +1,36 @@ +function astra_font_size_rem(t,e,o){var s="";return""!=t&&(o=void 0!==o?o:"desktop",s="font-size: "+t+"px;",e)&&((e=wp.customize("astra-settings[font-size-body]").get()).desktop=""!=e.desktop?e.desktop:15,e.tablet=""!=e.tablet?e.tablet:e.desktop,e.mobile=""!=e.mobile?e.mobile:e.tablet,"px"===e[o+"-unit"])&&(s+="font-size: "+t/e[o]+"rem;"),s}function astra_refresh_customizer(t){wp.customize(t,function(t){t.bind(function(t){wp.customize.preview.send("refresh")})})}function astra_color_responsive_css(a,n,r,i){wp.customize(n,function(t){t.bind(function(t){var e,o,s;t.desktop||t.mobile||t.tablet?(n=(n=n.replace("[","-")).replace("]",""),jQuery("style#"+n+"-"+a).remove(),(s=o=e="")!=t.desktop&&(e=r+": "+t.desktop),""!=t.tablet&&(o=r+": "+t.tablet),""!=t.mobile&&(s=r+": "+t.mobile),jQuery("head").append('")):jQuery("style#"+n+"-"+a).remove()})})}function astra_responsive_font_size(n,r,i=!1,l=""){wp.customize(n,function(t){t.bind(function(t){var e,o,s,a;t.desktop||t.mobile||t.tablet?(n=(n=n.replace("[","-")).replace("]",""),a="font-size",e="px"==t["desktop-unit"]?astra_font_size_rem(t.desktop,!0,"desktop"):"",s=o="",jQuery("style#"+n+"-"+a).remove(),""!=t.desktop&&(e=e||"font-size: "+t.desktop+(null==t["desktop-unit"]?"px":t["desktop-unit"])),""!=t.tablet&&(o="font-size: "+t.tablet+(null==t["tablet-unit"]?"px":t["tablet-unit"])),""!=t.mobile&&(s="font-size: "+t.mobile+(null==t["mobile-unit"]?"px":t["mobile-unit"])),jQuery("head").append('"),i&&(a=new CustomEvent("AstraStyleGuideElementUpdated",{detail:{value:{desktop:t.desktop+(null==t["desktop-unit"]?"px":t["desktop-unit"]),tablet:t.tablet+(null==t["tablet-unit"]?"px":t["tablet-unit"]),mobile:t.mobile+(null==t["mobile-unit"]?"px":t["mobile-unit"])},selector:l}}),document.dispatchEvent(a))):jQuery("style#"+n+"-font-size").remove()})})}function astra_font_extras_css(o,s){wp.customize("astra-settings["+o+"]",function(t){t.bind(function(t){var e;t?(jQuery("style#"+o).remove(),e=s+" { line-height : "+t["line-height"]+t["line-height-unit"]+";",e=(e+="letter-spacing : "+t["letter-spacing"]+t["letter-spacing-unit"]+";")+"text-decoration : "+t["text-decoration"]+";text-transform : "+t["text-transform"]+";}",jQuery("head").append('")):jQuery("style#"+o).remove()})})}function astra_responsive_spacing(i,l,u,c){wp.customize(i,function(t){t.bind(function(o){var s,a,n,t,e="",r="padding";o.desktop.top||o.desktop.right||o.desktop.bottom||o.desktop.left||o.tablet.top||o.tablet.right||o.tablet.bottom||o.tablet.left||o.mobile.top||o.mobile.right||o.mobile.bottom||o.mobile.left?(void 0!==c&&(e=(e=c+"").replace(/,/g,"-")),void 0!==u&&(r=u+""),i=(i=i.replace("[","-")).replace("]",""),jQuery("style#"+i+"-"+r+"-"+e).remove(),n=a=s="",t=void 0!==c?c:["top","bottom","right","left"],jQuery.each(t,function(t,e){""!=o.desktop[e]&&(s+=r+"-"+e+": "+o.desktop[e]+o["desktop-unit"]+";")}),jQuery.each(t,function(t,e){""!=o.tablet[e]&&(a+=r+"-"+e+": "+o.tablet[e]+o["tablet-unit"]+";")}),jQuery.each(t,function(t,e){""!=o.mobile[e]&&(n+=r+"-"+e+": "+o.mobile[e]+o["mobile-unit"]+";")}),jQuery("head").append('")):(wp.customize.preview.send("refresh"),jQuery("style#"+i+"-"+r+"-"+e).remove())})})}function astra_css_font_size(o,s){wp.customize(o,function(t){t.bind(function(t){var e;t?(o=(o=o.replace("[","-")).replace("]",""),jQuery("style#"+o).remove(),e="font-size: "+t,(!Number.isNaN(t)||0<=t.indexOf("px"))&&(e=astra_font_size_rem(t=t.replace("px",""),!0)),jQuery("head").append('")):jQuery("style#"+o).remove()})})}function get_hexdec(t){t=t.toString(16);return parseInt(t,16)}function astra_css(o,s,a,n,r=!1){wp.customize(o,function(t){t.bind(function(t){var e;o=(o=o.replace("[","-")).replace("]",""),(t||0===t)&&(void 0!==n&&("url"===n?t="url("+t+")":t+=n),e=r?" !important":"",jQuery("style#"+o+"-"+s).remove(),jQuery("head").append('"),"unset"!==t)||jQuery("style#"+o+"-"+s).remove()})})}function astra_add_dynamic_css(t,e){t=(t=t.replace("[","-")).replace("]",""),jQuery("style#"+t).remove(),jQuery("head").append('")}function astra_background_obj_css(t,e,o,s){var a="",n=e["background-image"],r=e["background-color"];if(""===r&&""===n)jQuery("style#"+o).remove();else{if(void 0!==e["background-type"]&&""!==e["background-type"])if("color"===e["background-type"])""!==n&&""!==r&&void 0!==r&&"unset"!==r?a="background-image: linear-gradient(to right, "+r+", "+r+"), url("+n+");":void 0!==n&&""!==n&&"unset"!==n||(a="background-color: "+r+";");else if("image"===e["background-type"]){if(""!==n)if("overlay-type"in e&&"none"!==e["overlay-type"]){var i="overlay-color"in e?e["overlay-color"]:"",l="overlay-opacity"in e?e["overlay-opacity"]:"",u="overlay-gradient"in e?e["overlay-gradient"]:"";if("classic"===e["overlay-type"]&&""!==i){if(""!==l)return void wp.customize.preview.send("refresh");a="background-image: linear-gradient(to right, "+e["overlay-color"]+", "+e["overlay-color"]+"), url("+n+");"}else a="gradient"===e["overlay-type"]&&""!==u?"background-image: "+u+", url("+n+");":"background-image: url("+n+");"}else a="background-image: url("+n+");"}else"gradient"===e["background-type"]&&""!==r&&"unset"!==r&&(a="background-image: "+r+";");""!==n&&(a=(a=(a+="background-repeat: "+e["background-repeat"]+";")+"background-position: "+e["background-position"]+";")+"background-size: "+e["background-size"]+";background-attachment: "+e["background-attachment"]+";"),astra_add_dynamic_css(o,s.replace("{{css}}",a))}}function astra_generate_outside_font_family_css(n,r,i=!1,l=""){wp.customize(n,function(t){t.bind(function(t,e){var o="font-family",s="",a=t.split(",")[0];a=a.replace(/'/g,""),n=(n=n.replace("[","-")).replace("]",""),jQuery("style#"+n+"-"+o).remove(),a in astraCustomizer.googleFonts&&(a=a.split(" ").join("+"),jQuery("link#"+n).remove(),s=''),i&&(a=new CustomEvent("AstraStyleGuideElementUpdated",{detail:{value:t,selector:l}}),document.dispatchEvent(a)),jQuery("head").append('"+s)})})}function astra_builder_advanced_css(o,s){wp.customize("astra-settings["+o+"-padding]",function(t){t.bind(function(t){var e;t.hasOwnProperty("desktop")&&(""!=t.desktop.bottom||""!=t.desktop.top||""!=t.desktop.left||""!=t.desktop.right||""!=t.tablet.bottom||""!=t.tablet.top||""!=t.tablet.left||""!=t.tablet.right||""!=t.mobile.bottom||""!=t.mobile.top||""!=t.mobile.left||""!=t.mobile.right?(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e="")+s+" {padding-left: "+t.desktop.left+t["desktop-unit"]+";")+"padding-right: "+t.desktop.right+t["desktop-unit"]+";")+"padding-top: "+t.desktop.top+t["desktop-unit"]+";")+"padding-bottom: "+t.desktop.bottom+t["desktop-unit"]+";} @media (max-width: 921px) {")+s+" {padding-left: "+t.tablet.left+t["tablet-unit"]+";")+"padding-right: "+t.tablet.right+t["tablet-unit"]+";")+"padding-top: "+t.tablet.top+t["tablet-unit"]+";")+"padding-bottom: "+t.tablet.bottom+t["tablet-unit"]+";} } @media (max-width: 544px) {")+s+" {padding-left: "+t.mobile.left+t["mobile-unit"]+";")+"padding-right: "+t.mobile.right+t["mobile-unit"]+";")+"padding-top: "+t.mobile.top+t["mobile-unit"]+";")+"padding-bottom: "+t.mobile.bottom+t["mobile-unit"]+";",astra_add_dynamic_css(o+"-padding-toggle-button",e=e+"} "+"} ")):astra_add_dynamic_css(o+"-padding-toggle-button",""))})}),wp.customize("astra-settings["+o+"-margin]",function(t){t.bind(function(t){var e;t.hasOwnProperty("desktop")&&(""!=t.desktop.bottom||""!=t.desktop.top||""!=t.desktop.left||""!=t.desktop.right||""!=t.tablet.bottom||""!=t.tablet.top||""!=t.tablet.left||""!=t.tablet.right||""!=t.mobile.bottom||""!=t.mobile.top||""!=t.mobile.left||""!=t.mobile.right?(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e="")+s+" {margin-left: "+t.desktop.left+t["desktop-unit"]+";")+"margin-right: "+t.desktop.right+t["desktop-unit"]+";")+"margin-top: "+t.desktop.top+t["desktop-unit"]+";")+"margin-bottom: "+t.desktop.bottom+t["desktop-unit"]+";} @media (max-width: 921px) {")+s+" {margin-left: "+t.tablet.left+t["tablet-unit"]+";")+"margin-right: "+t.tablet.right+t["tablet-unit"]+";")+"margin-top: "+t.tablet.top+t["tablet-unit"]+";")+"margin-bottom: "+t.tablet.bottom+t["tablet-unit"]+";} } @media (max-width: 544px) {")+s+" {margin-left: "+t.mobile.left+t["mobile-unit"]+";")+"margin-right: "+t.mobile.right+t["mobile-unit"]+";")+"margin-top: "+t.mobile.top+t["mobile-unit"]+";")+"margin-bottom: "+t.mobile.bottom+t["mobile-unit"]+";",astra_add_dynamic_css(o+"-margin-toggle-button",e=e+"} "+"} ")):astra_add_dynamic_css(o+"-margin-toggle-button",""))})})}function astra_border_spacing_advanced_css(o,s){wp.customize("astra-settings["+o+"-border-width]",function(t){t.bind(function(t){var e=s+" {";t.top&&(e=e+"border-top-style: solid;border-top-width: "+t.top+"px;"),t.right&&(e=e+"border-right-style: solid;border-right-width: "+t.right+"px;"),t.bottom&&(e=e+"border-bottom-style: solid;border-bottom-width: "+t.bottom+"px;"),t.left&&(e=e+"border-left-style: solid;border-left-width: "+t.left+"px;"),astra_add_dynamic_css("astra-settings["+o+"-border-width]",e+="} ")})}),wp.customize("astra-settings["+o+"-border-radius]",function(t){t.bind(function(t){var e;t.top||t.right||t.bottom||t.left?(e=s+" {",""!==t.top&&(e+="border-top-left-radius: "+t.top+"px;"),""!==t.right&&(e+="border-top-right-radius: "+t.right+"px;"),""!==t.left&&(e+="border-bottom-left-radius: "+t.left+"px;"),""!==t.bottom&&(e+="border-bottom-right-radius: "+t.bottom+"px;"),astra_add_dynamic_css("astra-settings["+o+"-border-radius]",e+="} ")):wp.customize.preview.send("refresh")})}),astra_css("astra-settings["+o+"-border-color]","border-color",s),astra_builder_advanced_css(o,s)}function astra_generate_font_weight_css(s,a,n,r){wp.customize(a,function(t){t.bind(function(t){a=(a=a.replace("[","-")).replace("]","");var e,o="";t?("undefined"!=typeof unit&&("url"===unit?t="url("+t+")":t+=unit),e=(e=(e=wp.customize._value[s]._value).split(","))[0].replace(/'/g,""),jQuery("style#"+a+"-"+n).remove(),e in astraCustomizer.googleFonts&&(jQuery("#"+s).remove(),o="inherit"===t?'':''),jQuery("head").append('"+o)):jQuery("style#"+a).remove()})})}function astra_apply_responsive_background_css(u,c,d,t,b){wp.customize(u,function(t){t.bind(function(t){if(b=(b=b||"")||"header",u=(u=u.replace("[","-")).replace("]",""),""!==t[d]&&void 0!==t[d]){var e,o="",s=t[d]["background-image"],a=t.tablet["background-image"],n=t.desktop["background-image"],r=t[d]["background-color"],i=!!t.tablet["background-image"],l=!!t.desktop["background-image"];if(void 0!==t[d]["background-type"]&&""!==t[d]["background-type"])if("color"===t[d]["background-type"])""!==s&&""!==r&&void 0!==r&&"unset"!==r?o="background-image: linear-gradient(to right, "+r+", "+r+"), url("+s+");":"mobile"===d?l?o="background-image: linear-gradient(to right, "+r+", "+r+"), url("+n+");":i?o="background-image: linear-gradient(to right, "+r+", "+r+"), url("+a+");":(o="background-color: "+r+";",o+="background-image: none;"):"tablet"===d?l?o="background-image: linear-gradient(to right, "+r+", "+r+"), url("+n+");":(o="background-color: "+r+";",o+="background-image: none;"):void 0!==s&&""!==s||(o="background-color: "+r+";",o+="background-image: none;");else if("image"===t[d]["background-type"]){if(""!==s)if(void 0!==t[d]["overlay-type"]&&"none"!==t[d]["overlay-type"]){i=void 0!==t[d]["overlay-color"]?t[d]["overlay-color"]:"",a=void 0!==t[d]["overlay-opacity"]?t[d]["overlay-opacity"]:"",l=void 0!==t[d]["overlay-gradient"]?t[d]["overlay-gradient"]:"";if("classic"===t[d]["overlay-type"]&&""!==i){if(""!==a)return void wp.customize.preview.send("refresh");o="background-image: linear-gradient(to right, "+i+", "+i+"), url("+s+");"}else o="gradient"===t[d]["overlay-type"]&&""!==l?"background-image: "+l+", url("+s+");":"background-image: url("+s+");"}else o="background-image: url("+s+");"}else"gradient"===t[d]["background-type"]&&""!==r&&"unset"!==r&&(o="background-image: "+r+";");""!==s&&(o=(o=(o=(o+="background-repeat: "+t[d]["background-repeat"]+";")+"background-position: "+t[d]["background-position"]+";")+"background-size: "+t[d]["background-size"]+";")+"background-attachment: "+t[d]["background-attachment"]+";"),jQuery("style#"+u+"-"+d+"-"+b).remove(),"desktop"==d&&(e='"),"tablet"==d&&(e='"),"mobile"==d&&(e='"),jQuery("head").append(e)}})})}function getChangedKey(t,e){t=isJsonString(t)?JSON.parse(t):t,e=isJsonString(e)?JSON.parse(e):e;for(var o in t){if(!e.hasOwnProperty(o)||!t.hasOwnProperty(o))return o;if(!1===((t,e)=>{var o=Object.prototype.toString.call(t);if(0<=["[object Array]","[object Object]"].indexOf(o)){if("string"==typeof getChangedKey(t,e))return!1}else{if(o!==Object.prototype.toString.call(e))return!1;if("[object Function]"===o){if(t.toString()!==e.toString())return!1}else if(t!==e)return!1}})(t[o],e[o]))return o}return!0}function isJsonString(t){try{JSON.parse(t)}catch(t){return!1}return!0}function hasWordPressWidgetBlockEditor(){return astraCustomizer.has_block_editor_support||!1}(n=>{wp.customize("astra-settings[logo-svg-icon]",function(t){t.bind(function(){astra_add_dynamic_css("ast-header-responsive-logo-svg-icon-width",".ast-logo-title-inline .ast-site-identity { gap: 5px; } #masthead .ast-logo-svg-icon svg, .ast-sg-logo-section .ast-logo-svg-icon svg { width: 30px; }")})}),wp.customize("astra-settings[ast-header-responsive-logo-width]",function(t){t.bind(function(t){var e=astraCustomizer.tablet_breakpoint||921,o=astraCustomizer.mobile_breakpoint||544;""!=t.desktop||""!=t.tablet||""!=t.mobile?(astra_add_dynamic_css("ast-header-responsive-logo-width",`#masthead .site-logo-img .custom-logo-link img, .ast-sg-logo-section .site-logo-img .custom-logo-link img { + max-width: ${t.desktop}px; + width: ${t.desktop}px; + } + @media( max-width: ${e}px ) { + #masthead .site-logo-img .custom-logo-link img, .ast-sg-logo-section .site-logo-img .custom-logo-link img { + max-width: ${t.tablet}px; + width: ${t.tablet}px; + } + #masthead .site-logo-img img { + max-width: ${t.tablet}px; + width: ${t.tablet}px; + } + } + @media( max-width: ${o}px ) { + #masthead .site-logo-img .custom-logo-link img, .ast-sg-logo-section .site-logo-img .custom-logo-link img { + max-width: ${t.mobile}px; + width: ${t.mobile}px; + } + #masthead .site-logo-img img { + max-width: ${t.mobile}px; + max-height: ${t.mobile}px; + } + }`),astra_add_dynamic_css("mobile-header-logo-width",".ast-header-break-point #masthead .site-logo-img .custom-mobile-logo-link img, .ast-header-break-point .ast-sg-logo-section .site-logo-img .custom-mobile-logo-link img { max-width: "+t.tablet+"px; } @media( max-width: "+e+"px ) { .ast-header-break-point #masthead .site-logo-img .custom-mobile-logo-link img, .ast-header-break-point .ast-sg-logo-section .site-logo-img .custom-mobile-logo-link img { max-width: "+t.tablet+"px; } @media( max-width: "+o+"px ) { .ast-header-break-point #masthead .site-logo-img .custom-mobile-logo-link img { max-width: "+t.mobile+"px; }"),astra_add_dynamic_css("ast-header-responsive-logo-svg-icon-width","#masthead .ast-logo-svg-icon svg, .ast-sg-logo-section .ast-logo-svg-icon svg { width: "+t.desktop+"px; } @media( max-width: "+e+"px ) { #masthead .ast-logo-svg-icon svg, .ast-sg-logo-section .ast-logo-svg-icon svg { width: "+t.tablet+"px; } #masthead .ast-logo-svg-icon svg, .ast-sg-logo-section .ast-logo-svg-icon svg { width: "+t.tablet+"px; } } @media( max-width: "+o+"px ) { #masthead .ast-logo-svg-icon svg, .ast-sg-logo-section .ast-logo-svg-icon svg { width: "+t.mobile+"px; }#masthead .ast-logo-svg-icon svg, .ast-sg-logo-section .ast-logo-svg-icon svg { width: "+t.mobile+"px; } }")):wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[logo-svg-site-title-gap]",function(t){t.bind(function(t){var e=astraCustomizer.tablet_breakpoint||921;""!=t.desktop||""!=t.tablet||""!=t.mobile?astra_add_dynamic_css("logo-svg-site-title-gap",`.ast-logo-title-inline .ast-site-identity { + gap: ${t.desktop}px; + } + @media( max-width: ${e}px ) { + .ast-logo-title-inline .ast-site-identity { + gap: ${t.tablet}px; + } + } + @media( max-width: ${astraCustomizer.mobile_breakpoint||544}px ) { + .ast-logo-title-inline .ast-site-identity { + gap: ${t.mobile}px; + } + }`):wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[display-site-title-responsive]",function(t){t.bind(function(t){astra_add_dynamic_css("display-site-title-responsive",".ast-site-title-wrap .site-title { display: "+(t.desktop?"block":"none")+";} @media( max-width: "+(astraBuilderPreview.tablet_break_point||921)+"px) { .ast-site-title-wrap .site-title { display: "+(t.tablet?"block":"none")+";} } @media( max-width: "+(astraBuilderPreview.mobile_break_point||544)+"px) { .ast-site-title-wrap .site-title { display: "+(t.mobile?"block":"none")+";} }")})}),wp.customize("astra-settings[display-site-tagline-responsive]",function(t){t.bind(function(t){astra_add_dynamic_css("display-site-tagline-responsive",".ast-site-title-wrap .site-description { display: "+(t.desktop?"block":"none")+";} @media( max-width: "+(astraBuilderPreview.tablet_break_point||768)+"px) { .ast-site-title-wrap .site-description { display: "+(t.tablet?"block":"none")+";} } @media( max-width: "+(astraBuilderPreview.mobile_break_point||544)+"px) { .ast-site-title-wrap .site-description { display: "+(t.mobile?"block":"none")+";} }")})}),wp.customize("astra-settings[site-content-width]",function(t){t.bind(function(t){var e=(e="@media (min-width: 554px) {")+(".ast-container, .fl-builder #content .entry-header { max-width: "+(40+parseInt(t))+"px } ")+"}";astra_add_dynamic_css("site-content-width",e=jQuery("body").hasClass("ast-page-builder-template")?(e+="@media (min-width: 554px) {")+".ast-page-builder-template .comments-area { max-width: "+(40+parseInt(t))+"px } }":e)})}),wp.customize("astra-settings[header-main-menu-label]",function(t){t.bind(function(t){var e;0'+t+"
    "),n("button.main-header-menu-toggle").html(e))})});var e,t=t=>{astra_apply_responsive_background_css("astra-settings[content-bg-obj-responsive]",t,"desktop"),astra_apply_responsive_background_css("astra-settings[content-bg-obj-responsive]",t,"tablet"),astra_apply_responsive_background_css("astra-settings[content-bg-obj-responsive]",t,"mobile")};astra_apply_responsive_background_css("astra-settings[site-layout-outside-bg-obj-responsive]","body, .ast-separate-container","desktop"),astra_apply_responsive_background_css("astra-settings[site-layout-outside-bg-obj-responsive]","body, .ast-separate-container","tablet"),astra_apply_responsive_background_css("astra-settings[site-layout-outside-bg-obj-responsive]","body, .ast-separate-container","mobile"),astraCustomizer.is_content_bg_option_to_load&&(e=astraCustomizer.content_layout,p=astraCustomizer.site_layout,o=void 0!==wp.customize._value["astra-settings[blog-grid]"]?wp.customize._value["astra-settings[blog-grid]"]._value:1,g=".ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .comments-area .comment-respond,.ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts, .ast-separate-container .comments-count-wrapper, .ast-separate-container .comments-area .comments-title, .ast-single-related-posts-container, .ast-plain-container, .site-content article .ast-article-inner","blog-layout-1"==(void 0!==wp.customize._value["astra-settings[blog-layout]"]?wp.customize._value["astra-settings[blog-layout]"]._value:"blog-layout-1")&&1!=o&&(g+=", .ast-separate-container .ast-article-inner"),"boxed-container"==e?t(g+=", .ast-separate-container.ast-two-container #secondary .widget"):"content-boxed-container"==e?t(g):!astraCustomizer.apply_content_bg_fullwidth_layouts||"ast-box-layout"!==p&&"ast-padded-layout"!==p||"plain-container"!==e?astraCustomizer.apply_content_bg_fullwidth_layouts&&"plain-container"===e?t(g+=", .ast-plain-container .site-content"):astraCustomizer.apply_content_bg_fullwidth_layouts&&"page-builder"==e&&"ast-box-layout"!==p&&"ast-padded-layout"!==p&&t(g+=", .ast-page-builder-template .site-content"):t(".ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content")),wp.customize("astra-settings[content-bg-obj-responsive]",function(t){t.bind(function(t){"narrow-container"==e&&wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[blog-max-width]",function(t){t.bind(function(t){var e="@media all and ( min-width: 921px ) {";jQuery("body").hasClass("ast-woo-shop-archive")||(e+=".blog .site-content > .ast-container,.archive .site-content > .ast-container{ max-width: "+parseInt(t)+"px } "),jQuery("body").hasClass("ast-fluid-width-layout")&&(e+=".blog .site-content > .ast-container,.archive .site-content > .ast-container{ padding-left:20px; padding-right:20px; } "),astra_add_dynamic_css("blog-max-width",e+="}")})}),wp.customize("astra-settings[blog-single-max-width]",function(t){t.bind(function(t){var e="@media all and ( min-width: 921px ) {";e+=".single-post .site-content > .ast-container{ max-width: "+(40+parseInt(t))+"px } ",jQuery("body").hasClass("ast-fluid-width-layout")&&(e+=".single-post .site-content > .ast-container{ padding-left:20px; padding-right:20px; } "),astra_add_dynamic_css("blog-single-max-width",e+="}")})}),wp.customize("astra-settings[page-single-max-width]",function(t){t.bind(function(t){var e="@media all and ( min-width: 921px ) {";astra_add_dynamic_css("page-single-max-width",e+(".page .site-content > .ast-container{ max-width: "+(40+parseInt(t))+"px } ")+"}")})}),wp.customize("astra-settings[edd-archive-max-width]",function(t){t.bind(function(t){astra_add_dynamic_css("edd-archive-max-width",".ast-edd-archive-page .site-content > .ast-container { max-width: "+parseInt(t)+"px } ")})}),wp.customize("astra-settings[site-sidebar-width]",function(t){t.bind(function(t){var e;!jQuery("body").hasClass("ast-no-sidebar")&&15<=t&&t<=50&&(e="@media (min-width: 769px) {",astra_add_dynamic_css("site-sidebar-width",e=(e+="#primary { width: "+(100-parseInt(t))+"% } ")+("#secondary { width: "+t+"% } ")+"}"))})}),wp.customize("astra-settings[header-main-sep]",function(t){t.bind(function(t){var e="body.ast-header-break-point .main-header-bar { border-bottom-width: "+t+"px }";astra_add_dynamic_css("header-main-sep",(e+=".ast-desktop .main-header-bar {")+("border-bottom-width: "+t+"px")+"}")})}),wp.customize("astra-settings[footer-sml-divider]",function(t){t.bind(function(t){jQuery(".ast-small-footer").css("border-top-width",t+"px")})}),wp.customize("astra-settings[footer-adv-border-width]",function(t){t.bind(function(t){jQuery(".footer-adv .footer-adv-overlay").css("border-top-width",t+"px")})}),wp.customize("astra-settings[footer-adv-border-color]",function(t){t.bind(function(t){jQuery(".footer-adv .footer-adv-overlay").css("border-top-color",t)})}),wp.customize("astra-settings[footer-sml-divider-color]",function(t){t.bind(function(t){jQuery(".ast-small-footer").css("border-top-color",t)})});let r=astraCustomizer.astra_woo_btn_global_compatibility?', .woocommerce a.button, .woocommerce .widget_price_filter .button, .woocommerce button.button, [CLASS*="wc-block"] button':"";var o=astraCustomizer.astra_woo_btn_global_compatibility?', .woocommerce a.button:hover, .woocommerce .widget_price_filter .button:hover, .woocommerce button.button:hover, [CLASS*="wc-block"] button:hover':"";let i=astraCustomizer.isLifterLMS?", .lifterlms a.llms-button-primary, .lifterlms a.llms-button-secondary, .lifterlms .llms-button-action, .lifterlms button.llms-field-button, .lifterlms a.llms-field-button":"";var s,a,l,u,c,d,b,p=astraCustomizer.isLifterLMS?", .lifterlms a.llms-button-primary:hover, .lifterlms a.llms-button-primary:focus, .lifterlms a.llms-button-secondary:hover, .lifterlms a.llms-button-secondary:focus, .lifterlms .llms-button-action:hover, .lifterlms .llms-button-action:focus, .lifterlms button.llms-field-button:hover, .lifterlms button.llms-field-button:focus, .lifterlms a.llms-field-button:hover, .lifterlms a.llms-field-button:focus":"",m=(wp.customize("astra-settings[button-radius-fields]",function(t){t.bind(function(t){var e=astraBuilderPreview.tablet_break_point||768,o=astraBuilderPreview.mobile_break_point||544,s=hasWordPressWidgetBlockEditor()?', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button':"";let a='.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button:not(.is-style-outline) .wp-block-button__link'+astraCustomizer.v4_2_2_core_form_btns_styling+', body #ld_course_list .btn, body a.btn-blue, body a.btn-blue:visited, body a#quiz_continue_link, body .btn-join, body .learndash_checkout_buttons input.btn-join[type="button"], body #btn-join, body .learndash_checkout_buttons input.btn-join[type="submit"], body .wpProQuiz_content .wpProQuiz_button2, a.llms-button-primary, .llms-button-secondary, .llms-button-action, .llms-field-button, .llms-button-action.large'+s+r+i;document.body.classList.contains("edd-page")&&(a+=", .ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a, .widget_edd_cart_widget .edd_checkout a ");s=a+"{ border-top-left-radius :"+t.desktop.top+t["desktop-unit"]+"; border-bottom-right-radius :"+t.desktop.bottom+t["desktop-unit"]+"; border-bottom-left-radius :"+t.desktop.left+t["desktop-unit"]+"; border-top-right-radius :"+t.desktop.right+t["desktop-unit"]+"; } ";astra_add_dynamic_css("button-radius",(s+="@media (max-width: "+e+"px) { "+a+"{ border-top-left-radius :"+t.tablet.top+t["tablet-unit"]+"; border-bottom-right-radius :"+t.tablet.bottom+t["tablet-unit"]+"; border-bottom-left-radius :"+t.tablet.left+t["tablet-unit"]+"; border-top-right-radius :"+t.tablet.right+t["tablet-unit"]+"; } } ")+("@media (max-width: "+o+"px) { "+a+"{ border-top-left-radius :"+t.mobile.top+t["mobile-unit"]+"; border-bottom-right-radius :"+t.mobile.bottom+t["mobile-unit"]+"; border-bottom-left-radius :"+t.mobile.left+t["mobile-unit"]+"; border-top-right-radius :"+t.mobile.right+t["mobile-unit"]+"; } } "))})}),wp.customize("astra-settings[secondary-button-radius-fields]",function(t){t.bind(function(t){var e,o,s=astraBuilderPreview.tablet_break_point||768;""!==t&&(o=(e=".wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button, .ast-outline-button, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button")+"{ border-top-left-radius :"+t.desktop.top+t["desktop-unit"]+"; border-bottom-right-radius :"+t.desktop.bottom+t["desktop-unit"]+"; border-bottom-left-radius :"+t.desktop.left+t["desktop-unit"]+"; border-top-right-radius :"+t.desktop.right+t["desktop-unit"]+"; } ",astra_add_dynamic_css("secondary-button-radius",o=(o+="@media (max-width: "+s+"px) { "+e+"{ border-top-left-radius :"+t.tablet.top+t["tablet-unit"]+"; border-bottom-right-radius :"+t.tablet.bottom+t["tablet-unit"]+"; border-bottom-left-radius :"+t.tablet.left+t["tablet-unit"]+"; border-top-right-radius :"+t.tablet.right+t["tablet-unit"]+"; } } ")+("@media (max-width: "+(astraBuilderPreview.mobile_break_point||544)+"px) { "+e+"{ border-top-left-radius :"+t.mobile.top+t["mobile-unit"]+"; border-bottom-right-radius :"+t.mobile.bottom+t["mobile-unit"]+"; border-bottom-left-radius :"+t.mobile.left+t["mobile-unit"]+"; border-top-right-radius :"+t.mobile.right+t["mobile-unit"]+"; } } ")))})}),wp.customize("astra-settings[header-main-sep]",function(t){t.bind(function(t){var e=" body.ast-header-break-point .main-header-bar { border-bottom-width: "+t+"px } ";astra_add_dynamic_css("header-main-sep",(e+=".ast-desktop .main-header-bar {")+("border-bottom-width: "+t+"px")+"}")})}),wp.customize("astra-settings[header-main-sep-color]",function(t){t.bind(function(t){var e;""==t&&wp.customize.preview.send("refresh"),t&&(e=" .ast-desktop .main-header-bar { border-bottom-color: "+t+"; } ",astra_add_dynamic_css("header-main-sep-color",e+=" body.ast-header-break-point .main-header-bar { border-bottom-color: "+t+"; } "))})}),wp.customize("astra-settings[mobile-header-toggle-btn-style-color]",function(t){t.bind(function(t){""!=t?astra_add_dynamic_css("primary-toggle-button-color",jQuery(".menu-toggle").hasClass("ast-mobile-menu-buttons-fill")?".ast-header-break-point .ast-mobile-menu-buttons-fill.menu-toggle { background: "+t+"}":jQuery(".menu-toggle").hasClass("ast-mobile-menu-buttons-outline")?".ast-header-break-point .ast-mobile-menu-buttons-outline.menu-toggle { border: 1px solid "+t+"; color: "+t+"}":".ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle { color: "+t+"}"):wp.customize.preview.send("refresh")})}),astra_responsive_font_size("astra-settings[font-size-site-tagline]",".ast-sg-logo-section .site-description, .site-header .site-description"),astra_responsive_font_size("astra-settings[font-size-site-title]",".site-title"),astra_responsive_font_size("astra-settings[font-size-page-title]","body:not(.ast-single-post) .entry-title"),astra_responsive_font_size("astra-settings[font-size-post-meta]",".entry-meta, .read-more"),astra_responsive_font_size("astra-settings[font-size-post-tax]",".ast-blog-single-element.ast-taxonomy-container a"),astra_refresh_customizer("astra-settings[blog-meta-category-style]"),astra_refresh_customizer("astra-settings[blog-category-style]"),astra_refresh_customizer("astra-settings[blog-tag-style]"),astra_refresh_customizer("astra-settings[blog-post-meta-divider-type]"),astra_refresh_customizer("astra-settings[blog-meta-tag-style]"),astra_refresh_customizer("astra-settings[blog-post-content]"),wp.customize("astra-settings[post-card-border-radius]",function(t){t.bind(function(t){var e=t.desktop.top||0,o=t.desktop.bottom||0,s=t.desktop.left||0,a=t.desktop.right||0,n=t.tablet.top||0,r=t.tablet.bottom||0,i=t.tablet.left||0,l=t.tablet.right||0,u=t.mobile.top||0,c=t.mobile.bottom||0,d=t.mobile.left||0,b=t.mobile.right||0,p=astraBuilderPreview.tablet_break_point||921,m="blog-layout-5"===(void 0!==wp.customize._value["astra-settings[blog-layout]"]?wp.customize._value["astra-settings[blog-layout]"]._value:"blog-layout-1")?".archive .ast-article-post, .blog .ast-article-post, .archive .ast-article-post:hover, .blog .ast-article-post:hover":".archive .ast-article-post .ast-article-inner, .blog .ast-article-post .ast-article-inner, .archive .ast-article-post .ast-article-inner:hover, .blog .ast-article-post .ast-article-inner:hover",e=m+"{ border-top-left-radius :"+e+t["desktop-unit"]+"; border-bottom-right-radius :"+o+t["desktop-unit"]+"; border-bottom-left-radius :"+s+t["desktop-unit"]+"; border-top-right-radius :"+a+t["desktop-unit"]+"; } ";astra_add_dynamic_css("post-card-border-radius",e+("@media (max-width: "+p+"px) { "+m+"{ border-top-left-radius :"+n+t["tablet-unit"]+"; border-bottom-right-radius :"+r+t["tablet-unit"]+"; border-bottom-left-radius :"+i+t["tablet-unit"]+"; border-top-right-radius :"+l+t["tablet-unit"]+"; } } ")+("@media (max-width: "+(astraBuilderPreview.mobile_break_point||544)+"px) { "+m+"{ border-top-left-radius :"+u+t["mobile-unit"]+"; border-bottom-right-radius :"+c+t["mobile-unit"]+"; border-bottom-left-radius :"+d+t["mobile-unit"]+"; border-top-right-radius :"+b+t["mobile-unit"]+"; } } "))})}),astra_css("astra-settings[post-card-featured-overlay]","background-color",".ast-blog-layout-6-grid .ast-article-inner .post-thumb::after"),1==astraCustomizer.includeAnchorsInHeadindsCss?(astra_responsive_font_size("astra-settings[font-size-h1]","h1, .entry-content h1, .entry-content h1 a",!0,'.ast-sg-typo-field[data-for="h1"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h2]","h2, .entry-content h2, .entry-content h2 a",!0,'.ast-sg-typo-field[data-for="h2"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h3]","h3, .entry-content h3, .entry-content h3 a",!0,'.ast-sg-typo-field[data-for="h3"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h4]","h4, .entry-content h4, .entry-content h4 a",!0,'.ast-sg-typo-field[data-for="h4"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h5]","h5, .entry-content h5, .entry-content h5 a",!0,'.ast-sg-typo-field[data-for="h5"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h6]","h6, .entry-content h6, .entry-content h6 a",!0,'.ast-sg-typo-field[data-for="h6"] .ast-sg-font-size')):(astra_responsive_font_size("astra-settings[font-size-h1]","h1, .entry-content h1",!0,'.ast-sg-typo-field[data-for="h1"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h2]","h2, .entry-content h2",!0,'.ast-sg-typo-field[data-for="h2"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h3]","h3, .entry-content h3",!0,'.ast-sg-typo-field[data-for="h3"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h4]","h4, .entry-content h4",!0,'.ast-sg-typo-field[data-for="h4"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h5]","h5, .entry-content h5",!0,'.ast-sg-typo-field[data-for="h5"] .ast-sg-font-size'),astra_responsive_font_size("astra-settings[font-size-h6]","h6, .entry-content h6",!0,'.ast-sg-typo-field[data-for="h6"] .ast-sg-font-size')),wp.customize("astra-settings[para-margin-bottom]",function(t){t.bind(function(t){""==t&&wp.customize.preview.send("refresh"),t&&astra_add_dynamic_css("para-margin-bottom"," p, .entry-content p { margin-bottom: "+t+"em; } ")})}),wp.customize("astra-settings[underline-content-links]",function(t){t.bind(function(t){astra_add_dynamic_css("underline-content-links",t?".ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a), .woocommerce-js .woocommerce-product-details__short-description a { text-decoration: underline; } ":".ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a), .woocommerce-js .woocommerce-product-details__short-description a { text-decoration: unset; } ")})}),astraCustomizer.page_builder_button_style_css?1==astraCustomizer.includeAnchorsInHeadindsCss?("color-typo"!=astraCustomizer.elementor_default_color_font_setting&&"typo"!=astraCustomizer.elementor_default_color_font_setting||astra_css("astra-settings[headings-line-height]","line-height",".elementor-widget-heading h1.elementor-heading-title, .elementor-widget-heading h2.elementor-heading-title, .elementor-widget-heading h3.elementor-heading-title, .elementor-widget-heading h4.elementor-heading-title, .elementor-widget-heading h5.elementor-heading-title, .elementor-widget-heading h6.elementor-heading-title"),astra_css("astra-settings[headings-line-height]","line-height","h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a")):("color-typo"!=astraCustomizer.elementor_default_color_font_setting&&"typo"!=astraCustomizer.elementor_default_color_font_setting||astra_css("astra-settings[headings-line-height]","line-height",".elementor-widget-heading h1.elementor-heading-title, .elementor-widget-heading h2.elementor-heading-title, .elementor-widget-heading h3.elementor-heading-title, .elementor-widget-heading h4.elementor-heading-title, .elementor-widget-heading h5.elementor-heading-title, .elementor-widget-heading h6.elementor-heading-title"),astra_css("astra-settings[headings-line-height]","line-height","h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a")):1==astraCustomizer.includeAnchorsInHeadindsCss?astra_css("astra-settings[headings-line-height]","line-height","h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a"):astra_css("astra-settings[headings-line-height]","line-height","h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a"),1==astraCustomizer.includeAnchorsInHeadindsCss?(astra_generate_outside_font_family_css("astra-settings[headings-font-family]","h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a"),astra_generate_font_weight_css("astra-settings[headings-font-family]","astra-settings[headings-font-weight]","font-weight","h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a"),astra_font_extras_css("headings-font-extras",".entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a")):(astra_generate_outside_font_family_css("astra-settings[headings-font-family]","h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a"),astra_generate_font_weight_css("astra-settings[headings-font-family]","astra-settings[headings-font-weight]","font-weight","h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a"),astra_font_extras_css("headings-font-extras",".entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a")),astra_css("astra-settings[link-color]","color",".entry-meta, .entry-meta *"),astra_css("astra-settings[link-h-color]","color",".read-more a:hover, .entry-meta a:hover, .entry-meta a:hover *"),astra_css("astra-settings[footer-color]","color",".ast-small-footer"),astra_css("astra-settings[footer-link-color]","color",".ast-small-footer a"),astra_css("astra-settings[footer-link-h-color]","color",".ast-small-footer a:hover"),wp.customize("astra-settings[footer-bg-obj]",function(t){t.bind(function(t){astra_background_obj_css(wp.customize,t,"footer-bg-obj"," .ast-small-footer > .ast-footer-overlay { {{css}} }")})}),astra_css("astra-settings[footer-adv-wgt-title-color]","color",".footer-adv .widget-title, .footer-adv .widget-title a"),astra_css("astra-settings[footer-adv-text-color]","color",".footer-adv"),astra_css("astra-settings[footer-adv-link-color]","color",".footer-adv a"),astra_css("astra-settings[footer-adv-link-h-color]","color",".footer-adv a:hover, .footer-adv .no-widget-text a:hover, .footer-adv a:focus, .footer-adv .no-widget-text a:focus"),wp.customize("astra-settings[footer-adv-bg-obj]",function(t){t.bind(function(t){astra_background_obj_css(wp.customize,t,"footer-adv-bg-obj"," .footer-adv-overlay { {{css}} }")})}),wp.customize("astra-settings[shop-archive-max-width]",function(t){t.bind(function(t){var e="@media all and ( min-width: 921px ) {";jQuery("body").hasClass("ast-page-builder-template")||(e+=".ast-woo-shop-archive .site-content > .ast-container{ max-width: "+parseInt(t)+"px } "),jQuery("body").hasClass("ast-fluid-width-layout")&&(e+=".ast-woo-shop-archive .site-content > .ast-container{ padding-left:20px; padding-right:20px; } "),astra_add_dynamic_css("shop-archive-max-width",e+="}")})}),wp.customize("astra-settings[mobile-header-toggle-btn-style]",function(t){t.bind(function(t){astra_add_dynamic_css("mobile-header-toggle-btn-style",""===wp.customize("astra-settings[mobile-header-toggle-btn-color]").get()&&"fill"===t?a=' [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg { fill: #ffffff; } ':"");var e=n(document).find(".ast-mobile-menu-buttons .menu-toggle"),e=(e.removeClass("ast-mobile-menu-buttons-default ast-mobile-menu-buttons-fill ast-mobile-menu-buttons-outline"),e.removeClass("ast-mobile-menu-buttons-default ast-mobile-menu-buttons-fill ast-mobile-menu-buttons-minimal"),e.addClass("ast-mobile-menu-buttons-"+t),wp.customize("astra-settings[theme-color]").get()),o="#ffffff",s=wp.customize("astra-settings[mobile-header-toggle-btn-color]").get(),t=o="fill"!==t?e:o,a='[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {';astra_add_dynamic_css("mobile-header-toggle-btn-style",a=(a=(a=(a=(a=(a=a+("fill: "+(t=""!==s&&null!=s?s:t)+";")+"}")+'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu {'+("color: "+t+";"))+"}"+'[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill, [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {')+("color: "+t+";")+"border: none;")+"}"+'[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline {')+("color: "+t+";")+"}")})}),wp.customize("astra-settings[mobile-header-toggle-btn-border-radius]",function(t){t.bind(function(t){astra_add_dynamic_css("mobile-header-toggle-btn-border-radius",".ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle { border-radius: "+parseInt(t)+"px } ")})}),wp.customize("astra-settings[primary-submenu-border]",function(t){t.bind(function(t){var e=wp.customize("astra-settings[primary-submenu-b-color]").get();""!=t.top||""!=t.right||""!=t.bottom||""!=t.left?astra_add_dynamic_css("primary-submenu-border",".ast-desktop .main-header-menu.submenu-with-border .sub-menu"+"{"+("border-top-width:"+t.top+"px;")+("border-right-width:"+t.right+"px;")+("border-left-width:"+t.left+"px;")+("border-bottom-width:"+t.bottom+"px;")+("border-color:"+e+";")+"border-style: solid;"+"}"+".ast-desktop .main-header-menu.submenu-with-border .sub-menu .sub-menu"+"{"+("top:-"+t.top+"px;")+"}"+"@media (min-width: 769px){"+".main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu, .main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu"+"{"+("margin-left:-"+(+t.left+ +t.right)+"px;")+"}"+"}"):wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[primary-submenu-b-color]",function(t){t.bind(function(t){var e=wp.customize("astra-settings[primary-submenu-border]").get();""!=t?""==e.top&&""==e.right&&""==e.bottom&&""==e.left||astra_add_dynamic_css("primary-submenu-border-color",".ast-desktop .main-header-menu.submenu-with-border .sub-menu"+"{"+("border-top-width:"+e.top+"px;")+("border-right-width:"+e.right+"px;")+("border-left-width:"+e.left+"px;")+("border-bottom-width:"+e.bottom+"px;")+("border-color:"+t+";")+"border-style: solid;"+"}"+".ast-desktop .main-header-menu.submenu-with-border .sub-menu .sub-menu"+"{"+("top:-"+e.top+"px;")+"}"+"@media (min-width: 769px){"+".main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu, .main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu"+"{"+("margin-left:-"+(+e.left+ +e.right)+"px;")+"}"+"}"):wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[primary-submenu-item-b-color]",function(t){t.bind(function(t){var e=wp.customize("astra-settings[primary-submenu-item-border]").get();""!=t?1==e&&astra_add_dynamic_css("primary-submenu-item-b-color",""+".ast-desktop .main-header-menu.submenu-with-border .sub-menu .menu-link"+"{"+("border-bottom-width:"+(!0===e?"1px;":"0px;"))+("border-color:"+t+";")+"border-style: solid;"+"}"):wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[primary-submenu-item-border]",function(t){t.bind(function(t){var e,o=wp.customize("astra-settings[primary-submenu-item-b-color]").get();!0===t?(e=".ast-desktop .main-header-menu.submenu-with-border .sub-menu .menu-link",astra_add_dynamic_css("primary-submenu-item-border",e=(e=(e+="{")+("border-bottom-width:"+(!0===t?"1px;":"0px;"))+("border-color:"+o+";"))+"border-style: solid;"+"}")):wp.customize.preview.send("refresh")})}),astra_css("astra-settings[header-main-rt-section-button-text-color]","color",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"),astra_css("astra-settings[header-main-rt-section-button-back-color]","background-color",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"),astra_css("astra-settings[header-main-rt-section-button-text-h-color]","color",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover"),astra_css("astra-settings[header-main-rt-section-button-back-h-color]","background-color",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover"),astra_css("astra-settings[header-main-rt-section-button-border-radius]","border-radius",".main-header-bar .ast-container .button-custom-menu-item .ast-custom-button-link .ast-custom-button","px"),astra_css("astra-settings[header-main-rt-section-button-border-color]","border-color",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"),astra_css("astra-settings[header-main-rt-section-button-border-h-color]","border-color",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover"),astra_responsive_spacing("astra-settings[header-main-rt-section-button-padding]",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button","padding",["top","right","bottom","left"]),astra_generate_outside_font_family_css("astra-settings[primary-header-button-font-family]",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"),astra_responsive_font_size("astra-settings[primary-header-button-font-size]",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"),astra_css("astra-settings[primary-header-button-font-weight]","font-weight",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"),astra_css("astra-settings[primary-header-button-line-height]","line-height",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"),astra_css("astra-settings[primary-header-button-text-transform]","text-transform",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"),astra_css("astra-settings[primary-header-button-letter-spacing]","letter-spacing",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button","px"),wp.customize("astra-settings[header-main-rt-section-button-border-size]",function(t){t.bind(function(t){""==t.top&&""==t.right&&""==t.bottom&&""==t.left||astra_add_dynamic_css("header-main-rt-section-button-border-size",".main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"+"{"+("border-top-width:"+t.top+"px;")+("border-right-width:"+t.right+"px;")+("border-left-width:"+t.left+"px;")+("border-bottom-width:"+t.bottom+"px;")+"border-style: solid;"+"}")})}),""),g="",t="",h="",_=(astraCustomizer.v4_2_2_core_form_btns_styling&&""!=astraCustomizer.v4_2_2_core_form_btns_styling&&(t=", #comment .submit:hover, .search .search-submit:hover",h=", #comment .submit:focus, .search .search-submit:focus"),!astraCustomizer.page_builder_button_style_css||"color-typo"!=astraCustomizer.elementor_default_color_font_setting&&"color"!=astraCustomizer.elementor_default_color_font_setting&&"font"!=astraCustomizer.elementor_default_color_font_setting||(m=", .elementor-button-wrapper .elementor-button, .elementor-button-wrapper .elementor-button:visited",g=", .elementor-button-wrapper .elementor-button.elementor-size-sm, .elementor-button-wrapper .elementor-button.elementor-size-xs, .elementor-button-wrapper .elementor-button.elementor-size-md, .elementor-button-wrapper .elementor-button.elementor-size-lg, .elementor-button-wrapper .elementor-button.elementor-size-xl, .elementor-button-wrapper .elementor-button"),wp.customize("astra-settings[theme-button-border-group-border-size]",function(t){t.bind(function(t){var e=hasWordPressWidgetBlockEditor()?', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, .woocommerce a.button':"",e='.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button .wp-block-button__link'+astraCustomizer.v4_2_2_core_form_btns_styling+m+e+r+i;""!=t.top||""!=t.right||""!=t.bottom||""!=t.left?astraCustomizer.gb_outline_buttons_patterns_support&&!astraCustomizer.updated_gb_outline_button_patterns?wp.customize.preview.send("refresh"):astra_add_dynamic_css("theme-button-border-group-border-size",e=(e=(e=(e=e+"{"+("border-top-width:"+t.top+"px;"))+("border-right-width:"+t.right+"px;"))+("border-left-width:"+t.left+"px;")+("border-bottom-width:"+t.bottom+"px;"))+"border-style: solid;"+"}"):astraCustomizer.gb_outline_buttons_patterns_support&&!astraCustomizer.updated_gb_outline_button_patterns?wp.customize.preview.send("refresh"):astra_add_dynamic_css("theme-button-border-group-border-size",e=(e=(e=e+"{"+"border-top-width: 0;")+"border-right-width: 0;"+"border-left-width: 0;")+"border-bottom-width: 0;"+"}")})}),wp.customize("astra-settings[secondary-theme-button-border-group-border-size]",function(t){t.bind(function(t){var e=".wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button, .ast-outline-button, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button";""!=t.top||""!=t.right||""!=t.bottom||""!=t.left?astraCustomizer.gb_outline_buttons_patterns_support&&!astraCustomizer.updated_gb_outline_button_patterns?wp.customize.preview.send("refresh"):astra_add_dynamic_css("secondary-theme-button-border-group-border-size",e=(e=(e=(e=e+"{"+("border-top-width:"+t.top+"px;"))+("border-right-width:"+t.right+"px;"))+("border-left-width:"+t.left+"px;")+("border-bottom-width:"+t.bottom+"px;"))+"border-style: solid;"+"}"):astraCustomizer.gb_outline_buttons_patterns_support&&!astraCustomizer.updated_gb_outline_button_patterns?wp.customize.preview.send("refresh"):astra_add_dynamic_css("secondary-theme-button-border-group-border-size",e=(e=(e=e+"{"+"border-top-width: 0;")+"border-right-width: 0;"+"border-left-width: 0;")+"border-bottom-width: 0;"+"}")})}),hasWordPressWidgetBlockEditor()?', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button':""),g=(astra_responsive_spacing("astra-settings[theme-button-padding]",'.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .woocommerce a.button, .woocommerce button.button, .woocommerce .product a.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .wp-block-button .wp-block-button__link'+astraCustomizer.v4_2_2_core_form_btns_styling+g+_+i,"padding",["top","bottom"]),astra_responsive_spacing("astra-settings[theme-button-padding]",'.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .woocommerce a.button, .woocommerce button.button, .woocommerce .product a.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .wp-block-button .wp-block-button__link'+astraCustomizer.v4_2_2_core_form_btns_styling+g+_+i,"padding",["left","right"]),astra_responsive_spacing("astra-settings[secondary-theme-button-padding]",".wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button, .ast-outline-button, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button","padding",["top","bottom"]),astra_responsive_spacing("astra-settings[secondary-theme-button-padding]",".wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button, .ast-outline-button, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button","padding",["left","right"]),wp.customize("astra-settings[transparent-header-button-border-group]",function(t){t.bind(function(t){t=JSON.parse(t)["header-main-rt-trans-section-button-border-size"];""==t.top&&""==t.right&&""==t.bottom&&""==t.left||astra_add_dynamic_css("header-main-rt-trans-section-button-border-size",".ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button"+"{"+("border-top-width:"+t.top+"px;")+("border-right-width:"+t.right+"px;")+("border-left-width:"+t.left+"px;")+("border-bottom-width:"+t.bottom+"px;")+"border-style: solid;"+"}")})}),astra_generate_outside_font_family_css("astra-settings[font-family-site-title]",".site-title, .site-title a"),astra_generate_font_weight_css("astra-settings[font-family-site-title]","astra-settings[font-weight-site-title]","font-weight",".site-title, .site-title a"),astra_responsive_font_size("astra-settings[font-size-site-title]",".site-title, .site-title a"),astra_font_extras_css("font-extras-site-title",".site-title, .site-title a"),astra_generate_outside_font_family_css("astra-settings[font-family-site-tagline]",".ast-sg-logo-section .site-description, .site-header .site-description"),astra_generate_font_weight_css("astra-settings[font-family-site-tagline]","astra-settings[font-weight-site-tagline]","font-weight",".ast-sg-logo-section .site-description, .site-header .site-description"),astra_responsive_font_size("astra-settings[font-size-site-tagline]",".ast-sg-logo-section .site-description, .site-header .site-description"),astra_css("astra-settings[line-height-site-tagline]","line-height",".ast-sg-logo-section .site-description, .site-header .site-description"),astra_css("astra-settings[text-transform-site-tagline]","text-transform",".ast-sg-logo-section .site-description, .site-header .site-description"),_=hasWordPressWidgetBlockEditor()?', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, .woocommerce a.button':r,hasWordPressWidgetBlockEditor()?', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, .woocommerce a.button:hover':o),y=", .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover, .wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover";function f(a){wp.customize("astra-settings[button-preset-style]",function(t){t.bind(function(t){var e=wp.customize("astra-settings[button-bg-color]").get(),o=wp.customize("astra-settings[button-color]").get(),s=wp.customize("astra-settings[theme-color]").get();"button_04"===t||"button_05"===t||"button_06"===t?(""===wp.customize("astra-settings[theme-button-border-group-border-color]").get()&&(jQuery("style#astra-settings-theme-button-border-group-border-color").remove(),jQuery("head").append('")),""===o&&""!==e&&(jQuery("style#astra-settings-button-outline-preset-color").remove(),jQuery("head").append('")),""===o&&""===e&&(jQuery("style#astra-settings-button-outline-preset-color").remove(),jQuery("head").append('")),jQuery("style#astra-settings-button-preset-style-background-color").remove(),jQuery("head").append('")):(jQuery("style#astra-settings-button-bg-color-background-color").remove(),jQuery("style#astra-settings-button-outline-preset-color").remove(),""===o&&""===e?jQuery("head").append('"):(e=""!=e?e:s,jQuery("head").append('")),""===o&&(jQuery("head").append('"),jQuery("style#astra-settings-button-color-color").remove()))})}),wp.customize("astra-settings[secondary-button-preset-style]",function(t){var a=".wp-block-buttons .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), .wp-block-buttons .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background), .ast-outline-button";t.bind(function(t){var e=wp.customize("astra-settings[secondary-button-bg-color]").get(),o=wp.customize("astra-settings[secondary-button-color]").get(),s=wp.customize("astra-settings[theme-color]").get();"button_04"===t||"button_05"===t||"button_06"===t?(""===wp.customize("astra-settings[secondary-theme-button-border-group-border-color]").get()&&(jQuery("style#astra-settings-secondary-theme-button-border-group-border-color").remove(),jQuery("head").append('")),""===o&&""!==e&&(jQuery("style#astra-settings-secondary-button-outline-preset-color").remove(),jQuery("head").append('")),""===o&&""===e&&(jQuery("style#astra-settings-secondary-button-outline-preset-color").remove(),jQuery("head").append('")),jQuery("style#astra-settings-secondary-button-preset-style-background-color").remove(),jQuery("head").append('")):(jQuery("style#astra-settings-secondary-button-bg-color-background-color").remove(),jQuery("style#astra-settings-secondary-button-outline-preset-color").remove(),""===o&&""===e?jQuery("head").append('"):(e=""!=e?e:s,jQuery("head").append('")),""===o&&(jQuery("head").append('"),jQuery("style#astra-settings-secondary-button-color-color").remove()),""===t&&wp.customize.preview.send("refresh"))})}),wp.customize("astra-settings[button-color]",function(t){t.bind(function(t){var e;""===t?"button_04"===(e=wp.customize("astra-settings[button-preset-style]").get())||"button_05"===e||"button_06"===e?(e=wp.customize("astra-settings[button-bg-color]").get(),jQuery("style#astra-settings-button-outline-color").remove(),jQuery("head").append('")):(jQuery("style#astra-settings-button-color-color").remove(),jQuery("head").append('")):(jQuery("style#astra-settings-button-color-color").remove(),jQuery("head").append('"))})}),wp.customize("astra-settings[secondary-button-color]",function(t){t.bind(function(t){var e,o;""===t?(o=wp.customize("astra-settings[secondary-button-preset-style]").get(),e=wp.customize("astra-settings[theme-color]").get(),"button_04"===o||"button_05"===o||"button_06"===o?(o=wp.customize("astra-settings[secondary-button-bg-color]").get(),jQuery("style#astra-settings-secondary-button-color-color").remove(),jQuery("head").append('")):(jQuery("style#astra-settings-button-color-color").remove(),jQuery("head").append('"))):(jQuery("style#astra-settings-secondary-button-color-color").remove(),jQuery("head").append('"))})}),wp.customize("astra-settings[button-bg-color]",function(t){t.bind(function(t){var e=wp.customize("astra-settings[button-preset-style]").get(),o=wp.customize("astra-settings[theme-color]").get(),s=wp.customize("astra-settings[button-color]").get();"button_04"===e||"button_05"===e||"button_06"===e?(s=wp.customize("astra-settings[button-color]").get(),""===wp.customize("astra-settings[theme-button-border-group-border-color]").get()&&(jQuery("style#astra-settings-theme-button-border-group-border-color").remove(),jQuery("head").append('")),""===s&&(jQuery("style#astra-settings-button-outline-preset-color").remove(),jQuery("head").append('"))):(jQuery("style#astra-settings-button-bg-color-background-color").remove(),jQuery("style#astra-settings-button-outline-preset-color").remove(),t=""!=t?t:o,""===s&&jQuery("head").append('"),jQuery("head").append('"))})}),wp.customize("astra-settings[secondary-button-bg-color]",function(t){t.bind(function(t){var e=wp.customize("astra-settings[secondary-button-preset-style]").get(),o=wp.customize("astra-settings[theme-color]").get(),s=wp.customize("astra-settings[secondary-button-color]").get(),a=wp.customize("astra-settings[secondary-theme-button-border-group-border-color]").get();"button_04"===e||"button_05"===e||"button_06"===e?(""===a&&(jQuery("style#astra-settings-secondary-theme-button-border-group-border-color").remove(),jQuery("head").append('")),""===s&&(jQuery("style#astra-settings-secondary-button-outline-preset-color").remove(),jQuery("head").append('")),jQuery("style#astra-settings-secondary-button-bg-color-background-color").remove(),jQuery("head").append('")):"button_01"===e||"button_02"===e||"button_03"===e?(jQuery("style#astra-settings-secondary-button-outline-preset-color").remove(),jQuery("style#astra-settings-secondary-button-bg-color-background-color").remove(),jQuery("head").append('"),t=""!=t?t:o,""===s&&jQuery("head").append('")):(""===a&&jQuery("head").append('"),jQuery("style#astra-settings-secondary-button-bg-color-background-color").remove(),jQuery("head").append('"))})}),wp.customize("astra-settings[woo-header-cart-product-count-color]",function(t){t.bind(function(t){t?astra_add_dynamic_css("woo-header-cart-product-count-color",".ast-menu-cart-outline .ast-cart-menu-wrap .count, .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon:after { color: "+t+"; } "):wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[woo-header-cart-product-count-h-color]",function(t){t.bind(function(t){t?astra_add_dynamic_css("woo-header-cart-product-count-h-color",".ast-site-header-cart .ast-site-header-cart-li:hover .ast-cart-menu-wrap .count .ast-count-text, .ast-site-header-cart .ast-site-header-cart-li:hover .ast-addon-cart-wrap i.astra-icon:after { color: "+t+"; } "):wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[single-product-cart-button-width]",function(t){t.bind(function(t){var e,o=astraBuilderPreview.tablet_break_point||768;""!=t.desktop||""!=t.tablet||""!=t.mobile?(e="",astra_add_dynamic_css("header-woo-cart-icon-size",e=(e=(e=(e=(e=(e=(e+=".woocommerce div.product form.cart .button.single_add_to_cart_button {")+("width: "+t.desktop+"%;")+"} ")+("@media (max-width: "+o+"px) {")+".woocommerce div.product form.cart .button.single_add_to_cart_button {")+("width: "+t.tablet+"%;")+"} ")+"} "+("@media (max-width: "+(astraBuilderPreview.mobile_break_point||544)+"px) {"))+".woocommerce div.product form.cart .button.single_add_to_cart_button {"+("width: "+t.mobile+"%;"))+"} "+"} ")):wp.customize.preview.send("refresh")})});var t=".woocommerce .ast-sticky-add-to-cart .button.alt",e=".woocommerce .ast-sticky-add-to-cart .button.alt:hover";astra_css("astra-settings[single-product-sticky-add-to-cart-btn-n-color]","color",t),astra_css("astra-settings[single-product-sticky-add-to-cart-btn-h-color]","color",e),astra_css("astra-settings[single-product-sticky-add-to-cart-btn-bg-n-color]","background",t),astra_css("astra-settings[single-product-sticky-add-to-cart-btn-bg-h-color]","background",e),astra_css("astra-settings[single-product-sticky-add-to-cart-btn-bg-n-color]","border-color",t),astra_css("astra-settings[single-product-sticky-add-to-cart-btn-bg-h-color]","border-color",e),astra_css("astra-settings[single-product-sticky-add-to-cart-text-color]","color",".ast-sticky-add-to-cart .ast-container .ast-sticky-add-to-cart-content"),astra_css("astra-settings[single-product-sticky-add-to-cart-bg-color]","background-color",".ast-sticky-add-to-cart"),wp.customize("astra-settings[single-product-sticky-add-to-cart-position]",function(t){t.bind(function(t){var e="";astra_add_dynamic_css("sticky-add-to-cart-position",e+="top"===t?"div.ast-sticky-add-to-cart{top: 0;bottom: initial;transform: translate(0, -100%);box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1), 0px 1px 9px rgba(0, 0, 0, 0.06);opacity: 0}":"div.ast-sticky-add-to-cart{bottom: 0;top: initial;transform: translate(0, 100%);box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.1), 0px -1px 9px rgba(0, 0, 0, 0.06);opacity: 0}")})}),wp.customize("astra-settings[single-product-payment-icon-color]",function(t){t.bind(function(t){wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[shop-ratings-product-archive]",function(t){t.bind(function(t){wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[single-product-payment-text]",function(t){t.bind(function(t){var e=document.querySelector(".ast-single-product-payments legend");e&&(e.textContent=t)})}),wp.customize("astra-settings[single-product-payment-list]",function(t){t.bind(function(t){wp.customize.preview.send("refresh")})})}astraCustomizer.page_builder_button_style_css?(u=l=a=s=b="","color-typo"!=astraCustomizer.elementor_default_color_font_setting&&"color"!=astraCustomizer.elementor_default_color_font_setting||(b=",.elementor-button-wrapper .elementor-button, .elementor-button-wrapper .elementor-button:visited",l=", .elementor-button-wrapper .elementor-button, .elementor-button-wrapper .elementor-button:visited",u=a=s=",.elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus"),b='.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button:not(.is-style-outline) .wp-block-button__link, .ast-custom-button'+astraCustomizer.v4_2_2_core_form_btns_styling+b+_+r+i,c=".wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button, .ast-outline-button, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button",d=".wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button:not(.has-text-color), .wp-block-buttons .wp-block-button.wp-block-button__link.wp-element-button.is-style-outline:not(.has-text-color), .ast-outline-button, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button",f(b),astra_css("astra-settings[button-h-color]","color",'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .ast-custom-button:hover, .ast-custom-button:focus, .wp-block-button .uagb-buttons-repeater.wp-block-button__link:hover'+t+s+g+y+p,"",!0),astra_css("astra-settings[secondary-button-h-color]","color",".wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover, .wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover, .ast-outline:hover, .ast-outline:focus, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover","",!0),astra_css("astra-settings[button-bg-h-color]","background-color",'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .ast-custom-button:hover, .ast-custom-button:focus, .wp-block-button .uagb-buttons-repeater.wp-block-button__link:hover'+t+a+g+y+o+p),astra_css("astra-settings[secondary-button-bg-h-color]","background-color",".wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover, .wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover, .ast-outline-button:hover, .ast-outline-button:focus, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover"),astra_css("astra-settings[theme-button-border-group-border-color]","border-color",'.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button .wp-block-button__link'+astraCustomizer.v4_2_2_core_form_btns_styling+l+_+", .wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color)"+r+i),astra_css("astra-settings[secondary-theme-button-border-group-border-color]","border-color",".wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button, .ast-outline-button, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button"),astra_css("astra-settings[theme-button-border-group-border-h-color]","border-color",'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus'+t+h+u+g+y+o+p),astra_css("astra-settings[secondary-theme-button-border-group-border-h-color]","border-color",".wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover, .wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover, .ast-outline-button:hover, .ast-outline-button:focus, .wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover")):(f(b='.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .ast-custom-button'+_+r+i),astra_css("astra-settings[button-bg-color]","border-color",'.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .ast-custom-button'+_+i),astra_css("astra-settings[button-h-color]","color",'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .ast-custom-button:hover, .ast-custom-button:focus'+g+p),astra_css("astra-settings[button-bg-h-color]","background-color",'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .ast-custom-button:hover, .ast-custom-button:focus'+g+p),astra_responsive_spacing("astra-settings[theme-button-padding]",'.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .woocommerce a.button, .woocommerce button.button, .woocommerce .product a.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]'+astraCustomizer.v4_2_2_core_form_btns_styling+_+i,"padding",["top","bottom"]),astra_responsive_spacing("astra-settings[theme-button-padding]",'.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .woocommerce a.button, .woocommerce button.button, .woocommerce .product a.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]'+astraCustomizer.v4_2_2_core_form_btns_styling+_+i,"padding",["left","right"])),wp.customize.bind("preview-ready",function(){wp.customize.selectiveRefresh.bind("render-partials-response",function(t){if(t.contents.hasOwnProperty("astra-settings[footer-desktop-items]")||!t.contents.hasOwnProperty("astra-settings[header-desktop-items]")&&!t.contents.hasOwnProperty("astra-settings[header-mobile-items]"))return!1;setTimeout(function(){document.dispatchEvent(new CustomEvent("astLayoutWidthChanged",{detail:{response:t}}))},10)}),wp.customize.selectiveRefresh.bind("partial-content-rendered",function(t){if(t.partial.id.includes("footer"))return!1;sessionStorage.setItem("astPartialContentRendered",!0),document.dispatchEvent(new CustomEvent("astPartialContentRendered",{detail:{response:t}}))}),wp.customize.selectiveRefresh.bind("partial-content-rendered",function(t){wp.customize.preview.send("AstraBuilderPartialContentRendered",t)}),wp.customize.preview.bind("astPreviewDeviceChanged",function(t){document.dispatchEvent(new CustomEvent("astPreviewDeviceChanged",{detail:t}))})}),wp.customize("astra-settings[related-posts-based-on]",function(t){t.bind(function(){wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[related-posts-order-by]",function(t){t.bind(function(){wp.customize.preview.send("refresh")})}),wp.customize("astra-settings[related-posts-order]",function(t){t.bind(function(){wp.customize.preview.send("refresh")})}),astra_css("astra-settings[related-posts-text-color]","color",".ast-related-post-content .entry-header .ast-related-post-title a, .ast-related-post-content .ast-related-post-excerpt"),astra_css("astra-settings[related-posts-meta-color]","color",".ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *"),astra_css("astra-settings[related-posts-title-color]","color",".ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title"),astra_css("astra-settings[related-posts-background-color]","background-color",".ast-single-related-posts-container"),astra_css("astra-settings[related-posts-link-color]","color",".ast-related-post-content .ast-related-post-cta a"),astra_css("astra-settings[related-posts-link-hover-color]","color",".ast-related-post-content .ast-related-post-cta a:hover"),astra_css("astra-settings[related-posts-meta-link-hover-color]","color",".ast-related-post-content .entry-meta a:hover, .ast-related-post-content .entry-meta span a span:hover"),astra_generate_outside_font_family_css("astra-settings[related-posts-title-font-family]",".ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a"),astra_css("astra-settings[related-posts-title-font-weight]","font-weight",".ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a"),astra_responsive_font_size("astra-settings[related-posts-title-font-size]",".ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a"),astra_font_extras_css("related-posts-title-font-extras",".ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a"),astra_generate_outside_font_family_css("astra-settings[related-posts-section-title-font-family]",".ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title"),astra_css("astra-settings[related-posts-section-title-font-weight]","font-weight",".ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title"),astra_responsive_font_size("astra-settings[related-posts-section-title-font-size]",".ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title"),astra_css("astra-settings[releted-posts-title-alignment]","text-align",".ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title"),astra_font_extras_css("related-posts-section-title-font-extras",".ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title"),astra_generate_outside_font_family_css("astra-settings[related-posts-meta-font-family]",".ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *"),astra_css("astra-settings[related-posts-meta-font-weight]","font-weight",".ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *"),astra_responsive_font_size("astra-settings[related-posts-meta-font-size]",".ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *"),astra_font_extras_css("related-posts-meta-font-extras",".ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *"),astra_generate_outside_font_family_css("astra-settings[related-posts-content-font-family]",".ast-related-post-content .ast-related-post-excerpt"),astra_css("astra-settings[related-posts-content-font-weight]","font-weight",".ast-related-post-content .ast-related-post-excerpt"),astra_responsive_font_size("astra-settings[related-posts-content-font-size]",".ast-related-post-content .ast-related-post-excerpt"),astra_font_extras_css("related-posts-content-font-extras",".ast-related-post-content .ast-related-post-excerpt"),astra_border_spacing_advanced_css("ast-sub-section-related-posts","body .site .ast-single-related-posts-container"),astra_border_spacing_advanced_css("ast-sub-section-comments","body .site .comments-area"),astra_css("astra-settings[header-color-site-title]","color",".ast-site-identity .site-title a, .ast-site-identity .site-title"),astra_css("astra-settings[header-color-h-site-title]","color",".ast-site-identity .site-title a:hover, .ast-site-identity .site-title:hover"),astra_css("astra-settings[logo-svg-icon-color]","fill",".site-branding .ast-logo-svg-icon svg"),astra_css("astra-settings[logo-svg-icon-hover-color]","fill",".site-branding .ast-logo-svg-icon:hover svg"),astra_css("astra-settings[header-color-site-tagline]","color",".ast-site-identity .site-description"),wp.customize("astra-settings[related-posts-author-avatar-size]",function(t){t.bind(function(t){var e="";astra_add_dynamic_css("related-posts-author-avatar-size",e+".ast-related-post-content .ast-author-avatar img {"+("width: "+t+"px;")+("height: "+t+"px;")+"} ")})}),astra_generate_outside_font_family_css("astra-settings[body-font-family]","body, button, input, select, textarea, .ast-button, .ast-custom-button"),astra_generate_font_weight_css("astra-settings[body-font-family]","astra-settings[body-font-weight]","font-weight","body, button, input, select, textarea, .ast-button, .ast-custom-button"),astra_font_extras_css("body-font-extras","body, button, input, select, textarea, .ast-button, .ast-custom-button"),wp.customize("astra-settings[font-size-body]",function(t){t.bind(function(t){var e,o,s,a,n,r;t.desktop||t.mobile||t.tablet?(o="body, button, input, select, textarea, .ast-button, .ast-custom-button",a=s=e="",n="font-size",r=(r=(r="astra-settings[font-size-body]").replace("[","-")).replace("]",""),jQuery("style#"+r+"-"+n).remove(),""!=t.desktop&&(e="font-size: "+t.desktop+(null==t["desktop-unit"]?"px":t["desktop-unit"])),""!=t.tablet&&(s="font-size: "+t.tablet+(null==t["tablet-unit"]?"px":t["tablet-unit"])),""!=t.mobile&&(a="font-size: "+t.mobile+(null==t["mobile-unit"]?"px":t["mobile-unit"])),jQuery("head").append('")):jQuery("style#"+r+"-font-size").remove()})}),astra_refresh_customizer("astra-settings[related-metadata-separator]"),astra_refresh_customizer("astra-settings[related-posts-image-ratio-type]"),astra_refresh_customizer("astra-settings[related-posts-image-ratio-pre-scale]"),astra_refresh_customizer("astra-settings[related-posts-image-custom-scale-width]"),astra_refresh_customizer("astra-settings[related-posts-image-custom-scale-height]"),astra_refresh_customizer("astra-settings[related-posts-image-size]"),astra_refresh_customizer("astra-settings[related-posts-author-prefix-label]"),astra_refresh_customizer("astra-settings[related-posts-author-avatar]"),astra_refresh_customizer("astra-settings[related-posts-meta-date-type]"),astra_refresh_customizer("astra-settings[related-posts-date-format]"),astra_refresh_customizer("astra-settings[related-posts-category-style]"),astra_refresh_customizer("astra-settings[related-posts-tag-style]")})(jQuery); \ No newline at end of file diff --git a/assets/js/customizer-quick-tour.js b/assets/js/customizer-quick-tour.js new file mode 100644 index 00000000..757ce4ec --- /dev/null +++ b/assets/js/customizer-quick-tour.js @@ -0,0 +1,57 @@ +/** + * Astra Theme Customizer Tour + * + * @package Astra + * @since x.x.x + */ + +(function($) { + /** + * Quick easy navigation. + */ + jQuery(document).ready(function($) { + + let container = jQuery('#customize-header-actions'), + button = jQuery(''), + tourItem = jQuery('.ast-quick-setup-navigation .ast-quick-tour-item'); + + container.append(button); + + button.on('click', function(event) { + event.preventDefault(); + event.stopPropagation(); + + document.body.style.overflow = 'hidden'; + }); + + tourItem.on('click', function(event) { + event.preventDefault(); + event.stopPropagation(); + + let type = jQuery(this).data('type'), + link = jQuery(this).data('link'); + + switch (type) { + case 'section': + var section = wp.customize.section(link); + section.expand(); + break; + + case 'panel': + var panel = wp.customize.panel(link); + panel.expand(); + break; + + case 'control': + wp.customize.control(link).focus(); + setTimeout(() => { + wp.customize.control(link).focus(); + }, 500); + break; + + default: + break; + } + }); + }); +})(jQuery); diff --git a/assets/js/customizer-quick-tour.min.js b/assets/js/customizer-quick-tour.min.js new file mode 100644 index 00000000..c01293ee --- /dev/null +++ b/assets/js/customizer-quick-tour.min.js @@ -0,0 +1 @@ +jQuery,jQuery(document).ready(function(t){var e=jQuery("#customize-header-actions"),o=jQuery(''),n=jQuery(".ast-quick-setup-navigation .ast-quick-tour-item");e.append(o),o.on("click",function(t){t.preventDefault(),t.stopPropagation(),document.body.style.overflow="hidden"}),n.on("click",function(t){t.preventDefault(),t.stopPropagation();let e=jQuery(this).data("type"),o=jQuery(this).data("link");switch(e){case"section":wp.customize.section(o).expand();break;case"panel":wp.customize.panel(o).expand();break;case"control":wp.customize.control(o).focus(),setTimeout(()=>{wp.customize.control(o).focus()},500)}})}); \ No newline at end of file diff --git a/assets/js/customizer-style-guide.js b/assets/js/customizer-style-guide.js new file mode 100644 index 00000000..9ef39e56 --- /dev/null +++ b/assets/js/customizer-style-guide.js @@ -0,0 +1,64 @@ +/** + * Astra Theme Customizer Style Guide + * + * @package Astra + * @since x.x.x + */ + +(function($, api) { + /** + * Style Guide navigation. + */ + jQuery(document).ready(function($) { + + let headerContainer = jQuery('#customize-header-actions'), + button = jQuery(''); + + let indicatorDot = $(''); + + headerContainer.append(indicatorDot); + headerContainer.append(button); + + // Added function to check visit count and show/hide the red dot. + function checkVisitCount() { + let visitCount = localStorage.getItem('customizerVisitCount'); + visitCount = visitCount ? parseInt(visitCount, 10) : 0; + + if (visitCount < 5) { + indicatorDot.show(); + visitCount++; + localStorage.setItem('customizerVisitCount', visitCount); + } else { + indicatorDot.hide(); + } + } + + checkVisitCount(); + + button.on('click', function(event) { + event.preventDefault(); + event.stopPropagation(); + + // Access the iframe's content + var iframeBody = $('#customize-preview').find('iframe').contents().find('body'); + + // Apply the custom class to the iframe's body + iframeBody.toggleClass('ast-sg-loaded'); + + // Creating new state for restricting the preview refresh. + api.state.create('astra-style-guide-status'); + api.state('astra-style-guide-status').set('loaded'); + }); + + }); + + // development code. + $('#customize-preview iframe').on('load', function() { + // Access the iframe's content + var iframeBody = $('#customize-preview').find('iframe').contents().find('body'); + + // Apply the custom class to the iframe's body + iframeBody.addClass('ast-sg-loaded'); + }); + +})(jQuery, wp.customize); diff --git a/assets/js/customizer-style-guide.min.js b/assets/js/customizer-style-guide.min.js new file mode 100644 index 00000000..4516ee26 --- /dev/null +++ b/assets/js/customizer-style-guide.min.js @@ -0,0 +1 @@ +((t,a)=>{jQuery(document).ready(function(e){var t=jQuery("#customize-header-actions"),o=jQuery('');let s=e('');t.append(s),t.append(o),(t=(t=localStorage.getItem("customizerVisitCount"))?parseInt(t,10):0)<5?(s.show(),t++,localStorage.setItem("customizerVisitCount",t)):s.hide(),o.on("click",function(t){t.preventDefault(),t.stopPropagation(),e("#customize-preview").find("iframe").contents().find("body").toggleClass("ast-sg-loaded"),a.state.create("astra-style-guide-status"),a.state("astra-style-guide-status").set("loaded")})}),t("#customize-preview iframe").on("load",function(){t("#customize-preview").find("iframe").contents().find("body").addClass("ast-sg-loaded")})})(jQuery,wp.customize); \ No newline at end of file diff --git a/assets/js/dash.all.min.js b/assets/js/dash.all.min.js new file mode 100644 index 00000000..15a65ce8 --- /dev/null +++ b/assets/js/dash.all.min.js @@ -0,0 +1,2 @@ +/*! For license information please see dash.all.min.js.LICENSE.txt */ +!function e(t,r,n){function a(o,s){if(!r[o]){if(!t[o]){var u="function"==typeof require&&require;if(!s&&u)return u(o,!0);if(i)return i(o,!0);var l=new Error("Cannot find module '"+o+"'");throw l.code="MODULE_NOT_FOUND",l}var d=r[o]={exports:{}};t[o][0].call(d.exports,(function(e){return a(t[o][1][e]||e)}),d,d.exports,e,t,r,n)}return r[o].exports}for(var i="function"==typeof require&&require,o=0;on?t.push(n):2048>n?(t.push(192|n>>6),t.push(128|63&n)):65536>n?(t.push(224|n>>12),t.push(128|63&n>>6),t.push(128|63&n)):(t.push(240|n>>18),t.push(128|63&n>>12),t.push(128|63&n>>6),t.push(128|63&n))}return t},i=function(e){for(var t=[],r=0;rn||(224>n?(n=(31&n)<<6,n|=63&e[r++]):240>n?(n=(15&n)<<12,n|=(63&e[r++])<<6,n|=63&e[r++]):(n=(7&n)<<18,n|=(63&e[r++])<<12,n|=(63&e[r++])<<6,n|=63&e[r++])),t.push(String.fromCharCode(n))}return t.join("")},o={};!function(e){var t=function(t){for(var r=0,n=[],a=0|t.length/3;0>18)),n.push(e.charAt(63&i>>12)),n.push(e.charAt(63&i>>6)),n.push(e.charAt(63&i))}return 2==t.length-r?(i=(t[r]<<16)+(t[r+1]<<8),n.push(e.charAt(63&i>>18)),n.push(e.charAt(63&i>>12)),n.push(e.charAt(63&i>>6)),n.push("=")):1==t.length-r&&(i=t[r]<<16,n.push(e.charAt(63&i>>18)),n.push(e.charAt(63&i>>12)),n.push("==")),n.join("")},r=function(){for(var t=[],r=0;r<64;++r)t[e.charCodeAt(r)]=r;return t["=".charCodeAt(0)]=0,t}(),u=function(e){for(var t=0,n=[],a=0|e.length/4;0>16),n.push(255&i>>8),n.push(255&i),t+=4}return n&&("="==e.charAt(t-2)?(n.pop(),n.pop()):"="==e.charAt(t-1)&&n.pop()),n},l=function(e){for(var t=[],r=0;r=r&&console.log(this.time+" ["+e+"] "+t)}},f=function(e){for(var t=[],r=0;re;e++)this.chars.push(new g);this.pos=0,this.currPenState=new c};h.prototype={equals:function(e){for(var t=!0,r=0;a>r;r++)if(!this.chars[r].equals(e.chars[r])){t=!1;break}return t},copy:function(e){for(var t=0;a>t;t++)this.chars[t].copy(e.chars[t])},isEmpty:function(){for(var e=!0,t=0;a>t;t++)if(!this.chars[t].isEmpty()){e=!1;break}return e},setCursor:function(e){this.pos!==e&&(this.pos=e),this.pos<0?(d.log("ERROR","Negative cursor position "+this.pos),this.pos=0):this.pos>a&&(d.log("ERROR","Too large cursor position "+this.pos),this.pos=a)},moveCursor:function(e){var t=this.pos+e;if(e>1)for(var r=this.pos+1;t+1>r;r++)this.chars[r].setPenState(this.currPenState);this.setCursor(t)},backSpace:function(){this.moveCursor(-1),this.chars[this.pos].setChar(" ",this.currPenState)},insertChar:function(e){e>=144&&this.backSpace();var t=r(e);return this.pos>=a?void d.log("ERROR","Cannot insert "+e.toString(16)+" ("+t+") at position "+this.pos+". Skipping it!"):(this.chars[this.pos].setChar(t,this.currPenState),void this.moveCursor(1))},clearFromPos:function(e){var t;for(t=e;a>t;t++)this.chars[t].reset()},clear:function(){this.clearFromPos(0),this.pos=0,this.currPenState.reset()},clearToEndOfRow:function(){this.clearFromPos(this.pos)},getTextString:function(){for(var e=[],t=!0,r=0;a>r;r++){var n=this.chars[r].uchar;" "!==n&&(t=!1),e.push(n)}return t?"":e.join("")},setPenStyles:function(e){this.currPenState.setStyles(e),this.chars[this.pos].setPenState(this.currPenState)}};var p=function(){this.rows=[];for(var e=0;n>e;e++)this.rows.push(new h);this.currRow=14,this.nrRollUpRows=null,this.reset()};p.prototype={reset:function(){for(var e=0;n>e;e++)this.rows[e].clear();this.currRow=14},equals:function(e){for(var t=!0,r=0;n>r;r++)if(!this.rows[r].equals(e.rows[r])){t=!1;break}return t},copy:function(e){for(var t=0;n>t;t++)this.rows[t].copy(e.rows[t])},isEmpty:function(){for(var e=!0,t=0;n>t;t++)if(!this.rows[t].isEmpty()){e=!1;break}return e},backSpace:function(){this.rows[this.currRow].backSpace()},clearToEndOfRow:function(){this.rows[this.currRow].clearToEndOfRow()},insertChar:function(e){this.rows[this.currRow].insertChar(e)},setPen:function(e){this.rows[this.currRow].setPenStyles(e)},moveCursor:function(e){this.rows[this.currRow].moveCursor(e)},setCursor:function(e){d.log("INFO","setCursor: "+e),this.rows[this.currRow].setCursor(e)},setPAC:function(e){d.log("INFO","pacData = "+JSON.stringify(e));var t=e.row-1;this.nrRollUpRows&&ti;i++){var o=this.rows[i].getTextString();o&&(a=i+1,e?t.push("Row "+a+': "'+o+'"'):t.push(o.trim()))}return t.length>0&&(r=e?"["+t.join(" | ")+"]":t.join("\n")),r},getTextAndFormat:function(){return this.rows}};var m=function(e,t){this.chNr=e,this.outputFilter=t,this.mode=null,this.verbose=0,this.displayedMemory=new p,this.nonDisplayedMemory=new p,this.lastOutputScreen=new p,this.currRollUpRow=this.displayedMemory.rows[14],this.writeScreen=this.displayedMemory,this.mode=null,this.cueStartTime=null};m.prototype={modes:["MODE_ROLL-UP","MODE_POP-ON","MODE_PAINT-ON","MODE_TEXT"],reset:function(){this.mode=null,this.displayedMemory.reset(),this.nonDisplayedMemory.reset(),this.lastOutputScreen.reset(),this.currRollUpRow=this.displayedMemory.rows[14],this.writeScreen=this.displayedMemory,this.mode=null,this.cueStartTime=null,this.lastCueEndTime=null},getHandler:function(){return this.outputFilter},setHandler:function(e){this.outputFilter=e},setPAC:function(e){this.writeScreen.setPAC(e)},setBkgData:function(e){this.writeScreen.setBkgData(e)},setMode:function(e){e!==this.mode&&(this.mode=e,d.log("INFO","MODE="+e),"MODE_POP-ON"==this.mode?this.writeScreen=this.nonDisplayedMemory:(this.writeScreen=this.displayedMemory,this.writeScreen.reset()),"MODE_ROLL-UP"!==this.mode&&(this.displayedMemory.nrRollUpRows=null,this.nonDisplayedMemory.nrRollUpRows=null),this.mode=e)},insertChars:function(e){for(var t=0;t=46,t.italics)t.foreground="white";else{var r=Math.floor(e/2)-16;t.foreground=["white","green","blue","cyan","red","yellow","magenta"][r]}d.log("INFO","MIDROW: "+JSON.stringify(t)),this.writeScreen.setPen(t)},outputDataUpdate:function(){var e=d.time;null!==e&&this.outputFilter&&(this.outputFilter.updateData&&this.outputFilter.updateData(e,this.displayedMemory),null!==this.cueStartTime||this.displayedMemory.isEmpty()?this.displayedMemory.equals(this.lastOutputScreen)||(this.outputFilter.newCue&&this.outputFilter.newCue(this.cueStartTime,e,this.lastOutputScreen),this.cueStartTime=this.displayedMemory.isEmpty()?null:e):this.cueStartTime=e,this.lastOutputScreen.copy(this.displayedMemory))},cueSplitAtTime:function(e){this.outputFilter&&(this.displayedMemory.isEmpty()||(this.outputFilter.newCue&&this.outputFilter.newCue(this.cueStartTime,e,this.displayedMemory),this.cueStartTime=e))}};var v=function(e,t,r){this.field=e||1,this.outputs=[t,r],this.channels=[new m(1,t),new m(2,r)],this.currChNr=-1,this.lastCmdA=null,this.lastCmdB=null,this.bufferedData=[],this.startTime=null,this.lastTime=null,this.dataCounters={padding:0,char:0,cmd:0,other:0}};v.prototype={getHandler:function(e){return this.channels[e].getHandler()},setHandler:function(e,t){this.channels[e].setHandler(t)},addData:function(e,t){var r,n,a,i=!1;this.lastTime=e,d.setTime(e);for(var o=0;o ("+f([n,a])+")"),(r=this.parseCmd(n,a))||(r=this.parseMidrow(n,a)),r||(r=this.parsePAC(n,a)),r||(r=this.parseBackgroundAttributes(n,a)),!r&&(i=this.parseChars(n,a))&&(this.currChNr&&this.currChNr>=0?this.channels[this.currChNr-1].insertChars(i):d.log("WARNING","No channel found yet. TEXT-MODE?")),r?this.dataCounters.cmd+=2:i?this.dataCounters.char+=2:(this.dataCounters.other+=2,d.log("WARNING","Couldn't parse cleaned data "+f([n,a])+" orig: "+f([t[o],t[o+1]])))):this.dataCounters.padding+=2},parseCmd:function(e,t){var r;if(!((20===e||28===e)&&t>=32&&47>=t||(23===e||31===e)&&t>=33&&35>=t))return!1;if(e===this.lastCmdA&&t===this.lastCmdB)return this.lastCmdA=null,this.lastCmdB=null,d.log("DEBUG","Repeated command ("+f([e,t])+") is dropped"),!0;r=20===e||23===e?1:2;var n=this.channels[r-1];return 20===e||28===e?32===t?n.cc_RCL():33===t?n.cc_BS():34===t?n.cc_AOF():35===t?n.cc_AON():36===t?n.cc_DER():37===t?n.cc_RU(2):38===t?n.cc_RU(3):39===t?n.cc_RU(4):40===t?n.cc_FON():41===t?n.cc_RDC():42===t?n.cc_TR():43===t?n.cc_RTD():44===t?n.cc_EDM():45===t?n.cc_CR():46===t?n.cc_ENM():47===t&&n.cc_EOC():n.cc_TO(t-32),this.lastCmdA=e,this.lastCmdB=t,this.currChNr=r,!0},parseMidrow:function(e,t){var r=null;return(17===e||25===e)&&t>=32&&47>=t&&((r=17===e?1:2)!==this.currChNr?(d.log("ERROR","Mismatch channel in midrow parsing"),!1):(this.channels[r-1].cc_MIDROW(t),d.log("DEBUG","MIDROW ("+f([e,t])+")"),!0))},parsePAC:function(e,t){var r,n;if(!((e>=17&&23>=e||e>=25&&31>=e)&&t>=64&&127>=t||(16===e||24===e)&&t>=64&&95>=t))return!1;if(e===this.lastCmdA&&t===this.lastCmdB)return this.lastCmdA=null,this.lastCmdB=null,!0;r=23>=e?1:2,n=t>=64&&95>=t?1===r?i[e]:s[e]:1===r?o[e]:u[e];var a=this.interpretPAC(n,t);return this.channels[r-1].setPAC(a),this.lastCmdA=e,this.lastCmdB=t,this.currChNr=r,!0},interpretPAC:function(e,t){var r,n={color:null,italics:!1,indent:null,underline:!1,row:e};return r=t>95?t-96:t-64,n.underline=!(1&~r),13>=r?n.color=["white","green","blue","cyan","red","yellow","magenta","white"][Math.floor(r/2)]:15>=r?(n.italics=!0,n.color="white"):n.indent=4*Math.floor((r-16)/2),n},parseChars:function(e,t){var n,a=null,i=null,o=null;(e>=25?(a=2,o=e-8):(a=1,o=e),o>=17&&19>=o)?(n=17===o?t+80:18===o?t+112:t+144,d.log("INFO","Special char '"+r(n)+"' in channel "+a),i=[n]):e>=32&&127>=e&&(i=0===t?[e]:[e,t]);if(i){var s=f(i);d.log("DEBUG","Char codes = "+s.join(",")),this.lastCmdA=null,this.lastCmdB=null}return i},parseBackgroundAttributes:function(e,t){var r,n,a;return!!((16===e||24===e)&&t>=32&&47>=t||(23===e||31===e)&&t>=45&&47>=t)&&(r={},16===e||24===e?(n=Math.floor((t-32)/2),r.background=l[n],t%2==1&&(r.background=r.background+"_semi")):45===t?r.background="transparent":(r.foreground="black",47===t&&(r.underline=!0)),a=24>e?1:2,this.channels[a-1].setBkgData(r),this.lastCmdA=null,this.lastCmdB=null,!0)},reset:function(){for(var e=0;et)return null;var a=r.getUint8(n),i=r.getUint16(n+1),o=r.getUint32(n+3),s=r.getUint8(n+7);return 181==a&&49==i&&1195456820==o&&3==s};t+r>a;){if(n=e.getUint32(a),6==(31&e.getUint8(a+4)))for(var s=a+5,u=-1;a+4+n-1>s;){u=0;for(var l=255;255===l;)u+=l=e.getUint8(s),s++;var d=0;for(l=255;255===l;)d+=l=e.getUint8(s),s++;o(u,d,e,s)&&i.push([s,d]),s+=d}a+=n+4}return i},e.extractCea608DataFromRange=function(e,t){var r=t[0],n=[[],[]];r+=8;var a=31&e.getUint8(r);r+=2;for(var i=0;a>i;i++){var o=e.getUint8(r),s=4&o,u=3&o;r++;var l=e.getUint8(r);r++;var d=e.getUint8(r);r++,s&&(127&l)+(127&d)!=0&&(0===u?(n[0].push(l),n[0].push(d)):1===u&&(n[1].push(l),n[1].push(d)))}return n}}(void 0===r?(void 0).cea608parser={}:r)},{}],3:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function(e){var t,r,n;for(t=[],n=0,r=e.length;r>n;n+=1)e[n].isRoot?t.push("uberrxmprk"):t.push(e[n].name);var a=function(e,t){var r;if(null!==e&&null!==t)for(r in e)e.hasOwnProperty(r)&&(t.hasOwnProperty(r)||(t[r]=e[r]))},i=function(e,t,r){var n,i,o,s,u;if(null!==e&&0!==e.length)for(n=0,i=e.length;i>n;n+=1)o=e[n],t.hasOwnProperty(o.name)&&(r.hasOwnProperty(o.name)?o.merge&&(s=t[o.name],u=r[o.name],"object"==typeof s&&"object"==typeof u?a(s,u):null!=o.mergeFunction?r[o.name]=o.mergeFunction(s,u):r[o.name]=s+u):r[o.name]=t[o.name])},o=function e(t,r){var n,a,o,s,u,l,d,f=t;if(null!==f.children&&0!==f.children.length)for(n=0,a=f.children.length;a>n;n+=1)if(l=f.children[n],r.hasOwnProperty(l.name))if(l.isArray)for(o=0,s=(u=r[l.name+"_asArray"]).length;s>o;o+=1)d=u[o],i(f.properties,r,d),e(l,d);else d=r[l.name],i(f.properties,r,d),e(l,d)};return{run:function r(n){var a,i,s,u,l,d,f;if(null===n)return n;if("object"!=typeof n)return n;for(a=0,i=t.length;i>a;a+=1)"uberrxmprk"===t[a]&&(l=e[a],o(l,d=n));for(u in n)if(n.hasOwnProperty(u)&&"__children"!=u){if(-1!==(s=t.indexOf(u)))if((l=e[s]).isArray)for(a=0,i=(f=n[u+"_asArray"]).length;i>a;a+=1)d=f[a],o(l,d);else d=n[u],o(l,d);r(n[u])}return n}}},t.exports=r.default},{}],4:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function(e,t,r){function n(e){var t=e.localName;return null==t&&(t=e.baseName),(null==t||""==t)&&(t=e.nodeName),t}function a(e){return"string"==typeof e?e.replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'").replace(/\//g,"/"):e}function i(a){if(a.nodeType==p.DOCUMENT_NODE){var o,s,u=a.firstChild;for(o=0,s=a.childNodes.length;s>o;o+=1)if(a.childNodes[o].nodeType!==p.COMMENT_NODE){u=a.childNodes[o];break}return r?l=i(u):(l={})[g=n(u)]=i(u),l}if(a.nodeType==p.ELEMENT_NODE){var l;(l=new Object).__cnt=0;for(var d=[],f=a.childNodes,c=0;cS;S++){var I=e[S];I.test.call(this,T)&&(M=I.converter.call(this,T.value))}l[t+T.name]=M}var C=function(e){return e.prefix}(a);return null!=C&&""!=C&&(l.__cnt++,l.__prefix=C),1==l.__cnt&&null!=l["#text"]&&(l=l["#text"]),null!=l["#text"]&&(l.__text=l["#text"],h&&(l.__text=function(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,'"').replace(/'/g,"'").replace(///g,"/")}(l.__text)),delete l["#text"],delete l["#text_asArray"]),null!=l["#cdata-section"]&&(l.__cdata=l["#cdata-section"],delete l["#cdata-section"],delete l["#cdata-section_asArray"]),(null!=l.__text||null!=l.__cdata)&&(l.toString=function(){return(null!=this.__text?this.__text:"")+(null!=this.__cdata?this.__cdata:"")}),l}return a.nodeType==p.TEXT_NODE||a.nodeType==p.CDATA_SECTION_NODE?a.nodeValue:a.nodeType==p.COMMENT_NODE?null:void 0}function o(e,t,r,n){var a="<"+(null!=e&&null!=e.__prefix?e.__prefix+":":"")+t;if(null!=r)for(var i=0;i":">")}function s(e,t){return""}function u(e,t){return!!(function(e,t){return-1!==e.indexOf(t,e.length-8)}(t.toString(),"_asArray")||0==t.toString().indexOf("_")||e[t]instanceof Function)}function l(e){var t=0;if(e instanceof Object)for(var r in e)u(e,r)||t++;return t}function d(e){var t=[];if(e instanceof Object)for(var r in e)-1==r.toString().indexOf("__")&&0==r.toString().indexOf("_")&&t.push(r);return t}function f(e){var t="";return e instanceof Object?t+=function(e){var t="";return null!=e.__cdata&&(t+=""),null!=e.__text&&(t+=h?a(e.__text):e.__text),t}(e):null!=e&&(t+=h?a(e):e),t}function c(e,t,r){var n="";if(0==e.length)n+=o(e,t,r,!0);else for(var a=0;a0)for(var r in e)if(!u(e,r)){var n=e[r],a=d(n);null==n||null==n?t+=o(n,r,a,!0):n instanceof Object?n instanceof Array?t+=c(n,r,a):l(n)>0||null!=n.__text||null!=n.__cdata?(t+=o(n,r,a,!1),t+=g(n),t+=s(n,r)):t+=o(n,r,a,!0):(t+=o(n,r,a,!1),t+=f(n),t+=s(n,r))}return t+f(e)}null==t&&(t="_"),null==r&&(r=!1);var h=!1,p={ELEMENT_NODE:1,TEXT_NODE:3,CDATA_SECTION_NODE:4,COMMENT_NODE:8,DOCUMENT_NODE:9};this.parseXmlString=function(e){var t,r,n;if(window.DOMParser){r=new window.DOMParser;try{n=r.parseFromString("<","text/xml").getElementsByTagName("parsererror")[0].namespaceURI}catch(e){}try{t=r.parseFromString(e,"text/xml"),n&&t.getElementsByTagNameNS(n,"parsererror").length&&(t=void 0)}catch(e){}}else 0==e.indexOf("")+2)),(t=new ActiveXObject("Microsoft.XMLDOM")).async="false",t.loadXML(e);return t},this.xml2json=function(e){return i(e)},this.xml_str2json=function(e){var t=this.parseXmlString(e);return t?this.xml2json(t):void 0},this.json2xml_str=function(e){return g(e)},this.json2xml=function(e){var t=this.json2xml_str(e);return this.parseXmlString(t)},this.getVersion=function(){return"1.0.11"},this.escapeMode=function(e){h=e}},t.exports=r.default},{}],5:[function(e,t,r){(function(t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var a=n(e("./src/streaming/MediaPlayer.js")),i=n(e("./src/streaming/protection/Protection.js")),o=n(e("./src/streaming/metrics/MetricsReporting.js")),s=n(e("./src/streaming/MediaPlayerFactory.js")),u=window||t,l=u.dashjs;l||(l=u.dashjs={}),l.MediaPlayer=a.default,l.Protection=i.default,l.MetricsReporting=o.default,l.MediaPlayerFactory=s.default,r.default=l,r.MediaPlayer=a.default,r.Protection=i.default,r.MetricsReporting=o.default,r.MediaPlayerFactory=s.default}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./src/streaming/MediaPlayer.js":39,"./src/streaming/MediaPlayerFactory.js":41,"./src/streaming/metrics/MetricsReporting.js":64,"./src/streaming/protection/Protection.js":95}],6:[function(e,t,r){var n={parseBuffer:function(e){return new a(e).parse()},Utils:{}};n.Utils.dataViewToString=function(e,t){var r=t||"utf-8";if("undefined"!=typeof TextDecoder)return new TextDecoder(r).decode(e);var n=[],a=0;if("utf-8"===r)for(;ai||(224>i?(i=(31&i)<<6,i|=63&e.getUint8(a++)):240>i?(i=(15&i)<<12,i|=(63&e.getUint8(a++))<<6,i|=63&e.getUint8(a++)):(i=(7&i)<<18,i|=(63&e.getUint8(a++))<<12,i|=(63&e.getUint8(a++))<<6,i|=63&e.getUint8(a++))),n.push(String.fromCharCode(i))}else for(;a>3,t},i.prototype._readUint=function(e){var t=null;switch(e){case 8:t=this._raw.getUint8(this._cursor.offset-this._raw.byteOffset);break;case 16:t=this._raw.getUint16(this._cursor.offset-this._raw.byteOffset);break;case 24:t=((r=this._raw.getUint16(this._cursor.offset-this._raw.byteOffset))<<8)+(n=this._raw.getUint8(this._cursor.offset-this._raw.byteOffset+2));break;case 32:t=this._raw.getUint32(this._cursor.offset-this._raw.byteOffset);break;case 64:var r=this._raw.getUint32(this._cursor.offset-this._raw.byteOffset),n=this._raw.getUint32(this._cursor.offset-this._raw.byteOffset+4);t=r*Math.pow(2,32)+n}return this._cursor.offset+=e>>3,t},i.prototype._readString=function(e){for(var t="",r=0;e>r;r++){var n=this._readUint(8);t+=String.fromCharCode(n)}return t},i.prototype._readTerminatedString=function(){for(var e="";;){var t=this._readUint(8);if(0==t)break;e+=String.fromCharCode(t)}return e},i.prototype._readTemplate=function(e){return this._readUint(e/2)+this._readUint(e/2)/Math.pow(2,e/2)},i.prototype._parseBox=function(){if(this._cursor.offset=this._offset,this._offset+8>this._raw.buffer.byteLength)this._root._incomplete=!0;else{switch(this.size=this._readUint(32),this.type=this._readString(4),1==this.size&&(this.largesize=this._readUint(64)),"uuid"==this.type&&(this.usertype=this._readString(16)),this.size){case 0:this._raw=new DataView(this._raw.buffer,this._offset,this._raw.byteLength-this._cursor.offset);break;case 1:this._offset+this.size>this._raw.buffer.byteLength?(this._incomplete=!0,this._root._incomplete=!0):this._raw=new DataView(this._raw.buffer,this._offset,this.largesize);break;default:this._offset+this.size>this._raw.buffer.byteLength?(this._incomplete=!0,this._root._incomplete=!0):this._raw=new DataView(this._raw.buffer,this._offset,this.size)}!this._incomplete&&this._boxParsers[this.type]&&this._boxParsers[this.type].call(this)}},i.prototype._parseFullBox=function(){this.version=this._readUint(8),this.flags=this._readUint(24)},i.prototype._boxParsers={},["moov","trak","tref","mdia","minf","stbl","edts","dinf","mvex","moof","traf","mfra","udta","meco","strk","vttc"].forEach((function(e){i.prototype._boxParsers[e]=function(){for(this.boxes=[];this._cursor.offset-this._raw.byteOffset>15,this.language=String.fromCharCode(96+(e>>10&31),96+(e>>5&31),96+(31&e)),this.pre_defined=this._readUint(16)},i.prototype._boxParsers.mfhd=function(){this._parseFullBox(),this.sequence_number=this._readUint(32)},i.prototype._boxParsers.mvhd=function(){this._parseFullBox(),1==this.version?(this.creation_time=this._readUint(64),this.modification_time=this._readUint(64),this.timescale=this._readUint(32),this.duration=this._readUint(64)):(this.creation_time=this._readUint(32),this.modification_time=this._readUint(32),this.timescale=this._readUint(32),this.duration=this._readUint(32)),this.rate=this._readTemplate(32),this.volume=this._readTemplate(16),this.reserved1=this._readUint(16),this.reserved2=[this._readUint(32),this._readUint(32)],this.matrix=[];for(var e=0;9>e;e++)this.matrix.push(this._readTemplate(32));for(this.pre_defined=[],e=0;6>e;e++)this.pre_defined.push(this._readUint(32));this.next_track_ID=this._readUint(32)},i.prototype._boxParsers.payl=function(){var e=new DataView(this._raw.buffer,this._cursor.offset,this._raw.byteLength-(this._cursor.offset-this._offset));this.cue_text=n.Utils.dataViewToString(e)},i.prototype._boxParsers.sidx=function(){this._parseFullBox(),this.reference_ID=this._readUint(32),this.timescale=this._readUint(32),0==this.version?(this.earliest_presentation_time=this._readUint(32),this.first_offset=this._readUint(32)):(this.earliest_presentation_time=this._readUint(64),this.first_offset=this._readUint(64)),this.reserved=this._readUint(16),this.reference_count=this._readUint(16),this.references=[];for(var e=0;e>31&1,t.referenced_size=2147483647&r,t.subsegment_duration=this._readUint(32);var n=this._readUint(32);t.starts_with_SAP=n>>31&1,t.SAP_type=n>>28&7,t.SAP_delta_time=268435455&n,this.references.push(t)}},i.prototype._boxParsers.ssix=function(){this._parseFullBox(),this.subsegment_count=this._readUint(32),this.subsegments=[];for(var e=0;ee;e++)this.matrix.push(this._readTemplate(32));this.width=this._readUint(32),this.height=this._readUint(32)},i.prototype._boxParsers.trun=function(){this._parseFullBox(),this.sample_count=this._readUint(32),1&this.flags&&(this.data_offset=this._readInt(32)),4&this.flags&&(this.first_sample_flags=this._readUint(32)),this.samples=[];for(var e=0;e0&&(e+=" "),Array.apply(null,arguments).forEach((function(t){e+=t+" "})),n&&console.log(e),r.trigger(o.default.LOG,{message:e})},setLogTimestampVisible:function(e){a=e},setLogToBrowserConsole:function(e){n=e},getLogToBrowserConsole:function(){return n}},n=!0,a=!0,s=(new Date).getTime(),e}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./EventBus.js")),o=n(e("./events/Events.js")),s=n(e("./FactoryMaker.js"));a.__dashjs_factory_name="Debug",r.default=s.default.getSingletonFactory(a),t.exports=r.default},{"./EventBus.js":8,"./FactoryMaker.js":9,"./events/Events.js":11}],8:[function(e,t,r){"use strict";function n(){function e(e,r,n){var a=t[e];if(!a||0===a.length)return-1;for(var i=0;i=0)){var i={callback:n,scope:a};t[r]=t[r]||[],t[r].push(i)}},off:function(r,n,a){if(r&&n&&t[r]){var i=e(r,n,a);0>i||t[r].splice(i,1)}},trigger:function(e,r){if(e&&t[e]){if((r=r||{}).hasOwnProperty("type"))throw new Error("'type' is a reserved word for event dispatching");r.type=e,t[e].forEach((function(e){e.callback.call(e.scope,r)}))}},reset:function(){t={}}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("./FactoryMaker.js"));n.__dashjs_factory_name="EventBus",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"./FactoryMaker.js":9}],9:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r in i){var n=i[r];if(n.context===e&&n.name===t)return n.instance}return null}function t(e,t,a,i){var o=r(a)[e];if(o){var s=o.instance;if(!o.override)return s.apply({context:a,factory:n},i);for(var u in s=s.apply({context:a,factory:n,parent:t},i))t.hasOwnProperty(u)&&(t[u]=s[u])}return t}function r(e){var t=void 0;return a.forEach((function(r){r===e&&(t=r)})),t||(t=a.push(e)),t}var n=void 0,a=[],i=[];return n={extend:function(e,t,n,a){var i=r(a);!i[e]&&t&&(i[e]={instance:t,override:n})},getSingletonInstance:e,setSingletonInstance:function(e,t,r){for(var n in i){var a=i[n];if(a.context===e&&a.name===t)return void(i[n].instance=r)}i.push({name:t,context:e,instance:r})},getSingletonFactory:function(r){return function(n){var a=void 0;return void 0===n&&(n={}),{getInstance:function(){return a||(a=e(n,r.__dashjs_factory_name)),a||(a=t(r.__dashjs_factory_name,r.apply({context:n},arguments),n,arguments),i.push({name:r.__dashjs_factory_name,context:n,instance:a})),a}}}},getClassFactory:function(e){return function(r){return void 0===r&&(r={}),{create:function(){return t(e.__dashjs_factory_name,e.apply({context:r},arguments),r,arguments)}}}}}}();r.default=n,t.exports=r.default},{}],10:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(e){function t(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,t),function(e,t,r){for(var n=!0;n;){var a=e,i=t,o=r;n=!1,null===a&&(a=Function.prototype);var s=Object.getOwnPropertyDescriptor(a,i);if(void 0!==s){if("value"in s)return s.value;var u=s.get;if(void 0===u)return;return u.call(o)}var l=Object.getPrototypeOf(a);if(null===l)return;e=l,t=i,r=o,n=!0,s=l=void 0}}(Object.getPrototypeOf(t.prototype),"constructor",this).call(this),this.AST_IN_FUTURE="astinfuture",this.BUFFERING_COMPLETED="bufferingCompleted",this.BUFFER_CLEARED="bufferCleared",this.BUFFER_LEVEL_UPDATED="bufferLevelUpdated",this.BYTES_APPENDED="bytesAppended",this.CHECK_FOR_EXISTENCE_COMPLETED="checkForExistenceCompleted",this.CHUNK_APPENDED="chunkAppended",this.CURRENT_TRACK_CHANGED="currenttrackchanged",this.DATA_UPDATE_COMPLETED="dataUpdateCompleted",this.DATA_UPDATE_STARTED="dataUpdateStarted",this.FRAGMENT_LOADING_COMPLETED="fragmentLoadingCompleted",this.FRAGMENT_LOADING_STARTED="fragmentLoadingStarted",this.INITIALIZATION_LOADED="initializationLoaded",this.INIT_FRAGMENT_LOADED="initFragmentLoaded",this.INIT_REQUESTED="initRequested",this.INTERNAL_MANIFEST_LOADED="internalManifestLoaded",this.LIVE_EDGE_SEARCH_COMPLETED="liveEdgeSearchCompleted",this.LOADING_COMPLETED="loadingCompleted",this.LOADING_PROGRESS="loadingProgress",this.MANIFEST_UPDATED="manifestUpdated",this.MEDIA_FRAGMENT_LOADED="mediaFragmentLoaded",this.QUALITY_CHANGED="qualityChanged",this.QUOTA_EXCEEDED="quotaExceeded",this.REPRESENTATION_UPDATED="representationUpdated",this.SEGMENTS_LOADED="segmentsLoaded",this.SERVICE_LOCATION_BLACKLIST_CHANGED="serviceLocationBlacklistChanged",this.SOURCEBUFFER_APPEND_COMPLETED="sourceBufferAppendCompleted",this.SOURCEBUFFER_REMOVE_COMPLETED="sourceBufferRemoveCompleted",this.STREAMS_COMPOSED="streamsComposed",this.STREAM_BUFFERING_COMPLETED="streamBufferingCompleted",this.STREAM_COMPLETED="streamCompleted",this.STREAM_INITIALIZED="streaminitialized",this.STREAM_TEARDOWN_COMPLETE="streamTeardownComplete",this.TIMED_TEXT_REQUESTED="timedTextRequested",this.TIME_SYNCHRONIZATION_COMPLETED="timeSynchronizationComplete",this.URL_RESOLUTION_FAILED="urlResolutionFailed",this.WALLCLOCK_TIME_UPDATED="wallclockTimeUpdated",this.XLINK_ALL_ELEMENTS_LOADED="xlinkAllElementsLoaded",this.XLINK_ELEMENT_LOADED="xlinkElementLoaded",this.XLINK_READY="xlinkReady"}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t}(function(e){return e&&e.__esModule?e:{default:e}}(e("./EventsBase.js")).default);r.default=n,t.exports=r.default},{"./EventsBase.js":12}],11:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(e){function t(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,t),function(e,t,r){for(var n=!0;n;){var a=e,i=t,o=r;n=!1,null===a&&(a=Function.prototype);var s=Object.getOwnPropertyDescriptor(a,i);if(void 0!==s){if("value"in s)return s.value;var u=s.get;if(void 0===u)return;return u.call(o)}var l=Object.getPrototypeOf(a);if(null===l)return;e=l,t=i,r=o,n=!0,s=l=void 0}}(Object.getPrototypeOf(t.prototype),"constructor",this).apply(this,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t}(function(e){return e&&e.__esModule?e:{default:e}}(e("./CoreEvents.js")).default),a=new n;r.default=a,t.exports=r.default},{"./CoreEvents.js":10}],12:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;rr;r++){var n=m[r];if(e.id===n.id)return n}return null}function n(e,t){var r=new i.default,n=t.adaptation.period.mpd.manifest.Period_asArray[t.adaptation.period.index].AdaptationSet_asArray[t.adaptation.index],o=p.getRepresentationFor(t.index,n);return r.id=t.id,r.quality=t.index,r.bandwidth=p.getBandwidth(o),r.DVRWindow=t.segmentAvailabilityRange,r.fragmentDuration=t.segmentDuration||(t.segments&&t.segments.length>0?t.segments[0].duration:NaN),r.MSETimeOffset=t.MSETimeOffset,r.useCalculatedLiveEdgeTime=t.useCalculatedLiveEdgeTime,r.mediaInfo=a(e,t.adaptation),r}function a(e,t){var r,n=new o.default,a=t.period.mpd.manifest.Period_asArray[t.period.index].AdaptationSet_asArray[t.index];return n.id=t.id,n.index=t.index,n.type=t.type,n.streamInfo=g(e,t.period),n.representationCount=p.getRepresentationCount(a),n.lang=p.getLanguageForAdaptation(a),r=p.getViewpointForAdaptation(a),n.viewpoint=r?r.value:void 0,n.accessibility=p.getAccessibilityForAdaptation(a).map((function(e){var t=e.value,r=t;return e.schemeIdUri&&e.schemeIdUri.search("cea-608")>=0&&void 0!==f.default&&(r=t?"cea-608:"+t:"cea-608",n.embeddedCaptions=!0),r})),n.audioChannelConfiguration=p.getAudioChannelConfigurationForAdaptation(a).map((function(e){return e.value})),n.roles=p.getRolesForAdaptation(a).map((function(e){return e.value})),n.codec=p.getCodec(a),n.mimeType=p.getMimeType(a),n.contentProtection=p.getContentProtectionData(a),n.bitrateList=p.getBitrateListForAdaptation(a),n.contentProtection&&n.contentProtection.forEach((function(e){e.KID=p.getKID(e)})),n.isText=p.getIsTextTrack(n.mimeType),n}function d(e,t,r){e.id=t,e.index=100+parseInt(t.substring(2,3)),e.type="embeddedText",e.codec="cea-608-in-SEI",e.isText=!0,e.isEmbedded=!0,e.lang=t+" "+r,e.roles=["caption"]}function g(e,t){var r=new s.default;return r.id=t.id,r.index=t.index,r.start=t.start,r.duration=t.duration,r.manifestInfo=h(e,t.mpd),r.isLast=1===e.Period_asArray.length||Math.abs(r.start+r.duration-r.manifestInfo.duration)<1,r.isFirst=1===e.Period_asArray.length||p.getRegularPeriods(e,p.getMpd(e))[0].id===t.id,r}function h(e,t){var r=new u.default;return r.DVRWindowSize=t.timeShiftBufferDepth,r.loadedTime=t.manifest.loadedTime,r.availableFrom=t.availabilityStartTime,r.minBufferTime=t.manifest.minBufferTime,r.maxFragmentDuration=t.maxSegmentDuration,r.duration=p.getDuration(e),r.isDynamic=p.getIsDynamic(e),r}var p=void 0,m=void 0,v=void 0;return{initialize:function(){m=[],v={}},convertDataToTrack:n,convertDataToMedia:a,convertDataToStream:g,getDataForTrack:e,getDataForMedia:t,getDataForStream:r,getStreamsInfo:function(e){var t,r,n,a=[];if(!e)return null;for(t=p.getMpd(e),m=p.getRegularPeriods(e,t),t.checkTime=p.getCheckTime(e,m[0]),v={},r=m.length,n=0;r>n;n++)a.push(g(e,m[n]));return a},getManifestInfo:function(e){return h(e,p.getMpd(e))},getMediaInfoForType:function(e,t,n){var i,o=r(t),s=o.id,u=p.getAdaptationForType(e,t.index,n);return u?(i=p.getIndexForAdaptation(u,e,t.index),v[s]=v[s]||p.getAdaptationsForPeriod(e,o),a(e,v[s][i])):null},getAllMediaInfoForType:function(e,t,n){var i,o,s,u,l,f,c=r(t),g=c.id,h=p.getAdaptationsForType(e,t.index,"embeddedText"!==n?n:"video"),m=[];if(!h)return m;for(v[g]=v[g]||p.getAdaptationsForPeriod(e,c),u=0,f=h.length;f>u;u++){if(i=h[u],s=p.getIndexForAdaptation(i,e,t.index),o=a(e,v[g][s]),"embeddedText"===n){var y=o.accessibility.length;for(l=0;y>l;l++)if(o){var _=o.accessibility[l];if(0===_.indexOf("cea-608:")){var E=_.substring(8).split(";");if("CC"===E[0].substring(0,2))for(l=0;lO?o=!1:w||O=t):o=!0,o}function n(e){return B.getSegments(e,P,O,a)}function a(e,t){if(e.segments=t,t&&t.length>0&&(L=isNaN(L)?t[0].presentationStartTime:Math.min(t[0].presentationStartTime,L)),w&&isNaN(C.getExpectedLiveEdge())){var r=t[t.length-1].presentationStartTime,n=j.getMetricsFor("stream");C.setExpectedLiveEdge(r),j.updateManifestUpdateInfo(A.getCurrentManifestUpdate(n),{presentationStartTime:r})}}function d(e){if(!e)throw new o.default("no representation");return e.segments=null,n(e),e}function m(e,t,r){var n,a,i,o,s,u=t.segments,l=u?u.length:null,d=-1;if(u&&l>0)for(s=0;l>s;s++)if(i=(a=u[s]).presentationStartTime,o=a.duration,e+(n=null==r?o/2:r)>=i&&i+o>e-n){d=a.availabilityIdx;break}return d}function v(e){if(null==e)return null;var r=new i.default,n=e.representation,a=n.adaptation.period.mpd.manifest.Period_asArray[n.adaptation.period.index].AdaptationSet_asArray[n.adaptation.index].Representation_asArray[n.index].bandwidth,o=e.media;return o=(0,g.replaceTokenForTemplate)(o,"Number",e.replacementNumber),o=(0,g.replaceTokenForTemplate)(o,"Time",e.replacementTime),o=function(e,t){if(null===t||-1===e.indexOf("$RepresentationID$"))return e;var r=t.toString();return e.split("$RepresentationID$").join(r)}(o=(0,g.replaceTokenForTemplate)(o,"Bandwidth",a),n.id),o=function(e){return e.split("$$").join("$")}(o),r.mediaType=N,r.type=s.default.MEDIA_SEGMENT_TYPE,r.range=e.mediaRange,r.startTime=e.presentationStartTime,r.duration=e.duration,r.timescale=n.timescale,r.availabilityStartTime=e.availabilityStartTime,r.availabilityEndTime=e.availabilityEndTime,r.wallStartTime=e.wallStartTime,r.quality=n.index,r.index=e.availabilityIdx,r.mediaInfo=F.getMediaInfo(),r.adaptationIndex=n.adaptation.index,t(r,o,n)?r:void 0}function y(e,t,a){var o,s=O,u=!!a&&a.keepIdx,l=a?a.timeThreshold:null,d=!(!a||!a.ignoreIsFinished);return e?(P!==t&&(P=t,M("Getting the request for "+N+" time : "+t)),O=m(t,e,l),n(e),0>O&&(O=m(t,e,l)),O>0&&M("Index for "+N+" time "+t+" is "+O),!d&&r(e)?((o=new i.default).action=i.default.ACTION_COMPLETE,o.index=O,o.mediaType=N,o.mediaInfo=F.getMediaInfo(),M("Signal complete.",o)):o=v((0,g.getSegmentByIndex)(O,e)),u&&s>=0&&(O="SegmentTimeline"===e.segmentInfoType&&w?O:s),o):null}function _(e){var t=e.representation;t.segments&&S.trigger(u.default.REPRESENTATION_UPDATED,{sender:this,representation:t})}function E(e){if(!e.error&&N===e.mediaType){var t,r,n,i,o=e.segments,s=e.representation,l=[],d=0;for(t=0,r=o.length;r>t;t++)n=o[t],i=(0,g.getTimeBasedSegment)(C,w,s,n.startTime,n.duration,n.timescale,n.media,n.mediaRange,d),l.push(i),i=null,d++;s.segmentAvailabilityRange={start:l[0].presentationStartTime,end:l[r-1].presentationStartTime},s.availableSegmentsNumber=r,a(s,l),s.initialization&&S.trigger(u.default.REPRESENTATION_UPDATED,{sender:this,representation:s})}}var T=this.context,M=(0,f.default)(T).getInstance().log,S=(0,l.default)(T).getInstance(),R=(0,c.default)(T).getInstance(),I=e.segmentBaseLoader,C=e.timelineConverter,A=e.dashMetrics,j=e.metricsModel,D=e.baseURLController,b=void 0,O=void 0,P=void 0,w=void 0,N=void 0,x=void 0,L=void 0,F=void 0,B=void 0;return b={initialize:function(t){N=(F=t).getType(),w=F.isDynamic(),B=(0,h.default)(T).create(e,w)},getStreamProcessor:function(){return F},getInitRequest:function(e){return e?function(e,r){var n,a,o=new i.default;return n=e.adaptation.period,o.mediaType=r,o.type=s.default.INIT_SEGMENT_TYPE,o.range=e.range,a=n.start,o.availabilityStartTime=C.calcAvailabilityStartTimeFromPresentationTime(a,e.adaptation.period.mpd,w),o.availabilityEndTime=C.calcAvailabilityEndTimeFromPresentationTime(a+n.duration,n.mpd,w),o.quality=e.index,o.mediaInfo=F.getMediaInfo(),t(o,e.initialization,e)?o:void 0}(e,N):null},getSegmentRequestForTime:y,getNextSegmentRequest:function(e){var t,a;return e&&-1!==O?(P=null,O++,M("Getting the next request at index: "+O),r(e)?((t=new i.default).action=i.default.ACTION_COMPLETE,t.index=O,t.mediaType=N,t.mediaInfo=F.getMediaInfo(),M("Signal complete.")):(n(e),t=v(a=(0,g.getSegmentByIndex)(O,e)),!a&&w&&O--),t):null},generateSegmentRequestForTime:function(e,t){var r=(e.segmentAvailabilityRange.end-e.segmentAvailabilityRange.start)/2;return e.segments=null,e.segmentAvailabilityRange={start:t-r,end:t+r},y(e,t,{keepIdx:!1,ignoreIsFinished:!0})},updateRepresentation:function(e,t){var r,n=e.initialization,a="BaseURL"!==e.segmentInfoType&&"SegmentBase"!==e.segmentInfoType;return e.segmentDuration||e.segments||d(e),e.segmentAvailabilityRange=null,e.segmentAvailabilityRange=C.calcSegmentAvailabilityRange(e,w),e.segmentAvailabilityRange.end=0;){if(r[t].responsecode){n=r[t];break}t--}return n}function t(e){return null===e?[]:e.HttpList?e.HttpList:[]}function r(e){var t={};if(!e)return t;for(var r=e.split("\r\n"),n=0,a=r.length;a>n;n++){var i=r[n],o=i.indexOf(": ");o>0&&(t[i.substring(0,o)]=i.substring(o+2))}return t}function n(e,t){return(0,u.default)(a).getInstance().getIsTypeOf(e,t)}var a=this.context,l=(0,s.default)(a).getInstance();return{getBandwidthForRepresentation:function(e,t){var r;return r=function(e,t){var r,n,a,i,o;for(r=e.AdaptationSet_asArray,i=0;i=0;s--)if((o=a[s]).type===i.default.MPD_TYPE){u=r(o._responseHeaders);break}return void 0===u[n]?null:u[n]},getRequestsQueue:function(e){return e.RequestsQueue}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../streaming/vo/metrics/HTTPRequest.js")),o=n(e("../streaming/controllers/AbrController.js")),s=n(e("../streaming/models/ManifestModel.js")),u=n(e("./models/DashManifestModel.js")),l=n(e("../core/FactoryMaker.js"));a.__dashjs_factory_name="DashMetrics",r.default=l.default.getSingletonFactory(a),t.exports=r.default},{"../core/FactoryMaker.js":9,"../streaming/controllers/AbrController.js":49,"../streaming/models/ManifestModel.js":89,"../streaming/vo/metrics/HTTPRequest.js":166,"./models/DashManifestModel.js":19}],16:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e,t=this.context,r=(0,s.default)(t).getInstance().log,n=void 0,a=void 0,o=void 0,d=void 0;return e={parse:function(e,n){var a,o=new l.default(d,"",!0),s=new u.default(function(){var e=[];return e.push(function(){var e,t,r,n;return n=[{name:"profiles",merge:!1},{name:"width",merge:!1},{name:"height",merge:!1},{name:"sar",merge:!1},{name:"frameRate",merge:!1},{name:"audioSamplingRate",merge:!1},{name:"mimeType",merge:!1},{name:"segmentProfiles",merge:!1},{name:"codecs",merge:!1},{name:"maximumSAPPeriod",merge:!1},{name:"startsWithSap",merge:!1},{name:"maxPlayoutRate",merge:!1},{name:"codingDependency",merge:!1},{name:"scanType",merge:!1},{name:"FramePacking",merge:!0},{name:"AudioChannelConfiguration",merge:!0},{name:"ContentProtection",merge:!0}],(e={}).name="AdaptationSet",e.isRoot=!1,e.isArray=!0,e.parent=null,e.children=[],e.properties=n,(t={}).name="Representation",t.isRoot=!1,t.isArray=!0,t.parent=e,t.children=[],t.properties=n,e.children.push(t),(r={}).name="SubRepresentation",r.isRoot=!1,r.isArray=!0,r.parent=t,r.children=[],r.properties=n,t.children.push(r),e}()),e.push(function(){var e,t,r,n;return n=[{name:"SegmentBase",merge:!0},{name:"SegmentTemplate",merge:!0},{name:"SegmentList",merge:!0}],(e={}).name="Period",e.isRoot=!1,e.isArray=!0,e.parent=null,e.children=[],e.properties=n,(t={}).name="AdaptationSet",t.isRoot=!1,t.isArray=!0,t.parent=e,t.children=[],t.properties=n,e.children.push(t),(r={}).name="Representation",r.isRoot=!1,r.isArray=!0,r.parent=t,r.children=[],r.properties=n,t.children.push(r),e}()),e}()),f=new Date,c=null,g=null;try{if(!(a=o.xml_str2json(e)))throw"parser error";c=new Date,a.hasOwnProperty("Location")&&(a.Location=a.Location_asArray[0]),s.run(a),g=new Date,n.setMatchers(d),n.setIron(s),r("Parsing complete: ( xml2json: "+(c.getTime()-f.getTime())+"ms, objectiron: "+(g.getTime()-c.getTime())+"ms, total: "+(g.getTime()-f.getTime())/1e3+"s)")}catch(r){return(0,i.default)(t).getInstance().manifestError("parsing the manifest failed","parse",e),null}return a}},n=/^([-])?P(([\d.]*)Y)?(([\d.]*)M)?(([\d.]*)D)?T?(([\d.]*)H)?(([\d.]*)M)?(([\d.]*)S)?/,a=/^([0-9]{4})-([0-9]{2})-([0-9]{2})T([0-9]{2}):([0-9]{2})(?::([0-9]*)(\.[0-9]*)?)?(?:([+-])([0-9]{2})([0-9]{2}))?/,o=/^[-+]?[0-9]+[.]?[0-9]*([eE][-+]?[0-9]+)?$/,d=[{type:"duration",test:function(e){for(var t=["minBufferTime","mediaPresentationDuration","minimumUpdatePeriod","timeShiftBufferDepth","maxSegmentDuration","maxSubsegmentDuration","suggestedPresentationDelay","start","starttime","duration"],r=t.length,a=0;r>a;a++)if(e.nodeName===t[a])return n.test(e.value);return!1},converter:function(e){var t=n.exec(e),r=31536e3*parseFloat(t[2]||0)+2592e3*parseFloat(t[4]||0)+86400*parseFloat(t[6]||0)+3600*parseFloat(t[8]||0)+60*parseFloat(t[10]||0)+parseFloat(t[12]||0);return void 0!==t[1]&&(r=-r),r}},{type:"datetime",test:function(e){return a.test(e.value)},converter:function(e){var t,r=a.exec(e);if(t=Date.UTC(parseInt(r[1],10),parseInt(r[2],10)-1,parseInt(r[3],10),parseInt(r[4],10),parseInt(r[5],10),r[6]&&parseInt(r[6],10)||0,r[7]&&1e3*parseFloat(r[7])||0),r[9]&&r[10]){var n=60*parseInt(r[9],10)+parseInt(r[10],10);t+=("+"===r[8]?-1:1)*n*60*1e3}return new Date(t)}},{type:"numeric",test:function(e){return o.test(e.value)},converter:function(e){return parseFloat(e)}}],e}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../streaming/utils/ErrorHandler.js")),o=n(e("../core/FactoryMaker.js")),s=n(e("../core/Debug.js")),u=n(e("../../externals/objectiron.js")),l=n(e("../../externals/xml2json.js"));a.__dashjs_factory_name="DashParser",r.default=o.default.getClassFactory(a),t.exports=r.default},{"../../externals/objectiron.js":3,"../../externals/xml2json.js":4,"../core/Debug.js":7,"../core/FactoryMaker.js":9,"../streaming/utils/ErrorHandler.js":139}],17:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e,t){for(var r,n,a,i,s=e.references,u=s.length,l=e.timescale,d=e.earliest_presentation_time,f=t.range.start+e.first_offset+e.size,c=[],g=0;u>g;g++)a=s[g].subsegment_duration,i=s[g].referenced_size,(r=new o.default).duration=a,r.media=t.url,r.startTime=d,r.timescale=l,n=f+i-1,r.mediaRange=f+"-"+n,c.push(r),d+=a,f+=i;return c}function t(e,t){t.url&&(e.open("GET",m.modifyRequestURL(t.url)),e.responseType="arraybuffer",e.setRequestHeader("Range","bytes="+t.range.start+"-"+t.range.end),(e=m.modifyRequestHeader(e)).send(null))}function r(e,t,r){e?c.trigger(l.default.SEGMENTS_LOADED,{segments:e,representation:t,mediaType:r}):c.trigger(l.default.SEGMENTS_LOADED,{segments:null,representation:t,mediaType:r,error:new s.default(null,"error loading segments",null)})}var n=this.context,a=(0,g.default)(n).getInstance().log,c=(0,d.default)(n).getInstance(),h=void 0,p=void 0,m=void 0,v=void 0;return{setConfig:function(e){e.baseURLController&&(v=e.baseURLController)},initialize:function(){h=(0,u.default)(n).getInstance(),p=(0,f.default)(n).getInstance(),m=(0,i.default)(n).getInstance()},loadInitialization:function e(r,n){var i=!0,o=null,s=null,u=new XMLHttpRequest,d=v.resolve(r.path),f=n||{url:d?d.url:void 0,range:{start:0,end:1500},searching:!1,bytesLoaded:0,bytesToLoad:1500,request:u};a("Start searching for initialization."),u.onload=function(){u.status<200||u.status>299||(i=!1,f.bytesLoaded=f.range.end,s=p.parse(u.response),o=function(e){var t,r,n=e.getBox("ftyp"),i=e.getBox("moov"),o=null;return a("Searching for initialization."),i&&i.isComplete&&(t=n?n.offset:i.offset,r=i.offset+i.size-1,a("Found the initialization. Range: "+(o=t+"-"+r))),o}(s),o?(r.range=o,r.initialization=f.url,c.trigger(l.default.INITIALIZATION_LOADED,{representation:r})):(f.range.end=f.bytesLoaded+f.bytesToLoad,e(r,f)))},u.onloadend=u.onerror=function(){i&&(i=!1,h.downloadError("initialization",f.url,u),c.trigger(l.default.INITIALIZATION_LOADED,{representation:r}))},t(u,f),a("Perform init search: "+f.url)},loadSegments:function n(i,o,s,u,l){if(s&&(void 0===s.start||void 0===s.end)){var d=s?s.toString().split("-"):null;s=d?{start:parseFloat(d[0]),end:parseFloat(d[1])}:null}l=l||r;var f=!0,c=null,g=null,m=!!s,y=new XMLHttpRequest,_=v.resolve(i.path),E={url:_?_.url:void 0,range:m?s:{start:0,end:1500},searching:!m,bytesLoaded:u?u.bytesLoaded:0,bytesToLoad:1500,request:y};y.onload=function(){if(!(y.status<200||y.status>299)){var t=E.bytesToLoad,r=y.response.byteLength;if(f=!1,E.bytesLoaded=E.range.end-E.range.start,c=p.parse(y.response),(g=c.getBox("sidx"))&&g.isComplete){var s,u,d=g.references;if(null!=d&&d.length>0&&(s=1===d[0].reference_type),s){a("Initiate multiple SIDX load."),E.range.end=E.range.start+g.size;var h,m,v,_,T=[],M=0,S=(g.offset||E.range.start)+g.size,R=function(e){e?(T=T.concat(e),++M>=m&&l(T,i,o)):l(null,i,o)};for(h=0,m=d.length;m>h;h++)v=S,_=S+d[h].referenced_size-1,S+=d[h].referenced_size,n(i,null,{start:v,end:_},E,R)}else a("Parsing segments from SIDX."),u=e(g,E),l(u,i,o)}else{if(g)E.range.start=g.offset||E.range.start,E.range.end=E.range.start+(g.size||t);else{if(rr;r++)(t=O[r]).segmentAvailabilityRange=K.calcSegmentAvailabilityRange(t,e)}function _(a){if(a.sender.getStreamProcessor()===w&&e()){var i,o,s=a.representation,u=k.getMetricsFor("stream"),l=k.getMetricsFor(t().adaptation.type),d=q.getCurrentManifestUpdate(u),f=!1,c=0;if("dynamic"==s.adaptation.period.mpd.manifest.type){var g=s.segmentAvailabilityRange.end-s.segmentAvailabilityRange.start;c=1e3*(F.computeLiveDelay(P.segmentDuration,w.getStreamInfo().manifestInfo.DVRWindowSize)-g)}if(c>0)return n(),function(t){var r=t;b=!1,C.trigger(v.default.AST_IN_FUTURE,{delay:r}),setTimeout((function(){if(!e()){b=!0,C.trigger(v.default.DATA_UPDATE_STARTED,{sender:A}),O.forEach((function(e){e.segmentAvailabilityRange=null}));for(var t=0;te;e++){var r=O[e].segmentInfoType;if(null===O[e].segmentAvailabilityRange||null===O[e].initialization||("SegmentBase"===r||"BaseURL"===r)&&!O[e].segments)return!1}return!0})()&&(b=!1,N.setPlaybackQuality(w.getType(),w.getStreamInfo(),function(e){return O.indexOf(e)}(P)),k.updateManifestUpdateInfo(d,{latency:P.segmentAvailabilityRange.end-F.getTime()}),q.getCurrentRepresentationSwitch(l)||r(),C.trigger(v.default.DATA_UPDATE_COMPLETED,{sender:this,data:j,currentRepresentation:P}))}}function E(e){e.isDynamic&&y(e.isDynamic)}function T(e){if(!e.error){y(!0),x.updateRepresentation(P,!1);var t=B.getValue(),r=P.adaptation.period,n=L.getActiveStreamInfo();n.isLast&&(r.mpd.checkTime=H.getCheckTime(t,r),r.duration=H.getEndTimeForLastPeriod(B.getValue(),r)-r.start,n.duration=r.duration)}}function M(e){e.sender.getStreamProcessor()===w&&n()}function S(e){e.mediaType===w.getType()&&w.getStreamInfo().id===e.streamInfo.id&&e.oldQuality!==e.newQuality&&(P=a(e.newQuality),U.setSavedBitrateSettings(e.mediaType,P.bandwidth),r())}var R=1,I=this.context,C=(0,m.default)(I).getInstance(),A=void 0,j=void 0,D=void 0,b=void 0,O=void 0,P=void 0,w=void 0,N=void 0,x=void 0,L=void 0,F=void 0,B=void 0,k=void 0,U=void 0,K=void 0,H=void 0,q=void 0;return A={initialize:function(e){x=(w=e).getIndexHandler()},setConfig:function(e){e.abrController&&(N=e.abrController)},getData:function(){return j},getDataIndex:function(){return D},isUpdating:e,updateData:function(e,t,r){var n,i=null,o=w.getStreamInfo(),s=N.getTopQualityIndexFor(r,o.id);if(b=!0,C.trigger(v.default.DATA_UPDATE_STARTED,{sender:this}),O=function(e){var t=B.getValue();return D=H.getIndexForAdaptation(j,t,e.period.index),H.getRepresentationsForAdaptation(t,e)}(t),null===j&&"fragmentedText"!==r?(i=N.getAverageThroughput(r)||N.getInitialBitrateFor(r,o),n=N.getQualityForBitrate(w.getMediaInfo(),i)):n=N.getQualityFor(r,o),n>s&&(n=s),P=a(n),j=e,"video"!==r&&"audio"!==r&&"fragmentedText"!==r)return b=!1,void C.trigger(v.default.DATA_UPDATE_COMPLETED,{sender:this,data:j,currentRepresentation:P});for(var u=0;u0&&e.Representation_asArray[0].hasOwnProperty("codecs")){var l=e.Representation_asArray[0].codecs;if("stpp"===l||"wvtt"===l)return"fragmentedText"===t}if(s){if(s.length>1)return"muxed"==t;s[0]&&s[0].contentType===t&&(i=!0,o=!0)}if(e.hasOwnProperty("mimeType")&&(i=u.test(e.mimeType),o=!0),!o)for(r=0,n=e.Representation_asArray.length;!o&&n>r;)(a=e.Representation_asArray[r]).hasOwnProperty("mimeType")&&(i=u.test(a.mimeType),o=!0),r++;return i}function t(t){return e(t,"audio")}function r(t){return e(t,"video")}function n(t){return e(t,"fragmentedText")}function a(t){return e(t,"muxed")}function p(e){return"text/vtt"===e||"application/ttml+xml"===e}function m(e){return e.hasOwnProperty("Role_asArray")?e.Role_asArray:[]}function v(e){return m(e).filter((function(e){return"main"===e.value}))[0]}function y(e){return void 0!==e.Representation_asArray&&null!==e.Representation_asArray&&e.Representation_asArray.sort((function(e,t){return e.bandwidth-t.bandwidth})),e}function _(t,r,n){var a,i,o=t.Period_asArray[r].AdaptationSet_asArray,s=[];for(a=0,i=o.length;i>a;a++)e(o[a],n)&&s.push(y(o[a]));return s}function E(e){var t=!1;return e.hasOwnProperty("type")&&(t="dynamic"===e.type),t}function T(e,t){var r=!1;return e.profiles&&e.profiles.length>0&&(r=-1!==e.profiles.indexOf(t)),r}function M(e){if(!e)throw new Error("Period cannot be null or undefined");var t=s.default.DEFAULT_ID;return e.hasOwnProperty("id")&&"__proto__"!==e.id&&(t=e.id),t}function S(e,t){return j.calcPresentationTimeFromWallTime(e.loadedTime,t)}function R(e,t){var r=NaN;return e.hasOwnProperty("minimumUpdatePeriod")&&(r=S(e,t)+e.minimumUpdatePeriod),r}function I(e,t){var r,n=R(e,t);if(e.mediaPresentationDuration)r=e.mediaPresentationDuration;else{if(isNaN(n))throw new Error("Must have @mediaPresentationDuration or @minimumUpdatePeriod on MPD or an explicit @duration on the last period.");r=n}return r}function C(e,t){var r=[];if(!e)return r;for(var n=0;nn;n++)if(i[n]===e)return n;return-1},getAdaptationForId:function(e,t,r){var n,a,i=t.Period_asArray[r].AdaptationSet_asArray;for(n=0,a=i.length;a>n;n++)if(i[n].hasOwnProperty("id")&&i[n].id===e)return i[n];return null},getAdaptationsForType:_,getAdaptationForType:function(e,t,r){var n,a,i;if(!(i=_(e,t,r))||0===i.length)return null;for(n=0,a=i.length;a>n;n++)if(v(i[n]))return i[n];return i[0]},getCodec:function(e){var t=e.Representation_asArray[0];return t.mimeType+';codecs="'+t.codecs+'"'},getMimeType:function(e){return e.Representation_asArray[0].mimeType},getKID:function(e){return e&&e.hasOwnProperty("cenc:default_KID")?e["cenc:default_KID"]:null},getContentProtectionData:function(e){return e&&e.hasOwnProperty("ContentProtection_asArray")&&0!==e.ContentProtection_asArray.length?e.ContentProtection_asArray:null},getIsDynamic:E,getIsDVR:function(e){var t,r=E(e);return t=!isNaN(e.timeShiftBufferDepth),r&&t},getIsOnDemand:function(e){return T(e,"urn:mpeg:dash:profile:isoff-on-demand:2011")},getIsDVB:function(e){return T(e,"urn:dvb:dash:profile:dvb-dash:2014")},getDuration:function(e){return e.hasOwnProperty("mediaPresentationDuration")?e.mediaPresentationDuration:Number.MAX_VALUE},getBandwidth:function(e){return e.bandwidth},getRefreshDelay:function(e){var t=NaN;return e.hasOwnProperty("minimumUpdatePeriod")&&(t=Math.max(parseFloat(e.minimumUpdatePeriod),2)),t},getRepresentationCount:function(e){return e.Representation_asArray.length},getBitrateListForAdaptation:function(e){if(!e||!e.Representation_asArray||!e.Representation_asArray.length)return null;for(var t=y(e).Representation_asArray,r=t.length,n=[],a=0;r>a;a++)n.push({bandwidth:t[a].bandwidth,width:t[a].width||0,height:t[a].height||0});return n},getRepresentationFor:function(e,t){return t.Representation_asArray[e]},getRepresentationsForAdaptation:function(e,t){for(var r,n,a,o,s,u=y(e.Period_asArray[t.period.index].AdaptationSet_asArray[t.index]),l=[],d=0;d=0)&&(r.useCalculatedLiveEdgeTime=!0)):r.segmentInfoType="SegmentTemplate",a.hasOwnProperty("initialization")&&(r.initialization=a.initialization.split("$Bandwidth$").join(o.bandwidth).split("$RepresentationID$").join(o.id))):(a=o.BaseURL,r.segmentInfoType="BaseURL"),a.hasOwnProperty("Initialization")?(n=a.Initialization).hasOwnProperty("sourceURL")?r.initialization=n.sourceURL:n.hasOwnProperty("range")&&(r.range=n.range):o.hasOwnProperty("mimeType")&&p(o.mimeType)&&(r.range=0),a.hasOwnProperty("timescale")&&(r.timescale=a.timescale),a.hasOwnProperty("duration")&&(r.segmentDuration=a.duration/r.timescale),a.hasOwnProperty("startNumber")&&(r.startNumber=a.startNumber),a.hasOwnProperty("indexRange")&&(r.indexRange=a.indexRange),a.hasOwnProperty("presentationTimeOffset")&&(r.presentationTimeOffset=a.presentationTimeOffset/r.timescale),r.MSETimeOffset=j.calcMSETimeOffset(r),r.path=[t.period.index,t.index,d],l.push(r);return l},getAdaptationsForPeriod:function(e,i){for(var s,u,l=e.Period_asArray[i.index],d=[],f=0;fn;n++)(u=e.Period_asArray[n]).hasOwnProperty("start")?(d=new s.default).start=u.start:null!==o&&u.hasOwnProperty("duration")&&null!==l?((d=new s.default).start=l.start+l.duration,d.duration=u.duration):0!==n||a||((d=new s.default).start=0),null!==l&&isNaN(l.duration)&&(l.duration=d.start-l.start),null!==d&&(d.id=M(u)),null!==d&&u.hasOwnProperty("duration")&&(d.duration=u.duration),null!==d&&(d.index=n,d.mpd=t,i.push(d),o=u,l=d),u=null,d=null;return 0===i.length||null!==l&&isNaN(l.duration)&&(l.duration=I(e,l)-l.start),i},getPeriodId:M,getMpd:function(e){var t=new u.default;return t.manifest=e,e.hasOwnProperty("availabilityStartTime")?t.availabilityStartTime=new Date(e.availabilityStartTime.getTime()):t.availabilityStartTime=new Date(e.loadedTime.getTime()),e.hasOwnProperty("availabilityEndTime")&&(t.availabilityEndTime=new Date(e.availabilityEndTime.getTime())),e.hasOwnProperty("suggestedPresentationDelay")&&(t.suggestedPresentationDelay=e.suggestedPresentationDelay),e.hasOwnProperty("timeShiftBufferDepth")&&(t.timeShiftBufferDepth=e.timeShiftBufferDepth),e.hasOwnProperty("maxSegmentDuration")&&(t.maxSegmentDuration=e.maxSegmentDuration),t},getFetchTime:S,getCheckTime:R,getEndTimeForLastPeriod:I,getEventsForPeriod:function(e,t){var r=e.Period_asArray[t.index].EventStream_asArray,n=[];if(r)for(var a=0;al;l++)r=void 0!==(u=p.samples[l]).sample_duration?u.sample_duration:g.default_sample_duration,i=void 0!==u.sample_size?u.sample_size:g.default_sample_size,n=void 0!==u.sample_composition_time_offset?u.sample_composition_time_offset:0,s.push({dts:o,cts:o+n,duration:r,offset:m.offset+d,size:i}),d+=i,o+=r;return{sampleList:s,sequenceNumber:f,totalDuration:o-h.baseMediaDecodeTime}},getMediaTimescaleFromMoov:function(t){var r=e.parse(t).getBox("mdhd");return r?r.timescale:NaN},setConfig:function(t){t&&t.boxParser&&(e=t.boxParser)}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js"));n.__dashjs_factory_name="FragmentedTextBoxParser",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../core/FactoryMaker.js":9}],21:[function(e,t,r){"use strict";function n(e,t){var r=e.timelineConverter;return{getSegments:function(e,n,a,o){var s,u,l,d,f,c,g,h=e.adaptation.period.mpd.manifest.Period_asArray[e.adaptation.period.index].AdaptationSet_asArray[e.adaptation.index].Representation_asArray[e.index].SegmentList,p=e.adaptation.period.mpd.manifest.Period_asArray[e.adaptation.period.index].AdaptationSet_asArray[e.adaptation.index].Representation_asArray[e.index].BaseURL,m=h.SegmentURL_asArray.length,v=[];for(g=e.startNumber,d=(0,i.decideSegmentListRangeForTemplate)(r,t,e,n,a,o),f=Math.max(d.start,0),c=Math.min(d.end,h.SegmentURL_asArray.length-1),s=f;c>=s;s++)l=h.SegmentURL_asArray[s],(u=(0,i.getIndexBasedSegment)(r,t,e,s)).replacementTime=(g+s-1)*e.segmentDuration,u.media=l.media?l.media:p,u.mediaRange=l.mediaRange,u.index=l.index,u.indexRange=l.indexRange,v.push(u),u=null;return e.availableSegmentsNumber=m,v}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js")),i=e("./SegmentsUtils.js");n.__dashjs_factory_name="ListSegmentsGetter";var o=a.default.getClassFactory(n);r.default=o,t.exports=r.default},{"../../core/FactoryMaker.js":9,"./SegmentsUtils.js":23}],22:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var r,n=this.context,a=void 0,i=void 0,l=void 0;return r={getSegments:function(e,t,r,n,o){var s,u=e.segmentInfoType;return"SegmentBase"!==u&&"BaseURL"!==u&&function(e,t){var r,n,a=e.segments,i=!1;return a&&0!==a.length?(n=a[0].availabilityIdx,r=a[a.length-1].availabilityIdx,i=n>t||t>r):i=!0,i}(e,r)?("SegmentTimeline"===u?s=a.getSegments(e,t,r,o):"SegmentTemplate"===u?s=i.getSegments(e,t,r,o):"SegmentList"===u&&(s=l.getSegments(e,t,r,o)),n&&n(e,s)):s=e.segments,s}},a=(0,o.default)(n).create(e,t),i=(0,s.default)(n).create(e,t),l=(0,u.default)(n).create(e,t),r}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/FactoryMaker.js")),o=n(e("./TimelineSegmentsGetter.js")),s=n(e("./TemplateSegmentsGetter.js")),u=n(e("./ListSegmentsGetter.js"));a.__dashjs_factory_name="SegmentsGetter";var l=i.default.getClassFactory(a);r.default=l,t.exports=r.default},{"../../core/FactoryMaker.js":9,"./ListSegmentsGetter.js":21,"./TemplateSegmentsGetter.js":24,"./TimelineSegmentsGetter.js":26}],23:[function(e,t,r){"use strict";function n(e,t){for(;e.length(a=e.indexOf("$"+t)))return e;if(0>(i=e.indexOf("$",a+d)))return e;if((o=e.indexOf("%0",a+d))>a&&i>o)switch(s=e.charAt(i-1),u=parseInt(e.substring(o+2,i-1),10),s){case"d":case"i":case"u":l=n(r.toString(),u);break;case"x":l=n(r.toString(16),u);break;case"X":l=n(r.toString(16),u).toUpperCase();break;case"o":l=n(r.toString(8),u);break;default:return e}else l=r;e=e.substring(0,a)+l+e.substring(i+1)}}function o(e,t){if(!t||!t.segments)return null;var r,n,a=t.segments.length;if(a>e&&(r=t.segments[e])&&r.availabilityIdx===e)return r;for(n=0;a>n;n++)if((r=t.segments[n])&&r.availabilityIdx===e)return r;return null}Object.defineProperty(r,"__esModule",{value:!0}),r.replaceTokenForTemplate=i,r.getIndexBasedSegment=function(e,t,r,n){var i,o,u,l;return o=r.segmentDuration,isNaN(o)&&(o=r.adaptation.period.duration),l=(u=r.adaptation.period.start+n*o)+o,(i=new s.default).representation=r,i.duration=o,i.presentationStartTime=u,i.mediaStartTime=e.calcMediaTimeFromPresentationTime(i.presentationStartTime,r),i.availabilityStartTime=e.calcAvailabilityStartTimeFromPresentationTime(i.presentationStartTime,r.adaptation.period.mpd,t),i.availabilityEndTime=e.calcAvailabilityEndTimeFromPresentationTime(l,r.adaptation.period.mpd,t),i.wallStartTime=e.calcWallTimeForSegment(i,t),i.replacementNumber=a(i,n),i.availabilityIdx=n,i},r.getTimeBasedSegment=function(e,t,r,n,o,u,l,d,f){var c,g,h,p=n/u,m=Math.min(o/u,r.adaptation.period.mpd.maxSegmentDuration);return g=(c=e.calcPresentationTimeFromMediaTime(p,r))+m,(h=new s.default).representation=r,h.duration=m,h.mediaStartTime=p,h.presentationStartTime=c,h.availabilityStartTime=r.adaptation.period.mpd.manifest.loadedTime,h.availabilityEndTime=e.calcAvailabilityEndTimeFromPresentationTime(g,r.adaptation.period.mpd,t),h.wallStartTime=e.calcWallTimeForSegment(h,t),h.replacementTime=n,h.replacementNumber=a(h,f),l=i(l,"Number",h.replacementNumber),l=i(l,"Time",h.replacementTime),h.media=l,h.mediaRange=d,h.availabilityIdx=f,h},r.getSegmentByIndex=o,r.decideSegmentListRangeForTimeline=function(e,t,r,n,a){var i=a||10,o=Number.POSITIVE_INFINITY;return t&&!e.isTimeSyncCompleted()?{start:0,end:o}:!t&&r||0>n?null:{start:Math.max(n-2,0),end:Math.min(n+i,o)}},r.decideSegmentListRangeForTemplate=function(e,t,r,n,a,i){var s,u=r.segmentDuration,l=r.adaptation.period.mpd.manifest.minBufferTime,d=r.segmentAvailabilityRange,f={start:e.calcPeriodRelativeTimeFromMpdRelativeTime(r,d.start),end:e.calcPeriodRelativeTimeFromMpdRelativeTime(r,d.end)},c=r.segments,g=2*u,h=i||Math.max(2*l,10*u),p=NaN,m=null;return f.start=Math.max(f.start,0),t&&!e.isTimeSyncCompleted()?{start:s=Math.floor(f.start/u),end:Math.floor(f.end/u)}:(p=c&&c.length>0?(m=o(a,r))?e.calcPeriodRelativeTimeFromMpdRelativeTime(r,m.presentationStartTime):a>0?a*u:e.calcPeriodRelativeTimeFromMpdRelativeTime(r,n):a>0?a*u:t?f.end:f.start,{start:s=Math.floor(Math.max(p-g,f.start)/u),end:Math.floor(Math.min(s+h/u,f.end/u))})};var s=function(e){return e&&e.__esModule?e:{default:e}}(e("./../vo/Segment.js"))},{"./../vo/Segment.js":34}],24:[function(e,t,r){"use strict";function n(e,t){var r=e.timelineConverter;return{getSegments:function(e,n,a,o){var s,u,l,d,f,c=e.adaptation.period.mpd.manifest.Period_asArray[e.adaptation.period.index].AdaptationSet_asArray[e.adaptation.index].Representation_asArray[e.index].SegmentTemplate,g=e.segmentDuration,h=e.segmentAvailabilityRange,p=[],m=null,v=null;for(f=e.startNumber,l=(s=isNaN(g)&&!t?{start:f,end:f}:(0,i.decideSegmentListRangeForTemplate)(r,t,e,n,a,o)).start,d=s.end,u=l;d>=u;u++)(v=(0,i.getIndexBasedSegment)(r,t,e,u)).replacementTime=(f+u-1)*e.segmentDuration,m=c.media,m=(0,i.replaceTokenForTemplate)(m,"Number",v.replacementNumber),m=(0,i.replaceTokenForTemplate)(m,"Time",v.replacementTime),v.media=m,p.push(v),v=null;return isNaN(g)?e.availableSegmentsNumber=1:e.availableSegmentsNumber=Math.ceil((h.end-h.start)/g),p}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js")),i=e("./SegmentsUtils.js");n.__dashjs_factory_name="TemplateSegmentsGetter";var o=a.default.getClassFactory(n);r.default=o,t.exports=r.default},{"../../core/FactoryMaker.js":9,"./SegmentsUtils.js":23}],25:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e,t,r,n){return n?r&&t.timeShiftBufferDepth!=Number.POSITIVE_INFINITY?new Date(t.availabilityStartTime.getTime()+1e3*(e+t.timeShiftBufferDepth)):t.availabilityEndTime:r?new Date(t.availabilityStartTime.getTime()+1e3*(e-u)):t.availabilityStartTime}function t(e,t){return(e.getTime()-t.mpd.availabilityStartTime.getTime()+1e3*u)/1e3}function r(e){l||e.error||(u+=e.liveEdge-(d+e.searchTime),l=!0)}function n(e){l||e.error||(u=e.offset/1e3,l=!0)}var a=this.context,s=(0,i.default)(a).getInstance(),u=void 0,l=void 0,d=void 0;return{initialize:function(){u=0,l=!1,d=NaN,s.on(o.default.LIVE_EDGE_SEARCH_COMPLETED,r,this),s.on(o.default.TIME_SYNCHRONIZATION_COMPLETED,n,this)},isTimeSyncCompleted:function(){return l},setTimeSyncCompleted:function(e){l=e},getClientTimeOffset:function(){return u},getExpectedLiveEdge:function(){return d},setExpectedLiveEdge:function(e){d=e},calcAvailabilityStartTimeFromPresentationTime:function(t,r,n){return e.call(this,t,r,n)},calcAvailabilityEndTimeFromPresentationTime:function(t,r,n){return e.call(this,t,r,n,!0)},calcPresentationTimeFromWallTime:t,calcPresentationTimeFromMediaTime:function(e,t){return e+(t.adaptation.period.start-t.presentationTimeOffset)},calcPeriodRelativeTimeFromMpdRelativeTime:function(e,t){return t-e.adaptation.period.start},calcMpdRelativeTimeFromPeriodRelativeTime:function(e,t){return t+e.adaptation.period.start},calcMediaTimeFromPresentationTime:function(e,t){return e-t.adaptation.period.start+t.presentationTimeOffset},calcSegmentAvailabilityRange:function(e,r){var n,a,i=e.adaptation.period.start,o=i+e.adaptation.period.duration,s={start:i,end:o},u=e.segmentDuration||(e.segments&&e.segments.length?e.segments[e.segments.length-1].duration:0);if(!r)return s;if(!l&&e.segmentAvailabilityRange)return e.segmentAvailabilityRange;n=e.adaptation.period.mpd.checkTime,a=t(new Date,e.adaptation.period),i=Math.max(a-e.adaptation.period.mpd.timeShiftBufferDepth,e.adaptation.period.start);var d=isNaN(n)?a:Math.min(n,a),f=e.adaptation.period.start+e.adaptation.period.duration;return{start:i,end:o=(d>=f&&f>d-u?f:d)-u}},calcWallTimeForSegment:function(e,t){var r,n,a;return t&&(r=e.representation.adaptation.period.mpd.suggestedPresentationDelay,n=e.presentationStartTime+r,a=new Date(e.availabilityStartTime.getTime()+1e3*n)),a},calcMSETimeOffset:function(e){var t=e.presentationTimeOffset;return e.adaptation.period.start-t},reset:function(){s.off(o.default.LIVE_EDGE_SEARCH_COMPLETED,r,this),s.off(o.default.TIME_SYNCHRONIZATION_COMPLETED,n,this),u=0,l=!1,d=NaN}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/EventBus.js")),o=n(e("../../core/events/Events.js")),s=n(e("../../core/FactoryMaker.js"));a.__dashjs_factory_name="TimelineConverter",r.default=s.default.getSingletonFactory(a),t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11}],26:[function(e,t,r){"use strict";function n(e,t){var r=e.timelineConverter;return{getSegments:function(e,n,a,o){var s,u,l,d,f,c,g,h,p,m,v,y,_,E,T=e.adaptation.period.mpd.manifest.Period_asArray[e.adaptation.period.index].AdaptationSet_asArray[e.adaptation.index].Representation_asArray[e.index].SegmentTemplate,M=T.SegmentTimeline,S=e.availableSegmentsNumber>0,R=0,I=0,C=-1,A=[],j=!1,D=function(n){return(0,i.getTimeBasedSegment)(r,t,e,R,n.d,E,T.media,n.mediaRange,C)};for(E=e.timescale,s=M.S_asArray,(p=(0,i.decideSegmentListRangeForTimeline)(r,t,n,a,o))?(y=p.start,_=p.end):v=r.calcMediaTimeFromPresentationTime(n||0,e),l=0,d=s.length;d>l;l++){if(c=0,(u=s[l]).hasOwnProperty("r")&&(c=u.r),u.hasOwnProperty("t")&&(I=(R=u.t)/E),0>c){if((h=s[l+1])&&h.hasOwnProperty("t"))g=h.t/E;else{var b=e.segmentAvailabilityRange?e.segmentAvailabilityRange.end:r.calcSegmentAvailabilityRange(e,t).end;g=r.calcMediaTimeFromPresentationTime(b,e),e.segmentDuration=u.d/E}c=Math.ceil((g-I)/(u.d/E))-1}if(m){if(S)break;C+=c+1}else for(f=0;c>=f;f++){if(C++,p){if(C>_){if(m=!0,S)break;continue}C>=y&&A.push(D(u))}else{if(A.length>10){if(m=!0,S)break;continue}j?A.push(D(u)):I>=v-u.d/E*1.5&&(j=!0,A.push(D(u)))}I=(R+=u.d)/E}}return S||(e.availableSegmentsNumber=C+1),A}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js")),i=e("./SegmentsUtils.js");n.__dashjs_factory_name="TimelineSegmentsGetter";var o=a.default.getClassFactory(n);r.default=o,t.exports=r.default},{"../../core/FactoryMaker.js":9,"./SegmentsUtils.js":23}],27:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.period=null,this.index=-1,this.type=null},t.exports=r.default},{}],28:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function e(t,r,n,a){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.url=t||"",this.serviceLocation=r||t||"",this.dvb_priority=n||1,this.dvb_weight=a||1};n.DEFAULT_DVB_PRIORITY=1,n.DEFAULT_DVB_WEIGHT=1,r.default=n,t.exports=r.default},{}],29:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.duration=NaN,this.presentationTime=NaN,this.id=NaN,this.messageData="",this.eventStream=null,this.presentationTimeDelta=NaN},t.exports=r.default},{}],30:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.adaptionSet=null,this.representation=null,this.period=null,this.timescale=1,this.value="",this.schemeIdUri=""},t.exports=r.default},{}],31:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.manifest=null,this.suggestedPresentationDelay=0,this.availabilityStartTime=null,this.availabilityEndTime=Number.POSITIVE_INFINITY,this.timeShiftBufferDepth=Number.POSITIVE_INFINITY,this.maxSegmentDuration=Number.POSITIVE_INFINITY,this.checkTime=NaN,this.clientServerTimeShift=0,this.isClientServerTimeSyncCompleted=!1},t.exports=r.default},{}],32:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.id=null,this.index=-1,this.duration=NaN,this.start=NaN,this.mpd=null};n.DEFAULT_ID="defaultId",r.default=n,t.exports=r.default},{}],33:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.id=null,this.index=-1,this.adaptation=null,this.segmentInfoType=null,this.initialization=null,this.segmentDuration=NaN,this.timescale=1,this.startNumber=1,this.indexRange=null,this.range=null,this.presentationTimeOffset=0,this.MSETimeOffset=NaN,this.segmentAvailabilityRange=null,this.availableSegmentsNumber=0,this.bandwidth=NaN,this.maxPlayoutRate=NaN},t.exports=r.default},{}],34:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.indexRange=null,this.index=null,this.mediaRange=null,this.media=null,this.duration=NaN,this.replacementTime=null,this.replacementNumber=NaN,this.mediaStartTime=NaN,this.presentationStartTime=NaN,this.availabilityStartTime=NaN,this.availabilityEndTime=NaN,this.availabilityIdx=NaN,this.wallStartTime=NaN,this.representation=null},t.exports=r.default},{}],35:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.schemeIdUri="",this.value=""},t.exports=r.default},{}],36:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=this.context,r=(0,u.default)(t).getInstance(),n=void 0,a=void 0;return n={checkForExistence:function(e){var t=function(t){r.trigger(l.default.CHECK_FOR_EXISTENCE_COMPLETED,{request:e,exists:t})};if(e){var n=new o.default(e.url);a.load({request:n,success:function(){t(!0)},error:function(){t(!1)}})}else t(!1)},load:function(e){var t=function(t,a){r.trigger(l.default.LOADING_COMPLETED,{request:e,response:t||null,error:a||null,sender:n})};e?a.load({request:e,progress:function(){r.trigger(l.default.LOADING_PROGRESS,{request:e})},success:function(e){t(e)},error:function(e,r,n){t(void 0,new s.default(f,n,r))}}):t(void 0,new s.default(c,g))},abort:function(){a&&a.abort()},reset:function(){a&&(a.abort(),a=null)}},a=(0,i.default)(t).create({errHandler:e.errHandler,metricsModel:e.metricsModel,requestModifier:e.requestModifier}),n}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./XHRLoader.js")),o=n(e("./vo/HeadRequest.js")),s=n(e("./vo/Error.js")),u=n(e("./../core/EventBus.js")),l=n(e("./../core/events/Events.js")),d=n(e("../core/FactoryMaker.js")),f=1,c=2,g="request is null";a.__dashjs_factory_name="FragmentLoader";var h=d.default.getClassFactory(a);h.FRAGMENT_LOADER_ERROR_LOADING_FAILURE=f,h.FRAGMENT_LOADER_ERROR_NULL_REQUEST=c,r.default=h,t.exports=r.default},{"../core/FactoryMaker.js":9,"./../core/EventBus.js":8,"./../core/events/Events.js":11,"./XHRLoader.js":47,"./vo/Error.js":149,"./vo/HeadRequest.js":151}],37:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e){n.trigger(c.default.INTERNAL_MANIFEST_LOADED,{manifest:e.manifest})}var r=this.context,n=(0,f.default)(r).getInstance(),a=(0,s.default)(r).getInstance(),g=e.parser,v=void 0,y=void 0,_=void 0;return v={load:function(e){var t=new u.default(e,d.default.MPD_TYPE);y.load({request:t,success:function(t,r,i){var o,s;i.responseURL&&i.responseURL!==e?(s=a.parseBaseUrl(i.responseURL),o=i.responseURL):(a.isRelative(e)&&(e=a.parseBaseUrl(window.location.href)+e),s=a.parseBaseUrl(e));var u=g.parse(t,_);u?(u.url=o||e,u.originalUrl||(u.originalUrl=u.url),u.baseUri=s,u.loadedTime=new Date,_.resolveManifestOnLoad(u)):n.trigger(c.default.INTERNAL_MANIFEST_LOADED,{manifest:null,error:new l.default(h,m)})},error:function(t,r,a){n.trigger(c.default.INTERNAL_MANIFEST_LOADED,{manifest:null,error:new l.default(p,"Failed loading manifest: "+e+", "+a)})}})},reset:function(){n.off(c.default.XLINK_READY,t,v),_&&(_.reset(),_=null),y&&(y.abort(),y=null)}},n.on(c.default.XLINK_READY,t,v),y=(0,o.default)(r).create({errHandler:e.errHandler,metricsModel:e.metricsModel,requestModifier:e.requestModifier}),_=(0,i.default)(r).create({errHandler:e.errHandler,metricsModel:e.metricsModel,requestModifier:e.requestModifier}),v}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./controllers/XlinkController.js")),o=n(e("./XHRLoader.js")),s=n(e("./utils/URLUtils.js")),u=n(e("./vo/TextRequest.js")),l=n(e("./vo/Error.js")),d=n(e("./vo/metrics/HTTPRequest.js")),f=n(e("../core/EventBus.js")),c=n(e("../core/events/Events.js")),g=n(e("../core/FactoryMaker.js")),h=1,p=2,m="parsing failed";a.__dashjs_factory_name="ManifestLoader";var v=g.default.getClassFactory(a);v.MANIFEST_LOADER_ERROR_PARSING_FAILURE=h,v.MANIFEST_LOADER_ERROR_LOADING_FAILURE=p,r.default=v,t.exports=r.default},{"../core/EventBus.js":8,"../core/FactoryMaker.js":9,"../core/events/Events.js":11,"./XHRLoader.js":47,"./controllers/XlinkController.js":63,"./utils/URLUtils.js":145,"./vo/Error.js":149,"./vo/TextRequest.js":157,"./vo/metrics/HTTPRequest.js":166}],38:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){null!==p&&(clearInterval(p),p=null)}function t(){e(),isNaN(h)||(c("Refresh manifest in "+h+" seconds."),p=setTimeout(n,Math.min(1e3*h,Math.pow(2,31)-1),this))}function r(e){var r,n,a=new Date;_.setValue(e),c("Manifest has been refreshed at "+a+"["+a.getTime()/1e3+"] "),r=E.getRefreshDelay(e),n=((new Date).getTime()-e.loadedTime.getTime())/1e3,h=Math.max(r-n,0),g.trigger(o.default.MANIFEST_UPDATED,{manifest:e}),m||t()}function n(){var e,t;m||v||(v=!0,t=(e=_.getValue()).url,e.hasOwnProperty("Location")&&(t=e.Location),y.load(t))}function a(e){e.error||r(e.manifest)}function s(){m=!1,t()}function l(){m=!0,e()}function d(){v=!1}var f=this.context,c=(0,u.default)(f).getInstance().log,g=(0,i.default)(f).getInstance(),h=void 0,p=void 0,m=void 0,v=void 0,y=void 0,_=void 0,E=void 0;return{initialize:function(e){y=e,h=NaN,p=null,v=!1,m=!0,g.on(o.default.STREAMS_COMPOSED,d,this),g.on(o.default.PLAYBACK_STARTED,s,this),g.on(o.default.PLAYBACK_PAUSED,l,this),g.on(o.default.INTERNAL_MANIFEST_LOADED,a,this)},setManifest:function(e){r(e)},getManifestLoader:function(){return y},setConfig:function(e){e&&(e.manifestModel&&(_=e.manifestModel),e.dashManifestModel&&(E=e.dashManifestModel))},reset:function(){g.off(o.default.PLAYBACK_STARTED,s,this),g.off(o.default.PLAYBACK_PAUSED,l,this),g.off(o.default.STREAMS_COMPOSED,d,this),g.off(o.default.INTERNAL_MANIFEST_LOADED,a,this),m=!0,v=!1,e(),h=NaN}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../core/EventBus.js")),o=n(e("../core/events/Events.js")),s=n(e("../core/FactoryMaker.js")),u=n(e("../core/Debug.js"));a.__dashjs_factory_name="ManifestUpdater",r.default=s.default.getSingletonFactory(a),t.exports=r.default},{"../core/Debug.js":7,"../core/EventBus.js":8,"../core/FactoryMaker.js":9,"../core/events/Events.js":11}],39:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){return!!Oe&&!!ce}function t(){if(!pe)throw ie;return je.isPaused()}function r(e){var t=$();if(!t)return 0;var r=t.range.start+e;return r>t.range.end&&(r=t.range.end),r}function n(e){if(!pe)throw ie;var t=z().currentTime;if(void 0!==e&&(t=Ce.getTimeRelativeToStreamId(t,e)),je.getIsDynamic()){var r=$();t=null===r?0:a()-(r.range.end-r.time)}return t}function a(){if(!pe)throw ie;var e=z().duration;if(je.getIsDynamic()){var t,r=$();if(!r)return 0;e=(t=r.range.end-r.range.start)t?"0"+t.toString()+":":t.toString()+":")+(10>r?"0"+r.toString():r.toString())+":"+(10>n?"0"+n.toString():n.toString())},formatUTC:function(e,t,r){var n=new Date(1e3*e),a=n.toLocaleDateString(t);return n.toLocaleTimeString(t,{hour12:r})+" "+a},getVersion:function(){return ae},getDebug:function(){return de},getBufferLength:function(e){if(e){if("video"===e||"audio"===e||"fragmentedText"===e){var t=K().getCurrentBufferLevel(H(e));return t?t.toPrecision(3):NaN}return fe("Warning - getBufferLength requested for invalid type"),NaN}var r=q("video").length>0?K().getCurrentBufferLevel(H("video")):Number.MAX_SAFE_INTEGER,n=q("audio").length>0?K().getCurrentBufferLevel(H("audio")):Number.MAX_SAFE_INTEGER,a=q("fragmentedText").length>0?K().getCurrentBufferLevel(H("fragmentedText")):Number.MAX_SAFE_INTEGER;return Math.min(r,n,a).toPrecision(3)},getVideoModel:function(){if(!Oe)throw oe;return Oe},getVideoContainer:function(){return Oe?Oe.getVideoContainer():null},getTTMLRenderingDiv:function(){return Oe?Oe.getTTMLRenderingDiv():null},getVideoElement:z,getSource:function(){if(!ce)throw"You must first call attachSource() with a valid source before calling this method";return ce},setLiveDelayFragmentCount:function(e){Se.setLiveDelayFragmentCount(e)},setLiveDelay:function(e){Se.setLiveDelay(e)},useSuggestedPresentationDelay:function(e){Se.setUseSuggestedPresentationDelay(e)},enableLastBitrateCaching:function(e,t){Se.setLastBitrateCachingInfo(e,t)},enableLastMediaSettingsCaching:function(e,t){Se.setLastMediaSettingsCachingInfo(e,t)},setMaxAllowedBitrateFor:function(e,t){ve.setMaxAllowedBitrateFor(e,t)},getMaxAllowedBitrateFor:function(e){return ve.getMaxAllowedBitrateFor(e)},setMaxAllowedRepresentationRatioFor:function(e,t){ve.setMaxAllowedRepresentationRatioFor(e,t)},getMaxAllowedRepresentationRatioFor:function(e){return ve.getMaxAllowedRepresentationRatioFor(e)},setAutoPlay:U,getAutoPlay:function(){return me},setScheduleWhilePaused:function(e){Se.setScheduleWhilePaused(e)},getScheduleWhilePaused:function(){return Se.getScheduleWhilePaused()},getDashMetrics:K,getMetricsFor:H,getQualityFor:function(e){if(!pe)throw ie;return ve.getQualityFor(e,Ce.getActiveStreamInfo())},setQualityFor:function(e,t){if(!pe)throw ie;ve.setPlaybackQuality(e,Ce.getActiveStreamInfo(),t)},getLimitBitrateByPortal:function(){return ve.getLimitBitrateByPortal()},setLimitBitrateByPortal:function(e){ve.setLimitBitrateByPortal(e)},setTextTrack:function(e){if(!pe)throw ie;void 0===Pe&&(Pe=(0,v.default)(ue).getInstance());for(var t=z().textTracks,r=t.length,n=0;r>n;n++){var a=t[n],i=e===n?"showing":"hidden";a.mode!==i&&(a.mode=i)}Pe.setTextTrack()},getBitrateInfoListFor:function(e){if(!pe)throw ie;var t=te();return t?t.getBitrateListFor(e):[]},setInitialBitrateFor:function(e,t){ve.setInitialBitrateFor(e,t)},getInitialBitrateFor:function(e){if(!pe)throw ie;return ve.getInitialBitrateFor(e)},setInitialRepresentationRatioFor:function(e,t){ve.setInitialRepresentationRatioFor(e,t)},getInitialRepresentationRatioFor:function(e){return ve.getInitialRepresentationRatioFor(e)},getStreamsFromManifest:function(e){if(!pe)throw ie;return Te.getStreamsInfo(e)},getTracksFor:q,getTracksForTypeFromManifest:function(e,t,r){if(!pe)throw ie;return(r=r||Te.getStreamsInfo(t)[0])?Te.getAllMediaInfoForType(t,r,e):[]},getCurrentTrackFor:function(e){if(!pe)throw ie;var t=Ce.getActiveStreamInfo();return t?ye.getCurrentTrackFor(e,t):null},setInitialMediaSettingsFor:function(e,t){ye.setInitialSettings(e,t)},getInitialMediaSettingsFor:function(e){return ye.getInitialSettings(e)},setCurrentTrack:function(e){if(!pe)throw ie;ye.setTrack(e)},getTrackSwitchModeFor:function(e){return ye.getSwitchMode(e)},setTrackSwitchModeFor:function(e,t){ye.setSwitchMode(e,t)},setSelectionModeForInitialTrack:function(e){ye.setSelectionModeForInitialTrack(e)},getSelectionModeForInitialTrack:function(){return ye.getSelectionModeForInitialTrack()},getAutoSwitchQuality:function(){return ve.getAutoSwitchBitrateFor("video")||ve.getAutoSwitchBitrateFor("audio")},setAutoSwitchQuality:function(e){ve.setAutoSwitchBitrateFor("video",e),ve.setAutoSwitchBitrateFor("audio",e)},getAutoSwitchQualityFor:function(e){return ve.getAutoSwitchBitrateFor(e)},setAutoSwitchQualityFor:function(e,t){ve.setAutoSwitchBitrateFor(e,t)},enableBufferOccupancyABR:function(e){Se.setBufferOccupancyABREnabled(e)},setBandwidthSafetyFactor:function(e){Se.setBandwidthSafetyFactor(e)},getBandwidthSafetyFactor:function(){return Se.getBandwidthSafetyFactor()},setAbandonLoadTimeout:function(e){Se.setAbandonLoadTimeout(e)},retrieveManifest:function(e,t){var r=Z(),n=this;le.on(P.default.INTERNAL_MANIFEST_LOADED,(function e(a){a.error?t(null,a.error):t(a.manifest),le.off(P.default.INTERNAL_MANIFEST_LOADED,e,n),r.reset()}),n);var a=(0,y.default)(ue).getInstance();a.initialize(),r.load(a.parseURI(e))},addUTCTimingSource:Y,removeUTCTimingSource:G,clearDefaultUTCTimingSources:function(){Se.setUTCTimingSources([])},restoreDefaultUTCTimingSources:V,setBufferToKeep:function(e){Se.setBufferToKeep(e)},setBufferPruningInterval:function(e){Se.setBufferPruningInterval(e)},setStableBufferTime:function(e){Se.setStableBufferTime(e)},setBufferTimeAtTopQuality:function(e){Se.setBufferTimeAtTopQuality(e)},setFragmentLoaderRetryAttempts:function(e){Se.setFragmentRetryAttempts(e)},setFragmentLoaderRetryInterval:function(e){Se.setFragmentRetryInterval(e)},setBufferTimeAtTopQualityLongForm:function(e){Se.setBufferTimeAtTopQualityLongForm(e)},setLongFormContentDurationThreshold:function(e){Se.setLongFormContentDurationThreshold(e)},setRichBufferThreshold:function(e){Se.setRichBufferThreshold(e)},getProtectionController:function(){return J()},attachProtectionController:function(e){_e=e},setProtectionData:function(e){ge=e},enableManifestDateHeaderTimeSource:function(e){Se.setUseManifestDateHeaderTimeSource(e)},displayCaptionsOnTop:function(e){var t=(0,g.default)(ue).getInstance();t.setConfig({videoModel:Oe}),t.initialize(),t.displayCConTop(e)},attachVideoContainer:function(e){if(!Oe)throw oe;Oe.setVideoContainer(e)},attachTTMLRenderingDiv:function(e){if(!Oe)throw oe;Oe.setTTMLRenderingDiv(e)},reset:function(){Q(null),W(null),ge=null,_e=null}},he=!1,pe=!1,me=!0,_e=null,ge=null,Te=null,P.default.extend(w.default),Se=(0,E.default)(ue).getInstance(),ne}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../dash/vo/UTCTiming.js")),o=n(e("./controllers/PlaybackController.js")),s=n(e("./controllers/StreamController.js")),u=n(e("./controllers/MediaController.js")),l=n(e("./ManifestLoader.js")),d=n(e("./utils/LiveEdgeFinder.js")),f=n(e("./utils/ErrorHandler.js")),c=n(e("./utils/Capabilities.js")),g=n(e("./TextTracks.js")),h=n(e("./controllers/SourceBufferController.js")),p=n(e("./VirtualBuffer.js")),m=n(e("./utils/RequestModifier.js")),v=n(e("./TextSourceBuffer.js")),y=n(e("./models/URIQueryAndFragmentModel.js")),_=n(e("./models/ManifestModel.js")),E=n(e("./models/MediaPlayerModel.js")),T=n(e("./models/MetricsModel.js")),M=n(e("./controllers/AbrController.js")),S=n(e("./controllers/TimeSyncController.js")),R=n(e("./rules/abr/ABRRulesCollection.js")),I=n(e("./models/VideoModel.js")),C=n(e("./rules/RulesController.js")),A=n(e("./rules/synchronization/SynchronizationRulesCollection.js")),j=n(e("./controllers/MediaSourceController.js")),D=n(e("./controllers/BaseURLController.js")),b=n(e("./../core/Debug.js")),O=n(e("./../core/EventBus.js")),P=n(e("./../core/events/Events.js")),w=n(e("./MediaPlayerEvents.js")),N=n(e("../core/FactoryMaker.js")),x=n(e("../dash/DashAdapter.js")),L=n(e("../dash/DashParser.js")),F=n(e("../dash/models/DashManifestModel.js")),B=n(e("../dash/DashMetrics.js")),k=n(e("../dash/utils/TimelineConverter.js"));a.__dashjs_factory_name="MediaPlayer";var U=N.default.getClassFactory(a);U.events=w.default,r.default=U,t.exports=r.default},{"../core/FactoryMaker.js":9,"../dash/DashAdapter.js":13,"../dash/DashMetrics.js":15,"../dash/DashParser.js":16,"../dash/models/DashManifestModel.js":19,"../dash/utils/TimelineConverter.js":25,"../dash/vo/UTCTiming.js":35,"./../core/Debug.js":7,"./../core/EventBus.js":8,"./../core/events/Events.js":11,"./ManifestLoader.js":37,"./MediaPlayerEvents.js":40,"./TextSourceBuffer.js":44,"./TextTracks.js":45,"./VirtualBuffer.js":46,"./controllers/AbrController.js":49,"./controllers/BaseURLController.js":50,"./controllers/MediaController.js":55,"./controllers/MediaSourceController.js":56,"./controllers/PlaybackController.js":57,"./controllers/SourceBufferController.js":59,"./controllers/StreamController.js":60,"./controllers/TimeSyncController.js":62,"./models/ManifestModel.js":89,"./models/MediaPlayerModel.js":90,"./models/MetricsModel.js":91,"./models/URIQueryAndFragmentModel.js":92,"./models/VideoModel.js":93,"./rules/RulesController.js":118,"./rules/abr/ABRRulesCollection.js":120,"./rules/synchronization/SynchronizationRulesCollection.js":133,"./utils/Capabilities.js":136,"./utils/ErrorHandler.js":139,"./utils/LiveEdgeFinder.js":141,"./utils/RequestModifier.js":143}],40:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(e){function t(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,t),function(e,t,r){for(var n=!0;n;){var a=e,i=t,o=r;n=!1,null===a&&(a=Function.prototype);var s=Object.getOwnPropertyDescriptor(a,i);if(void 0!==s){if("value"in s)return s.value;var u=s.get;if(void 0===u)return;return u.call(o)}var l=Object.getPrototypeOf(a);if(null===l)return;e=l,t=i,r=o,n=!0,s=l=void 0}}(Object.getPrototypeOf(t.prototype),"constructor",this).call(this),this.BUFFER_EMPTY="bufferstalled",this.BUFFER_LOADED="bufferloaded",this.BUFFER_LEVEL_STATE_CHANGED="bufferStateChanged",this.ERROR="error",this.LOG="log",this.MANIFEST_LOADED="manifestloaded",this.METRICS_CHANGED="metricschanged",this.METRIC_CHANGED="metricchanged",this.METRIC_ADDED="metricadded",this.METRIC_UPDATED="metricupdated",this.PERIOD_SWITCH_COMPLETED="streamswitchcompleted",this.PERIOD_SWITCH_STARTED="streamswitchstarted",this.STREAM_INITIALIZED="streaminitialized",this.TEXT_TRACKS_ADDED="alltexttracksadded",this.TEXT_TRACK_ADDED="texttrackadded",this.CAN_PLAY="canPlay",this.PLAYBACK_ENDED="playbackEnded",this.PLAYBACK_ERROR="playbackError",this.PLAYBACK_METADATA_LOADED="playbackMetaDataLoaded",this.PLAYBACK_PAUSED="playbackPaused",this.PLAYBACK_PLAYING="playbackPlaying",this.PLAYBACK_PROGRESS="playbackProgress",this.PLAYBACK_RATE_CHANGED="playbackRateChanged",this.PLAYBACK_SEEKED="playbackSeeked",this.PLAYBACK_SEEKING="playbackSeeking",this.PLAYBACK_STARTED="playbackStarted",this.PLAYBACK_TIME_UPDATED="playbackTimeUpdated"}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t}(function(e){return e&&e.__esModule?e:{default:e}}(e("../core/events/EventsBase.js")).default),a=new n;r.default=a,t.exports=r.default},{"../core/events/EventsBase.js":12}],41:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(e){return e&&e.__esModule?e:{default:e}}(e("./MediaPlayer.js")),a=function(){function e(e,t,a){if(!e||"VIDEO"!==e.nodeName)return null;if(e._dashjs_player)return e._dashjs_player;var i,o=e.id||e.name||"video element";if(!(t=t||[].slice.call(e.querySelectorAll("source")).filter((function(e){return e.type==r}))[0])&&e.src)(t=document.createElement("source")).src=e.src;else if(!t&&!e.src)return null;return a=a||{},(i=(0,n.default)(a).create()).initialize(e,t.src,e.autoplay),i.getDebug().log("Converted "+o+" to dash.js player and added content: "+t.src),e._dashjs_player=i,i}function t(e){for(var t=!0;t;){var r=e;if(t=!1,"video"===r.nodeName.toLowerCase())return r;e=r.parentNode,t=!0}}var r="application/dash+xml";return{create:e,createAll:function(n,a){var i=[];n=n||"[data-dashjs-player]";for(var o=(a=a||document).querySelectorAll(n),s=0;st;t++)q[t].reset();q=[],Y=!1,G=!1,te&&te.clear(),N.off(y.default.CURRENT_TRACK_CHANGED,E,H)}function r(){J&&(J.pause(),J=null),ee&&(ee.reset(),ee=null),Z.abortSearch(),t(),$=null,re=null,L=null,x=null,F=null,B=null,w=null,k=null,W=!1,Q=!1,z={},N.off(y.default.DATA_UPDATE_COMPLETED,D,H),N.off(y.default.BUFFERING_COMPLETED,j,H),N.off(y.default.KEY_ERROR,n,H),N.off(y.default.SERVER_CERTIFICATE_UPDATED,n,H),N.off(y.default.LICENSE_REQUEST_COMPLETE,n,H),N.off(y.default.KEY_SYSTEM_SELECTED,n,H),N.off(y.default.KEY_SESSION_CREATED,n,H)}function n(e){e.error&&(k.mediaKeySessionError(e.error),w(e.error),r())}function a(e,t,r){var n,a,i=e.type;if("muxed"===i&&e)return w(a="Multiplexed representations are intentionally not supported, as they are not compliant with the DASH-AVC/264 guidelines"),k.manifestError(a,"multiplexedrep",x.getValue()),!1;if("text"===i||"fragmentedText"===i||"embeddedText"===i)return!0;if(n=e.codec,w(i+" codec: "+n),e.contentProtection&&!B.supportsEncryptedMedia())k.capabilityError("encryptedmedia");else if(!B.supportsCodec((0,f.default)(P).getInstance().getElement(),n))return a=i+"Codec ("+n+") is not supported.",k.manifestError(a,"codec",r),w(a),!1;return!0}function E(e){if(e.newMediaInfo.streamInfo.id===V.id){var t=function(e){return!!e&&b().filter((function(t){return t.getType()===e.type}))[0]}(e.oldMediaInfo);if(t){var r=J.getTime(),n=t.getBuffer(),a=e.newMediaInfo,i=x.getValue(),o=q.indexOf(t),s=t.getMediaSource();"fragmentedText"!==a.type?(t.reset(!0),S(a,i,s,{buffer:n,replaceIdx:o,currentTime:r}),J.seek(J.getTime())):t.updateMediaInfo(i,a)}}}function M(){var e=(0,p.default)(P).getInstance();return e.setConfig({baseURLController:K}),e.initialize(),(0,h.default)(P).create({segmentBaseLoader:e,timelineConverter:U,dashMetrics:(0,m.default)(P).getInstance(),metricsModel:(0,c.default)(P).getInstance(),baseURLController:K})}function S(e,t,r,n){var a=(0,o.default)(P).create({indexHandler:M(),timelineConverter:U,adapter:F,manifestModel:x}),i=F.getAllMediaInfoForType(t,V,e.type);if(a.initialize(function(e){return"text"===e.type?e.mimeType:e.type}(e),ee,r,H,te),re.updateTopQualityIndex(e),n?(a.setBuffer(n.buffer),q[n.replaceIdx]=a):q.push(a),"text"===e.type||"fragmentedText"===e.type){for(var s,u=0;uo;o++)if(i=n[o],"embeddedText"===e)ne.addEmbeddedTrack(i);else{if(!a(i,0,r))continue;$.isMultiTrackSupportedByType(i.type)&&$.addTrack(i,V)}"embeddedText"!==e&&0!==$.getTracksFor(e,V).length&&($.checkInitialMediaSettingsForType(e,V),S($.getCurrentTrackFor(e,V),r,t))}else w("No "+e+" data.")}function I(){for(var e=q.length,t=z.audio||z.video?new Error(O,"Data update failed",null):null,r=0;e>r;r++)if(q[r].isUpdating()||W)return;Q=!0,Y=!0,G&&(X&&X.initialize(x.getValue(),C("audio"),C("video")),N.trigger(y.default.STREAM_INITIALIZED,{streamInfo:V,error:t}))}function C(e){for(var t=q.length,r=null,n=0;t>n;n++)if((r=q[n]).getType()===e)return r.getMediaInfo();return null}function A(){for(var e=0,t=q.length;t>e;e++)q[e].createBuffer()}function j(e){if(e.streamInfo===V){for(var t=b(),r=t.length,n=0;r>n;n++)if(!t[n].isBufferingCompleted())return;N.trigger(y.default.STREAM_BUFFERING_COMPLETED,{streamInfo:V})}}function D(e){var t=e.sender.getStreamProcessor();t.getStreamInfo()===V&&(z[t.getType()]=e.error,I())}function b(){for(var e,t,r=q.length,n=[],a=0;r>a;a++)("audio"===(e=(t=q[a]).getType())||"video"===e||"fragmentedText"===e)&&n.push(t);return n}var O=1,P=this.context,w=(0,_.default)(P).getInstance().log,N=(0,v.default)(P).getInstance(),x=e.manifestModel,L=e.manifestUpdater,F=e.adapter,B=e.capabilities,k=e.errHandler,U=e.timelineConverter,K=e.baseURLController,H=void 0,q=void 0,Y=void 0,G=void 0,V=void 0,z=void 0,W=void 0,Q=void 0,X=void 0,Z=void 0,J=void 0,$=void 0,ee=void 0,te=void 0,re=void 0,ne=void 0;return H={initialize:function(e,t){V=e,(X=t)&&(N.on(y.default.KEY_ERROR,n,H),N.on(y.default.SERVER_CERTIFICATE_UPDATED,n,H),N.on(y.default.LICENSE_REQUEST_COMPLETE,n,H),N.on(y.default.KEY_SYSTEM_SELECTED,n,H),N.on(y.default.KEY_SESSION_CREATED,n,H))},activate:function(e){Y?A():(N.on(y.default.CURRENT_TRACK_CHANGED,E,H),function(e){var t,r=x.getValue();if((te=(0,u.default)(P).getInstance()).initialize(),te.setConfig({manifestModel:x,manifestUpdater:L}),t=F.getEventsFor(r,V),te.addInlineEvents(t),W=!0,R("video",e),R("audio",e),R("text",e),R("fragmentedText",e),R("embeddedText",e),R("muxed",e),A(),G=!0,W=!1,0===q.length){var n="No streams to play.";k.manifestError(n,"nostreams",r),w(n)}else Z.initialize(U,q[0]),I()}(e))},deactivate:t,getDuration:function(){return V.duration},getStartTime:function(){return V.start},getStreamIndex:function(){return V.index},getId:function(){return V.id},getStreamInfo:function(){return V},hasMedia:function(e){return null!==C(e)},getBitrateListFor:function(e){var t=C(e);return re.getBitrateList(t)},startEventController:function(){te&&te.start()},isActivated:function(){return Y},isInitialized:function(){return Q},updateData:function(e){var t,r,n,a=q.length,i=x.getValue(),o=0;for(Y=!1,V=e,w("Manifest updated... set new data on buffers."),te&&(r=F.getEventsFor(i,V),te.addInlineEvents(r)),W=!0,Q=!1;a>o;o++)n=q[o],t=F.getMediaInfoForType(i,V,n.getType()),re.updateTopQualityIndex(t),n.updateMediaInfo(i,t);W=!1,I()},reset:r,getProcessors:b},q=[],Y=!1,G=!1,V=null,z={},W=!1,Q=!1,Z=(0,i.default)(P).getInstance(),J=(0,g.default)(P).getInstance(),re=(0,d.default)(P).getInstance(),$=(0,s.default)(P).getInstance(),ee=(0,l.default)(P).create(),ne=(0,T.default)(P).getInstance(),N.on(y.default.BUFFERING_COMPLETED,j,H),N.on(y.default.DATA_UPDATE_COMPLETED,D,H),H}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./utils/LiveEdgeFinder.js")),o=n(e("./StreamProcessor.js")),s=n(e("./controllers/MediaController.js")),u=n(e("./controllers/EventController.js")),l=n(e("./controllers/FragmentController.js")),d=n(e("./controllers/AbrController.js")),f=n(e("./models/VideoModel.js")),c=n(e("./models/MetricsModel.js")),g=n(e("./controllers/PlaybackController.js")),h=n(e("../dash/DashHandler.js")),p=n(e("../dash/SegmentBaseLoader.js")),m=n(e("../dash/DashMetrics.js")),v=n(e("../core/EventBus.js")),y=n(e("../core/events/Events.js")),_=n(e("../core/Debug.js")),E=n(e("../core/FactoryMaker.js")),T=n(e("./TextSourceBuffer.js"));a.__dashjs_factory_name="Stream",r.default=E.default.getClassFactory(a),t.exports=r.default},{"../core/Debug.js":7,"../core/EventBus.js":8,"../core/FactoryMaker.js":9,"../core/events/Events.js":11,"../dash/DashHandler.js":14,"../dash/DashMetrics.js":15,"../dash/SegmentBaseLoader.js":17,"./StreamProcessor.js":43,"./TextSourceBuffer.js":44,"./controllers/AbrController.js":49,"./controllers/EventController.js":53,"./controllers/FragmentController.js":54,"./controllers/MediaController.js":55,"./controllers/PlaybackController.js":57,"./models/MetricsModel.js":91,"./models/VideoModel.js":93,"./utils/LiveEdgeFinder.js":141}],43:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t,r=this.context,n=e.indexHandler,a=e.timelineConverter,R=e.adapter,I=e.manifestModel,C=void 0,A=void 0,j=void 0,D=void 0,b=void 0,O=void 0,P=void 0,w=void 0,N=void 0,x=void 0,L=void 0,F=void 0,B=void 0;return t={initialize:function(e,t,A,D,k){j=e,O=k,L=t,C=(b=D).getStreamInfo().manifestInfo.isDynamic,n.initialize(this),(P=(0,i.default)(r).getInstance()).initialize(j,this),w=function(e){return"video"===e||"audio"===e||"fragmentedText"===e?(0,o.default)(r).create({metricsModel:(0,g.default)(r).getInstance(),manifestModel:I,sourceBufferController:(0,m.default)(r).getInstance(),errHandler:(0,S.default)(r).getInstance(),mediaSourceController:(0,_.default)(r).getInstance(),streamController:(0,s.default)(r).getInstance(),mediaController:(0,u.default)(r).getInstance(),adapter:R,virtualBuffer:(0,y.default)(r).getInstance(),textSourceBuffer:(0,v.default)(r).getInstance()}):(0,l.default)(r).create({errHandler:(0,S.default)(r).getInstance(),sourceBufferController:(0,m.default)(r).getInstance()})}(e),w.initialize(j,A,this),(N=(0,d.default)(r).create({metricsModel:(0,g.default)(r).getInstance(),manifestModel:I,adapter:R,dashMetrics:(0,T.default)(r).getInstance(),dashManifestModel:(0,E.default)(r).getInstance(),timelineConverter:a,rulesController:(0,f.default)(r).getInstance(),mediaPlayerModel:(0,c.default)(r).getInstance()})).initialize(j,this),F=(0,h.default)(r).create({metricsModel:(0,g.default)(r).getInstance(),errHandler:(0,S.default)(r).getInstance(),requestModifier:(0,p.default)(r).getInstance()}),(x=(0,M.default)(r).create()).initialize(this),(B=N.getFragmentModel()).setLoader(F)},isUpdating:function(){return x.isUpdating()},getType:function(){return j},getBufferController:function(){return w},getABRController:function(){return P},getFragmentLoader:function(){return F},getFragmentModel:function(){return B},getScheduleController:function(){return N},getEventController:function(){return O},getFragmentController:function(){return L},getRepresentationController:function(){return x},getIndexHandler:function(){return n},getCurrentRepresentationInfo:function(){return R.getCurrentRepresentationInfo(I.getValue(),x)},getRepresentationInfoForQuality:function(e){return R.getRepresentationInfoForQuality(I.getValue(),x,e)},isBufferingCompleted:function(){return w.getIsBufferingCompleted()},createBuffer:function(){return w.getBuffer()||w.createBuffer(A)},getStreamInfo:function(){return b.getStreamInfo()},updateMediaInfo:function(e,t){t===A||t&&A&&t.type!==A.type||(A=t),-1===D.indexOf(t)&&D.push(t),R.updateData(e,this)},getMediaInfoArr:function(){return D},getMediaInfo:function(){return A},getMediaSource:function(){return w.getMediaSource()},getBuffer:function(){return w.getBuffer()},setBuffer:function(e){w.setBuffer(e)},start:function(){N.start()},stop:function(){N.stop()},isDynamic:function(){return C},reset:function(e){B&&(B.reset(),B=null),n.reset(),w&&(w.reset(e),w=null),N&&(N.reset(),N=null),x&&(x.reset(),x=null),L=null,F=null,O=null,b=null,C=null,A=null,D=[],j=null}},D=[],t}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./controllers/AbrController.js")),o=n(e("./controllers/BufferController.js")),s=n(e("./controllers/StreamController.js")),u=n(e("./controllers/MediaController.js")),l=n(e("./controllers/TextController.js")),d=n(e("./controllers/ScheduleController.js")),f=n(e("./rules/RulesController.js")),c=n(e("./models/MediaPlayerModel.js")),g=n(e("./models/MetricsModel.js")),h=n(e("./FragmentLoader.js")),p=n(e("./utils/RequestModifier.js")),m=n(e("./controllers/SourceBufferController")),v=n(e("./TextSourceBuffer.js")),y=n(e("./VirtualBuffer.js")),_=n(e("./controllers/MediaSourceController.js")),E=n(e("../dash/models/DashManifestModel.js")),T=n(e("../dash/DashMetrics.js")),M=n(e("../dash/controllers/RepresentationController.js")),S=n(e("./utils/ErrorHandler.js")),R=n(e("../core/FactoryMaker.js"));a.__dashjs_factory_name="StreamProcessor",r.default=R.default.getClassFactory(a),t.exports=r.default},{"../core/FactoryMaker.js":9,"../dash/DashMetrics.js":15,"../dash/controllers/RepresentationController.js":18,"../dash/models/DashManifestModel.js":19,"./FragmentLoader.js":36,"./TextSourceBuffer.js":44,"./VirtualBuffer.js":46,"./controllers/AbrController.js":49,"./controllers/BufferController.js":52,"./controllers/MediaController.js":55,"./controllers/MediaSourceController.js":56,"./controllers/ScheduleController.js":58,"./controllers/SourceBufferController":59,"./controllers/StreamController.js":60,"./controllers/TextController.js":61,"./models/MediaPlayerModel.js":90,"./models/MetricsModel.js":91,"./rules/RulesController.js":118,"./utils/ErrorHandler.js":139,"./utils/RequestModifier.js":143}],44:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){q=[],P=[],k=(0,f.default)(_).getInstance(),(w=(0,c.default)(_).getInstance()).setConfig({videoModel:k}),w.initialize(),S=(0,s.default)(_).getInstance(),(O=(0,o.default)(_).getInstance()).setConfig({boxParser:S}),N=!1,H=null,Y=0,z=[],V=[],G=null,T=!0}function t(e){var t,r=function(e,t,r){var n=e.length;if(n>0){if(t>=e[n-1][0])e.push([t,r]);else for(var a=n-1;a>=0;a--)if(t1&&E("Warning: Too many truns");for(var s=a.offset+t.data_offset,u=t.sample_count,l=s,d=i.baseMediaDecodeTime,f=new DataView(e),c={startTime:null,endTime:null,fields:[[],[]]},g=0,p=0;u>p;p++){for(var m=t.samples[p],v=d+g+m.sample_composition_time_offset,y=h.default.findCea608Nalus(f,l,m.sample_size),_=0;_M;M++)T[M].length>0&&r(c.fields[M],v,T[M]);g+=m.sample_duration,l+=m.sample_size}var R=d+g;return c.startTime=d,c.endTime=R,c}function r(e){for(var t="",r=0;rv;++v){var _=i.rows[v],E="",T=null;if(!1===_.isEmpty()){var S=r(_.chars);null===o&&(o={x:S,y1:v,y2:v+1,p:[]}),S!==u&&s&&(o.p.push(d),d={start:t,end:a,spans:[]},o.y2=v,o.name="region_"+o.x+"_"+o.y1+"_"+o.y2,!1===c.hasOwnProperty(o.name)?(h.push(o),c[o.name]=o):c[o.name].p.contat(o.p),o={x:S,y1:v,y2:v+1,p:[]});for(var R=0;R<_.chars.length;++R){var I=_.chars[R],C=I.penState;if(null===T||!C.equals(T)){E.trim().length>0&&(d.spans.push({name:f,line:E,row:v}),E="");var A="style_cea608_"+C.foreground+"_"+C.background;C.underline&&(A+="_underline"),C.italics&&(A+="_italics"),g.hasOwnProperty(A)||(g[A]=JSON.parse(JSON.stringify(C))),T=C,f=A}E+=I.uchar}E.trim().length>0&&d.spans.push({name:f,line:E,row:v}),s=!0,u=S}else s=!1,u=-1,o&&(o.p.push(d),d={start:t,end:a,spans:[]},o.y2=v,o.name="region_"+o.x+"_"+o.y1+"_"+o.y2,!1===c.hasOwnProperty(o.name)?(h.push(o),c[o.name]=o):c[o.name].p.contat(o.p),o=null)}o&&(o.p.push(d),o.y2=v+1,o.name="region_"+o.x+"_"+o.y1+"_"+o.y2,!1===c.hasOwnProperty(o.name)?(h.push(o),c[o.name]=o):c[o.name].p.contat(o.p),o=null);var j=[];for(v=0;v0){if(0!==y&&F!=B.row){var k=document.createElement("br");k.className="lineBreak",N.appendChild(k)}var U=!1;F===B.row&&(U=!0),F=B.row;var K=g[B.name],H=document.createElement("span");H.className="spanPadding "+B.name+" customSpanColor",H.style.cssText=l(e,K),0!==y&&U?y===L.spans.length-1?H.textContent=m(B.line):H.textContent=B.line:0===y&&L.spans.length>1&&B.row===L.spans[1].row?H.textContent=p(B.line):H.textContent=B.line.trim(),N.appendChild(H)}}}w.appendChild(N),O.appendChild(w);var q={bodyStyle:90};for(y in g)g.hasOwnProperty(y)&&(q[y]=90);j.push({type:"html",start:t,end:a,cueHTMLElement:O,cueID:b,cellResolution:[32,15],isFromCEA608:!0,regions:h,regionID:D.name,videoHeight:e.videoHeight,videoWidth:e.videoWidth,fontSize:q||{defaultFontSize:"100"},lineHeight:{},linePadding:{}})}return j}function y(e){var t;return e.search("vtt")>=0?t=D:(e.search("ttml")>=0||e.search("stpp")>=0)&&(t=b).setConfig({videoModel:k}),t}var _=this.context,E=(0,d.default)(_).getInstance().log,T=!1,M=0,S=void 0,R=void 0,I=void 0,C=void 0,A=void 0,j=void 0,D=void 0,b=void 0,O=void 0,P=void 0,w=void 0,N=void 0,x=void 0,L=void 0,F=void 0,B=void 0,k=void 0,U=void 0,K=void 0,H=void 0,q=void 0,Y=void 0,G=void 0,V=void 0,z=void 0;return{initialize:function(t,r){A=!1,j=null,x=null,L=!1,F=NaN,B=[],K=null,T||e();var n=r.getStreamProcessor();if(P=n.getMediaInfoArr(),w.setConfig({videoModel:k}),w.initialize(),N=!I.getIsTextTrack(t),S=(0,s.default)(_).getInstance(),(O=(0,o.default)(_).getInstance()).setConfig({boxParser:S}),N){x=n.getFragmentModel(),this.buffered=(0,u.default)(_).create(),B=C.getTracksFor("fragmentedText",U.getActiveStreamInfo());for(var a=C.getCurrentTrackFor("fragmentedText",U.getActiveStreamInfo()),i=0;i=0&&(e=!0),t.mimeType&&t.mimeType.search("ttml")>=0&&(e=!0),e}(),r.video=k.getElement(),r.defaultTrack=function(e){var t=!1;return q.length>1?t=e.id&&"CC1"===e.id:1===q.length?e.id&&"CC"===e.id.substring(0,2)&&(t=!0):t=e.index===P[0].index,t}(t),r.isFragmented=N,r.isEmbedded=!!t.isEmbedded,r.kind=function(){var e=t.roles.length>0?n[t.roles[0]]:n.caption;return e===n.caption||e===n.subtitle?e:n.caption}();var a=(P?P.length:0)+q.length;w.addTextTrack(r,a)}var a,o,s,u,l=r.mediaInfo,d=l.type,f=l.mimeType,c=l.codec||f;if(c){if("fragmentedText"===d)if(L)if(o=O.getSamplesInfo(e).sampleList,!K&&o.length>0&&(K=o[0].cts-r.start*F),c.search("stpp")>=0)for(j=null!==j?j:y(c),s=0;s0&&w.addCaptions(H,0,M)}else{for(L=!0,s=0;sa;a++){var i=e[a];if(A="showing"!==i.mode,"showing"===i.mode){if(n!==a&&(w.setCurrentTrackIdx(a),w.addCaptions(a,0,null),N&&r>a)){var o=C.getCurrentTrackFor("fragmentedText",U.getActiveStreamInfo()),s=B[a];s!==o&&(x.abortRequests(),w.deleteTrackCues(o),C.setTrack(s),H=a)}break}}A&&w.setCurrentTrackIdx(-1)},setConfig:function(e){e&&(e.errHandler&&(R=e.errHandler),e.adapter&&e.adapter,e.dashManifestModel&&(I=e.dashManifestModel),e.mediaController&&(C=e.mediaController),e.videoModel&&(k=e.videoModel),e.streamController&&(U=e.streamController),e.textTracks&&(w=e.textTracks),e.VTTParser&&(D=e.VTTParser),e.TTMLParser&&(b=e.TTMLParser))},addEmbeddedTrack:function(t){T||e(),"CC1"===t.id||"CC3"===t.id?q.push(t):E("Warning: Embedded track "+t.id+" not supported!")},resetEmbedded:function(){T=!1,q=[],z=[null,null],V=[],G=null}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./vo/TextTrackInfo.js")),o=n(e("../dash/utils/FragmentedTextBoxParser.js")),s=n(e("./utils/BoxParser.js")),u=n(e("./utils/CustomTimeRanges.js")),l=n(e("../core/FactoryMaker.js")),d=n(e("../core/Debug.js")),f=n(e("./models/VideoModel.js")),c=n(e("./TextTracks.js")),g=n(e("codem-isoboxer")),h=n(e("../../externals/cea608-parser.js"));a.__dashjs_factory_name="TextSourceBuffer",r.default=l.default.getSingletonFactory(a),t.exports=r.default},{"../../externals/cea608-parser.js":2,"../core/Debug.js":7,"../core/FactoryMaker.js":9,"../dash/utils/FragmentedTextBoxParser.js":20,"./TextTracks.js":45,"./models/VideoModel.js":93,"./utils/BoxParser.js":135,"./utils/CustomTimeRanges.js":137,"./vo/TextTrackInfo.js":158,"codem-isoboxer":6}],45:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e){var t=_[e].kind,r=void 0!==_[e].label?_[e].label:_[e].lang,n=_[e].lang,a=j?document.createElement("track"):y.addTextTrack(t,r,n);return j&&(a.kind=t,a.label=r,a.srclang=n),a}function t(e,t,r,n,a,i){var o=0,s=0;e/t>r/n?o=(s=t)/n*r:s=(o=e)/r*n;var u=0,l=0,d=0,f=0;return o/s>a?(f=s,u=(e-(d=s/(1/a)))/2,l=0):(d=o,u=0,l=(t-(f=o/a))/2),i?{x:u+.1*d,y:l+.1*f,w:.8*d,h:.8*f}:{x:u,y:l,w:d,h:f}}function r(){var e=this.getCurrentTextTrack();if(e&&"html"===e.renderingType){var r=1;e.cellResolution&&(r=e.cellResolution[0]/e.cellResolution[1]);var n=!1;e.isFromCEA608&&(r=3.5/3,n=!0);var a=t.call(this,y.clientWidth,y.clientHeight,y.videoWidth,y.videoHeight,r,n),i=a.w,o=a.h;if(i!=R||o!=I){M=a.x,S=a.y,R=i,I=o,C.style.left=M+"px",C.style.top=S+"px",C.style.width=R+"px",C.style.height=I+"px";for(var s=0;e.activeCues&&s=0&&"html"===y.textTracks[e].renderingType?d.call(this):f.call(this)}function s(e){return y.textTracks[e]}function l(e){if(e.cues){for(var t=e.cues,r=t.length-1;r>=0;r--)e.removeCue(t[r]);e.mode="disabled"}}function d(){if(j){var e=document.getElementById("native-cue-style");if(!e){(e=document.createElement("style")).id="native-cue-style",document.head.appendChild(e);var t=e.sheet;y.id?t.insertRule("#"+y.id+"::cue {background: transparent}",0):0!==y.classList.length?t.insertRule("."+y.className+"::cue {background: transparent}",0):t.insertRule("video::cue {background: transparent}",0)}}}function f(){if(j){var e=document.getElementById("native-cue-style");e&&document.head.removeChild(e)}}function c(){if(C)for(;C.firstChild;)C.removeChild(C.firstChild)}var g=this.context,h=(0,i.default)(g).getInstance(),p=(0,u.default)(g).getInstance().log,m=void 0,v=void 0,y=void 0,_=void 0,E=void 0,T=void 0,M=void 0,S=void 0,R=void 0,I=void 0,C=void 0,A=void 0,j=void 0,D=void 0,b=void 0,O=void 0;return{initialize:function(){m=window.VTTCue||window.TextTrackCue,_=[],E=[],T=-1,M=0,S=0,R=0,I=0,C=null,A=null,b=!1,O=2147483647,j=!!navigator.userAgent.match(/Chrome/)&&!navigator.userAgent.match(/Edge/),void 0!==document.fullscreenElement?D="fullscreenElement":void 0!==document.webkitIsFullScreen?D="webkitIsFullScreen":document.msFullscreenElement?D="msFullscreenElement":document.mozFullScreen&&(D="mozFullScreen")},displayCConTop:function(e){b=e,C&&!document[D]&&(C.style.zIndex=e?O:null)},addTextTrack:function(t,r){if(_.length!==r){if(_.push(t),void 0===y&&(y=t.video),_.length===r){_.sort((function(e,t){return e.index-t.index})),C=v.getTTMLRenderingDiv();for(var n=-1,i=0;i<_.length;i++){var s=e.call(this,i);E.push(s),_[i].defaultTrack&&(s.default=!0,n=i),j&&y.appendChild(s);var u=y.textTracks[i];u.nonAddedCues=[],C&&(_[i].isTTML||_[i].isEmbedded)?u.renderingType="html":u.renderingType="default",this.addCaptions(i,0,_[i].captionData),h.trigger(o.default.TEXT_TRACK_ADDED)}a.call(this,n),n>=0&&(y.textTracks[n].mode="showing",this.addCaptions(n,0,null)),h.trigger(o.default.TEXT_TRACKS_ADDED,{index:T,tracks:_})}}else p("Trying to add too many tracks.")},addCaptions:function(e,t,a){var i=e>=0?y.textTracks[e]:null,o=this;if(i){if("showing"!==i.mode)return void(a&&a.length>0&&(i.nonAddedCues=i.nonAddedCues.concat(a)));if(a||(a=i.nonAddedCues,i.nonAddedCues=[]),a&&0!==a.length)for(var s in a){var u,l=a[s];i.cellResolution=l.cellResolution,i.isFromCEA608=l.isFromCEA608,A||"html"!=l.type||(A=setInterval(r.bind(this),500)),"image"==l.type?((u=new m(l.start-t,l.end-t,"")).image=l.data,u.id=l.id,u.size=0,u.type="image",u.onenter=function(){var e=new Image;e.id="ttmlImage_"+this.id,e.src=this.image,e.className="cue-image",C?C.appendChild(e):y.parentNode.appendChild(e)},u.onexit=function(){var e,t,r;for(r=(e=C||y.parentNode).childNodes,t=0;t=0?y.textTracks[T]:null},getCurrentTrackIdx:function(){return T},setCurrentTrackIdx:a,getTrackIdxForId:function(e){for(var t=-1,r=0;rt;t++)if(j)y.removeChild(E[t]);else{var r=s.call(this,t);r.nonAddedCues=[],l.call(this,r)}E=[],_=[],A&&(clearInterval(A),A=null),c.call(this)},deleteTextTrack:function(e){y.removeChild(E[e]),E.splice(e,1)},setConfig:function(e){e&&e.videoModel&&(v=e.videoModel)}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../core/EventBus.js")),o=n(e("../core/events/Events.js")),s=n(e("../core/FactoryMaker.js")),u=n(e("../core/Debug.js"));a.__dashjs_factory_name="TextTracks",r.default=s.default.getSingletonFactory(a),t.exports=r.default},{"../core/Debug.js":7,"../core/EventBus.js":8,"../core/FactoryMaker.js":9,"../core/events/Events.js":11}],46:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e){var t=function(e){var t=e.streamId,r=e.mediaType;return f[t]?f[t][r]:null}(e),n=e.segmentType,o=e.appended,s=e.removeOrigin,u=e.limit||Number.POSITIVE_INFINITY,l=(0,i.default)(a).getInstance(),d=0,c=[];return t?(delete e.streamId,delete e.mediaType,delete e.segmentType,delete e.removeOrigin,delete e.limit,delete e.appended,c=(o?t.appended:n?t[n]:[]).filter((function(r,n,a){if(d>=u)return!1;for(var i in e){if("mediaInfo"===i)return l.isTracksEqual(r[i],e[i]);if(e.hasOwnProperty(i)&&r[i]!=e[i])return!1}return s&&(t.calculatedBufferedRanges.remove(r.start,r.end),a.splice(n,1)),d++,!0})),e.forRange&&(c=r(c,e.forRange,!1)),c):c}function t(e,t){e.sort((function(e,r){return e[t]r[t]?1:0}))}function r(e,t,r){var n,a,i,o,s=t.start,u=t.end,l=[];return e.forEach((function(e){n=e.bufferedRange.start,a=e.bufferedRange.end,o=a>s&&u>=a,((i=n>=s&&u>n)||o)&&(l.push(e),r&&(e.bufferedRange.start=i?n:s,e.bufferedRange.end=o?a:u))})),l}var n,a=this.context,d=(0,u.default)(a).getInstance(),f=void 0,c=void 0;return n={append:function(e){var r=e.streamId,n=e.mediaInfo.type,i=e.segmentType,u=e.start,c=e.end;f[r]=f[r]||function(){var e={};return e.audio={calculatedBufferedRanges:(0,o.default)(a).create(),actualBufferedRanges:(0,o.default)(a).create(),appended:[]},e.audio[s.default.MEDIA_SEGMENT_TYPE]=[],e.audio[s.default.INIT_SEGMENT_TYPE]=[],e.video={calculatedBufferedRanges:(0,o.default)(a).create(),actualBufferedRanges:(0,o.default)(a).create(),appended:[]},e.video[s.default.MEDIA_SEGMENT_TYPE]=[],e.video[s.default.INIT_SEGMENT_TYPE]=[],e.fragmentedText={calculatedBufferedRanges:(0,o.default)(a).create(),actualBufferedRanges:(0,o.default)(a).create(),appended:[]},e.fragmentedText[s.default.MEDIA_SEGMENT_TYPE]=[],e.fragmentedText[s.default.INIT_SEGMENT_TYPE]=[],e}(),f[r][n][i].push(e),t(f[r][n][i],"index"),isNaN(u)||isNaN(c)||(f[r][n].calculatedBufferedRanges.add(u,c),d.trigger(l.default.CHUNK_APPENDED,{chunk:e,sender:this}))},extract:function(t){return t.removeOrigin=!0,e(t)},getChunks:e,storeAppendedChunk:function(r,n){if(r&&n){var a,i,o=r.streamId,s=r.mediaInfo.type,u=f[o][s].actualBufferedRanges,l=e({streamId:o,mediaType:s,appended:!0,start:r.start})[0];if(l?(i=f[o][s].appended.indexOf(l),f[o][s].appended[i]=r):f[o][s].appended.push(r),t(f[o][s].appended,"start"),!(a=c.getRangeDifference(u,n)))return void(r.bufferedRange=l?l.bufferedRange:{start:r.start,end:r.end});r.bufferedRange=a,u.add(a.start,a.end),l&&(r.bufferedRange.start=Math.min(l.bufferedRange.start,a.start),r.bufferedRange.end=Math.max(l.bufferedRange.end,a.end))}},updateBufferedRanges:function(t,n){if(t){var i,s,u=t.streamId,l=t.mediaType,d=e({streamId:u,mediaType:l,appended:!0}),c=[];if(f[u][l].actualBufferedRanges=(0,o.default)(a).create(),!n||0===n.length)return void(f[u][l].appended=[]);for(var g=0,h=n.length;h>g;g++)i=n.start(g),s=n.end(g),f[u][l].actualBufferedRanges.add(i,s),c=c.concat(r(d,{start:i,end:s},!0));f[u][l].appended=c}},getTotalBufferLevel:function(e){var t=e.type,r=0;for(var n in f)f.hasOwnProperty(n)&&(r+=c.getTotalBufferedTime({buffered:f[n][t].calculatedBufferedRanges}));return r},setConfig:function(e){e&&e.sourceBufferController&&(c=e.sourceBufferController)},reset:function(){f={}}},f={},n}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./controllers/MediaController.js")),o=n(e("./utils/CustomTimeRanges.js")),s=n(e("./vo/metrics/HTTPRequest.js")),u=n(e("../core/EventBus.js")),l=n(e("../core/events/Events.js")),d=n(e("../core/FactoryMaker.js"));a.__dashjs_factory_name="VirtualBuffer",r.default=d.default.getSingletonFactory(a),t.exports=r.default},{"../core/EventBus.js":8,"../core/FactoryMaker.js":9,"../core/events/Events.js":11,"./controllers/MediaController.js":55,"./utils/CustomTimeRanges.js":137,"./vo/metrics/HTTPRequest.js":166}],47:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e){function t(e,r){var n=e.request,a=new XMLHttpRequest,o=[],u=!0,p=!0,m=new Date,v=m,y=0,_=function(e){p=!1,n.requestStartDate=m,n.requestEndDate=new Date,n.firstByteDate=n.firstByteDate||m,n.checkExistenceOnly||l.addHttpRequest(n.mediaType,null,n.type,n.url,a.responseURL||null,n.serviceLocation||null,n.range||null,n.requestStartDate,n.firstByteDate,n.requestEndDate,a.status,n.duration,a.getAllResponseHeaders(),e?o:null)},E=function(){-1!==f.indexOf(a)&&(f.splice(f.indexOf(a),1),p&&(_(!1),r>0?(r--,g.push(setTimeout((function(){t(e,r)}),i.getRetryIntervalForType(n.type)))):(s.downloadError(h[n.type],n.url,n),e.error&&e.error(n,"error",a.statusText),e.complete&&e.complete(n,a.statusText))))};try{var T=d.modifyRequestURL(n.url),M=n.checkExistenceOnly?"HEAD":"GET";a.open(M,T,!0),n.responseType&&(a.responseType=n.responseType),n.range&&a.setRequestHeader("Range","bytes="+n.range),n.requestStartDate||(n.requestStartDate=m),(a=d.modifyRequestHeader(a)).onload=function(){a.status>=200&&a.status<=299&&(_(!0),e.success&&e.success(a.response,a.statusText,a),e.complete&&e.complete(n,a.statusText))},a.onloadend=E,a.onerror=E,a.onprogress=function(t){var r=new Date;u&&(u=!1,(!t.lengthComputable||t.lengthComputable&&t.total!==t.loaded)&&(n.firstByteDate=r)),t.lengthComputable&&(n.bytesLoaded=t.loaded,n.bytesTotal=t.total),o.push({s:v,d:r.getTime()-v.getTime(),b:[t.loaded?t.loaded-y:0]}),v=r,y=t.loaded,e.progress&&e.progress()};var S=(new Date).getTime();isNaN(n.delayLoadingTime)||S>=n.delayLoadingTime?(f.push(a),a.send()):function(){var e={xhr:a};c.push(e),e.delayTimeout=setTimeout((function(){if(-1!==c.indexOf(e)){c.splice(c.indexOf(e),1);try{f.push(e.xhr),e.xhr.send()}catch(t){e.xhr.onerror()}}}),n.delayLoadingTime-S)}()}catch(e){a.onerror()}}var r,n=this.context,i=(0,u.default)(n).getInstance(),s=e.errHandler,l=e.metricsModel,d=e.requestModifier,f=void 0,c=void 0,g=void 0,h=void 0;return r={load:function(e){e.request&&t(e,i.getRetryAttemptsForType(e.request.type))},abort:function(){g.forEach((function(e){return clearTimeout(e)})),g=[],c.forEach((function(e){return clearTimeout(e.delayTimeout)})),c=[],f.forEach((function(e){e.onloadend=e.onerror=void 0,e.abort()})),f=[]}},function(){var e;f=[],c=[],g=[],a(e={},o.default.MPD_TYPE,s.DOWNLOAD_ERROR_ID_MANIFEST),a(e,o.default.XLINK_EXPANSION_TYPE,s.DOWNLOAD_ERROR_ID_XLINK),a(e,o.default.INIT_SEGMENT_TYPE,s.DOWNLOAD_ERROR_ID_CONTENT),a(e,o.default.MEDIA_SEGMENT_TYPE,s.DOWNLOAD_ERROR_ID_CONTENT),a(e,o.default.INDEX_SEGMENT_TYPE,s.DOWNLOAD_ERROR_ID_CONTENT),a(e,o.default.BITSTREAM_SWITCHING_SEGMENT_TYPE,s.DOWNLOAD_ERROR_ID_CONTENT),a(e,o.default.OTHER_TYPE,s.DOWNLOAD_ERROR_ID_CONTENT),h=e}(),r}Object.defineProperty(r,"__esModule",{value:!0});var o=n(e("./vo/metrics/HTTPRequest.js")),s=n(e("../core/FactoryMaker.js")),u=n(e("./models/MediaPlayerModel.js"));i.__dashjs_factory_name="XHRLoader";var l=s.default.getClassFactory(i);r.default=l,t.exports=r.default},{"../core/FactoryMaker.js":9,"./models/MediaPlayerModel.js":90,"./vo/metrics/HTTPRequest.js":166}],48:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=this.context,r=(0,l.default)(t).getInstance(),n=(0,o.default)(t).create({errHandler:e.errHandler,metricsModel:e.metricsModel,requestModifier:e.requestModifier});return{load:function(e,t,a){var o=function(n,o){t.resolved=!0,t.resolvedContent=n||null,r.trigger(d.default.XLINK_ELEMENT_LOADED,{element:t,resolveObject:a,error:n||o?null:new i.default(c,"Failed loading Xlink element: "+e)})};if("urn:mpeg:dash:resolve-to-zero:2013"===e)o(null,!0);else{var l=new u.default(e,s.default.XLINK_TYPE);n.load({request:l,success:function(e){o(e)},error:function(){o(null)}})}},reset:function(){n&&(n.abort(),n=null)}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./vo/Error.js")),o=n(e("./XHRLoader.js")),s=n(e("./vo/metrics/HTTPRequest.js")),u=n(e("./vo/TextRequest.js")),l=n(e("../core/EventBus.js")),d=n(e("../core/events/Events.js")),f=n(e("../core/FactoryMaker.js")),c=1;a.__dashjs_factory_name="XlinkLoader";var g=f.default.getClassFactory(a);g.XLINK_LOADER_ERROR_LOADING_FAILURE=c,r.default=g,t.exports=r.default},{"../core/EventBus.js":8,"../core/FactoryMaker.js":9,"../core/events/Events.js":11,"./XHRLoader.js":47,"./vo/Error.js":149,"./vo/TextRequest.js":157,"./vo/metrics/HTTPRequest.js":166}],49:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){N={video:!0,audio:!0},x={},L={},F={},B={},k={},U={},H={},K={},Y=!1,Q=(0,s.default)(D).getInstance(),W=(0,l.default)(D).getInstance(),G=(0,h.default)(D).getInstance(),V=(0,p.default)(D).getInstance(),z=(0,m.default)(D).getInstance()}function t(e,t){var a;return x[t]=x[t]||{},x[t].hasOwnProperty(e)||(x[t][e]=0),a=function(e,t){var n=r(t);if(isNaN(n)||!K[t])return e;var a=M(K[t].getMediaInfo(),n);return Math.min(e,a)}(x[t][e],e),a=function(e,t,r){var a=n(t);return isNaN(a)||a>=1||0>a?e:Math.min(e,Math.round(r*a))}(a,e,x[t][e]),function(e,t){if("video"!==t||!Y||!K[t])return e;var r=z.getElement(),n=r.clientWidth,a=r.clientHeight,i=G.getValue(),o=V.getAdaptationForType(i,0,t).Representation,s=e;if(n>0&&a>0){for(;s>0&&o[s]&&n=s&&o[s].width===o[s+1].width&&(s=Math.min(e,s+1))}return s}(a,e)}function r(e){return B.hasOwnProperty("max")&&B.max.hasOwnProperty(e)?B.max[e]:NaN}function n(e){return k.hasOwnProperty("max")&&k.max.hasOwnProperty(e)?k.max[e]:1}function a(e){return N[e]}function g(e,r,n){var a=r.id,i=R(e,r);if(null===n||isNaN(n)||n%1!=0)throw"argument is not an integer";n!==i&&n>=0&&n<=t(e,a)&&(I(e,a,n),b.trigger(c.default.QUALITY_CHANGED,{mediaType:e,streamInfo:r,oldQuality:i,newQuality:n}))}function T(e,t){H[e].state=t}function M(e,t){var r=S(e);if(!r||0===r.length)return-1;for(var n=r.length-1;n>=0;n--)if(1e3*t>=r[n].bitrate)return n;return 0}function S(e){if(!e||!e.bitrateList)return null;for(var t,r=e.bitrateList,n=e.type,a=[],i=0,s=r.length;s>i;i++)(t=new o.default).mediaType=n,t.qualityIndex=i,t.bitrate=r[i].bandwidth,t.width=r[i].width,t.height=r[i].height,a.push(t);return a}function R(e,t){var r=t.id;return L[r]=L[r]||{},L[r].hasOwnProperty(e)||(L[r][e]=0),L[r][e]}function I(e,t,r){L[t]=L[t]||{},L[t][e]=r}function C(e,t){return F[t]=F[t]||{},F[t].hasOwnProperty(e)||(F[t][e]=0),F[t][e]}function A(e){var t=e.request.mediaType;if(a(t)){var r=O.getRules(u.default.ABANDON_FRAGMENT_RULES),n=K[t].getScheduleController();if(!n)return;var o=n.getFragmentModel();P.applyRules(r,K[t],(function(e){if(e.confidence===i.default.STRONG){var r=o.getRequests({state:d.default.FRAGMENT_MODEL_LOADING}),a=e.value;R(t,w.getActiveStreamInfo())>a&&(o.abortRequests(),T(t,v),g(t,w.getActiveStreamInfo(),a),n.replaceCanceledRequests(r),function(e){q=setTimeout((function(){T(e,y)}),W.getAbandonLoadTimeout())}(t))}}),e,(function(e,t){return t}))}}var j,D=this.context,b=(0,f.default)(D).getInstance(),O=void 0,P=void 0,w=void 0,N=void 0,x=void 0,L=void 0,F=void 0,B=void 0,k=void 0,U=void 0,K=void 0,H=void 0,q=void 0,Y=void 0,G=void 0,V=void 0,z=void 0,W=void 0,Q=void 0;return j={isPlayingAtTopQuality:function(e){var r=e.id,n=R("audio",e),a=R("video",e);return n===t("audio",r)&&a===t("video",r)},updateTopQualityIndex:function(e){var t=e.type,r=e.streamInfo.id,n=e.representationCount-1;return function(e,t,r){x[t]=x[t]||{},x[t][e]=r}(t,r,n),n},getAverageThroughput:function(e){return U[e]},getBitrateList:S,getQualityForBitrate:M,getMaxAllowedBitrateFor:r,setMaxAllowedBitrateFor:function(e,t){B.max=B.max||{},B.max[e]=t},getMaxAllowedRepresentationRatioFor:n,setMaxAllowedRepresentationRatioFor:function(e,t){k.max=k.max||{},k.max[e]=t},getInitialBitrateFor:function(e){var t=Q.getSavedBitrateSettings(e);if(!B.hasOwnProperty(e))if(k.hasOwnProperty(e)){var r=G.getValue(),n=V.getAdaptationForType(r,0,e).Representation;if(Array.isArray(n)){var a=Math.max(Math.round(n.length*k[e])-1,0);B[e]=n[a].bandwidth}else B[e]=0}else isNaN(t)?B[e]="video"===e?_:E:B[e]=t;return B[e]},setInitialBitrateFor:function(e,t){B[e]=t},getInitialRepresentationRatioFor:function(e){return k.hasOwnProperty(e)?k[e]:null},setInitialRepresentationRatioFor:function(e,t){k[e]=t},setAutoSwitchBitrateFor:function(e,t){N[e]=t},getAutoSwitchBitrateFor:a,setLimitBitrateByPortal:function(e){Y=e},getLimitBitrateByPortal:function(){return Y},getConfidenceFor:C,getQualityFor:R,getAbandonmentStateFor:function(e){return H[e].state},setAbandonmentStateFor:T,setPlaybackQuality:g,getPlaybackQuality:function(e,r){var n,o,s,l,d=e.getType(),f=e.getStreamInfo(),g=f.id;n=R(d,f),l=C(d,g),a(d)?(s=O.getRules(u.default.QUALITY_SWITCH_RULES),P.applyRules(s,e,(function(a){var i=t(d,g);n=a.value,l=a.confidence,0>n&&(n=0),n>i&&(n=i),o=R(d,f),n!==o&&(H[d].state===y||n>o)&&(I(d,g,n),function(e,t,r){F[t]=F[t]||{},F[t][e]=r}(d,g,l),b.trigger(c.default.QUALITY_CHANGED,{mediaType:d,streamInfo:e.getStreamInfo(),oldQuality:o,newQuality:n})),r&&r()}),n,(function(e,t){return e=e===i.default.NO_CHANGE?0:e,Math.max(e,t)}))):r&&r()},setAverageThroughput:function(e,t){U[e]=t},getTopQualityIndexFor:t,initialize:function(e,t){K[e]=t,H[e]=H[e]||{},H[e].state=y,b.on(c.default.LOADING_PROGRESS,A,this)},setConfig:function(e){e&&(e.abrRulesCollection&&(O=e.abrRulesCollection),e.rulesController&&(P=e.rulesController),e.streamController&&(w=e.streamController))},reset:function(){b.off(c.default.LOADING_PROGRESS,A,this),clearTimeout(q),q=null,e()}},e(),j}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../rules/SwitchRequest")),o=n(e("../vo/BitrateInfo.js")),s=n(e("../utils/DOMStorage.js")),u=n(e("../rules/abr/ABRRulesCollection.js")),l=n(e("../models/MediaPlayerModel.js")),d=n(e("../models/FragmentModel.js")),f=n(e("../../core/EventBus.js")),c=n(e("../../core/events/Events.js")),g=n(e("../../core/FactoryMaker.js")),h=n(e("../models/ManifestModel.js")),p=n(e("../../dash/models/DashManifestModel.js")),m=n(e("../models/VideoModel.js")),v="abandonload",y="allowload",_=1e3,E=100;a.__dashjs_factory_name="AbrController";var T=g.default.getSingletonFactory(a);T.ABANDON_LOAD=v,r.default=T,t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../../dash/models/DashManifestModel.js":19,"../models/FragmentModel.js":88,"../models/ManifestModel.js":89,"../models/MediaPlayerModel.js":90,"../models/VideoModel.js":93,"../rules/SwitchRequest":119,"../rules/abr/ABRRulesCollection.js":120,"../utils/DOMStorage.js":138,"../vo/BitrateInfo.js":147}],50:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e,t=this.context,r=(0,d.default)(t).getInstance(),n=(0,s.default)(t).getInstance(),a=void 0,l=void 0;return e={reset:function(){a.reset(),l.reset()},initialize:function(e){!function(e){a.update(e),l.chooseSelectorFromManifest(e)}(e)},resolve:function(e){var t=a.getForPath(e).reduce((function(e,t){var r=l.select(t);return r&&(n.isRelative(r.url)?e.url+=r.url:(e.url=r.url,e.serviceLocation=r.serviceLocation)),e}),new u.default);return n.isRelative(t.url)?void 0:t}},a=(0,i.default)(t).create(),l=(0,o.default)(t).create(),r.on(f.default.SERVICE_LOCATION_BLACKLIST_CHANGED,(function(e){a.invalidateSelectedIndexes(e.entry)}),e),e}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../models/BaseURLTreeModel.js")),o=n(e("../utils/BaseURLSelector.js")),s=n(e("../utils/URLUtils.js")),u=n(e("../../dash/vo/BaseURL.js")),l=n(e("../../core/FactoryMaker.js")),d=n(e("../../core/EventBus.js")),f=n(e("../../core/events/Events.js"));a.__dashjs_factory_name="BaseURLController",r.default=l.default.getSingletonFactory(a),t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../../dash/vo/BaseURL.js":28,"../models/BaseURLTreeModel.js":87,"../utils/BaseURLSelector.js":134,"../utils/URLUtils.js":145}],51:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e){-1===n.indexOf(e)&&(n.push(e),a.trigger(i,{entry:e}))}function r(e){e.error&&t(e.request.serviceLocation)}var n=[],a=(0,o.default)(this.context).getInstance(),i=e.updateEventName,s=e.loadFailedEventName;return function(){s&&a.on(s,r,this)}(),{add:t,contains:function(e){return!!(n.length&&e&&e.length)&&-1!==n.indexOf(e)},reset:function(){n=[]}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/FactoryMaker.js")),o=n(e("../../core/EventBus.js"));a.__dashjs_factory_name="BlackListController",r.default=i.default.getClassFactory(a),t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9}],52:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e){var t;e.fragmentModel===Me.getFragmentModel()&&(Y("Initialization finished loading"),t=e.chunk,ee.append(t),a(N(),ne))}function r(e){if(e.fragmentModel===Me.getFragmentModel()){var t,r=e.chunk,a=r.bytes,o=r.quality,s=r.index,u=Me.getFragmentModel().getRequests({state:i.default.FRAGMENT_MODEL_EXECUTED,quality:o,index:s})[0],l=Me.getRepresentationInfoForQuality(o),d=z.getValue(),f=$.getEventsFor(d,l.mediaInfo,Me),c=$.getEventsFor(d,l,Me);(f.length>0||c.length>0)&&(t=function(e,t,r,n){var a,i,o,s=Math.max(isNaN(t.startTime)?0:t.startTime,0),u=[],l=[];Ee=!1,o=r.concat(n);for(var d=0;df;f++)(i=$.getEvent(a[f],u,s))&&l.push(i);return l}(a,u,f,c),Me.getEventController().addInbandEvents(t)),r.bytes=function(e){if(!Ee)return e;for(var t,r,n=e.length,a=Math.pow(256,2),i=Math.pow(256,3),o=new Uint8Array(e.length),s=0,u=0;n>s;){if(t=String.fromCharCode(e[s+4],e[s+5],e[s+6],e[s+7]),r=e[s]*i+e[s+1]*a+256*e[s+2]+1*e[s+3],"emsg"!=t)for(var l=s;s+r>l;l++)o[u]=e[l],u++;s+=r}return o.subarray(0,u)}(a),ee.append(r),n()}}function n(){if(ge&&!ye&&D()){var e,t=N();if(ve)e=ve;else{if(!(e=ee.extract({streamId:t,mediaType:ce,segmentType:s.default.MEDIA_SEGMENT_TYPE,limit:1})[0]))return;ve=e}e.quality===ae?(ve=!1,m(e)):a(t,ve.quality)}}function a(e,t){var r={streamId:e,mediaType:ce,segmentType:s.default.INIT_SEGMENT_TYPE,quality:t},n=ee.getChunks(r)[0];if(n){if(!ge)return;m(n)}else G.trigger(h.default.INIT_REQUESTED,{sender:re,requiredQuality:t})}function m(e){ye=!0,pe=e,W.append(ge,e),"video"===e.mediaInfo.type&&e.mediaInfo.embeddedCaptions&&te.append(e.bytes,e)}function T(e){if(ge===e.buffer){var t,r,a;if(R(),ie&&Me.getStreamInfo().isLast&&X.signalEndOfStream(le),e.error)return e.error.code===u.default.QUOTA_EXCEEDED_ERROR_CODE&&(ee.append(pe),ue=.8*W.getTotalBufferedTime(ge),G.trigger(h.default.QUOTA_EXCEEDED,{sender:re,criticalBufferLevel:ue}),O(b())),void(ye=!1);if(D()||(G.trigger(h.default.QUOTA_EXCEEDED,{sender:re,criticalBufferLevel:ue}),O(b())),(t=W.getAllRanges(ge))&&t.length>0)for(r=0,a=t.length;a>r;r++)Y("Buffered Range: "+t.start(r)+" - "+t.end(r));ye=!1,isNaN(pe.index)?(ae=pe.quality,Me.isDynamic()||n()):(ee.storeAppendedChunk(pe,ge),function(){var e,t=ee.getChunks({streamId:N(),mediaType:ce,segmentType:s.default.MEDIA_SEGMENT_TYPE,appended:!0}),r=(0,c.default)(q),n=r.create(),a=r.create(),i=Te.getTime(),o=2*Me.getCurrentRepresentationInfo().fragmentDuration;if(t.forEach((function(e){(J.isCurrentTrack(e.mediaInfo)?a:n).add(e.bufferedRange.start,e.bufferedRange.end)})),0!==n.length&&0!==a.length&&!(o>W.getBufferLength({buffered:a},i)))for(var u=0,l=n.length;l>u;u++)e={start:n.start(u),end:n.end(u)},(J.getSwitchMode(ce)===f.default.TRACK_SWITCH_MODE_ALWAYS_REPLACE||e.start>i)&&O(e)}(),de=Math.max(pe.index,de),A()),G.trigger(h.default.BYTES_APPENDED,{sender:re,quality:pe.quality,startTime:pe.start,index:pe.index,bufferedRanges:t})}}function M(e){var t=e.newQuality;ne!==t&&ce===e.mediaType&&Me.getStreamInfo().id===e.streamInfo.id&&(w(Me.getRepresentationInfoForQuality(t).MSETimeOffset),ne=t)}function S(){ye=!1,R()}function R(){I(),C()}function I(){var e=Te.getTime();oe=W.getBufferLength(ge,e),G.trigger(h.default.BUFFER_LEVEL_UPDATED,{sender:re,bufferLevel:oe}),j()}function C(){Me.getStreamInfo().id===Z.getActiveStreamInfo().id&&(V.addBufferState(ce,he,se),V.addBufferLevel(ce,new Date,1e3*oe))}function A(){de===fe-1&&!ie&&(ie=!0,G.trigger(h.default.BUFFERING_COMPLETED,{sender:re,streamInfo:Me.getStreamInfo()}))}function j(){!function(e){if(!(he===e||"fragmentedText"===ce&&te.getAllTracksAreDisabled())){he=e,C(),G.trigger(h.default.BUFFER_LEVEL_STATE_CHANGED,{sender:re,state:e,mediaType:ce,streamInfo:Me.getStreamInfo()});var t=e===y?h.default.BUFFER_LOADED:h.default.BUFFER_EMPTY;G.trigger(t,{mediaType:ce}),Y(e===y?"Got enough buffer to start.":"Waiting for more buffer before starting playback.")}}(E>oe&&!ie?_:y)}function D(){var e=W.getTotalBufferedTime(ge);return ue>e}function b(){var e,t,r;return ge?(e=Te.getTime(),t=(r=Me.getFragmentModel().getRequests({state:i.default.FRAGMENT_MODEL_EXECUTED,time:e})[0])&&!isNaN(r.startTime)?r.startTime:Math.floor(e),null===W.getBufferRange(ge,e)&&ge.buffered.length>0&&(t=ge.buffered.end(ge.buffered.length-1)),{start:ge.buffered.start(0),end:t}):null}function O(e){if(e&&ge){var t=e.start,r=e.end;W.remove(ge,t,r,le)}}function P(e){ge===e.buffer&&(_e&&(_e=!1),ee.updateBufferedRanges({streamId:N(),mediaType:ce},W.getAllRanges(ge)),I(),G.trigger(h.default.BUFFER_CLEARED,{sender:re,from:e.from,to:e.to,hasEnoughSpaceToAppend:D()}),D()||null===Ie&&(Ie=setTimeout((function(){Ie=null,O(b())}),1e3*Me.getStreamInfo().manifestInfo.minBufferTime)))}function w(e){ge&&ge.timestampOffset!==e&&!isNaN(e)&&(ge.timestampOffset=e)}function N(){return Me.getStreamInfo().id}function x(e){e.sender.getStreamProcessor()===Me&&(e.error||w(e.currentRepresentation.MSETimeOffset))}function L(e){e.fragmentModel===Me.getFragmentModel()&&(fe=e.request.index,A())}function F(e){e.sender===ee&&C()}function B(e){if(ge&&e.newMediaInfo.type===ce&&e.newMediaInfo.streamInfo.id===Me.getStreamInfo().id){var t=e.newMediaInfo.type,r=e.switchMode,n={start:0,end:Te.getTime()};if(ce===t)switch(r){case f.default.TRACK_SWITCH_MODE_ALWAYS_REPLACE:O(n);break;case f.default.TRACK_SWITCH_MODE_NEVER_REPLACE:break;default:Y("track switch mode is not supported: "+r)}}}function k(){++me*(Re.getWallclockTimeUpdateInterval()/1e3)>=Re.getBufferPruningInterval()&&!ye&&(me=0,function(){if("fragmentedText"!==ce){Y("try to prune buffer");var e=ge.buffered.length?ge.buffered.start(0):0,t=Te.getTime()-e-Re.getBufferToKeep();t>0&&(Y("pruning buffer: "+t+" seconds."),_e=!0,W.remove(ge,0,Math.round(e+t),le))}}())}function U(){j()}function K(e){ge=e}function H(e){le=e}var q=this.context,Y=(0,v.default)(q).getInstance().log,G=(0,g.default)(q).getInstance(),V=e.metricsModel,z=e.manifestModel,W=e.sourceBufferController,Q=e.errHandler,X=e.mediaSourceController,Z=e.streamController,J=e.mediaController,$=e.adapter,ee=e.virtualBuffer,te=e.textSourceBuffer,re=void 0,ne=void 0,ae=void 0,ie=void 0,oe=void 0,se=void 0,ue=void 0,le=void 0,de=void 0,fe=void 0,ce=void 0,ge=void 0,he=void 0,pe=void 0,me=void 0,ve=void 0,ye=void 0,_e=void 0,Ee=void 0,Te=void 0,Me=void 0,Se=void 0,Re=void 0,Ie=void 0;return re={initialize:function(e,n,a){ce=e,H(n),Me=a,Re=(0,o.default)(q).getInstance(),Te=(0,d.default)(q).getInstance(),Se=(0,l.default)(q).getInstance(),Me.getFragmentController(),Me.getScheduleController(),ne=Se.getQualityFor(ce,Me.getStreamInfo()),G.on(h.default.DATA_UPDATE_COMPLETED,x,this),G.on(h.default.INIT_FRAGMENT_LOADED,t,this),G.on(h.default.MEDIA_FRAGMENT_LOADED,r,this),G.on(h.default.QUALITY_CHANGED,M,this),G.on(h.default.STREAM_COMPLETED,L,this),G.on(h.default.PLAYBACK_PROGRESS,R,this),G.on(h.default.PLAYBACK_TIME_UPDATED,R,this),G.on(h.default.PLAYBACK_RATE_CHANGED,U,this),G.on(h.default.PLAYBACK_SEEKING,S,this),G.on(h.default.WALLCLOCK_TIME_UPDATED,k,this),G.on(h.default.CURRENT_TRACK_CHANGED,B,this),G.on(h.default.SOURCEBUFFER_APPEND_COMPLETED,T,this),G.on(h.default.SOURCEBUFFER_REMOVE_COMPLETED,P,this),G.on(h.default.CHUNK_APPENDED,F,this)},createBuffer:function(e){if(!e||!le||!Me)return null;var t=null;try{(t=W.createSourceBuffer(le,e))&&t.hasOwnProperty("initialize")&&t.initialize(ce,this)}catch(e){Q.mediaSourceError("Error creating "+ce+" source buffer.")}return K(t),w(Me.getRepresentationInfoForQuality(ne).MSETimeOffset),n(),t},getType:function(){return ce},getStreamProcessor:function(){return Me},setStreamProcessor:function(e){Me=e},getBuffer:function(){return ge},setBuffer:K,getBufferLevel:function(){return oe},getCriticalBufferLevel:function(){return ue},setMediaSource:H,getMediaSource:function(){return le},getIsBufferingCompleted:function(){return ie},getIsAppendingInProgress:function(){return ye},reset:function(e){G.off(h.default.DATA_UPDATE_COMPLETED,x,this),G.off(h.default.QUALITY_CHANGED,M,this),G.off(h.default.INIT_FRAGMENT_LOADED,t,this),G.off(h.default.MEDIA_FRAGMENT_LOADED,r,this),G.off(h.default.STREAM_COMPLETED,L,this),G.off(h.default.CURRENT_TRACK_CHANGED,B,this),G.off(h.default.PLAYBACK_PROGRESS,R,this),G.off(h.default.PLAYBACK_TIME_UPDATED,R,this),G.off(h.default.PLAYBACK_RATE_CHANGED,U,this),G.off(h.default.PLAYBACK_SEEKING,S,this),G.off(h.default.WALLCLOCK_TIME_UPDATED,k,this),G.off(h.default.SOURCEBUFFER_APPEND_COMPLETED,T,this),G.off(h.default.SOURCEBUFFER_REMOVE_COMPLETED,P,this),G.off(h.default.CHUNK_APPENDED,F,this),clearTimeout(Ie),Ie=null,ue=Number.POSITIVE_INFINITY,he=_,ae=-1,fe=-1,de=-1,ne=0,pe=null,ve=!1,ie=!1,ye=!1,_e=!1,Te=null,Me=null,Se=null,e||(W.abort(le,ge),W.removeSourceBuffer(le,ge)),ge=null}},ne=-1,ae=-1,ie=!1,oe=0,se=0,ue=Number.POSITIVE_INFINITY,de=-1,fe=-1,ge=null,he=_,me=0,ve=!1,ye=!1,_e=!1,Ee=!1,Ie=null,re}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../models/FragmentModel.js")),o=n(e("../models/MediaPlayerModel.js")),s=n(e("../vo/metrics/HTTPRequest.js")),u=n(e("./SourceBufferController.js")),l=n(e("./AbrController.js")),d=n(e("./PlaybackController.js")),f=n(e("./MediaController.js")),c=n(e("../utils/CustomTimeRanges.js")),g=n(e("../../core/EventBus.js")),h=n(e("../../core/events/Events.js")),p=n(e("../utils/BoxParser.js")),m=n(e("../../core/FactoryMaker.js")),v=n(e("../../core/Debug.js")),y="bufferLoaded",_="bufferStalled",E=.5;a.__dashjs_factory_name="BufferController";var T=m.default.getClassFactory(a);T.BUFFER_LOADED=y,T.BUFFER_EMPTY=_,r.default=T,t.exports=r.default},{"../../core/Debug.js":7,"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../models/FragmentModel.js":88,"../models/MediaPlayerModel.js":90,"../utils/BoxParser.js":135,"../utils/CustomTimeRanges.js":137,"../vo/metrics/HTTPRequest.js":166,"./AbrController.js":49,"./MediaController.js":55,"./PlaybackController.js":57,"./SourceBufferController.js":59}],53:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){null!==p&&T&&(clearInterval(p),p=null,T=!1)}function t(){n(g),n(c),function(){if(h)for(var e=E.getTime(),t=Object.keys(h),r=0;r=t&&t+v>n)&&(d("Start Event "+u+" at "+n),l.duration>0&&(h[u]=l),l.eventStream.schemeIdUri==a&&l.eventStream.value==o?r():f.trigger(l.eventStream.schemeIdUri,{event:l}),delete e[u])}}var a="urn:mpeg:dash:event:2012",o=1,l=this.context,d=(0,s.default)(l).getInstance().log,f=(0,u.default)(l).getInstance(),c=void 0,g=void 0,h=void 0,p=void 0,m=void 0,v=void 0,y=void 0,_=void 0,E=void 0,T=void 0;return{initialize:function(){T=!1,c={},g={},h={},p=null,v=(m=100)/1e3,E=(0,i.default)(l).getInstance()},addInlineEvents:function(e){if(c={},e)for(var t=0;tr;r++)if(p[r].getScheduleController()==e)return p[r];return null}function r(e,t,r){var n=new o.default;return n.streamId=r,n.mediaInfo=t.mediaInfo,n.segmentType=t.type,n.start=t.startTime,n.duration=t.duration,n.end=n.start+n.duration,n.bytes=e,n.index=t.index,n.quality=t.quality,n}function n(n){var a=n.sender.getScheduleController();if(t(a)){var i,o=n.request,s=n.response,u=e(o),l=a.getStreamProcessor().getStreamInfo().id;if(!s)return void g("No "+o.mediaType+" bytes to push.");i=r(s,o,l),h.trigger(u?d.default.INIT_FRAGMENT_LOADED:d.default.MEDIA_FRAGMENT_LOADED,{chunk:i,fragmentModel:n.sender})}}var a,f=this.context,g=(0,c.default)(f).getInstance().log,h=(0,l.default)(f).getInstance(),p=void 0;return a={process:function(e){var t=null;return null!=e&&e.byteLength>0&&(t=new Uint8Array(e)),t},getModel:function(e){if(!e)return null;var r=t(e);return r||((r=(0,s.default)(f).create({metricsModel:(0,u.default)(f).getInstance()})).setScheduleController(e),p.push(r)),r},detachModel:function(e){var t=p.indexOf(e);t>-1&&p.splice(t,1)},isInitializationRequest:e,reset:function(){h.off(d.default.FRAGMENT_LOADING_COMPLETED,n,this),p=[]}},p=[],h.on(d.default.FRAGMENT_LOADING_COMPLETED,n,a),a}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../vo/metrics/HTTPRequest.js")),o=n(e("../vo/DataChunk.js")),s=n(e("../models/FragmentModel.js")),u=n(e("../models/MetricsModel.js")),l=n(e("../../core/EventBus.js")),d=n(e("../../core/events/Events.js")),f=n(e("../../core/FactoryMaker.js")),c=n(e("../../core/Debug.js"));a.__dashjs_factory_name="FragmentController",r.default=f.default.getClassFactory(a),t.exports=r.default},{"../../core/Debug.js":7,"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../models/FragmentModel.js":88,"../models/MetricsModel.js":91,"../vo/DataChunk.js":148,"../vo/metrics/HTTPRequest.js":166}],55:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){C={},A={audio:null,video:null},D={audio:c,video:f}}function t(e,t){if(!e||!t)return[];var r=t.id;return C[r]&&C[r][e]?C[r][e].list:[]}function r(e,t){return e&&t?C[t.id][e].current:null}function n(e){if(e){var t=e.type,n=e.streamInfo,a=n.id,o=r(t,n);if(C[a]&&C[a][t]&&(!o||!y(e,o))){C[a][t].current=e,o&&S.trigger(i.default.CURRENT_TRACK_CHANGED,{oldMediaInfo:o,newMediaInfo:e,switchMode:D[t]});var s=function(e){var t={lang:e.lang,viewpoint:e.viewpoint,roles:e.roles,accessibility:e.accessibility,audioChannelConfiguration:e.audioChannelConfiguration};return t.lang||t.viewpoint||t.role&&t.role.length>0||t.accessibility&&t.accessibility.length>0||t.audioChannelConfiguration&&t.audioChannelConfiguration.length>0?t:null}(e);s&&C[a][t].storeLastSettings&&(s.roles&&(s.role=s.roles[0],delete s.roles),s.accessibility&&(s.accessibility=s.accessibility[0]),s.audioChannelConfiguration&&(s.audioChannelConfiguration=s.audioChannelConfiguration[0]),I.setSavedMediaSettings(t,s))}}}function a(e,t){e&&t&&(A[e]=t)}function s(e){return e?A[e]:null}function m(){return j||p}function v(e){return"audio"===e||"video"===e||"text"===e||"fragmentedText"===e}function y(e,t){var r=e.id===t.id,n=e.viewpoint===t.viewpoint,a=e.lang===t.lang,i=e.roles.toString()==t.roles.toString(),o=e.accessibility.toString()==t.accessibility.toString(),s=e.audioChannelConfiguration.toString()==t.audioChannelConfiguration.toString();return r&&n&&a&&i&&o&&s}function _(e,t){var r=!e.lang||e.lang===t.lang,n=!e.viewpoint||e.viewpoint===t.viewpoint,a=!e.role||!!t.roles.filter((function(t){return t===e.role}))[0],i=!e.accessibility||!!t.accessibility.filter((function(t){return t===e.accessibility}))[0],o=!e.audioChannelConfiguration||!!t.audioChannelConfiguration.filter((function(t){return t===e.audioChannelConfiguration}))[0];return r&&n&&a&&i&&o}function E(e){var t=m(),r=[],n=function(e){var t,r=0,n=[];return e.forEach((function(e){(t=Math.max.apply(Math,e.bitrateList.map((function(e){return e.bandwidth}))))>r?(r=t,n=[e]):t===r&&n.push(e)})),n},a=function(e){var t,r=0,n=[];return e.forEach((function(e){(t=e.representationCount)>r?(r=t,n=[e]):t===r&&n.push(e)})),n};switch(t){case g:(r=n(e)).length>1&&(r=a(r));break;case h:(r=a(e)).length>1&&(r=n(e));break;default:M("track selection mode is not supported: "+t)}return r[0]}var T=this.context,M=(0,u.default)(T).getInstance().log,S=(0,o.default)(T).getInstance(),R=(0,l.default)(T).getInstance(),I=(0,d.default)(T).getInstance(),C=void 0,A=void 0,j=void 0,D=void 0,b=[c,f],O=[g,h];return{initialize:e,checkInitialMediaSettingsForType:function(e,r){var i=s(e),o=t(e,r),u=[];return"fragmentedText"===e?void n(o[0]):(i||a(e,i=I.getSavedMediaSettings(e)),void(o&&0!==o.length&&(i&&o.forEach((function(e){_(i,e)&&u.push(e)})),n(0===u.length?E(o):u.length>1?E(u):u[0]))))},addTrack:function(e){var t=e?e.type:null,a=e?e.streamInfo.id:null,i=s(t);return!(!e||!v(t)||(C[a]=C[a]||{audio:{list:[],storeLastSettings:!0,current:null},video:{list:[],storeLastSettings:!0,current:null},text:{list:[],storeLastSettings:!0,current:null},fragmentedText:{list:[],storeLastSettings:!0,current:null}},C[a][t].list.indexOf(e)>=0||(C[a][t].list.push(e),i&&_(i,e)&&!r(t,e.streamInfo)&&n(e),0)))},getTracksFor:t,getCurrentTrackFor:r,isCurrentTrack:function(e){var t=e.type,r=e.streamInfo.id;return C[r]&&C[r][t]&&y(C[r][t].current,e)},setTrack:n,setInitialSettings:a,getInitialSettings:s,setSwitchMode:function(e,t){return-1!==b.indexOf(t)?void(D[e]=t):void M("track switch mode is not supported: "+t)},getSwitchMode:function(e){return D[e]},setSelectionModeForInitialTrack:function(e){return-1!==O.indexOf(e)?void(j=e):void M("track selection mode is not supported: "+e)},getSelectionModeForInitialTrack:m,isMultiTrackSupportedByType:v,isTracksEqual:y,setConfig:function(e){e&&e.errHandler&&e.errHandler},reset:function(){e(),R.resetEmbedded()}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/events/Events.js")),o=n(e("../../core/EventBus.js")),s=n(e("../../core/FactoryMaker.js")),u=n(e("../../core/Debug.js")),l=n(e("../TextSourceBuffer.js")),d=n(e("../utils/DOMStorage.js")),f="neverReplace",c="alwaysReplace",g="highestBitrate",h="widestRange",p=g;a.__dashjs_factory_name="MediaController";var m=s.default.getSingletonFactory(a);m.TRACK_SWITCH_MODE_NEVER_REPLACE=f,m.TRACK_SWITCH_MODE_ALWAYS_REPLACE=c,m.TRACK_SELECTION_MODE_HIGHEST_BITRATE=g,m.TRACK_SELECTION_MODE_WIDEST_RANGE=h,m.DEFAULT_INIT_TRACK_SELECTION_MODE=p,r.default=m,t.exports=r.default},{"../../core/Debug.js":7,"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../TextSourceBuffer.js":44,"../utils/DOMStorage.js":138}],56:[function(e,t,r){"use strict";function n(){return{createMediaSource:function(){var e="WebKitMediaSource"in window;return"MediaSource"in window?new MediaSource:e?new WebKitMediaSource:null},attachMediaSource:function(e,t){var r=window.URL.createObjectURL(e);return t.setSource(r),r},detachMediaSource:function(e){e.setSource(null)},setDuration:function(e,t){return e.duration!=t&&(e.duration=t),e.duration},signalEndOfStream:function(e){var t=e.sourceBuffers,r=t.length,n=0;if("open"===e.readyState){for(;r>n;n++){if(t[n].updating)return;if(0===t[n].buffered.length)return}e.endOfStream()}}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js"));n.__dashjs_factory_name="MediaSourceController",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../core/FactoryMaker.js":9}],57:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){X=0,Z=NaN,J=null,te=null,ne=!1,$={},re=(0,s.default)(B).getInstance()}function t(e){e.fromStreamInfo&&$[e.fromStreamInfo.id]&&delete $[e.fromStreamInfo.id]}function r(){return m(!0)+ee.duration-g()}function n(){K?(K.autoplay=!0,K.play()):ne=!0}function a(){return K?K.paused:void 0}function d(){K&&(K.pause(),K.autoplay=!1)}function c(e){Q&&(k("Requesting seek to time: "+e),Q.setCurrentTime(e))}function g(){return K?K.currentTime:void 0}function h(){return K?K.playbackRate:void 0}function p(){return K?K.ended:void 0}function m(e){var t=void 0,r=e?NaN:parseInt((0,o.default)(B).getInstance().getURIFragmentData().s,10);if(te)!isNaN(r)&&r>1262304e3&&((t=r-ee.manifestInfo.availableFrom.getTime()/1e3)>Z||t=0)t=r;else{var n=$[ee.id];void 0===n&&(n=H.getActiveStreamCommonEarliestTime()),t=Math.max(n,ee.start)}return t}function v(){null===J&&(J=setInterval((function(){U.trigger(l.default.WALLCLOCK_TIME_UPDATED,{isDynamic:te,time:new Date})}),re.getWallclockTimeUpdateInterval()))}function y(){clearInterval(J),J=null}function _(){var e=m(!1);e>0&&(c(e),k("Starting playback at offset: "+e))}function E(){if(!a()&&te&&0!==K.readyState){var e=g(),t=function(e){var t=Y.getReadOnlyMetricsFor("video")||Y.getReadOnlyMetricsFor("audio"),r=G.getCurrentDVRInfo(t),n=r?r.range:null;return n?e>=n.start&&e<=n.end?e:Math.max(n.end-2*ee.manifestInfo.minBufferTime,n.start):NaN}(e);!isNaN(t)&&t!==e&&c(t)}}function T(e){if(!e.error){var t=W.convertDataToTrack(V.getValue(),e.currentRepresentation).mediaInfo.streamInfo;ee.id===t.id&&(ee=t,E())}}function M(e){e.error||0===K.readyState||_()}function S(){U.trigger(l.default.CAN_PLAY)}function R(){k("Native video element event: play"),E(),v(),U.trigger(l.default.PLAYBACK_STARTED,{startTime:g()})}function I(){k("Native video element event: playing"),U.trigger(l.default.PLAYBACK_PLAYING,{playingTime:g()})}function C(){k("Native video element event: pause"),U.trigger(l.default.PLAYBACK_PAUSED,{ended:p()})}function A(){var e=g();k("Seeking to: "+e),v(),U.trigger(l.default.PLAYBACK_SEEKING,{seekTime:e})}function j(){k("Native video element event: seeked"),U.trigger(l.default.PLAYBACK_SEEKED)}function D(){var e=g();e!==X&&(X=e,U.trigger(l.default.PLAYBACK_TIME_UPDATED,{timeToEnd:r(),time:e}))}function b(){U.trigger(l.default.PLAYBACK_PROGRESS)}function O(){var e=h();k("Native video element event: ratechange: ",e),U.trigger(l.default.PLAYBACK_RATE_CHANGED,{playbackRate:e})}function P(){k("Native video element event: loadedmetadata"),(!te&&ee.isFirst||q.isTimeSyncCompleted())&&_(),U.trigger(l.default.PLAYBACK_METADATA_LOADED),v()}function w(){k("Native video element event: ended"),d(),y(),U.trigger(l.default.PLAYBACK_ENDED)}function N(e){var t=e.target||e.srcElement;U.trigger(l.default.PLAYBACK_ERROR,{error:t.error})}function x(e){var t=e.bufferedRanges;if(t&&t.length){var r=Math.max(t.start(0),ee.start),n=void 0===$[ee.id]?r:Math.max($[ee.id],r);n!==$[ee.id]&&(!te&&m(!0)0},getStreamId:function(){return ee.id},getStreamDuration:function(){return ee.duration},getTime:g,getPlaybackRate:h,getPlayedRanges:function(){return K?K.played:void 0},getEnded:p,getIsDynamic:function(){return te},setLiveStartTime:function(e){Z=e},getLiveStartTime:function(){return Z},computeLiveDelay:function(e,t){var r,n=z.getMpd(V.getValue());r=re.getUseSuggestedPresentationDelay()&&n.hasOwnProperty("suggestedPresentationDelay")?n.suggestedPresentationDelay:re.getLiveDelay()?re.getLiveDelay():isNaN(e)?2*ee.manifestInfo.minBufferTime:e*re.getLiveDelayFragmentCount();var a=Math.max(t-10,t/2);return Math.min(r,a)},play:n,isPaused:a,pause:d,isSeeking:function(){return K?K.seeking:void 0},seek:c,reset:function(){Q&&K&&(U.off(l.default.DATA_UPDATE_COMPLETED,T,this),U.off(l.default.BUFFER_LEVEL_STATE_CHANGED,L,this),U.off(l.default.LIVE_EDGE_SEARCH_COMPLETED,M,this),U.off(l.default.BYTES_APPENDED,x,this),y(),K.removeEventListener("canplay",S),K.removeEventListener("play",R),K.removeEventListener("playing",I),K.removeEventListener("pause",C),K.removeEventListener("error",N),K.removeEventListener("seeking",A),K.removeEventListener("seeked",j),K.removeEventListener("timeupdate",D),K.removeEventListener("progress",b),K.removeEventListener("ratechange",O),K.removeEventListener("loadedmetadata",P),K.removeEventListener("ended",w)),Q=null,ee=null,K=null,te=null,e()}},e(),F}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./BufferController.js")),o=n(e("../models/URIQueryAndFragmentModel.js")),s=n(e("../../streaming/models/MediaPlayerModel.js")),u=n(e("../../core/EventBus.js")),l=n(e("../../core/events/Events.js")),d=n(e("../../core/FactoryMaker.js")),f=n(e("../../core/Debug.js"));a.__dashjs_factory_name="PlaybackController",r.default=d.default.getSingletonFactory(a),t.exports=r.default},{"../../core/Debug.js":7,"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../../streaming/models/MediaPlayerModel.js":90,"../models/URIQueryAndFragmentModel.js":92,"./BufferController.js":52}],58:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e,t){var r=0,n=null;oe&&!1===ue&&(n=se.start,r=e.getTime()-n.getTime(),se.duration=r,se.stopreason=t,oe.trace.push(se),ue=!0)}function r(){ee&&(L(),ie=!1,ae?a(ne.quality):M(),ae&&(ae=!1),Y("Schedule controller starting for "+$))}function n(){ie||(ie=!0,clearInterval(fe),Y("Schedule controller stopping for "+$))}function a(e){var t=W.getInitRequest(pe,e);return null!==t&&te.executeRequest(t),t}function E(e){var t,r,n,a=e.length;for(n=0;a>n;n++)r=(t=e[n]).startTime+t.duration/2+.1,(t=W.getFragmentRequestForTime(pe,ne,r,{timeThreshold:0,ignoreIsFinished:!0}))&&te.executeRequest(t)}function M(){ie||ge.isPaused()&&!Te||(!_e.execute(pe)||le||!X.getIsTextTrack($)&&ye.getIsAppendingInProgress()?S(1e3):(le=!0,he.getPlaybackQuality(pe,(function(){var e=Ee.execute(pe);e?te.executeRequest(e):(le=!1,S(1e3))}))))}function S(e){fe=setTimeout(M,e)}function R(e){if($===e.mediaType&&pe.getStreamInfo().id===e.streamInfo.id){if(null==(ne=pe.getRepresentationInfoForQuality(e.newQuality)))throw"Unexpected error! - currentRepresentationInfo is null or undefined";t(new Date,i.default.Trace.REPRESENTATION_SWITCH_STOP_REASON),L()}}function I(e){e.error||(ne=W.convertDataToTrack(z.getValue(),e.currentRepresentation))}function C(e){e.error||(ne=pe.getCurrentRepresentationInfo(),re&&null===ve.getLiveEdge()||(ee=!0),r())}function A(e){e.fragmentModel===te&&(n(),Y("Stream is complete"))}function j(e){e.sender===te&&(isNaN(e.request.index)||(le=!1),e.error&&e.serviceLocation&&!ie&&E([e.request]))}function D(e){e.sender.getStreamProcessor()===pe&&M()}function b(e){e.sender.getStreamProcessor()===pe&&n()}function O(e){e.sender.getStreamProcessor()===pe&&a(e.requiredQuality)}function P(e){e.sender.getStreamProcessor()===pe&&(te.removeExecutedRequestsBeforeTime(e.to),e.hasEnoughSpaceToAppend&&!ye.getIsBufferingCompleted()&&r())}function w(e){e.sender.getStreamProcessor()!==pe||e.state!==u.default.BUFFER_EMPTY||ge.isSeeking()||(Y("Stalling Buffer"),t(new Date,i.default.Trace.REBUFFERING_REASON))}function N(e){e.sender.getStreamProcessor()===pe&&n()}function x(){te.abortRequests(),n()}function L(){oe&&!0===ue&&ne&&(ue=!1,(se=new i.default.Trace).representationid=ne.id,se.start=new Date,se.mstart=1e3*ge.getTime(),se.playbackspeed=ge.getPlaybackRate().toString())}function F(e){e.sender.getStreamProcessor()===pe&&a(e.index)}function B(){r()}function k(e){ce=e.seekTime,ae||(le=!1),ie&&r();var t=V.getMetricsFor("stream"),n=Q.getCurrentManifestUpdate(t),a=ne.DVRWindow?ne.DVRWindow.end-ge.getTime():NaN;V.updateManifestUpdateInfo(n,{latency:a})}function U(e){se&&(se.playbackspeed=e.playbackRate.toString())}function K(e){if(!e.error){var t,n=e.liveEdge,a=ne.mediaInfo.streamInfo.manifestInfo,i=n-ge.computeLiveDelay(ne.fragmentDuration,a.DVRWindowSize/2),o=V.getMetricsFor("stream"),s=Q.getCurrentManifestUpdate(o),u=ge.getLiveStartTime();t=W.getFragmentRequestForTime(pe,ne,i,{ignoreIsFinished:!0}).startTime,ce=t,(isNaN(u)||t>u)&&ge.setLiveStartTime(t),V.updateManifestUpdateInfo(s,{currentTime:t,presentationStartTime:n,latency:n-t,clientTimeOffset:Z.getClientTimeOffset()}),ee=!0,r()}}var H,q=this.context,Y=(0,T.default)(q).getInstance().log,G=(0,y.default)(q).getInstance(),V=e.metricsModel,z=e.manifestModel,W=e.adapter,Q=e.dashMetrics,X=e.dashManifestModel,Z=e.timelineConverter,J=e.mediaPlayerModel,$=void 0,ee=void 0,te=void 0,re=void 0,ne=void 0,ae=void 0,ie=void 0,oe=void 0,se=void 0,ue=void 0,le=void 0,de=void 0,fe=void 0,ce=void 0,ge=void 0,he=void 0,pe=void 0,me=void 0,ve=void 0,ye=void 0,_e=void 0,Ee=void 0,Te=void 0;return H={initialize:function(e,t){$=e,pe=t,ve=(0,v.default)(q).getInstance(),ge=(0,o.default)(q).getInstance(),he=(0,s.default)(q).getInstance(),me=pe.getFragmentController(),ye=pe.getBufferController(),te=me.getModel(this),re=pe.isDynamic(),Te=J.getScheduleWhilePaused(),_e=(0,l.default)(q).create({dashMetrics:(0,g.default)(q).getInstance(),metricsModel:(0,c.default)(q).getInstance(),textSourceBuffer:(0,f.default)(q).getInstance()}),Ee=(0,d.default)(q).create({adapter:(0,h.default)(q).getInstance(),sourceBufferController:(0,p.default)(q).getInstance(),virtualBuffer:(0,m.default)(q).getInstance(),textSourceBuffer:(0,f.default)(q).getInstance()}),X.getIsTextTrack($)&&G.on(_.default.TIMED_TEXT_REQUESTED,F,this),G.on(_.default.LIVE_EDGE_SEARCH_COMPLETED,K,this),G.on(_.default.QUALITY_CHANGED,R,this),G.on(_.default.DATA_UPDATE_STARTED,b,this),G.on(_.default.DATA_UPDATE_COMPLETED,I,this),G.on(_.default.FRAGMENT_LOADING_COMPLETED,j,this),G.on(_.default.STREAM_COMPLETED,A,this),G.on(_.default.STREAM_INITIALIZED,C,this),G.on(_.default.BUFFER_LEVEL_STATE_CHANGED,w,this),G.on(_.default.BUFFER_CLEARED,P,this),G.on(_.default.BYTES_APPENDED,D,this),G.on(_.default.INIT_REQUESTED,O,this),G.on(_.default.QUOTA_EXCEEDED,N,this),G.on(_.default.BUFFER_LEVEL_STATE_CHANGED,w,this),G.on(_.default.PLAYBACK_STARTED,B,this),G.on(_.default.PLAYBACK_SEEKING,k,this),G.on(_.default.PLAYBACK_RATE_CHANGED,U,this),G.on(_.default.URL_RESOLUTION_FAILED,x,this)},getStreamProcessor:function(){return pe},getSeekTarget:function(){return ce},setSeekTarget:function(e){ce=e},getFragmentModel:function(){return te},setTimeToLoadDelay:function(e){de=e},getTimeToLoadDelay:function(){return de},replaceCanceledRequests:E,start:r,stop:n,reset:function(){G.off(_.default.LIVE_EDGE_SEARCH_COMPLETED,K,this),G.off(_.default.DATA_UPDATE_STARTED,b,this),G.off(_.default.DATA_UPDATE_COMPLETED,I,this),G.off(_.default.BUFFER_LEVEL_STATE_CHANGED,w,this),G.off(_.default.QUALITY_CHANGED,R,this),G.off(_.default.FRAGMENT_LOADING_COMPLETED,j,this),G.off(_.default.STREAM_COMPLETED,A,this),G.off(_.default.STREAM_INITIALIZED,C,this),G.off(_.default.QUOTA_EXCEEDED,N,this),G.off(_.default.BYTES_APPENDED,D,this),G.off(_.default.BUFFER_CLEARED,P,this),G.off(_.default.INIT_REQUESTED,O,this),G.off(_.default.PLAYBACK_RATE_CHANGED,U,this),G.off(_.default.PLAYBACK_SEEKING,k,this),G.off(_.default.PLAYBACK_STARTED,B,this),G.off(_.default.URL_RESOLUTION_FAILED,x,this),X.getIsTextTrack($)&&G.off(_.default.TIMED_TEXT_REQUESTED,F,this),n(),me.detachModel(te),le=!1,de=0,ce=NaN,ge=null,oe=null},setPlayList:function(e){oe=e},finalisePlayList:function(e,r){t(e,r),oe=null}},ae=!0,ie=!1,oe=null,se=null,ue=!0,le=!1,de=0,ce=NaN,H}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../vo/metrics/PlayList.js")),o=n(e("./PlaybackController.js")),s=n(e("./AbrController.js")),u=n(e("./BufferController.js")),l=n(e("../rules/scheduling/BufferLevelRule.js")),d=n(e("../rules/scheduling/NextFragmentRequestRule.js")),f=n(e("../TextSourceBuffer.js")),c=n(e("../models/MetricsModel.js")),g=n(e("../../dash/DashMetrics.js")),h=n(e("../../dash/DashAdapter.js")),p=n(e("../controllers/SourceBufferController.js")),m=n(e("../VirtualBuffer.js")),v=n(e("../utils/LiveEdgeFinder.js")),y=n(e("../../core/EventBus.js")),_=n(e("../../core/events/Events.js")),E=n(e("../../core/FactoryMaker.js")),T=n(e("../../core/Debug.js"));a.__dashjs_factory_name="ScheduleController",r.default=E.default.getClassFactory(a),t.exports=r.default},{"../../core/Debug.js":7,"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../../dash/DashAdapter.js":13,"../../dash/DashMetrics.js":15,"../TextSourceBuffer.js":44,"../VirtualBuffer.js":46,"../controllers/SourceBufferController.js":59,"../models/MetricsModel.js":91,"../rules/scheduling/BufferLevelRule.js":129,"../rules/scheduling/NextFragmentRequestRule.js":130,"../utils/LiveEdgeFinder.js":141,"../vo/metrics/PlayList.js":168,"./AbrController.js":49,"./BufferController.js":52,"./PlaybackController.js":57}],59:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e,t,r){var n,a,i=null,o=0,s=0,u=null,l=null,d=0,f=r||.15;try{i=e.buffered}catch(e){return null}if(null!=i){for(a=0,n=i.length;n>a;a++)if(o=i.start(a),s=i.end(a),null===u)d=Math.abs(o-t),(t>=o&&s>t||f>=d)&&(u=o,l=s);else{if(!(f>=(d=o-l)))break;l=s}if(null!==u)return{start:u,end:l}}return null}function t(e){try{return e.buffered}catch(e){return null}}function r(e,t){var r,n=function(){e.updating||(clearInterval(r),t())};if(e.updating)if("function"==typeof e.addEventListener)try{e.addEventListener("updateend",(function r(){e.updating||(e.removeEventListener("updateend",r,!1),t())}),!1)}catch(e){r=setInterval(n,50)}else r=setInterval(n,50);else t()}var n=this.context,a=(0,p.default)(n).getInstance(),v=void 0;return{append:function(e,t){var n=t.bytes,i="append"in e?"append":"appendBuffer"in e?"appendBuffer":null,o="Object"===Object.prototype.toString.call(e).slice(8,-1);if(i)try{r(e,(function(){o?e[i](n,t):e[i](n),r(e,(function(){a.trigger(m.default.SOURCEBUFFER_APPEND_COMPLETED,{buffer:e,bytes:n})}))}))}catch(t){a.trigger(m.default.SOURCEBUFFER_APPEND_COMPLETED,{buffer:e,bytes:n,error:new h.default(t.code,t.message,null)})}},remove:function(e,t,n,i){try{r(e,(function(){t>=0&&n>t&&"ended"!==i.readyState&&e.remove(t,n),r(e,(function(){a.trigger(m.default.SOURCEBUFFER_REMOVE_COMPLETED,{buffer:e,from:t,to:n})}))}))}catch(r){a.trigger(m.default.SOURCEBUFFER_REMOVE_COMPLETED,{buffer:e,from:t,to:n,error:new h.default(r.code,r.message,null)})}},abort:function(e,t){try{"open"===e.readyState&&t.abort()}catch(e){}},createSourceBuffer:function(e,t){var r=t.codec,a=null;try{if(r.match(/application\/mp4;\s*codecs="(stpp|wvtt)"/i))throw new h.default("not really supported");a=e.addSourceBuffer(r)}catch(e){if(!t.isText&&-1===r.indexOf('codecs="stpp"')&&-1===r.indexOf('codecs="wvtt"'))throw e;(a=(0,i.default)(n).getInstance()).setConfig({errHandler:(0,u.default)(n).getInstance(),adapter:(0,s.default)(n).getInstance(),dashManifestModel:v,mediaController:(0,o.default)(n).getInstance(),videoModel:(0,g.default)(n).getInstance(),streamController:(0,l.default)(n).getInstance(),textTracks:(0,d.default)(n).getInstance(),VTTParser:(0,f.default)(n).getInstance(),TTMLParser:(0,c.default)(n).getInstance()})}return a},removeSourceBuffer:function(e,t){try{e.removeSourceBuffer(t)}catch(e){}},getBufferRange:e,getAllRanges:t,getTotalBufferedTime:function(e){var r,n,a=t(e),i=0;if(!a)return i;for(n=0,r=a.length;r>n;n++)i+=a.end(n)-a.start(n);return i},getBufferLength:function(t,r,n){var a;return null===(a=e(t,r,n))?0:a.end-r},getRangeDifference:function(e,r){if(!r)return null;var n,a,i,o,s,u,l,d,f=t(r);if(!f)return null;for(var c=0,g=f.length;g>c;c++){if(s=e.length>c?{start:e.start(c),end:e.end(c)}:null,n=f.start(c),a=f.end(c),!s)return{start:n,end:a};if(i=s.start===n,o=s.end===a,!i||!o){if(i)d={start:s.end,end:a};else{if(!o)return{start:n,end:a};d={start:n,end:s.start}}return u=e.length>c+1?{start:e.start(c+1),end:e.end(c+1)}:null,l=g>c+1?{start:f.start(c+1),end:f.end(c+1)}:null,!u||l&&l.start===u.start&&l.end===u.end||(d.end=u.start),d}}return null},setConfig:function(e){e&&e.dashManifestModel&&(v=e.dashManifestModel)}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../TextSourceBuffer.js")),o=n(e("./MediaController.js")),s=n(e("../../dash/DashAdapter.js")),u=n(e("../utils/ErrorHandler.js")),l=n(e("./StreamController.js")),d=n(e("../TextTracks.js")),f=n(e("../utils/VTTParser.js")),c=n(e("../utils/TTMLParser.js")),g=n(e("../models/VideoModel.js")),h=n(e("../vo/Error.js")),p=n(e("../../core/EventBus.js")),m=n(e("../../core/events/Events.js")),v=n(e("../../core/FactoryMaker.js"));a.__dashjs_factory_name="SourceBufferController";var y=v.default.getSingletonFactory(a);y.QUOTA_EXCEEDED_ERROR_CODE=22,r.default=y,t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../../dash/DashAdapter.js":13,"../TextSourceBuffer.js":44,"../TextTracks.js":45,"../models/VideoModel.js":93,"../utils/ErrorHandler.js":139,"../utils/TTMLParser.js":144,"../utils/VTTParser.js":146,"../vo/Error.js":149,"./MediaController.js":55,"./StreamController.js":60}],60:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e,t){t=t||new Date,ue&&(W&&W.getProcessors().forEach((function(r){var n=r.getScheduleController();n&&n.finalisePlayList(t,e)})),B.addPlayList(ue),ue=null)}function t(e){(ue=new h.default).start=new Date,ue.mstart=1e3*ae.getTime(),ue.starttype=e,W&&W.getProcessors().forEach((function(e){var t=e.getScheduleController();t&&t.setPlayList(ue)}))}function r(e,t,r){b.trigger(e,{fromStreamInfo:t?t.getStreamInfo():null,toStreamInfo:r.getStreamInfo()})}function n(e){var t=e.error?e.error.code:0,r="";if(-1!==t){switch(t){case 1:r="MEDIA_ERR_ABORTED";break;case 2:r="MEDIA_ERR_NETWORK";break;case 3:r="MEDIA_ERR_DECODE";break;case 4:r="MEDIA_ERR_SRC_NOT_SUPPORTED";break;case 5:r="MEDIA_ERR_ENCRYPTED";break;default:r="UNKNOWN"}ee=!0,e.error.msExtendedCode&&(r+=" (0x"+(e.error.msExtendedCode>>>0).toString(16).toUpperCase()+")"),D("Video Element Error: "+r),e.error&&D(e.error),G.mediaSourceError(r),C()}}function a(e){var t=ne.getPlaybackQuality();t&&B.addDroppedFrames("video",t),ae.isSeeking()||e.timeToEnd0&&(t+=z[0].getStartTime());for(var a=0;n>a;a++)if((t+=(r=z[a]).getDuration())>e)return r;return null}(r.seekTime);n&&n!==W?(e(h.default.Trace.END_OF_PERIOD_STOP_REASON),E(W,n,r.seekTime)):e(h.default.Trace.USER_REQUEST_STOP_REASON),t(h.default.SEEK_START_REASON)}function v(){se?(se=!1,t(h.default.INITIAL_PLAYOUT_START_REASON)):oe&&(oe=!1,t(h.default.RESUME_FROM_PAUSE_START_REASON))}function y(t){t.ended||(oe=!0,e(h.default.Trace.USER_REQUEST_STOP_REASON))}function _(e){var t=e.streamInfo.isLast;re&&t&&K.signalEndOfStream(re)}function E(e,t,n){!J&&e&&t&&e!==t&&(J=!0,r(l.default.PERIOD_SWITCH_STARTED,e,t),e.deactivate(),W=t,ae.initialize(W.getStreamInfo()),T((function(){isNaN(n)?function(){var e=ae.getStreamStartTime(!0);W.getProcessors().forEach((function(t){F.setIndexHandlerTime(t,e)})),ae.seek(e)}():ae.seek(n),ae.play(),W.startEventController(),J=!1,r(l.default.PERIOD_SWITCH_COMPLETED,e,t)})))}function T(e){function t(){D("MediaSource is open!"),window.URL.revokeObjectURL(r),re.removeEventListener("sourceopen",t),re.removeEventListener("webkitsourceopen",t),function(){var e,t;e=W.getStreamInfo().manifestInfo.duration,t=K.setDuration(re,e),D("Duration successfully set to: "+t)}(),W.activate(re),e&&e()}var r=void 0;re?K.detachMediaSource(ne):re=K.createMediaSource(),re.addEventListener("sourceopen",t,!1),re.addEventListener("webkitsourceopen",t,!1),r=K.attachMediaSource(re,ne),D("MediaSource attached to element. Waiting on open...")}function M(){if(!$){var e=z.length,t=0;for(W.isActivated()&&se&&0===W.getStreamInfo().index&&(W.startEventController(),Z&&ae.play());e>t;t++)if(!z[t].isInitialized())return;b.trigger(l.default.STREAMS_COMPOSED)}}function S(){M()}function R(){!function(){var e,t,n,a,i,s,u,d=x.getValue(),f=B.getMetricsFor("stream"),c=k.getCurrentManifestUpdate(f),g=[];if(d){s=F.getStreamsInfo(d),Q&&(b.trigger(l.default.PROTECTION_CREATED,{controller:Q,manifest:d}),Q.setMediaElement(ne.getElement()),X&&Q.setProtectionData(X));try{if(0===s.length)throw new Error("There are no streams");for(B.updateManifestUpdateInfo(c,{currentTime:ae.getTime(),buffered:ne.getElement().buffered,presentationStartTime:s[0].start,clientTimeOffset:V.getClientTimeOffset()}),$=!0,a=0,t=s.length;t>a;a++){for(e=s[a],i=0,n=z.length;n>i;i++)z[i].getId()===e.id&&(u=z[i],g.push(u),u.updateData(e));u||((u=(0,o.default)(j).create({manifestModel:x,manifestUpdater:w,adapter:F,timelineConverter:V,capabilities:P,errHandler:G,baseURLController:q})).initialize(e,Q),b.on(l.default.STREAM_INITIALIZED,S,this),g.push(u),W&&u.updateData(e)),B.addManifestUpdateStreamInfo(c,e.id,e.index,e.start,e.duration),u=null}z=g,W||(W=z[0],r(l.default.PERIOD_SWITCH_STARTED,null,W),ae.initialize(W.getStreamInfo()),r(l.default.PERIOD_SWITCH_COMPLETED,null,W)),re||T(),$=!1,M()}catch(e){G.manifestError(e.message,"nostreamscomposed",d),te=!0,C()}}}()}function I(e){if(e.error)te=!0,C();else{var t,r,n=e.manifest,a=F.getStreamsInfo(n)[0],i=F.getMediaInfoForType(n,a,"video")||F.getMediaInfoForType(n,a,"audio");i&&(t=F.getDataForMedia(i),(r=L.getRepresentationsForAdaptation(n,t)[0].useCalculatedLiveEdgeTime)&&(D("SegmentTimeline detected using calculated Live Edge Time"),ie.setUseManifestDateHeaderTimeSource(!1)));var o=L.getUTCTimingSources(e.manifest),s=!L.getIsDynamic(n)||r?o:o.concat(ie.getUTCTimingSources()),u=(0,d.default)(j).getInstance().isManifestHTTPS();s.forEach((function(e){e.value.replace(/.*?:\/\//g,"")===c.default.DEFAULT_UTC_TIMING_SOURCE.value.replace(/.*?:\/\//g,"")&&(e.value=e.value.replace(u?new RegExp(/^(http:)?\/\//i):new RegExp(/^(https:)?\/\//i),u?"https://":"http://"),D("Matching default timing source protocol to manifest protocol: ",e.value))})),q.initialize(n),H.setConfig({metricsModel:B,dashMetrics:k}),H.initialize(s,ie.getUseManifestDateHeaderTimeSource())}}function C(){H.reset(),e(ee||te?h.default.Trace.FAILURE_STOP_REASON:h.default.Trace.USER_REQUEST_STOP_REASON);for(var t=0,r=z.length;r>t;t++){var i=z[t];b.off(l.default.STREAM_INITIALIZED,S,this),i.reset(ee)}z=[],b.off(l.default.PLAYBACK_TIME_UPDATED,a,this),b.off(l.default.PLAYBACK_SEEKING,m,this),b.off(l.default.PLAYBACK_ERROR,n,this),b.off(l.default.PLAYBACK_STARTED,v,this),b.off(l.default.PLAYBACK_PAUSED,y,this),b.off(l.default.PLAYBACK_ENDED,g,this),b.off(l.default.MANIFEST_UPDATED,I,this),b.off(l.default.STREAM_BUFFERING_COMPLETED,_,this),q.reset(),w.reset(),B.clearAllCurrentMetrics(),x.setValue(null),N.reset(),V.reset(),U.reset(),F.reset(),Y.reset(),J=!1,$=!1,W=null,ee=!1,te=!1,se=!0,oe=!1,re&&(K.detachMediaSource(ne),re=null),ne=null,Q&&(Q.setMediaElement(null),Q=null,X=null,x.getValue()&&b.trigger(l.default.PROTECTION_DESTROYED,{data:x.getValue().url})),b.trigger(l.default.STREAM_TEARDOWN_COMPLETE)}var A=1,j=this.context,D=(0,p.default)(j).getInstance().log,b=(0,u.default)(j).getInstance(),O=void 0,P=void 0,w=void 0,N=void 0,x=void 0,L=void 0,F=void 0,B=void 0,k=void 0,U=void 0,K=void 0,H=void 0,q=void 0,Y=void 0,G=void 0,V=void 0,z=void 0,W=void 0,Q=void 0,X=void 0,Z=void 0,J=void 0,$=void 0,ee=void 0,te=void 0,re=void 0,ne=void 0,ae=void 0,ie=void 0,oe=void 0,se=void 0,ue=void 0;return O={initialize:function(e,t){Z=e,X=t,V.initialize(),(w=(0,s.default)(j).getInstance()).setConfig({log:D,manifestModel:x,dashManifestModel:L}),w.initialize(N),ne=(0,f.default)(j).getInstance(),(ae=(0,i.default)(j).getInstance()).setConfig({streamController:O,timelineConverter:V,metricsModel:B,dashMetrics:k,manifestModel:x,dashManifestModel:L,adapter:F,videoModel:ne}),b.on(l.default.TIME_SYNCHRONIZATION_COMPLETED,R,this),b.on(l.default.PLAYBACK_SEEKING,m,this),b.on(l.default.PLAYBACK_TIME_UPDATED,a,this),b.on(l.default.PLAYBACK_ENDED,g,this),b.on(l.default.PLAYBACK_ERROR,n,this),b.on(l.default.PLAYBACK_STARTED,v,this),b.on(l.default.PLAYBACK_PAUSED,y,this),b.on(l.default.MANIFEST_UPDATED,I,this),b.on(l.default.STREAM_BUFFERING_COMPLETED,_,this)},getAutoPlay:function(){return Z},getActiveStreamInfo:function(){return W?W.getStreamInfo():null},isStreamActive:function(e){return W.getId()===e.id},getStreamById:function(e){return z.filter((function(t){return t.getId()===e}))[0]},getTimeRelativeToStreamId:function(e,t){for(var r=null,n=0,a=0,i=null,o=z.length,s=0;o>s;s++){if(a=(r=z[s]).getStartTime(),i=r.getDuration(),Number.isFinite(a)&&(n=a),r.getId()===t)return e-n;Number.isFinite(i)&&(n+=i)}return null},load:function(e){N.load(e)},loadWithManifest:function(e){w.setManifest(e)},getActiveStreamCommonEarliestTime:function(){var e=[];return W.getProcessors().forEach((function(t){e.push(t.getIndexHandler().getEarliestTime())})),Math.min.apply(Math,e)},setConfig:function(e){e&&(e.capabilities&&(P=e.capabilities),e.manifestLoader&&(N=e.manifestLoader),e.manifestModel&&(x=e.manifestModel),e.dashManifestModel&&(L=e.dashManifestModel),e.protectionController&&(Q=e.protectionController),e.adapter&&(F=e.adapter),e.metricsModel&&(B=e.metricsModel),e.dashMetrics&&(k=e.dashMetrics),e.liveEdgeFinder&&(U=e.liveEdgeFinder),e.mediaSourceController&&(K=e.mediaSourceController),e.timeSyncController&&(H=e.timeSyncController),e.baseURLController&&(q=e.baseURLController),e.virtualBuffer&&(Y=e.virtualBuffer),e.errHandler&&(G=e.errHandler),e.timelineConverter&&(V=e.timelineConverter))},reset:C},Q=null,z=[],ie=(0,c.default)(j).getInstance(),Z=!0,J=!1,$=!1,oe=!1,se=!0,ue=null,ee=!1,te=!1,O}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./PlaybackController.js")),o=n(e("../Stream.js")),s=n(e("../ManifestUpdater.js")),u=n(e("../../core/EventBus.js")),l=n(e("../../core/events/Events.js")),d=n(e("../models/URIQueryAndFragmentModel.js")),f=n(e("../models/VideoModel.js")),c=n(e("../models/MediaPlayerModel.js")),g=n(e("../../core/FactoryMaker.js")),h=n(e("../vo/metrics/PlayList.js")),p=n(e("../../core/Debug.js"));a.__dashjs_factory_name="StreamController",r.default=g.default.getSingletonFactory(a),t.exports=r.default},{"../../core/Debug.js":7,"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../ManifestUpdater.js":38,"../Stream.js":42,"../models/MediaPlayerModel.js":90,"../models/URIQueryAndFragmentModel.js":92,"../models/VideoModel.js":93,"../vo/metrics/PlayList.js":168,"./PlaybackController.js":57}],61:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e){c=e}function r(e){e.sender.getStreamProcessor()===p&&u.trigger(o.default.TIMED_TEXT_REQUESTED,{index:0,sender:e.sender})}function n(e){e.fragmentModel===p.getFragmentModel()&&e.chunk.bytes&&l.append(g,e.chunk)}var a,s=this.context,u=(0,i.default)(s).getInstance(),l=e.sourceBufferController,d=e.errHandler,f=void 0,c=void 0,g=void 0,h=void 0,p=void 0;return a={initialize:function(e,r,n){h=e,t(r),(p=n).getRepresentationController()},createBuffer:function(e){try{g=l.createSourceBuffer(c,e),f||(g.hasOwnProperty("initialize")&&g.initialize(h,this),f=!0)}catch(e){d.mediaSourceError("Error creating "+h+" source buffer.")}return g},getBuffer:function(){return g},setBuffer:function(e){g=e},getStreamProcessor:function(){return p},setMediaSource:t,reset:function(e){u.off(o.default.DATA_UPDATE_COMPLETED,r,this),u.off(o.default.INIT_FRAGMENT_LOADED,n,this),e||(l.abort(c,g),l.removeSourceBuffer(c,g))}},function(){f=!1,c=null,g=null,h=null,p=null,u.on(o.default.DATA_UPDATE_COMPLETED,r,this),u.on(o.default.INIT_FRAGMENT_LOADED,n,this)}(),a}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/EventBus.js")),o=n(e("../../core/events/Events.js")),s=n(e("../../core/FactoryMaker.js"));a.__dashjs_factory_name="TextController",r.default=s.default.getClassFactory(a),t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11}],62:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e){T=e}function t(e){E=e}function r(e){var t=Date.parse(e);return isNaN(t)&&(t=function(e){var t,r,n=/^([0-9]{4})-([0-9]{2})-([0-9]{2})T([0-9]{2}):([0-9]{2})(?::([0-9]*)(\.[0-9]*)?)?(?:([+\-])([0-9]{2})([0-9]{2}))?/.exec(e);return t=Date.UTC(parseInt(n[1],10),parseInt(n[2],10)-1,parseInt(n[3],10),parseInt(n[4],10),parseInt(n[5],10),n[6]&&(parseInt(n[6],10)||0),n[7]&&1e3*parseFloat(n[7])||0),n[9]&&n[10]&&(r=60*parseInt(n[9],10)+parseInt(n[10],10),t+=("+"===n[8]?-1:1)*r*60*1e3),new Date(t).getTime()}(e)),t}function n(e){return Date.parse(e)}function a(e){return Date.parse(e)}function u(e,t,r){r()}function c(e,t,n){var a=r(e);return isNaN(a)?void n():void t(a)}function g(e,t,r,n,a){var i,o,s=!1,u=new XMLHttpRequest,l=a?"HEAD":"GET",d=t.match(/\S+/g);t=d.shift(),i=function(){s||(s=!0,d.length?g(e,d.join(" "),r,n,a):n())},o=function(){var t,n;200===u.status&&(t=a?u.getResponseHeader("Date"):u.response,n=e(t),isNaN(n)||(r(n),s=!0))},u.open(l,t),u.timeout=f||0,u.onload=o,u.onloadend=i,u.send()}function h(e,t,r){g(a,e,t,r,!0)}function p(t,r,n){e(!1),_.trigger(s.default.TIME_SYNCHRONIZATION_COMPLETED,{time:r,offset:n,error:t?new i.default(d):null})}function m(r,n){var a=n||0,i=r[a],o=function(e,r){var n=!e||!r;n&&M?function(){var e=R.getReadOnlyMetricsFor("stream"),r=I.getLatestMPDRequestHeaderValueByID(e,"Date"),n=null!==r?new Date(r).getTime():Number.NaN;isNaN(n)?p(!0):(t(n-(new Date).getTime()),p(!1,n/1e3,E))}():p(n,e,r)};e(!0),i?S.hasOwnProperty(i.schemeIdUri)?S[i.schemeIdUri](i.value,(function(e){var r=(new Date).getTime(),n=e-r;t(n),y("Local time: "+new Date(r)),y("Server time: "+new Date(e)),y("Difference (ms): "+n),o(e,n)}),(function(){m(r,a+1)})):m(r,a+1):(t(0),o())}var v=this.context,y=(0,l.default)(v).getInstance().log,_=(0,o.default)(v).getInstance(),E=void 0,T=void 0,M=void 0,S=void 0,R=void 0,I=void 0;return{initialize:function(e,t){M=t,E=0,T=!1,S={"urn:mpeg:dash:utc:http-head:2014":h,"urn:mpeg:dash:utc:http-xsdate:2014":g.bind(null,r),"urn:mpeg:dash:utc:http-iso:2014":g.bind(null,n),"urn:mpeg:dash:utc:direct:2014":c,"urn:mpeg:dash:utc:http-head:2012":h,"urn:mpeg:dash:utc:http-xsdate:2012":g.bind(null,r),"urn:mpeg:dash:utc:http-iso:2012":g.bind(null,n),"urn:mpeg:dash:utc:direct:2012":c,"urn:mpeg:dash:utc:http-ntp:2014":u,"urn:mpeg:dash:utc:ntp:2014":u,"urn:mpeg:dash:utc:sntp:2014":u},T||m(e)},getOffsetToDeviceTimeMs:function(){return E},setConfig:function(e){e&&(e.metricsModel&&(R=e.metricsModel),e.dashMetrics&&(I=e.dashMetrics))},reset:function(){e(!1)}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./../vo/Error.js")),o=n(e("./../../core/EventBus.js")),s=n(e("./../../core/events/Events.js")),u=n(e("../../core/FactoryMaker.js")),l=n(e("../../core/Debug.js")),d=1,f=5e3;a.__dashjs_factory_name="TimeSyncController";var c=u.default.getSingletonFactory(a);c.TIME_SYNC_FAILED_ERROR_CODE=d,c.HTTP_TIMEOUT_MS=f,r.default=c,t.exports=r.default},{"../../core/Debug.js":7,"../../core/FactoryMaker.js":9,"./../../core/EventBus.js":8,"./../../core/events/Events.js":11,"./../vo/Error.js":149}],63:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e,t,r){var a,i,o,s={};for(s.elements=e,s.type=t,s.resolveType=r,0===s.elements.length&&n(s),o=0;o")+1,i=t.resolvedContent.substr(0,a)+""+t.resolvedContent.substr(a)+"",t.resolvedContent=M.xml_str2json(i)),function(e){var t;for(t=0;t=0;a--){if(r=(t=e.elements[a]).type+"_asArray",t.resolvedContent){if(t.resolvedContent)for(i=0;i0&&E.run(T)}(e),e.resolveType===f&&v.trigger(s.default.XLINK_READY,{manifest:T}),e.resolveType===d)switch(e.type){case c:for(r=0;r=0;i--)(a=e[i]).hasOwnProperty("xlink:href")&&a["xlink:href"]===p&&e.splice(i,1);for(i=0;in;n+=1){var o=a.start(n),s=a.end(n);if(e>=o&&s>e)return!0}return!1}},a=(0,o.default)(n).create(),t}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../../core/FactoryMaker.js")),o=n(e("../../utils/CustomTimeRanges.js"));a.__dashjs_factory_name="RangeController",r.default=i.default.getClassFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../../utils/CustomTimeRanges.js":137}],70:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=[],r=(0,o.default)(this.context).getInstance({log:e.log});return{initialize:function(e,n){e.some((function(e){var a=r.create(e,n);return a?(t.push(a),!0):void 0}))},reset:function(){t.forEach((function(e){return e.reset()})),t=[]},report:function(e,r){t.forEach((function(t){return t.report(e,r)}))}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../../core/FactoryMaker.js")),o=n(e("../reporting/ReportingFactory.js"));a.__dashjs_factory_name="ReportingController",r.default=i.default.getClassFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../reporting/ReportingFactory.js":76}],71:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=e.log,r=/([a-zA-Z]*)(\(([0-9]*)(\,\s*([a-zA-Z]*))?\))?/,n=this.context,a={BufferLevel:o.default,DVBErrors:s.default,HttpList:u.default,PlayList:l.default,RepSwitchList:l.default,TcpList:l.default};return{create:function(i,o){var s,u=i.match(r);if(u){try{(s=a[u[1]](n).create({eventBus:e.eventBus})).initialize(u[1],o,u[3],u[5])}catch(e){s=null,t("MetricsHandlerFactory: Could not create handler for type "+u[1]+" with args "+u[3]+", "+u[5]+" ("+e.message+")")}return s}},register:function(e,t){a[e]=t},unregister:function(e){delete a[e]}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../../core/FactoryMaker.js")),o=n(e("./handlers/BufferLevelHandler.js")),s=n(e("./handlers/DVBErrorsHandler.js")),u=n(e("./handlers/HttpListHandler.js")),l=n(e("./handlers/GenericMetricHandler.js"));a.__dashjs_factory_name="MetricsHandlerFactory",r.default=i.default.getSingletonFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"./handlers/BufferLevelHandler.js":72,"./handlers/DVBErrorsHandler.js":73,"./handlers/GenericMetricHandler.js":74,"./handlers/HttpListHandler.js":75}],72:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){var e=function(){try{return Object.keys(l).map((function(e){return l[e]})).reduce((function(e,t){return e.level=200&&n.status<300)&&(r&&r()))};l.push(n);try{n.open("GET",e),n.onloadend=a,n.onerror=a,n.send()}catch(e){n.onerror()}}(a=i+"?"+a,0,(function(){n=!1}))}))},initialize:function(e,t){var o;if(u=t,!(i=e["dvb:reportingUrl"]))throw new Error("required parameter missing (dvb:reportingUrl)");a||((o=e["dvb:probability"]||e["dvb:priority"]||0)&&(1e3===o||o/1e3>=r.random())&&(n=!0),a=!0)},reset:function(){a=!1,n=!1,i=null,u=null}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../../../core/FactoryMaker.js")),o=n(e("../../utils/MetricSerialiser.js")),s=n(e("../../utils/RNG.js"));a.__dashjs_factory_name="DVBReporting",r.default=i.default.getClassFactory(a),t.exports=r.default},{"../../../../core/FactoryMaker.js":9,"../../utils/MetricSerialiser.js":81,"../../utils/RNG.js":82}],78:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e){var t=new i.default;if(p){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);t.mpdurl||(t.mpdurl=p.originalUrl||p.url),t.terror||(t.terror=new Date),h.addDVBErrors(t)}}function r(e){e.error||(p=e.manifest)}function n(e){t({errorcode:i.default.BASE_URL_CHANGED,servicelocation:e.entry})}function a(){t({errorcode:i.default.BECAME_REPORTER})}function l(e){"HttpList"===e.metric&&function(e){(0===e.responsecode||e.responsecode>=400||e.responsecode<100||e.responsecode>=600)&&t({errorcode:e.responsecode||i.default.CONNECTION_ERROR,url:e.url,terror:e.tresponse,servicelocation:e._serviceLocation})}(e.value)}function d(e){var r;switch(e.error?e.error.code:0){case MediaError.MEDIA_ERR_NETWORK:r=i.default.CONNECTION_ERROR;break;case MediaError.MEDIA_ERR_DECODE:r=i.default.CORRUPT_MEDIA_OTHER;break;default:return}t({errorcode:r})}function f(){g.on(o.default.MANIFEST_UPDATED,r,c),g.on(o.default.SERVICE_LOCATION_BLACKLIST_CHANGED,n,c),g.on(s.default.METRIC_ADDED,l,c),g.on(s.default.METRIC_UPDATED,l,c),g.on(s.default.PLAYBACK_ERROR,d,c),g.on(u.default.BECAME_REPORTING_PLAYER,a,c)}var c=void 0,g=e.eventBus,h=e.metricsModel,p=void 0;return c={initialise:f,reset:function(){g.off(o.default.MANIFEST_UPDATED,r,c),g.off(o.default.SERVICE_LOCATION_BLACKLIST_CHANGED,n,c),g.off(s.default.METRIC_ADDED,l,c),g.off(s.default.METRIC_UPDATED,l,c),g.off(s.default.PLAYBACK_ERROR,d,c),g.off(u.default.BECAME_REPORTING_PLAYER,a,c)}},f(),c}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../vo/DVBErrors.js")),o=n(e("../../../core/events/Events.js")),s=n(e("../../MediaPlayerEvents.js")),u=n(e("../MetricsReportingEvents.js")),l=n(e("../../../core/FactoryMaker.js"));a.__dashjs_factory_name="DVBErrorsTranslator",r.default=l.default.getSingletonFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../../../core/events/Events.js":11,"../../MediaPlayerEvents.js":40,"../MetricsReportingEvents.js":65,"../vo/DVBErrors.js":83}],79:[function(e,t,r){"use strict";function n(){return{reconstructFullMetricName:function(e,t,r){var n=e;return t&&(n+="("+t,r&&r.length&&(n+=","+r),n+=")"),n},validateN:function(e){if(!e)throw"missing n";if(isNaN(e))throw"n is NaN";if(0>e)throw"n must be positive";return e}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../../core/FactoryMaker.js"));n.__dashjs_factory_name="HandlerHelpers",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../../core/FactoryMaker.js":9}],80:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=e.dashManifestModel;return{getMetrics:function(e){var r=[];return e.Metrics_asArray&&e.Metrics_asArray.forEach((function(n){var a=new i.default,u=t.getIsDynamic(e);n.hasOwnProperty("metrics")&&(a.metrics=n.metrics,n.Range_asArray&&n.Range_asArray.forEach((function(r){var n=new o.default;n.starttime=function(e,r,n){var a,i,o=t.getMpd(e),s=0;return r?s=o.availabilityStartTime.getTime()/1e3:(a=this.getRegularPeriods(e,o)).length&&(s=a[0].start),i=s,n&&n.hasOwnProperty("starttime")&&(i+=n.starttime),i}(e,u,r),r.hasOwnProperty("duration")?n.duration=r.duration:n.duration=t.getDuration(e),n._useWallClockTime=u,a.Range.push(n)})),n.Reporting_asArray&&(n.Reporting_asArray.forEach((function(e){var t=new s.default;if(e.hasOwnProperty("schemeIdUri")){for(var r in t.schemeIdUri=e.schemeIdUri,e)e.hasOwnProperty(r)&&(t[r]=e[r]);a.Reporting.push(t)}})),r.push(a)))})),r}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../vo/Metrics.js")),o=n(e("../vo/Range.js")),s=n(e("../vo/Reporting.js")),u=n(e("../../../core/FactoryMaker.js"));a.__dashjs_factory_name="ManifestParsing",r.default=u.default.getSingletonFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../vo/Metrics.js":84,"../vo/Range.js":85,"../vo/Reporting.js":86}],81:[function(e,t,r){"use strict";function n(){return{serialise:function e(t){var r,n,a=[],i=[];for(r in t)if(t.hasOwnProperty(r)&&0!==r.indexOf("_")){if(null==(n=t[r])&&(n=""),Array.isArray(n)){if(!n.length)continue;i=[],n.forEach((function(t){var r="Object"!==Object.prototype.toString.call(t).slice(8,-1);i.push(r?t:e(t))})),n=encodeURIComponent(i.join(","))}else"string"==typeof n?n=encodeURIComponent(n):n instanceof Date?n=n.toISOString():"number"==typeof n&&(n=Math.round(n));a.push(r+"="+n)}return a.join("&")}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../../core/FactoryMaker.js"));n.__dashjs_factory_name="MetricSerialiser",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../../core/FactoryMaker.js":9}],82:[function(e,t,r){"use strict";function n(){function e(){r&&(o||(o=new n(i)),r.getRandomValues(o),s=0)}var t,r=window.crypto||window.msCrypto,n=Uint32Array,a=Math.pow(2,8*n.BYTES_PER_ELEMENT)-1,i=10,o=void 0,s=void 0;return t={random:function(t,n){var i;return t||(t=0),n||(n=1),r?(s===o.length&&e(),i=o[s]/a,s+=1):i=Math.random(),i*(n-t)+t}},e(),t}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../../core/FactoryMaker.js"));n.__dashjs_factory_name="RNG",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../../core/FactoryMaker.js":9}],83:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.mpdurl=null,this.errorcode=null,this.terror=null,this.url=null,this.ipaddress=null,this.servicelocation=null};n.SSL_CONNECTION_FAILED_PREFIX="SSL",n.DNS_RESOLUTION_FAILED="C00",n.HOST_UNREACHABLE="C01",n.CONNECTION_REFUSED="C02",n.CONNECTION_ERROR="C03",n.CORRUPT_MEDIA_ISOBMFF="M00",n.CORRUPT_MEDIA_OTHER="M01",n.BASE_URL_CHANGED="F00",n.BECAME_REPORTER="S00",r.default=n,t.exports=r.default},{}],84:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.metrics="",this.Range=[],this.Reporting=[]},t.exports=r.default},{}],85:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.starttime=0,this.duration=1/0,this._useWallClockTime=!1},t.exports=r.default},{}],86:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.schemeIdUri="",this.value=""},t.exports=r.default},{}],87:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e,t,r){var n=s.getBaseURLsFromElement(r);e[t]?d.areSimpleEquivalent(n,e[t].data.baseUrls)||(e[t].data.baseUrls=n,e[t].data.selectedIdx=u):e[t]=new l(n)}function t(e,r){var a=r||n;e(a.data),a.children&&a.children.forEach((function(r){return t(e,r)}))}var r,n=void 0,a=this.context,s=(0,i.default)(a).getInstance(),d=(0,o.default)(a).getInstance();return r={reset:function(){n=new l},update:function(t){!function(t){var r=s.getBaseURLsFromElement(t);d.areSimpleEquivalent(r,n.data.baseUrls)||(n.data.baseUrls=r,n.data.selectedIdx=u),t.Period_asArray&&t.Period_asArray.forEach((function(t,r){e(n.children,r,t),t.AdaptationSet_asArray&&t.AdaptationSet_asArray.forEach((function(t,a){e(n.children[r].children,a,t),t.Representation_asArray&&t.Representation_asArray.sort(s.getRepresentationSortFunction()).forEach((function(t,i){e(n.children[r].children[a].children,i,t)}))}))}))}(t)},getForPath:function(e){var t=n,r=[t.data];return e.forEach((function(e){(t=t.children[e])&&r.push(t.data)})),r.filter((function(e){return e.baseUrls.length}))},invalidateSelectedIndexes:function(e){t((function(t){isNaN(t.selectedIdx)||e===t.baseUrls[t.selectedIdx].serviceLocation&&(t.selectedIdx=u)}))}},n=new l,r}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../dash/models/DashManifestModel.js")),o=n(e("../utils/ObjectUtils.js")),s=n(e("../../core/FactoryMaker.js")),u=NaN,l=function e(t,r){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.data={baseUrls:t||null,selectedIdx:r||u},this.children=[]};a.__dashjs_factory_name="BaseURLTreeModel",r.default=s.default.getClassFactory(a),t.exports=r.default},{"../../core/FactoryMaker.js":9,"../../dash/models/DashManifestModel.js":19,"../utils/ObjectUtils.js":142}],88:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e,t){var r=e.indexOf(t);-1!==r&&e.splice(r,1)}function r(e,t,r){var n,a=NaN,i=NaN,o=null;for(n=e.length-1;n>=0;n--)if(i=(a=(o=e[n]).startTime)+o.duration,r=r||o.duration/2,!isNaN(a)&&!isNaN(i)&&t+r>=a&&i>t-r||isNaN(a)&&isNaN(t))return o;return null}function n(e,t){return t?t.hasOwnProperty("time")?[r(e,t.time,t.threshold)]:e.filter((function(e){for(var r in t)if("state"!==r&&t.hasOwnProperty(r)&&e[r]!=t[r])return!1;return!0})):e}function a(e){var t;switch(e){case d:t=T;break;case f:t=E;break;default:t=[]}return t}function s(e,t){if(e){var r=e.mediaType,n=new Date,a=e.type,i=e.startTime,o=e.availabilityStartTime,s=e.duration,u=e.quality,l=e.range;v.addSchedulingInfo(r,n,a,i,o,s,u,l,t),v.addRequestsQueue(r,T,E)}}function g(e){if(e.sender===M){var t=e.request,r=e.response,n=e.error;T.splice(T.indexOf(t),1),r&&!n&&E.push(t),s(t,n?c:f),m.trigger(o.default.FRAGMENT_LOADING_COMPLETED,{request:t,response:r,error:n,sender:this})}}var h=this.context,p=(0,l.default)(h).getInstance().log,m=(0,i.default)(h).getInstance(),v=e.metricsModel,y=void 0,_=void 0,E=void 0,T=void 0,M=void 0;return y={setLoader:function(e){M=e},setScheduleController:function(e){_=e},getScheduleController:function(){return _},getRequests:function(e){var t,r=[],i=[],o=1;if(!e||!e.state)return r;e.state instanceof Array?(o=e.state.length,t=e.state):t=[e.state];for(var s=0;o>s;s++)r=a(t[s]),i=i.concat(n(r,e));return i},isFragmentLoaded:function(e){var t=function(e,t){return e.action===u.default.ACTION_COMPLETE&&e.action===t.action},r=function(e,t){return!isNaN(e.index)&&e.index===t.index&&e.startTime===t.startTime&&e.adaptationIndex===t.adaptationIndex},n=function(e,t){return isNaN(e.index)&&isNaN(t.index)&&e.quality===t.quality},a=function(a){var i,o,s=!1,u=a.length;for(o=0;u>o;o++)if(i=a[o],r(e,i)||n(e,i)||t(e,i)){s=!0;break}return s};return a(T)||a(E)},removeExecutedRequestsBeforeTime:function(e){var r,n=NaN,a=null;for(r=E.length-1;r>=0;r--)n=(a=E[r]).startTime,!isNaN(n)&&e>n&&t(E,a)},abortRequests:function(){var e=[];for(M.abort();T.length>0;)e.push(T[0]),t(T,T[0]);return T=[],e},executeRequest:function(e){if(e)switch(e.action){case u.default.ACTION_COMPLETE:E.push(e),s(e,f),m.trigger(o.default.STREAM_COMPLETED,{request:e,fragmentModel:this});break;case u.default.ACTION_DOWNLOAD:s(e,d),T.push(e),function(e){m.trigger(o.default.FRAGMENT_LOADING_STARTED,{sender:y,request:e}),M.load(e)}(e);break;default:p("Unknown request action.")}},reset:function(){m.off(o.default.LOADING_COMPLETED,g,this),M&&(M.reset(),M=null),h=null,E=[],T=[]}},_=null,M=null,E=[],T=[],m.on(o.default.LOADING_COMPLETED,g,y),y}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/EventBus.js")),o=n(e("../../core/events/Events.js")),s=n(e("../../core/FactoryMaker.js")),u=n(e("../vo/FragmentRequest.js")),l=n(e("../../core/Debug.js")),d="loading",f="executed",c="failed";a.__dashjs_factory_name="FragmentModel";var g=s.default.getClassFactory(a);g.FRAGMENT_MODEL_LOADING=d,g.FRAGMENT_MODEL_EXECUTED=f,g.FRAGMENT_MODEL_CANCELED="canceled",g.FRAGMENT_MODEL_FAILED=c,r.default=g,t.exports=r.default},{"../../core/Debug.js":7,"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../vo/FragmentRequest.js":150}],89:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e=this.context,t=(0,i.default)(e).getInstance(),r=void 0;return{getValue:function(){return r},setValue:function(e){r=e,t.trigger(o.default.MANIFEST_LOADED,{data:e})}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/EventBus.js")),o=n(e("../../core/events/Events.js")),s=n(e("../../core/FactoryMaker.js"));a.__dashjs_factory_name="ManifestModel",r.default=s.default.getSingletonFactory(a),t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11}],90:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(){var e,t=void 0,r=void 0,n=void 0,i=void 0,o=void 0,A=void 0,j=void 0,D=void 0,b=void 0,O=void 0,P=void 0,w=void 0,N=void 0,x=void 0,L=void 0,F=void 0,B=void 0,k=void 0,U=void 0,K=void 0,H=void 0;return e={setBufferOccupancyABREnabled:function(e){H=e},getBufferOccupancyABREnabled:function(){return H},setBandwidthSafetyFactor:function(e){F=e},getBandwidthSafetyFactor:function(){return F},setAbandonLoadTimeout:function(e){B=e},getAbandonLoadTimeout:function(){return B},setLastBitrateCachingInfo:function(e,t){b.enabled=e,void 0===t||isNaN(t)||"number"!=typeof t||(b.ttl=t)},getLastBitrateCachingInfo:function(){return b},setLastMediaSettingsCachingInfo:function(e,t){O.enabled=e,void 0===t||isNaN(t)||"number"!=typeof t||(O.ttl=t)},getLastMediaSettingsCachingInfo:function(){return O},setStableBufferTime:function(e){P=e},getStableBufferTime:function(){return P},setBufferTimeAtTopQuality:function(e){w=e},getBufferTimeAtTopQuality:function(){return w},setBufferTimeAtTopQualityLongForm:function(e){N=e},getBufferTimeAtTopQualityLongForm:function(){return N},setLongFormContentDurationThreshold:function(e){x=e},getLongFormContentDurationThreshold:function(){return x},setRichBufferThreshold:function(e){L=e},getRichBufferThreshold:function(){return L},setBufferToKeep:function(e){j=e},getBufferToKeep:function(){return j},setBufferPruningInterval:function(e){D=e},getBufferPruningInterval:function(){return D},setFragmentRetryAttempts:function(e){k[s.default.MEDIA_SEGMENT_TYPE]=e},getFragmentRetryAttempts:function(){return k[s.default.MEDIA_SEGMENT_TYPE]},setRetryAttemptsForType:function(e,t){k[e]=t},getRetryAttemptsForType:function(e){return k[e]},setFragmentRetryInterval:function(e){U[s.default.MEDIA_SEGMENT_TYPE]=e},getFragmentRetryInterval:function(){return U[s.default.MEDIA_SEGMENT_TYPE]},setRetryIntervalForType:function(e,t){U[e]=t},getRetryIntervalForType:function(e){return U[e]},setWallclockTimeUpdateInterval:function(e){K=e},getWallclockTimeUpdateInterval:function(){return K},setScheduleWhilePaused:function(e){A=e},getScheduleWhilePaused:function(){return A},getUseSuggestedPresentationDelay:function(){return r},setUseSuggestedPresentationDelay:function(e){r=e},setLiveDelayFragmentCount:function(e){i=e},getLiveDelayFragmentCount:function(){return i},getLiveDelay:function(){return o},setLiveDelay:function(e){o=e},setUseManifestDateHeaderTimeSource:function(e){t=e},getUseManifestDateHeaderTimeSource:function(){return t},setUTCTimingSources:function(e){n=e},getUTCTimingSources:function(){return n},reset:function(){}},function(){var e,q;n=[],r=!1,t=!0,A=!0,H=!1,b={enabled:!0,ttl:l},O={enabled:!0,ttl:d},i=u,o=void 0,j=g,D=h,P=p,w=m,N=v,x=y,L=_,F=f,B=c,K=C,a(e={},s.default.MPD_TYPE,M),a(e,s.default.XLINK_EXPANSION_TYPE,R),a(e,s.default.MEDIA_SEGMENT_TYPE,E),a(e,s.default.INIT_SEGMENT_TYPE,E),a(e,s.default.BITSTREAM_SWITCHING_SEGMENT_TYPE,E),a(e,s.default.INDEX_SEGMENT_TYPE,E),a(e,s.default.OTHER_TYPE,E),k=e,a(q={},s.default.MPD_TYPE,S),a(q,s.default.XLINK_EXPANSION_TYPE,I),a(q,s.default.MEDIA_SEGMENT_TYPE,T),a(q,s.default.INIT_SEGMENT_TYPE,T),a(q,s.default.BITSTREAM_SWITCHING_SEGMENT_TYPE,T),a(q,s.default.INDEX_SEGMENT_TYPE,T),a(q,s.default.OTHER_TYPE,T),U=q}(),e}Object.defineProperty(r,"__esModule",{value:!0});var o=n(e("../../core/FactoryMaker.js")),s=n(e("../vo/metrics/HTTPRequest.js")),u=4,l=36e4,d=36e4,f=.9,c=1e4,g=30,h=30,p=12,m=30,v=60,y=600,_=20,E=3,T=1e3,M=3,S=500,R=1,I=500,C=50;i.__dashjs_factory_name="MediaPlayerModel";var A=o.default.getSingletonFactory(i);A.DEFAULT_UTC_TIMING_SOURCE={scheme:"urn:mpeg:dash:utc:http-xsdate:2014",value:"http://time.akamai.com/?iso"},r.default=A,t.exports=r.default},{"../../core/FactoryMaker.js":9,"../vo/metrics/HTTPRequest.js":166}],91:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){T.trigger(v.default.METRICS_CHANGED)}function t(t){T.trigger(v.default.METRIC_CHANGED,{mediaType:t}),e()}function r(e,r,n){T.trigger(v.default.METRIC_UPDATED,{mediaType:e,metric:r,value:n}),t(e)}function n(e,r,n){T.trigger(v.default.METRIC_ADDED,{mediaType:e,metric:r,value:n}),t(e)}function a(e){var t;return S.hasOwnProperty(e)?t=S[e]:(t=new i.default,S[e]=t),t}var y,E=this.context,T=(0,p.default)(E).getInstance(),M=void 0,S=void 0;return y={metricsChanged:e,metricChanged:t,metricUpdated:r,metricAdded:n,clearCurrentMetricsForType:function(e){delete S[e],t(e)},clearAllCurrentMetrics:function(){S={},e()},getReadOnlyMetricsFor:function(e){return S.hasOwnProperty(e)?S[e]:null},getMetricsFor:a,addTcpConnection:function(e,t,r,i,s,u){var l=new o.default;return l.tcpid=t,l.dest=r,l.topen=i,l.tclose=s,l.tconnect=u,a(e).TcpList.push(l),n(e,M.metricsList.TCP_CONNECTION,l),l},addHttpRequest:function e(t,r,i,o,u,l,d,f,c,g,h,p,m,v){var y=new s.default;return u&&u!==o&&(e(t,null,i,o,null,null,d,f,null,null,null,p,null,null),y.actualurl=u),y.tcpid=r,y.type=i,y.url=o,y.range=d,y.trequest=f,y.tresponse=c,y.responsecode=h,y._tfinish=g,y._stream=t,y._mediaduration=p,y._responseHeaders=m,y._serviceLocation=l,v?v.forEach((function(e){!function(e,t,r,n){var a=new s.default.Trace;a.s=t,a.d=r,a.b=n,e.trace.push(a),e.interval||(e.interval=0),e.interval+=r}(y,e.s,e.d,e.b)})):(delete y.interval,delete y.trace),a(t).HttpList.push(y),n(t,M.metricsList.HTTP_REQUEST,y),y},addRepresentationSwitch:function(e,t,r,i,o){var s=new u.default;return s.t=t,s.mt=r,s.to=i,o?s.lto=o:delete s.lto,a(e).RepSwitchList.push(s),n(e,M.metricsList.TRACK_SWITCH,s),s},addBufferLevel:function(e,t,r){var i=new l.default;return i.t=t,i.level=r,a(e).BufferLevel.push(i),n(e,M.metricsList.BUFFER_LEVEL,i),i},addBufferState:function(e,t,r){var i=new d.default;return i.target=r,i.state=t,a(e).BufferState.push(i),n(e,M.metricsList.BUFFER_STATE,i),i},addDVRInfo:function(e,t,r,i){var o=new f.default;return o.time=t,o.range=i,o.manifestInfo=r,a(e).DVRInfo.push(o),n(e,M.metricsList.DVR_INFO,o),o},addDroppedFrames:function(e,t){var r=new c.default,i=a(e).DroppedFrames;return r.time=t.creationTime,r.droppedFrames=t.droppedVideoFrames,i.length>0&&i[i.length-1]==r?i[i.length-1]:(i.push(r),n(e,M.metricsList.DROPPED_FRAMES,r),r)},addSchedulingInfo:function(e,t,r,i,o,s,u,l,d){var f=new h.default;return f.mediaType=e,f.t=t,f.type=r,f.startTime=i,f.availabilityStartTime=o,f.duration=s,f.quality=u,f.range=l,f.state=d,a(e).SchedulingInfo.push(f),n(e,M.metricsList.SCHEDULING_INFO,f),f},addRequestsQueue:function(e,t,r){var i=new m.default;i.loadingRequests=t,i.executedRequests=r,a(e).RequestsQueue=i,n(e,M.metricsList.REQUESTS_QUEUE,i)},addManifestUpdate:function(e,t,r,i,o,s,u,l,d,f){var c=new g.default,h=a("stream");return c.mediaType=e,c.type=t,c.requestTime=r,c.fetchTime=i,c.availabilityStartTime=o,c.presentationStartTime=s,c.clientTimeOffset=u,c.currentTime=l,c.buffered=d,c.latency=f,h.ManifestUpdate.push(c),n(e,M.metricsList.MANIFEST_UPDATE,c),c},updateManifestUpdateInfo:function(e,t){if(e){for(var n in t)e[n]=t[n];r(e.mediaType,M.metricsList.MANIFEST_UPDATE,e)}},addManifestUpdateStreamInfo:function(e,t,n,a,i){if(e){var o=new g.default.StreamInfo;return o.id=t,o.index=n,o.start=a,o.duration=i,e.streamInfo.push(o),r(e.mediaType,M.metricsList.MANIFEST_UPDATE_STREAM_INFO,e),o}return null},addManifestUpdateRepresentationInfo:function(e,t,n,a,i,o,s,u){if(e){var l=new g.default.TrackInfo;return l.id=t,l.index=n,l.streamIndex=a,l.mediaType=i,l.startNumber=s,l.fragmentInfoType=u,l.presentationTimeOffset=o,e.trackInfo.push(l),r(e.mediaType,M.metricsList.MANIFEST_UPDATE_TRACK_INFO,e),l}return null},addPlayList:function(e){var t="stream";return e.trace&&Array.isArray(e.trace)?e.trace.forEach((function(e){e.hasOwnProperty("subreplevel")&&!e.subreplevel&&delete e.subreplevel})):delete e.trace,a(t).PlayList.push(e),n(t,M.metricsList.PLAY_LIST,e),e},addDVBErrors:function(e){var t="stream";return a(t).DVBErrors.push(e),n(t,M.metricsList.DVB_ERRORS,e),e},updateBolaState:function(e,t){var r=new _.default;return r._s=t,a(e).BolaState=[r],n(e,"BolaState",r),r},setConfig:function(e){e&&e.adapter&&(M=e.adapter)}},S={},y}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../vo/MetricsList.js")),o=n(e("../vo/metrics/TCPConnection.js")),s=n(e("../vo/metrics/HTTPRequest.js")),u=n(e("../vo/metrics/RepresentationSwitch.js")),l=n(e("../vo/metrics/BufferLevel.js")),d=n(e("../vo/metrics/BufferState.js")),f=n(e("../vo/metrics/DVRInfo.js")),c=n(e("../vo/metrics/DroppedFrames.js")),g=n(e("../vo/metrics/ManifestUpdate.js")),h=n(e("../vo/metrics/SchedulingInfo.js")),p=n(e("../../core/EventBus.js")),m=n(e("../vo/metrics/RequestsQueue.js")),v=n(e("../../core/events/Events.js")),y=n(e("../../core/FactoryMaker.js")),_=n(e("../vo/metrics/BolaState.js"));a.__dashjs_factory_name="MetricsModel",r.default=y.default.getSingletonFactory(a),t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../vo/MetricsList.js":155,"../vo/metrics/BolaState.js":161,"../vo/metrics/BufferLevel.js":162,"../vo/metrics/BufferState.js":163,"../vo/metrics/DVRInfo.js":164,"../vo/metrics/DroppedFrames.js":165,"../vo/metrics/HTTPRequest.js":166,"../vo/metrics/ManifestUpdate.js":167,"../vo/metrics/RepresentationSwitch.js":169,"../vo/metrics/RequestsQueue.js":170,"../vo/metrics/SchedulingInfo.js":171,"../vo/metrics/TCPConnection.js":172}],92:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e=void 0,t=void 0,r=void 0;return{initialize:function(){e=new i.default,t=[],r=!1},parseURI:function(n){function a(e,t,r,n){var a=n[0].split(/[=]/);return n.push({key:a[0],value:a[1]}),n.shift(),n}if(!n)return null;var i=[],o=new RegExp(/[?]/),s=new RegExp(/[#]/),u=new RegExp(/^(https:)?\/\//i),l=o.test(n),d=s.test(n);return r=u.test(n),n.split(/[?#]/).map((function(e,r,n){return r>0&&(l&&0===t.length?t=n[r].split(/[&]/):d&&(i=n[r].split(/[&]/))),n})),t.length>0&&(t=t.reduce(a,null)),i.length>0&&(i=i.reduce(a,null)).forEach((function(t){e[t.key]=t.value})),n},getURIFragmentData:function(){return e},getURIQueryData:function(){return t},isManifestHTTPS:function(){return r}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../vo/URIFragmentData.js")),o=n(e("../../core/FactoryMaker.js"));a.__dashjs_factory_name="URIQueryAndFragmentModel",r.default=o.default.getSingletonFactory(a),t.exports=r.default},{"../../core/FactoryMaker.js":9,"../vo/URIFragmentData.js":160}],93:[function(e,t,r){"use strict";function n(){function e(e){!n||n.readyState<2||(n.playbackRate=e)}function t(t){var r=void 0;null===t||n.seeking||-1!==o.indexOf(t)||(o.push(t),1===o.length&&((r=document.createEvent("Event")).initEvent("waiting",!0,!1),s=n.playbackRate,e(0),n.dispatchEvent(r)))}function r(t){var r=o.indexOf(t),a=void 0;null!==t&&(-1!==r&&o.splice(r,1),o.length>0==0&&0===n.playbackRate&&((a=document.createEvent("Event")).initEvent("playing",!0,!1),e(s||1),n.dispatchEvent(a)))}var n=void 0,a=void 0,i=void 0,o=void 0,s=void 0;return{initialize:function(){o=[]},setCurrentTime:function(e){if(n.currentTime!=e)try{n.currentTime=e}catch(t){0===n.readyState&&t.code===t.INVALID_STATE_ERR&&setTimeout((function(){n.currentTime=e}),400)}},setStallState:function(e,n){!function(e,n){n?t(e):r(e)}(e,n)},getElement:function(){return n},setElement:function(e){(n=e).preload="auto"},setSource:function(e){e?n.src=e:(n.removeAttribute("src"),n.load())},getSource:function(){return n.src},getVideoContainer:function(){return i},setVideoContainer:function(e){i=e},getTTMLRenderingDiv:function(){return a},setTTMLRenderingDiv:function(e){(a=e).style.position="absolute",a.style.display="flex",a.style.overflow="hidden",a.style.pointerEvents="none",a.style.top=0,a.style.left=0},getPlaybackQuality:function(){var e="webkitDroppedFrameCount"in n,t=null;return"getVideoPlaybackQuality"in n?t=n.getVideoPlaybackQuality():e&&(t={droppedVideoFrames:n.webkitDroppedFrameCount,creationTime:new Date}),t}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js"));n.__dashjs_factory_name="VideoModel",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../core/FactoryMaker.js":9}],94:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(){function e(e,t){for(var r=0;r0&&(t+=4+16*r.getUint32(t)),t+=4,e.slice(t)}},{key:"getPSSHForKeySystem",value:function(t,r){var n=e.parsePSSHList(r);return n.hasOwnProperty(t.uuid.toLowerCase())?n[t.uuid.toLowerCase()]:null}},{key:"parseInitDataFromContentProtection",value:function(e){return"pssh"in e?a.default.decodeArray(e.pssh.__text).buffer:null}},{key:"parsePSSHList",value:function(e){if(null===e)return[];for(var t=new DataView(e),r={},n=0;;){var a,i,o,s=n;if(n>=t.buffer.byteLength)break;if(a=n+t.getUint32(n),n+=4,1886614376===t.getUint32(n))if(n+=4,0===(i=t.getUint8(n))||1===i){var u,l;for(n++,n+=3,o="",u=0;4>u;u++)o+=1===(l=t.getUint8(n+u).toString(16)).length?"0"+l:l;for(n+=4,o+="-",u=0;2>u;u++)o+=1===(l=t.getUint8(n+u).toString(16)).length?"0"+l:l;for(n+=2,o+="-",u=0;2>u;u++)o+=1===(l=t.getUint8(n+u).toString(16)).length?"0"+l:l;for(n+=2,o+="-",u=0;2>u;u++)o+=1===(l=t.getUint8(n+u).toString(16)).length?"0"+l:l;for(n+=2,o+="-",u=0;6>u;u++)o+=1===(l=t.getUint8(n+u).toString(16)).length?"0"+l:l;n+=6,o=o.toLowerCase(),t.getUint32(n),n+=4,r[o]=t.buffer.slice(s,a),n=a}else n=a;else n=a}return r}}]),e}();r.default=i,t.exports=r.default},{"../../../externals/base64.js":1}],95:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e){var n=e.log,a=e.eventBus,i=e.videoModel.getElement();return void 0!==i.onencrypted&&void 0!==i.mediaKeys&&void 0!==navigator.requestMediaKeySystemAccess&&"function"==typeof navigator.requestMediaKeySystemAccess?(n("EME detected on this user agent! (ProtectionModel_21Jan2015)"),(0,u.default)(r).create({log:n,eventBus:a})):t(i,g)?(n("EME detected on this user agent! (ProtectionModel_3Feb2014)"),(0,l.default)(r).create({log:n,eventBus:a,api:t(i,g)})):t(i,c)?(n("EME detected on this user agent! (ProtectionModel_01b)"),(0,d.default)(r).create({log:n,eventBus:a,api:t(i,c)})):(n("No supported version of EME detected on this user agent! - Attempts to play encrypted content will fail!"),null)}function t(e,t){for(var r=0;r0&&n(o,!0),M=!0}},createKeySession:t,loadKeySession:function(e){h.loadKeySession(e)},removeKeySession:function(e){h.removeKeySession(e)},closeKeySession:function(e){h.closeKeySession(e)},setServerCertificate:function(e){h.setServerCertificate(e)},setMediaElement:r,setSessionType:function(e){S=e},setProtectionData:function(e){T=e},reset:function(){r(null),R=void 0,h&&(h.reset(),h=null)}},g.getKeySystems(),y=[],M=!1,S="temporary",o.default.extend(d.default.events),c}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../CommonEncryption.js")),o=n(e("../../../core/events/Events.js")),s=n(e("../vo/MediaCapability.js")),u=n(e("../vo/KeySystemConfiguration.js")),l=n(e("../../../core/FactoryMaker.js")),d=n(e("../Protection.js"));a.__dashjs_factory_name="ProtectionController",r.default=l.default.getClassFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../../../core/events/Events.js":11,"../CommonEncryption.js":94,"../Protection.js":95,"../vo/KeySystemConfiguration.js":114,"../vo/MediaCapability.js":115}],98:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e=this.context,t=void 0,r=void 0,n=void 0;return{initialize:function(){var t;r=[],t=(0,u.default)(e).getInstance(),r.push(t),t=(0,s.default)(e).getInstance(),r.push(t),t=(0,o.default)(e).getInstance(),r.push(t),n=t},isClearKey:function(e){return e===n},initDataEquals:function(e,t){if(e.byteLength===t.byteLength){for(var r=new Uint8Array(e),n=new Uint8Array(t),a=0;ai;i++){var o=t.getUint16(n,!0);n+=2;var s=t.getUint16(n,!0);if(n+=2,1===o){var u=e.slice(n,n+s),l=String.fromCharCode.apply(null,new Uint16Array(u)),d=a.parseFromString(l,"application/xml");if(d.getElementsByTagName("LA_URL")[0]){var f=d.getElementsByTagName("LA_URL")[0].childNodes[0].nodeValue;if(f)return f}if(d.getElementsByTagName("LUI_URL")[0]){var c=d.getElementsByTagName("LUI_URL")[0].childNodes[0].nodeValue;if(c)return c}}else n+=s}return null},setPlayReadyMessageFormat:function(t){if("utf8"!==t&&"utf16"!==t)throw new o.default("Illegal PlayReady message format! -- "+t);e=t}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../CommonEncryption.js")),o=n(e("../../vo/Error.js")),s=n(e("../../../core/FactoryMaker.js")),u=n(e("../../../../externals/base64.js")),l="9a04f079-9840-4286-ab92-e65be0885f95",d="com.microsoft.playready",f="urn:uuid:"+l;a.__dashjs_factory_name="KeySystemPlayReady",r.default=s.default.getSingletonFactory(a),t.exports=r.default},{"../../../../externals/base64.js":1,"../../../core/FactoryMaker.js":9,"../../vo/Error.js":149,"../CommonEncryption.js":94}],101:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){return{uuid:s,schemeIdURI:l,systemString:u,getInitData:function(e){return i.default.parseInitDataFromContentProtection(e)},getRequestHeadersFromMessage:function(){return null},getLicenseRequestFromMessage:function(e){return new Uint8Array(e)},getLicenseServerURLFromInitData:function(){return null}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../CommonEncryption.js")),o=n(e("../../../core/FactoryMaker.js")),s="edef8ba9-79d6-4ace-a3c8-27dcd51d21ed",u="com.widevine.alpha",l="urn:uuid:"+s;a.__dashjs_factory_name="KeySystemWidevine",r.default=o.default.getSingletonFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../CommonEncryption.js":94}],102:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e){v[m.cancelKeyRequest](y.systemString,e.sessionID)}function r(e,t){if(t&&e){for(var r=e.length,n=0;r>n;n++)if(e[n].sessionID==t)return e[n];return null}return null}function n(){v.removeEventListener(m.keyerror,R),v.removeEventListener(m.needkey,R),v.removeEventListener(m.keymessage,R),v.removeEventListener(m.keyadded,R)}var a,g=this.context,h=e.eventBus,p=e.log,m=e.api,v=void 0,y=void 0,_=void 0,E=void 0,T=void 0,M=void 0,S=void 0,R=void 0;return a={getAllInitData:function(){for(var e=[],t=0;t0&&(t=T.shift(),M.push(t),t.sessionID=e.sessionId):T.length>0&&(t=T.shift(),M.push(t),0!==T.length&&E.mediaKeyMessageError("Multiple key sessions were creates with a user-agent that does not support sessionIDs!! Unpredictable behavior ahead!")),t){var i=ArrayBuffer.isView(e.message)?e.message.buffer:e.message;t.keyMessage=i,h.trigger(f.default.INTERNAL_KEY_MESSAGE,{data:new u.default(t,i,e.defaultURL)})}else p("No session token found for key message")}}},a}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../controllers/ProtectionKeyController.js")),o=n(e("../vo/NeedKey.js")),s=n(e("../vo/KeyError.js")),u=n(e("../vo/KeyMessage.js")),l=n(e("../vo/KeySystemConfiguration.js")),d=n(e("../vo/KeySystemAccess.js")),f=n(e("../../../core/events/Events.js")),c=n(e("../../utils/ErrorHandler.js")),g=n(e("../../../core/FactoryMaker.js"));a.__dashjs_factory_name="ProtectionModel_01b",r.default=g.default.getClassFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../../../core/events/Events.js":11,"../../utils/ErrorHandler.js":139,"../controllers/ProtectionKeyController.js":98,"../vo/KeyError.js":110,"../vo/KeyMessage.js":111,"../vo/KeySystemAccess.js":113,"../vo/KeySystemConfiguration.js":114,"../vo/NeedKey.js":116}],103:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e,r){!function(r){var n=e[r].ks,a=e[r].configs;navigator.requestMediaKeySystemAccess(n.systemString,a).then((function(e){var t="function"==typeof e.getConfiguration?e.getConfiguration():null,r=new l.default(n,t);r.mksa=e,_.trigger(d.default.KEY_SYSTEM_ACCESS_COMPLETE,{data:r})})).catch((function(){++ri;i++)!function(t){e.session.closed.then((function(){a(t)})),r(e).catch((function(){a(t)}))}(e=p[i]);else _.trigger(d.default.TEARDOWN_COMPLETE)}},c=null,g=null,h=null,p=[],v=(0,i.default)(y).getInstance(),m={handleEvent:function(e){if("encrypted"===e.type&&e.initData){var t=ArrayBuffer.isView(e.initData)?e.initData.buffer:e.initData;_.trigger(d.default.NEED_KEY,{key:new o.default(t,e.initDataType)})}}},f}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../controllers/ProtectionKeyController.js")),o=n(e("../vo/NeedKey.js")),s=n(e("../vo/KeyError.js")),u=n(e("../vo/KeyMessage.js")),l=n(e("../vo/KeySystemAccess.js")),d=n(e("../../../core/events/Events.js")),f=n(e("../../../core/FactoryMaker.js"));a.__dashjs_factory_name="ProtectionModel_21Jan2015",r.default=f.default.getClassFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../../../core/events/Events.js":11,"../controllers/ProtectionKeyController.js":98,"../vo/KeyError.js":110,"../vo/KeyMessage.js":111,"../vo/KeySystemAccess.js":113,"../vo/NeedKey.js":116}],104:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e){var t=e.session;t.removeEventListener(h.error,e),t.removeEventListener(h.message,e),t.removeEventListener(h.ready,e),t.removeEventListener(h.close,e);for(var r=0;r<_.length;r++)if(_[r]===e){_.splice(r,1);break}t[h.release]()}function r(){var e=null,t=function(){p.removeEventListener("loadedmetadata",e),p[h.setMediaKeys](v),c.trigger(f.default.VIDEO_ELEMENT_SELECTED)};p.readyState>=1?t():(e=t.bind(this),p.addEventListener("loadedmetadata",e))}var n,a=this.context,c=e.eventBus,g=e.log,h=e.api,p=void 0,m=void 0,v=void 0,y=void 0,_=void 0,E=void 0,T=void 0;return n={getAllInitData:function(){for(var e=[],t=0;t<_.length;t++)e.push(_[t].initData);return e},requestKeySystemAccess:function(e){for(var t=!1,r=0;r0&&(t=y.ksConfiguration.videoCapabilities[0]),null===t&&null!==y.ksConfiguration.audioCapabilities&&y.ksConfiguration.audioCapabilities.length>0&&(t=y.ksConfiguration.audioCapabilities[0]),null===t)throw new Error("Can not create sessions for unknown content types.");var r=t.contentType,n=v.createSession(r,new Uint8Array(e)),a=function(e,t){return{session:e,initData:t,getSessionID:function(){return this.session.sessionId},getExpirationTime:function(){return NaN},getSessionType:function(){return"temporary"},handleEvent:function(e){switch(e.type){case h.error:c.trigger(f.default.KEY_ERROR,{data:new s.default(this,"KeyError")});break;case h.message:var t=ArrayBuffer.isView(e.message)?e.message.buffer:e.message;c.trigger(f.default.INTERNAL_KEY_MESSAGE,{data:new u.default(this,t,e.destinationURL)});break;case h.ready:g("DRM: Key added."),c.trigger(f.default.KEY_ADDED);break;case h.close:g("DRM: Session closed. SessionID = "+this.getSessionID()),c.trigger(f.default.KEY_SESSION_CLOSED,{data:this.getSessionID()})}}}}(n,e);n.addEventListener(h.error,a),n.addEventListener(h.message,a),n.addEventListener(h.ready,a),n.addEventListener(h.close,a),_.push(a),g("DRM: Session created. SessionID = "+a.getSessionID()),c.trigger(f.default.KEY_SESSION_CREATED,{data:a})},updateKeySession:function(e,t){var r=e.session;T.isClearKey(m)?r.update(new Uint8Array(t.toJWK())):r.update(new Uint8Array(t))},closeKeySession:t,setServerCertificate:function(){},loadKeySession:function(){},removeKeySession:function(){},reset:function(){try{for(var e=0;e<_.length;e++)t(_[e]);p&&p.removeEventListener(h.needkey,E),c.trigger(f.default.TEARDOWN_COMPLETE)}catch(e){c.trigger(f.default.TEARDOWN_COMPLETE,{error:"Error tearing down key sessions and MediaKeys! -- "+e.message})}}},p=null,m=null,v=null,y=null,_=[],T=(0,i.default)(a).getInstance(),E={handleEvent:function(e){if(e.type===h.needkey&&e.initData){var t=ArrayBuffer.isView(e.initData)?e.initData.buffer:e.initData;c.trigger(f.default.NEED_KEY,{key:new o.default(t,"cenc")})}}},n}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../controllers/ProtectionKeyController.js")),o=n(e("../vo/NeedKey.js")),s=n(e("../vo/KeyError.js")),u=n(e("../vo/KeyMessage.js")),l=n(e("../vo/KeySystemConfiguration.js")),d=n(e("../vo/KeySystemAccess.js")),f=n(e("../../../core/events/Events.js")),c=n(e("../../../core/FactoryMaker.js"));a.__dashjs_factory_name="ProtectionModel_3Feb2014",r.default=c.default.getClassFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../../../core/events/Events.js":11,"../controllers/ProtectionKeyController.js":98,"../vo/KeyError.js":110,"../vo/KeyMessage.js":111,"../vo/KeySystemAccess.js":113,"../vo/KeySystemConfiguration.js":114,"../vo/NeedKey.js":116}],105:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){return{getServerURLFromMessage:function(e,t){var r=JSON.parse(String.fromCharCode.apply(null,new Uint8Array(t)));e+="/?";for(var n=0;ne;e++){var n={kty:"oct",alg:"A128KW",kid:this.keyPairs[e].keyID,k:this.keyPairs[e].key};r.keys.push(n)}this.type&&(r.type=this.type);var a=JSON.stringify(r),i=a.length,o=new ArrayBuffer(i),s=new Uint8Array(o);for(e=0;i>e;e++)s[e]=a.charCodeAt(e);return o}}]),e}();r.default=a,t.exports=r.default},{}],110:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(t,r){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.sessionToken=t,this.error=r},t.exports=r.default},{}],111:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(t,r,n,a){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.sessionToken=t,this.message=r,this.defaultURL=n,this.messageType=a||"license-request"},t.exports=r.default},{}],112:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(t,r){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.keyID=t,this.key=r},t.exports=r.default},{}],113:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(t,r){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.keySystem=t,this.ksConfiguration=r},t.exports=r.default},{}],114:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(t,r,n,a,i){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.initDataTypes=["cenc"],this.audioCapabilities=t,this.videoCapabilities=r,this.distinctiveIdentifier=n,this.persistentState=a,this.sessionTypes=i},t.exports=r.default},{}],115:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(t,r){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.contentType=t,this.robustness=r},t.exports=r.default},{}],116:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(t,r){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.initData=t,this.initDataType=r},t.exports=r.default},{}],117:[function(e,t,r){"use strict";function n(e){var t=e.streamProcessor.getCurrentRepresentationInfo(),r=e.streamProcessor,n=e.currentValue;return{getStreamInfo:function(){return t.mediaInfo.streamInfo},getMediaInfo:function(){return t.mediaInfo},getTrackInfo:function(){return t},getCurrentValue:function(){return n},getManifestInfo:function(){return t.mediaInfo.streamInfo.manifestInfo},getStreamProcessor:function(){return r}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js"));n.__dashjs_factory_name="RulesContext",r.default=a.default.getClassFactory(n),t.exports=r.default},{"../../core/FactoryMaker.js":9}],118:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e,r){return(0,i.default)(t).create({streamProcessor:e,currentValue:r})}var t=this.context,r=void 0;return{initialize:function(){r={}},setConfig:function(e){e&&(e.abrRulesCollection&&(r[d]=e.abrRulesCollection),e.synchronizationRulesCollection&&(r[f]=e.synchronizationRulesCollection))},applyRules:function(t,r,n,a,i){var s,u={},l=t.length,d=l,f=e(r,a),c=function(e){var t,r;e.value!==o.default.NO_CHANGE&&(u[e.priority]=i(u[e.priority],e.value)),--l||(u[o.default.WEAK]!==o.default.NO_CHANGE&&(r=o.default.WEAK,t=u[o.default.WEAK]),u[o.default.DEFAULT]!==o.default.NO_CHANGE&&(r=o.default.DEFAULT,t=u[o.default.DEFAULT]),u[o.default.STRONG]!==o.default.NO_CHANGE&&(r=o.default.STRONG,t=u[o.default.STRONG]),r!=o.default.STRONG&&r!=o.default.WEAK&&(r=o.default.DEFAULT),n({value:void 0!==t?t:a,confidence:r}))};for(u[o.default.STRONG]=o.default.NO_CHANGE,u[o.default.WEAK]=o.default.NO_CHANGE,u[o.default.DEFAULT]=o.default.NO_CHANGE,s=0;d>s;s++)t[s].execute(f,c)},reset:function(){var e,t,n=r[d],a=r[f],i=(n.getRules(s.default.QUALITY_SWITCH_RULES)||[]).concat(n.getRules(s.default.ABANDON_FRAGMENT_RULES)||[]).concat(a.getRules(u.default.TIME_SYNCHRONIZED_RULES)||[]).concat(a.getRules(u.default.BEST_GUESS_RULES)||[]),o=i.length;for(t=0;o>t;t++)"function"==typeof(e=i[t]).reset&&e.reset();r={}}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./RulesContext.js")),o=n(e("./SwitchRequest.js")),s=n(e("./abr/ABRRulesCollection.js")),u=n(e("./synchronization/SynchronizationRulesCollection.js")),l=n(e("../../core/FactoryMaker.js")),d=0,f=1;a.__dashjs_factory_name="RulesController";var c=l.default.getSingletonFactory(a);c.ABR_RULE=d,c.SYNC_RULE=f,r.default=c,t.exports=r.default},{"../../core/FactoryMaker.js":9,"./RulesContext.js":117,"./SwitchRequest.js":119,"./abr/ABRRulesCollection.js":120,"./synchronization/SynchronizationRulesCollection.js":133}],119:[function(e,t,r){"use strict";function n(e,t){return{value:void 0===e?i:e,priority:void 0===t?o:t}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js")),i=999,o=.5;n.__dashjs_factory_name="SwitchRequest";var s=a.default.getClassFactory(n);s.NO_CHANGE=i,s.DEFAULT=o,s.STRONG=1,s.WEAK=0,r.default=s,t.exports=r.default},{"../../core/FactoryMaker.js":9}],120:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e=this.context,t=void 0,r=void 0;return{initialize:function(){t=[],r=[];var n=(0,c.default)(e).getInstance(),a=(0,g.default)(e).getInstance();(0,f.default)(e).getInstance().getBufferOccupancyABREnabled()?(t.push((0,l.default)(e).create({metricsModel:n,dashMetrics:(0,g.default)(e).getInstance()})),r.push((0,d.default)(e).create({metricsModel:n,dashMetrics:(0,g.default)(e).getInstance()}))):(t.push((0,i.default)(e).create({metricsModel:n,dashMetrics:a})),t.push((0,o.default)(e).create({metricsModel:n,dashMetrics:a})),t.push((0,s.default)(e).create({metricsModel:n})),r.push((0,u.default)(e).create()))},getRules:function(e){switch(e){case p:return t;case m:return r;default:return null}}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./ThroughputRule.js")),o=n(e("./BufferOccupancyRule.js")),s=n(e("./InsufficientBufferRule.js")),u=n(e("./AbandonRequestsRule.js")),l=n(e("./BolaRule.js")),d=n(e("./BolaAbandonRule.js")),f=n(e("../../models/MediaPlayerModel.js")),c=n(e("../../models/MetricsModel.js")),g=n(e("../../../dash/DashMetrics.js")),h=n(e("../../../core/FactoryMaker.js")),p="qualitySwitchRules",m="abandonFragmentRules";a.__dashjs_factory_name="ABRRulesCollection";var v=h.default.getSingletonFactory(a);v.QUALITY_SWITCH_RULES=p,v.ABANDON_FRAGMENT_RULES=m,r.default=v,t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../../../dash/DashMetrics.js":15,"../../models/MediaPlayerModel.js":90,"../../models/MetricsModel.js":91,"./AbandonRequestsRule.js":121,"./BolaAbandonRule.js":122,"./BolaRule.js":123,"./BufferOccupancyRule.js":124,"./InsufficientBufferRule.js":125,"./ThroughputRule.js":126}],121:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e,t=this.context,r=(0,u.default)(t).getInstance().log,n=void 0,a=void 0,s=void 0;return e={execute:function(e,o){var u,f=(new Date).getTime(),c=e.getMediaInfo(),g=c.type,h=e.getCurrentValue(),p=e.getTrackInfo(),m=h.request,v=e.getStreamProcessor().getABRController(),y=(0,i.default)(t).create(i.default.NO_CHANGE,i.default.WEAK);if(!isNaN(m.index)){if(function(e,t){n[e]=n[e]||{},n[e][t]=n[e][t]||{}}(g,m.index),null===(u=n[g][m.index])||null===m.firstByteDate||a.hasOwnProperty(u.id))return void o(y);if(void 0===u.firstByteTime&&(u.firstByteTime=m.firstByteDate.getTime(),u.segmentDuration=m.duration,u.bytesTotal=m.bytesTotal,u.id=m.index),u.bytesLoaded=m.bytesLoaded,u.elapsedTime=f-u.firstByteTime,u.bytesLoaded=l){if(u.measuredBandwidthInKbps=Math.round(8*u.bytesLoaded/u.elapsedTime),u.estimatedTimeOfDownload=(8*u.bytesTotal*.001/u.measuredBandwidthInKbps).toFixed(2),u.estimatedTimeOfDownloadn.index||t==n.index&&rR&&(R=.2);var I="index="+p+" quality="+m+" bytesLoaded/bytesTotal="+y+"/"+_+" bufferLevel="+M+" timeSince1stByte="+(v/1e3).toFixed(3)+" estThroughput="+(S/1e6).toFixed(3)+" latency="+R.toFixed(3),C=_*h.bitrate[0]/h.bitrate[m],A=E-R*S/8;if(1>A&&(A=1),500>v||C>=E||M>h.bufferTarget||C>=A||T>=8*_/S)r(g);else{if(h.safetyGuarantee&&M<=h.fragmentDuration&&h.state===l.default.BOLA_STATE_STEADY)return h.lastQuality=0,d.updateBolaState(o,h),t(o,p,m),g=(0,i.default)(n).create(0,i.default.STRONG),l.default.BOLA_DEBUG&&a("BolaDebug "+o+" BolaAbandonRule to 0 for safety guarantee - "+I),void r(g);var j=8*E/S,D=m;if(j>M)for(--D;D>0&&!(M>=(j=R+8*(C=_*h.bitrate[D]/h.bitrate[m])/S));)--D;for(var b=M+h.virtualBuffer-R,O=m,P=(h.utility[m]+h.gp-b/h.Vp)/A,w=0;m>w&&!((C=_*h.bitrate[w]/h.bitrate[m])>A);++w){var N=(h.utility[w]+h.gp-b/h.Vp)/C;N>P&&(O=w,P=N)}if(O>D&&(O=D),O!==m){for(;O>0&&h.bitrate[O]>S;)--O;h.lastQuality=O,d.updateBolaState(o,h),t(o,p,m),g=(0,i.default)(n).create(O,i.default.STRONG),l.default.BOLA_DEBUG&&a("BolaDebug "+o+" BolaAbandonRule abandon to "+O+" - "+I),r(g)}else r(g)}}else r(g)},reset:function(){f={}}},f={},(0,o.default)(n).getInstance(),r}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../SwitchRequest.js")),o=n(e("../../models/MediaPlayerModel.js")),s=n(e("../../../core/FactoryMaker.js")),u=n(e("../../../core/Debug.js")),l=n(e("./BolaRule.js"));a.__dashjs_factory_name="BolaAbandonRule",r.default=s.default.getClassFactory(a),t.exports=r.default},{"../../../core/Debug.js":7,"../../../core/FactoryMaker.js":9,"../../models/MediaPlayerModel.js":90,"../SwitchRequest.js":119,"./BolaRule.js":123}],123:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(){P={},w=[],N=(0,s.default)(C).getInstance(),(0,u.default)(C).getInstance(),x=(0,d.default)(C).getInstance(),b.on(c.default.PLAYBACK_SEEKING,T,O),b.on(c.default.PERIOD_SWITCH_STARTED,M,O)}function r(e){var t={},r=e.getMediaInfo(),n=r.bitrateList.map((function(e){return e.bandwidth})),a=n.length;if(2>a||n[0]>=n[1]||n[a-2]>=n[a-1])return t.state=h,t;var i,o,s=e.getStreamProcessor(),u=e.getStreamInfo(),l=e.getTrackInfo(),d=s.isDynamic(),f=u.manifestInfo.duration,c=l.fragmentDuration;i=N.getStableBufferTime(),o=f>=N.getLongFormContentDurationThreshold()?N.getBufferTimeAtTopQualityLongForm():N.getBufferTimeAtTopQuality();var g=i;c+S>g&&(g=c+S);for(var m=[],v=0;a>v;++v)m.push(Math.log(n[v]/n[0]));var _=(g-c)/m[a-1],E=1+m[a-1]/(g/c-1),T=!d&&g===i;if(T){var M=_,C=E;for(v=1;a>v;++v){var j=M*(C-n[0]*m[v]/(n[v]-n[0])),D=c*(2-n[0]/n[v])+.2;if(D>=i){T=!1;break}D>j&&(C=D/(M*=(i-D)/(i-j))+m[v]*n[0]/(n[v]-n[0]))}T&&S>(i-c)*M/_&&(T=!1),T&&(_=M,E=C)}var b=_*(m[a-1]+E);if(t.state=p,t.bitrate=n,t.utility=m,t.Vp=_,t.gp=E,t.fragmentDuration=c,t.bandwidthSafetyFactor=N.getBandwidthSafetyFactor(),t.bufferTarget=i,t.bufferMax=o,t.bolaBufferTarget=g,t.bolaBufferMax=b,t.isDynamic=d,t.safetyGuarantee=T,t.lastQuality=0,t.virtualBuffer=0,t.throughputCount=d?R:I,y){var O="";for(v=0;vi;++i){var o=(e.utility[i]+e.gp-t/e.Vp)/e.bitrate[i];o>a&&(a=o,n=i)}return n}function a(e,t){for(var r=j.getHttpRequests(e),n=[],a=r.length-1;a>=0;--a){var i=r[a];if(i.type===l.default.MEDIA_SEGMENT_TYPE&&i._tfinish&&i.tresponse&&i.trace&&(n.push(i),n.length===t))break}return n}function o(e,t,r){var n=a(e,t);if(0===n.length)return 0;for(var i=0,o="",s=0;st);++n)r=n;return r}function E(e,t){var r=a(e,1);if(0===r.length)return 0;var n=r[0],i=(new Date).getTime(),o=n._tfinish.getTime();o>i&&(o=i);var s,u=P[t];return P[t]=i,0>(s=u&&u>o?i-u:i-o)?0:.001*s}function T(){for(var e=0;e=T&&(g.virtualBuffer=0),!g.safetyGuarantee){var R=E(l,u);R>0&&(g.virtualBuffer+=R),T+g.virtualBuffer>g.bolaBufferMax&&(g.virtualBuffer=g.bolaBufferMax-T),g.virtualBuffer<0&&(g.virtualBuffer=0);var I=n(g,T+g.virtualBuffer);if(I>M){for(var b=M;I>b&&g.bitrate[b+1]*g.fragmentDuration/(S*g.bandwidthSafetyFactor)M)if(b>=I)M=I;else{M=b;var O=g.Vp*(g.gp+g.utility[M]);T+g.virtualBuffer>O&&(g.virtualBuffer=O-T,g.virtualBuffer<0&&(g.virtualBuffer=0))}}}if((g.state===p||g.state===m)&&(f=_(g,S*g.bandwidthSafetyFactor),0>=S&&(g.state=v),g.state===p&&fg.lastQuality&&(f=g.lastQuality),M>=f&&(g.state=v),g.state!==v))return y&&A("BolaDebug "+u+" BolaRule quality "+f+">"+M+" for STARTUP"),g.lastQuality=f,D.updateBolaState(u,g),void t(s=(0,i.default)(C).create(f,i.default.DEFAULT));var P=0;M>g.lastQuality&&M>(f=_(g,S))&&(f0&&(P>g.virtualBuffer?(P-=g.virtualBuffer,g.virtualBuffer=0):(g.virtualBuffer-=P,P=0)),P>0&&a.getScheduleController().setTimeToLoadDelay(1e3*P),g.lastQuality=M,D.updateBolaState(u,g),s=(0,i.default)(C).create(M,i.default.DEFAULT),y&&A("BolaDebug "+u+" BolaRule quality "+M+" delay="+P.toFixed(3)+" for STEADY"),t(s)},reset:function(){b.off(c.default.PLAYBACK_SEEKING,T,O),b.off(c.default.PERIOD_SWITCH_STARTED,M,O),t()}},t(),O}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../SwitchRequest.js")),o=n(e("../../../core/FactoryMaker.js")),s=n(e("../../models/MediaPlayerModel.js")),u=n(e("../../controllers/PlaybackController.js")),l=n(e("../../vo/metrics/HTTPRequest.js")),d=n(e("../../../dash/DashAdapter.js")),f=n(e("../../../core/EventBus.js")),c=n(e("../../../core/events/Events.js")),g=n(e("../../../core/Debug.js")),h=0,p=1,m=2,v=3,y=!1;a.__dashjs_factory_name="BolaRule";var _=o.default.getClassFactory(a);_.BOLA_STATE_ONE_BITRATE=h,_.BOLA_STATE_STARTUP=p,_.BOLA_STATE_STARTUP_NO_INC=m,_.BOLA_STATE_STEADY=v,_.BOLA_DEBUG=y,r.default=_,t.exports=r.default},{"../../../core/Debug.js":7,"../../../core/EventBus.js":8,"../../../core/FactoryMaker.js":9,"../../../core/events/Events.js":11,"../../../dash/DashAdapter.js":13,"../../controllers/PlaybackController.js":57,"../../models/MediaPlayerModel.js":90,"../../vo/metrics/HTTPRequest.js":166,"../SwitchRequest.js":119}],124:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t,r=this.context,n=(0,l.default)(r).getInstance().log,a=e.metricsModel,u=e.dashMetrics,d=void 0,f=void 0;return t={execute:function(e,t){var o=(new Date).getTime()/1e3,l=e.getMediaInfo(),c=e.getTrackInfo(),g=l.type,h=isNaN(c.fragmentDuration)?2:c.fragmentDuration/2,p=e.getCurrentValue(),m=e.getStreamProcessor().getABRController(),v=a.getReadOnlyMetricsFor(g),y=u.getCurrentBufferLevel(v),_=v.BufferState.length>0?v.BufferState[v.BufferState.length-1]:null,E=l.representationCount-1,T=(0,i.default)(r).create(i.default.NO_CHANGE,i.default.WEAK);return h>o-d||m.getAbandonmentStateFor(g)===s.default.ABANDON_LOAD||(null!==_&&y>_.target&&y-_.target>f.getRichBufferThreshold()&&l.representationCount>1&&(T=(0,i.default)(r).create(E,i.default.STRONG)),T.value!==i.default.NO_CHANGE&&T.value!==p&&n("BufferOccupancyRule requesting switch to index: ",T.value,"type: ",g," Priority: ",T.priority===i.default.DEFAULT?"Default":T.priority===i.default.STRONG?"Strong":"Weak")),void t(T)},reset:function(){d=0}},d=0,f=(0,o.default)(r).getInstance(),t}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../SwitchRequest.js")),o=n(e("../../models/MediaPlayerModel.js")),s=n(e("../../controllers/AbrController.js")),u=n(e("../../../core/FactoryMaker.js")),l=n(e("../../../core/Debug.js"));a.__dashjs_factory_name="BufferOccupancyRule",r.default=u.default.getClassFactory(a),t.exports=r.default},{"../../../core/Debug.js":7,"../../../core/FactoryMaker.js":9,"../../controllers/AbrController.js":49,"../../models/MediaPlayerModel.js":90,"../SwitchRequest.js":119}],125:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(){c={}}var r=this.context,n=(0,d.default)(r).getInstance().log,a=(0,s.default)(r).getInstance(),l=e.metricsModel,f=void 0,c=void 0,g=void 0,h=void 0;return f={execute:function(e,t){var a=(new Date).getTime(),s=e.getMediaInfo().type,u=e.getCurrentValue(),d=l.getReadOnlyMetricsFor(s),f=d.BufferState.length>0?d.BufferState[d.BufferState.length-1]:null,p=(0,i.default)(r).create(i.default.NO_CHANGE,i.default.WEAK);return h>a-g||null===f||(function(e,t){c[e]=c[e]||{},c[e].state=t,t!==o.default.BUFFER_LOADED||c[e].firstBufferLoadedEvent||(c[e].firstBufferLoadedEvent=!0)}(s,f.state),f.state===o.default.BUFFER_EMPTY&&void 0!==c[s].firstBufferLoadedEvent&&(p=(0,i.default)(r).create(0,i.default.STRONG)),p.value!==i.default.NO_CHANGE&&p.value!==u&&n("InsufficientBufferRule requesting switch to index: ",p.value,"type: ",s," Priority: ",p.priority===i.default.DEFAULT?"Default":p.priority===i.default.STRONG?"Strong":"Weak"),g=a),void t(p)},reset:function(){a.off(u.default.PLAYBACK_SEEKING,t,f),c={},g=0}},c={},g=0,h=1e3,a.on(u.default.PLAYBACK_SEEKING,t,f),f}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../SwitchRequest.js")),o=n(e("../../controllers/BufferController.js")),s=n(e("../../../core/EventBus.js")),u=n(e("../../../core/events/Events.js")),l=n(e("../../../core/FactoryMaker.js")),d=n(e("../../../core/Debug.js"));a.__dashjs_factory_name="InsufficientBufferRule",r.default=l.default.getClassFactory(a),t.exports=r.default},{"../../../core/Debug.js":7,"../../../core/EventBus.js":8,"../../../core/FactoryMaker.js":9,"../../../core/events/Events.js":11,"../../controllers/BufferController.js":52,"../SwitchRequest.js":119}],126:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(){v=[],y=(0,u.default)(g).getInstance()}function r(e,t){v[e]=v[e]||[],t!==1/0&&t!==v[e][v[e].length-1]&&v[e].push(t)}function n(e,t){var r=0,n=t?d:c,a=v[e],i=a.length;if(n=n>i?i:n,i>0){for(var o=0,s=i-n;i>s;s++)o+=a[s];r=o/n}return a.length>n&&a.shift(),r/1e3*y.getBandwidthSafetyFactor()}var a,d=2,c=3,g=this.context,h=(0,f.default)(g).getInstance().log,p=e.dashMetrics,m=e.metricsModel,v=void 0,y=void 0;return a={execute:function(e,t){var a,u,d,f=e.getMediaInfo(),c=f.type,v=e.getCurrentValue(),y=m.getReadOnlyMetricsFor(c),_=e.getStreamProcessor(),E=_.getABRController(),T=_.isDynamic(),M=p.getCurrentHttpRequest(y),S=y.BufferState.length>0?y.BufferState[y.BufferState.length-1]:null,R=y.BufferLevel.length>0?y.BufferLevel[y.BufferLevel.length-1]:null,I=(0,i.default)(g).create(i.default.NO_CHANGE,i.default.WEAK);if(y&&M&&M.type===l.default.MEDIA_SEGMENT_TYPE&&S&&R){if(M.trace&&M.trace.length&&(a=(M._tfinish.getTime()-M.tresponse.getTime())/1e3,u=M.trace.reduce((function(e,t){return e+t.b[0]}),0),r(c,Math.round(8*u)/a)),d=Math.round(n(c,T)),E.setAverageThroughput(c,d),E.getAbandonmentStateFor(c)!==s.default.ABANDON_LOAD){if(S.state===o.default.BUFFER_LOADED||T){var C=E.getQualityForBitrate(f,d);_.getScheduleController().setTimeToLoadDelay(0),I=(0,i.default)(g).create(C,i.default.DEFAULT)}I.value!==i.default.NO_CHANGE&&I.value!==v&&h("ThroughputRule requesting switch to index: ",I.value,"type: ",c," Priority: ",I.priority===i.default.DEFAULT?"Default":I.priority===i.default.STRONG?"Strong":"Weak","Average throughput",Math.round(d),"kbps")}t(I)}else t(I)},reset:function(){t()}},t(),a}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../SwitchRequest.js")),o=n(e("../../controllers/BufferController.js")),s=n(e("../../controllers/AbrController.js")),u=n(e("../../models/MediaPlayerModel.js")),l=n(e("../../vo/metrics/HTTPRequest.js")),d=n(e("../../../core/FactoryMaker.js")),f=n(e("../../../core/Debug.js"));a.__dashjs_factory_name="ThroughputRule",r.default=d.default.getClassFactory(a),t.exports=r.default},{"../../../core/Debug.js":7,"../../../core/FactoryMaker.js":9,"../../controllers/AbrController.js":49,"../../controllers/BufferController.js":52,"../../models/MediaPlayerModel.js":90,"../../vo/metrics/HTTPRequest.js":166,"../SwitchRequest.js":119}],127:[function(e,t,r){"use strict";function n(e){var t=e.blacklistController;return{select:function(e){var r,n=0;return e&&e.some((function(e,r){return n=r,!t.contains(e.serviceLocation)}))&&(r=e[n]),r}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../../core/FactoryMaker.js"));n.__dashjs_factory_name="BasicSelector",r.default=a.default.getClassFactory(n),t.exports=r.default},{"../../../core/FactoryMaker.js":9}],128:[function(e,t,r){"use strict";function n(e){var t=e.blacklistController;return{select:function(e){return e&&function(e){var t,r,n=0,a=[],i=0;return r=e.sort((function(e,t){var r=e.dvb_priority-t.dvb_priority;return isNaN(r)?0:r})).filter((function(e,t,r){return!t||r[0].dvb_priority&&e.dvb_priority&&r[0].dvb_priority===e.dvb_priority})),r.length?(r.length>1&&(r.forEach((function(e){n+=e.dvb_weight,a.push(n)})),t=Math.floor(Math.random()*(n-1)),a.every((function(e,r){return i=r,!(e>t)}))),r[i]):void 0}(function(e){var r=[];return e.filter((function(e){return!t.contains(e.serviceLocation)||(e.dvb_priority&&r.push(e.dvb_priority),!1)})).filter((function(e){return!r.length||!e.dvb_priority||-1===r.indexOf(e.dvb_priority)}))}(e))}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../../core/FactoryMaker.js"));n.__dashjs_factory_name="DVBSelector",r.default=a.default.getClassFactory(n),t.exports=r.default},{"../../../core/FactoryMaker.js":9}],129:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t,r=this.context,n=e.dashMetrics,a=e.metricsModel,s=e.textSourceBuffer,u=void 0;return t={execute:function(e){var t=e.getCurrentRepresentationInfo().mediaInfo.type,r=a.getReadOnlyMetricsFor(t);return n.getCurrentBufferLevel(r)=u.getLongFormContentDurationThreshold();return"fragmentedText"===t?s.getAllTracksAreDisabled()?0:r.fragmentDuration:a.isPlayingAtTopQuality(n)?i?u.getBufferTimeAtTopQualityLongForm():u.getBufferTimeAtTopQuality():u.getStableBufferTime()}(e,t)},reset:function(){}},u=(0,i.default)(r).getInstance(),(0,o.default)(r).getInstance(),t}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../models/MediaPlayerModel.js")),o=n(e("../../controllers/PlaybackController.js")),s=n(e("../../../core/FactoryMaker.js"));a.__dashjs_factory_name="BufferLevelRule",r.default=s.default.getClassFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../../controllers/PlaybackController.js":57,"../../models/MediaPlayerModel.js":90}],130:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=this.context,r=(0,i.default)(t).getInstance().log,n=e.adapter,a=e.sourceBufferController,o=e.virtualBuffer,s=e.textSourceBuffer;return{execute:function(e){var t=e.getCurrentRepresentationInfo(),i=t.mediaInfo,u=i.type,l=i.streamInfo.id,d=e.getScheduleController(),f=d.getSeekTarget(),c=!isNaN(f),g=!c,h=c?f:n.getIndexHandlerTime(e),p=e.getBuffer(),m=null,v=void 0,y=void 0;if(isNaN(h)||"fragmentedText"===u&&s.getAllTracksAreDisabled())return null;if(c&&d.setSeekTarget(NaN),p&&null!==(m=a.getBufferRange(e.getBuffer(),h))&&(v=o.getChunks({streamId:l,mediaType:u,appended:!0,mediaInfo:i,forRange:m}))&&v.length>0){var _=h;h=v[v.length-1].bufferedRange.end,r("Prior to making a request for time, NextFragmentRequestRule is aligning index handler's currentTime with bufferedRange.end.",_," was changed to ",h)}return(y=n.getFragmentRequestForTime(e,t,h,{keepIdx:g}))&&e.getFragmentModel().isFragmentLoaded(y)&&(y=n.getNextFragmentRequest(e,t)),y&&(n.setIndexHandlerTime(e,y.startTime+y.duration),y.delayLoadingTime=(new Date).getTime()+d.getTimeToLoadDelay(),d.setTimeToLoadDelay(0)),y}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../../core/Debug.js")),o=n(e("../../../core/FactoryMaker.js"));a.__dashjs_factory_name="NextFragmentRequestRule",r.default=o.default.getClassFactory(a),t.exports=r.default},{"../../../core/Debug.js":7,"../../../core/FactoryMaker.js":9}],131:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){function t(e,r,n,a){var i;null===a?(i=c.generateFragmentRequestForTime(S,v,e),t(e,r,n,i)):(f.on(s.default.CHECK_FOR_EXISTENCE_COMPLETED,(function t(a){f.off(s.default.CHECK_FOR_EXISTENCE_COMPLETED,t,this),a.exists?r(a.request,e):n(a.request,e)}),this),M.checkForExistence(a))}function r(e,o){var s,u,l;return y?void a(!1,o):void((s=(l=o-h)>0?h-l:h+Math.abs(l)+m)p.end?T((0,i.default)(d).create(null,E)):(u=c.getFragmentRequestForTime(S,v,s,{ignoreIsFinished:!0}),t(s,n,r,u)))}function n(e,r){var n,o,s=e.startTime;if(!y){if(!v.fragmentDuration)return void T((0,i.default)(d).create(s,E));if(y=!0,p.end=s+2*m,r===h)return o=r+_,n=c.getFragmentRequestForTime(S,v,o,{ignoreIsFinished:!0}),void t(o,(function(){a(!0,o)}),(function(){T((0,i.default)(d).create(o,E))}),n)}a(!0,r)}function a(e,a){var o;e?p.start=a:p.end=a,Math.floor(p.end-p.start)<=_?T((0,i.default)(d).create(e?a:a-_,E)):t(o=(p.start+p.end)/2,n,r,c.getFragmentRequestForTime(S,v,o,{ignoreIsFinished:!0}))}var u,d=this.context,f=(0,o.default)(d).getInstance(),c=e.adapter,g=e.timelineConverter,h=void 0,p=void 0,m=void 0,v=void 0,y=void 0,_=void 0,E=void 0,T=void 0,M=void 0,S=void 0;return u={execute:function(e,a){var o,s;if(T=a,S=e.getStreamProcessor(),M=S.getFragmentLoader(),v=e.getTrackInfo(),_=v.fragmentDuration,s=v.DVRWindow,h=s.end,v.useCalculatedLiveEdgeTime){var u=g.getExpectedLiveEdge();return g.setExpectedLiveEdge(h),void T((0,i.default)(d).create(u,E))}p={start:Math.max(0,h-l),end:h+l},m=Math.floor((s.end-s.start)/2),o=c.getFragmentRequestForTime(S,v,h,{ignoreIsFinished:!0}),t(h,n,r,o)},reset:function(){h=NaN,p=null,m=NaN,v=null,y=!1,_=NaN,S=null,M=null}},h=NaN,p=null,m=NaN,v=null,y=!1,_=NaN,E=i.default.DEFAULT,u}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../SwitchRequest.js")),o=n(e("../../../core/EventBus.js")),s=n(e("../../../core/events/Events.js")),u=n(e("../../../core/FactoryMaker.js")),l=43200;a.__dashjs_factory_name="LiveEdgeBinarySearchRule",r.default=u.default.getClassFactory(a),t.exports=r.default},{"../../../core/EventBus.js":8,"../../../core/FactoryMaker.js":9,"../../../core/events/Events.js":11,"../SwitchRequest.js":119}],132:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(e){var t=this.context,r=e.timelineConverter;return{execute:function(e,n){var a=e.getTrackInfo(),o=a.DVRWindow.end,s=i.default.DEFAULT;if(a.useCalculatedLiveEdgeTime){var u=r.getExpectedLiveEdge();r.setExpectedLiveEdge(o),n((0,i.default)(t).create(u,s))}else n((0,i.default)(t).create(o,s))}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../SwitchRequest.js")),o=n(e("../../../core/FactoryMaker.js"));a.__dashjs_factory_name="LiveEdgeWithTimeSynchronizationRule",r.default=o.default.getClassFactory(a),t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../SwitchRequest.js":119}],133:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e=this.context,t=void 0,r=void 0;return{initialize:function(){r=[],(t=[]).push((0,u.default)(e).create({timelineConverter:(0,o.default)(e).getInstance()})),r.push((0,s.default)(e).create({timelineConverter:(0,o.default)(e).getInstance(),adapter:(0,l.default)(e).getInstance()}))},getRules:function(e){switch(e){case d:return t;case f:return r;default:return null}}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../../core/FactoryMaker.js")),o=n(e("../../../dash/utils/TimelineConverter.js")),s=n(e("./LiveEdgeBinarySearchRule.js")),u=n(e("./LiveEdgeWithTimeSynchronizationRule.js")),l=n(e("../../../dash/DashAdapter.js")),d="withAccurateTimeSourceRules",f="bestGuestRules";a.__dashjs_factory_name="SynchronizationRulesCollection";var c=i.default.getSingletonFactory(a);c.TIME_SYNCHRONIZED_RULES=d,c.BEST_GUESS_RULES=f,r.default=c,t.exports=r.default},{"../../../core/FactoryMaker.js":9,"../../../dash/DashAdapter.js":13,"../../../dash/utils/TimelineConverter.js":25,"./LiveEdgeBinarySearchRule.js":131,"./LiveEdgeWithTimeSynchronizationRule.js":132}],134:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e,t=this.context,r=(0,i.default)(t).getInstance(),n=(0,s.default)(t).getInstance(),a=void 0,f=void 0,h=void 0,p=void 0;return e={chooseSelectorFromManifest:function(e){p=n.getIsDVB(e)?h:f},select:function(e){var t=e.baseUrls,n=e.selectedIdx;if(!isNaN(n))return t[n];var a=p.select(t);return a?(e.selectedIdx=t.indexOf(a),a):void r.trigger(o.default.URL_RESOLUTION_FAILED,{error:new Error(c,g)})},reset:function(){a.reset()}},a=(0,u.default)(t).create({updateEventName:o.default.SERVICE_LOCATION_BLACKLIST_CHANGED,loadFailedEventName:o.default.FRAGMENT_LOADING_COMPLETED}),f=(0,d.default)(t).create({blacklistController:a}),h=(0,l.default)(t).create({blacklistController:a}),p=f,e}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/EventBus.js")),o=n(e("../../core/events/Events.js")),s=n(e("../../dash/models/DashManifestModel.js")),u=n(e("../controllers/BlacklistController.js")),l=n(e("../rules/baseUrlResolution/DVBSelector.js")),d=n(e("../rules/baseUrlResolution/BasicSelector.js")),f=n(e("../../core/FactoryMaker.js")),c=1,g="Failed to resolve a valid URL";a.__dashjs_factory_name="BaseURLSelector";var h=f.default.getClassFactory(a);h.URL_RESOLUTION_FAILED_GENERIC_ERROR_CODE=c,h.URL_RESOLUTION_FAILED_GENERIC_ERROR_MESSAGE=g,r.default=h,t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../../dash/models/DashManifestModel.js":19,"../controllers/BlacklistController.js":51,"../rules/baseUrlResolution/BasicSelector.js":127,"../rules/baseUrlResolution/DVBSelector.js":128}],135:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e=this.context;return{parse:function(t){if(!t)return null;void 0===t.fileStart&&(t.fileStart=0);var r=s.default.parseBuffer(t),n=(0,i.default)(e).create();return n.setData(r),n}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("./IsoFile.js")),o=n(e("../../core/FactoryMaker.js")),s=n(e("codem-isoboxer"));a.__dashjs_factory_name="BoxParser",r.default=o.default.getSingletonFactory(a),t.exports=r.default},{"../../core/FactoryMaker.js":9,"./IsoFile.js":140,"codem-isoboxer":6}],136:[function(e,t,r){"use strict";function n(){var e,t=void 0;return e={supportsMediaSource:function(){var e="WebKitMediaSource"in window,t="MediaSource"in window;return e||t},supportsEncryptedMedia:function(){return t},supportsCodec:function(e,t){var r=e.canPlayType(t);return"probably"===r||"maybe"===r},setEncryptedMediaSupported:function(e){t=e}},t=!1,e}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js"));n.__dashjs_factory_name="Capabilities",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../core/FactoryMaker.js":9}],137:[function(e,t,r){"use strict";function n(){return{customTimeRangeArray:[],length:0,add:function(e,t){var r=0;for(r=0;rthis.customTimeRangeArray[r].start;r++);for(this.customTimeRangeArray.splice(r,0,{start:e,end:t}),r=0;r=this.customTimeRangeArray[r].end)this.customTimeRangeArray.splice(r,1),r--;else{if(e>this.customTimeRangeArray[r].start&&tthis.customTimeRangeArray[r].start&&ethis.customTimeRangeArray[r].start&&t=h.getLastBitrateCachingInfo().ttl||!1,s=parseInt(a.bitrate,10);isNaN(s)||o?o&&localStorage.removeItem(n):(t=s,i("Last saved bitrate for "+e+" was "+s))}return t},setSavedBitrateSettings:function(e,n){if(r(f,"LastBitrate")&&n){var a=l.replace(/\?/,e);try{localStorage.setItem(a,JSON.stringify({bitrate:n/1e3,timestamp:t()}))}catch(e){i(e.message)}}},getSavedMediaSettings:function(e){if(!r(f,"LastMediaSettings"))return null;var t=d.replace(/\?/,e),n=JSON.parse(localStorage.getItem(t))||{},a=(new Date).getTime()-parseInt(n.timestamp,10)>=h.getLastMediaSettingsCachingInfo().ttl||!1,i=n.settings;return a&&(localStorage.removeItem(t),i=null),i},setSavedMediaSettings:function(e,n){if(r(f,"LastMediaSettings")){var a=d.replace(/\?/,e);try{localStorage.setItem(a,JSON.stringify({settings:n,timestamp:t()}))}catch(e){i(e.message)}}},isSupported:e},h=(0,o.default)(a).getInstance(),e(f)&&u.forEach((function(e){var t=localStorage.getItem(e.oldKey);if(t){localStorage.removeItem(e.oldKey);try{localStorage.setItem(e.newKey,t)}catch(e){i(e.message)}}})),n}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/FactoryMaker.js")),o=n(e("../models/MediaPlayerModel.js")),s=n(e("../../core/Debug.js")),u=[{oldKey:"dashjs_vbitrate",newKey:"dashjs_video_bitrate"},{oldKey:"dashjs_abitrate",newKey:"dashjs_audio_bitrate"},{oldKey:"dashjs_vsettings",newKey:"dashjs_video_settings"},{oldKey:"dashjs_asettings",newKey:"dashjs_audio_settings"}],l="dashjs_?_bitrate",d="dashjs_?_settings",f="localStorage",c="sessionStorage";a.__dashjs_factory_name="DOMStorage";var g=i.default.getSingletonFactory(a);r.default=g,t.exports=r.default},{"../../core/Debug.js":7,"../../core/FactoryMaker.js":9,"../models/MediaPlayerModel.js":90}],139:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){var e=this.context,t=(0,i.default)(e).getInstance();return{capabilityError:function(e){t.trigger(o.default.ERROR,{error:"capability",event:e})},downloadError:function(e,r,n){t.trigger(o.default.ERROR,{error:"download",event:{id:e,url:r,request:n}})},manifestError:function(e,r,n){t.trigger(o.default.ERROR,{error:"manifestError",event:{message:e,id:r,manifest:n}})},timedTextError:function(e,r,n){t.trigger(o.default.ERROR,{error:"cc",event:{message:e,id:r,cc:n}})},mediaSourceError:function(e){t.trigger(o.default.ERROR,{error:"mediasource",event:e})},mediaKeySessionError:function(e){t.trigger(o.default.ERROR,{error:"key_session",event:e})},mediaKeyMessageError:function(e){t.trigger(o.default.ERROR,{error:"key_message",event:e})}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/EventBus.js")),o=n(e("../../core/events/Events.js")),s=n(e("../../core/FactoryMaker.js"));a.__dashjs_factory_name="ErrorHandler";var u=s.default.getSingletonFactory(a);u.CAPABILITY_ERROR_MEDIASOURCE="mediasource",u.CAPABILITY_ERROR_MEDIAKEYS="mediakeys",u.DOWNLOAD_ERROR_ID_MANIFEST="manifest",u.DOWNLOAD_ERROR_ID_SIDX="SIDX",u.DOWNLOAD_ERROR_ID_CONTENT="content",u.DOWNLOAD_ERROR_ID_INITIALIZATION="initialization",u.DOWNLOAD_ERROR_ID_XLINK="xlink",u.MANIFEST_ERROR_ID_CODEC="codec",u.MANIFEST_ERROR_ID_PARSE="parse",u.MANIFEST_ERROR_ID_NOSTREAMS="nostreams",u.TIMED_TEXT_ERROR_ID_PARSE="parse",r.default=u,t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11}],140:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e){for(var t,n=a.fetchAll(e),i=[],o=0,s=n.length;s>o;o++)(t=r(n[o]))&&i.push(t);return i}function t(e,t,r){for(var n in r)t[n]=e[r[n]]}function r(e){if(!e)return null;var r,n,a=new i.default;switch(t(e,a,o),e.hasOwnProperty("_incomplete")&&(a.isComplete=!e._incomplete),a.type){case"sidx":if(t(e,a,s),a.references)for(r=0,n=a.references.length;n>r;r++)t(e.references[r],a.references[r],u);break;case"emsg":t(e,a,l);break;case"mdhd":t(e,a,d);break;case"mfhd":t(e,a,f);break;case"tfhd":t(e,a,c);break;case"tfdt":t(e,a,g);break;case"trun":if(t(e,a,h),a.samples)for(r=0,n=a.samples.length;n>r;r++)t(e.samples[r],a.samples[r],p)}return a}var n,a=void 0,o=void 0,s=void 0,u=void 0,l=void 0,d=void 0,f=void 0,c=void 0,g=void 0,h=void 0,p=void 0;return n={getBox:function(e){return e&&a&&a.boxes&&0!==a.boxes.length?r(a.fetch(e)):null},getBoxes:e,setData:function(e){a=e},getLastBox:function(){if(!a||!a.boxes||!a.boxes.length)return null;var t=e(a.boxes[a.boxes.length-1].type);return t[t.length-1]},getOffset:function(){return a._cursor.offset}},o={offset:"_offset",size:"size",type:"type"},s={references:"references",timescale:"timescale",earliest_presentation_time:"earliest_presentation_time",first_offset:"first_offset"},u={reference_type:"reference_type",referenced_size:"referenced_size",subsegment_duration:"subsegment_duration"},l={id:"id",value:"value",timescale:"timescale",scheme_id_uri:"scheme_id_uri",presentation_time_delta:"presentation_time_delta",event_duration:"event_duration",message_data:"message_data"},d={timescale:"timescale"},f={sequence_number:"sequence_number"},c={base_data_offset:"base_data_offset",sample_description_index:"sample_description_index",default_sample_duration:"default_sample_duration",default_sample_size:"default_sample_size",default_sample_flags:"default_sample_flags",flags:"flags"},g={version:"version",baseMediaDecodeTime:"baseMediaDecodeTime",flags:"flags"},h={sample_count:"sample_count",first_sample_flags:"first_sample_flags",data_offset:"data_offset",flags:"flags",samples:"samples"},p={sample_size:"sample_size",sample_duration:"sample_duration",sample_composition_time_offset:"sample_composition_time_offset"},n}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../vo/IsoBox.js")),o=n(e("../../core/FactoryMaker.js"));a.__dashjs_factory_name="IsoFile",r.default=o.default.getClassFactory(a),t.exports=r.default},{"../../core/FactoryMaker.js":9,"../vo/IsoBox.js":152}],141:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(){h=!1,p=NaN}function t(e){var t=((new Date).getTime()-p)/1e3;v=e.value,a.trigger(u.default.LIVE_EDGE_SEARCH_COMPLETED,{liveEdge:v,searchTime:t,error:null===v?new o.default(f,"live edge has not been found",null):null})}function r(e){!c.isDynamic()||h||e.error||(y=d.isTimeSyncCompleted()?i.default.TIME_SYNCHRONIZED_RULES:i.default.BEST_GUESS_RULES,m=(0,i.default)(n).getInstance().getRules(y),h=!0,p=(new Date).getTime(),g.applyRules(m,c,t,null,(function(e,t){return t})))}var n=this.context,a=(0,s.default)(n).getInstance(),d=void 0,c=void 0,g=void 0,h=void 0,p=void 0,m=void 0,v=void 0,y=void 0;return{initialize:function(e,t){d=e,c=t,h=!1,p=NaN,v=null,g=(0,l.default)(n).getInstance(),y=i.default.BEST_GUESS_RULES,a.on(u.default.STREAM_INITIALIZED,r,this)},abortSearch:e,getLiveEdge:function(){return v},reset:function(){a.off(u.default.STREAM_INITIALIZED,r,this),e(),v=null,d=null,c=null,h=!1,p=NaN,y=null,g=null}}}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../rules/synchronization/SynchronizationRulesCollection.js")),o=n(e("../vo/Error.js")),s=n(e("../../core/EventBus.js")),u=n(e("../../core/events/Events.js")),l=n(e("../rules/RulesController.js")),d=n(e("../../core/FactoryMaker.js")),f=1;a.__dashjs_factory_name="LiveEdgeFinder";var c=d.default.getSingletonFactory(a);c.LIVE_EDGE_NOT_FOUND_ERROR_CODE=f,r.default=c,t.exports=r.default},{"../../core/EventBus.js":8,"../../core/FactoryMaker.js":9,"../../core/events/Events.js":11,"../rules/RulesController.js":118,"../rules/synchronization/SynchronizationRulesCollection.js":133,"../vo/Error.js":149}],142:[function(e,t,r){"use strict";function n(){return{areSimpleEquivalent:function(e,t){return JSON.stringify(e)===JSON.stringify(t)}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js"));n.__dashjs_factory_name="ObjectUtils",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../core/FactoryMaker.js":9}],143:[function(e,t,r){"use strict";function n(){return{modifyRequestURL:function(e){return e},modifyRequestHeader:function(e){return e}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js"));n.__dashjs_factory_name="RequestModifier",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../core/FactoryMaker.js":9}],144:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e){var t,r,n;if(!S.test(e))return NaN;if(t=e.split(":"),r=parseFloat(t[0])*u+parseFloat(t[1])*l+parseFloat(t[2]),t[3]){if(!(n=R.tt.frameRate)||isNaN(n))return NaN;r+=parseFloat(t[3])/n}return r}function t(e,t){var r=Object.keys(e).filter((function(r){return("xmlns"===r.split(":")[0]||"xmlns"===r.split(":")[1])&&e[r]===t})).map((function(e){return e.split(":")[2]||e.split(":")[1]}));return 1!=r.length?null:r[0]}function r(e,t){for(var n in e)if(e.hasOwnProperty(n)){if(("object"==typeof e[n]||e[n]instanceof Object)&&!Array.isArray(e[n]))r(e[n],t);else if(Array.isArray(e[n]))for(var a=0;a-1)return!0;return!1}function d(e,t){for(var r=0;r-1)return t[r];return null}function f(e,t){t.splice(t.indexOf(d(e,t)),1)}function c(e,t){for(var r=0;r-1&&e.splice(r,1);return e.concat(t)}function g(e,t){var r=[];return e.match(/\S+/g).forEach((function(e){var o=function(e,t){for(var r=0;r-1&&e["background-color"].length-1==8?(r=a(e["background-color"]),o.push("background-color: "+r)):o.push("background-color:"+e["background-color"]+";")),"color"in e&&(e.color.indexOf("#")>-1&&e.color.length-1==8?(r=a(e.color),o.push("color: "+r)):o.push("color:"+e.color+";")),"wrap-option"in e&&(e["wrap-option"]in x?o.push(x[e["wrap-option"]]):o.push("white-space:"+e["wrap-option"])),"unicode-bidi"in e&&(e["unicode-bidi"]in L?o.push(L[e["unicode-bidi"]]):o.push("unicode-bidi:"+e["unicode-bidi"])),"font-style"in e&&o.push("font-style:"+e["font-style"]+";"),"font-weight"in e&&o.push("font-weight:"+e["font-weight"]+";"),"direction"in e&&o.push("direction:"+e.direction+";"),"text-decoration"in e&&o.push("text-decoration:"+e["text-decoration"]+";"),R.tt.hasOwnProperty("xml:space")&&"preserve"===R.tt["xml:space"]&&o.push("white-space: pre;"),o}(JSON.parse(JSON.stringify(o)),t);r=r.concat(s)}})),r}function h(e,t){var r=[];for(var a in e){var i=a.replace("tts:","");e[i=n(i=i.replace("xml:",""))]=e[a],i!==a&&delete e[a]}if("extent"in e){var o=e.extent.split(/\s/);r.push("width: "+o[0]+";"),r.push("height: "+o[1]+";")}if("origin"in e){var s=e.origin.split(/\s/);r.push("left: "+s[0]+";"),r.push("top: "+s[1]+";")}if("display-align"in e&&r.push(F[e["display-align"]]),"writing-mode"in e&&r.push(B[e["writing-mode"]]),"style"in e){var u=g(e.style,t);r=r.concat(u)}return"padding"in e&&r.push("padding:"+e.padding+";"),"overflow"in e&&r.push("overflow:"+e.overflow+";"),"show-background"in e&&r.push("show-background:"+e["show-background"]+";"),"id"in e&&r.push("regionID:"+e.id+";"),r}function p(e,t){var r=[];return e.match(/\S+/g).forEach((function(e){var n=function(e,t){for(var r=0;rp||h>s)return void M("TTML: Cue interval "+h+"-"+p+" outside sample interval "+a+"-"+s+". Dropped");var _=!1,I=h,C=p;a>h&&(_=!0,h=a),p>s&&(_=!0,p=s),_&&M("TTML: Clipped cue "+I+"-"+C+" to "+h+"-"+p)}if(void 0!==l["smpte:backgroundImage"])for(var O=R.tt.head.metadata.image_asArray,w=0;wn;n++)i+=u[n].outerHTML,0===n&&(r=a.concat(u[n].style.cssText));i=p+r+'">'+i}for(var l="",d=e+1;d'+o,i&&o&&t===c.length-1?s+=i+g+h+o+g:i&&o&&t!==c.length-1?s+=i+g+h+o+g+h:i&&!o?s+=i+g:!i&&o&&t===c.length-1?s+=o+g:!i&&o&&t!==c.length-1&&(s+=o+g+h)}));else{for(var m="",v=0;v'+e.innerHTML+g}return s}(U,F)),i("padding-left",F)&&i("padding-right",F)&&(f("padding-left",F),f("padding-right",F));var K="";if(i("regionID",L)){var H=d("regionID",L);K=H.slice(H.indexOf(":")+1,H.length-1)}F&&(k.style.cssText=F.join(" ")+"display:flex;"),L&&(L=L.join(" ")),k.appendChild(U);var q=document.createElement("div");q.appendChild(k),q.id="subtitle_"+N,q.style.cssText="position: absolute; margin: 0; display: flex; box-sizing: border-box; pointer-events: none;"+L,0===Object.keys(A).length&&(A.defaultFontSize="100"),x.push({start:h,end:p,type:"html",cueHTMLElement:q,regions:P,regionID:K,cueID:N,videoHeight:S,videoWidth:T,cellResolution:E,fontSize:A||{defaultFontSize:"100"},lineHeight:j,linePadding:D})}else{var Y="",G=l.__children;G.length&&G.forEach((function(e){if(e.hasOwnProperty("span")){var t=e.span.__children;t.forEach((function(e){t.hasOwnProperty("metadata")||(e.hasOwnProperty("#text")?Y+=e["#text"].replace(/[\r\n]+/gm," ").trim():"br"in e&&(Y+="\n"))}))}else Y+=e.hasOwnProperty("br")?"\n":e["#text"].replace(/[\r\n]+/gm," ").trim()})),x.push({start:h,end:p,data:Y,type:"text"})}})):g="TTML document does not contain any cues"})),""!==g&&M(g),x.length>0)return x;throw g},setConfig:function(e){e&&e.videoModel&&(k=e.videoModel)}},S=/^([0-9][0-9]+):([0-5][0-9]):([0-5][0-9])|(60)(\.([0-9])+)?$/,A={},j={},D={},b={top:"85%;",left:"5%;",width:"90%;",height:"10%;","align-items":"flex-start;",overflow:"visible;","-ms-writing-mode":"lr-tb, horizontal-tb;","-webkit-writing-mode":"horizontal-tb;","-moz-writing-mode":"horizontal-tb;","writing-mode":"horizontal-tb;"},O={color:"rgb(255,255,255);",direction:"ltr;","font-family":"monospace, sans-serif;","font-style":"normal;","line-height":"normal;","font-weight":"normal;","text-align":"start;","justify-content":"flex-start;","text-decoration":"none;","unicode-bidi":"normal;","white-space":"normal;",width:"100%;"},P={monospace:"font-family: monospace;",sansSerif:"font-family: sans-serif;",serif:"font-family: serif;",monospaceSansSerif:"font-family: monospace, sans-serif;",monospaceSerif:"font-family: monospace, serif;",proportionalSansSerif:"font-family: Arial;",proportionalSerif:"font-family: Times New Roman;",default:"font-family: monospace, sans-serif;"},w={right:["justify-content: flex-end;","text-align: right;"],start:["justify-content: flex-start;","text-align: start;"],center:["justify-content: center;","text-align: center;"],end:["justify-content: flex-end;","text-align: end;"],left:["justify-content: flex-start;","text-align: left;"]},N={start:"text-align: start;",center:"text-align: center;",end:"text-align: end;",auto:""},x={wrap:"white-space: normal;",noWrap:"white-space: nowrap;"},L={normal:"unicode-bidi: normal;",embed:"unicode-bidi: embed;",bidiOverride:"unicode-bidi: bidi-override;"},F={before:"align-items: flex-start;",center:"align-items: center;",after:"align-items: flex-end;"},B={lrtb:"-webkit-writing-mode: horizontal-tb;writing-mode: horizontal-tb;",rltb:"-webkit-writing-mode: horizontal-tb;writing-mode: horizontal-tb;direction: rtl;unicode-bidi: bidi-override;",tbrl:"-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;text-orientation: upright;",tblr:"-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;-webkit-text-orientation: upright;text-orientation: upright;",lr:"-webkit-writing-mode: horizontal-tb;writing-mode: horizontal-tb;",rl:"-webkit-writing-mode: horizontal-tb;writing-mode: horizontal-tb;direction: rtl;",tb:"-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;text-orientation: upright;"},E}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/FactoryMaker.js")),o=n(e("../../../externals/xml2json.js")),s=n(e("../../core/Debug.js")),u=3600,l=60;a.__dashjs_factory_name="TTMLParser",r.default=i.default.getSingletonFactory(a),t.exports=r.default},{"../../../externals/xml2json.js":4,"../../core/Debug.js":7,"../../core/FactoryMaker.js":9}],145:[function(e,t,r){"use strict";function n(){var e=/^(?:(?:[a-z]+:)?\/)?\//i;return{parseBaseUrl:function(e){var t="";return-1!==e.indexOf("/")&&(-1!==e.indexOf("?")&&(e=e.substring(0,e.indexOf("?"))),t=e.substring(0,e.lastIndexOf("/")+1)),t},isRelative:function(t){return!e.test(t)}}}Object.defineProperty(r,"__esModule",{value:!0});var a=function(e){return e&&e.__esModule?e:{default:e}}(e("../../core/FactoryMaker.js"));n.__dashjs_factory_name="URLUtils",r.default=a.default.getSingletonFactory(n),t.exports=r.default},{"../../core/FactoryMaker.js":9}],146:[function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function a(){function e(e){var t=e.split(":"),r=t.length-1;return e=60*parseInt(t[r-1],10)+parseFloat(t[r]),2===r&&(e+=3600*parseInt(t[0],10)),e}function t(e){var t=e.split(l),n=t[1].split(f);return n.shift(),t[1]=n[0],n.shift(),{cuePoints:t,styles:r(n)}}function r(e){var t={};return e.forEach((function(e){if(e.split(/:/).length>1){var r=e.split(/:/)[1];r&&-1!=r.search(/%/)&&(r=parseInt(r.replace(/%/,""),10)),(e.match(/align/)||e.match(/A/))&&(t.align=r),(e.match(/line/)||e.match(/L/))&&(t.line=r),(e.match(/position/)||e.match(/P/))&&(t.position=r),(e.match(/size/)||e.match(/S/))&&(t.size=r)}})),t}function n(e,t){for(var r,n=t,a="",i="";""!==e[n]&&n1)for(var o=0;r>o;o++){if((i=e[t+o]).match(l)){a="";break}a+=i,o!==r-1&&(a+="\n")}else(i=e[t]).match(l)||(a=i);return decodeURI(a)}var a,i=this.context,s=(0,o.default)(i).getInstance().log,u=void 0,l=void 0,d=void 0,f=void 0;return a={parse:function(r){var a,i,o=[];a=(r=r.split(u)).length,i=-1;for(var f=0;a>f;f++){var c=r[f];if(c.length>0&&"WEBVTT"!==c&&c.match(l)){var g=t(c),h=g.cuePoints,p=g.styles,m=n(r,f+1),v=e(h[0].replace(d,"")),y=e(h[1].replace(d,""));!isNaN(v)&&!isNaN(y)&&v>=i&&y>v?""!==m?(i=v,o.push({start:v,end:y,data:m,styles:p})):s("Skipping cue due to empty/malformed cue text"):s("Skipping cue due to incorrect cue timing")}}return o}},u=/(?:\r\n|\r|\n)/gm,l=/-->/,d=/(^[\s]+|[\s]+$)/g,f=/\s\b/g,a}Object.defineProperty(r,"__esModule",{value:!0});var i=n(e("../../core/FactoryMaker.js")),o=n(e("../../core/Debug.js"));a.__dashjs_factory_name="VTTParser",r.default=i.default.getSingletonFactory(a),t.exports=r.default},{"../../core/Debug.js":7,"../../core/FactoryMaker.js":9}],147:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.mediaType=null,this.bitrate=null,this.width=null,this.height=null,this.qualityIndex=NaN},t.exports=r.default},{}],148:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.streamId=null,this.mediaInfo=null,this.segmentType=null,this.quality=NaN,this.index=NaN,this.bytes=null,this.start=NaN,this.end=NaN,this.duration=NaN},t.exports=r.default},{}],149:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(t,r,n){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.code=t||null,this.message=r||null,this.data=n||null},t.exports=r.default},{}],150:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.action=e.ACTION_DOWNLOAD,this.startTime=NaN,this.mediaType=null,this.mediaInfo=null,this.type=null,this.duration=NaN,this.timescale=NaN,this.range=null,this.url=null,this.serviceLocation=null,this.requestStartDate=null,this.firstByteDate=null,this.requestEndDate=null,this.quality=NaN,this.index=NaN,this.availabilityStartTime=null,this.availabilityEndTime=null,this.wallStartTime=null,this.bytesLoaded=NaN,this.bytesTotal=NaN,this.delayLoadingTime=NaN,this.responseType="arraybuffer"};n.ACTION_DOWNLOAD="download",n.ACTION_COMPLETE="complete",r.default=n,t.exports=r.default},{}],151:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(e){function t(e){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,t),function(e,t,r){for(var n=!0;n;){var a=e,i=t,o=r;n=!1,null===a&&(a=Function.prototype);var s=Object.getOwnPropertyDescriptor(a,i);if(void 0!==s){if("value"in s)return s.value;var u=s.get;if(void 0===u)return;return u.call(o)}var l=Object.getPrototypeOf(a);if(null===l)return;e=l,t=i,r=o,n=!0,s=l=void 0}}(Object.getPrototypeOf(t.prototype),"constructor",this).call(this),this.url=e||null,this.checkForExistenceOnly=!0}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t}(function(e){return e&&e.__esModule?e:{default:e}}(e("./FragmentRequest.js")).default);r.default=n,t.exports=r.default},{"./FragmentRequest.js":150}],152:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.offset=NaN,this.type=null,this.size=NaN,this.isComplete=!0},t.exports=r.default},{}],153:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.DVRWindowSize=NaN,this.loadedTime=null,this.availableFrom=null,this.minBufferTime=NaN,this.duration=NaN,this.isDynamic=!1,this.maxFragmentDuration=null},t.exports=r.default},{}],154:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.id=null,this.index=null,this.type=null,this.streamInfo=null,this.representationCount=0,this.lang=null,this.viewpoint=null,this.accessibility=null,this.audioChannelConfiguration=null,this.roles=null,this.codec=null,this.mimeType=null,this.contentProtection=null,this.isText=!1,this.KID=null,this.bitrateList=null},t.exports=r.default},{}],155:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.TcpList=[],this.HttpList=[],this.RepSwitchList=[],this.BufferLevel=[],this.BufferState=[],this.PlayList=[],this.DroppedFrames=[],this.SchedulingInfo=[],this.DVRInfo=[],this.ManifestUpdate=[],this.RequestsQueue=null,this.DVBErrors=[],this.BolaState=[]},t.exports=r.default},{}],156:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.id=null,this.index=null,this.start=NaN,this.duration=NaN,this.manifestInfo=null,this.isLast=!0,this.isFirst=!0},t.exports=r.default},{}],157:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(e){function t(e,r){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,t),function(e,t,r){for(var n=!0;n;){var a=e,i=t,o=r;n=!1,null===a&&(a=Function.prototype);var s=Object.getOwnPropertyDescriptor(a,i);if(void 0!==s){if("value"in s)return s.value;var u=s.get;if(void 0===u)return;return u.call(o)}var l=Object.getPrototypeOf(a);if(null===l)return;e=l,t=i,r=o,n=!0,s=l=void 0}}(Object.getPrototypeOf(t.prototype),"constructor",this).call(this),this.url=e||null,this.type=r||null,this.mediaType="stream",this.responseType="text"}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t}(function(e){return e&&e.__esModule?e:{default:e}}(e("./FragmentRequest.js")).default);r.default=n,t.exports=r.default},{"./FragmentRequest.js":150}],158:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.video=null,this.captionData=null,this.label=null,this.lang=null,this.defaultTrack=!1,this.kind=null,this.isFragmented=!1,this.isEmbedded=!1},t.exports=r.default},{}],159:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.id=null,this.quality=null,this.DVRWindow=null,this.fragmentDuration=null,this.mediaInfo=null,this.MSETimeOffset=null},t.exports=r.default},{}],160:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.t=null,this.xywh=null,this.track=null,this.id=null,this.s=null},t.exports=r.default},{}],161:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this._s=void 0},t.exports=r.default},{}],162:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.t=null,this.level=null},t.exports=r.default},{}],163:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(e){return e&&e.__esModule?e:{default:e}}(e("../../controllers/BufferController.js"));r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.target=null,this.state=n.default.BUFFER_EMPTY},t.exports=r.default},{"../../controllers/BufferController.js":52}],164:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.time=null,this.range=null,this.manifestInfo=null},t.exports=r.default},{}],165:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.time=null,this.droppedFrames=null},t.exports=r.default},{}],166:[function(e,t,r){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0});var a=function e(){n(this,e),this.tcpid=null,this.type=null,this.url=null,this.actualurl=null,this.range=null,this.trequest=null,this.tresponse=null,this.responsecode=null,this.interval=null,this.trace=[],this._stream=null,this._tfinish=null,this._mediaduration=null,this._responseHeaders=null,this._serviceLocation=null};a.Trace=function e(){n(this,e),this.s=null,this.d=null,this.b=[]},a.MPD_TYPE="MPD",a.XLINK_EXPANSION_TYPE="XLinkExpansion",a.INIT_SEGMENT_TYPE="InitializationSegment",a.INDEX_SEGMENT_TYPE="IndexSegment",a.MEDIA_SEGMENT_TYPE="MediaSegment",a.BITSTREAM_SWITCHING_SEGMENT_TYPE="BitstreamSwitchingSegment",a.OTHER_TYPE="other",r.default=a,t.exports=r.default},{}],167:[function(e,t,r){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0});var a=function e(){n(this,e),this.mediaType=null,this.type=null,this.requestTime=null,this.fetchTime=null,this.availabilityStartTime=null,this.presentationStartTime=0,this.clientTimeOffset=0,this.currentTime=null,this.buffered=null,this.latency=0,this.streamInfo=[],this.trackInfo=[]};a.StreamInfo=function e(){n(this,e),this.id=null,this.index=null,this.start=null,this.duration=null},a.TrackInfo=function e(){n(this,e),this.id=null,this.index=null,this.mediaType=null,this.streamIndex=null,this.presentationTimeOffset=null,this.startNumber=null,this.fragmentInfoType=null},r.default=a,t.exports=r.default},{}],168:[function(e,t,r){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(r,"__esModule",{value:!0});var a=function e(){n(this,e),this.start=null,this.mstart=null,this.starttype=null,this.trace=[]};a.Trace=function e(){n(this,e),this.representationid=null,this.subreplevel=null,this.start=null,this.mstart=null,this.duration=null,this.playbackspeed=null,this.stopreason=null},a.INITIAL_PLAYOUT_START_REASON="initial_playout",a.SEEK_START_REASON="seek",a.RESUME_FROM_PAUSE_START_REASON="resume",a.METRICS_COLLECTION_START_REASON="metrics_collection_start",a.Trace.REPRESENTATION_SWITCH_STOP_REASON="representation_switch",a.Trace.REBUFFERING_REASON="rebuffering",a.Trace.USER_REQUEST_STOP_REASON="user_request",a.Trace.END_OF_PERIOD_STOP_REASON="end_of_period",a.Trace.END_OF_CONTENT_STOP_REASON="end_of_content",a.Trace.METRICS_COLLECTION_STOP_REASON="metrics_collection_end",a.Trace.FAILURE_STOP_REASON="failure",r.default=a,t.exports=r.default},{}],169:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.t=null,this.mt=null,this.to=null,this.lto=null},t.exports=r.default},{}],170:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.loadingRequests=[],this.executedRequests=[]},t.exports=r.default},{}],171:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.mediaType=null,this.t=null,this.type=null,this.startTime=null,this.availabilityStartTime=null,this.duration=null,this.quality=null,this.range=null,this.state=null},t.exports=r.default},{}],172:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=function e(){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.tcpid=null,this.dest=null,this.topen=null,this.tclose=null,this.tconnect=null},t.exports=r.default},{}]},{},[5]); \ No newline at end of file diff --git a/assets/js/drag-fields.js b/assets/js/drag-fields.js new file mode 100644 index 00000000..de350964 --- /dev/null +++ b/assets/js/drag-fields.js @@ -0,0 +1,790 @@ +/* global wpforms_builder, WPFormsBuilder, WPFormsUtils */ + +/** + * @param wpforms_builder.field_cannot_be_reordered + */ + +// noinspection ES6ConvertVarToLetConst +/** + * Form Builder Fields Drag-n-Drop module. + * + * @since 1.7.7 + */ + +var WPForms = window.WPForms || {}; // eslint-disable-line no-var + +WPForms.Admin = WPForms.Admin || {}; +WPForms.Admin.Builder = WPForms.Admin.Builder || {}; + +WPForms.Admin.Builder.DragFields = WPForms.Admin.Builder.DragFields || ( function( document, window, $ ) { + /** + * Elements holder. + * + * @since 1.7.7 + * + * @type {Object} + */ + let el = {}; + + /** + * Runtime variables. + * + * @since 1.7.7 + * + * @type {Object} + */ + const vars = {}; + + /** + * Layout field functions wrapper. + * + * @since 1.7.7 + * + * @type {Object} + */ + let fieldLayout; // eslint-disable-line prefer-const + + /** + * Public functions and properties. + * + * @since 1.7.7 + * + * @type {Object} + */ + const app = { + + /** + * Start the engine. + * + * @since 1.7.7 + */ + init() { + $( app.ready ); + }, + + /** + * DOM is fully loaded. + * + * @since 1.7.7 + */ + ready() { + app.setup(); + app.initSortableFields(); + + app.events(); + }, + + /** + * Setup. Prepare some variables. + * + * @since 1.7.7 + */ + setup() { + // Cache DOM elements. + el = { + $builder: $( '#wpforms-builder' ), + $sortableFieldsWrap: $( '#wpforms-panel-fields .wpforms-field-wrap' ), + $addFieldsButtons: $( '.wpforms-add-fields-button' ).not( '.not-draggable' ).not( '.warning-modal' ).not( '.education-modal' ), + }; + }, + + /** + * Bind events. + * + * @since 1.7.7 + */ + events() { + el.$builder + .on( 'wpformsFieldDragToggle', app.fieldDragToggleEvent ); + }, + + /** + * Disable drag & drop. + * + * @since 1.7.1 + * @since 1.7.7 Moved from admin-builder.js. + */ + disableDragAndDrop() { + el.$addFieldsButtons.filter( '.ui-draggable' ).draggable( 'disable' ); + el.$sortableFieldsWrap.sortable( 'disable' ); + el.$sortableFieldsWrap.find( '.wpforms-layout-column.ui-sortable' ).sortable( 'disable' ); + }, + + /** + * Enable drag & drop. + * + * @since 1.7.1 + * @since 1.7.7 Moved from admin-builder.js. + */ + enableDragAndDrop() { + el.$addFieldsButtons.filter( '.ui-draggable' ).draggable( 'enable' ); + el.$sortableFieldsWrap.sortable( 'enable' ); + el.$sortableFieldsWrap.find( '.wpforms-layout-column.ui-sortable' ).sortable( 'enable' ); + }, + + /** + * Show popup in case if field is not draggable, and cancel moving. + * + * @since 1.7.5 + * @since 1.7.7 Moved from admin-builder.js. + * + * @param {jQuery} $field A field or list of fields. + * @param {boolean} showPopUp Whether the pop-up should be displayed on dragging attempt. + */ + fieldDragDisable( $field, showPopUp = true ) { + if ( $field.hasClass( 'ui-draggable-disabled' ) ) { + // noinspection JSUnresolvedReference + $field.draggable( 'enable' ); + + return; + } + + let startTopPosition; + + // noinspection JSUnresolvedReference + $field.draggable( { + revert: true, + axis: 'y', + delay: 100, + opacity: 1, + cursor: 'move', + start( event, ui ) { + startTopPosition = ui.position.top; + }, + drag( event, ui ) { + if ( Math.abs( ui.position.top ) - Math.abs( startTopPosition ) > 15 ) { + if ( showPopUp ) { + app.youCantReorderFieldPopup(); + } + + return false; + } + }, + } ); + }, + + /** + * Allow field dragging. + * + * @since 1.7.5 + * @since 1.7.7 Moved from admin-builder.js. + * + * @param {jQuery} $field A field or list of fields. + */ + fieldDragEnable( $field ) { + if ( $field.hasClass( 'ui-draggable' ) ) { + return; + } + + // noinspection JSUnresolvedReference + $field.draggable( 'disable' ); + }, + + /** + * Show the error message in the popup that you cannot reorder the field. + * + * @since 1.7.1 + * @since 1.7.7 Moved from admin-builder.js. + */ + youCantReorderFieldPopup() { + $.confirm( { + title: wpforms_builder.heads_up, + content: wpforms_builder.field_cannot_be_reordered, + icon: 'fa fa-exclamation-circle', + type: 'red', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + }, + }, + } ); + }, + + /** + * Event handler for `wpformsFieldDragToggle` event. + * + * @since 1.7.7 + * + * @param {Object} e Event object. + * @param {number|string} id Field ID. + */ + fieldDragToggleEvent( e, id ) { + const $field = $( `#wpforms-field-${ id }` ); + + if ( + $field.hasClass( 'wpforms-field-not-draggable' ) || + $field.hasClass( 'wpforms-field-stick' ) + ) { + app.fieldDragDisable( $field ); + + return; + } + + app.fieldDragEnable( $field ); + }, + + /** + * Initialize sortable fields in the builder form preview area. + * + * @since 1.7.7 + */ + initSortableFields() { + app.initSortableContainer( el.$sortableFieldsWrap ); + + el.$builder.find( '.wpforms-layout-column' ).each( function() { + app.initSortableContainer( $( this ) ); + } ); + + app.fieldDragDisable( $( '.wpforms-field-not-draggable, .wpforms-field-stick' ) ); + app.initDraggableFields(); + }, + + /** + * Initialize sortable container with fields. + * + * @since 1.7.7 + * + * @param {jQuery} $sortable Container to make sortable. + */ + initSortableContainer( $sortable ) { // eslint-disable-line max-lines-per-function + const $fieldOptions = $( '#wpforms-field-options' ); + const $scrollContainer = $( '#wpforms-panel-fields .wpforms-panel-content-wrap' ); + + let fieldId, + fieldType, + isNewField, + $fieldOption, + $prevFieldOption, + prevFieldId, + currentlyScrolling = false; + + // noinspection JSUnresolvedReference + $sortable.sortable( { + items: '> .wpforms-field:not(.wpforms-field-stick):not(.no-fields-preview)', + connectWith: '.wpforms-field-wrap, .wpforms-layout-column', + delay: 100, + opacity: 1, + cursor: 'move', + cancel: '.wpforms-field-not-draggable', + placeholder: 'wpforms-field-drag-placeholder', + appendTo: '#wpforms-panel-fields', + zindex: 10000, + tolerance: 'pointer', + distance: 1, + start( e, ui ) { + fieldId = ui.item.data( 'field-id' ); + fieldType = ui.item.data( 'field-type' ); + isNewField = typeof fieldId === 'undefined'; + $fieldOption = $( '#wpforms-field-option-' + fieldId ); + + vars.fieldReceived = false; + vars.fieldRejected = false; + vars.$sortableStart = $sortable; + vars.startPosition = ui.item.first().index(); + + el.$builder.trigger( 'wpformsFieldDragStart', [ fieldId ] ); + }, + beforeStop( e, ui ) { + if ( ! vars.glitchChange ) { + return; + } + + // Before processing in the `stop` method, we need to perform the last check. + if ( ! fieldLayout.isFieldAllowedInColum( fieldType, ui.item.first().parent() ) ) { + vars.fieldRejected = true; + } + }, + stop( e, ui ) { // eslint-disable-line complexity + const $field = ui.item.first(); + + ui.placeholder.removeClass( 'wpforms-field-drag-not-allowed' ); + $field.removeClass( 'wpforms-field-drag-not-allowed' ); + + // Reject not allowed fields. + if ( vars.fieldRejected ) { + const $targetColumn = isNewField ? $sortable : $field.parent(); + + app.revertMoveFieldToColumn( $field ); + el.$builder.trigger( 'wpformsFieldMoveRejected', [ $field, ui, $targetColumn ] ); + + return; + } + + prevFieldId = $field.prev( '.wpforms-field, .wpforms-alert' ).data( 'field-id' ); + $prevFieldOption = $( `#wpforms-field-option-${ prevFieldId }` ); + + if ( $prevFieldOption.length > 0 ) { + $prevFieldOption.after( $fieldOption ); + } else { + $fieldOptions.prepend( $fieldOption ); + } + + // In the case of changing fields' order inside the same column, + // we just need to change the position of the field. + if ( ! isNewField && $field.closest( '.wpforms-layout-column' ).is( $sortable ) ) { + fieldLayout.positionFieldInColumn( + fieldId, + $field.index() - 1, + $sortable + ); + } + + const $layoutField = $field.closest( '.wpforms-field-layout, .wpforms-field-repeater' ); + + fieldLayout.fieldOptionsUpdate( null, fieldId ); + fieldLayout.reorderLayoutFieldsOptions( $layoutField ); + + if ( ! isNewField ) { + $field + .removeClass( 'wpforms-field-dragging' ) + .removeClass( 'wpforms-field-drag-over' ); + } + + $field.attr( 'style', '' ); + + el.$builder.trigger( 'wpformsFieldMove', ui ); + + vars.fieldReceived = false; + }, + over( e, ui ) { // eslint-disable-line complexity + const $field = ui.item.first(), + $target = $( e.target ), + $placeholder = $target.find( '.wpforms-field-drag-placeholder' ), + isColumn = $target.hasClass( 'wpforms-layout-column' ), + helper = { + width: $target.outerWidth(), + height: $field.outerHeight(), + }; + + let targetClass = isColumn ? ' wpforms-field-drag-to-column' : ''; + + if ( isColumn ) { + const columnSize = $target.attr( 'class' ).match( /wpforms-layout-column-(\d+)/ )[ 1 ]; + + targetClass += ` wpforms-field-drag-to-column-${ columnSize }`; + targetClass += ` wpforms-field-drag-to-${ $target.parents( '.wpforms-field' ).data( 'field-type' ) }`; + } + + fieldId = $field.data( 'field-id' ); + fieldType = $field.data( 'field-type' ) || vars.fieldType; + isNewField = typeof fieldId === 'undefined'; + + // Adjust helper size according to the placeholder size. + $field + .addClass( 'wpforms-field-dragging' + targetClass ); + + if ( ! isColumn || ! fieldLayout.isLayoutBasedField( fieldType ) ) { + $field + .css( { + width: isColumn ? helper.width - 5 : helper.width, + height: 'auto', + } ); + } + + const placeholderHeight = isColumn ? 90 : helper.height; + + // Adjust placeholder height according to the height of the helper. + $placeholder + .removeClass( 'wpforms-field-drag-not-allowed' ) + .css( { + height: isNewField ? placeholderHeight + 18 : helper.height, + } ); + + // Drop to this place is not allowed. + if ( isColumn && ! fieldLayout.isFieldAllowedInColum( fieldType, $target ) ) { + $placeholder.addClass( 'wpforms-field-drag-not-allowed' ); + $field.addClass( 'wpforms-field-drag-not-allowed' ); + } + + el.$builder.trigger( 'wpformsFieldDragOver', [ fieldId, $target ] ); + + // Skip if it is the existing field. + if ( ! isNewField ) { + return; + } + + $field + .addClass( 'wpforms-field-drag-over' ) + .removeClass( 'wpforms-field-drag-out' ); + }, + out( e, ui ) { + const $field = ui.item.first(), + // eslint-disable-next-line no-shadow + fieldId = $field.data( 'field-id' ), + // eslint-disable-next-line no-shadow + isNewField = typeof fieldId === 'undefined'; + + $field + .removeClass( 'wpforms-field-drag-not-allowed' ) + .removeClass( 'wpforms-field-drag-to-repeater' ) + .removeClass( 'wpforms-field-drag-to-layout' ) + .removeClass( function( index, className ) { + // Remove all classes starting with `wpforms-field-drag-to-column`. + return ( className.match( /wpforms-field-drag-to-column(-\d+|)/g ) || [] ).join( ' ' ); + } ); + + if ( vars.fieldReceived ) { + $field.attr( 'style', '' ); + + return; + } + + // Skip if it is the existing field. + if ( ! isNewField ) { + // Remove extra class from the parent layout field. + // Fixes disappearing of duplicate/delete field icons + // after moving the field outside the layout field. + $( ui.sender ) + .closest( '.wpforms-field-layout, .wpforms-field-repeater' ) + .removeClass( 'wpforms-field-child-hovered' ); + + return; + } + + $field + .addClass( 'wpforms-field-drag-out' ) + .removeClass( 'wpforms-field-drag-over' ); + }, + receive( e, ui ) { // eslint-disable-line complexity + const $field = $( ui.helper || ui.item ); + + fieldId = $field.data( 'field-id' ); + fieldType = $field.data( 'field-type' ) || vars.fieldType; + + // eslint-disable-next-line no-shadow + const isNewField = typeof fieldId === 'undefined', + isColumn = $sortable.hasClass( 'wpforms-layout-column' ); + + // Drop to this place is not allowed. + if ( + isColumn && + ! fieldLayout.isFieldAllowedInColum( fieldType, $sortable ) + ) { + vars.fieldRejected = true; + + return; + } + + vars.fieldReceived = true; + + $field.removeClass( 'wpforms-field-drag-over' ); + + // Move existing field. + if ( ! isNewField ) { + fieldLayout.receiveFieldToColumn( + fieldId, + ui.item.index() - 1, + $field.parent() + ); + + return; + } + + // Add new field. + const position = $sortable.data( 'ui-sortable' ).currentItem.index(); + + $field + .addClass( 'wpforms-field-drag-over wpforms-field-drag-pending' ) + .removeClass( 'wpforms-field-drag-out' ) + .append( WPFormsBuilder.settings.spinnerInline ) + .css( 'width', '100%' ); + + el.$builder.find( '.no-fields-preview' ).remove(); + + WPFormsBuilder.fieldAdd( + vars.fieldType, + { + position: isColumn ? position - 1 : position, + placeholder: $field, + $sortable, + } + ); + + vars.fieldType = undefined; + }, + change( e, ui ) { + const $placeholderSortable = ui.placeholder.parent(); + const $targetSortable = $( e.target ); + + vars.glitchChange = false; + + // In some cases sortable widget display placeholder in wrong sortable instance. + // It's happens when you drag the field over/out the last column of the last Layout field. + if ( + ! $sortable.is( $placeholderSortable ) && + $sortable.hasClass( 'wpforms-field-wrap' ) && + $placeholderSortable.hasClass( 'wpforms-layout-column' ) + ) { + vars.glitchChange = true; + } + + el.$builder.trigger( 'wpformsFieldDragChange', [ fieldId, $targetSortable ] ); + }, + sort( e ) { + if ( currentlyScrolling ) { + return; + } + + const scrollAreaHeight = 50, + mouseYPosition = e.clientY, + containerOffset = $scrollContainer.offset(), + containerHeight = $scrollContainer.height(), + containerBottom = containerOffset.top + containerHeight; + + let operator; + + if ( + mouseYPosition > containerOffset.top && + mouseYPosition < ( containerOffset.top + scrollAreaHeight ) + ) { + operator = '-='; + } else if ( + mouseYPosition > ( containerBottom - scrollAreaHeight ) && + mouseYPosition < containerBottom + ) { + operator = '+='; + } else { + return; + } + + currentlyScrolling = true; + + $scrollContainer.animate( + { + scrollTop: operator + ( containerHeight / 3 ) + 'px', + }, + 800, + function() { + currentlyScrolling = false; + } + ); + }, + } ); + }, + + /** + * Initialize draggable fields buttons. + * + * @since 1.7.7 + */ + initDraggableFields() { + el.$addFieldsButtons.draggable( { + connectToSortable: '.wpforms-field-wrap, .wpforms-layout-column', + delay: 200, + cancel: false, + scroll: false, + opacity: 1, + appendTo: '#wpforms-panel-fields', + zindex: 10000, + + helper() { + const $this = $( this ); + const $el = $( '
    ' ); + + vars.fieldType = $this.data( 'field-type' ); + + return $el.html( $this.html() ); + }, + + start( e, ui ) { + const event = WPFormsUtils.triggerEvent( + el.$builder, + 'wpformsFieldAddDragStart', + [ vars.fieldType, ui ] + ); + + // Allow callbacks on `wpformsFieldAddDragStart` to cancel dragging the field + // by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return false; + } + }, + + stop( e, ui ) { + const event = WPFormsUtils.triggerEvent( + el.$builder, + 'wpformsFieldAddDragStop', + [ vars.fieldType, ui ] + ); + + // Allow callbacks on `wpformsFieldAddDragStop` to cancel dragging the field + // by triggering `event.preventDefault()`. + if ( event.isDefaultPrevented() ) { + return false; + } + }, + } ); + }, + + /** + * Revert moving the field to the column. + * + * @since 1.7.7 + * + * @param {jQuery} $field Field object. + */ + revertMoveFieldToColumn( $field ) { + const isNewField = $field.data( 'field-id' ) === undefined; + + if ( isNewField ) { + // Remove the field. + $field.remove(); + + return; + } + + // Restore existing field on the previous position. + $field = $field.detach(); + + const $fieldInStartPosition = vars.$sortableStart + .find( '> .wpforms-field' ) + .eq( vars.startPosition ); + + $field + .removeClass( 'wpforms-field-dragging' ) + .removeClass( 'wpforms-field-drag-over' ) + .attr( 'style', '' ); + + if ( $fieldInStartPosition.length ) { + $fieldInStartPosition.before( $field ); + + return; + } + + vars.$sortableStart.append( $field ); + }, + }; + + /** + * Layout field functions holder. + * + * @since 1.7.7 + * + * @type {Object} + */ + fieldLayout = { + + /** + * Position field in the column inside the Layout Field. + * + * @since 1.7.7 + * + * @param {number} fieldId Field ID. + * @param {number} position The new position of the field inside the column. + * @param {jQuery} $sortable Sortable column container. + */ + positionFieldInColumn( fieldId, position, $sortable ) { + if ( ! WPForms.Admin.Builder.FieldLayout ) { + return; + } + + WPForms.Admin.Builder.FieldLayout.positionFieldInColumn( fieldId, position, $sortable ); + }, + + /** + * Receive field to column inside the Layout Field. + * + * @since 1.7.7 + * + * @param {number} fieldId Field ID. + * @param {number} position Field position inside the column. + * @param {jQuery} $sortable Sortable column container. + */ + receiveFieldToColumn( fieldId, position, $sortable ) { + if ( ! WPForms.Admin.Builder.FieldLayout ) { + return; + } + + WPForms.Admin.Builder.FieldLayout.receiveFieldToColumn( fieldId, position, $sortable ); + }, + + /** + * Update field options according to the position of the field. + * Event `wpformsFieldOptionTabToggle` handler. + * + * @since 1.7.7 + * + * @param {Event} e Event. + * @param {number} fieldId Field id. + */ + fieldOptionsUpdate( e, fieldId ) { + if ( ! WPForms.Admin.Builder.FieldLayout ) { + return; + } + + WPForms.Admin.Builder.FieldLayout.fieldOptionsUpdate( e, fieldId ); + }, + + /** + * Reorder fields options of the fields in columns. + * It is not critical, but it's better to keep some order in the `fields` data array. + * + * @since 1.7.7 + * + * @param {jQuery} $layoutField Layout field object. + */ + reorderLayoutFieldsOptions( $layoutField ) { + if ( ! WPForms.Admin.Builder.FieldLayout ) { + return; + } + + WPForms.Admin.Builder.FieldLayout.reorderLayoutFieldsOptions( $layoutField ); + }, + + /** + * Whether the field type is allowed to be in column. + * + * @since 1.7.7 + * + * @param {string} fieldType Field type to check. + * @param {jQuery} $targetColumn Target column element. + * + * @return {boolean} True if allowed. + */ + isFieldAllowedInColum( fieldType, $targetColumn ) { + if ( ! WPForms.Admin.Builder.FieldLayout ) { + return true; + } + + const isAllowed = WPForms.Admin.Builder.FieldLayout.isFieldAllowedInColum( fieldType, $targetColumn ); + + /** + * Allows developers to determine whether the field is allowed to be dragged in column. + * + * @since 1.8.9 + * + * @param {boolean} isAllowed Whether the field is allowed to be placed in the column. + * @param {string} fieldType Field type. + * @param {jQuery} $targetColumn Target column element. + * + * @return {boolean} True if allowed. + */ + return wp.hooks.applyFilters( 'wpforms.LayoutField.isFieldAllowedDragInColumn', isAllowed, fieldType, $targetColumn ); + }, + + /** + * Determine whether the field type is a layout-based field. + * + * @since 1.8.9 + * + * @param {string} fieldType Field type to check. + * + * @return {boolean} True if it is the Layout-based field. + */ + isLayoutBasedField( fieldType ) { + if ( ! WPForms.Admin.Builder.FieldLayout ) { + return false; + } + + return WPForms.Admin.Builder.FieldLayout.isLayoutBasedField( fieldType ); + }, + }; + + // Provide access to public functions/properties. + return app; +}( document, window, jQuery ) ); + +// Initialize. +WPForms.Admin.Builder.DragFields.init(); diff --git a/assets/js/drag-fields.min.js b/assets/js/drag-fields.min.js new file mode 100644 index 00000000..6e45c8cd --- /dev/null +++ b/assets/js/drag-fields.min.js @@ -0,0 +1 @@ +var WPForms=window.WPForms||{};WPForms.Admin=WPForms.Admin||{},WPForms.Admin.Builder=WPForms.Admin.Builder||{},WPForms.Admin.Builder.DragFields=WPForms.Admin.Builder.DragFields||function(g){let w={};const c={};let F;const b={init(){g(b.ready)},ready(){b.setup(),b.initSortableFields(),b.events()},setup(){w={$builder:g("#wpforms-builder"),$sortableFieldsWrap:g("#wpforms-panel-fields .wpforms-field-wrap"),$addFieldsButtons:g(".wpforms-add-fields-button").not(".not-draggable").not(".warning-modal").not(".education-modal")}},events(){w.$builder.on("wpformsFieldDragToggle",b.fieldDragToggleEvent)},disableDragAndDrop(){w.$addFieldsButtons.filter(".ui-draggable").draggable("disable"),w.$sortableFieldsWrap.sortable("disable"),w.$sortableFieldsWrap.find(".wpforms-layout-column.ui-sortable").sortable("disable")},enableDragAndDrop(){w.$addFieldsButtons.filter(".ui-draggable").draggable("enable"),w.$sortableFieldsWrap.sortable("enable"),w.$sortableFieldsWrap.find(".wpforms-layout-column.ui-sortable").sortable("enable")},fieldDragDisable(e,i=!0){if(e.hasClass("ui-draggable-disabled"))e.draggable("enable");else{let l;e.draggable({revert:!0,axis:"y",delay:100,opacity:1,cursor:"move",start(e,r){l=r.position.top},drag(e,r){if(15 .wpforms-field:not(.wpforms-field-stick):not(.no-fields-preview)",connectWith:".wpforms-field-wrap, .wpforms-layout-column",delay:100,opacity:1,cursor:"move",cancel:".wpforms-field-not-draggable",placeholder:"wpforms-field-drag-placeholder",appendTo:"#wpforms-panel-fields",zindex:1e4,tolerance:"pointer",distance:1,start(e,r){t=r.item.data("field-id"),s=r.item.data("field-type"),n=void 0===t,f=g("#wpforms-field-option-"+t),c.fieldReceived=!1,c.fieldRejected=!1,c.$sortableStart=o,c.startPosition=r.item.first().index(),w.$builder.trigger("wpformsFieldDragStart",[t])},beforeStop(e,r){!c.glitchChange||F.isFieldAllowedInColum(s,r.item.first().parent())||(c.fieldRejected=!0)},stop(e,r){var l,i=r.item.first();r.placeholder.removeClass("wpforms-field-drag-not-allowed"),i.removeClass("wpforms-field-drag-not-allowed"),c.fieldRejected?(l=n?o:i.parent(),b.revertMoveFieldToColumn(i),w.$builder.trigger("wpformsFieldMoveRejected",[i,r,l])):(p=i.prev(".wpforms-field, .wpforms-alert").data("field-id"),0<(m=g("#wpforms-field-option-"+p)).length?m.after(f):d.prepend(f),!n&&i.closest(".wpforms-layout-column").is(o)&&F.positionFieldInColumn(t,i.index()-1,o),l=i.closest(".wpforms-field-layout, .wpforms-field-repeater"),F.fieldOptionsUpdate(null,t),F.reorderLayoutFieldsOptions(l),n||i.removeClass("wpforms-field-dragging").removeClass("wpforms-field-drag-over"),i.attr("style",""),w.$builder.trigger("wpformsFieldMove",r),c.fieldReceived=!1)},over(e,r){var r=r.item.first(),e=g(e.target),l=e.find(".wpforms-field-drag-placeholder"),i=e.hasClass("wpforms-layout-column"),d={width:e.outerWidth(),height:r.outerHeight()};let o=i?" wpforms-field-drag-to-column":"";i&&(a=e.attr("class").match(/wpforms-layout-column-(\d+)/)[1],o=(o+=" wpforms-field-drag-to-column-"+a)+" wpforms-field-drag-to-"+e.parents(".wpforms-field").data("field-type")),t=r.data("field-id"),s=r.data("field-type")||c.fieldType,n=void 0===t,r.addClass("wpforms-field-dragging"+o),i&&F.isLayoutBasedField(s)||r.css({width:i?d.width-5:d.width,height:"auto"});var a=i?90:d.height;l.removeClass("wpforms-field-drag-not-allowed").css({height:n?a+18:d.height}),i&&!F.isFieldAllowedInColum(s,e)&&(l.addClass("wpforms-field-drag-not-allowed"),r.addClass("wpforms-field-drag-not-allowed")),w.$builder.trigger("wpformsFieldDragOver",[t,e]),n&&r.addClass("wpforms-field-drag-over").removeClass("wpforms-field-drag-out")},out(e,r){var l=r.item.first(),i=void 0===l.data("field-id");l.removeClass("wpforms-field-drag-not-allowed").removeClass("wpforms-field-drag-to-repeater").removeClass("wpforms-field-drag-to-layout").removeClass(function(e,r){return(r.match(/wpforms-field-drag-to-column(-\d+|)/g)||[]).join(" ")}),c.fieldReceived?l.attr("style",""):i?l.addClass("wpforms-field-drag-out").removeClass("wpforms-field-drag-over"):g(r.sender).closest(".wpforms-field-layout, .wpforms-field-repeater").removeClass("wpforms-field-child-hovered")},receive(e,r){var l=g(r.helper||r.item),i=(t=l.data("field-id"),s=l.data("field-type")||c.fieldType,void 0===t),d=o.hasClass("wpforms-layout-column");d&&!F.isFieldAllowedInColum(s,o)?c.fieldRejected=!0:(c.fieldReceived=!0,l.removeClass("wpforms-field-drag-over"),i?(i=o.data("ui-sortable").currentItem.index(),l.addClass("wpforms-field-drag-over wpforms-field-drag-pending").removeClass("wpforms-field-drag-out").append(WPFormsBuilder.settings.spinnerInline).css("width","100%"),w.$builder.find(".no-fields-preview").remove(),WPFormsBuilder.fieldAdd(c.fieldType,{position:d?i-1:i,placeholder:l,$sortable:o}),c.fieldType=void 0):F.receiveFieldToColumn(t,r.item.index()-1,l.parent()))},change(e,r){r=r.placeholder.parent(),e=g(e.target);c.glitchChange=!1,!o.is(r)&&o.hasClass("wpforms-field-wrap")&&r.hasClass("wpforms-layout-column")&&(c.glitchChange=!0),w.$builder.trigger("wpformsFieldDragChange",[t,e])},sort(r){if(!u){var r=r.clientY,l=a.offset(),i=a.height(),d=l.top+i;let e;if(r>l.top&&r');return c.fieldType=e.data("field-type"),r.html(e.html())},start(e,r){if(WPFormsUtils.triggerEvent(w.$builder,"wpformsFieldAddDragStart",[c.fieldType,r]).isDefaultPrevented())return!1},stop(e,r){if(WPFormsUtils.triggerEvent(w.$builder,"wpformsFieldAddDragStop",[c.fieldType,r]).isDefaultPrevented())return!1}})},revertMoveFieldToColumn(e){var r;void 0===e.data("field-id")?e.remove():(e=e.detach(),r=c.$sortableStart.find("> .wpforms-field").eq(c.startPosition),e.removeClass("wpforms-field-dragging").removeClass("wpforms-field-drag-over").attr("style",""),r.length?r.before(e):c.$sortableStart.append(e))}};return F={positionFieldInColumn(e,r,l){WPForms.Admin.Builder.FieldLayout&&WPForms.Admin.Builder.FieldLayout.positionFieldInColumn(e,r,l)},receiveFieldToColumn(e,r,l){WPForms.Admin.Builder.FieldLayout&&WPForms.Admin.Builder.FieldLayout.receiveFieldToColumn(e,r,l)},fieldOptionsUpdate(e,r){WPForms.Admin.Builder.FieldLayout&&WPForms.Admin.Builder.FieldLayout.fieldOptionsUpdate(e,r)},reorderLayoutFieldsOptions(e){WPForms.Admin.Builder.FieldLayout&&WPForms.Admin.Builder.FieldLayout.reorderLayoutFieldsOptions(e)},isFieldAllowedInColum(e,r){var l;return!WPForms.Admin.Builder.FieldLayout||(l=WPForms.Admin.Builder.FieldLayout.isFieldAllowedInColum(e,r),wp.hooks.applyFilters("wpforms.LayoutField.isFieldAllowedDragInColumn",l,e,r))},isLayoutBasedField(e){return!!WPForms.Admin.Builder.FieldLayout&&WPForms.Admin.Builder.FieldLayout.isLayoutBasedField(e)}},b}((document,window,jQuery)),WPForms.Admin.Builder.DragFields.init(); \ No newline at end of file diff --git a/assets/js/dropdown-list.js b/assets/js/dropdown-list.js new file mode 100644 index 00000000..b08e3027 --- /dev/null +++ b/assets/js/dropdown-list.js @@ -0,0 +1,287 @@ +/** + * WPForms Builder Dropdown List module. + * + * @since 1.8.4 + */ + +/* + Usage: + + dropdownList = WPForms.Admin.Builder.DropdownList.init( { + class: 'insert-field-dropdown', // Additional CSS class. + title: 'Dropdown Title', // Dropdown title. + list: [ // Items list. + { value: '1', text: 'Item 1' }, + { value: '2', text: 'Item 2' }, + { value: '3', text: 'Item 3' }, + ], + container: $( '.holder-container' ), // Holder container. Optional. + scrollableContainer: $( '.scrollable-container' ), // Scrollable container. Optional. + button: $( '.button' ), // Button. + buttonDistance: 21, // Distance from dropdown to the button. + itemFormat( item ) { // Item element renderer. Optional. + return `${ item.text }`; + }, + onSelect( event, value, text, $item, instance ) { // On select event handler. + console.log( 'Item selected:', text ); + instance.close(); + $button.removeClass( 'active' ); + }, + } ); +*/ + +var WPForms = window.WPForms || {}; // eslint-disable-line no-var + +WPForms.Admin = WPForms.Admin || {}; +WPForms.Admin.Builder = WPForms.Admin.Builder || {}; + +WPForms.Admin.Builder.DropdownList = WPForms.Admin.Builder.DropdownList || ( function( document, window, $ ) { + /** + * DropdownList object constructor. + * + * @since 1.8.4 + * + * @type {Object} + */ + function DropdownList( options ) { // eslint-disable-line max-lines-per-function + const self = this; + + /** + * Default options. + * + * @since 1.8.4 + * + * @type {Object} + */ + const defaultOptions = { + class: '', + title: '', + list: [], + container: null, + scrollableContainer: null, + button: null, + buttonDistance: 10, + onSelect: null, + itemFormat( item ) { + return item.text; + }, + }; + + /** + * Options. + * + * @since 1.8.4 + * + * @type {jQuery} + */ + self.options = $.extend( defaultOptions, options ); + + /** + * Main dropdown container. + * + * @since 1.8.4 + * + * @type {jQuery} + */ + self.$el = null; + + /** + * Form builder container. + * + * @since 1.8.4 + * + * @type {jQuery} + */ + self.$builder = $( '#wpforms-builder' ); + + /** + * Close the dropdown. + * + * @since 1.8.4 + */ + self.close = function() { + self.$el.addClass( 'closed' ); + }; + + /** + * Open the dropdown. + * + * @since 1.8.4 + */ + self.open = function() { + self.$el.removeClass( 'closed' ); + self.setPosition(); + + // Close dropdown on click outside. + self.$builder.on( 'click.DropdowmList', function( e ) { + const $target = $( e.target ); + + if ( $target.closest( self.$el ).length || $target.hasClass( 'button-insert-field' ) ) { + return; + } + + self.$builder.off( 'click.DropdowmList' ); + + const $button = $( self.options.button ); + + if ( $button.hasClass( 'active' ) ) { + $button.trigger( 'click' ); + } + } ); + }; + + /** + * Generate the dropdown HTML. + * + * @since 1.8.4 + * + * @return {string} HTML. + */ + self.generateHtml = function() { + const list = self.options.list; + + if ( ! list || list.length === 0 ) { + return ''; + } + + const itemFormat = typeof self.options.itemFormat === 'function' ? self.options.itemFormat : defaultOptions.itemFormat; + + // Generate HTML. + const items = []; + + for ( const i in list ) { + items.push( `
  • ${ itemFormat( list[ i ] ) }
    • ` ); + } + + return `
    +
    ${ self.options.title }
    +
      ${ items.join( '' ) }
    +
    `; + }; + + /** + * Attach dropdown to DOM. + * + * @since 1.8.4 + */ + self.attach = function() { + const html = self.generateHtml(); + + // Remove old dropdown. + if ( self.$el && self.$el.length ) { + self.$el.remove(); + } + + // Create jQuery objects. + self.$el = $( html ); + self.$button = $( self.options.button ); + self.$container = self.options.container ? $( self.options.container ) : self.$button.parent(); + self.$scrollableContainer = self.options.scrollableContainer ? $( self.options.scrollableContainer ) : null; + + // Add the dropdown to the container. + self.$container.append( self.$el ); + + self.setPosition(); + }; + + /** + * Set dropdown position. + * + * @since 1.8.4 + */ + self.setPosition = function() { + // Calculate position. + const buttonOffset = self.$button.offset(), + containerOffset = self.$container.offset(), + containerPosition = self.$container.position(), + dropdownHeight = self.$el.height(), + scrollTop = self.$scrollableContainer ? self.$scrollableContainer.scrollTop() : 0; + + let top = buttonOffset.top - containerOffset.top - dropdownHeight - self.options.buttonDistance; + + // In the case of the dropdown doesn't fit into the scrollable container to top, it is needed to open the dropdown to the bottom. + if ( scrollTop + containerPosition.top - dropdownHeight < 0 ) { + top = buttonOffset.top - containerOffset.top + self.$button.height() + self.options.buttonDistance - 11; + } + + self.$el.css( 'top', top ); + + // The dropdown is outside the field options, it is needed to set `left` positioning value. + if ( self.$container.closest( '.wpforms-field-option' ).length === 0 ) { + self.$el.css( 'left', buttonOffset.left - containerOffset.left ); + } + }; + + /** + * Events. + * + * @since 1.8.4 + */ + self.events = function() { + // Click (select) the item. + self.$el.find( 'li' ).off() + .on( 'click', function( event ) { + // Bail if callback is not a function. + if ( typeof self.options.onSelect !== 'function' ) { + return; + } + + const $item = $( this ); + + self.options.onSelect( event, $item.data( 'value' ), $item.text(), $item, self ); + } ); + }; + + /** + * Initialize. + * + * @since 1.8.4 + * + * @param {Array} list List of items. + */ + self.init = function( list = null ) { + self.options.list = list ? list : self.options.list; + + self.attach(); + self.events(); + + self.$button.data( 'dropdown-list', self ); + }; + + /** + * Destroy. + * + * @since 1.8.4 + */ + self.destroy = function() { + self.$button.data( 'dropdown-list', null ); + self.$el.remove(); + }; + + // Initialize. + self.init(); + } + + /** + * Public functions and properties. + * + * @since 1.8.4 + * + * @type {Object} + */ + return { + + /** + * Start the engine. DOM is not ready yet, use only to init something. + * + * @since 1.8.4 + * + * @param {Object} options Options. + * + * @return {Object} DropdownList instance. + */ + init( options ) { + return new DropdownList( options ); + }, + }; +}( document, window, jQuery ) ); diff --git a/assets/js/dropdown-list.min.js b/assets/js/dropdown-list.min.js new file mode 100644 index 00000000..b62c9f60 --- /dev/null +++ b/assets/js/dropdown-list.min.js @@ -0,0 +1,4 @@ +var WPForms=window.WPForms||{};WPForms.Admin=WPForms.Admin||{},WPForms.Admin.Builder=WPForms.Admin.Builder||{},WPForms.Admin.Builder.DropdownList=WPForms.Admin.Builder.DropdownList||function(n){function o(t){const s=this,i={class:"",title:"",list:[],container:null,scrollableContainer:null,button:null,buttonDistance:10,onSelect:null,itemFormat(t){return t.text}};s.options=n.extend(i,t),s.$el=null,s.$builder=n("#wpforms-builder"),s.close=function(){s.$el.addClass("closed")},s.open=function(){s.$el.removeClass("closed"),s.setPosition(),s.$builder.on("click.DropdowmList",function(t){var t=n(t.target);t.closest(s.$el).length||t.hasClass("button-insert-field")||(s.$builder.off("click.DropdowmList"),(t=n(s.options.button)).hasClass("active")&&t.trigger("click"))})},s.generateHtml=function(){var t=s.options.list;if(!t||0===t.length)return"";var o=("function"==typeof s.options.itemFormat?s.options:i).itemFormat,n=[];for(const e in t)n.push(`
  • ${o(t[e])}
    • `);return`
    +
    ${s.options.title}
    +
      ${n.join("")}
    +
    `},s.attach=function(){var t=s.generateHtml();s.$el&&s.$el.length&&s.$el.remove(),s.$el=n(t),s.$button=n(s.options.button),s.$container=s.options.container?n(s.options.container):s.$button.parent(),s.$scrollableContainer=s.options.scrollableContainer?n(s.options.scrollableContainer):null,s.$container.append(s.$el),s.setPosition()},s.setPosition=function(){var t=s.$button.offset(),o=s.$container.offset(),n=s.$container.position(),e=s.$el.height(),i=s.$scrollableContainer?s.$scrollableContainer.scrollTop():0;let l=t.top-o.top-e-s.options.buttonDistance;i+n.top-e<0&&(l=t.top-o.top+s.$button.height()+s.options.buttonDistance-11),s.$el.css("top",l),0===s.$container.closest(".wpforms-field-option").length&&s.$el.css("left",t.left-o.left)},s.events=function(){s.$el.find("li").off().on("click",function(t){var o;"function"==typeof s.options.onSelect&&(o=n(this),s.options.onSelect(t,o.data("value"),o.text(),o,s))})},s.init=function(t=null){s.options.list=t||s.options.list,s.attach(),s.events(),s.$button.data("dropdown-list",s)},s.destroy=function(){s.$button.data("dropdown-list",null),s.$el.remove()},s.init()}return{init(t){return new o(t)}}}((document,window,jQuery)); \ No newline at end of file diff --git a/assets/js/eb-animation-load.js b/assets/js/eb-animation-load.js new file mode 100644 index 00000000..19489d67 --- /dev/null +++ b/assets/js/eb-animation-load.js @@ -0,0 +1 @@ +(()=>{window.addEventListener("DOMContentLoaded",(function(n){var o=".eb___animated";e(o).then((function(e){var n=document.querySelectorAll(o);t(n),window.addEventListener("scroll",(function(e){t(n)}),!0)}))}));var e=function(e){return new Promise((function(t){setTimeout((function(){var o=n();if(null!=o&&o.querySelector(e))return t(o.querySelector(e));var r=new MutationObserver((function(n){o&&o.querySelector(e)&&(t(o.querySelector(e)),r.disconnect())}));r.observe(document.body,{childList:!0,attributes:!0,subtree:!0})}),500)}))},t=function(e){e.forEach((function(e){if((i=e.getBoundingClientRect()).top>=0&&i.top<=(window.innerHeight||document.documentElement.clientHeight)&&i.left>=0&&i.right<=(window.innerWidth||document.documentElement.clientWidth)){var t,n,o=[],r=[];e.classList.forEach((function(e){e.includes("eb___")&&(o.push(e),r.push(e.replace("eb___","eb__")))})),(t=e.classList).add.apply(t,r),(n=e.classList).remove.apply(n,o)}var i}))},n=function(){var e;if(null===(e=eb_conditional_localize)||void 0===e||!e.editor_type)return document;var t=document.querySelector('[name="editor-canvas"]');return t?t.contentDocument?t.contentDocument.querySelector(".editor-styles-wrapper"):t.contentWindow.document.querySelector(".editor-styles-wrapper"):document.querySelector(".editor-styles-wrapper")}})(); \ No newline at end of file diff --git a/assets/js/eb-blocks-localize.js b/assets/js/eb-blocks-localize.js new file mode 100644 index 00000000..e69de29b diff --git a/assets/js/eb-editor-breakpoint.js b/assets/js/eb-editor-breakpoint.js new file mode 100644 index 00000000..11e08455 --- /dev/null +++ b/assets/js/eb-editor-breakpoint.js @@ -0,0 +1 @@ +(()=>{var e=EssentialBlocksLocalize.responsiveBreakpoints,t=document.documentElement;Object.keys(e).length>0&&Object.keys(e).map((function(n){t.style.setProperty("--eb-".concat(n,"-breakpoint"),"".concat(e[n],"px"))}))})(); \ No newline at end of file diff --git a/assets/js/eb-patterns.js b/assets/js/eb-patterns.js new file mode 100644 index 00000000..9896b914 --- /dev/null +++ b/assets/js/eb-patterns.js @@ -0,0 +1 @@ +(()=>{var e="\n\t.eb-more-patterns-btn{\n\t\tmargin: 10px 20px;\n\t\tpadding: 12px 15px;\n\t\tdisplay: inline-block;\n\t\tcursor: pointer;\n\t\tbackground: #5d4fff;\n\t\tcursor: pointer;\n\t\tborder: 0;\n\t\tborder-radius: 4px;\n\t\tfont-size: 14px;\n\t\tcolor: #fff !important;\n\t\ttext-align: center;\n\t\ttext-decoration: none !important;\n\t}\n\t.eb-more-patterns-btn:hover{\n\t\tbackground: #493bed;\n\t}\n",t=document.createElement("style");t.innerText=e,document.head.appendChild(t),document.addEventListener("DOMContentLoaded",(function(){document.querySelector("body").addEventListener("change",(function(t){var n=document.querySelector(".block-editor-inserter__tabs .block-editor-inserter__panel-header .components-select-control__input");if(n&&"essential-blocks"===n.value.trim().toLowerCase()){var r,o,l=document.createElement("a");l.classList.add("eb-more-patterns-btn"),l.href="#";var a=document.createElement("style");a.innerText=e,document.head.appendChild(a);var i=null===(r=EssentialBlocksLocalize)||void 0===r?void 0:r.get_plugins["templately/templately.php"],c=null===(o=EssentialBlocksLocalize)||void 0===o||null===(o=o.get_plugins["templately/templately.php"])||void 0===o?void 0:o.active;c&&(l.innerHTML="See more in Templately",l.classList.add("templately-active")),!c&&i&&(l.innerHTML="Active Templately to get more",l.href=EssentialBlocksLocalize.eb_admin_url+"plugins.php",l.target="_blank"),c||i||(l.innerHTML="Install Templately to get more",l.href=EssentialBlocksLocalize.eb_admin_url+"plugin-install.php?s=templately&tab=search&type=term",l.target="_blank"),n.closest(".components-tab-panel__tab-content").append(l)}else(l=document.querySelector(".eb-more-patterns-btn"))&&l.remove();var s=document.querySelector(".eb-more-patterns-btn.templately-active");s&&s.addEventListener("click",(function(e){document.querySelector(".gutenberg-add-templately-button").click()}))}))}))})(); \ No newline at end of file diff --git a/assets/js/edit-post.es5.js b/assets/js/edit-post.es5.js new file mode 100644 index 00000000..67cf8ae1 --- /dev/null +++ b/assets/js/edit-post.es5.js @@ -0,0 +1,345 @@ +(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } +function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } } +function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } +/* global wpforms_edit_post_education */ + +// noinspection ES6ConvertVarToLetConst +/** + * WPForms Edit Post Education function. + * + * @since 1.8.1 + */ + +// eslint-disable-next-line no-var, no-unused-vars +var WPFormsEditPostEducation = window.WPFormsEditPostEducation || function (document, window, $) { + /** + * Public functions and properties. + * + * @since 1.8.1 + * + * @type {Object} + */ + var app = { + /** + * Determine if the notice was shown before. + * + * @since 1.8.1 + */ + isNoticeVisible: false, + /** + * Start the engine. + * + * @since 1.8.1 + */ + init: function init() { + $(window).on('load', function () { + // In the case of jQuery 3.+, we need to wait for a ready event first. + if (typeof $.ready.then === 'function') { + $.ready.then(app.load); + } else { + app.load(); + } + }); + }, + /** + * Page load. + * + * @since 1.8.1 + */ + load: function load() { + if (!app.isGutenbergEditor()) { + app.maybeShowClassicNotice(); + app.bindClassicEvents(); + return; + } + var blockLoadedInterval = setInterval(function () { + if (!document.querySelector('.editor-post-title__input, iframe[name="editor-canvas"]')) { + return; + } + clearInterval(blockLoadedInterval); + if (!app.isFse()) { + app.maybeShowGutenbergNotice(); + app.bindGutenbergEvents(); + return; + } + var iframe = document.querySelector('iframe[name="editor-canvas"]'); + var observer = new MutationObserver(function () { + var iframeDocument = iframe.contentDocument || iframe.contentWindow.document || {}; + if (iframeDocument.readyState === 'complete' && iframeDocument.querySelector('.editor-post-title__input')) { + app.maybeShowGutenbergNotice(); + app.bindFseEvents(); + observer.disconnect(); + } + }); + observer.observe(document.body, { + subtree: true, + childList: true + }); + }, 200); + }, + /** + * Bind events for Classic Editor. + * + * @since 1.8.1 + */ + bindClassicEvents: function bindClassicEvents() { + var $document = $(document); + if (!app.isNoticeVisible) { + $document.on('input', '#title', _.debounce(app.maybeShowClassicNotice, 1000)); + } + $document.on('click', '.wpforms-edit-post-education-notice-close', app.closeNotice); + }, + /** + * Bind events for Gutenberg Editor. + * + * @since 1.8.1 + */ + bindGutenbergEvents: function bindGutenbergEvents() { + var $document = $(document); + $document.on('DOMSubtreeModified', '.edit-post-layout', app.distractionFreeModeToggle); + if (app.isNoticeVisible) { + return; + } + $document.on('input', '.editor-post-title__input', _.debounce(app.maybeShowGutenbergNotice, 1000)).on('DOMSubtreeModified', '.editor-post-title__input', _.debounce(app.maybeShowGutenbergNotice, 1000)); + }, + /** + * Bind events for Gutenberg Editor in FSE mode. + * + * @since 1.8.1 + */ + bindFseEvents: function bindFseEvents() { + var $iframe = $('iframe[name="editor-canvas"]'); + $(document).on('DOMSubtreeModified', '.edit-post-layout', app.distractionFreeModeToggle); + $iframe.contents().on('input', '.editor-post-title__input', _.debounce(app.maybeShowGutenbergNotice, 1000)).on('DOMSubtreeModified', '.editor-post-title__input', _.debounce(app.maybeShowGutenbergNotice, 1000)); + }, + /** + * Determine if the editor is Gutenberg. + * + * @since 1.8.1 + * + * @return {boolean} True if the editor is Gutenberg. + */ + isGutenbergEditor: function isGutenbergEditor() { + return typeof wp !== 'undefined' && typeof wp.blocks !== 'undefined'; + }, + /** + * Determine if the editor is Gutenberg in FSE mode. + * + * @since 1.8.1 + * + * @return {boolean} True if the Gutenberg editor in FSE mode. + */ + isFse: function isFse() { + return Boolean($('iframe[name="editor-canvas"]').length); + }, + /** + * Create a notice for Gutenberg. + * + * @since 1.8.1 + */ + showGutenbergNotice: function showGutenbergNotice() { + wp.data.dispatch('core/notices').createInfoNotice(wpforms_edit_post_education.gutenberg_notice.template, app.getGutenbergNoticeSettings()); + + // The notice component doesn't have a way to add HTML id or class to the notice. + // Also, the notice became visible with a delay on old Gutenberg versions. + var hasNotice = setInterval(function () { + var noticeBody = $('.wpforms-edit-post-education-notice-body'); + if (!noticeBody.length) { + return; + } + var $notice = noticeBody.closest('.components-notice'); + $notice.addClass('wpforms-edit-post-education-notice'); + $notice.find('.is-secondary, .is-link').removeClass('is-secondary').removeClass('is-link').addClass('is-primary'); + + // We can't use onDismiss callback as it was introduced in WordPress 6.0 only. + var dismissButton = $notice.find('.components-notice__dismiss'); + if (dismissButton) { + dismissButton.on('click', function () { + app.updateUserMeta(); + }); + } + clearInterval(hasNotice); + }, 100); + }, + /** + * Get settings for the Gutenberg notice. + * + * @since 1.8.1 + * + * @return {Object} Notice settings. + */ + getGutenbergNoticeSettings: function getGutenbergNoticeSettings() { + var pluginName = 'wpforms-edit-post-product-education-guide'; + var noticeSettings = { + id: pluginName, + isDismissible: true, + HTML: true, + __unstableHTML: true, + actions: [{ + className: 'wpforms-edit-post-education-notice-guide-button', + variant: 'primary', + label: wpforms_edit_post_education.gutenberg_notice.button + }] + }; + if (!wpforms_edit_post_education.gutenberg_guide) { + noticeSettings.actions[0].url = wpforms_edit_post_education.gutenberg_notice.url; + return noticeSettings; + } + var Guide = wp.components.Guide; + var useState = wp.element.useState; + var registerPlugin = wp.plugins.registerPlugin; + var unregisterPlugin = wp.plugins.unregisterPlugin; + var GutenbergTutorial = function GutenbergTutorial() { + var _useState = useState(true), + _useState2 = _slicedToArray(_useState, 2), + isOpen = _useState2[0], + setIsOpen = _useState2[1]; + if (!isOpen) { + return null; + } + return ( + /*#__PURE__*/ + // eslint-disable-next-line react/react-in-jsx-scope + React.createElement(Guide, { + className: "edit-post-welcome-guide", + onFinish: function onFinish() { + unregisterPlugin(pluginName); + setIsOpen(false); + }, + pages: app.getGuidePages() + }) + ); + }; + noticeSettings.actions[0].onClick = function () { + return registerPlugin(pluginName, { + render: GutenbergTutorial + }); + }; + return noticeSettings; + }, + /** + * Get Guide pages in proper format. + * + * @since 1.8.1 + * + * @return {Array} Guide Pages. + */ + getGuidePages: function getGuidePages() { + var pages = []; + wpforms_edit_post_education.gutenberg_guide.forEach(function (page) { + pages.push({ + /* eslint-disable react/react-in-jsx-scope */ + content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h1", { + className: "edit-post-welcome-guide__heading" + }, page.title), /*#__PURE__*/React.createElement("p", { + className: "edit-post-welcome-guide__text" + }, page.content)), + image: /*#__PURE__*/React.createElement("img", { + className: "edit-post-welcome-guide__image", + src: page.image, + alt: page.title + }) + /* eslint-enable react/react-in-jsx-scope */ + }); + }); + return pages; + }, + /** + * Show notice if the page title matches some keywords for Classic Editor. + * + * @since 1.8.1 + */ + maybeShowClassicNotice: function maybeShowClassicNotice() { + if (app.isNoticeVisible) { + return; + } + if (app.isTitleMatchKeywords($('#title').val())) { + app.isNoticeVisible = true; + $('.wpforms-edit-post-education-notice').removeClass('wpforms-hidden'); + } + }, + /** + * Show notice if the page title matches some keywords for Gutenberg Editor. + * + * @since 1.8.1 + */ + maybeShowGutenbergNotice: function maybeShowGutenbergNotice() { + if (app.isNoticeVisible) { + return; + } + var $postTitle = app.isFse() ? $('iframe[name="editor-canvas"]').contents().find('.editor-post-title__input') : $('.editor-post-title__input'); + var tagName = $postTitle.prop('tagName'); + var title = tagName === 'TEXTAREA' ? $postTitle.val() : $postTitle.text(); + if (app.isTitleMatchKeywords(title)) { + app.isNoticeVisible = true; + app.showGutenbergNotice(); + } + }, + /** + * Add notice class when the distraction mode is enabled. + * + * @since 1.8.1.2 + */ + distractionFreeModeToggle: function distractionFreeModeToggle() { + if (!app.isNoticeVisible) { + return; + } + var $document = $(document); + var isDistractionFreeMode = Boolean($document.find('.is-distraction-free').length); + if (!isDistractionFreeMode) { + return; + } + var isNoticeHasClass = Boolean($('.wpforms-edit-post-education-notice').length); + if (isNoticeHasClass) { + return; + } + var $noticeBody = $document.find('.wpforms-edit-post-education-notice-body'); + var $notice = $noticeBody.closest('.components-notice'); + $notice.addClass('wpforms-edit-post-education-notice'); + }, + /** + * Determine if the title matches keywords. + * + * @since 1.8.1 + * + * @param {string} titleValue Page title value. + * + * @return {boolean} True if the title matches some keywords. + */ + isTitleMatchKeywords: function isTitleMatchKeywords(titleValue) { + var expectedTitleRegex = new RegExp(/\b(contact|form)\b/i); + return expectedTitleRegex.test(titleValue); + }, + /** + * Close a notice. + * + * @since 1.8.1 + */ + closeNotice: function closeNotice() { + $(this).closest('.wpforms-edit-post-education-notice').remove(); + app.updateUserMeta(); + }, + /** + * Update user meta and don't show the notice next time. + * + * @since 1.8.1 + */ + updateUserMeta: function updateUserMeta() { + $.post(wpforms_edit_post_education.ajax_url, { + action: 'wpforms_education_dismiss', + nonce: wpforms_edit_post_education.education_nonce, + section: 'edit-post-notice' + }); + } + }; + return app; +}(document, window, jQuery); +WPFormsEditPostEducation.init(); +//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJXUEZvcm1zRWRpdFBvc3RFZHVjYXRpb24iLCJ3aW5kb3ciLCJkb2N1bWVudCIsIiQiLCJhcHAiLCJpc05vdGljZVZpc2libGUiLCJpbml0Iiwib24iLCJyZWFkeSIsInRoZW4iLCJsb2FkIiwiaXNHdXRlbmJlcmdFZGl0b3IiLCJtYXliZVNob3dDbGFzc2ljTm90aWNlIiwiYmluZENsYXNzaWNFdmVudHMiLCJibG9ja0xvYWRlZEludGVydmFsIiwic2V0SW50ZXJ2YWwiLCJxdWVyeVNlbGVjdG9yIiwiY2xlYXJJbnRlcnZhbCIsImlzRnNlIiwibWF5YmVTaG93R3V0ZW5iZXJnTm90aWNlIiwiYmluZEd1dGVuYmVyZ0V2ZW50cyIsImlmcmFtZSIsIm9ic2VydmVyIiwiTXV0YXRpb25PYnNlcnZlciIsImlmcmFtZURvY3VtZW50IiwiY29udGVudERvY3VtZW50IiwiY29udGVudFdpbmRvdyIsInJlYWR5U3RhdGUiLCJiaW5kRnNlRXZlbnRzIiwiZGlzY29ubmVjdCIsIm9ic2VydmUiLCJib2R5Iiwic3VidHJlZSIsImNoaWxkTGlzdCIsIiRkb2N1bWVudCIsIl8iLCJkZWJvdW5jZSIsImNsb3NlTm90aWNlIiwiZGlzdHJhY3Rpb25GcmVlTW9kZVRvZ2dsZSIsIiRpZnJhbWUiLCJjb250ZW50cyIsIndwIiwiYmxvY2tzIiwiQm9vbGVhbiIsImxlbmd0aCIsInNob3dHdXRlbmJlcmdOb3RpY2UiLCJkYXRhIiwiZGlzcGF0Y2giLCJjcmVhdGVJbmZvTm90aWNlIiwid3Bmb3Jtc19lZGl0X3Bvc3RfZWR1Y2F0aW9uIiwiZ3V0ZW5iZXJnX25vdGljZSIsInRlbXBsYXRlIiwiZ2V0R3V0ZW5iZXJnTm90aWNlU2V0dGluZ3MiLCJoYXNOb3RpY2UiLCJub3RpY2VCb2R5IiwiJG5vdGljZSIsImNsb3Nlc3QiLCJhZGRDbGFzcyIsImZpbmQiLCJyZW1vdmVDbGFzcyIsImRpc21pc3NCdXR0b24iLCJ1cGRhdGVVc2VyTWV0YSIsInBsdWdpbk5hbWUiLCJub3RpY2VTZXR0aW5ncyIsImlkIiwiaXNEaXNtaXNzaWJsZSIsIkhUTUwiLCJfX3Vuc3RhYmxlSFRNTCIsImFjdGlvbnMiLCJjbGFzc05hbWUiLCJ2YXJpYW50IiwibGFiZWwiLCJidXR0b24iLCJndXRlbmJlcmdfZ3VpZGUiLCJ1cmwiLCJHdWlkZSIsImNvbXBvbmVudHMiLCJ1c2VTdGF0ZSIsImVsZW1lbnQiLCJyZWdpc3RlclBsdWdpbiIsInBsdWdpbnMiLCJ1bnJlZ2lzdGVyUGx1Z2luIiwiR3V0ZW5iZXJnVHV0b3JpYWwiLCJfdXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJpc09wZW4iLCJzZXRJc09wZW4iLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJvbkZpbmlzaCIsInBhZ2VzIiwiZ2V0R3VpZGVQYWdlcyIsIm9uQ2xpY2siLCJyZW5kZXIiLCJmb3JFYWNoIiwicGFnZSIsInB1c2giLCJjb250ZW50IiwiRnJhZ21lbnQiLCJ0aXRsZSIsImltYWdlIiwic3JjIiwiYWx0IiwiaXNUaXRsZU1hdGNoS2V5d29yZHMiLCJ2YWwiLCIkcG9zdFRpdGxlIiwidGFnTmFtZSIsInByb3AiLCJ0ZXh0IiwiaXNEaXN0cmFjdGlvbkZyZWVNb2RlIiwiaXNOb3RpY2VIYXNDbGFzcyIsIiRub3RpY2VCb2R5IiwidGl0bGVWYWx1ZSIsImV4cGVjdGVkVGl0bGVSZWdleCIsIlJlZ0V4cCIsInRlc3QiLCJyZW1vdmUiLCJwb3N0IiwiYWpheF91cmwiLCJhY3Rpb24iLCJub25jZSIsImVkdWNhdGlvbl9ub25jZSIsInNlY3Rpb24iLCJqUXVlcnkiXSwic291cmNlcyI6WyJmYWtlXzk4OGRhMGYzLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIGdsb2JhbCB3cGZvcm1zX2VkaXRfcG9zdF9lZHVjYXRpb24gKi9cblxuLy8gbm9pbnNwZWN0aW9uIEVTNkNvbnZlcnRWYXJUb0xldENvbnN0XG4vKipcbiAqIFdQRm9ybXMgRWRpdCBQb3N0IEVkdWNhdGlvbiBmdW5jdGlvbi5cbiAqXG4gKiBAc2luY2UgMS44LjFcbiAqL1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdmFyLCBuby11bnVzZWQtdmFyc1xudmFyIFdQRm9ybXNFZGl0UG9zdEVkdWNhdGlvbiA9IHdpbmRvdy5XUEZvcm1zRWRpdFBvc3RFZHVjYXRpb24gfHwgKCBmdW5jdGlvbiggZG9jdW1lbnQsIHdpbmRvdywgJCApIHtcblx0LyoqXG5cdCAqIFB1YmxpYyBmdW5jdGlvbnMgYW5kIHByb3BlcnRpZXMuXG5cdCAqXG5cdCAqIEBzaW5jZSAxLjguMVxuXHQgKlxuXHQgKiBAdHlwZSB7T2JqZWN0fVxuXHQgKi9cblx0Y29uc3QgYXBwID0ge1xuXG5cdFx0LyoqXG5cdFx0ICogRGV0ZXJtaW5lIGlmIHRoZSBub3RpY2Ugd2FzIHNob3duIGJlZm9yZS5cblx0XHQgKlxuXHRcdCAqIEBzaW5jZSAxLjguMVxuXHRcdCAqL1xuXHRcdGlzTm90aWNlVmlzaWJsZTogZmFsc2UsXG5cblx0XHQvKipcblx0XHQgKiBTdGFydCB0aGUgZW5naW5lLlxuXHRcdCAqXG5cdFx0ICogQHNpbmNlIDEuOC4xXG5cdFx0ICovXG5cdFx0aW5pdCgpIHtcblx0XHRcdCQoIHdpbmRvdyApLm9uKCAnbG9hZCcsIGZ1bmN0aW9uKCkge1xuXHRcdFx0XHQvLyBJbiB0aGUgY2FzZSBvZiBqUXVlcnkgMy4rLCB3ZSBuZWVkIHRvIHdhaXQgZm9yIGEgcmVhZHkgZXZlbnQgZmlyc3QuXG5cdFx0XHRcdGlmICggdHlwZW9mICQucmVhZHkudGhlbiA9PT0gJ2Z1bmN0aW9uJyApIHtcblx0XHRcdFx0XHQkLnJlYWR5LnRoZW4oIGFwcC5sb2FkICk7XG5cdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0YXBwLmxvYWQoKTtcblx0XHRcdFx0fVxuXHRcdFx0fSApO1xuXHRcdH0sXG5cblx0XHQvKipcblx0XHQgKiBQYWdlIGxvYWQuXG5cdFx0ICpcblx0XHQgKiBAc2luY2UgMS44LjFcblx0XHQgKi9cblx0XHRsb2FkKCkge1xuXHRcdFx0aWYgKCAhIGFwcC5pc0d1dGVuYmVyZ0VkaXRvcigpICkge1xuXHRcdFx0XHRhcHAubWF5YmVTaG93Q2xhc3NpY05vdGljZSgpO1xuXHRcdFx0XHRhcHAuYmluZENsYXNzaWNFdmVudHMoKTtcblxuXHRcdFx0XHRyZXR1cm47XG5cdFx0XHR9XG5cblx0XHRcdGNvbnN0IGJsb2NrTG9hZGVkSW50ZXJ2YWwgPSBzZXRJbnRlcnZhbCggZnVuY3Rpb24oKSB7XG5cdFx0XHRcdGlmICggISBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCAnLmVkaXRvci1wb3N0LXRpdGxlX19pbnB1dCwgaWZyYW1lW25hbWU9XCJlZGl0b3ItY2FudmFzXCJdJyApICkge1xuXHRcdFx0XHRcdHJldHVybjtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdGNsZWFySW50ZXJ2YWwoIGJsb2NrTG9hZGVkSW50ZXJ2YWwgKTtcblxuXHRcdFx0XHRpZiAoICEgYXBwLmlzRnNlKCkgKSB7XG5cdFx0XHRcdFx0YXBwLm1heWJlU2hvd0d1dGVuYmVyZ05vdGljZSgpO1xuXHRcdFx0XHRcdGFwcC5iaW5kR3V0ZW5iZXJnRXZlbnRzKCk7XG5cblx0XHRcdFx0XHRyZXR1cm47XG5cdFx0XHRcdH1cblxuXHRcdFx0XHRjb25zdCBpZnJhbWUgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCAnaWZyYW1lW25hbWU9XCJlZGl0b3ItY2FudmFzXCJdJyApO1xuXHRcdFx0XHRjb25zdCBvYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKCBmdW5jdGlvbigpIHtcblx0XHRcdFx0XHRjb25zdCBpZnJhbWVEb2N1bWVudCA9IGlmcmFtZS5jb250ZW50RG9jdW1lbnQgfHwgaWZyYW1lLmNvbnRlbnRXaW5kb3cuZG9jdW1lbnQgfHwge307XG5cblx0XHRcdFx0XHRpZiAoIGlmcmFtZURvY3VtZW50LnJlYWR5U3RhdGUgPT09ICdjb21wbGV0ZScgJiYgaWZyYW1lRG9jdW1lbnQucXVlcnlTZWxlY3RvciggJy5lZGl0b3ItcG9zdC10aXRsZV9faW5wdXQnICkgKSB7XG5cdFx0XHRcdFx0XHRhcHAubWF5YmVTaG93R3V0ZW5iZXJnTm90aWNlKCk7XG5cdFx0XHRcdFx0XHRhcHAuYmluZEZzZUV2ZW50cygpO1xuXG5cdFx0XHRcdFx0XHRvYnNlcnZlci5kaXNjb25uZWN0KCk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9ICk7XG5cdFx0XHRcdG9ic2VydmVyLm9ic2VydmUoIGRvY3VtZW50LmJvZHksIHsgc3VidHJlZTogdHJ1ZSwgY2hpbGRMaXN0OiB0cnVlIH0gKTtcblx0XHRcdH0sIDIwMCApO1xuXHRcdH0sXG5cblx0XHQvKipcblx0XHQgKiBCaW5kIGV2ZW50cyBmb3IgQ2xhc3NpYyBFZGl0b3IuXG5cdFx0ICpcblx0XHQgKiBAc2luY2UgMS44LjFcblx0XHQgKi9cblx0XHRiaW5kQ2xhc3NpY0V2ZW50cygpIHtcblx0XHRcdGNvbnN0ICRkb2N1bWVudCA9ICQoIGRvY3VtZW50ICk7XG5cblx0XHRcdGlmICggISBhcHAuaXNOb3RpY2VWaXNpYmxlICkge1xuXHRcdFx0XHQkZG9jdW1lbnQub24oICdpbnB1dCcsICcjdGl0bGUnLCBfLmRlYm91bmNlKCBhcHAubWF5YmVTaG93Q2xhc3NpY05vdGljZSwgMTAwMCApICk7XG5cdFx0XHR9XG5cblx0XHRcdCRkb2N1bWVudC5vbiggJ2NsaWNrJywgJy53cGZvcm1zLWVkaXQtcG9zdC1lZHVjYXRpb24tbm90aWNlLWNsb3NlJywgYXBwLmNsb3NlTm90aWNlICk7XG5cdFx0fSxcblxuXHRcdC8qKlxuXHRcdCAqIEJpbmQgZXZlbnRzIGZvciBHdXRlbmJlcmcgRWRpdG9yLlxuXHRcdCAqXG5cdFx0ICogQHNpbmNlIDEuOC4xXG5cdFx0ICovXG5cdFx0YmluZEd1dGVuYmVyZ0V2ZW50cygpIHtcblx0XHRcdGNvbnN0ICRkb2N1bWVudCA9ICQoIGRvY3VtZW50ICk7XG5cblx0XHRcdCRkb2N1bWVudFxuXHRcdFx0XHQub24oICdET01TdWJ0cmVlTW9kaWZpZWQnLCAnLmVkaXQtcG9zdC1sYXlvdXQnLCBhcHAuZGlzdHJhY3Rpb25GcmVlTW9kZVRvZ2dsZSApO1xuXG5cdFx0XHRpZiAoIGFwcC5pc05vdGljZVZpc2libGUgKSB7XG5cdFx0XHRcdHJldHVybjtcblx0XHRcdH1cblxuXHRcdFx0JGRvY3VtZW50XG5cdFx0XHRcdC5vbiggJ2lucHV0JywgJy5lZGl0b3ItcG9zdC10aXRsZV9faW5wdXQnLCBfLmRlYm91bmNlKCBhcHAubWF5YmVTaG93R3V0ZW5iZXJnTm90aWNlLCAxMDAwICkgKVxuXHRcdFx0XHQub24oICdET01TdWJ0cmVlTW9kaWZpZWQnLCAnLmVkaXRvci1wb3N0LXRpdGxlX19pbnB1dCcsIF8uZGVib3VuY2UoIGFwcC5tYXliZVNob3dHdXRlbmJlcmdOb3RpY2UsIDEwMDAgKSApO1xuXHRcdH0sXG5cblx0XHQvKipcblx0XHQgKiBCaW5kIGV2ZW50cyBmb3IgR3V0ZW5iZXJnIEVkaXRvciBpbiBGU0UgbW9kZS5cblx0XHQgKlxuXHRcdCAqIEBzaW5jZSAxLjguMVxuXHRcdCAqL1xuXHRcdGJpbmRGc2VFdmVudHMoKSB7XG5cdFx0XHRjb25zdCAkaWZyYW1lID0gJCggJ2lmcmFtZVtuYW1lPVwiZWRpdG9yLWNhbnZhc1wiXScgKTtcblxuXHRcdFx0JCggZG9jdW1lbnQgKVxuXHRcdFx0XHQub24oICdET01TdWJ0cmVlTW9kaWZpZWQnLCAnLmVkaXQtcG9zdC1sYXlvdXQnLCBhcHAuZGlzdHJhY3Rpb25GcmVlTW9kZVRvZ2dsZSApO1xuXG5cdFx0XHQkaWZyYW1lLmNvbnRlbnRzKClcblx0XHRcdFx0Lm9uKCAnaW5wdXQnLCAnLmVkaXRvci1wb3N0LXRpdGxlX19pbnB1dCcsIF8uZGVib3VuY2UoIGFwcC5tYXliZVNob3dHdXRlbmJlcmdOb3RpY2UsIDEwMDAgKSApXG5cdFx0XHRcdC5vbiggJ0RPTVN1YnRyZWVNb2RpZmllZCcsICcuZWRpdG9yLXBvc3QtdGl0bGVfX2lucHV0JywgXy5kZWJvdW5jZSggYXBwLm1heWJlU2hvd0d1dGVuYmVyZ05vdGljZSwgMTAwMCApICk7XG5cdFx0fSxcblxuXHRcdC8qKlxuXHRcdCAqIERldGVybWluZSBpZiB0aGUgZWRpdG9yIGlzIEd1dGVuYmVyZy5cblx0XHQgKlxuXHRcdCAqIEBzaW5jZSAxLjguMVxuXHRcdCAqXG5cdFx0ICogQHJldHVybiB7Ym9vbGVhbn0gVHJ1ZSBpZiB0aGUgZWRpdG9yIGlzIEd1dGVuYmVyZy5cblx0XHQgKi9cblx0XHRpc0d1dGVuYmVyZ0VkaXRvcigpIHtcblx0XHRcdHJldHVybiB0eXBlb2Ygd3AgIT09ICd1bmRlZmluZWQnICYmIHR5cGVvZiB3cC5ibG9ja3MgIT09ICd1bmRlZmluZWQnO1xuXHRcdH0sXG5cblx0XHQvKipcblx0XHQgKiBEZXRlcm1pbmUgaWYgdGhlIGVkaXRvciBpcyBHdXRlbmJlcmcgaW4gRlNFIG1vZGUuXG5cdFx0ICpcblx0XHQgKiBAc2luY2UgMS44LjFcblx0XHQgKlxuXHRcdCAqIEByZXR1cm4ge2Jvb2xlYW59IFRydWUgaWYgdGhlIEd1dGVuYmVyZyBlZGl0b3IgaW4gRlNFIG1vZGUuXG5cdFx0ICovXG5cdFx0aXNGc2UoKSB7XG5cdFx0XHRyZXR1cm4gQm9vbGVhbiggJCggJ2lmcmFtZVtuYW1lPVwiZWRpdG9yLWNhbnZhc1wiXScgKS5sZW5ndGggKTtcblx0XHR9LFxuXG5cdFx0LyoqXG5cdFx0ICogQ3JlYXRlIGEgbm90aWNlIGZvciBHdXRlbmJlcmcuXG5cdFx0ICpcblx0XHQgKiBAc2luY2UgMS44LjFcblx0XHQgKi9cblx0XHRzaG93R3V0ZW5iZXJnTm90aWNlKCkge1xuXHRcdFx0d3AuZGF0YS5kaXNwYXRjaCggJ2NvcmUvbm90aWNlcycgKS5jcmVhdGVJbmZvTm90aWNlKFxuXHRcdFx0XHR3cGZvcm1zX2VkaXRfcG9zdF9lZHVjYXRpb24uZ3V0ZW5iZXJnX25vdGljZS50ZW1wbGF0ZSxcblx0XHRcdFx0YXBwLmdldEd1dGVuYmVyZ05vdGljZVNldHRpbmdzKClcblx0XHRcdCk7XG5cblx0XHRcdC8vIFRoZSBub3RpY2UgY29tcG9uZW50IGRvZXNuJ3QgaGF2ZSBhIHdheSB0byBhZGQgSFRNTCBpZCBvciBjbGFzcyB0byB0aGUgbm90aWNlLlxuXHRcdFx0Ly8gQWxzbywgdGhlIG5vdGljZSBiZWNhbWUgdmlzaWJsZSB3aXRoIGEgZGVsYXkgb24gb2xkIEd1dGVuYmVyZyB2ZXJzaW9ucy5cblx0XHRcdGNvbnN0IGhhc05vdGljZSA9IHNldEludGVydmFsKCBmdW5jdGlvbigpIHtcblx0XHRcdFx0Y29uc3Qgbm90aWNlQm9keSA9ICQoICcud3Bmb3Jtcy1lZGl0LXBvc3QtZWR1Y2F0aW9uLW5vdGljZS1ib2R5JyApO1xuXHRcdFx0XHRpZiAoICEgbm90aWNlQm9keS5sZW5ndGggKSB7XG5cdFx0XHRcdFx0cmV0dXJuO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0Y29uc3QgJG5vdGljZSA9IG5vdGljZUJvZHkuY2xvc2VzdCggJy5jb21wb25lbnRzLW5vdGljZScgKTtcblx0XHRcdFx0JG5vdGljZS5hZGRDbGFzcyggJ3dwZm9ybXMtZWRpdC1wb3N0LWVkdWNhdGlvbi1ub3RpY2UnICk7XG5cdFx0XHRcdCRub3RpY2UuZmluZCggJy5pcy1zZWNvbmRhcnksIC5pcy1saW5rJyApLnJlbW92ZUNsYXNzKCAnaXMtc2Vjb25kYXJ5JyApLnJlbW92ZUNsYXNzKCAnaXMtbGluaycgKS5hZGRDbGFzcyggJ2lzLXByaW1hcnknICk7XG5cblx0XHRcdFx0Ly8gV2UgY2FuJ3QgdXNlIG9uRGlzbWlzcyBjYWxsYmFjayBhcyBpdCB3YXMgaW50cm9kdWNlZCBpbiBXb3JkUHJlc3MgNi4wIG9ubHkuXG5cdFx0XHRcdGNvbnN0IGRpc21pc3NCdXR0b24gPSAkbm90aWNlLmZpbmQoICcuY29tcG9uZW50cy1ub3RpY2VfX2Rpc21pc3MnICk7XG5cdFx0XHRcdGlmICggZGlzbWlzc0J1dHRvbiApIHtcblx0XHRcdFx0XHRkaXNtaXNzQnV0dG9uLm9uKCAnY2xpY2snLCBmdW5jdGlvbigpIHtcblx0XHRcdFx0XHRcdGFwcC51cGRhdGVVc2VyTWV0YSgpO1xuXHRcdFx0XHRcdH0gKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdGNsZWFySW50ZXJ2YWwoIGhhc05vdGljZSApO1xuXHRcdFx0fSwgMTAwICk7XG5cdFx0fSxcblxuXHRcdC8qKlxuXHRcdCAqIEdldCBzZXR0aW5ncyBmb3IgdGhlIEd1dGVuYmVyZyBub3RpY2UuXG5cdFx0ICpcblx0XHQgKiBAc2luY2UgMS44LjFcblx0XHQgKlxuXHRcdCAqIEByZXR1cm4ge09iamVjdH0gTm90aWNlIHNldHRpbmdzLlxuXHRcdCAqL1xuXHRcdGdldEd1dGVuYmVyZ05vdGljZVNldHRpbmdzKCkge1xuXHRcdFx0Y29uc3QgcGx1Z2luTmFtZSA9ICd3cGZvcm1zLWVkaXQtcG9zdC1wcm9kdWN0LWVkdWNhdGlvbi1ndWlkZSc7XG5cdFx0XHRjb25zdCBub3RpY2VTZXR0aW5ncyA9IHtcblx0XHRcdFx0aWQ6IHBsdWdpbk5hbWUsXG5cdFx0XHRcdGlzRGlzbWlzc2libGU6IHRydWUsXG5cdFx0XHRcdEhUTUw6IHRydWUsXG5cdFx0XHRcdF9fdW5zdGFibGVIVE1MOiB0cnVlLFxuXHRcdFx0XHRhY3Rpb25zOiBbXG5cdFx0XHRcdFx0e1xuXHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnd3Bmb3Jtcy1lZGl0LXBvc3QtZWR1Y2F0aW9uLW5vdGljZS1ndWlkZS1idXR0b24nLFxuXHRcdFx0XHRcdFx0dmFyaWFudDogJ3ByaW1hcnknLFxuXHRcdFx0XHRcdFx0bGFiZWw6IHdwZm9ybXNfZWRpdF9wb3N0X2VkdWNhdGlvbi5ndXRlbmJlcmdfbm90aWNlLmJ1dHRvbixcblx0XHRcdFx0XHR9LFxuXHRcdFx0XHRdLFxuXHRcdFx0fTtcblxuXHRcdFx0aWYgKCAhIHdwZm9ybXNfZWRpdF9wb3N0X2VkdWNhdGlvbi5ndXRlbmJlcmdfZ3VpZGUgKSB7XG5cdFx0XHRcdG5vdGljZVNldHRpbmdzLmFjdGlvbnNbIDAgXS51cmwgPSB3cGZvcm1zX2VkaXRfcG9zdF9lZHVjYXRpb24uZ3V0ZW5iZXJnX25vdGljZS51cmw7XG5cblx0XHRcdFx0cmV0dXJuIG5vdGljZVNldHRpbmdzO1xuXHRcdFx0fVxuXG5cdFx0XHRjb25zdCBHdWlkZSA9IHdwLmNvbXBvbmVudHMuR3VpZGU7XG5cdFx0XHRjb25zdCB1c2VTdGF0ZSA9IHdwLmVsZW1lbnQudXNlU3RhdGU7XG5cdFx0XHRjb25zdCByZWdpc3RlclBsdWdpbiA9IHdwLnBsdWdpbnMucmVnaXN0ZXJQbHVnaW47XG5cdFx0XHRjb25zdCB1bnJlZ2lzdGVyUGx1Z2luID0gd3AucGx1Z2lucy51bnJlZ2lzdGVyUGx1Z2luO1xuXHRcdFx0Y29uc3QgR3V0ZW5iZXJnVHV0b3JpYWwgPSBmdW5jdGlvbigpIHtcblx0XHRcdFx0Y29uc3QgWyBpc09wZW4sIHNldElzT3BlbiBdID0gdXNlU3RhdGUoIHRydWUgKTtcblxuXHRcdFx0XHRpZiAoICEgaXNPcGVuICkge1xuXHRcdFx0XHRcdHJldHVybiBudWxsO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0cmV0dXJuIChcblx0XHRcdFx0XHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvcmVhY3QtaW4tanN4LXNjb3BlXG5cdFx0XHRcdFx0PEd1aWRlXG5cdFx0XHRcdFx0XHRjbGFzc05hbWU9XCJlZGl0LXBvc3Qtd2VsY29tZS1ndWlkZVwiXG5cdFx0XHRcdFx0XHRvbkZpbmlzaD17ICgpID0+IHtcblx0XHRcdFx0XHRcdFx0dW5yZWdpc3RlclBsdWdpbiggcGx1Z2luTmFtZSApO1xuXHRcdFx0XHRcdFx0XHRzZXRJc09wZW4oIGZhbHNlICk7XG5cdFx0XHRcdFx0XHR9IH1cblx0XHRcdFx0XHRcdHBhZ2VzPXsgYXBwLmdldEd1aWRlUGFnZXMoKSB9XG5cdFx0XHRcdFx0Lz5cblx0XHRcdFx0KTtcblx0XHRcdH07XG5cblx0XHRcdG5vdGljZVNldHRpbmdzLmFjdGlvbnNbIDAgXS5vbkNsaWNrID0gKCkgPT4gcmVnaXN0ZXJQbHVnaW4oIHBsdWdpbk5hbWUsIHsgcmVuZGVyOiBHdXRlbmJlcmdUdXRvcmlhbCB9ICk7XG5cblx0XHRcdHJldHVybiBub3RpY2VTZXR0aW5ncztcblx0XHR9LFxuXG5cdFx0LyoqXG5cdFx0ICogR2V0IEd1aWRlIHBhZ2VzIGluIHByb3BlciBmb3JtYXQuXG5cdFx0ICpcblx0XHQgKiBAc2luY2UgMS44LjFcblx0XHQgKlxuXHRcdCAqIEByZXR1cm4ge0FycmF5fSBHdWlkZSBQYWdlcy5cblx0XHQgKi9cblx0XHRnZXRHdWlkZVBhZ2VzKCkge1xuXHRcdFx0Y29uc3QgcGFnZXMgPSBbXTtcblxuXHRcdFx0d3Bmb3Jtc19lZGl0X3Bvc3RfZWR1Y2F0aW9uLmd1dGVuYmVyZ19ndWlkZS5mb3JFYWNoKCBmdW5jdGlvbiggcGFnZSApIHtcblx0XHRcdFx0cGFnZXMucHVzaChcblx0XHRcdFx0XHR7XG5cdFx0XHRcdFx0XHQvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9yZWFjdC1pbi1qc3gtc2NvcGUgKi9cblx0XHRcdFx0XHRcdGNvbnRlbnQ6IChcblx0XHRcdFx0XHRcdFx0PD5cblx0XHRcdFx0XHRcdFx0XHQ8aDEgY2xhc3NOYW1lPVwiZWRpdC1wb3N0LXdlbGNvbWUtZ3VpZGVfX2hlYWRpbmdcIj57IHBhZ2UudGl0bGUgfTwvaDE+XG5cdFx0XHRcdFx0XHRcdFx0PHAgY2xhc3NOYW1lPVwiZWRpdC1wb3N0LXdlbGNvbWUtZ3VpZGVfX3RleHRcIj57IHBhZ2UuY29udGVudCB9PC9wPlxuXHRcdFx0XHRcdFx0XHQ8Lz5cblx0XHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0XHRpbWFnZTogPGltZyBjbGFzc05hbWU9XCJlZGl0LXBvc3Qtd2VsY29tZS1ndWlkZV9faW1hZ2VcIiBzcmM9eyBwYWdlLmltYWdlIH0gYWx0PXsgcGFnZS50aXRsZSB9IC8+LFxuXHRcdFx0XHRcdFx0LyogZXNsaW50LWVuYWJsZSByZWFjdC9yZWFjdC1pbi1qc3gtc2NvcGUgKi9cblx0XHRcdFx0XHR9XG5cdFx0XHRcdCk7XG5cdFx0XHR9ICk7XG5cblx0XHRcdHJldHVybiBwYWdlcztcblx0XHR9LFxuXG5cdFx0LyoqXG5cdFx0ICogU2hvdyBub3RpY2UgaWYgdGhlIHBhZ2UgdGl0bGUgbWF0Y2hlcyBzb21lIGtleXdvcmRzIGZvciBDbGFzc2ljIEVkaXRvci5cblx0XHQgKlxuXHRcdCAqIEBzaW5jZSAxLjguMVxuXHRcdCAqL1xuXHRcdG1heWJlU2hvd0NsYXNzaWNOb3RpY2UoKSB7XG5cdFx0XHRpZiAoIGFwcC5pc05vdGljZVZpc2libGUgKSB7XG5cdFx0XHRcdHJldHVybjtcblx0XHRcdH1cblxuXHRcdFx0aWYgKCBhcHAuaXNUaXRsZU1hdGNoS2V5d29yZHMoICQoICcjdGl0bGUnICkudmFsKCkgKSApIHtcblx0XHRcdFx0YXBwLmlzTm90aWNlVmlzaWJsZSA9IHRydWU7XG5cblx0XHRcdFx0JCggJy53cGZvcm1zLWVkaXQtcG9zdC1lZHVjYXRpb24tbm90aWNlJyApLnJlbW92ZUNsYXNzKCAnd3Bmb3Jtcy1oaWRkZW4nICk7XG5cdFx0XHR9XG5cdFx0fSxcblxuXHRcdC8qKlxuXHRcdCAqIFNob3cgbm90aWNlIGlmIHRoZSBwYWdlIHRpdGxlIG1hdGNoZXMgc29tZSBrZXl3b3JkcyBmb3IgR3V0ZW5iZXJnIEVkaXRvci5cblx0XHQgKlxuXHRcdCAqIEBzaW5jZSAxLjguMVxuXHRcdCAqL1xuXHRcdG1heWJlU2hvd0d1dGVuYmVyZ05vdGljZSgpIHtcblx0XHRcdGlmICggYXBwLmlzTm90aWNlVmlzaWJsZSApIHtcblx0XHRcdFx0cmV0dXJuO1xuXHRcdFx0fVxuXG5cdFx0XHRjb25zdCAkcG9zdFRpdGxlID0gYXBwLmlzRnNlKClcblx0XHRcdFx0PyAkKCAnaWZyYW1lW25hbWU9XCJlZGl0b3ItY2FudmFzXCJdJyApLmNvbnRlbnRzKCkuZmluZCggJy5lZGl0b3ItcG9zdC10aXRsZV9faW5wdXQnIClcblx0XHRcdFx0OiAkKCAnLmVkaXRvci1wb3N0LXRpdGxlX19pbnB1dCcgKTtcblx0XHRcdGNvbnN0IHRhZ05hbWUgPSAkcG9zdFRpdGxlLnByb3AoICd0YWdOYW1lJyApO1xuXHRcdFx0Y29uc3QgdGl0bGUgPSB0YWdOYW1lID09PSAnVEVYVEFSRUEnID8gJHBvc3RUaXRsZS52YWwoKSA6ICRwb3N0VGl0bGUudGV4dCgpO1xuXG5cdFx0XHRpZiAoIGFwcC5pc1RpdGxlTWF0Y2hLZXl3b3JkcyggdGl0bGUgKSApIHtcblx0XHRcdFx0YXBwLmlzTm90aWNlVmlzaWJsZSA9IHRydWU7XG5cblx0XHRcdFx0YXBwLnNob3dHdXRlbmJlcmdOb3RpY2UoKTtcblx0XHRcdH1cblx0XHR9LFxuXG5cdFx0LyoqXG5cdFx0ICogQWRkIG5vdGljZSBjbGFzcyB3aGVuIHRoZSBkaXN0cmFjdGlvbiBtb2RlIGlzIGVuYWJsZWQuXG5cdFx0ICpcblx0XHQgKiBAc2luY2UgMS44LjEuMlxuXHRcdCAqL1xuXHRcdGRpc3RyYWN0aW9uRnJlZU1vZGVUb2dnbGUoKSB7XG5cdFx0XHRpZiAoICEgYXBwLmlzTm90aWNlVmlzaWJsZSApIHtcblx0XHRcdFx0cmV0dXJuO1xuXHRcdFx0fVxuXG5cdFx0XHRjb25zdCAkZG9jdW1lbnQgPSAkKCBkb2N1bWVudCApO1xuXHRcdFx0Y29uc3QgaXNEaXN0cmFjdGlvbkZyZWVNb2RlID0gQm9vbGVhbiggJGRvY3VtZW50LmZpbmQoICcuaXMtZGlzdHJhY3Rpb24tZnJlZScgKS5sZW5ndGggKTtcblxuXHRcdFx0aWYgKCAhIGlzRGlzdHJhY3Rpb25GcmVlTW9kZSApIHtcblx0XHRcdFx0cmV0dXJuO1xuXHRcdFx0fVxuXG5cdFx0XHRjb25zdCBpc05vdGljZUhhc0NsYXNzID0gQm9vbGVhbiggJCggJy53cGZvcm1zLWVkaXQtcG9zdC1lZHVjYXRpb24tbm90aWNlJyApLmxlbmd0aCApO1xuXG5cdFx0XHRpZiAoIGlzTm90aWNlSGFzQ2xhc3MgKSB7XG5cdFx0XHRcdHJldHVybjtcblx0XHRcdH1cblxuXHRcdFx0Y29uc3QgJG5vdGljZUJvZHkgPSAkZG9jdW1lbnQuZmluZCggJy53cGZvcm1zLWVkaXQtcG9zdC1lZHVjYXRpb24tbm90aWNlLWJvZHknICk7XG5cdFx0XHRjb25zdCAkbm90aWNlID0gJG5vdGljZUJvZHkuY2xvc2VzdCggJy5jb21wb25lbnRzLW5vdGljZScgKTtcblxuXHRcdFx0JG5vdGljZS5hZGRDbGFzcyggJ3dwZm9ybXMtZWRpdC1wb3N0LWVkdWNhdGlvbi1ub3RpY2UnICk7XG5cdFx0fSxcblxuXHRcdC8qKlxuXHRcdCAqIERldGVybWluZSBpZiB0aGUgdGl0bGUgbWF0Y2hlcyBrZXl3b3Jkcy5cblx0XHQgKlxuXHRcdCAqIEBzaW5jZSAxLjguMVxuXHRcdCAqXG5cdFx0ICogQHBhcmFtIHtzdHJpbmd9IHRpdGxlVmFsdWUgUGFnZSB0aXRsZSB2YWx1ZS5cblx0XHQgKlxuXHRcdCAqIEByZXR1cm4ge2Jvb2xlYW59IFRydWUgaWYgdGhlIHRpdGxlIG1hdGNoZXMgc29tZSBrZXl3b3Jkcy5cblx0XHQgKi9cblx0XHRpc1RpdGxlTWF0Y2hLZXl3b3JkcyggdGl0bGVWYWx1ZSApIHtcblx0XHRcdGNvbnN0IGV4cGVjdGVkVGl0bGVSZWdleCA9IG5ldyBSZWdFeHAoIC9cXGIoY29udGFjdHxmb3JtKVxcYi9pICk7XG5cblx0XHRcdHJldHVybiBleHBlY3RlZFRpdGxlUmVnZXgudGVzdCggdGl0bGVWYWx1ZSApO1xuXHRcdH0sXG5cblx0XHQvKipcblx0XHQgKiBDbG9zZSBhIG5vdGljZS5cblx0XHQgKlxuXHRcdCAqIEBzaW5jZSAxLjguMVxuXHRcdCAqL1xuXHRcdGNsb3NlTm90aWNlKCkge1xuXHRcdFx0JCggdGhpcyApLmNsb3Nlc3QoICcud3Bmb3Jtcy1lZGl0LXBvc3QtZWR1Y2F0aW9uLW5vdGljZScgKS5yZW1vdmUoKTtcblxuXHRcdFx0YXBwLnVwZGF0ZVVzZXJNZXRhKCk7XG5cdFx0fSxcblxuXHRcdC8qKlxuXHRcdCAqIFVwZGF0ZSB1c2VyIG1ldGEgYW5kIGRvbid0IHNob3cgdGhlIG5vdGljZSBuZXh0IHRpbWUuXG5cdFx0ICpcblx0XHQgKiBAc2luY2UgMS44LjFcblx0XHQgKi9cblx0XHR1cGRhdGVVc2VyTWV0YSgpIHtcblx0XHRcdCQucG9zdChcblx0XHRcdFx0d3Bmb3Jtc19lZGl0X3Bvc3RfZWR1Y2F0aW9uLmFqYXhfdXJsLFxuXHRcdFx0XHR7XG5cdFx0XHRcdFx0YWN0aW9uOiAnd3Bmb3Jtc19lZHVjYXRpb25fZGlzbWlzcycsXG5cdFx0XHRcdFx0bm9uY2U6IHdwZm9ybXNfZWRpdF9wb3N0X2VkdWNhdGlvbi5lZHVjYXRpb25fbm9uY2UsXG5cdFx0XHRcdFx0c2VjdGlvbjogJ2VkaXQtcG9zdC1ub3RpY2UnLFxuXHRcdFx0XHR9XG5cdFx0XHQpO1xuXHRcdH0sXG5cdH07XG5cblx0cmV0dXJuIGFwcDtcbn0oIGRvY3VtZW50LCB3aW5kb3csIGpRdWVyeSApICk7XG5cbldQRm9ybXNFZGl0UG9zdEVkdWNhdGlvbi5pbml0KCk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0EsSUFBSUEsd0JBQXdCLEdBQUdDLE1BQU0sQ0FBQ0Qsd0JBQXdCLElBQU0sVUFBVUUsUUFBUSxFQUFFRCxNQUFNLEVBQUVFLENBQUMsRUFBRztFQUNuRztBQUNEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtFQUNDLElBQU1DLEdBQUcsR0FBRztJQUVYO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7SUFDRUMsZUFBZSxFQUFFLEtBQUs7SUFFdEI7QUFDRjtBQUNBO0FBQ0E7QUFDQTtJQUNFQyxJQUFJLFdBQUpBLElBQUlBLENBQUEsRUFBRztNQUNOSCxDQUFDLENBQUVGLE1BQU8sQ0FBQyxDQUFDTSxFQUFFLENBQUUsTUFBTSxFQUFFLFlBQVc7UUFDbEM7UUFDQSxJQUFLLE9BQU9KLENBQUMsQ0FBQ0ssS0FBSyxDQUFDQyxJQUFJLEtBQUssVUFBVSxFQUFHO1VBQ3pDTixDQUFDLENBQUNLLEtBQUssQ0FBQ0MsSUFBSSxDQUFFTCxHQUFHLENBQUNNLElBQUssQ0FBQztRQUN6QixDQUFDLE1BQU07VUFDTk4sR0FBRyxDQUFDTSxJQUFJLENBQUMsQ0FBQztRQUNYO01BQ0QsQ0FBRSxDQUFDO0lBQ0osQ0FBQztJQUVEO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7SUFDRUEsSUFBSSxXQUFKQSxJQUFJQSxDQUFBLEVBQUc7TUFDTixJQUFLLENBQUVOLEdBQUcsQ0FBQ08saUJBQWlCLENBQUMsQ0FBQyxFQUFHO1FBQ2hDUCxHQUFHLENBQUNRLHNCQUFzQixDQUFDLENBQUM7UUFDNUJSLEdBQUcsQ0FBQ1MsaUJBQWlCLENBQUMsQ0FBQztRQUV2QjtNQUNEO01BRUEsSUFBTUMsbUJBQW1CLEdBQUdDLFdBQVcsQ0FBRSxZQUFXO1FBQ25ELElBQUssQ0FBRWIsUUFBUSxDQUFDYyxhQUFhLENBQUUseURBQTBELENBQUMsRUFBRztVQUM1RjtRQUNEO1FBRUFDLGFBQWEsQ0FBRUgsbUJBQW9CLENBQUM7UUFFcEMsSUFBSyxDQUFFVixHQUFHLENBQUNjLEtBQUssQ0FBQyxDQUFDLEVBQUc7VUFDcEJkLEdBQUcsQ0FBQ2Usd0JBQXdCLENBQUMsQ0FBQztVQUM5QmYsR0FBRyxDQUFDZ0IsbUJBQW1CLENBQUMsQ0FBQztVQUV6QjtRQUNEO1FBRUEsSUFBTUMsTUFBTSxHQUFHbkIsUUFBUSxDQUFDYyxhQUFhLENBQUUsOEJBQStCLENBQUM7UUFDdkUsSUFBTU0sUUFBUSxHQUFHLElBQUlDLGdCQUFnQixDQUFFLFlBQVc7VUFDakQsSUFBTUMsY0FBYyxHQUFHSCxNQUFNLENBQUNJLGVBQWUsSUFBSUosTUFBTSxDQUFDSyxhQUFhLENBQUN4QixRQUFRLElBQUksQ0FBQyxDQUFDO1VBRXBGLElBQUtzQixjQUFjLENBQUNHLFVBQVUsS0FBSyxVQUFVLElBQUlILGNBQWMsQ0FBQ1IsYUFBYSxDQUFFLDJCQUE0QixDQUFDLEVBQUc7WUFDOUdaLEdBQUcsQ0FBQ2Usd0JBQXdCLENBQUMsQ0FBQztZQUM5QmYsR0FBRyxDQUFDd0IsYUFBYSxDQUFDLENBQUM7WUFFbkJOLFFBQVEsQ0FBQ08sVUFBVSxDQUFDLENBQUM7VUFDdEI7UUFDRCxDQUFFLENBQUM7UUFDSFAsUUFBUSxDQUFDUSxPQUFPLENBQUU1QixRQUFRLENBQUM2QixJQUFJLEVBQUU7VUFBRUMsT0FBTyxFQUFFLElBQUk7VUFBRUMsU0FBUyxFQUFFO1FBQUssQ0FBRSxDQUFDO01BQ3RFLENBQUMsRUFBRSxHQUFJLENBQUM7SUFDVCxDQUFDO0lBRUQ7QUFDRjtBQUNBO0FBQ0E7QUFDQTtJQUNFcEIsaUJBQWlCLFdBQWpCQSxpQkFBaUJBLENBQUEsRUFBRztNQUNuQixJQUFNcUIsU0FBUyxHQUFHL0IsQ0FBQyxDQUFFRCxRQUFTLENBQUM7TUFFL0IsSUFBSyxDQUFFRSxHQUFHLENBQUNDLGVBQWUsRUFBRztRQUM1QjZCLFNBQVMsQ0FBQzNCLEVBQUUsQ0FBRSxPQUFPLEVBQUUsUUFBUSxFQUFFNEIsQ0FBQyxDQUFDQyxRQUFRLENBQUVoQyxHQUFHLENBQUNRLHNCQUFzQixFQUFFLElBQUssQ0FBRSxDQUFDO01BQ2xGO01BRUFzQixTQUFTLENBQUMzQixFQUFFLENBQUUsT0FBTyxFQUFFLDJDQUEyQyxFQUFFSCxHQUFHLENBQUNpQyxXQUFZLENBQUM7SUFDdEYsQ0FBQztJQUVEO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7SUFDRWpCLG1CQUFtQixXQUFuQkEsbUJBQW1CQSxDQUFBLEVBQUc7TUFDckIsSUFBTWMsU0FBUyxHQUFHL0IsQ0FBQyxDQUFFRCxRQUFTLENBQUM7TUFFL0JnQyxTQUFTLENBQ1AzQixFQUFFLENBQUUsb0JBQW9CLEVBQUUsbUJBQW1CLEVBQUVILEdBQUcsQ0FBQ2tDLHlCQUEwQixDQUFDO01BRWhGLElBQUtsQyxHQUFHLENBQUNDLGVBQWUsRUFBRztRQUMxQjtNQUNEO01BRUE2QixTQUFTLENBQ1AzQixFQUFFLENBQUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFNEIsQ0FBQyxDQUFDQyxRQUFRLENBQUVoQyxHQUFHLENBQUNlLHdCQUF3QixFQUFFLElBQUssQ0FBRSxDQUFDLENBQzVGWixFQUFFLENBQUUsb0JBQW9CLEVBQUUsMkJBQTJCLEVBQUU0QixDQUFDLENBQUNDLFFBQVEsQ0FBRWhDLEdBQUcsQ0FBQ2Usd0JBQXdCLEVBQUUsSUFBSyxDQUFFLENBQUM7SUFDNUcsQ0FBQztJQUVEO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7SUFDRVMsYUFBYSxXQUFiQSxhQUFhQSxDQUFBLEVBQUc7TUFDZixJQUFNVyxPQUFPLEdBQUdwQyxDQUFDLENBQUUsOEJBQStCLENBQUM7TUFFbkRBLENBQUMsQ0FBRUQsUUFBUyxDQUFDLENBQ1hLLEVBQUUsQ0FBRSxvQkFBb0IsRUFBRSxtQkFBbUIsRUFBRUgsR0FBRyxDQUFDa0MseUJBQTBCLENBQUM7TUFFaEZDLE9BQU8sQ0FBQ0MsUUFBUSxDQUFDLENBQUMsQ0FDaEJqQyxFQUFFLENBQUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFNEIsQ0FBQyxDQUFDQyxRQUFRLENBQUVoQyxHQUFHLENBQUNlLHdCQUF3QixFQUFFLElBQUssQ0FBRSxDQUFDLENBQzVGWixFQUFFLENBQUUsb0JBQW9CLEVBQUUsMkJBQTJCLEVBQUU0QixDQUFDLENBQUNDLFFBQVEsQ0FBRWhDLEdBQUcsQ0FBQ2Usd0JBQXdCLEVBQUUsSUFBSyxDQUFFLENBQUM7SUFDNUcsQ0FBQztJQUVEO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0lBQ0VSLGlCQUFpQixXQUFqQkEsaUJBQWlCQSxDQUFBLEVBQUc7TUFDbkIsT0FBTyxPQUFPOEIsRUFBRSxLQUFLLFdBQVcsSUFBSSxPQUFPQSxFQUFFLENBQUNDLE1BQU0sS0FBSyxXQUFXO0lBQ3JFLENBQUM7SUFFRDtBQUNGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtJQUNFeEIsS0FBSyxXQUFMQSxLQUFLQSxDQUFBLEVBQUc7TUFDUCxPQUFPeUIsT0FBTyxDQUFFeEMsQ0FBQyxDQUFFLDhCQUErQixDQUFDLENBQUN5QyxNQUFPLENBQUM7SUFDN0QsQ0FBQztJQUVEO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7SUFDRUMsbUJBQW1CLFdBQW5CQSxtQkFBbUJBLENBQUEsRUFBRztNQUNyQkosRUFBRSxDQUFDSyxJQUFJLENBQUNDLFFBQVEsQ0FBRSxjQUFlLENBQUMsQ0FBQ0MsZ0JBQWdCLENBQ2xEQywyQkFBMkIsQ0FBQ0MsZ0JBQWdCLENBQUNDLFFBQVEsRUFDckQvQyxHQUFHLENBQUNnRCwwQkFBMEIsQ0FBQyxDQUNoQyxDQUFDOztNQUVEO01BQ0E7TUFDQSxJQUFNQyxTQUFTLEdBQUd0QyxXQUFXLENBQUUsWUFBVztRQUN6QyxJQUFNdUMsVUFBVSxHQUFHbkQsQ0FBQyxDQUFFLDBDQUEyQyxDQUFDO1FBQ2xFLElBQUssQ0FBRW1ELFVBQVUsQ0FBQ1YsTUFBTSxFQUFHO1VBQzFCO1FBQ0Q7UUFFQSxJQUFNVyxPQUFPLEdBQUdELFVBQVUsQ0FBQ0UsT0FBTyxDQUFFLG9CQUFxQixDQUFDO1FBQzFERCxPQUFPLENBQUNFLFFBQVEsQ0FBRSxvQ0FBcUMsQ0FBQztRQUN4REYsT0FBTyxDQUFDRyxJQUFJLENBQUUseUJBQTBCLENBQUMsQ0FBQ0MsV0FBVyxDQUFFLGNBQWUsQ0FBQyxDQUFDQSxXQUFXLENBQUUsU0FBVSxDQUFDLENBQUNGLFFBQVEsQ0FBRSxZQUFhLENBQUM7O1FBRXpIO1FBQ0EsSUFBTUcsYUFBYSxHQUFHTCxPQUFPLENBQUNHLElBQUksQ0FBRSw2QkFBOEIsQ0FBQztRQUNuRSxJQUFLRSxhQUFhLEVBQUc7VUFDcEJBLGFBQWEsQ0FBQ3JELEVBQUUsQ0FBRSxPQUFPLEVBQUUsWUFBVztZQUNyQ0gsR0FBRyxDQUFDeUQsY0FBYyxDQUFDLENBQUM7VUFDckIsQ0FBRSxDQUFDO1FBQ0o7UUFFQTVDLGFBQWEsQ0FBRW9DLFNBQVUsQ0FBQztNQUMzQixDQUFDLEVBQUUsR0FBSSxDQUFDO0lBQ1QsQ0FBQztJQUVEO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0lBQ0VELDBCQUEwQixXQUExQkEsMEJBQTBCQSxDQUFBLEVBQUc7TUFDNUIsSUFBTVUsVUFBVSxHQUFHLDJDQUEyQztNQUM5RCxJQUFNQyxjQUFjLEdBQUc7UUFDdEJDLEVBQUUsRUFBRUYsVUFBVTtRQUNkRyxhQUFhLEVBQUUsSUFBSTtRQUNuQkMsSUFBSSxFQUFFLElBQUk7UUFDVkMsY0FBYyxFQUFFLElBQUk7UUFDcEJDLE9BQU8sRUFBRSxDQUNSO1VBQ0NDLFNBQVMsRUFBRSxpREFBaUQ7VUFDNURDLE9BQU8sRUFBRSxTQUFTO1VBQ2xCQyxLQUFLLEVBQUV0QiwyQkFBMkIsQ0FBQ0MsZ0JBQWdCLENBQUNzQjtRQUNyRCxDQUFDO01BRUgsQ0FBQztNQUVELElBQUssQ0FBRXZCLDJCQUEyQixDQUFDd0IsZUFBZSxFQUFHO1FBQ3BEVixjQUFjLENBQUNLLE9BQU8sQ0FBRSxDQUFDLENBQUUsQ0FBQ00sR0FBRyxHQUFHekIsMkJBQTJCLENBQUNDLGdCQUFnQixDQUFDd0IsR0FBRztRQUVsRixPQUFPWCxjQUFjO01BQ3RCO01BRUEsSUFBTVksS0FBSyxHQUFHbEMsRUFBRSxDQUFDbUMsVUFBVSxDQUFDRCxLQUFLO01BQ2pDLElBQU1FLFFBQVEsR0FBR3BDLEVBQUUsQ0FBQ3FDLE9BQU8sQ0FBQ0QsUUFBUTtNQUNwQyxJQUFNRSxjQUFjLEdBQUd0QyxFQUFFLENBQUN1QyxPQUFPLENBQUNELGNBQWM7TUFDaEQsSUFBTUUsZ0JBQWdCLEdBQUd4QyxFQUFFLENBQUN1QyxPQUFPLENBQUNDLGdCQUFnQjtNQUNwRCxJQUFNQyxpQkFBaUIsR0FBRyxTQUFwQkEsaUJBQWlCQSxDQUFBLEVBQWM7UUFDcEMsSUFBQUMsU0FBQSxHQUE4Qk4sUUFBUSxDQUFFLElBQUssQ0FBQztVQUFBTyxVQUFBLEdBQUFDLGNBQUEsQ0FBQUYsU0FBQTtVQUF0Q0csTUFBTSxHQUFBRixVQUFBO1VBQUVHLFNBQVMsR0FBQUgsVUFBQTtRQUV6QixJQUFLLENBQUVFLE1BQU0sRUFBRztVQUNmLE9BQU8sSUFBSTtRQUNaO1FBRUE7VUFBQTtVQUNDO1VBQ0FFLEtBQUEsQ0FBQUMsYUFBQSxDQUFDZCxLQUFLO1lBQ0xOLFNBQVMsRUFBQyx5QkFBeUI7WUFDbkNxQixRQUFRLEVBQUcsU0FBWEEsUUFBUUEsQ0FBQSxFQUFTO2NBQ2hCVCxnQkFBZ0IsQ0FBRW5CLFVBQVcsQ0FBQztjQUM5QnlCLFNBQVMsQ0FBRSxLQUFNLENBQUM7WUFDbkIsQ0FBRztZQUNISSxLQUFLLEVBQUd2RixHQUFHLENBQUN3RixhQUFhLENBQUM7VUFBRyxDQUM3QjtRQUFDO01BRUosQ0FBQztNQUVEN0IsY0FBYyxDQUFDSyxPQUFPLENBQUUsQ0FBQyxDQUFFLENBQUN5QixPQUFPLEdBQUc7UUFBQSxPQUFNZCxjQUFjLENBQUVqQixVQUFVLEVBQUU7VUFBRWdDLE1BQU0sRUFBRVo7UUFBa0IsQ0FBRSxDQUFDO01BQUE7TUFFdkcsT0FBT25CLGNBQWM7SUFDdEIsQ0FBQztJQUVEO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0lBQ0U2QixhQUFhLFdBQWJBLGFBQWFBLENBQUEsRUFBRztNQUNmLElBQU1ELEtBQUssR0FBRyxFQUFFO01BRWhCMUMsMkJBQTJCLENBQUN3QixlQUFlLENBQUNzQixPQUFPLENBQUUsVUFBVUMsSUFBSSxFQUFHO1FBQ3JFTCxLQUFLLENBQUNNLElBQUksQ0FDVDtVQUNDO1VBQ0FDLE9BQU8sZUFDTlYsS0FBQSxDQUFBQyxhQUFBLENBQUFELEtBQUEsQ0FBQVcsUUFBQSxxQkFDQ1gsS0FBQSxDQUFBQyxhQUFBO1lBQUlwQixTQUFTLEVBQUM7VUFBa0MsR0FBRzJCLElBQUksQ0FBQ0ksS0FBVyxDQUFDLGVBQ3BFWixLQUFBLENBQUFDLGFBQUE7WUFBR3BCLFNBQVMsRUFBQztVQUErQixHQUFHMkIsSUFBSSxDQUFDRSxPQUFZLENBQy9ELENBQ0Y7VUFDREcsS0FBSyxlQUFFYixLQUFBLENBQUFDLGFBQUE7WUFBS3BCLFNBQVMsRUFBQyxnQ0FBZ0M7WUFBQ2lDLEdBQUcsRUFBR04sSUFBSSxDQUFDSyxLQUFPO1lBQUNFLEdBQUcsRUFBR1AsSUFBSSxDQUFDSTtVQUFPLENBQUU7VUFDOUY7UUFDRCxDQUNELENBQUM7TUFDRixDQUFFLENBQUM7TUFFSCxPQUFPVCxLQUFLO0lBQ2IsQ0FBQztJQUVEO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7SUFDRS9FLHNCQUFzQixXQUF0QkEsc0JBQXNCQSxDQUFBLEVBQUc7TUFDeEIsSUFBS1IsR0FBRyxDQUFDQyxlQUFlLEVBQUc7UUFDMUI7TUFDRDtNQUVBLElBQUtELEdBQUcsQ0FBQ29HLG9CQUFvQixDQUFFckcsQ0FBQyxDQUFFLFFBQVMsQ0FBQyxDQUFDc0csR0FBRyxDQUFDLENBQUUsQ0FBQyxFQUFHO1FBQ3REckcsR0FBRyxDQUFDQyxlQUFlLEdBQUcsSUFBSTtRQUUxQkYsQ0FBQyxDQUFFLHFDQUFzQyxDQUFDLENBQUN3RCxXQUFXLENBQUUsZ0JBQWlCLENBQUM7TUFDM0U7SUFDRCxDQUFDO0lBRUQ7QUFDRjtBQUNBO0FBQ0E7QUFDQTtJQUNFeEMsd0JBQXdCLFdBQXhCQSx3QkFBd0JBLENBQUEsRUFBRztNQUMxQixJQUFLZixHQUFHLENBQUNDLGVBQWUsRUFBRztRQUMxQjtNQUNEO01BRUEsSUFBTXFHLFVBQVUsR0FBR3RHLEdBQUcsQ0FBQ2MsS0FBSyxDQUFDLENBQUMsR0FDM0JmLENBQUMsQ0FBRSw4QkFBK0IsQ0FBQyxDQUFDcUMsUUFBUSxDQUFDLENBQUMsQ0FBQ2tCLElBQUksQ0FBRSwyQkFBNEIsQ0FBQyxHQUNsRnZELENBQUMsQ0FBRSwyQkFBNEIsQ0FBQztNQUNuQyxJQUFNd0csT0FBTyxHQUFHRCxVQUFVLENBQUNFLElBQUksQ0FBRSxTQUFVLENBQUM7TUFDNUMsSUFBTVIsS0FBSyxHQUFHTyxPQUFPLEtBQUssVUFBVSxHQUFHRCxVQUFVLENBQUNELEdBQUcsQ0FBQyxDQUFDLEdBQUdDLFVBQVUsQ0FBQ0csSUFBSSxDQUFDLENBQUM7TUFFM0UsSUFBS3pHLEdBQUcsQ0FBQ29HLG9CQUFvQixDQUFFSixLQUFNLENBQUMsRUFBRztRQUN4Q2hHLEdBQUcsQ0FBQ0MsZUFBZSxHQUFHLElBQUk7UUFFMUJELEdBQUcsQ0FBQ3lDLG1CQUFtQixDQUFDLENBQUM7TUFDMUI7SUFDRCxDQUFDO0lBRUQ7QUFDRjtBQUNBO0FBQ0E7QUFDQTtJQUNFUCx5QkFBeUIsV0FBekJBLHlCQUF5QkEsQ0FBQSxFQUFHO01BQzNCLElBQUssQ0FBRWxDLEdBQUcsQ0FBQ0MsZUFBZSxFQUFHO1FBQzVCO01BQ0Q7TUFFQSxJQUFNNkIsU0FBUyxHQUFHL0IsQ0FBQyxDQUFFRCxRQUFTLENBQUM7TUFDL0IsSUFBTTRHLHFCQUFxQixHQUFHbkUsT0FBTyxDQUFFVCxTQUFTLENBQUN3QixJQUFJLENBQUUsc0JBQXVCLENBQUMsQ0FBQ2QsTUFBTyxDQUFDO01BRXhGLElBQUssQ0FBRWtFLHFCQUFxQixFQUFHO1FBQzlCO01BQ0Q7TUFFQSxJQUFNQyxnQkFBZ0IsR0FBR3BFLE9BQU8sQ0FBRXhDLENBQUMsQ0FBRSxxQ0FBc0MsQ0FBQyxDQUFDeUMsTUFBTyxDQUFDO01BRXJGLElBQUttRSxnQkFBZ0IsRUFBRztRQUN2QjtNQUNEO01BRUEsSUFBTUMsV0FBVyxHQUFHOUUsU0FBUyxDQUFDd0IsSUFBSSxDQUFFLDBDQUEyQyxDQUFDO01BQ2hGLElBQU1ILE9BQU8sR0FBR3lELFdBQVcsQ0FBQ3hELE9BQU8sQ0FBRSxvQkFBcUIsQ0FBQztNQUUzREQsT0FBTyxDQUFDRSxRQUFRLENBQUUsb0NBQXFDLENBQUM7SUFDekQsQ0FBQztJQUVEO0FBQ0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtJQUNFK0Msb0JBQW9CLFdBQXBCQSxvQkFBb0JBLENBQUVTLFVBQVUsRUFBRztNQUNsQyxJQUFNQyxrQkFBa0IsR0FBRyxJQUFJQyxNQUFNLENBQUUscUJBQXNCLENBQUM7TUFFOUQsT0FBT0Qsa0JBQWtCLENBQUNFLElBQUksQ0FBRUgsVUFBVyxDQUFDO0lBQzdDLENBQUM7SUFFRDtBQUNGO0FBQ0E7QUFDQTtBQUNBO0lBQ0U1RSxXQUFXLFdBQVhBLFdBQVdBLENBQUEsRUFBRztNQUNibEMsQ0FBQyxDQUFFLElBQUssQ0FBQyxDQUFDcUQsT0FBTyxDQUFFLHFDQUFzQyxDQUFDLENBQUM2RCxNQUFNLENBQUMsQ0FBQztNQUVuRWpILEdBQUcsQ0FBQ3lELGNBQWMsQ0FBQyxDQUFDO0lBQ3JCLENBQUM7SUFFRDtBQUNGO0FBQ0E7QUFDQTtBQUNBO0lBQ0VBLGNBQWMsV0FBZEEsY0FBY0EsQ0FBQSxFQUFHO01BQ2hCMUQsQ0FBQyxDQUFDbUgsSUFBSSxDQUNMckUsMkJBQTJCLENBQUNzRSxRQUFRLEVBQ3BDO1FBQ0NDLE1BQU0sRUFBRSwyQkFBMkI7UUFDbkNDLEtBQUssRUFBRXhFLDJCQUEyQixDQUFDeUUsZUFBZTtRQUNsREMsT0FBTyxFQUFFO01BQ1YsQ0FDRCxDQUFDO0lBQ0Y7RUFDRCxDQUFDO0VBRUQsT0FBT3ZILEdBQUc7QUFDWCxDQUFDLENBQUVGLFFBQVEsRUFBRUQsTUFBTSxFQUFFMkgsTUFBTyxDQUFHO0FBRS9CNUgsd0JBQXdCLENBQUNNLElBQUksQ0FBQyxDQUFDIiwiaWdub3JlTGlzdCI6W119 +},{}]},{},[1]) \ No newline at end of file diff --git a/assets/js/edit-post.es5.min.js b/assets/js/edit-post.es5.min.js new file mode 100644 index 00000000..3298510b --- /dev/null +++ b/assets/js/edit-post.es5.min.js @@ -0,0 +1 @@ +!function n(o,r,s){function c(i,e){if(!r[i]){if(!o[i]){var t="function"==typeof require&&require;if(!e&&t)return t(i,!0);if(a)return a(i,!0);throw new Error("Cannot find module '"+i+"'")}e=r[i]={exports:{}};o[i][0].call(e.exports,function(e){var t=o[i][1][e];return c(t||e)},e,e.exports,n,o,r,s)}return r[i].exports}for(var a="function"==typeof require&&require,e=0;ee.length)&&(t=e.length);for(var i=0,n=Array(t);i { + unregisterPlugin( pluginName ); + setIsOpen( false ); + } } + pages={ app.getGuidePages() } + /> + ); + }; + + noticeSettings.actions[ 0 ].onClick = () => registerPlugin( pluginName, { render: GutenbergTutorial } ); + + return noticeSettings; + }, + + /** + * Get Guide pages in proper format. + * + * @since 1.8.1 + * + * @return {Array} Guide Pages. + */ + getGuidePages() { + const pages = []; + + wpforms_edit_post_education.gutenberg_guide.forEach( function( page ) { + pages.push( + { + /* eslint-disable react/react-in-jsx-scope */ + content: ( + <> +

    { page.title }

    +

    { page.content }

    + + ), + image: {, + /* eslint-enable react/react-in-jsx-scope */ + } + ); + } ); + + return pages; + }, + + /** + * Show notice if the page title matches some keywords for Classic Editor. + * + * @since 1.8.1 + */ + maybeShowClassicNotice() { + if ( app.isNoticeVisible ) { + return; + } + + if ( app.isTitleMatchKeywords( $( '#title' ).val() ) ) { + app.isNoticeVisible = true; + + $( '.wpforms-edit-post-education-notice' ).removeClass( 'wpforms-hidden' ); + } + }, + + /** + * Show notice if the page title matches some keywords for Gutenberg Editor. + * + * @since 1.8.1 + */ + maybeShowGutenbergNotice() { + if ( app.isNoticeVisible ) { + return; + } + + const $postTitle = app.isFse() + ? $( 'iframe[name="editor-canvas"]' ).contents().find( '.editor-post-title__input' ) + : $( '.editor-post-title__input' ); + const tagName = $postTitle.prop( 'tagName' ); + const title = tagName === 'TEXTAREA' ? $postTitle.val() : $postTitle.text(); + + if ( app.isTitleMatchKeywords( title ) ) { + app.isNoticeVisible = true; + + app.showGutenbergNotice(); + } + }, + + /** + * Add notice class when the distraction mode is enabled. + * + * @since 1.8.1.2 + */ + distractionFreeModeToggle() { + if ( ! app.isNoticeVisible ) { + return; + } + + const $document = $( document ); + const isDistractionFreeMode = Boolean( $document.find( '.is-distraction-free' ).length ); + + if ( ! isDistractionFreeMode ) { + return; + } + + const isNoticeHasClass = Boolean( $( '.wpforms-edit-post-education-notice' ).length ); + + if ( isNoticeHasClass ) { + return; + } + + const $noticeBody = $document.find( '.wpforms-edit-post-education-notice-body' ); + const $notice = $noticeBody.closest( '.components-notice' ); + + $notice.addClass( 'wpforms-edit-post-education-notice' ); + }, + + /** + * Determine if the title matches keywords. + * + * @since 1.8.1 + * + * @param {string} titleValue Page title value. + * + * @return {boolean} True if the title matches some keywords. + */ + isTitleMatchKeywords( titleValue ) { + const expectedTitleRegex = new RegExp( /\b(contact|form)\b/i ); + + return expectedTitleRegex.test( titleValue ); + }, + + /** + * Close a notice. + * + * @since 1.8.1 + */ + closeNotice() { + $( this ).closest( '.wpforms-edit-post-education-notice' ).remove(); + + app.updateUserMeta(); + }, + + /** + * Update user meta and don't show the notice next time. + * + * @since 1.8.1 + */ + updateUserMeta() { + $.post( + wpforms_edit_post_education.ajax_url, + { + action: 'wpforms_education_dismiss', + nonce: wpforms_edit_post_education.education_nonce, + section: 'edit-post-notice', + } + ); + }, + }; + + return app; +}( document, window, jQuery ) ); + +WPFormsEditPostEducation.init(); diff --git a/assets/js/editor-modern.js b/assets/js/editor-modern.js new file mode 100644 index 00000000..2b36b145 --- /dev/null +++ b/assets/js/editor-modern.js @@ -0,0 +1,534 @@ +/* global elementor, elementorCommon, wpformsElementorVars, elementorFrontend, Choices */ + +'use strict'; + +/** + * WPForms integration with Elementor (modern widget). + * + * @since 1.8.3 + */ +var WPFormsElementorModern = window.WPFormsElementorModern || ( function( document, window, $ ) { + + /** + * Public functions and properties. + * + * @since 1.8.3 + * + * @type {object} + */ + var app = { + + /** + * Start the engine. + * + * @since 1.8.3 + */ + init: function() { + + app.events(); + }, + + /** + * Register JS events. + * + * @since 1.8.3 + */ + events: function() { + + // Widget events. + $( window ) + .on( 'elementor/frontend/init', function( event, id, instance ) { + + elementor.channels.editor.on( 'elementorWPFormsResetStyleSettings', app.confirmResetStyleSettings ); + elementor.channels.editor.on( 'section:activated', app.checkForLeadForms ); + elementor.hooks.addAction( 'panel/open_editor/widget/wpforms', app.widgetPanelOpen ); + elementorFrontend.hooks.addAction( 'frontend/element_ready/wpforms.default', app.widgetReady ); + } ); + }, + + /** + * On section change event handler. + * + * @since 1.8.3 + * + * @param {string} sectionName The current section name. + * @param {object} editor Editor instance. + * + */ + checkForLeadForms( sectionName, editor ) { + + if ( sectionName !== 'field_styles' || editor.model.attributes.widgetType !== 'wpforms' ) { + return; + } + + let $panelContent = editor.$childViewContainer[0]; + let widgetView = editor.options.editedElementView.$el[0]; + let formId = editor.model.attributes.settings.attributes.form_id; + let $form = $( widgetView ).find( `#wpforms-${formId}` ); + + if ( $form.length === 0 ) { + return; + } + + if ( $form.hasClass( 'wpforms-lead-forms-container' ) ) { + $( $panelContent ).addClass( 'wpforms-elementor-disabled' ); + $( $panelContent ).find( '.wpforms-elementor-lead-forms-notice' ).css( 'display', 'block' ); + } + }, + + /** + * Initialize widget controls when widget is activated. + * + * @since 1.8.3 + * + * @param {object} panel Panel object. + * @param {object} model Model object. + * @param {object} view View object. + */ + widgetPanelOpen: function( panel, model, view ) { + + const settingsModel = model.get( 'settings' ); + + // Apply settings from the textarea. + settingsModel.on( 'change:copyPasteJsonValue', ( changedModel ) => { + app.pasteSettings( changedModel, view ); + } ); + + // Change style settings. + settingsModel.on( 'change', ( changedModel ) => { + app.changeStyleSettings( changedModel, view ); + + if ( ! changedModel.changed.copyPasteJsonValue && ! changedModel.changed.form_id ) { + app.updateCopyPasteContent( changedModel ); + } + } ); + + // Update copy/paste content when form_id is changed and copyPasteJsonValue is not set. + settingsModel.on( 'change:form_id', ( changedModel ) => { + if ( ! changedModel.attributes.copyPasteJsonValue ) { + setTimeout( function() { + app.updateCopyPasteContent( changedModel ); + }, 0 ); + } + } ); + }, + + /** + * Widget ready events. + * + * @since 1.8.3 + * + * @param {jQuery} $scope The current element wrapped with jQuery. + */ + widgetReady: function( $scope ) { + + let formId = $scope.find( '.wpforms-form' ).data( 'formid' ); + + app.updateAccentColors( $scope, formId ); + app.loadChoicesJS( $scope, formId ); + app.initRichTextField( formId ); + app.initRepeaterField( formId ); + }, + + /** + * Show the reset style settings confirm popup. + * + * @since 1.8.3 + * + * @param {object} event Event object. + */ + confirmResetStyleSettings: function( event ) { + + elementorCommon.dialogsManager.createWidget( 'confirm', { + message: wpformsElementorVars.strings.reset_settings_confirm_text, + headerMessage: wpformsElementorVars.strings.reset_style_settings, + strings: { + confirm: wpformsElementorVars.strings.continue, + cancel: wpformsElementorVars.strings.cancel, + }, + defaultOption: 'cancel', + onConfirm: function onConfirm() { + app.resetStyleSettings( event ); + }, + } ).show(); + }, + + /** + * Reset style settings button handler. + * + * @since 1.8.3 + * + * @param {Object} event Event object. + */ + resetStyleSettings( event ) { + const model = event.options.elementSettingsModel; + const container = event.options.container; + const widgetContainer = container.view.$el[ 0 ]; + const defaults = model.defaults; + const styleSettings = app.getStyleAttributesKeys(); + const defaultValues = {}; + const $widgetStyles = $( widgetContainer ).find( '#wpforms-css-vars-root' ).next( 'style' ); + + // Prepare default style settings values. + styleSettings.forEach( function( element ) { + defaultValues[ element ] = defaults[element]; + } ); + + // Reset global style settings. + app.resetGlobalStyleSettings( model, container ); + + // Reset widget settings to default. + elementorCommon.api.run( 'document/elements/settings', { + container, + options: { + external: true, + }, + settings: defaultValues, + } ); + + // Reset CSS vars for widget container and form specific "; + } + + action_for_add_section = action_for_add_section.replace( + '
    = + $elscope + .find( '.astra-sites-library-template:last' ) + .offset().top + ) { + AstraElementorSitesAdmin.page = + AstraElementorSitesAdmin.page + 1; + // Set listing HTML. + AstraElementorSitesAdmin._appendPaginationBlocks( + astraElementorSites.astra_blocks + ); + } + } + } + }, + + _changeType: function () { + AstraElementorSitesAdmin.siteType = $( this ).val(); + $elscope.find( '#wp-filter-search-input' ).trigger( 'keyup' ); + }, + + _categoryChange: function ( event ) { + AstraElementorSitesAdmin.blockCategory = $( this ).val(); + $elscope.find( '#wp-filter-search-input' ).trigger( 'keyup' ); + }, + + _blockColorChange: function ( event ) { + AstraElementorSitesAdmin.blockColor = $( this ).val(); + $elscope.find( '#wp-filter-search-input' ).trigger( 'keyup' ); + }, + + _dismiss: function () { + $( this ) + .closest( '.ast-sites-floating-notice-wrap' ) + .removeClass( 'slide-in' ); + $( this ) + .closest( '.ast-sites-floating-notice-wrap' ) + .addClass( 'slide-out' ); + + setTimeout( function () { + $( this ) + .closest( '.ast-sites-floating-notice-wrap' ) + .removeClass( 'slide-out' ); + }, 200 ); + + if ( + $( this ) + .closest( '.ast-sites-floating-notice-wrap' ) + .hasClass( 'refreshed-notice' ) + ) { + $.ajax( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-update-library-complete', + _ajax_nonce: astraElementorSites._ajax_nonce, + }, + } ).done( function ( response ) { + $( '#ast-sites-floating-notice-wrap-id' ).toggle(); + } ); + } + }, + + _done: function ( data ) { + console.groupEnd( 'Process Done.' ); + + var str = + AstraElementorSitesAdmin.type == 'pages' + ? astraElementorSites.template + : astraElementorSites.block; + $elscope + .find( '.ast-import-elementor-template' ) + .removeClass( 'installing' ); + $elscope + .find( '.ast-import-elementor-template' ) + .attr( 'data-demo-link', data.data.link ); + setTimeout( function () { + $elscope + .find( '.ast-import-elementor-template' ) + .text( 'View Saved ' + str ); + $elscope + .find( '.ast-import-elementor-template' ) + .addClass( 'action-done' ); + }, 200 ); + }, + + _beforeClose: function () { + if ( AstraElementorSitesAdmin.action == 'insert' ) { + $elscope + .find( '.ast-library-template-insert' ) + .removeClass( 'installing' ); + $elscope + .find( '.ast-library-template-insert' ) + .text( 'Imported' ); + $elscope + .find( '.ast-library-template-insert' ) + .addClass( 'action-done' ); + + if ( + $elscope + .find( '.ast-sites-floating-notice-wrap' ) + .hasClass( 'slide-in' ) + ) { + $elscope + .find( '.ast-sites-floating-notice-wrap' ) + .removeClass( 'slide-in' ); + $elscope + .find( '.ast-sites-floating-notice-wrap' ) + .addClass( 'slide-out' ); + + setTimeout( function () { + $elscope + .find( '.ast-sites-floating-notice-wrap' ) + .removeClass( 'slide-out' ); + }, 200 ); + } + } + }, + + _closeTooltip: function ( event ) { + if ( + event.target.className !== 'ast-tooltip-wrap' && + event.target.className !== 'dashicons dashicons-editor-help' + ) { + var wrap = $elscope.find( '.ast-tooltip-wrap' ); + if ( wrap.hasClass( 'ast-show-tooltip' ) ) { + $elscope + .find( '.ast-tooltip-wrap' ) + .removeClass( 'ast-show-tooltip' ); + } + } + }, + + _sync: function ( event ) { + event.preventDefault(); + var button = $( this ).find( '.astra-sites-sync-library-button' ); + + if ( button.hasClass( 'updating-message' ) ) { + return; + } + + button.addClass( 'updating-message' ); + $elscope + .find( '#ast-sites-floating-notice-wrap-id' ) + .show() + .removeClass( 'error' ); + $elscope + .find( + '#ast-sites-floating-notice-wrap-id .ast-sites-floating-notice' + ) + .html( + 'Syncing template library in the background. The process can take anywhere between 2 to 3 minutes. We will notify you once done.' + ); + $elscope + .find( '#ast-sites-floating-notice-wrap-id' ) + .addClass( 'slide-in' ) + .removeClass( 'refreshed-notice' ); + + $.ajax( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-update-library', + _ajax_nonce: astraElementorSites._ajax_nonce, + }, + } ) + .fail( function ( jqXHR ) { + console.log( jqXHR ); + } ) + .done( function ( response ) { + if ( response.success ) { + if ( 'updated' === response.data ) { + $elscope + .find( '#ast-sites-floating-notice-wrap-id' ) + .addClass( 'refreshed-notice' ) + .find( '.ast-sites-floating-notice' ) + .html( + '' + + astraElementorSites.syncCompleteMessage + + '' + ); + button.removeClass( 'updating-message' ); + console.log( 'Already sync all the sites.' ); + } else { + // Import categories. + $.ajax( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-import-all-categories-and-tags', + _ajax_nonce: + astraElementorSites._ajax_nonce, + }, + } ).fail( function ( jqXHR ) { + console.log( jqXHR ); + } ); + + // Import categories. + $.ajax( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-import-all-categories', + _ajax_nonce: + astraElementorSites._ajax_nonce, + }, + } ).fail( function ( jqXHR ) { + console.log( jqXHR ); + } ); + + // Import Blocks. + $.ajax( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-get-blocks-request-count', + _ajax_nonce: + astraElementorSites._ajax_nonce, + }, + beforeSend: function () { + console.groupCollapsed( 'Updating Blocks' ); + console.log( 'Updating Blocks' ); + }, + } ) + .fail( function ( jqXHR ) { + console.log( jqXHR, 'error' ); + console.error( + jqXHR.status + jqXHR.statusText, + 'Blocks Count Request Failed!', + jqXHR + ); + console.groupEnd( 'Updating Blocks' ); + } ) + .done( function ( response ) { + console.log( response ); + if ( response.success ) { + var total = response.data; + + for ( let i = 1; i <= total; i++ ) { + AstraSitesAjaxQueue.add( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-import-blocks', + page_no: i, + _ajax_nonce: + astraElementorSites._ajax_nonce, + }, + beforeSend: function () { + console.groupCollapsed( + 'Importing Blocks - Page ' + + i + ); + console.log( + 'Importing Blocks - Page ' + + i + ); + }, + success: function ( response ) { + console.log( response ); + console.groupEnd( + 'Importing Blocks - Page ' + + i + ); + }, + } ); + } + + // Run the AJAX queue. + AstraSitesAjaxQueue.run(); + } else { + console.error( + response.data, + 'Blocks Count Request Failed!' + ); + } + } ); + + // Import Block Categories. + $.ajax( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-import-block-categories', + _ajax_nonce: + astraElementorSites._ajax_nonce, + }, + } ).fail( function ( jqXHR ) { + console.log( jqXHR ); + } ); + + $.ajax( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-get-sites-request-count', + _ajax_nonce: + astraElementorSites._ajax_nonce, + }, + } ) + .fail( function ( jqXHR ) { + console.log( jqXHR ); + } ) + .done( function ( response ) { + if ( response.success ) { + var total = response.data; + + for ( let i = 1; i <= total; i++ ) { + AstraSitesAjaxQueue.add( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-import-sites', + page_no: i, + _ajax_nonce: + astraElementorSites._ajax_nonce, + }, + success: function ( result ) { + if ( + i === total && + astraElementorSites.syncCompleteMessage + ) { + button.removeClass( + 'updating-message' + ); + $elscope + .find( + '#ast-sites-floating-notice-wrap-id' + ) + .addClass( + 'refreshed-notice' + ) + .find( + '.ast-sites-floating-notice' + ) + .html( + '' + + astraElementorSites.syncCompleteMessage + + '' + ); + } + }, + } ); + } + + // Run the AJAX queue. + AstraSitesAjaxQueue.run(); + } + } ); + } + } + } ); + }, + + _toggleTooltip: function ( e ) { + var wrap = $elscope.find( '.ast-tooltip-wrap' ); + + if ( wrap.hasClass( 'ast-show-tooltip' ) ) { + $elscope + .find( '.ast-tooltip-wrap' ) + .removeClass( 'ast-show-tooltip' ); + } else { + $elscope + .find( '.ast-tooltip-wrap' ) + .addClass( 'ast-show-tooltip' ); + } + }, + + _toggle: function ( e ) { + $elscope + .find( '.elementor-template-library-menu-item' ) + .removeClass( 'elementor-active' ); + + $elscope.find( '.dialog-lightbox-content' ).hide(); + + $elscope.find( '.theme-preview' ).hide(); + $elscope.find( '.theme-preview' ).html( '' ); + $elscope.find( '.theme-preview-block' ).hide(); + $elscope.find( '.theme-preview-block' ).html( '' ); + $elscope.find( '.ast-template-library-toolbar' ).show(); + + $elscope.find( '.dialog-lightbox-content' ).hide(); + $elscope.find( '.dialog-lightbox-content-block' ).hide(); + + $( this ).addClass( 'elementor-active' ); + let data_type = $( this ).data( 'template-type' ); + + AstraElementorSitesAdmin.type = data_type; + AstraElementorSitesAdmin._switchTo( data_type ); + }, + + _home: function () { + if ( AstraElementorSitesAdmin.processing ) { + return; + } + $elscope.find( '#wp-filter-search-input' ).val( '' ); + // Hide Back button. + $elscope.find( '.back-to-layout' ).css( 'visibility', 'hidden' ); + $elscope.find( '.back-to-layout' ).css( 'opacity', '0' ); + $elscope + .find( '.elementor-template-library-menu-item:first-child' ) + .trigger( 'click' ); + }, + + _switchTo: function ( type ) { + if ( 'pages' == type ) { + AstraElementorSitesAdmin._initSites(); + $elscope.find( '.dialog-lightbox-content' ).show(); + $elscope.find( '.astra-blocks-category-inner-wrap' ).hide(); + $elscope.find( '.astra-blocks-filter-inner-wrap' ).hide(); + $elscope.find( '.elementor-template-library-order' ).show(); + } else { + AstraElementorSitesAdmin._initBlocks(); + $elscope.find( '.dialog-lightbox-content-block' ).show(); + $elscope.find( '.astra-blocks-category-inner-wrap' ).show(); + $elscope.find( '.astra-blocks-filter-inner-wrap' ).show(); + $elscope.find( '.elementor-template-library-order' ).hide(); + } + $elscope.find( '.astra-sites-content-wrap' ).trigger( 'scroll' ); + }, + + _importWPForm: function ( wpforms_url, callback ) { + if ( ! wpforms_url ) { + if ( callback && typeof callback == 'function' ) { + callback( '' ); + } + return; + } + + $.ajax( { + url: astraElementorSites.ajaxurl, + type: 'POST', + dataType: 'json', + data: { + action: 'astra-sites-import-wpforms', + screen: 'elementor', + id: AstraElementorSitesAdmin.templateData.id, + _ajax_nonce: astraElementorSites._ajax_nonce, + }, + beforeSend: function () { + console.groupCollapsed( 'Importing WP Forms' ); + }, + } ) + .fail( function ( jqXHR ) { + console.log( + jqXHR.status + ' ' + jqXHR.responseText, + true + ); + console.groupEnd(); + } ) + .done( function ( data ) { + // 1. Fail - Import WPForms Options. + if ( false === data.success ) { + console.log( data.data ); + console.groupEnd(); + } else { + if ( callback && typeof callback == 'function' ) { + callback( data ); + } + } + } ); + }, + + _createTemplate: function () { + console.groupEnd(); + + // Work with JSON page here + $.ajax( { + url: astraElementorSites.ajaxurl, + type: 'POST', + dataType: 'json', + data: { + action: 'astra-sites-create-template', + id: + AstraElementorSitesAdmin.type == 'pages' + ? AstraElementorSitesAdmin.page_id?.replace( + 'id-', + '' + ) + : AstraElementorSitesAdmin.block_id?.replace( + 'id-', + '' + ), + title: + AstraElementorSitesAdmin.templateData?.title + ?.rendered || '', + type: + 'blocks' == AstraElementorSitesAdmin.type + ? 'astra-blocks' + : 'site-pages', + _ajax_nonce: astraElementorSites._ajax_nonce, + }, + beforeSend: function () { + console.groupCollapsed( 'Creating Template' ); + }, + } ) + .fail( function ( jqXHR ) { + console.log( jqXHR ); + } ) + .done( function ( data ) { + AstraElementorSitesAdmin._done( data ); + } ); + }, + + /** + * Install All Plugins. + */ + _installAllPlugins: function ( not_installed ) { + $.each( not_installed, function ( index, single_plugin ) { + console.log( 'Installing Plugin - ' + single_plugin.name ); + + // Add each plugin activate request in Ajax queue. + // @see wp-admin/js/updates.js + wp.updates.queue.push( { + action: 'install-plugin', // Required action. + data: { + slug: single_plugin.slug, + }, + } ); + } ); + + // Required to set queue. + wp.updates.queueChecker(); + }, + + /** + * Activate All Plugins. + */ + _activateAllPlugins: function ( activate_plugins ) { + $.each( activate_plugins, function ( index, single_plugin ) { + console.log( 'Activating Plugin - ' + single_plugin.name ); + + AstraSitesAjaxQueue.add( { + url: astraElementorSites.ajaxurl, + type: 'POST', + data: { + action: 'astra-sites-required_plugin_activate', + init: single_plugin.init, + _ajax_nonce: astraElementorSites._ajax_nonce, + }, + success: function ( result ) { + if ( result.success ) { + var pluginsList = + AstraElementorSitesAdmin.requiredPlugins + .inactive; + + // Reset not installed plugins list. + AstraElementorSitesAdmin.requiredPlugins.inactive = + AstraElementorSitesAdmin._removePluginFromQueue( + single_plugin.slug, + pluginsList + ); + + // Enable Demo Import Button + AstraElementorSitesAdmin._enableImport(); + } + }, + } ); + } ); + AstraSitesAjaxQueue.run(); + }, + + /** + * Remove plugin from the queue. + */ + _removePluginFromQueue: function ( removeItem, pluginsList ) { + return jQuery.grep( pluginsList, function ( value ) { + return value.slug != removeItem; + } ); + }, + + /** + * Get plugin from the queue. + */ + _getPluginFromQueue: function ( item, pluginsList ) { + var match = ''; + for ( ind in pluginsList ) { + if ( item == pluginsList[ ind ].slug ) { + match = pluginsList[ ind ]; + } + } + return match; + }, + + _bulkPluginInstallActivate: function () { + console.groupCollapsed( 'Bulk Plugin Install Process Started' ); + + // If has class the skip-plugins then, + // Avoid installing 3rd party plugins. + var not_installed = + AstraElementorSitesAdmin.requiredPlugins.notinstalled || ''; + var activate_plugins = + AstraElementorSitesAdmin.requiredPlugins.inactive || ''; + + console.log( AstraElementorSitesAdmin.requiredPlugins ); + + // First Install Bulk. + if ( not_installed.length > 0 ) { + AstraElementorSitesAdmin._installAllPlugins( not_installed ); + } + + // Second Activate Bulk. + if ( activate_plugins.length > 0 ) { + AstraElementorSitesAdmin._activateAllPlugins( + activate_plugins + ); + } + + if ( activate_plugins.length <= 0 && not_installed.length <= 0 ) { + AstraElementorSitesAdmin._enableImport(); + } + }, + + _importTemplate: function ( e ) { + if ( ! AstraElementorSitesAdmin.canImport ) { + if ( $( this ).attr( 'data-demo-link' ) != undefined ) { + window.open( $( this ).attr( 'data-demo-link' ), '_blank' ); + } + return; + } + + AstraElementorSitesAdmin.canImport = false; + + var str = + AstraElementorSitesAdmin.type == 'pages' + ? astraElementorSites.template + : astraElementorSites.block; + + $( this ).addClass( 'installing' ); + $( this ).text( 'Saving ' + str + '...' ); + + AstraElementorSitesAdmin.action = 'import'; + + AstraElementorSitesAdmin._bulkPluginInstallActivate(); + }, + + _unescape: function ( input_string ) { + var title = _.unescape( input_string ); + + // @todo check why below character not escape with function _.unescape(); + title = title.replace( '–', '-' ); + + return title; + }, + + _unescape_lower: function ( input_string ) { + input_string = $( '`; + }, + + /** + * Sanitize response. + * + * @since 1.9.2 + * + * @param {Object} response The response data to sanitize. + * + * @return {Object} The sanitized response. + */ + sanitizeResponse( response ) { + if ( ! response.explanation ) { + return response; + } + + // Sanitize explanation string. + response.explanation = wpf.sanitizeHTML( response.explanation, wpforms_builder.allowed_label_html_tags ); + + return response; + }, + }; + + return forms; +} diff --git a/assets/js/helpers-forms.min.js b/assets/js/helpers-forms.min.js new file mode 100644 index 00000000..ab2841c7 --- /dev/null +++ b/assets/js/helpers-forms.min.js @@ -0,0 +1,8 @@ +export default function(n){const t={min:54,max:95},r={init(){n.input.addEventListener("keydown",n.modeHelpers.keyDown),n.input.addEventListener("keyup",n.modeHelpers.resizeInput),n.sessionId&&(WPFormsAIFormGenerator.state.chatStart=!0,WPFormsAIFormGenerator.main.el.$templateCard.next(".selected").removeClass("selected"))},keyDown(e){n.preventResizeInput="Enter"===e.code&&!e.shiftKey,n.preventResizeInput&&(e.preventDefault(),r.setInputHeight(t.min))},resizeInput(){var e;n.preventResizeInput||(n.input.style.height="",n.input.style.paddingTop="10px",n.input.style.paddingBottom="10px",e=n.input.scrollHeight,e=Math.min(e,t.max),e=Math.max(e,t.min),r.setInputHeight(e))},resetInput(){r.resizeInput()},setInputHeight(e){e<=t.min&&(n.input.style.paddingTop="",n.input.style.paddingBottom=""),n.input.style.height=e+"px",n.style.setProperty("--wpforms-ai-chat-input-height",e+"px")},getAnswer(e){var t;return e?(t=Math.floor(Math.random()*n.modeStrings.footer.length),t=n.modeStrings.footer[t],` +

    ${e.explanation||(e.form_title??"")}

    + ${t} + `):""},getAnswerButtonsPre(){return` + + `},addedAnswer(e){r.updateInactiveAnswers()},setActiveAnswer(e){r.updateInactiveAnswers(),e.querySelector(".wpforms-chat-item-content").setAttribute("title","")},updateInactiveAnswers(){n.messageList.querySelectorAll(".wpforms-chat-item-answer:not(.active) .wpforms-chat-item-content").forEach(e=>{e.setAttribute("title",n.modeStrings.inactiveAnswerTitle)})},isWelcomeScreen(){return!0},getMessageInputField(){return``},sanitizeResponse(e){return e.explanation&&(e.explanation=wpf.sanitizeHTML(e.explanation,wpforms_builder.allowed_label_html_tags)),e}};return r} \ No newline at end of file diff --git a/assets/js/helpers-text.js b/assets/js/helpers-text.js new file mode 100644 index 00000000..68ed7635 --- /dev/null +++ b/assets/js/helpers-text.js @@ -0,0 +1,67 @@ +/* global WPFormsAIChatHTMLElement */ + +/** + * The WPForms AI chat element. + * + * Choices helpers module. + * + * @since 1.9.1 + * + * @param {WPFormsAIChatHTMLElement} chat The chat element. + * + * @return {Function} The app cloning function. + */ +export default function( chat ) { // eslint-disable-line no-unused-vars + /** + * The default `text` mode helpers object. + * + * @since 1.9.1 + */ + return { + /** + * Get the `text` answer based on AI response data. + * + * @since 1.9.1 + * + * @param {Object} response The AI response data. + * + * @return {string} HTML markup. + */ + getAnswer( response ) { + return ` +

    ${ response?.heading ?? '' }

    +

    ${ response?.text ?? '' }

    + ${ response?.footer ?? '' } + `; + }, + + /** + * Get the answer pre-buttons HTML markup. + * + * @since 1.9.1 + * + * @return {string} The answer pre-buttons HTML markup. + */ + getAnswerButtonsPre() { + return ''; + }, + + /** + * Added answer callback. + * + * @since 1.9.1 + */ + addedAnswer() {}, + + /** + * Determine whether the Welcome Screen should be displayed. + * + * @since 1.9.2 + * + * @return {boolean} Display the Welcome Screen or not. + */ + isWelcomeScreen() { + return true; + }, + }; +} diff --git a/assets/js/helpers-text.min.js b/assets/js/helpers-text.min.js new file mode 100644 index 00000000..3a5b172f --- /dev/null +++ b/assets/js/helpers-text.min.js @@ -0,0 +1,5 @@ +export default function(e){return{getAnswer(e){return` +

    ${e?.heading??""}

    +

    ${e?.text??""}

    + ${e?.footer??""} + `},getAnswerButtonsPre(){return""},addedAnswer(){},isWelcomeScreen(){return!0}}} \ No newline at end of file diff --git a/assets/js/history.js b/assets/js/history.js new file mode 100644 index 00000000..8e03d1b0 --- /dev/null +++ b/assets/js/history.js @@ -0,0 +1,988 @@ +/** + * History.js + * https://github.com/browserstate/history.js + * + * Copyright © 2014+ Bevry Pty Ltd us@bevry.me (http://bevry.me) + * Copyright © 2011-2013 Benjamin Lupton b@lupton.cc (http://balupton.com) + * Released under the BSD License + * https://github.com/browserstate/history.js/blob/master/LICENSE.md + */ +( function ( e, t ) { + 'use strict'; + var n = ( e.History = e.History || {} ), + r = e.jQuery; + if ( typeof n.Adapter != 'undefined' ) + throw new Error( 'History.js Adapter has already been loaded...' ); + ( n.Adapter = { + bind: function ( e, t, n ) { + r( e ).bind( t, n ); + }, + trigger: function ( e, t, n ) { + r( e ).trigger( t, n ); + }, + extractEventData: function ( e, n, r ) { + var i = + ( n && n.originalEvent && n.originalEvent[ e ] ) || + ( r && r[ e ] ) || + t; + return i; + }, + onDomLoad: function ( e ) { + r( e ); + }, + } ), + typeof n.init != 'undefined' && n.init(); +} )( window ), + ( function ( e, t ) { + 'use strict'; + var n = e.console || t, + r = e.document, + i = e.navigator, + s = ! 1, + o = e.setTimeout, + u = e.clearTimeout, + a = e.setInterval, + f = e.clearInterval, + l = e.JSON, + c = e.alert, + h = ( e.History = e.History || {} ), + p = e.history; + try { + ( s = e.sessionStorage ), + s.setItem( 'TEST', '1' ), + s.removeItem( 'TEST' ); + } catch ( d ) { + s = ! 1; + } + ( l.stringify = l.stringify || l.encode ), + ( l.parse = l.parse || l.decode ); + if ( typeof h.init != 'undefined' ) + throw new Error( 'History.js Core has already been loaded...' ); + ( h.init = function ( e ) { + return typeof h.Adapter == 'undefined' + ? ! 1 + : ( typeof h.initCore != 'undefined' && h.initCore(), + typeof h.initHtml4 != 'undefined' && h.initHtml4(), + ! 0 ); + } ), + ( h.initCore = function ( d ) { + if ( typeof h.initCore.initialized != 'undefined' ) return ! 1; + ( h.initCore.initialized = ! 0 ), + ( h.options = h.options || {} ), + ( h.options.hashChangeInterval = + h.options.hashChangeInterval || 100 ), + ( h.options.safariPollInterval = + h.options.safariPollInterval || 500 ), + ( h.options.doubleCheckInterval = + h.options.doubleCheckInterval || 500 ), + ( h.options.disableSuid = h.options.disableSuid || ! 1 ), + ( h.options.storeInterval = + h.options.storeInterval || 1e3 ), + ( h.options.busyDelay = h.options.busyDelay || 250 ), + ( h.options.debug = h.options.debug || ! 1 ), + ( h.options.initialTitle = + h.options.initialTitle || r.title ), + ( h.options.html4Mode = h.options.html4Mode || ! 1 ), + ( h.options.delayInit = h.options.delayInit || ! 1 ), + ( h.intervalList = [] ), + ( h.clearAllIntervals = function () { + var e, + t = h.intervalList; + if ( typeof t != 'undefined' && t !== null ) { + for ( e = 0; e < t.length; e++ ) f( t[ e ] ); + h.intervalList = null; + } + } ), + ( h.debug = function () { + ( h.options.debug || ! 1 ) && + h.log.apply( h, arguments ); + } ), + ( h.log = function () { + var e = + typeof n != 'undefined' && + typeof n.log != 'undefined' && + typeof n.log.apply != 'undefined', + t = r.getElementById( 'log' ), + i, + s, + o, + u, + a; + e + ? ( ( u = Array.prototype.slice.call( arguments ) ), + ( i = u.shift() ), + typeof n.debug != 'undefined' + ? n.debug.apply( n, [ i, u ] ) + : n.log.apply( n, [ i, u ] ) ) + : ( i = '\n' + arguments[ 0 ] + '\n' ); + for ( s = 1, o = arguments.length; s < o; ++s ) { + a = arguments[ s ]; + if ( + typeof a == 'object' && + typeof l != 'undefined' + ) + try { + a = l.stringify( a ); + } catch ( f ) {} + i += '\n' + a + '\n'; + } + return ( + t + ? ( ( t.value += i + '\n-----\n' ), + ( t.scrollTop = + t.scrollHeight - t.clientHeight ) ) + : e || c( i ), + ! 0 + ); + } ), + ( h.getInternetExplorerMajorVersion = function () { + var e = ( h.getInternetExplorerMajorVersion.cached = + typeof h.getInternetExplorerMajorVersion.cached != + 'undefined' + ? h.getInternetExplorerMajorVersion.cached + : ( function () { + var e = 3, + t = r.createElement( 'div' ), + n = t.getElementsByTagName( 'i' ); + while ( + ( t.innerHTML = + '' ) && + n[ 0 ] + ); + return e > 4 ? e : ! 1; + } )() ); + return e; + } ), + ( h.isInternetExplorer = function () { + var e = ( h.isInternetExplorer.cached = + typeof h.isInternetExplorer.cached != 'undefined' + ? h.isInternetExplorer.cached + : Boolean( + h.getInternetExplorerMajorVersion() + ) ); + return e; + } ), + h.options.html4Mode + ? ( h.emulated = { pushState: ! 0, hashChange: ! 0 } ) + : ( h.emulated = { + pushState: ! Boolean( + e.history && + e.history.pushState && + e.history.replaceState && + ! / Mobile\/([1-7][a-z]|(8([abcde]|f(1[0-8]))))/i.test( + i.userAgent + ) && + ! /AppleWebKit\/5([0-2]|3[0-2])/i.test( + i.userAgent + ) + ), + hashChange: Boolean( + ! ( + 'onhashchange' in e || + 'onhashchange' in r + ) || + ( h.isInternetExplorer() && + h.getInternetExplorerMajorVersion() < + 8 ) + ), + } ), + ( h.enabled = ! h.emulated.pushState ), + ( h.bugs = { + setHash: Boolean( + ! h.emulated.pushState && + i.vendor === 'Apple Computer, Inc.' && + /AppleWebKit\/5([0-2]|3[0-3])/.test( + i.userAgent + ) + ), + safariPoll: Boolean( + ! h.emulated.pushState && + i.vendor === 'Apple Computer, Inc.' && + /AppleWebKit\/5([0-2]|3[0-3])/.test( + i.userAgent + ) + ), + ieDoubleCheck: Boolean( + h.isInternetExplorer() && + h.getInternetExplorerMajorVersion() < 8 + ), + hashEscape: Boolean( + h.isInternetExplorer() && + h.getInternetExplorerMajorVersion() < 7 + ), + } ), + ( h.isEmptyObject = function ( e ) { + for ( var t in e ) + if ( e.hasOwnProperty( t ) ) return ! 1; + return ! 0; + } ), + ( h.cloneObject = function ( e ) { + var t, n; + return ( + e + ? ( ( t = l.stringify( e ) ), + ( n = l.parse( t ) ) ) + : ( n = {} ), + n + ); + } ), + ( h.getRootUrl = function () { + var e = + r.location.protocol + + '//' + + ( r.location.hostname || r.location.host ); + if ( r.location.port || ! 1 ) + e += ':' + r.location.port; + return ( e += '/' ), e; + } ), + ( h.getBaseHref = function () { + var e = r.getElementsByTagName( 'base' ), + t = null, + n = ''; + return ( + e.length === 1 && + ( ( t = e[ 0 ] ), + ( n = t.href.replace( /[^\/]+$/, '' ) ) ), + ( n = n.replace( /\/+$/, '' ) ), + n && ( n += '/' ), + n + ); + } ), + ( h.getBaseUrl = function () { + var e = + h.getBaseHref() || + h.getBasePageUrl() || + h.getRootUrl(); + return e; + } ), + ( h.getPageUrl = function () { + var e = h.getState( ! 1, ! 1 ), + t = ( e || {} ).url || h.getLocationHref(), + n; + return ( + ( n = t + .replace( /\/+$/, '' ) + .replace( /[^\/]+$/, function ( e, t, n ) { + return /\./.test( e ) ? e : e + '/'; + } ) ), + n + ); + } ), + ( h.getBasePageUrl = function () { + var e = + h + .getLocationHref() + .replace( /[#\?].*/, '' ) + .replace( /[^\/]+$/, function ( e, t, n ) { + return /[^\/]$/.test( e ) ? '' : e; + } ) + .replace( /\/+$/, '' ) + '/'; + return e; + } ), + ( h.getFullUrl = function ( e, t ) { + var n = e, + r = e.substring( 0, 1 ); + return ( + ( t = typeof t == 'undefined' ? ! 0 : t ), + /[a-z]+\:\/\//.test( e ) || + ( r === '/' + ? ( n = + h.getRootUrl() + + e.replace( /^\/+/, '' ) ) + : r === '#' + ? ( n = + h + .getPageUrl() + .replace( /#.*/, '' ) + e ) + : r === '?' + ? ( n = + h + .getPageUrl() + .replace( /[\?#].*/, '' ) + e ) + : t + ? ( n = + h.getBaseUrl() + + e.replace( /^(\.\/)+/, '' ) ) + : ( n = + h.getBasePageUrl() + + e.replace( /^(\.\/)+/, '' ) ) ), + n.replace( /\#$/, '' ) + ); + } ), + ( h.getShortUrl = function ( e ) { + var t = e, + n = h.getBaseUrl(), + r = h.getRootUrl(); + return ( + h.emulated.pushState && ( t = t.replace( n, '' ) ), + ( t = t.replace( r, '/' ) ), + h.isTraditionalAnchor( t ) && ( t = './' + t ), + ( t = t + .replace( /^(\.\/)+/g, './' ) + .replace( /\#$/, '' ) ), + t + ); + } ), + ( h.getLocationHref = function ( e ) { + return ( + ( e = e || r ), + e.URL === e.location.href + ? e.location.href + : e.location.href === + decodeURIComponent( e.URL ) + ? e.URL + : e.location.hash && + decodeURIComponent( + e.location.href.replace( /^[^#]+/, '' ) + ) === e.location.hash + ? e.location.href + : e.URL.indexOf( '#' ) == -1 && + e.location.href.indexOf( '#' ) != -1 + ? e.location.href + : e.URL || e.location.href + ); + } ), + ( h.store = {} ), + ( h.idToState = h.idToState || {} ), + ( h.stateToId = h.stateToId || {} ), + ( h.urlToId = h.urlToId || {} ), + ( h.storedStates = h.storedStates || [] ), + ( h.savedStates = h.savedStates || [] ), + ( h.normalizeStore = function () { + ( h.store.idToState = h.store.idToState || {} ), + ( h.store.urlToId = h.store.urlToId || {} ), + ( h.store.stateToId = h.store.stateToId || {} ); + } ), + ( h.getState = function ( e, t ) { + typeof e == 'undefined' && ( e = ! 0 ), + typeof t == 'undefined' && ( t = ! 0 ); + var n = h.getLastSavedState(); + return ( + ! n && t && ( n = h.createStateObject() ), + e && + ( ( n = h.cloneObject( n ) ), + ( n.url = n.cleanUrl || n.url ) ), + n + ); + } ), + ( h.getIdByState = function ( e ) { + var t = h.extractId( e.url ), + n; + if ( ! t ) { + n = h.getStateString( e ); + if ( typeof h.stateToId[ n ] != 'undefined' ) + t = h.stateToId[ n ]; + else if ( + typeof h.store.stateToId[ n ] != 'undefined' + ) + t = h.store.stateToId[ n ]; + else { + for (;;) { + t = + new Date().getTime() + + String( Math.random() ).replace( + /\D/g, + '' + ); + if ( + typeof h.idToState[ t ] == + 'undefined' && + typeof h.store.idToState[ t ] == + 'undefined' + ) + break; + } + ( h.stateToId[ n ] = t ), + ( h.idToState[ t ] = e ); + } + } + return t; + } ), + ( h.normalizeState = function ( e ) { + var t, n; + if ( ! e || typeof e != 'object' ) e = {}; + if ( typeof e.normalized != 'undefined' ) return e; + if ( ! e.data || typeof e.data != 'object' ) + e.data = {}; + return ( + ( t = {} ), + ( t.normalized = ! 0 ), + ( t.title = e.title || '' ), + ( t.url = h.getFullUrl( + e.url ? e.url : h.getLocationHref() + ) ), + ( t.hash = h.getShortUrl( t.url ) ), + ( t.data = h.cloneObject( e.data ) ), + ( t.id = h.getIdByState( t ) ), + ( t.cleanUrl = t.url.replace( + /\??\&_suid.*/, + '' + ) ), + ( t.url = t.cleanUrl ), + ( n = ! h.isEmptyObject( t.data ) ), + ( t.title || n ) && + h.options.disableSuid !== ! 0 && + ( ( t.hash = h + .getShortUrl( t.url ) + .replace( /\??\&_suid.*/, '' ) ), + /\?/.test( t.hash ) || ( t.hash += '?' ), + ( t.hash += '&_suid=' + t.id ) ), + ( t.hashedUrl = h.getFullUrl( t.hash ) ), + ( h.emulated.pushState || h.bugs.safariPoll ) && + h.hasUrlDuplicate( t ) && + ( t.url = t.hashedUrl ), + t + ); + } ), + ( h.createStateObject = function ( e, t, n ) { + var r = { data: e, title: t, url: n }; + return ( r = h.normalizeState( r ) ), r; + } ), + ( h.getStateById = function ( e ) { + e = String( e ); + var n = h.idToState[ e ] || h.store.idToState[ e ] || t; + return n; + } ), + ( h.getStateString = function ( e ) { + var t, n, r; + return ( + ( t = h.normalizeState( e ) ), + ( n = { + data: t.data, + title: e.title, + url: e.url, + } ), + ( r = l.stringify( n ) ), + r + ); + } ), + ( h.getStateId = function ( e ) { + var t, n; + return ( t = h.normalizeState( e ) ), ( n = t.id ), n; + } ), + ( h.getHashByState = function ( e ) { + var t, n; + return ( t = h.normalizeState( e ) ), ( n = t.hash ), n; + } ), + ( h.extractId = function ( e ) { + var t, n, r, i; + return ( + e.indexOf( '#' ) != -1 + ? ( i = e.split( '#' )[ 0 ] ) + : ( i = e ), + ( n = /(.*)\&_suid=([0-9]+)$/.exec( i ) ), + ( r = n ? n[ 1 ] || e : e ), + ( t = n ? String( n[ 2 ] || '' ) : '' ), + t || ! 1 + ); + } ), + ( h.isTraditionalAnchor = function ( e ) { + var t = ! /[\/\?\.]/.test( e ); + return t; + } ), + ( h.extractState = function ( e, t ) { + var n = null, + r, + i; + return ( + ( t = t || ! 1 ), + ( r = h.extractId( e ) ), + r && ( n = h.getStateById( r ) ), + n || + ( ( i = h.getFullUrl( e ) ), + ( r = h.getIdByUrl( i ) || ! 1 ), + r && ( n = h.getStateById( r ) ), + ! n && + t && + ! h.isTraditionalAnchor( e ) && + ( n = h.createStateObject( + null, + null, + i + ) ) ), + n + ); + } ), + ( h.getIdByUrl = function ( e ) { + var n = h.urlToId[ e ] || h.store.urlToId[ e ] || t; + return n; + } ), + ( h.getLastSavedState = function () { + return h.savedStates[ h.savedStates.length - 1 ] || t; + } ), + ( h.getLastStoredState = function () { + return h.storedStates[ h.storedStates.length - 1 ] || t; + } ), + ( h.hasUrlDuplicate = function ( e ) { + var t = ! 1, + n; + return ( + ( n = h.extractState( e.url ) ), + ( t = n && n.id !== e.id ), + t + ); + } ), + ( h.storeState = function ( e ) { + return ( + ( h.urlToId[ e.url ] = e.id ), + h.storedStates.push( h.cloneObject( e ) ), + e + ); + } ), + ( h.isLastSavedState = function ( e ) { + var t = ! 1, + n, + r, + i; + return ( + h.savedStates.length && + ( ( n = e.id ), + ( r = h.getLastSavedState() ), + ( i = r.id ), + ( t = n === i ) ), + t + ); + } ), + ( h.saveState = function ( e ) { + return h.isLastSavedState( e ) + ? ! 1 + : ( h.savedStates.push( h.cloneObject( e ) ), ! 0 ); + } ), + ( h.getStateByIndex = function ( e ) { + var t = null; + return ( + typeof e == 'undefined' + ? ( t = + h.savedStates[ + h.savedStates.length - 1 + ] ) + : e < 0 + ? ( t = + h.savedStates[ + h.savedStates.length + e + ] ) + : ( t = h.savedStates[ e ] ), + t + ); + } ), + ( h.getCurrentIndex = function () { + var e = null; + return ( + h.savedStates.length < 1 + ? ( e = 0 ) + : ( e = h.savedStates.length - 1 ), + e + ); + } ), + ( h.getHash = function ( e ) { + var t = h.getLocationHref( e ), + n; + return ( n = h.getHashByUrl( t ) ), n; + } ), + ( h.unescapeHash = function ( e ) { + var t = h.normalizeHash( e ); + return ( t = decodeURIComponent( t ) ), t; + } ), + ( h.normalizeHash = function ( e ) { + var t = e.replace( /[^#]*#/, '' ).replace( /#.*/, '' ); + return t; + } ), + ( h.setHash = function ( e, t ) { + var n, i; + return t !== ! 1 && h.busy() + ? ( h.pushQueue( { + scope: h, + callback: h.setHash, + args: arguments, + queue: t, + } ), + ! 1 ) + : ( h.busy( ! 0 ), + ( n = h.extractState( e, ! 0 ) ), + n && ! h.emulated.pushState + ? h.pushState( n.data, n.title, n.url, ! 1 ) + : h.getHash() !== e && + ( h.bugs.setHash + ? ( ( i = h.getPageUrl() ), + h.pushState( + null, + null, + i + '#' + e, + ! 1 + ) ) + : ( r.location.hash = e ) ), + h ); + } ), + ( h.escapeHash = function ( t ) { + var n = h.normalizeHash( t ); + return ( + ( n = e.encodeURIComponent( n ) ), + h.bugs.hashEscape || + ( n = n + .replace( /\%21/g, '!' ) + .replace( /\%26/g, '&' ) + .replace( /\%3D/g, '=' ) + .replace( /\%3F/g, '?' ) ), + n + ); + } ), + ( h.getHashByUrl = function ( e ) { + var t = String( e ).replace( + /([^#]*)#?([^#]*)#?(.*)/, + '$2' + ); + return ( t = h.unescapeHash( t ) ), t; + } ), + ( h.setTitle = function ( e ) { + var t = e.title, + n; + t || + ( ( n = h.getStateByIndex( 0 ) ), + n && + n.url === e.url && + ( t = n.title || h.options.initialTitle ) ); + try { + r.getElementsByTagName( 'title' )[ 0 ].innerHTML = t + .replace( '<', '<' ) + .replace( '>', '>' ) + .replace( ' & ', ' & ' ); + } catch ( i ) {} + return ( r.title = t ), h; + } ), + ( h.queues = [] ), + ( h.busy = function ( e ) { + typeof e != 'undefined' + ? ( h.busy.flag = e ) + : typeof h.busy.flag == 'undefined' && + ( h.busy.flag = ! 1 ); + if ( ! h.busy.flag ) { + u( h.busy.timeout ); + var t = function () { + var e, n, r; + if ( h.busy.flag ) return; + for ( e = h.queues.length - 1; e >= 0; --e ) { + n = h.queues[ e ]; + if ( n.length === 0 ) continue; + ( r = n.shift() ), + h.fireQueueItem( r ), + ( h.busy.timeout = o( + t, + h.options.busyDelay + ) ); + } + }; + h.busy.timeout = o( t, h.options.busyDelay ); + } + return h.busy.flag; + } ), + ( h.busy.flag = ! 1 ), + ( h.fireQueueItem = function ( e ) { + return e.callback.apply( e.scope || h, e.args || [] ); + } ), + ( h.pushQueue = function ( e ) { + return ( + ( h.queues[ e.queue || 0 ] = + h.queues[ e.queue || 0 ] || [] ), + h.queues[ e.queue || 0 ].push( e ), + h + ); + } ), + ( h.queue = function ( e, t ) { + return ( + typeof e == 'function' && ( e = { callback: e } ), + typeof t != 'undefined' && ( e.queue = t ), + h.busy() ? h.pushQueue( e ) : h.fireQueueItem( e ), + h + ); + } ), + ( h.clearQueue = function () { + return ( h.busy.flag = ! 1 ), ( h.queues = [] ), h; + } ), + ( h.stateChanged = ! 1 ), + ( h.doubleChecker = ! 1 ), + ( h.doubleCheckComplete = function () { + return ( + ( h.stateChanged = ! 0 ), h.doubleCheckClear(), h + ); + } ), + ( h.doubleCheckClear = function () { + return ( + h.doubleChecker && + ( u( h.doubleChecker ), + ( h.doubleChecker = ! 1 ) ), + h + ); + } ), + ( h.doubleCheck = function ( e ) { + return ( + ( h.stateChanged = ! 1 ), + h.doubleCheckClear(), + h.bugs.ieDoubleCheck && + ( h.doubleChecker = o( function () { + return ( + h.doubleCheckClear(), + h.stateChanged || e(), + ! 0 + ); + }, h.options.doubleCheckInterval ) ), + h + ); + } ), + ( h.safariStatePoll = function () { + var t = h.extractState( h.getLocationHref() ), + n; + if ( ! h.isLastSavedState( t ) ) + return ( + ( n = t ), + n || ( n = h.createStateObject() ), + h.Adapter.trigger( e, 'popstate' ), + h + ); + return; + } ), + ( h.back = function ( e ) { + return e !== ! 1 && h.busy() + ? ( h.pushQueue( { + scope: h, + callback: h.back, + args: arguments, + queue: e, + } ), + ! 1 ) + : ( h.busy( ! 0 ), + h.doubleCheck( function () { + h.back( ! 1 ); + } ), + p.go( -1 ), + ! 0 ); + } ), + ( h.forward = function ( e ) { + return e !== ! 1 && h.busy() + ? ( h.pushQueue( { + scope: h, + callback: h.forward, + args: arguments, + queue: e, + } ), + ! 1 ) + : ( h.busy( ! 0 ), + h.doubleCheck( function () { + h.forward( ! 1 ); + } ), + p.go( 1 ), + ! 0 ); + } ), + ( h.go = function ( e, t ) { + var n; + if ( e > 0 ) for ( n = 1; n <= e; ++n ) h.forward( t ); + else { + if ( ! ( e < 0 ) ) + throw new Error( + 'History.go: History.go requires a positive or negative integer passed.' + ); + for ( n = -1; n >= e; --n ) h.back( t ); + } + return h; + } ); + if ( h.emulated.pushState ) { + var v = function () {}; + ( h.pushState = h.pushState || v ), + ( h.replaceState = h.replaceState || v ); + } else + ( h.onPopState = function ( t, n ) { + var r = ! 1, + i = ! 1, + s, + o; + return ( + h.doubleCheckComplete(), + ( s = h.getHash() ), + s + ? ( ( o = h.extractState( + s || h.getLocationHref(), + ! 0 + ) ), + o + ? h.replaceState( + o.data, + o.title, + o.url, + ! 1 + ) + : ( h.Adapter.trigger( + e, + 'anchorchange' + ), + h.busy( ! 1 ) ), + ( h.expectedStateId = ! 1 ), + ! 1 ) + : ( ( r = + h.Adapter.extractEventData( + 'state', + t, + n + ) || ! 1 ), + r + ? ( i = h.getStateById( r ) ) + : h.expectedStateId + ? ( i = h.getStateById( + h.expectedStateId + ) ) + : ( i = h.extractState( + h.getLocationHref() + ) ), + i || + ( i = h.createStateObject( + null, + null, + h.getLocationHref() + ) ), + ( h.expectedStateId = ! 1 ), + h.isLastSavedState( i ) + ? ( h.busy( ! 1 ), ! 1 ) + : ( h.storeState( i ), + h.saveState( i ), + h.setTitle( i ), + h.Adapter.trigger( e, 'statechange' ), + h.busy( ! 1 ), + ! 0 ) ) + ); + } ), + h.Adapter.bind( e, 'popstate', h.onPopState ), + ( h.pushState = function ( t, n, r, i ) { + if ( h.getHashByUrl( r ) && h.emulated.pushState ) + throw new Error( + 'History.js does not support states with fragement-identifiers (hashes/anchors).' + ); + if ( i !== ! 1 && h.busy() ) + return ( + h.pushQueue( { + scope: h, + callback: h.pushState, + args: arguments, + queue: i, + } ), + ! 1 + ); + h.busy( ! 0 ); + var s = h.createStateObject( t, n, r ); + return ( + h.isLastSavedState( s ) + ? h.busy( ! 1 ) + : ( h.storeState( s ), + ( h.expectedStateId = s.id ), + p.pushState( s.id, s.title, s.url ), + h.Adapter.trigger( e, 'popstate' ) ), + ! 0 + ); + } ), + ( h.replaceState = function ( t, n, r, i ) { + if ( h.getHashByUrl( r ) && h.emulated.pushState ) + throw new Error( + 'History.js does not support states with fragement-identifiers (hashes/anchors).' + ); + if ( i !== ! 1 && h.busy() ) + return ( + h.pushQueue( { + scope: h, + callback: h.replaceState, + args: arguments, + queue: i, + } ), + ! 1 + ); + h.busy( ! 0 ); + var s = h.createStateObject( t, n, r ); + return ( + h.isLastSavedState( s ) + ? h.busy( ! 1 ) + : ( h.storeState( s ), + ( h.expectedStateId = s.id ), + p.replaceState( s.id, s.title, s.url ), + h.Adapter.trigger( e, 'popstate' ) ), + ! 0 + ); + } ); + if ( s ) { + try { + h.store = l.parse( s.getItem( 'History.store' ) ) || {}; + } catch ( m ) { + h.store = {}; + } + h.normalizeStore(); + } else ( h.store = {} ), h.normalizeStore(); + h.Adapter.bind( e, 'unload', h.clearAllIntervals ), + h.saveState( + h.storeState( + h.extractState( h.getLocationHref(), ! 0 ) + ) + ), + s && + ( ( h.onUnload = function () { + var e, t, n; + try { + e = + l.parse( s.getItem( 'History.store' ) ) || + {}; + } catch ( r ) { + e = {}; + } + ( e.idToState = e.idToState || {} ), + ( e.urlToId = e.urlToId || {} ), + ( e.stateToId = e.stateToId || {} ); + for ( t in h.idToState ) { + if ( ! h.idToState.hasOwnProperty( t ) ) + continue; + e.idToState[ t ] = h.idToState[ t ]; + } + for ( t in h.urlToId ) { + if ( ! h.urlToId.hasOwnProperty( t ) ) continue; + e.urlToId[ t ] = h.urlToId[ t ]; + } + for ( t in h.stateToId ) { + if ( ! h.stateToId.hasOwnProperty( t ) ) + continue; + e.stateToId[ t ] = h.stateToId[ t ]; + } + ( h.store = e ), + h.normalizeStore(), + ( n = l.stringify( e ) ); + try { + s.setItem( 'History.store', n ); + } catch ( i ) { + if ( + i.code !== DOMException.QUOTA_EXCEEDED_ERR + ) + throw i; + s.length && + ( s.removeItem( 'History.store' ), + s.setItem( 'History.store', n ) ); + } + } ), + h.intervalList.push( + a( h.onUnload, h.options.storeInterval ) + ), + h.Adapter.bind( e, 'beforeunload', h.onUnload ), + h.Adapter.bind( e, 'unload', h.onUnload ) ); + if ( ! h.emulated.pushState ) { + h.bugs.safariPoll && + h.intervalList.push( + a( h.safariStatePoll, h.options.safariPollInterval ) + ); + if ( + i.vendor === 'Apple Computer, Inc.' || + ( i.appCodeName || '' ) === 'Mozilla' + ) + h.Adapter.bind( e, 'hashchange', function () { + h.Adapter.trigger( e, 'popstate' ); + } ), + h.getHash() && + h.Adapter.onDomLoad( function () { + h.Adapter.trigger( e, 'hashchange' ); + } ); + } + } ), + ( ! h.options || ! h.options.delayInit ) && h.init(); + } )( window ); diff --git a/assets/js/hls.min.js b/assets/js/hls.min.js new file mode 100644 index 00000000..90a07985 --- /dev/null +++ b/assets/js/hls.min.js @@ -0,0 +1 @@ +!function t(e){var r,i;r=this,i=function(){"use strict";function r(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,i)}return r}function i(t){for(var e=1;et.length)&&(e=t.length);for(var r=0,i=new Array(e);r=t.length?{done:!0}:{done:!1,value:t[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(t){var e=function(t){if("object"!=typeof t||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:String(e)}var m={exports:{}};!function(t){var e,r,i,n,a;e=/^(?=((?:[a-zA-Z0-9+\-.]+:)?))\1(?=((?:\/\/[^\/?#]*)?))\2(?=((?:(?:[^?#\/]*\/)*[^;?#\/]*)?))\3((?:;[^?#]*)?)(\?[^#]*)?(#[^]*)?$/,r=/^(?=([^\/?#]*))\1([^]*)$/,i=/(?:\/|^)\.(?=\/)/g,n=/(?:\/|^)\.\.\/(?!\.\.\/)[^\/]*(?=\/)/g,a={buildAbsoluteURL:function(t,e,i){if(i=i||{},t=t.trim(),!(e=e.trim())){if(!i.alwaysNormalize)return t;var n=a.parseURL(t);if(!n)throw new Error("Error trying to parse base URL.");return n.path=a.normalizePath(n.path),a.buildURLFromParts(n)}var s=a.parseURL(e);if(!s)throw new Error("Error trying to parse relative URL.");if(s.scheme)return i.alwaysNormalize?(s.path=a.normalizePath(s.path),a.buildURLFromParts(s)):e;var o=a.parseURL(t);if(!o)throw new Error("Error trying to parse base URL.");if(!o.netLoc&&o.path&&"/"!==o.path[0]){var l=r.exec(o.path);o.netLoc=l[1],o.path=l[2]}o.netLoc&&!o.path&&(o.path="/");var u={scheme:o.scheme,netLoc:s.netLoc,path:null,params:s.params,query:s.query,fragment:s.fragment};if(!s.netLoc&&(u.netLoc=o.netLoc,"/"!==s.path[0]))if(s.path){var h=o.path,d=h.substring(0,h.lastIndexOf("/")+1)+s.path;u.path=a.normalizePath(d)}else u.path=o.path,s.params||(u.params=o.params,s.query||(u.query=o.query));return null===u.path&&(u.path=i.alwaysNormalize?a.normalizePath(s.path):s.path),a.buildURLFromParts(u)},parseURL:function(t){var r=e.exec(t);return r?{scheme:r[1]||"",netLoc:r[2]||"",path:r[3]||"",params:r[4]||"",query:r[5]||"",fragment:r[6]||""}:null},normalizePath:function(t){for(t=t.split("").reverse().join("").replace(i,"");t.length!==(t=t.replace(n,"")).length;);return t.split("").reverse().join("")},buildURLFromParts:function(t){return t.scheme+t.netLoc+t.path+t.params+t.query+t.fragment}},t.exports=a}(m);var p=m.exports,y=Number.isFinite||function(t){return"number"==typeof t&&isFinite(t)},T=function(t){return t.MEDIA_ATTACHING="hlsMediaAttaching",t.MEDIA_ATTACHED="hlsMediaAttached",t.MEDIA_DETACHING="hlsMediaDetaching",t.MEDIA_DETACHED="hlsMediaDetached",t.BUFFER_RESET="hlsBufferReset",t.BUFFER_CODECS="hlsBufferCodecs",t.BUFFER_CREATED="hlsBufferCreated",t.BUFFER_APPENDING="hlsBufferAppending",t.BUFFER_APPENDED="hlsBufferAppended",t.BUFFER_EOS="hlsBufferEos",t.BUFFER_FLUSHING="hlsBufferFlushing",t.BUFFER_FLUSHED="hlsBufferFlushed",t.MANIFEST_LOADING="hlsManifestLoading",t.MANIFEST_LOADED="hlsManifestLoaded",t.MANIFEST_PARSED="hlsManifestParsed",t.LEVEL_SWITCHING="hlsLevelSwitching",t.LEVEL_SWITCHED="hlsLevelSwitched",t.LEVEL_LOADING="hlsLevelLoading",t.LEVEL_LOADED="hlsLevelLoaded",t.LEVEL_UPDATED="hlsLevelUpdated",t.LEVEL_PTS_UPDATED="hlsLevelPtsUpdated",t.LEVELS_UPDATED="hlsLevelsUpdated",t.AUDIO_TRACKS_UPDATED="hlsAudioTracksUpdated",t.AUDIO_TRACK_SWITCHING="hlsAudioTrackSwitching",t.AUDIO_TRACK_SWITCHED="hlsAudioTrackSwitched",t.AUDIO_TRACK_LOADING="hlsAudioTrackLoading",t.AUDIO_TRACK_LOADED="hlsAudioTrackLoaded",t.SUBTITLE_TRACKS_UPDATED="hlsSubtitleTracksUpdated",t.SUBTITLE_TRACKS_CLEARED="hlsSubtitleTracksCleared",t.SUBTITLE_TRACK_SWITCH="hlsSubtitleTrackSwitch",t.SUBTITLE_TRACK_LOADING="hlsSubtitleTrackLoading",t.SUBTITLE_TRACK_LOADED="hlsSubtitleTrackLoaded",t.SUBTITLE_FRAG_PROCESSED="hlsSubtitleFragProcessed",t.CUES_PARSED="hlsCuesParsed",t.NON_NATIVE_TEXT_TRACKS_FOUND="hlsNonNativeTextTracksFound",t.INIT_PTS_FOUND="hlsInitPtsFound",t.FRAG_LOADING="hlsFragLoading",t.FRAG_LOAD_EMERGENCY_ABORTED="hlsFragLoadEmergencyAborted",t.FRAG_LOADED="hlsFragLoaded",t.FRAG_DECRYPTED="hlsFragDecrypted",t.FRAG_PARSING_INIT_SEGMENT="hlsFragParsingInitSegment",t.FRAG_PARSING_USERDATA="hlsFragParsingUserdata",t.FRAG_PARSING_METADATA="hlsFragParsingMetadata",t.FRAG_PARSED="hlsFragParsed",t.FRAG_BUFFERED="hlsFragBuffered",t.FRAG_CHANGED="hlsFragChanged",t.FPS_DROP="hlsFpsDrop",t.FPS_DROP_LEVEL_CAPPING="hlsFpsDropLevelCapping",t.ERROR="hlsError",t.DESTROYING="hlsDestroying",t.KEY_LOADING="hlsKeyLoading",t.KEY_LOADED="hlsKeyLoaded",t.LIVE_BACK_BUFFER_REACHED="hlsLiveBackBufferReached",t.BACK_BUFFER_REACHED="hlsBackBufferReached",t}({}),E=function(t){return t.NETWORK_ERROR="networkError",t.MEDIA_ERROR="mediaError",t.KEY_SYSTEM_ERROR="keySystemError",t.MUX_ERROR="muxError",t.OTHER_ERROR="otherError",t}({}),S=function(t){return t.KEY_SYSTEM_NO_KEYS="keySystemNoKeys",t.KEY_SYSTEM_NO_ACCESS="keySystemNoAccess",t.KEY_SYSTEM_NO_SESSION="keySystemNoSession",t.KEY_SYSTEM_NO_CONFIGURED_LICENSE="keySystemNoConfiguredLicense",t.KEY_SYSTEM_LICENSE_REQUEST_FAILED="keySystemLicenseRequestFailed",t.KEY_SYSTEM_SERVER_CERTIFICATE_REQUEST_FAILED="keySystemServerCertificateRequestFailed",t.KEY_SYSTEM_SERVER_CERTIFICATE_UPDATE_FAILED="keySystemServerCertificateUpdateFailed",t.KEY_SYSTEM_SESSION_UPDATE_FAILED="keySystemSessionUpdateFailed",t.KEY_SYSTEM_STATUS_OUTPUT_RESTRICTED="keySystemStatusOutputRestricted",t.KEY_SYSTEM_STATUS_INTERNAL_ERROR="keySystemStatusInternalError",t.MANIFEST_LOAD_ERROR="manifestLoadError",t.MANIFEST_LOAD_TIMEOUT="manifestLoadTimeOut",t.MANIFEST_PARSING_ERROR="manifestParsingError",t.MANIFEST_INCOMPATIBLE_CODECS_ERROR="manifestIncompatibleCodecsError",t.LEVEL_EMPTY_ERROR="levelEmptyError",t.LEVEL_LOAD_ERROR="levelLoadError",t.LEVEL_LOAD_TIMEOUT="levelLoadTimeOut",t.LEVEL_PARSING_ERROR="levelParsingError",t.LEVEL_SWITCH_ERROR="levelSwitchError",t.AUDIO_TRACK_LOAD_ERROR="audioTrackLoadError",t.AUDIO_TRACK_LOAD_TIMEOUT="audioTrackLoadTimeOut",t.SUBTITLE_LOAD_ERROR="subtitleTrackLoadError",t.SUBTITLE_TRACK_LOAD_TIMEOUT="subtitleTrackLoadTimeOut",t.FRAG_LOAD_ERROR="fragLoadError",t.FRAG_LOAD_TIMEOUT="fragLoadTimeOut",t.FRAG_DECRYPT_ERROR="fragDecryptError",t.FRAG_PARSING_ERROR="fragParsingError",t.FRAG_GAP="fragGap",t.REMUX_ALLOC_ERROR="remuxAllocError",t.KEY_LOAD_ERROR="keyLoadError",t.KEY_LOAD_TIMEOUT="keyLoadTimeOut",t.BUFFER_ADD_CODEC_ERROR="bufferAddCodecError",t.BUFFER_INCOMPATIBLE_CODECS_ERROR="bufferIncompatibleCodecsError",t.BUFFER_APPEND_ERROR="bufferAppendError",t.BUFFER_APPENDING_ERROR="bufferAppendingError",t.BUFFER_STALLED_ERROR="bufferStalledError",t.BUFFER_FULL_ERROR="bufferFullError",t.BUFFER_SEEK_OVER_HOLE="bufferSeekOverHole",t.BUFFER_NUDGE_ON_STALL="bufferNudgeOnStall",t.INTERNAL_EXCEPTION="internalException",t.INTERNAL_ABORTED="aborted",t.UNKNOWN="unknown",t}({}),L=function(){},R={trace:L,debug:L,log:L,warn:L,info:L,error:L},A=R;function k(t,e){if(self.console&&!0===t||"object"==typeof t){!function(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),i=1;i"):L}(e)}))}(t,"debug","log","info","warn","error");try{A.log('Debug logs enabled for "'+e+'" in hls.js version 1.4.12')}catch(t){A=R}}else A=R}var b=A,D=/^(\d+)x(\d+)$/,I=/(.+?)=(".*?"|.*?)(?:,|$)/g,w=function(){function t(e){for(var r in"string"==typeof e&&(e=t.parseAttrList(e)),e)e.hasOwnProperty(r)&&("X-"===r.substring(0,2)&&(this.clientAttrs=this.clientAttrs||[],this.clientAttrs.push(r)),this[r]=e[r])}var e=t.prototype;return e.decimalInteger=function(t){var e=parseInt(this[t],10);return e>Number.MAX_SAFE_INTEGER?1/0:e},e.hexadecimalInteger=function(t){if(this[t]){var e=(this[t]||"0x").slice(2);e=(1&e.length?"0":"")+e;for(var r=new Uint8Array(e.length/2),i=0;iNumber.MAX_SAFE_INTEGER?1/0:e},e.decimalFloatingPoint=function(t){return parseFloat(this[t])},e.optionalFloat=function(t,e){var r=this[t];return r?parseFloat(r):e},e.enumeratedString=function(t){return this[t]},e.bool=function(t){return"YES"===this[t]},e.decimalResolution=function(t){var e=D.exec(this[t]);if(null!==e)return{width:parseInt(e[1],10),height:parseInt(e[2],10)}},t.parseAttrList=function(t){var e,r={};for(I.lastIndex=0;null!==(e=I.exec(t));){var i=e[2];0===i.indexOf('"')&&i.lastIndexOf('"')===i.length-1&&(i=i.slice(1,-1)),r[e[1].trim()]=i}return r},t}();function C(t){return"SCTE35-OUT"===t||"SCTE35-IN"===t}var _=function(){function t(t,e){if(this.attr=void 0,this._startDate=void 0,this._endDate=void 0,this._badValueForSameId=void 0,e){var r=e.attr;for(var i in r)if(Object.prototype.hasOwnProperty.call(t,i)&&t[i]!==r[i]){b.warn('DATERANGE tag attribute: "'+i+'" does not match for tags with ID: "'+t.ID+'"'),this._badValueForSameId=i;break}t=o(new w({}),r,t)}if(this.attr=t,this._startDate=new Date(t["START-DATE"]),"END-DATE"in this.attr){var n=new Date(this.attr["END-DATE"]);y(n.getTime())&&(this._endDate=n)}}return a(t,[{key:"id",get:function(){return this.attr.ID}},{key:"class",get:function(){return this.attr.CLASS}},{key:"startDate",get:function(){return this._startDate}},{key:"endDate",get:function(){if(this._endDate)return this._endDate;var t=this.duration;return null!==t?new Date(this._startDate.getTime()+1e3*t):null}},{key:"duration",get:function(){if("DURATION"in this.attr){var t=this.attr.decimalFloatingPoint("DURATION");if(y(t))return t}else if(this._endDate)return(this._endDate.getTime()-this._startDate.getTime())/1e3;return null}},{key:"plannedDuration",get:function(){return"PLANNED-DURATION"in this.attr?this.attr.decimalFloatingPoint("PLANNED-DURATION"):null}},{key:"endOnNext",get:function(){return this.attr.bool("END-ON-NEXT")}},{key:"isValid",get:function(){return!!this.id&&!this._badValueForSameId&&y(this.startDate.getTime())&&(null===this.duration||this.duration>=0)&&(!this.endOnNext||!!this.class)}}]),t}(),P=function(){this.aborted=!1,this.loaded=0,this.retry=0,this.total=0,this.chunkCount=0,this.bwEstimate=0,this.loading={start:0,first:0,end:0},this.parsing={start:0,end:0},this.buffering={start:0,first:0,end:0}},x="audio",F="video",M="audiovideo",O=function(){function t(t){var e;this._byteRange=null,this._url=null,this.baseurl=void 0,this.relurl=void 0,this.elementaryStreams=((e={})[x]=null,e[F]=null,e[M]=null,e),this.baseurl=t}return t.prototype.setByteRange=function(t,e){var r=t.split("@",2),i=[];1===r.length?i[0]=e?e.byteRangeEndOffset:0:i[0]=parseInt(r[1]),i[1]=parseInt(r[0])+i[0],this._byteRange=i},a(t,[{key:"byteRange",get:function(){return this._byteRange?this._byteRange:[]}},{key:"byteRangeStartOffset",get:function(){return this.byteRange[0]}},{key:"byteRangeEndOffset",get:function(){return this.byteRange[1]}},{key:"url",get:function(){return!this._url&&this.baseurl&&this.relurl&&(this._url=p.buildAbsoluteURL(this.baseurl,this.relurl,{alwaysNormalize:!0})),this._url||""},set:function(t){this._url=t}}]),t}(),N=function(t){function e(e,r){var i;return(i=t.call(this,r)||this)._decryptdata=null,i.rawProgramDateTime=null,i.programDateTime=null,i.tagList=[],i.duration=0,i.sn=0,i.levelkeys=void 0,i.type=void 0,i.loader=null,i.keyLoader=null,i.level=-1,i.cc=0,i.startPTS=void 0,i.endPTS=void 0,i.startDTS=void 0,i.endDTS=void 0,i.start=0,i.deltaPTS=void 0,i.maxStartPTS=void 0,i.minEndPTS=void 0,i.stats=new P,i.urlId=0,i.data=void 0,i.bitrateTest=!1,i.title=null,i.initSegment=null,i.endList=void 0,i.gap=void 0,i.type=e,i}l(e,t);var r=e.prototype;return r.setKeyFormat=function(t){if(this.levelkeys){var e=this.levelkeys[t];e&&!this._decryptdata&&(this._decryptdata=e.getDecryptData(this.sn))}},r.abortRequests=function(){var t,e;null==(t=this.loader)||t.abort(),null==(e=this.keyLoader)||e.abort()},r.setElementaryStreamInfo=function(t,e,r,i,n,a){void 0===a&&(a=!1);var s=this.elementaryStreams,o=s[t];o?(o.startPTS=Math.min(o.startPTS,e),o.endPTS=Math.max(o.endPTS,r),o.startDTS=Math.min(o.startDTS,i),o.endDTS=Math.max(o.endDTS,n)):s[t]={startPTS:e,endPTS:r,startDTS:i,endDTS:n,partial:a}},r.clearElementaryStreamInfo=function(){var t=this.elementaryStreams;t[x]=null,t[F]=null,t[M]=null},a(e,[{key:"decryptdata",get:function(){if(!this.levelkeys&&!this._decryptdata)return null;if(!this._decryptdata&&this.levelkeys&&!this.levelkeys.NONE){var t=this.levelkeys.identity;if(t)this._decryptdata=t.getDecryptData(this.sn);else{var e=Object.keys(this.levelkeys);if(1===e.length)return this._decryptdata=this.levelkeys[e[0]].getDecryptData(this.sn)}}return this._decryptdata}},{key:"end",get:function(){return this.start+this.duration}},{key:"endProgramDateTime",get:function(){if(null===this.programDateTime)return null;if(!y(this.programDateTime))return null;var t=y(this.duration)?this.duration:0;return this.programDateTime+1e3*t}},{key:"encrypted",get:function(){var t;if(null!=(t=this._decryptdata)&&t.encrypted)return!0;if(this.levelkeys){var e=Object.keys(this.levelkeys),r=e.length;if(r>1||1===r&&this.levelkeys[e[0]].encrypted)return!0}return!1}}]),e}(O),U=function(t){function e(e,r,i,n,a){var s;(s=t.call(this,i)||this).fragOffset=0,s.duration=0,s.gap=!1,s.independent=!1,s.relurl=void 0,s.fragment=void 0,s.index=void 0,s.stats=new P,s.duration=e.decimalFloatingPoint("DURATION"),s.gap=e.bool("GAP"),s.independent=e.bool("INDEPENDENT"),s.relurl=e.enumeratedString("URI"),s.fragment=r,s.index=n;var o=e.enumeratedString("BYTERANGE");return o&&s.setByteRange(o,a),a&&(s.fragOffset=a.fragOffset+a.duration),s}return l(e,t),a(e,[{key:"start",get:function(){return this.fragment.start+this.fragOffset}},{key:"end",get:function(){return this.start+this.duration}},{key:"loaded",get:function(){var t=this.elementaryStreams;return!!(t.audio||t.video||t.audiovideo)}}]),e}(O),B=function(){function t(t){this.PTSKnown=!1,this.alignedSliding=!1,this.averagetargetduration=void 0,this.endCC=0,this.endSN=0,this.fragments=void 0,this.fragmentHint=void 0,this.partList=null,this.dateRanges=void 0,this.live=!0,this.ageHeader=0,this.advancedDateTime=void 0,this.updated=!0,this.advanced=!0,this.availabilityDelay=void 0,this.misses=0,this.startCC=0,this.startSN=0,this.startTimeOffset=null,this.targetduration=0,this.totalduration=0,this.type=null,this.url=void 0,this.m3u8="",this.version=null,this.canBlockReload=!1,this.canSkipUntil=0,this.canSkipDateRanges=!1,this.skippedSegments=0,this.recentlyRemovedDateranges=void 0,this.partHoldBack=0,this.holdBack=0,this.partTarget=0,this.preloadHint=void 0,this.renditionReports=void 0,this.tuneInGoal=0,this.deltaUpdateFailed=void 0,this.driftStartTime=0,this.driftEndTime=0,this.driftStart=0,this.driftEnd=0,this.encryptedFragments=void 0,this.playlistParsingError=null,this.variableList=null,this.hasVariableRefs=!1,this.fragments=[],this.encryptedFragments=[],this.dateRanges={},this.url=t}return t.prototype.reloaded=function(t){if(!t)return this.advanced=!0,void(this.updated=!0);var e=this.lastPartSn-t.lastPartSn,r=this.lastPartIndex-t.lastPartIndex;this.updated=this.endSN!==t.endSN||!!r||!!e||!this.live,this.advanced=this.endSN>t.endSN||e>0||0===e&&r>0,this.updated||this.advanced?this.misses=Math.floor(.6*t.misses):this.misses=t.misses+1,this.availabilityDelay=t.availabilityDelay},a(t,[{key:"hasProgramDateTime",get:function(){return!!this.fragments.length&&y(this.fragments[this.fragments.length-1].programDateTime)}},{key:"levelTargetDuration",get:function(){return this.averagetargetduration||this.targetduration||10}},{key:"drift",get:function(){var t=this.driftEndTime-this.driftStartTime;return t>0?1e3*(this.driftEnd-this.driftStart)/t:1}},{key:"edge",get:function(){return this.partEnd||this.fragmentEnd}},{key:"partEnd",get:function(){var t;return null!=(t=this.partList)&&t.length?this.partList[this.partList.length-1].end:this.fragmentEnd}},{key:"fragmentEnd",get:function(){var t;return null!=(t=this.fragments)&&t.length?this.fragments[this.fragments.length-1].end:0}},{key:"age",get:function(){return this.advancedDateTime?Math.max(Date.now()-this.advancedDateTime,0)/1e3:0}},{key:"lastPartIndex",get:function(){var t;return null!=(t=this.partList)&&t.length?this.partList[this.partList.length-1].index:-1}},{key:"lastPartSn",get:function(){var t;return null!=(t=this.partList)&&t.length?this.partList[this.partList.length-1].fragment.sn:this.endSN}}]),t}();function G(t){return Uint8Array.from(atob(t),(function(t){return t.charCodeAt(0)}))}function K(t){return Uint8Array.from(unescape(encodeURIComponent(t)),(function(t){return t.charCodeAt(0)}))}var H={CLEARKEY:"org.w3.clearkey",FAIRPLAY:"com.apple.fps",PLAYREADY:"com.microsoft.playready",WIDEVINE:"com.widevine.alpha"},V="org.w3.clearkey",Y="com.apple.streamingkeydelivery",W="com.microsoft.playready",j="urn:uuid:edef8ba9-79d6-4ace-a3c8-27dcd51d21ed";function q(t){switch(t){case Y:return H.FAIRPLAY;case W:return H.PLAYREADY;case j:return H.WIDEVINE;case V:return H.CLEARKEY}}var X="edef8ba979d64acea3c827dcd51d21ed";function z(t){switch(t){case H.FAIRPLAY:return Y;case H.PLAYREADY:return W;case H.WIDEVINE:return j;case H.CLEARKEY:return V}}function Q(t){var e=t.drmSystems,r=t.widevineLicenseUrl,i=e?[H.FAIRPLAY,H.WIDEVINE,H.PLAYREADY,H.CLEARKEY].filter((function(t){return!!e[t]})):[];return!i[H.WIDEVINE]&&r&&i.push(H.WIDEVINE),i}var $="undefined"!=typeof self&&self.navigator&&self.navigator.requestMediaKeySystemAccess?self.navigator.requestMediaKeySystemAccess.bind(self.navigator):null;function J(t,e,r){return Uint8Array.prototype.slice?t.slice(e,r):new Uint8Array(Array.prototype.slice.call(t,e,r))}var Z,tt=function(t,e){return e+10<=t.length&&73===t[e]&&68===t[e+1]&&51===t[e+2]&&t[e+3]<255&&t[e+4]<255&&t[e+6]<128&&t[e+7]<128&&t[e+8]<128&&t[e+9]<128},et=function(t,e){return e+10<=t.length&&51===t[e]&&68===t[e+1]&&73===t[e+2]&&t[e+3]<255&&t[e+4]<255&&t[e+6]<128&&t[e+7]<128&&t[e+8]<128&&t[e+9]<128},rt=function(t,e){for(var r=e,i=0;tt(t,e);)i+=10,i+=it(t,e+6),et(t,e+10)&&(i+=10),e+=i;if(i>0)return t.subarray(r,r+i)},it=function(t,e){var r=0;return r=(127&t[e])<<21,r|=(127&t[e+1])<<14,(r|=(127&t[e+2])<<7)|127&t[e+3]},nt=function(t,e){return tt(t,e)&&it(t,e+6)+10<=t.length-e},at=function(t){return t&&"PRIV"===t.key&&"com.apple.streaming.transportStreamTimestamp"===t.info},st=function(t){var e=String.fromCharCode(t[0],t[1],t[2],t[3]),r=it(t,4);return{type:e,size:r,data:t.subarray(10,10+r)}},ot=function(t){for(var e=0,r=[];tt(t,e);){for(var i=it(t,e+6),n=(e+=10)+i;e+8>4){case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:u+=String.fromCharCode(a);break;case 12:case 13:s=t[h++],u+=String.fromCharCode((31&a)<<6|63&s);break;case 14:s=t[h++],o=t[h++],u+=String.fromCharCode((15&a)<<12|(63&s)<<6|63&o)}}return u},gt=function(t){for(var e="",r=0;r>24,t[e+1]=r>>16&255,t[e+2]=r>>8&255,t[e+3]=255&r}function Rt(t,e){var r=[];if(!e.length)return r;for(var i=t.byteLength,n=0;n1?n+a:i;if(yt(t.subarray(n+4,n+8))===e[0])if(1===e.length)r.push(t.subarray(n+8,s));else{var o=Rt(t.subarray(n+8,s),e.slice(1));o.length&&mt.apply(r,o)}n=s}return r}function At(t){var e=[],r=t[0],i=8,n=Et(t,i);i+=4,i+=0===r?8:16,i+=2;var a=t.length+0,s=Tt(t,i);i+=2;for(var o=0;o>>31)return b.warn("SIDX has hierarchical references (not supported)"),null;var d=Et(t,l);l+=4,e.push({referenceSize:h,subsegmentDuration:d,info:{duration:d/n,start:a,end:a+h-1}}),a+=h,i=l+=4}return{earliestPresentationTime:0,timescale:n,version:r,referencesCount:s,references:e}}function kt(t){for(var e=[],r=Rt(t,["moov","trak"]),i=0;i>1&63;return 39===r||40===r}return 6==(31&e)}function _t(t,e,r,i){var n=Pt(t),a=0;a+=e;for(var s=0,o=0,l=!1,u=0;a=n.length)break;s+=u=n[a++]}while(255===u);o=0;do{if(a>=n.length)break;o+=u=n[a++]}while(255===u);var h=n.length-a;if(!l&&4===s&&a16){for(var T=[],E=0;E<16;E++){var S=n[a++].toString(16);T.push(1==S.length?"0"+S:S),3!==E&&5!==E&&7!==E&&9!==E||T.push("-")}for(var L=o-16,R=new Uint8Array(L),A=0;Ah)break}}function Pt(t){for(var e=t.byteLength,r=[],i=1;i>8*(15-r)&255;return e}(e);return new t(this.method,this.uri,"identity",this.keyFormatVersions,r)}var i=function(t){var e,r,i=t.split(":"),n=null;if("data"===i[0]&&2===i.length){var a=i[1].split(";"),s=a[a.length-1].split(",");if(2===s.length){var o="base64"===s[0],l=s[1];o?(a.splice(-1,1),n=G(l)):(e=K(l).subarray(0,16),(r=new Uint8Array(16)).set(e,16-e.length),n=r)}}return n}(this.uri);if(i)switch(this.keyFormat){case j:this.pssh=i,i.length>=22&&(this.keyId=i.subarray(i.length-22,i.length-6));break;case W:var n=new Uint8Array([154,4,240,121,152,64,66,134,171,146,230,91,224,136,95,149]);this.pssh=function(t,e,r){if(16!==t.byteLength)throw new RangeError("Invalid system id");var i,n,a;i=0,n=new Uint8Array,i>0?(a=new Uint8Array(4),e.length>0&&new DataView(a.buffer).setUint32(0,e.length,!1)):a=new Uint8Array;var s=new Uint8Array(4);return r&&r.byteLength>0&&new DataView(s.buffer).setUint32(0,r.byteLength,!1),function(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),i=1;i>24&255,o[1]=a>>16&255,o[2]=a>>8&255,o[3]=255&a,o.set(t,4),s=0,a=8;s2){var r=e.shift()+".";return(r+=parseInt(e.shift()).toString(16))+("000"+parseInt(e.shift()).toString(16)).slice(-4)}return t},t.resolve=function(t,e){return p.buildAbsoluteURL(e,t,{alwaysNormalize:!0})},t.isMediaPlaylist=function(t){return qt.test(t)},t.parseMasterPlaylist=function(e,r){var i,n={contentSteering:null,levels:[],playlistParsingError:null,sessionData:null,sessionKeys:null,startTimeOffset:null,variableList:null,hasVariableRefs:Ot(e)},a=[];for(Wt.lastIndex=0;null!=(i=Wt.exec(e));)if(i[1]){var s,o=new w(i[1]);Nt(n,o,["CODECS","SUPPLEMENTAL-CODECS","ALLOWED-CPC","PATHWAY-ID","STABLE-VARIANT-ID","AUDIO","VIDEO","SUBTITLES","CLOSED-CAPTIONS","NAME"]);var l=Ut(n,i[2]),u={attrs:o,bitrate:o.decimalInteger("AVERAGE-BANDWIDTH")||o.decimalInteger("BANDWIDTH"),name:o.NAME,url:t.resolve(l,r)},h=o.decimalResolution("RESOLUTION");h&&(u.width=h.width,u.height=h.height),Zt((o.CODECS||"").split(/[ ,]+/).filter((function(t){return t})),u),u.videoCodec&&-1!==u.videoCodec.indexOf("avc1")&&(u.videoCodec=t.convertAVC1ToAVCOTI(u.videoCodec)),null!=(s=u.unknownCodecs)&&s.length||a.push(u),n.levels.push(u)}else if(i[3]){var d=i[3],c=i[4];switch(d){case"SESSION-DATA":var f=new w(c);Nt(n,f,["DATA-ID","LANGUAGE","VALUE","URI"]);var g=f["DATA-ID"];g&&(null===n.sessionData&&(n.sessionData={}),n.sessionData[g]=f);break;case"SESSION-KEY":var v=$t(c,r,n);v.encrypted&&v.isSupported()?(null===n.sessionKeys&&(n.sessionKeys=[]),n.sessionKeys.push(v)):b.warn('[Keys] Ignoring invalid EXT-X-SESSION-KEY tag: "'+c+'"');break;case"DEFINE":var m=new w(c);Nt(n,m,["NAME","VALUE","QUERYPARAM"]),Bt(n,m,r);break;case"CONTENT-STEERING":var p=new w(c);Nt(n,p,["SERVER-URI","PATHWAY-ID"]),n.contentSteering={uri:t.resolve(p["SERVER-URI"],r),pathwayId:p["PATHWAY-ID"]||"."};break;case"START":n.startTimeOffset=Jt(c)}}var y=a.length>0&&a.length0&&W.bool("CAN-SKIP-DATERANGES"),h.partHoldBack=W.optionalFloat("PART-HOLD-BACK",0),h.holdBack=W.optionalFloat("HOLD-BACK",0);break;case"PART-INF":var j=new w(I);h.partTarget=j.decimalFloatingPoint("PART-TARGET");break;case"PART":var q=h.partList;q||(q=h.partList=[]);var X=g>0?q[q.length-1]:void 0,z=g++,Q=new w(I);Nt(h,Q,["BYTERANGE","URI"]);var $=new U(Q,T,e,z,X);q.push($),T.duration+=$.duration;break;case"PRELOAD-HINT":var J=new w(I);Nt(h,J,["URI"]),h.preloadHint=J;break;case"RENDITION-REPORT":var Z=new w(I);Nt(h,Z,["URI"]),h.renditionReports=h.renditionReports||[],h.renditionReports.push(Z);break;default:b.warn("line parsed but not handled: "+s)}}}p&&!p.relurl?(d.pop(),v-=p.duration,h.partList&&(h.fragmentHint=p)):h.partList&&(ee(T,p),T.cc=m,h.fragmentHint=T,u&&ie(T,u,h));var tt=d.length,et=d[0],rt=d[tt-1];if((v+=h.skippedSegments*h.targetduration)>0&&tt&&rt){h.averagetargetduration=v/tt;var it=rt.sn;h.endSN="initSegment"!==it?it:0,h.live||(rt.endList=!0),et&&(h.startCC=et.cc)}else h.endSN=0,h.startCC=0;return h.fragmentHint&&(v+=h.fragmentHint.duration),h.totalduration=v,h.endCC=m,E>0&&function(t,e){for(var r=t[e],i=e;i--;){var n=t[i];if(!n)return;n.programDateTime=r.programDateTime-1e3*n.duration,r=n}}(d,E),h},t}();function $t(t,e,r){var i,n,a=new w(t);Nt(r,a,["KEYFORMAT","KEYFORMATVERSIONS","URI","IV","URI"]);var s=null!=(i=a.METHOD)?i:"",o=a.URI,l=a.hexadecimalInteger("IV"),u=a.KEYFORMATVERSIONS,h=null!=(n=a.KEYFORMAT)?n:"identity";o&&a.IV&&!l&&b.error("Invalid IV: "+a.IV);var d=o?Qt.resolve(o,e):"",c=(u||"1").split("/").map(Number).filter(Number.isFinite);return new Ft(s,d,h,c,l)}function Jt(t){var e=new w(t).decimalFloatingPoint("TIME-OFFSET");return y(e)?e:null}function Zt(t,e){["video","audio","text"].forEach((function(r){var i=t.filter((function(t){return function(t,e){var r=Ht[e];return!!r&&!0===r[t.slice(0,4)]}(t,r)}));if(i.length){var n=i.filter((function(t){return 0===t.lastIndexOf("avc1",0)||0===t.lastIndexOf("mp4a",0)}));e[r+"Codec"]=n.length>0?n[0]:i[0],t=t.filter((function(t){return-1===i.indexOf(t)}))}})),e.unknownCodecs=t}function te(t,e,r){var i=e[r];i&&(t[r]=i)}function ee(t,e){t.rawProgramDateTime?t.programDateTime=Date.parse(t.rawProgramDateTime):null!=e&&e.programDateTime&&(t.programDateTime=e.endProgramDateTime),y(t.programDateTime)||(t.programDateTime=null,t.rawProgramDateTime=null)}function re(t,e,r,i){t.relurl=e.URI,e.BYTERANGE&&t.setByteRange(e.BYTERANGE),t.level=r,t.sn="initSegment",i&&(t.levelkeys=i),t.initSegment=null}function ie(t,e,r){t.levelkeys=e;var i=r.encryptedFragments;i.length&&i[i.length-1].levelkeys===e||!Object.keys(e).some((function(t){return e[t].isCommonEncryption}))||i.push(t)}var ne="manifest",ae="level",se="audioTrack",oe="subtitleTrack",le="main",ue="audio",he="subtitle";function de(t){switch(t.type){case se:return ue;case oe:return he;default:return le}}function ce(t,e){var r=t.url;return void 0!==r&&0!==r.indexOf("data:")||(r=e.url),r}var fe=function(){function t(t){this.hls=void 0,this.loaders=Object.create(null),this.variableList=null,this.hls=t,this.registerListeners()}var e=t.prototype;return e.startLoad=function(t){},e.stopLoad=function(){this.destroyInternalLoaders()},e.registerListeners=function(){var t=this.hls;t.on(T.MANIFEST_LOADING,this.onManifestLoading,this),t.on(T.LEVEL_LOADING,this.onLevelLoading,this),t.on(T.AUDIO_TRACK_LOADING,this.onAudioTrackLoading,this),t.on(T.SUBTITLE_TRACK_LOADING,this.onSubtitleTrackLoading,this)},e.unregisterListeners=function(){var t=this.hls;t.off(T.MANIFEST_LOADING,this.onManifestLoading,this),t.off(T.LEVEL_LOADING,this.onLevelLoading,this),t.off(T.AUDIO_TRACK_LOADING,this.onAudioTrackLoading,this),t.off(T.SUBTITLE_TRACK_LOADING,this.onSubtitleTrackLoading,this)},e.createInternalLoader=function(t){var e=this.hls.config,r=e.pLoader,i=e.loader,n=new(r||i)(e);return this.loaders[t.type]=n,n},e.getInternalLoader=function(t){return this.loaders[t.type]},e.resetInternalLoader=function(t){this.loaders[t]&&delete this.loaders[t]},e.destroyInternalLoaders=function(){for(var t in this.loaders){var e=this.loaders[t];e&&e.destroy(),this.resetInternalLoader(t)}},e.destroy=function(){this.variableList=null,this.unregisterListeners(),this.destroyInternalLoaders()},e.onManifestLoading=function(t,e){var r=e.url;this.variableList=null,this.load({id:null,level:0,responseType:"text",type:ne,url:r,deliveryDirectives:null})},e.onLevelLoading=function(t,e){var r=e.id,i=e.level,n=e.url,a=e.deliveryDirectives;this.load({id:r,level:i,responseType:"text",type:ae,url:n,deliveryDirectives:a})},e.onAudioTrackLoading=function(t,e){var r=e.id,i=e.groupId,n=e.url,a=e.deliveryDirectives;this.load({id:r,groupId:i,level:null,responseType:"text",type:se,url:n,deliveryDirectives:a})},e.onSubtitleTrackLoading=function(t,e){var r=e.id,i=e.groupId,n=e.url,a=e.deliveryDirectives;this.load({id:r,groupId:i,level:null,responseType:"text",type:oe,url:n,deliveryDirectives:a})},e.load=function(t){var e,r,i,n=this,a=this.hls.config,s=this.getInternalLoader(t);if(s){var l=s.context;if(l&&l.url===t.url)return void b.trace("[playlist-loader]: playlist request ongoing");b.log("[playlist-loader]: aborting previous loader for type: "+t.type),s.abort()}if(r=t.type===ne?a.manifestLoadPolicy.default:o({},a.playlistLoadPolicy.default,{timeoutRetry:null,errorRetry:null}),s=this.createInternalLoader(t),null!=(e=t.deliveryDirectives)&&e.part&&(t.type===ae&&null!==t.level?i=this.hls.levels[t.level].details:t.type===se&&null!==t.id?i=this.hls.audioTracks[t.id].details:t.type===oe&&null!==t.id&&(i=this.hls.subtitleTracks[t.id].details),i)){var u=i.partTarget,h=i.targetduration;if(u&&h){var d=1e3*Math.max(3*u,.8*h);r=o({},r,{maxTimeToFirstByteMs:Math.min(d,r.maxTimeToFirstByteMs),maxLoadTimeMs:Math.min(d,r.maxTimeToFirstByteMs)})}}var c=r.errorRetry||r.timeoutRetry||{},f={loadPolicy:r,timeout:r.maxLoadTimeMs,maxRetry:c.maxNumRetry||0,retryDelay:c.retryDelayMs||0,maxRetryDelay:c.maxRetryDelayMs||0},g={onSuccess:function(t,e,r,i){var a=n.getInternalLoader(r);n.resetInternalLoader(r.type);var s=t.data;0===s.indexOf("#EXTM3U")?(e.parsing.start=performance.now(),Qt.isMediaPlaylist(s)?n.handleTrackOrLevelPlaylist(t,e,r,i||null,a):n.handleMasterPlaylist(t,e,r,i)):n.handleManifestParsingError(t,r,new Error("no EXTM3U delimiter"),i||null,e)},onError:function(t,e,r,i){n.handleNetworkError(e,r,!1,t,i)},onTimeout:function(t,e,r){n.handleNetworkError(e,r,!0,void 0,t)}};s.load(t,f,g)},e.handleMasterPlaylist=function(t,e,r,i){var n=this.hls,a=t.data,s=ce(t,r),o=Qt.parseMasterPlaylist(a,s);if(o.playlistParsingError)this.handleManifestParsingError(t,r,o.playlistParsingError,i,e);else{var l=o.contentSteering,u=o.levels,h=o.sessionData,d=o.sessionKeys,c=o.startTimeOffset,f=o.variableList;this.variableList=f;var g=Qt.parseMasterPlaylistMedia(a,s,o),v=g.AUDIO,m=void 0===v?[]:v,p=g.SUBTITLES,y=g["CLOSED-CAPTIONS"];m.length&&(m.some((function(t){return!t.url}))||!u[0].audioCodec||u[0].attrs.AUDIO||(b.log("[playlist-loader]: audio codec signaled in quality level, but no embedded audio track signaled, create one"),m.unshift({type:"main",name:"main",groupId:"main",default:!1,autoselect:!1,forced:!1,id:-1,attrs:new w({}),bitrate:0,url:""}))),n.trigger(T.MANIFEST_LOADED,{levels:u,audioTracks:m,subtitles:p,captions:y,contentSteering:l,url:s,stats:e,networkDetails:i,sessionData:h,sessionKeys:d,startTimeOffset:c,variableList:f})}},e.handleTrackOrLevelPlaylist=function(t,e,r,i,n){var a=this.hls,s=r.id,o=r.level,l=r.type,u=ce(t,r),h=y(s)?s:0,d=y(o)?o:h,c=de(r),f=Qt.parseLevelPlaylist(t.data,u,d,c,h,this.variableList);if(l===ne){var g={attrs:new w({}),bitrate:0,details:f,name:"",url:u};a.trigger(T.MANIFEST_LOADED,{levels:[g],audioTracks:[],url:u,stats:e,networkDetails:i,sessionData:null,sessionKeys:null,contentSteering:null,startTimeOffset:null,variableList:null})}e.parsing.end=performance.now(),r.levelDetails=f,this.handlePlaylistLoaded(f,t,e,r,i,n)},e.handleManifestParsingError=function(t,e,r,i,n){this.hls.trigger(T.ERROR,{type:E.NETWORK_ERROR,details:S.MANIFEST_PARSING_ERROR,fatal:e.type===ne,url:t.url,err:r,error:r,reason:r.message,response:t,context:e,networkDetails:i,stats:n})},e.handleNetworkError=function(t,e,r,n,a){void 0===r&&(r=!1);var s="A network "+(r?"timeout":"error"+(n?" (status "+n.code+")":""))+" occurred while loading "+t.type;t.type===ae?s+=": "+t.level+" id: "+t.id:t.type!==se&&t.type!==oe||(s+=" id: "+t.id+' group-id: "'+t.groupId+'"');var o=new Error(s);b.warn("[playlist-loader]: "+s);var l=S.UNKNOWN,u=!1,h=this.getInternalLoader(t);switch(t.type){case ne:l=r?S.MANIFEST_LOAD_TIMEOUT:S.MANIFEST_LOAD_ERROR,u=!0;break;case ae:l=r?S.LEVEL_LOAD_TIMEOUT:S.LEVEL_LOAD_ERROR,u=!1;break;case se:l=r?S.AUDIO_TRACK_LOAD_TIMEOUT:S.AUDIO_TRACK_LOAD_ERROR,u=!1;break;case oe:l=r?S.SUBTITLE_TRACK_LOAD_TIMEOUT:S.SUBTITLE_LOAD_ERROR,u=!1}h&&this.resetInternalLoader(t.type);var d={type:E.NETWORK_ERROR,details:l,fatal:u,url:t.url,loader:h,context:t,error:o,networkDetails:e,stats:a};if(n){var c=(null==e?void 0:e.url)||t.url;d.response=i({url:c,data:void 0},n)}this.hls.trigger(T.ERROR,d)},e.handlePlaylistLoaded=function(t,e,r,i,n,a){var s=this.hls,o=i.type,l=i.level,u=i.id,h=i.groupId,d=i.deliveryDirectives,c=ce(e,i),f=de(i),g="number"==typeof i.level&&f===le?l:void 0;if(t.fragments.length){t.targetduration||(t.playlistParsingError=new Error("Missing Target Duration"));var v=t.playlistParsingError;if(v)s.trigger(T.ERROR,{type:E.NETWORK_ERROR,details:S.LEVEL_PARSING_ERROR,fatal:!1,url:c,error:v,reason:v.message,response:e,context:i,level:g,parent:f,networkDetails:n,stats:r});else switch(t.live&&a&&(a.getCacheAge&&(t.ageHeader=a.getCacheAge()||0),a.getCacheAge&&!isNaN(t.ageHeader)||(t.ageHeader=0)),o){case ne:case ae:s.trigger(T.LEVEL_LOADED,{details:t,level:g||0,id:u||0,stats:r,networkDetails:n,deliveryDirectives:d});break;case se:s.trigger(T.AUDIO_TRACK_LOADED,{details:t,id:u||0,groupId:h||"",stats:r,networkDetails:n,deliveryDirectives:d});break;case oe:s.trigger(T.SUBTITLE_TRACK_LOADED,{details:t,id:u||0,groupId:h||"",stats:r,networkDetails:n,deliveryDirectives:d})}}else{var m=new Error("No Segments found in Playlist");s.trigger(T.ERROR,{type:E.NETWORK_ERROR,details:S.LEVEL_EMPTY_ERROR,fatal:!1,url:c,error:m,reason:m.message,response:e,context:i,level:g,parent:f,networkDetails:n,stats:r})}},t}();function ge(t,e){var r;try{r=new Event("addtrack")}catch(t){(r=document.createEvent("Event")).initEvent("addtrack",!1,!1)}r.track=t,e.dispatchEvent(r)}function ve(t,e){var r=t.mode;if("disabled"===r&&(t.mode="hidden"),t.cues&&!t.cues.getCueById(e.id))try{if(t.addCue(e),!t.cues.getCueById(e.id))throw new Error("addCue is failed for: "+e)}catch(r){b.debug("[texttrack-utils]: "+r);try{var i=new self.TextTrackCue(e.startTime,e.endTime,e.text);i.id=e.id,t.addCue(i)}catch(t){b.debug("[texttrack-utils]: Legacy TextTrackCue fallback failed: "+t)}}"disabled"===r&&(t.mode=r)}function me(t){var e=t.mode;if("disabled"===e&&(t.mode="hidden"),t.cues)for(var r=t.cues.length;r--;)t.removeCue(t.cues[r]);"disabled"===e&&(t.mode=e)}function pe(t,e,r,i){var n=t.mode;if("disabled"===n&&(t.mode="hidden"),t.cues&&t.cues.length>0)for(var a=function(t,e,r){var i=[],n=function(t,e){if(et[r].endTime)return-1;for(var i=0,n=r;i<=n;){var a=Math.floor((n+i)/2);if(et[a].startTime&&i-1)for(var a=n,s=t.length;a=e&&o.endTime<=r)i.push(o);else if(o.startTime>r)return i}return i}(t.cues,e,r),s=0;sSe&&(d=Se),d-h<=0&&(d=h+.25);for(var c=0;ce.startDate&&t.push(i),t}),[]).sort((function(t,e){return t.startDate.getTime()-e.startDate.getTime()}))[0];g&&(h=Le(g.startDate,c),l=!0)}for(var m,p,y=Object.keys(e.attr),T=0;T.05&&this.forwardBufferLength>1){var u=Math.min(2,Math.max(1,a)),h=Math.round(2/(1+Math.exp(-.75*o-this.edgeStalled))*20)/20;t.playbackRate=Math.min(u,Math.max(1,h))}else 1!==t.playbackRate&&0!==t.playbackRate&&(t.playbackRate=1)}}}}},e.estimateLiveEdge=function(){var t=this.levelDetails;return null===t?null:t.edge+t.age},e.computeLatency=function(){var t=this.estimateLiveEdge();return null===t?null:t-this.currentTime},a(t,[{key:"latency",get:function(){return this._latency||0}},{key:"maxLatency",get:function(){var t=this.config,e=this.levelDetails;return void 0!==t.liveMaxLatencyDuration?t.liveMaxLatencyDuration:e?t.liveMaxLatencyDurationCount*e.targetduration:0}},{key:"targetLatency",get:function(){var t=this.levelDetails;if(null===t)return null;var e=t.holdBack,r=t.partHoldBack,i=t.targetduration,n=this.config,a=n.liveSyncDuration,s=n.liveSyncDurationCount,o=n.lowLatencyMode,l=this.hls.userConfig,u=o&&r||e;(l.liveSyncDuration||l.liveSyncDurationCount||0===u)&&(u=void 0!==a?a:s*i);var h=i;return u+Math.min(1*this.stallCount,h)}},{key:"liveSyncPosition",get:function(){var t=this.estimateLiveEdge(),e=this.targetLatency,r=this.levelDetails;if(null===t||null===e||null===r)return null;var i=r.edge,n=t-e-this.edgeStalled,a=i-r.totalduration,s=i-(this.config.lowLatencyMode&&r.partTarget||r.targetduration);return Math.min(Math.max(a,n),s)}},{key:"drift",get:function(){var t=this.levelDetails;return null===t?1:t.drift}},{key:"edgeStalled",get:function(){var t=this.levelDetails;if(null===t)return 0;var e=3*(this.config.lowLatencyMode&&t.partTarget||t.targetduration);return Math.max(t.age-e,0)}},{key:"forwardBufferLength",get:function(){var t=this.media,e=this.levelDetails;if(!t||!e)return 0;var r=t.buffered.length;return(r?t.buffered.end(r-1):e.edge)-this.currentTime}}]),t}(),ke=["NONE","TYPE-0","TYPE-1",null],be=function(){function t(t,e,r){this.msn=void 0,this.part=void 0,this.skip=void 0,this.msn=t,this.part=e,this.skip=r}return t.prototype.addDirectives=function(t){var e=new self.URL(t);return void 0!==this.msn&&e.searchParams.set("_HLS_msn",this.msn.toString()),void 0!==this.part&&e.searchParams.set("_HLS_part",this.part.toString()),this.skip&&e.searchParams.set("_HLS_skip",this.skip),e.href},t}(),De=function(){function t(t){this._attrs=void 0,this.audioCodec=void 0,this.bitrate=void 0,this.codecSet=void 0,this.height=void 0,this.id=void 0,this.name=void 0,this.videoCodec=void 0,this.width=void 0,this.unknownCodecs=void 0,this.audioGroupIds=void 0,this.details=void 0,this.fragmentError=0,this.loadError=0,this.loaded=void 0,this.realBitrate=0,this.textGroupIds=void 0,this.url=void 0,this._urlId=0,this.url=[t.url],this._attrs=[t.attrs],this.bitrate=t.bitrate,t.details&&(this.details=t.details),this.id=t.id||0,this.name=t.name,this.width=t.width||0,this.height=t.height||0,this.audioCodec=t.audioCodec,this.videoCodec=t.videoCodec,this.unknownCodecs=t.unknownCodecs,this.codecSet=[t.videoCodec,t.audioCodec].filter((function(t){return t})).join(",").replace(/\.[^.,]+/g,"")}return t.prototype.addFallback=function(t){this.url.push(t.url),this._attrs.push(t.attrs)},a(t,[{key:"maxBitrate",get:function(){return Math.max(this.realBitrate,this.bitrate)}},{key:"attrs",get:function(){return this._attrs[this._urlId]}},{key:"pathwayId",get:function(){return this.attrs["PATHWAY-ID"]||"."}},{key:"uri",get:function(){return this.url[this._urlId]||""}},{key:"urlId",get:function(){return this._urlId},set:function(t){var e=t%this.url.length;this._urlId!==e&&(this.fragmentError=0,this.loadError=0,this.details=void 0,this._urlId=e)}},{key:"audioGroupId",get:function(){var t;return null==(t=this.audioGroupIds)?void 0:t[this.urlId]}},{key:"textGroupId",get:function(){var t;return null==(t=this.textGroupIds)?void 0:t[this.urlId]}}]),t}();function Ie(t,e){var r=e.startPTS;if(y(r)){var i,n=0;e.sn>t.sn?(n=r-t.start,i=t):(n=t.start-r,i=e),i.duration!==n&&(i.duration=n)}else e.sn>t.sn?t.cc===e.cc&&t.minEndPTS?e.start=t.start+(t.minEndPTS-t.start):e.start=t.start+t.duration:e.start=Math.max(t.start-e.duration,0)}function we(t,e,r,i,n,a){i-r<=0&&(b.warn("Fragment should have a positive duration",e),i=r+e.duration,a=n+e.duration);var s=r,o=i,l=e.startPTS,u=e.endPTS;if(y(l)){var h=Math.abs(l-r);y(e.deltaPTS)?e.deltaPTS=Math.max(h,e.deltaPTS):e.deltaPTS=h,s=Math.max(r,l),r=Math.min(r,l),n=Math.min(n,e.startDTS),o=Math.min(i,u),i=Math.max(i,u),a=Math.max(a,e.endDTS)}var d=r-e.start;0!==e.start&&(e.start=r),e.duration=i-e.start,e.startPTS=r,e.maxStartPTS=s,e.startDTS=n,e.endPTS=i,e.minEndPTS=o,e.endDTS=a;var c,f=e.sn;if(!t||ft.endSN)return 0;var g=f-t.startSN,v=t.fragments;for(v[g]=e,c=g;c>0;c--)Ie(v[c],v[c-1]);for(c=g;c=0;n--){var a=i[n].initSegment;if(a){r=a;break}}t.fragmentHint&&delete t.fragmentHint.endPTS;var s,l,u,h,d,c=0;if(function(t,e,r){for(var i=e.skippedSegments,n=Math.max(t.startSN,e.startSN)-e.startSN,a=(t.fragmentHint?1:0)+(i?e.endSN:Math.min(t.endSN,e.endSN))-e.startSN,s=e.startSN-t.startSN,o=e.fragmentHint?e.fragments.concat(e.fragmentHint):e.fragments,l=t.fragmentHint?t.fragments.concat(t.fragmentHint):t.fragments,u=n;u<=a;u++){var h=l[s+u],d=o[u];i&&!d&&u=i.length||Pe(e,i[r].start)}function Pe(t,e){if(e){for(var r=t.fragments,i=t.skippedSegments;i499)}(i)||!!r)}var Ge=function(t,e){for(var r=0,i=t.length-1,n=null,a=null;r<=i;){var s=e(a=t[n=(r+i)/2|0]);if(s>0)r=n+1;else{if(!(s<0))return a;i=n-1}}return null};function Ke(t,e,r,i){void 0===r&&(r=0),void 0===i&&(i=0);var n=null;if(t?n=e[t.sn-e[0].sn+1]||null:0===r&&0===e[0].start&&(n=e[0]),n&&0===He(r,i,n))return n;var a=Ge(e,He.bind(null,r,i));return!a||a===t&&n?n:a}function He(t,e,r){if(void 0===t&&(t=0),void 0===e&&(e=0),r.start<=t&&r.start+r.duration>t)return 0;var i=Math.min(e,r.duration+(r.deltaPTS?r.deltaPTS:0));return r.start+r.duration-i<=t?1:r.start-i>t&&r.start?-1:0}function Ve(t,e,r){var i=1e3*Math.min(e,r.duration+(r.deltaPTS?r.deltaPTS:0));return(r.endProgramDateTime||0)-i>t}var Ye,We=function(){function t(t){this.hls=void 0,this.playlistError=0,this.penalizedRenditions={},this.log=void 0,this.warn=void 0,this.error=void 0,this.hls=t,this.log=b.log.bind(b,"[info]:"),this.warn=b.warn.bind(b,"[warning]:"),this.error=b.error.bind(b,"[error]:"),this.registerListeners()}var e=t.prototype;return e.registerListeners=function(){var t=this.hls;t.on(T.ERROR,this.onError,this),t.on(T.MANIFEST_LOADING,this.onManifestLoading,this),t.on(T.LEVEL_UPDATED,this.onLevelUpdated,this)},e.unregisterListeners=function(){var t=this.hls;t&&(t.off(T.ERROR,this.onError,this),t.off(T.ERROR,this.onErrorOut,this),t.off(T.MANIFEST_LOADING,this.onManifestLoading,this),t.off(T.LEVEL_UPDATED,this.onLevelUpdated,this))},e.destroy=function(){this.unregisterListeners(),this.hls=null,this.penalizedRenditions={}},e.startLoad=function(t){this.playlistError=0},e.stopLoad=function(){},e.getVariantLevelIndex=function(t){return(null==t?void 0:t.type)===le?t.level:this.hls.loadLevel},e.onManifestLoading=function(){this.playlistError=0,this.penalizedRenditions={}},e.onLevelUpdated=function(){this.playlistError=0},e.onError=function(t,e){var r,i;if(!e.fatal){var n=this.hls,a=e.context;switch(e.details){case S.FRAG_LOAD_ERROR:case S.FRAG_LOAD_TIMEOUT:case S.KEY_LOAD_ERROR:case S.KEY_LOAD_TIMEOUT:return void(e.errorAction=this.getFragRetryOrSwitchAction(e));case S.FRAG_PARSING_ERROR:if(null!=(r=e.frag)&&r.gap)return void(e.errorAction={action:0,flags:0});case S.FRAG_GAP:case S.FRAG_DECRYPT_ERROR:return e.errorAction=this.getFragRetryOrSwitchAction(e),void(e.errorAction.action=2);case S.LEVEL_EMPTY_ERROR:case S.LEVEL_PARSING_ERROR:var s,o,l=e.parent===le?e.level:n.loadLevel;return void(e.details===S.LEVEL_EMPTY_ERROR&&null!=(s=e.context)&&null!=(o=s.levelDetails)&&o.live?e.errorAction=this.getPlaylistRetryOrSwitchAction(e,l):(e.levelRetry=!1,e.errorAction=this.getLevelSwitchAction(e,l)));case S.LEVEL_LOAD_ERROR:case S.LEVEL_LOAD_TIMEOUT:return void("number"==typeof(null==a?void 0:a.level)&&(e.errorAction=this.getPlaylistRetryOrSwitchAction(e,a.level)));case S.AUDIO_TRACK_LOAD_ERROR:case S.AUDIO_TRACK_LOAD_TIMEOUT:case S.SUBTITLE_LOAD_ERROR:case S.SUBTITLE_TRACK_LOAD_TIMEOUT:if(a){var u=n.levels[n.loadLevel];if(u&&(a.type===se&&a.groupId===u.audioGroupId||a.type===oe&&a.groupId===u.textGroupId))return e.errorAction=this.getPlaylistRetryOrSwitchAction(e,n.loadLevel),e.errorAction.action=2,void(e.errorAction.flags=1)}return;case S.KEY_SYSTEM_STATUS_OUTPUT_RESTRICTED:var h=n.levels[n.loadLevel],d=null==h?void 0:h.attrs["HDCP-LEVEL"];return void(d&&(e.errorAction={action:2,flags:2,hdcpLevel:d}));case S.BUFFER_ADD_CODEC_ERROR:case S.REMUX_ALLOC_ERROR:return void(e.errorAction=this.getLevelSwitchAction(e,null!=(i=e.level)?i:n.loadLevel));case S.INTERNAL_EXCEPTION:case S.BUFFER_APPENDING_ERROR:case S.BUFFER_APPEND_ERROR:case S.BUFFER_FULL_ERROR:case S.LEVEL_SWITCH_ERROR:case S.BUFFER_STALLED_ERROR:case S.BUFFER_SEEK_OVER_HOLE:case S.BUFFER_NUDGE_ON_STALL:return void(e.errorAction={action:0,flags:0})}if(e.type===E.KEY_SYSTEM_ERROR){var c=this.getVariantLevelIndex(e.frag);return e.levelRetry=!1,void(e.errorAction=this.getLevelSwitchAction(e,c))}}},e.getPlaylistRetryOrSwitchAction=function(t,e){var r,i=Oe(this.hls.config.playlistLoadPolicy,t),n=this.playlistError++,a=null==(r=t.response)?void 0:r.code;if(Be(i,n,Me(t),a))return{action:5,flags:0,retryConfig:i,retryCount:n};var s=this.getLevelSwitchAction(t,e);return i&&(s.retryConfig=i,s.retryCount=n),s},e.getFragRetryOrSwitchAction=function(t){var e=this.hls,r=this.getVariantLevelIndex(t.frag),i=e.levels[r],n=e.config,a=n.fragLoadPolicy,s=n.keyLoadPolicy,o=Oe(t.details.startsWith("key")?s:a,t),l=e.levels.reduce((function(t,e){return t+e.fragmentError}),0);if(i){var u;t.details!==S.FRAG_GAP&&i.fragmentError++;var h=null==(u=t.response)?void 0:u.code;if(Be(o,l,Me(t),h))return{action:5,flags:0,retryConfig:o,retryCount:l}}var d=this.getLevelSwitchAction(t,r);return o&&(d.retryConfig=o,d.retryCount=l),d},e.getLevelSwitchAction=function(t,e){var r=this.hls;null==e&&(e=r.loadLevel);var i=this.hls.levels[e];if(i&&(i.loadError++,r.autoLevelEnabled)){for(var n,a,s=-1,o=r.levels,l=r.loadLevel,u=r.minAutoLevel,h=r.maxAutoLevel,d=null==(n=t.frag)?void 0:n.type,c=null!=(a=t.context)?a:{},f=c.type,g=c.groupId,v=o.length;v--;){var m=(v+l)%o.length;if(m!==l&&m>=u&&m<=h&&0===o[m].loadError){var p=o[m];if(t.details===S.FRAG_GAP&&t.frag){var y=o[m].details;if(y){var T=Ke(t.frag,y.fragments,t.frag.start);if(null!=T&&T.gap)continue}}else{if(f===se&&g===p.audioGroupId||f===oe&&g===p.textGroupId)continue;if(d===ue&&i.audioGroupId===p.audioGroupId||d===he&&i.textGroupId===p.textGroupId)continue}s=m;break}}if(s>-1&&r.loadLevel!==s)return t.levelRetry=!0,this.playlistError=0,{action:2,flags:0,nextAutoLevel:s}}return{action:2,flags:1}},e.onErrorOut=function(t,e){var r;switch(null==(r=e.errorAction)?void 0:r.action){case 0:break;case 2:this.sendAlternateToPenaltyBox(e),e.errorAction.resolved||e.details===S.FRAG_GAP||(e.fatal=!0)}e.fatal&&this.hls.stopLoad()},e.sendAlternateToPenaltyBox=function(t){var e=this.hls,r=t.errorAction;if(r){var i=r.flags,n=r.hdcpLevel,a=r.nextAutoLevel;switch(i){case 0:this.switchLevel(t,a);break;case 1:r.resolved||(r.resolved=this.redundantFailover(t));break;case 2:n&&(e.maxHdcpLevel=ke[ke.indexOf(n)-1],r.resolved=!0),this.warn('Restricting playback to HDCP-LEVEL of "'+e.maxHdcpLevel+'" or lower')}r.resolved||this.switchLevel(t,a)}},e.switchLevel=function(t,e){void 0!==e&&t.errorAction&&(this.warn("switching to level "+e+" after "+t.details),this.hls.nextAutoLevel=e,t.errorAction.resolved=!0,this.hls.nextLoadLevel=this.hls.nextAutoLevel)},e.redundantFailover=function(t){var e=this,r=this.hls,i=this.penalizedRenditions,n=t.parent===le?t.level:r.loadLevel,a=r.levels[n],s=a.url.length,o=t.frag?t.frag.urlId:a.urlId;a.urlId!==o||t.frag&&!a.details||this.penalizeRendition(a,t);for(var l=function(){var l=(o+u)%s,h=i[l];if(!h||function(t,e,r){if(performance.now()-t.lastErrorPerfMs>3e5)return!0;var i=t.details;if(e.details===S.FRAG_GAP&&i&&e.frag){var n=e.frag.start,a=Ke(null,i.fragments,n);if(a&&!a.gap)return!0}if(r&&t.errors.length3*i.targetduration)return!0}return!1}(h,t,i[o]))return e.warn("Switching to Redundant Stream "+(l+1)+"/"+s+': "'+a.url[l]+'" after '+t.details),e.playlistError=0,r.levels.forEach((function(t){t.urlId=l})),r.nextLoadLevel=n,{v:!0}},u=1;u=0&&h>e.partTarget&&(u+=1)}return new be(l,u>=0?u:void 0,"")}}},e.loadPlaylist=function(t){-1===this.requestScheduled&&(this.requestScheduled=self.performance.now())},e.shouldLoadPlaylist=function(t){return this.canLoad&&!!t&&!!t.url&&(!t.details||t.details.live)},e.shouldReloadPlaylist=function(t){return-1===this.timer&&-1===this.requestScheduled&&this.shouldLoadPlaylist(t)},e.playlistLoaded=function(t,e,r){var i=this,n=e.details,a=e.stats,s=self.performance.now(),o=a.loading.first?Math.max(0,s-a.loading.first):0;if(n.advancedDateTime=Date.now()-o,n.live||null!=r&&r.live){if(n.reloaded(r),r&&this.log("live playlist "+t+" "+(n.advanced?"REFRESHED "+n.lastPartSn+"-"+n.lastPartIndex:n.updated?"UPDATED":"MISSED")),r&&n.fragments.length>0&&Ce(r,n),!this.canLoad||!n.live)return;var l,u=void 0,h=void 0;if(n.canBlockReload&&n.endSN&&n.advanced){var d=this.hls.config.lowLatencyMode,c=n.lastPartSn,f=n.endSN,g=n.lastPartIndex,v=c===f;-1!==g?(u=v?f+1:c,h=v?d?0:g:g+1):u=f+1;var m=n.age,p=m+n.ageHeader,y=Math.min(p-n.partTarget,1.5*n.targetduration);if(y>0){if(r&&y>r.tuneInGoal)this.warn("CDN Tune-in goal increased from: "+r.tuneInGoal+" to: "+y+" with playlist age: "+n.age),y=0;else{var T=Math.floor(y/n.targetduration);u+=T,void 0!==h&&(h+=Math.round(y%n.targetduration/n.partTarget)),this.log("CDN Tune-in age: "+n.ageHeader+"s last advanced "+m.toFixed(2)+"s goal: "+y+" skip sn "+T+" to part "+h)}n.tuneInGoal=y}if(l=this.getDeliveryDirectives(n,e.deliveryDirectives,u,h),d||!v)return void this.loadPlaylist(l)}else(n.canBlockReload||n.canSkipUntil)&&(l=this.getDeliveryDirectives(n,e.deliveryDirectives,u,h));var E=this.hls.mainForwardBufferInfo,S=E?E.end-E.len:0,L=function(t,e){void 0===e&&(e=1/0);var r=1e3*t.targetduration;if(t.updated){var i=t.fragments;if(i.length&&4*r>e){var n=1e3*i[i.length-1].duration;nthis.requestScheduled+L&&(this.requestScheduled=a.loading.start),void 0!==u&&n.canBlockReload?this.requestScheduled=a.loading.first+L-(1e3*n.partTarget||1e3):-1===this.requestScheduled||this.requestScheduled+L=u.maxNumRetry)return!1;if(i&&null!=(d=t.context)&&d.deliveryDirectives)this.warn("Retrying playlist loading "+(l+1)+"/"+u.maxNumRetry+' after "'+r+'" without delivery-directives'),this.loadPlaylist();else{var c=Ne(u,l);this.timer=self.setTimeout((function(){return e.loadPlaylist()}),c),this.warn("Retrying playlist loading "+(l+1)+"/"+u.maxNumRetry+' after "'+r+'" in '+c+"ms")}t.levelRetry=!0,n.resolved=!0}return h},t}(),qe=function(t){function e(e,r){var i;return(i=t.call(this,e,"[level-controller]")||this)._levels=[],i._firstLevel=-1,i._startLevel=void 0,i.currentLevel=null,i.currentLevelIndex=-1,i.manualLevelIndex=-1,i.steering=void 0,i.onParsedComplete=void 0,i.steering=r,i._registerListeners(),i}l(e,t);var r=e.prototype;return r._registerListeners=function(){var t=this.hls;t.on(T.MANIFEST_LOADING,this.onManifestLoading,this),t.on(T.MANIFEST_LOADED,this.onManifestLoaded,this),t.on(T.LEVEL_LOADED,this.onLevelLoaded,this),t.on(T.LEVELS_UPDATED,this.onLevelsUpdated,this),t.on(T.AUDIO_TRACK_SWITCHED,this.onAudioTrackSwitched,this),t.on(T.FRAG_LOADED,this.onFragLoaded,this),t.on(T.ERROR,this.onError,this)},r._unregisterListeners=function(){var t=this.hls;t.off(T.MANIFEST_LOADING,this.onManifestLoading,this),t.off(T.MANIFEST_LOADED,this.onManifestLoaded,this),t.off(T.LEVEL_LOADED,this.onLevelLoaded,this),t.off(T.LEVELS_UPDATED,this.onLevelsUpdated,this),t.off(T.AUDIO_TRACK_SWITCHED,this.onAudioTrackSwitched,this),t.off(T.FRAG_LOADED,this.onFragLoaded,this),t.off(T.ERROR,this.onError,this)},r.destroy=function(){this._unregisterListeners(),this.steering=null,this.resetLevels(),t.prototype.destroy.call(this)},r.startLoad=function(){this._levels.forEach((function(t){t.loadError=0,t.fragmentError=0})),t.prototype.startLoad.call(this)},r.resetLevels=function(){this._startLevel=void 0,this.manualLevelIndex=-1,this.currentLevelIndex=-1,this.currentLevel=null,this._levels=[]},r.onManifestLoading=function(t,e){this.resetLevels()},r.onManifestLoaded=function(t,e){var r,i=[],n={};e.levels.forEach((function(t){var e,a=t.attrs;-1!==(null==(e=t.audioCodec)?void 0:e.indexOf("mp4a.40.34"))&&(Ye||(Ye=/chrome|firefox/i.test(navigator.userAgent)),Ye&&(t.audioCodec=void 0));var s=a.AUDIO,o=a.CODECS,l=a["FRAME-RATE"],u=a["PATHWAY-ID"],h=a.RESOLUTION,d=a.SUBTITLES,c=(u||".")+"-"+t.bitrate+"-"+h+"-"+l+"-"+o;(r=n[c])?r.addFallback(t):(r=new De(t),n[c]=r,i.push(r)),Xe(r,"audio",s),Xe(r,"text",d)})),this.filterAndSortMediaOptions(i,e)},r.filterAndSortMediaOptions=function(t,e){var r=this,i=[],n=[],a=!1,s=!1,o=!1,l=t.filter((function(t){var e=t.audioCodec,r=t.videoCodec,i=t.width,n=t.height,l=t.unknownCodecs;return a||(a=!(!i||!n)),s||(s=!!r),o||(o=!!e),!(null!=l&&l.length)&&(!e||Yt(e,"audio"))&&(!r||Yt(r,"video"))}));if((a||s)&&o&&(l=l.filter((function(t){var e=t.videoCodec,r=t.width,i=t.height;return!!e||!(!r||!i)}))),0!==l.length){e.audioTracks&&ze(i=e.audioTracks.filter((function(t){return!t.audioCodec||Yt(t.audioCodec,"audio")}))),e.subtitles&&ze(n=e.subtitles);var u=l.slice(0);l.sort((function(t,e){return t.attrs["HDCP-LEVEL"]!==e.attrs["HDCP-LEVEL"]?(t.attrs["HDCP-LEVEL"]||"")>(e.attrs["HDCP-LEVEL"]||"")?1:-1:t.bitrate!==e.bitrate?t.bitrate-e.bitrate:t.attrs["FRAME-RATE"]!==e.attrs["FRAME-RATE"]?t.attrs.decimalFloatingPoint("FRAME-RATE")-e.attrs.decimalFloatingPoint("FRAME-RATE"):t.attrs.SCORE!==e.attrs.SCORE?t.attrs.decimalFloatingPoint("SCORE")-e.attrs.decimalFloatingPoint("SCORE"):a&&t.height!==e.height?t.height-e.height:0}));var h=u[0];if(this.steering&&(l=this.steering.filterParsedLevels(l)).length!==u.length)for(var d=0;d1&&void 0!==e?(n.url=n.url.filter(i),n.audioGroupIds&&(n.audioGroupIds=n.audioGroupIds.filter(i)),n.textGroupIds&&(n.textGroupIds=n.textGroupIds.filter(i)),n.urlId=0,!0):(r.steering&&r.steering.removeLevel(n),!1))}));this.hls.trigger(T.LEVELS_UPDATED,{levels:n})},r.onLevelsUpdated=function(t,e){var r=e.levels;r.forEach((function(t,e){var r=t.details;null!=r&&r.fragments&&r.fragments.forEach((function(t){t.level=e}))})),this._levels=r},a(e,[{key:"levels",get:function(){return 0===this._levels.length?null:this._levels}},{key:"level",get:function(){return this.currentLevelIndex},set:function(t){var e=this._levels;if(0!==e.length){if(t<0||t>=e.length){var r=new Error("invalid level idx"),i=t<0;if(this.hls.trigger(T.ERROR,{type:E.OTHER_ERROR,details:S.LEVEL_SWITCH_ERROR,level:t,fatal:i,error:r,reason:r.message}),i)return;t=Math.min(t,e.length-1)}var n=this.currentLevelIndex,a=this.currentLevel,s=a?a.attrs["PATHWAY-ID"]:void 0,l=e[t],u=l.attrs["PATHWAY-ID"];if(this.currentLevelIndex=t,this.currentLevel=l,n!==t||!l.details||!a||s!==u){this.log("Switching to level "+t+(u?" with Pathway "+u:"")+" from level "+n+(s?" with Pathway "+s:""));var h=o({},l,{level:t,maxBitrate:l.maxBitrate,attrs:l.attrs,uri:l.uri,urlId:l.urlId});delete h._attrs,delete h._urlId,this.hls.trigger(T.LEVEL_SWITCHING,h);var d=l.details;if(!d||d.live){var c=this.switchParams(l.uri,null==a?void 0:a.details);this.loadPlaylist(c)}}}}},{key:"manualLevel",get:function(){return this.manualLevelIndex},set:function(t){this.manualLevelIndex=t,void 0===this._startLevel&&(this._startLevel=t),-1!==t&&(this.level=t)}},{key:"firstLevel",get:function(){return this._firstLevel},set:function(t){this._firstLevel=t}},{key:"startLevel",get:function(){if(void 0===this._startLevel){var t=this.hls.config.startLevel;return void 0!==t?t:this._firstLevel}return this._startLevel},set:function(t){this._startLevel=t}},{key:"nextLoadLevel",get:function(){return-1!==this.manualLevelIndex?this.manualLevelIndex:this.hls.nextAutoLevel},set:function(t){this.level=t,-1===this.manualLevelIndex&&(this.hls.nextAutoLevel=t)}}]),e}(je);function Xe(t,e,r){r&&("audio"===e?(t.audioGroupIds||(t.audioGroupIds=[]),t.audioGroupIds[t.url.length-1]=r):"text"===e&&(t.textGroupIds||(t.textGroupIds=[]),t.textGroupIds[t.url.length-1]=r))}function ze(t){var e={};t.forEach((function(t){var r=t.groupId||"";t.id=e[r]=e[r]||0,e[r]++}))}var Qe="NOT_LOADED",$e="APPENDING",Je="PARTIAL",Ze="OK",tr=function(){function t(t){this.activePartLists=Object.create(null),this.endListFragments=Object.create(null),this.fragments=Object.create(null),this.timeRanges=Object.create(null),this.bufferPadding=.2,this.hls=void 0,this.hasGaps=!1,this.hls=t,this._registerListeners()}var e=t.prototype;return e._registerListeners=function(){var t=this.hls;t.on(T.BUFFER_APPENDED,this.onBufferAppended,this),t.on(T.FRAG_BUFFERED,this.onFragBuffered,this),t.on(T.FRAG_LOADED,this.onFragLoaded,this)},e._unregisterListeners=function(){var t=this.hls;t.off(T.BUFFER_APPENDED,this.onBufferAppended,this),t.off(T.FRAG_BUFFERED,this.onFragBuffered,this),t.off(T.FRAG_LOADED,this.onFragLoaded,this)},e.destroy=function(){this._unregisterListeners(),this.fragments=this.activePartLists=this.endListFragments=this.timeRanges=null},e.getAppendedFrag=function(t,e){var r=this.activePartLists[e];if(r)for(var i=r.length;i--;){var n=r[i];if(!n)break;var a=n.end;if(n.start<=t&&null!==a&&t<=a)return n}return this.getBufferedFrag(t,e)},e.getBufferedFrag=function(t,e){for(var r=this.fragments,i=Object.keys(r),n=i.length;n--;){var a=r[i[n]];if((null==a?void 0:a.body.type)===e&&a.buffered){var s=a.body;if(s.start<=t&&t<=s.end)return s}}return null},e.detectEvictedFragments=function(t,e,r,i){var n=this;this.timeRanges&&(this.timeRanges[t]=e);var a=(null==i?void 0:i.fragment.sn)||-1;Object.keys(this.fragments).forEach((function(i){var s=n.fragments[i];if(s&&!(a>=s.body.sn))if(s.buffered||s.loaded){var o=s.range[t];o&&o.time.some((function(t){var r=!n.isTimeBuffered(t.startPTS,t.endPTS,e);return r&&n.removeFragment(s.body),r}))}else s.body.type===r&&n.removeFragment(s.body)}))},e.detectPartialFragments=function(t){var e=this,r=this.timeRanges,i=t.frag,n=t.part;if(r&&"initSegment"!==i.sn){var a=rr(i),s=this.fragments[a];if(!(!s||s.buffered&&i.gap)){var o=!i.relurl;Object.keys(r).forEach((function(t){var a=i.elementaryStreams[t];if(a){var l=r[t],u=o||!0===a.partial;s.range[t]=e.getBufferedTimes(i,n,u,l)}})),s.loaded=null,Object.keys(s.range).length?(s.buffered=!0,(s.body.endList=i.endList||s.body.endList)&&(this.endListFragments[s.body.type]=s),er(s)||this.removeParts(i.sn-1,i.type)):this.removeFragment(s.body)}}},e.removeParts=function(t,e){var r=this.activePartLists[e];r&&(this.activePartLists[e]=r.filter((function(e){return e.fragment.sn>=t})))},e.fragBuffered=function(t,e){var r=rr(t),i=this.fragments[r];!i&&e&&(i=this.fragments[r]={body:t,appendedPTS:null,loaded:null,buffered:!1,range:Object.create(null)},t.gap&&(this.hasGaps=!0)),i&&(i.loaded=null,i.buffered=!0)},e.getBufferedTimes=function(t,e,r,i){for(var n={time:[],partial:r},a=t.start,s=t.end,o=t.minEndPTS||s,l=t.maxStartPTS||a,u=0;u=h&&o<=d){n.time.push({startPTS:Math.max(a,i.start(u)),endPTS:Math.min(s,i.end(u))});break}if(ah)n.partial=!0,n.time.push({startPTS:Math.max(a,i.start(u)),endPTS:Math.min(s,i.end(u))});else if(s<=h)break}return n},e.getPartialFragment=function(t){var e,r,i,n=null,a=0,s=this.bufferPadding,o=this.fragments;return Object.keys(o).forEach((function(l){var u=o[l];u&&er(u)&&(r=u.body.start-s,i=u.body.end+s,t>=r&&t<=i&&(e=Math.min(t-r,i-t),a<=e&&(n=u.body,a=e)))})),n},e.isEndListAppended=function(t){var e=this.endListFragments[t];return void 0!==e&&(e.buffered||er(e))},e.getState=function(t){var e=rr(t),r=this.fragments[e];return r?r.buffered?er(r)?Je:Ze:$e:Qe},e.isTimeBuffered=function(t,e,r){for(var i,n,a=0;a=i&&e<=n)return!0;if(e<=i)return!1}return!1},e.onFragLoaded=function(t,e){var r=e.frag,i=e.part;if("initSegment"!==r.sn&&!r.bitrateTest){var n=i?null:e,a=rr(r);this.fragments[a]={body:r,appendedPTS:null,loaded:n,buffered:!1,range:Object.create(null)}}},e.onBufferAppended=function(t,e){var r=this,i=e.frag,n=e.part,a=e.timeRanges;if("initSegment"!==i.sn){var s=i.type;if(n){var o=this.activePartLists[s];o||(this.activePartLists[s]=o=[]),o.push(n)}this.timeRanges=a,Object.keys(a).forEach((function(t){var e=a[t];r.detectEvictedFragments(t,e,s,n)}))}},e.onFragBuffered=function(t,e){this.detectPartialFragments(e)},e.hasFragment=function(t){var e=rr(t);return!!this.fragments[e]},e.hasParts=function(t){var e;return!(null==(e=this.activePartLists[t])||!e.length)},e.removeFragmentsInRange=function(t,e,r,i,n){var a=this;i&&!this.hasGaps||Object.keys(this.fragments).forEach((function(s){var o=a.fragments[s];if(o){var l=o.body;l.type!==r||i&&!l.gap||l.startt&&(o.buffered||n)&&a.removeFragment(l)}}))},e.removeFragment=function(t){var e=rr(t);t.stats.loaded=0,t.clearElementaryStreamInfo();var r=this.activePartLists[t.type];if(r){var i=t.sn;this.activePartLists[t.type]=r.filter((function(t){return t.fragment.sn!==i}))}delete this.fragments[e],t.endList&&delete this.endListFragments[t.type]},e.removeAllFragments=function(){this.fragments=Object.create(null),this.endListFragments=Object.create(null),this.activePartLists=Object.create(null),this.hasGaps=!1},t}();function er(t){var e,r,i;return t.buffered&&(t.body.gap||(null==(e=t.range.video)?void 0:e.partial)||(null==(r=t.range.audio)?void 0:r.partial)||(null==(i=t.range.audiovideo)?void 0:i.partial))}function rr(t){return t.type+"_"+t.level+"_"+t.urlId+"_"+t.sn}var ir=Math.pow(2,17),nr=function(){function t(t){this.config=void 0,this.loader=null,this.partLoadTimeout=-1,this.config=t}var e=t.prototype;return e.destroy=function(){this.loader&&(this.loader.destroy(),this.loader=null)},e.abort=function(){this.loader&&this.loader.abort()},e.load=function(t,e){var r=this,n=t.url;if(!n)return Promise.reject(new or({type:E.NETWORK_ERROR,details:S.FRAG_LOAD_ERROR,fatal:!1,frag:t,error:new Error("Fragment does not have a "+(n?"part list":"url")),networkDetails:null}));this.abort();var a=this.config,s=a.fLoader,o=a.loader;return new Promise((function(l,u){if(r.loader&&r.loader.destroy(),t.gap){if(t.tagList.some((function(t){return"GAP"===t[0]})))return void u(sr(t));t.gap=!1}var h=r.loader=t.loader=s?new s(a):new o(a),d=ar(t),c=Ue(a.fragLoadPolicy.default),f={loadPolicy:c,timeout:c.maxLoadTimeMs,maxRetry:0,retryDelay:0,maxRetryDelay:0,highWaterMark:"initSegment"===t.sn?1/0:ir};t.stats=h.stats,h.load(d,f,{onSuccess:function(e,i,n,a){r.resetLoader(t,h);var s=e.data;n.resetIV&&t.decryptdata&&(t.decryptdata.iv=new Uint8Array(s.slice(0,16)),s=s.slice(16)),l({frag:t,part:null,payload:s,networkDetails:a})},onError:function(e,a,s,o){r.resetLoader(t,h),u(new or({type:E.NETWORK_ERROR,details:S.FRAG_LOAD_ERROR,fatal:!1,frag:t,response:i({url:n,data:void 0},e),error:new Error("HTTP Error "+e.code+" "+e.text),networkDetails:s,stats:o}))},onAbort:function(e,i,n){r.resetLoader(t,h),u(new or({type:E.NETWORK_ERROR,details:S.INTERNAL_ABORTED,fatal:!1,frag:t,error:new Error("Aborted"),networkDetails:n,stats:e}))},onTimeout:function(e,i,n){r.resetLoader(t,h),u(new or({type:E.NETWORK_ERROR,details:S.FRAG_LOAD_TIMEOUT,fatal:!1,frag:t,error:new Error("Timeout after "+f.timeout+"ms"),networkDetails:n,stats:e}))},onProgress:function(r,i,n,a){e&&e({frag:t,part:null,payload:n,networkDetails:a})}})}))},e.loadPart=function(t,e,r){var n=this;this.abort();var a=this.config,s=a.fLoader,o=a.loader;return new Promise((function(l,u){if(n.loader&&n.loader.destroy(),t.gap||e.gap)u(sr(t,e));else{var h=n.loader=t.loader=s?new s(a):new o(a),d=ar(t,e),c=Ue(a.fragLoadPolicy.default),f={loadPolicy:c,timeout:c.maxLoadTimeMs,maxRetry:0,retryDelay:0,maxRetryDelay:0,highWaterMark:ir};e.stats=h.stats,h.load(d,f,{onSuccess:function(i,a,s,o){n.resetLoader(t,h),n.updateStatsFromPart(t,e);var u={frag:t,part:e,payload:i.data,networkDetails:o};r(u),l(u)},onError:function(r,a,s,o){n.resetLoader(t,h),u(new or({type:E.NETWORK_ERROR,details:S.FRAG_LOAD_ERROR,fatal:!1,frag:t,part:e,response:i({url:d.url,data:void 0},r),error:new Error("HTTP Error "+r.code+" "+r.text),networkDetails:s,stats:o}))},onAbort:function(r,i,a){t.stats.aborted=e.stats.aborted,n.resetLoader(t,h),u(new or({type:E.NETWORK_ERROR,details:S.INTERNAL_ABORTED,fatal:!1,frag:t,part:e,error:new Error("Aborted"),networkDetails:a,stats:r}))},onTimeout:function(r,i,a){n.resetLoader(t,h),u(new or({type:E.NETWORK_ERROR,details:S.FRAG_LOAD_TIMEOUT,fatal:!1,frag:t,part:e,error:new Error("Timeout after "+f.timeout+"ms"),networkDetails:a,stats:r}))}})}}))},e.updateStatsFromPart=function(t,e){var r=t.stats,i=e.stats,n=i.total;if(r.loaded+=i.loaded,n){var a=Math.round(t.duration/e.duration),s=Math.min(Math.round(r.loaded/n),a),o=(a-s)*Math.round(r.loaded/s);r.total=r.loaded+o}else r.total=Math.max(r.loaded,r.total);var l=r.loading,u=i.loading;l.start?l.first+=u.first-u.start:(l.start=u.start,l.first=u.first),l.end=u.end},e.resetLoader=function(t,e){t.loader=null,this.loader===e&&(self.clearTimeout(this.partLoadTimeout),this.loader=null),e.destroy()},t}();function ar(t,e){void 0===e&&(e=null);var r=e||t,i={frag:t,part:e,responseType:"arraybuffer",url:r.url,headers:{},rangeStart:0,rangeEnd:0},n=r.byteRangeStartOffset,a=r.byteRangeEndOffset;if(y(n)&&y(a)){var s,o=n,l=a;if("initSegment"===t.sn&&"AES-128"===(null==(s=t.decryptdata)?void 0:s.method)){var u=a-n;u%16&&(l=a+(16-u%16)),0!==n&&(i.resetIV=!0,o=n-16)}i.rangeStart=o,i.rangeEnd=l}return i}function sr(t,e){var r=new Error("GAP "+(t.gap?"tag":"attribute")+" found"),i={type:E.MEDIA_ERROR,details:S.FRAG_GAP,fatal:!1,frag:t,error:r,networkDetails:null};return e&&(i.part=e),(e||t).stats.aborted=!0,new or(i)}var or=function(t){function e(e){var r;return(r=t.call(this,e.error.message)||this).data=void 0,r.data=e,r}return l(e,t),e}(c(Error)),lr=function(){function t(t){this.config=void 0,this.keyUriToKeyInfo={},this.emeController=null,this.config=t}var e=t.prototype;return e.abort=function(t){for(var e in this.keyUriToKeyInfo){var r=this.keyUriToKeyInfo[e].loader;if(r){if(t&&t!==r.context.frag.type)return;r.abort()}}},e.detach=function(){for(var t in this.keyUriToKeyInfo){var e=this.keyUriToKeyInfo[t];(e.mediaKeySessionContext||e.decryptdata.isCommonEncryption)&&delete this.keyUriToKeyInfo[t]}},e.destroy=function(){for(var t in this.detach(),this.keyUriToKeyInfo){var e=this.keyUriToKeyInfo[t].loader;e&&e.destroy()}this.keyUriToKeyInfo={}},e.createKeyLoadError=function(t,e,r,i,n){return void 0===e&&(e=S.KEY_LOAD_ERROR),new or({type:E.NETWORK_ERROR,details:e,fatal:!1,frag:t,response:n,error:r,networkDetails:i})},e.loadClear=function(t,e){var r=this;if(this.emeController&&this.config.emeEnabled)for(var i=t.sn,n=t.cc,a=function(){var t=e[s];if(n<=t.cc&&("initSegment"===i||"initSegment"===t.sn||i1&&this.tickImmediate(),this._tickCallCount=0)},e.tickImmediate=function(){this.clearNextTick(),this._tickTimer=self.setTimeout(this._boundTick,0)},e.doTick=function(){},t}(),hr={length:0,start:function(){return 0},end:function(){return 0}},dr=function(){function t(){}return t.isBuffered=function(e,r){try{if(e)for(var i=t.getBuffered(e),n=0;n=i.start(n)&&r<=i.end(n))return!0}catch(t){}return!1},t.bufferInfo=function(e,r,i){try{if(e){var n,a=t.getBuffered(e),s=[];for(n=0;ns&&(i[a-1].end=t[n].end):i.push(t[n])}else i.push(t[n])}else i=t;for(var o,l=0,u=e,h=e,d=0;d=c&&e>>8^255&m^99,t[f]=m,e[m]=f;var p=c[f],y=c[p],T=c[y],E=257*c[m]^16843008*m;i[f]=E<<24|E>>>8,n[f]=E<<16|E>>>16,a[f]=E<<8|E>>>24,s[f]=E,E=16843009*T^65537*y^257*p^16843008*f,l[m]=E<<24|E>>>8,u[m]=E<<16|E>>>16,h[m]=E<<8|E>>>24,d[m]=E,f?(f=p^c[c[c[T^p]]],g^=c[c[g]]):f=g=1}},e.expandKey=function(t){for(var e=this.uint8ArrayToUint32Array_(t),r=!0,i=0;is.end){var h=a>u;(a0&&a&&a.key&&a.iv&&"AES-128"===a.method){var s=self.performance.now();return r.decrypter.decrypt(new Uint8Array(n),a.key.buffer,a.iv.buffer).catch((function(e){throw i.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.FRAG_DECRYPT_ERROR,fatal:!1,error:e,reason:e.message,frag:t}),e})).then((function(r){var n=self.performance.now();return i.trigger(T.FRAG_DECRYPTED,{frag:t,payload:r,stats:{tstart:s,tdecrypt:n}}),e.payload=r,e}))}return e})).then((function(i){var n=r.fragCurrent,a=r.hls;if(!r.levels)throw new Error("init load aborted, missing levels");var s=t.stats;r.state=Lr,e.fragmentError=0,t.data=new Uint8Array(i.payload),s.parsing.start=s.buffering.start=self.performance.now(),s.parsing.end=s.buffering.end=self.performance.now(),i.frag===n&&a.trigger(T.FRAG_BUFFERED,{stats:s,frag:n,part:null,id:t.type}),r.tick()})).catch((function(e){r.state!==Sr&&r.state!==Cr&&(r.warn(e),r.resetFragmentLoading(t))}))},r.fragContextChanged=function(t){var e=this.fragCurrent;return!t||!e||t.level!==e.level||t.sn!==e.sn||t.urlId!==e.urlId},r.fragBufferedComplete=function(t,e){var r,i,n,a,s=this.mediaBuffer?this.mediaBuffer:this.media;this.log("Buffered "+t.type+" sn: "+t.sn+(e?" part: "+e.index:"")+" of "+(this.playlistType===le?"level":"track")+" "+t.level+" (frag:["+(null!=(r=t.startPTS)?r:NaN).toFixed(3)+"-"+(null!=(i=t.endPTS)?i:NaN).toFixed(3)+"] > buffer:"+(s?function(t){for(var e="",r=t.length,i=0;it.end&&s.fragmentHint&&(t=s.fragmentHint);var u=this.getNextPart(l,t,r);if(u>-1){var h,d=l[u];return this.log("Loading part sn: "+t.sn+" p: "+d.index+" cc: "+t.cc+" of playlist ["+s.startSN+"-"+s.endSN+"] parts [0-"+u+"-"+(l.length-1)+"] "+("[stream-controller]"===this.logPrefix?"level":"track")+": "+t.level+", target: "+parseFloat(r.toFixed(3))),this.nextLoadPosition=d.start+d.duration,this.state=Ar,h=o?o.then((function(r){return!r||a.fragContextChanged(r.frag)?null:a.doFragPartsLoad(t,d,e,i)})).catch((function(t){return a.handleFragLoadError(t)})):this.doFragPartsLoad(t,d,e,i).catch((function(t){return a.handleFragLoadError(t)})),this.hls.trigger(T.FRAG_LOADING,{frag:t,part:d,targetBufferTime:r}),null===this.fragCurrent?Promise.reject(new Error("frag load aborted, context changed in FRAG_LOADING parts")):h}if(!t.url||this.loadedEndOfParts(l,r))return Promise.resolve(null)}}this.log("Loading fragment "+t.sn+" cc: "+t.cc+" "+(s?"of ["+s.startSN+"-"+s.endSN+"] ":"")+("[stream-controller]"===this.logPrefix?"level":"track")+": "+t.level+", target: "+parseFloat(r.toFixed(3))),y(t.sn)&&!this.bitrateTest&&(this.nextLoadPosition=t.start+t.duration),this.state=Ar;var c,f=this.config.progressive;return c=f&&o?o.then((function(e){return!e||a.fragContextChanged(null==e?void 0:e.frag)?null:a.fragmentLoader.load(t,i)})).catch((function(t){return a.handleFragLoadError(t)})):Promise.all([this.fragmentLoader.load(t,f?i:void 0),o]).then((function(t){var e=t[0];return!f&&e&&i&&i(e),e})).catch((function(t){return a.handleFragLoadError(t)})),this.hls.trigger(T.FRAG_LOADING,{frag:t,targetBufferTime:r}),null===this.fragCurrent?Promise.reject(new Error("frag load aborted, context changed in FRAG_LOADING")):c},r.doFragPartsLoad=function(t,e,r,i){var n=this;return new Promise((function(a,s){var o,l=[],u=null==(o=r.details)?void 0:o.partList;!function e(o){n.fragmentLoader.loadPart(t,o,i).then((function(i){l[o.index]=i;var s=i.part;n.hls.trigger(T.FRAG_LOADED,i);var h=xe(r,t.sn,o.index+1)||Fe(u,t.sn,o.index+1);if(!h)return a({frag:t,part:s,partsLoaded:l});e(h)})).catch(s)}(e)}))},r.handleFragLoadError=function(t){if("data"in t){var e=t.data;t.data&&e.details===S.INTERNAL_ABORTED?this.handleFragLoadAborted(e.frag,e.part):this.hls.trigger(T.ERROR,e)}else this.hls.trigger(T.ERROR,{type:E.OTHER_ERROR,details:S.INTERNAL_EXCEPTION,err:t,error:t,fatal:!0});return null},r._handleTransmuxerFlush=function(t){var e=this.getCurrentContext(t);if(e&&this.state===Dr){var r=e.frag,i=e.part,n=e.level,a=self.performance.now();r.stats.parsing.end=a,i&&(i.stats.parsing.end=a),this.updateLevelTiming(r,i,n,t.partial)}else this.fragCurrent||this.state===Sr||this.state===Cr||(this.state=Lr)},r.getCurrentContext=function(t){var e=this.levels,r=this.fragCurrent,i=t.level,n=t.sn,a=t.part;if(null==e||!e[i])return this.warn("Levels object was unset while buffering fragment "+n+" of level "+i+". The current chunk will not be buffered."),null;var s=e[i],o=a>-1?xe(s,n,a):null,l=o?o.fragment:function(t,e,r){if(null==t||!t.details)return null;var i=t.details,n=i.fragments[e-i.startSN];return n||((n=i.fragmentHint)&&n.sn===e?n:ea&&this.flushMainBuffer(s,t.start)}else this.flushMainBuffer(0,t.start)},r.getFwdBufferInfo=function(t,e){var r=this.getLoadPosition();return y(r)?this.getFwdBufferInfoAtPos(t,r,e):null},r.getFwdBufferInfoAtPos=function(t,e,r){var i=this.config.maxBufferHole,n=dr.bufferInfo(t,e,i);if(0===n.len&&void 0!==n.nextStart){var a=this.fragmentTracker.getBufferedFrag(e,r);if(a&&n.nextStart=r&&(e.maxMaxBufferLength/=2,this.warn("Reduce max buffer length to "+e.maxMaxBufferLength+"s"),!0)},r.getAppendedFrag=function(t,e){var r=this.fragmentTracker.getAppendedFrag(t,le);return r&&"fragment"in r?r.fragment:r},r.getNextFragment=function(t,e){var r=e.fragments,i=r.length;if(!i)return null;var n,a=this.config,s=r[0].start;if(e.live){var o=a.initialLiveManifestSize;if(ie},r.getNextFragmentLoopLoading=function(t,e,r,i,n){var a=t.gap,s=this.getNextFragment(this.nextLoadPosition,e);if(null===s)return s;if(t=s,a&&t&&!t.gap&&r.nextStart){var o=this.getFwdBufferInfoAtPos(this.mediaBuffer?this.mediaBuffer:this.media,r.nextStart,i);if(null!==o&&r.len+o.len>=n)return this.log('buffer full after gaps in "'+i+'" playlist starting at sn: '+t.sn),null}return t},r.mapToInitFragWhenRequired=function(t){return null==t||!t.initSegment||null!=t&&t.initSegment.data||this.bitrateTest?t:t.initSegment},r.getNextPart=function(t,e,r){for(var i=-1,n=!1,a=!0,s=0,o=t.length;s-1&&rr.start&&r.loaded},r.getInitialLiveFragment=function(t,e){var r=this.fragPrevious,i=null;if(r){if(t.hasProgramDateTime&&(this.log("Live playlist, switching playlist, load frag with same PDT: "+r.programDateTime),i=function(t,e,r){if(null===e||!Array.isArray(t)||!t.length||!y(e))return null;if(e<(t[0].programDateTime||0))return null;if(e>=(t[t.length-1].endProgramDateTime||0))return null;r=r||0;for(var i=0;i=t.startSN&&n<=t.endSN){var a=e[n-t.startSN];r.cc===a.cc&&(i=a,this.log("Live playlist, switching playlist, load frag with next SN: "+i.sn))}i||(i=function(t,e){return Ge(t,(function(t){return t.cce?-1:0}))}(e,r.cc),i&&this.log("Live playlist, switching playlist, load frag with same CC: "+i.sn))}}else{var s=this.hls.liveSyncPosition;null!==s&&(i=this.getFragmentAtPosition(s,this.bitrateTest?t.fragmentEnd:t.edge,t))}return i},r.getFragmentAtPosition=function(t,e,r){var i,n=this.config,a=this.fragPrevious,s=r.fragments,o=r.endSN,l=r.fragmentHint,u=n.maxFragLookUpTolerance,h=r.partList,d=!!(n.lowLatencyMode&&null!=h&&h.length&&l);if(d&&l&&!this.bitrateTest&&(s=s.concat(l),o=l.sn),i=te-u?0:u):s[s.length-1]){var c=i.sn-r.startSN,f=this.fragmentTracker.getState(i);if((f===Ze||f===Je&&i.gap)&&(a=i),a&&i.sn===a.sn&&(!d||h[0].fragment.sn>i.sn)&&a&&i.level===a.level){var g=s[c+1];i=i.sn=a-e.maxFragLookUpTolerance&&n<=s;if(null!==i&&r.duration>i&&(nr.startCC||t&&t.cc"+t.startSN+" prev-sn: "+(n?n.sn:"na")+" fragments: "+s),h}return o},r.waitForCdnTuneIn=function(t){return t.live&&t.canBlockReload&&t.partTarget&&t.tuneInGoal>Math.max(t.partHoldBack,3*t.partTarget)},r.setStartPosition=function(t,e){var r=this.startPosition;if(r "+(null==(n=this.fragCurrent)?void 0:n.url))}else{var a=e.details===S.FRAG_GAP;a&&this.fragmentTracker.fragBuffered(i,!0);var s=e.errorAction,o=s||{},l=o.action,u=o.retryCount,h=void 0===u?0:u,d=o.retryConfig;if(s&&5===l&&d){var c;this.resetStartWhenNotLoaded(null!=(c=this.levelLastLoaded)?c:i.level);var f=Ne(d,h);this.warn("Fragment "+i.sn+" of "+t+" "+i.level+" errored with "+e.details+", retrying loading "+(h+1)+"/"+d.maxNumRetry+" in "+f+"ms"),s.resolved=!0,this.retryDate=self.performance.now()+f,this.state=kr}else d&&s?(this.resetFragmentErrors(t),h.5;i&&this.reduceMaxBufferLength(r.len);var n=!i;return n&&this.warn("Buffer full error while media.currentTime is not buffered, flush "+e+" buffer"),t.frag&&(this.fragmentTracker.removeFragment(t.frag),this.nextLoadPosition=t.frag.start),this.resetLoadingState(),n}return!1},r.resetFragmentErrors=function(t){t===ue&&(this.fragCurrent=null),this.loadedmetadata||(this.startFragRequested=!1),this.state!==Sr&&(this.state=Lr)},r.afterBufferFlushed=function(t,e,r){if(t){var i=dr.getBuffered(t);this.fragmentTracker.detectEvictedFragments(e,i,r),this.state===wr&&this.resetLoadingState()}},r.resetLoadingState=function(){this.log("Reset loading state"),this.fragCurrent=null,this.fragPrevious=null,this.state=Lr},r.resetStartWhenNotLoaded=function(t){if(!this.loadedmetadata){this.startFragRequested=!1;var e=this.levels?this.levels[t].details:null;null!=e&&e.live?(this.startPosition=-1,this.setStartPosition(e,0),this.resetLoadingState()):this.nextLoadPosition=this.startPosition}},r.resetWhenMissingContext=function(t){var e;this.warn("The loading context changed while buffering fragment "+t.sn+" of level "+t.level+". This chunk will not be buffered."),this.removeUnbufferedFrags(),this.resetStartWhenNotLoaded(null!=(e=this.levelLastLoaded)?e:t.level),this.resetLoadingState()},r.removeUnbufferedFrags=function(t){void 0===t&&(t=0),this.fragmentTracker.removeFragmentsInRange(t,1/0,this.playlistType,!1,!0)},r.updateLevelTiming=function(t,e,r,i){var n,a=this,s=r.details;if(s){if(Object.keys(t.elementaryStreams).reduce((function(e,n){var o=t.elementaryStreams[n];if(o){var l=o.endPTS-o.startPTS;if(l<=0)return a.warn("Could not parse fragment "+t.sn+" "+n+" duration reliably ("+l+")"),e||!1;var u=i?0:we(s,t,o.startPTS,o.endPTS,o.startDTS,o.endDTS);return a.hls.trigger(T.LEVEL_PTS_UPDATED,{details:s,level:r,drift:u,type:n,frag:t,start:o.startPTS,end:o.endPTS}),!0}return e}),!1))r.fragmentError=0;else if(null===(null==(n=this.transmuxer)?void 0:n.error)){var o=new Error("Found no media in fragment "+t.sn+" of level "+t.level+" resetting transmuxer to fallback to playlist timing");if(0===r.fragmentError&&(r.fragmentError++,t.gap=!0,this.fragmentTracker.removeFragment(t),this.fragmentTracker.fragBuffered(t,!0)),this.warn(o.message),this.hls.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.FRAG_PARSING_ERROR,fatal:!1,error:o,frag:t,reason:"Found no media in msn "+t.sn+' of level "'+r.url+'"'}),!this.hls)return;this.resetTransmuxer()}this.state=Ir,this.hls.trigger(T.FRAG_PARSED,{frag:t,part:e})}else this.warn("level.details undefined")},r.resetTransmuxer=function(){this.transmuxer&&(this.transmuxer.destroy(),this.transmuxer=null)},r.recoverWorkerError=function(t){var e,r,i;"demuxerWorker"===t.event&&(this.fragmentTracker.removeAllFragments(),this.resetTransmuxer(),this.resetStartWhenNotLoaded(null!=(e=null!=(r=this.levelLastLoaded)?r:null==(i=this.fragCurrent)?void 0:i.level)?e:0),this.resetLoadingState())},a(e,[{key:"state",get:function(){return this._state},set:function(t){var e=this._state;e!==t&&(this._state=t,this.log(e+"->"+t))}}]),e}(ur);function Fr(){return self.SourceBuffer||self.WebKitSourceBuffer}function Mr(t,e){return void 0===t&&(t=""),void 0===e&&(e=9e4),{type:t,id:-1,pid:-1,inputTimeScale:e,sequenceNumber:-1,samples:[],dropped:0}}var Or=function(){function t(){this._audioTrack=void 0,this._id3Track=void 0,this.frameIndex=0,this.cachedData=null,this.basePTS=null,this.initPTS=null,this.lastPTS=null}var e=t.prototype;return e.resetInitSegment=function(t,e,r,i){this._id3Track={type:"id3",id:3,pid:-1,inputTimeScale:9e4,sequenceNumber:0,samples:[],dropped:0}},e.resetTimeStamp=function(t){this.initPTS=t,this.resetContiguity()},e.resetContiguity=function(){this.basePTS=null,this.lastPTS=null,this.frameIndex=0},e.canParse=function(t,e){return!1},e.appendFrame=function(t,e,r){},e.demux=function(t,e){this.cachedData&&(t=It(this.cachedData,t),this.cachedData=null);var r,i=rt(t,0),n=i?i.length:0,a=this._audioTrack,s=this._id3Track,o=i?function(t){for(var e=ot(t),r=0;r0&&s.samples.push({pts:this.lastPTS,dts:this.lastPTS,data:i,type:ye,duration:Number.POSITIVE_INFINITY});n>>5}function Kr(t,e){return e+1=t.length)return!1;var i=Gr(t,e);if(i<=r)return!1;var n=e+i;return n===t.length||Kr(t,n)}return!1}function Vr(t,e,r,i,n){if(!t.samplerate){var a=function(t,e,r,i){var n,a,s,o,l=navigator.userAgent.toLowerCase(),u=i,h=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350];n=1+((192&e[r+2])>>>6);var d=(60&e[r+2])>>>2;if(!(d>h.length-1))return s=(1&e[r+2])<<2,s|=(192&e[r+3])>>>6,b.log("manifest codec:"+i+", ADTS type:"+n+", samplingIndex:"+d),/firefox/i.test(l)?d>=6?(n=5,o=new Array(4),a=d-3):(n=2,o=new Array(2),a=d):-1!==l.indexOf("android")?(n=2,o=new Array(2),a=d):(n=5,o=new Array(4),i&&(-1!==i.indexOf("mp4a.40.29")||-1!==i.indexOf("mp4a.40.5"))||!i&&d>=6?a=d-3:((i&&-1!==i.indexOf("mp4a.40.2")&&(d>=6&&1===s||/vivaldi/i.test(l))||!i&&1===s)&&(n=2,o=new Array(2)),a=d)),o[0]=n<<3,o[0]|=(14&d)>>1,o[1]|=(1&d)<<7,o[1]|=s<<3,5===n&&(o[1]|=(14&a)>>1,o[2]=(1&a)<<7,o[2]|=8,o[3]=0),{config:o,samplerate:h[d],channelCount:s,codec:"mp4a.40."+n,manifestCodec:u};t.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.FRAG_PARSING_ERROR,fatal:!0,reason:"invalid ADTS sampling index:"+d})}(e,r,i,n);if(!a)return;t.config=a.config,t.samplerate=a.samplerate,t.channelCount=a.channelCount,t.codec=a.codec,t.manifestCodec=a.manifestCodec,b.log("parsed codec:"+t.codec+", rate:"+a.samplerate+", channels:"+a.channelCount)}}function Yr(t){return 9216e4/t}function Wr(t,e,r,i,n){var a,s=i+n*Yr(t.samplerate),o=function(t,e){var r=Br(t,e);if(e+r<=t.length){var i=Gr(t,e)-r;if(i>0)return{headerLength:r,frameLength:i}}}(e,r);if(o){var l=o.frameLength,u=o.headerLength,h=u+l,d=Math.max(0,r+h-e.length);d?(a=new Uint8Array(h-u)).set(e.subarray(r+u,e.length),0):a=e.subarray(r+u,r+h);var c={unit:a,pts:s};return d||t.samples.push(c),{sample:c,length:h,missing:d}}var f=e.length-r;return(a=new Uint8Array(f)).set(e.subarray(r,e.length),0),{sample:{unit:a,pts:s},length:f,missing:-1}}var jr=function(t){function e(e,r){var i;return(i=t.call(this)||this).observer=void 0,i.config=void 0,i.observer=e,i.config=r,i}l(e,t);var r=e.prototype;return r.resetInitSegment=function(e,r,i,n){t.prototype.resetInitSegment.call(this,e,r,i,n),this._audioTrack={container:"audio/adts",type:"audio",id:2,pid:-1,sequenceNumber:0,segmentCodec:"aac",samples:[],manifestCodec:r,duration:n,inputTimeScale:9e4,dropped:0}},e.probe=function(t){if(!t)return!1;for(var e=(rt(t,0)||[]).length,r=t.length;e16384?t.subarray(0,16384):t,["moof"]).length>0},e.demux=function(t,e){this.timeOffset=e;var r=t,i=this.videoTrack,n=this.txtTrack;if(this.config.progressive){this.remainderData&&(r=It(this.remainderData,t));var a=function(t){var e={valid:null,remainder:null},r=Rt(t,["moof"]);if(!r)return e;if(r.length<2)return e.remainder=t,e;var i=r[r.length-1];return e.valid=J(t,0,i.byteOffset-8),e.remainder=J(t,i.byteOffset-8),e}(r);this.remainderData=a.remainder,i.samples=a.valid||new Uint8Array}else i.samples=r;var s=this.extractID3Track(i,e);return n.samples=wt(e,i),{videoTrack:i,audioTrack:this.audioTrack,id3Track:s,textTrack:this.txtTrack}},e.flush=function(){var t=this.timeOffset,e=this.videoTrack,r=this.txtTrack;e.samples=this.remainderData||new Uint8Array,this.remainderData=null;var i=this.extractID3Track(e,this.timeOffset);return r.samples=wt(t,e),{videoTrack:e,audioTrack:Mr(),id3Track:i,textTrack:Mr()}},e.extractID3Track=function(t,e){var r=this.id3Track;if(t.samples.length){var i=Rt(t.samples,["emsg"]);i&&i.forEach((function(t){var i=function(t){var e=t[0],r="",i="",n=0,a=0,s=0,o=0,l=0,u=0;if(0===e){for(;"\0"!==yt(t.subarray(u,u+1));)r+=yt(t.subarray(u,u+1)),u+=1;for(r+=yt(t.subarray(u,u+1)),u+=1;"\0"!==yt(t.subarray(u,u+1));)i+=yt(t.subarray(u,u+1)),u+=1;i+=yt(t.subarray(u,u+1)),u+=1,n=Et(t,12),a=Et(t,16),o=Et(t,20),l=Et(t,24),u=28}else if(1===e){n=Et(t,u+=4);var h=Et(t,u+=4),d=Et(t,u+=4);for(u+=4,s=Math.pow(2,32)*h+d,Number.isSafeInteger(s)||(s=Number.MAX_SAFE_INTEGER,b.warn("Presentation time exceeds safe integer limit and wrapped to max safe integer in parsing emsg box")),o=Et(t,u),l=Et(t,u+=4),u+=4;"\0"!==yt(t.subarray(u,u+1));)r+=yt(t.subarray(u,u+1)),u+=1;for(r+=yt(t.subarray(u,u+1)),u+=1;"\0"!==yt(t.subarray(u,u+1));)i+=yt(t.subarray(u,u+1)),u+=1;i+=yt(t.subarray(u,u+1)),u+=1}return{schemeIdUri:r,value:i,timeScale:n,presentationTime:s,presentationTimeDelta:a,eventDuration:o,id:l,payload:t.subarray(u,t.byteLength)}}(t);if(qr.test(i.schemeIdUri)){var n=y(i.presentationTime)?i.presentationTime/i.timeScale:e+i.presentationTimeDelta/i.timeScale,a=4294967295===i.eventDuration?Number.POSITIVE_INFINITY:i.eventDuration/i.timeScale;a<=.001&&(a=Number.POSITIVE_INFINITY);var s=i.payload;r.samples.push({data:s,len:s.byteLength,dts:n,pts:n,type:Te,duration:a})}}))}return r},e.demuxSampleAes=function(t,e,r){return Promise.reject(new Error("The MP4 demuxer does not support SAMPLE-AES decryption"))},e.destroy=function(){},t}(),zr=null,Qr=[32,64,96,128,160,192,224,256,288,320,352,384,416,448,32,48,56,64,80,96,112,128,160,192,224,256,320,384,32,40,48,56,64,80,96,112,128,160,192,224,256,320,32,48,56,64,80,96,112,128,144,160,176,192,224,256,8,16,24,32,40,48,56,64,80,96,112,128,144,160],$r=[44100,48e3,32e3,22050,24e3,16e3,11025,12e3,8e3],Jr=[[0,72,144,12],[0,0,0,0],[0,72,144,12],[0,144,144,12]],Zr=[0,1,1,4];function ti(t,e,r,i,n){if(!(r+24>e.length)){var a=ei(e,r);if(a&&r+a.frameLength<=e.length){var s=i+n*(9e4*a.samplesPerFrame/a.sampleRate),o={unit:e.subarray(r,r+a.frameLength),pts:s,dts:s};return t.config=[],t.channelCount=a.channelCount,t.samplerate=a.sampleRate,t.samples.push(o),{sample:o,length:a.frameLength,missing:0}}}}function ei(t,e){var r=t[e+1]>>3&3,i=t[e+1]>>1&3,n=t[e+2]>>4&15,a=t[e+2]>>2&3;if(1!==r&&0!==n&&15!==n&&3!==a){var s=t[e+2]>>1&1,o=t[e+3]>>6,l=1e3*Qr[14*(3===r?3-i:3===i?3:4)+n-1],u=$r[3*(3===r?0:2===r?1:2)+a],h=3===o?1:2,d=Jr[r][i],c=Zr[i],f=8*d*c,g=Math.floor(d*l/u+s)*c;if(null===zr){var v=(navigator.userAgent||"").match(/Chrome\/(\d+)/i);zr=v?parseInt(v[1]):0}return!!zr&&zr<=87&&2===i&&l>=224e3&&0===o&&(t[e+3]=128|t[e+3]),{sampleRate:u,channelCount:h,frameLength:g,samplesPerFrame:f}}}function ri(t,e){return!(255!==t[e]||224&~t[e+1]||!(6&t[e+1]))}function ii(t,e){return e+1t?(this.word<<=t,this.bitsAvailable-=t):(t-=this.bitsAvailable,t-=(e=t>>3)<<3,this.bytesAvailable-=e,this.loadWord(),this.word<<=t,this.bitsAvailable-=t)},e.readBits=function(t){var e=Math.min(this.bitsAvailable,t),r=this.word>>>32-e;if(t>32&&b.error("Cannot read more than 32 bits at a time"),this.bitsAvailable-=e,this.bitsAvailable>0)this.word<<=e;else{if(!(this.bytesAvailable>0))throw new Error("no bits available");this.loadWord()}return(e=t-e)>0&&this.bitsAvailable?r<>>t)return this.word<<=t,this.bitsAvailable-=t,t;return this.loadWord(),t+this.skipLZ()},e.skipUEG=function(){this.skipBits(1+this.skipLZ())},e.skipEG=function(){this.skipBits(1+this.skipLZ())},e.readUEG=function(){var t=this.skipLZ();return this.readBits(t+1)-1},e.readEG=function(){var t=this.readUEG();return 1&t?1+t>>>1:-1*(t>>>1)},e.readBoolean=function(){return 1===this.readBits(1)},e.readUByte=function(){return this.readBits(8)},e.readUShort=function(){return this.readBits(16)},e.readUInt=function(){return this.readBits(32)},e.skipScalingList=function(t){for(var e=8,r=8,i=0;i=t.length)return void r();if(!(t[e].unit.length<32||(this.decryptAacSample(t,e,r),this.decrypter.isSync())))return}},e.getAvcEncryptedData=function(t){for(var e=16*Math.floor((t.length-48)/160)+16,r=new Int8Array(e),i=0,n=32;n=t.length)return void i();for(var n=t[e].units;!(r>=n.length);r++){var a=n[r];if(!(a.data.length<=48||1!==a.type&&5!==a.type||(this.decryptAvcSample(t,e,r,i,a),this.decrypter.isSync())))return}}},t}(),oi=188,li=function(){function t(t,e,r){this.observer=void 0,this.config=void 0,this.typeSupported=void 0,this.sampleAes=null,this.pmtParsed=!1,this.audioCodec=void 0,this.videoCodec=void 0,this._duration=0,this._pmtId=-1,this._avcTrack=void 0,this._audioTrack=void 0,this._id3Track=void 0,this._txtTrack=void 0,this.aacOverFlow=null,this.avcSample=null,this.remainderData=null,this.observer=t,this.config=e,this.typeSupported=r}t.probe=function(e){var r=t.syncOffset(e);return r>0&&b.warn("MPEG2-TS detected but first sync word found @ offset "+r),-1!==r},t.syncOffset=function(t){for(var e=t.length,r=Math.min(940,t.length-oi)+1,i=0;i1&&(0===a&&s>2||o+oi>r))return a}i++}return-1},t.createTrack=function(t,e){return{container:"video"===t||"audio"===t?"video/mp2t":void 0,type:t,id:pt[t],pid:-1,inputTimeScale:9e4,sequenceNumber:0,samples:[],dropped:0,duration:"audio"===t?e:void 0}};var e=t.prototype;return e.resetInitSegment=function(e,r,i,n){this.pmtParsed=!1,this._pmtId=-1,this._avcTrack=t.createTrack("video"),this._audioTrack=t.createTrack("audio",n),this._id3Track=t.createTrack("id3"),this._txtTrack=t.createTrack("text"),this._audioTrack.segmentCodec="aac",this.aacOverFlow=null,this.avcSample=null,this.remainderData=null,this.audioCodec=r,this.videoCodec=i,this._duration=n},e.resetTimeStamp=function(){},e.resetContiguity=function(){var t=this._audioTrack,e=this._avcTrack,r=this._id3Track;t&&(t.pesData=null),e&&(e.pesData=null),r&&(r.pesData=null),this.aacOverFlow=null,this.avcSample=null,this.remainderData=null},e.demux=function(e,r,i,n){var a;void 0===i&&(i=!1),void 0===n&&(n=!1),i||(this.sampleAes=null);var s=this._avcTrack,o=this._audioTrack,l=this._id3Track,u=this._txtTrack,h=s.pid,d=s.pesData,c=o.pid,f=l.pid,g=o.pesData,v=l.pesData,m=null,p=this.pmtParsed,y=this._pmtId,L=e.length;if(this.remainderData&&(L=(e=It(this.remainderData,e)).length,this.remainderData=null),L>4>1){if((w=k+5+e[k+4])===k+oi)continue}else w=k+4;switch(I){case h:D&&(d&&(a=fi(d))&&this.parseAVCPES(s,u,a,!1),d={data:[],size:0}),d&&(d.data.push(e.subarray(w,k+oi)),d.size+=k+oi-w);break;case c:if(D){if(g&&(a=fi(g)))switch(o.segmentCodec){case"aac":this.parseAACPES(o,a);break;case"mp3":this.parseMPEGPES(o,a)}g={data:[],size:0}}g&&(g.data.push(e.subarray(w,k+oi)),g.size+=k+oi-w);break;case f:D&&(v&&(a=fi(v))&&this.parseID3PES(l,a),v={data:[],size:0}),v&&(v.data.push(e.subarray(w,k+oi)),v.size+=k+oi-w);break;case 0:D&&(w+=e[w]+1),y=this._pmtId=di(e,w);break;case y:D&&(w+=e[w]+1);var C=ci(e,w,this.typeSupported,i);(h=C.avc)>0&&(s.pid=h),(c=C.audio)>0&&(o.pid=c,o.segmentCodec=C.segmentCodec),(f=C.id3)>0&&(l.pid=f),null===m||p||(b.warn("MPEG-TS PMT found at "+k+" after unknown PID '"+m+"'. Backtracking to sync byte @"+R+" to parse all TS packets."),m=null,k=R-188),p=this.pmtParsed=!0;break;case 17:case 8191:break;default:m=I}}else A++;if(A>0){var _=new Error("Found "+A+" TS packet/s that do not start with 0x47");this.observer.emit(T.ERROR,T.ERROR,{type:E.MEDIA_ERROR,details:S.FRAG_PARSING_ERROR,fatal:!1,error:_,reason:_.message})}s.pesData=d,o.pesData=g,l.pesData=v;var P={audioTrack:o,videoTrack:s,id3Track:l,textTrack:u};return n&&this.extractRemainingSamples(P),P},e.flush=function(){var t,e=this.remainderData;return this.remainderData=null,t=e?this.demux(e,-1,!1,!0):{videoTrack:this._avcTrack,audioTrack:this._audioTrack,id3Track:this._id3Track,textTrack:this._txtTrack},this.extractRemainingSamples(t),this.sampleAes?this.decrypt(t,this.sampleAes):t},e.extractRemainingSamples=function(t){var e,r=t.audioTrack,i=t.videoTrack,n=t.id3Track,a=t.textTrack,s=i.pesData,o=r.pesData,l=n.pesData;if(s&&(e=fi(s))?(this.parseAVCPES(i,a,e,!0),i.pesData=null):i.pesData=s,o&&(e=fi(o))){switch(r.segmentCodec){case"aac":this.parseAACPES(r,e);break;case"mp3":this.parseMPEGPES(r,e)}r.pesData=null}else null!=o&&o.size&&b.log("last AAC PES packet truncated,might overlap between fragments"),r.pesData=o;l&&(e=fi(l))?(this.parseID3PES(n,e),n.pesData=null):n.pesData=l},e.demuxSampleAes=function(t,e,r){var i=this.demux(t,r,!0,!this.config.progressive),n=this.sampleAes=new si(this.observer,this.config,e);return this.decrypt(i,n)},e.decrypt=function(t,e){return new Promise((function(r){var i=t.audioTrack,n=t.videoTrack;i.samples&&"aac"===i.segmentCodec?e.decryptAacSamples(i.samples,0,(function(){n.samples?e.decryptAvcSamples(n.samples,0,0,(function(){r(t)})):r(t)})):n.samples&&e.decryptAvcSamples(n.samples,0,0,(function(){r(t)}))}))},e.destroy=function(){this._duration=0},e.parseAVCPES=function(t,e,r,i){var n,a=this,s=this.parseAVCNALu(t,r.data),o=this.avcSample,l=!1;r.data=null,o&&s.length&&!t.audFound&&(gi(o,t),o=this.avcSample=ui(!1,r.pts,r.dts,"")),s.forEach((function(i){var s;switch(i.type){case 1:var u=!1;n=!0;var h,d=i.data;if(l&&d.length>4){var c=new ai(d).readSliceType();2!==c&&4!==c&&7!==c&&9!==c||(u=!0)}u&&null!=(h=o)&&h.frame&&!o.key&&(gi(o,t),o=a.avcSample=null),o||(o=a.avcSample=ui(!0,r.pts,r.dts,"")),o.frame=!0,o.key=u;break;case 5:n=!0,null!=(s=o)&&s.frame&&!o.key&&(gi(o,t),o=a.avcSample=null),o||(o=a.avcSample=ui(!0,r.pts,r.dts,"")),o.key=!0,o.frame=!0;break;case 6:n=!0,_t(i.data,1,r.pts,e.samples);break;case 7:if(n=!0,l=!0,!t.sps){var f=i.data,g=new ai(f).readSPS();t.width=g.width,t.height=g.height,t.pixelRatio=g.pixelRatio,t.sps=[f],t.duration=a._duration;for(var v=f.subarray(1,4),m="avc1.",p=0;p<3;p++){var y=v[p].toString(16);y.length<2&&(y="0"+y),m+=y}t.codec=m}break;case 8:n=!0,t.pps||(t.pps=[i.data]);break;case 9:n=!1,t.audFound=!0,o&&gi(o,t),o=a.avcSample=ui(!1,r.pts,r.dts,"");break;case 12:n=!0;break;default:n=!1,o&&(o.debug+="unknown NAL "+i.type+" ")}o&&n&&o.units.push(i)})),i&&o&&(gi(o,t),this.avcSample=null)},e.getLastNalUnit=function(t){var e,r,i=this.avcSample;if(i&&0!==i.units.length||(i=t[t.length-1]),null!=(e=i)&&e.units){var n=i.units;r=n[n.length-1]}return r},e.parseAVCNALu=function(t,e){var r,i,n=e.byteLength,a=t.naluState||0,s=a,o=[],l=0,u=-1,h=0;for(-1===a&&(u=0,h=31&e[0],a=0,l=1);l=0){var d={data:e.subarray(u,l-a-1),type:h};o.push(d)}else{var c=this.getLastNalUnit(t.samples);if(c&&(s&&l<=4-s&&c.state&&(c.data=c.data.subarray(0,c.data.byteLength-s)),(i=l-a-1)>0)){var f=new Uint8Array(c.data.byteLength+i);f.set(c.data,0),f.set(e.subarray(0,i),c.data.byteLength),c.data=f,c.state=0}}l=0&&a>=0){var g={data:e.subarray(u,n),type:h,state:a};o.push(g)}if(0===o.length){var v=this.getLastNalUnit(t.samples);if(v){var m=new Uint8Array(v.data.byteLength+e.byteLength);m.set(v.data,0),m.set(e,v.data.byteLength),v.data=m}}return t.naluState=a,o},e.parseAACPES=function(t,e){var r,i,n,a=0,s=this.aacOverFlow,o=e.data;if(s){this.aacOverFlow=null;var l=s.missing,u=s.sample.unit.byteLength;if(-1===l){var h=new Uint8Array(u+o.byteLength);h.set(s.sample.unit,0),h.set(o,u),o=h}else{var d=u-l;s.sample.unit.set(o.subarray(0,l),d),t.samples.push(s.sample),a=s.missing}}for(r=a,i=o.length;r1;){var l=new Uint8Array(o[0].length+o[1].length);l.set(o[0]),l.set(o[1],o[0].length),o[0]=l,o.splice(1,1)}if(1===((e=o[0])[0]<<16)+(e[1]<<8)+e[2]){if((r=(e[4]<<8)+e[5])&&r>t.size-6)return null;var u=e[7];192&u&&(n=536870912*(14&e[9])+4194304*(255&e[10])+16384*(254&e[11])+128*(255&e[12])+(254&e[13])/2,64&u?n-(a=536870912*(14&e[14])+4194304*(255&e[15])+16384*(254&e[16])+128*(255&e[17])+(254&e[18])/2)>54e5&&(b.warn(Math.round((n-a)/9e4)+"s delta between PTS and DTS, align them"),n=a):a=n);var h=(i=e[8])+9;if(t.size<=h)return null;t.size-=h;for(var d=new Uint8Array(t.size),c=0,f=o.length;cg){h-=g;continue}e=e.subarray(h),g-=h,h=0}d.set(e,s),s+=g}return r&&(r-=i+3),{data:d,pts:n,dts:a,len:r}}return null}function gi(t,e){if(t.units.length&&t.frame){if(void 0===t.pts){var r=e.samples,i=r.length;if(!i)return void e.dropped++;var n=r[i-1];t.pts=n.pts,t.dts=n.dts}e.samples.push(t)}t.debug.length&&b.log(t.pts+"/"+t.dts+":"+t.debug)}var vi=function(t){function e(){return t.apply(this,arguments)||this}l(e,t);var r=e.prototype;return r.resetInitSegment=function(e,r,i,n){t.prototype.resetInitSegment.call(this,e,r,i,n),this._audioTrack={container:"audio/mpeg",type:"audio",id:2,pid:-1,sequenceNumber:0,segmentCodec:"mp3",samples:[],manifestCodec:r,duration:n,inputTimeScale:9e4,dropped:0}},e.probe=function(t){if(!t)return!1;for(var e=(rt(t,0)||[]).length,r=t.length;e1?r-1:0),n=1;n>24&255,o[1]=e>>16&255,o[2]=e>>8&255,o[3]=255&e,o.set(t,4),a=0,e=8;a>24&255,e>>16&255,e>>8&255,255&e,i>>24,i>>16&255,i>>8&255,255&i,n>>24,n>>16&255,n>>8&255,255&n,85,196,0,0]))},t.mdia=function(e){return t.box(t.types.mdia,t.mdhd(e.timescale,e.duration),t.hdlr(e.type),t.minf(e))},t.mfhd=function(e){return t.box(t.types.mfhd,new Uint8Array([0,0,0,0,e>>24,e>>16&255,e>>8&255,255&e]))},t.minf=function(e){return"audio"===e.type?t.box(t.types.minf,t.box(t.types.smhd,t.SMHD),t.DINF,t.stbl(e)):t.box(t.types.minf,t.box(t.types.vmhd,t.VMHD),t.DINF,t.stbl(e))},t.moof=function(e,r,i){return t.box(t.types.moof,t.mfhd(e),t.traf(i,r))},t.moov=function(e){for(var r=e.length,i=[];r--;)i[r]=t.trak(e[r]);return t.box.apply(null,[t.types.moov,t.mvhd(e[0].timescale,e[0].duration)].concat(i).concat(t.mvex(e)))},t.mvex=function(e){for(var r=e.length,i=[];r--;)i[r]=t.trex(e[r]);return t.box.apply(null,[t.types.mvex].concat(i))},t.mvhd=function(e,r){r*=e;var i=Math.floor(r/(pi+1)),n=Math.floor(r%(pi+1)),a=new Uint8Array([1,0,0,0,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,3,e>>24&255,e>>16&255,e>>8&255,255&e,i>>24,i>>16&255,i>>8&255,255&i,n>>24,n>>16&255,n>>8&255,255&n,0,1,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,255,255,255,255]);return t.box(t.types.mvhd,a)},t.sdtp=function(e){var r,i,n=e.samples||[],a=new Uint8Array(4+n.length);for(r=0;r>>8&255),a.push(255&n),a=a.concat(Array.prototype.slice.call(i));for(r=0;r>>8&255),s.push(255&n),s=s.concat(Array.prototype.slice.call(i));var o=t.box(t.types.avcC,new Uint8Array([1,a[3],a[4],a[5],255,224|e.sps.length].concat(a).concat([e.pps.length]).concat(s))),l=e.width,u=e.height,h=e.pixelRatio[0],d=e.pixelRatio[1];return t.box(t.types.avc1,new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,l>>8&255,255&l,u>>8&255,255&u,0,72,0,0,0,72,0,0,0,0,0,0,0,1,18,100,97,105,108,121,109,111,116,105,111,110,47,104,108,115,46,106,115,0,0,0,0,0,0,0,0,0,0,0,0,0,0,24,17,17]),o,t.box(t.types.btrt,new Uint8Array([0,28,156,128,0,45,198,192,0,45,198,192])),t.box(t.types.pasp,new Uint8Array([h>>24,h>>16&255,h>>8&255,255&h,d>>24,d>>16&255,d>>8&255,255&d])))},t.esds=function(t){var e=t.config.length;return new Uint8Array([0,0,0,0,3,23+e,0,1,0,4,15+e,64,21,0,0,0,0,0,0,0,0,0,0,0,5].concat([e]).concat(t.config).concat([6,1,2]))},t.mp4a=function(e){var r=e.samplerate;return t.box(t.types.mp4a,new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,e.channelCount,0,16,0,0,0,0,r>>8&255,255&r,0,0]),t.box(t.types.esds,t.esds(e)))},t.mp3=function(e){var r=e.samplerate;return t.box(t.types[".mp3"],new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,e.channelCount,0,16,0,0,0,0,r>>8&255,255&r,0,0]))},t.stsd=function(e){return"audio"===e.type?"mp3"===e.segmentCodec&&"mp3"===e.codec?t.box(t.types.stsd,t.STSD,t.mp3(e)):t.box(t.types.stsd,t.STSD,t.mp4a(e)):t.box(t.types.stsd,t.STSD,t.avc1(e))},t.tkhd=function(e){var r=e.id,i=e.duration*e.timescale,n=e.width,a=e.height,s=Math.floor(i/(pi+1)),o=Math.floor(i%(pi+1));return t.box(t.types.tkhd,new Uint8Array([1,0,0,7,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,3,r>>24&255,r>>16&255,r>>8&255,255&r,0,0,0,0,s>>24,s>>16&255,s>>8&255,255&s,o>>24,o>>16&255,o>>8&255,255&o,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64,0,0,0,n>>8&255,255&n,0,0,a>>8&255,255&a,0,0]))},t.traf=function(e,r){var i=t.sdtp(e),n=e.id,a=Math.floor(r/(pi+1)),s=Math.floor(r%(pi+1));return t.box(t.types.traf,t.box(t.types.tfhd,new Uint8Array([0,0,0,0,n>>24,n>>16&255,n>>8&255,255&n])),t.box(t.types.tfdt,new Uint8Array([1,0,0,0,a>>24,a>>16&255,a>>8&255,255&a,s>>24,s>>16&255,s>>8&255,255&s])),t.trun(e,i.length+16+20+8+16+8+8),i)},t.trak=function(e){return e.duration=e.duration||4294967295,t.box(t.types.trak,t.tkhd(e),t.mdia(e))},t.trex=function(e){var r=e.id;return t.box(t.types.trex,new Uint8Array([0,0,0,0,r>>24,r>>16&255,r>>8&255,255&r,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0,1]))},t.trun=function(e,r){var i,n,a,s,o,l,u=e.samples||[],h=u.length,d=12+16*h,c=new Uint8Array(d);for(r+=8+d,c.set(["video"===e.type?1:0,0,15,1,h>>>24&255,h>>>16&255,h>>>8&255,255&h,r>>>24&255,r>>>16&255,r>>>8&255,255&r],0),i=0;i>>24&255,a>>>16&255,a>>>8&255,255&a,s>>>24&255,s>>>16&255,s>>>8&255,255&s,o.isLeading<<2|o.dependsOn,o.isDependedOn<<6|o.hasRedundancy<<4|o.paddingValue<<1|o.isNonSync,61440&o.degradPrio,15&o.degradPrio,l>>>24&255,l>>>16&255,l>>>8&255,255&l],12+16*i);return t.box(t.types.trun,c)},t.initSegment=function(e){t.types||t.init();var r=t.moov(e),i=new Uint8Array(t.FTYP.byteLength+r.byteLength);return i.set(t.FTYP),i.set(r,t.FTYP.byteLength),i},t}();function Ti(t,e,r,i){void 0===r&&(r=1),void 0===i&&(i=!1);var n=t*e*r;return i?Math.round(n):n}function Ei(t,e){return void 0===e&&(e=!1),Ti(t,1e3,1/9e4,e)}yi.types=void 0,yi.HDLR_TYPES=void 0,yi.STTS=void 0,yi.STSC=void 0,yi.STCO=void 0,yi.STSZ=void 0,yi.VMHD=void 0,yi.SMHD=void 0,yi.STSD=void 0,yi.FTYP=void 0,yi.DINF=void 0;var Si=null,Li=null,Ri=function(){function t(t,e,r,i){if(this.observer=void 0,this.config=void 0,this.typeSupported=void 0,this.ISGenerated=!1,this._initPTS=null,this._initDTS=null,this.nextAvcDts=null,this.nextAudioPts=null,this.videoSampleDuration=null,this.isAudioContiguous=!1,this.isVideoContiguous=!1,this.observer=t,this.config=e,this.typeSupported=r,this.ISGenerated=!1,null===Si){var n=(navigator.userAgent||"").match(/Chrome\/(\d+)/i);Si=n?parseInt(n[1]):0}if(null===Li){var a=navigator.userAgent.match(/Safari\/(\d+)/i);Li=a?parseInt(a[1]):0}}var e=t.prototype;return e.destroy=function(){},e.resetTimeStamp=function(t){b.log("[mp4-remuxer]: initPTS & initDTS reset"),this._initPTS=this._initDTS=t},e.resetNextTimestamp=function(){b.log("[mp4-remuxer]: reset next timestamp"),this.isVideoContiguous=!1,this.isAudioContiguous=!1},e.resetInitSegment=function(){b.log("[mp4-remuxer]: ISGenerated flag reset"),this.ISGenerated=!1},e.getVideoStartPts=function(t){var e=!1,r=t.reduce((function(t,r){var i=r.pts-t;return i<-4294967296?(e=!0,Ai(t,r.pts)):i>0?t:r.pts}),t[0].pts);return e&&b.debug("PTS rollover detected"),r},e.remux=function(t,e,r,i,n,a,s,o){var l,u,h,d,c,f,g=n,v=n,m=t.pid>-1,p=e.pid>-1,y=e.samples.length,T=t.samples.length>0,E=s&&y>0||y>1;if((!m||T)&&(!p||E)||this.ISGenerated||s){this.ISGenerated||(h=this.generateIS(t,e,n,a));var S,L=this.isVideoContiguous,R=-1;if(E&&(R=function(t){for(var e=0;e0){b.warn("[mp4-remuxer]: Dropped "+R+" out of "+y+" video samples due to a missing keyframe");var A=this.getVideoStartPts(e.samples);e.samples=e.samples.slice(R),e.dropped+=R,S=v+=(e.samples[0].pts-A)/e.inputTimeScale}else-1===R&&(b.warn("[mp4-remuxer]: No keyframe found out of "+y+" video samples"),f=!1);if(this.ISGenerated){if(T&&E){var k=this.getVideoStartPts(e.samples),D=(Ai(t.samples[0].pts,k)-k)/e.inputTimeScale;g+=Math.max(0,D),v+=Math.max(0,-D)}if(T){if(t.samplerate||(b.warn("[mp4-remuxer]: regenerate InitSegment as audio detected"),h=this.generateIS(t,e,n,a)),u=this.remuxAudio(t,g,this.isAudioContiguous,a,p||E||o===ue?v:void 0),E){var I=u?u.endPTS-u.startPTS:0;e.inputTimeScale||(b.warn("[mp4-remuxer]: regenerate InitSegment as video detected"),h=this.generateIS(t,e,n,a)),l=this.remuxVideo(e,v,L,I)}}else E&&(l=this.remuxVideo(e,v,L,0));l&&(l.firstKeyFrame=R,l.independent=-1!==R,l.firstKeyFramePTS=S)}}return this.ISGenerated&&this._initPTS&&this._initDTS&&(r.samples.length&&(c=ki(r,n,this._initPTS,this._initDTS)),i.samples.length&&(d=bi(i,n,this._initPTS))),{audio:u,video:l,initSegment:h,independent:f,text:d,id3:c}},e.generateIS=function(t,e,r,i){var n,a,s,o=t.samples,l=e.samples,u=this.typeSupported,h={},d=this._initPTS,c=!d||i,f="audio/mp4";if(c&&(n=a=1/0),t.config&&o.length&&(t.timescale=t.samplerate,"mp3"===t.segmentCodec&&(u.mpeg?(f="audio/mpeg",t.codec=""):u.mp3&&(t.codec="mp3")),h.audio={id:"audio",container:f,codec:t.codec,initSegment:"mp3"===t.segmentCodec&&u.mpeg?new Uint8Array(0):yi.initSegment([t]),metadata:{channelCount:t.channelCount}},c&&(s=t.inputTimeScale,d&&s===d.timescale?c=!1:n=a=o[0].pts-Math.round(s*r))),e.sps&&e.pps&&l.length&&(e.timescale=e.inputTimeScale,h.video={id:"main",container:"video/mp4",codec:e.codec,initSegment:yi.initSegment([e]),metadata:{width:e.width,height:e.height}},c))if(s=e.inputTimeScale,d&&s===d.timescale)c=!1;else{var g=this.getVideoStartPts(l),v=Math.round(s*r);a=Math.min(a,Ai(l[0].dts,g)-v),n=Math.min(n,g-v)}if(Object.keys(h).length)return this.ISGenerated=!0,c?(this._initPTS={baseTime:n,timescale:s},this._initDTS={baseTime:a,timescale:s}):n=s=void 0,{tracks:h,initPTS:n,timescale:s}},e.remuxVideo=function(t,e,r,i){var n,a,s=t.inputTimeScale,l=t.samples,u=[],h=l.length,d=this._initPTS,c=this.nextAvcDts,f=8,g=this.videoSampleDuration,v=Number.POSITIVE_INFINITY,m=Number.NEGATIVE_INFINITY,p=!1;r&&null!==c||(c=e*s-(l[0].pts-Ai(l[0].dts,l[0].pts)));for(var y=d.baseTime*s/d.timescale,L=0;L0?L-1:L].dts&&(p=!0)}p&&l.sort((function(t,e){var r=t.dts-e.dts,i=t.pts-e.pts;return r||i})),n=l[0].dts;var A=l[l.length-1].dts-n,k=A?Math.round(A/(h-1)):g||t.inputTimeScale/30;if(r){var D=n-c,I=D>k,w=D<-1;if((I||w)&&(I?b.warn("AVC: "+Ei(D,!0)+" ms ("+D+"dts) hole between fragments detected, filling it"):b.warn("AVC: "+Ei(-D,!0)+" ms ("+D+"dts) overlapping between fragments detected"),!w||c>=l[0].pts)){n=c;var C=l[0].pts-D;l[0].dts=n,l[0].pts=C,b.log("Video: First PTS/DTS adjusted: "+Ei(C,!0)+"/"+Ei(n,!0)+", delta: "+Ei(D,!0)+" ms")}}n=Math.max(0,n);for(var _=0,P=0,x=0;x0?X.dts-l[q-1].dts:k;if(rt=q>0?X.pts-l[q-1].pts:k,it.stretchShortVideoTrack&&null!==this.nextAudioPts){var at=Math.floor(it.maxBufferHole*s),st=(i?v+i*s:this.nextAudioPts)-X.pts;st>at?((g=st-nt)<0?g=nt:H=!0,b.log("[mp4-remuxer]: It is approximately "+st/90+" ms to the next segment; using duration "+g/90+" ms for the last video frame.")):g=nt}else g=nt}var ot=Math.round(X.pts-X.dts);V=Math.min(V,g),W=Math.max(W,g),Y=Math.min(Y,rt),j=Math.max(j,rt),u.push(new Ii(X.key,g,Q,ot))}if(u.length)if(Si){if(Si<70){var lt=u[0].flags;lt.dependsOn=2,lt.isNonSync=0}}else if(Li&&j-Y0&&(i&&Math.abs(p-m)<9e3||Math.abs(Ai(g[0].pts-y,p)-m)<20*u),g.forEach((function(t){t.pts=Ai(t.pts-y,p)})),!r||m<0){if(g=g.filter((function(t){return t.pts>=0})),!g.length)return;m=0===n?0:i&&!f?Math.max(0,p):g[0].pts}if("aac"===t.segmentCodec)for(var L=this.config.maxAudioFramesDrift,R=0,A=m;R=L*u&&w<1e4&&f){var C=Math.round(I/u);(A=D-C*u)<0&&(C--,A+=u),0===R&&(this.nextAudioPts=m=A),b.warn("[mp4-remuxer]: Injecting "+C+" audio frame @ "+(A/a).toFixed(3)+"s due to "+Math.round(1e3*I/a)+" ms gap.");for(var _=0;_0))return;N+=v;try{F=new Uint8Array(N)}catch(t){return void this.observer.emit(T.ERROR,T.ERROR,{type:E.MUX_ERROR,details:S.REMUX_ALLOC_ERROR,fatal:!1,error:t,bytes:N,reason:"fail allocating audio mdat "+N})}d||(new DataView(F.buffer).setUint32(0,N),F.set(yi.types.mdat,4))}F.set(H,v);var Y=H.byteLength;v+=Y,c.push(new Ii(!0,l,Y,0)),O=V}var W=c.length;if(W){var j=c[c.length-1];this.nextAudioPts=m=O+s*j.duration;var q=d?new Uint8Array(0):yi.moof(t.sequenceNumber++,M/s,o({},t,{samples:c}));t.samples=[];var X=M/a,z=m/a,Q={data1:q,data2:F,startPTS:X,endPTS:z,startDTS:X,endDTS:z,type:"audio",hasAudio:!0,hasVideo:!1,nb:W};return this.isAudioContiguous=!0,Q}},e.remuxEmptyAudio=function(t,e,r,i){var n=t.inputTimeScale,a=n/(t.samplerate?t.samplerate:n),s=this.nextAudioPts,o=this._initDTS,l=9e4*o.baseTime/o.timescale,u=(null!==s?s:i.startDTS*n)+l,h=i.endDTS*n+l,d=1024*a,c=Math.ceil((h-u)/d),f=mi.getSilentFrame(t.manifestCodec||t.codec,t.channelCount);if(b.warn("[mp4-remuxer]: remux empty Audio"),f){for(var g=[],v=0;v4294967296;)t+=r;return t}function ki(t,e,r,i){var n=t.samples.length;if(n){for(var a=t.inputTimeScale,s=0;s0;n||(i=Rt(e,["encv"])),i.forEach((function(t){Rt(n?t.subarray(28):t.subarray(78),["sinf"]).forEach((function(t){var e=bt(t);if(e){var i=e.subarray(8,24);i.some((function(t){return 0!==t}))||(b.log("[eme] Patching keyId in 'enc"+(n?"a":"v")+">sinf>>tenc' box: "+gt(i)+" -> "+gt(r)),e.set(r,8))}}))}))})),t}(t,i)),this.emitInitSegment=!0},e.generateInitSegment=function(t){var e=this.audioCodec,r=this.videoCodec;if(null==t||!t.byteLength)return this.initTracks=void 0,void(this.initData=void 0);var i=this.initData=kt(t);e||(e=_i(i.audio,x)),r||(r=_i(i.video,F));var n={};i.audio&&i.video?n.audiovideo={container:"video/mp4",codec:e+","+r,initSegment:t,id:"main"}:i.audio?n.audio={container:"audio/mp4",codec:e,initSegment:t,id:"audio"}:i.video?n.video={container:"video/mp4",codec:r,initSegment:t,id:"main"}:b.warn("[passthrough-remuxer.ts]: initSegment does not contain moov or trak boxes."),this.initTracks=n},e.remux=function(t,e,r,i,n,a){var s,o,l=this.initPTS,u=this.lastEndTime,h={audio:void 0,video:void 0,text:i,id3:r,initSegment:void 0};y(u)||(u=this.lastEndTime=n||0);var d=e.samples;if(null==d||!d.length)return h;var c={initPTS:void 0,timescale:1},f=this.initData;if(null!=(s=f)&&s.length||(this.generateInitSegment(d),f=this.initData),null==(o=f)||!o.length)return b.warn("[passthrough-remuxer.ts]: Failed to generate initSegment."),h;this.emitInitSegment&&(c.tracks=this.initTracks,this.emitInitSegment=!1);var g=function(t,e){for(var r=0,i=0,n=0,a=Rt(t,["moof","traf"]),s=0;sn}(l,m,n,g)||c.timescale!==l.timescale&&a)&&(c.initPTS=m-n,l&&1===l.timescale&&b.warn("Adjusting initPTS by "+(c.initPTS-l.baseTime)),this.initPTS=l={baseTime:c.initPTS,timescale:1});var p=t?m-l.baseTime/l.timescale:u,T=p+g;!function(t,e,r){Rt(e,["moof","traf"]).forEach((function(e){Rt(e,["tfhd"]).forEach((function(i){var n=Et(i,4),a=t[n];if(a){var s=a.timescale||9e4;Rt(e,["tfdt"]).forEach((function(t){var e=t[0],i=Et(t,4);if(0===e)i-=r*s,Lt(t,4,i=Math.max(i,0));else{i*=Math.pow(2,32),i+=Et(t,8),i-=r*s,i=Math.max(i,0);var n=Math.floor(i/(vt+1)),a=Math.floor(i%(vt+1));Lt(t,4,n),Lt(t,8,a)}}))}}))}))}(f,d,l.baseTime/l.timescale),g>0?this.lastEndTime=T:(b.warn("Duration parsed from mp4 should be greater than zero"),this.resetNextTimestamp());var E=!!f.audio,S=!!f.video,L="";E&&(L+="audio"),S&&(L+="video");var R={data1:d,startPTS:p,startDTS:p,endPTS:T,endDTS:T,type:L,hasAudio:E,hasVideo:S,nb:1,dropped:0};return h.audio="audio"===R.type?R:void 0,h.video="audio"!==R.type?R:void 0,h.initSegment=c,h.id3=ki(r,n,l,l),i.samples.length&&(h.text=bi(i,n,l)),h},t}();function _i(t,e){var r=null==t?void 0:t.codec;return r&&r.length>4?r:"hvc1"===r||"hev1"===r?"hvc1.1.6.L120.90":"av01"===r?"av01.0.04M.08":"avc1"===r||e===F?"avc1.42e01e":"mp4a.40.5"}try{Di=self.performance.now.bind(self.performance)}catch(t){b.debug("Unable to use Performance API on this environment"),Di="undefined"!=typeof self&&self.Date.now}var Pi=[{demux:Xr,remux:Ci},{demux:li,remux:Ri},{demux:jr,remux:Ri},{demux:vi,remux:Ri}],xi=function(){function t(t,e,r,i,n){this.async=!1,this.observer=void 0,this.typeSupported=void 0,this.config=void 0,this.vendor=void 0,this.id=void 0,this.demuxer=void 0,this.remuxer=void 0,this.decrypter=void 0,this.probe=void 0,this.decryptionPromise=null,this.transmuxConfig=void 0,this.currentTransmuxState=void 0,this.observer=t,this.typeSupported=e,this.config=r,this.vendor=i,this.id=n}var e=t.prototype;return e.configure=function(t){this.transmuxConfig=t,this.decrypter&&this.decrypter.reset()},e.push=function(t,e,r,i){var n=this,a=r.transmuxing;a.executeStart=Di();var s=new Uint8Array(t),o=this.currentTransmuxState,l=this.transmuxConfig;i&&(this.currentTransmuxState=i);var u=i||o,h=u.contiguous,d=u.discontinuity,c=u.trackSwitch,f=u.accurateTimeOffset,g=u.timeOffset,v=u.initSegmentChange,m=l.audioCodec,p=l.videoCodec,y=l.defaultInitPts,L=l.duration,R=l.initSegmentData,A=function(t,e){var r=null;return t.byteLength>0&&null!=e&&null!=e.key&&null!==e.iv&&null!=e.method&&(r=e),r}(s,e);if(A&&"AES-128"===A.method){var k=this.getDecrypter();if(!k.isSync())return this.decryptionPromise=k.webCryptoDecrypt(s,A.key.buffer,A.iv.buffer).then((function(t){var e=n.push(t,null,r);return n.decryptionPromise=null,e})),this.decryptionPromise;var D=k.softwareDecrypt(s,A.key.buffer,A.iv.buffer);if(r.part>-1&&(D=k.flush()),!D)return a.executeEnd=Di(),Fi(r);s=new Uint8Array(D)}var I=this.needsProbing(d,c);if(I){var w=this.configureTransmuxer(s);if(w)return b.warn("[transmuxer] "+w.message),this.observer.emit(T.ERROR,T.ERROR,{type:E.MEDIA_ERROR,details:S.FRAG_PARSING_ERROR,fatal:!1,error:w,reason:w.message}),a.executeEnd=Di(),Fi(r)}(d||c||v||I)&&this.resetInitSegment(R,m,p,L,e),(d||v||I)&&this.resetInitialTimestamp(y),h||this.resetContiguity();var C=this.transmux(s,A,g,f,r),_=this.currentTransmuxState;return _.contiguous=!0,_.discontinuity=!1,_.trackSwitch=!1,a.executeEnd=Di(),C},e.flush=function(t){var e=this,r=t.transmuxing;r.executeStart=Di();var i=this.decrypter,n=this.currentTransmuxState,a=this.decryptionPromise;if(a)return a.then((function(){return e.flush(t)}));var s=[],o=n.timeOffset;if(i){var l=i.flush();l&&s.push(this.push(l,null,t))}var u=this.demuxer,h=this.remuxer;if(!u||!h)return r.executeEnd=Di(),[Fi(t)];var d=u.flush(o);return Mi(d)?d.then((function(r){return e.flushRemux(s,r,t),s})):(this.flushRemux(s,d,t),s)},e.flushRemux=function(t,e,r){var i=e.audioTrack,n=e.videoTrack,a=e.id3Track,s=e.textTrack,o=this.currentTransmuxState,l=o.accurateTimeOffset,u=o.timeOffset;b.log("[transmuxer.ts]: Flushed fragment "+r.sn+(r.part>-1?" p: "+r.part:"")+" of level "+r.level);var h=this.remuxer.remux(i,n,a,s,u,l,!0,this.id);t.push({remuxResult:h,chunkMeta:r}),r.transmuxing.executeEnd=Di()},e.resetInitialTimestamp=function(t){var e=this.demuxer,r=this.remuxer;e&&r&&(e.resetTimeStamp(t),r.resetTimeStamp(t))},e.resetContiguity=function(){var t=this.demuxer,e=this.remuxer;t&&e&&(t.resetContiguity(),e.resetNextTimestamp())},e.resetInitSegment=function(t,e,r,i,n){var a=this.demuxer,s=this.remuxer;a&&s&&(a.resetInitSegment(t,e,r,i),s.resetInitSegment(t,e,r,n))},e.destroy=function(){this.demuxer&&(this.demuxer.destroy(),this.demuxer=void 0),this.remuxer&&(this.remuxer.destroy(),this.remuxer=void 0)},e.transmux=function(t,e,r,i,n){return e&&"SAMPLE-AES"===e.method?this.transmuxSampleAes(t,e,r,i,n):this.transmuxUnencrypted(t,r,i,n)},e.transmuxUnencrypted=function(t,e,r,i){var n=this.demuxer.demux(t,e,!1,!this.config.progressive),a=n.audioTrack,s=n.videoTrack,o=n.id3Track,l=n.textTrack;return{remuxResult:this.remuxer.remux(a,s,o,l,e,r,!1,this.id),chunkMeta:i}},e.transmuxSampleAes=function(t,e,r,i,n){var a=this;return this.demuxer.demuxSampleAes(t,e,r).then((function(t){return{remuxResult:a.remuxer.remux(t.audioTrack,t.videoTrack,t.id3Track,t.textTrack,r,i,!1,a.id),chunkMeta:n}}))},e.configureTransmuxer=function(t){for(var e,r=this.config,i=this.observer,n=this.typeSupported,a=this.vendor,s=0,o=Pi.length;s1&&l.id===(null==m?void 0:m.stats.chunkCount),L=!y&&(1===T||0===T&&(1===E||S&&E<=0)),R=self.performance.now();(y||T||0===n.stats.parsing.start)&&(n.stats.parsing.start=R),!a||!E&&L||(a.stats.parsing.start=R);var A=!(m&&(null==(h=n.initSegment)?void 0:h.url)===(null==(d=m.initSegment)?void 0:d.url)),k=new Ni(p,L,o,y,g,A);if(!L||p||A){b.log("[transmuxer-interface, "+n.type+"]: Starting new transmux session for sn: "+l.sn+" p: "+l.part+" level: "+l.level+" id: "+l.id+"\n discontinuity: "+p+"\n trackSwitch: "+y+"\n contiguous: "+L+"\n accurateTimeOffset: "+o+"\n timeOffset: "+g+"\n initSegmentChange: "+A);var D=new Oi(r,i,e,s,u);this.configureTransmuxer(D)}if(this.frag=n,this.part=a,this.workerContext)this.workerContext.worker.postMessage({cmd:"demux",data:t,decryptdata:v,chunkMeta:l,state:k},t instanceof ArrayBuffer?[t]:[]);else if(f){var I=f.push(t,v,l,k);Mi(I)?(f.async=!0,I.then((function(t){c.handleTransmuxComplete(t)})).catch((function(t){c.transmuxerError(t,l,"transmuxer-interface push error")}))):(f.async=!1,this.handleTransmuxComplete(I))}},r.flush=function(t){var e=this;t.transmuxing.start=self.performance.now();var r=this.transmuxer;if(this.workerContext)this.workerContext.worker.postMessage({cmd:"flush",chunkMeta:t});else if(r){var i=r.flush(t);Mi(i)||r.async?(Mi(i)||(i=Promise.resolve(i)),i.then((function(r){e.handleFlushResult(r,t)})).catch((function(r){e.transmuxerError(r,t,"transmuxer-interface flush error")}))):this.handleFlushResult(i,t)}},r.transmuxerError=function(t,e,r){this.hls&&(this.error=t,this.hls.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.FRAG_PARSING_ERROR,chunkMeta:e,fatal:!1,error:t,err:t,reason:r}))},r.handleFlushResult=function(t,e){var r=this;t.forEach((function(t){r.handleTransmuxComplete(t)})),this.onFlush(e)},r.onWorkerMessage=function(t){var e=t.data,r=this.hls;switch(e.event){case"init":var i,n=null==(i=this.workerContext)?void 0:i.objectURL;n&&self.URL.revokeObjectURL(n);break;case"transmuxComplete":this.handleTransmuxComplete(e.data);break;case"flush":this.onFlush(e.data);break;case"workerLog":b[e.data.logType]&&b[e.data.logType](e.data.message);break;default:e.data=e.data||{},e.data.frag=this.frag,e.data.id=this.id,r.trigger(e.event,e.data)}},r.configureTransmuxer=function(t){var e=this.transmuxer;this.workerContext?this.workerContext.worker.postMessage({cmd:"configure",config:t}):e&&e.configure(t)},r.handleTransmuxComplete=function(t){t.chunkMeta.transmuxing.end=self.performance.now(),this.onTransmuxComplete(t)},e}(),Wi=function(){function t(t,e,r,i){this.config=void 0,this.media=null,this.fragmentTracker=void 0,this.hls=void 0,this.nudgeRetry=0,this.stallReported=!1,this.stalled=null,this.moved=!1,this.seeking=!1,this.config=t,this.media=e,this.fragmentTracker=r,this.hls=i}var e=t.prototype;return e.destroy=function(){this.media=null,this.hls=this.fragmentTracker=null},e.poll=function(t,e){var r=this.config,i=this.media,n=this.stalled;if(null!==i){var a=i.currentTime,s=i.seeking,o=this.seeking&&!s,l=!this.seeking&&s;if(this.seeking=s,a===t){if(l||o)this.stalled=null;else if(!(i.paused&&!s||i.ended||0===i.playbackRate)&&dr.getBuffered(i).length){var u=dr.bufferInfo(i,a,0),h=u.len>0,d=u.nextStart||0;if(h||d){if(s){var c=u.len>2,f=!d||e&&e.start<=a||d-a>2&&!this.fragmentTracker.getPartialFragment(a);if(c||f)return;this.moved=!1}if(!this.moved&&null!==this.stalled){var g,v=Math.max(d,u.start||0)-a,m=this.hls.levels?this.hls.levels[this.hls.currentLevel]:null,p=(null==m||null==(g=m.details)?void 0:g.live)?2*m.details.targetduration:2,y=this.fragmentTracker.getPartialFragment(a);if(v>0&&(v<=p||y))return void this._trySkipBufferHole(y)}var T=self.performance.now();if(null!==n){var E=T-n;if(s||!(E>=250)||(this._reportStall(u),this.media)){var S=dr.bufferInfo(i,a,r.maxBufferHole);this._tryFixBufferStall(S,E)}}else this.stalled=T}}}else if(this.moved=!0,null!==n){if(this.stallReported){var L=self.performance.now()-n;b.warn("playback not stuck anymore @"+a+", after "+Math.round(L)+"ms"),this.stallReported=!1}this.stalled=null,this.nudgeRetry=0}}},e._tryFixBufferStall=function(t,e){var r=this.config,i=this.fragmentTracker,n=this.media;if(null!==n){var a=n.currentTime,s=i.getPartialFragment(a);if(s&&(this._trySkipBufferHole(s)||!this.media))return;(t.len>r.maxBufferHole||t.nextStart&&t.nextStart-a1e3*r.highBufferWatchdogPeriod&&(b.warn("Trying to nudge playhead over buffer-hole"),this.stalled=null,this._tryNudgeBuffer())}},e._reportStall=function(t){var e=this.hls,r=this.media;if(!this.stallReported&&r){this.stallReported=!0;var i=new Error("Playback stalling at @"+r.currentTime+" due to low buffer ("+JSON.stringify(t)+")");b.warn(i.message),e.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.BUFFER_STALLED_ERROR,fatal:!1,error:i,buffer:t.len})}},e._trySkipBufferHole=function(t){var e=this.config,r=this.hls,i=this.media;if(null===i)return 0;var n=i.currentTime,a=dr.bufferInfo(i,n,0),s=n0&&a.len<1&&i.readyState<3,u=s-n;if(u>0&&(o||l)){if(u>e.maxBufferHole){var h=this.fragmentTracker,d=!1;if(0===n){var c=h.getAppendedFrag(0,le);c&&s1?(i=0,this.bitrateTest=!0):i=r.nextAutoLevel),this.level=r.nextLoadLevel=i,this.loadedmetadata=!1}e>0&&-1===t&&(this.log("Override startPosition with lastCurrentTime @"+e.toFixed(3)),t=e),this.state=Lr,this.nextLoadPosition=this.startPosition=this.lastCurrentTime=t,this.tick()}else this._forceStartLoad=!0,this.state=Sr},r.stopLoad=function(){this._forceStartLoad=!1,t.prototype.stopLoad.call(this)},r.doTick=function(){switch(this.state){case Pr:var t,e=this.levels,r=this.level,i=null==e||null==(t=e[r])?void 0:t.details;if(i&&(!i.live||this.levelLastLoaded===this.level)){if(this.waitForCdnTuneIn(i))break;this.state=Lr;break}if(this.hls.nextLoadLevel!==this.level){this.state=Lr;break}break;case kr:var n,a=self.performance.now(),s=this.retryDate;(!s||a>=s||null!=(n=this.media)&&n.seeking)&&(this.resetStartWhenNotLoaded(this.level),this.state=Lr)}this.state===Lr&&this.doTickIdle(),this.onTickEnd()},r.onTickEnd=function(){t.prototype.onTickEnd.call(this),this.checkBuffer(),this.checkFragmentChanged()},r.doTickIdle=function(){var t=this.hls,e=this.levelLastLoaded,r=this.levels,i=this.media,n=t.config,a=t.nextLoadLevel;if(null!==e&&(i||!this.startFragRequested&&n.startFragPrefetch)&&(!this.altAudio||!this.audioOnly)&&null!=r&&r[a]){var s=r[a],o=this.getMainFwdBufferInfo();if(null!==o){var l=this.getLevelDetails();if(l&&this._streamEnded(o,l)){var u={};return this.altAudio&&(u.type="video"),this.hls.trigger(T.BUFFER_EOS,u),void(this.state=wr)}t.loadLevel!==a&&-1===t.manualLevel&&this.log("Adapting to level "+a+" from level "+this.level),this.level=t.nextLoadLevel=a;var h=s.details;if(!h||this.state===Pr||h.live&&this.levelLastLoaded!==a)return this.level=a,void(this.state=Pr);var d=o.len,c=this.getMaxBufferLength(s.maxBitrate);if(!(d>=c)){this.backtrackFragment&&this.backtrackFragment.start>o.end&&(this.backtrackFragment=null);var f=this.backtrackFragment?this.backtrackFragment.start:o.end,g=this.getNextFragment(f,h);if(this.couldBacktrack&&!this.fragPrevious&&g&&"initSegment"!==g.sn&&this.fragmentTracker.getState(g)!==Ze){var v,m=(null!=(v=this.backtrackFragment)?v:g).sn-h.startSN,p=h.fragments[m-1];p&&g.cc===p.cc&&(g=p,this.fragmentTracker.removeFragment(p))}else this.backtrackFragment&&o.len&&(this.backtrackFragment=null);if(g&&this.isLoopLoading(g,f)){if(!g.gap){var y=this.audioOnly&&!this.altAudio?x:F,E=(y===F?this.videoBuffer:this.mediaBuffer)||this.media;E&&this.afterBufferFlushed(E,y,le)}g=this.getNextFragmentLoopLoading(g,h,o,le,c)}g&&(!g.initSegment||g.initSegment.data||this.bitrateTest||(g=g.initSegment),this.loadFragment(g,s,f))}}}},r.loadFragment=function(e,r,i){var n=this.fragmentTracker.getState(e);this.fragCurrent=e,n===Qe||n===Je?"initSegment"===e.sn?this._loadInitSegment(e,r):this.bitrateTest?(this.log("Fragment "+e.sn+" of level "+e.level+" is being downloaded to test bitrate and will not be buffered"),this._loadBitrateTestFrag(e,r)):(this.startFragRequested=!0,t.prototype.loadFragment.call(this,e,r,i)):this.clearTrackerIfNeeded(e)},r.getBufferedFrag=function(t){return this.fragmentTracker.getBufferedFrag(t,le)},r.followingBufferedFrag=function(t){return t?this.getBufferedFrag(t.end+.5):null},r.immediateLevelSwitch=function(){this.abortCurrentFrag(),this.flushMainBuffer(0,Number.POSITIVE_INFINITY)},r.nextLevelSwitch=function(){var t=this.levels,e=this.media;if(null!=e&&e.readyState){var r,i=this.getAppendedFrag(e.currentTime);i&&i.start>1&&this.flushMainBuffer(0,i.start-1);var n=this.getLevelDetails();if(null!=n&&n.live){var a=this.getMainFwdBufferInfo();if(!a||a.len<2*n.targetduration)return}if(!e.paused&&t){var s=t[this.hls.nextLoadLevel],o=this.fragLastKbps;r=o&&this.fragCurrent?this.fragCurrent.duration*s.maxBitrate/(1e3*o)+1:0}else r=0;var l=this.getBufferedFrag(e.currentTime+r);if(l){var u=this.followingBufferedFrag(l);if(u){this.abortCurrentFrag();var h=u.maxStartPTS?u.maxStartPTS:u.start,d=u.duration,c=Math.max(l.end,h+Math.min(Math.max(d-this.config.maxFragLookUpTolerance,.5*d),.75*d));this.flushMainBuffer(c,Number.POSITIVE_INFINITY)}}}},r.abortCurrentFrag=function(){var t=this.fragCurrent;switch(this.fragCurrent=null,this.backtrackFragment=null,t&&(t.abortRequests(),this.fragmentTracker.removeFragment(t)),this.state){case Rr:case Ar:case kr:case Dr:case Ir:this.state=Lr}this.nextLoadPosition=this.getLoadPosition()},r.flushMainBuffer=function(e,r){t.prototype.flushMainBuffer.call(this,e,r,this.altAudio?"video":null)},r.onMediaAttached=function(e,r){t.prototype.onMediaAttached.call(this,e,r);var i=r.media;this.onvplaying=this.onMediaPlaying.bind(this),this.onvseeked=this.onMediaSeeked.bind(this),i.addEventListener("playing",this.onvplaying),i.addEventListener("seeked",this.onvseeked),this.gapController=new Wi(this.config,i,this.fragmentTracker,this.hls)},r.onMediaDetaching=function(){var e=this.media;e&&this.onvplaying&&this.onvseeked&&(e.removeEventListener("playing",this.onvplaying),e.removeEventListener("seeked",this.onvseeked),this.onvplaying=this.onvseeked=null,this.videoBuffer=null),this.fragPlaying=null,this.gapController&&(this.gapController.destroy(),this.gapController=null),t.prototype.onMediaDetaching.call(this)},r.onMediaPlaying=function(){this.tick()},r.onMediaSeeked=function(){var t=this.media,e=t?t.currentTime:null;y(e)&&this.log("Media seeked to "+e.toFixed(3));var r=this.getMainFwdBufferInfo();null!==r&&0!==r.len?this.tick():this.warn('Main forward buffer length on "seeked" event '+(r?r.len:"empty")+")")},r.onManifestLoading=function(){this.log("Trigger BUFFER_RESET"),this.hls.trigger(T.BUFFER_RESET,void 0),this.fragmentTracker.removeAllFragments(),this.couldBacktrack=!1,this.startPosition=this.lastCurrentTime=0,this.levels=this.fragPlaying=this.backtrackFragment=null,this.altAudio=this.audioOnly=!1},r.onManifestParsed=function(t,e){var r,i,n,a=!1,s=!1;e.levels.forEach((function(t){(r=t.audioCodec)&&(-1!==r.indexOf("mp4a.40.2")&&(a=!0),-1!==r.indexOf("mp4a.40.5")&&(s=!0))})),this.audioCodecSwitch=a&&s&&!("function"==typeof(null==(n=Fr())||null==(i=n.prototype)?void 0:i.changeType)),this.audioCodecSwitch&&this.log("Both AAC/HE-AAC audio found in levels; declaring level codec as HE-AAC"),this.levels=e.levels,this.startFragRequested=!1},r.onLevelLoading=function(t,e){var r=this.levels;if(r&&this.state===Lr){var i=r[e.level];(!i.details||i.details.live&&this.levelLastLoaded!==e.level||this.waitForCdnTuneIn(i.details))&&(this.state=Pr)}},r.onLevelLoaded=function(t,e){var r,i=this.levels,n=e.level,a=e.details,s=a.totalduration;if(i){this.log("Level "+n+" loaded ["+a.startSN+","+a.endSN+"]"+(a.lastPartSn?"[part-"+a.lastPartSn+"-"+a.lastPartIndex+"]":"")+", cc ["+a.startCC+", "+a.endCC+"] duration:"+s);var o=i[n],l=this.fragCurrent;!l||this.state!==Ar&&this.state!==kr||l.level===e.level&&l.urlId===o.urlId||!l.loader||this.abortCurrentFrag();var u=0;if(a.live||null!=(r=o.details)&&r.live){if(this.checkLiveUpdate(a),a.deltaUpdateFailed)return;u=this.alignPlaylists(a,o.details)}if(o.details=a,this.levelLastLoaded=n,this.hls.trigger(T.LEVEL_UPDATED,{details:a,level:n}),this.state===Pr){if(this.waitForCdnTuneIn(a))return;this.state=Lr}this.startFragRequested?a.live&&this.synchronizeToLiveEdge(a):this.setStartPosition(a,u),this.tick()}else this.warn("Levels were reset while loading level "+n)},r._handleFragmentLoadProgress=function(t){var e,r=t.frag,i=t.part,n=t.payload,a=this.levels;if(a){var s=a[r.level],o=s.details;if(!o)return this.warn("Dropping fragment "+r.sn+" of level "+r.level+" after level details were reset"),void this.fragmentTracker.removeFragment(r);var l=s.videoCodec,u=o.PTSKnown||!o.live,h=null==(e=r.initSegment)?void 0:e.data,d=this._getAudioCodec(s),c=this.transmuxer=this.transmuxer||new Yi(this.hls,le,this._handleTransmuxComplete.bind(this),this._handleTransmuxerFlush.bind(this)),f=i?i.index:-1,g=-1!==f,v=new cr(r.level,r.sn,r.stats.chunkCount,n.byteLength,f,g),m=this.initPTS[r.cc];c.push(n,h,d,l,r,i,o.totalduration,u,v,m)}else this.warn("Levels were reset while fragment load was in progress. Fragment "+r.sn+" of level "+r.level+" will not be buffered")},r.onAudioTrackSwitching=function(t,e){var r=this.altAudio;if(!e.url){if(this.mediaBuffer!==this.media){this.log("Switching on main audio, use media.buffered to schedule main fragment loading"),this.mediaBuffer=this.media;var i=this.fragCurrent;i&&(this.log("Switching to main audio track, cancel main fragment load"),i.abortRequests(),this.fragmentTracker.removeFragment(i)),this.resetTransmuxer(),this.resetLoadingState()}else this.audioOnly&&this.resetTransmuxer();var n=this.hls;r&&(n.trigger(T.BUFFER_FLUSHING,{startOffset:0,endOffset:Number.POSITIVE_INFINITY,type:null}),this.fragmentTracker.removeAllFragments()),n.trigger(T.AUDIO_TRACK_SWITCHED,e)}},r.onAudioTrackSwitched=function(t,e){var r=e.id,i=!!this.hls.audioTracks[r].url;if(i){var n=this.videoBuffer;n&&this.mediaBuffer!==n&&(this.log("Switching on alternate audio, use video.buffered to schedule main fragment loading"),this.mediaBuffer=n)}this.altAudio=i,this.tick()},r.onBufferCreated=function(t,e){var r,i,n=e.tracks,a=!1;for(var s in n){var o=n[s];if("main"===o.id){if(i=s,r=o,"video"===s){var l=n[s];l&&(this.videoBuffer=l.buffer)}}else a=!0}a&&r?(this.log("Alternate track found, use "+i+".buffered to schedule main fragment loading"),this.mediaBuffer=r.buffer):this.mediaBuffer=this.media},r.onFragBuffered=function(t,e){var r=e.frag,i=e.part;if(!r||r.type===le){if(this.fragContextChanged(r))return this.warn("Fragment "+r.sn+(i?" p: "+i.index:"")+" of level "+r.level+" finished buffering, but was aborted. state: "+this.state),void(this.state===Ir&&(this.state=Lr));var n=i?i.stats:r.stats;this.fragLastKbps=Math.round(8*n.total/(n.buffering.end-n.loading.first)),"initSegment"!==r.sn&&(this.fragPrevious=r),this.fragBufferedComplete(r,i)}},r.onError=function(t,e){var r;if(e.fatal)this.state=Cr;else switch(e.details){case S.FRAG_GAP:case S.FRAG_PARSING_ERROR:case S.FRAG_DECRYPT_ERROR:case S.FRAG_LOAD_ERROR:case S.FRAG_LOAD_TIMEOUT:case S.KEY_LOAD_ERROR:case S.KEY_LOAD_TIMEOUT:this.onFragmentOrKeyLoadError(le,e);break;case S.LEVEL_LOAD_ERROR:case S.LEVEL_LOAD_TIMEOUT:case S.LEVEL_PARSING_ERROR:e.levelRetry||this.state!==Pr||(null==(r=e.context)?void 0:r.type)!==ae||(this.state=Lr);break;case S.BUFFER_FULL_ERROR:if(!e.parent||"main"!==e.parent)return;this.reduceLengthAndFlushBuffer(e)&&this.flushMainBuffer(0,Number.POSITIVE_INFINITY);break;case S.INTERNAL_EXCEPTION:this.recoverWorkerError(e)}},r.checkBuffer=function(){var t=this.media,e=this.gapController;if(t&&e&&t.readyState){if(this.loadedmetadata||!dr.getBuffered(t).length){var r=this.state!==Lr?this.fragCurrent:null;e.poll(this.lastCurrentTime,r)}this.lastCurrentTime=t.currentTime}},r.onFragLoadEmergencyAborted=function(){this.state=Lr,this.loadedmetadata||(this.startFragRequested=!1,this.nextLoadPosition=this.startPosition),this.tickImmediate()},r.onBufferFlushed=function(t,e){var r=e.type;if(r!==x||this.audioOnly&&!this.altAudio){var i=(r===F?this.videoBuffer:this.mediaBuffer)||this.media;this.afterBufferFlushed(i,r,le)}},r.onLevelsUpdated=function(t,e){this.levels=e.levels},r.swapAudioCodec=function(){this.audioCodecSwap=!this.audioCodecSwap},r.seekToStartPos=function(){var t=this.media;if(t){var e=t.currentTime,r=this.startPosition;if(r>=0&&e0&&(nS.cc;if(!1!==n.independent){var A=h.startPTS,k=h.endPTS,b=h.startDTS,D=h.endDTS;if(l)l.elementaryStreams[h.type]={startPTS:A,endPTS:k,startDTS:b,endDTS:D};else if(h.firstKeyFrame&&h.independent&&1===a.id&&!R&&(this.couldBacktrack=!0),h.dropped&&h.independent){var I=this.getMainFwdBufferInfo(),w=(I?I.end:this.getLoadPosition())+this.config.maxBufferHole,C=h.firstKeyFramePTS?h.firstKeyFramePTS:A;if(!L&&w1&&!1===t.seeking){var r=t.currentTime;if(dr.isBuffered(t,r)?e=this.getAppendedFrag(r):dr.isBuffered(t,r+.1)&&(e=this.getAppendedFrag(r+.1)),e){this.backtrackFragment=null;var i=this.fragPlaying,n=e.level;i&&e.sn===i.sn&&i.level===n&&e.urlId===i.urlId||(this.fragPlaying=e,this.hls.trigger(T.FRAG_CHANGED,{frag:e}),i&&i.level===n||this.hls.trigger(T.LEVEL_SWITCHED,{level:n}))}}},a(e,[{key:"nextLevel",get:function(){var t=this.nextBufferedFrag;return t?t.level:-1}},{key:"currentFrag",get:function(){var t=this.media;return t?this.fragPlaying||this.getAppendedFrag(t.currentTime):null}},{key:"currentProgramDateTime",get:function(){var t=this.media;if(t){var e=t.currentTime,r=this.currentFrag;if(r&&y(e)&&y(r.programDateTime)){var i=r.programDateTime+1e3*(e-r.start);return new Date(i)}}return null}},{key:"currentLevel",get:function(){var t=this.currentFrag;return t?t.level:-1}},{key:"nextBufferedFrag",get:function(){var t=this.currentFrag;return t?this.followingBufferedFrag(t):null}},{key:"forceStartLoad",get:function(){return this._forceStartLoad}}]),e}(xr),qi=function(){function t(t,e,r){void 0===e&&(e=0),void 0===r&&(r=0),this.halfLife=void 0,this.alpha_=void 0,this.estimate_=void 0,this.totalWeight_=void 0,this.halfLife=t,this.alpha_=t?Math.exp(Math.log(.5)/t):0,this.estimate_=e,this.totalWeight_=r}var e=t.prototype;return e.sample=function(t,e){var r=Math.pow(this.alpha_,t);this.estimate_=e*(1-r)+r*this.estimate_,this.totalWeight_+=t},e.getTotalWeight=function(){return this.totalWeight_},e.getEstimate=function(){if(this.alpha_){var t=1-Math.pow(this.alpha_,this.totalWeight_);if(t)return this.estimate_/t}return this.estimate_},t}(),Xi=function(){function t(t,e,r,i){void 0===i&&(i=100),this.defaultEstimate_=void 0,this.minWeight_=void 0,this.minDelayMs_=void 0,this.slow_=void 0,this.fast_=void 0,this.defaultTTFB_=void 0,this.ttfb_=void 0,this.defaultEstimate_=r,this.minWeight_=.001,this.minDelayMs_=50,this.slow_=new qi(t),this.fast_=new qi(e),this.defaultTTFB_=i,this.ttfb_=new qi(t)}var e=t.prototype;return e.update=function(t,e){var r=this.slow_,i=this.fast_,n=this.ttfb_;r.halfLife!==t&&(this.slow_=new qi(t,r.getEstimate(),r.getTotalWeight())),i.halfLife!==e&&(this.fast_=new qi(e,i.getEstimate(),i.getTotalWeight())),n.halfLife!==t&&(this.ttfb_=new qi(t,n.getEstimate(),n.getTotalWeight()))},e.sample=function(t,e){var r=(t=Math.max(t,this.minDelayMs_))/1e3,i=8*e/r;this.fast_.sample(r,i),this.slow_.sample(r,i)},e.sampleTTFB=function(t){var e=t/1e3,r=Math.sqrt(2)*Math.exp(-Math.pow(e,2)/2);this.ttfb_.sample(r,Math.max(t,5))},e.canEstimate=function(){return this.fast_.getTotalWeight()>=this.minWeight_},e.getEstimate=function(){return this.canEstimate()?Math.min(this.fast_.getEstimate(),this.slow_.getEstimate()):this.defaultEstimate_},e.getEstimateTTFB=function(){return this.ttfb_.getTotalWeight()>=this.minWeight_?this.ttfb_.getEstimate():this.defaultTTFB_},e.destroy=function(){},t}(),zi=function(){function t(t){this.hls=void 0,this.lastLevelLoadSec=0,this.lastLoadedFragLevel=0,this._nextAutoLevel=-1,this.timer=-1,this.onCheck=this._abandonRulesCheck.bind(this),this.fragCurrent=null,this.partCurrent=null,this.bitrateTestDelay=0,this.bwEstimator=void 0,this.hls=t;var e=t.config;this.bwEstimator=new Xi(e.abrEwmaSlowVoD,e.abrEwmaFastVoD,e.abrEwmaDefaultEstimate),this.registerListeners()}var e=t.prototype;return e.registerListeners=function(){var t=this.hls;t.on(T.FRAG_LOADING,this.onFragLoading,this),t.on(T.FRAG_LOADED,this.onFragLoaded,this),t.on(T.FRAG_BUFFERED,this.onFragBuffered,this),t.on(T.LEVEL_SWITCHING,this.onLevelSwitching,this),t.on(T.LEVEL_LOADED,this.onLevelLoaded,this)},e.unregisterListeners=function(){var t=this.hls;t.off(T.FRAG_LOADING,this.onFragLoading,this),t.off(T.FRAG_LOADED,this.onFragLoaded,this),t.off(T.FRAG_BUFFERED,this.onFragBuffered,this),t.off(T.LEVEL_SWITCHING,this.onLevelSwitching,this),t.off(T.LEVEL_LOADED,this.onLevelLoaded,this)},e.destroy=function(){this.unregisterListeners(),this.clearTimer(),this.hls=this.onCheck=null,this.fragCurrent=this.partCurrent=null},e.onFragLoading=function(t,e){var r,i=e.frag;this.ignoreFragment(i)||(this.fragCurrent=i,this.partCurrent=null!=(r=e.part)?r:null,this.clearTimer(),this.timer=self.setInterval(this.onCheck,100))},e.onLevelSwitching=function(t,e){this.clearTimer()},e.getTimeToLoadFrag=function(t,e,r,i){return t+r/e+(i?this.lastLevelLoadSec:0)},e.onLevelLoaded=function(t,e){var r=this.hls.config,i=e.stats,n=i.total,a=i.bwEstimate;y(n)&&y(a)&&(this.lastLevelLoadSec=8*n/a),e.details.live?this.bwEstimator.update(r.abrEwmaSlowLive,r.abrEwmaFastLive):this.bwEstimator.update(r.abrEwmaSlowVoD,r.abrEwmaFastVoD)},e._abandonRulesCheck=function(){var t=this.fragCurrent,e=this.partCurrent,r=this.hls,i=r.autoLevelEnabled,n=r.media;if(t&&n){var a=performance.now(),s=e?e.stats:t.stats,o=e?e.duration:t.duration,l=a-s.loading.start;if(s.aborted||s.loaded&&s.loaded===s.total||0===t.level)return this.clearTimer(),void(this._nextAutoLevel=-1);if(i&&!n.paused&&n.playbackRate&&n.readyState){var u=r.mainForwardBufferInfo;if(null!==u){var h=this.bwEstimator.getEstimateTTFB(),d=Math.abs(n.playbackRate);if(!(l<=Math.max(h,o/(2*d)*1e3))){var c=u.len/d;if(!(c>=2*o/d)){var f=s.loading.first?s.loading.first-s.loading.start:-1,g=s.loaded&&f>-1,v=this.bwEstimator.getEstimate(),m=r.levels,p=r.minAutoLevel,E=m[t.level],S=s.total||Math.max(s.loaded,Math.round(o*E.maxBitrate/8)),L=l-f;L<1&&g&&(L=Math.min(l,8*s.loaded/v));var R=g?1e3*s.loaded/L:0,A=R?(S-s.loaded)/R:8*S/v+h/1e3;if(!(A<=c)){var k,D=R?8*R:v,I=Number.POSITIVE_INFINITY;for(k=t.level-1;k>p;k--){var w=m[k].maxBitrate;if((I=this.getTimeToLoadFrag(h/1e3,D,o*w,!m[k].details))=A||I>10*o||(r.nextLoadLevel=k,g?this.bwEstimator.sample(l-Math.min(h,f),s.loaded):this.bwEstimator.sampleTTFB(l),this.clearTimer(),b.warn("[abr] Fragment "+t.sn+(e?" part "+e.index:"")+" of level "+t.level+" is loading too slowly;\n Time to underbuffer: "+c.toFixed(3)+" s\n Estimated load time for current fragment: "+A.toFixed(3)+" s\n Estimated load time for down switch fragment: "+I.toFixed(3)+" s\n TTFB estimate: "+f+"\n Current BW estimate: "+(y(v)?(v/1024).toFixed(3):"Unknown")+" Kb/s\n New BW estimate: "+(this.bwEstimator.getEstimate()/1024).toFixed(3)+" Kb/s\n Aborting and switching to level "+k),t.loader&&(this.fragCurrent=this.partCurrent=null,t.abortRequests()),r.trigger(T.FRAG_LOAD_EMERGENCY_ABORTED,{frag:t,part:e,stats:s}))}}}}}}},e.onFragLoaded=function(t,e){var r=e.frag,i=e.part,n=i?i.stats:r.stats;if(r.type===le&&this.bwEstimator.sampleTTFB(n.loading.first-n.loading.start),!this.ignoreFragment(r)){if(this.clearTimer(),this.lastLoadedFragLevel=r.level,this._nextAutoLevel=-1,this.hls.config.abrMaxWithRealBitrate){var a=i?i.duration:r.duration,s=this.hls.levels[r.level],o=(s.loaded?s.loaded.bytes:0)+n.loaded,l=(s.loaded?s.loaded.duration:0)+a;s.loaded={bytes:o,duration:l},s.realBitrate=Math.round(8*o/l)}if(r.bitrateTest){var u={stats:n,frag:r,part:i,id:r.type};this.onFragBuffered(T.FRAG_BUFFERED,u),r.bitrateTest=!1}}},e.onFragBuffered=function(t,e){var r=e.frag,i=e.part,n=null!=i&&i.stats.loaded?i.stats:r.stats;if(!n.aborted&&!this.ignoreFragment(r)){var a=n.parsing.end-n.loading.start-Math.min(n.loading.first-n.loading.start,this.bwEstimator.getEstimateTTFB());this.bwEstimator.sample(a,n.loaded),n.bwEstimate=this.bwEstimator.getEstimate(),r.bitrateTest?this.bitrateTestDelay=a/1e3:this.bitrateTestDelay=0}},e.ignoreFragment=function(t){return t.type!==le||"initSegment"===t.sn},e.clearTimer=function(){self.clearInterval(this.timer)},e.getNextABRAutoLevel=function(){var t=this.fragCurrent,e=this.partCurrent,r=this.hls,i=r.maxAutoLevel,n=r.config,a=r.minAutoLevel,s=r.media,o=e?e.duration:t?t.duration:0,l=s&&0!==s.playbackRate?Math.abs(s.playbackRate):1,u=this.bwEstimator?this.bwEstimator.getEstimate():n.abrEwmaDefaultEstimate,h=r.mainForwardBufferInfo,d=(h?h.len:0)/l,c=this.findBestLevel(u,a,i,d,n.abrBandWidthFactor,n.abrBandWidthUpFactor);if(c>=0)return c;b.trace("[abr] "+(d?"rebuffering expected":"buffer is empty")+", finding optimal quality level");var f=o?Math.min(o,n.maxStarvationDelay):n.maxStarvationDelay,g=n.abrBandWidthFactor,v=n.abrBandWidthUpFactor;if(!d){var m=this.bitrateTestDelay;m&&(f=(o?Math.min(o,n.maxLoadingDelay):n.maxLoadingDelay)-m,b.trace("[abr] bitrate test took "+Math.round(1e3*m)+"ms, set first fragment max fetchDuration to "+Math.round(1e3*f)+" ms"),g=v=1)}return c=this.findBestLevel(u,a,i,d+f,g,v),Math.max(c,0)},e.findBestLevel=function(t,e,r,i,n,a){for(var s,o=this.fragCurrent,l=this.partCurrent,u=this.lastLoadedFragLevel,h=this.hls.levels,d=h[u],c=!(null==d||null==(s=d.details)||!s.live),f=null==d?void 0:d.codecSet,g=l?l.duration:o?o.duration:0,v=this.bwEstimator.getEstimateTTFB()/1e3,m=e,p=-1,T=r;T>=e;T--){var E=h[T];if(!E||f&&E.codecSet!==f)E&&(m=Math.min(T,m),p=Math.max(T,p));else{-1!==p&&b.trace("[abr] Skipped level(s) "+m+"-"+p+' with CODECS:"'+h[p].attrs.CODECS+'"; not compatible with "'+d.attrs.CODECS+'"');var S,L=E.details,R=(l?null==L?void 0:L.partTarget:null==L?void 0:L.averagetargetduration)||g;S=T<=u?n*t:a*t;var A=h[T].maxBitrate,k=this.getTimeToLoadFrag(v,S,A*R,void 0===L);if(b.trace("[abr] level:"+T+" adjustedbw-bitrate:"+Math.round(S-A)+" avgDuration:"+R.toFixed(1)+" maxFetchDuration:"+i.toFixed(1)+" fetchDuration:"+k.toFixed(1)),S>A&&(0===k||!y(k)||c&&!this.bitrateTestDelay||kMath.max(t,r)&&i[t].loadError<=i[r].loadError)return t}return-1!==t&&(r=Math.min(t,r)),r},set:function(t){this._nextAutoLevel=t}}]),t}(),Qi=function(){function t(){this.chunks=[],this.dataLength=0}var e=t.prototype;return e.push=function(t){this.chunks.push(t),this.dataLength+=t.length},e.flush=function(){var t,e=this.chunks,r=this.dataLength;return e.length?(t=1===e.length?e[0]:function(t,e){for(var r=new Uint8Array(e),i=0,n=0;n0&&-1===t?(this.log("Override startPosition with lastCurrentTime @"+e.toFixed(3)),t=e,this.state=Lr):(this.loadedmetadata=!1,this.state=br),this.nextLoadPosition=this.startPosition=this.lastCurrentTime=t,this.tick()},r.doTick=function(){switch(this.state){case Lr:this.doTickIdle();break;case br:var e,r=this.levels,i=this.trackId,n=null==r||null==(e=r[i])?void 0:e.details;if(n){if(this.waitForCdnTuneIn(n))break;this.state=_r}break;case kr:var a,s=performance.now(),o=this.retryDate;(!o||s>=o||null!=(a=this.media)&&a.seeking)&&(this.log("RetryDate reached, switch back to IDLE state"),this.resetStartWhenNotLoaded(this.trackId),this.state=Lr);break;case _r:var l=this.waitingData;if(l){var u=l.frag,h=l.part,d=l.cache,c=l.complete;if(void 0!==this.initPTS[u.cc]){this.waitingData=null,this.waitingVideoCC=-1,this.state=Ar;var f={frag:u,part:h,payload:d.flush(),networkDetails:null};this._handleFragmentLoadProgress(f),c&&t.prototype._handleFragmentLoadComplete.call(this,f)}else if(this.videoTrackCC!==this.waitingVideoCC)this.log("Waiting fragment cc ("+u.cc+") cancelled because video is at cc "+this.videoTrackCC),this.clearWaitingFragment();else{var g=this.getLoadPosition(),v=dr.bufferInfo(this.mediaBuffer,g,this.config.maxBufferHole);He(v.end,this.config.maxFragLookUpTolerance,u)<0&&(this.log("Waiting fragment cc ("+u.cc+") @ "+u.start+" cancelled because another fragment at "+v.end+" is needed"),this.clearWaitingFragment())}}else this.state=Lr}this.onTickEnd()},r.clearWaitingFragment=function(){var t=this.waitingData;t&&(this.fragmentTracker.removeFragment(t.frag),this.waitingData=null,this.waitingVideoCC=-1,this.state=Lr)},r.resetLoadingState=function(){this.clearWaitingFragment(),t.prototype.resetLoadingState.call(this)},r.onTickEnd=function(){var t=this.media;null!=t&&t.readyState&&(this.lastCurrentTime=t.currentTime)},r.doTickIdle=function(){var t=this.hls,e=this.levels,r=this.media,i=this.trackId,n=t.config;if(null!=e&&e[i]&&(r||!this.startFragRequested&&n.startFragPrefetch)){var a=e[i],s=a.details;if(!s||s.live&&this.levelLastLoaded!==i||this.waitForCdnTuneIn(s))this.state=br;else{var o=this.mediaBuffer?this.mediaBuffer:this.media;this.bufferFlushed&&o&&(this.bufferFlushed=!1,this.afterBufferFlushed(o,x,ue));var l=this.getFwdBufferInfo(o,ue);if(null!==l){var u=this.bufferedTrack,h=this.switchingTrack;if(!h&&this._streamEnded(l,s))return t.trigger(T.BUFFER_EOS,{type:"audio"}),void(this.state=wr);var d=this.getFwdBufferInfo(this.videoBuffer?this.videoBuffer:this.media,le),c=l.len,f=this.getMaxBufferLength(null==d?void 0:d.len);if(!(c>=f)||h){var g=s.fragments[0].start,v=l.end;if(h&&r){var m=this.getLoadPosition();u&&h.attrs!==u.attrs&&(v=m),s.PTSKnown&&mg||l.nextStart)&&(this.log("Alt audio track ahead of main track, seek to start of alt audio track"),r.currentTime=g+.05)}var p=this.getNextFragment(v,s),y=!1;if(p&&this.isLoopLoading(p,v)&&(y=!!p.gap,p=this.getNextFragmentLoopLoading(p,s,l,le,f)),p){var E=d&&p.start>d.end+s.targetduration;if(E||(null==d||!d.len)&&l.len){var S=this.getAppendedFrag(p.start,le);if(null===S)return;if(y||(y=!!S.gap||!!E&&0===d.len),E&&!y||y&&l.nextStart&&l.nextStart=e.length)this.warn("Invalid id passed to audio-track controller");else{this.clearTimer();var r=this.currentTrack;e[this.trackId];var n=e[t],a=n.groupId,s=n.name;if(this.log("Switching to audio-track "+t+' "'+s+'" lang:'+n.lang+" group:"+a),this.trackId=t,this.currentTrack=n,this.selectDefaultTrack=!1,this.hls.trigger(T.AUDIO_TRACK_SWITCHING,i({},n)),!n.details||n.details.live){var o=this.switchParams(n.url,null==r?void 0:r.details);this.loadPlaylist(o)}}},r.selectInitialTrack=function(){var t=this.tracksInGroup,e=this.findTrackId(this.currentTrack)|this.findTrackId(null);if(-1!==e)this.setAudioTrack(e);else{var r=new Error("No track found for running audio group-ID: "+this.groupId+" track count: "+t.length);this.warn(r.message),this.hls.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.AUDIO_TRACK_LOAD_ERROR,fatal:!0,error:r})}},r.findTrackId=function(t){for(var e=this.tracksInGroup,r=0;r=n[o].start&&s<=n[o].end){a=n[o];break}var l=r.start+r.duration;a?a.end=l:(a={start:s,end:l},n.push(a)),this.fragmentTracker.fragBuffered(r)}}},r.onBufferFlushing=function(t,e){var r=e.startOffset,i=e.endOffset;if(0===r&&i!==Number.POSITIVE_INFINITY){var n=i-1;if(n<=0)return;e.endOffsetSubtitles=Math.max(0,n),this.tracksBuffered.forEach((function(t){for(var e=0;e=s.length||n!==a)&&o){this.mediaBuffer=this.mediaBufferTimeRanges;var l=0;if(i.live||null!=(r=o.details)&&r.live){var u=this.mainDetails;if(i.deltaUpdateFailed||!u)return;var h=u.fragments[0];o.details?0===(l=this.alignPlaylists(i,o.details))&&h&&Pe(i,l=h.start):i.hasProgramDateTime&&u.hasProgramDateTime?(mr(i,u),l=i.fragments[0].start):h&&Pe(i,l=h.start)}o.details=i,this.levelLastLoaded=n,this.startFragRequested||!this.mainDetails&&i.live||this.setStartPosition(o.details,l),this.tick(),i.live&&!this.fragCurrent&&this.media&&this.state===Lr&&(Ke(null,i.fragments,this.media.currentTime,0)||(this.warn("Subtitle playlist not aligned with playback"),o.details=void 0))}}},r._handleFragmentLoadComplete=function(t){var e=this,r=t.frag,i=t.payload,n=r.decryptdata,a=this.hls;if(!this.fragContextChanged(r)&&i&&i.byteLength>0&&n&&n.key&&n.iv&&"AES-128"===n.method){var s=performance.now();this.decrypter.decrypt(new Uint8Array(i),n.key.buffer,n.iv.buffer).catch((function(t){throw a.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.FRAG_DECRYPT_ERROR,fatal:!1,error:t,reason:t.message,frag:r}),t})).then((function(t){var e=performance.now();a.trigger(T.FRAG_DECRYPTED,{frag:r,payload:t,stats:{tstart:s,tdecrypt:e}})})).catch((function(t){e.warn(t.name+": "+t.message),e.state=Lr}))}},r.doTick=function(){if(this.media){if(this.state===Lr){var t=this.currentTrackId,e=this.levels,r=e[t];if(!e.length||!r||!r.details)return;var i=this.config,n=this.getLoadPosition(),a=dr.bufferedInfo(this.tracksBuffered[this.currentTrackId]||[],n,i.maxBufferHole),s=a.end,o=a.len,l=this.getFwdBufferInfo(this.media,le),u=r.details;if(o>this.getMaxBufferLength(null==l?void 0:l.len)+u.levelTargetDuration)return;var h=u.fragments,d=h.length,c=u.edge,f=null,g=this.fragPrevious;if(sc-v?0:v;!(f=Ke(g,h,Math.max(h[0].start,s),m))&&g&&g.start>>=0)>i-1)throw new DOMException("Failed to execute '"+e+"' on 'TimeRanges': The index provided ("+r+") is greater than the maximum bound ("+i+")");return t[r][e]};this.buffered={get length(){return t.length},end:function(r){return e("end",r,t.length)},start:function(r){return e("start",r,t.length)}}},nn=function(t){function e(e){var r;return(r=t.call(this,e,"[subtitle-track-controller]")||this).media=null,r.tracks=[],r.groupId=null,r.tracksInGroup=[],r.trackId=-1,r.selectDefaultTrack=!0,r.queuedDefaultTrack=-1,r.trackChangeListener=function(){return r.onTextTracksChanged()},r.asyncPollTrackChange=function(){return r.pollTrackChange(0)},r.useTextTrackPolling=!1,r.subtitlePollingInterval=-1,r._subtitleDisplay=!0,r.registerListeners(),r}l(e,t);var r=e.prototype;return r.destroy=function(){this.unregisterListeners(),this.tracks.length=0,this.tracksInGroup.length=0,this.trackChangeListener=this.asyncPollTrackChange=null,t.prototype.destroy.call(this)},r.registerListeners=function(){var t=this.hls;t.on(T.MEDIA_ATTACHED,this.onMediaAttached,this),t.on(T.MEDIA_DETACHING,this.onMediaDetaching,this),t.on(T.MANIFEST_LOADING,this.onManifestLoading,this),t.on(T.MANIFEST_PARSED,this.onManifestParsed,this),t.on(T.LEVEL_LOADING,this.onLevelLoading,this),t.on(T.LEVEL_SWITCHING,this.onLevelSwitching,this),t.on(T.SUBTITLE_TRACK_LOADED,this.onSubtitleTrackLoaded,this),t.on(T.ERROR,this.onError,this)},r.unregisterListeners=function(){var t=this.hls;t.off(T.MEDIA_ATTACHED,this.onMediaAttached,this),t.off(T.MEDIA_DETACHING,this.onMediaDetaching,this),t.off(T.MANIFEST_LOADING,this.onManifestLoading,this),t.off(T.MANIFEST_PARSED,this.onManifestParsed,this),t.off(T.LEVEL_LOADING,this.onLevelLoading,this),t.off(T.LEVEL_SWITCHING,this.onLevelSwitching,this),t.off(T.SUBTITLE_TRACK_LOADED,this.onSubtitleTrackLoaded,this),t.off(T.ERROR,this.onError,this)},r.onMediaAttached=function(t,e){this.media=e.media,this.media&&(this.queuedDefaultTrack>-1&&(this.subtitleTrack=this.queuedDefaultTrack,this.queuedDefaultTrack=-1),this.useTextTrackPolling=!(this.media.textTracks&&"onchange"in this.media.textTracks),this.useTextTrackPolling?this.pollTrackChange(500):this.media.textTracks.addEventListener("change",this.asyncPollTrackChange))},r.pollTrackChange=function(t){self.clearInterval(this.subtitlePollingInterval),this.subtitlePollingInterval=self.setInterval(this.trackChangeListener,t)},r.onMediaDetaching=function(){this.media&&(self.clearInterval(this.subtitlePollingInterval),this.useTextTrackPolling||this.media.textTracks.removeEventListener("change",this.asyncPollTrackChange),this.trackId>-1&&(this.queuedDefaultTrack=this.trackId),an(this.media.textTracks).forEach((function(t){me(t)})),this.subtitleTrack=-1,this.media=null)},r.onManifestLoading=function(){this.tracks=[],this.groupId=null,this.tracksInGroup=[],this.trackId=-1,this.selectDefaultTrack=!0},r.onManifestParsed=function(t,e){this.tracks=e.subtitleTracks},r.onSubtitleTrackLoaded=function(t,e){var r=e.id,i=e.details,n=this.trackId,a=this.tracksInGroup[n];if(a){var s=a.details;a.details=e.details,this.log("subtitle track "+r+" loaded ["+i.startSN+"-"+i.endSN+"]"),r===this.trackId&&this.playlistLoaded(r,e,s)}else this.warn("Invalid subtitle track id "+r)},r.onLevelLoading=function(t,e){this.switchLevel(e.level)},r.onLevelSwitching=function(t,e){this.switchLevel(e.level)},r.switchLevel=function(t){var e=this.hls.levels[t];if(null!=e&&e.textGroupIds){var r=e.textGroupIds[e.urlId],i=this.tracksInGroup?this.tracksInGroup[this.trackId]:void 0;if(this.groupId!==r){var n=this.tracks.filter((function(t){return!r||t.groupId===r}));this.tracksInGroup=n;var a=this.findTrackId(null==i?void 0:i.name)||this.findTrackId();this.groupId=r||null;var s={subtitleTracks:n};this.log("Updating subtitle tracks, "+n.length+' track(s) found in "'+r+'" group-id'),this.hls.trigger(T.SUBTITLE_TRACKS_UPDATED,s),-1!==a&&this.setSubtitleTrack(a,i)}else this.shouldReloadPlaylist(i)&&this.setSubtitleTrack(this.trackId,i)}},r.findTrackId=function(t){for(var e=this.tracksInGroup,r=0;r=i.length)){this.clearTimer();var n=i[t];if(this.log("Switching to subtitle-track "+t+(n?' "'+n.name+'" lang:'+n.lang+" group:"+n.groupId:"")),this.trackId=t,n){var a=n.id,s=n.groupId,o=void 0===s?"":s,l=n.name,u=n.type,h=n.url;this.hls.trigger(T.SUBTITLE_TRACK_SWITCH,{id:a,groupId:o,name:l,type:u,url:h});var d=this.switchParams(n.url,null==e?void 0:e.details);this.loadPlaylist(d)}else this.hls.trigger(T.SUBTITLE_TRACK_SWITCH,{id:t})}}else this.queuedDefaultTrack=t},r.onTextTracksChanged=function(){if(this.useTextTrackPolling||self.clearInterval(this.subtitlePollingInterval),this.media&&this.hls.config.renderTextTracksNatively){for(var t=-1,e=an(this.media.textTracks),r=0;r-1&&this.toggleTrackModes(this.trackId)}},{key:"subtitleTracks",get:function(){return this.tracksInGroup}},{key:"subtitleTrack",get:function(){return this.trackId},set:function(t){this.selectDefaultTrack=!1;var e=this.tracksInGroup?this.tracksInGroup[this.trackId]:void 0;this.setSubtitleTrack(t,e)}}]),e}(je);function an(t){for(var e=[],r=0;r "+t.src+")")},this.hls=t,this._initSourceBuffer(),this.registerListeners()}var e=t.prototype;return e.hasSourceTypes=function(){return this.getSourceBufferTypes().length>0||Object.keys(this.pendingTracks).length>0},e.destroy=function(){this.unregisterListeners(),this.details=null,this.lastMpegAudioChunk=null},e.registerListeners=function(){var t=this.hls;t.on(T.MEDIA_ATTACHING,this.onMediaAttaching,this),t.on(T.MEDIA_DETACHING,this.onMediaDetaching,this),t.on(T.MANIFEST_LOADING,this.onManifestLoading,this),t.on(T.MANIFEST_PARSED,this.onManifestParsed,this),t.on(T.BUFFER_RESET,this.onBufferReset,this),t.on(T.BUFFER_APPENDING,this.onBufferAppending,this),t.on(T.BUFFER_CODECS,this.onBufferCodecs,this),t.on(T.BUFFER_EOS,this.onBufferEos,this),t.on(T.BUFFER_FLUSHING,this.onBufferFlushing,this),t.on(T.LEVEL_UPDATED,this.onLevelUpdated,this),t.on(T.FRAG_PARSED,this.onFragParsed,this),t.on(T.FRAG_CHANGED,this.onFragChanged,this)},e.unregisterListeners=function(){var t=this.hls;t.off(T.MEDIA_ATTACHING,this.onMediaAttaching,this),t.off(T.MEDIA_DETACHING,this.onMediaDetaching,this),t.off(T.MANIFEST_LOADING,this.onManifestLoading,this),t.off(T.MANIFEST_PARSED,this.onManifestParsed,this),t.off(T.BUFFER_RESET,this.onBufferReset,this),t.off(T.BUFFER_APPENDING,this.onBufferAppending,this),t.off(T.BUFFER_CODECS,this.onBufferCodecs,this),t.off(T.BUFFER_EOS,this.onBufferEos,this),t.off(T.BUFFER_FLUSHING,this.onBufferFlushing,this),t.off(T.LEVEL_UPDATED,this.onLevelUpdated,this),t.off(T.FRAG_PARSED,this.onFragParsed,this),t.off(T.FRAG_CHANGED,this.onFragChanged,this)},e._initSourceBuffer=function(){this.sourceBuffer={},this.operationQueue=new sn(this.sourceBuffer),this.listeners={audio:[],video:[],audiovideo:[]},this.lastMpegAudioChunk=null},e.onManifestLoading=function(){this.bufferCodecEventsExpected=this._bufferCodecEventsTotal=0,this.details=null},e.onManifestParsed=function(t,e){var r=2;(e.audio&&!e.video||!e.altAudio)&&(r=1),this.bufferCodecEventsExpected=this._bufferCodecEventsTotal=r,b.log(this.bufferCodecEventsExpected+" bufferCodec event(s) expected")},e.onMediaAttaching=function(t,e){var r=this.media=e.media;if(r&&on){var i=this.mediaSource=new on;i.addEventListener("sourceopen",this._onMediaSourceOpen),i.addEventListener("sourceended",this._onMediaSourceEnded),i.addEventListener("sourceclose",this._onMediaSourceClose),r.src=self.URL.createObjectURL(i),this._objectUrl=r.src,r.addEventListener("emptied",this._onMediaEmptied)}},e.onMediaDetaching=function(){var t=this.media,e=this.mediaSource,r=this._objectUrl;if(e){if(b.log("[buffer-controller]: media source detaching"),"open"===e.readyState)try{e.endOfStream()}catch(t){b.warn("[buffer-controller]: onMediaDetaching: "+t.message+" while calling endOfStream")}this.onBufferReset(),e.removeEventListener("sourceopen",this._onMediaSourceOpen),e.removeEventListener("sourceended",this._onMediaSourceEnded),e.removeEventListener("sourceclose",this._onMediaSourceClose),t&&(t.removeEventListener("emptied",this._onMediaEmptied),r&&self.URL.revokeObjectURL(r),t.src===r?(t.removeAttribute("src"),t.load()):b.warn("[buffer-controller]: media.src was changed by a third party - skip cleanup")),this.mediaSource=null,this.media=null,this._objectUrl=null,this.bufferCodecEventsExpected=this._bufferCodecEventsTotal,this.pendingTracks={},this.tracks={}}this.hls.trigger(T.MEDIA_DETACHED,void 0)},e.onBufferReset=function(){var t=this;this.getSourceBufferTypes().forEach((function(e){var r=t.sourceBuffer[e];try{r&&(t.removeBufferListeners(e),t.mediaSource&&t.mediaSource.removeSourceBuffer(r),t.sourceBuffer[e]=void 0)}catch(t){b.warn("[buffer-controller]: Failed to reset the "+e+" buffer",t)}})),this._initSourceBuffer()},e.onBufferCodecs=function(t,e){var r=this,i=this.getSourceBufferTypes().length;Object.keys(e).forEach((function(t){if(i){var n=r.tracks[t];if(n&&"function"==typeof n.buffer.changeType){var a=e[t],s=a.id,o=a.codec,l=a.levelCodec,u=a.container,h=a.metadata,d=(n.levelCodec||n.codec).replace(ln,"$1"),c=(l||o).replace(ln,"$1");if(d!==c){var f=u+";codecs="+(l||o);r.appendChangeType(t,f),b.log("[buffer-controller]: switching codec "+d+" to "+c),r.tracks[t]={buffer:n.buffer,codec:o,container:u,levelCodec:l,metadata:h,id:s}}}}else r.pendingTracks[t]=e[t]})),i||(this.bufferCodecEventsExpected=Math.max(this.bufferCodecEventsExpected-1,0),this.mediaSource&&"open"===this.mediaSource.readyState&&this.checkPendingTracks())},e.appendChangeType=function(t,e){var r=this,i=this.operationQueue,n={execute:function(){var n=r.sourceBuffer[t];n&&(b.log("[buffer-controller]: changing "+t+" sourceBuffer type to "+e),n.changeType(e)),i.shiftAndExecuteNext(t)},onStart:function(){},onComplete:function(){},onError:function(e){b.warn("[buffer-controller]: Failed to change "+t+" SourceBuffer type",e)}};i.append(n,t)},e.onBufferAppending=function(t,e){var r=this,i=this.hls,n=this.operationQueue,a=this.tracks,s=e.data,o=e.type,l=e.frag,u=e.part,h=e.chunkMeta,d=h.buffering[o],c=self.performance.now();d.start=c;var f=l.stats.buffering,g=u?u.stats.buffering:null;0===f.start&&(f.start=c),g&&0===g.start&&(g.start=c);var v=a.audio,m=!1;"audio"===o&&"audio/mpeg"===(null==v?void 0:v.container)&&(m=!this.lastMpegAudioChunk||1===h.id||this.lastMpegAudioChunk.sn!==h.sn,this.lastMpegAudioChunk=h);var p=l.start,y={execute:function(){if(d.executeStart=self.performance.now(),m){var t=r.sourceBuffer[o];if(t){var e=p-t.timestampOffset;Math.abs(e)>=.1&&(b.log("[buffer-controller]: Updating audio SourceBuffer timestampOffset to "+p+" (delta: "+e+") sn: "+l.sn+")"),t.timestampOffset=p)}}r.appendExecutor(s,o)},onStart:function(){},onComplete:function(){var t=self.performance.now();d.executeEnd=d.end=t,0===f.first&&(f.first=t),g&&0===g.first&&(g.first=t);var e=r.sourceBuffer,i={};for(var n in e)i[n]=dr.getBuffered(e[n]);r.appendError=0,r.hls.trigger(T.BUFFER_APPENDED,{type:o,frag:l,part:u,chunkMeta:h,parent:l.type,timeRanges:i})},onError:function(t){b.error("[buffer-controller]: Error encountered while trying to append to the "+o+" SourceBuffer",t);var e={type:E.MEDIA_ERROR,parent:l.type,details:S.BUFFER_APPEND_ERROR,frag:l,part:u,chunkMeta:h,error:t,err:t,fatal:!1};t.code===DOMException.QUOTA_EXCEEDED_ERR?e.details=S.BUFFER_FULL_ERROR:(r.appendError++,e.details=S.BUFFER_APPEND_ERROR,r.appendError>i.config.appendErrorMaxRetry&&(b.error("[buffer-controller]: Failed "+i.config.appendErrorMaxRetry+" times to append segment in sourceBuffer"),e.fatal=!0)),i.trigger(T.ERROR,e)}};n.append(y,o)},e.onBufferFlushing=function(t,e){var r=this,i=this.operationQueue,n=function(t){return{execute:r.removeExecutor.bind(r,t,e.startOffset,e.endOffset),onStart:function(){},onComplete:function(){r.hls.trigger(T.BUFFER_FLUSHED,{type:t})},onError:function(e){b.warn("[buffer-controller]: Failed to remove from "+t+" SourceBuffer",e)}}};e.type?i.append(n(e.type),e.type):this.getSourceBufferTypes().forEach((function(t){i.append(n(t),t)}))},e.onFragParsed=function(t,e){var r=this,i=e.frag,n=e.part,a=[],s=n?n.elementaryStreams:i.elementaryStreams;s[M]?a.push("audiovideo"):(s[x]&&a.push("audio"),s[F]&&a.push("video")),0===a.length&&b.warn("Fragments must have at least one ElementaryStreamType set. type: "+i.type+" level: "+i.level+" sn: "+i.sn),this.blockBuffers((function(){var t=self.performance.now();i.stats.buffering.end=t,n&&(n.stats.buffering.end=t);var e=n?n.stats:i.stats;r.hls.trigger(T.FRAG_BUFFERED,{frag:i,part:n,stats:e,id:i.type})}),a)},e.onFragChanged=function(t,e){this.flushBackBuffer()},e.onBufferEos=function(t,e){var r=this;this.getSourceBufferTypes().reduce((function(t,i){var n=r.sourceBuffer[i];return!n||e.type&&e.type!==i||(n.ending=!0,n.ended||(n.ended=!0,b.log("[buffer-controller]: "+i+" sourceBuffer now EOS"))),t&&!(n&&!n.ended)}),!0)&&(b.log("[buffer-controller]: Queueing mediaSource.endOfStream()"),this.blockBuffers((function(){r.getSourceBufferTypes().forEach((function(t){var e=r.sourceBuffer[t];e&&(e.ending=!1)}));var t=r.mediaSource;t&&"open"===t.readyState?(b.log("[buffer-controller]: Calling mediaSource.endOfStream()"),t.endOfStream()):t&&b.info("[buffer-controller]: Could not call mediaSource.endOfStream(). mediaSource.readyState: "+t.readyState)})))},e.onLevelUpdated=function(t,e){var r=e.details;r.fragments.length&&(this.details=r,this.getSourceBufferTypes().length?this.blockBuffers(this.updateMediaElementDuration.bind(this)):this.updateMediaElementDuration())},e.flushBackBuffer=function(){var t=this.hls,e=this.details,r=this.media,i=this.sourceBuffer;if(r&&null!==e){var n=this.getSourceBufferTypes();if(n.length){var a=e.live&&null!==t.config.liveBackBufferLength?t.config.liveBackBufferLength:t.config.backBufferLength;if(y(a)&&!(a<0)){var s=r.currentTime,o=e.levelTargetDuration,l=Math.max(a,o),u=Math.floor(s/o)*o-l;n.forEach((function(r){var n=i[r];if(n){var a=dr.getBuffered(n);if(a.length>0&&u>a.start(0)){if(t.trigger(T.BACK_BUFFER_REACHED,{bufferEnd:u}),e.live)t.trigger(T.LIVE_BACK_BUFFER_REACHED,{bufferEnd:u});else if(n.ended&&a.end(a.length-1)-s<2*o)return void b.info("[buffer-controller]: Cannot flush "+r+" back buffer while SourceBuffer is in ended state");t.trigger(T.BUFFER_FLUSHING,{startOffset:0,endOffset:u,type:r})}}}))}}}},e.updateMediaElementDuration=function(){if(this.details&&this.media&&this.mediaSource&&"open"===this.mediaSource.readyState){var t=this.details,e=this.hls,r=this.media,i=this.mediaSource,n=t.fragments[0].start+t.totalduration,a=r.duration,s=y(i.duration)?i.duration:0;t.live&&e.config.liveDurationInfinity?(b.log("[buffer-controller]: Media Source duration is set to Infinity"),i.duration=1/0,this.updateSeekableRange(t)):(n>s&&n>a||!y(a))&&(b.log("[buffer-controller]: Updating Media Source duration to "+n.toFixed(3)),i.duration=n)}},e.updateSeekableRange=function(t){var e=this.mediaSource,r=t.fragments;if(r.length&&t.live&&null!=e&&e.setLiveSeekableRange){var i=Math.max(0,r[0].start),n=Math.max(i,i+t.totalduration);e.setLiveSeekableRange(i,n)}},e.checkPendingTracks=function(){var t=this.bufferCodecEventsExpected,e=this.operationQueue,r=this.pendingTracks,i=Object.keys(r).length;if(i&&!t||2===i){this.createSourceBuffers(r),this.pendingTracks={};var n=this.getSourceBufferTypes();if(n.length)this.hls.trigger(T.BUFFER_CREATED,{tracks:this.tracks}),n.forEach((function(t){e.executeNext(t)}));else{var a=new Error("could not create source buffer for media codec(s)");this.hls.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.BUFFER_INCOMPATIBLE_CODECS_ERROR,fatal:!0,error:a,reason:a.message})}}},e.createSourceBuffers=function(t){var e=this.sourceBuffer,r=this.mediaSource;if(!r)throw Error("createSourceBuffers called when mediaSource was null");for(var i in t)if(!e[i]){var n=t[i];if(!n)throw Error("source buffer exists for track "+i+", however track does not");var a=n.levelCodec||n.codec,s=n.container+";codecs="+a;b.log("[buffer-controller]: creating sourceBuffer("+s+")");try{var o=e[i]=r.addSourceBuffer(s),l=i;this.addBufferListener(l,"updatestart",this._onSBUpdateStart),this.addBufferListener(l,"updateend",this._onSBUpdateEnd),this.addBufferListener(l,"error",this._onSBUpdateError),this.tracks[i]={buffer:o,codec:a,container:n.container,levelCodec:n.levelCodec,metadata:n.metadata,id:n.id}}catch(t){b.error("[buffer-controller]: error while trying to add sourceBuffer: "+t.message),this.hls.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.BUFFER_ADD_CODEC_ERROR,fatal:!1,error:t,mimeType:s})}}},e._onSBUpdateStart=function(t){this.operationQueue.current(t).onStart()},e._onSBUpdateEnd=function(t){var e=this.operationQueue;e.current(t).onComplete(),e.shiftAndExecuteNext(t)},e._onSBUpdateError=function(t,e){var r=new Error(t+" SourceBuffer error");b.error("[buffer-controller]: "+r,e),this.hls.trigger(T.ERROR,{type:E.MEDIA_ERROR,details:S.BUFFER_APPENDING_ERROR,error:r,fatal:!1});var i=this.operationQueue.current(t);i&&i.onError(e)},e.removeExecutor=function(t,e,r){var i=this.media,n=this.mediaSource,a=this.operationQueue,s=this.sourceBuffer[t];if(!i||!n||!s)return b.warn("[buffer-controller]: Attempting to remove from the "+t+" SourceBuffer, but it does not exist"),void a.shiftAndExecuteNext(t);var o=y(i.duration)?i.duration:1/0,l=y(n.duration)?n.duration:1/0,u=Math.max(0,e),h=Math.min(r,o,l);h>u&&!s.ending?(s.ended=!1,b.log("[buffer-controller]: Removing ["+u+","+h+"] from the "+t+" SourceBuffer"),s.remove(u,h)):a.shiftAndExecuteNext(t)},e.appendExecutor=function(t,e){var r=this.operationQueue,i=this.sourceBuffer[e];if(!i)return b.warn("[buffer-controller]: Attempting to append to the "+e+" SourceBuffer, but it does not exist"),void r.shiftAndExecuteNext(e);i.ended=!1,i.appendBuffer(t)},e.blockBuffers=function(t,e){var r=this;if(void 0===e&&(e=this.getSourceBufferTypes()),!e.length)return b.log("[buffer-controller]: Blocking operation requested, but no SourceBuffers exist"),void Promise.resolve().then(t);var i=this.operationQueue,n=e.map((function(t){return i.appendBlocker(t)}));Promise.all(n).then((function(){t(),e.forEach((function(t){var e=r.sourceBuffer[t];null!=e&&e.updating||i.shiftAndExecuteNext(t)}))}))},e.getSourceBufferTypes=function(){return Object.keys(this.sourceBuffer)},e.addBufferListener=function(t,e,r){var i=this.sourceBuffer[t];if(i){var n=r.bind(this,t);this.listeners[t].push({event:e,listener:n}),i.addEventListener(e,n)}},e.removeBufferListeners=function(t){var e=this.sourceBuffer[t];e&&this.listeners[t].forEach((function(t){e.removeEventListener(t.event,t.listener)}))},t}(),hn={42:225,92:233,94:237,95:243,96:250,123:231,124:247,125:209,126:241,127:9608,128:174,129:176,130:189,131:191,132:8482,133:162,134:163,135:9834,136:224,137:32,138:232,139:226,140:234,141:238,142:244,143:251,144:193,145:201,146:211,147:218,148:220,149:252,150:8216,151:161,152:42,153:8217,154:9473,155:169,156:8480,157:8226,158:8220,159:8221,160:192,161:194,162:199,163:200,164:202,165:203,166:235,167:206,168:207,169:239,170:212,171:217,172:249,173:219,174:171,175:187,176:195,177:227,178:205,179:204,180:236,181:210,182:242,183:213,184:245,185:123,186:125,187:92,188:94,189:95,190:124,191:8764,192:196,193:228,194:214,195:246,196:223,197:165,198:164,199:9475,200:197,201:229,202:216,203:248,204:9487,205:9491,206:9495,207:9499},dn=function(t){var e=t;return hn.hasOwnProperty(t)&&(e=hn[t]),String.fromCharCode(e)},cn=15,fn=100,gn={17:1,18:3,21:5,22:7,23:9,16:11,19:12,20:14},vn={17:2,18:4,21:6,22:8,23:10,19:13,20:15},mn={25:1,26:3,29:5,30:7,31:9,24:11,27:12,28:14},pn={25:2,26:4,29:6,30:8,31:10,27:13,28:15},yn=["white","green","blue","cyan","red","yellow","magenta","black","transparent"],Tn=function(){function t(){this.time=null,this.verboseLevel=0}return t.prototype.log=function(t,e){if(this.verboseLevel>=t){var r="function"==typeof e?e():e;b.log(this.time+" ["+t+"] "+r)}},t}(),En=function(t){for(var e=[],r=0;rfn&&(this.logger.log(3,"Too large cursor position "+this.pos),this.pos=fn)},e.moveCursor=function(t){var e=this.pos+t;if(t>1)for(var r=this.pos+1;r=144&&this.backSpace();var r=dn(t);this.pos>=fn?this.logger.log(0,(function(){return"Cannot insert "+t.toString(16)+" ("+r+") at position "+e.pos+". Skipping it!"})):(this.chars[this.pos].setChar(r,this.currPenState),this.moveCursor(1))},e.clearFromPos=function(t){var e;for(e=t;e0&&(r=t?"["+e.join(" | ")+"]":e.join("\n")),r},e.getTextAndFormat=function(){return this.rows},t}(),kn=function(){function t(t,e,r){this.chNr=void 0,this.outputFilter=void 0,this.mode=void 0,this.verbose=void 0,this.displayedMemory=void 0,this.nonDisplayedMemory=void 0,this.lastOutputScreen=void 0,this.currRollUpRow=void 0,this.writeScreen=void 0,this.cueStartTime=void 0,this.logger=void 0,this.chNr=t,this.outputFilter=e,this.mode=null,this.verbose=0,this.displayedMemory=new An(r),this.nonDisplayedMemory=new An(r),this.lastOutputScreen=new An(r),this.currRollUpRow=this.displayedMemory.rows[14],this.writeScreen=this.displayedMemory,this.mode=null,this.cueStartTime=null,this.logger=r}var e=t.prototype;return e.reset=function(){this.mode=null,this.displayedMemory.reset(),this.nonDisplayedMemory.reset(),this.lastOutputScreen.reset(),this.outputFilter.reset(),this.currRollUpRow=this.displayedMemory.rows[14],this.writeScreen=this.displayedMemory,this.mode=null,this.cueStartTime=null},e.getHandler=function(){return this.outputFilter},e.setHandler=function(t){this.outputFilter=t},e.setPAC=function(t){this.writeScreen.setPAC(t)},e.setBkgData=function(t){this.writeScreen.setBkgData(t)},e.setMode=function(t){t!==this.mode&&(this.mode=t,this.logger.log(2,(function(){return"MODE="+t})),"MODE_POP-ON"===this.mode?this.writeScreen=this.nonDisplayedMemory:(this.writeScreen=this.displayedMemory,this.writeScreen.reset()),"MODE_ROLL-UP"!==this.mode&&(this.displayedMemory.nrRollUpRows=null,this.nonDisplayedMemory.nrRollUpRows=null),this.mode=t)},e.insertChars=function(t){for(var e=this,r=0;r=46,e.italics)e.foreground="white";else{var r=Math.floor(t/2)-16;e.foreground=["white","green","blue","cyan","red","yellow","magenta"][r]}this.logger.log(2,"MIDROW: "+JSON.stringify(e)),this.writeScreen.setPen(e)},e.outputDataUpdate=function(t){void 0===t&&(t=!1);var e=this.logger.time;null!==e&&this.outputFilter&&(null!==this.cueStartTime||this.displayedMemory.isEmpty()?this.displayedMemory.equals(this.lastOutputScreen)||(this.outputFilter.newCue(this.cueStartTime,e,this.lastOutputScreen),t&&this.outputFilter.dispatchCue&&this.outputFilter.dispatchCue(),this.cueStartTime=this.displayedMemory.isEmpty()?null:e):this.cueStartTime=e,this.lastOutputScreen.copy(this.displayedMemory))},e.cueSplitAtTime=function(t){this.outputFilter&&(this.displayedMemory.isEmpty()||(this.outputFilter.newCue&&this.outputFilter.newCue(this.cueStartTime,t,this.displayedMemory),this.cueStartTime=t))},t}(),bn=function(){function t(t,e,r){this.channels=void 0,this.currentChannel=0,this.cmdHistory=void 0,this.logger=void 0;var i=new Tn;this.channels=[null,new kn(t,e,i),new kn(t+1,r,i)],this.cmdHistory={a:null,b:null},this.logger=i}var e=t.prototype;return e.getHandler=function(t){return this.channels[t].getHandler()},e.setHandler=function(t,e){this.channels[t].setHandler(e)},e.addData=function(t,e){var r,i,n,a=!1;this.logger.time=t;for(var s=0;s ("+En([i,n])+")"),(r=this.parseCmd(i,n))||(r=this.parseMidrow(i,n)),r||(r=this.parsePAC(i,n)),r||(r=this.parseBackgroundAttributes(i,n)),!r&&(a=this.parseChars(i,n))){var o=this.currentChannel;o&&o>0?this.channels[o].insertChars(a):this.logger.log(2,"No channel found yet. TEXT-MODE?")}r||a||this.logger.log(2,"Couldn't parse cleaned data "+En([i,n])+" orig: "+En([e[s],e[s+1]]))}},e.parseCmd=function(t,e){var r=this.cmdHistory;if(!((20===t||28===t||21===t||29===t)&&e>=32&&e<=47||(23===t||31===t)&&e>=33&&e<=35))return!1;if(In(t,e,r))return Dn(null,null,r),this.logger.log(3,"Repeated command ("+En([t,e])+") is dropped"),!0;var i=20===t||21===t||23===t?1:2,n=this.channels[i];return 20===t||21===t||28===t||29===t?32===e?n.ccRCL():33===e?n.ccBS():34===e?n.ccAOF():35===e?n.ccAON():36===e?n.ccDER():37===e?n.ccRU(2):38===e?n.ccRU(3):39===e?n.ccRU(4):40===e?n.ccFON():41===e?n.ccRDC():42===e?n.ccTR():43===e?n.ccRTD():44===e?n.ccEDM():45===e?n.ccCR():46===e?n.ccENM():47===e&&n.ccEOC():n.ccTO(e-32),Dn(t,e,r),this.currentChannel=i,!0},e.parseMidrow=function(t,e){var r=0;if((17===t||25===t)&&e>=32&&e<=47){if((r=17===t?1:2)!==this.currentChannel)return this.logger.log(0,"Mismatch channel in midrow parsing"),!1;var i=this.channels[r];return!!i&&(i.ccMIDROW(e),this.logger.log(3,"MIDROW ("+En([t,e])+")"),!0)}return!1},e.parsePAC=function(t,e){var r,i=this.cmdHistory;if(!((t>=17&&t<=23||t>=25&&t<=31)&&e>=64&&e<=127||(16===t||24===t)&&e>=64&&e<=95))return!1;if(In(t,e,i))return Dn(null,null,i),!0;var n=t<=23?1:2;r=e>=64&&e<=95?1===n?gn[t]:mn[t]:1===n?vn[t]:pn[t];var a=this.channels[n];return!!a&&(a.setPAC(this.interpretPAC(r,e)),Dn(t,e,i),this.currentChannel=n,!0)},e.interpretPAC=function(t,e){var r,i={color:null,italics:!1,indent:null,underline:!1,row:t};return r=e>95?e-96:e-64,i.underline=!(1&~r),r<=13?i.color=["white","green","blue","cyan","red","yellow","magenta","white"][Math.floor(r/2)]:r<=15?(i.italics=!0,i.color="white"):i.indent=4*Math.floor((r-16)/2),i},e.parseChars=function(t,e){var r,i,n=null,a=null;if(t>=25?(r=2,a=t-8):(r=1,a=t),a>=17&&a<=19?(i=17===a?e+80:18===a?e+112:e+144,this.logger.log(2,"Special char '"+dn(i)+"' in channel "+r),n=[i]):t>=32&&t<=127&&(n=0===e?[t]:[t,e]),n){var s=En(n);this.logger.log(3,"Char codes = "+s.join(",")),Dn(t,e,this.cmdHistory)}return n},e.parseBackgroundAttributes=function(t,e){var r;if(!((16===t||24===t)&&e>=32&&e<=47||(23===t||31===t)&&e>=45&&e<=47))return!1;var i={};16===t||24===t?(r=Math.floor((e-32)/2),i.background=yn[r],e%2==1&&(i.background=i.background+"_semi")):45===e?i.background="transparent":(i.foreground="black",47===e&&(i.underline=!0));var n=t<=23?1:2;return this.channels[n].setBkgData(i),Dn(t,e,this.cmdHistory),!0},e.reset=function(){for(var t=0;tt)&&(this.startTime=t),this.endTime=e,this.screen=r,this.timelineController.createCaptionsTrack(this.trackName)},e.reset=function(){this.cueRanges=[],this.startTime=null},t}(),Cn=function(){if("undefined"!=typeof self&&self.VTTCue)return self.VTTCue;var t=["","lr","rl"],e=["start","middle","end","left","right"];function r(t,e){if("string"!=typeof e)return!1;if(!Array.isArray(t))return!1;var r=e.toLowerCase();return!!~t.indexOf(r)&&r}function i(t){return r(e,t)}function n(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),i=1;i100)throw new Error("Position must be between 0 and 100.");T=t,this.hasBeenReset=!0}})),Object.defineProperty(o,"positionAlign",n({},l,{get:function(){return E},set:function(t){var e=i(t);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");E=e,this.hasBeenReset=!0}})),Object.defineProperty(o,"size",n({},l,{get:function(){return S},set:function(t){if(t<0||t>100)throw new Error("Size must be between 0 and 100.");S=t,this.hasBeenReset=!0}})),Object.defineProperty(o,"align",n({},l,{get:function(){return L},set:function(t){var e=i(t);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");L=e,this.hasBeenReset=!0}})),o.displayState=void 0}return a.prototype.getCueAsHTML=function(){return self.WebVTT.convertCueToDOMTree(self,this.text)},a}(),_n=function(){function t(){}return t.prototype.decode=function(t,e){if(!t)return"";if("string"!=typeof t)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(t))},t}();function Pn(t){function e(t,e,r,i){return 3600*(0|t)+60*(0|e)+(0|r)+parseFloat(i||0)}var r=t.match(/^(?:(\d+):)?(\d{2}):(\d{2})(\.\d+)?/);return r?parseFloat(r[2])>59?e(r[2],r[3],0,r[4]):e(r[1],r[2],r[3],r[4]):null}var xn=function(){function t(){this.values=Object.create(null)}var e=t.prototype;return e.set=function(t,e){this.get(t)||""===e||(this.values[t]=e)},e.get=function(t,e,r){return r?this.has(t)?this.values[t]:e[r]:this.has(t)?this.values[t]:e},e.has=function(t){return t in this.values},e.alt=function(t,e,r){for(var i=0;i=0&&r<=100)return this.set(t,r),!0}return!1},t}();function Fn(t,e,r,i){var n=i?t.split(i):[t];for(var a in n)if("string"==typeof n[a]){var s=n[a].split(r);2===s.length&&e(s[0],s[1])}}var Mn=new Cn(0,0,""),On="middle"===Mn.align?"middle":"center";function Nn(t,e,r){var i=t;function n(){var e=Pn(t);if(null===e)throw new Error("Malformed timestamp: "+i);return t=t.replace(/^[^\sa-zA-Z-]+/,""),e}function a(){t=t.replace(/^\s+/,"")}if(a(),e.startTime=n(),a(),"--\x3e"!==t.slice(0,3))throw new Error("Malformed time stamp (time stamps must be separated by '--\x3e'): "+i);t=t.slice(3),a(),e.endTime=n(),a(),function(t,e){var i=new xn;Fn(t,(function(t,e){var n;switch(t){case"region":for(var a=r.length-1;a>=0;a--)if(r[a].id===e){i.set(t,r[a].region);break}break;case"vertical":i.alt(t,e,["rl","lr"]);break;case"line":n=e.split(","),i.integer(t,n[0]),i.percent(t,n[0])&&i.set("snapToLines",!1),i.alt(t,n[0],["auto"]),2===n.length&&i.alt("lineAlign",n[1],["start",On,"end"]);break;case"position":n=e.split(","),i.percent(t,n[0]),2===n.length&&i.alt("positionAlign",n[1],["start",On,"end","line-left","line-right","auto"]);break;case"size":i.percent(t,e);break;case"align":i.alt(t,e,["start",On,"end","left","right"])}}),/:/,/\s/),e.region=i.get("region",null),e.vertical=i.get("vertical","");var n=i.get("line","auto");"auto"===n&&-1===Mn.line&&(n=-1),e.line=n,e.lineAlign=i.get("lineAlign","start"),e.snapToLines=i.get("snapToLines",!0),e.size=i.get("size",100),e.align=i.get("align",On);var a=i.get("position","auto");"auto"===a&&50===Mn.position&&(a="start"===e.align||"left"===e.align?0:"end"===e.align||"right"===e.align?100:50),e.position=a}(t,e)}function Un(t){return t.replace(//gi,"\n")}var Bn=function(){function t(){this.state="INITIAL",this.buffer="",this.decoder=new _n,this.regionList=[],this.cue=null,this.oncue=void 0,this.onparsingerror=void 0,this.onflush=void 0}var e=t.prototype;return e.parse=function(t){var e=this;function r(){var t=e.buffer,r=0;for(t=Un(t);r>>0).toString()};function Vn(t,e,r){return Hn(t.toString())+Hn(e.toString())+Hn(r)}var Yn="stpp.ttml.im1t",Wn=/^(\d{2,}):(\d{2}):(\d{2}):(\d{2})\.?(\d+)?$/,jn=/^(\d*(?:\.\d*)?)(h|m|s|ms|f|t)$/,qn={left:"start",center:"center",right:"end",start:"start",end:"end"};function Xn(t,e,r,i){var n=Rt(new Uint8Array(t),["mdat"]);if(0!==n.length){var a,s,l,u=n.map((function(t){return ft(t)})),h=(a=e.baseTime,void 0===(s=e.timescale)&&(s=1),void 0===l&&(l=!1),Ti(a,1,1/s,l));try{u.forEach((function(t){return r(function(t,e){var r=(new DOMParser).parseFromString(t,"text/xml").getElementsByTagName("tt")[0];if(!r)throw new Error("Invalid ttml");var i={frameRate:30,subFrameRate:1,frameRateMultiplier:0,tickRate:0},n=Object.keys(i).reduce((function(t,e){return t[e]=r.getAttribute("ttp:"+e)||i[e],t}),{}),a="preserve"!==r.getAttribute("xml:space"),s=Qn(zn(r,"styling","style")),l=Qn(zn(r,"layout","region")),u=zn(r,"body","[begin]");return[].map.call(u,(function(t){var r=$n(t,a);if(!r||!t.hasAttribute("begin"))return null;var i=ta(t.getAttribute("begin"),n),u=ta(t.getAttribute("dur"),n),h=ta(t.getAttribute("end"),n);if(null===i)throw Zn(t);if(null===h){if(null===u)throw Zn(t);h=i+u}var d=new Cn(i-e,h-e,r);d.id=Vn(d.startTime,d.endTime,d.text);var c=function(t,e,r){var i="http://www.w3.org/ns/ttml#styling",n=null,a=null!=t&&t.hasAttribute("style")?t.getAttribute("style"):null;return a&&r.hasOwnProperty(a)&&(n=r[a]),["displayAlign","textAlign","color","backgroundColor","fontSize","fontFamily"].reduce((function(r,a){var s=Jn(e,i,a)||Jn(t,i,a)||Jn(n,i,a);return s&&(r[a]=s),r}),{})}(l[t.getAttribute("region")],s[t.getAttribute("style")],s),f=c.textAlign;if(f){var g=qn[f];g&&(d.lineAlign=g),d.align=f}return o(d,c),d})).filter((function(t){return null!==t}))}(t,h))}))}catch(t){i(t)}}else i(new Error("Could not parse IMSC1 mdat"))}function zn(t,e,r){var i=t.getElementsByTagName(e)[0];return i?[].slice.call(i.querySelectorAll(r)):[]}function Qn(t){return t.reduce((function(t,e){var r=e.getAttribute("xml:id");return r&&(t[r]=e),t}),{})}function $n(t,e){return[].slice.call(t.childNodes).reduce((function(t,r,i){var n;return"br"===r.nodeName&&i?t+"\n":null!=(n=r.childNodes)&&n.length?$n(r,e):e?t+r.textContent.trim().replace(/\s+/g," "):t+r.textContent}),"")}function Jn(t,e,r){return t&&t.hasAttributeNS(e,r)?t.getAttributeNS(e,r):null}function Zn(t){return new Error("Could not parse ttml timestamp "+t)}function ta(t,e){if(!t)return null;var r=Pn(t);return null===r&&(Wn.test(t)?r=function(t,e){var r=Wn.exec(t),i=(0|r[4])+(0|r[5])/e.subFrameRate;return 3600*(0|r[1])+60*(0|r[2])+(0|r[3])+i/e.frameRate}(t,e):jn.test(t)&&(r=function(t,e){var r=jn.exec(t),i=Number(r[1]);switch(r[2]){case"h":return 3600*i;case"m":return 60*i;case"ms":return 1e3*i;case"f":return i/e.frameRate;case"t":return i/e.tickRate}return i}(t,e))),r}var ea=function(){function t(t){if(this.hls=void 0,this.media=null,this.config=void 0,this.enabled=!0,this.Cues=void 0,this.textTracks=[],this.tracks=[],this.initPTS=[],this.unparsedVttFrags=[],this.captionsTracks={},this.nonNativeCaptionsTracks={},this.cea608Parser1=void 0,this.cea608Parser2=void 0,this.lastSn=-1,this.lastPartIndex=-1,this.prevCC=-1,this.vttCCs={ccOffset:0,presentationOffset:0,0:{start:0,prevCC:-1,new:!0}},this.captionsProperties=void 0,this.hls=t,this.config=t.config,this.Cues=t.config.cueHandler,this.captionsProperties={textTrack1:{label:this.config.captionsTextTrack1Label,languageCode:this.config.captionsTextTrack1LanguageCode},textTrack2:{label:this.config.captionsTextTrack2Label,languageCode:this.config.captionsTextTrack2LanguageCode},textTrack3:{label:this.config.captionsTextTrack3Label,languageCode:this.config.captionsTextTrack3LanguageCode},textTrack4:{label:this.config.captionsTextTrack4Label,languageCode:this.config.captionsTextTrack4LanguageCode}},this.config.enableCEA708Captions){var e=new wn(this,"textTrack1"),r=new wn(this,"textTrack2"),i=new wn(this,"textTrack3"),n=new wn(this,"textTrack4");this.cea608Parser1=new bn(1,e,r),this.cea608Parser2=new bn(3,i,n)}t.on(T.MEDIA_ATTACHING,this.onMediaAttaching,this),t.on(T.MEDIA_DETACHING,this.onMediaDetaching,this),t.on(T.MANIFEST_LOADING,this.onManifestLoading,this),t.on(T.MANIFEST_LOADED,this.onManifestLoaded,this),t.on(T.SUBTITLE_TRACKS_UPDATED,this.onSubtitleTracksUpdated,this),t.on(T.FRAG_LOADING,this.onFragLoading,this),t.on(T.FRAG_LOADED,this.onFragLoaded,this),t.on(T.FRAG_PARSING_USERDATA,this.onFragParsingUserdata,this),t.on(T.FRAG_DECRYPTED,this.onFragDecrypted,this),t.on(T.INIT_PTS_FOUND,this.onInitPtsFound,this),t.on(T.SUBTITLE_TRACKS_CLEARED,this.onSubtitleTracksCleared,this),t.on(T.BUFFER_FLUSHING,this.onBufferFlushing,this)}var e=t.prototype;return e.destroy=function(){var t=this.hls;t.off(T.MEDIA_ATTACHING,this.onMediaAttaching,this),t.off(T.MEDIA_DETACHING,this.onMediaDetaching,this),t.off(T.MANIFEST_LOADING,this.onManifestLoading,this),t.off(T.MANIFEST_LOADED,this.onManifestLoaded,this),t.off(T.SUBTITLE_TRACKS_UPDATED,this.onSubtitleTracksUpdated,this),t.off(T.FRAG_LOADING,this.onFragLoading,this),t.off(T.FRAG_LOADED,this.onFragLoaded,this),t.off(T.FRAG_PARSING_USERDATA,this.onFragParsingUserdata,this),t.off(T.FRAG_DECRYPTED,this.onFragDecrypted,this),t.off(T.INIT_PTS_FOUND,this.onInitPtsFound,this),t.off(T.SUBTITLE_TRACKS_CLEARED,this.onSubtitleTracksCleared,this),t.off(T.BUFFER_FLUSHING,this.onBufferFlushing,this),this.hls=this.config=this.cea608Parser1=this.cea608Parser2=null},e.addCues=function(t,e,r,i,n){for(var a,s,o,l,u=!1,h=n.length;h--;){var d=n[h],c=(a=d[0],s=d[1],o=e,l=r,Math.min(s,l)-Math.max(a,o));if(c>=0&&(d[0]=Math.min(d[0],e),d[1]=Math.max(d[1],r),u=!0,c/(r-e)>.5))return}if(u||n.push([e,r]),this.config.renderTextTracksNatively){var f=this.captionsTracks[t];this.Cues.newCue(f,e,r,i)}else{var g=this.Cues.newCue(null,e,r,i);this.hls.trigger(T.CUES_PARSED,{type:"captions",cues:g,track:t})}},e.onInitPtsFound=function(t,e){var r=this,i=e.frag,n=e.id,a=e.initPTS,s=e.timescale,o=this.unparsedVttFrags;"main"===n&&(this.initPTS[i.cc]={baseTime:a,timescale:s}),o.length&&(this.unparsedVttFrags=[],o.forEach((function(t){r.onFragLoaded(T.FRAG_LOADED,t)})))},e.getExistingTrack=function(t){var e=this.media;if(e)for(var r=0;r0&&c.push(t)},h.onparsingerror=function(t){u=t},h.onflush=function(){u?s(u):a(c)},d.forEach((function(t){if(p){if(Kn(t,"X-TIMESTAMP-MAP=")){p=!1,t.slice(16).split(",").forEach((function(t){Kn(t,"LOCAL:")?g=t.slice(6):Kn(t,"MPEGTS:")&&(v=parseInt(t.slice(7)))}));try{m=function(t){var e=parseInt(t.slice(-3)),r=parseInt(t.slice(-6,-4)),i=parseInt(t.slice(-9,-7)),n=t.length>9?parseInt(t.substring(0,t.indexOf(":"))):0;if(!(y(e)&&y(r)&&y(i)&&y(n)))throw Error("Malformed X-TIMESTAMP-MAP: Local:"+t);return e+=1e3*r,(e+=6e4*i)+36e5*n}(g)/1e3}catch(t){u=t}return}""===t&&(p=!1)}h.parse(t+"\n")})),h.flush()}(null!=(e=i.initSegment)&&e.data?It(i.initSegment.data,new Uint8Array(n)):n,this.initPTS[i.cc],this.vttCCs,i.cc,i.start,(function(t){r._appendCues(t,i.level),l.trigger(T.SUBTITLE_FRAG_PROCESSED,{success:!0,frag:i})}),(function(e){var a="Missing initPTS for VTT MPEGTS"===e.message;a?s.push(t):r._fallbackToIMSC1(i,n),b.log("Failed to parse VTT cue: "+e),a&&o>i.cc||l.trigger(T.SUBTITLE_FRAG_PROCESSED,{success:!1,frag:i,error:e})}))}else s.push(t)},e._fallbackToIMSC1=function(t,e){var r=this,i=this.tracks[t.level];i.textCodec||Xn(e,this.initPTS[t.cc],(function(){i.textCodec=Yn,r._parseIMSC1(t,e)}),(function(){i.textCodec="wvtt"}))},e._appendCues=function(t,e){var r=this.hls;if(this.config.renderTextTracksNatively){var i=this.textTracks[e];if(!i||"disabled"===i.mode)return;t.forEach((function(t){return ve(i,t)}))}else{var n=this.tracks[e];if(!n)return;var a=n.default?"default":"subtitles"+e;r.trigger(T.CUES_PARSED,{type:"subtitles",cues:t,track:a})}},e.onFragDecrypted=function(t,e){e.frag.type===he&&this.onFragLoaded(T.FRAG_LOADED,e)},e.onSubtitleTracksCleared=function(){this.tracks=[],this.captionsTracks={}},e.onFragParsingUserdata=function(t,e){var r=this.cea608Parser1,i=this.cea608Parser2;if(this.enabled&&r&&i){var n=e.frag,a=e.samples;if(n.type!==le||"NONE"!==this.closedCaptionsForLevel(n))for(var s=0;s0&&this.mediaWidth>0){var t=this.hls.levels;if(t.length){var e=this.hls;e.autoLevelCapping=this.getMaxLevel(t.length-1),e.autoLevelCapping>this.autoLevelCapping&&this.streamController&&this.streamController.nextLevelSwitch(),this.autoLevelCapping=e.autoLevelCapping}}},e.getMaxLevel=function(e){var r=this,i=this.hls.levels;if(!i.length)return-1;var n=i.filter((function(t,i){return r.isLevelAllowed(t)&&i<=e}));return this.clientRect=null,t.getMaxLevelByMediaSize(n,this.mediaWidth,this.mediaHeight)},e.startCapping=function(){this.timer||(this.autoLevelCapping=Number.POSITIVE_INFINITY,this.hls.firstLevel=this.getMaxLevel(this.firstLevel),self.clearInterval(this.timer),this.timer=self.setInterval(this.detectPlayerSize.bind(this),1e3),this.detectPlayerSize())},e.stopCapping=function(){this.restrictedLevels=[],this.firstLevel=-1,this.autoLevelCapping=Number.POSITIVE_INFINITY,this.timer&&(self.clearInterval(this.timer),this.timer=void 0)},e.getDimensions=function(){if(this.clientRect)return this.clientRect;var t=this.media,e={width:0,height:0};if(t){var r=t.getBoundingClientRect();e.width=r.width,e.height=r.height,e.width||e.height||(e.width=r.right-r.left||t.width||0,e.height=r.bottom-r.top||t.height||0)}return this.clientRect=e,e},e.isLevelAllowed=function(t){return!this.restrictedLevels.some((function(e){return t.bitrate===e.bitrate&&t.width===e.width&&t.height===e.height}))},t.getMaxLevelByMediaSize=function(t,e,r){if(null==t||!t.length)return-1;for(var i,n,a=t.length-1,s=0;s=e||o.height>=r)&&(i=o,!(n=t[s+1])||i.width!==n.width||i.height!==n.height)){a=s;break}}return a},a(t,[{key:"mediaWidth",get:function(){return this.getDimensions().width*this.contentScaleFactor}},{key:"mediaHeight",get:function(){return this.getDimensions().height*this.contentScaleFactor}},{key:"contentScaleFactor",get:function(){var t=1;if(!this.hls.config.ignoreDevicePixelRatio)try{t=self.devicePixelRatio}catch(t){}return t}}]),t}(),na=function(){function t(t){this.hls=void 0,this.isVideoPlaybackQualityAvailable=!1,this.timer=void 0,this.media=null,this.lastTime=void 0,this.lastDroppedFrames=0,this.lastDecodedFrames=0,this.streamController=void 0,this.hls=t,this.registerListeners()}var e=t.prototype;return e.setStreamController=function(t){this.streamController=t},e.registerListeners=function(){this.hls.on(T.MEDIA_ATTACHING,this.onMediaAttaching,this)},e.unregisterListeners=function(){this.hls.off(T.MEDIA_ATTACHING,this.onMediaAttaching,this)},e.destroy=function(){this.timer&&clearInterval(this.timer),this.unregisterListeners(),this.isVideoPlaybackQualityAvailable=!1,this.media=null},e.onMediaAttaching=function(t,e){var r=this.hls.config;if(r.capLevelOnFPSDrop){var i=e.media instanceof self.HTMLVideoElement?e.media:null;this.media=i,i&&"function"==typeof i.getVideoPlaybackQuality&&(this.isVideoPlaybackQualityAvailable=!0),self.clearInterval(this.timer),this.timer=self.setInterval(this.checkFPSInterval.bind(this),r.fpsDroppedMonitoringPeriod)}},e.checkFPS=function(t,e,r){var i=performance.now();if(e){if(this.lastTime){var n=i-this.lastTime,a=r-this.lastDroppedFrames,s=e-this.lastDecodedFrames,o=1e3*a/n,l=this.hls;if(l.trigger(T.FPS_DROP,{currentDropped:a,currentDecoded:s,totalDroppedFrames:r}),o>0&&a>l.config.fpsDroppedMonitoringThreshold*s){var u=l.currentLevel;b.warn("drop FPS ratio greater than max allowed value for currentLevel: "+u),u>0&&(-1===l.autoLevelCapping||l.autoLevelCapping>=u)&&(u-=1,l.trigger(T.FPS_DROP_LEVEL_CAPPING,{level:u,droppedLevel:l.currentLevel}),l.autoLevelCapping=u,this.streamController.nextLevelSwitch())}}this.lastTime=i,this.lastDroppedFrames=r,this.lastDecodedFrames=e}},e.checkFPSInterval=function(){var t=this.media;if(t)if(this.isVideoPlaybackQualityAvailable){var e=t.getVideoPlaybackQuality();this.checkFPS(t,e.totalVideoFrames,e.droppedVideoFrames)}else this.checkFPS(t,t.webkitDecodedFrameCount,t.webkitDroppedFrameCount)},t}(),aa="[eme]",sa=function(){function t(e){this.hls=void 0,this.config=void 0,this.media=null,this.keyFormatPromise=null,this.keySystemAccessPromises={},this._requestLicenseFailureCount=0,this.mediaKeySessions=[],this.keyIdToKeySessionPromise={},this.setMediaKeysQueue=t.CDMCleanupPromise?[t.CDMCleanupPromise]:[],this.onMediaEncrypted=this._onMediaEncrypted.bind(this),this.onWaitingForKey=this._onWaitingForKey.bind(this),this.debug=b.debug.bind(b,aa),this.log=b.log.bind(b,aa),this.warn=b.warn.bind(b,aa),this.error=b.error.bind(b,aa),this.hls=e,this.config=e.config,this.registerListeners()}var e=t.prototype;return e.destroy=function(){this.unregisterListeners(),this.onMediaDetached();var t=this.config;t.requestMediaKeySystemAccessFunc=null,t.licenseXhrSetup=t.licenseResponseCallback=void 0,t.drmSystems=t.drmSystemOptions={},this.hls=this.onMediaEncrypted=this.onWaitingForKey=this.keyIdToKeySessionPromise=null,this.config=null},e.registerListeners=function(){this.hls.on(T.MEDIA_ATTACHED,this.onMediaAttached,this),this.hls.on(T.MEDIA_DETACHED,this.onMediaDetached,this),this.hls.on(T.MANIFEST_LOADING,this.onManifestLoading,this),this.hls.on(T.MANIFEST_LOADED,this.onManifestLoaded,this)},e.unregisterListeners=function(){this.hls.off(T.MEDIA_ATTACHED,this.onMediaAttached,this),this.hls.off(T.MEDIA_DETACHED,this.onMediaDetached,this),this.hls.off(T.MANIFEST_LOADING,this.onManifestLoading,this),this.hls.off(T.MANIFEST_LOADED,this.onManifestLoaded,this)},e.getLicenseServerUrl=function(t){var e=this.config,r=e.drmSystems,i=e.widevineLicenseUrl,n=r[t];if(n)return n.licenseUrl;if(t===H.WIDEVINE&&i)return i;throw new Error('no license server URL configured for key-system "'+t+'"')},e.getServerCertificateUrl=function(t){var e=this.config.drmSystems[t];if(e)return e.serverCertificateUrl;this.log('No Server Certificate in config.drmSystems["'+t+'"]')},e.attemptKeySystemAccess=function(t){var e=this,r=this.hls.levels,i=function(t,e,r){return!!t&&r.indexOf(t)===e},n=r.map((function(t){return t.audioCodec})).filter(i),a=r.map((function(t){return t.videoCodec})).filter(i);return n.length+a.length===0&&a.push("avc1.42e01e"),new Promise((function(r,i){!function t(s){var o=s.shift();e.getMediaKeysPromise(o,n,a).then((function(t){return r({keySystem:o,mediaKeys:t})})).catch((function(e){s.length?t(s):i(e instanceof oa?e:new oa({type:E.KEY_SYSTEM_ERROR,details:S.KEY_SYSTEM_NO_ACCESS,error:e,fatal:!0},e.message))}))}(t)}))},e.requestMediaKeySystemAccess=function(t,e){var r=this.config.requestMediaKeySystemAccessFunc;if("function"!=typeof r){var i="Configured requestMediaKeySystemAccess is not a function "+r;return null===$&&"http:"===self.location.protocol&&(i="navigator.requestMediaKeySystemAccess is not available over insecure protocol "+location.protocol),Promise.reject(new Error(i))}return r(t,e)},e.getMediaKeysPromise=function(t,e,r){var i=this,n=function(t,e,r,i){var n;switch(t){case H.FAIRPLAY:n=["cenc","sinf"];break;case H.WIDEVINE:case H.PLAYREADY:n=["cenc"];break;case H.CLEARKEY:n=["cenc","keyids"];break;default:throw new Error("Unknown key-system: "+t)}return function(t,e,r,i){return[{initDataTypes:t,persistentState:i.persistentState||"not-allowed",distinctiveIdentifier:i.distinctiveIdentifier||"not-allowed",sessionTypes:i.sessionTypes||[i.sessionType||"temporary"],audioCapabilities:e.map((function(t){return{contentType:'audio/mp4; codecs="'+t+'"',robustness:i.audioRobustness||"",encryptionScheme:i.audioEncryptionScheme||null}})),videoCapabilities:r.map((function(t){return{contentType:'video/mp4; codecs="'+t+'"',robustness:i.videoRobustness||"",encryptionScheme:i.videoEncryptionScheme||null}}))}]}(n,e,r,i)}(t,e,r,this.config.drmSystemOptions),a=this.keySystemAccessPromises[t],s=null==a?void 0:a.keySystemAccess;if(!s){this.log('Requesting encrypted media "'+t+'" key-system access with config: '+JSON.stringify(n)),s=this.requestMediaKeySystemAccess(t,n);var o=this.keySystemAccessPromises[t]={keySystemAccess:s};return s.catch((function(e){i.log('Failed to obtain access to key-system "'+t+'": '+e)})),s.then((function(e){i.log('Access for key-system "'+e.keySystem+'" obtained');var r=i.fetchServerCertificate(t);return i.log('Create media-keys for "'+t+'"'),o.mediaKeys=e.createMediaKeys().then((function(e){return i.log('Media-keys created for "'+t+'"'),r.then((function(r){return r?i.setMediaKeysServerCertificate(e,t,r):e}))})),o.mediaKeys.catch((function(e){i.error('Failed to create media-keys for "'+t+'"}: '+e)})),o.mediaKeys}))}return s.then((function(){return a.mediaKeys}))},e.createMediaKeySessionContext=function(t){var e=t.decryptdata,r=t.keySystem,i=t.mediaKeys;this.log('Creating key-system session "'+r+'" keyId: '+gt(e.keyId||[]));var n=i.createSession(),a={decryptdata:e,keySystem:r,mediaKeys:i,mediaKeysSession:n,keyStatus:"status-pending"};return this.mediaKeySessions.push(a),a},e.renewKeySession=function(t){var e=t.decryptdata;if(e.pssh){var r=this.createMediaKeySessionContext(t),i=this.getKeyIdString(e);this.keyIdToKeySessionPromise[i]=this.generateRequestWithPreferredKeySession(r,"cenc",e.pssh,"expired")}else this.warn("Could not renew expired session. Missing pssh initData.");this.removeSession(t)},e.getKeyIdString=function(t){if(!t)throw new Error("Could not read keyId of undefined decryptdata");if(null===t.keyId)throw new Error("keyId is null");return gt(t.keyId)},e.updateKeySession=function(t,e){var r,i=t.mediaKeysSession;return this.log('Updating key-session "'+i.sessionId+'" for keyID '+gt((null==(r=t.decryptdata)?void 0:r.keyId)||[])+"\n } (data length: "+(e?e.byteLength:e)+")"),i.update(e)},e.selectKeySystemFormat=function(t){var e=Object.keys(t.levelkeys||{});return this.keyFormatPromise||(this.log("Selecting key-system from fragment (sn: "+t.sn+" "+t.type+": "+t.level+") key formats "+e.join(", ")),this.keyFormatPromise=this.getKeyFormatPromise(e)),this.keyFormatPromise},e.getKeyFormatPromise=function(t){var e=this;return new Promise((function(r,i){var n=Q(e.config),a=t.map(q).filter((function(t){return!!t&&-1!==n.indexOf(t)}));return e.getKeySystemSelectionPromise(a).then((function(t){var e=t.keySystem,n=z(e);n?r(n):i(new Error('Unable to find format for key-system "'+e+'"'))})).catch(i)}))},e.loadKey=function(t){var e=this,r=t.keyInfo.decryptdata,i=this.getKeyIdString(r),n="(keyId: "+i+' format: "'+r.keyFormat+'" method: '+r.method+" uri: "+r.uri+")";this.log("Starting session for key "+n);var a=this.keyIdToKeySessionPromise[i];return a||(a=this.keyIdToKeySessionPromise[i]=this.getKeySystemForKeyPromise(r).then((function(i){var a=i.keySystem,s=i.mediaKeys;return e.throwIfDestroyed(),e.log("Handle encrypted media sn: "+t.frag.sn+" "+t.frag.type+": "+t.frag.level+" using key "+n),e.attemptSetMediaKeys(a,s).then((function(){e.throwIfDestroyed();var t=e.createMediaKeySessionContext({keySystem:a,mediaKeys:s,decryptdata:r});return e.generateRequestWithPreferredKeySession(t,"cenc",r.pssh,"playlist-key")}))}))).catch((function(t){return e.handleError(t)})),a},e.throwIfDestroyed=function(t){if(!this.hls)throw new Error("invalid state")},e.handleError=function(t){this.hls&&(this.error(t.message),t instanceof oa?this.hls.trigger(T.ERROR,t.data):this.hls.trigger(T.ERROR,{type:E.KEY_SYSTEM_ERROR,details:S.KEY_SYSTEM_NO_KEYS,error:t,fatal:!0}))},e.getKeySystemForKeyPromise=function(t){var e=this.getKeyIdString(t),r=this.keyIdToKeySessionPromise[e];if(!r){var i=q(t.keyFormat),n=i?[i]:Q(this.config);return this.attemptKeySystemAccess(n)}return r},e.getKeySystemSelectionPromise=function(t){if(t.length||(t=Q(this.config)),0===t.length)throw new oa({type:E.KEY_SYSTEM_ERROR,details:S.KEY_SYSTEM_NO_CONFIGURED_LICENSE,fatal:!0},"Missing key-system license configuration options "+JSON.stringify({drmSystems:this.config.drmSystems}));return this.attemptKeySystemAccess(t)},e._onMediaEncrypted=function(t){var e=this,r=t.initDataType,i=t.initData;if(this.debug('"'+t.type+'" event: init data type: "'+r+'"'),null!==i){var n,a;if("sinf"===r&&this.config.drmSystems[H.FAIRPLAY]){var s=yt(new Uint8Array(i));try{var o=G(JSON.parse(s).sinf),l=bt(new Uint8Array(o));if(!l)return;n=l.subarray(8,24),a=H.FAIRPLAY}catch(t){return void this.warn('Failed to parse sinf "encrypted" event message initData')}}else{var u=function(t){if(!(t instanceof ArrayBuffer)||t.byteLength<32)return null;var e={version:0,systemId:"",kids:null,data:null},r=new DataView(t),i=r.getUint32(0);if(t.byteLength!==i&&i>44)return null;if(1886614376!==r.getUint32(4))return null;if(e.version=r.getUint32(8)>>>24,e.version>1)return null;e.systemId=gt(new Uint8Array(t,12,16));var n=r.getUint32(28);if(0===e.version){if(i-32d||o.status>=400&&o.status<500)a(new oa({type:E.KEY_SYSTEM_ERROR,details:S.KEY_SYSTEM_LICENSE_REQUEST_FAILED,fatal:!0,networkDetails:o,response:{url:s,data:void 0,code:o.status,text:o.statusText}},"License Request XHR failed ("+s+"). Status: "+o.status+" ("+o.statusText+")"));else{var c=d-r._requestLicenseFailureCount+1;r.warn("Retrying license request, "+c+" attempts left"),r.requestLicense(t,e).then(n,a)}}},t.licenseXhr&&t.licenseXhr.readyState!==XMLHttpRequest.DONE&&t.licenseXhr.abort(),t.licenseXhr=o,r.setupLicenseXHR(o,s,t,e).then((function(t){var e=t.xhr,r=t.licenseChallenge;e.send(r)}))}))},e.onMediaAttached=function(t,e){if(this.config.emeEnabled){var r=e.media;this.media=r,r.addEventListener("encrypted",this.onMediaEncrypted),r.addEventListener("waitingforkey",this.onWaitingForKey)}},e.onMediaDetached=function(){var e=this,r=this.media,i=this.mediaKeySessions;r&&(r.removeEventListener("encrypted",this.onMediaEncrypted),r.removeEventListener("waitingforkey",this.onWaitingForKey),this.media=null),this._requestLicenseFailureCount=0,this.setMediaKeysQueue=[],this.mediaKeySessions=[],this.keyIdToKeySessionPromise={},Ft.clearKeyUriToKeyIdMap();var n=i.length;t.CDMCleanupPromise=Promise.all(i.map((function(t){return e.removeSession(t)})).concat(null==r?void 0:r.setMediaKeys(null).catch((function(t){e.log("Could not clear media keys: "+t+". media.src: "+(null==r?void 0:r.src))})))).then((function(){n&&(e.log("finished closing key sessions and clearing media keys"),i.length=0)})).catch((function(t){e.log("Could not close sessions and clear media keys: "+t+". media.src: "+(null==r?void 0:r.src))}))},e.onManifestLoading=function(){this.keyFormatPromise=null},e.onManifestLoaded=function(t,e){var r=e.sessionKeys;if(r&&this.config.emeEnabled&&!this.keyFormatPromise){var i=r.reduce((function(t,e){return-1===t.indexOf(e.keyFormat)&&t.push(e.keyFormat),t}),[]);this.log("Selecting key-system from session-keys "+i.join(", ")),this.keyFormatPromise=this.getKeyFormatPromise(i)}},e.removeSession=function(t){var e=this,r=t.mediaKeysSession,i=t.licenseXhr;if(r){this.log("Remove licenses and keys and close session "+r.sessionId),r.onmessage=null,r.onkeystatuseschange=null,i&&i.readyState!==XMLHttpRequest.DONE&&i.abort(),t.mediaKeysSession=t.decryptdata=t.licenseXhr=void 0;var n=this.mediaKeySessions.indexOf(t);return n>-1&&this.mediaKeySessions.splice(n,1),r.remove().catch((function(t){e.log("Could not remove session: "+t)})).then((function(){return r.close()})).catch((function(t){e.log("Could not close session: "+t)}))}},t}();sa.CDMCleanupPromise=void 0;var oa=function(t){function e(e,r){var i;return(i=t.call(this,r)||this).data=void 0,e.error||(e.error=new Error(r)),i.data=e,e.err=e.error,i}return l(e,t),e}(c(Error)),la="a",ua="av",ha=function(){function t(e){var r=this;this.hls=void 0,this.config=void 0,this.media=void 0,this.sid=void 0,this.cid=void 0,this.useHeaders=!1,this.initialized=!1,this.starved=!1,this.buffering=!0,this.audioBuffer=void 0,this.videoBuffer=void 0,this.onWaiting=function(){r.initialized&&(r.starved=!0),r.buffering=!0},this.onPlaying=function(){r.initialized||(r.initialized=!0),r.buffering=!1},this.applyPlaylistData=function(t){try{r.apply(t,{ot:"m",su:!r.initialized})}catch(t){b.warn("Could not generate manifest CMCD data.",t)}},this.applyFragmentData=function(t){try{var e=t.frag,i=r.hls.levels[e.level],n=r.getObjectType(e),a={d:1e3*e.duration,ot:n};"v"!==n&&n!==la&&n!=ua||(a.br=i.bitrate/1e3,a.tb=r.getTopBandwidth(n)/1e3,a.bl=r.getBufferLength(n)),r.apply(t,a)}catch(t){b.warn("Could not generate segment CMCD data.",t)}},this.hls=e;var i=this.config=e.config,n=i.cmcd;null!=n&&(i.pLoader=this.createPlaylistLoader(),i.fLoader=this.createFragmentLoader(),this.sid=n.sessionId||t.uuid(),this.cid=n.contentId,this.useHeaders=!0===n.useHeaders,this.registerListeners())}var e=t.prototype;return e.registerListeners=function(){var t=this.hls;t.on(T.MEDIA_ATTACHED,this.onMediaAttached,this),t.on(T.MEDIA_DETACHED,this.onMediaDetached,this),t.on(T.BUFFER_CREATED,this.onBufferCreated,this)},e.unregisterListeners=function(){var t=this.hls;t.off(T.MEDIA_ATTACHED,this.onMediaAttached,this),t.off(T.MEDIA_DETACHED,this.onMediaDetached,this),t.off(T.BUFFER_CREATED,this.onBufferCreated,this)},e.destroy=function(){this.unregisterListeners(),this.onMediaDetached(),this.hls=this.config=this.audioBuffer=this.videoBuffer=null},e.onMediaAttached=function(t,e){this.media=e.media,this.media.addEventListener("waiting",this.onWaiting),this.media.addEventListener("playing",this.onPlaying)},e.onMediaDetached=function(){this.media&&(this.media.removeEventListener("waiting",this.onWaiting),this.media.removeEventListener("playing",this.onPlaying),this.media=null)},e.onBufferCreated=function(t,e){var r,i;this.audioBuffer=null==(r=e.tracks.audio)?void 0:r.buffer,this.videoBuffer=null==(i=e.tracks.video)?void 0:i.buffer},e.createData=function(){var t;return{v:1,sf:"h",sid:this.sid,cid:this.cid,pr:null==(t=this.media)?void 0:t.playbackRate,mtp:this.hls.bandwidthEstimate/1e3}},e.apply=function(e,r){void 0===r&&(r={}),o(r,this.createData());var i="i"===r.ot||"v"===r.ot||r.ot===ua;if(this.starved&&i&&(r.bs=!0,r.su=!0,this.starved=!1),null==r.su&&(r.su=this.buffering),this.useHeaders){var n=t.toHeaders(r);if(!Object.keys(n).length)return;e.headers||(e.headers={}),o(e.headers,n)}else{var a=t.toQuery(r);if(!a)return;e.url=t.appendQueryToUri(e.url,a)}},e.getObjectType=function(t){var e=t.type;return"subtitle"===e?"tt":"initSegment"===t.sn?"i":"audio"===e?la:"main"===e?this.hls.audioTracks.length?"v":ua:void 0},e.getTopBandwidth=function(t){var e,r=0,i=this.hls;if(t===la)e=i.audioTracks;else{var n=i.maxAutoLevel,a=n>-1?n+1:i.levels.length;e=i.levels.slice(0,a)}for(var s,o=g(e);!(s=o()).done;){var l=s.value;l.bitrate>r&&(r=l.bitrate)}return r>0?r:NaN},e.getBufferLength=function(t){var e=this.hls.media,r=t===la?this.audioBuffer:this.videoBuffer;return r&&e?1e3*dr.bufferInfo(r,e.currentTime,this.config.maxBufferHole).len:NaN},e.createPlaylistLoader=function(){var t=this.config.pLoader,e=this.applyPlaylistData,r=t||this.config.loader;return function(){function t(t){this.loader=void 0,this.loader=new r(t)}var i=t.prototype;return i.destroy=function(){this.loader.destroy()},i.abort=function(){this.loader.abort()},i.load=function(t,r,i){e(t),this.loader.load(t,r,i)},a(t,[{key:"stats",get:function(){return this.loader.stats}},{key:"context",get:function(){return this.loader.context}}]),t}()},e.createFragmentLoader=function(){var t=this.config.fLoader,e=this.applyFragmentData,r=t||this.config.loader;return function(){function t(t){this.loader=void 0,this.loader=new r(t)}var i=t.prototype;return i.destroy=function(){this.loader.destroy()},i.abort=function(){this.loader.abort()},i.load=function(t,r,i){e(t),this.loader.load(t,r,i)},a(t,[{key:"stats",get:function(){return this.loader.stats}},{key:"context",get:function(){return this.loader.context}}]),t}()},t.uuid=function(){var t=URL.createObjectURL(new Blob),e=t.toString();return URL.revokeObjectURL(t),e.slice(e.lastIndexOf("/")+1)},t.serialize=function(t){for(var e,r=[],i=function(t){return!Number.isNaN(t)&&null!=t&&""!==t&&!1!==t},n=function(t){return Math.round(t)},a=function(t){return 100*n(t/100)},s={br:n,d:n,bl:a,dl:a,mtp:a,nor:function(t){return encodeURIComponent(t)},rtp:a,tb:n},o=g(Object.keys(t||{}).sort());!(e=o()).done;){var l=e.value,u=t[l];if(i(u)&&!("v"===l&&1===u||"pr"==l&&1===u)){var h=s[l];h&&(u=h(u));var d,c=typeof u;d="ot"===l||"sf"===l||"st"===l?l+"="+u:"boolean"===c?l:"number"===c?l+"="+u:l+"="+JSON.stringify(u),r.push(d)}}return r.join(",")},t.toHeaders=function(e){for(var r={},i=["Object","Request","Session","Status"],n=[{},{},{},{}],a={br:0,d:0,ot:0,tb:0,bl:1,dl:1,mtp:1,nor:1,nrr:1,su:1,cid:2,pr:2,sf:2,sid:2,st:2,v:2,bs:3,rtp:3},s=0,o=Object.keys(e);s1&&(this.updatePathwayPriority(i),r.resolved=this.pathwayId!==n)}},e.filterParsedLevels=function(t){this.levels=t;var e=this.getLevelsForPathway(this.pathwayId);if(0===e.length){var r=t[0].pathwayId;this.log("No levels found in Pathway "+this.pathwayId+'. Setting initial Pathway to "'+r+'"'),e=this.getLevelsForPathway(r),this.pathwayId=r}return e.length!==t.length?(this.log("Found "+e.length+"/"+t.length+' levels in Pathway "'+this.pathwayId+'"'),e):t},e.getLevelsForPathway=function(t){return null===this.levels?[]:this.levels.filter((function(e){return t===e.pathwayId}))},e.updatePathwayPriority=function(t){var e;this.pathwayPriority=t;var r=this.penalizedPathways,i=performance.now();Object.keys(r).forEach((function(t){i-r[t]>3e5&&delete r[t]}));for(var n=0;n0){this.log('Setting Pathway to "'+a+'"'),this.pathwayId=a,this.hls.trigger(T.LEVELS_UPDATED,{levels:e});var l=this.hls.levels[s];o&&l&&this.levels&&(l.attrs["STABLE-VARIANT-ID"]!==o.attrs["STABLE-VARIANT-ID"]&&l.bitrate!==o.bitrate&&this.log("Unstable Pathways change from bitrate "+o.bitrate+" to "+l.bitrate),this.hls.nextLoadLevel=s);break}}}},e.clonePathways=function(t){var e=this,r=this.levels;if(r){var i={},n={};t.forEach((function(t){var a=t.ID,s=t["BASE-ID"],l=t["URI-REPLACEMENT"];if(!r.some((function(t){return t.pathwayId===a}))){var u=e.getLevelsForPathway(s).map((function(t){var e=o({},t);e.details=void 0,e.url=fa(t.uri,t.attrs["STABLE-VARIANT-ID"],"PER-VARIANT-URIS",l);var r=new w(t.attrs);r["PATHWAY-ID"]=a;var s=r.AUDIO&&r.AUDIO+"_clone_"+a,u=r.SUBTITLES&&r.SUBTITLES+"_clone_"+a;s&&(i[r.AUDIO]=s,r.AUDIO=s),u&&(n[r.SUBTITLES]=u,r.SUBTITLES=u),e.attrs=r;var h=new De(e);return Xe(h,"audio",s),Xe(h,"text",u),h}));r.push.apply(r,u),ca(e.audioTracks,i,l,a),ca(e.subtitleTracks,n,l,a)}}))}},e.loadSteeringManifest=function(t){var e,r=this,i=this.hls.config,n=i.loader;this.loader&&this.loader.destroy(),this.loader=new n(i);try{e=new self.URL(t)}catch(e){return this.enabled=!1,void this.log("Failed to parse Steering Manifest URI: "+t)}if("data:"!==e.protocol){var a=0|(this.hls.bandwidthEstimate||i.abrEwmaDefaultEstimate);e.searchParams.set("_HLS_pathway",this.pathwayId),e.searchParams.set("_HLS_throughput",""+a)}var s={responseType:"json",url:e.href},o=i.steeringManifestLoadPolicy.default,l=o.errorRetry||o.timeoutRetry||{},u={loadPolicy:o,timeout:o.maxLoadTimeMs,maxRetry:l.maxNumRetry||0,retryDelay:l.retryDelayMs||0,maxRetryDelay:l.maxRetryDelayMs||0},h={onSuccess:function(t,i,n,a){r.log('Loaded steering manifest: "'+e+'"');var s=t.data;if(1===s.VERSION){r.updated=performance.now(),r.timeToLoad=s.TTL;var o=s["RELOAD-URI"],l=s["PATHWAY-CLONES"],u=s["PATHWAY-PRIORITY"];if(o)try{r.uri=new self.URL(o,e).href}catch(t){return r.enabled=!1,void r.log("Failed to parse Steering Manifest RELOAD-URI: "+o)}r.scheduleRefresh(r.uri||n.url),l&&r.clonePathways(l),u&&r.updatePathwayPriority(u)}else r.log("Steering VERSION "+s.VERSION+" not supported!")},onError:function(t,e,i,n){if(r.log("Error loading steering manifest: "+t.code+" "+t.text+" ("+e.url+")"),r.stopLoad(),410===t.code)return r.enabled=!1,void r.log("Steering manifest "+e.url+" no longer available");var a=1e3*r.timeToLoad;if(429!==t.code)r.scheduleRefresh(r.uri||e.url,a);else{var s=r.loader;if("function"==typeof(null==s?void 0:s.getResponseHeader)){var o=s.getResponseHeader("Retry-After");o&&(a=1e3*parseFloat(o))}r.log("Steering manifest "+e.url+" rate limited")}},onTimeout:function(t,e,i){r.log("Timeout loading steering manifest ("+e.url+")"),r.scheduleRefresh(r.uri||e.url)}};this.log("Requesting steering manifest: "+e),this.loader.load(s,u,h)},e.scheduleRefresh=function(t,e){var r=this;void 0===e&&(e=1e3*this.timeToLoad),self.clearTimeout(this.reloadTimer),this.reloadTimer=self.setTimeout((function(){r.loadSteeringManifest(t)}),e)},t}();function ca(t,e,r,i){t&&Object.keys(e).forEach((function(n){var a=t.filter((function(t){return t.groupId===n})).map((function(t){var a=o({},t);return a.details=void 0,a.attrs=new w(a.attrs),a.url=a.attrs.URI=fa(t.url,t.attrs["STABLE-RENDITION-ID"],"PER-RENDITION-URIS",r),a.groupId=a.attrs["GROUP-ID"]=e[n],a.attrs["PATHWAY-ID"]=i,a}));t.push.apply(t,a)}))}function fa(t,e,r,i){var n,a=i.HOST,s=i.PARAMS,o=i[r];e&&(n=null==o?void 0:o[e])&&(t=n);var l=new self.URL(t);return a&&!n&&(l.host=a),s&&Object.keys(s).sort().forEach((function(t){t&&l.searchParams.set(t,s[t])})),l.href}var ga=/^age:\s*[\d.]+\s*$/im,va=function(){function t(t){this.xhrSetup=void 0,this.requestTimeout=void 0,this.retryTimeout=void 0,this.retryDelay=void 0,this.config=null,this.callbacks=null,this.context=void 0,this.loader=null,this.stats=void 0,this.xhrSetup=t&&t.xhrSetup||null,this.stats=new P,this.retryDelay=0}var e=t.prototype;return e.destroy=function(){this.callbacks=null,this.abortInternal(),this.loader=null,this.config=null},e.abortInternal=function(){var t=this.loader;self.clearTimeout(this.requestTimeout),self.clearTimeout(this.retryTimeout),t&&(t.onreadystatechange=null,t.onprogress=null,4!==t.readyState&&(this.stats.aborted=!0,t.abort()))},e.abort=function(){var t;this.abortInternal(),null!=(t=this.callbacks)&&t.onAbort&&this.callbacks.onAbort(this.stats,this.context,this.loader)},e.load=function(t,e,r){if(this.stats.loading.start)throw new Error("Loader can only be used once.");this.stats.loading.start=self.performance.now(),this.context=t,this.config=e,this.callbacks=r,this.loadInternal()},e.loadInternal=function(){var t=this,e=this.config,r=this.context;if(e){var i=this.loader=new self.XMLHttpRequest,n=this.stats;n.loading.first=0,n.loaded=0,n.aborted=!1;var a=this.xhrSetup;a?Promise.resolve().then((function(){if(!t.stats.aborted)return a(i,r.url)})).catch((function(t){return i.open("GET",r.url,!0),a(i,r.url)})).then((function(){t.stats.aborted||t.openAndSendXhr(i,r,e)})).catch((function(e){t.callbacks.onError({code:i.status,text:e.message},r,i,n)})):this.openAndSendXhr(i,r,e)}},e.openAndSendXhr=function(t,e,r){t.readyState||t.open("GET",e.url,!0);var i=this.context.headers,n=r.loadPolicy,a=n.maxTimeToFirstByteMs,s=n.maxLoadTimeMs;if(i)for(var o in i)t.setRequestHeader(o,i[o]);e.rangeEnd&&t.setRequestHeader("Range","bytes="+e.rangeStart+"-"+(e.rangeEnd-1)),t.onreadystatechange=this.readystatechange.bind(this),t.onprogress=this.loadprogress.bind(this),t.responseType=e.responseType,self.clearTimeout(this.requestTimeout),r.timeout=a&&y(a)?a:s,this.requestTimeout=self.setTimeout(this.loadtimeout.bind(this),r.timeout),t.send()},e.readystatechange=function(){var t=this.context,e=this.loader,r=this.stats;if(t&&e){var i=e.readyState,n=this.config;if(!r.aborted&&i>=2&&(0===r.loading.first&&(r.loading.first=Math.max(self.performance.now(),r.loading.start),n.timeout!==n.loadPolicy.maxLoadTimeMs&&(self.clearTimeout(this.requestTimeout),n.timeout=n.loadPolicy.maxLoadTimeMs,this.requestTimeout=self.setTimeout(this.loadtimeout.bind(this),n.loadPolicy.maxLoadTimeMs-(r.loading.first-r.loading.start)))),4===i)){self.clearTimeout(this.requestTimeout),e.onreadystatechange=null,e.onprogress=null;var a=e.status,s="text"!==e.responseType;if(a>=200&&a<300&&(s&&e.response||null!==e.responseText)){r.loading.end=Math.max(self.performance.now(),r.loading.first);var o=s?e.response:e.responseText,l="arraybuffer"===e.responseType?o.byteLength:o.length;if(r.loaded=r.total=l,r.bwEstimate=8e3*r.total/(r.loading.end-r.loading.first),!this.callbacks)return;var u=this.callbacks.onProgress;if(u&&u(r,t,o,e),!this.callbacks)return;var h={url:e.responseURL,data:o,code:a};this.callbacks.onSuccess(h,r,t,e)}else{var d=n.loadPolicy.errorRetry;Be(d,r.retry,!1,a)?this.retry(d):(b.error(a+" while loading "+t.url),this.callbacks.onError({code:a,text:e.statusText},t,e,r))}}}},e.loadtimeout=function(){var t,e=null==(t=this.config)?void 0:t.loadPolicy.timeoutRetry;if(Be(e,this.stats.retry,!0))this.retry(e);else{b.warn("timeout while loading "+this.context.url);var r=this.callbacks;r&&(this.abortInternal(),r.onTimeout(this.stats,this.context,this.loader))}},e.retry=function(t){var e=this.context,r=this.stats;this.retryDelay=Ne(t,r.retry),r.retry++,b.warn((status?"HTTP Status "+status:"Timeout")+" while loading "+e.url+", retrying "+r.retry+"/"+t.maxNumRetry+" in "+this.retryDelay+"ms"),this.abortInternal(),this.loader=null,self.clearTimeout(this.retryTimeout),this.retryTimeout=self.setTimeout(this.loadInternal.bind(this),this.retryDelay)},e.loadprogress=function(t){var e=this.stats;e.loaded=t.loaded,t.lengthComputable&&(e.total=t.total)},e.getCacheAge=function(){var t=null;if(this.loader&&ga.test(this.loader.getAllResponseHeaders())){var e=this.loader.getResponseHeader("age");t=e?parseFloat(e):null}return t},e.getResponseHeader=function(t){return this.loader&&new RegExp("^"+t+":\\s*[\\d.]+\\s*$","im").test(this.loader.getAllResponseHeaders())?this.loader.getResponseHeader(t):null},t}(),ma=/(\d+)-(\d+)\/(\d+)/,pa=function(){function t(t){this.fetchSetup=void 0,this.requestTimeout=void 0,this.request=void 0,this.response=void 0,this.controller=void 0,this.context=void 0,this.config=null,this.callbacks=null,this.stats=void 0,this.loader=null,this.fetchSetup=t.fetchSetup||ya,this.controller=new self.AbortController,this.stats=new P}var e=t.prototype;return e.destroy=function(){this.loader=this.callbacks=null,this.abortInternal()},e.abortInternal=function(){var t=this.response;null!=t&&t.ok||(this.stats.aborted=!0,this.controller.abort())},e.abort=function(){var t;this.abortInternal(),null!=(t=this.callbacks)&&t.onAbort&&this.callbacks.onAbort(this.stats,this.context,this.response)},e.load=function(t,e,r){var i=this,n=this.stats;if(n.loading.start)throw new Error("Loader can only be used once.");n.loading.start=self.performance.now();var a=function(t,e){var r={method:"GET",mode:"cors",credentials:"same-origin",signal:e,headers:new self.Headers(o({},t.headers))};return t.rangeEnd&&r.headers.set("Range","bytes="+t.rangeStart+"-"+String(t.rangeEnd-1)),r}(t,this.controller.signal),s=r.onProgress,l="arraybuffer"===t.responseType,u=l?"byteLength":"length",h=e.loadPolicy,d=h.maxTimeToFirstByteMs,c=h.maxLoadTimeMs;this.context=t,this.config=e,this.callbacks=r,this.request=this.fetchSetup(t,a),self.clearTimeout(this.requestTimeout),e.timeout=d&&y(d)?d:c,this.requestTimeout=self.setTimeout((function(){i.abortInternal(),r.onTimeout(n,t,i.response)}),e.timeout),self.fetch(this.request).then((function(a){i.response=i.loader=a;var o=Math.max(self.performance.now(),n.loading.start);if(self.clearTimeout(i.requestTimeout),e.timeout=c,i.requestTimeout=self.setTimeout((function(){i.abortInternal(),r.onTimeout(n,t,i.response)}),c-(o-n.loading.start)),!a.ok){var u=a.status,h=a.statusText;throw new Ta(h||"fetch, bad network response",u,a)}return n.loading.first=o,n.total=function(t){var e=t.get("Content-Range");if(e){var r=function(t){var e=ma.exec(t);if(e)return parseInt(e[2])-parseInt(e[1])+1}(e);if(y(r))return r}var i=t.get("Content-Length");if(i)return parseInt(i)}(a.headers)||n.total,s&&y(e.highWaterMark)?i.loadProgressively(a,n,t,e.highWaterMark,s):l?a.arrayBuffer():"json"===t.responseType?a.json():a.text()})).then((function(a){var o=i.response;self.clearTimeout(i.requestTimeout),n.loading.end=Math.max(self.performance.now(),n.loading.first);var l=a[u];l&&(n.loaded=n.total=l);var h={url:o.url,data:a,code:o.status};s&&!y(e.highWaterMark)&&s(n,t,a,o),r.onSuccess(h,n,t,o)})).catch((function(e){if(self.clearTimeout(i.requestTimeout),!n.aborted){var a=e&&e.code||0,s=e?e.message:null;r.onError({code:a,text:s},t,e?e.details:null,n)}}))},e.getCacheAge=function(){var t=null;if(this.response){var e=this.response.headers.get("age");t=e?parseFloat(e):null}return t},e.getResponseHeader=function(t){return this.response?this.response.headers.get(t):null},e.loadProgressively=function(t,e,r,i,n){void 0===i&&(i=0);var a=new Qi,s=t.body.getReader();return function o(){return s.read().then((function(s){if(s.done)return a.dataLength&&n(e,r,a.flush(),t),Promise.resolve(new ArrayBuffer(0));var l=s.value,u=l.length;return e.loaded+=u,u=i&&n(e,r,a.flush(),t)):n(e,r,l,t),o()})).catch((function(){return Promise.reject()}))}()},t}();function ya(t,e){return new self.Request(t.url,e)}var Ta=function(t){function e(e,r,i){var n;return(n=t.call(this,e)||this).code=void 0,n.details=void 0,n.code=r,n.details=i,n}return l(e,t),e}(c(Error)),Ea=/\s/,Sa=i(i({autoStartLoad:!0,startPosition:-1,defaultAudioCodec:void 0,debug:!1,capLevelOnFPSDrop:!1,capLevelToPlayerSize:!1,ignoreDevicePixelRatio:!1,initialLiveManifestSize:1,maxBufferLength:30,backBufferLength:1/0,maxBufferSize:6e7,maxBufferHole:.1,highBufferWatchdogPeriod:2,nudgeOffset:.1,nudgeMaxRetry:3,maxFragLookUpTolerance:.25,liveSyncDurationCount:3,liveMaxLatencyDurationCount:1/0,liveSyncDuration:void 0,liveMaxLatencyDuration:void 0,maxLiveSyncPlaybackRate:1,liveDurationInfinity:!1,liveBackBufferLength:null,maxMaxBufferLength:600,enableWorker:!0,workerPath:null,enableSoftwareAES:!0,startLevel:void 0,startFragPrefetch:!1,fpsDroppedMonitoringPeriod:5e3,fpsDroppedMonitoringThreshold:.2,appendErrorMaxRetry:3,loader:va,fLoader:void 0,pLoader:void 0,xhrSetup:void 0,licenseXhrSetup:void 0,licenseResponseCallback:void 0,abrController:zi,bufferController:un,capLevelController:ia,errorController:We,fpsController:na,stretchShortVideoTrack:!1,maxAudioFramesDrift:1,forceKeyFrameOnDiscontinuity:!0,abrEwmaFastLive:3,abrEwmaSlowLive:9,abrEwmaFastVoD:3,abrEwmaSlowVoD:9,abrEwmaDefaultEstimate:5e5,abrBandWidthFactor:.95,abrBandWidthUpFactor:.7,abrMaxWithRealBitrate:!1,maxStarvationDelay:4,maxLoadingDelay:4,minAutoBitrate:0,emeEnabled:!1,widevineLicenseUrl:void 0,drmSystems:{},drmSystemOptions:{},requestMediaKeySystemAccessFunc:$,testBandwidth:!0,progressive:!1,lowLatencyMode:!0,cmcd:void 0,enableDateRangeMetadataCues:!0,enableEmsgMetadataCues:!0,enableID3MetadataCues:!0,certLoadPolicy:{default:{maxTimeToFirstByteMs:8e3,maxLoadTimeMs:2e4,timeoutRetry:null,errorRetry:null}},keyLoadPolicy:{default:{maxTimeToFirstByteMs:8e3,maxLoadTimeMs:2e4,timeoutRetry:{maxNumRetry:1,retryDelayMs:1e3,maxRetryDelayMs:2e4,backoff:"linear"},errorRetry:{maxNumRetry:8,retryDelayMs:1e3,maxRetryDelayMs:2e4,backoff:"linear"}}},manifestLoadPolicy:{default:{maxTimeToFirstByteMs:1/0,maxLoadTimeMs:2e4,timeoutRetry:{maxNumRetry:2,retryDelayMs:0,maxRetryDelayMs:0},errorRetry:{maxNumRetry:1,retryDelayMs:1e3,maxRetryDelayMs:8e3}}},playlistLoadPolicy:{default:{maxTimeToFirstByteMs:1e4,maxLoadTimeMs:2e4,timeoutRetry:{maxNumRetry:2,retryDelayMs:0,maxRetryDelayMs:0},errorRetry:{maxNumRetry:2,retryDelayMs:1e3,maxRetryDelayMs:8e3}}},fragLoadPolicy:{default:{maxTimeToFirstByteMs:1e4,maxLoadTimeMs:12e4,timeoutRetry:{maxNumRetry:4,retryDelayMs:0,maxRetryDelayMs:0},errorRetry:{maxNumRetry:6,retryDelayMs:1e3,maxRetryDelayMs:8e3}}},steeringManifestLoadPolicy:{default:{maxTimeToFirstByteMs:1e4,maxLoadTimeMs:2e4,timeoutRetry:{maxNumRetry:2,retryDelayMs:0,maxRetryDelayMs:0},errorRetry:{maxNumRetry:1,retryDelayMs:1e3,maxRetryDelayMs:8e3}}},manifestLoadingTimeOut:1e4,manifestLoadingMaxRetry:1,manifestLoadingRetryDelay:1e3,manifestLoadingMaxRetryTimeout:64e3,levelLoadingTimeOut:1e4,levelLoadingMaxRetry:4,levelLoadingRetryDelay:1e3,levelLoadingMaxRetryTimeout:64e3,fragLoadingTimeOut:2e4,fragLoadingMaxRetry:6,fragLoadingRetryDelay:1e3,fragLoadingMaxRetryTimeout:64e3},{cueHandler:{newCue:function(t,e,r,i){for(var n,a,s,o,l,u=[],h=self.VTTCue||self.TextTrackCue,d=0;d=16?o--:o++;var g=Un(l.trim()),v=Vn(e,r,g);null!=t&&null!=(c=t.cues)&&c.getCueById(v)||((a=new h(e,r,g)).id=v,a.line=d+1,a.align="left",a.position=10+Math.min(80,10*Math.floor(8*o/32)),u.push(a))}return t&&u.length&&(u.sort((function(t,e){return"auto"===t.line||"auto"===e.line?0:t.line>8&&e.line>8?e.line-t.line:t.line-e.line})),u.forEach((function(e){return ve(t,e)}))),u}},enableWebVTT:!0,enableIMSC1:!0,enableCEA708Captions:!0,captionsTextTrack1Label:"English",captionsTextTrack1LanguageCode:"en",captionsTextTrack2Label:"Spanish",captionsTextTrack2LanguageCode:"es",captionsTextTrack3Label:"Unknown CC",captionsTextTrack3LanguageCode:"",captionsTextTrack4Label:"Unknown CC",captionsTextTrack4LanguageCode:"",renderTextTracksNatively:!0}),{},{subtitleStreamController:en,subtitleTrackController:nn,timelineController:ea,audioStreamController:$i,audioTrackController:Ji,emeController:sa,cmcdController:ha,contentSteeringController:da});function La(t){return t&&"object"==typeof t?Array.isArray(t)?t.map(La):Object.keys(t).reduce((function(e,r){return e[r]=La(t[r]),e}),{}):t}var Ra=function(){function t(e){void 0===e&&(e={}),this.config=void 0,this.userConfig=void 0,this.coreComponents=void 0,this.networkControllers=void 0,this._emitter=new Bi,this._autoLevelCapping=void 0,this._maxHdcpLevel=null,this.abrController=void 0,this.bufferController=void 0,this.capLevelController=void 0,this.latencyController=void 0,this.levelController=void 0,this.streamController=void 0,this.audioTrackController=void 0,this.subtitleTrackController=void 0,this.emeController=void 0,this.cmcdController=void 0,this._media=null,this.url=null,k(e.debug||!1,"Hls instance");var r=this.config=function(t,e){if((e.liveSyncDurationCount||e.liveMaxLatencyDurationCount)&&(e.liveSyncDuration||e.liveMaxLatencyDuration))throw new Error("Illegal hls.js config: don't mix up liveSyncDurationCount/liveMaxLatencyDurationCount and liveSyncDuration/liveMaxLatencyDuration");if(void 0!==e.liveMaxLatencyDurationCount&&(void 0===e.liveSyncDurationCount||e.liveMaxLatencyDurationCount<=e.liveSyncDurationCount))throw new Error('Illegal hls.js config: "liveMaxLatencyDurationCount" must be greater than "liveSyncDurationCount"');if(void 0!==e.liveMaxLatencyDuration&&(void 0===e.liveSyncDuration||e.liveMaxLatencyDuration<=e.liveSyncDuration))throw new Error('Illegal hls.js config: "liveMaxLatencyDuration" must be greater than "liveSyncDuration"');var r=La(t),n=["TimeOut","MaxRetry","RetryDelay","MaxRetryTimeout"];return["manifest","level","frag"].forEach((function(t){var i=("level"===t?"playlist":t)+"LoadPolicy",a=void 0===e[i],s=[];n.forEach((function(n){var o=t+"Loading"+n,l=e[o];if(void 0!==l&&a){s.push(o);var u=r[i].default;switch(e[i]={default:u},n){case"TimeOut":u.maxLoadTimeMs=l,u.maxTimeToFirstByteMs=l;break;case"MaxRetry":u.errorRetry.maxNumRetry=l,u.timeoutRetry.maxNumRetry=l;break;case"RetryDelay":u.errorRetry.retryDelayMs=l,u.timeoutRetry.retryDelayMs=l;break;case"MaxRetryTimeout":u.errorRetry.maxRetryDelayMs=l,u.timeoutRetry.maxRetryDelayMs=l}}})),s.length&&b.warn('hls.js config: "'+s.join('", "')+'" setting(s) are deprecated, use "'+i+'": '+JSON.stringify(e[i]))})),i(i({},r),e)}(t.DefaultConfig,e);this.userConfig=e,this._autoLevelCapping=-1,r.progressive&&function(t){var e=t.loader;e!==pa&&e!==va?(b.log("[config]: Custom loader detected, cannot enable progressive streaming"),t.progressive=!1):function(){if(self.fetch&&self.AbortController&&self.ReadableStream&&self.Request)try{return new self.ReadableStream({}),!0}catch(t){}return!1}()&&(t.loader=pa,t.progressive=!0,t.enableSoftwareAES=!0,b.log("[config]: Progressive streaming enabled, using FetchLoader"))}(r);var n=r.abrController,a=r.bufferController,s=r.capLevelController,o=r.errorController,l=r.fpsController,u=new o(this),h=this.abrController=new n(this),d=this.bufferController=new a(this),c=this.capLevelController=new s(this),f=new l(this),g=new fe(this),v=new Re(this),m=r.contentSteeringController,p=m?new m(this):null,y=this.levelController=new qe(this,p),E=new tr(this),S=new lr(this.config),L=this.streamController=new ji(this,E,S);c.setStreamController(L),f.setStreamController(L);var R=[g,y,L];p&&R.splice(1,0,p),this.networkControllers=R;var A=[h,d,c,f,v,E];this.audioTrackController=this.createController(r.audioTrackController,R);var D=r.audioStreamController;D&&R.push(new D(this,E,S)),this.subtitleTrackController=this.createController(r.subtitleTrackController,R);var I=r.subtitleStreamController;I&&R.push(new I(this,E,S)),this.createController(r.timelineController,A),S.emeController=this.emeController=this.createController(r.emeController,A),this.cmcdController=this.createController(r.cmcdController,A),this.latencyController=this.createController(Ae,A),this.coreComponents=A,R.push(u);var w=u.onErrorOut;"function"==typeof w&&this.on(T.ERROR,w,u)}t.isSupported=function(){return function(){var t=Kt();if(!t)return!1;var e=Fr(),r=t&&"function"==typeof t.isTypeSupported&&t.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"'),i=!e||e.prototype&&"function"==typeof e.prototype.appendBuffer&&"function"==typeof e.prototype.remove;return!!r&&!!i}()};var e=t.prototype;return e.createController=function(t,e){if(t){var r=new t(this);return e&&e.push(r),r}return null},e.on=function(t,e,r){void 0===r&&(r=this),this._emitter.on(t,e,r)},e.once=function(t,e,r){void 0===r&&(r=this),this._emitter.once(t,e,r)},e.removeAllListeners=function(t){this._emitter.removeAllListeners(t)},e.off=function(t,e,r,i){void 0===r&&(r=this),this._emitter.off(t,e,r,i)},e.listeners=function(t){return this._emitter.listeners(t)},e.emit=function(t,e,r){return this._emitter.emit(t,e,r)},e.trigger=function(t,e){if(this.config.debug)return this.emit(t,t,e);try{return this.emit(t,t,e)}catch(e){b.error("An internal error happened while handling event "+t+'. Error message: "'+e.message+'". Here is a stacktrace:',e),this.trigger(T.ERROR,{type:E.OTHER_ERROR,details:S.INTERNAL_EXCEPTION,fatal:!1,event:t,error:e})}return!1},e.listenerCount=function(t){return this._emitter.listenerCount(t)},e.destroy=function(){b.log("destroy"),this.trigger(T.DESTROYING,void 0),this.detachMedia(),this.removeAllListeners(),this._autoLevelCapping=-1,this.url=null,this.networkControllers.forEach((function(t){return t.destroy()})),this.networkControllers.length=0,this.coreComponents.forEach((function(t){return t.destroy()})),this.coreComponents.length=0;var t=this.config;t.xhrSetup=t.fetchSetup=void 0,this.userConfig=null},e.attachMedia=function(t){b.log("attachMedia"),this._media=t,this.trigger(T.MEDIA_ATTACHING,{media:t})},e.detachMedia=function(){b.log("detachMedia"),this.trigger(T.MEDIA_DETACHING,void 0),this._media=null},e.loadSource=function(t){this.stopLoad();var e=this.media,r=this.url,i=this.url=p.buildAbsoluteURL(self.location.href,t,{alwaysNormalize:!0});b.log("loadSource:"+i),e&&r&&(r!==i||this.bufferController.hasSourceTypes())&&(this.detachMedia(),this.attachMedia(e)),this.trigger(T.MANIFEST_LOADING,{url:t})},e.startLoad=function(t){void 0===t&&(t=-1),b.log("startLoad("+t+")"),this.networkControllers.forEach((function(e){e.startLoad(t)}))},e.stopLoad=function(){b.log("stopLoad"),this.networkControllers.forEach((function(t){t.stopLoad()}))},e.swapAudioCodec=function(){b.log("swapAudioCodec"),this.streamController.swapAudioCodec()},e.recoverMediaError=function(){b.log("recoverMediaError");var t=this._media;this.detachMedia(),t&&this.attachMedia(t)},e.removeLevel=function(t,e){void 0===e&&(e=0),this.levelController.removeLevel(t,e)},a(t,[{key:"levels",get:function(){return this.levelController.levels||[]}},{key:"currentLevel",get:function(){return this.streamController.currentLevel},set:function(t){b.log("set currentLevel:"+t),this.loadLevel=t,this.abrController.clearTimer(),this.streamController.immediateLevelSwitch()}},{key:"nextLevel",get:function(){return this.streamController.nextLevel},set:function(t){b.log("set nextLevel:"+t),this.levelController.manualLevel=t,this.streamController.nextLevelSwitch()}},{key:"loadLevel",get:function(){return this.levelController.level},set:function(t){b.log("set loadLevel:"+t),this.levelController.manualLevel=t}},{key:"nextLoadLevel",get:function(){return this.levelController.nextLoadLevel},set:function(t){this.levelController.nextLoadLevel=t}},{key:"firstLevel",get:function(){return Math.max(this.levelController.firstLevel,this.minAutoLevel)},set:function(t){b.log("set firstLevel:"+t),this.levelController.firstLevel=t}},{key:"startLevel",get:function(){return this.levelController.startLevel},set:function(t){b.log("set startLevel:"+t),-1!==t&&(t=Math.max(t,this.minAutoLevel)),this.levelController.startLevel=t}},{key:"capLevelToPlayerSize",get:function(){return this.config.capLevelToPlayerSize},set:function(t){var e=!!t;e!==this.config.capLevelToPlayerSize&&(e?this.capLevelController.startCapping():(this.capLevelController.stopCapping(),this.autoLevelCapping=-1,this.streamController.nextLevelSwitch()),this.config.capLevelToPlayerSize=e)}},{key:"autoLevelCapping",get:function(){return this._autoLevelCapping},set:function(t){this._autoLevelCapping!==t&&(b.log("set autoLevelCapping:"+t),this._autoLevelCapping=t)}},{key:"bandwidthEstimate",get:function(){var t=this.abrController.bwEstimator;return t?t.getEstimate():NaN}},{key:"ttfbEstimate",get:function(){var t=this.abrController.bwEstimator;return t?t.getEstimateTTFB():NaN}},{key:"maxHdcpLevel",get:function(){return this._maxHdcpLevel},set:function(t){ke.indexOf(t)>-1&&(this._maxHdcpLevel=t)}},{key:"autoLevelEnabled",get:function(){return-1===this.levelController.manualLevel}},{key:"manualLevel",get:function(){return this.levelController.manualLevel}},{key:"minAutoLevel",get:function(){var t=this.levels,e=this.config.minAutoBitrate;if(!t)return 0;for(var r=t.length,i=0;i=e)return i;return 0}},{key:"maxAutoLevel",get:function(){var t,e=this.levels,r=this.autoLevelCapping,i=this.maxHdcpLevel;if(t=-1===r&&e&&e.length?e.length-1:r,i)for(var n=t;n--;){var a=e[n].attrs["HDCP-LEVEL"];if(a&&a<=i)return n}return t}},{key:"nextAutoLevel",get:function(){return Math.min(Math.max(this.abrController.nextAutoLevel,this.minAutoLevel),this.maxAutoLevel)},set:function(t){this.abrController.nextAutoLevel=Math.max(this.minAutoLevel,t)}},{key:"playingDate",get:function(){return this.streamController.currentProgramDateTime}},{key:"mainForwardBufferInfo",get:function(){return this.streamController.getMainFwdBufferInfo()}},{key:"audioTracks",get:function(){var t=this.audioTrackController;return t?t.audioTracks:[]}},{key:"audioTrack",get:function(){var t=this.audioTrackController;return t?t.audioTrack:-1},set:function(t){var e=this.audioTrackController;e&&(e.audioTrack=t)}},{key:"subtitleTracks",get:function(){var t=this.subtitleTrackController;return t?t.subtitleTracks:[]}},{key:"subtitleTrack",get:function(){var t=this.subtitleTrackController;return t?t.subtitleTrack:-1},set:function(t){var e=this.subtitleTrackController;e&&(e.subtitleTrack=t)}},{key:"media",get:function(){return this._media}},{key:"subtitleDisplay",get:function(){var t=this.subtitleTrackController;return!!t&&t.subtitleDisplay},set:function(t){var e=this.subtitleTrackController;e&&(e.subtitleDisplay=t)}},{key:"lowLatencyMode",get:function(){return this.config.lowLatencyMode},set:function(t){this.config.lowLatencyMode=t}},{key:"liveSyncPosition",get:function(){return this.latencyController.liveSyncPosition}},{key:"latency",get:function(){return this.latencyController.latency}},{key:"maxLatency",get:function(){return this.latencyController.maxLatency}},{key:"targetLatency",get:function(){return this.latencyController.targetLatency}},{key:"drift",get:function(){return this.latencyController.drift}},{key:"forceStartLoad",get:function(){return this.streamController.forceStartLoad}}],[{key:"version",get:function(){return"1.4.12"}},{key:"Events",get:function(){return T}},{key:"ErrorTypes",get:function(){return E}},{key:"ErrorDetails",get:function(){return S}},{key:"DefaultConfig",get:function(){return t.defaultConfig?t.defaultConfig:Sa},set:function(e){t.defaultConfig=e}}]),t}();return Ra.defaultConfig=void 0,Ra},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(r="undefined"!=typeof globalThis?globalThis:r||self).Hls=i()}(!1); \ No newline at end of file diff --git a/assets/js/horizontal-product-gallery-slider.js b/assets/js/horizontal-product-gallery-slider.js new file mode 100644 index 00000000..f2c236c5 --- /dev/null +++ b/assets/js/horizontal-product-gallery-slider.js @@ -0,0 +1,40 @@ +// Horizontal gallery slider. +const horizontalProductGallerySlider = jQuery('.ast-single-product-thumbnails').flexslider({ + animation: "slide", + controlNav: false, + animationLoop: false, + slideshow: false, + itemWidth: 80, + itemMargin: 15, + maxItems: 4, + asNavFor: '.woocommerce-product-gallery', + selector: '.woocommerce-product-gallery-thumbnails__wrapper > div', +}); + +window.addEventListener("resize", function() { + horizontalProductGallerySlider.resize(); +}); + +const articleSingle = document.querySelector('.ast-article-single'); + +if (articleSingle && articleSingle.classList.contains('ast-product-single-variable')) { + const img = document.querySelector(".woocommerce-product-gallery .woocommerce-product-gallery__image"); + const thumbnail_images = document.querySelectorAll('.woocommerce-product-gallery .ast-woocommerce-product-gallery__image img'); + + if (img && thumbnail_images) { + observer = new MutationObserver((changes) => { + changes.forEach(change => { + if (change.attributeName.includes('data-thumb')) { + if (thumbnail_images !== null) { + thumbnail_images.forEach(element => { + if (element.getAttribute('srcset') !== null && element.getAttribute('srcset').includes(img.getAttribute('data-thumb'))) { + element.click(); + } + }); + } + } + }); + }); + observer.observe(img, { attributes: true }); + } +} diff --git a/assets/js/horizontal-product-gallery-slider.min.js b/assets/js/horizontal-product-gallery-slider.min.js new file mode 100644 index 00000000..235333f1 --- /dev/null +++ b/assets/js/horizontal-product-gallery-slider.min.js @@ -0,0 +1 @@ +let horizontalProductGallerySlider=jQuery(".ast-single-product-thumbnails").flexslider({animation:"slide",controlNav:!1,animationLoop:!1,slideshow:!1,itemWidth:80,itemMargin:15,maxItems:4,asNavFor:".woocommerce-product-gallery",selector:".woocommerce-product-gallery-thumbnails__wrapper > div"}),articleSingle=(window.addEventListener("resize",function(){horizontalProductGallerySlider.resize()}),document.querySelector(".ast-article-single"));if(articleSingle&&articleSingle.classList.contains("ast-product-single-variable")){let t=document.querySelector(".woocommerce-product-gallery .woocommerce-product-gallery__image"),r=document.querySelectorAll(".woocommerce-product-gallery .ast-woocommerce-product-gallery__image img");t&&r&&(observer=new MutationObserver(e=>{e.forEach(e=>{e.attributeName.includes("data-thumb")&&null!==r&&r.forEach(e=>{null!==e.getAttribute("srcset")&&e.getAttribute("srcset").includes(t.getAttribute("data-thumb"))&&e.click()})})})).observe(t,{attributes:!0})} \ No newline at end of file diff --git a/assets/js/hvac-accessibility.js b/assets/js/hvac-accessibility.js new file mode 100644 index 00000000..9291bf8d --- /dev/null +++ b/assets/js/hvac-accessibility.js @@ -0,0 +1,54 @@ +/** + * HVAC Community Events Accessibility Helper + * + * This script helps improve accessibility by: + * 1. Detecting keyboard navigation to show focus styles only when needed + * 2. Adding skip links for keyboard users + */ + +(function() { + // Function to run when DOM is fully loaded + document.addEventListener('DOMContentLoaded', function() { + // Add keyboard navigation detection + function handleFirstTab(e) { + if (e.keyCode === 9) { // Tab key + document.body.classList.add('user-is-tabbing'); + + // Remove the event listener after first tab press + window.removeEventListener('keydown', handleFirstTab); + + // Add listener for mouse use + window.addEventListener('mousedown', handleMouseDownOnce); + } + } + + // Remove tabbing class when mouse is used + function handleMouseDownOnce() { + document.body.classList.remove('user-is-tabbing'); + + // Re-add tab listener + window.removeEventListener('mousedown', handleMouseDownOnce); + window.addEventListener('keydown', handleFirstTab); + } + + // Add initial keyboard detection + window.addEventListener('keydown', handleFirstTab); + + // Add skip links to all HVAC pages + const mainContent = document.querySelector('.hvac-content, #primary, .entry-content'); + if (mainContent) { + // Create skip link + const skipLink = document.createElement('a'); + skipLink.href = '#content'; + skipLink.className = 'hvac-skip-link'; + skipLink.innerText = 'Skip to main content'; + skipLink.setAttribute('tabindex', '0'); + + // Add ID to main content + mainContent.setAttribute('id', 'content'); + + // Insert skip link as first element in body + document.body.insertBefore(skipLink, document.body.firstChild); + } + }); +})(); \ No newline at end of file diff --git a/assets/js/hvac-admin.js b/assets/js/hvac-admin.js new file mode 100644 index 00000000..db5de5b7 --- /dev/null +++ b/assets/js/hvac-admin.js @@ -0,0 +1,101 @@ +/** + * HVAC Community Events Admin JavaScript + */ + +(function($) { + 'use strict'; + + $(document).ready(function() { + + // Handle settings form submission + $('.hvac-settings-form').on('submit', function(e) { + var $form = $(this); + var $submitBtn = $form.find('input[type="submit"]'); + + // Update button text to show saving + $submitBtn.val('Saving...'); + }); + + // Tab navigation - only for hash-based tabs + // The settings page uses URL parameters for tabs, so we don't need to handle those + $('.nav-tab').each(function() { + var $tab = $(this); + var href = $tab.attr('href'); + + // Only attach click handler for hash links + if (href && href.charAt(0) === '#') { + $tab.on('click', function(e) { + e.preventDefault(); + + // Update active tab + $('.nav-tab').removeClass('nav-tab-active'); + $tab.addClass('nav-tab-active'); + + // Show/hide tab content + $('.hvac-tab-content').hide(); + // Only try to show content if href is a valid selector (starts with #) + if (href && href.charAt(0) === '#') { + $(href).show(); + } + + // Update URL hash without reload + if (history.pushState) { + history.pushState(null, null, href); + } + }); + } + }); + + // Show active tab on load (only for hash-based tabs) + var hash = window.location.hash; + if (hash && hash.charAt(0) === '#') { + var $activeTab = $('.nav-tab').filter(function() { + return $(this).attr('href') === hash; + }); + if ($activeTab.length) { + $activeTab.trigger('click'); + } + } + + // Prevent duplicate content rendering + var $adminContent = $('.hvac-admin-content-wrapper'); + if ($adminContent.length > 1) { + console.warn('Duplicate admin content detected, removing duplicates'); + $adminContent.not(':first').remove(); + } + + // Zoho connection test + $('#test-zoho-connection').on('click', function(e) { + e.preventDefault(); + + var $button = $(this); + var originalText = $button.text(); + + $button.text('Testing...').prop('disabled', true); + + $.ajax({ + url: ajaxurl, + type: 'POST', + data: { + action: 'hvac_zoho_test_connection', + nonce: hvac_admin.nonce + }, + success: function(response) { + if (response.success) { + alert('Connection successful!'); + } else { + alert('Connection failed: ' + response.data); + } + }, + error: function() { + alert('An error occurred while testing the connection.'); + }, + complete: function() { + $button.text(originalText).prop('disabled', false); + } + }); + }); + + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-animations.js b/assets/js/hvac-animations.js new file mode 100644 index 00000000..ca73c20e --- /dev/null +++ b/assets/js/hvac-animations.js @@ -0,0 +1,143 @@ +/** + * HVAC Community Events Animation Helper + * + * This script adds animation support for dynamic elements and + * provides animation utility functions. + */ + +(function() { + document.addEventListener('DOMContentLoaded', function() { + // Only run animations on HVAC pages + const isHVACPage = document.querySelector('.hvac-content') !== null; + if (!isHVACPage) { + return; // Exit early if not on an HVAC page + } + + // Apply animations to elements with data-animate attribute + function animateElements() { + const elements = document.querySelectorAll('[data-animate]'); + + elements.forEach(element => { + const animationClass = element.getAttribute('data-animate'); + const delay = element.getAttribute('data-animate-delay') || 0; + + setTimeout(() => { + element.classList.add(animationClass); + element.style.opacity = '1'; + }, delay); + }); + } + + // Initialize animations when page loads + animateElements(); + + // DISABLED - MutationObserver was causing Safari hanging issues + // The heavy DOM monitoring with childList: true, subtree: true + // creates excessive overhead that Safari's engine can't handle + /* + function setupMutationObserver() { + // Watch for new elements being added to the DOM + const observer = new MutationObserver(mutations => { + mutations.forEach(mutation => { + if (mutation.addedNodes && mutation.addedNodes.length > 0) { + // Check if any added node has animation attributes + mutation.addedNodes.forEach(node => { + // Skip non-element nodes + if (node.nodeType !== 1) return; + + // Check for data-animate attribute + if (node.getAttribute('data-animate')) { + const animationClass = node.getAttribute('data-animate'); + const delay = node.getAttribute('data-animate-delay') || 0; + + setTimeout(() => { + node.classList.add(animationClass); + node.style.opacity = '1'; + }, delay); + } + + // Check children for data-animate attribute + const childElements = node.querySelectorAll('[data-animate]'); + if (childElements.length > 0) { + childElements.forEach(element => { + const animationClass = element.getAttribute('data-animate'); + const delay = element.getAttribute('data-animate-delay') || 0; + + setTimeout(() => { + element.classList.add(animationClass); + element.style.opacity = '1'; + }, delay); + }); + } + }); + } + }); + }); + + // Start observing the document + observer.observe(document.body, { + childList: true, + subtree: true + }); + } + + // Start the observer - DISABLED + // setupMutationObserver(); + */ + + // Animate table rows in sequence - only on HVAC pages + function animateTableRows() { + // Only run on HVAC pages (check for hvac-content wrapper) + if (!document.querySelector('.hvac-content')) { + return; + } + + const tables = document.querySelectorAll('.hvac-content .hvac-table, .hvac-content .events-table, .hvac-content .hvac-transactions-table'); + + tables.forEach(table => { + const rows = table.querySelectorAll('tbody tr'); + + rows.forEach((row, index) => { + row.style.opacity = '0'; + + setTimeout(() => { + row.classList.add('hvac-animate-slide-in-bottom'); + row.style.opacity = '1'; + }, 50 * (index + 1)); // Stagger animation + }); + }); + } + + // Run table row animations + setTimeout(animateTableRows, 300); + + // Add animation class to alerts and messages + const alerts = document.querySelectorAll('.hvac-alert, .hvac-email-sent, .hvac-email-error, .login-error, .hvac-errors, .hvac-success'); + alerts.forEach(alert => { + alert.classList.add('hvac-animate-fade-in'); + }); + + // Expose animation API to global scope + window.hvacAnimations = { + animateElement: function(element, animationClass, delay = 0) { + if (!element) return; + + element.style.opacity = '0'; + + setTimeout(() => { + element.classList.add(animationClass); + element.style.opacity = '1'; + }, delay); + }, + + animateElements: animateElements, + animateTableRows: animateTableRows + }; + + // Check if user prefers reduced motion + const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; + if (prefersReducedMotion) { + document.body.classList.add('reduced-motion'); + } + }); +})(); \ No newline at end of file diff --git a/assets/js/hvac-attendee-profile.js b/assets/js/hvac-attendee-profile.js new file mode 100644 index 00000000..9028affb --- /dev/null +++ b/assets/js/hvac-attendee-profile.js @@ -0,0 +1,51 @@ +/** + * HVAC Attendee Profile JavaScript + * Handles timeline animations and interactions + */ + +jQuery(document).ready(function($) { + 'use strict'; + + // Animate timeline items on scroll + function animateTimeline() { + $('.hvac-timeline-item').each(function() { + var $this = $(this); + var elementTop = $this.offset().top; + var elementBottom = elementTop + $this.outerHeight(); + var viewportTop = $(window).scrollTop(); + var viewportBottom = viewportTop + $(window).height(); + + if (elementBottom > viewportTop && elementTop < viewportBottom) { + $this.addClass('hvac-timeline-visible'); + } + }); + } + + // Initial animation check + animateTimeline(); + + // Animate on scroll + $(window).on('scroll', animateTimeline); + + // Print functionality + $('.hvac-button[onclick*="print"]').on('click', function(e) { + e.preventDefault(); + window.print(); + }); + + // Smooth scroll for timeline + $('.hvac-timeline-item').on('click', '.hvac-event-link', function(e) { + // Allow default link behavior but add tracking if needed + console.log('Event link clicked:', $(this).attr('href')); + }); + + // Add hover effects to timeline items + $('.hvac-timeline-item').hover( + function() { + $(this).find('.hvac-timeline-content').addClass('hvac-timeline-hover'); + }, + function() { + $(this).find('.hvac-timeline-content').removeClass('hvac-timeline-hover'); + } + ); +}); \ No newline at end of file diff --git a/assets/js/hvac-certificate-actions.js b/assets/js/hvac-certificate-actions.js new file mode 100644 index 00000000..a6804e52 --- /dev/null +++ b/assets/js/hvac-certificate-actions.js @@ -0,0 +1,552 @@ +/** + * Certificate Actions JavaScript + * + * Handles the AJAX interactions for certificate viewing, emailing, and revocation. + */ + +(function($) { + 'use strict'; + + // Certificate Actions + const CertificateActions = { + /** + * Initialize certificate actions + */ + init: function() { + // View certificate + $(document).on('click', '.hvac-view-certificate', this.viewCertificate); + + // Email certificate + $(document).on('click', '.hvac-email-certificate', this.emailCertificate); + + // Revoke certificate + $(document).on('click', '.hvac-revoke-certificate', this.revokeCertificate); + + // Close certificate modal + $(document).on('click', '.hvac-modal-close, .hvac-modal-overlay', this.closeCertificateModal); + }, + + /** + * View certificate + */ + viewCertificate: function(e) { + e.preventDefault(); + + const $button = $(this); + const certificateId = $button.data('certificate-id'); + + // Disable button while processing + $button.prop('disabled', true).addClass('hvac-loading'); + + // AJAX request + $.ajax({ + url: hvacCertificateData.ajaxUrl, + type: 'POST', + data: { + action: 'hvac_get_certificate_url', + certificate_id: certificateId, + nonce: hvacCertificateData.viewNonce + }, + success: function(response) { + $button.prop('disabled', false).removeClass('hvac-loading'); + + if (response.success && response.data.url) { + // Show preview modal if it exists + if ($('#hvac-certificate-modal').length > 0) { + CertificateActions.showCertificateModal(response.data.url); + } else { + // Open in new tab + window.open(response.data.url, '_blank'); + } + } else { + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.error(response.data.message || 'Failed to get certificate URL'); + } else { + alert(response.data.message || 'Error: Failed to get certificate URL'); + } + } + }, + error: function() { + $button.prop('disabled', false).removeClass('hvac-loading'); + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.error('Failed to connect to server'); + } else { + alert('Error: Failed to connect to server'); + } + } + }); + }, + + /** + * Show certificate modal + */ + showCertificateModal: function(url) { + // Set iframe source + $('#hvac-certificate-preview').attr('src', url); + + // Show modal + $('.hvac-modal-overlay').fadeIn(200); + $('#hvac-certificate-modal').fadeIn(200); + }, + + /** + * Close certificate modal + */ + closeCertificateModal: function(e) { + if (e.target === this || $(e.target).hasClass('hvac-modal-close')) { + $('.hvac-modal-overlay').fadeOut(200); + $('#hvac-certificate-modal').fadeOut(200); + + // Clear iframe src after fade + setTimeout(function() { + $('#hvac-certificate-preview').attr('src', ''); + }, 200); + } + }, + + /** + * Email certificate + */ + emailCertificate: function(e) { + e.preventDefault(); + + const $button = $(this); + const certificateId = $button.data('certificate-id'); + + // Confirm sending + if (!confirm('Send certificate to attendee via email?')) { + return; + } + + // Disable button while processing + $button.prop('disabled', true).addClass('hvac-loading'); + + // AJAX request + $.ajax({ + url: hvacCertificateData.ajaxUrl, + type: 'POST', + data: { + action: 'hvac_email_certificate', + certificate_id: certificateId, + nonce: hvacCertificateData.emailNonce + }, + success: function(response) { + $button.prop('disabled', false).removeClass('hvac-loading'); + + if (response.success) { + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.success(response.data.message || 'Certificate sent successfully'); + } else { + alert(response.data.message || 'Certificate sent successfully'); + } + + // Update UI to indicate certificate has been emailed + const $row = $button.closest('tr'); + $row.find('.hvac-certificate-emailed').text('Yes'); + } else { + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.error(response.data.message || 'Failed to send certificate'); + } else { + alert(response.data.message || 'Error: Failed to send certificate'); + } + } + }, + error: function() { + $button.prop('disabled', false).removeClass('hvac-loading'); + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.error('Failed to connect to server'); + } else { + alert('Error: Failed to connect to server'); + } + } + }); + }, + + /** + * Revoke certificate + */ + revokeCertificate: function(e) { + e.preventDefault(); + + const $button = $(this); + const certificateId = $button.data('certificate-id'); + + // Prompt for revocation reason + const reason = prompt('Please enter a reason for revoking this certificate:', ''); + + // If canceled + if (reason === null) { + return; + } + + // Disable button while processing + $button.prop('disabled', true).addClass('hvac-loading'); + + // AJAX request + $.ajax({ + url: hvacCertificateData.ajaxUrl, + type: 'POST', + data: { + action: 'hvac_revoke_certificate', + certificate_id: certificateId, + reason: reason, + nonce: hvacCertificateData.revokeNonce + }, + success: function(response) { + $button.prop('disabled', false).removeClass('hvac-loading'); + + if (response.success) { + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.success(response.data.message || 'Certificate revoked successfully'); + } else { + alert(response.data.message || 'Certificate revoked successfully'); + } + + // Update UI to indicate certificate has been revoked + const $row = $button.closest('tr'); + $row.find('.hvac-certificate-status').text('Revoked'); + $row.find('.hvac-certificate-status').addClass('hvac-status-revoked'); + $row.find('.hvac-certificate-revoked-date').text(response.data.revoked_date || 'Today'); + + // Hide revoke button, show unrevoke button if it exists + $button.hide(); + $row.find('.hvac-unrevoke-certificate').show(); + } else { + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.error(response.data.message || 'Failed to revoke certificate'); + } else { + alert(response.data.message || 'Error: Failed to revoke certificate'); + } + } + }, + error: function() { + $button.prop('disabled', false).removeClass('hvac-loading'); + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.error('Failed to connect to server'); + } else { + alert('Error: Failed to connect to server'); + } + } + }); + } + }; + + // Generate Certificates AJAX functionality + const GenerateCertificates = { + /** + * Initialize generate certificates functionality + */ + init: function() { + // Event selection + $(document).on('change', '#event_id', this.loadAttendees); + + // Certificate generation (use event delegation for dynamic form) + $(document).on('submit', '#generate-certificates-form', this.generateCertificates); + + // Helper buttons (use event delegation for dynamic buttons) + $(document).on('click', '#select-all-attendees', this.selectAllAttendees); + $(document).on('click', '#select-checked-in', this.selectCheckedInAttendees); + $(document).on('click', '#deselect-all-attendees', this.deselectAllAttendees); + + // Certificate preview (use event delegation for dynamic buttons) + $(document).on('click', '.hvac-preview-certificate', this.showCertificatePreview); + $(document).on('click', '.hvac-modal-close', this.closeCertificatePreview); + $(document).on('click', '#hvac-certificate-preview-modal', function(e) { + if (e.target === this) { + GenerateCertificates.closeCertificatePreview(e); + } + }); + }, + + /** + * Load attendees via AJAX when event is selected + */ + loadAttendees: function(e) { + const eventId = $(this).val(); + + if (!eventId) { + $('#step-select-attendees').hide(); + return; + } + + // Show loading + $('#attendees-loading').show(); + $('#attendees-content').hide(); + + $.ajax({ + url: hvacCertificateData.ajaxUrl, + type: 'POST', + data: { + action: 'hvac_get_event_attendees', + event_id: eventId, + nonce: hvacCertificateData.generateNonce + }, + success: function(response) { + if (response.success) { + GenerateCertificates.renderAttendees(response.data.attendees, response.data.event_title); + $('#step-select-attendees').show(); + } else { + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.error(response.data.message); + } else { + alert('Error: ' + response.data.message); + } + } + }, + error: function() { + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.error('Failed to load attendees. Please try again.'); + } else { + alert('Failed to load attendees. Please try again.'); + } + }, + complete: function() { + $('#attendees-loading').hide(); + $('#attendees-content').show(); + } + }); + }, + + /** + * Render attendees table + */ + renderAttendees: function(attendees, eventTitle) { + if (attendees.length === 0) { + $('#attendees-table-container').html('

    This event has no attendees.

    '); + return; + } + + let tableHtml = ` +
    +
    + + + +
    + +
    + + + + + + + + + + + + `; + + attendees.forEach(function(attendee) { + const checkedInClass = attendee.check_in ? 'hvac-checked-in' : ''; + const statusClass = attendee.check_in ? 'hvac-status-checked-in' : 'hvac-status-not-checked-in'; + const statusText = attendee.check_in ? 'Checked In' : 'Not Checked In'; + const certificateStatus = attendee.has_certificate ? 'Certificate Issued' : 'No Certificate'; + const hasCertClass = attendee.has_certificate ? 'hvac-has-certificate' : ''; + + tableHtml += ` + + + + + + + + `; + }); + + tableHtml += ` + +
    + + AttendeeEmailStatusCertificate
    + ${!attendee.has_certificate ? + `` : + '' + } + ${attendee.holder_name}${attendee.holder_email}${statusText}${certificateStatus}
    +
    +
    + `; + + $('#attendees-table-container').html(tableHtml); + }, + + /** + * Generate certificates via AJAX + */ + generateCertificates: function(e) { + e.preventDefault(); + + const $form = $(this); + const formData = $form.serialize(); + + // Show loading + const $submitBtn = $form.find('button[type="submit"]'); + $submitBtn.prop('disabled', true).text('Generating...'); + + // Hide previous messages + $('.hvac-success-message, .hvac-errors').remove(); + + $.ajax({ + url: hvacCertificateData.ajaxUrl, + type: 'POST', + data: formData + '&action=hvac_generate_certificates&nonce=' + hvacCertificateData.generateNonce, + success: function(response) { + if (response.success) { + // Show success message with preview option + let successMessage = ` +
    +

    ${response.data.message}

    +

    View All Certificates

    + `; + + // Add preview buttons if certificates were generated + if (response.data.preview_urls && response.data.preview_urls.length > 0) { + successMessage += '

    Preview Generated Certificates:

    '; + response.data.preview_urls.forEach(function(preview) { + successMessage += ` + + `; + }); + successMessage += '
    '; + } + + successMessage += '
    '; + $form.before(successMessage); + + // Reload attendees to update certificate status + $('#event_id').trigger('change'); + } else { + // Show error message + $form.before(` +
    +

    ${response.data.message}

    +
    + `); + } + }, + error: function() { + $form.before(` +
    +

    Failed to generate certificates. Please try again.

    +
    + `); + }, + complete: function() { + $submitBtn.prop('disabled', false).text('Generate Certificates'); + } + }); + }, + + /** + * Select all attendees + */ + selectAllAttendees: function(e) { + e.preventDefault(); + $('.attendee-checkbox').prop('checked', true); + $('#select-all-checkbox').prop('checked', true); + }, + + /** + * Select only checked-in attendees + */ + selectCheckedInAttendees: function(e) { + e.preventDefault(); + $('.attendee-checkbox').each(function() { + const $row = $(this).closest('tr'); + $(this).prop('checked', $row.hasClass('hvac-checked-in')); + }); + $('#select-all-checkbox').prop('checked', false); + }, + + /** + * Deselect all attendees + */ + deselectAllAttendees: function(e) { + e.preventDefault(); + $('.attendee-checkbox').prop('checked', false); + $('#select-all-checkbox').prop('checked', false); + }, + + /** + * Show certificate preview modal + */ + showCertificatePreview: function(e) { + e.preventDefault(); + const $button = $(this); + const url = $button.data('url'); + const attendeeName = $button.data('attendee'); + + if (!url) { + // Use toast notification instead of alert + if (window.HVACToast) { + HVACToast.error('Preview URL not available'); + } else { + alert('Preview URL not available'); + } + return; + } + + // Create modal if it doesn't exist + if ($('#hvac-certificate-preview-modal').length === 0) { + $('body').append(` +
    +
    +
    +

    Certificate Preview

    + × +
    +
    + +
    +
    +
    + `); + } + + // Update modal title and iframe source + $('#hvac-certificate-preview-modal h3').text(`Certificate Preview - ${attendeeName}`); + $('#hvac-certificate-preview-iframe').attr('src', url); + + // Show modal + $('#hvac-certificate-preview-modal').show(); + }, + + /** + * Close certificate preview modal + */ + closeCertificatePreview: function(e) { + e.preventDefault(); + $('#hvac-certificate-preview-modal').hide(); + $('#hvac-certificate-preview-iframe').attr('src', ''); + } + }; + + // Initialize when document is ready + $(document).ready(function() { + CertificateActions.init(); + + // Always initialize Generate Certificates functionality if on the generate certificates page + // (the form may not exist initially but will be created dynamically) + if ($('#event_id').length || $('#generate-certificates-form').length) { + GenerateCertificates.init(); + } + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-certificate-admin.js b/assets/js/hvac-certificate-admin.js new file mode 100644 index 00000000..4349c969 --- /dev/null +++ b/assets/js/hvac-certificate-admin.js @@ -0,0 +1,209 @@ +/** + * Certificate Admin JavaScript + * + * Handles certificate admin functionality including preview generation. + */ + +(function($) { + 'use strict'; + + // Initialize color pickers + function initColorPickers() { + if ($.fn.wpColorPicker) { + $('.hvac-color-picker').wpColorPicker({ + change: function() { + // Trigger settings change on color picker change + $(this).trigger('change'); + } + }); + } + } + + // Generate certificate preview + function generatePreview() { + var previewContainer = $('.hvac-certificate-preview'); + var loadingIndicator = $('
    Generating preview...
    '); + + // Show loading indicator + previewContainer.html(loadingIndicator); + + // Collect all settings + var settings = {}; + $('.hvac-certificate-settings input, .hvac-certificate-settings select, .hvac-certificate-settings textarea').each(function() { + var input = $(this); + var name = input.attr('name'); + + if (name && name.startsWith('hvac_certificate_')) { + var key = name.replace('hvac_certificate_', ''); + settings[key] = input.val(); + } + }); + + // Send AJAX request + $.ajax({ + url: ajaxurl, + method: 'POST', + data: { + action: 'hvac_preview_certificate', + nonce: hvacCertificateData.previewNonce, + settings: settings + }, + success: function(response) { + if (response.success) { + // Create preview image + var previewImg = $('', { + src: response.data.preview_url, + alt: 'Certificate Preview', + class: 'hvac-certificate-preview-img' + }); + + // Display preview + previewContainer.html(previewImg); + } else { + // Show error + previewContainer.html('
    Error: ' + response.data.message + '
    '); + } + }, + error: function() { + // Show connection error + previewContainer.html('
    Error: Could not connect to the server
    '); + } + }); + } + + // Handle file uploads + function initFileUploads() { + // Background image upload + $('#hvac_upload_background_btn').on('click', function(e) { + e.preventDefault(); + + var button = $(this); + var field = $('#hvac_certificate_custom_background'); + + var frame = wp.media({ + title: 'Select Certificate Background', + button: { + text: 'Use this image' + }, + multiple: false + }); + + frame.on('select', function() { + var attachment = frame.state().get('selection').first().toJSON(); + field.val(attachment.url); + + // Show preview + if ($('#background_preview').length) { + $('#background_preview').attr('src', attachment.url); + } else { + $('', { + id: 'background_preview', + src: attachment.url, + class: 'hvac-image-preview', + style: 'max-width: 200px; margin-top: 10px;' + }).insertAfter(field); + } + + // Trigger change to update preview + field.trigger('change'); + }); + + frame.open(); + }); + + // Logo image upload + $('#hvac_upload_logo_btn').on('click', function(e) { + e.preventDefault(); + + var button = $(this); + var field = $('#hvac_certificate_custom_logo'); + + var frame = wp.media({ + title: 'Select Certificate Logo', + button: { + text: 'Use this image' + }, + multiple: false + }); + + frame.on('select', function() { + var attachment = frame.state().get('selection').first().toJSON(); + field.val(attachment.url); + + // Show preview + if ($('#logo_preview').length) { + $('#logo_preview').attr('src', attachment.url); + } else { + $('', { + id: 'logo_preview', + src: attachment.url, + class: 'hvac-image-preview', + style: 'max-width: 100px; margin-top: 10px;' + }).insertAfter(field); + } + + // Trigger change to update preview + field.trigger('change'); + }); + + frame.open(); + }); + } + + // Insert placeholder + function initPlaceholders() { + $('.hvac-placeholder-insert').on('click', function(e) { + e.preventDefault(); + + var placeholder = $(this).data('placeholder'); + var targetField = $('#hvac_certificate_completion_text'); + + // Insert at cursor position + var field = targetField[0]; + var startPos = field.selectionStart; + var endPos = field.selectionEnd; + var text = field.value; + + field.value = text.substring(0, startPos) + placeholder + text.substring(endPos); + + // Set cursor position after placeholder + field.selectionStart = startPos + placeholder.length; + field.selectionEnd = startPos + placeholder.length; + + // Focus the field + field.focus(); + + // Trigger change to update preview + targetField.trigger('change'); + }); + } + + // Init on document ready + $(document).ready(function() { + // Initialize color pickers + initColorPickers(); + + // Initialize file uploads + initFileUploads(); + + // Initialize placeholder inserts + initPlaceholders(); + + // Generate preview on settings change (debounced) + var previewTimeout; + $('.hvac-certificate-settings input, .hvac-certificate-settings select, .hvac-certificate-settings textarea').on('change', function() { + clearTimeout(previewTimeout); + previewTimeout = setTimeout(generatePreview, 800); + }); + + // Generate initial preview + generatePreview(); + + // Handle preview button click + $('#hvac_generate_preview_btn').on('click', function(e) { + e.preventDefault(); + generatePreview(); + }); + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-community-events.js b/assets/js/hvac-community-events.js new file mode 100644 index 00000000..dad0763e --- /dev/null +++ b/assets/js/hvac-community-events.js @@ -0,0 +1,65 @@ +/** + * HVAC Community Events Main JavaScript + * + * Global JavaScript functionality for the HVAC Community Events plugin + */ + +(function($) { + 'use strict'; + + // Wait for DOM ready + $(document).ready(function() { + + // Initialize any global functionality here + console.log('HVAC Community Events plugin loaded'); + + // Add active class to current menu item + var currentPath = window.location.pathname; + $('.hvac-dashboard-nav a, .hvac-toolbar a').each(function() { + var linkPath = $(this).attr('href'); + if (linkPath && currentPath.indexOf(linkPath.replace(window.location.origin, '')) !== -1) { + $(this).addClass('active'); + } + }); + + // Handle any AJAX forms globally + $(document).on('submit', '.hvac-ajax-form', function(e) { + e.preventDefault(); + var $form = $(this); + var $submitBtn = $form.find('button[type="submit"], input[type="submit"]'); + var originalText = $submitBtn.text(); + + // Disable submit button + $submitBtn.prop('disabled', true).text('Processing...'); + + // Submit via AJAX + $.ajax({ + url: hvac_ajax.ajax_url, + type: 'POST', + data: $form.serialize() + '&nonce=' + hvac_ajax.nonce, + success: function(response) { + if (response.success) { + // Handle success + if (response.data.redirect) { + window.location.href = response.data.redirect; + } else if (response.data.message) { + alert(response.data.message); + } + } else { + // Handle error + alert(response.data || 'An error occurred. Please try again.'); + } + }, + error: function() { + alert('An error occurred. Please try again.'); + }, + complete: function() { + // Re-enable submit button + $submitBtn.prop('disabled', false).text(originalText); + } + }); + }); + + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-dashboard-enhanced.js b/assets/js/hvac-dashboard-enhanced.js new file mode 100644 index 00000000..ba1da608 --- /dev/null +++ b/assets/js/hvac-dashboard-enhanced.js @@ -0,0 +1,259 @@ +/** + * HVAC Trainer Dashboard Enhanced JavaScript + * + * Handles dynamic filtering, sorting, pagination, and search for the events table. + */ +(function($) { + 'use strict'; + + // Store current state + let currentState = { + status: 'all', + search: '', + orderby: 'date', + order: 'DESC', + page: 1, + per_page: 10, + date_from: '', + date_to: '' + }; + + // Debounce timer for search + let searchTimer = null; + + // Initialize the dashboard when DOM is ready + $(document).ready(function() { + initializeEnhancedDashboard(); + }); + + /** + * Initialize all enhanced dashboard features + */ + function initializeEnhancedDashboard() { + // Initialize state from URL params + initializeStateFromURL(); + + // Set up event handlers + initEventFilters(); + initSearchBox(); + initDateFilters(); + initPerPageSelector(); + initSortableColumns(); + initPagination(); + } + + /** + * Initialize state from URL parameters + */ + function initializeStateFromURL() { + const urlParams = new URLSearchParams(window.location.search); + + currentState.status = urlParams.get('event_status') || 'all'; + currentState.search = urlParams.get('search') || ''; + currentState.orderby = urlParams.get('orderby') || 'date'; + currentState.order = urlParams.get('order') || 'DESC'; + currentState.page = parseInt(urlParams.get('paged')) || 1; + currentState.per_page = parseInt(urlParams.get('per_page')) || 10; + currentState.date_from = urlParams.get('date_from') || ''; + currentState.date_to = urlParams.get('date_to') || ''; + + // Update UI elements to match state + $('#hvac-event-search').val(currentState.search); + $('#hvac-date-from').val(currentState.date_from); + $('#hvac-date-to').val(currentState.date_to); + $('#hvac-per-page').val(currentState.per_page); + } + + /** + * Initialize status filter tabs + */ + function initEventFilters() { + $('.hvac-event-filters a').on('click', function(e) { + e.preventDefault(); + + const status = $(this).data('status'); + currentState.status = status; + currentState.page = 1; // Reset to first page when filtering + + // Update active class + $('.hvac-event-filters a').removeClass('hvac-filter-active ast-button-primary').addClass('ast-button-secondary'); + $(this).addClass('hvac-filter-active ast-button-primary').removeClass('ast-button-secondary'); + + // Refresh table + refreshEventsTable(); + }); + } + + /** + * Initialize search box + */ + function initSearchBox() { + $('#hvac-event-search').on('keyup', function() { + const searchTerm = $(this).val(); + + // Clear existing timer + if (searchTimer) { + clearTimeout(searchTimer); + } + + // Set new timer to debounce search + searchTimer = setTimeout(function() { + currentState.search = searchTerm; + currentState.page = 1; // Reset to first page when searching + refreshEventsTable(); + }, 500); // 500ms delay + }); + } + + /** + * Initialize date filters + */ + function initDateFilters() { + $('#hvac-date-from, #hvac-date-to').on('change', function() { + currentState.date_from = $('#hvac-date-from').val(); + currentState.date_to = $('#hvac-date-to').val(); + currentState.page = 1; // Reset to first page when filtering + refreshEventsTable(); + }); + } + + /** + * Initialize per page selector + */ + function initPerPageSelector() { + $('#hvac-per-page').on('change', function() { + currentState.per_page = parseInt($(this).val()); + currentState.page = 1; // Reset to first page when changing per page + refreshEventsTable(); + }); + } + + /** + * Initialize sortable column headers + */ + function initSortableColumns() { + $(document).on('click', '.hvac-events-table-wrapper th.sortable a', function(e) { + e.preventDefault(); + + const orderby = $(this).data('orderby'); + const order = $(this).data('order'); + + currentState.orderby = orderby; + currentState.order = order; + currentState.page = 1; // Reset to first page when sorting + + refreshEventsTable(); + }); + } + + /** + * Initialize pagination controls + */ + function initPagination() { + // Pagination links + $(document).on('click', '.pagination-links a:not(.disabled)', function(e) { + e.preventDefault(); + + const page = parseInt($(this).data('page')); + if (page) { + currentState.page = page; + refreshEventsTable(); + } + }); + + // Page input field + $(document).on('keypress', '.current-page', function(e) { + if (e.which === 13) { // Enter key + e.preventDefault(); + const page = parseInt($(this).val()); + const totalPages = parseInt($('.total-pages').text()); + + if (page >= 1 && page <= totalPages) { + currentState.page = page; + refreshEventsTable(); + } + } + }); + } + + /** + * Refresh the events table via AJAX + */ + function refreshEventsTable() { + const $eventsTableWrapper = $('.hvac-events-table-wrapper'); + + // Show loading indicator + $eventsTableWrapper.addClass('loading').append('
    Loading events...
    '); + + // Make AJAX request + $.ajax({ + url: hvac_dashboard.ajax_url, + type: 'POST', + data: { + action: 'hvac_filter_events', + status: currentState.status, + search: currentState.search, + orderby: currentState.orderby, + order: currentState.order, + page: currentState.page, + per_page: currentState.per_page, + date_from: currentState.date_from, + date_to: currentState.date_to, + nonce: hvac_dashboard.nonce + }, + success: function(response) { + if (response.success) { + // Replace the table HTML + $eventsTableWrapper.html(response.data.html); + + // Update URL without reloading the page + updateURL(); + + // Scroll to top of table + $('html, body').animate({ + scrollTop: $('.hvac-dashboard-events').offset().top - 50 + }, 300); + } else { + showError('Error loading events: ' + response.data.message); + } + }, + error: function() { + showError('Error communicating with server.'); + }, + complete: function() { + $eventsTableWrapper.removeClass('loading'); + } + }); + } + + /** + * Update URL parameters without reloading + */ + function updateURL() { + if (!history.pushState) return; + + const params = new URLSearchParams(); + + // Only add non-default values to URL + if (currentState.status !== 'all') params.set('event_status', currentState.status); + if (currentState.search) params.set('search', currentState.search); + if (currentState.orderby !== 'date') params.set('orderby', currentState.orderby); + if (currentState.order !== 'DESC') params.set('order', currentState.order); + if (currentState.page > 1) params.set('paged', currentState.page); + if (currentState.per_page !== 10) params.set('per_page', currentState.per_page); + if (currentState.date_from) params.set('date_from', currentState.date_from); + if (currentState.date_to) params.set('date_to', currentState.date_to); + + const newUrl = window.location.pathname + (params.toString() ? '?' + params.toString() : ''); + window.history.pushState({ path: newUrl }, '', newUrl); + } + + /** + * Show error message + */ + function showError(message) { + $('.hvac-events-table-wrapper') + .html('

    ' + message + '

    '); + } + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-dashboard.js b/assets/js/hvac-dashboard.js new file mode 100644 index 00000000..6d9c07f9 --- /dev/null +++ b/assets/js/hvac-dashboard.js @@ -0,0 +1,111 @@ +/** + * HVAC Trainer Dashboard JavaScript + * + * Handles dynamic filtering of events table and other interactive features. + */ +(function($) { + 'use strict'; + + // Initialize the dashboard when DOM is ready + $(document).ready(function() { + initEventFilters(); + }); + + /** + * Initialize event filters to work without page reload + */ + function initEventFilters() { + // Get the events table wrapper element + const $eventsTableWrapper = $('.hvac-events-table-wrapper'); + + // Add click handler to filter links + $('.hvac-event-filters a').on('click', function(e) { + e.preventDefault(); // Prevent default link behavior (page reload) + + // Get the status filter from the link URL + const url = new URL($(this).attr('href'), window.location.origin); + const status = url.searchParams.get('event_status') || 'all'; + + // Update active class + $('.hvac-event-filters a').removeClass('hvac-filter-active ast-button-primary').addClass('ast-button-secondary'); + $(this).addClass('hvac-filter-active ast-button-primary').removeClass('ast-button-secondary'); + + // Show loading indicator + $eventsTableWrapper.append('
    Filtering events...
    '); + + // Make AJAX request to get filtered events + $.ajax({ + url: hvac_dashboard.ajax_url, + type: 'POST', + data: { + action: 'hvac_filter_events', + status: status, + nonce: hvac_dashboard.nonce + }, + success: function(response) { + if (response.success) { + // Replace the table HTML with the filtered results + $eventsTableWrapper.html(response.data.html); + + // Update the URL without reloading the page + if (history.pushState) { + const newUrl = status === 'all' + ? removeURLParameter(window.location.href, 'event_status') + : addURLParameter(window.location.href, 'event_status', status); + window.history.pushState({ path: newUrl }, '', newUrl); + } + } else { + // Show error message + $eventsTableWrapper.find('.hvac-loading').remove(); + $eventsTableWrapper.append('
    Error loading events: ' + response.data.message + '
    '); + } + }, + error: function() { + // Show error message + $eventsTableWrapper.find('.hvac-loading').remove(); + $eventsTableWrapper.append('
    Error communicating with server.
    '); + } + }); + }); + } + + /** + * Helper function to add a URL parameter + */ + function addURLParameter(url, key, value) { + const re = new RegExp("([?&])" + key + "=.*?(&|$)", "i"); + const separator = url.indexOf('?') !== -1 ? "&" : "?"; + + if (url.match(re)) { + return url.replace(re, '$1' + key + "=" + value + '$2'); + } else { + return url + separator + key + "=" + value; + } + } + + /** + * Helper function to remove a URL parameter + */ + function removeURLParameter(url, parameter) { + const urlParts = url.split('?'); + if (urlParts.length < 2) { + return url; + } + + const urlBase = urlParts[0]; + const queryString = urlParts[1]; + const prefix = encodeURIComponent(parameter) + '='; + const parts = queryString.split(/[&;]/g); + + // Reverse iteration to safely remove items + for (let i = parts.length; i-- > 0;) { + if (parts[i].lastIndexOf(prefix, 0) !== -1) { + parts.splice(i, 1); + } + } + + const newQueryString = parts.join('&'); + return newQueryString.length > 0 ? urlBase + '?' + newQueryString : urlBase; + } + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-event-summary.js b/assets/js/hvac-event-summary.js new file mode 100644 index 00000000..f3c936a5 --- /dev/null +++ b/assets/js/hvac-event-summary.js @@ -0,0 +1,181 @@ +/** + * Event Summary Certificate Actions JavaScript + * + * Handles certificate actions for the Event Summary page + */ + +(function($) { + 'use strict'; + + // Initialize certificate actions when document is ready + $(document).ready(function() { + // Set up certificate action modal + initCertificateModal(); + + // Set up certificate action handlers + initCertificateActions(); + }); + + // Initialize certificate modal + function initCertificateModal() { + // Check if modal exists, create it if not + if ($('#hvac-certificate-modal').length === 0) { + var modalHtml = ` +
    +
    + × +
    + +
    +
    +
    + `; + $('body').append(modalHtml); + + // Add modal close functionality + $('.hvac-modal-close').on('click', function() { + $('#hvac-certificate-modal').hide(); + }); + + // Close modal when clicking outside + $(window).on('click', function(event) { + if ($(event.target).is('#hvac-certificate-modal')) { + $('#hvac-certificate-modal').hide(); + } + }); + } + } + + // Initialize certificate action handlers + function initCertificateActions() { + // View certificate action + $('.hvac-view-certificate').on('click', function(e) { + e.preventDefault(); + + var eventId = $(this).data('event'); + var attendeeId = $(this).data('attendee'); + + // Show modal with loading indicator + var modal = $('#hvac-certificate-modal'); + var iframe = $('#hvac-certificate-preview'); + iframe.attr('src', ''); + + var loadingHtml = '
    Loading certificate...
    '; + $('.hvac-modal-body').append(loadingHtml); + modal.show(); + + // Fetch certificate URL via AJAX + $.ajax({ + url: hvacEventSummary.ajaxUrl, + method: 'POST', + data: { + action: 'hvac_get_certificate_url', + event_id: eventId, + attendee_id: attendeeId, + nonce: hvacEventSummary.certificateNonce + }, + success: function(response) { + $('.hvac-loading').remove(); + + if (response.success && response.data.url) { + iframe.attr('src', response.data.url); + } else { + $('.hvac-modal-body').append('
    Error: ' + (response.data.message || 'Could not load certificate') + '
    '); + } + }, + error: function() { + $('.hvac-loading').remove(); + $('.hvac-modal-body').append('
    Error: Could not connect to the server
    '); + } + }); + }); + + // Email certificate action + $('.hvac-email-certificate').on('click', function(e) { + e.preventDefault(); + + var eventId = $(this).data('event'); + var attendeeId = $(this).data('attendee'); + var button = $(this); + + if (confirm('Send this certificate to the attendee via email?')) { + // Show loading state + button.text('Sending...').addClass('hvac-loading'); + + // Send email via AJAX + $.ajax({ + url: hvacEventSummary.ajaxUrl, + method: 'POST', + data: { + action: 'hvac_email_certificate', + event_id: eventId, + attendee_id: attendeeId, + nonce: hvacEventSummary.certificateNonce + }, + success: function(response) { + button.removeClass('hvac-loading'); + + if (response.success) { + button.closest('td').find('.certificate-status').text('Sent'); + alert('Certificate was sent successfully.'); + } else { + button.text('Email'); + alert('Error: ' + (response.data.message || 'Failed to send certificate.')); + } + }, + error: function() { + button.removeClass('hvac-loading').text('Email'); + alert('Error: Could not connect to the server.'); + } + }); + } + }); + + // Revoke certificate action + $('.hvac-revoke-certificate').on('click', function(e) { + e.preventDefault(); + + var eventId = $(this).data('event'); + var attendeeId = $(this).data('attendee'); + var button = $(this); + var cell = button.closest('td'); + + // Ask for a reason + var reason = prompt('Please enter a reason for revoking this certificate:'); + + if (reason !== null) { // Null means the user clicked Cancel + // Show loading state + button.text('Revoking...').addClass('hvac-loading'); + + // Revoke certificate via AJAX + $.ajax({ + url: hvacEventSummary.ajaxUrl, + method: 'POST', + data: { + action: 'hvac_revoke_certificate', + event_id: eventId, + attendee_id: attendeeId, + reason: reason, + nonce: hvacEventSummary.certificateNonce + }, + success: function(response) { + button.removeClass('hvac-loading'); + + if (response.success) { + // Update cell content to show revoked status + cell.html('Revoked'); + alert('Certificate was revoked successfully.'); + } else { + button.text('Revoke'); + alert('Error: ' + (response.data.message || 'Failed to revoke certificate.')); + } + }, + error: function() { + button.removeClass('hvac-loading').text('Revoke'); + alert('Error: Could not connect to the server.'); + } + }); + } + }); + } +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-help-system.js b/assets/js/hvac-help-system.js new file mode 100644 index 00000000..e7d0ba9c --- /dev/null +++ b/assets/js/hvac-help-system.js @@ -0,0 +1,323 @@ +/** + * HVAC Help System JavaScript + * Handles welcome guide interactions, tooltips, and documentation navigation + */ + +(function($) { + 'use strict'; + + let currentCard = 0; + let totalCards = 0; + + $(document).ready(function() { + initializeWelcomeGuide(); + initializeTooltips(); + initializeDocumentationNavigation(); + }); + + /** + * Initialize welcome guide functionality + */ + function initializeWelcomeGuide() { + const $modal = $('#hvac-welcome-modal'); + if ($modal.length === 0) return; + + totalCards = $('.hvac-welcome-card').length; + + // Close button + $('.hvac-modal-close').on('click', function() { + closeWelcomeGuide(false); + }); + + // Navigation buttons + $('#hvac-prev-card').on('click', function() { + navigateCard(-1); + }); + + $('#hvac-next-card').on('click', function() { + navigateCard(1); + }); + + // Indicator dots + $('.hvac-indicator').on('click', function() { + const targetCard = parseInt($(this).data('card')); + goToCard(targetCard); + }); + + // Get started button + $('#hvac-get-started').on('click', function() { + const dontShowAgain = $('#hvac-dont-show-again').is(':checked'); + closeWelcomeGuide(dontShowAgain); + }); + + // Keyboard navigation + $(document).on('keydown', function(e) { + if ($modal.is(':visible')) { + switch(e.key) { + case 'ArrowLeft': + e.preventDefault(); + navigateCard(-1); + break; + case 'ArrowRight': + e.preventDefault(); + navigateCard(1); + break; + case 'Escape': + e.preventDefault(); + closeWelcomeGuide(false); + break; + } + } + }); + + // Click outside to close + $modal.on('click', function(e) { + if (e.target === this) { + closeWelcomeGuide(false); + } + }); + + updateNavigationState(); + } + + /** + * Navigate to previous or next card + */ + function navigateCard(direction) { + const newCard = currentCard + direction; + if (newCard >= 0 && newCard < totalCards) { + goToCard(newCard); + } + } + + /** + * Go to specific card + */ + function goToCard(cardIndex) { + if (cardIndex < 0 || cardIndex >= totalCards) return; + + // Hide current card + $('.hvac-welcome-card').removeClass('active').addClass('hidden'); + $('.hvac-indicator').removeClass('active'); + + // Show target card with animation delay + setTimeout(function() { + $('.hvac-welcome-card').eq(cardIndex).removeClass('hidden').addClass('active'); + $('.hvac-indicator').eq(cardIndex).addClass('active'); + currentCard = cardIndex; + updateNavigationState(); + }, 200); + } + + /** + * Update navigation button states + */ + function updateNavigationState() { + $('#hvac-prev-card').prop('disabled', currentCard === 0); + $('#hvac-next-card').prop('disabled', currentCard === totalCards - 1); + + // Update button text on last card + if (currentCard === totalCards - 1) { + $('#hvac-next-card').text('Finish'); + } else { + $('#hvac-next-card').text('Next'); + } + } + + /** + * Close welcome guide + */ + function closeWelcomeGuide(dismissPermanently) { + const $modal = $('#hvac-welcome-modal'); + + if (dismissPermanently) { + // Send AJAX request to set dismissal cookie + $.ajax({ + url: hvacHelp.ajaxUrl, + type: 'POST', + data: { + action: 'hvac_dismiss_welcome', + nonce: hvacHelp.nonce + }, + success: function(response) { + console.log('Welcome guide dismissed permanently'); + }, + error: function() { + console.warn('Failed to save welcome guide dismissal'); + } + }); + } + + // Animate out + $modal.css('opacity', '0'); + $modal.find('.hvac-modal-content').css({ + 'transform': 'scale(0.9) translateY(20px)', + 'opacity': '0' + }); + + setTimeout(function() { + $modal.remove(); + }, 300); + } + + /** + * Initialize tooltip functionality + */ + function initializeTooltips() { + // Enhanced tooltip handling with better positioning + $('.hvac-tooltip-wrapper').each(function() { + const $wrapper = $(this); + let timeoutId; + + $wrapper.on('mouseenter', function() { + timeoutId = setTimeout(function() { + // Add a class to show tooltip + $wrapper.addClass('hvac-tooltip-visible'); + }, 500); // 500ms delay + }); + + $wrapper.on('mouseleave', function() { + clearTimeout(timeoutId); + $wrapper.removeClass('hvac-tooltip-visible'); + }); + }); + + // Add tooltip classes for enhanced styling + $('.hvac-tooltip-wrapper[data-tooltip]').addClass('hvac-has-tooltip'); + } + + /** + * Initialize documentation page navigation + */ + function initializeDocumentationNavigation() { + // Smooth scrolling for documentation links + $('.hvac-doc-link').on('click', function(e) { + e.preventDefault(); + const targetId = $(this).attr('href'); + const $target = $(targetId); + + if ($target.length) { + $('html, body').animate({ + scrollTop: $target.offset().top - 80 + }, 600); + + // Update active state + $('.hvac-doc-link').removeClass('active'); + $(this).addClass('active'); + } + }); + + // Highlight current section on scroll + $(window).on('scroll', function() { + const scrollTop = $(window).scrollTop(); + const windowHeight = $(window).height(); + + $('.hvac-doc-section').each(function() { + const $section = $(this); + const sectionTop = $section.offset().top; + const sectionBottom = sectionTop + $section.outerHeight(); + + if (scrollTop + 120 >= sectionTop && scrollTop + 120 < sectionBottom) { + const sectionId = $section.attr('id'); + $('.hvac-doc-link').removeClass('active'); + $('.hvac-doc-link[href="#' + sectionId + '"]').addClass('active'); + } + }); + }); + + // Add fade-in animation for FAQ items + $('.hvac-faq-item').each(function(index) { + $(this).css({ + 'opacity': '0', + 'transform': 'translateY(20px)' + }); + + $(this).delay(index * 100).animate({ + 'opacity': '1' + }, 400).css('transform', 'translateY(0)'); + }); + + // Collapsible FAQ items (optional enhancement) + $('.hvac-faq-item h3').on('click', function() { + const $content = $(this).next('p'); + const $item = $(this).parent(); + + if ($item.hasClass('hvac-faq-collapsed')) { + $content.slideDown(300); + $item.removeClass('hvac-faq-collapsed'); + } else { + $content.slideUp(300); + $item.addClass('hvac-faq-collapsed'); + } + }).css('cursor', 'pointer').attr('title', 'Click to expand/collapse'); + } + + /** + * Add help button to navigation areas + */ + function addHelpButtons() { + // Add help button to main navigation if it doesn't exist + if ($('.hvac-help-button').length === 0) { + const helpButton = $(' Help'); + + // Try to add to existing navigation + if ($('.hvac-dashboard-nav').length) { + $('.hvac-dashboard-nav').append(helpButton); + } else if ($('.hvac-nav-buttons').length) { + $('.hvac-nav-buttons').append(helpButton); + } + } + } + + /** + * Initialize contextual help + */ + function initializeContextualHelp() { + // Add help icon to page titles + const pageSpecificHelp = { + 'hvac-dashboard': 'Your central hub for managing events, tracking revenue, and viewing performance metrics.', + 'trainer-profile': 'Update your professional information, credentials, and training specialties.', + 'event-summary': 'View detailed information about your event including attendees and sales data.', + 'certificate-reports': 'Generate and manage professional certificates for your training attendees.', + 'email-attendees': 'Communicate with your event attendees using our built-in email system.' + }; + + const currentPage = $('body').attr('class').match(/page-id-\d+|page-[\w-]+/); + if (currentPage) { + const pageName = currentPage[0].replace('page-', '').replace('page-id-', ''); + + Object.keys(pageSpecificHelp).forEach(function(page) { + if (pageName.includes(page) || $('body').hasClass('page-' + page)) { + const helpText = pageSpecificHelp[page]; + const $pageTitle = $('h1').first(); + + if ($pageTitle.length && !$pageTitle.find('.hvac-page-help').length) { + $pageTitle.append(' '); + } + } + }); + } + } + + // Initialize additional features + $(document).ready(function() { + addHelpButtons(); + initializeContextualHelp(); + }); + + // Public API for other scripts + window.HVACHelp = { + addTooltip: function(element, text, position) { + $(element).addClass('hvac-tooltip-wrapper') + .attr('data-tooltip', text) + .attr('data-position', position || 'top'); + }, + + showWelcomeGuide: function() { + if ($('#hvac-welcome-modal').length === 0) { + location.reload(); // Reload to show guide + } + } + }; + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-menu-system-safari-compatible.js b/assets/js/hvac-menu-system-safari-compatible.js new file mode 100644 index 00000000..f4880b89 --- /dev/null +++ b/assets/js/hvac-menu-system-safari-compatible.js @@ -0,0 +1,288 @@ +/** + * HVAC Menu System JavaScript - Safari Compatible Version + * Handle dropdown interactions and mobile menu behavior + */ + +(function($) { + 'use strict'; + + /** + * Initialize menu system + */ + function initHVACMenu() { + var $menu = $('.hvac-trainer-menu'); + + if (!$menu.length) { + return; + } + + // Handle dropdown toggles + handleDropdownToggles($menu); + + // Handle mobile menu + handleMobileMenu($menu); + + // Handle keyboard navigation + handleKeyboardNavigation($menu); + + // Close dropdowns when clicking outside + handleOutsideClick($menu); + + // Set active menu items + setActiveMenuItem($menu); + } + + /** + * Handle dropdown toggle functionality + */ + function handleDropdownToggles($menu) { + $menu.on('click', '.hvac-menu-item.has-submenu > a', function(e) { + e.preventDefault(); + + var $menuItem = $(this).parent(); + var $submenu = $menuItem.find('.hvac-submenu'); + var isOpen = $menuItem.hasClass('open'); + + // Close all other open dropdowns + $menu.find('.hvac-menu-item.open').removeClass('open'); + $menu.find('.hvac-submenu').slideUp(200); + + // Toggle current dropdown + if (!isOpen) { + $menuItem.addClass('open'); + $submenu.slideDown(200); + } + }); + } + + /** + * Handle mobile menu functionality + */ + function handleMobileMenu($menu) { + var $mobileToggle = $('.hvac-mobile-menu-toggle'); + var $mobileMenu = $('.hvac-mobile-menu'); + + if (!$mobileToggle.length || !$mobileMenu.length) { + return; + } + + $mobileToggle.on('click', function(e) { + e.preventDefault(); + + var isOpen = $mobileMenu.hasClass('open'); + + if (isOpen) { + $mobileMenu.removeClass('open'); + $mobileToggle.removeClass('active'); + $('body').removeClass('mobile-menu-open'); + } else { + $mobileMenu.addClass('open'); + $mobileToggle.addClass('active'); + $('body').addClass('mobile-menu-open'); + } + }); + + // Close mobile menu when clicking on overlay + $mobileMenu.on('click', '.hvac-mobile-overlay', function() { + $mobileMenu.removeClass('open'); + $mobileToggle.removeClass('active'); + $('body').removeClass('mobile-menu-open'); + }); + + // Handle mobile submenu toggles + $mobileMenu.on('click', '.hvac-menu-item.has-submenu > a', function(e) { + var $menuItem = $(this).parent(); + var $submenu = $menuItem.find('.hvac-submenu'); + var isOpen = $menuItem.hasClass('open'); + + // Only prevent default for items with submenus + if ($submenu.length > 0) { + e.preventDefault(); + + if (isOpen) { + $menuItem.removeClass('open'); + $submenu.slideUp(200); + } else { + $menuItem.addClass('open'); + $submenu.slideDown(200); + } + } + }); + } + + /** + * Handle keyboard navigation + */ + function handleKeyboardNavigation($menu) { + $menu.on('keydown', 'a', function(e) { + var $currentLink = $(this); + var $currentItem = $currentLink.parent(); + var $allLinks = $menu.find('a'); + var currentIndex = $allLinks.index($currentLink); + var $targetLink; + + switch (e.keyCode) { + case 27: // Escape key + // Close dropdown and return to parent + if ($currentItem.hasClass('hvac-submenu-item')) { + var $parentItem = $currentItem.closest('.hvac-menu-item.has-submenu'); + $parentItem.removeClass('open'); + $parentItem.find('.hvac-submenu').slideUp(200); + $parentItem.find('> a').focus(); + } + break; + + case 38: // Up arrow + e.preventDefault(); + if (currentIndex > 0) { + $targetLink = $allLinks.eq(currentIndex - 1); + $targetLink.focus(); + } + break; + + case 40: // Down arrow + e.preventDefault(); + if (currentIndex < $allLinks.length - 1) { + $targetLink = $allLinks.eq(currentIndex + 1); + $targetLink.focus(); + } + break; + + case 13: // Enter key + case 32: // Space key + if ($currentItem.hasClass('has-submenu')) { + e.preventDefault(); + $currentLink.click(); + } + break; + } + }); + } + + /** + * Close dropdowns when clicking outside + */ + function handleOutsideClick($menu) { + $(document).on('click', function(e) { + if (!$menu.is(e.target) && $menu.has(e.target).length === 0) { + $menu.find('.hvac-menu-item.open').removeClass('open'); + $menu.find('.hvac-submenu').slideUp(200); + } + }); + } + + /** + * Set active menu item based on current URL + */ + function setActiveMenuItem($menu) { + var currentPath = window.location.pathname; + + $menu.find('a').each(function() { + var $link = $(this); + var linkHref = $link.attr('href'); + + if (linkHref && currentPath.indexOf(linkHref.replace(window.location.origin, '')) !== -1) { + $link.addClass('current-page'); + + // Also mark parent menu item as active if this is a submenu item + var $parentMenuItem = $link.closest('.hvac-menu-item.has-submenu'); + if ($parentMenuItem.length) { + $parentMenuItem.find('> a').addClass('current-parent'); + } + } + }); + } + + /** + * Handle responsive menu behavior + */ + function handleResponsiveMenu() { + var $window = $(window); + var $menu = $('.hvac-trainer-menu'); + var breakpoint = 768; + + function checkMenuLayout() { + var windowWidth = $window.width(); + + if (windowWidth < breakpoint) { + $menu.addClass('mobile-layout'); + // Close any open desktop dropdowns + $menu.find('.hvac-menu-item.open').removeClass('open'); + $menu.find('.hvac-submenu').hide(); + } else { + $menu.removeClass('mobile-layout'); + // Close mobile menu if open + $('.hvac-mobile-menu').removeClass('open'); + $('.hvac-mobile-menu-toggle').removeClass('active'); + $('body').removeClass('mobile-menu-open'); + } + } + + // Check on resize + $window.on('resize', debounce(checkMenuLayout, 250)); + + // Check initially + checkMenuLayout(); + } + + /** + * Debounce function for performance + */ + function debounce(func, wait) { + var timeout; + return function() { + var context = this; + var args = arguments; + var later = function() { + timeout = null; + func.apply(context, args); + }; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + }; + } + + /** + * Handle help menu positioning + */ + function handleHelpMenuPositioning() { + var $helpMenu = $('.hvac-help-menu'); + + if (!$helpMenu.length) { + return; + } + + $helpMenu.on('click', '.hvac-menu-item.has-submenu > a', function() { + var $submenu = $(this).siblings('.hvac-submenu'); + var $menuContainer = $(this).closest('.hvac-trainer-menu'); + + if ($submenu.length && $menuContainer.length) { + // Adjust position if submenu would go off-screen + setTimeout(function() { + var submenuOffset = $submenu.offset(); + var submenuWidth = $submenu.outerWidth(); + var windowWidth = $(window).width(); + + if (submenuOffset.left + submenuWidth > windowWidth) { + $submenu.addClass('align-right'); + } else { + $submenu.removeClass('align-right'); + } + }, 10); + } + }); + } + + // Initialize when DOM is ready + $(document).ready(function() { + initHVACMenu(); + handleResponsiveMenu(); + handleHelpMenuPositioning(); + }); + + // Re-initialize if content is dynamically loaded + $(document).on('hvac-menu-refresh', function() { + initHVACMenu(); + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-menu-system.js b/assets/js/hvac-menu-system.js new file mode 100644 index 00000000..5488e441 --- /dev/null +++ b/assets/js/hvac-menu-system.js @@ -0,0 +1,176 @@ +/** + * HVAC Menu System JavaScript + * Handle dropdown interactions and mobile menu behavior + */ + +(function($) { + 'use strict'; + + /** + * Initialize menu system + */ + function initHVACMenu() { + const $menu = $('.hvac-trainer-menu'); + + if (!$menu.length) { + return; + } + + // Handle dropdown toggles + handleDropdownToggles($menu); + + // Handle outside clicks to close dropdowns + handleOutsideClicks($menu); + + // Handle keyboard navigation + handleKeyboardNavigation($menu); + + // Highlight current page + highlightCurrentPage($menu); + } + + /** + * Handle dropdown toggle clicks + */ + function handleDropdownToggles($menu) { + $menu.find('.menu-toggle').on('click', function(e) { + e.preventDefault(); + e.stopPropagation(); + + const $menuItem = $(this).closest('.menu-item'); + const $parentMenu = $menuItem.closest('.hvac-trainer-menu, .sub-menu'); + + // Close other open menus at the same level + $parentMenu.find('> .menu-item.has-children.open').not($menuItem).removeClass('open'); + + // Toggle current menu + $menuItem.toggleClass('open'); + }); + } + + /** + * Handle clicks outside menu to close dropdowns + */ + function handleOutsideClicks($menu) { + $(document).on('click.hvacMenu', function(e) { + if (!$(e.target).closest('.hvac-trainer-menu-wrapper').length) { + $menu.find('.menu-item.has-children.open').removeClass('open'); + } + }); + } + + /** + * Handle keyboard navigation + */ + function handleKeyboardNavigation($menu) { + $menu.find('a, .menu-toggle').on('keydown', function(e) { + const $current = $(this); + const $menuItem = $current.closest('.menu-item'); + + switch(e.which) { + case 13: // Enter + if ($current.hasClass('menu-toggle')) { + e.preventDefault(); + $current.click(); + } + break; + + case 27: // Escape + $menu.find('.menu-item.has-children.open').removeClass('open'); + $current.blur(); + break; + + case 37: // Left arrow + if ($menuItem.closest('.sub-menu').length) { + e.preventDefault(); + $menuItem.closest('.has-children').removeClass('open'); + $menuItem.closest('.has-children').find('> .menu-toggle, > a').focus(); + } + break; + + case 39: // Right arrow + if ($menuItem.hasClass('has-children')) { + e.preventDefault(); + $menuItem.addClass('open'); + $menuItem.find('.sub-menu > .menu-item:first-child > a').focus(); + } + break; + + case 38: // Up arrow + e.preventDefault(); + navigateVertically($current, 'up'); + break; + + case 40: // Down arrow + e.preventDefault(); + navigateVertically($current, 'down'); + break; + } + }); + } + + /** + * Navigate vertically through menu items + */ + function navigateVertically($current, direction) { + const $menuItem = $current.closest('.menu-item'); + const $parentMenu = $menuItem.closest('.hvac-trainer-menu, .sub-menu'); + const $siblings = $parentMenu.find('> .menu-item'); + const currentIndex = $siblings.index($menuItem); + + let targetIndex; + if (direction === 'down') { + targetIndex = currentIndex + 1; + if (targetIndex >= $siblings.length) targetIndex = 0; + } else { + targetIndex = currentIndex - 1; + if (targetIndex < 0) targetIndex = $siblings.length - 1; + } + + const $target = $siblings.eq(targetIndex); + $target.find('> a, > .menu-toggle').focus(); + } + + /** + * Highlight current page in menu + */ + function highlightCurrentPage($menu) { + const currentUrl = window.location.pathname; + + $menu.find('a').each(function() { + const $link = $(this); + const linkUrl = $link.attr('href'); + + if (linkUrl && linkUrl !== '#') { + const linkPath = linkUrl.replace(window.location.origin, ''); + + if (currentUrl === linkPath || + (linkPath !== '/' && currentUrl.indexOf(linkPath) === 0)) { + $link.closest('.menu-item').addClass('current-menu-item'); + + // Also mark parent items + $link.closest('.sub-menu').closest('.menu-item').addClass('current-menu-parent'); + } + } + }); + } + + /** + * Clean up event handlers + */ + function cleanupHVACMenu() { + $(document).off('click.hvacMenu'); + } + + // Initialize when DOM is ready + $(document).ready(function() { + initHVACMenu(); + }); + + // Reinitialize on AJAX content updates + $(document).on('hvac-content-updated', function() { + cleanupHVACMenu(); + initHVACMenu(); + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-mobile-nav.js b/assets/js/hvac-mobile-nav.js new file mode 100644 index 00000000..3cded8da --- /dev/null +++ b/assets/js/hvac-mobile-nav.js @@ -0,0 +1,139 @@ +/** + * HVAC Community Events Mobile Navigation + * + * This script handles the mobile navigation functionality including: + * - Creating mobile menu from existing navigation elements + * - Toggle functionality for mobile menu + * - Highlighting active menu items + * - Handling page-specific navigation setups + */ + +(function() { + document.addEventListener('DOMContentLoaded', function() { + // Mobile navigation setup + function setupMobileNavigation() { + // Target pages that need mobile navigation + const dashboardPage = document.querySelector('.hvac-dashboard'); + const eventSummaryPage = document.querySelector('.hvac-event-summary-wrapper'); + const emailAttendeesPage = document.querySelector('.hvac-email-attendees-wrapper'); + + // Only run on pages with these elements + if (!dashboardPage && !eventSummaryPage && !emailAttendeesPage) { + return; + } + + // Find the appropriate existing navigation element + let existingNav = null; + let headerElement = null; + let pageType = ''; + + if (dashboardPage) { + existingNav = document.querySelector('.hvac-dashboard-nav'); + headerElement = document.querySelector('.hvac-dashboard-header'); + pageType = 'dashboard'; + } else if (eventSummaryPage) { + existingNav = document.querySelector('.hvac-event-summary-actions'); + headerElement = document.querySelector('.hvac-event-summary-header'); + pageType = 'event-summary'; + } else if (emailAttendeesPage) { + existingNav = document.querySelector('.hvac-email-navigation'); + headerElement = document.querySelector('.hvac-email-header'); + pageType = 'email-attendees'; + } + + // If no existing navigation found, exit + if (!existingNav || !headerElement) { + return; + } + + // Create mobile nav container + const mobileNavContainer = document.createElement('div'); + mobileNavContainer.className = 'hvac-mobile-nav-container'; + + // Create toggle button + const toggleButton = document.createElement('button'); + toggleButton.className = 'hvac-mobile-nav-toggle'; + toggleButton.setAttribute('aria-label', 'Toggle navigation menu'); + toggleButton.setAttribute('aria-expanded', 'false'); + toggleButton.innerText = 'Menu'; + + // Create mobile nav menu + const mobileNav = document.createElement('nav'); + mobileNav.className = 'hvac-mobile-nav'; + mobileNav.setAttribute('aria-label', 'Mobile navigation'); + + // Create list of menu items by cloning original nav links + const navList = document.createElement('ul'); + const links = existingNav.querySelectorAll('a'); + + links.forEach(link => { + const listItem = document.createElement('li'); + const newLink = link.cloneNode(true); + + // Highlight active page in mobile nav + if (newLink.getAttribute('href') === window.location.pathname || + newLink.getAttribute('href') === window.location.href) { + newLink.classList.add('active'); + } + + listItem.appendChild(newLink); + navList.appendChild(listItem); + }); + + mobileNav.appendChild(navList); + + // Add components to container + mobileNavContainer.appendChild(toggleButton); + mobileNavContainer.appendChild(mobileNav); + + // Insert container after the header + headerElement.after(mobileNavContainer); + + // Toggle button functionality + toggleButton.addEventListener('click', function() { + const isOpen = mobileNav.classList.contains('open'); + + if (isOpen) { + mobileNav.classList.remove('open'); + toggleButton.classList.remove('active'); + toggleButton.setAttribute('aria-expanded', 'false'); + } else { + mobileNav.classList.add('open'); + toggleButton.classList.add('active'); + toggleButton.setAttribute('aria-expanded', 'true'); + } + }); + + // Close menu when a link is clicked + mobileNav.querySelectorAll('a').forEach(link => { + link.addEventListener('click', function() { + mobileNav.classList.remove('open'); + toggleButton.classList.remove('active'); + toggleButton.setAttribute('aria-expanded', 'false'); + }); + }); + + // Close menu when clicking outside + document.addEventListener('click', function(event) { + if (!mobileNavContainer.contains(event.target)) { + mobileNav.classList.remove('open'); + toggleButton.classList.remove('active'); + toggleButton.setAttribute('aria-expanded', 'false'); + } + }); + + // Add keyboard navigation + document.addEventListener('keydown', function(event) { + if (event.key === 'Escape' && mobileNav.classList.contains('open')) { + mobileNav.classList.remove('open'); + toggleButton.classList.remove('active'); + toggleButton.setAttribute('aria-expanded', 'false'); + toggleButton.focus(); + } + }); + } + + // Run setup + setupMobileNavigation(); + }); +})(); \ No newline at end of file diff --git a/assets/js/hvac-mobile-responsive.js b/assets/js/hvac-mobile-responsive.js new file mode 100644 index 00000000..de53ee57 --- /dev/null +++ b/assets/js/hvac-mobile-responsive.js @@ -0,0 +1,348 @@ +/** + * HVAC Mobile Responsive JavaScript + * + * Provides enhanced mobile functionality including: + * - Collapsible form sections + * - Mobile navigation toggle + * - Touch-friendly interactions + * - Responsive table enhancements + * + * @version 1.0.0 + * @author HVAC Community Events Plugin + */ + +(function($) { + 'use strict'; + + // Wait for DOM to be ready + $(document).ready(function() { + initMobileResponsive(); + }); + + /** + * Initialize all mobile responsive functionality + */ + function initMobileResponsive() { + setupCollapsibleFormSections(); + setupMobileNavigation(); + setupTableResponsiveness(); + setupTouchEnhancements(); + setupMobileModalHandling(); + } + + /** + * Setup collapsible form sections for registration forms + */ + function setupCollapsibleFormSections() { + // Only run on screens smaller than 768px + if (window.innerWidth > 768) { + return; + } + + // Convert existing form sections to collapsible + var $formContainer = $('.hvac-registration-form-container, .hvac-trainer-registration-page'); + if ($formContainer.length === 0) { + return; + } + + // Find form sections by common headings + $formContainer.find('h2, h3').each(function(index) { + var $heading = $(this); + var $section = $('
    '); + var $header = $('
    '); + var $content = $('
    '); + var $toggle = $('▼'); + + // Clone heading content + $header.html($heading.html()).append($toggle); + + // Find content until next heading + var $nextElements = $heading.nextUntil('h2, h3'); + if ($nextElements.length === 0) { + $nextElements = $heading.nextAll(); + } + + // Move content to collapsible section + $content.append($nextElements.clone()); + $nextElements.remove(); + + // Build collapsible section + $section.append($header, $content); + $heading.replaceWith($section); + + // Collapse all sections except the first one + if (index > 0) { + $section.addClass('collapsed'); + } + }); + + // Add click handlers for collapsible sections + $(document).on('click', '.hvac-registration-section-header', function() { + var $section = $(this).parent(); + $section.toggleClass('collapsed'); + + // Smooth height animation + var $content = $section.find('.hvac-registration-section-content'); + if ($section.hasClass('collapsed')) { + $content.slideUp(300); + } else { + $content.slideDown(300); + } + }); + } + + /** + * Setup mobile navigation toggle functionality + */ + function setupMobileNavigation() { + // Only run on mobile screens + if (window.innerWidth > 768) { + return; + } + + var $navigation = $('.hvac-trainer-navigation'); + if ($navigation.length === 0) { + return; + } + + // Create mobile menu toggle if it doesn't exist + if ($navigation.find('.hvac-mobile-menu-toggle').length === 0) { + var $toggle = $(''); + $navigation.prepend($toggle); + + // Wrap existing menu in mobile container + var $menu = $navigation.find('ul, nav').first(); + if ($menu.length > 0) { + $menu.wrap('
    '); + } + } + + // Toggle functionality + $(document).on('click', '.hvac-mobile-menu-toggle', function() { + var $button = $(this); + var $menu = $navigation.find('.hvac-trainer-nav-menu'); + + $button.toggleClass('active'); + $menu.toggleClass('active'); + + // Update ARIA attributes + var isExpanded = $button.hasClass('active'); + $button.attr('aria-expanded', isExpanded); + }); + + // Setup submenu toggles + $navigation.find('li').has('ul').addClass('has-submenu'); + $(document).on('click', '.has-submenu > a', function(e) { + if (window.innerWidth <= 768) { + e.preventDefault(); + var $item = $(this).parent(); + $item.toggleClass('active'); + $item.find('.submenu, ul').first().slideToggle(200); + } + }); + + // Close mobile menu when clicking outside + $(document).on('click', function(e) { + if (window.innerWidth <= 768) { + if (!$(e.target).closest('.hvac-trainer-navigation').length) { + $('.hvac-mobile-menu-toggle').removeClass('active'); + $('.hvac-trainer-nav-menu').removeClass('active'); + } + } + }); + } + + /** + * Enhance table responsiveness with JavaScript + */ + function setupTableResponsiveness() { + // Add data labels to table cells for mobile card layout + $('.events-table, .hvac-certificate-table').each(function() { + var $table = $(this); + var $headers = $table.find('th'); + + $table.find('tbody tr').each(function() { + $(this).find('td').each(function(index) { + var $cell = $(this); + var $header = $headers.eq(index); + if ($header.length > 0) { + $cell.attr('data-label', $header.text()); + } + }); + }); + }); + + // Add horizontal scrolling indicators for tables that overflow + function addScrollIndicators() { + $('.hvac-events-table-wrapper, .hvac-certificate-table-wrapper').each(function() { + var $wrapper = $(this); + var $table = $wrapper.find('table'); + + if ($table.length > 0) { + var wrapperWidth = $wrapper.width(); + var tableWidth = $table.width(); + + if (tableWidth > wrapperWidth) { + $wrapper.addClass('has-horizontal-scroll'); + } else { + $wrapper.removeClass('has-horizontal-scroll'); + } + } + }); + } + + // Check on load and resize + addScrollIndicators(); + $(window).on('resize', debounce(addScrollIndicators, 250)); + } + + /** + * Setup touch enhancements for mobile devices + */ + function setupTouchEnhancements() { + // Add touch feedback for buttons + $('.hvac-button, .hvac-form-submit, button, input[type="submit"]').each(function() { + $(this).addClass('hvac-touch-target'); + }); + + // Improve touch scrolling for modal content + if ('ontouchstart' in window) { + $('.hvac-modal-content, .hvac-popup-content').css({ + '-webkit-overflow-scrolling': 'touch', + 'overflow-scrolling': 'touch' + }); + } + + // Add touch feedback for interactive elements + $(document).on('touchstart', '.hvac-touch-target', function() { + $(this).addClass('hvac-touch-active'); + }); + + $(document).on('touchend touchcancel', '.hvac-touch-target', function() { + var $this = $(this); + setTimeout(function() { + $this.removeClass('hvac-touch-active'); + }, 150); + }); + } + + /** + * Setup mobile modal handling + */ + function setupMobileModalHandling() { + // Prevent body scrolling when modal is open on mobile + $(document).on('show', '.hvac-modal, .hvac-popup', function() { + if (window.innerWidth <= 768) { + $('body').addClass('hvac-modal-open'); + } + }); + + $(document).on('hide', '.hvac-modal, .hvac-popup', function() { + $('body').removeClass('hvac-modal-open'); + }); + + // Close modal when tapping backdrop on mobile + $(document).on('click', '.hvac-modal, .hvac-popup', function(e) { + if (e.target === this && window.innerWidth <= 768) { + $(this).trigger('hide'); + } + }); + + // Swipe to close functionality for mobile + if ('ontouchstart' in window) { + setupSwipeToClose(); + } + } + + /** + * Setup swipe to close functionality for mobile modals + */ + function setupSwipeToClose() { + var startY = 0; + var currentY = 0; + var isDragging = false; + + $(document).on('touchstart', '.hvac-modal, .hvac-popup', function(e) { + if ($(e.target).is('.hvac-modal, .hvac-popup')) { + startY = e.originalEvent.touches[0].pageY; + isDragging = true; + } + }); + + $(document).on('touchmove', '.hvac-modal, .hvac-popup', function(e) { + if (!isDragging) return; + + currentY = e.originalEvent.touches[0].pageY; + var deltaY = currentY - startY; + + // Add visual feedback for swipe gesture + if (Math.abs(deltaY) > 50) { + $(this).addClass('hvac-swipe-feedback'); + } + }); + + $(document).on('touchend', '.hvac-modal, .hvac-popup', function(e) { + if (!isDragging) return; + + var deltaY = currentY - startY; + $(this).removeClass('hvac-swipe-feedback'); + + // Close modal if swiped down significantly + if (deltaY > 100) { + $(this).trigger('hide'); + } + + isDragging = false; + }); + } + + /** + * Handle window resize events + */ + $(window).on('resize', debounce(function() { + // Re-initialize mobile features when crossing breakpoints + var width = window.innerWidth; + + if (width > 768) { + // Desktop: Clean up mobile-specific modifications + $('.hvac-registration-section').removeClass('collapsed'); + $('.hvac-trainer-nav-menu').removeClass('active'); + $('.hvac-mobile-menu-toggle').removeClass('active'); + } else { + // Mobile: Re-initialize if needed + setupMobileNavigation(); + } + }, 250)); + + /** + * Debounce utility function + */ + function debounce(func, wait) { + var timeout; + return function executedFunction() { + var context = this; + var args = arguments; + var later = function() { + timeout = null; + func.apply(context, args); + }; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + }; + } + + /** + * Utility function to detect touch devices + */ + function isTouchDevice() { + return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0; + } + + /** + * Add body class for touch devices + */ + if (isTouchDevice()) { + $('body').addClass('hvac-touch-device'); + } + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-profile-sharing.js b/assets/js/hvac-profile-sharing.js new file mode 100644 index 00000000..1f875672 --- /dev/null +++ b/assets/js/hvac-profile-sharing.js @@ -0,0 +1,311 @@ +/** + * HVAC Profile Sharing JavaScript + * + * @package HVAC_Community_Events + * @version 1.0.0 + */ + +(function($) { + 'use strict'; + + /** + * Profile Sharing Handler + */ + var ProfileSharing = { + + /** + * Initialize the profile sharing system + */ + init: function() { + this.bindEvents(); + }, + + /** + * Bind event handlers + */ + bindEvents: function() { + // Share Profile button click + $(document).on('click', '.hvac-share-profile-btn', this.openShareModal); + + // Modal close events + $(document).on('click', '.hvac-modal-close', this.closeShareModal); + $(document).on('click', '.hvac-share-modal', function(e) { + if (e.target === this) { + ProfileSharing.closeShareModal(); + } + }); + + // Copy URL button + $(document).on('click', '.hvac-copy-url-btn', this.copyShareUrl); + + // Escape key to close modal + $(document).on('keydown', function(e) { + if (e.keyCode === 27 && $('.hvac-share-modal:visible').length) { + ProfileSharing.closeShareModal(); + } + }); + }, + + /** + * Open the share profile modal + */ + openShareModal: function(e) { + e.preventDefault(); + + var $button = $(this); + var profileId = $button.data('profile-id'); + + if (!profileId) { + console.error('No profile ID found'); + return; + } + + // Show the modal + var $modal = $('#hvac-share-profile-modal'); + $modal.fadeIn(300); + + // Prevent body scroll + $('body').addClass('modal-open').css('overflow', 'hidden'); + + // Load the share data + ProfileSharing.loadShareData(profileId); + }, + + /** + * Close the share profile modal + */ + closeShareModal: function(e) { + if (e) { + e.preventDefault(); + } + + var $modal = $('#hvac-share-profile-modal'); + $modal.fadeOut(300); + + // Restore body scroll + $('body').removeClass('modal-open').css('overflow', ''); + + // Reset modal content + setTimeout(function() { + ProfileSharing.resetModal(); + }, 300); + }, + + /** + * Load share data via AJAX + */ + loadShareData: function(profileId) { + var $urlInput = $('#hvac-share-url'); + var $cardContainer = $('#hvac-share-card-container'); + + // Reset loading states + $urlInput.val('Loading...'); + $cardContainer.removeClass('loaded').html( + '' + ); + + // Make AJAX request + $.ajax({ + url: hvac_sharing.ajax_url, + type: 'POST', + data: { + action: 'hvac_get_profile_share_data', + profile_id: profileId, + nonce: hvac_sharing.nonce + }, + success: function(response) { + if (response.success && response.data) { + ProfileSharing.populateShareData(response.data); + } else { + ProfileSharing.showError(response.data ? response.data.message : 'Unknown error occurred'); + } + }, + error: function(xhr, status, error) { + console.error('AJAX Error:', error); + ProfileSharing.showError('Network error occurred. Please try again.'); + } + }); + }, + + /** + * Populate the modal with share data + */ + populateShareData: function(data) { + var $urlInput = $('#hvac-share-url'); + var $cardContainer = $('#hvac-share-card-container'); + + // Set the share URL + $urlInput.val(data.share_url || ''); + + // Create the profile card HTML + var cardHtml = ProfileSharing.createProfileCardHtml(data); + + // Update the card container + $cardContainer.addClass('loaded').html(cardHtml); + }, + + /** + * Create profile card HTML + */ + createProfileCardHtml: function(data) { + var avatarHtml = ''; + if (data.profile_image) { + avatarHtml = '' + data.trainer_name + ''; + } else { + var initial = data.trainer_name ? data.trainer_name.charAt(0).toUpperCase() : '?'; + avatarHtml = ''; + } + + // Add mQ badge for certified trainers + var badgeHtml = ''; + if (data.certification_type === 'Certified measureQuick Trainer') { + badgeHtml = '
    ' + + 'measureQuick Certified Trainer' + + '
    '; + } + + var businessNameHtml = data.business_name ? + '' : ''; + + var certificationHtml = data.certification_type ? + '' : ''; + + var qrCodeHtml = data.qr_code_url ? + '' : ''; + + return ''; + }, + + /** + * Show error message + */ + showError: function(message) { + var $urlInput = $('#hvac-share-url'); + var $cardContainer = $('#hvac-share-card-container'); + + $urlInput.val('Error loading URL'); + $cardContainer.html( + '' + ); + }, + + /** + * Copy share URL to clipboard + */ + copyShareUrl: function(e) { + e.preventDefault(); + + var $button = $(this); + var $input = $('#hvac-share-url'); + var url = $input.val(); + + if (!url || url === 'Loading...' || url === 'Error loading URL') { + return; + } + + // Try to copy to clipboard + if (navigator.clipboard && window.isSecureContext) { + // Use modern clipboard API + navigator.clipboard.writeText(url).then(function() { + ProfileSharing.showCopySuccess($button); + }).catch(function(err) { + console.error('Clipboard API failed:', err); + ProfileSharing.fallbackCopy($input, $button); + }); + } else { + // Fallback for older browsers + ProfileSharing.fallbackCopy($input, $button); + } + }, + + /** + * Fallback copy method for older browsers + */ + fallbackCopy: function($input, $button) { + try { + $input.select(); + $input[0].setSelectionRange(0, 99999); // For mobile devices + + var successful = document.execCommand('copy'); + if (successful) { + ProfileSharing.showCopySuccess($button); + } else { + ProfileSharing.showCopyError($button); + } + } catch (err) { + console.error('Fallback copy failed:', err); + ProfileSharing.showCopyError($button); + } + }, + + /** + * Show copy success feedback + */ + showCopySuccess: function($button) { + var originalText = $button.text(); + + $button.addClass('copied') + .text(hvac_sharing.strings.copied); + + setTimeout(function() { + $button.removeClass('copied') + .text(originalText); + }, 2000); + }, + + /** + * Show copy error feedback + */ + showCopyError: function($button) { + var originalText = $button.text(); + + $button.text(hvac_sharing.strings.copy_error) + .css('background-color', '#dc3545'); + + setTimeout(function() { + $button.text(originalText) + .css('background-color', ''); + }, 3000); + }, + + /** + * Reset modal to initial state + */ + resetModal: function() { + $('#hvac-share-url').val(''); + $('#hvac-share-card-container').removeClass('loaded').html( + '' + ); + } + }; + + /** + * Initialize when document is ready + */ + $(document).ready(function() { + ProfileSharing.init(); + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-registration-safari-compatible.js b/assets/js/hvac-registration-safari-compatible.js new file mode 100644 index 00000000..821e484f --- /dev/null +++ b/assets/js/hvac-registration-safari-compatible.js @@ -0,0 +1,407 @@ +/** + * HVAC Registration Form JavaScript - Safari Compatible Version + * + * This version uses ES5 compatible JavaScript for maximum browser compatibility + */ +jQuery(document).ready(function($) { + // Use var instead of const/let for Safari compatibility + var $countrySelect = $('#user_country'); + var $stateSelect = $('#user_state'); + var $stateOtherInput = $('#user_state_other'); + var $registrationForm = $('#hvac-registration-form'); + + // Headquarters fields + var $hqCountrySelect = $('#org_headquarters_country'); + var $hqStateSelect = $('#org_headquarters_state'); + var $hqStateOtherInput = $('#org_headquarters_state_other'); + + // Venue fields + var $createVenue = $('input[name="create_venue"]'); + var $venueDetails = $('#venue-details'); + var $venueName = $('#venue_name'); + var $businessName = $('#business_name'); + var $userCity = $('#user_city'); + var $venuePhone = $('#venue_phone'); + var $venueWebsite = $('#venue_website'); + var $businessPhone = $('#business_phone'); + var $businessWebsite = $('#business_website'); + + // Form validation helpers + function showFieldError(fieldId, message) { + var $field = $('#' + fieldId); + var $existingError = $field.siblings('.error-message'); + + if ($existingError.length) { + $existingError.text(message); + } else { + $field.after('

    ' + message + '

    '); + } + + $field.addClass('error'); + } + + function clearFieldError(fieldId) { + var $field = $('#' + fieldId); + $field.siblings('.error-message').remove(); + $field.removeClass('error'); + } + + // Real-time email validation + $('#user_email').on('blur', function() { + var email = $(this).val(); + if (email && !isValidEmail(email)) { + showFieldError('user_email', 'Please enter a valid email address.'); + } else { + clearFieldError('user_email'); + } + }); + + $('#business_email').on('blur', function() { + var email = $(this).val(); + if (email && !isValidEmail(email)) { + showFieldError('business_email', 'Please enter a valid business email address.'); + } else { + clearFieldError('business_email'); + } + }); + + function isValidEmail(email) { + var re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return re.test(email); + } + + // Real-time password validation + $('#user_pass').on('input blur', function() { + var password = $(this).val(); + if (password) { + var errors = []; + if (password.length < 8) { + errors.push('at least 8 characters'); + } + if (!/[A-Z]/.test(password)) { + errors.push('one uppercase letter'); + } + if (!/[a-z]/.test(password)) { + errors.push('one lowercase letter'); + } + if (!/[0-9]/.test(password)) { + errors.push('one number'); + } + + if (errors.length > 0) { + showFieldError('user_pass', 'Password must contain ' + errors.join(', ') + '.'); + } else { + clearFieldError('user_pass'); + // Check confirm password if it has a value + var confirmPass = $('#confirm_password').val(); + if (confirmPass) { + $('#confirm_password').trigger('blur'); + } + } + } + }); + + // Confirm password validation + $('#confirm_password').on('blur', function() { + var password = $('#user_pass').val(); + var confirmPassword = $(this).val(); + + if (confirmPassword && password !== confirmPassword) { + showFieldError('confirm_password', 'Passwords do not match.'); + } else { + clearFieldError('confirm_password'); + } + }); + + // URL validation for optional fields - Safari compatible + function isValidURL(url) { + // Use regex instead of URL constructor for Safari compatibility + var urlRegex = /^https?:\/\/([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/; + return urlRegex.test(url); + } + + $('#user_url, #user_linkedin, #business_website, #venue_website').on('blur', function() { + var url = $(this).val(); + var fieldId = $(this).attr('id'); + + if (url && !isValidURL(url)) { + var fieldName = fieldId === 'user_url' ? 'personal website' : + fieldId === 'user_linkedin' ? 'LinkedIn profile' : + fieldId === 'business_website' ? 'organization website' : + 'venue website'; + showFieldError(fieldId, 'Please enter a valid URL for your ' + fieldName + '.'); + } else { + clearFieldError(fieldId); + } + }); + + // Auto-populate venue name function + function updateVenueName() { + if ($venueName.val() === '') { + var businessName = $businessName.val(); + var city = $userCity.val(); + + if (businessName && city) { + $venueName.val(businessName + ' ' + city); + } else if (businessName) { + $venueName.val(businessName + ' Training Center'); + } + } + } + + // Handle venue creation toggle + $createVenue.on('change', function() { + if ($(this).val() === 'Yes') { + $venueDetails.slideDown(); + // Auto-populate venue name if empty + updateVenueName(); + // Auto-populate venue phone and website + if (!$venuePhone.val() && $businessPhone.val()) { + $venuePhone.val($businessPhone.val()); + } + if (!$venueWebsite.val() && $businessWebsite.val()) { + $venueWebsite.val($businessWebsite.val()); + } + } else { + $venueDetails.slideUp(); + } + }); + + // Update venue name when business name or city changes + $businessName.on('blur', updateVenueName); + $userCity.on('blur', updateVenueName); + + // Form submission with comprehensive validation + $registrationForm.on('submit', function(e) { + e.preventDefault(); + + var hasErrors = false; + var errors = []; + + // Define required fields - compatible with older browsers + var requiredFields = [ + { id: 'user_email', name: 'Email' }, + { id: 'user_pass', name: 'Password' }, + { id: 'confirm_password', name: 'Confirm Password' }, + { id: 'first_name', name: 'First Name' }, + { id: 'last_name', name: 'Last Name' }, + { id: 'display_name', name: 'Display Name' }, + { id: 'user_bio', name: 'Biographical Info' }, + { id: 'application_details', name: 'Application Details' }, + { id: 'business_name', name: 'Organization Name' }, + { id: 'business_phone', name: 'Organization Phone' }, + { id: 'business_email', name: 'Organization Email' }, + { id: 'business_description', name: 'Organization Description' }, + { id: 'business_type', name: 'Business Type' }, + { id: 'org_headquarters_country', name: 'Headquarters Country' }, + { id: 'org_headquarters_city', name: 'Headquarters City' } + ]; + + // Check required fields - use traditional for loop for Safari compatibility + for (var i = 0; i < requiredFields.length; i++) { + var field = requiredFields[i]; + var $field = $('#' + field.id); + var value = $field.val(); + + if (!value || value.trim() === '') { + showFieldError(field.id, field.name + ' is required.'); + errors.push(field.name + ' is required'); + hasErrors = true; + } else { + clearFieldError(field.id); + } + } + + // Check organization logo requirement + var $orgLogo = $('#org_logo'); + if ($orgLogo.length && !$orgLogo.val() && !$orgLogo.data('existing')) { + showFieldError('org_logo', 'Organization Logo is required.'); + errors.push('Organization Logo is required'); + hasErrors = true; + } + + // Validate state fields for countries that require them + if ($countrySelect.length) { + var country = $('#user_country').val(); + if (country === 'United States' || country === 'Canada') { + if ($stateSelect.is(':visible')) { + var state = $('#user_state').val(); + if (!state || state === '') { + showFieldError('user_state', 'State/Province is required for ' + country + '.'); + errors.push('State/Province is required'); + hasErrors = true; + } + } else if ($stateOtherInput.is(':visible')) { + var otherState = $('#user_state_other').val(); + if (!otherState || otherState.trim() === '') { + showFieldError('user_state_other', 'State/Province is required for ' + country + '.'); + errors.push('State/Province is required'); + hasErrors = true; + } + } + } + } + + // Similar validation for HQ fields + if ($hqCountrySelect.length) { + var hqCountry = $hqCountrySelect.val(); + if ((hqCountry === 'United States' || hqCountry === 'Canada') && $hqStateSelect.is(':visible')) { + var hqState = $hqStateSelect.val(); + if (!hqState || hqState === '') { + showFieldError('org_headquarters_state', 'Headquarters State/Province is required for ' + hqCountry + '.'); + errors.push('Headquarters State/Province is required'); + hasErrors = true; + } + } + } + + // Check business type + var businessType = $('#business_type').val(); + if (!businessType || businessType === '') { + showFieldError('business_type', 'Please select your business type.'); + errors.push('Business type is required'); + hasErrors = true; + } + + // Check training audience - at least one must be selected + var trainingAudienceChecked = $('input[name="training_audience[]"]:checked').length > 0; + if (!trainingAudienceChecked) { + $('.training-audience-group').addClass('error'); + errors.push('Please select at least one training audience'); + hasErrors = true; + } else { + $('.training-audience-group').removeClass('error'); + } + + // Display error summary if there are errors + if (hasErrors) { + var $errorSummary = $('.hvac-form-errors'); + if (!$errorSummary.length) { + $errorSummary = $('

    Please correct the following errors:

      '); + $registrationForm.prepend($errorSummary); + } + var $errorList = $errorSummary.find('ul'); + $errorList.empty(); + for (var j = 0; j < errors.length; j++) { + $errorList.append('
    • ' + errors[j] + '
      • '); + } + $errorSummary.show(); + + // Scroll to top of form + $('html, body').animate({ + scrollTop: $registrationForm.offset().top - 50 + }, 500); + + return false; + } else { + $('.hvac-form-errors').hide(); + } + + // If no errors, submit the form normally + this.submit(); + }); + + // Country/State handling - Safari compatible + function populateStates($stateSelect, countryCode) { + var options = {}; + + if (countryCode === 'US') { + options = { + 'AL': 'Alabama', 'AK': 'Alaska', 'AZ': 'Arizona', 'AR': 'Arkansas', 'CA': 'California', + 'CO': 'Colorado', 'CT': 'Connecticut', 'DE': 'Delaware', 'FL': 'Florida', 'GA': 'Georgia', + 'HI': 'Hawaii', 'ID': 'Idaho', 'IL': 'Illinois', 'IN': 'Indiana', 'IA': 'Iowa', + 'KS': 'Kansas', 'KY': 'Kentucky', 'LA': 'Louisiana', 'ME': 'Maine', 'MD': 'Maryland', + 'MA': 'Massachusetts', 'MI': 'Michigan', 'MN': 'Minnesota', 'MS': 'Mississippi', 'MO': 'Missouri', + 'MT': 'Montana', 'NE': 'Nebraska', 'NV': 'Nevada', 'NH': 'New Hampshire', 'NJ': 'New Jersey', + 'NM': 'New Mexico', 'NY': 'New York', 'NC': 'North Carolina', 'ND': 'North Dakota', 'OH': 'Ohio', + 'OK': 'Oklahoma', 'OR': 'Oregon', 'PA': 'Pennsylvania', 'RI': 'Rhode Island', 'SC': 'South Carolina', + 'SD': 'South Dakota', 'TN': 'Tennessee', 'TX': 'Texas', 'UT': 'Utah', 'VT': 'Vermont', + 'VA': 'Virginia', 'WA': 'Washington', 'WV': 'West Virginia', 'WI': 'Wisconsin', 'WY': 'Wyoming' + }; + } else if (countryCode === 'CA') { + options = { + 'AB': 'Alberta', 'BC': 'British Columbia', 'MB': 'Manitoba', 'NB': 'New Brunswick', + 'NL': 'Newfoundland and Labrador', 'NS': 'Nova Scotia', 'NT': 'Northwest Territories', + 'NU': 'Nunavut', 'ON': 'Ontario', 'PE': 'Prince Edward Island', 'QC': 'Quebec', + 'SK': 'Saskatchewan', 'YT': 'Yukon' + }; + } + + $stateSelect.find('option:not([value=""])').remove(); + + if (Object.keys(options).length > 0) { + // Use traditional for-in loop for Safari compatibility + for (var value in options) { + if (options.hasOwnProperty(value)) { + var label = options[value]; + var $otherOption = $stateSelect.find('option[value="Other"]'); + var $newOption = $('').val(value).text(label); + + if ($otherOption.length) { + $otherOption.before($newOption); + } else { + $stateSelect.append($newOption); + } + } + } + } + + $stateSelect.show(); + } + + // Handle country selection change + $countrySelect.on('change', function() { + var country = $(this).val(); + + if (country === 'United States') { + populateStates($stateSelect, 'US'); + $stateSelect.show(); + $stateOtherInput.hide(); + } else if (country === 'Canada') { + populateStates($stateSelect, 'CA'); + $stateSelect.show(); + $stateOtherInput.hide(); + } else if (country) { + $stateSelect.hide(); + $stateOtherInput.show(); + } else { + $stateSelect.hide(); + $stateOtherInput.hide(); + } + }); + + // Handle HQ country selection change + $hqCountrySelect.on('change', function() { + var country = $(this).val(); + + if (country === 'United States') { + populateStates($hqStateSelect, 'US'); + $hqStateSelect.show(); + $hqStateOtherInput.hide(); + } else if (country === 'Canada') { + populateStates($hqStateSelect, 'CA'); + $hqStateSelect.show(); + $hqStateOtherInput.hide(); + } else if (country) { + $hqStateSelect.hide(); + $hqStateOtherInput.show(); + } else { + $hqStateSelect.hide(); + $hqStateOtherInput.hide(); + } + }); + + // Initialize state fields on page load + if ($countrySelect.val()) { + $countrySelect.trigger('change'); + } + + if ($hqCountrySelect.val()) { + $hqCountrySelect.trigger('change'); + } + + // Initialize venue creation state + if ($createVenue.filter(':checked').val() === 'Yes') { + $venueDetails.show(); + } +}); \ No newline at end of file diff --git a/assets/js/hvac-registration.backup.js b/assets/js/hvac-registration.backup.js new file mode 100644 index 00000000..f5af9ed6 --- /dev/null +++ b/assets/js/hvac-registration.backup.js @@ -0,0 +1,282 @@ +jQuery(document).ready(function($) { + const $countrySelect = $('#user_country'); + const $stateSelect = $('#user_state'); + const $stateOtherInput = $('#user_state_other'); + const $registrationForm = $('#hvac-registration-form'); + + // Form validation helpers + function showFieldError(fieldId, message) { + const $field = $('#' + fieldId); + const $existingError = $field.siblings('.error-message'); + + if ($existingError.length) { + $existingError.text(message); + } else { + $field.after('

      ' + message + '

      '); + } + + $field.addClass('error'); + } + + function clearFieldError(fieldId) { + const $field = $('#' + fieldId); + $field.siblings('.error-message').remove(); + $field.removeClass('error'); + } + + // Real-time email validation + $('#user_email').on('blur', function() { + const email = $(this).val(); + if (email && !isValidEmail(email)) { + showFieldError('user_email', 'Please enter a valid email address.'); + } else { + clearFieldError('user_email'); + } + }); + + $('#business_email').on('blur', function() { + const email = $(this).val(); + if (email && !isValidEmail(email)) { + showFieldError('business_email', 'Please enter a valid business email address.'); + } else { + clearFieldError('business_email'); + } + }); + + function isValidEmail(email) { + const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return re.test(email); + } + + // Real-time password validation + $('#user_pass').on('input blur', function() { + const password = $(this).val(); + if (password) { + const errors = []; + if (password.length < 8) { + errors.push('at least 8 characters'); + } + if (!/[A-Z]/.test(password)) { + errors.push('one uppercase letter'); + } + if (!/[a-z]/.test(password)) { + errors.push('one lowercase letter'); + } + if (!/[0-9]/.test(password)) { + errors.push('one number'); + } + + if (errors.length > 0) { + showFieldError('user_pass', 'Password must contain ' + errors.join(', ') + '.'); + } else { + clearFieldError('user_pass'); + // Check confirm password if it has a value + const confirmPass = $('#confirm_password').val(); + if (confirmPass) { + $('#confirm_password').trigger('blur'); + } + } + } + }); + + // Confirm password validation + $('#confirm_password').on('blur', function() { + const password = $('#user_pass').val(); + const confirmPassword = $(this).val(); + + if (confirmPassword && password !== confirmPassword) { + showFieldError('confirm_password', 'Passwords do not match.'); + } else { + clearFieldError('confirm_password'); + } + }); + + // URL validation for optional fields + function isValidURL(url) { + try { + new URL(url); + return true; + } catch (_) { + return false; + } + } + + $('#user_url, #user_linkedin, #business_website').on('blur', function() { + const url = $(this).val(); + const fieldId = $(this).attr('id'); + + if (url && !isValidURL(url)) { + const fieldName = fieldId === 'user_url' ? 'personal website' : + fieldId === 'user_linkedin' ? 'LinkedIn profile' : + 'business website'; + showFieldError(fieldId, 'Please enter a valid URL for your ' + fieldName + '.'); + } else { + clearFieldError(fieldId); + } + }); + + // Form submission validation + $registrationForm.on('submit', function(e) { + let hasErrors = false; + const errors = []; + + // Check required fields + const requiredFields = [ + { id: 'user_email', name: 'Email' }, + { id: 'user_pass', name: 'Password' }, + { id: 'confirm_password', name: 'Confirm Password' }, + { id: 'first_name', name: 'First Name' }, + { id: 'last_name', name: 'Last Name' }, + { id: 'display_name', name: 'Display Name' }, + { id: 'description', name: 'Biographical Info' }, + { id: 'business_name', name: 'Business Name' }, + { id: 'business_phone', name: 'Business Phone' }, + { id: 'business_email', name: 'Business Email' }, + { id: 'business_description', name: 'Business Description' }, + { id: 'user_country', name: 'Country' }, + { id: 'user_city', name: 'City' }, + { id: 'user_zip', name: 'Zip/Postal Code' }, + { id: 'application_details', name: 'Application Details' } + ]; + + requiredFields.forEach(field => { + const $field = $('#' + field.id); + if (!$field.val() || $field.val().trim() === '') { + hasErrors = true; + errors.push(field.name + ' is required.'); + showFieldError(field.id, field.name + ' is required.'); + } + }); + + // Check state/province + const country = $('#user_country').val(); + if (country) { + if (country === 'United States' || country === 'Canada') { + const state = $('#user_state').val(); + if (!state || state === '') { + hasErrors = true; + errors.push('State/Province is required.'); + showFieldError('user_state', 'State/Province is required.'); + } + } else { + const otherState = $('#user_state_other').val(); + if (!otherState || otherState.trim() === '') { + hasErrors = true; + errors.push('State/Province is required.'); + showFieldError('user_state_other', 'State/Province is required.'); + } + } + } + + // Check radio buttons + if (!$('input[name="create_venue"]:checked').length) { + hasErrors = true; + errors.push('Please select whether to create a training venue profile.'); + } + + if (!$('input[name="business_type"]:checked').length) { + hasErrors = true; + errors.push('Business Type is required.'); + } + + // Check checkbox groups + const checkboxGroups = [ + { name: 'training_audience[]', label: 'Training Audience' }, + { name: 'training_formats[]', label: 'Training Formats' }, + { name: 'training_locations[]', label: 'Training Locations' }, + { name: 'training_resources[]', label: 'Training Resources' } + ]; + + checkboxGroups.forEach(group => { + if (!$('input[name="' + group.name + '"]:checked').length) { + hasErrors = true; + errors.push('Please select at least one option for ' + group.label + '.'); + } + }); + + if (hasErrors) { + e.preventDefault(); + + // Show error summary at the top + let $errorSummary = $('.hvac-form-errors'); + if (!$errorSummary.length) { + $errorSummary = $(''); + $registrationForm.prepend($errorSummary); + } + + const $errorList = $errorSummary.find('ul'); + $errorList.empty(); + errors.forEach(error => { + $errorList.append('
    • ' + error + '
      • '); + }); + + // Scroll to top of form + $('html, body').animate({ + scrollTop: $('.hvac-registration-form').offset().top - 100 + }, 500); + } + }); + + // Function to populate states/provinces + function loadStates(country) { + console.log(`Loading states/provinces for ${country}`); // Keep log for debugging + $stateSelect.find('option').not('[value=""],[value="Other"]').remove(); // Clear existing options except defaults + + let options = {}; + if (country === 'United States' && typeof hvacRegistrationData !== 'undefined' && hvacRegistrationData.states) { + options = hvacRegistrationData.states; + } else if (country === 'Canada' && typeof hvacRegistrationData !== 'undefined' && hvacRegistrationData.provinces) { + options = hvacRegistrationData.provinces; + } else { + // If country is not US/CA or data is missing, ensure 'Other' is selected and input shown + $stateSelect.val('Other').trigger('change'); // Trigger change to show 'Other' input if needed + return; + } + + // Append new options + $.each(options, function(value, label) { + // Append before the 'Other' option if it exists, otherwise just append + const $otherOption = $stateSelect.find('option[value="Other"]'); + const $newOption = $('').val(value).text(label); + if ($otherOption.length > 0) { + $newOption.insertBefore($otherOption); + } else { + $stateSelect.append($newOption); + } + }); + + // Ensure the 'Other' input is hidden initially when states/provinces are loaded + $stateOtherInput.hide().val(''); + // Reset state selection to default prompt + $stateSelect.val(''); + } + + // Handle state/province field visibility based on 'Other' selection + $stateSelect.change(function() { + if ($(this).val() === 'Other') { + $stateOtherInput.show().prop('required', true); // Make required if Other is selected + } else { + $stateOtherInput.hide().val('').prop('required', false); // Hide and make not required + } + }).trigger('change'); // Trigger on load to set initial visibility + + // Handle country change to show/hide/populate state field + $countrySelect.change(function() { + const country = $(this).val(); + + if (country === 'United States' || country === 'Canada') { + loadStates(country); + $stateSelect.show().prop('required', true); // Show and require state select + $stateOtherInput.prop('required', false); // Ensure 'Other' input is not required initially + } else if (country) { + // For other countries, hide state select, select 'Other', show/require 'Other' input + $stateSelect.hide().val('Other').prop('required', false); // Hide and make not required + $stateOtherInput.show().prop('required', true); // Show and require 'Other' input + } else { + // No country selected + $stateSelect.hide().val('').prop('required', false); // Hide and make not required + $stateOtherInput.hide().val('').prop('required', false); // Hide and make not required + } + }).trigger('change'); // Trigger on load to set initial state based on pre-selected country (if any) + +}); \ No newline at end of file diff --git a/assets/js/hvac-safari-debug.js b/assets/js/hvac-safari-debug.js new file mode 100644 index 00000000..1e622d90 --- /dev/null +++ b/assets/js/hvac-safari-debug.js @@ -0,0 +1,270 @@ +/** + * HVAC Safari Debug System + * Comprehensive debugging for Safari compatibility issues + */ + +(function() { + 'use strict'; + + // Debug logger that works in all browsers + var SafariDebug = { + logs: [], + + log: function(message, data) { + var timestamp = new Date().toISOString(); + var logEntry = { + time: timestamp, + message: message, + data: data || null, + userAgent: navigator.userAgent + }; + + this.logs.push(logEntry); + + // Also log to console + if (console && console.log) { + console.log('[SAFARI-DEBUG]', timestamp, message, data); + } + + // Send to server for logging (ES5 compatible) - only if actually Safari + if (this.isActualSafari()) { + this.sendToServer(logEntry); + } + }, + + error: function(message, error) { + var timestamp = new Date().toISOString(); + var errorEntry = { + time: timestamp, + message: 'ERROR: ' + message, + error: error ? error.toString() : null, + stack: error && error.stack ? error.stack : null, + userAgent: navigator.userAgent + }; + + this.logs.push(errorEntry); + + if (console && console.error) { + console.error('[SAFARI-DEBUG]', timestamp, message, error); + } + + if (this.isActualSafari()) { + this.sendToServer(errorEntry); + } + }, + + isActualSafari: function() { + var userAgent = navigator.userAgent; + // Check for Safari but not Chrome/Chromium (more precise detection) + return (userAgent.indexOf('Safari') !== -1 && + userAgent.indexOf('Chrome') === -1 && + userAgent.indexOf('Chromium') === -1 && + userAgent.indexOf('Version/') !== -1); // Safari always has Version/ + }, + + sendToServer: function(logEntry) { + // Only send if we have AJAX capability + if (typeof XMLHttpRequest !== 'undefined') { + try { + var xhr = new XMLHttpRequest(); + xhr.open('POST', '/wp-admin/admin-ajax.php', true); + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + xhr.send('action=hvac_safari_debug&log=' + encodeURIComponent(JSON.stringify(logEntry))); + } catch(e) { + // Silent fail - don't break the page + } + } + }, + + getSummary: function() { + return { + totalLogs: this.logs.length, + errors: this.logs.filter(function(log) { return log.message.indexOf('ERROR:') === 0; }), + userAgent: navigator.userAgent, + logs: this.logs + }; + } + }; + + // Make SafariDebug globally available + window.SafariDebug = SafariDebug; + + // Log initial load + SafariDebug.log('Safari Debug System Initialized', { + url: window.location.href, + userAgent: navigator.userAgent, + documentReadyState: document.readyState + }); + + // Test basic JavaScript features + SafariDebug.log('Testing JavaScript Features'); + + try { + // Test variable declarations + var testVar = 'test'; + SafariDebug.log('✓ var declaration works'); + + // Test function declarations + function testFunction() { + return 'function test'; + } + SafariDebug.log('✓ function declaration works', testFunction()); + + // Test object creation + var testObj = { + prop: 'value', + method: function() { + return 'method test'; + } + }; + SafariDebug.log('✓ object creation works', testObj.method()); + + // Test array operations + var testArray = [1, 2, 3]; + SafariDebug.log('✓ array creation works', testArray.length); + + // Test DOM access + if (document) { + SafariDebug.log('✓ document object available'); + if (document.getElementById) { + SafariDebug.log('✓ getElementById available'); + } + } + + // Test jQuery detection + if (typeof jQuery !== 'undefined') { + SafariDebug.log('✓ jQuery available', jQuery.fn.jquery); + } else if (typeof $ !== 'undefined') { + SafariDebug.log('✓ $ available but not jQuery'); + } else { + SafariDebug.log('⚠ jQuery/$ not detected'); + } + + // Test HVAC plugin detection + if (typeof hvac_ajax !== 'undefined') { + SafariDebug.log('✓ HVAC AJAX object available', hvac_ajax); + } else { + SafariDebug.log('⚠ HVAC AJAX object not available'); + } + + } catch (error) { + SafariDebug.error('JavaScript feature test failed', error); + } + + // Monitor for errors + if (window.addEventListener) { + window.addEventListener('error', function(event) { + SafariDebug.error('Global JavaScript Error', { + message: event.message, + filename: event.filename, + lineno: event.lineno, + colno: event.colno, + error: event.error + }); + }); + + SafariDebug.log('✓ Error monitoring enabled'); + } + + // Monitor unhandled promise rejections (if supported) + if (window.addEventListener && typeof Promise !== 'undefined') { + window.addEventListener('unhandledrejection', function(event) { + SafariDebug.error('Unhandled Promise Rejection', { + reason: event.reason, + promise: event.promise + }); + }); + SafariDebug.log('✓ Promise rejection monitoring enabled'); + } + + // DOM Ready monitoring + var domReadyChecks = 0; + var maxDomChecks = 50; // 5 seconds max + + function checkDOMReady() { + domReadyChecks++; + SafariDebug.log('DOM Ready Check #' + domReadyChecks, { + readyState: document.readyState, + body: document.body ? 'present' : 'missing' + }); + + if (document.readyState === 'complete' || document.readyState === 'interactive') { + SafariDebug.log('✓ DOM Ready State Achieved', document.readyState); + initializePageDebug(); + } else if (domReadyChecks < maxDomChecks) { + setTimeout(checkDOMReady, 100); + } else { + SafariDebug.error('DOM Ready State Never Achieved', { + finalState: document.readyState, + checksPerformed: domReadyChecks + }); + } + } + + function initializePageDebug() { + SafariDebug.log('Initializing Page-Specific Debug'); + + try { + // Check for critical page elements + var criticalElements = [ + 'body', + '.hvac-trainer-grid', + '.hvac-map-container', + '#hvac-trainer-modal', + '.hvac-filter-controls' + ]; + + for (var i = 0; i < criticalElements.length; i++) { + var selector = criticalElements[i]; + var element = document.querySelector ? document.querySelector(selector) : null; + + if (element) { + SafariDebug.log('✓ Found critical element: ' + selector); + } else { + SafariDebug.log('⚠ Missing critical element: ' + selector); + } + } + + // Check for script loading + var scripts = document.getElementsByTagName('script'); + var hvacScripts = []; + + for (var j = 0; j < scripts.length; j++) { + if (scripts[j].src && scripts[j].src.indexOf('hvac') !== -1) { + hvacScripts.push({ + src: scripts[j].src, + loaded: scripts[j].readyState || 'unknown' + }); + } + } + + SafariDebug.log('HVAC Scripts Found', hvacScripts); + + // Test MapGeo integration + if (typeof window.hvacShowTrainerModal === 'function') { + SafariDebug.log('✓ MapGeo integration function available'); + } else { + SafariDebug.log('⚠ MapGeo integration function missing'); + } + + } catch (error) { + SafariDebug.error('Page debug initialization failed', error); + } + } + + // Start DOM monitoring + if (document.readyState === 'complete' || document.readyState === 'interactive') { + initializePageDebug(); + } else { + checkDOMReady(); + } + + // Create global debug function for manual testing + window.getSafariDebugReport = function() { + return SafariDebug.getSummary(); + }; + + // Log completion + SafariDebug.log('Safari Debug System Setup Complete'); + +})(); \ No newline at end of file diff --git a/assets/js/hvac-trainer-profile-admin.js b/assets/js/hvac-trainer-profile-admin.js new file mode 100644 index 00000000..bedaae01 --- /dev/null +++ b/assets/js/hvac-trainer-profile-admin.js @@ -0,0 +1,375 @@ +/** + * HVAC Trainer Profile Admin JavaScript + * Handles admin functionality for trainer profile management + * + * @package HVAC_Community_Events + * @version 1.0.0 + */ + +jQuery(document).ready(function($) { + + // Test Geocoding Functionality + $('#test-geocoding').on('click', function(e) { + e.preventDefault(); + + const $button = $(this); + const originalText = $button.text(); + + // Get test address from user or use default + const testAddress = prompt('Enter an address to test geocoding:', 'New York, NY, USA'); + if (!testAddress) { + return; + } + + $button.prop('disabled', true).text('Testing...'); + + $.ajax({ + url: hvacProfileAdmin.ajax_url, + type: 'POST', + data: { + action: 'hvac_test_geocoding', + nonce: hvacProfileAdmin.nonce, + address: testAddress + }, + success: function(response) { + if (response.success) { + const data = response.data; + let message = `Geocoding Test Results:\n\n`; + message += `Address: ${data.address}\n`; + message += `Coordinates: ${data.coordinates.lat}, ${data.coordinates.lng}\n`; + message += `Formatted: ${data.formatted_address}\n`; + message += `Confidence: ${data.confidence}`; + + alert(message); + } else { + alert('Geocoding test failed: ' + response.data); + } + }, + error: function() { + alert('Network error occurred during geocoding test'); + }, + complete: function() { + $button.prop('disabled', false).text(originalText); + } + }); + }); + + // Bulk Geocoding + let bulkGeocodeRunning = false; + + $('#bulk-geocode').on('click', function(e) { + e.preventDefault(); + + if (bulkGeocodeRunning) { + return; + } + + const $button = $(this); + const originalText = $button.text(); + + if (!confirm('This will geocode addresses for profiles that don\'t have coordinates yet. Continue?')) { + return; + } + + bulkGeocodeRunning = true; + $button.prop('disabled', true).text('Processing...'); + + performBulkGeocode($button, originalText); + }); + + function performBulkGeocode($button, originalText) { + $.ajax({ + url: hvacProfileAdmin.ajax_url, + type: 'POST', + data: { + action: 'hvac_bulk_geocode', + nonce: hvacProfileAdmin.nonce + }, + success: function(response) { + if (response.success) { + const processed = response.data.processed; + + if (processed > 0) { + $button.text(`Processed ${processed} profiles...`); + + // Continue processing if there are more profiles + setTimeout(() => { + performBulkGeocode($button, originalText); + }, 2000); + } else { + // Finished + alert('Bulk geocoding completed!'); + bulkGeocodeRunning = false; + $button.prop('disabled', false).text(originalText); + + // Refresh the page to update statistics + setTimeout(() => { + location.reload(); + }, 1000); + } + } else { + alert('Bulk geocoding failed: ' + response.data); + bulkGeocodeRunning = false; + $button.prop('disabled', false).text(originalText); + } + }, + error: function() { + alert('Network error occurred during bulk geocoding'); + bulkGeocodeRunning = false; + $button.prop('disabled', false).text(originalText); + } + }); + } + + // Force Sync All Profiles + $('#sync-profiles').on('click', function(e) { + e.preventDefault(); + + const $button = $(this); + const originalText = $button.text(); + + if (!confirm('This will force synchronization between user data and trainer profiles. Continue?')) { + return; + } + + $button.prop('disabled', true).text('Syncing...'); + + $.ajax({ + url: hvacProfileAdmin.ajax_url, + type: 'POST', + data: { + action: 'hvac_sync_profiles', + nonce: hvacProfileAdmin.nonce + }, + success: function(response) { + if (response.success) { + alert('Profile synchronization completed successfully!'); + + // Refresh the page to update statistics + setTimeout(() => { + location.reload(); + }, 1000); + } else { + alert('Profile synchronization failed: ' + response.data); + } + }, + error: function() { + alert('Network error occurred during profile synchronization'); + }, + complete: function() { + $button.prop('disabled', false).text(originalText); + } + }); + }); + + // API Key Field Enhancement + const $apiKeyField = $('input[name="hvac_google_maps_api_key"]'); + if ($apiKeyField.length) { + // Add show/hide toggle for API key + const $toggleButton = $(''); + + $apiKeyField.after($toggleButton); + + $toggleButton.on('click', function(e) { + e.preventDefault(); + + if ($apiKeyField.attr('type') === 'password') { + $apiKeyField.attr('type', 'text'); + $(this).text('Hide'); + } else { + $apiKeyField.attr('type', 'password'); + $(this).text('Show'); + } + }); + } + + // Statistics Auto-refresh + function refreshStatistics() { + $.ajax({ + url: hvacProfileAdmin.ajax_url, + type: 'POST', + data: { + action: 'hvac_get_profile_stats', + nonce: hvacProfileAdmin.nonce + }, + success: function(response) { + if (response.success) { + const stats = response.data; + + // Update statistics display + $('.hvac-stat-item').each(function() { + const $this = $(this); + const $number = $this.find('.hvac-stat-number'); + const $label = $this.find('.hvac-stat-label'); + const label = $label.text().toLowerCase(); + + if (label.includes('total')) { + $number.text(stats.total_profiles); + } else if (label.includes('public')) { + $number.text(stats.public_profiles); + } else if (label.includes('geocoded')) { + $number.text(stats.geocoded_profiles); + } else if (label.includes('sync')) { + $number.text(stats.sync_issues); + } + }); + } + } + }); + } + + // Auto-refresh statistics every 30 seconds + setInterval(refreshStatistics, 30000); + + // Migration Status Check + function checkMigrationStatus() { + $.ajax({ + url: hvacProfileAdmin.ajax_url, + type: 'POST', + data: { + action: 'hvac_get_migration_status', + nonce: hvacProfileAdmin.nonce + }, + success: function(response) { + if (response.success && response.data.status) { + const status = response.data; + + if (status.status === 'in_progress') { + showMigrationProgress(status); + } else if (status.status === 'not_started') { + showMigrationPrompt(); + } + } + } + }); + } + + function showMigrationProgress(status) { + const message = `Migration in progress... Processed: ${status.processed || 0}/${status.total_records || 0}`; + + if (!$('#migration-progress').length) { + const $progressDiv = $('

      ' + message + '

      '); + $('.wrap h1').after($progressDiv); + } else { + $('#migration-progress p').text(message); + } + + // Check again in 5 seconds + setTimeout(checkMigrationStatus, 5000); + } + + function showMigrationPrompt() { + if (!$('#migration-prompt').length && !localStorage.getItem('hvac_migration_dismissed')) { + const $promptDiv = $(` +
      +

      Trainer Profile Migration Available

      +

      A new trainer profile system is available. Would you like to migrate existing user data to the new system?

      +

      + + +

      +
      + `); + + $('.wrap h1').after($promptDiv); + + // Handle migration start + $('#start-migration').on('click', function() { + if (confirm('This will migrate existing trainer data to the new profile system. This action cannot be undone. Continue?')) { + startMigration(); + } + }); + + // Handle dismissal + $('#dismiss-migration, .notice-dismiss').on('click', function() { + localStorage.setItem('hvac_migration_dismissed', 'true'); + $('#migration-prompt').remove(); + }); + } + } + + function startMigration() { + const $button = $('#start-migration'); + $button.prop('disabled', true).text('Starting Migration...'); + + $.ajax({ + url: hvacProfileAdmin.ajax_url, + type: 'POST', + data: { + action: 'hvac_start_migration', + nonce: hvacProfileAdmin.nonce + }, + success: function(response) { + if (response.success) { + $('#migration-prompt').remove(); + checkMigrationStatus(); + } else { + alert('Failed to start migration: ' + response.data); + $button.prop('disabled', false).text('Start Migration'); + } + }, + error: function() { + alert('Network error occurred while starting migration'); + $button.prop('disabled', false).text('Start Migration'); + } + }); + } + + // Check migration status on page load + checkMigrationStatus(); + + // Form validation enhancements + $('form').on('submit', function(e) { + const $form = $(this); + + // Validate rate limit + const rateLimit = $form.find('input[name="hvac_geocoding_rate_limit"]').val(); + if (rateLimit && (rateLimit < 1 || rateLimit > 100)) { + alert('Rate limit must be between 1 and 100 requests per minute'); + e.preventDefault(); + return false; + } + + // Validate API key format (basic check) + const apiKey = $form.find('input[name="hvac_google_maps_api_key"]').val(); + if (apiKey && apiKey.length < 20) { + if (!confirm('The API key seems short. Are you sure it\'s correct?')) { + e.preventDefault(); + return false; + } + } + }); + + // Advanced settings toggle + $('.hvac-advanced-settings-toggle').on('click', function(e) { + e.preventDefault(); + + const $toggle = $(this); + const $advanced = $('.hvac-advanced-settings'); + + if ($advanced.is(':visible')) { + $advanced.slideUp(); + $toggle.text('Show Advanced Settings'); + } else { + $advanced.slideDown(); + $toggle.text('Hide Advanced Settings'); + } + }); + + // Tooltip functionality for help icons + $('.hvac-help-icon').on('mouseenter', function() { + const helpText = $(this).data('help'); + if (helpText) { + const $tooltip = $('
      ' + helpText + '
      '); + $('body').append($tooltip); + + const iconPos = $(this).offset(); + $tooltip.css({ + top: iconPos.top - $tooltip.outerHeight() - 10, + left: iconPos.left - ($tooltip.outerWidth() / 2) + ($(this).outerWidth() / 2) + }); + } + }).on('mouseleave', function() { + $('.hvac-tooltip').remove(); + }); +}); \ No newline at end of file diff --git a/assets/js/hvac-ux-enhancements.js b/assets/js/hvac-ux-enhancements.js new file mode 100644 index 00000000..f1565a76 --- /dev/null +++ b/assets/js/hvac-ux-enhancements.js @@ -0,0 +1,409 @@ +/** + * HVAC Community Events: UX Enhancements JavaScript + * + * Modern user experience enhancements including toast notifications, + * loading states, and improved error handling. + * + * @version 1.0.0 + */ + +(function($) { + 'use strict'; + + /** + * Toast Notification System + */ + const HVACToast = { + container: null, + + init: function() { + // Create toast container if it doesn't exist + if (!this.container) { + this.container = $('
      '); + $('body').append(this.container); + } + }, + + show: function(message, type = 'info', title = '', duration = 5000) { + this.init(); + + const toastId = 'hvac-toast-' + Date.now(); + const toast = $(` +
      +
      +
      + ${title ? `
      ${title}
      ` : ''} +
      ${message}
      +
      + +
      + `); + + // Add event listeners + toast.find('.hvac-toast-close').on('click', () => this.hide(toastId)); + + // Add to container and show + this.container.append(toast); + + // Trigger show animation + setTimeout(() => toast.addClass('show'), 10); + + // Auto-hide after duration + if (duration > 0) { + setTimeout(() => this.hide(toastId), duration); + } + + return toastId; + }, + + hide: function(toastId) { + const toast = $('#' + toastId); + if (toast.length) { + toast.addClass('hiding'); + setTimeout(() => toast.remove(), 300); + } + }, + + success: function(message, title = 'Success', duration = 4000) { + return this.show(message, 'success', title, duration); + }, + + error: function(message, title = 'Error', duration = 7000) { + return this.show(message, 'error', title, duration); + }, + + warning: function(message, title = 'Warning', duration = 6000) { + return this.show(message, 'warning', title, duration); + }, + + info: function(message, title = '', duration = 5000) { + return this.show(message, 'info', title, duration); + } + }; + + /** + * Loading State Manager + */ + const HVACLoading = { + overlay: null, + + showOverlay: function(message = 'Loading...') { + this.hideOverlay(); // Remove existing overlay + + this.overlay = $(` +
      +
      + + ${message} +
      +
      + `); + + $('body').append(this.overlay); + }, + + hideOverlay: function() { + if (this.overlay) { + this.overlay.remove(); + this.overlay = null; + } + }, + + showButton: function(button, text = 'Loading...') { + const $btn = $(button); + $btn.addClass('loading').prop('disabled', true); + $btn.data('original-text', $btn.text()); + if (text) { + $btn.attr('aria-label', text); + } + }, + + hideButton: function(button) { + const $btn = $(button); + $btn.removeClass('loading').prop('disabled', false); + const originalText = $btn.data('original-text'); + if (originalText) { + $btn.text(originalText).removeData('original-text'); + } + $btn.removeAttr('aria-label'); + } + }; + + /** + * Enhanced AJAX Handler + */ + const HVACAjax = { + request: function(options) { + const defaults = { + type: 'POST', + dataType: 'json', + timeout: 30000, + showLoading: true, + loadingMessage: 'Processing...', + showToasts: true, + beforeSend: function() { + if (options.showLoading && options.button) { + HVACLoading.showButton(options.button, options.loadingMessage); + } else if (options.showLoading && options.showOverlay) { + HVACLoading.showOverlay(options.loadingMessage); + } + }, + complete: function() { + if (options.showLoading && options.button) { + HVACLoading.hideButton(options.button); + } else if (options.showLoading && options.showOverlay) { + HVACLoading.hideOverlay(); + } + }, + success: function(response) { + if (options.showToasts) { + if (response.success) { + const message = response.data?.message || 'Operation completed successfully'; + HVACToast.success(message); + } else { + const message = response.data?.message || 'Operation failed'; + HVACToast.error(message); + } + } + }, + error: function(xhr, status, error) { + console.error('AJAX Error:', {xhr, status, error}); + + if (options.showToasts) { + let message = 'An unexpected error occurred. Please try again.'; + + if (status === 'timeout') { + message = 'Request timed out. Please check your connection and try again.'; + } else if (status === 'abort') { + message = 'Request was cancelled.'; + } else if (xhr.status === 403) { + message = 'You do not have permission to perform this action.'; + } else if (xhr.status === 404) { + message = 'The requested resource was not found.'; + } else if (xhr.status >= 500) { + message = 'Server error. Please try again later.'; + } + + HVACToast.error(message, 'Connection Error'); + } + } + }; + + const settings = $.extend({}, defaults, options); + return $.ajax(settings); + } + }; + + /** + * Form Validation Enhancement + */ + const HVACValidation = { + validateField: function(field, rules = []) { + const $field = $(field); + const value = $field.val().trim(); + let isValid = true; + let errorMessage = ''; + + // Remove existing error states + $field.removeClass('error'); + $field.siblings('.hvac-field-error').remove(); + + // Check rules + for (const rule of rules) { + if (rule.required && !value) { + isValid = false; + errorMessage = rule.message || 'This field is required'; + break; + } + + if (rule.minLength && value.length < rule.minLength) { + isValid = false; + errorMessage = rule.message || `Must be at least ${rule.minLength} characters`; + break; + } + + if (rule.pattern && !rule.pattern.test(value)) { + isValid = false; + errorMessage = rule.message || 'Invalid format'; + break; + } + + if (rule.custom && typeof rule.custom === 'function') { + const result = rule.custom(value); + if (result !== true) { + isValid = false; + errorMessage = result || 'Invalid value'; + break; + } + } + } + + if (!isValid) { + $field.addClass('error'); + $field.after(`
      ${errorMessage}
      `); + } + + return isValid; + } + }; + + /** + * Mobile Navigation Enhancement + */ + const HVACMobile = { + init: function() { + this.setupMobileNav(); + this.setupTouchOptimizations(); + }, + + setupMobileNav: function() { + // Create mobile navigation if not exists + $('.hvac-dashboard-nav').each(function() { + const $nav = $(this); + if ($nav.siblings('.hvac-mobile-nav-container').length === 0) { + const mobileNav = $(` +
      + + +
      + `); + + // Copy nav items to mobile menu + const $mobileList = mobileNav.find('ul'); + $nav.find('a').each(function() { + const $link = $(this).clone(); + $mobileList.append($('
    • ').append($link)); + }); + + $nav.before(mobileNav); + + // Add toggle functionality + mobileNav.find('.hvac-mobile-nav-toggle').on('click', function() { + const $toggle = $(this); + const $menu = $toggle.siblings('.hvac-mobile-nav'); + const isOpen = $menu.hasClass('open'); + + $toggle.toggleClass('active').attr('aria-expanded', !isOpen); + $menu.toggleClass('open'); + }); + } + }); + }, + + setupTouchOptimizations: function() { + // Add touch-friendly classes + $('button, .hvac-btn, input[type="submit"]').addClass('hvac-touch-target'); + + // Prevent double-tap zoom on buttons + $('button, .hvac-btn').on('touchend', function(e) { + e.preventDefault(); + $(this).trigger('click'); + }); + } + }; + + /** + * Accessibility Enhancements + */ + const HVACAccessibility = { + init: function() { + this.setupKeyboardNavigation(); + this.setupAriaLabels(); + }, + + setupKeyboardNavigation: function() { + // Escape key to close modals/overlays + $(document).on('keydown', function(e) { + if (e.key === 'Escape') { + // Close any open mobile nav + $('.hvac-mobile-nav.open').removeClass('open'); + $('.hvac-mobile-nav-toggle.active').removeClass('active').attr('aria-expanded', 'false'); + + // Hide loading overlay + HVACLoading.hideOverlay(); + } + }); + }, + + setupAriaLabels: function() { + // Add missing aria-labels to buttons without text + $('button:not([aria-label])').each(function() { + const $btn = $(this); + const text = $btn.text().trim(); + if (!text) { + const title = $btn.attr('title'); + if (title) { + $btn.attr('aria-label', title); + } + } + }); + } + }; + + /** + * Replace all alert() calls with toast notifications + */ + function replaceAlerts() { + // Override the global alert function + window.hvacOriginalAlert = window.alert; + window.alert = function(message) { + // Determine type based on message content + const lowerMessage = message.toLowerCase(); + if (lowerMessage.includes('success') || lowerMessage.includes('sent') || lowerMessage.includes('saved')) { + HVACToast.success(message); + } else if (lowerMessage.includes('error') || lowerMessage.includes('failed') || lowerMessage.includes('fail')) { + HVACToast.error(message); + } else { + HVACToast.info(message); + } + }; + } + + /** + * Initialize everything when document is ready + */ + $(document).ready(function() { + // Initialize all modules + HVACToast.init(); + HVACMobile.init(); + HVACAccessibility.init(); + + // Replace alert functions + replaceAlerts(); + + // Make modules globally available + window.HVACToast = HVACToast; + window.HVACLoading = HVACLoading; + window.HVACAjax = HVACAjax; + window.HVACValidation = HVACValidation; + + // Auto-enhance existing forms + $('form').each(function() { + const $form = $(this); + + // Add loading states to submit buttons + $form.on('submit', function() { + const $submitBtn = $form.find('input[type="submit"], button[type="submit"]').first(); + if ($submitBtn.length) { + HVACLoading.showButton($submitBtn); + } + }); + }); + + // Add responsive table wrapper + $('table').each(function() { + const $table = $(this); + if (!$table.parent().hasClass('hvac-table-responsive')) { + $table.wrap('
      '); + } + }); + + console.log('HVAC UX Enhancements initialized'); + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/hvac-welcome-popup.js b/assets/js/hvac-welcome-popup.js new file mode 100644 index 00000000..e0716979 --- /dev/null +++ b/assets/js/hvac-welcome-popup.js @@ -0,0 +1,299 @@ +/** + * HVAC Welcome Popup System + * + * Handles the welcome popup modal for new users with carousel functionality + */ +(function($) { + 'use strict'; + + var HVACWelcomePopup = { + + init: function() { + this.currentCard = 0; + this.totalCards = 4; + this.bindEvents(); + this.checkAndShowPopup(); + }, + + bindEvents: function() { + var self = this; + + // Close popup handlers + $(document).on('click', '.hvac-welcome-close', function(e) { + e.preventDefault(); + self.closePopup(); + }); + + $(document).on('click', '.hvac-welcome-overlay', function(e) { + if (e.target === this) { + self.closePopup(); + } + }); + + // Navigation handlers + $(document).on('click', '.hvac-welcome-nav-prev', function(e) { + e.preventDefault(); + self.previousCard(); + }); + + $(document).on('click', '.hvac-welcome-nav-next', function(e) { + e.preventDefault(); + self.nextCard(); + }); + + // Dot navigation + $(document).on('click', '.hvac-welcome-dot', function(e) { + e.preventDefault(); + var cardIndex = $(this).data('card'); + self.goToCard(cardIndex); + }); + + // Dismiss permanently + $(document).on('click', '.hvac-welcome-dismiss', function(e) { + e.preventDefault(); + self.dismissPermanently(); + }); + + // Keyboard navigation + $(document).on('keydown', function(e) { + if ($('.hvac-welcome-popup').is(':visible')) { + switch(e.which) { + case 27: // ESC + self.closePopup(); + break; + case 37: // Left arrow + self.previousCard(); + break; + case 39: // Right arrow + self.nextCard(); + break; + } + } + }); + }, + + checkAndShowPopup: function() { + var self = this; + + // Check if user has dismissed the popup + $.ajax({ + url: hvac_welcome.ajax_url, + type: 'POST', + data: { + action: 'hvac_check_welcome_dismissed', + nonce: hvac_welcome.nonce + }, + success: function(response) { + if (response.success && !response.data.dismissed) { + self.showPopup(); + } + } + }); + }, + + showPopup: function() { + if ($('.hvac-welcome-popup').length === 0) { + this.createPopup(); + } + + $('body').addClass('hvac-welcome-open'); + $('.hvac-welcome-popup').fadeIn(300); + this.updateCardDisplay(); + }, + + closePopup: function() { + $('.hvac-welcome-popup').fadeOut(300); + $('body').removeClass('hvac-welcome-open'); + }, + + dismissPermanently: function() { + var self = this; + var shouldDismiss = $('#hvac-welcome-dont-show').is(':checked'); + + if (shouldDismiss) { + $.ajax({ + url: hvac_welcome.ajax_url, + type: 'POST', + data: { + action: 'hvac_dismiss_welcome_popup', + nonce: hvac_welcome.nonce + }, + success: function(response) { + if (response.success) { + self.closePopup(); + } + } + }); + } else { + // Just close without permanently dismissing + self.closePopup(); + } + }, + + previousCard: function() { + this.currentCard = (this.currentCard - 1 + this.totalCards) % this.totalCards; + this.updateCardDisplay(); + }, + + nextCard: function() { + this.currentCard = (this.currentCard + 1) % this.totalCards; + this.updateCardDisplay(); + }, + + goToCard: function(cardIndex) { + this.currentCard = cardIndex; + this.updateCardDisplay(); + }, + + updateCardDisplay: function() { + var self = this; + var $cards = $('.hvac-welcome-card'); + var $dots = $('.hvac-welcome-dot'); + + // Hide all cards + $cards.removeClass('active'); + $dots.removeClass('active'); + + // Show current card with animation + setTimeout(function() { + $cards.eq(self.currentCard).addClass('active'); + $dots.eq(self.currentCard).addClass('active'); + }, 150); + + // Update navigation button states + $('.hvac-welcome-nav-prev').toggleClass('disabled', this.currentCard === 0); + $('.hvac-welcome-nav-next').toggleClass('disabled', this.currentCard === this.totalCards - 1); + }, + + createPopup: function() { + var popupHTML = this.getPopupHTML(); + $('body').append(popupHTML); + }, + + getPopupHTML: function() { + return ` + + `; + } + }; + + // Initialize when document is ready + $(document).ready(function() { + // Only initialize on dashboard page + if ($('.hvac-trainer-dashboard-page').length > 0) { + HVACWelcomePopup.init(); + } + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/image-gallery.js b/assets/js/image-gallery.js new file mode 100644 index 00000000..4668bd03 --- /dev/null +++ b/assets/js/image-gallery.js @@ -0,0 +1,589 @@ +let spectraImageGalleryLoadStatus = true; +let clickedImageId = null; + +const UAGBImageGalleryMasonry = { + initByOffset( $selector, instance ){ + // Verify $selector and instance. + if ( ! $selector || ! instance ) { + return; + } + + // Add class for scroll not init. + $selector.classList.add( 'scroll-not-init' ); + + // Add class for last image not loaded. + $selector.classList.add( 'last-image-not-loaded' ); + + const getAllImages = $selector.querySelectorAll( 'img' ); + if( getAllImages.length ){ + // Get last image. + const getLastImage = getAllImages[ getAllImages.length - 1 ]; + // Add event listener for last image. + getLastImage.addEventListener( 'load', () => { + // You can perform additional actions here once the image has loaded. + // Remove class for last image not loaded. + $selector.classList.remove( 'last-image-not-loaded' ); + setTimeout( function() { + instance.layout(); + }, 100 ); + } + ); + } + + let timeOutInstance = null; + // Get scroll position dynamically. + window.addEventListener( 'scroll', function() { + if ( ! $selector.classList.contains( 'scroll-not-init' ) ) { + return; + } + // Clear timeout instance. + clearTimeout( timeOutInstance ); + + if ( UAGBImageGalleryMasonry.presentInViewport( $selector ) ) { + // If $selector comes in view port then init masonry. + $selector.classList.remove( 'scroll-not-init' ); + // Init masonry. + timeOutInstance = setTimeout( function() { + instance.layout(); + }, 100 ); + } + } ); + }, + init( $attr, $selector, lightboxSettings, thumbnailSettings ) { + let count = 2; + const windowHeight50 = window.innerHeight / 1.25; + const $scope = document.querySelector( $selector ); + let thumbnailSwiper = null; + if ( $attr.lightboxThumbnails ) { + thumbnailSwiper = new Swiper( `${$selector}+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--thumbnails`, + thumbnailSettings + ); + lightboxSettings = { + ...lightboxSettings, + thumbs: { + swiper: thumbnailSwiper, + }, + } + } + const lightboxSwiper = new Swiper( `${$selector}+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main`, + lightboxSettings + ) + lightboxSwiper.lazy.load(); + loadLightBoxImages( $scope, lightboxSwiper, null, $attr, thumbnailSwiper ); + const loader = $scope?.querySelector( '.spectra-image-gallery__control-loader' ); + const loadButton = $scope?.querySelector( '.spectra-image-gallery__control-button' ); + if ( $attr.feedPagination && $attr.paginateUseLoader ) { + window.addEventListener( 'scroll', function () { + let mediaItem = $scope?.querySelector( '.spectra-image-gallery__media-wrapper' ); + if ( ! mediaItem ) { + mediaItem = $scope; + } + const boundingClientRect = mediaItem.lastElementChild.getBoundingClientRect(); + const offsetTop = boundingClientRect.top + window.scrollY; + if ( window.pageYOffset + windowHeight50 >= offsetTop ) { + const $args = { + page_number: count, + }; + const total = $attr.gridPages; + if ( spectraImageGalleryLoadStatus ) { + if ( count > total ) { + loader.style.display = 'none'; + } + if ( count <= total ) { + UAGBImageGalleryMasonry.callAjax( $scope, $args, $attr, false, count, $selector, lightboxSwiper, thumbnailSwiper ); + count++; + spectraImageGalleryLoadStatus = false; + } + } + } + } ); + } else if ( $attr.feedPagination && ! $attr.paginateUseLoader ) { + loadButton.onclick = function () { + const total = $attr.gridPages; + const $args = { + total, + page_number: count, + }; + loadButton.classList.add( 'disabled' ); + if ( spectraImageGalleryLoadStatus ) { + if ( count <= total ) { + UAGBImageGalleryMasonry.callAjax( $scope, $args, $attr, false, count, $selector, lightboxSwiper, thumbnailSwiper ); + count++; + spectraImageGalleryLoadStatus = false; + } + } + }; + } + }, + + createElementFromHTML( htmlString ) { + const htmlElement = document.createElement( 'div' ); + const htmlCleanString = htmlString.replace( /\s+/gm, ' ' ).replace( /( )+/gm, ' ' ).trim(); + htmlElement.innerHTML = htmlCleanString; + return htmlElement; + }, + + getCustomURL( image, $attr ) { + const urlValidRegex = new RegExp( + '^((http|https)://)(www.)?[a-zA-Z0-9@:%._\\+~#?&//=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%._\\+~#?&//=]*)$' + ); + const imageID = parseInt( image.getAttribute( 'data-spectra-gallery-image-id' ) ); + return urlValidRegex.test( $attr?.customLinks[ imageID ] ) ? $attr.customLinks[ imageID ] : undefined; + }, + + openCustomURL( customURL ) { + window.open( customURL, '_blank' ); + }, + + addClickEvents( element, $attr ) { + const imageElements = element?.querySelectorAll( '.spectra-image-gallery__media-wrapper' ); + imageElements.forEach( ( image ) => { + const imageURL = UAGBImageGalleryMasonry.getCustomURL( image, $attr ); + if ( imageURL ) { + image.style.cursor = 'pointer'; + image.addEventListener( 'click', () => UAGBImageGalleryMasonry.openCustomURL( imageURL ) ); + image.addEventListener( 'keydown', ( event ) => { + if ( 13 === event.keyCode || 32 === event.keyCode ) { + event.preventDefault(); + UAGBImageGalleryMasonry.openCustomURL( imageURL ); + } + } ); + } + } ); + }, + + callAjax( $scope, $obj, $attr, append = false, count, $selector, lightboxSwiper, thumbnailSwiper ) { + const mediaData = new FormData(); + mediaData.append( 'action', 'uag_load_image_gallery_masonry' ); + mediaData.append( 'nonce', uagb_image_gallery.uagb_image_gallery_masonry_ajax_nonce ); + mediaData.append( 'page_number', $obj.page_number ); + mediaData.append( 'attr', JSON.stringify( $attr ) ); + fetch( uagb_image_gallery.ajax_url, { + method: 'POST', + credentials: 'same-origin', + body: mediaData, + } ) + .then( ( resp ) => resp.json() ) + .then( function ( data ) { + let element = $scope?.querySelector( '.spectra-image-gallery__layout--masonry' ); + if ( ! element ) { + element = $scope; + } + + setTimeout( function () { + const isotope = new Isotope( element, { + itemSelector: '.spectra-image-gallery__media-wrapper--isotope', + stagger: 10, + } ); + isotope.insert( UAGBImageGalleryMasonry.createElementFromHTML( data.data ) ); + imagesLoaded( element ).on( 'progress', function () { + isotope.layout(); + } ); + imagesLoaded( element ).on( 'always', function () { + const currentScope = document.querySelector( $selector ); + const loadButton = currentScope?.querySelector( '.spectra-image-gallery__control-button' ) + loadButton?.classList?.remove( 'disabled' ); + loadLightBoxImages( currentScope, lightboxSwiper, null, $attr, thumbnailSwiper ); + } ); + if ( 'url' === $attr.imageClickEvent && $attr.customLinks ) { + UAGBImageGalleryMasonry.addClickEvents( element, $attr ); + } + spectraImageGalleryLoadStatus = true; + if ( true === append ) { + $scope?.querySelector( '.spectra-image-gallery__control-button' ).classList.toggle( 'disabled' ); + } + if ( count === parseInt( $obj.total ) ) { + $scope.querySelector( '.spectra-image-gallery__control-button' ).style.opacity = 0; + setTimeout( () => { + $scope.querySelector( '.spectra-image-gallery__control-button' ).parentElement.style.display = + 'none'; + }, 2000 ); + } + }, 500 ); + } ); + }, + presentInViewport( element ) { + const rect = element.getBoundingClientRect(); + return ( + rect.top >= 0 && + rect.left >= 0 && + rect.bottom <= ( window.innerHeight || document.documentElement.clientHeight ) && + rect.right <= ( window.innerWidth || document.documentElement.clientWidth ) + ); + }, +}; + +const UAGBImageGalleryPagedGrid = { + init( $attr, $selector, lightboxSettings, thumbnailSettings ) { + let count = 1; + const $scope = document.querySelector( $selector ); + let thumbnailSwiper = null; + if ( $attr.lightboxThumbnails ){ + thumbnailSwiper = new Swiper( `${$selector}+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--thumbnails`, + thumbnailSettings + ); + lightboxSettings = { + ...lightboxSettings, + thumbs: { + swiper: thumbnailSwiper, + }, + } + } + const lightboxSwiper = new Swiper( `${$selector}+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main`, + lightboxSettings + ) + lightboxSwiper.lazy.load(); + loadLightBoxImages( $scope, lightboxSwiper, count, $attr, thumbnailSwiper ); + const arrows = $scope?.querySelectorAll( '.spectra-image-gallery__control-arrows--grid' ); + const dots = $scope?.querySelectorAll( '.spectra-image-gallery__control-dot' ); + for ( let i = 0; i < arrows.length; i++ ) { + arrows[ i ].addEventListener( 'click', ( event ) => { + const thisArrow = event.currentTarget; + let page = count; + switch ( thisArrow.getAttribute( 'data-direction' ) ) { + case 'Prev': + --page; + break; + case 'Next': + ++page; + break; + } + let mediaItem = $scope?.querySelector( '.spectra-image-gallery__media-wrapper' ); + if ( ! mediaItem ) { + mediaItem = $scope; + } + const total = $attr.gridPages; + const $args = { + page_number: page, + total, + }; + if ( page === total || page === 1 ) { + thisArrow.disabled = true; + } else { + arrows.forEach( ( ele ) => { + ele.disabled = false; + } ); + } + if ( page <= total && page >= 1 ) { + UAGBImageGalleryPagedGrid.callAjax( $scope, $args, $attr, arrows, $selector, lightboxSwiper, thumbnailSwiper ); + count = page; + } + } ); + } + for ( let i = 0; i < dots.length; i++ ) { + dots[ i ].addEventListener( 'click', ( event ) => { + const thisDot = event.currentTarget; + const page = thisDot.getAttribute( 'data-go-to' ); + let mediaItem = $scope?.querySelector( '.spectra-image-gallery__media-wrapper' ); + if ( ! mediaItem ) { + mediaItem = $scope; + } + const $args = { + page_number: page, + total: $attr.gridPages, + }; + UAGBImageGalleryPagedGrid.callAjax( $scope, $args, $attr, arrows, $selector, lightboxSwiper, thumbnailSwiper ); + count = page; + } ); + } + }, + + createElementFromHTML( htmlString ) { + const htmlElement = document.createElement( 'div' ); + const htmlCleanString = htmlString.replace( /\s+/gm, ' ' ).replace( /( )+/gm, ' ' ).trim(); + htmlElement.innerHTML = htmlCleanString; + return htmlElement; + }, + + getCustomURL( image, $attr ) { + const urlValidRegex = new RegExp( + '^((http|https)://)(www.)?[a-zA-Z0-9@:%._\\+~#?&//=\\-]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%._\\+~#?&//=]*)$' + ); + const imageID = parseInt( image.getAttribute( 'data-spectra-gallery-image-id' ) ); + return urlValidRegex.test( $attr?.customLinks[ imageID ] ) ? $attr.customLinks[ imageID ] : undefined; + }, + + openCustomURL( customURL ) { + window.open( customURL, '_blank' ); + }, + + addClickEvents( element, $attr ) { + const imageElements = element?.querySelectorAll( '.spectra-image-gallery__media-wrapper' ); + imageElements.forEach( ( image ) => { + const imageURL = UAGBImageGalleryPagedGrid.getCustomURL( image, $attr ); + if ( imageURL ) { + image.style.cursor = 'pointer'; + image.setAttribute( 'tabindex', '0' ); + image.addEventListener( 'click', () => UAGBImageGalleryPagedGrid.openCustomURL( imageURL ) ); + image.addEventListener( 'keydown', ( event ) => { + if ( 13 === event.keyCode || 32 === event.keyCode ) { + UAGBImageGalleryPagedGrid.openCustomURL( imageURL ); + } + } ); + } + } ); + }, + + callAjax( $scope, $obj, $attr, arrows, $selector, lightboxSwiper, thumbnailSwiper ) { + const mediaData = new FormData(); + mediaData.append( 'action', 'uag_load_image_gallery_grid_pagination' ); + mediaData.append( 'nonce', uagb_image_gallery.uagb_image_gallery_grid_pagination_ajax_nonce ); + mediaData.append( 'page_number', $obj.page_number ); + mediaData.append( 'attr', JSON.stringify( $attr ) ); + fetch( uagb_image_gallery.ajax_url, { + method: 'POST', + credentials: 'same-origin', + body: mediaData, + } ) + .then( ( resp ) => resp.json() ) + .then( function ( data ) { + if ( data.success === false ) { + return; + } + setTimeout( function () { + let element = $scope?.querySelector( '.spectra-image-gallery__layout--isogrid' ); + if ( ! element ) { + element = $scope; + } + const mediaElements = element.querySelectorAll( '.spectra-image-gallery__media-wrapper--isotope' ); + const isotope = new Isotope( element, { + itemSelector: '.spectra-image-gallery__media-wrapper--isotope', + layoutMode: 'fitRows', + } ); + mediaElements.forEach( ( mediaEle ) => { + isotope.remove( mediaEle ); + isotope.layout(); + } ); + isotope.insert( UAGBImageGalleryPagedGrid.createElementFromHTML( data.data ) ); + imagesLoaded( element ).on( 'progress', function () { + isotope.layout(); + } ); + imagesLoaded( element ).on( 'always', function () { + const currentScope = document.querySelector( $selector ); + loadLightBoxImages( currentScope, lightboxSwiper, parseInt( $obj.page_number ), $attr, thumbnailSwiper ); + } ); + if ( $attr.customLinks ) { + UAGBImageGalleryPagedGrid.addClickEvents( element, $attr ); + } + if ( parseInt( $obj.page_number ) === 1 ) { + arrows.forEach( ( arrow ) => { + arrow.disabled = arrow.getAttribute( 'data-direction' ) === 'Prev'; + } ); + } else if ( parseInt( $obj.page_number ) === parseInt( $obj.total ) ) { + arrows.forEach( ( arrow ) => { + arrow.disabled = arrow.getAttribute( 'data-direction' ) === 'Next'; + } ); + } else { + arrows.forEach( ( arrow ) => { + arrow.disabled = false; + } ); + } + $scope + ?.querySelector( '.spectra-image-gallery__control-dot--active' ) + .classList.toggle( 'spectra-image-gallery__control-dot--active' ); + const $activeDot = $scope?.querySelectorAll( '.spectra-image-gallery__control-dot' ); + $activeDot[ parseInt( $obj.page_number ) - 1 ].classList.toggle( + 'spectra-image-gallery__control-dot--active' + ); + }, 500 ); + } ); + }, +}; + +const cycleInLightbox = ( selector, e ) => { + // Check if Tab key was pressed + if ( e.key === 'Tab' ) { + const focusableElements = selector.querySelectorAll( 'button, div[data-role="button"], [href], [tabindex]:not([tabindex="-1"])' ); + const firstFocusableElement = focusableElements[0]; + const lastFocusableElement = focusableElements[focusableElements.length - 1]; + + // Get the active element using ownerDocument + const activeElement = e.target.ownerDocument.activeElement; + + // Check if Shift + Tab was pressed and if the current active element is the first one + if ( e.shiftKey && activeElement === firstFocusableElement ) { + e.preventDefault(); + lastFocusableElement.focus(); + } + // Check if Tab was pressed and if the current active element is the last one + else if ( !e.shiftKey && activeElement === lastFocusableElement ) { + e.preventDefault(); + firstFocusableElement.focus(); + } + } +} + + +const loadLightBoxImages = ( blockScope, lightboxSwiper, pageNum, attr, thumbnailSwiper ) => { + if ( ! blockScope ) { + return; + } + const pageLimit = attr.paginateLimit; + + const theBody = document.querySelector( 'body' ); + const updateCounter = ( curPage ) => { + const lightbox = blockScope?.nextElementSibling; + const counter = lightbox.querySelector( '.spectra-image-gallery__control-lightbox--count-page' ); + if ( counter ) { + counter.innerHTML = parseInt( curPage ) + 1; + } + }; + lightboxSwiper.on( 'activeIndexChange', ( swiperInstance ) => { + if ( attr.lightboxThumbnails ) { + thumbnailSwiper.slideTo( swiperInstance.activeIndex ); + } + if ( attr.lightboxDisplayCount ) { + updateCounter( swiperInstance.activeIndex ); + } + lightboxSwiper.lazy.load(); + } ) + if ( attr.lightboxThumbnails ) { + thumbnailSwiper.on( 'activeIndexChange', ( swiperInstance ) => { + lightboxSwiper.slideTo( swiperInstance.activeIndex ); + } ); + + } + const lightbox = blockScope?.nextElementSibling; + let lightboxHandlers = {}; + if ( lightbox && lightbox?.classList.contains( 'spectra-image-gallery__control-lightbox' ) ) { + // create a lightbox cycle listeners. + const createListeners = () => { + const cycleInLightboxWithID = cycleInLightbox.bind( null, lightbox ); + + // Function to add the event listener + function addEventListener() { + lightbox.addEventListener( 'keydown', cycleInLightboxWithID ); + } + + // Function to remove the event listener + function removeEventListener() { + lightbox.removeEventListener( 'keydown', cycleInLightboxWithID ); + } + + return { addEventListener, removeEventListener }; + }; + + lightboxHandlers = createListeners(); + + lightbox.addEventListener( 'keydown', ( event ) => { + if ( 27 === event.keyCode ) { + theBody.style.overflow = ''; + lightbox.style.opacity = 0; + setTimeout( () => { + lightbox.style.display = 'none'; + lightboxHandlers.removeEventListener(); + if ( clickedImageId ) { + const clickedImage = document.querySelector( `[data-spectra-gallery-image-id="${clickedImageId}"]` ); + clickedImage?.focus(); + clickedImageId = null; + } + }, 250 ); + } + } ); + lightbox.style.display = 'none'; + if ( attr.lightboxCloseIcon ) { + const closeButton = lightbox.querySelector( '.spectra-image-gallery__control-lightbox--close' ); + if ( closeButton ) { + closeButton.addEventListener( 'click', () => { + theBody.style.overflow = ''; + lightbox.style.opacity = 0; + setTimeout( () => { + lightbox.style.display = 'none'; + if ( clickedImageId ) { + const clickedImage = document.querySelector( `[data-spectra-gallery-image-id="${clickedImageId}"]` ); + clickedImage?.focus(); + clickedImageId = null; + } + lightboxHandlers.removeEventListener(); + }, 250 ); + } ); + } + } + if ( attr.lightboxDisplayCount ) { + const lightboxTotal = lightbox.querySelector( '.spectra-image-gallery__control-lightbox--count-total' ); + lightboxTotal.innerHTML = attr.mediaGallery.length; + } + } + const enableLightbox = ( goTo, clickedImage ) => { + if ( ! lightboxSwiper || !lightbox ) { + return; + } + clickedImageId = clickedImage.getAttribute( 'data-spectra-gallery-image-id' ); + lightbox.style.display = ''; + lightbox.focus(); + setTimeout( () => { + lightboxSwiper.slideTo( goTo ); + }, 100 ); + setTimeout( () => { + lightbox.style.opacity = 1; + if ( lightbox?.classList.contains( 'spectra-image-gallery__control-lightbox' ) ) { + theBody.style.overflow = 'hidden'; + } + + lightboxHandlers.addEventListener(); + + }, 250 ); + } + + if ( pageNum !== null ) { + setTimeout( () => { + addClickListeners( blockScope, pageNum, enableLightbox, pageLimit, attr ); + }, 1000 ); + } else { + addClickListeners( blockScope, null, enableLightbox, null, attr ); + } +}; + +const generateUniqueId = ( index ) => `image-${index}-${Date.now()}`; + +const addClickListeners = ( $scope, pageNum, enableLightbox, pageLimit, attr ) => { + const images = $scope.querySelectorAll( '.spectra-image-gallery__media-wrapper' ); + const imageUrls = {}; + if ( 'image' === attr.imageClickEvent ) { + const mediaGallery = attr.mediaGallery; + mediaGallery.forEach( media => { + imageUrls[ media.id ] = media.url; + } ); + } + + images.forEach( ( image, index ) => { + image.style.cursor = 'pointer'; + const uniqueId = generateUniqueId( index ); + if( 'lightbox' === attr.imageClickEvent ) { + image.setAttribute( 'data-spectra-gallery-image-id', uniqueId ); + }; + if ( 'image' === attr.imageClickEvent ) { + const imgId = image.getAttribute( 'data-spectra-gallery-image-id' ); + const imgURL = imageUrls[ imgId ]; + image.addEventListener( 'click', () => { + openImageInWindow( imgURL ); // To avoid opening multiple tab at same when Popup and redirect is enabled. + } ); + image.addEventListener( 'keydown', ( event ) => { + if ( 13 === event.keyCode || 32 === event.keyCode ) { + openImageInWindow( imgURL ); + } + } ); + } else { + const nextImg = pageNum !== null ? index + ( pageNum - 1 ) * pageLimit : index; + image.addEventListener( 'click', () => enableLightbox( nextImg, image ) ); + image.addEventListener( 'keydown', ( event ) => { + if ( 13 === event.keyCode || 32 === event.keyCode ) { + event.preventDefault(); + enableLightbox( nextImg, image ); + } + } ); + } + } ); +} + +let imageWindow = null; +const openImageInWindow = ( imageUrl ) => { + // Check if the window is already open + if ( imageWindow && !imageWindow.closed ) { + // If open, focus on the existing window + imageWindow.focus(); + } else { + // If not open or closed, open a new window + imageWindow = window.open( imageUrl, '_blank' ); + } +} \ No newline at end of file diff --git a/assets/js/image-gallery.min.js b/assets/js/image-gallery.min.js new file mode 100644 index 00000000..6432f9cc --- /dev/null +++ b/assets/js/image-gallery.min.js @@ -0,0 +1 @@ +let spectraImageGalleryLoadStatus=!0,clickedImageId=null;const UAGBImageGalleryMasonry={initByOffset(t,a){if(t&&a){t.classList.add("scroll-not-init"),t.classList.add("last-image-not-loaded");var l=t.querySelectorAll("img");if(l.length){const r=l[l.length-1];r.addEventListener("load",()=>{t.classList.remove("last-image-not-loaded"),setTimeout(function(){a.layout()},100)})}let e=null;window.addEventListener("scroll",function(){t.classList.contains("scroll-not-init")&&(clearTimeout(e),UAGBImageGalleryMasonry.presentInViewport(t)&&(t.classList.remove("scroll-not-init"),e=setTimeout(function(){a.layout()},100)))})}},init(l,r,e,t){let o=2;const n=window.innerHeight/1.25,i=document.querySelector(r);let s=null;l.lightboxThumbnails&&(s=new Swiper(r+"+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--thumbnails",t),e={...e,thumbs:{swiper:s}});const c=new Swiper(r+"+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main",e),g=(c.lazy.load(),loadLightBoxImages(i,c,null,l,s),i?.querySelector(".spectra-image-gallery__control-loader")),a=i?.querySelector(".spectra-image-gallery__control-button");l.feedPagination&&l.paginateUseLoader?window.addEventListener("scroll",function(){let e=i?.querySelector(".spectra-image-gallery__media-wrapper");var t,a=(e=e||i).lastElementChild.getBoundingClientRect().top+window.scrollY;window.pageYOffset+n>=a&&(a={page_number:o},t=l.gridPages,spectraImageGalleryLoadStatus&&(o>t&&(g.style.display="none"),o<=t&&(UAGBImageGalleryMasonry.callAjax(i,a,l,!1,o,r,c,s),o++,spectraImageGalleryLoadStatus=!1)))}):l.feedPagination&&!l.paginateUseLoader&&(a.onclick=function(){var e=l.gridPages,t={total:e,page_number:o};a.classList.add("disabled"),spectraImageGalleryLoadStatus&&o<=e&&(UAGBImageGalleryMasonry.callAjax(i,t,l,!1,o,r,c,s),o++,spectraImageGalleryLoadStatus=!1)})},createElementFromHTML(e){const t=document.createElement("div");e=e.replace(/\s+/gm," ").replace(/( )+/gm," ").trim();return t.innerHTML=e,t},getCustomURL(e,t){const a=new RegExp("^((http|https)://)(www.)?[a-zA-Z0-9@:%._\\+~#?&//=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%._\\+~#?&//=]*)$");e=parseInt(e.getAttribute("data-spectra-gallery-image-id"));return a.test(t?.customLinks[e])?t.customLinks[e]:void 0},openCustomURL(e){window.open(e,"_blank")},addClickEvents(e,a){const t=e?.querySelectorAll(".spectra-image-gallery__media-wrapper");t.forEach(e=>{const t=UAGBImageGalleryMasonry.getCustomURL(e,a);t&&(e.style.cursor="pointer",e.addEventListener("click",()=>UAGBImageGalleryMasonry.openCustomURL(t)),e.addEventListener("keydown",e=>{13!==e.keyCode&&32!==e.keyCode||(e.preventDefault(),UAGBImageGalleryMasonry.openCustomURL(t))}))})},callAjax(l,r,o,n=!1,i,s,c,g){const e=new FormData;e.append("action","uag_load_image_gallery_masonry"),e.append("nonce",uagb_image_gallery.uagb_image_gallery_masonry_ajax_nonce),e.append("page_number",r.page_number),e.append("attr",JSON.stringify(o)),fetch(uagb_image_gallery.ajax_url,{method:"POST",credentials:"same-origin",body:e}).then(e=>e.json()).then(function(t){let a=l?.querySelector(".spectra-image-gallery__layout--masonry");a=a||l,setTimeout(function(){const e=new Isotope(a,{itemSelector:".spectra-image-gallery__media-wrapper--isotope",stagger:10});e.insert(UAGBImageGalleryMasonry.createElementFromHTML(t.data)),imagesLoaded(a).on("progress",function(){e.layout()}),imagesLoaded(a).on("always",function(){const e=document.querySelector(s),t=e?.querySelector(".spectra-image-gallery__control-button");t?.classList?.remove("disabled"),loadLightBoxImages(e,c,null,o,g)}),"url"===o.imageClickEvent&&o.customLinks&&UAGBImageGalleryMasonry.addClickEvents(a,o),(spectraImageGalleryLoadStatus=!0)===n&&l?.querySelector(".spectra-image-gallery__control-button").classList.toggle("disabled"),i===parseInt(r.total)&&(l.querySelector(".spectra-image-gallery__control-button").style.opacity=0,setTimeout(()=>{l.querySelector(".spectra-image-gallery__control-button").parentElement.style.display="none"},2e3))},500)})},presentInViewport(e){e=e.getBoundingClientRect();return 0<=e.top&&0<=e.left&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}},UAGBImageGalleryPagedGrid={init(r,o,e,t){let n=1;const i=document.querySelector(o);let s=null;r.lightboxThumbnails&&(s=new Swiper(o+"+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--thumbnails",t),e={...e,thumbs:{swiper:s}});const c=new Swiper(o+"+.spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--main",e),g=(c.lazy.load(),loadLightBoxImages(i,c,n,r,s),i?.querySelectorAll(".spectra-image-gallery__control-arrows--grid")),a=i?.querySelectorAll(".spectra-image-gallery__control-dot");for(let e=0;e{const t=e.currentTarget;let a=n;switch(t.getAttribute("data-direction")){case"Prev":--a;break;case"Next":++a}i?.querySelector(".spectra-image-gallery__media-wrapper")||i;var e=r.gridPages,l={page_number:a,total:e};a===e||1===a?t.disabled=!0:g.forEach(e=>{e.disabled=!1}),a<=e&&1<=a&&(UAGBImageGalleryPagedGrid.callAjax(i,l,r,g,o,c,s),n=a)});for(let e=0;e{const t=e.currentTarget;var e=t.getAttribute("data-go-to"),a=(i?.querySelector(".spectra-image-gallery__media-wrapper")||i,{page_number:e,total:r.gridPages});UAGBImageGalleryPagedGrid.callAjax(i,a,r,g,o,c,s),n=e})},createElementFromHTML(e){const t=document.createElement("div");e=e.replace(/\s+/gm," ").replace(/( )+/gm," ").trim();return t.innerHTML=e,t},getCustomURL(e,t){const a=new RegExp("^((http|https)://)(www.)?[a-zA-Z0-9@:%._\\+~#?&//=\\-]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%._\\+~#?&//=]*)$");e=parseInt(e.getAttribute("data-spectra-gallery-image-id"));return a.test(t?.customLinks[e])?t.customLinks[e]:void 0},openCustomURL(e){window.open(e,"_blank")},addClickEvents(e,a){const t=e?.querySelectorAll(".spectra-image-gallery__media-wrapper");t.forEach(e=>{const t=UAGBImageGalleryPagedGrid.getCustomURL(e,a);t&&(e.style.cursor="pointer",e.setAttribute("tabindex","0"),e.addEventListener("click",()=>UAGBImageGalleryPagedGrid.openCustomURL(t)),e.addEventListener("keydown",e=>{13!==e.keyCode&&32!==e.keyCode||UAGBImageGalleryPagedGrid.openCustomURL(t)}))})},callAjax(o,n,i,s,c,g,d){const e=new FormData;e.append("action","uag_load_image_gallery_grid_pagination"),e.append("nonce",uagb_image_gallery.uagb_image_gallery_grid_pagination_ajax_nonce),e.append("page_number",n.page_number),e.append("attr",JSON.stringify(i)),fetch(uagb_image_gallery.ajax_url,{method:"POST",credentials:"same-origin",body:e}).then(e=>e.json()).then(function(r){!1!==r.success&&setTimeout(function(){let e=o?.querySelector(".spectra-image-gallery__layout--isogrid");const t=(e=e||o).querySelectorAll(".spectra-image-gallery__media-wrapper--isotope"),a=new Isotope(e,{itemSelector:".spectra-image-gallery__media-wrapper--isotope",layoutMode:"fitRows"}),l=(t.forEach(e=>{a.remove(e),a.layout()}),a.insert(UAGBImageGalleryPagedGrid.createElementFromHTML(r.data)),imagesLoaded(e).on("progress",function(){a.layout()}),imagesLoaded(e).on("always",function(){var e=document.querySelector(c);loadLightBoxImages(e,g,parseInt(n.page_number),i,d)}),i.customLinks&&UAGBImageGalleryPagedGrid.addClickEvents(e,i),1===parseInt(n.page_number)?s.forEach(e=>{e.disabled="Prev"===e.getAttribute("data-direction")}):parseInt(n.page_number)===parseInt(n.total)?s.forEach(e=>{e.disabled="Next"===e.getAttribute("data-direction")}):s.forEach(e=>{e.disabled=!1}),o?.querySelector(".spectra-image-gallery__control-dot--active").classList.toggle("spectra-image-gallery__control-dot--active"),o?.querySelectorAll(".spectra-image-gallery__control-dot"));l[parseInt(n.page_number)-1].classList.toggle("spectra-image-gallery__control-dot--active")},500)})}},cycleInLightbox=(e,t)=>{if("Tab"===t.key){e=e.querySelectorAll('button, div[data-role="button"], [href], [tabindex]:not([tabindex="-1"])');const a=e[0],l=e[e.length-1];e=t.target.ownerDocument.activeElement;t.shiftKey&&e===a?(t.preventDefault(),l.focus()):t.shiftKey||e!==l||(t.preventDefault(),a.focus())}},loadLightBoxImages=(l,r,e,o,n)=>{if(l){const t=o.paginateLimit,i=document.querySelector("body"),s=(r.on("activeIndexChange",e=>{if(o.lightboxThumbnails&&n.slideTo(e.activeIndex),o.lightboxDisplayCount){e=e.activeIndex;const t=l?.nextElementSibling,a=t.querySelector(".spectra-image-gallery__control-lightbox--count-page");a&&(a.innerHTML=parseInt(e)+1)}r.lazy.load()}),o.lightboxThumbnails&&n.on("activeIndexChange",e=>{r.slideTo(e.activeIndex)}),l?.nextElementSibling);let a={};if(s&&s?.classList.contains("spectra-image-gallery__control-lightbox")){if(a=(()=>{const e=cycleInLightbox.bind(null,s);return{addEventListener:function(){s.addEventListener("keydown",e)},removeEventListener:function(){s.removeEventListener("keydown",e)}}})(),s.addEventListener("keydown",e=>{27===e.keyCode&&(i.style.overflow="",s.style.opacity=0,setTimeout(()=>{if(s.style.display="none",a.removeEventListener(),clickedImageId){const e=document.querySelector(`[data-spectra-gallery-image-id="${clickedImageId}"]`);e?.focus(),clickedImageId=null}},250))}),s.style.display="none",o.lightboxCloseIcon){const g=s.querySelector(".spectra-image-gallery__control-lightbox--close");g&&g.addEventListener("click",()=>{i.style.overflow="",s.style.opacity=0,setTimeout(()=>{if(s.style.display="none",clickedImageId){const e=document.querySelector(`[data-spectra-gallery-image-id="${clickedImageId}"]`);e?.focus(),clickedImageId=null}a.removeEventListener()},250)})}if(o.lightboxDisplayCount){const d=s.querySelector(".spectra-image-gallery__control-lightbox--count-total");d.innerHTML=o.mediaGallery.length}}const c=(e,t)=>{r&&s&&(clickedImageId=t.getAttribute("data-spectra-gallery-image-id"),s.style.display="",s.focus(),setTimeout(()=>{r.slideTo(e)},100),setTimeout(()=>{s.style.opacity=1,s?.classList.contains("spectra-image-gallery__control-lightbox")&&(i.style.overflow="hidden"),a.addEventListener()},250))};null!==e?setTimeout(()=>{addClickListeners(l,e,c,t,o)},1e3):addClickListeners(l,null,c,null,o)}},generateUniqueId=e=>`image-${e}-`+Date.now(),addClickListeners=(e,o,n,i,s)=>{const t=e.querySelectorAll(".spectra-image-gallery__media-wrapper"),c={};if("image"===s.imageClickEvent){const a=s.mediaGallery;a.forEach(e=>{c[e.id]=e.url})}t.forEach((t,e)=>{t.style.cursor="pointer";var a=generateUniqueId(e);if("lightbox"===s.imageClickEvent&&t.setAttribute("data-spectra-gallery-image-id",a),"image"===s.imageClickEvent){a=t.getAttribute("data-spectra-gallery-image-id");const l=c[a];t.addEventListener("click",()=>{openImageInWindow(l)}),t.addEventListener("keydown",e=>{13!==e.keyCode&&32!==e.keyCode||openImageInWindow(l)})}else{const r=null!==o?e+(o-1)*i:e;t.addEventListener("click",()=>n(r,t)),t.addEventListener("keydown",e=>{13!==e.keyCode&&32!==e.keyCode||(e.preventDefault(),n(r,t))})}})};let imageWindow=null;const openImageInWindow=e=>{imageWindow&&!imageWindow.closed?imageWindow.focus():imageWindow=window.open(e,"_blank")}; \ No newline at end of file diff --git a/assets/js/images-loaded.min.js b/assets/js/images-loaded.min.js new file mode 100644 index 00000000..7e47b80a --- /dev/null +++ b/assets/js/images-loaded.min.js @@ -0,0 +1,2 @@ +/*! For license information please see images-loaded.min.js.LICENSE.txt */ +!function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,(function(){function t(){}let e=t.prototype;return e.on=function(t,e){if(!t||!e)return this;let i=this._events=this._events||{},s=i[t]=i[t]||[];return s.includes(e)||s.push(e),this},e.once=function(t,e){if(!t||!e)return this;this.on(t,e);let i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this},e.off=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;let s=i.indexOf(e);return-1!=s&&i.splice(s,1),this},e.emitEvent=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;i=i.slice(0),e=e||[];let s=this._onceEvents&&this._onceEvents[t];for(let n of i)s&&s[n]&&(this.off(t,n),delete s[n]),n.apply(this,e);return this},e.allOff=function(){return delete this._events,delete this._onceEvents,this},t})),function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}("undefined"!=typeof window?window:this,(function(t,e){let i=t.jQuery,s=t.console;function n(t,e,o){if(!(this instanceof n))return new n(t,e,o);let r=t;var h;"string"==typeof t&&(r=document.querySelectorAll(t)),r?(this.elements=(h=r,Array.isArray(h)?h:"object"==typeof h&&"number"==typeof h.length?[...h]:[h]),this.options={},"function"==typeof e?o=e:Object.assign(this.options,e),o&&this.on("always",o),this.getImages(),i&&(this.jqDeferred=new i.Deferred),setTimeout(this.check.bind(this))):s.error(`Bad element for imagesLoaded ${r||t}`)}n.prototype=Object.create(e.prototype),n.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)};const o=[1,9,11];n.prototype.addElementImages=function(t){"IMG"===t.nodeName&&this.addImage(t),!0===this.options.background&&this.addElementBackgroundImages(t);let{nodeType:e}=t;if(!e||!o.includes(e))return;let i=t.querySelectorAll("img");for(let t of i)this.addImage(t);if("string"==typeof this.options.background){let e=t.querySelectorAll(this.options.background);for(let t of e)this.addElementBackgroundImages(t)}};const r=/url\((['"])?(.*?)\1\)/gi;function h(t){this.img=t}function d(t,e){this.url=t,this.element=e,this.img=new Image}return n.prototype.addElementBackgroundImages=function(t){let e=getComputedStyle(t);if(!e)return;let i=r.exec(e.backgroundImage);for(;null!==i;){let s=i&&i[2];s&&this.addBackground(s,t),i=r.exec(e.backgroundImage)}},n.prototype.addImage=function(t){let e=new h(t);this.images.push(e)},n.prototype.addBackground=function(t,e){let i=new d(t,e);this.images.push(i)},n.prototype.check=function(){if(this.progressedCount=0,this.hasAnyBroken=!1,!this.images.length)return void this.complete();let t=(t,e,i)=>{setTimeout((()=>{this.progress(t,e,i)}))};this.images.forEach((function(e){e.once("progress",t),e.check()}))},n.prototype.progress=function(t,e,i){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&s&&s.log(`progress: ${i}`,t,e)},n.prototype.complete=function(){let t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){let t=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[t](this)}},h.prototype=Object.create(e.prototype),h.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},h.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},h.prototype.confirm=function(t,e){this.isLoaded=t;let{parentNode:i}=this.img,s="PICTURE"===i.nodeName?i:this.img;this.emitEvent("progress",[this,s,e])},h.prototype.handleEvent=function(t){let e="on"+t.type;this[e]&&this[e](t)},h.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},h.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},h.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype=Object.create(h.prototype),d.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},d.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},n.makeJQueryPlugin=function(e){(e=e||t.jQuery)&&(i=e,i.fn.imagesLoaded=function(t,e){return new n(this,t,e).jqDeferred.promise(i(this))})},n.makeJQueryPlugin(),n})); \ No newline at end of file diff --git a/assets/js/imagesloaded.min.js b/assets/js/imagesloaded.min.js new file mode 100644 index 00000000..8805c130 --- /dev/null +++ b/assets/js/imagesloaded.min.js @@ -0,0 +1,13 @@ +/*! + * imagesLoaded PACKAGED v4.1.4 + * JavaScript is all like "You images are done yet or what?" + * MIT License + */ + +/** + * EvEmitter v1.1.0 + * Lil' event emitter + * MIT License + */ + + !function(global,factory){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",factory):"object"==typeof module&&module.exports?module.exports=factory():global.EvEmitter=factory()}(this,function(){function EvEmitter(){}var proto=EvEmitter.prototype;return proto.on=function(eventName,listener){if(eventName&&listener){var events=this._events=this._events||{},listeners=events[eventName]=events[eventName]||[];return listeners.indexOf(listener)==-1&&listeners.push(listener),this}},proto.once=function(eventName,listener){if(eventName&&listener){this.on(eventName,listener);var onceEvents=this._onceEvents=this._onceEvents||{},onceListeners=onceEvents[eventName]=onceEvents[eventName]||[];return onceListeners[listener]=!0,this}},proto.off=function(eventName,listener){var listeners=this._events&&this._events[eventName];if(listeners&&listeners.length){var index=listeners.indexOf(listener);return index!=-1&&listeners.splice(index,1),this}},proto.emitEvent=function(eventName,args){var listeners=this._events&&this._events[eventName];if(listeners&&listeners.length){var i=0,listener=listeners[i];args=args||[];for(var onceListeners=this._onceEvents&&this._onceEvents[eventName];listener;){var isOnce=onceListeners&&onceListeners[listener];isOnce&&(this.off(eventName,listener),delete onceListeners[listener]),listener.apply(this,args),i+=isOnce?0:1,listener=listeners[i]}return this}},EvEmitter}),function(window,factory){"use strict";"function"==typeof define&&define.amd?define(["ev-emitter/ev-emitter"],function(EvEmitter){return factory(window,EvEmitter)}):"object"==typeof module&&module.exports?module.exports=factory(window,require("ev-emitter")):window.imagesLoaded=factory(window,window.EvEmitter)}(window,function(window,EvEmitter){function extend(a,b){for(var prop in b)a[prop]=b[prop];return a}function makeArray(obj){var ary=[];if(Array.isArray(obj))ary=obj;else if("number"==typeof obj.length)for(var i=0;i Site Import Failed'; + if ( 'complete' === result.data.response.step ) { + response_message = + '' + + response_message; + } + + $( '#astra-sites-import-status-admin-bar' ).html( + response_message + ); + } else { + $( '#astra-sites-import-status-admin-bar' ).html( + '' + + result.data.response.message + ); + } + + // Admin page UI markup. + var currentStep = $( + '.import-step[data-step="' + + result.data.response.step + + '"]' + ); + if ( currentStep.length ) { + if ( + 'complete' === result.data.response.step || + 'fail' === result.data.response.step + ) { + $( '.import-step' ) + .removeClass( 'processing' ) + .addClass( 'success' ); + } else if ( + AstraSitesImportStatus.current_step !== + result.data.response.step + ) { + AstraSitesImportStatus.current_step = + result.data.response.step; + + currentStep + .prevAll() + .removeClass( 'processing' ) + .addClass( 'success' ); + currentStep.addClass( 'processing' ); + } + } + } ) + .fail( function ( err ) { + AstraSitesImportStatus.ajax_in_process = false; + + // Stop. + AstraSitesImportStatus.stop(); + } ); + }, + + /** + * Step + */ + stop: function () { + clearInterval( AstraSitesImportStatus.timer ); + }, + }; + + /** + * Initialize AstraSitesImportStatus + */ + $( function () { + AstraSitesImportStatus.init(); + } ); +} )( jQuery ); diff --git a/assets/js/index.js b/assets/js/index.js new file mode 100644 index 00000000..e69de29b diff --git a/assets/js/inline-notice.js b/assets/js/inline-notice.js new file mode 100644 index 00000000..1940db84 --- /dev/null +++ b/assets/js/inline-notice.js @@ -0,0 +1,47 @@ +// eslint-disable-next-line no-undef +UAGBInlineNotice = { + init( attr, id ) { + const main = document.querySelectorAll( id ); + + if ( main.length === 0 ) { + return; + } + + const uniqueId = attr.c_id; + const isCookie = attr.cookies; + const cookiesDays = attr.close_cookie_days; + const currentCookie = Cookies.get( 'uagb-notice-' + uniqueId ); + + for ( const mainWrap of main ) { + if ( 'undefined' === typeof currentCookie && true === isCookie ) { + mainWrap.style.display = 'block'; + } + const noticeDismissClass = mainWrap.querySelector( '.uagb-notice-dismiss' ) || mainWrap.querySelector( 'svg' ); + const closeBtn = noticeDismissClass ? noticeDismissClass : mainWrap.querySelector( 'button[type="button"] svg' ); + if ( '' !== attr.noticeDismiss && '' !== attr.icon ) { + closeBtn.addEventListener( 'click', function () { + dismissClick( isCookie, currentCookie, uniqueId, cookiesDays, main ); + } ); + main[0].addEventListener( 'keydown', function ( e ) { + if ( e.keyCode === 13 || e.keyCode === 32 ) { + const focusedVisibleElement = document.querySelector( id + ' :focus-visible' ); + dismissClick( isCookie, currentCookie, uniqueId, cookiesDays, main, focusedVisibleElement ); + } + } ); + } + } + }, +}; + +function dismissClick( isCookie, currentCookie, uniqueId, cookiesDays, main, focusedVisibleElement ) { + if ( true === isCookie && 'undefined' === typeof currentCookie ) { + Cookies.set( 'uagb-notice-' + uniqueId, true, { expires: cookiesDays } ); + } + main[0]?.classList?.add( 'uagb-notice__active' ); + if ( focusedVisibleElement ) { + const closeDismiss = focusedVisibleElement?.parentElement; + closeDismiss.style.display = 'none'; + } else { + main[0].style.display = 'none'; + } +} \ No newline at end of file diff --git a/assets/js/inline-notice.min.js b/assets/js/inline-notice.min.js new file mode 100644 index 00000000..eecc9dfa --- /dev/null +++ b/assets/js/inline-notice.min.js @@ -0,0 +1 @@ +function dismissClick(e,i,o,s,t,n){if(!0===e&&void 0===i&&Cookies.set("uagb-notice-"+o,!0,{expires:s}),t[0]?.classList?.add("uagb-notice__active"),n){const c=n?.parentElement;c.style.display="none"}else t[0].style.display="none"}UAGBInlineNotice={init(e,i){const o=document.querySelectorAll(i);if(0!==o.length){const t=e.c_id,n=e.cookies,c=e.close_cookie_days,l=Cookies.get("uagb-notice-"+t);for(const d of o){void 0===l&&!0===n&&(d.style.display="block");var s=d.querySelector(".uagb-notice-dismiss")||d.querySelector("svg");const u=s||d.querySelector('button[type="button"] svg');""!==e.noticeDismiss&&""!==e.icon&&(u.addEventListener("click",function(){dismissClick(n,l,t,c,o)}),o[0].addEventListener("keydown",function(e){13!==e.keyCode&&32!==e.keyCode||(e=document.querySelector(i+" :focus-visible"),dismissClick(n,l,t,c,o,e))}))}}}}; \ No newline at end of file diff --git a/assets/js/instagram-feed.js b/assets/js/instagram-feed.js new file mode 100644 index 00000000..1fa2aaf2 --- /dev/null +++ b/assets/js/instagram-feed.js @@ -0,0 +1,229 @@ +let spectraInstagramLoadStatus = true; + +window.SpectraInstagramMasonry = { + init( $attr, $selector ) { + let count = 2; + const windowHeight50 = window.innerHeight / 1.25; + const $scope = document.querySelector( $selector ); + const loader = $scope.querySelector( '.spectra-ig-feed__control-loader' ); + const loadButton = $scope.querySelector( '.spectra-ig-feed__control-button' ); + if ( $attr.feedPagination && $attr.paginateUseLoader ) { + window.addEventListener( 'scroll', function () { + let mediaItem = $scope.querySelector( '.spectra-ig-feed__media-wrapper' ); + if ( ! mediaItem ) { + mediaItem = $scope; + } + const boundingClientRect = mediaItem.lastElementChild.getBoundingClientRect(); + const offsetTop = boundingClientRect.top + window.scrollY; + if ( window.pageYOffset + windowHeight50 >= offsetTop ) { + const $args = { + page_number: count, + }; + const total = $attr.gridPages; + if ( spectraInstagramLoadStatus ) { + if ( count > total ) { + loader.style.display = 'none'; + } + if ( count <= total ) { + window.SpectraInstagramMasonry.callAjax( $scope, $args, $attr, false, count ); + count++; + spectraInstagramLoadStatus = false; + } + } + } + } ); + } else if ( $attr.feedPagination && ! $attr.paginateUseLoader ) { + loadButton.onclick = function () { + const total = $attr.gridPages; + const $args = { + total, + page_number: count, + }; + loadButton.classList.toggle( 'disabled' ); + if ( spectraInstagramLoadStatus ) { + if ( count <= total ) { + window.SpectraInstagramMasonry.callAjax( $scope, $args, $attr, true, count ); + count++; + spectraInstagramLoadStatus = false; + } + } + }; + } + }, + + createElementFromHTML( htmlString ) { + const htmlElement = document.createElement( 'div' ); + const htmlCleanString = htmlString.replace( /\s+/gm, ' ' ).replace( /( )+/gm, ' ' ).trim(); + htmlElement.innerHTML = htmlCleanString; + return htmlElement; + }, + + callAjax( $scope, $obj, $attr, append = false, count ) { + const mediaData = new FormData(); + mediaData.append( 'action', 'spectra_pro_load_instagram_masonry' ); + mediaData.append( 'nonce', spectra_pro_instagram_media.spectra_pro_instagram_masonry_ajax_nonce ); + mediaData.append( 'page_number', $obj.page_number ); + mediaData.append( 'attr', JSON.stringify( $attr ) ); + fetch( spectra_pro_instagram_media.ajax_url, { + method: 'POST', + credentials: 'same-origin', + body: mediaData, + } ) + .then( ( resp ) => resp.json() ) + .then( function ( data ) { + let element = $scope.querySelector( '.spectra-ig-feed__layout--masonry' ); + if ( ! element ) { + element = $scope; + } + // eslint-disable-next-line no-undef + const isotope = new Isotope( element, { + itemSelector: '.spectra-ig-feed__media-wrapper', + stagger: 10, + } ); + isotope.insert( window.SpectraInstagramMasonry.createElementFromHTML( data.data ) ); + // eslint-disable-next-line no-undef + imagesLoaded( element ).on( 'progress', function () { + isotope.layout(); + } ); + spectraInstagramLoadStatus = true; + if ( true === append ) { + $scope.querySelector( '.spectra-ig-feed__control-button' ).classList.toggle( 'disabled' ); + } + if ( count === parseInt( $obj.total ) ) { + $scope.querySelector( '.spectra-ig-feed__control-button' ).style.opacity = 0; + setTimeout( () => { + $scope.querySelector( '.spectra-ig-feed__control-button' ).parentElement.style.display = 'none'; + }, 2000 ); + } + } ) + .catch( function ( error ) { + console.error( `%c${ error }`, 'color: turquoise; font-weight: bold; font-family: Raleway;' ); // eslint-disable-line no-console + } ); + }, +}; + +window.SpectraInstagramPagedGrid = { + init( $attr, $selector ) { + let count = 1; + const $scope = document.querySelector( $selector ); + const arrows = $scope.querySelectorAll( '.spectra-ig-feed__control-arrows--grid' ); + const dots = $scope.querySelectorAll( '.spectra-ig-feed__control-dot' ); + for ( let i = 0; i < arrows.length; i++ ) { + arrows[ i ].addEventListener( 'click', ( event ) => { + const thisArrow = event.currentTarget; + let page = count; + switch ( thisArrow.getAttribute( 'data-direction' ) ) { + case 'Prev': + --page; + break; + case 'Next': + ++page; + break; + } + let mediaItem = $scope.querySelector( '.spectra-ig-feed__media-wrapper' ); + if ( ! mediaItem ) { + mediaItem = $scope; + } + const total = $attr.gridPages; + const $args = { + page_number: page, + total, + }; + if ( page === total || page === 1 ) { + thisArrow.disabled = true; + } else { + arrows.forEach( ( ele ) => { + ele.disabled = false; + } ); + } + if ( page <= total && page >= 1 ) { + window.SpectraInstagramPagedGrid.callAjax( $scope, $args, $attr, arrows ); + count = page; + } + } ); + } + for ( let i = 0; i < dots.length; i++ ) { + dots[ i ].addEventListener( 'click', ( event ) => { + const thisDot = event.currentTarget; + const page = thisDot.getAttribute( 'data-go-to' ); + let mediaItem = $scope.querySelector( '.spectra-ig-feed__media-wrapper' ); + if ( ! mediaItem ) { + mediaItem = $scope; + } + const $args = { + page_number: page, + total: $attr.gridPages, + }; + window.SpectraInstagramPagedGrid.callAjax( $scope, $args, $attr, arrows ); + count = page; + } ); + } + }, + + createElementFromHTML( htmlString ) { + const htmlElement = document.createElement( 'div' ); + const htmlCleanString = htmlString.replace( /\s+/gm, ' ' ).replace( /( )+/gm, ' ' ).trim(); + htmlElement.innerHTML = htmlCleanString; + return htmlElement; + }, + + callAjax( $scope, $obj, $attr, arrows ) { + const mediaData = new FormData(); + mediaData.append( 'action', 'spectra_pro_load_instagram_grid_pagination' ); + mediaData.append( 'nonce', spectra_pro_instagram_media.spectra_pro_instagram_grid_pagination_ajax_nonce ); + mediaData.append( 'page_number', $obj.page_number ); + mediaData.append( 'attr', JSON.stringify( $attr ) ); + fetch( spectra_pro_instagram_media.ajax_url, { + method: 'POST', + credentials: 'same-origin', + body: mediaData, + } ) + .then( ( resp ) => resp.json() ) + .then( function ( data ) { + let element = $scope.querySelector( '.spectra-ig-feed__layout--isogrid' ); + if ( ! element ) { + element = $scope; + } + const mediaElements = element.querySelectorAll( '.spectra-ig-feed__media-wrapper' ); + // eslint-disable-next-line no-undef + const isotope = new Isotope( element, { + itemSelector: '.spectra-ig-feed__media-wrapper', + layoutMode: 'fitRows', + } ); + mediaElements.forEach( ( mediaEle ) => { + isotope.remove( mediaEle ); + isotope.layout(); + } ); + isotope.insert( window.SpectraInstagramPagedGrid.createElementFromHTML( data.data ) ); + // eslint-disable-next-line no-undef + imagesLoaded( element ).on( 'progress', function () { + isotope.layout(); + } ); + if ( parseInt( $obj.page_number ) === 1 ) { + arrows.forEach( ( arrow ) => { + arrow.disabled = arrow.getAttribute( 'data-direction' ) === 'Prev'; + } ); + } else if ( parseInt( $obj.page_number ) === parseInt( $obj.total ) ) { + arrows.forEach( ( arrow ) => { + arrow.disabled = arrow.getAttribute( 'data-direction' ) === 'Next'; + } ); + } else { + arrows.forEach( ( arrow ) => { + arrow.disabled = false; + } ); + } + $scope + .querySelector( '.spectra-ig-feed__control-dot--active' ) + .classList.toggle( 'spectra-ig-feed__control-dot--active' ); + const activeDot = $scope.querySelectorAll( '.spectra-ig-feed__control-dot' ); + if ( activeDot ) { + activeDot[ parseInt( $obj.page_number ) - 1 ].classList.toggle( + 'spectra-ig-feed__control-dot--active' + ); + } + } ) + .catch( function ( error ) { + console.error( `%c${ error }`, 'color: turquoise; font-weight: bold; font-family: Raleway;' ); // eslint-disable-line no-console + } ); + }, +}; diff --git a/assets/js/instagram-feed.min.js b/assets/js/instagram-feed.min.js new file mode 100644 index 00000000..ec2d45cb --- /dev/null +++ b/assets/js/instagram-feed.min.js @@ -0,0 +1 @@ +let spectraInstagramLoadStatus=!0;window.SpectraInstagramMasonry={init(r,e){let n=2;const o=window.innerHeight/1.25,i=document.querySelector(e),c=i.querySelector(".spectra-ig-feed__control-loader"),a=i.querySelector(".spectra-ig-feed__control-button");r.feedPagination&&r.paginateUseLoader?window.addEventListener("scroll",function(){let e=i.querySelector(".spectra-ig-feed__media-wrapper");var t,a=(e=e||i).lastElementChild.getBoundingClientRect().top+window.scrollY;window.pageYOffset+o>=a&&(a={page_number:n},t=r.gridPages,spectraInstagramLoadStatus)&&(n>t&&(c.style.display="none"),n<=t)&&(window.SpectraInstagramMasonry.callAjax(i,a,r,!1,n),n++,spectraInstagramLoadStatus=!1)}):r.feedPagination&&!r.paginateUseLoader&&(a.onclick=function(){var e=r.gridPages,t={total:e,page_number:n};a.classList.toggle("disabled"),spectraInstagramLoadStatus&&n<=e&&(window.SpectraInstagramMasonry.callAjax(i,t,r,!0,n),n++,spectraInstagramLoadStatus=!1)})},createElementFromHTML(e){var t=document.createElement("div"),e=e.replace(/\s+/gm," ").replace(/( )+/gm," ").trim();return t.innerHTML=e,t},callAjax(r,n,e,o=!1,i){var t=new FormData;t.append("action","spectra_pro_load_instagram_masonry"),t.append("nonce",spectra_pro_instagram_media.spectra_pro_instagram_masonry_ajax_nonce),t.append("page_number",n.page_number),t.append("attr",JSON.stringify(e)),fetch(spectra_pro_instagram_media.ajax_url,{method:"POST",credentials:"same-origin",body:t}).then(e=>e.json()).then(function(e){let t=r.querySelector(".spectra-ig-feed__layout--masonry");t=t||r;const a=new Isotope(t,{itemSelector:".spectra-ig-feed__media-wrapper",stagger:10});a.insert(window.SpectraInstagramMasonry.createElementFromHTML(e.data)),imagesLoaded(t).on("progress",function(){a.layout()}),(spectraInstagramLoadStatus=!0)===o&&r.querySelector(".spectra-ig-feed__control-button").classList.toggle("disabled"),i===parseInt(n.total)&&(r.querySelector(".spectra-ig-feed__control-button").style.opacity=0,setTimeout(()=>{r.querySelector(".spectra-ig-feed__control-button").parentElement.style.display="none"},2e3))}).catch(function(e){})}},window.SpectraInstagramPagedGrid={init(n,e){let o=1;const i=document.querySelector(e),c=i.querySelectorAll(".spectra-ig-feed__control-arrows--grid");var t=i.querySelectorAll(".spectra-ig-feed__control-dot");for(let e=0;e{e=e.currentTarget;let t=o;switch(e.getAttribute("data-direction")){case"Prev":--t;break;case"Next":++t}i.querySelector(".spectra-ig-feed__media-wrapper")||i;var a=n.gridPages,r={page_number:t,total:a};t===a||1===t?e.disabled=!0:c.forEach(e=>{e.disabled=!1}),t<=a&&1<=t&&(window.SpectraInstagramPagedGrid.callAjax(i,r,n,c),o=t)});for(let e=0;e{var e=e.currentTarget.getAttribute("data-go-to"),t=(i.querySelector(".spectra-ig-feed__media-wrapper")||i,{page_number:e,total:n.gridPages});window.SpectraInstagramPagedGrid.callAjax(i,t,n,c),o=e})},createElementFromHTML(e){var t=document.createElement("div"),e=e.replace(/\s+/gm," ").replace(/( )+/gm," ").trim();return t.innerHTML=e,t},callAjax(n,o,e,i){var t=new FormData;t.append("action","spectra_pro_load_instagram_grid_pagination"),t.append("nonce",spectra_pro_instagram_media.spectra_pro_instagram_grid_pagination_ajax_nonce),t.append("page_number",o.page_number),t.append("attr",JSON.stringify(e)),fetch(spectra_pro_instagram_media.ajax_url,{method:"POST",credentials:"same-origin",body:t}).then(e=>e.json()).then(function(e){let t=n.querySelector(".spectra-ig-feed__layout--isogrid");var a=(t=t||n).querySelectorAll(".spectra-ig-feed__media-wrapper");const r=new Isotope(t,{itemSelector:".spectra-ig-feed__media-wrapper",layoutMode:"fitRows"});a.forEach(e=>{r.remove(e),r.layout()}),r.insert(window.SpectraInstagramPagedGrid.createElementFromHTML(e.data)),imagesLoaded(t).on("progress",function(){r.layout()}),1===parseInt(o.page_number)?i.forEach(e=>{e.disabled="Prev"===e.getAttribute("data-direction")}):parseInt(o.page_number)===parseInt(o.total)?i.forEach(e=>{e.disabled="Next"===e.getAttribute("data-direction")}):i.forEach(e=>{e.disabled=!1}),n.querySelector(".spectra-ig-feed__control-dot--active").classList.toggle("spectra-ig-feed__control-dot--active");a=n.querySelectorAll(".spectra-ig-feed__control-dot");a&&a[parseInt(o.page_number)-1].classList.toggle("spectra-ig-feed__control-dot--active")}).catch(function(e){})}}; \ No newline at end of file diff --git a/assets/js/install-theme.js b/assets/js/install-theme.js new file mode 100644 index 00000000..0e174660 --- /dev/null +++ b/assets/js/install-theme.js @@ -0,0 +1,132 @@ +( function ( $ ) { + AstraSitesInstallTheme = { + /** + * Init + */ + init() { + this._auto_close_notice(); + this._bind(); + }, + + /** + * Binds events for the Astra Sites. + * + * @since 1.3.2 + * + * @access private + * @function _bind + */ + _bind() { + $( document ).on( + 'click', + '.astra-sites-theme-not-installed', + AstraSitesInstallTheme._install_and_activate + ); + $( document ).on( + 'click', + '.astra-sites-theme-installed-but-inactive', + AstraSitesInstallTheme._activateTheme + ); + $( document ).on( + 'wp-theme-install-success', + AstraSitesInstallTheme._activateTheme + ); + }, + + /** + * Close Getting Started Notice + * + * @param {Object} event + */ + _auto_close_notice() { + if ( $( '.astra-sites-getting-started-btn' ).length ) { + $.ajax( { + url: aiBuilderVars.ajax_url, + type: 'POST', + data: { + action: 'astra-sites-getting-started-notice', + _ajax_nonce: aiBuilderVars._ajax_nonce, + }, + } ).done( function () {} ); + } + }, + + /** + * Activate Theme + * + * @param event + * @param response + * @since 1.3.2 + */ + _activateTheme( event, response ) { + event.preventDefault(); + + $( '#astra-theme-activation-nag a' ).addClass( 'processing' ); + + if ( response ) { + $( '#astra-theme-activation-nag a' ).text( + aiBuilderVars.installed + ); + } else { + $( '#astra-theme-activation-nag a' ).text( + aiBuilderVars.activating + ); + } + + // WordPress adds "Activate" button after waiting for 1000ms. So we will run our activation after that. + setTimeout( function () { + $.ajax( { + url: aiBuilderVars.ajax_url, + type: 'POST', + data: { + action: 'astra-sites-activate_theme', + _ajax_nonce: aiBuilderVars._ajax_nonce, + }, + } ).done( function ( result ) { + if ( result.success ) { + $( '.astra-sites-theme-action-link' ) + .parent() + .html( aiBuilderVars.activated + ' 🎉' ); + } + } ); + }, 3000 ); + }, + + /** + * Install and activate + * + * @since 1.3.2 + * + * @param {Object} event Current event. + */ + _install_and_activate( event ) { + event.preventDefault(); + const theme_slug = $( this ).data( 'theme-slug' ) || ''; + const btn = $( event.target ); + + if ( btn.hasClass( 'processing' ) ) { + return; + } + + btn.text( aiBuilderVars.installing ).addClass( 'processing' ); + + if ( + wp.updates.shouldRequestFilesystemCredentials && + ! wp.updates.ajaxLocked + ) { + wp.updates.requestFilesystemCredentials( event ); + } + + wp.updates.installTheme( { + slug: theme_slug, + } ); + }, + }; + + /** + * Initialize + */ + $( function () { + AstraSitesInstallTheme.init(); + } ); +} )( jQuery ); diff --git a/assets/js/installer.js b/assets/js/installer.js new file mode 100644 index 00000000..d791179d --- /dev/null +++ b/assets/js/installer.js @@ -0,0 +1,134 @@ +/** + * Initializes in a Strict env the code that manages the Stellar Installer buttons. + * + * @since 1.0.0 + * + * @param {Object} $ jQuery + * @param {Object} hooks WP Hooks + * @param {Object} obj window.stellarwp.installer + * + * @return {void} + */ + +( function( $, hooks, document ) { + 'use strict'; + + /** + * Initialize the necessary varaibles for StellarWP libraries such that + * they are isolated from other instances of this library in the wild. + */ + // BEGIN: stellarwp library initialization. + const currentScript = typeof document.currentScript !== 'undefined' ? document.currentScript : document.scripts[document.scripts.length - 1]; + const namespace = currentScript.getAttribute( 'data-stellarwp-namespace' ); + if ( namespace === null ) { + console.info( 'The stellarwp/installer library failed to initialize because the data-stellarwp-namespace attribute could not be read from the script tag.' ); + return; + } + window.stellarwp = window.stellarwp || {}; + window.stellarwp[ namespace ] = window.stellarwp[ namespace ] || {}; + // END: stellarwp library initialization. + + // If the library has already been initialized, bail. + if ( typeof window.stellarwp[ namespace ].installer === 'object' ) { + return; + } + + window.stellarwp[ namespace ].installer = JSON.parse( currentScript.getAttribute( 'data-stellarwp-data' ) ); + const obj = window.stellarwp[ namespace ].installer; + const $document = $( document ); + + /** + * Gets the AJAX request data. + * + * @since 1.0.0 + * + * @param {Element|jQuery} $button The button where the configuration data is. + * + * @return {Object} data + */ + obj.getData = ( $button ) => { + const data = { + 'action': $button.data( 'action' ), + 'request': $button.data( 'request-action' ), + 'slug': $button.data( 'slug' ), + '_wpnonce': $button.data( 'nonce' ), + }; + + return data; + }; + + /** + * Handles the plugin install AJAX call. + * + * @since 1.0.0 + */ + obj.handleInstall = ( event ) => { + const $button = $( event.target ); + const ajaxUrl = obj.ajaxurl; + const data = obj.getData( $button ); + const requestType = $button.data( 'request-action' ); + + $button.addClass( obj.busyClass ); + $button.prop( 'disabled', true ); + + if ( 'install' === requestType ) { + $button.text( $button.data( 'installing-label' ) ); + } else if ( 'activate' === requestType ) { + $button.text( $button.data( 'activating-label' ) ); + } + + $.post( ajaxUrl, data, ( response ) => { + $button.removeClass( obj.busyClass ); + $button.prop( 'disabled', false ); + + if ( 'undefined' === typeof response.data || 'object' !== typeof response.data ) { + return; + } + + if ( response.success ) { + if ( 'install' === requestType ) { + $button.text( $button.data( 'installed-label' ) ); + } else if ( 'activate' === requestType ) { + $button.text( $button.data( 'activated-label' ) ); + } + + if ( $button.data('redirect-url') ) { + location.replace( $button.data('redirect-url') ); + } + } else { + hooks.doAction( + 'stellarwp_installer_' + $button.data( 'hook-prefix' ) + '_error', + event.data.selector, + $button.data( 'slug' ), + data.action, + response.data.message, + $button.data( 'hook-prefix' ) + ); + } + } ); + } + + /** + * Handles the initialization of the notice actions. + * + * @since 1.0.0 + * + * @return {void} + */ + obj.ready = ( event ) => { + for ( const key in obj.selectors ) { + $document.on( + 'click', + obj.selectors[ key ], + { + slug: key, + selector: obj.selectors[ key ] + }, + obj.handleInstall + ); + } + }; + + // Configure on document ready. + $document.ready( obj.ready ); +} )( window.jQuery, window.wp.hooks, document ); diff --git a/assets/js/internal-information.js b/assets/js/internal-information.js new file mode 100644 index 00000000..808c2030 --- /dev/null +++ b/assets/js/internal-information.js @@ -0,0 +1,486 @@ +/* global wpforms_builder, wpf, WPFormsBuilder, WPForms, md5 */ + +'use strict'; + +/** + * WPForms Internal Information Field builder functions. + * + * @since 1.7.6 + */ +var WPFormsInternalInformationField = window.WPFormsInternalInformationField || ( function( document, window, $ ) { // eslint-disable-line + + /** + * WPForms builder element. + * + * @since 1.7.6 + * + * @type {jQuery} + */ + let $builder; + + /** + * Public functions and properties. + * + * @since 1.7.6 + * + * @type {object} + */ + let app = { + + /** + * Start the engine. + * + * @since 1.7.6 + */ + init: function() { + + $( app.ready ); + }, + + /** + * Initialized once the DOM is fully loaded. + * + * @since 1.7.6 + */ + ready: function() { + + $builder = $( '#wpforms-builder' ); + + app.bindUIActionsFields(); + }, + + /** + * Element bindings. + * + * @since 1.7.6 + */ + bindUIActionsFields: function() { + + app.dragDisable(); + + $builder + .on( 'wpformsFieldAdd', app.dragDisable ) + .on( 'input', '.wpforms-field-option-row-heading input[type="text"]', app.headingUpdates ) + .on( 'input', '.wpforms-field-option-row-expanded-description textarea', app.expandedDescriptionUpdates ) + .on( 'input', '.wpforms-field-option-row-cta-label input[type="text"]', app.ctaButtonLabelUpdates ) + .on( 'input', '.wpforms-field-option-row-cta-link input[type="text"]', app.ctaButtonLinkUpdates ) + .on( 'click', '.cta-button.cta-expand-description a', app.showExpandedDescription ) + .on( 'focusout', '.wpforms-field-option-row-cta-link input[type="text"]', app.validateCTAlinkField ) + .on( 'mousedown', '.wpforms-field-internal-information-checkbox', app.handleCheckboxClick ) + .on( 'wpformsDescriptionFieldUpdated', app.descriptionFieldUpdated ) + .on( 'wpformsBeforeFieldDeleteAlert', app.preventDeleteFieldAlert ) + .on( 'mouseenter', '.internal-information-not-editable .wpforms-field-delete', app.showDismissTitle ); + }, + + /** + * Save checkbox state as a post meta. + * + * @since 1.7.6 + * + * @param {string} name Checkbox name. + * @param {int} checked Checkbox state. + */ + saveInternalInformationCheckbox: function( name, checked ) { + + $.post( + wpforms_builder.ajax_url, + { + action: 'wpforms_builder_save_internal_information_checkbox', + formId: $( '#wpforms-builder-form' ).data( 'id' ), + name: name, + checked: checked, + nonce: wpforms_builder.nonce, + } + ); + }, + + /** + * Replace checkboxes. + * + * @since 1.7.6 + * @since 1.7.9 Added ID parameter. + * + * @param {string} description Expanded description. + * @param {int} id Field ID. + * + * @returns {string} Expanded description with checkboxes HTML. + */ + replaceCheckboxes: function( description, id ) { + + const lines = description.split( /\r?\n/ ), + replaced = [], + needle = '[] '; + + let lineNumber = -1; + + for ( let line of lines ) { + + lineNumber++; + line = line.trim(); + + if ( ! line.startsWith( needle ) ) { + replaced.push( line ); + + continue; + } + + const hash = md5( line ), + name = `iif-${id}-${hash}-${lineNumber}`; + + line = line.replace( '[] ', `
      ` ); line += '
      '; + + replaced.push( line ); + } + + return ( wpf.wpautop( replaced.join( '\n' ) ) ).replace( /
      \n$/, '' ); + }, + + /** + * Do not allow field to be draggable. + * + * @since 1.7.9 + */ + dragDisable: function() { + + WPForms.Admin.Builder.DragFields.fieldDragDisable( $( '.internal-information-not-draggable' ), false ); + }, + + /** + * Real-time updates for "Heading" field option. + * + * @since 1.7.6 + */ + headingUpdates: function() { + + let $this = $( this ), + value = wpf.sanitizeHTML( $this.val() ), + $head = $( '#wpforms-field-' + $this.parent().data( 'field-id' ) ).find( '.wpforms-field-internal-information-row-heading .heading' ); + + $head.toggle( value.length !== 0 ); + WPFormsBuilder.updateDescription( $head.find( '.text' ), value ); + }, + + /** + * Real-time updates for "Expanded Description" field option. + * + * @since 1.7.6 + */ + expandedDescriptionUpdates: function() { + + const $this = $( this ), + value = wpf.sanitizeHTML( $this.val() ), + id = $this.parent().data( 'field-id' ), + $field = $( '#wpforms-field-' + id ), + $wrapper = $field.find( '.internal-information-wrap' ), + $buttonContainer = $field.find( '.wpforms-field-internal-information-row-cta-button' ), + $options = $( '#wpforms-field-option-' + id ), + link = $options.find( '.wpforms-field-option-row-cta-link input[type="text"]' ).val(), + label = $options.find( '.wpforms-field-option-row-cta-label input[type="text"]' ).val().length !== 0 ? $options.find( '.wpforms-field-option-row-cta-label input[type="text"]' ).val() : wpforms_builder.empty_label, + $expandable = $wrapper.find( '.wpforms-field-internal-information-row-expanded-description' ); + + const newLines = app.replaceCheckboxes( value, id ); + + WPFormsBuilder.updateDescription( $wrapper.find( '.expanded-description' ), newLines ); + + if ( value.length !== 0 ) { // Expanded description has content. + if ( $expandable.hasClass( 'expanded' ) ) { + return; + } + + // Update CTA button. + $buttonContainer.html( app.notExpandedButton() ); + + return; + } + + $expandable.hide().removeClass( 'expanded' ); + + if ( link.length === 0 ) { // Expanded description does not have value and button has no link. + $buttonContainer.html( '' ); + + return; + } + + $buttonContainer.html( app.standardCtaButton( link, label ) ); + }, + + /** + * Expand additional description on button click. + * + * @since 1.7.6 + * + * @param {object} event Click event. + */ + showExpandedDescription: function( event ) { + + event.preventDefault(); + + const $this = $( this ), + id = $this.closest( '.wpforms-field-internal-information' ).data( 'field-id' ), + $expandable = $this.closest( '.internal-information-content' ).find( '.wpforms-field-internal-information-row-expanded-description' ), + $buttonContainer = $( '#wpforms-field-' + id ).find( '.wpforms-field-internal-information-row-cta-button' ), + isExpanded = $expandable.hasClass( 'expanded' ); + + $expandable.toggleClass( 'expanded' ); + + if ( ! isExpanded ) { + $expandable.slideDown( 400 ); + $buttonContainer.html( app.expandedButton() ); + + return; + } + + $expandable.slideUp( 400 ); + $buttonContainer.html( app.notExpandedButton() ); + }, + + /** + * Validate if the CTA Link field has correct url. + * + * @since 1.7.6 + */ + validateCTAlinkField: function() { + + const $field = $( this ), + url = $field.val().trim(); + + $field.val( url ); + + if ( url === '' || wpf.isURL( url ) ) { + return; + } + + $.confirm( + { + title: wpforms_builder.heads_up, + content: wpforms_builder.iif_redirect_url_field_error, + icon: 'fa fa-exclamation-circle', + type: 'orange', + buttons: { + confirm: { + text: wpforms_builder.ok, + btnClass: 'btn-confirm', + keys: [ 'enter' ], + action: function() { + $field.trigger( 'focus' ); + }, + }, + }, + } + ); + }, + + /** + * Handle checkbox checking. + * + * @since 1.7.6 + * + * @param {object} event Click event. + */ + handleCheckboxClick: function( event ) { + + event.preventDefault(); + + const $this = $( this ), + checked = ! $this.prop( 'checked' ); + + $this.prop( 'checked', checked ); + + app.saveInternalInformationCheckbox( $this.prop( 'name' ), Number( checked ) ); + }, + + /** + * Replace checkboxes on description field. + * + * @since 1.7.6 + * + * @param {object} event Triggered event. + * @param {object} data Field element and field value. + */ + descriptionFieldUpdated: function( event, data ) { + + const type = $( '#wpforms-field-' + data.id ).data( 'field-type' ); + + if ( type !== 'internal-information' || data.value.length === 0 ) { + return; + } + + data.value = app.replaceCheckboxes( data.value, data.id ); + + WPFormsBuilder.updateDescription( data.descField, data.value ); + }, + + /** + * Prevent delete field alert to show. + * + * @since 1.7.6 + * + * @param {object} event Triggered event. + * @param {object} fieldData Field data. + * @param {string} type Field type. + */ + preventDeleteFieldAlert: function( event, fieldData, type ) { + + if ( type === 'internal-information' ) { + event.preventDefault(); + WPFormsBuilder.fieldDeleteById( fieldData.id, type, 50 ); + } + }, + + /** + * Replace Delete field button title with Dismiss. + * + * @since 1.7.6 + */ + showDismissTitle: function() { + + $( this ).attr( 'title', wpforms_builder.iif_dismiss ); + }, + + /** + * Real-time updates for "CTA button" link. + * + * @since 1.7.6 + */ + ctaButtonLinkUpdates() { + + let $this = $( this ), + id = $this.parent().data( 'field-id' ), + $field = $( '#wpforms-field-' + id ), + $buttonContainer = $field.find( '.wpforms-field-internal-information-row-cta-button' ), + $expandable = $field.find( '.wpforms-field-internal-information-row-expanded-description' ), + desc = $this.closest( '#wpforms-field-option-' + id ).find( '.wpforms-field-option-row-expanded-description textarea' ).val(), + label = $this.closest( '#wpforms-field-option-' + id ).find( '.wpforms-field-option-row-cta-label input[type="text"]' ).val(); + + if ( desc.length !== 0 ) { + + if ( $expandable.hasClass( 'expanded' ) ) { + + $buttonContainer.html( app.expandedButton() ); + + return; + } + $buttonContainer.html( app.notExpandedButton() ); + + return; + } + + if ( wpf.isURL( $this.val() ) && label.length !== 0 ) { + $buttonContainer.html( app.standardCtaButton( $this.val(), label ) ); + + return; + } + + $buttonContainer.html( '' ); + }, + + /** + * Real-time updates for "CTA button" label. + * + * @since 1.7.6 + */ + ctaButtonLabelUpdates: function() { + + let $this = $( this ), + value = wpf.sanitizeHTML( $this.val() ), + id = $this.parent().data( 'field-id' ), + $field = $( '#wpforms-field-' + id ), + $buttonContainer = $field.find( '.wpforms-field-internal-information-row-cta-button' ), + $expandable = $field.find( '.wpforms-field-internal-information-row-expanded-description' ), + desc = $this.closest( '#wpforms-field-option-' + id ).find( '.wpforms-field-option-row-expanded-description textarea' ).val(), + link = $this.closest( '#wpforms-field-option-' + id ).find( '.wpforms-field-option-row-cta-link input[type="text"]' ).val(); + + if ( desc.length !== 0 && value.length !== 0 ) { + if ( $expandable.hasClass( 'expanded' ) ) { + + $buttonContainer.html( app.expandedButton() ); + + return; + } + + $buttonContainer.html( app.notExpandedButton() ); + + return; + } + + if ( value.length !== 0 && wpf.isURL( link ) ) { + $buttonContainer.html( app.standardCtaButton( link, value ) ); + + return; + } + + if ( desc.length === 0 ) { + $buttonContainer.html( '' ); + } + }, + + /** + * Standard CTA button template. + * + * @since 1.7.6 + * + * @param {string} url Button URL. + * @param {string} label Button label. + * + * @returns {string} Button HTML. + */ + standardCtaButton: function( url, label ) { + + let button = `
      + + %label% +
      `; + + return button.replace( '%url%', wpf.sanitizeHTML( url ) ).replace( '%label%', wpf.sanitizeHTML( label ) ); + }, + + /** + * Not expanded button. + * + * @since 1.7.6 + * + * @returns {string} Not expanded button HTML. + */ + notExpandedButton: function() { + + let button = `
      + + %label% + + + + + + +
      `; + + return button.replace( '%label%', wpforms_builder.iif_more ); + }, + + /** + * Expanded button. + * + * @since 1.7.6 + * + * @returns {string} Expanded button HTML. + */ + expandedButton: function() { + + let button = `
      + + %label% + + + + + +
      `; + + return button.replace( '%label%', wpforms_builder.close ); + }, + }; + + return app; +}( document, window, jQuery ) ); + +WPFormsInternalInformationField.init(); diff --git a/assets/js/internal-information.min.js b/assets/js/internal-information.min.js new file mode 100644 index 00000000..84827fd8 --- /dev/null +++ b/assets/js/internal-information.min.js @@ -0,0 +1,21 @@ +"use strict";var WPFormsInternalInformationField=window.WPFormsInternalInformationField||function(d){let e,l={init:function(){d(l.ready)},ready:function(){e=d("#wpforms-builder"),l.bindUIActionsFields()},bindUIActionsFields:function(){l.dragDisable(),e.on("wpformsFieldAdd",l.dragDisable).on("input",'.wpforms-field-option-row-heading input[type="text"]',l.headingUpdates).on("input",".wpforms-field-option-row-expanded-description textarea",l.expandedDescriptionUpdates).on("input",'.wpforms-field-option-row-cta-label input[type="text"]',l.ctaButtonLabelUpdates).on("input",'.wpforms-field-option-row-cta-link input[type="text"]',l.ctaButtonLinkUpdates).on("click",".cta-button.cta-expand-description a",l.showExpandedDescription).on("focusout",'.wpforms-field-option-row-cta-link input[type="text"]',l.validateCTAlinkField).on("mousedown",".wpforms-field-internal-information-checkbox",l.handleCheckboxClick).on("wpformsDescriptionFieldUpdated",l.descriptionFieldUpdated).on("wpformsBeforeFieldDeleteAlert",l.preventDeleteFieldAlert).on("mouseenter",".internal-information-not-editable .wpforms-field-delete",l.showDismissTitle)},saveInternalInformationCheckbox:function(e,n){d.post(wpforms_builder.ajax_url,{action:"wpforms_builder_save_internal_information_checkbox",formId:d("#wpforms-builder-form").data("id"),name:e,checked:n,nonce:wpforms_builder.nonce})},replaceCheckboxes:function(e,n){var t,i,o=[];let a=-1;for(t of e.split(/\r?\n/))a++,(t=t.trim()).startsWith("[] ")?(i=`iif-${n}-${md5(t)}-`+a,t=t.replace("[] ",`
      `),t+="
      ",o.push(t)):o.push(t);return wpf.wpautop(o.join("\n")).replace(/
      \n$/,"")},dragDisable:function(){WPForms.Admin.Builder.DragFields.fieldDragDisable(d(".internal-information-not-draggable"),!1)},headingUpdates:function(){var e=d(this),n=wpf.sanitizeHTML(e.val()),e=d("#wpforms-field-"+e.parent().data("field-id")).find(".wpforms-field-internal-information-row-heading .heading");e.toggle(0!==n.length),WPFormsBuilder.updateDescription(e.find(".text"),n)},expandedDescriptionUpdates:function(){var e=d(this),n=wpf.sanitizeHTML(e.val()),e=e.parent().data("field-id"),t=d("#wpforms-field-"+e),i=t.find(".internal-information-wrap"),t=t.find(".wpforms-field-internal-information-row-cta-button"),o=d("#wpforms-field-option-"+e),a=o.find('.wpforms-field-option-row-cta-link input[type="text"]').val(),o=0!==o.find('.wpforms-field-option-row-cta-label input[type="text"]').val().length?o.find('.wpforms-field-option-row-cta-label input[type="text"]').val():wpforms_builder.empty_label,r=i.find(".wpforms-field-internal-information-row-expanded-description"),e=l.replaceCheckboxes(n,e);if(WPFormsBuilder.updateDescription(i.find(".expanded-description"),e),0!==n.length)return r.hasClass("expanded")?void 0:void t.html(l.notExpandedButton());r.hide().removeClass("expanded"),0===a.length?t.html(""):t.html(l.standardCtaButton(a,o))},showExpandedDescription:function(e){e.preventDefault();var e=d(this),n=e.closest(".wpforms-field-internal-information").data("field-id"),e=e.closest(".internal-information-content").find(".wpforms-field-internal-information-row-expanded-description"),n=d("#wpforms-field-"+n).find(".wpforms-field-internal-information-row-cta-button"),t=e.hasClass("expanded");e.toggleClass("expanded"),t?(e.slideUp(400),n.html(l.notExpandedButton())):(e.slideDown(400),n.html(l.expandedButton()))},validateCTAlinkField:function(){const e=d(this),n=e.val().trim();e.val(n),""===n||wpf.isURL(n)||d.confirm({title:wpforms_builder.heads_up,content:wpforms_builder.iif_redirect_url_field_error,icon:"fa fa-exclamation-circle",type:"orange",buttons:{confirm:{text:wpforms_builder.ok,btnClass:"btn-confirm",keys:["enter"],action:function(){e.trigger("focus")}}}})},handleCheckboxClick:function(e){e.preventDefault();var e=d(this),n=!e.prop("checked");e.prop("checked",n),l.saveInternalInformationCheckbox(e.prop("name"),Number(n))},descriptionFieldUpdated:function(e,n){"internal-information"===d("#wpforms-field-"+n.id).data("field-type")&&0!==n.value.length&&(n.value=l.replaceCheckboxes(n.value,n.id),WPFormsBuilder.updateDescription(n.descField,n.value))},preventDeleteFieldAlert:function(e,n,t){"internal-information"===t&&(e.preventDefault(),WPFormsBuilder.fieldDeleteById(n.id,t,50))},showDismissTitle:function(){d(this).attr("title",wpforms_builder.iif_dismiss)},ctaButtonLinkUpdates(){var e=d(this),n=e.parent().data("field-id"),t=d("#wpforms-field-"+n),i=t.find(".wpforms-field-internal-information-row-cta-button"),t=t.find(".wpforms-field-internal-information-row-expanded-description"),o=e.closest("#wpforms-field-option-"+n).find(".wpforms-field-option-row-expanded-description textarea").val(),n=e.closest("#wpforms-field-option-"+n).find('.wpforms-field-option-row-cta-label input[type="text"]').val();if(0!==o.length)return t.hasClass("expanded")?void i.html(l.expandedButton()):void i.html(l.notExpandedButton());wpf.isURL(e.val())&&0!==n.length?i.html(l.standardCtaButton(e.val(),n)):i.html("")},ctaButtonLabelUpdates:function(){var e=d(this),n=wpf.sanitizeHTML(e.val()),t=e.parent().data("field-id"),i=d("#wpforms-field-"+t),o=i.find(".wpforms-field-internal-information-row-cta-button"),i=i.find(".wpforms-field-internal-information-row-expanded-description"),a=e.closest("#wpforms-field-option-"+t).find(".wpforms-field-option-row-expanded-description textarea").val(),e=e.closest("#wpforms-field-option-"+t).find('.wpforms-field-option-row-cta-link input[type="text"]').val();if(0!==a.length&&0!==n.length)return i.hasClass("expanded")?void o.html(l.expandedButton()):void o.html(l.notExpandedButton());0!==n.length&&wpf.isURL(e)?o.html(l.standardCtaButton(e,n)):0===a.length&&o.html("")},standardCtaButton:function(e,n){return`
      + + %label% +
      `.replace("%url%",wpf.sanitizeHTML(e)).replace("%label%",wpf.sanitizeHTML(n))},notExpandedButton:function(){return`
      + + %label% + + + + + + +
      `.replace("%label%",wpforms_builder.iif_more)},expandedButton:function(){return`
      + + %label% + + + + + +
      `.replace("%label%",wpforms_builder.close)}};return l}((document,window,jQuery));WPFormsInternalInformationField.init(); \ No newline at end of file diff --git a/assets/js/isotope.min.js b/assets/js/isotope.min.js new file mode 100644 index 00000000..86968a47 --- /dev/null +++ b/assets/js/isotope.min.js @@ -0,0 +1,11 @@ +/*! +* Isotope PACKAGED v3.0.5 +* +* Licensed GPLv3 for open source use +* or Isotope Commercial License for commercial use +* +* https://isotope.metafizzy.co +* Copyright 2017 Metafizzy +*/ + +!function(t,e){"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,function(t,e){"use strict";var i=Array.prototype.slice,o=t.console,n=void 0===o?function(){}:function(t){o.error(t)};function s(o,s,a){(a=a||e||t.jQuery)&&(s.prototype.option||(s.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[o]=function(t){if("string"==typeof t){var e=i.call(arguments,1);return h=e,d="$()."+o+'("'+(u=t)+'")',(r=this).each(function(t,e){var i=a.data(e,o);if(i){var s=i[u];if(s&&"_"!=u.charAt(0)){var r=s.apply(i,h);l=void 0===l?r:l}else n(d+" is not a valid method")}else n(o+" not initialized. Cannot call methods, i.e. "+d)}),void 0!==l?l:r}var r,u,h,l,d,f;return f=t,this.each(function(t,e){var i=a.data(e,o);i?(i.option(f),i._init()):(i=new s(e,f),a.data(e,o,i))}),this},r(a))}function r(t){!t||t&&t.bridget||(t.bridget=s)}return r(e||t.jQuery),s}),function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},o=i[t]=i[t]||[];return-1==o.indexOf(e)&&o.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var o=i.indexOf(e);return-1!=o&&i.splice(o,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var o=this._onceEvents&&this._onceEvents[t],n=0;n